Merge pull request #469 from kne-union/release

Release

Author: zhipenglin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kne-components/components-core",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "files": [
     "build"
   ],

src/components/FormInfo/fields/ColorPicker.js

@@ -1,10 +1,16 @@
 import {hooks} from "@kne/react-form-antd";
-import {ColorPicker as ColorPickerField} from 'antd';
+import {ColorPicker as ColorPickerFieldAntd} from 'antd';
 
 const {useOnChange} = hooks;
 
+const ColorPickerField = (props) => {
+    return <ColorPickerFieldAntd {...props} onChange={(value) => {
+        return props.onChange(value.toHexString());
+    }}/>;
+};
+
 const ColorPicker = (props) => {
-    const render = useOnChange(Object.assign({}, {placeholder: "请选择" + props.label}, props));
+    const render = useOnChange(Object.assign({}, props));
     return render(ColorPickerField);
 };
 

src/components/FormInfo/style.module.scss

@@ -4,6 +4,12 @@
     &.react-form--inner--large .react-form__field,
     &.react-form--inner--small .react-form__field {
       margin-bottom: 16px;
+
+      .react-form__field-label {
+        line-height: 20px;
+        height: 20px;
+        margin-bottom: 8px;
+      }
     }
   }
 
@@ -37,9 +43,8 @@
 
       color: var(--font-color-grey);
       font-size: 14px;
-      line-height: 20px;
-      height: 20px;
-      margin-bottom: 8px;
+      line-height: 32px;
+      height: 32px;
       font-weight: normal !important;
     }
 
@@ -48,7 +53,7 @@
     }
 
     .ant-input-number,
-    .ant-input-number-group-wrapper {
+    .ant-input-number-group-wrapper, .ant-input-number-affix-wrapper {
       width: 100%;
     }