@kne/react-form-antd 2.1.43 → 3.0.0
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/dist/index.js +40 -145
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +41 -131
- package/dist/index.modern.js.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -90,7 +90,7 @@ var globalParams = {
|
|
|
90
90
|
field: {
|
|
91
91
|
upload: {
|
|
92
92
|
displayFilename: 'filename',
|
|
93
|
-
action: '/
|
|
93
|
+
action: '/upload',
|
|
94
94
|
transformResponse: function transformResponse(response) {
|
|
95
95
|
var targetPath = get__default["default"](response, 'results[0].targetPath');
|
|
96
96
|
var filename = get__default["default"](response, 'results[0].filename');
|
|
@@ -125,7 +125,7 @@ var preset = (function (props) {
|
|
|
125
125
|
ReactForm.preset(globalParams.rules);
|
|
126
126
|
});
|
|
127
127
|
|
|
128
|
-
var _excluded$
|
|
128
|
+
var _excluded$8 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
|
|
129
129
|
var ScrollToError = reactFormHelper.widget.ScrollToError,
|
|
130
130
|
EnterSubmit = reactFormHelper.widget.EnterSubmit,
|
|
131
131
|
FormStore = reactFormHelper.widget.FormStore,
|
|
@@ -138,7 +138,7 @@ var Form = React.forwardRef(function (originProps, ref) {
|
|
|
138
138
|
scrollToError = originProps.scrollToError,
|
|
139
139
|
scrollProps = originProps.scrollProps,
|
|
140
140
|
children = originProps.children,
|
|
141
|
-
props = _objectWithoutPropertiesLoose(originProps, _excluded$
|
|
141
|
+
props = _objectWithoutPropertiesLoose(originProps, _excluded$8);
|
|
142
142
|
var baseClass = 'react-form';
|
|
143
143
|
var computedClass = baseClass;
|
|
144
144
|
var _Object$assign = Object.assign({
|
|
@@ -262,15 +262,15 @@ var getPopupContainer = function getPopupContainer(triggerNode) {
|
|
|
262
262
|
return findAntdPopupContainer(triggerNode);
|
|
263
263
|
};
|
|
264
264
|
|
|
265
|
-
var _excluded$
|
|
266
|
-
var useOnChange$
|
|
265
|
+
var _excluded$7 = ["close", "file", "editor", "onComplete"];
|
|
266
|
+
var useOnChange$c = reactFormHelper.hooks.useOnChange;
|
|
267
267
|
var avatarParams = globalParams.field.avatar;
|
|
268
268
|
var createAvatarEditor = withLayer__default["default"](function (_ref) {
|
|
269
269
|
var close = _ref.close,
|
|
270
270
|
file = _ref.file,
|
|
271
271
|
editor = _ref.editor,
|
|
272
272
|
onComplete = _ref.onComplete,
|
|
273
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
273
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
|
|
274
274
|
var editorRef = React.useRef(null);
|
|
275
275
|
var _useState = React.useState(0),
|
|
276
276
|
rotate = _useState[0],
|
|
@@ -518,7 +518,7 @@ _Avatar.defaultProps = {
|
|
|
518
518
|
openEditor: false
|
|
519
519
|
};
|
|
520
520
|
var AvatarInput = function AvatarInput(props) {
|
|
521
|
-
var render = useOnChange$
|
|
521
|
+
var render = useOnChange$c(props);
|
|
522
522
|
return render(_Avatar);
|
|
523
523
|
};
|
|
524
524
|
AvatarInput.defaultProps = {
|
|
@@ -526,32 +526,32 @@ AvatarInput.defaultProps = {
|
|
|
526
526
|
};
|
|
527
527
|
AvatarInput.field = _Avatar;
|
|
528
528
|
|
|
529
|
-
var useOnChange$
|
|
529
|
+
var useOnChange$b = reactFormHelper.hooks.useOnChange;
|
|
530
530
|
var Cascader$1 = function Cascader(props) {
|
|
531
|
-
var render = useOnChange$
|
|
531
|
+
var render = useOnChange$b(props);
|
|
532
532
|
return render(antd.Cascader);
|
|
533
533
|
};
|
|
534
534
|
Cascader$1.defaultProps = {
|
|
535
535
|
fieldName: 'cascader'
|
|
536
536
|
};
|
|
537
537
|
|
|
538
|
-
var useOnChange$
|
|
538
|
+
var useOnChange$a = reactFormHelper.hooks.useOnChange,
|
|
539
539
|
useCheckedToValue$1 = reactFormHelper.hooks.useCheckedToValue;
|
|
540
540
|
var withChecked$1 = reactFormHelper.hoc.withChecked;
|
|
541
541
|
var WithCheckbox = withChecked$1(antd.Checkbox);
|
|
542
542
|
var Checkbox$1 = function Checkbox(props) {
|
|
543
543
|
var checkedProps = useCheckedToValue$1(props);
|
|
544
|
-
var render = useOnChange$
|
|
544
|
+
var render = useOnChange$a(checkedProps);
|
|
545
545
|
return render(WithCheckbox);
|
|
546
546
|
};
|
|
547
547
|
Checkbox$1.defaultProps = {
|
|
548
548
|
fieldName: 'checkbox'
|
|
549
549
|
};
|
|
550
550
|
|
|
551
|
-
var useOnChange$
|
|
551
|
+
var useOnChange$9 = reactFormHelper.hooks.useOnChange;
|
|
552
552
|
var _CheckboxGroup = antd.Checkbox.Group;
|
|
553
553
|
var CheckboxGroup$1 = function CheckboxGroup(props) {
|
|
554
|
-
var render = useOnChange$
|
|
554
|
+
var render = useOnChange$9(props);
|
|
555
555
|
return render(_CheckboxGroup);
|
|
556
556
|
};
|
|
557
557
|
CheckboxGroup$1.Checkbox = antd.Checkbox;
|
|
@@ -559,59 +559,55 @@ CheckboxGroup$1.defaultProps = {
|
|
|
559
559
|
fieldName: 'checkboxGroup'
|
|
560
560
|
};
|
|
561
561
|
|
|
562
|
-
var useOnChange$
|
|
562
|
+
var useOnChange$8 = reactFormHelper.hooks.useOnChange;
|
|
563
563
|
var MonthPicker = antd.DatePicker.MonthPicker,
|
|
564
564
|
RangePicker$1 = antd.DatePicker.RangePicker,
|
|
565
565
|
WeekPicker = antd.DatePicker.WeekPicker;
|
|
566
566
|
var _DatePicker = function _DatePicker(props) {
|
|
567
|
-
var render = useOnChange$
|
|
567
|
+
var render = useOnChange$8(Object.assign({
|
|
568
568
|
placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
|
|
569
569
|
}, props));
|
|
570
570
|
return render(antd.DatePicker);
|
|
571
571
|
};
|
|
572
572
|
_DatePicker.defaultProps = {
|
|
573
|
-
fieldName: 'datePicker'
|
|
574
|
-
getPopupContainer: getPopupContainer
|
|
573
|
+
fieldName: 'datePicker'
|
|
575
574
|
};
|
|
576
575
|
var _MonthPicker = function _MonthPicker(props) {
|
|
577
|
-
var render = useOnChange$
|
|
576
|
+
var render = useOnChange$8(Object.assign({
|
|
578
577
|
placeholder: ['开始时间', '结束时间']
|
|
579
578
|
}, props));
|
|
580
579
|
return render(MonthPicker);
|
|
581
580
|
};
|
|
582
581
|
_MonthPicker.defaultProps = {
|
|
583
|
-
fieldName: 'monthDatePicker'
|
|
584
|
-
getPopupContainer: getPopupContainer
|
|
582
|
+
fieldName: 'monthDatePicker'
|
|
585
583
|
};
|
|
586
584
|
var _RangePicker$1 = function _RangePicker(props) {
|
|
587
|
-
var render = useOnChange$
|
|
585
|
+
var render = useOnChange$8(Object.assign({
|
|
588
586
|
placeholder: ['开始时间', '结束时间']
|
|
589
587
|
}, props));
|
|
590
588
|
return render(RangePicker$1);
|
|
591
589
|
};
|
|
592
590
|
_RangePicker$1.defaultProps = {
|
|
593
|
-
fieldName: 'rangeDatePicker'
|
|
594
|
-
getPopupContainer: getPopupContainer
|
|
591
|
+
fieldName: 'rangeDatePicker'
|
|
595
592
|
};
|
|
596
593
|
var _WeekPicker = function _WeekPicker(props) {
|
|
597
|
-
var render = useOnChange$
|
|
594
|
+
var render = useOnChange$8(Object.assign({
|
|
598
595
|
placeholder: ['开始时间', '结束时间']
|
|
599
596
|
}, props));
|
|
600
597
|
return render(WeekPicker);
|
|
601
598
|
};
|
|
602
599
|
_WeekPicker.defaultProps = {
|
|
603
|
-
fieldName: 'weekDatePicker'
|
|
604
|
-
getPopupContainer: getPopupContainer
|
|
600
|
+
fieldName: 'weekDatePicker'
|
|
605
601
|
};
|
|
606
602
|
_DatePicker.MonthPicker = _MonthPicker;
|
|
607
603
|
_DatePicker.RangePicker = _RangePicker$1;
|
|
608
604
|
_DatePicker.WeekPicker = _WeekPicker;
|
|
609
605
|
|
|
610
|
-
var _excluded$
|
|
611
|
-
var useOnChange$
|
|
606
|
+
var _excluded$6 = ["soFarText"];
|
|
607
|
+
var useOnChange$7 = reactFormHelper.hooks.useOnChange;
|
|
612
608
|
var PickerToday = function PickerToday(_ref) {
|
|
613
609
|
var soFarText = _ref.soFarText,
|
|
614
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
610
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
|
|
615
611
|
var _useControlValue = useControlValue__default["default"](props),
|
|
616
612
|
data = _useControlValue[0],
|
|
617
613
|
onChange = _useControlValue[1];
|
|
@@ -691,7 +687,7 @@ var PickerToday = function PickerToday(_ref) {
|
|
|
691
687
|
}))));
|
|
692
688
|
};
|
|
693
689
|
var RangePickerToday = function RangePickerToday(props) {
|
|
694
|
-
var render = useOnChange$
|
|
690
|
+
var render = useOnChange$7(props);
|
|
695
691
|
return render(PickerToday);
|
|
696
692
|
};
|
|
697
693
|
RangePickerToday.defaultProps = {
|
|
@@ -733,11 +729,11 @@ InputNumberField.defaultProps = {
|
|
|
733
729
|
autoComplete: 'off'
|
|
734
730
|
};
|
|
735
731
|
|
|
736
|
-
var _excluded$
|
|
737
|
-
var useOnChange$
|
|
732
|
+
var _excluded$5 = ["onChange"];
|
|
733
|
+
var useOnChange$6 = reactFormHelper.hooks.useOnChange;
|
|
738
734
|
var RadioGroup$1 = function RadioGroup(_ref) {
|
|
739
735
|
var onChange = _ref.onChange,
|
|
740
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
736
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
741
737
|
var handler = React.useCallback(function (e) {
|
|
742
738
|
onChange && onChange(e.target.value);
|
|
743
739
|
}, [onChange]);
|
|
@@ -746,7 +742,7 @@ var RadioGroup$1 = function RadioGroup(_ref) {
|
|
|
746
742
|
}));
|
|
747
743
|
};
|
|
748
744
|
var _RadioGroup = function _RadioGroup(props) {
|
|
749
|
-
var render = useOnChange$
|
|
745
|
+
var render = useOnChange$6(props);
|
|
750
746
|
return render(RadioGroup$1);
|
|
751
747
|
};
|
|
752
748
|
_RadioGroup.defaultProps = {
|
|
@@ -754,8 +750,8 @@ _RadioGroup.defaultProps = {
|
|
|
754
750
|
};
|
|
755
751
|
_RadioGroup.Radio = antd.Radio;
|
|
756
752
|
|
|
757
|
-
var _excluded$
|
|
758
|
-
var useOnChange$
|
|
753
|
+
var _excluded$4 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
|
|
754
|
+
var useOnChange$5 = reactFormHelper.hooks.useOnChange;
|
|
759
755
|
var withFetch = function withFetch(WrappedComponent) {
|
|
760
756
|
var FieldInner = reactFetch.withFetch(function (_ref) {
|
|
761
757
|
var data = _ref.data,
|
|
@@ -770,7 +766,7 @@ var withFetch = function withFetch(WrappedComponent) {
|
|
|
770
766
|
children = _ref.children,
|
|
771
767
|
onLoaded = _ref.onLoaded,
|
|
772
768
|
fetchProps = _ref.fetchProps,
|
|
773
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
769
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
774
770
|
var refreshRef = React.useRef(refresh);
|
|
775
771
|
refreshRef.current = refresh;
|
|
776
772
|
var reloadRef = React.useRef(reload);
|
|
@@ -828,7 +824,7 @@ var withFetch = function withFetch(WrappedComponent) {
|
|
|
828
824
|
};
|
|
829
825
|
var Fetch = React.forwardRef(function (props, ref) {
|
|
830
826
|
var emitter = useFetchEmitter(ref);
|
|
831
|
-
var render = useOnChange$
|
|
827
|
+
var render = useOnChange$5(Object.assign({
|
|
832
828
|
placeholder: "\u8BF7\u9009\u62E9" + props.label
|
|
833
829
|
}, props, {
|
|
834
830
|
fetchEmitter: emitter
|
|
@@ -844,9 +840,9 @@ var withFetch = function withFetch(WrappedComponent) {
|
|
|
844
840
|
return Fetch;
|
|
845
841
|
};
|
|
846
842
|
|
|
847
|
-
var useOnChange$
|
|
843
|
+
var useOnChange$4 = reactFormHelper.hooks.useOnChange;
|
|
848
844
|
var _Select = function _Select(props) {
|
|
849
|
-
var render = useOnChange$
|
|
845
|
+
var render = useOnChange$4(Object.assign({
|
|
850
846
|
placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
|
|
851
847
|
}, props));
|
|
852
848
|
return render(antd.Select);
|
|
@@ -855,103 +851,8 @@ _Select.Fetch = withFetch(antd.Select);
|
|
|
855
851
|
_Select.Option = antd.Select.Option;
|
|
856
852
|
_Select.OptGroup = antd.Select.OptGroup;
|
|
857
853
|
_Select.defaultProps = _Select.Fetch.defaultProps = {
|
|
858
|
-
fieldName: 'select'
|
|
859
|
-
getPopupContainer: getPopupContainer
|
|
860
|
-
};
|
|
861
|
-
|
|
862
|
-
var _excluded$4 = ["data", "setData", "refresh", "reload", "emitter", "isLoading", "children", "onLoaded", "loadMore", "send", "isComplete", "fetchProps", "requestParams"];
|
|
863
|
-
var useOnChange$4 = reactFormHelper.hooks.useOnChange;
|
|
864
|
-
var _SelectFetch = reactFetch.withFetch(function (_ref) {
|
|
865
|
-
var data = _ref.data,
|
|
866
|
-
setData = _ref.setData,
|
|
867
|
-
refresh = _ref.refresh,
|
|
868
|
-
reload = _ref.reload,
|
|
869
|
-
emitter = _ref.emitter,
|
|
870
|
-
isLoading = _ref.isLoading,
|
|
871
|
-
children = _ref.children,
|
|
872
|
-
onLoaded = _ref.onLoaded,
|
|
873
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
874
|
-
var refreshRef = React.useRef(refresh);
|
|
875
|
-
refreshRef.current = refresh;
|
|
876
|
-
var reloadRef = React.useRef(reload);
|
|
877
|
-
reloadRef.current = reload;
|
|
878
|
-
var setDataRef = React.useRef(setData);
|
|
879
|
-
setDataRef.current = setData;
|
|
880
|
-
var dataRef = React.useRef(data);
|
|
881
|
-
React.useEffect(function () {
|
|
882
|
-
console.warn('请使用Select.Fetch替代该组件,该组件会在未来某个版本被移除');
|
|
883
|
-
var token1 = emitter.addListener('select-fetch-refresh', function () {
|
|
884
|
-
return refreshRef.current();
|
|
885
|
-
});
|
|
886
|
-
var token2 = emitter.addListener('select-fetch-reload', function () {
|
|
887
|
-
return reloadRef.current();
|
|
888
|
-
});
|
|
889
|
-
var token3 = emitter.addListener('select-fetch-set-data', function () {
|
|
890
|
-
return setDataRef.current();
|
|
891
|
-
});
|
|
892
|
-
return function () {
|
|
893
|
-
token1 && token1.remove();
|
|
894
|
-
token2 && token2.remove();
|
|
895
|
-
token3 && token3.remove();
|
|
896
|
-
};
|
|
897
|
-
}, [emitter]);
|
|
898
|
-
React.useEffect(function () {
|
|
899
|
-
onLoaded && onLoaded(dataRef.current);
|
|
900
|
-
}, []);
|
|
901
|
-
return /*#__PURE__*/React__default["default"].createElement(antd.Select, props, children({
|
|
902
|
-
data: data,
|
|
903
|
-
refresh: refresh,
|
|
904
|
-
isLoading: isLoading,
|
|
905
|
-
setData: setData
|
|
906
|
-
}));
|
|
907
|
-
});
|
|
908
|
-
var SelectFetch$1 = React.forwardRef(function (props, ref) {
|
|
909
|
-
var emitter = useEvent__default["default"]();
|
|
910
|
-
React.useImperativeHandle(ref, function () {
|
|
911
|
-
return {
|
|
912
|
-
refresh: function refresh() {
|
|
913
|
-
return emitter.emit('select-fetch-refresh');
|
|
914
|
-
},
|
|
915
|
-
reload: function reload() {
|
|
916
|
-
return emitter.emit('select-fetch-reload');
|
|
917
|
-
},
|
|
918
|
-
setData: function setData(data) {
|
|
919
|
-
return emitter.emit('select-fetch-set-data', data);
|
|
920
|
-
}
|
|
921
|
-
};
|
|
922
|
-
}, [emitter]);
|
|
923
|
-
var render = useOnChange$4(Object.assign({
|
|
924
|
-
placeholder: "\u8BF7\u9009\u62E9" + props.label
|
|
925
|
-
}, props, {
|
|
926
|
-
emitter: emitter
|
|
927
|
-
}));
|
|
928
|
-
return render(_SelectFetch);
|
|
929
|
-
});
|
|
930
|
-
SelectFetch$1.field = React.forwardRef(function (props, ref) {
|
|
931
|
-
var emitter = useEvent__default["default"]();
|
|
932
|
-
React.useImperativeHandle(ref, function () {
|
|
933
|
-
return {
|
|
934
|
-
refresh: function refresh() {
|
|
935
|
-
return emitter.emit('select-fetch-refresh');
|
|
936
|
-
},
|
|
937
|
-
reload: function reload() {
|
|
938
|
-
return emitter.emit('select-fetch-reload');
|
|
939
|
-
},
|
|
940
|
-
setData: function setData(data) {
|
|
941
|
-
return emitter.emit('select-fetch-set-data', data);
|
|
942
|
-
}
|
|
943
|
-
};
|
|
944
|
-
}, [emitter]);
|
|
945
|
-
return /*#__PURE__*/React__default["default"].createElement(_SelectFetch, _extends({}, props, {
|
|
946
|
-
emitter: emitter
|
|
947
|
-
}));
|
|
948
|
-
});
|
|
949
|
-
SelectFetch$1.defaultProps = {
|
|
950
|
-
fieldName: 'selectFetch',
|
|
951
|
-
getPopupContainer: getPopupContainer
|
|
854
|
+
fieldName: 'select'
|
|
952
855
|
};
|
|
953
|
-
SelectFetch$1.Option = antd.Select.Option;
|
|
954
|
-
SelectFetch$1.OptGroup = antd.Select.OptGroup;
|
|
955
856
|
|
|
956
857
|
var useOnChange$3 = reactFormHelper.hooks.useOnChange,
|
|
957
858
|
useCheckedToValue = reactFormHelper.hooks.useCheckedToValue;
|
|
@@ -986,8 +887,7 @@ var _TimePicker = function _TimePicker(props) {
|
|
|
986
887
|
return render(antd.TimePicker);
|
|
987
888
|
};
|
|
988
889
|
_TimePicker.defaultProps = {
|
|
989
|
-
fieldName: 'timePicker'
|
|
990
|
-
getPopupContainer: getPopupContainer
|
|
890
|
+
fieldName: 'timePicker'
|
|
991
891
|
};
|
|
992
892
|
var _RangePicker = function _RangePicker(props) {
|
|
993
893
|
var render = useOnChange$2(Object.assign({
|
|
@@ -996,8 +896,7 @@ var _RangePicker = function _RangePicker(props) {
|
|
|
996
896
|
return render(RangePicker);
|
|
997
897
|
};
|
|
998
898
|
_RangePicker.defaultProps = {
|
|
999
|
-
fieldName: 'rangeTimePicker'
|
|
1000
|
-
getPopupContainer: getPopupContainer
|
|
899
|
+
fieldName: 'rangeTimePicker'
|
|
1001
900
|
};
|
|
1002
901
|
_TimePicker.RangePicker = _RangePicker;
|
|
1003
902
|
|
|
@@ -1010,8 +909,7 @@ var _TreeSelect = function _TreeSelect(props) {
|
|
|
1010
909
|
};
|
|
1011
910
|
_TreeSelect.Fetch = withFetch(antd.TreeSelect);
|
|
1012
911
|
_TreeSelect.defaultProps = _TreeSelect.Fetch.defaultProps = {
|
|
1013
|
-
fieldName: 'treeSelect'
|
|
1014
|
-
getPopupContainer: getPopupContainer
|
|
912
|
+
fieldName: 'treeSelect'
|
|
1015
913
|
};
|
|
1016
914
|
_TreeSelect.TreeNode = antd.TreeSelect.TreeNode;
|
|
1017
915
|
|
|
@@ -1295,7 +1193,6 @@ var Input = InputField;
|
|
|
1295
1193
|
var InputNumber = InputNumberField;
|
|
1296
1194
|
var RadioGroup = _RadioGroup;
|
|
1297
1195
|
var Select = _Select;
|
|
1298
|
-
var SelectFetch = SelectFetch$1;
|
|
1299
1196
|
var Switch = Switch$1;
|
|
1300
1197
|
var TextArea = TextArea$1;
|
|
1301
1198
|
var TimePicker = _TimePicker;
|
|
@@ -1312,7 +1209,6 @@ var fields = {
|
|
|
1312
1209
|
InputNumber: InputNumber,
|
|
1313
1210
|
RadioGroup: RadioGroup,
|
|
1314
1211
|
Select: Select,
|
|
1315
|
-
SelectFetch: SelectFetch,
|
|
1316
1212
|
Switch: Switch,
|
|
1317
1213
|
TextArea: TextArea,
|
|
1318
1214
|
TimePicker: TimePicker,
|
|
@@ -1345,7 +1241,6 @@ exports.InputNumber = InputNumber;
|
|
|
1345
1241
|
exports.RadioGroup = RadioGroup;
|
|
1346
1242
|
exports.ResetButton = ResetButton;
|
|
1347
1243
|
exports.Select = Select;
|
|
1348
|
-
exports.SelectFetch = SelectFetch;
|
|
1349
1244
|
exports.SubmitButton = SubmitButton;
|
|
1350
1245
|
exports.Switch = Switch;
|
|
1351
1246
|
exports.TextArea = TextArea;
|