添加Rate和Slider组导出

README.md

@@ -30,11 +30,11 @@ npm i --save @kne/react-form-antd
 
 - 这里填写示例标题
 - 这里填写示例说明
-- reactFormAntd(@kne/react-form-antd),(@kne/react-form-antd/dist/index.css),antd(antd)
+- reactFormAntd(@kne/current-lib),(@kne/current-lib/dist/index.css),antd(antd)
 
 ```jsx
 const {Button} = antd;
-const {Form, Select, Input, Group, GroupList, SubmitButton, DatePickerToday} = reactFormAntd;
+const {Form, Select, Input, Group, GroupList, SubmitButton, DatePickerToday, Rate, Slider} = reactFormAntd;
 const {useRef} = React;
 
 const Example = () => {
@@ -43,6 +43,8 @@ const Example = () => {
         <Select name="select" label="哈哈哈" options={[{label: 'sss', value: 1}]}/>
         <Input name="name" label="名称" realtime rule="REQ LEN-0-4"/>
         <Input.Password name="password" label="密码"/>
+        <Rate name="rate" label="评分"/>
+        <Slider name="slider" label="滑动条"/>
         <br/>
         <Group name="target">
             <Input name="name" label="名称"/>

doc/base.js

@@ -1,5 +1,5 @@
 const {Button} = antd;
-const {Form, Select, Input, Group, GroupList, SubmitButton, DatePickerToday} = reactFormAntd;
+const {Form, Select, Input, Group, GroupList, SubmitButton, DatePickerToday, Rate, Slider} = reactFormAntd;
 const {useRef} = React;
 
 const Example = () => {
@@ -8,6 +8,8 @@ const Example = () => {
         <Select name="select" label="哈哈哈" options={[{label: 'sss', value: 1}]}/>
         <Input name="name" label="名称" realtime rule="REQ LEN-0-4"/>
         <Input.Password name="password" label="密码"/>
+        <Rate name="rate" label="评分"/>
+        <Slider name="slider" label="滑动条"/>
         <br/>
         <Group name="target">
             <Input name="name" label="名称"/>

doc/example.json

@@ -8,10 +8,10 @@
       "scope": [
         {
           "name": "reactFormAntd",
-          "packageName": "@kne/react-form-antd"
+          "packageName": "@kne/current-lib"
         },
         {
-          "packageName": "@kne/react-form-antd/dist/index.css"
+          "packageName": "@kne/current-lib/dist/index.css"
         },
         {
           "name": "antd",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kne/react-form-antd",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "syntax": {
     "esmodules": true
   },
@@ -85,7 +85,7 @@
     "gh-pages": "^3.2.3",
     "glob": "^10.3.3",
     "husky": "^7.0.2",
-    "node-sass": "^9.0.0",
+    "sass": "1.75.0",
     "npm-run-all": "^4.1.5",
     "pify": "^5.0.0",
     "prettier": "^2.4.1",

src/Form.js

@@ -1,7 +1,7 @@
 import React, {forwardRef} from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import {Form as ReactForm} from '@kne/react-form';
+import ReactForm from '@kne/react-form';
 import {widget} from '@kne/react-form-helper';
 import './assets/index.scss';
 import {globalParams} from './preset';
@@ -75,4 +75,4 @@ Form.propTypes = {
     })
 };
 
-export default Form;
+export default Form;

src/fields/Rate.js

@@ -0,0 +1,15 @@
+import {Rate as _Rate} from 'antd';
+import {hooks} from '@kne/react-form-helper';
+
+const {useOnChange} = hooks;
+
+const Rate = (props) => {
+    const render = useOnChange(Object.assign({}, props));
+    return render(_Rate);
+};
+
+Rate.defaultProps = {
+    fieldName: 'rate'
+};
+
+export default Rate;

src/fields/Slider.js

@@ -0,0 +1,15 @@
+import {Slider as _Slider} from 'antd';
+import {hooks} from '@kne/react-form-helper';
+
+const {useOnChange} = hooks;
+
+const Slider = (props) => {
+    const render = useOnChange(Object.assign({}, props));
+    return render(_Slider);
+};
+
+Slider.defaultProps = {
+    fieldName: 'slider'
+};
+
+export default Slider;

src/index.js

@@ -15,6 +15,8 @@ import CheckboxGroup from './fields/CheckboxGroup';
 import Checkbox from './fields/Checkbox';
 import Cascader from './fields/Cascader';
 import Avatar from './fields/Avatar';
+import Rate from './fields/Rate';
+import Slider from './fields/Slider';
 
 export * from './Form';
 export default Form;
@@ -23,6 +25,42 @@ export {default as preset} from './preset';
 export {default as ResetButton} from './ResetButton';
 export {default as SubmitButton} from './SubmitButton';
 export {default as CancelButton} from './CancelButton';
-export {Upload, TreeSelect, TimePicker, TextArea, Switch, Select, RadioGroup, InputNumber, Input, DatePickerToday, DatePicker, CheckboxGroup, Checkbox, Cascader, Avatar};
+export {
+    Upload,
+    TreeSelect,
+    TimePicker,
+    TextArea,
+    Switch,
+    Select,
+    RadioGroup,
+    InputNumber,
+    Input,
+    DatePickerToday,
+    DatePicker,
+    CheckboxGroup,
+    Checkbox,
+    Cascader,
+    Avatar,
+    Rate,
+    Slider
+};
 
-export const fields = { Upload, TreeSelect, TimePicker, TextArea, Switch, Select, RadioGroup, InputNumber, Input, DatePickerToday, DatePicker, CheckboxGroup, Checkbox, Cascader, Avatar };
+export const fields = {
+    Upload,
+    TreeSelect,
+    TimePicker,
+    TextArea,
+    Switch,
+    Select,
+    RadioGroup,
+    InputNumber,
+    Input,
+    DatePickerToday,
+    DatePicker,
+    CheckboxGroup,
+    Checkbox,
+    Cascader,
+    Avatar,
+    Rate,
+    Slider
+};