@kne/react-form-antd 3.1.2 → 3.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/dist/index.css +165 -122
- package/dist/index.css.map +1 -1
- package/dist/index.js +75 -60
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +74 -58
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/dist/index.modern.js
CHANGED
|
@@ -2,12 +2,12 @@ import * as React from 'react';
|
|
|
2
2
|
import React__default, { forwardRef, useRef, useState, useEffect, useMemo, useImperativeHandle, useCallback } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
|
-
import { preset as preset$2,
|
|
5
|
+
import ReactForm__default, { preset as preset$2, useReset, useSubmit } from '@kne/react-form';
|
|
6
6
|
export * from '@kne/react-form';
|
|
7
7
|
import { preset as preset$1, widget, hooks, hoc } from '@kne/react-form-helper';
|
|
8
8
|
export { hooks, utils, widget } from '@kne/react-form-helper';
|
|
9
9
|
import { merge, get, omit, uniqueId, groupBy } from 'lodash';
|
|
10
|
-
import { App, Modal, Row, Col, Tooltip, Slider, message, Upload, Button, TreeSelect, TimePicker, Input, Switch as Switch$1, Select, Radio, InputNumber, DatePicker, Checkbox as Checkbox$1, Cascader as Cascader$1 } from 'antd';
|
|
10
|
+
import { App, Modal, Row, Col, Tooltip, Slider as Slider$1, message, Upload, Button, TreeSelect, TimePicker, Input, Switch as Switch$1, Select, Radio, InputNumber, DatePicker, Checkbox as Checkbox$1, Cascader as Cascader$1, Rate as Rate$1 } from 'antd';
|
|
11
11
|
import { LoadingOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
|
|
12
12
|
import withLayer from '@kne/with-layer';
|
|
13
13
|
import AvatarEditor from 'react-avatar-editor';
|
|
@@ -17,30 +17,22 @@ import dayjs from 'dayjs';
|
|
|
17
17
|
import useControlValue from '@kne/use-control-value';
|
|
18
18
|
|
|
19
19
|
function _extends() {
|
|
20
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
21
|
-
for (var
|
|
22
|
-
var
|
|
23
|
-
for (var
|
|
24
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
25
|
-
target[key] = source[key];
|
|
26
|
-
}
|
|
27
|
-
}
|
|
20
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
21
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
22
|
+
var t = arguments[e];
|
|
23
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
28
24
|
}
|
|
29
|
-
return
|
|
30
|
-
};
|
|
31
|
-
return _extends.apply(this, arguments);
|
|
25
|
+
return n;
|
|
26
|
+
}, _extends.apply(null, arguments);
|
|
32
27
|
}
|
|
33
|
-
function _objectWithoutPropertiesLoose(
|
|
34
|
-
if (
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
key = sourceKeys[i];
|
|
40
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
41
|
-
target[key] = source[key];
|
|
28
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
29
|
+
if (null == r) return {};
|
|
30
|
+
var t = {};
|
|
31
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
32
|
+
if (e.indexOf(n) >= 0) continue;
|
|
33
|
+
t[n] = r[n];
|
|
42
34
|
}
|
|
43
|
-
return
|
|
35
|
+
return t;
|
|
44
36
|
}
|
|
45
37
|
|
|
46
38
|
const globalParams = {
|
|
@@ -133,7 +125,7 @@ const Form = forwardRef((originProps, ref) => {
|
|
|
133
125
|
value: {
|
|
134
126
|
size
|
|
135
127
|
}
|
|
136
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
128
|
+
}, /*#__PURE__*/React__default.createElement(ReactForm__default, _extends({}, props, {
|
|
137
129
|
ref: ref
|
|
138
130
|
}), cache ? /*#__PURE__*/React__default.createElement(FormStore, {
|
|
139
131
|
cache: cache
|
|
@@ -227,7 +219,7 @@ const getPopupContainer = triggerNode => {
|
|
|
227
219
|
|
|
228
220
|
const _excluded$6 = ["close", "file", "editor", "onComplete"];
|
|
229
221
|
const {
|
|
230
|
-
useOnChange: useOnChange$
|
|
222
|
+
useOnChange: useOnChange$e
|
|
231
223
|
} = hooks;
|
|
232
224
|
const avatarParams = globalParams.field.avatar;
|
|
233
225
|
const createAvatarEditor = withLayer(_ref => {
|
|
@@ -301,7 +293,7 @@ const createAvatarEditor = withLayer(_ref => {
|
|
|
301
293
|
}
|
|
302
294
|
}))), /*#__PURE__*/React__default.createElement(Col, {
|
|
303
295
|
flex: 1
|
|
304
|
-
}, /*#__PURE__*/React__default.createElement(Slider, {
|
|
296
|
+
}, /*#__PURE__*/React__default.createElement(Slider$1, {
|
|
305
297
|
className: "react-form-avatar-slider",
|
|
306
298
|
tooltip: {
|
|
307
299
|
placement: "bottom",
|
|
@@ -469,7 +461,7 @@ _Avatar.defaultProps = {
|
|
|
469
461
|
openEditor: false
|
|
470
462
|
};
|
|
471
463
|
const AvatarInput = props => {
|
|
472
|
-
const render = useOnChange$
|
|
464
|
+
const render = useOnChange$e(props);
|
|
473
465
|
return render(_Avatar);
|
|
474
466
|
};
|
|
475
467
|
AvatarInput.defaultProps = {
|
|
@@ -479,7 +471,7 @@ AvatarInput.field = _Avatar;
|
|
|
479
471
|
|
|
480
472
|
const _excluded$5 = ["action", "value", "onChange", "drag", "children", "displayFilename", "accept", "fileSize", "onError", "onUploadComplete", "onBeforeUpload", "maxLength", "transformResponse"];
|
|
481
473
|
const {
|
|
482
|
-
useOnChange: useOnChange$
|
|
474
|
+
useOnChange: useOnChange$d
|
|
483
475
|
} = hooks;
|
|
484
476
|
const {
|
|
485
477
|
Dragger
|
|
@@ -646,17 +638,17 @@ _Upload.defaultProps = {
|
|
|
646
638
|
onUploadComplete: () => {}
|
|
647
639
|
};
|
|
648
640
|
const UploadInput = props => {
|
|
649
|
-
const render = useOnChange$
|
|
641
|
+
const render = useOnChange$d(props);
|
|
650
642
|
return render(_Upload);
|
|
651
643
|
};
|
|
652
644
|
UploadInput.defaultProps = {
|
|
653
645
|
fieldName: 'upload'
|
|
654
646
|
};
|
|
655
|
-
UploadInput.
|
|
647
|
+
UploadInput.Field = AvatarInput.Field = _Upload;
|
|
656
648
|
|
|
657
649
|
const _excluded$4 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
|
|
658
650
|
const {
|
|
659
|
-
useOnChange: useOnChange$
|
|
651
|
+
useOnChange: useOnChange$c
|
|
660
652
|
} = hooks;
|
|
661
653
|
const withFetch = WrappedComponent => {
|
|
662
654
|
const FieldInner = withFetch$1(_ref => {
|
|
@@ -720,7 +712,7 @@ const withFetch = WrappedComponent => {
|
|
|
720
712
|
};
|
|
721
713
|
const Fetch = forwardRef((props, ref) => {
|
|
722
714
|
const emitter = useFetchEmitter(ref);
|
|
723
|
-
const render = useOnChange$
|
|
715
|
+
const render = useOnChange$c(Object.assign({
|
|
724
716
|
placeholder: `请选择${props.label}`
|
|
725
717
|
}, props, {
|
|
726
718
|
fetchEmitter: emitter
|
|
@@ -737,10 +729,10 @@ const withFetch = WrappedComponent => {
|
|
|
737
729
|
};
|
|
738
730
|
|
|
739
731
|
const {
|
|
740
|
-
useOnChange: useOnChange$
|
|
732
|
+
useOnChange: useOnChange$b
|
|
741
733
|
} = hooks;
|
|
742
734
|
const _TreeSelect = props => {
|
|
743
|
-
const render = useOnChange$
|
|
735
|
+
const render = useOnChange$b(Object.assign({
|
|
744
736
|
placeholder: `请选择${props.label || ''}`
|
|
745
737
|
}, props));
|
|
746
738
|
return render(TreeSelect);
|
|
@@ -752,13 +744,13 @@ _TreeSelect.defaultProps = _TreeSelect.Fetch.defaultProps = {
|
|
|
752
744
|
_TreeSelect.TreeNode = TreeSelect.TreeNode;
|
|
753
745
|
|
|
754
746
|
const {
|
|
755
|
-
useOnChange: useOnChange$
|
|
747
|
+
useOnChange: useOnChange$a
|
|
756
748
|
} = hooks;
|
|
757
749
|
const {
|
|
758
750
|
RangePicker: RangePicker$1
|
|
759
751
|
} = TimePicker;
|
|
760
752
|
const _TimePicker = props => {
|
|
761
|
-
const render = useOnChange$
|
|
753
|
+
const render = useOnChange$a(Object.assign({
|
|
762
754
|
placeholder: `请选择${props.label || ''}`
|
|
763
755
|
}, props));
|
|
764
756
|
return render(TimePicker);
|
|
@@ -767,7 +759,7 @@ _TimePicker.defaultProps = {
|
|
|
767
759
|
fieldName: 'timePicker'
|
|
768
760
|
};
|
|
769
761
|
const _RangePicker$1 = props => {
|
|
770
|
-
const render = useOnChange$
|
|
762
|
+
const render = useOnChange$a(Object.assign({
|
|
771
763
|
placeholder: `请选择${props.label || ''}`
|
|
772
764
|
}, props));
|
|
773
765
|
return render(RangePicker$1);
|
|
@@ -791,7 +783,7 @@ TextArea.defaultProps = {
|
|
|
791
783
|
};
|
|
792
784
|
|
|
793
785
|
const {
|
|
794
|
-
useOnChange: useOnChange$
|
|
786
|
+
useOnChange: useOnChange$9,
|
|
795
787
|
useCheckedToValue: useCheckedToValue$1
|
|
796
788
|
} = hooks;
|
|
797
789
|
const {
|
|
@@ -800,7 +792,7 @@ const {
|
|
|
800
792
|
const WithSwitch = withChecked$1(Switch$1);
|
|
801
793
|
const Switch = props => {
|
|
802
794
|
const checkedProps = useCheckedToValue$1(props);
|
|
803
|
-
const render = useOnChange$
|
|
795
|
+
const render = useOnChange$9(checkedProps);
|
|
804
796
|
return render(WithSwitch);
|
|
805
797
|
};
|
|
806
798
|
Switch.defaultProps = {
|
|
@@ -808,10 +800,10 @@ Switch.defaultProps = {
|
|
|
808
800
|
};
|
|
809
801
|
|
|
810
802
|
const {
|
|
811
|
-
useOnChange: useOnChange$
|
|
803
|
+
useOnChange: useOnChange$8
|
|
812
804
|
} = hooks;
|
|
813
805
|
const _Select = props => {
|
|
814
|
-
const render = useOnChange$
|
|
806
|
+
const render = useOnChange$8(Object.assign({
|
|
815
807
|
placeholder: `请选择${props.label || ''}`
|
|
816
808
|
}, props));
|
|
817
809
|
return render(Select);
|
|
@@ -825,7 +817,7 @@ _Select.defaultProps = _Select.Fetch.defaultProps = {
|
|
|
825
817
|
|
|
826
818
|
const _excluded$3 = ["onChange"];
|
|
827
819
|
const {
|
|
828
|
-
useOnChange: useOnChange$
|
|
820
|
+
useOnChange: useOnChange$7
|
|
829
821
|
} = hooks;
|
|
830
822
|
const RadioGroup = _ref => {
|
|
831
823
|
let {
|
|
@@ -840,7 +832,7 @@ const RadioGroup = _ref => {
|
|
|
840
832
|
}));
|
|
841
833
|
};
|
|
842
834
|
const _RadioGroup = props => {
|
|
843
|
-
const render = useOnChange$
|
|
835
|
+
const render = useOnChange$7(props);
|
|
844
836
|
return render(RadioGroup);
|
|
845
837
|
};
|
|
846
838
|
_RadioGroup.defaultProps = {
|
|
@@ -888,7 +880,7 @@ InputField.Password.defaultProps = {
|
|
|
888
880
|
|
|
889
881
|
const _excluded$2 = ["soFarText", "startProps", "endProps"];
|
|
890
882
|
const {
|
|
891
|
-
useOnChange: useOnChange$
|
|
883
|
+
useOnChange: useOnChange$6
|
|
892
884
|
} = hooks;
|
|
893
885
|
const PickerToday = _ref => {
|
|
894
886
|
let {
|
|
@@ -976,7 +968,7 @@ const PickerToday = _ref => {
|
|
|
976
968
|
}))));
|
|
977
969
|
};
|
|
978
970
|
const RangePickerToday = props => {
|
|
979
|
-
const render = useOnChange$
|
|
971
|
+
const render = useOnChange$6(props);
|
|
980
972
|
return render(PickerToday);
|
|
981
973
|
};
|
|
982
974
|
RangePickerToday.defaultProps = {
|
|
@@ -985,7 +977,7 @@ RangePickerToday.defaultProps = {
|
|
|
985
977
|
RangePickerToday.field = PickerToday;
|
|
986
978
|
|
|
987
979
|
const {
|
|
988
|
-
useOnChange: useOnChange$
|
|
980
|
+
useOnChange: useOnChange$5
|
|
989
981
|
} = hooks;
|
|
990
982
|
const {
|
|
991
983
|
MonthPicker,
|
|
@@ -993,7 +985,7 @@ const {
|
|
|
993
985
|
WeekPicker
|
|
994
986
|
} = DatePicker;
|
|
995
987
|
const _DatePicker = props => {
|
|
996
|
-
const render = useOnChange$
|
|
988
|
+
const render = useOnChange$5(Object.assign({
|
|
997
989
|
placeholder: `请选择${props.label || ''}`
|
|
998
990
|
}, props));
|
|
999
991
|
return render(DatePicker);
|
|
@@ -1002,7 +994,7 @@ _DatePicker.defaultProps = {
|
|
|
1002
994
|
fieldName: 'datePicker'
|
|
1003
995
|
};
|
|
1004
996
|
const _MonthPicker = props => {
|
|
1005
|
-
const render = useOnChange$
|
|
997
|
+
const render = useOnChange$5(Object.assign({
|
|
1006
998
|
placeholder: ['开始时间', '结束时间']
|
|
1007
999
|
}, props));
|
|
1008
1000
|
return render(MonthPicker);
|
|
@@ -1011,7 +1003,7 @@ _MonthPicker.defaultProps = {
|
|
|
1011
1003
|
fieldName: 'monthDatePicker'
|
|
1012
1004
|
};
|
|
1013
1005
|
const _RangePicker = props => {
|
|
1014
|
-
const render = useOnChange$
|
|
1006
|
+
const render = useOnChange$5(Object.assign({
|
|
1015
1007
|
placeholder: ['开始时间', '结束时间']
|
|
1016
1008
|
}, props));
|
|
1017
1009
|
return render(RangePicker);
|
|
@@ -1020,7 +1012,7 @@ _RangePicker.defaultProps = {
|
|
|
1020
1012
|
fieldName: 'rangeDatePicker'
|
|
1021
1013
|
};
|
|
1022
1014
|
const _WeekPicker = props => {
|
|
1023
|
-
const render = useOnChange$
|
|
1015
|
+
const render = useOnChange$5(Object.assign({
|
|
1024
1016
|
placeholder: ['开始时间', '结束时间']
|
|
1025
1017
|
}, props));
|
|
1026
1018
|
return render(WeekPicker);
|
|
@@ -1033,11 +1025,11 @@ _DatePicker.RangePicker = _RangePicker;
|
|
|
1033
1025
|
_DatePicker.WeekPicker = _WeekPicker;
|
|
1034
1026
|
|
|
1035
1027
|
const {
|
|
1036
|
-
useOnChange: useOnChange$
|
|
1028
|
+
useOnChange: useOnChange$4
|
|
1037
1029
|
} = hooks;
|
|
1038
1030
|
const _CheckboxGroup = Checkbox$1.Group;
|
|
1039
1031
|
const CheckboxGroup = props => {
|
|
1040
|
-
const render = useOnChange$
|
|
1032
|
+
const render = useOnChange$4(props);
|
|
1041
1033
|
return render(_CheckboxGroup);
|
|
1042
1034
|
};
|
|
1043
1035
|
CheckboxGroup.Checkbox = Checkbox$1;
|
|
@@ -1046,7 +1038,7 @@ CheckboxGroup.defaultProps = {
|
|
|
1046
1038
|
};
|
|
1047
1039
|
|
|
1048
1040
|
const {
|
|
1049
|
-
useOnChange: useOnChange$
|
|
1041
|
+
useOnChange: useOnChange$3,
|
|
1050
1042
|
useCheckedToValue
|
|
1051
1043
|
} = hooks;
|
|
1052
1044
|
const {
|
|
@@ -1060,7 +1052,7 @@ const Checkbox = props => {
|
|
|
1060
1052
|
props.onChange && props.onChange(e);
|
|
1061
1053
|
}
|
|
1062
1054
|
}));
|
|
1063
|
-
const render = useOnChange$
|
|
1055
|
+
const render = useOnChange$3(checkedProps);
|
|
1064
1056
|
return render(WithCheckbox);
|
|
1065
1057
|
};
|
|
1066
1058
|
Checkbox.defaultProps = {
|
|
@@ -1068,16 +1060,38 @@ Checkbox.defaultProps = {
|
|
|
1068
1060
|
};
|
|
1069
1061
|
|
|
1070
1062
|
const {
|
|
1071
|
-
useOnChange
|
|
1063
|
+
useOnChange: useOnChange$2
|
|
1072
1064
|
} = hooks;
|
|
1073
1065
|
const Cascader = props => {
|
|
1074
|
-
const render = useOnChange(props);
|
|
1066
|
+
const render = useOnChange$2(props);
|
|
1075
1067
|
return render(Cascader$1);
|
|
1076
1068
|
};
|
|
1077
1069
|
Cascader.defaultProps = {
|
|
1078
1070
|
fieldName: 'cascader'
|
|
1079
1071
|
};
|
|
1080
1072
|
|
|
1073
|
+
const {
|
|
1074
|
+
useOnChange: useOnChange$1
|
|
1075
|
+
} = hooks;
|
|
1076
|
+
const Rate = props => {
|
|
1077
|
+
const render = useOnChange$1(Object.assign({}, props));
|
|
1078
|
+
return render(Rate$1);
|
|
1079
|
+
};
|
|
1080
|
+
Rate.defaultProps = {
|
|
1081
|
+
fieldName: 'rate'
|
|
1082
|
+
};
|
|
1083
|
+
|
|
1084
|
+
const {
|
|
1085
|
+
useOnChange
|
|
1086
|
+
} = hooks;
|
|
1087
|
+
const Slider = props => {
|
|
1088
|
+
const render = useOnChange(Object.assign({}, props));
|
|
1089
|
+
return render(Slider$1);
|
|
1090
|
+
};
|
|
1091
|
+
Slider.defaultProps = {
|
|
1092
|
+
fieldName: 'slider'
|
|
1093
|
+
};
|
|
1094
|
+
|
|
1081
1095
|
const ResetButton = props => {
|
|
1082
1096
|
const resetProps = useReset();
|
|
1083
1097
|
return /*#__PURE__*/React__default.createElement(Button, _extends({}, resetProps, props));
|
|
@@ -1141,8 +1155,10 @@ const fields = {
|
|
|
1141
1155
|
CheckboxGroup,
|
|
1142
1156
|
Checkbox,
|
|
1143
1157
|
Cascader,
|
|
1144
|
-
Avatar: AvatarInput
|
|
1158
|
+
Avatar: AvatarInput,
|
|
1159
|
+
Rate,
|
|
1160
|
+
Slider
|
|
1145
1161
|
};
|
|
1146
1162
|
|
|
1147
|
-
export { AvatarInput as Avatar, CancelButton, Cascader, Checkbox, CheckboxGroup, _DatePicker as DatePicker, RangePickerToday as DatePickerToday, FormAntd, InputField as Input, InputNumberField as InputNumber, _RadioGroup as RadioGroup, ResetButton, _Select as Select, SubmitButton, Switch, TextArea, _TimePicker as TimePicker, _TreeSelect as TreeSelect, UploadInput as Upload, Form as default, fields, preset };
|
|
1163
|
+
export { AvatarInput as Avatar, CancelButton, Cascader, Checkbox, CheckboxGroup, _DatePicker as DatePicker, RangePickerToday as DatePickerToday, FormAntd, InputField as Input, InputNumberField as InputNumber, _RadioGroup as RadioGroup, Rate, ResetButton, _Select as Select, Slider, SubmitButton, Switch, TextArea, _TimePicker as TimePicker, _TreeSelect as TreeSelect, UploadInput as Upload, Form as default, fields, preset };
|
|
1148
1164
|
//# sourceMappingURL=index.modern.js.map
|