@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.
@@ -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, Form as Form$1, useReset, useSubmit } from '@kne/react-form';
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 (target) {
21
- for (var i = 1; i < arguments.length; i++) {
22
- var source = arguments[i];
23
- for (var key in source) {
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 target;
30
- };
31
- return _extends.apply(this, arguments);
25
+ return n;
26
+ }, _extends.apply(null, arguments);
32
27
  }
33
- function _objectWithoutPropertiesLoose(source, excluded) {
34
- if (source == null) return {};
35
- var target = {};
36
- var sourceKeys = Object.keys(source);
37
- var key, i;
38
- for (i = 0; i < sourceKeys.length; i++) {
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 target;
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(Form$1, _extends({}, props, {
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$c
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$c(props);
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$b
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$b(props);
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.field = AvatarInput.Field = _Upload;
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$a
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$a(Object.assign({
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$9
732
+ useOnChange: useOnChange$b
741
733
  } = hooks;
742
734
  const _TreeSelect = props => {
743
- const render = useOnChange$9(Object.assign({
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$8
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$8(Object.assign({
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$8(Object.assign({
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$7,
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$7(checkedProps);
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$6
803
+ useOnChange: useOnChange$8
812
804
  } = hooks;
813
805
  const _Select = props => {
814
- const render = useOnChange$6(Object.assign({
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$5
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$5(props);
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$4
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$4(props);
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$3
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$3(Object.assign({
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$3(Object.assign({
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$3(Object.assign({
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$3(Object.assign({
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$2
1028
+ useOnChange: useOnChange$4
1037
1029
  } = hooks;
1038
1030
  const _CheckboxGroup = Checkbox$1.Group;
1039
1031
  const CheckboxGroup = props => {
1040
- const render = useOnChange$2(props);
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$1,
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$1(checkedProps);
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