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

package/dist/index.modern.js

@@ -0,0 +1,888 @@
+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 { 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, Space } 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';
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+const _excluded$5 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
+const {
+  ScrollToError,
+  EnterSubmit,
+  FormStore,
+  MaxLabelProvider,
+  SizeProvider
+} = widget;
+const Form = forwardRef((_ref, ref) => {
+  let {
+    className,
+    cache,
+    enterSubmit,
+    scrollToError,
+    scrollProps,
+    type,
+    size,
+    children
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+
+  let computedClass = 'react-form';
+
+  if (type !== 'default') {
+    computedClass += `--${type}`;
+  }
+
+  if (size !== 'middle') {
+    computedClass += `--${size}`;
+  }
+
+  const maxLabel = /*#__PURE__*/React.createElement(MaxLabelProvider, null, children);
+  return /*#__PURE__*/React.createElement("form", {
+    className: classnames(computedClass, className),
+    onSubmit: e => {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(SizeProvider, {
+    value: {
+      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'])
+  })
+};
+
+const globalParams = {
+  rules: {},
+  field: {
+    upload: {
+      action: '/open-api/upload_static_file/interview-manager',
+      transformResponse: response => {
+        return {
+          code: response.code,
+          msg: response.msg,
+          results: get(response, 'results[0].targetPath')
+        };
+      }
+    },
+    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$b
+} = hooks;
+const avatarParams = globalParams.field.avatar;
+
+const _Avatar = ({
+  className,
+  value: imageUrl,
+  onChange: propsChange,
+  beforeUpload: onBeforeUpload,
+  transformResponse,
+  action,
+  imageType,
+  fileSize: size,
+  children,
+  onError,
+  editor
+}) => {
+  const [loading, setLoading] = useState(false);
+  const [showImageUrl, setImageUrl] = useState(imageUrl);
+  const editorRef = useRef();
+  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 AvatarEditorBox = ({
+    file
+  }) => {
+    const [rotate, setRotate] = useState(0);
+    const [scale, setScale] = useState(() => {
+      if (editor.width === editor.height) {
+        return 1;
+      }
+
+      return 0.35;
+    });
+
+    const onChange = v => {
+      console.log(v);
+      setRotate(v);
+    };
+
+    const onChangeScale = v => {
+      console.log(v);
+      setScale(v);
+    };
+
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        'width': editor.width,
+        'margin': 'auto'
+      }
+    }, /*#__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.05,
+      min: 0.2,
+      max: 3,
+      onChange: onChangeScale
+    }))));
+  };
+
+  const uploadButton = /*#__PURE__*/React.createElement("div", null, loading ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : /*#__PURE__*/React.createElement(PlusOutlined, null), children);
+
+  const beforeUpload = async file => {
+    return new Promise((resolve, reject) => {
+      console.log('文件', file);
+      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) {
+        Modal.success({
+          // title: '剪切图像',
+          icon: '',
+          width: editor.width * 2,
+          content: /*#__PURE__*/React.createElement(AvatarEditorBox, {
+            file: file
+          }),
+          okText: editor.text,
+          onOk: close => {
+            // console.log(editorRef.current);
+            let base64 = editorRef.current.getImage().toDataURL();
+            setImageUrl(base64);
+            let blob = dataURLtoBlob(base64);
+            const 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);
+      }
+    });
+  };
+
+  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);
+      }
+    }
+  };
+
+  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: info => message.error(info),
+  editor: {
+    open: false,
+    width: 250,
+    height: 250,
+    borderRadius: 1,
+    text: '剪切'
+  }
+};
+
+const AvatarInput = props => {
+  const render = useOnChange$b(props);
+  return render(_Avatar);
+};
+
+AvatarInput.field = _Avatar;
+
+const {
+  useOnChange: useOnChange$a
+} = hooks;
+
+const Cascader$1 = props => {
+  const render = useOnChange$a(props);
+  return render(Cascader$2);
+};
+
+const {
+  useOnChange: useOnChange$9,
+  useCheckedToValue: useCheckedToValue$1
+} = hooks;
+const {
+  withChecked: withChecked$1
+} = hoc;
+const WithCheckbox = withChecked$1(Checkbox$2);
+
+const Checkbox$1 = props => {
+  const checkedProps = useCheckedToValue$1(props);
+  const render = useOnChange$9(checkedProps);
+  return render(WithCheckbox);
+};
+
+const {
+  useOnChange: useOnChange$8
+} = hooks;
+const _CheckboxGroup = Checkbox$2.Group;
+
+const CheckboxGroup$1 = props => {
+  const render = useOnChange$8(props);
+  return render(_CheckboxGroup);
+};
+
+CheckboxGroup$1.Checkbox = Checkbox$2;
+
+const {
+  useOnChange: useOnChange$7
+} = hooks;
+const {
+  MonthPicker,
+  RangePicker: RangePicker$1,
+  WeekPicker
+} = DatePicker$1;
+
+const _DatePicker = props => {
+  const render = useOnChange$7(props);
+  return render(DatePicker$1);
+};
+
+const _MonthPicker = props => {
+  const render = useOnChange$7(props);
+  return render(MonthPicker);
+};
+
+const _RangePicker$1 = props => {
+  const render = useOnChange$7(props);
+  return render(RangePicker$1);
+};
+
+const _WeekPicker = props => {
+  const render = useOnChange$7(props);
+  return render(WeekPicker);
+};
+
+_DatePicker.MonthPicker = _MonthPicker;
+_DatePicker.RangePicker = _RangePicker$1;
+_DatePicker.WeekPicker = _WeekPicker;
+
+const {
+  useDecorator: useDecorator$2
+} = hooks;
+
+const InputField = props => {
+  const render = useDecorator$2(props);
+  return render(Input$1);
+};
+
+InputField.defaultProps = {
+  autoComplete: 'off'
+};
+
+const {
+  useDecorator: useDecorator$1
+} = hooks;
+
+const InputNumberField = props => {
+  const render = useDecorator$1(props);
+  return render(InputNumber$1);
+};
+
+InputNumberField.defaultProps = {
+  autoComplete: 'off'
+};
+
+const _excluded$4 = ["onChange"];
+const {
+  useOnChange: useOnChange$6
+} = hooks;
+
+const RadioGroup$1 = (_ref) => {
+  let {
+    onChange
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+
+  const handler = useCallback(e => {
+    onChange && onChange(e.target.value);
+  }, [onChange]);
+  return /*#__PURE__*/React.createElement(Radio.Group, _extends({}, props, {
+    onChange: handler
+  }));
+};
+
+const _RadioGroup = props => {
+  const render = useOnChange$6(props);
+  return render(RadioGroup$1);
+};
+
+_RadioGroup.Radio = Radio;
+
+const {
+  useOnChange: useOnChange$5
+} = hooks;
+
+const _Select = props => {
+  const render = useOnChange$5(props);
+  return render(Select$1);
+};
+
+_Select.Option = Select$1.Option;
+_Select.OptGroup = Select$1.OptGroup;
+
+const _excluded$3 = ["data", "setData", "refresh", "isLoading", "children"];
+const {
+  useOnChange: useOnChange$4
+} = hooks;
+
+const _SelectFetch = withFetch((_ref) => {
+  let {
+    data,
+    setData,
+    refresh,
+    isLoading,
+    children
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
+  return /*#__PURE__*/React.createElement(Select$1, props, children({
+    data,
+    refresh,
+    isLoading,
+    setData
+  }));
+});
+
+const SelectFetch$1 = props => {
+  const render = useOnChange$4(props);
+  return render(_SelectFetch);
+};
+
+SelectFetch$1.Option = Select$1.Option;
+SelectFetch$1.OptGroup = Select$1.OptGroup;
+
+const {
+  useOnChange: useOnChange$3,
+  useCheckedToValue
+} = hooks;
+const {
+  withChecked
+} = hoc;
+const WithSwitch = withChecked(Switch$2);
+
+const Switch$1 = props => {
+  const checkedProps = useCheckedToValue(props);
+  const render = useOnChange$3(checkedProps);
+  return render(WithSwitch);
+};
+
+const {
+  useDecorator
+} = hooks;
+
+const TextArea$1 = props => {
+  const render = useDecorator(props);
+  return render(Input$1.TextArea);
+};
+
+const {
+  useOnChange: useOnChange$2
+} = hooks;
+const {
+  RangePicker
+} = TimePicker$1;
+
+const _TimePicker = props => {
+  const render = useOnChange$2(props);
+  return render(TimePicker$1);
+};
+
+const _RangePicker = props => {
+  const render = useOnChange$2(props);
+  return render(RangePicker);
+};
+
+_TimePicker.RangePicker = _RangePicker;
+
+const {
+  useOnChange: useOnChange$1
+} = hooks;
+
+const _TreeSelect = props => {
+  const render = useOnChange$1(props);
+  return render(TreeSelect$1);
+};
+
+_TreeSelect.TreeNode = TreeSelect$1.TreeNode;
+
+const _excluded$2 = ["value", "onChange"],
+      _excluded2$1 = ["className", "value", "onChange", "onUploadComplete", "beforeUpload", "maxLength", "drag", "transformResponse", "action", "accept", "fileSize", "children", "onError"];
+const {
+  useOnChange
+} = hooks;
+const {
+  Dragger
+} = Upload$1;
+const uploadParams = globalParams.field.upload;
+
+const valueToList = value => {
+  if (!value) {
+    return [];
+  }
+
+  return value.map(item => ({
+    uid: uniqueId(),
+    name: item.substr(item.lastIndexOf('/') + 1),
+    status: 'done',
+    response: {
+      code: 200,
+      results: item
+    }
+  }));
+};
+
+const listToValue = value => {
+  return value.slice(0).filter(({
+    status
+  }) => status === 'done').map(({
+    response
+  }) => response.results);
+};
+
+const withValueAdapter = WrappedComponent => (_ref) => {
+  let {
+    value,
+    onChange
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
+  const [list, setList] = useState([]);
+  const targetListRef = useRef([]);
+  useEffect(() => {
+    if (isEqual(value, targetListRef.current)) {
+      return;
+    }
+
+    setList(valueToList(value));
+  }, [value]);
+  return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, props, {
+    value: list,
+    onChange: value => {
+      value = value.map(item => Object.assign({}, item));
+      setList(value);
+      const targetList = listToValue(value);
+      targetListRef.current = targetList;
+
+      if (isEqual(targetList, value)) {
+        return;
+      }
+
+      onChange(targetList);
+    }
+  }));
+};
+
+const _Upload = (_ref2) => {
+  let {
+    value: list,
+    onChange: setList,
+    onUploadComplete,
+    beforeUpload: onBeforeUpload,
+    maxLength,
+    drag,
+    transformResponse,
+    action,
+    accept,
+    fileSize: size,
+    children,
+    onError
+  } = _ref2,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
+
+  const 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;
+    }*/
+
+
+    const isLt = file.size / 1024 / 1024 < size;
+
+    if (!isLt) {
+      onError(`文件不能超过${size}MB!`, 'sizeError', {
+        size,
+        fileSize: file.size
+      });
+      return false;
+    }
+
+    return onBeforeUpload && onBeforeUpload(file);
+  };
+
+  const onChange = info => {
+    if (['uploading', 'done', 'error', 'removed'].indexOf(info.file.status) === -1) {
+      return;
+    }
+
+    if (info.fileList.length > maxLength) {
+      onError(`上传文件不能超过最大允许数量${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);
+      }
+    }
+
+    const newList = list.slice(0);
+    const index = newList.findIndex(({
+      uid
+    }) => uid === info.file.uid);
+    index > -1 && newList.splice(index, 1);
+
+    if (info.file.status !== 'removed') {
+      newList.push(info.file);
+    }
+
+    setList(newList);
+  };
+
+  const 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: info => message.error(info),
+  onUploadComplete: () => {}
+};
+const AdapterUpload = withValueAdapter(_Upload);
+
+const UploadInput = props => {
+  const render = useOnChange(props);
+  return render(AdapterUpload);
+};
+
+UploadInput.field = _Upload;
+
+const _excluded$1 = ["isPass", "isLoading"];
+
+const SubmitButton = props => {
+  const _useSubmit = useSubmit(props),
+        {
+    isLoading
+  } = _useSubmit,
+        submitProps = _objectWithoutPropertiesLoose(_useSubmit, _excluded$1);
+
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    loading: isLoading
+  }, submitProps, props));
+};
+
+const ResetButton = props => {
+  const resetProps = useReset();
+  return /*#__PURE__*/React.createElement(Button, _extends({}, resetProps, props));
+};
+
+const _excluded = ["className", "formProps", "footer", "children"],
+      _excluded2 = ["className", "title", "formProps", "footer", "content"];
+const FetchForm = withFetch(Form);
+
+const CommonModal = ({
+  formProps,
+  footer,
+  children
+}) => {
+  const 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"))));
+};
+
+const FormModal = (_ref) => {
+  let {
+    className,
+    formProps = {},
+    footer,
+    children
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  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 = (_ref2) => {
+  let {
+    className,
+    title,
+    formProps = {},
+    footer,
+    content
+  } = _ref2,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+
+  return Modal.info(_extends({}, 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
+  }));
+};
+
+const Avatar = AvatarInput;
+const Cascader = Cascader$1;
+const Checkbox = Checkbox$1;
+const CheckboxGroup = CheckboxGroup$1;
+const DatePicker = _DatePicker;
+const Input = InputField;
+const InputNumber = InputNumberField;
+const RadioGroup = _RadioGroup;
+const Select = _Select;
+const SelectFetch = SelectFetch$1;
+const Switch = Switch$1;
+const TextArea = TextArea$1;
+const TimePicker = _TimePicker;
+const TreeSelect = _TreeSelect;
+const Upload = UploadInput;
+const fields = {
+  Avatar,
+  Cascader,
+  Checkbox,
+  CheckboxGroup,
+  DatePicker,
+  Input,
+  InputNumber,
+  RadioGroup,
+  Select,
+  SelectFetch,
+  Switch,
+  TextArea,
+  TimePicker,
+  TreeSelect,
+  Upload
+};
+
+export { Avatar, Cascader, Checkbox, CheckboxGroup, DatePicker, FormModal, Input, InputNumber, RadioGroup, ResetButton, Select, SelectFetch, SubmitButton, Switch, TextArea, TimePicker, TreeSelect, Upload, Form as default, fields, preset };
+//# sourceMappingURL=index.modern.js.map