@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/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var React = require('react');
2
2
  var PropTypes = require('prop-types');
3
3
  var classnames = require('classnames');
4
- var reactForm = require('@kne/react-form');
4
+ var ReactForm = require('@kne/react-form');
5
5
  var reactFormHelper = require('@kne/react-form-helper');
6
6
  var lodash = require('lodash');
7
7
  var antd = require('antd');
@@ -37,6 +37,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
37
37
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
38
38
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
39
39
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
40
+ var ReactForm__default = /*#__PURE__*/_interopDefaultLegacy(ReactForm);
40
41
  var withLayer__default = /*#__PURE__*/_interopDefaultLegacy(withLayer);
41
42
  var AvatarEditor__default = /*#__PURE__*/_interopDefaultLegacy(AvatarEditor);
42
43
  var useEvent__default = /*#__PURE__*/_interopDefaultLegacy(useEvent);
@@ -44,30 +45,22 @@ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
44
45
  var useControlValue__default = /*#__PURE__*/_interopDefaultLegacy(useControlValue);
45
46
 
46
47
  function _extends() {
47
- _extends = Object.assign ? Object.assign.bind() : function (target) {
48
- for (var i = 1; i < arguments.length; i++) {
49
- var source = arguments[i];
50
- for (var key in source) {
51
- if (Object.prototype.hasOwnProperty.call(source, key)) {
52
- target[key] = source[key];
53
- }
54
- }
48
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
49
+ for (var e = 1; e < arguments.length; e++) {
50
+ var t = arguments[e];
51
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
55
52
  }
56
- return target;
57
- };
58
- return _extends.apply(this, arguments);
53
+ return n;
54
+ }, _extends.apply(null, arguments);
59
55
  }
60
- function _objectWithoutPropertiesLoose(source, excluded) {
61
- if (source == null) return {};
62
- var target = {};
63
- var sourceKeys = Object.keys(source);
64
- var key, i;
65
- for (i = 0; i < sourceKeys.length; i++) {
66
- key = sourceKeys[i];
67
- if (excluded.indexOf(key) >= 0) continue;
68
- target[key] = source[key];
56
+ function _objectWithoutPropertiesLoose(r, e) {
57
+ if (null == r) return {};
58
+ var t = {};
59
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
60
+ if (e.indexOf(n) >= 0) continue;
61
+ t[n] = r[n];
69
62
  }
70
- return target;
63
+ return t;
71
64
  }
72
65
 
73
66
  var globalParams = {
@@ -113,7 +106,7 @@ var preset = (function (props) {
113
106
  field: defaultProps,
114
107
  globalProps: globalParams.globalProps
115
108
  });
116
- reactForm.preset(globalParams.rules);
109
+ ReactForm.preset(globalParams.rules);
117
110
  });
118
111
 
119
112
  var _excluded$7 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
@@ -155,7 +148,7 @@ var Form = React.forwardRef(function (originProps, ref) {
155
148
  value: {
156
149
  size: size
157
150
  }
158
- }, /*#__PURE__*/React__default["default"].createElement(reactForm.Form, _extends({}, props, {
151
+ }, /*#__PURE__*/React__default["default"].createElement(ReactForm__default["default"], _extends({}, props, {
159
152
  ref: ref
160
153
  }), cache ? /*#__PURE__*/React__default["default"].createElement(FormStore, {
161
154
  cache: cache
@@ -254,7 +247,7 @@ var getPopupContainer = function getPopupContainer(triggerNode) {
254
247
  };
255
248
 
256
249
  var _excluded$6 = ["close", "file", "editor", "onComplete"];
257
- var useOnChange$c = reactFormHelper.hooks.useOnChange;
250
+ var useOnChange$e = reactFormHelper.hooks.useOnChange;
258
251
  var avatarParams = globalParams.field.avatar;
259
252
  var createAvatarEditor = withLayer__default["default"](function (_ref) {
260
253
  var close = _ref.close,
@@ -510,7 +503,7 @@ _Avatar.defaultProps = {
510
503
  openEditor: false
511
504
  };
512
505
  var AvatarInput = function AvatarInput(props) {
513
- var render = useOnChange$c(props);
506
+ var render = useOnChange$e(props);
514
507
  return render(_Avatar);
515
508
  };
516
509
  AvatarInput.defaultProps = {
@@ -519,7 +512,7 @@ AvatarInput.defaultProps = {
519
512
  AvatarInput.field = _Avatar;
520
513
 
521
514
  var _excluded$5 = ["action", "value", "onChange", "drag", "children", "displayFilename", "accept", "fileSize", "onError", "onUploadComplete", "onBeforeUpload", "maxLength", "transformResponse"];
522
- var useOnChange$b = reactFormHelper.hooks.useOnChange;
515
+ var useOnChange$d = reactFormHelper.hooks.useOnChange;
523
516
  var Dragger = antd.Upload.Dragger;
524
517
  var uploadParams = globalParams.field.upload;
525
518
  var decodeURIComponentSafe = function decodeURIComponentSafe(str) {
@@ -698,16 +691,16 @@ _Upload.defaultProps = {
698
691
  onUploadComplete: function onUploadComplete() {}
699
692
  };
700
693
  var UploadInput = function UploadInput(props) {
701
- var render = useOnChange$b(props);
694
+ var render = useOnChange$d(props);
702
695
  return render(_Upload);
703
696
  };
704
697
  UploadInput.defaultProps = {
705
698
  fieldName: 'upload'
706
699
  };
707
- UploadInput.field = AvatarInput.Field = _Upload;
700
+ UploadInput.Field = AvatarInput.Field = _Upload;
708
701
 
709
702
  var _excluded$4 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
710
- var useOnChange$a = reactFormHelper.hooks.useOnChange;
703
+ var useOnChange$c = reactFormHelper.hooks.useOnChange;
711
704
  var withFetch = function withFetch(WrappedComponent) {
712
705
  var FieldInner = reactFetch.withFetch(function (_ref) {
713
706
  var data = _ref.data,
@@ -780,7 +773,7 @@ var withFetch = function withFetch(WrappedComponent) {
780
773
  };
781
774
  var Fetch = React.forwardRef(function (props, ref) {
782
775
  var emitter = useFetchEmitter(ref);
783
- var render = useOnChange$a(Object.assign({
776
+ var render = useOnChange$c(Object.assign({
784
777
  placeholder: "\u8BF7\u9009\u62E9" + props.label
785
778
  }, props, {
786
779
  fetchEmitter: emitter
@@ -796,9 +789,9 @@ var withFetch = function withFetch(WrappedComponent) {
796
789
  return Fetch;
797
790
  };
798
791
 
799
- var useOnChange$9 = reactFormHelper.hooks.useOnChange;
792
+ var useOnChange$b = reactFormHelper.hooks.useOnChange;
800
793
  var _TreeSelect = function _TreeSelect(props) {
801
- var render = useOnChange$9(Object.assign({
794
+ var render = useOnChange$b(Object.assign({
802
795
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
803
796
  }, props));
804
797
  return render(antd.TreeSelect);
@@ -809,10 +802,10 @@ _TreeSelect.defaultProps = _TreeSelect.Fetch.defaultProps = {
809
802
  };
810
803
  _TreeSelect.TreeNode = antd.TreeSelect.TreeNode;
811
804
 
812
- var useOnChange$8 = reactFormHelper.hooks.useOnChange;
805
+ var useOnChange$a = reactFormHelper.hooks.useOnChange;
813
806
  var RangePicker$1 = antd.TimePicker.RangePicker;
814
807
  var _TimePicker = function _TimePicker(props) {
815
- var render = useOnChange$8(Object.assign({
808
+ var render = useOnChange$a(Object.assign({
816
809
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
817
810
  }, props));
818
811
  return render(antd.TimePicker);
@@ -821,7 +814,7 @@ _TimePicker.defaultProps = {
821
814
  fieldName: 'timePicker'
822
815
  };
823
816
  var _RangePicker$1 = function _RangePicker(props) {
824
- var render = useOnChange$8(Object.assign({
817
+ var render = useOnChange$a(Object.assign({
825
818
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
826
819
  }, props));
827
820
  return render(RangePicker$1);
@@ -842,22 +835,22 @@ TextArea.defaultProps = {
842
835
  fieldName: 'textArea'
843
836
  };
844
837
 
845
- var useOnChange$7 = reactFormHelper.hooks.useOnChange,
838
+ var useOnChange$9 = reactFormHelper.hooks.useOnChange,
846
839
  useCheckedToValue$1 = reactFormHelper.hooks.useCheckedToValue;
847
840
  var withChecked$1 = reactFormHelper.hoc.withChecked;
848
841
  var WithSwitch = withChecked$1(antd.Switch);
849
842
  var Switch = function Switch(props) {
850
843
  var checkedProps = useCheckedToValue$1(props);
851
- var render = useOnChange$7(checkedProps);
844
+ var render = useOnChange$9(checkedProps);
852
845
  return render(WithSwitch);
853
846
  };
854
847
  Switch.defaultProps = {
855
848
  fieldName: 'switch'
856
849
  };
857
850
 
858
- var useOnChange$6 = reactFormHelper.hooks.useOnChange;
851
+ var useOnChange$8 = reactFormHelper.hooks.useOnChange;
859
852
  var _Select = function _Select(props) {
860
- var render = useOnChange$6(Object.assign({
853
+ var render = useOnChange$8(Object.assign({
861
854
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
862
855
  }, props));
863
856
  return render(antd.Select);
@@ -870,7 +863,7 @@ _Select.defaultProps = _Select.Fetch.defaultProps = {
870
863
  };
871
864
 
872
865
  var _excluded$3 = ["onChange"];
873
- var useOnChange$5 = reactFormHelper.hooks.useOnChange;
866
+ var useOnChange$7 = reactFormHelper.hooks.useOnChange;
874
867
  var RadioGroup = function RadioGroup(_ref) {
875
868
  var onChange = _ref.onChange,
876
869
  props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
@@ -882,7 +875,7 @@ var RadioGroup = function RadioGroup(_ref) {
882
875
  }));
883
876
  };
884
877
  var _RadioGroup = function _RadioGroup(props) {
885
- var render = useOnChange$5(props);
878
+ var render = useOnChange$7(props);
886
879
  return render(RadioGroup);
887
880
  };
888
881
  _RadioGroup.defaultProps = {
@@ -925,7 +918,7 @@ InputField.Password.defaultProps = {
925
918
  };
926
919
 
927
920
  var _excluded$2 = ["soFarText", "startProps", "endProps"];
928
- var useOnChange$4 = reactFormHelper.hooks.useOnChange;
921
+ var useOnChange$6 = reactFormHelper.hooks.useOnChange;
929
922
  var PickerToday = function PickerToday(_ref) {
930
923
  var soFarText = _ref.soFarText,
931
924
  startProps = _ref.startProps,
@@ -1012,7 +1005,7 @@ var PickerToday = function PickerToday(_ref) {
1012
1005
  }))));
1013
1006
  };
1014
1007
  var RangePickerToday = function RangePickerToday(props) {
1015
- var render = useOnChange$4(props);
1008
+ var render = useOnChange$6(props);
1016
1009
  return render(PickerToday);
1017
1010
  };
1018
1011
  RangePickerToday.defaultProps = {
@@ -1020,12 +1013,12 @@ RangePickerToday.defaultProps = {
1020
1013
  };
1021
1014
  RangePickerToday.field = PickerToday;
1022
1015
 
1023
- var useOnChange$3 = reactFormHelper.hooks.useOnChange;
1016
+ var useOnChange$5 = reactFormHelper.hooks.useOnChange;
1024
1017
  var MonthPicker = antd.DatePicker.MonthPicker,
1025
1018
  RangePicker = antd.DatePicker.RangePicker,
1026
1019
  WeekPicker = antd.DatePicker.WeekPicker;
1027
1020
  var _DatePicker = function _DatePicker(props) {
1028
- var render = useOnChange$3(Object.assign({
1021
+ var render = useOnChange$5(Object.assign({
1029
1022
  placeholder: "\u8BF7\u9009\u62E9" + (props.label || '')
1030
1023
  }, props));
1031
1024
  return render(antd.DatePicker);
@@ -1034,7 +1027,7 @@ _DatePicker.defaultProps = {
1034
1027
  fieldName: 'datePicker'
1035
1028
  };
1036
1029
  var _MonthPicker = function _MonthPicker(props) {
1037
- var render = useOnChange$3(Object.assign({
1030
+ var render = useOnChange$5(Object.assign({
1038
1031
  placeholder: ['开始时间', '结束时间']
1039
1032
  }, props));
1040
1033
  return render(MonthPicker);
@@ -1043,7 +1036,7 @@ _MonthPicker.defaultProps = {
1043
1036
  fieldName: 'monthDatePicker'
1044
1037
  };
1045
1038
  var _RangePicker = function _RangePicker(props) {
1046
- var render = useOnChange$3(Object.assign({
1039
+ var render = useOnChange$5(Object.assign({
1047
1040
  placeholder: ['开始时间', '结束时间']
1048
1041
  }, props));
1049
1042
  return render(RangePicker);
@@ -1052,7 +1045,7 @@ _RangePicker.defaultProps = {
1052
1045
  fieldName: 'rangeDatePicker'
1053
1046
  };
1054
1047
  var _WeekPicker = function _WeekPicker(props) {
1055
- var render = useOnChange$3(Object.assign({
1048
+ var render = useOnChange$5(Object.assign({
1056
1049
  placeholder: ['开始时间', '结束时间']
1057
1050
  }, props));
1058
1051
  return render(WeekPicker);
@@ -1064,10 +1057,10 @@ _DatePicker.MonthPicker = _MonthPicker;
1064
1057
  _DatePicker.RangePicker = _RangePicker;
1065
1058
  _DatePicker.WeekPicker = _WeekPicker;
1066
1059
 
1067
- var useOnChange$2 = reactFormHelper.hooks.useOnChange;
1060
+ var useOnChange$4 = reactFormHelper.hooks.useOnChange;
1068
1061
  var _CheckboxGroup = antd.Checkbox.Group;
1069
1062
  var CheckboxGroup = function CheckboxGroup(props) {
1070
- var render = useOnChange$2(props);
1063
+ var render = useOnChange$4(props);
1071
1064
  return render(_CheckboxGroup);
1072
1065
  };
1073
1066
  CheckboxGroup.Checkbox = antd.Checkbox;
@@ -1075,7 +1068,7 @@ CheckboxGroup.defaultProps = {
1075
1068
  fieldName: 'checkboxGroup'
1076
1069
  };
1077
1070
 
1078
- var useOnChange$1 = reactFormHelper.hooks.useOnChange,
1071
+ var useOnChange$3 = reactFormHelper.hooks.useOnChange,
1079
1072
  useCheckedToValue = reactFormHelper.hooks.useCheckedToValue;
1080
1073
  var withChecked = reactFormHelper.hoc.withChecked;
1081
1074
  var WithCheckbox = withChecked(antd.Checkbox);
@@ -1086,24 +1079,42 @@ var Checkbox = function Checkbox(props) {
1086
1079
  props.onChange && props.onChange(e);
1087
1080
  }
1088
1081
  }));
1089
- var render = useOnChange$1(checkedProps);
1082
+ var render = useOnChange$3(checkedProps);
1090
1083
  return render(WithCheckbox);
1091
1084
  };
1092
1085
  Checkbox.defaultProps = {
1093
1086
  fieldName: 'checkbox'
1094
1087
  };
1095
1088
 
1096
- var useOnChange = reactFormHelper.hooks.useOnChange;
1089
+ var useOnChange$2 = reactFormHelper.hooks.useOnChange;
1097
1090
  var Cascader = function Cascader(props) {
1098
- var render = useOnChange(props);
1091
+ var render = useOnChange$2(props);
1099
1092
  return render(antd.Cascader);
1100
1093
  };
1101
1094
  Cascader.defaultProps = {
1102
1095
  fieldName: 'cascader'
1103
1096
  };
1104
1097
 
1098
+ var useOnChange$1 = reactFormHelper.hooks.useOnChange;
1099
+ var Rate = function Rate(props) {
1100
+ var render = useOnChange$1(Object.assign({}, props));
1101
+ return render(antd.Rate);
1102
+ };
1103
+ Rate.defaultProps = {
1104
+ fieldName: 'rate'
1105
+ };
1106
+
1107
+ var useOnChange = reactFormHelper.hooks.useOnChange;
1108
+ var Slider = function Slider(props) {
1109
+ var render = useOnChange(Object.assign({}, props));
1110
+ return render(antd.Slider);
1111
+ };
1112
+ Slider.defaultProps = {
1113
+ fieldName: 'slider'
1114
+ };
1115
+
1105
1116
  var ResetButton = function ResetButton(props) {
1106
- var resetProps = reactForm.useReset();
1117
+ var resetProps = ReactForm.useReset();
1107
1118
  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({}, resetProps, props));
1108
1119
  };
1109
1120
 
@@ -1113,7 +1124,7 @@ var SubmitButton = function SubmitButton(_ref) {
1113
1124
  var realTime = _ref.realTime,
1114
1125
  disabled = _ref.disabled,
1115
1126
  props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
1116
- var _useSubmit = reactForm.useSubmit(props),
1127
+ var _useSubmit = ReactForm.useSubmit(props),
1117
1128
  isPass = _useSubmit.isPass,
1118
1129
  isLoading = _useSubmit.isLoading,
1119
1130
  submitProps = _objectWithoutPropertiesLoose(_useSubmit, _excluded2);
@@ -1157,7 +1168,9 @@ var fields = {
1157
1168
  CheckboxGroup: CheckboxGroup,
1158
1169
  Checkbox: Checkbox,
1159
1170
  Cascader: Cascader,
1160
- Avatar: AvatarInput
1171
+ Avatar: AvatarInput,
1172
+ Rate: Rate,
1173
+ Slider: Slider
1161
1174
  };
1162
1175
 
1163
1176
  Object.defineProperty(exports, 'hooks', {
@@ -1183,8 +1196,10 @@ exports.FormAntd = FormAntd;
1183
1196
  exports.Input = InputField;
1184
1197
  exports.InputNumber = InputNumberField;
1185
1198
  exports.RadioGroup = _RadioGroup;
1199
+ exports.Rate = Rate;
1186
1200
  exports.ResetButton = ResetButton;
1187
1201
  exports.Select = _Select;
1202
+ exports.Slider = Slider;
1188
1203
  exports.SubmitButton = SubmitButton;
1189
1204
  exports.Switch = Switch;
1190
1205
  exports.TextArea = TextArea;
@@ -1194,10 +1209,10 @@ exports.Upload = UploadInput;
1194
1209
  exports["default"] = Form;
1195
1210
  exports.fields = fields;
1196
1211
  exports.preset = preset;
1197
- Object.keys(reactForm).forEach(function (k) {
1212
+ Object.keys(ReactForm).forEach(function (k) {
1198
1213
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
1199
1214
  enumerable: true,
1200
- get: function () { return reactForm[k]; }
1215
+ get: function () { return ReactForm[k]; }
1201
1216
  });
1202
1217
  });
1203
1218
  //# sourceMappingURL=index.js.map