@kne/react-form-antd 1.2.14 → 2.0.0-alpha.0.3

package/dist/index.es.js

@@ -1,875 +0,0 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { forwardRef, useState, useRef, useEffect, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import ReactForm__default, { preset as preset$1, useSubmit, useReset } from '@kne/react-form';
-export * from '@kne/react-form';
-import { widget, hooks, hoc } from '@kne/react-form-helper';
-export { hooks, utils } from '@kne/react-form-helper';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { Upload as Upload$1, message, Modal, Row, Col, Slider, Cascader as Cascader$2, Checkbox as Checkbox$2, DatePicker as DatePicker$1, 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, Button } from 'antd';
-import merge from 'lodash/merge';
-import get from 'lodash/get';
-import { LoadingOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
-import AvatarEditor from 'react-avatar-editor';
-import { withFetch } from '@kne/react-fetch';
-import uniqueId from 'lodash/uniqueId';
-import isEqual from 'lodash/isEqual';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import Space from 'antd/es/space';
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".react-form, .react-form--large, .react-form--small, .react-form--inner, .react-form--inner--large, .react-form--inner--small, .react-form--inline, .react-form--inline--large, .react-form--inline--small {\n  text-align: left;\n  font-size: 12px; }\n  .react-form .ant-select, .react-form--large .ant-select, .react-form--small .ant-select, .react-form--inner .ant-select, .react-form--inner--large .ant-select, .react-form--inner--small .ant-select, .react-form--inline .ant-select, .react-form--inline--large .ant-select, .react-form--inline--small .ant-select {\n    width: 100%; }\n  .react-form--large .react-form__field-label {\n    font-size: 14px;\n    margin-right: 20px;\n    line-height: 34px; }\n  .react-form--small .react-form__field-label {\n    margin-right: 12px;\n    line-height: 24px; }\n  .react-form--inner .react-form__field, .react-form--inner--large .react-form__field, .react-form--inner--small .react-form__field {\n    margin-bottom: 22px; }\n  .react-form--inner .react-form__field-main, .react-form--inner--large .react-form__field-main, .react-form--inner--small .react-form__field-main {\n    flex-direction: column; }\n  .react-form--inner .react-form__field-input, .react-form--inner--large .react-form__field-input, .react-form--inner--small .react-form__field-input {\n    align-self: auto; }\n  .react-form--inner .react-form__field-label, .react-form--inner--large .react-form__field-label, .react-form--inner--small .react-form__field-label {\n    font-size: 14px;\n    text-align: left;\n    font-weight: bold;\n    margin-left: 0;\n    margin-bottom: 2px; }\n  .react-form--inner--small .react-form__field-label {\n    font-size: 12px;\n    margin-bottom: 1px; }\n  .react-form--inline, .react-form--inline--large, .react-form--inline--small {\n    padding: 30px 30px 6px; }\n    .react-form--inline .react-form__field, .react-form--inline--large .react-form__field, .react-form--inline--small .react-form__field {\n      display: inline-block;\n      margin-right: 40px; }\n      .react-form--inline .react-form__field:last-child, .react-form--inline--large .react-form__field:last-child, .react-form--inline--small .react-form__field:last-child {\n        margin-right: 0; }\n    .react-form--inline .react-form__field-label, .react-form--inline--large .react-form__field-label, .react-form--inline--small .react-form__field-label {\n      min-width: auto !important;\n      padding-left: 0; }\n      .react-form--inline .react-form__field-label.is-req:before, .react-form--inline--large .react-form__field-label.is-req:before, .react-form--inline--small .react-form__field-label.is-req:before {\n        position: static; }\n    .react-form--inline--large .react-form__field-label {\n      font-size: 14px;\n      line-height: 34px; }\n    .react-form--inline--small .react-form__field-label {\n      margin-right: 12px; }\n  .react-form__field-main {\n    display: flex; }\n  .react-form__field-label {\n    text-align: right;\n    margin-right: 16px;\n    line-height: 30px;\n    margin-left: 10px;\n    position: relative; }\n    .react-form__field-label.is-req:before {\n      position: absolute;\n      color: #fc3333;\n      font-weight: bold;\n      content: '*';\n      margin-right: 4px;\n      transform: translateX(-10px); }\n  .react-form__field-input {\n    align-self: center;\n    flex: 1;\n    position: relative; }\n  .react-form__field {\n    margin-bottom: 24px;\n    transition: border-color 300ms; }\n    .react-form__field.is-req-error .react-form__field-component, .react-form__field.is-error .react-form__field-component {\n      border-color: #fc3333; }\n      .react-form__field.is-req-error .react-form__field-component:focus, .react-form__field.is-error .react-form__field-component:focus {\n        box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2); }\n      .react-form__field.is-req-error .react-form__field-component .ant-select-selection, .react-form__field.is-req-error .react-form__field-component .ant-input, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner, .react-form__field.is-error .react-form__field-component .ant-select-selection, .react-form__field.is-error .react-form__field-component .ant-input, .react-form__field.is-error .react-form__field-component .ant-radio-inner {\n        border-color: #fc3333; }\n        .react-form__field.is-req-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-req-error .react-form__field-component .ant-input:focus, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner:focus, .react-form__field.is-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-error .react-form__field-component .ant-input:focus, .react-form__field.is-error .react-form__field-component .ant-radio-inner:focus {\n          box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2); }\n      .react-form__field.is-req-error .react-form__field-component .ant-upload.ant-upload-select-picture-card, .react-form__field.is-error .react-form__field-component .ant-upload.ant-upload-select-picture-card {\n        border-color: #fc3333; }\n      .react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper .ant-input, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper .ant-input {\n        box-shadow: none; }\n      .react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper-focused, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper-focused {\n        box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2); }\n      .react-form__field.is-req-error .react-form__field-component.ant-select > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select > .ant-select-selector {\n        border-color: #fc3333; }\n      .react-form__field.is-req-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector {\n        box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2); }\n    .react-form__field-error {\n      color: #fc3333;\n      font-size: 12px;\n      position: absolute;\n      top: calc(100% + 1px);\n      left: 0; }\n\n.react-form-modal .ant-modal-content > .ant-modal-body {\n  padding: 0; }\n\n.react-form-modal .ant-modal-confirm-btns {\n  display: none; }\n\n.react-form-modal.ant-modal-confirm .ant-modal-header, .react-form-modal.ant-modal-confirm .ant-modal-close {\n  display: block; }\n\n.react-form-avatar .preview {\n  width: 85px;\n  height: 85px;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center; }\n  .react-form-avatar .preview img {\n    max-width: 100%;\n    max-height: 100%; }\n";
-styleInject(css_248z);
-
-var ScrollToError = widget.ScrollToError,
-    EnterSubmit = widget.EnterSubmit,
-    FormStore = widget.FormStore,
-    MaxLabelProvider = widget.MaxLabelProvider,
-    SizeProvider = widget.SizeProvider;
-var Form = forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      cache = _ref.cache,
-      enterSubmit = _ref.enterSubmit,
-      scrollToError = _ref.scrollToError,
-      scrollProps = _ref.scrollProps,
-      type = _ref.type,
-      size = _ref.size,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"]);
-
-  var computedClass = 'react-form';
-
-  if (type !== 'default') {
-    computedClass += "--".concat(type);
-  }
-
-  if (size !== 'middle') {
-    computedClass += "--".concat(size);
-  }
-
-  var maxLabel = /*#__PURE__*/React.createElement(MaxLabelProvider, null, children);
-  return /*#__PURE__*/React.createElement("form", {
-    className: classnames(computedClass, className),
-    onSubmit: function onSubmit(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement(SizeProvider, {
-    value: {
-      size: size
-    }
-  }, /*#__PURE__*/React.createElement(ReactForm__default, _extends({}, props, {
-    ref: ref
-  }), cache ? /*#__PURE__*/React.createElement(FormStore, {
-    cache: cache
-  }) : null, scrollToError ? /*#__PURE__*/React.createElement(ScrollToError, {
-    scrollProps: scrollProps
-  }) : null, enterSubmit ? /*#__PURE__*/React.createElement(EnterSubmit, null, maxLabel) : maxLabel)));
-});
-Form.defaultProps = {
-  type: 'default',
-  size: 'middle',
-  scrollToError: true,
-  enterSubmit: false,
-  scrollProps: {
-    block: 'center'
-  }
-};
-Form.propTypes = {
-  className: PropTypes.string,
-  type: PropTypes.oneOf(['inline', 'default', 'inner']),
-  size: PropTypes.oneOf(['small', 'middle', 'large']),
-  enterSubmit: PropTypes.bool,
-  scrollToError: PropTypes.bool,
-  scrollProps: PropTypes.shape({
-    block: PropTypes.oneOf(['start', 'center', 'end', 'nearest']),
-    behavior: PropTypes.oneOf(['auto', 'smooth']),
-    inline: PropTypes.oneOf(['start', 'center', 'end', 'nearest'])
-  })
-};
-
-var globalParams = {
-  rules: {},
-  field: {
-    upload: {
-      action: '/open-api/upload_static_file/interview-manager',
-      transformResponse: function transformResponse(response) {
-        return {
-          code: response.code,
-          msg: response.msg,
-          results: get(response, 'results[0].targetPath')
-        };
-      }
-    },
-    avatar: {
-      transformResponse: function transformResponse(response) {
-        return {
-          code: response.code,
-          results: response.results,
-          msg: response.msg
-        };
-      },
-      action: '/upload'
-    }
-  }
-};
-var preset = (function (props) {
-  merge(globalParams, props);
-  preset$1(globalParams.rules);
-});
-
-var useOnChange = hooks.useOnChange;
-var avatarParams = globalParams.field.avatar;
-
-var _Avatar = function _Avatar(_ref) {
-  var className = _ref.className,
-      imageUrl = _ref.value,
-      propsChange = _ref.onChange,
-      onBeforeUpload = _ref.beforeUpload,
-      transformResponse = _ref.transformResponse,
-      action = _ref.action,
-      imageType = _ref.imageType,
-      size = _ref.fileSize,
-      children = _ref.children,
-      onError = _ref.onError,
-      editor = _ref.editor;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useState3 = useState(imageUrl),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showImageUrl = _useState4[0],
-      setImageUrl = _useState4[1];
-
-  var editorRef = useRef();
-  useEffect(function () {
-    setImageUrl(imageUrl);
-  }, [imageUrl]);
-  /* base64转blob */
-
-  var dataURLtoBlob = function dataURLtoBlob(dataurl) {
-    var arr = dataurl.split(','); // 注意base64的最后面中括号和引号是不转译的
-
-    var _arr = arr[1].substring(0, arr[1].length - 2);
-
-    var mime = arr[0].match(/:(.*?);/)[1],
-        bstr = atob(_arr),
-        n = bstr.length,
-        u8arr = new Uint8Array(n);
-
-    while (n--) {
-      u8arr[n] = bstr.charCodeAt(n);
-    }
-
-    return new Blob([u8arr], {
-      type: mime
-    });
-  };
-
-  var AvatarEditorBox = function AvatarEditorBox(_ref2) {
-    var file = _ref2.file;
-
-    var _useState5 = useState(0),
-        _useState6 = _slicedToArray(_useState5, 2),
-        rotate = _useState6[0],
-        setRotate = _useState6[1];
-
-    var _useState7 = useState(1),
-        _useState8 = _slicedToArray(_useState7, 2),
-        scale = _useState8[0],
-        setScale = _useState8[1];
-
-    var onChange = function onChange(v) {
-      console.log(v);
-      setRotate(v);
-    };
-
-    var onChangeScale = function onChangeScale(v) {
-      console.log(v);
-      setScale(v);
-    };
-
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        'marginLeft': '50px'
-      }
-    }, /*#__PURE__*/React.createElement(AvatarEditor, {
-      ref: editorRef,
-      image: file,
-      width: editor.width,
-      height: editor.height,
-      border: 1,
-      borderRadius: editor.borderRadius,
-      color: [24, 144, 255, 1] // RGBA
-      ,
-      scale: scale,
-      rotate: rotate
-    }), /*#__PURE__*/React.createElement(Row, {
-      gutter: 4
-    }, /*#__PURE__*/React.createElement(Col, {
-      span: 4
-    }, /*#__PURE__*/React.createElement("span", null, "\u65CB\u8F6C")), /*#__PURE__*/React.createElement(Col, {
-      span: 15
-    }, /*#__PURE__*/React.createElement(Slider, {
-      tooltipVisible: false,
-      defaultValue: rotate,
-      min: -180,
-      max: 180,
-      onChange: onChange
-    }))), /*#__PURE__*/React.createElement(Row, {
-      gutter: 4
-    }, /*#__PURE__*/React.createElement(Col, {
-      span: 4
-    }, /*#__PURE__*/React.createElement("span", null, "\u653E\u5927")), /*#__PURE__*/React.createElement(Col, {
-      span: 15
-    }, /*#__PURE__*/React.createElement(Slider, {
-      tooltipVisible: false,
-      defaultValue: scale,
-      step: 0.1,
-      min: 1,
-      max: 3,
-      onChange: onChangeScale
-    }))));
-  };
-
-  var uploadButton = /*#__PURE__*/React.createElement("div", null, loading ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : /*#__PURE__*/React.createElement(PlusOutlined, null), children);
-
-  var beforeUpload = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              return _context.abrupt("return", new Promise(function (resolve, reject) {
-                console.log('文件', file);
-                var isJpgOrPng = imageType.indexOf(file.type) > -1;
-
-                if (!isJpgOrPng) {
-                  onError("\u53EA\u652F\u6301".concat(imageType.map(function (str) {
-                    return str.replace('image/', '');
-                  }).join('/'), "\u683C\u5F0F\u56FE\u7247!"), 'typeError', {
-                    type: imageType,
-                    fileType: file.type
-                  });
-                  reject();
-                  return false;
-                }
-
-                var isLt = file.size / 1024 / 1024 < size;
-
-                if (!isLt) {
-                  onError("\u56FE\u7247\u4E0D\u80FD\u8D85\u8FC7".concat(size, "MB!"), 'sizeError', {
-                    size: size,
-                    fileSize: file.size
-                  });
-                  reject();
-                  return false;
-                }
-                /*剪切图像*/
-                // editor:{open:false,width:250,height:250,borderRadius:0-100,text:'剪切'}
-
-
-                if (editor.open) {
-                  Modal.success({
-                    // title: '剪切图像',
-                    icon: '',
-                    content: /*#__PURE__*/React.createElement(AvatarEditorBox, {
-                      file: file
-                    }),
-                    okText: editor.text,
-                    onOk: function onOk(close) {
-                      // console.log(editorRef.current);
-                      var base64 = editorRef.current.getImage().toDataURL();
-                      setImageUrl(base64);
-                      var blob = dataURLtoBlob(base64);
-                      var files = new window.File([blob], file.name, {
-                        type: file.type
-                      });
-                      onBeforeUpload && onBeforeUpload(files);
-                      resolve(files); // console.log(files);
-
-                      close();
-                    }
-                  });
-                } else {
-                  onBeforeUpload && onBeforeUpload(file);
-                  resolve(file); // return onBeforeUpload && onBeforeUpload(file);
-                }
-              }));
-
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function beforeUpload(_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var onChange = function onChange(info) {
-    if (info.file.status === 'uploading') {
-      setLoading(true);
-      return;
-    }
-
-    if (info.file.status === 'done') {
-      setLoading(false);
-      var response = (transformResponse || avatarParams.transformResponse)(info.file.response);
-
-      if (response.code === 200) {
-        propsChange(response.results);
-      } else {
-        onError(response.msg, 'xhrError', response);
-      }
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Upload$1, {
-    className: classnames(className, 'react-form-avatar'),
-    listType: "picture-card",
-    showUploadList: false,
-    action: action || avatarParams.action,
-    beforeUpload: beforeUpload,
-    onChange: onChange
-  }, showImageUrl ? /*#__PURE__*/React.createElement("div", {
-    className: "preview"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: showImageUrl,
-    alt: "avatar"
-  })) : uploadButton));
-};
-
-_Avatar.defaultProps = {
-  imageType: ['image/jpeg', 'image/png'],
-  fileSize: 2,
-  // 单位MB
-  children: /*#__PURE__*/React.createElement("div", {
-    className: "ant-upload-text"
-  }, "\u70B9\u51FB\u4E0A\u4F20"),
-  onError: function onError(info) {
-    return message.error(info);
-  },
-  editor: {
-    open: false,
-    width: 250,
-    height: 250,
-    borderRadius: 1,
-    text: '剪切'
-  }
-};
-
-var AvatarInput = function AvatarInput(props) {
-  var render = useOnChange(props);
-  return render(_Avatar);
-};
-
-AvatarInput.field = _Avatar;
-
-var useOnChange$1 = hooks.useOnChange;
-
-var Cascader = function Cascader(props) {
-  var render = useOnChange$1(props);
-  return render(Cascader$2);
-};
-
-var useOnChange$2 = hooks.useOnChange,
-    useCheckedToValue = hooks.useCheckedToValue;
-var withChecked = hoc.withChecked;
-var WithCheckbox = withChecked(Checkbox$2);
-
-var Checkbox = function Checkbox(props) {
-  var checkedProps = useCheckedToValue(props);
-  var render = useOnChange$2(checkedProps);
-  return render(WithCheckbox);
-};
-
-var useOnChange$3 = hooks.useOnChange;
-var _CheckboxGroup = Checkbox$2.Group;
-
-var CheckboxGroup = function CheckboxGroup(props) {
-  var render = useOnChange$3(props);
-  return render(_CheckboxGroup);
-};
-
-CheckboxGroup.Checkbox = Checkbox$2;
-
-var useOnChange$4 = hooks.useOnChange;
-var MonthPicker = DatePicker$1.MonthPicker,
-    RangePicker = DatePicker$1.RangePicker,
-    WeekPicker = DatePicker$1.WeekPicker;
-
-var _DatePicker = function _DatePicker(props) {
-  var render = useOnChange$4(props);
-  return render(DatePicker$1);
-};
-
-var _MonthPicker = function _MonthPicker(props) {
-  var render = useOnChange$4(props);
-  return render(MonthPicker);
-};
-
-var _RangePicker = function _RangePicker(props) {
-  var render = useOnChange$4(props);
-  return render(RangePicker);
-};
-
-var _WeekPicker = function _WeekPicker(props) {
-  var render = useOnChange$4(props);
-  return render(WeekPicker);
-};
-
-_DatePicker.MonthPicker = _MonthPicker;
-_DatePicker.RangePicker = _RangePicker;
-_DatePicker.WeekPicker = _WeekPicker;
-
-var useDecorator = hooks.useDecorator;
-
-var InputField = function InputField(props) {
-  var render = useDecorator(props);
-  return render(Input$1);
-};
-
-InputField.defaultProps = {
-  autoComplete: 'off'
-};
-
-var useDecorator$1 = hooks.useDecorator;
-
-var InputNumberField = function InputNumberField(props) {
-  var render = useDecorator$1(props);
-  return render(InputNumber$1);
-};
-
-InputNumberField.defaultProps = {
-  autoComplete: 'off'
-};
-
-var useOnChange$5 = hooks.useOnChange;
-
-var RadioGroup = function RadioGroup(_ref) {
-  var onChange = _ref.onChange,
-      props = _objectWithoutProperties(_ref, ["onChange"]);
-
-  var handler = useCallback(function (e) {
-    onChange && onChange(e.target.value);
-  }, [onChange]);
-  return /*#__PURE__*/React.createElement(Radio.Group, _extends({}, props, {
-    onChange: handler
-  }));
-};
-
-var _RadioGroup = function _RadioGroup(props) {
-  var render = useOnChange$5(props);
-  return render(RadioGroup);
-};
-
-_RadioGroup.Radio = Radio;
-
-var useOnChange$6 = hooks.useOnChange;
-
-var _Select = function _Select(props) {
-  var render = useOnChange$6(props);
-  return render(Select$1);
-};
-
-_Select.Option = Select$1.Option;
-_Select.OptGroup = Select$1.OptGroup;
-
-var useOnChange$7 = hooks.useOnChange;
-
-var _SelectFetch = withFetch(function (_ref) {
-  var data = _ref.data,
-      setData = _ref.setData,
-      refresh = _ref.refresh,
-      isLoading = _ref.isLoading,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["data", "setData", "refresh", "isLoading", "children"]);
-
-  return /*#__PURE__*/React.createElement(Select$1, props, children({
-    data: data,
-    refresh: refresh,
-    isLoading: isLoading,
-    setData: setData
-  }));
-});
-
-var SelectFetch = function SelectFetch(props) {
-  var render = useOnChange$7(props);
-  return render(_SelectFetch);
-};
-
-SelectFetch.Option = Select$1.Option;
-SelectFetch.OptGroup = Select$1.OptGroup;
-
-var useOnChange$8 = hooks.useOnChange,
-    useCheckedToValue$1 = hooks.useCheckedToValue;
-var withChecked$1 = hoc.withChecked;
-var WithSwitch = withChecked$1(Switch$2);
-
-var Switch = function Switch(props) {
-  var checkedProps = useCheckedToValue$1(props);
-  var render = useOnChange$8(checkedProps);
-  return render(WithSwitch);
-};
-
-var useDecorator$2 = hooks.useDecorator;
-
-var TextArea = function TextArea(props) {
-  var render = useDecorator$2(props);
-  return render(Input$1.TextArea);
-};
-
-var useOnChange$9 = hooks.useOnChange;
-var RangePicker$1 = TimePicker$1.RangePicker;
-
-var _TimePicker = function _TimePicker(props) {
-  var render = useOnChange$9(props);
-  return render(TimePicker$1);
-};
-
-var _RangePicker$1 = function _RangePicker(props) {
-  var render = useOnChange$9(props);
-  return render(RangePicker$1);
-};
-
-_TimePicker.RangePicker = _RangePicker$1;
-
-var useOnChange$a = hooks.useOnChange;
-
-var _TreeSelect = function _TreeSelect(props) {
-  var render = useOnChange$a(props);
-  return render(TreeSelect$1);
-};
-
-_TreeSelect.TreeNode = TreeSelect$1.TreeNode;
-
-var useOnChange$b = hooks.useOnChange;
-var Dragger = Upload$1.Dragger;
-var uploadParams = globalParams.field.upload;
-
-var valueToList = function valueToList(value) {
-  if (!value) {
-    return [];
-  }
-
-  return value.map(function (item) {
-    return {
-      uid: uniqueId(),
-      name: item.substr(item.lastIndexOf('/') + 1),
-      status: 'done',
-      response: {
-        code: 200,
-        results: item
-      }
-    };
-  });
-};
-
-var listToValue = function listToValue(value) {
-  return value.slice(0).filter(function (_ref) {
-    var status = _ref.status;
-    return status === 'done';
-  }).map(function (_ref2) {
-    var response = _ref2.response;
-    return response.results;
-  });
-};
-
-var withValueAdapter = function withValueAdapter(WrappedComponent) {
-  return function (_ref3) {
-    var value = _ref3.value,
-        _onChange = _ref3.onChange,
-        props = _objectWithoutProperties(_ref3, ["value", "onChange"]);
-
-    var _useState = useState([]),
-        _useState2 = _slicedToArray(_useState, 2),
-        list = _useState2[0],
-        setList = _useState2[1];
-
-    var targetListRef = useRef([]);
-    useEffect(function () {
-      if (isEqual(value, targetListRef.current)) {
-        return;
-      }
-
-      setList(valueToList(value));
-    }, [value]);
-    return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, props, {
-      value: list,
-      onChange: function onChange(value) {
-        value = value.map(function (item) {
-          return Object.assign({}, item);
-        });
-        setList(value);
-        var targetList = listToValue(value);
-        targetListRef.current = targetList;
-
-        if (isEqual(targetList, value)) {
-          return;
-        }
-
-        _onChange(targetList);
-      }
-    }));
-  };
-};
-
-var _Upload = function _Upload(_ref4) {
-  var className = _ref4.className,
-      list = _ref4.value,
-      setList = _ref4.onChange,
-      onUploadComplete = _ref4.onUploadComplete,
-      onBeforeUpload = _ref4.beforeUpload,
-      maxLength = _ref4.maxLength,
-      drag = _ref4.drag,
-      transformResponse = _ref4.transformResponse,
-      action = _ref4.action,
-      accept = _ref4.accept,
-      size = _ref4.fileSize,
-      children = _ref4.children,
-      onError = _ref4.onError,
-      props = _objectWithoutProperties(_ref4, ["className", "value", "onChange", "onUploadComplete", "beforeUpload", "maxLength", "drag", "transformResponse", "action", "accept", "fileSize", "children", "onError"]);
-
-  var beforeUpload = function beforeUpload(file) {
-    if (maxLength === 1) {
-      setList([]);
-    }
-    /*const typeAllowed = accept.length === 0 || !!accept.find((type) => type === file.type);
-    if (!typeAllowed) {
-        onError(`只支持${accept.join('/')}格式文件!`, 'typeError', {
-            type: accept,
-            fileType: file.type
-        });
-        return false;
-    }*/
-
-
-    var isLt = file.size / 1024 / 1024 < size;
-
-    if (!isLt) {
-      onError("\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7".concat(size, "MB!"), 'sizeError', {
-        size: size,
-        fileSize: file.size
-      });
-      return false;
-    }
-
-    return onBeforeUpload && onBeforeUpload(file);
-  };
-
-  var onChange = function onChange(info) {
-    if (['uploading', 'done', 'error', 'removed'].indexOf(info.file.status) === -1) {
-      return;
-    }
-
-    if (info.fileList.length > maxLength) {
-      onError("\u4E0A\u4F20\u6587\u4EF6\u4E0D\u80FD\u8D85\u8FC7\u6700\u5927\u5141\u8BB8\u6570\u91CF".concat(maxLength), 'xhrError', maxLength);
-      return;
-    }
-
-    if (info.file.status === 'done') {
-      info.file.response = (transformResponse || uploadParams.transformResponse)(info.file.response);
-
-      if (info.file.response.code === 200) {
-        info.file.name = info.file.response.results.substr(info.file.response.results.lastIndexOf('/') + 1);
-        onUploadComplete(info.file);
-      } else {
-        info.file.status = 'error';
-        onError(info.file.response.msg, 'xhrError', info.file.response);
-      }
-    }
-
-    var newList = list.slice(0);
-    var index = newList.findIndex(function (_ref5) {
-      var uid = _ref5.uid;
-      return uid === info.file.uid;
-    });
-    index > -1 && newList.splice(index, 1);
-
-    if (info.file.status !== 'removed') {
-      newList.push(info.file);
-    }
-
-    setList(newList);
-  };
-
-  var UploadComponent = drag ? Dragger : Upload$1;
-  return /*#__PURE__*/React.createElement(UploadComponent, _extends({}, props, {
-    action: action || uploadParams.action,
-    fileList: list,
-    accept: accept.join(','),
-    onChange: onChange,
-    beforeUpload: beforeUpload
-  }), children);
-};
-
-_Upload.defaultProps = {
-  value: [],
-  accept: [],
-  fileSize: 2,
-  maxLength: 1,
-  children: /*#__PURE__*/React.createElement(Button, null, /*#__PURE__*/React.createElement(UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20"),
-  onError: function onError(info) {
-    return message.error(info);
-  },
-  onUploadComplete: function onUploadComplete() {}
-};
-var AdapterUpload = withValueAdapter(_Upload);
-
-var UploadInput = function UploadInput(props) {
-  var render = useOnChange$b(props);
-  return render(AdapterUpload);
-};
-
-UploadInput.field = _Upload;
-
-var SubmitButton = function SubmitButton(props) {
-  var _useSubmit = useSubmit(props),
-      isPass = _useSubmit.isPass,
-      isLoading = _useSubmit.isLoading,
-      submitProps = _objectWithoutProperties(_useSubmit, ["isPass", "isLoading"]);
-
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    loading: isLoading
-  }, submitProps, props));
-};
-
-var ResetButton = function ResetButton(props) {
-  var resetProps = useReset();
-  return /*#__PURE__*/React.createElement(Button, _extends({}, resetProps, props));
-};
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var FetchForm = withFetch(Form);
-
-var CommonModal = function CommonModal(_ref) {
-  var formProps = _ref.formProps,
-      footer = _ref.footer,
-      children = _ref.children;
-  var TargetForm = formProps.hasOwnProperty('url') ? FetchForm : Form;
-  return /*#__PURE__*/React.createElement(TargetForm, formProps, /*#__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"))));
-};
-
-var FormModal = function FormModal(_ref2) {
-  var className = _ref2.className,
-      _ref2$formProps = _ref2.formProps,
-      formProps = _ref2$formProps === void 0 ? {} : _ref2$formProps,
-      footer = _ref2.footer,
-      children = _ref2.children,
-      props = _objectWithoutProperties(_ref2, ["className", "formProps", "footer", "children"]);
-
-  return /*#__PURE__*/React.createElement(Modal, _extends({}, props, {
-    className: classnames(className, 'react-form-modal'),
-    footer: null
-  }), /*#__PURE__*/React.createElement(CommonModal, {
-    formProps: formProps,
-    footer: footer
-  }, children));
-};
-
-FormModal.modal = function (_ref3) {
-  var className = _ref3.className,
-      title = _ref3.title,
-      _ref3$formProps = _ref3.formProps,
-      formProps = _ref3$formProps === void 0 ? {} : _ref3$formProps,
-      footer = _ref3.footer,
-      content = _ref3.content,
-      props = _objectWithoutProperties(_ref3, ["className", "title", "formProps", "footer", "content"]);
-
-  return Modal.info(_objectSpread(_objectSpread({}, props), {}, {
-    title: title ? /*#__PURE__*/React.createElement("div", {
-      className: "ant-modal-header"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ant-modal-title"
-    }, title)) : null,
-    className: classnames(className, 'react-form-modal'),
-    content: /*#__PURE__*/React.createElement(CommonModal, {
-      formProps: formProps,
-      footer: footer
-    }, content),
-    icon: null,
-    footer: null
-  }));
-};
-
-var Avatar = AvatarInput;
-var Cascader$1 = Cascader;
-var Checkbox$1 = Checkbox;
-var CheckboxGroup$1 = CheckboxGroup;
-var DatePicker = _DatePicker;
-var Input = InputField;
-var InputNumber = InputNumberField;
-var RadioGroup$1 = _RadioGroup;
-var Select = _Select;
-var SelectFetch$1 = SelectFetch;
-var Switch$1 = Switch;
-var TextArea$1 = TextArea;
-var TimePicker = _TimePicker;
-var TreeSelect = _TreeSelect;
-var Upload = UploadInput;
-var fields = {
-  Avatar: Avatar,
-  Cascader: Cascader$1,
-  Checkbox: Checkbox$1,
-  CheckboxGroup: CheckboxGroup$1,
-  DatePicker: DatePicker,
-  Input: Input,
-  InputNumber: InputNumber,
-  RadioGroup: RadioGroup$1,
-  Select: Select,
-  SelectFetch: SelectFetch$1,
-  Switch: Switch$1,
-  TextArea: TextArea$1,
-  TimePicker: TimePicker,
-  TreeSelect: TreeSelect,
-  Upload: Upload
-};
-
-export default Form;
-export { Avatar, Cascader$1 as Cascader, Checkbox$1 as Checkbox, CheckboxGroup$1 as CheckboxGroup, DatePicker, FormModal, Input, InputNumber, RadioGroup$1 as RadioGroup, ResetButton, Select, SelectFetch$1 as SelectFetch, SubmitButton, Switch$1 as Switch, TextArea$1 as TextArea, TimePicker, TreeSelect, Upload, fields, preset };
-//# sourceMappingURL=index.es.js.map