@kne/react-form-antd 2.2.0 → 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 +3 -3
package/dist/index.modern.js
CHANGED
|
@@ -57,7 +57,7 @@ const globalParams = {
|
|
|
57
57
|
field: {
|
|
58
58
|
upload: {
|
|
59
59
|
displayFilename: 'filename',
|
|
60
|
-
action: '/
|
|
60
|
+
action: '/upload',
|
|
61
61
|
transformResponse: response => {
|
|
62
62
|
const targetPath = get(response, 'results[0].targetPath');
|
|
63
63
|
const filename = get(response, 'results[0].filename');
|
|
@@ -92,7 +92,7 @@ var preset = (props => {
|
|
|
92
92
|
preset$2(globalParams.rules);
|
|
93
93
|
});
|
|
94
94
|
|
|
95
|
-
const _excluded$
|
|
95
|
+
const _excluded$8 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
|
|
96
96
|
const {
|
|
97
97
|
ScrollToError,
|
|
98
98
|
EnterSubmit,
|
|
@@ -109,7 +109,7 @@ const Form = forwardRef((originProps, ref) => {
|
|
|
109
109
|
scrollProps,
|
|
110
110
|
children
|
|
111
111
|
} = originProps,
|
|
112
|
-
props = _objectWithoutPropertiesLoose(originProps, _excluded$
|
|
112
|
+
props = _objectWithoutPropertiesLoose(originProps, _excluded$8);
|
|
113
113
|
const baseClass = 'react-form';
|
|
114
114
|
let computedClass = baseClass;
|
|
115
115
|
const {
|
|
@@ -228,9 +228,9 @@ const getPopupContainer = triggerNode => {
|
|
|
228
228
|
return findAntdPopupContainer(triggerNode);
|
|
229
229
|
};
|
|
230
230
|
|
|
231
|
-
const _excluded$
|
|
231
|
+
const _excluded$7 = ["close", "file", "editor", "onComplete"];
|
|
232
232
|
const {
|
|
233
|
-
useOnChange: useOnChange$
|
|
233
|
+
useOnChange: useOnChange$c
|
|
234
234
|
} = hooks;
|
|
235
235
|
const avatarParams = globalParams.field.avatar;
|
|
236
236
|
const createAvatarEditor = withLayer(_ref => {
|
|
@@ -240,7 +240,7 @@ const createAvatarEditor = withLayer(_ref => {
|
|
|
240
240
|
editor,
|
|
241
241
|
onComplete
|
|
242
242
|
} = _ref,
|
|
243
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
243
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
|
|
244
244
|
const editorRef = useRef(null);
|
|
245
245
|
const [rotate, setRotate] = useState(0);
|
|
246
246
|
const [scale, setScale] = useState(() => {
|
|
@@ -471,7 +471,7 @@ _Avatar.defaultProps = {
|
|
|
471
471
|
openEditor: false
|
|
472
472
|
};
|
|
473
473
|
const AvatarInput = props => {
|
|
474
|
-
const render = useOnChange$
|
|
474
|
+
const render = useOnChange$c(props);
|
|
475
475
|
return render(_Avatar);
|
|
476
476
|
};
|
|
477
477
|
AvatarInput.defaultProps = {
|
|
@@ -480,10 +480,10 @@ AvatarInput.defaultProps = {
|
|
|
480
480
|
AvatarInput.field = _Avatar;
|
|
481
481
|
|
|
482
482
|
const {
|
|
483
|
-
useOnChange: useOnChange$
|
|
483
|
+
useOnChange: useOnChange$b
|
|
484
484
|
} = hooks;
|
|
485
485
|
const Cascader$1 = props => {
|
|
486
|
-
const render = useOnChange$
|
|
486
|
+
const render = useOnChange$b(props);
|
|
487
487
|
return render(Cascader$2);
|
|
488
488
|
};
|
|
489
489
|
Cascader$1.defaultProps = {
|
|
@@ -491,7 +491,7 @@ Cascader$1.defaultProps = {
|
|
|
491
491
|
};
|
|
492
492
|
|
|
493
493
|
const {
|
|
494
|
-
useOnChange: useOnChange$
|
|
494
|
+
useOnChange: useOnChange$a,
|
|
495
495
|
useCheckedToValue: useCheckedToValue$1
|
|
496
496
|
} = hooks;
|
|
497
497
|
const {
|
|
@@ -500,7 +500,7 @@ const {
|
|
|
500
500
|
const WithCheckbox = withChecked$1(Checkbox$2);
|
|
501
501
|
const Checkbox$1 = props => {
|
|
502
502
|
const checkedProps = useCheckedToValue$1(props);
|
|
503
|
-
const render = useOnChange$
|
|
503
|
+
const render = useOnChange$a(checkedProps);
|
|
504
504
|
return render(WithCheckbox);
|
|
505
505
|
};
|
|
506
506
|
Checkbox$1.defaultProps = {
|
|
@@ -508,11 +508,11 @@ Checkbox$1.defaultProps = {
|
|
|
508
508
|
};
|
|
509
509
|
|
|
510
510
|
const {
|
|
511
|
-
useOnChange: useOnChange$
|
|
511
|
+
useOnChange: useOnChange$9
|
|
512
512
|
} = hooks;
|
|
513
513
|
const _CheckboxGroup = Checkbox$2.Group;
|
|
514
514
|
const CheckboxGroup$1 = props => {
|
|
515
|
-
const render = useOnChange$
|
|
515
|
+
const render = useOnChange$9(props);
|
|
516
516
|
return render(_CheckboxGroup);
|
|
517
517
|
};
|
|
518
518
|
CheckboxGroup$1.Checkbox = Checkbox$2;
|
|
@@ -521,7 +521,7 @@ CheckboxGroup$1.defaultProps = {
|
|
|
521
521
|
};
|
|
522
522
|
|
|
523
523
|
const {
|
|
524
|
-
useOnChange: useOnChange$
|
|
524
|
+
useOnChange: useOnChange$8
|
|
525
525
|
} = hooks;
|
|
526
526
|
const {
|
|
527
527
|
MonthPicker,
|
|
@@ -529,58 +529,54 @@ const {
|
|
|
529
529
|
WeekPicker
|
|
530
530
|
} = DatePicker$1;
|
|
531
531
|
const _DatePicker = props => {
|
|
532
|
-
const render = useOnChange$
|
|
532
|
+
const render = useOnChange$8(Object.assign({
|
|
533
533
|
placeholder: `请选择${props.label || ''}`
|
|
534
534
|
}, props));
|
|
535
535
|
return render(DatePicker$1);
|
|
536
536
|
};
|
|
537
537
|
_DatePicker.defaultProps = {
|
|
538
|
-
fieldName: 'datePicker'
|
|
539
|
-
getPopupContainer
|
|
538
|
+
fieldName: 'datePicker'
|
|
540
539
|
};
|
|
541
540
|
const _MonthPicker = props => {
|
|
542
|
-
const render = useOnChange$
|
|
541
|
+
const render = useOnChange$8(Object.assign({
|
|
543
542
|
placeholder: ['开始时间', '结束时间']
|
|
544
543
|
}, props));
|
|
545
544
|
return render(MonthPicker);
|
|
546
545
|
};
|
|
547
546
|
_MonthPicker.defaultProps = {
|
|
548
|
-
fieldName: 'monthDatePicker'
|
|
549
|
-
getPopupContainer
|
|
547
|
+
fieldName: 'monthDatePicker'
|
|
550
548
|
};
|
|
551
549
|
const _RangePicker$1 = props => {
|
|
552
|
-
const render = useOnChange$
|
|
550
|
+
const render = useOnChange$8(Object.assign({
|
|
553
551
|
placeholder: ['开始时间', '结束时间']
|
|
554
552
|
}, props));
|
|
555
553
|
return render(RangePicker$1);
|
|
556
554
|
};
|
|
557
555
|
_RangePicker$1.defaultProps = {
|
|
558
|
-
fieldName: 'rangeDatePicker'
|
|
559
|
-
getPopupContainer
|
|
556
|
+
fieldName: 'rangeDatePicker'
|
|
560
557
|
};
|
|
561
558
|
const _WeekPicker = props => {
|
|
562
|
-
const render = useOnChange$
|
|
559
|
+
const render = useOnChange$8(Object.assign({
|
|
563
560
|
placeholder: ['开始时间', '结束时间']
|
|
564
561
|
}, props));
|
|
565
562
|
return render(WeekPicker);
|
|
566
563
|
};
|
|
567
564
|
_WeekPicker.defaultProps = {
|
|
568
|
-
fieldName: 'weekDatePicker'
|
|
569
|
-
getPopupContainer
|
|
565
|
+
fieldName: 'weekDatePicker'
|
|
570
566
|
};
|
|
571
567
|
_DatePicker.MonthPicker = _MonthPicker;
|
|
572
568
|
_DatePicker.RangePicker = _RangePicker$1;
|
|
573
569
|
_DatePicker.WeekPicker = _WeekPicker;
|
|
574
570
|
|
|
575
|
-
const _excluded$
|
|
571
|
+
const _excluded$6 = ["soFarText"];
|
|
576
572
|
const {
|
|
577
|
-
useOnChange: useOnChange$
|
|
573
|
+
useOnChange: useOnChange$7
|
|
578
574
|
} = hooks;
|
|
579
575
|
const PickerToday = _ref => {
|
|
580
576
|
let {
|
|
581
577
|
soFarText
|
|
582
578
|
} = _ref,
|
|
583
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
579
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
|
|
584
580
|
const [data, onChange] = useControlValue(props);
|
|
585
581
|
const ref_d = useRef();
|
|
586
582
|
const newData = useMemo(() => {
|
|
@@ -658,7 +654,7 @@ const PickerToday = _ref => {
|
|
|
658
654
|
}))));
|
|
659
655
|
};
|
|
660
656
|
const RangePickerToday = props => {
|
|
661
|
-
const render = useOnChange$
|
|
657
|
+
const render = useOnChange$7(props);
|
|
662
658
|
return render(PickerToday);
|
|
663
659
|
};
|
|
664
660
|
RangePickerToday.defaultProps = {
|
|
@@ -704,15 +700,15 @@ InputNumberField.defaultProps = {
|
|
|
704
700
|
autoComplete: 'off'
|
|
705
701
|
};
|
|
706
702
|
|
|
707
|
-
const _excluded$
|
|
703
|
+
const _excluded$5 = ["onChange"];
|
|
708
704
|
const {
|
|
709
|
-
useOnChange: useOnChange$
|
|
705
|
+
useOnChange: useOnChange$6
|
|
710
706
|
} = hooks;
|
|
711
707
|
const RadioGroup$1 = _ref => {
|
|
712
708
|
let {
|
|
713
709
|
onChange
|
|
714
710
|
} = _ref,
|
|
715
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
711
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
716
712
|
const handler = useCallback(e => {
|
|
717
713
|
onChange && onChange(e.target.value);
|
|
718
714
|
}, [onChange]);
|
|
@@ -721,7 +717,7 @@ const RadioGroup$1 = _ref => {
|
|
|
721
717
|
}));
|
|
722
718
|
};
|
|
723
719
|
const _RadioGroup = props => {
|
|
724
|
-
const render = useOnChange$
|
|
720
|
+
const render = useOnChange$6(props);
|
|
725
721
|
return render(RadioGroup$1);
|
|
726
722
|
};
|
|
727
723
|
_RadioGroup.defaultProps = {
|
|
@@ -729,9 +725,9 @@ _RadioGroup.defaultProps = {
|
|
|
729
725
|
};
|
|
730
726
|
_RadioGroup.Radio = Radio;
|
|
731
727
|
|
|
732
|
-
const _excluded$
|
|
728
|
+
const _excluded$4 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
|
|
733
729
|
const {
|
|
734
|
-
useOnChange: useOnChange$
|
|
730
|
+
useOnChange: useOnChange$5
|
|
735
731
|
} = hooks;
|
|
736
732
|
const withFetch = WrappedComponent => {
|
|
737
733
|
const FieldInner = withFetch$1(_ref => {
|
|
@@ -749,7 +745,7 @@ const withFetch = WrappedComponent => {
|
|
|
749
745
|
onLoaded,
|
|
750
746
|
fetchProps
|
|
751
747
|
} = _ref,
|
|
752
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
748
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
753
749
|
const refreshRef = useRef(refresh);
|
|
754
750
|
refreshRef.current = refresh;
|
|
755
751
|
const reloadRef = useRef(reload);
|
|
@@ -795,7 +791,7 @@ const withFetch = WrappedComponent => {
|
|
|
795
791
|
};
|
|
796
792
|
const Fetch = forwardRef((props, ref) => {
|
|
797
793
|
const emitter = useFetchEmitter(ref);
|
|
798
|
-
const render = useOnChange$
|
|
794
|
+
const render = useOnChange$5(Object.assign({
|
|
799
795
|
placeholder: `请选择${props.label}`
|
|
800
796
|
}, props, {
|
|
801
797
|
fetchEmitter: emitter
|
|
@@ -812,10 +808,10 @@ const withFetch = WrappedComponent => {
|
|
|
812
808
|
};
|
|
813
809
|
|
|
814
810
|
const {
|
|
815
|
-
useOnChange: useOnChange$
|
|
811
|
+
useOnChange: useOnChange$4
|
|
816
812
|
} = hooks;
|
|
817
813
|
const _Select = props => {
|
|
818
|
-
const render = useOnChange$
|
|
814
|
+
const render = useOnChange$4(Object.assign({
|
|
819
815
|
placeholder: `请选择${props.label || ''}`
|
|
820
816
|
}, props));
|
|
821
817
|
return render(Select$1);
|
|
@@ -824,89 +820,8 @@ _Select.Fetch = withFetch(Select$1);
|
|
|
824
820
|
_Select.Option = Select$1.Option;
|
|
825
821
|
_Select.OptGroup = Select$1.OptGroup;
|
|
826
822
|
_Select.defaultProps = _Select.Fetch.defaultProps = {
|
|
827
|
-
fieldName: 'select'
|
|
828
|
-
getPopupContainer
|
|
829
|
-
};
|
|
830
|
-
|
|
831
|
-
const _excluded$4 = ["data", "setData", "refresh", "reload", "emitter", "isLoading", "children", "onLoaded", "loadMore", "send", "isComplete", "fetchProps", "requestParams"];
|
|
832
|
-
const {
|
|
833
|
-
useOnChange: useOnChange$4
|
|
834
|
-
} = hooks;
|
|
835
|
-
const _SelectFetch = withFetch$1(_ref => {
|
|
836
|
-
let {
|
|
837
|
-
data,
|
|
838
|
-
setData,
|
|
839
|
-
refresh,
|
|
840
|
-
reload,
|
|
841
|
-
emitter,
|
|
842
|
-
isLoading,
|
|
843
|
-
children,
|
|
844
|
-
onLoaded
|
|
845
|
-
} = _ref,
|
|
846
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
847
|
-
const refreshRef = useRef(refresh);
|
|
848
|
-
refreshRef.current = refresh;
|
|
849
|
-
const reloadRef = useRef(reload);
|
|
850
|
-
reloadRef.current = reload;
|
|
851
|
-
const setDataRef = useRef(setData);
|
|
852
|
-
setDataRef.current = setData;
|
|
853
|
-
const dataRef = useRef(data);
|
|
854
|
-
useEffect(() => {
|
|
855
|
-
console.warn('请使用Select.Fetch替代该组件,该组件会在未来某个版本被移除');
|
|
856
|
-
const token1 = emitter.addListener('select-fetch-refresh', () => refreshRef.current());
|
|
857
|
-
const token2 = emitter.addListener('select-fetch-reload', () => reloadRef.current());
|
|
858
|
-
const token3 = emitter.addListener('select-fetch-set-data', () => setDataRef.current());
|
|
859
|
-
return () => {
|
|
860
|
-
token1 && token1.remove();
|
|
861
|
-
token2 && token2.remove();
|
|
862
|
-
token3 && token3.remove();
|
|
863
|
-
};
|
|
864
|
-
}, [emitter]);
|
|
865
|
-
useEffect(() => {
|
|
866
|
-
onLoaded && onLoaded(dataRef.current);
|
|
867
|
-
}, []);
|
|
868
|
-
return /*#__PURE__*/React__default.createElement(Select$1, props, children({
|
|
869
|
-
data,
|
|
870
|
-
refresh,
|
|
871
|
-
isLoading,
|
|
872
|
-
setData
|
|
873
|
-
}));
|
|
874
|
-
});
|
|
875
|
-
const SelectFetch$1 = forwardRef((props, ref) => {
|
|
876
|
-
const emitter = useEvent();
|
|
877
|
-
useImperativeHandle(ref, () => {
|
|
878
|
-
return {
|
|
879
|
-
refresh: () => emitter.emit('select-fetch-refresh'),
|
|
880
|
-
reload: () => emitter.emit('select-fetch-reload'),
|
|
881
|
-
setData: data => emitter.emit('select-fetch-set-data', data)
|
|
882
|
-
};
|
|
883
|
-
}, [emitter]);
|
|
884
|
-
const render = useOnChange$4(Object.assign({
|
|
885
|
-
placeholder: `请选择${props.label}`
|
|
886
|
-
}, props, {
|
|
887
|
-
emitter
|
|
888
|
-
}));
|
|
889
|
-
return render(_SelectFetch);
|
|
890
|
-
});
|
|
891
|
-
SelectFetch$1.field = forwardRef((props, ref) => {
|
|
892
|
-
const emitter = useEvent();
|
|
893
|
-
useImperativeHandle(ref, () => {
|
|
894
|
-
return {
|
|
895
|
-
refresh: () => emitter.emit('select-fetch-refresh'),
|
|
896
|
-
reload: () => emitter.emit('select-fetch-reload'),
|
|
897
|
-
setData: data => emitter.emit('select-fetch-set-data', data)
|
|
898
|
-
};
|
|
899
|
-
}, [emitter]);
|
|
900
|
-
return /*#__PURE__*/React__default.createElement(_SelectFetch, _extends({}, props, {
|
|
901
|
-
emitter: emitter
|
|
902
|
-
}));
|
|
903
|
-
});
|
|
904
|
-
SelectFetch$1.defaultProps = {
|
|
905
|
-
fieldName: 'selectFetch',
|
|
906
|
-
getPopupContainer
|
|
823
|
+
fieldName: 'select'
|
|
907
824
|
};
|
|
908
|
-
SelectFetch$1.Option = Select$1.Option;
|
|
909
|
-
SelectFetch$1.OptGroup = Select$1.OptGroup;
|
|
910
825
|
|
|
911
826
|
const {
|
|
912
827
|
useOnChange: useOnChange$3,
|
|
@@ -951,8 +866,7 @@ const _TimePicker = props => {
|
|
|
951
866
|
return render(TimePicker$1);
|
|
952
867
|
};
|
|
953
868
|
_TimePicker.defaultProps = {
|
|
954
|
-
fieldName: 'timePicker'
|
|
955
|
-
getPopupContainer
|
|
869
|
+
fieldName: 'timePicker'
|
|
956
870
|
};
|
|
957
871
|
const _RangePicker = props => {
|
|
958
872
|
const render = useOnChange$2(Object.assign({
|
|
@@ -961,8 +875,7 @@ const _RangePicker = props => {
|
|
|
961
875
|
return render(RangePicker);
|
|
962
876
|
};
|
|
963
877
|
_RangePicker.defaultProps = {
|
|
964
|
-
fieldName: 'rangeTimePicker'
|
|
965
|
-
getPopupContainer
|
|
878
|
+
fieldName: 'rangeTimePicker'
|
|
966
879
|
};
|
|
967
880
|
_TimePicker.RangePicker = _RangePicker;
|
|
968
881
|
|
|
@@ -977,8 +890,7 @@ const _TreeSelect = props => {
|
|
|
977
890
|
};
|
|
978
891
|
_TreeSelect.Fetch = withFetch(TreeSelect$1);
|
|
979
892
|
_TreeSelect.defaultProps = _TreeSelect.Fetch.defaultProps = {
|
|
980
|
-
fieldName: 'treeSelect'
|
|
981
|
-
getPopupContainer
|
|
893
|
+
fieldName: 'treeSelect'
|
|
982
894
|
};
|
|
983
895
|
_TreeSelect.TreeNode = TreeSelect$1.TreeNode;
|
|
984
896
|
|
|
@@ -1264,7 +1176,6 @@ const Input = InputField;
|
|
|
1264
1176
|
const InputNumber = InputNumberField;
|
|
1265
1177
|
const RadioGroup = _RadioGroup;
|
|
1266
1178
|
const Select = _Select;
|
|
1267
|
-
const SelectFetch = SelectFetch$1;
|
|
1268
1179
|
const Switch = Switch$1;
|
|
1269
1180
|
const TextArea = TextArea$1;
|
|
1270
1181
|
const TimePicker = _TimePicker;
|
|
@@ -1281,7 +1192,6 @@ const fields = {
|
|
|
1281
1192
|
InputNumber,
|
|
1282
1193
|
RadioGroup,
|
|
1283
1194
|
Select,
|
|
1284
|
-
SelectFetch,
|
|
1285
1195
|
Switch,
|
|
1286
1196
|
TextArea,
|
|
1287
1197
|
TimePicker,
|
|
@@ -1289,5 +1199,5 @@ const fields = {
|
|
|
1289
1199
|
Upload
|
|
1290
1200
|
};
|
|
1291
1201
|
|
|
1292
|
-
export { Avatar, CancelButton, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerToday, FormModal, Input, InputNumber, RadioGroup, ResetButton, Select,
|
|
1202
|
+
export { Avatar, CancelButton, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerToday, FormModal, Input, InputNumber, RadioGroup, ResetButton, Select, SubmitButton, Switch, TextArea, TimePicker, TreeSelect, Upload, Form as default, fields, preset };
|
|
1293
1203
|
//# sourceMappingURL=index.modern.js.map
|