@kne/react-form-antd 3.1.5 → 4.0.0-alpha.1

package/dist/index.modern.js

@@ -1,19 +1,13 @@
-import * as React from 'react';
-import React__default, { forwardRef, useRef, useState, useEffect, useMemo, useImperativeHandle, useCallback } from 'react';
-import PropTypes from 'prop-types';
+import React, { forwardRef, useCallback, useRef, useMemo } from 'react';
 import classnames from 'classnames';
 import ReactForm__default, { preset as preset$2, useReset, useSubmit } from '@kne/react-form';
 export * from '@kne/react-form';
 import { preset as preset$1, widget, hooks, hoc } from '@kne/react-form-helper';
 export { hooks, utils, widget } from '@kne/react-form-helper';
-import { merge, get, omit, uniqueId, groupBy } from 'lodash';
-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';
-import { LoadingOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
-import withLayer from '@kne/with-layer';
-import AvatarEditor from 'react-avatar-editor';
-import useEvent from '@kne/use-event';
-import { withFetch as withFetch$1 } from '@kne/react-fetch';
+import merge from 'lodash/merge';
+import { TreeSelect, TimePicker, Input, Switch as Switch$1, Select, Radio, InputNumber, DatePicker, Button, Checkbox as Checkbox$1, Cascader as Cascader$1, Rate as Rate$1, Slider as Slider$1 } from 'antd';
 import dayjs from 'dayjs';
+import { get } from 'lodash';
 import useControlValue from '@kne/use-control-value';
 
 function _extends() {
@@ -29,7 +23,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.indexOf(n) >= 0) continue;
+    if (e.includes(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -42,31 +36,7 @@ const globalParams = {
   formModal: {},
   resetButton: {},
   submitButton: {},
-  field: {
-    upload: {
-      displayFilename: 'filename',
-      action: '/upload',
-      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'
-    }
-  }
+  field: {}
 };
 var preset = (props => {
   const defaultProps = {};
@@ -81,7 +51,7 @@ var preset = (props => {
   preset$2(globalParams.rules);
 });
 
-const _excluded$7 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
+const _excluded$4 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
 const {
   ScrollToError,
   EnterSubmit,
@@ -93,12 +63,14 @@ const Form = forwardRef((originProps, ref) => {
   const {
       className,
       cache,
-      enterSubmit,
-      scrollToError,
-      scrollProps,
+      enterSubmit = false,
+      scrollToError = true,
+      scrollProps = {
+        block: 'center'
+      },
       children
     } = originProps,
-    props = _objectWithoutPropertiesLoose(originProps, _excluded$7);
+    props = _objectWithoutPropertiesLoose(originProps, _excluded$4);
   const baseClass = 'react-form';
   let computedClass = baseClass;
   const {
@@ -114,633 +86,39 @@ const Form = forwardRef((originProps, ref) => {
   if (size !== 'middle') {
     computedClass += `--${size}`;
   }
-  const maxLabel = /*#__PURE__*/React__default.createElement(MaxLabelProvider, null, children);
-  return /*#__PURE__*/React__default.createElement("form", {
+  const maxLabel = /*#__PURE__*/React.createElement(MaxLabelProvider, null, children);
+  return /*#__PURE__*/React.createElement("form", {
     className: classnames(baseClass, computedClass, className),
     onSubmit: e => {
       e.preventDefault();
       e.stopPropagation();
     }
-  }, /*#__PURE__*/React__default.createElement(SizeProvider, {
+  }, /*#__PURE__*/React.createElement(SizeProvider, {
     value: {
       size
     }
-  }, /*#__PURE__*/React__default.createElement(ReactForm__default, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(ReactForm__default, _extends({}, props, {
     ref: ref
-  }), cache ? /*#__PURE__*/React__default.createElement(FormStore, {
+  }), cache ? /*#__PURE__*/React.createElement(FormStore, {
     cache: cache
-  }) : null, scrollToError ? /*#__PURE__*/React__default.createElement(ScrollToError, {
+  }) : null, scrollToError ? /*#__PURE__*/React.createElement(ScrollToError, {
     scrollProps: scrollProps
-  }) : null, enterSubmit ? /*#__PURE__*/React__default.createElement(EnterSubmit, null, maxLabel) : maxLabel)));
+  }) : null, enterSubmit ? /*#__PURE__*/React.createElement(EnterSubmit, null, maxLabel) : maxLabel)));
 });
-Form.defaultProps = {
-  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'])
-  })
-};
-
-const RotateIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 14 14",
-  xmlns: "http://www.w3.org/2000/svg",
-  xmlnsXlink: "http://www.w3.org/1999/xlink"
-}, props), /*#__PURE__*/React.createElement("title", null, "\u65CB\u8F6C"), /*#__PURE__*/React.createElement("g", {
-  id: "PC\\u7AEF",
-  stroke: "none",
-  strokeWidth: 1,
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("g", {
-  id: "\\u56FE\\u6807",
-  transform: "translate(-77.000000, -1567.000000)",
-  fill: "#222222",
-  fillRule: "nonzero"
-}, /*#__PURE__*/React.createElement("g", {
-  id: "\\u65CB\\u8F6C",
-  transform: "translate(77.000000, 1567.000000)"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M9.16414904,5.6345426 C9.35110931,5.6345426 9.53041217,5.70881228 9.66261304,5.84101315 C9.79481391,5.97321402 9.86908359,6.15251688 9.86908359,6.33947715 L9.86908359,12.683888 C9.86908359,13.0732126 9.55347364,13.3888226 9.16414904,13.3888226 L0.704934547,13.3888226 C0.315609953,13.3888226 1.8189894e-12,13.0732126 1.8189894e-12,12.683888 L1.8189894e-12,6.33947715 C1.8189894e-12,6.15251688 0.0742696765,5.97321402 0.206470548,5.84101315 C0.33867142,5.70881228 0.517974281,5.6345426 0.704934547,5.6345426 L9.16414904,5.6345426 Z M8.4592145,7.04441168 L1.40986909,7.04441168 L1.40986909,11.9789535 L8.4592145,11.9789535 L8.4592145,7.04441168 Z M7.58258803,0.714885198 C7.63035214,0.738767256 7.66052367,0.787585825 7.66052367,0.840987728 L7.66052367,2.02739256 C11.1625178,2.03011634 14,4.86980822 14,8.37180343 C14,8.62367799 13.8656872,8.85643618 13.6475639,8.98238459 C13.4294405,9.108333 13.1606904,9.108333 12.942567,8.98238459 C12.7244437,8.85643618 12.5900924,8.62367799 12.5901309,8.37180343 C12.5901323,5.64845715 10.3838686,3.43998499 7.66052367,3.43726164 L7.66052367,4.50664733 C7.66052367,4.56004923 7.63035214,4.6088678 7.58258803,4.63274986 C7.53482391,4.65663192 7.47766614,4.65147801 7.43494462,4.61943686 L4.99093655,2.78660706 C4.95543522,2.75998107 4.93454178,2.71819419 4.93454178,2.67381753 C4.93454178,2.62944087 4.95543522,2.58765399 4.99093655,2.561028 L7.43494462,0.728198195 C7.47766614,0.696157053 7.53482391,0.691003139 7.58258803,0.714885198 Z",
-  id: "\\u5F62\\u72B6\\u7ED3\\u5408"
-})))));
-
-const FullIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 14 14",
-  xmlns: "http://www.w3.org/2000/svg",
-  xmlnsXlink: "http://www.w3.org/1999/xlink"
-}, props), /*#__PURE__*/React.createElement("title", null, "\u5145\u6EE1"), /*#__PURE__*/React.createElement("g", {
-  id: "PC\\u7AEF",
-  stroke: "none",
-  strokeWidth: 1,
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("g", {
-  id: "\\u56FE\\u6807",
-  transform: "translate(-145.000000, -1567.000000)",
-  fill: "#222222",
-  fillRule: "nonzero"
-}, /*#__PURE__*/React.createElement("g", {
-  id: "\\u5145\\u6EE1",
-  transform: "translate(145.000000, 1567.000000)"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M12.09375,0 C12.35,0 12.6,0.05 12.8359375,0.15 C13.0640625,0.2453125 13.2671875,0.3828125 13.4421875,0.5578125 C13.6171875,0.7328125 13.7546875,0.9375 13.85,1.1640625 C13.95,1.4 14,1.65 14,1.90625 L14,1.90625 L14,12.09375 C14,12.35 13.95,12.6 13.85,12.8359375 C13.7546875,13.0640625 13.6171875,13.2671875 13.4421875,13.4421875 C13.2671875,13.6171875 13.0625,13.7546875 12.8359375,13.85 C12.6,13.95 12.35,14 12.09375,14 L12.09375,14 L1.90625,14 C1.65,14 1.4,13.95 1.1640625,13.85 C0.9359375,13.7546875 0.7328125,13.6171875 0.5578125,13.4421875 C0.3828125,13.2671875 0.2453125,13.0625 0.15,12.8359375 C0.05,12.6 0,12.35 0,12.09375 L0,12.09375 L0,1.90625 C0,1.65 0.05,1.4 0.15,1.1640625 C0.2453125,0.9359375 0.3828125,0.7328125 0.5578125,0.5578125 C0.7328125,0.3828125 0.9375,0.2453125 1.1640625,0.15 C1.4,0.05 1.65,0 1.90625,0 L1.90625,0 Z M12.09375,1.125 L1.90625,1.125 C1.475,1.125 1.125,1.475 1.125,1.90625 L1.125,1.90625 L1.125,12.09375 C1.125,12.525 1.475,12.875 1.90625,12.875 L1.90625,12.875 L12.09375,12.875 C12.525,12.875 12.875,12.525 12.875,12.09375 L12.875,12.09375 L12.875,1.90625 C12.875,1.475 12.525,1.125 12.09375,1.125 L12.09375,1.125 Z M2.5734375,7.484375 C2.878125,7.490625 3.125,7.740625 3.125,8.046875 L3.125,8.046875 L3.125,10.0640625 L5.1265625,8.0625 C5.3453125,7.84375 5.703125,7.84375 5.921875,8.0625 C6.140625,8.28125 6.140625,8.6390625 5.921875,8.8578125 L5.921875,8.8578125 L3.903125,10.875 L5.909375,10.875 C6.2265625,10.875 6.4890625,11.13125 6.484375,11.4484375 C6.478125,11.7546875 6.228125,12 5.921875,12 L5.921875,12 L2.5734375,12 C2.25625,12 2,11.74375 2,11.4265625 L2,11.4265625 L2,8.0578125 C2,7.740625 2.2578125,7.478125 2.5734375,7.484375 Z M11.4296875,2 C11.7453125,2 12,2.25625 12,2.5703125 L12,2.5703125 L12,5.940625 C12,6.2578125 11.7421875,6.5203125 11.4265625,6.5140625 C11.121875,6.5078125 10.875,6.2578125 10.875,5.9515625 L10.875,5.9515625 L10.875,3.9359375 L8.8734375,5.9375 C8.6546875,6.15625 8.296875,6.15625 8.078125,5.9375 C7.859375,5.71875 7.859375,5.3609375 8.078125,5.1421875 L8.078125,5.1421875 L10.0953125,3.125 L8.0890625,3.125 C7.771875,3.125 7.509375,2.86875 7.515625,2.5515625 C7.521875,2.2453125 7.771875,2 8.078125,2 L8.078125,2 Z",
-  id: "\\u5F62\\u72B6\\u7ED3\\u5408"
-})))));
-
-const getPopupContainer = triggerNode => {
-  const findAntdPopupContainer = el => {
-    if (el === document.body || !el.parentElement) {
-      return document.body;
-    }
-    const targetEl = [].slice.call(el.classList, 0).find(className => ['ant-modal-body', 'ant-modal-content', 'ant-popover-content'].indexOf(className) > -1);
-    if (targetEl) {
-      return el;
-    }
-    return findAntdPopupContainer(el.parentElement);
-  };
-  return findAntdPopupContainer(triggerNode);
-};
-
-const _excluded$6 = ["close", "file", "editor", "onComplete"];
-const {
-  useOnChange: useOnChange$e
-} = hooks;
-const avatarParams = globalParams.field.avatar;
-const createAvatarEditor = withLayer(_ref => {
-  let {
-      close,
-      file,
-      editor,
-      onComplete
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  const editorRef = useRef(null);
-  const [rotate, setRotate] = useState(0);
-  const [scale, setScale] = useState(() => {
-    if (editor.width === editor.height) {
-      return 1;
-    }
-    return 0.35;
-  });
-  App.useApp();
-  return /*#__PURE__*/React__default.createElement(Modal, _extends({}, props, {
-    className: editor.className,
-    centered: true,
-    onOk: () => {
-      onComplete && onComplete(editorRef.current.getImage().toDataURL());
-      close();
-    }
-  }), editor.tips ? /*#__PURE__*/React__default.createElement("div", {
-    className: "react-form-avatar-tips"
-  }, editor.tips) : null, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      "width": editor.width,
-      "margin": "auto"
-    }
-  }, /*#__PURE__*/React__default.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__default.createElement(Row, {
-    gutter: 4,
-    align: "middle"
-  }, /*#__PURE__*/React__default.createElement(Col, {
-    span: 4
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: "\u65CB\u8F6C",
-    placement: "bottom",
-    getPopupContainer: getPopupContainer
-  }, /*#__PURE__*/React__default.createElement(RotateIcon, {
-    className: "react-form-avatar-btn",
-    onClick: () => {
-      setRotate(rotate => {
-        return (rotate - 90) % 360;
-      });
-    }
-  }))), /*#__PURE__*/React__default.createElement(Col, {
-    span: 4
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: "\u8FD8\u539F",
-    placement: "bottom",
-    getPopupContainer: getPopupContainer
-  }, /*#__PURE__*/React__default.createElement(FullIcon, {
-    className: "react-form-avatar-btn",
-    onClick: () => {
-      setScale(1);
-    }
-  }))), /*#__PURE__*/React__default.createElement(Col, {
-    flex: 1
-  }, /*#__PURE__*/React__default.createElement(Slider$1, {
-    className: "react-form-avatar-slider",
-    tooltip: {
-      placement: "bottom",
-      formatter: () => '大小',
-      getPopupContainer
-    },
-    value: scale,
-    step: 0.05,
-    min: 0.2,
-    max: 3,
-    onChange: setScale
-  })))));
-});
-const _Avatar = ({
-  className,
-  value: imageUrl,
-  onChange: propsChange,
-  beforeUpload: onBeforeUpload,
-  transformResponse,
-  action,
-  imageType,
-  fileSize: size,
-  children,
-  extraRender,
-  onError,
-  openEditor,
-  editorTips,
-  editor: targetEditor,
-  previewImg,
-  previewRender
-}) => {
-  const [loading, setLoading] = useState(false);
-  const [showImageUrl, setImageUrl] = useState(imageUrl);
-  useRef();
-  const defaultEditor = {
-    open: false,
-    width: 250,
-    height: 250,
-    borderRadius: 1,
-    text: "确定",
-    cancelText: '取消',
-    title: "裁剪图片",
-    tips: null
-  };
-  const editor = merge({}, defaultEditor, {
-    open: openEditor,
-    tips: editorTips
-  }, targetEditor);
-  useEffect(() => {
-    setImageUrl(imageUrl);
-  }, [imageUrl]);
-
-  /* base64转blob */
-  const dataURLtoBlob = dataurl => {
-    let arr = dataurl.split(",");
-    // 注意base64的最后面中括号和引号是不转译的
-    let _arr = arr[1].substring(0, arr[1].length - 2);
-    let 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
-    });
-  };
-  const uploadButton = /*#__PURE__*/React__default.createElement("div", null, loading ? /*#__PURE__*/React__default.createElement(LoadingOutlined, null) : /*#__PURE__*/React__default.createElement(PlusOutlined, null), children);
-  const beforeUpload = async file => {
-    return new Promise((resolve, reject) => {
-      const isJpgOrPng = imageType.indexOf(file.type) > -1;
-      if (!isJpgOrPng) {
-        onError(`只支持${imageType.map(str => str.replace("image/", "")).join("/")}格式图片!`, "typeError", {
-          type: imageType,
-          fileType: file.type
-        });
-        reject();
-        return false;
-      }
-      const isLt = file.size / 1024 / 1024 < size;
-      if (!isLt) {
-        onError(`图片不能超过${size}MB!`, "sizeError", {
-          size,
-          fileSize: file.size
-        });
-        reject();
-        return false;
-      }
-
-      /*剪切图像*/
-      // editor:{open:false,width:250,height:250,borderRadius:0-100,text:'剪切'}
-      if (editor.open) {
-        createAvatarEditor({
-          editor,
-          file,
-          title: editor.title,
-          icon: "",
-          width: editor.width * 2,
-          cancelText: editor.cancelText,
-          okText: editor.text,
-          onComplete: base64 => {
-            setImageUrl(base64);
-            let blob = dataURLtoBlob(base64);
-            const files = new window.File([blob], file.name, {
-              type: file.type
-            });
-            onBeforeUpload && onBeforeUpload(files);
-            resolve(files);
-          }
-        });
-      } else {
-        onBeforeUpload && onBeforeUpload(file);
-        resolve(file);
-      }
-    });
-  };
-  const onChange = info => {
-    if (info.file.status === "uploading") {
-      setLoading(true);
-      return;
-    }
-    if (info.file.status === "done") {
-      setLoading(false);
-      const response = (transformResponse || avatarParams.transformResponse)(info.file.response);
-      if (response.code === 200) {
-        propsChange(response.results);
-      } else {
-        onError(response.msg, "xhrError", response);
-      }
-    }
-  };
-  const headers = Object.assign({}, avatarParams.headers);
-  if (typeof avatarParams.getHeaders === 'function') {
-    Object.assign(headers, avatarParams.getHeaders());
-  }
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Upload, _extends({}, omit(avatarParams, ['action', 'transformResponse', 'headers', 'getHeaders']), {
-    headers: headers,
-    className: classnames(className, "react-form-avatar"),
-    listType: "picture-card",
-    showUploadList: false,
-    action: action || avatarParams.action,
-    beforeUpload: beforeUpload,
-    onChange: onChange
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "react-form-avatar-inner"
-  }, previewImg && showImageUrl ? previewRender ? previewRender(showImageUrl) : /*#__PURE__*/React__default.createElement("div", {
-    className: "preview"
-  }, /*#__PURE__*/React__default.createElement("img", {
-    src: showImageUrl,
-    alt: "avatar"
-  })) : uploadButton, extraRender ? extraRender(showImageUrl) : '')));
-};
-_Avatar.defaultProps = {
-  imageType: ["image/jpeg", "image/png"],
-  fileSize: 2,
-  // 单位MB
-  children: /*#__PURE__*/React__default.createElement("div", {
-    className: "ant-upload-text"
-  }, "\u70B9\u51FB\u4E0A\u4F20"),
-  extraRender: null,
-  onError: info => message.error(info),
-  previewImg: true,
-  previewRender: null,
-  openEditor: false
-};
-const AvatarInput = props => {
-  const render = useOnChange$e(props);
-  return render(_Avatar);
-};
-AvatarInput.defaultProps = {
-  fieldName: 'avatar'
-};
-AvatarInput.field = _Avatar;
-
-const _excluded$5 = ["action", "value", "onChange", "drag", "children", "displayFilename", "accept", "fileSize", "onError", "onUploadComplete", "onBeforeUpload", "maxLength", "transformResponse"];
-const {
-  useOnChange: useOnChange$d
-} = hooks;
-const {
-  Dragger
-} = Upload;
-const uploadParams = globalParams.field.upload;
-const decodeURIComponentSafe = str => {
-  try {
-    return decodeURIComponent(str);
-  } catch (e) {
-    return str;
-  }
-};
-const computedFilename = (path, displayFilename = 'filename') => {
-  const strArray = path.split('?');
-  if (strArray[1]) {
-    const query = {};
-    strArray[1].split('&').forEach(str => {
-      const [key, value] = str.split('=');
-      query[key] = value;
-    });
-    if (query[displayFilename]) {
-      return decodeURIComponentSafe(query[displayFilename]);
-    }
-  }
-  return path;
-};
-const valueToList = (value, displayFilename) => {
-  if (!value) {
-    return [];
-  }
-  return value.map(item => {
-    return {
-      uid: uniqueId(),
-      name: computedFilename(item.substr(item.lastIndexOf('/') + 1), displayFilename),
-      status: 'done',
-      response: {
-        code: 200,
-        results: item
-      }
-    };
-  });
-};
-const listToValue = value => {
-  return (value || []).slice(0).filter(({
-    status
-  }) => status === 'done').map(({
-    response
-  }) => response.results);
-};
-const _Upload = _ref => {
-  let {
-      action,
-      value,
-      onChange,
-      drag,
-      children,
-      displayFilename,
-      accept,
-      fileSize: size,
-      onError,
-      onUploadComplete,
-      onBeforeUpload,
-      maxLength,
-      transformResponse
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  displayFilename = displayFilename || uploadParams.displayFilename;
-  value = value || [];
-  const [list, setList] = useState([]);
-  const valueList = useMemo(() => {
-    return valueToList(value.filter(url => {
-      return !list.find(file => decodeURIComponentSafe(get(file, 'response.results', '')) === decodeURIComponentSafe(url));
-    }), displayFilename).concat(list);
-  }, [list, value, displayFilename]);
-  const changeHandler = info => {
-    var _info$fileList;
-    if (['uploading', 'done', 'error', 'removed'].indexOf(info.file.status) === -1) {
-      return;
-    }
-    if (((_info$fileList = info.fileList) == null ? void 0 : _info$fileList.length) > maxLength) {
-      var _info$fileList2;
-      if (JSON.stringify(info.file) === JSON.stringify(info.fileList[((_info$fileList2 = info.fileList) == null ? void 0 : _info$fileList2.length) - 1])) {
-        onError(`上传文件不能超过最大允许数量${maxLength}`, 'lengthError', maxLength);
-      }
-      return;
-    }
-    if (info.file.status === 'done' && info.fileList.find(({
-      uid
-    }) => uid === info.file.uid)) {
-      info.file.response = (transformResponse || uploadParams.transformResponse)(info.file.response);
-      if (info.file.response.code === 200) {
-        info.file.name = computedFilename(info.file.response.results.substr(info.file.response.results.lastIndexOf('/') + 1), displayFilename);
-        onUploadComplete(info);
-      } else {
-        info.file.status = 'error';
-        onError(info.file.response.msg, 'xhrError', info.file.response);
-      }
-    }
-    const {
-      done
-    } = groupBy(info.fileList, file => file.status === 'done' ? 'done' : 'uploading');
-    if (['done', 'removed'].indexOf(info.file.status) > -1) {
-      onChange(listToValue(done));
-    }
-    setList(list => {
-      const newList = list.slice(0);
-      const index = list.findIndex(({
-        uid
-      }) => uid === info.file.uid);
-      if (info.file.status === 'removed') {
-        index > -1 && newList.splice(index, 1);
-        return newList;
-      }
-      if (index === -1) {
-        newList.push(info.file);
-        return newList;
-      }
-      newList.splice(index, 1, info.file);
-      return newList;
-    });
-  };
-  const beforeUploadHandler = file => {
-    const isLt = file.size / 1024 / 1024 < size;
-    if (!isLt) {
-      onError(`文件不能超过${size}MB!`, 'sizeError', {
-        size,
-        fileSize: file.size
-      });
-      return false;
-    }
-    if (maxLength === 1) {
-      onChange([]);
-      setList([]);
-    }
-    return onBeforeUpload && onBeforeUpload(file);
-  };
-  const headers = Object.assign({}, uploadParams.headers);
-  if (typeof uploadParams.getHeaders === 'function') {
-    Object.assign(headers, uploadParams.getHeaders());
-  }
-  const UploadComponent = drag ? Dragger : Upload;
-  return /*#__PURE__*/React__default.createElement(UploadComponent, _extends({}, omit(uploadParams, ['action', 'transformResponse']), props, {
-    headers: headers,
-    action: action || uploadParams.action,
-    fileList: valueList,
-    accept: accept.join(','),
-    onChange: changeHandler,
-    beforeUpload: beforeUploadHandler
-  }), typeof children === 'function' ? children({
-    size: props.size
-  }) : children);
-};
-_Upload.defaultProps = {
-  value: [],
-  accept: [],
-  fileSize: 2,
-  maxLength: 1,
-  children: ({
-    size
-  }) => /*#__PURE__*/React__default.createElement(Button, {
-    size: size
-  }, /*#__PURE__*/React__default.createElement(UploadOutlined, null), "\u70B9\u51FB\u4E0A\u4F20"),
-  onError: info => message.error(info),
-  onUploadComplete: () => {}
-};
-const UploadInput = props => {
-  const render = useOnChange$d(props);
-  return render(_Upload);
-};
-UploadInput.defaultProps = {
-  fieldName: 'upload'
-};
-UploadInput.Field = AvatarInput.Field = _Upload;
-
-const _excluded$4 = ["data", "setData", "send", "loadMore", "isComplete", "refresh", "reload", "fetchEmitter", "isLoading", "children", "onLoaded", "fetchProps", "requestParams"];
-const {
-  useOnChange: useOnChange$c
-} = hooks;
-const withFetch = WrappedComponent => {
-  const FieldInner = withFetch$1(_ref => {
-    let {
-        data,
-        setData,
-        send,
-        loadMore,
-        isComplete,
-        refresh,
-        reload,
-        fetchEmitter,
-        isLoading,
-        children,
-        onLoaded,
-        fetchProps
-      } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-    const refreshRef = useRef(refresh);
-    refreshRef.current = refresh;
-    const reloadRef = useRef(reload);
-    reloadRef.current = reload;
-    const setDataRef = useRef(setData);
-    setDataRef.current = setData;
-    const dataRef = useRef(data);
-    useEffect(() => {
-      const token1 = fetchEmitter.addListener('select-fetch-refresh', () => refreshRef.current());
-      const token2 = fetchEmitter.addListener('select-fetch-reload', () => reloadRef.current());
-      const token3 = fetchEmitter.addListener('select-fetch-set-data', () => setDataRef.current());
-      return () => {
-        token1 && token1.remove();
-        token2 && token2.remove();
-        token3 && token3.remove();
-      };
-    }, [fetchEmitter]);
-    useEffect(() => {
-      onLoaded && onLoaded(dataRef.current);
-    }, []);
-    return /*#__PURE__*/React__default.createElement(WrappedComponent, _extends({}, props, children({
-      data,
-      fetchProps,
-      loadMore,
-      send,
-      refresh,
-      reload,
-      isLoading,
-      isComplete,
-      setData
-    })));
-  });
-  const useFetchEmitter = ref => {
-    const emitter = useEvent();
-    useImperativeHandle(ref, () => {
-      return {
-        refresh: () => emitter.emit('select-fetch-refresh'),
-        reload: () => emitter.emit('select-fetch-reload'),
-        setData: data => emitter.emit('select-fetch-set-data', data)
-      };
-    }, [emitter]);
-    return emitter;
-  };
-  const Fetch = forwardRef((props, ref) => {
-    const emitter = useFetchEmitter(ref);
-    const render = useOnChange$c(Object.assign({
-      placeholder: `请选择${props.label}`
-    }, props, {
-      fetchEmitter: emitter
-    }));
-    return render(FieldInner);
-  });
-  Fetch.field = forwardRef((props, ref) => {
-    const emitter = useFetchEmitter(ref);
-    return /*#__PURE__*/React__default.createElement(FieldInner, _extends({}, props, {
-      fetchEmitter: emitter
-    }));
-  });
-  return Fetch;
-};
 
 const {
   useOnChange: useOnChange$b
 } = hooks;
 const _TreeSelect = props => {
+  props = Object.assign({}, {
+    fieldName: 'treeSelect'
+  }, props);
   const render = useOnChange$b(Object.assign({
     placeholder: `请选择${props.label || ''}`
   }, props));
   return render(TreeSelect);
 };
-_TreeSelect.Fetch = withFetch(TreeSelect);
-_TreeSelect.defaultProps = _TreeSelect.Fetch.defaultProps = {
-  fieldName: 'treeSelect'
-};
+_TreeSelect.Field = TreeSelect;
 _TreeSelect.TreeNode = TreeSelect.TreeNode;
 
 const {
@@ -750,37 +128,40 @@ const {
   RangePicker: RangePicker$1
 } = TimePicker;
 const _TimePicker = props => {
+  props = Object.assign({}, {
+    fieldName: 'timePicker'
+  }, props);
   const render = useOnChange$a(Object.assign({
     placeholder: `请选择${props.label || ''}`
   }, props));
   return render(TimePicker);
 };
-_TimePicker.defaultProps = {
-  fieldName: 'timePicker'
-};
+_TimePicker.Field = TimePicker;
 const _RangePicker$1 = props => {
+  props = Object.assign({}, {
+    fieldName: 'rangeTimePicker'
+  }, props);
   const render = useOnChange$a(Object.assign({
     placeholder: `请选择${props.label || ''}`
   }, props));
   return render(RangePicker$1);
 };
-_RangePicker$1.defaultProps = {
-  fieldName: 'rangeTimePicker'
-};
+_RangePicker$1.Field = RangePicker$1;
 _TimePicker.RangePicker = _RangePicker$1;
 
 const {
   useDecorator: useDecorator$2
 } = hooks;
 const TextArea = props => {
+  props = Object.assign({}, {
+    fieldName: 'textArea'
+  }, props);
   const render = useDecorator$2(Object.assign({
     placeholder: `请输入${props.label}`
   }, props));
   return render(Input.TextArea);
 };
-TextArea.defaultProps = {
-  fieldName: 'textArea'
-};
+TextArea.Field = Input.TextArea;
 
 const {
   useOnChange: useOnChange$9,
@@ -791,29 +172,30 @@ const {
 } = hoc;
 const WithSwitch = withChecked$1(Switch$1);
 const Switch = props => {
+  props = Object.assign({}, {
+    fieldName: 'switch'
+  }, props);
   const checkedProps = useCheckedToValue$1(props);
   const render = useOnChange$9(checkedProps);
   return render(WithSwitch);
 };
-Switch.defaultProps = {
-  fieldName: 'switch'
-};
+Switch.Field = Switch$1;
 
 const {
   useOnChange: useOnChange$8
 } = hooks;
 const _Select = props => {
+  props = Object.assign({}, {
+    fieldName: 'select'
+  }, props);
   const render = useOnChange$8(Object.assign({
     placeholder: `请选择${props.label || ''}`
   }, props));
   return render(Select);
 };
-_Select.Fetch = withFetch(Select);
+_Select.Field = Select;
 _Select.Option = Select.Option;
 _Select.OptGroup = Select.OptGroup;
-_Select.defaultProps = _Select.Fetch.defaultProps = {
-  fieldName: 'select'
-};
 
 const _excluded$3 = ["onChange"];
 const {
@@ -824,10 +206,13 @@ const RadioGroup = _ref => {
       onChange
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  props = Object.assign({}, {
+    fieldName: 'radioGroup'
+  }, props);
   const handler = useCallback(e => {
     onChange && onChange(e.target.value);
   }, [onChange]);
-  return /*#__PURE__*/React__default.createElement(Radio.Group, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Radio.Group, _extends({}, props, {
     onChange: handler
   }));
 };
@@ -835,48 +220,49 @@ const _RadioGroup = props => {
   const render = useOnChange$7(props);
   return render(RadioGroup);
 };
-_RadioGroup.defaultProps = {
-  fieldName: 'radioGroup'
-};
+_RadioGroup.Field = RadioGroup;
 _RadioGroup.Radio = Radio;
 
 const {
   useDecorator: useDecorator$1
 } = hooks;
 const InputNumberField = props => {
+  props = Object.assign({}, {
+    fieldName: 'inputNumber',
+    autoComplete: 'off'
+  }, props);
   const render = useDecorator$1(Object.assign({
     placeholder: `请输入${props.label}`
   }, props));
   return render(InputNumber);
 };
-InputNumberField.defaultProps = {
-  fieldName: 'inputNumber',
-  autoComplete: 'off'
-};
+InputNumberField.Field = InputNumber;
 
 const {
   useDecorator
 } = hooks;
 const InputField = props => {
+  props = Object.assign({}, {
+    fieldName: 'input',
+    autoComplete: 'off'
+  }, props);
   const render = useDecorator(Object.assign({
     placeholder: `请输入${props.label}`
   }, props));
   return render(Input);
 };
+InputField.Field = Input;
 InputField.Password = props => {
+  props = Object.assign({}, {
+    fieldName: 'password',
+    autoComplete: 'off'
+  }, props);
   const render = useDecorator(Object.assign({
     placeholder: `请输入${props.label}`
   }, props));
   return render(Input.Password);
 };
-InputField.defaultProps = {
-  fieldName: 'input',
-  autoComplete: 'off'
-};
-InputField.Password.defaultProps = {
-  fieldName: 'password',
-  autoComplete: 'off'
-};
+InputField.Password.Field = Input.Password;
 
 const _excluded$2 = ["soFarText", "startProps", "endProps"];
 const {
@@ -919,7 +305,7 @@ const PickerToday = _ref => {
     onChange([newData.start, v || '']);
   };
   const foot = () => {
-    return /*#__PURE__*/React__default.createElement(Button, {
+    return /*#__PURE__*/React.createElement(Button, {
       type: newData.showZj ? 'primary' : 'default',
       onClick: v => {
         ref_d.current.blur();
@@ -927,11 +313,11 @@ const PickerToday = _ref => {
       }
     }, soFarText || '至今');
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex'
     }
-  }, /*#__PURE__*/React__default.createElement(DatePicker, _extends({}, _extends({
+  }, /*#__PURE__*/React.createElement(DatePicker, _extends({}, _extends({
     showToday: false
   }, props, {
     placeholder: newData.placeholder[0]
@@ -939,9 +325,9 @@ const PickerToday = _ref => {
     value: newData.start
   }), {
     onChange: startChange
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: 'svg_box'
-  }, /*#__PURE__*/React__default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 1024 1024",
     focusable: "false",
     "data-icon": "swap-right",
@@ -949,13 +335,13 @@ const PickerToday = _ref => {
     height: "1em",
     fill: "currentColor",
     "aria-hidden": "true"
-  }, /*#__PURE__*/React__default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
-  }))), /*#__PURE__*/React__default.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: newData.showZj ? 'data_range_picker data_range_picker_dis' : 'data_range_picker'
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: newData.showZj ? 'zhijin zhijin_show' : 'zhijin'
-  }, soFarText || '至今'), /*#__PURE__*/React__default.createElement(DatePicker, _extends({}, _extends({
+  }, soFarText || '至今'), /*#__PURE__*/React.createElement(DatePicker, _extends({}, _extends({
     showToday: false
   }, props, {
     placeholder: newData.showZj ? '' : newData.placeholder[1]
@@ -968,13 +354,13 @@ const PickerToday = _ref => {
   }))));
 };
 const RangePickerToday = props => {
+  props = Object.assign({}, {
+    fieldName: 'rangePickerToday'
+  }, props);
   const render = useOnChange$6(props);
   return render(PickerToday);
 };
-RangePickerToday.defaultProps = {
-  fieldName: 'rangePickerToday'
-};
-RangePickerToday.field = PickerToday;
+RangePickerToday.Field = PickerToday;
 
 const {
   useOnChange: useOnChange$5
@@ -985,41 +371,45 @@ const {
   WeekPicker
 } = DatePicker;
 const _DatePicker = props => {
+  props = Object.assign({}, {
+    fieldName: 'datePicker'
+  }, props);
   const render = useOnChange$5(Object.assign({
     placeholder: `请选择${props.label || ''}`
   }, props));
   return render(DatePicker);
 };
-_DatePicker.defaultProps = {
-  fieldName: 'datePicker'
-};
+_DatePicker.Field = DatePicker;
 const _MonthPicker = props => {
+  props = Object.assign({}, {
+    fieldName: 'monthDatePicker'
+  }, props);
   const render = useOnChange$5(Object.assign({
     placeholder: ['开始时间', '结束时间']
   }, props));
   return render(MonthPicker);
 };
-_MonthPicker.defaultProps = {
-  fieldName: 'monthDatePicker'
-};
+_MonthPicker.Field = MonthPicker;
 const _RangePicker = props => {
+  props = Object.assign({}, {
+    fieldName: 'rangeDatePicker'
+  }, props);
   const render = useOnChange$5(Object.assign({
     placeholder: ['开始时间', '结束时间']
   }, props));
   return render(RangePicker);
 };
-_RangePicker.defaultProps = {
-  fieldName: 'rangeDatePicker'
-};
+_RangePicker.Field = RangePicker;
 const _WeekPicker = props => {
+  props = Object.assign({}, {
+    fieldName: 'weekDatePicker'
+  }, props);
   const render = useOnChange$5(Object.assign({
     placeholder: ['开始时间', '结束时间']
   }, props));
   return render(WeekPicker);
 };
-_WeekPicker.defaultProps = {
-  fieldName: 'weekDatePicker'
-};
+_WeekPicker.Field = WeekPicker;
 _DatePicker.MonthPicker = _MonthPicker;
 _DatePicker.RangePicker = _RangePicker;
 _DatePicker.WeekPicker = _WeekPicker;
@@ -1029,13 +419,14 @@ const {
 } = hooks;
 const _CheckboxGroup = Checkbox$1.Group;
 const CheckboxGroup = props => {
+  props = Object.assign({}, {
+    fieldName: 'checkboxGroup'
+  }, props);
   const render = useOnChange$4(props);
   return render(_CheckboxGroup);
 };
 CheckboxGroup.Checkbox = Checkbox$1;
-CheckboxGroup.defaultProps = {
-  fieldName: 'checkboxGroup'
-};
+CheckboxGroup.Field = _CheckboxGroup;
 
 const {
   useOnChange: useOnChange$3,
@@ -1046,6 +437,9 @@ const {
 } = hoc;
 const WithCheckbox = withChecked(Checkbox$1);
 const Checkbox = props => {
+  props = Object.assign({}, {
+    fieldName: 'checkbox'
+  }, props);
   const checkedProps = useCheckedToValue(Object.assign({}, props, {
     onChange: e => {
       e.target.type = 'checkbox';
@@ -1055,55 +449,56 @@ const Checkbox = props => {
   const render = useOnChange$3(checkedProps);
   return render(WithCheckbox);
 };
-Checkbox.defaultProps = {
-  fieldName: 'checkbox'
-};
+Checkbox.Field = Checkbox$1;
 
 const {
   useOnChange: useOnChange$2
 } = hooks;
 const Cascader = props => {
+  props = Object.assign({}, {
+    fieldName: 'cascader'
+  }, props);
   const render = useOnChange$2(props);
   return render(Cascader$1);
 };
-Cascader.defaultProps = {
-  fieldName: 'cascader'
-};
+Cascader.Field = Cascader$1;
 
 const {
   useOnChange: useOnChange$1
 } = hooks;
 const Rate = props => {
+  props = Object.assign({}, {
+    fieldName: 'rate'
+  }, props);
   const render = useOnChange$1(Object.assign({}, props));
   return render(Rate$1);
 };
-Rate.defaultProps = {
-  fieldName: 'rate'
-};
+Rate.Field = Rate$1;
 
 const {
   useOnChange
 } = hooks;
 const Slider = props => {
+  props = Object.assign({}, {
+    fieldName: 'slider'
+  }, props);
   const render = useOnChange(Object.assign({}, props));
   return render(Slider$1);
 };
-Slider.defaultProps = {
-  fieldName: 'slider'
-};
+Slider.Field = Slider$1;
 
 const ResetButton = props => {
   const resetProps = useReset();
-  return /*#__PURE__*/React__default.createElement(Button, _extends({}, resetProps, props));
+  return /*#__PURE__*/React.createElement(Button, _extends({}, resetProps, props));
 };
 
-const _excluded$1 = ["realTime", "realtime", "disabled"],
+const _excluded$1 = ["type", "realtime", "disabled"],
   _excluded2 = ["isPass", "isLoading"];
 const SubmitButton = _ref => {
   let {
-      realTime,
+      type = 'primary',
       realtime,
-      disabled
+      disabled = false
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   const _useSubmit = useSubmit(props),
@@ -1112,19 +507,12 @@ const SubmitButton = _ref => {
       isLoading
     } = _useSubmit,
     submitProps = _objectWithoutPropertiesLoose(_useSubmit, _excluded2);
-  if (typeof realTime === 'boolean') {
-    console.error(`warning: realTime参数已废弃，请使用realtime，后续版本可能回删除realTime的支持`);
-  }
-  // 如果传入 realtime 优先使用该属性
-  return /*#__PURE__*/React__default.createElement(Button, _extends({
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: type,
     loading: isLoading,
-    disabled: disabled || ((typeof realtime === 'boolean' ? realtime : realTime) ? !isPass : false)
+    disabled: disabled || (realtime ? !isPass : false)
   }, props, submitProps));
 };
-SubmitButton.defaultProps = {
-  type: 'primary',
-  disabled: false
-};
 
 const _excluded = ["onClick"];
 const {
@@ -1136,7 +524,7 @@ const CancelButton = _ref => {
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const remove = useCacheRemove();
-  return /*#__PURE__*/React__default.createElement(Button, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
     onClick: (...args) => {
       remove();
       onClick && onClick(...args);
@@ -1146,7 +534,6 @@ const CancelButton = _ref => {
 
 const FormAntd = Form;
 const fields = {
-  Upload: UploadInput,
   TreeSelect: _TreeSelect,
   TimePicker: _TimePicker,
   TextArea,
@@ -1160,10 +547,9 @@ const fields = {
   CheckboxGroup,
   Checkbox,
   Cascader,
-  Avatar: AvatarInput,
   Rate,
   Slider
 };
 
-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 };
+export { 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, Form as default, fields, preset };
 //# sourceMappingURL=index.modern.js.map