@kne/react-form-antd 2.1.15 → 2.1.18

package/dist/index.js

@@ -69,6 +69,9 @@ var globalParams = {
   type: 'default',
   size: 'middle',
   rules: {},
+  formModal: {},
+  resetButton: {},
+  submitButton: {},
   field: {
     upload: {
       displayFilename: 'filename',
@@ -97,6 +100,13 @@ var globalParams = {
 };
 var preset = (function (props) {
   merge__default["default"](globalParams, props);
+  var defaultProps = {};
+  Object.keys(globalParams.field).forEach(function (name) {
+    defaultProps[name] = (globalParams.field[name] || {}).defaultProps;
+  });
+  reactFormHelper.preset({
+    field: defaultProps
+  });
   ReactForm.preset(globalParams.rules);
 });
 
@@ -423,6 +433,9 @@ var AvatarInput = function AvatarInput(props) {
   return render(_Avatar);
 };
 
+AvatarInput.defaultProps = {
+  fieldName: 'avatar'
+};
 AvatarInput.field = _Avatar;
 
 var useOnChange$c = reactFormHelper.hooks.useOnChange;
@@ -432,6 +445,10 @@ var Cascader$1 = function Cascader(props) {
   return render(antd.Cascader);
 };
 
+Cascader$1.defaultProps = {
+  fieldName: 'cascader'
+};
+
 var useOnChange$b = reactFormHelper.hooks.useOnChange,
     useCheckedToValue$1 = reactFormHelper.hooks.useCheckedToValue;
 var withChecked$1 = reactFormHelper.hoc.withChecked;
@@ -443,6 +460,10 @@ var Checkbox$1 = function Checkbox(props) {
   return render(WithCheckbox);
 };
 
+Checkbox$1.defaultProps = {
+  fieldName: 'checkbox'
+};
+
 var useOnChange$a = reactFormHelper.hooks.useOnChange;
 var _CheckboxGroup = antd.Checkbox.Group;
 
@@ -452,6 +473,9 @@ var CheckboxGroup$1 = function CheckboxGroup(props) {
 };
 
 CheckboxGroup$1.Checkbox = antd.Checkbox;
+CheckboxGroup$1.defaultProps = {
+  fieldName: 'checkboxGroup'
+};
 
 var getPopupContainer = function getPopupContainer(triggerNode) {
   var findAntdPopupContainer = function findAntdPopupContainer(el) {
@@ -486,6 +510,7 @@ var _DatePicker = function _DatePicker(props) {
 };
 
 _DatePicker.defaultProps = {
+  fieldName: 'datePicker',
   getPopupContainer: getPopupContainer
 };
 
@@ -496,17 +521,20 @@ var _MonthPicker = function _MonthPicker(props) {
   return render(MonthPicker);
 };
 
+_MonthPicker.defaultProps = {
+  fieldName: 'monthDatePicker',
+  getPopupContainer: getPopupContainer
+};
+
 var _RangePicker$1 = function _RangePicker(props) {
   var render = useOnChange$9(Object.assign({
     placeholder: ['开始时间', '结束时间']
-  }, props)); // if(props.selectToday){
-  //     return render(RangePickerToday);
-  // }
-
+  }, props));
   return render(RangePicker$1);
 };
 
 _RangePicker$1.defaultProps = {
+  fieldName: 'rangeDatePicker',
   getPopupContainer: getPopupContainer
 };
 
@@ -518,6 +546,7 @@ var _WeekPicker = function _WeekPicker(props) {
 };
 
 _WeekPicker.defaultProps = {
+  fieldName: 'weekDatePicker',
   getPopupContainer: getPopupContainer
 };
 _DatePicker.MonthPicker = _MonthPicker;
@@ -621,6 +650,9 @@ var RangePickerToday = function RangePickerToday(props) {
   return render(PickerToday);
 };
 
+RangePickerToday.defaultProps = {
+  fieldName: 'rangePickerToday'
+};
 RangePickerToday.field = PickerToday;
 
 var useDecorator$2 = reactFormHelper.hooks.useDecorator;
@@ -639,7 +671,12 @@ InputField.Password = function (props) {
   return render(antd.Input.Password);
 };
 
-InputField.Password.defaultProps = InputField.defaultProps = {
+InputField.defaultProps = {
+  fieldName: 'input',
+  autoComplete: 'off'
+};
+InputField.Password.defaultProps = {
+  fieldName: 'password',
   autoComplete: 'off'
 };
 
@@ -653,6 +690,7 @@ var InputNumberField = function InputNumberField(props) {
 };
 
 InputNumberField.defaultProps = {
+  fieldName: 'inputNumber',
   autoComplete: 'off'
 };
 
@@ -676,6 +714,9 @@ var _RadioGroup = function _RadioGroup(props) {
   return render(RadioGroup$1);
 };
 
+_RadioGroup.defaultProps = {
+  fieldName: 'radioGroup'
+};
 _RadioGroup.Radio = antd.Radio;
 
 var _excluded$5 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
@@ -785,6 +826,7 @@ _Select.Fetch = withFetch(antd.Select);
 _Select.Option = antd.Select.Option;
 _Select.OptGroup = antd.Select.OptGroup;
 _Select.defaultProps = _Select.Fetch.defaultProps = {
+  fieldName: 'select',
   getPopupContainer: getPopupContainer
 };
 
@@ -879,6 +921,7 @@ SelectFetch$1.field = React.forwardRef(function (props, ref) {
   }));
 });
 SelectFetch$1.defaultProps = {
+  fieldName: 'selectFetch',
   getPopupContainer: getPopupContainer
 };
 SelectFetch$1.Option = antd.Select.Option;
@@ -895,6 +938,10 @@ var Switch$1 = function Switch(props) {
   return render(WithSwitch);
 };
 
+Switch$1.defaultProps = {
+  fieldName: 'switch'
+};
+
 var useDecorator = reactFormHelper.hooks.useDecorator;
 
 var TextArea$1 = function TextArea(props) {
@@ -904,6 +951,10 @@ var TextArea$1 = function TextArea(props) {
   return render(antd.Input.TextArea);
 };
 
+TextArea$1.defaultProps = {
+  fieldName: 'textArea'
+};
+
 var useOnChange$2 = reactFormHelper.hooks.useOnChange;
 var RangePicker = antd.TimePicker.RangePicker;
 
@@ -915,6 +966,7 @@ var _TimePicker = function _TimePicker(props) {
 };
 
 _TimePicker.defaultProps = {
+  fieldName: 'timePicker',
   getPopupContainer: getPopupContainer
 };
 
@@ -926,6 +978,7 @@ var _RangePicker = function _RangePicker(props) {
 };
 
 _RangePicker.defaultProps = {
+  fieldName: 'rangeTimePicker',
   getPopupContainer: getPopupContainer
 };
 _TimePicker.RangePicker = _RangePicker;
@@ -941,6 +994,7 @@ var _TreeSelect = function _TreeSelect(props) {
 
 _TreeSelect.Fetch = withFetch(antd.TreeSelect);
 _TreeSelect.defaultProps = _TreeSelect.Fetch.defaultProps = {
+  fieldName: 'treeSelect',
   getPopupContainer: getPopupContainer
 };
 _TreeSelect.TreeNode = antd.TreeSelect.TreeNode;
@@ -1121,6 +1175,9 @@ var UploadInput = function UploadInput(props) {
   return render(_Upload);
 };
 
+UploadInput.defaultProps = {
+  fieldName: 'upload'
+};
 UploadInput.field = _Upload;
 
 var _excluded$2 = ["realTime", "disabled"],
@@ -1152,12 +1209,31 @@ var ResetButton = function ResetButton(props) {
   return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({}, resetProps, props));
 };
 
-var _excluded$1 = ["className", "formProps", "footer", "children"],
-    _excluded2 = ["className", "title", "formProps", "footer", "content"];
+var _excluded$1 = ["onClick"];
+var useCacheRemove = reactFormHelper.hooks.useCacheRemove;
+
+var CancelButton = function CancelButton(_ref) {
+  var _onClick = _ref.onClick,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
+  var remove = useCacheRemove();
+  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({}, props, {
+    onClick: function onClick() {
+      remove();
+      _onClick && _onClick.apply(void 0, [].slice.call(arguments));
+    }
+  }));
+};
+
+var _excluded = ["className", "formProps", "footer", "children", "close", "isReset", "onCancel"],
+    _excluded2 = ["className", "title", "formProps", "footer", "content", "isReset", "onCancel"];
 var FetchForm = reactFetch.withFetch(Form);
 var CommonModal = React.forwardRef(function (_ref, ref) {
   var formProps = _ref.formProps,
       footer = _ref.footer,
+      close = _ref.close,
+      onCancel = _ref.onCancel,
+      isReset = _ref.isReset,
       children = _ref.children;
   var TargetForm = formProps.hasOwnProperty('url') ? FetchForm : Form;
   return /*#__PURE__*/React__default["default"].createElement(TargetForm, _extends({}, formProps, {
@@ -1166,7 +1242,15 @@ var CommonModal = React.forwardRef(function (_ref, ref) {
     className: "ant-modal-body"
   }, children), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ant-modal-footer"
-  }, footer ? footer : /*#__PURE__*/React__default["default"].createElement(antd.Space, null, /*#__PURE__*/React__default["default"].createElement(ResetButton, null, "\u91CD\u7F6E"), /*#__PURE__*/React__default["default"].createElement(SubmitButton, {
+  }, footer ? footer : /*#__PURE__*/React__default["default"].createElement(antd.Space, null, isReset ? /*#__PURE__*/React__default["default"].createElement(ResetButton, null, "\u91CD\u7F6E") : /*#__PURE__*/React__default["default"].createElement(CancelButton, {
+    onClick: function onClick() {
+      if (typeof onCancel === 'function') {
+        onCancel(close);
+      } else {
+        close && close();
+      }
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React__default["default"].createElement(SubmitButton, {
     type: "primary"
   }, "\u786E\u5B9A"))));
 });
@@ -1176,7 +1260,10 @@ var FormModal = React.forwardRef(function (_ref2, ref) {
       formProps = _ref2$formProps === void 0 ? {} : _ref2$formProps,
       footer = _ref2.footer,
       children = _ref2.children,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+      close = _ref2.close,
+      isReset = _ref2.isReset,
+      onCancel = _ref2.onCancel,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
   return /*#__PURE__*/React__default["default"].createElement(antd.Modal, _extends({}, props, {
     className: classnames__default["default"](className, 'react-form-modal'),
@@ -1184,7 +1271,10 @@ var FormModal = React.forwardRef(function (_ref2, ref) {
   }), /*#__PURE__*/React__default["default"].createElement(CommonModal, {
     ref: ref,
     formProps: formProps,
-    footer: footer
+    footer: footer,
+    close: close,
+    isReset: isReset,
+    onCancel: onCancel
   }, children));
 });
 
@@ -1195,6 +1285,8 @@ FormModal.modal = function (_ref3) {
       formProps = _ref3$formProps === void 0 ? {} : _ref3$formProps,
       footer = _ref3.footer,
       content = _ref3.content,
+      isReset = _ref3.isReset,
+      onCancel = _ref3.onCancel,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded2);
 
   return antd.Modal.info(_extends({}, props, {
@@ -1206,29 +1298,18 @@ FormModal.modal = function (_ref3) {
     className: classnames__default["default"](className, 'react-form-modal'),
     content: /*#__PURE__*/React__default["default"].createElement(CommonModal, {
       formProps: formProps,
-      footer: footer
+      footer: footer,
+      isReset: isReset,
+      onCancel: onCancel,
+      close: function close() {
+        FormModal.modal.destroy();
+      }
     }, content),
     icon: null,
     footer: null
   }));
 };
 
-var _excluded = ["onClick"];
-var useCacheRemove = reactFormHelper.hooks.useCacheRemove;
-
-var CancelButton = function CancelButton(_ref) {
-  var _onClick = _ref.onClick,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var remove = useCacheRemove();
-  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({}, props, {
-    onClick: function onClick() {
-      remove();
-      _onClick && _onClick.apply(void 0, [].slice.call(arguments));
-    }
-  }));
-};
-
 var Avatar = AvatarInput;
 var Cascader = Cascader$1;
 var Checkbox = Checkbox$1;