@kne/react-form-antd 2.0.35 → 2.1.2

package/dist/index.modern.js

@@ -5,9 +5,9 @@ import ReactForm__default, { preset as preset$1, useSubmit, useReset } from '@kn
 export * from '@kne/react-form';
 import { widget, hooks, hoc } from '@kne/react-form-helper';
 export { hooks, utils, widget } from '@kne/react-form-helper';
-import { Upload as Upload$1, message, Modal, Row, Col, Slider, Cascader as Cascader$2, Checkbox as Checkbox$2, DatePicker as DatePicker$1, Button, Input as Input$1, InputNumber as InputNumber$1, Radio, Select as Select$1, Switch as Switch$2, TimePicker as TimePicker$1, TreeSelect as TreeSelect$1, Space } from 'antd';
 import merge from 'lodash/merge';
 import get from 'lodash/get';
+import { Upload as Upload$1, message, Modal, Row, Col, Slider, Cascader as Cascader$2, Checkbox as Checkbox$2, DatePicker as DatePicker$1, Button, Input as Input$1, InputNumber as InputNumber$1, Radio, Select as Select$1, Switch as Switch$2, TimePicker as TimePicker$1, TreeSelect as TreeSelect$1, Space } from 'antd';
 import { LoadingOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
 import AvatarEditor from 'react-avatar-editor';
 import omit from 'lodash/omit';
@@ -51,6 +51,41 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+const globalParams = {
+  type: 'default',
+  size: 'middle',
+  rules: {},
+  field: {
+    upload: {
+      displayFilename: 'filename',
+      action: '/open-api/upload_static_file/interview-manager',
+      transformResponse: response => {
+        const targetPath = get(response, 'results[0].targetPath');
+        const filename = get(response, 'results[0].filename');
+        return {
+          code: response.code,
+          msg: response.msg,
+          results: targetPath + (filename ? `?${globalParams.field.upload.displayFilename}=` + encodeURIComponent(filename) : '')
+        };
+      }
+    },
+    avatar: {
+      transformResponse: response => {
+        return {
+          code: response.code,
+          results: response.results,
+          msg: response.msg
+        };
+      },
+      action: '/upload'
+    }
+  }
+};
+var preset = (props => {
+  merge(globalParams, props);
+  preset$1(globalParams.rules);
+});
+
 const _excluded$8 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
 const {
   ScrollToError,
@@ -59,20 +94,25 @@ const {
   MaxLabelProvider,
   SizeProvider
 } = widget;
-const Form = forwardRef((_ref, ref) => {
-  let {
+const Form = forwardRef((originProps, ref) => {
+  const {
     className,
     cache,
     enterSubmit,
     scrollToError,
     scrollProps,
-    type,
-    size,
     children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+  } = originProps,
+        props = _objectWithoutPropertiesLoose(originProps, _excluded$8);
 
   let computedClass = 'react-form';
+  const {
+    type,
+    size
+  } = Object.assign({
+    type: 'default',
+    size: 'middle'
+  }, globalParams, originProps);
 
   if (type !== 'default') {
     computedClass += `--${type}`;
@@ -102,8 +142,6 @@ const Form = forwardRef((_ref, ref) => {
   }) : null, enterSubmit ? /*#__PURE__*/React.createElement(EnterSubmit, null, maxLabel) : maxLabel)));
 });
 Form.defaultProps = {
-  type: 'default',
-  size: 'middle',
   scrollToError: true,
   enterSubmit: false,
   scrollProps: {
@@ -123,39 +161,6 @@ Form.propTypes = {
   })
 };
 
-const globalParams = {
-  rules: {},
-  field: {
-    upload: {
-      displayFilename: 'filename',
-      action: '/open-api/upload_static_file/interview-manager',
-      transformResponse: response => {
-        const targetPath = get(response, 'results[0].targetPath');
-        const filename = get(response, 'results[0].filename');
-        return {
-          code: response.code,
-          msg: response.msg,
-          results: targetPath + (filename ? `?${globalParams.field.upload.displayFilename}=` + encodeURIComponent(filename) : '')
-        };
-      }
-    },
-    avatar: {
-      transformResponse: response => {
-        return {
-          code: response.code,
-          results: response.results,
-          msg: response.msg
-        };
-      },
-      action: '/upload'
-    }
-  }
-};
-var preset = (props => {
-  merge(globalParams, props);
-  preset$1(globalParams.rules);
-});
-
 const {
   useOnChange: useOnChange$d
 } = hooks;
@@ -661,7 +666,7 @@ const _RadioGroup = props => {
 
 _RadioGroup.Radio = Radio;
 
-const _excluded$5 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps"];
+const _excluded$5 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
 const {
   useOnChange: useOnChange$6
 } = hooks;
@@ -766,7 +771,7 @@ _Select.defaultProps = _Select.Fetch.defaultProps = {
   getPopupContainer
 };
 
-const _excluded$4 = ["data", "setData", "refresh", "reload", "emitter", "isLoading", "children", "onLoaded", "loadMore", "send", "isComplete", "fetchProps"];
+const _excluded$4 = ["data", "setData", "refresh", "reload", "emitter", "isLoading", "children", "onLoaded", "loadMore", "send", "isComplete", "fetchProps", "requestParams"];
 const {
   useOnChange: useOnChange$4
 } = hooks;
@@ -989,8 +994,8 @@ const _Upload = _ref => {
     onBeforeUpload,
     maxLength,
     transformResponse
-  } = _ref;
-      _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   displayFilename = displayFilename || uploadParams.displayFilename;
   value = value || [];
@@ -1060,7 +1065,9 @@ const _Upload = _ref => {
     accept: accept.join(','),
     onChange: changeHandler,
     beforeUpload: beforeUploadHandler
-  }), children);
+  }), typeof children === 'function' ? children({
+    size: props.size
+  }) : children);
 };
 
 _Upload.defaultProps = {
@@ -1068,7 +1075,11 @@ _Upload.defaultProps = {
   accept: [],
   fileSize: 2,
   maxLength: 1,
-  children: /*#__PURE__*/React.createElement(Button, null, /*#__PURE__*/React.createElement(UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20"),
+  children: ({
+    size
+  }) => /*#__PURE__*/React.createElement(Button, {
+    size: size
+  }, /*#__PURE__*/React.createElement(UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20"),
   onError: info => message.error(info),
   onUploadComplete: () => {}
 };
@@ -1116,23 +1127,23 @@ const ResetButton = props => {
 const _excluded$1 = ["className", "formProps", "footer", "children"],
       _excluded2 = ["className", "title", "formProps", "footer", "content"];
 const FetchForm = withFetch$1(Form);
-
-const CommonModal = ({
+const CommonModal = forwardRef(({
   formProps,
   footer,
   children
-}) => {
+}, ref) => {
   const TargetForm = formProps.hasOwnProperty('url') ? FetchForm : Form;
-  return /*#__PURE__*/React.createElement(TargetForm, formProps, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(TargetForm, _extends({}, formProps, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement("div", {
     className: "ant-modal-body"
   }, children), /*#__PURE__*/React.createElement("div", {
     className: "ant-modal-footer"
   }, footer ? footer : /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(ResetButton, null, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(SubmitButton, {
     type: "primary"
   }, "\u786E\u5B9A"))));
-};
-
-const FormModal = _ref => {
+});
+const FormModal = forwardRef((_ref, ref) => {
   let {
     className,
     formProps = {},
@@ -1145,10 +1156,11 @@ const FormModal = _ref => {
     className: classnames(className, 'react-form-modal'),
     footer: null
   }), /*#__PURE__*/React.createElement(CommonModal, {
+    ref: ref,
     formProps: formProps,
     footer: footer
   }, children));
-};
+});
 
 FormModal.modal = _ref2 => {
   let {