@qsxy/element-plus-react 1.0.3 → 2.0.0

package/dist/Drawer/DrawerFooter.js

@@ -1,23 +1,23 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import classNames from 'classnames';
 import React from 'react';
 import { useClassNames } from "../hooks";
 var DrawerFooter = function DrawerFooter(props) {
   var _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'drawer-footer' : _props$classPrefix;
+    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix;
   var _useClassNames = useClassNames(classPrefix),
-    b = _useClassNames.b;
+    e = _useClassNames.e;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(b(), props.className),
-    style: _objectSpread(_objectSpread({}, props.style), {}, {
-      maxHeight: 260
-    })
+    className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["footer"]))), props.className),
+    style: _objectSpread({}, props.style)
   }, props.children);
 };
-DrawerFooter.displayName = 'DrawerFooter';
+DrawerFooter.displayName = 'ElDrawerFooter';
 export default DrawerFooter;

package/dist/Drawer/DrawerHeader.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import classNames from 'classnames';
 import React, { useContext } from 'react';
@@ -7,27 +7,30 @@ import { useClassNames } from "../hooks";
 import { DrawerContext } from "./DrawerContext";
 var DrawerHeader = function DrawerHeader(props) {
   var _props$showClose = props.showClose,
-    closeButton = _props$showClose === void 0 ? true : _props$showClose,
+    showClose = _props$showClose === void 0 ? true : _props$showClose,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
     border = props.border;
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
+    e = _useClassNames.e,
     is = _useClassNames.is;
   var _useContext = useContext(DrawerContext),
     doClose = _useContext.doClose;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["header"]))), props.className, is({
+  return /*#__PURE__*/React.createElement("header", {
+    className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["header"]))), props.className, is({
       border: border
     })),
     style: props.style
-  }, /*#__PURE__*/React.createElement("h4", {
-    className: b(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["title"]))),
+  }, /*#__PURE__*/React.createElement("span", {
+    className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["title"]))),
     style: props.titleStyle
-  }, props.children), closeButton && /*#__PURE__*/React.createElement("span", {
-    className: b(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["header-close"]))),
+  }, props.children), showClose && /*#__PURE__*/React.createElement("button", {
+    className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["close-btn"]))),
+    type: "button",
     onClick: doClose
   }, /*#__PURE__*/React.createElement(Icon, {
+    className: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["close"]))),
     name: 'xmark'
   })));
 };

package/dist/Drawer/typings.d.ts

@@ -1,20 +1,28 @@
 import React from 'react';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
-export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps<'--el-drawer-width' | '--el-drawer-height' | '--el-drawer-margin-top' | '--el-drawer-bg-color' | '--el-drawer-box-shadow' | '--el-drawer-title-font-size' | '--el-drawer-content-font-size' | '--el-drawer-font-line-height' | '--el-drawer-padding-primary' | '--el-drawer-border-radius'> {
+export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps<'--el-drawer-margin-top' | '--el-drawer-bg-color' | '--el-drawer-box-shadow' | '--el-drawer-title-font-size' | '--el-drawer-content-font-size' | '--el-drawer-font-line-height' | '--el-drawer-padding-primary' | '--el-drawer-border-radius'> {
     /** 是否显示抽屉（可控） */
     visible?: boolean;
-    /** 默认是否显示抽屉 */
-    defaultVisible?: boolean;
     /** 当设置为 true，Drawer 打开时会显示背景，点击背景会关闭 Drawer，如果不想关闭 Drawer，可以设置为 'static' */
     modal?: boolean;
+    /** 是否允许穿透遮罩层。 modal 属性必须为 false */
+    modalPenetrable?: boolean;
     /** 是否可以通过点击 modal 关闭 Drawer */
     closeOnClickModal?: boolean;
     /** 是否在 Drawer 出现时将 body 滚动锁定 */
     lockScroll?: boolean;
     /** 应用于 backdrop DOM 节点的 css class */
-    modalClassName?: string;
+    modalClass?: string;
+    /** header 部分的自定义 class 名 */
+    headerClass?: string;
+    /** body 部分的自定义 class 名 */
+    bodyClass?: string;
+    /** footer 部分的自定义 class 名 */
+    footerClass?: string;
     /** Drawer 对话框 Drawer 的标题 */
     title?: string | React.ReactElement;
+    /** Drawer 对话框 Drawer 的底部操作按钮 */
+    footer?: React.ReactNode;
     /** 控制是否显示 header 栏, 默认为 true, 当此项为 false 时, title 属性不生效 */
     withHeader?: boolean;
     /** 当设置为 true, 显示关闭按钮 */
@@ -24,7 +32,15 @@ export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps
     /** 设置 Drawer 尺寸 */
     size?: number | string;
     /** 设置 Drawer 显示的位置 */
-    direction?: 'top' | 'bottom' | 'right' | 'left';
+    direction?: 'rtl' | 'ltr' | 'ttb' | 'btt';
+    /** 和原生的 CSS 的 z-index 相同，改变 z 轴的顺序 */
+    zIndex?: number;
+    /** dialog 打开的延时时间，单位毫秒 */
+    openDelay?: number;
+    /** dialog 关闭的延时时间，单位毫秒 */
+    closeDelay?: number;
+    /** 控制是否在关闭 Drawer 之后将子元素全部销毁 */
+    destroyOnClose?: boolean;
     /** Drawer 打开的回调 */
     onOpen?: () => void;
     /** Drawer 打开动画结束时的回调 */
@@ -34,7 +50,7 @@ export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps
     /** Drawer 关闭动画结束时的回调 */
     onClosed?: () => void;
     /** 关闭弹窗函数 */
-    close: () => void;
+    onCloseDrawer?: () => void;
     /** 关闭前的回调，会暂停 Drawer 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候. */
     beforeClose?: DrawerBeforeCloseFn;
 }

package/dist/Dropdown/Dropdown.js

@@ -1,4 +1,4 @@
-var _templateObject;
+var _templateObject, _templateObject2;
 var _excluded = ["menu", "classPrefix", "showTimeout", "hideTimeout", "offset", "trigger", "hideOnClick", "onClick", "onVisiblechange", "onEnter", "onMouseEnter", "onMouseLeave", "disabled"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -53,7 +53,8 @@ var Dropdown = /*#__PURE__*/forwardRef(function (props, ref) {
     tooltipEvents = _partitionHTMLProps2[0];
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
-    e = _useClassNames.e;
+    e = _useClassNames.e,
+    is = _useClassNames.is;
   var containerRef = useRef(null);
 
   /** 显示 */
@@ -81,9 +82,10 @@ var Dropdown = /*#__PURE__*/forwardRef(function (props, ref) {
   }, tooltipEvents), /*#__PURE__*/React.createElement(Tooltip, _extends({
     classPrefix: classPrefix,
     triggerRef: props.children,
-    popperClass: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["popper"]))),
+    popperClass: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["popper"]))), is(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["pure"])))),
     disabled: disabled,
     enterable: true,
+    hideOnClick: hideOnClick,
     effect: "light",
     offset: offset,
     showAfter: showTimeout,

package/dist/Dropdown/typings.d.ts

@@ -3,7 +3,7 @@ import { PopperOptions } from '../Popper';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
 /** Dropdown 属性 */
-export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProps, PopperOptions, AnimationEventProps, Omit<TransitionProps, 'children'> {
+export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProps<'--el-dropdown-menu-box-shadow-light' | '--el-dropdown-menuItem-hover-fill' | '--el-dropdown-menuItem-hover-color'>, PopperOptions, AnimationEventProps, Omit<TransitionProps, 'children'> {
     menu: React.ReactElement<DropdownMenuProps>;
     /** 触发下拉的行为 */
     trigger?: 'hover' | 'click' | 'contextmenu';
@@ -19,6 +19,7 @@ export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProp
     defaultVisible?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
+    /** [popper.js](https://popper.js.org/docs/v2/) 参数 */
     onMouseEnter?: (e?: React.MouseEvent<any>) => void;
     onMouseLeave?: (e?: React.MouseEvent<any>) => void;
     /** 点击菜单项触发的事件回调 */

package/dist/Empty/Empty.js

@@ -2,13 +2,25 @@ var _templateObject, _templateObject2, _templateObject3;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import classNames from 'classnames';
 import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import { useClassNames } from "../hooks";
+import { mergeDefaultProps } from "../Util";
 import ImgEmpty from "./ImgEmpty";
 var Empty = function Empty(props) {
-  var image = props.image,
-    imageSize = props.imageSize,
-    _props$description = props.description,
-    description = _props$description === void 0 ? '暂无数据' : _props$description;
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  props = mergeDefaultProps({
+    description: t('el.tree.emptyText', {
+      lng: locale
+    })
+  }, props);
+  var _props = props,
+    image = _props.image,
+    imageSize = _props.imageSize,
+    description = _props.description;
   var _useClassNames = useClassNames('empty'),
     b = _useClassNames.b,
     e = _useClassNames.e;

package/dist/Form/Form.d.ts

@@ -1,21 +1,4 @@
-import React, { ForwardedRef } from 'react';
-import { FormProvider } from './FormContext';
-import Field from './FormItem';
-import List from './List';
-import { FormInstance, FormProps, Store } from './typings';
-import useForm from './useForm';
-import useWatch from './useWatch';
-declare const ForwardForm: <RecordType = Store>(props: FormProps<RecordType> & {
-    ref?: ForwardedRef<FormInstance<RecordType>>;
-}) => React.ReactElement;
-type InternalFormType = typeof ForwardForm;
-interface FormInterface extends InternalFormType {
-    displayName?: string;
-    FormProvider: typeof FormProvider;
-    Item: typeof Field;
-    List: typeof List;
-    useForm: typeof useForm;
-    useWatch: typeof useWatch;
-}
-declare const Form: FormInterface;
-export default Form;
+import React from 'react';
+import { FormInstance, FormProps } from './typings';
+declare const ForwardForm: React.MemoExoticComponent<React.ForwardRefExoticComponent<FormProps<unknown> & React.RefAttributes<FormInstance<unknown>>>>;
+export default ForwardForm;

package/dist/Form/Form.js

@@ -1,6 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _templateObject;
-var _excluded = ["colon", "inline", "labelPosition", "cols", "flat", "formStyle", "name", "initialValues", "fields", "component", "preserve", "children", "validateMessages", "validateTrigger", "onValuesChange", "onFieldsChange", "onFinish", "onFinishFailed", "className", "disabled", "labelWidth", "size", "rules", "hideRequiredAsterisk", "requireAsteriskPosition", "showMessage", "scrollToError"];
+var _excluded = ["colon", "inline", "labelPosition", "cols", "flat", "formStyle", "name", "initialValues", "fields", "component", "preserve", "children", "validateMessages", "validateTrigger", "onValuesChange", "onFieldsChange", "onFinish", "onFinishFailed", "className", "disabled", "labelWidth", "size", "rules", "hideRequiredAsterisk", "requireAsteriskPosition", "showMessage", "scrollToError", "statusIcon"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -8,6 +8,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -18,26 +22,24 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 import classNames from 'classnames';
 import omit from 'lodash/omit';
-import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import React, { forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { mergeDefaultProps } from "../Util";
 import { useClassNames } from "../hooks";
-import FieldContext, { HOOK_MARK } from "./FieldContext";
-import FormContext, { FormProvider } from "./FormContext";
-import Field from "./FormItem";
-import List from "./List";
+import FormContext from "./FormContext";
+import InternalFormContext, { HOOK_MARK } from "./InternalFormContext";
 import useForm from "./useForm";
-import useWatch from "./useWatch";
 import { isSimilar } from "./utils/valueUtil";
 function InternalForm(props, ref) {
   var _this = this;
   props = mergeDefaultProps({
     inline: false,
     cols: 0,
-    labelWidth: 120,
+    labelWidth: 'auto',
     labelPosition: 'right',
     validateTrigger: 'onChange',
     showMessage: true,
-    requireAsteriskPosition: 'left'
+    requireAsteriskPosition: 'left',
+    rules: {}
   }, props);
   var _props = props,
     colon = _props.colon,
@@ -61,15 +63,14 @@ function InternalForm(props, ref) {
     onFinishFailed = _props.onFinishFailed,
     className = _props.className,
     disabled = _props.disabled,
-    _props$labelWidth = _props.labelWidth,
-    labelWidth = _props$labelWidth === void 0 ? 120 : _props$labelWidth,
+    labelWidth = _props.labelWidth,
     size = _props.size,
-    _props$rules = _props.rules,
-    rules = _props$rules === void 0 ? {} : _props$rules,
+    rules = _props.rules,
     hideRequiredAsterisk = _props.hideRequiredAsterisk,
     requireAsteriskPosition = _props.requireAsteriskPosition,
     showMessage = _props.showMessage,
     scrollToError = _props.scrollToError,
+    statusIcon = _props.statusIcon,
     restProps = _objectWithoutProperties(_props, _excluded);
   var formContext = useContext(FormContext);
   var _useForm = useForm(props.form),
@@ -83,8 +84,37 @@ function InternalForm(props, ref) {
     setPreserve = _getInternalHooks.setPreserve,
     destroyForm = _getInternalHooks.destroyForm;
   var _useClassNames = useClassNames('form'),
+    b = _useClassNames.b,
     m = _useClassNames.m,
     is = _useClassNames.is;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    autoLabelWidth = _useState2[0],
+    setAutoLabelWidth = _useState2[1];
+  var labelWidthListRef = useRef([]);
+  var registerLabelWidth = useCallback(function (width, oldWidth) {
+    var labelWidthList = labelWidthListRef.current;
+    if (oldWidth) {
+      var index = labelWidthList.indexOf(oldWidth);
+      if (index !== -1) {
+        labelWidthList.splice(index, 1);
+      }
+    }
+    if (width) {
+      labelWidthList.push(width);
+    }
+    var maxWidth = Math.max.apply(Math, _toConsumableArray(labelWidthList));
+    setAutoLabelWidth(maxWidth ? "".concat(maxWidth, "px") : '');
+  }, []);
+  var deregisterLabelWidth = useCallback(function (width) {
+    var labelWidthList = labelWidthListRef.current;
+    var index = labelWidthList.indexOf(width);
+    if (index !== -1) {
+      labelWidthList.splice(index, 1);
+    }
+    var maxWidth = Math.max.apply(Math, _toConsumableArray(labelWidthList));
+    setAutoLabelWidth(maxWidth ? "".concat(maxWidth, "px") : '');
+  }, []);
   useImperativeHandle(ref, function () {
     return formInstance;
   });
@@ -159,12 +189,16 @@ function InternalForm(props, ref) {
       hideRequiredAsterisk: hideRequiredAsterisk,
       requireAsteriskPosition: requireAsteriskPosition,
       showMessage: showMessage,
-      scrollToError: scrollToError
+      scrollToError: scrollToError,
+      autoLabelWidth: autoLabelWidth,
+      statusIcon: statusIcon,
+      registerLabelWidth: registerLabelWidth,
+      deregisterLabelWidth: deregisterLabelWidth
     });
-  }, [colon, disabled, formInstance, hideRequiredAsterisk, inline, labelPosition, labelWidth, requireAsteriskPosition, rules, scrollToError, showMessage, size, validateTrigger]);
+  }, [autoLabelWidth, colon, deregisterLabelWidth, disabled, formInstance, hideRequiredAsterisk, inline, labelPosition, labelWidth, registerLabelWidth, requireAsteriskPosition, rules, scrollToError, showMessage, size, statusIcon, validateTrigger]);
 
   // @ts-ignore
-  var wrapperNode = /*#__PURE__*/React.createElement(FieldContext.Provider, {
+  var wrapperNode = /*#__PURE__*/React.createElement(InternalFormContext.Provider, {
     value: formContextValue
   }, childrenNode);
   if (Comp === false) {
@@ -172,7 +206,7 @@ function InternalForm(props, ref) {
   }
   return /*#__PURE__*/React.createElement(Comp, _extends({
     method: "post",
-    className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, m('inline'), inline), m("label-".concat(labelPosition)), !inline && labelPosition), "".concat(m(_templateObject || (_templateObject = _taggedTemplateLiteral(["col"]))), "-").concat(cols), cols), m(size), size), is({
+    className: classNames(b(), [m(size || 'default')], _defineProperty(_defineProperty(_defineProperty({}, m('inline'), inline), m("label-".concat(labelPosition)), !inline && labelPosition), "".concat(m(_templateObject || (_templateObject = _taggedTemplateLiteral(["col"]))), "-").concat(cols), cols), is({
       flat: flat
     }), className),
     style: formStyle
@@ -190,11 +224,5 @@ function InternalForm(props, ref) {
     }
   }), wrapperNode);
 }
-var ForwardForm = /*#__PURE__*/forwardRef(InternalForm);
-var Form = ForwardForm;
-Form.FormProvider = FormProvider;
-Form.Item = Field;
-Form.List = List;
-Form.useForm = useForm;
-Form.useWatch = useWatch;
-export default Form;
+var ForwardForm = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(InternalForm));
+export default ForwardForm;

package/dist/Form/FormItem.d.ts

@@ -1,59 +1,11 @@
 import React from 'react';
-import { ComponentChildren } from '../types/common';
-import type { EventArgs, FormInstance, FormItemProps, InternalFormInstance, InternalNamePath, Meta, NamePath, Rule, Store, StoreValue } from './typings';
-export type ShouldUpdate<Values = any> = boolean | ((prevValues: Values, nextValues: Values, info: {
-    source?: string;
-}) => boolean);
-interface ChildProps {
-    [name: string]: any;
-}
-export interface InternalFieldProps<Values = any> extends Omit<FormItemProps<Values>, 'children'> {
-    children?: ComponentChildren | ((control: ChildProps, meta: Meta, form: FormInstance<Values>) => React.ReactElement);
-    /**
-     * Set up `dependencies` field.
-     * When dependencies field update and current field is touched,
-     * will trigger validate rules and render.
-     */
-    dependencies?: NamePath[];
-    getValueFromEvent?: (...args: EventArgs) => StoreValue;
-    /** 字段名，支持数组 */
-    name?: InternalNamePath;
-    normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;
-    /** 校验规则，设置字段的校验逻辑。点击此处查看示例 */
-    rules?: Rule[];
-    shouldUpdate?: ShouldUpdate<Values>;
-    trigger?: string;
-    validateTrigger?: string | string[] | false;
-    /** 当某一规则校验不通过时，是否停止剩下的规则的校验。设置 parallel 时会并行校验 */
-    validateFirst?: boolean | 'parallel';
-    valuePropName?: string;
-    getValueProps?: (value: StoreValue) => Record<string, unknown>;
-    messageVariables?: Record<string, string>;
-    initialValue?: any;
-    onReset?: () => void;
-    onMetaChange?: (meta: Meta & {
-        destroy?: boolean;
-    }) => void;
-    preserve?: boolean;
-    /** @private Passed by Form.List props. Do not use since it will break by path check. */
-    isListField?: boolean;
-    /** @private Passed by Form.List props. Do not use since it will break by path check. */
-    isList?: boolean;
-    /** @private Pass context as prop instead of context api
-     *  since class component can not get context in constructor */
-    fieldContext?: InternalFormInstance;
-}
-export interface FieldProps<Values = any> extends Omit<InternalFieldProps<Values>, 'name' | 'fieldContext'> {
+import type { InternalFormItemProps, NamePath } from './typings';
+export interface FieldProps<Values = any> extends Omit<InternalFormItemProps<Values>, 'name' | 'fieldContext'> {
     name?: NamePath;
 }
 export interface FieldState {
     resetCount: number;
 }
-declare function InternalFormItem<Values = any>({ name, rules, ...restProps }: FieldProps<Values>): React.JSX.Element;
-type InternalFormItemType = typeof InternalFormItem;
-interface FormItemInterface extends InternalFormItemType {
-    displayName?: string;
-    defaultProps?: Partial<FieldProps<any>>;
-}
-declare const FormItem: FormItemInterface;
+declare function Field(props: FieldProps): React.JSX.Element;
+declare const FormItem: React.MemoExoticComponent<typeof Field>;
 export default FormItem;