@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.21

package/dist/Form/Form.d.ts

@@ -1,16 +1,21 @@
-import { FC } from 'react';
+import React, { ForwardedRef } from 'react';
 import { FormProvider } from './FormContext';
 import Field from './FormItem';
 import List from './List';
-import { FormProps } from './typings';
+import { FormInstance, FormProps, Store } from './typings';
 import useForm from './useForm';
 import useWatch from './useWatch';
-interface FormComponent extends FC<FormProps> {
+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: FormComponent;
+declare const Form: FormInterface;
 export default Form;

package/dist/Form/Form.js

@@ -1,193 +1,200 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+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"];
+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; }
+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 _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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 { 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 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,
+    labelPosition: 'right',
+    validateTrigger: 'onChange',
+    showMessage: true,
+    requireAsteriskPosition: 'left'
+  }, props);
+  var _props = props,
+    colon = _props.colon,
+    inline = _props.inline,
+    labelPosition = _props.labelPosition,
+    cols = _props.cols,
+    flat = _props.flat,
+    formStyle = _props.formStyle,
+    name = _props.name,
+    initialValues = _props.initialValues,
+    fields = _props.fields,
+    _props$component = _props.component,
+    Comp = _props$component === void 0 ? 'form' : _props$component,
+    preserve = _props.preserve,
+    children = _props.children,
+    validateMessages = _props.validateMessages,
+    validateTrigger = _props.validateTrigger,
+    onValuesChange = _props.onValuesChange,
+    _onFieldsChange = _props.onFieldsChange,
+    _onFinish = _props.onFinish,
+    onFinishFailed = _props.onFinishFailed,
+    className = _props.className,
+    disabled = _props.disabled,
+    _props$labelWidth = _props.labelWidth,
+    labelWidth = _props$labelWidth === void 0 ? 120 : _props$labelWidth,
+    size = _props.size,
+    _props$rules = _props.rules,
+    rules = _props$rules === void 0 ? {} : _props$rules,
+    hideRequiredAsterisk = _props.hideRequiredAsterisk,
+    requireAsteriskPosition = _props.requireAsteriskPosition,
+    showMessage = _props.showMessage,
+    scrollToError = _props.scrollToError,
+    restProps = _objectWithoutProperties(_props, _excluded);
+  var formContext = useContext(FormContext);
+  var _useForm = useForm(props.form),
+    _useForm2 = _slicedToArray(_useForm, 1),
+    formInstance = _useForm2[0];
+  var _getInternalHooks = formInstance.getInternalHooks(HOOK_MARK),
+    useSubscribe = _getInternalHooks.useSubscribe,
+    setInitialValues = _getInternalHooks.setInitialValues,
+    setCallbacks = _getInternalHooks.setCallbacks,
+    setValidateMessages = _getInternalHooks.setValidateMessages,
+    setPreserve = _getInternalHooks.setPreserve,
+    destroyForm = _getInternalHooks.destroyForm;
+  var _useClassNames = useClassNames('form'),
+    m = _useClassNames.m,
+    is = _useClassNames.is;
+  useImperativeHandle(ref, function () {
+    return formInstance;
+  });
 
-// src/Form/Form.tsx
-var Form_exports = {};
-__export(Form_exports, {
-  default: () => Form_default
-});
-module.exports = __toCommonJS(Form_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_omit = __toESM(require("lodash/omit"));
-var import_react = __toESM(require("react"));
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_FieldContext = __toESM(require("./FieldContext"));
-var import_FormContext = __toESM(require("./FormContext"));
-var import_FormItem = __toESM(require("./FormItem"));
-var import_List = __toESM(require("./List"));
-var import_useForm = __toESM(require("./useForm"));
-var import_useWatch = __toESM(require("./useWatch"));
-var import_valueUtil = require("./utils/valueUtil");
-var Form = (0, import_react.forwardRef)((props, ref) => {
-  props = (0, import_Util.mergeDefaultProps)(
-    {
-      inline: false,
-      cols: 0,
-      labelWidth: 120,
-      labelPosition: "right"
-    },
-    props
-  );
-  const {
-    colon,
-    inline,
-    labelPosition,
-    cols,
-    flat,
-    formStyle,
-    name,
-    initialValues,
-    fields,
-    // form,
-    component: Comp = "form",
-    preserve,
-    children,
-    validateMessages,
-    validateTrigger = "onChange",
-    onValuesChange,
-    onFieldsChange,
-    onFinish,
-    onFinishFailed,
-    className,
-    disabled,
-    labelWidth = 120,
-    size,
-    rules = {},
-    ...restProps
-  } = props;
-  const formContext = (0, import_react.useContext)(import_FormContext.default);
-  const [formInstance] = (0, import_useForm.default)(props.form);
-  const { useSubscribe, setInitialValues, setCallbacks, setValidateMessages, setPreserve, destroyForm } = formInstance.getInternalHooks(import_FieldContext.HOOK_MARK);
-  const { m, is } = (0, import_hooks.useClassNames)("form");
-  (0, import_react.useImperativeHandle)(ref, () => formInstance);
-  (0, import_react.useEffect)(() => {
+  // Register form into Context
+  useEffect(function () {
     formContext.registerForm(name, formInstance);
-    return () => {
+    return function () {
       formContext.unregisterForm(name);
     };
   }, [formContext, formInstance, name]);
-  setValidateMessages({
-    ...formContext.validateMessages,
-    ...validateMessages
-  });
+
+  // Pass props to store
+  setValidateMessages(_objectSpread(_objectSpread({}, formContext.validateMessages), validateMessages));
   setCallbacks({
-    onValuesChange,
-    onFieldsChange: (changedFields, ...rest) => {
+    onValuesChange: onValuesChange,
+    onFieldsChange: function onFieldsChange(changedFields) {
       formContext.triggerFormChange(name, changedFields);
-      if (onFieldsChange) {
-        onFieldsChange(changedFields, ...rest);
+      if (_onFieldsChange) {
+        for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          rest[_key - 1] = arguments[_key];
+        }
+        _onFieldsChange.apply(void 0, [changedFields].concat(rest));
       }
     },
-    onFinish: (values) => {
+    onFinish: function onFinish(values) {
       formContext.triggerFormFinish(name, values);
-      if (onFinish) {
-        onFinish(values);
+      if (_onFinish) {
+        _onFinish(values);
       }
     },
-    onFinishFailed
+    onFinishFailed: onFinishFailed
   });
   setPreserve(preserve);
-  const mountRef = (0, import_react.useRef)(null);
+  var mountRef = useRef(null);
   setInitialValues(initialValues, !mountRef.current);
   if (!mountRef.current) {
     mountRef.current = true;
   }
-  (0, import_react.useEffect)(
-    () => destroyForm,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  let childrenNode = children;
-  const childrenRenderProps = typeof children === "function";
+  useEffect(function () {
+    return destroyForm;
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  var childrenNode = children;
+  var childrenRenderProps = typeof children === 'function';
   if (childrenRenderProps) {
-    const values = formInstance.getFieldsValue(true);
-    childrenNode = children(values, formInstance);
+    var _values = formInstance.getFieldsValue(true);
+    childrenNode = children(_values, formInstance);
   }
+
+  // Not use subscribe when using render props
   useSubscribe(!childrenRenderProps);
-  const prevFieldsRef = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
-    if (!(0, import_valueUtil.isSimilar)(prevFieldsRef.current || [], fields || [])) {
+
+  // Listen if fields provided. We use ref to save prev data here to avoid additional render
+  var prevFieldsRef = useRef();
+  useEffect(function () {
+    if (!isSimilar(prevFieldsRef.current || [], fields || [])) {
       formInstance.setFields(fields || []);
     }
     prevFieldsRef.current = fields;
   }, [fields, formInstance]);
-  const formContextValue = (0, import_react.useMemo)(
-    () => ({
-      ...formInstance,
-      validateTrigger,
-      colon,
-      disabled,
-      labelPosition,
+  var formContextValue = useMemo(function () {
+    return _objectSpread(_objectSpread({}, formInstance), {}, {
+      validateTrigger: validateTrigger,
+      colon: colon,
+      disabled: disabled,
+      labelPosition: labelPosition,
       labelWidth: inline ? null : labelWidth,
-      size,
-      rules
-    }),
-    [colon, disabled, formInstance, inline, labelPosition, labelWidth, rules, size, validateTrigger]
-  );
-  const wrapperNode = /* @__PURE__ */ import_react.default.createElement(import_FieldContext.default.Provider, { value: formContextValue }, childrenNode);
+      size: size,
+      rules: rules,
+      hideRequiredAsterisk: hideRequiredAsterisk,
+      requireAsteriskPosition: requireAsteriskPosition,
+      showMessage: showMessage,
+      scrollToError: scrollToError
+    });
+  }, [colon, disabled, formInstance, hideRequiredAsterisk, inline, labelPosition, labelWidth, requireAsteriskPosition, rules, scrollToError, showMessage, size, validateTrigger]);
+
+  // @ts-ignore
+  var wrapperNode = /*#__PURE__*/React.createElement(FieldContext.Provider, {
+    value: formContextValue
+  }, childrenNode);
   if (Comp === false) {
     return wrapperNode;
   }
-  return /* @__PURE__ */ import_react.default.createElement(
-    Comp,
-    {
-      method: "post",
-      className: (0, import_classnames.default)(
-        {
-          [m("inline")]: inline,
-          [m(`label-${labelPosition}`)]: !inline && labelPosition,
-          [`${m`col`}-${cols}`]: cols,
-          [m(size)]: size
-        },
-        is({ flat }),
-        className
-      ),
-      style: formStyle,
-      ...(0, import_omit.default)(restProps, "form"),
-      onSubmit: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        formInstance.submit();
-      },
-      onReset: (event) => {
-        var _a;
-        event.preventDefault();
-        formInstance.resetFields();
-        (_a = restProps == null ? void 0 : restProps.onReset) == null ? void 0 : _a.call(void 0, event);
-      }
+  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({
+      flat: flat
+    }), className),
+    style: formStyle
+  }, omit(restProps, 'form'), {
+    onSubmit: function onSubmit(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      formInstance.submit();
     },
-    wrapperNode
-  );
-});
-Form.FormProvider = import_FormContext.FormProvider;
-Form.Item = import_FormItem.default;
-Form.List = import_List.default;
-Form.useForm = import_useForm.default;
-Form.useWatch = import_useWatch.default;
-var Form_default = Form;
+    onReset: function onReset(event) {
+      var _restProps$onReset;
+      event.preventDefault();
+      formInstance.resetFields();
+      restProps === null || restProps === void 0 || (_restProps$onReset = restProps.onReset) === null || _restProps$onReset === void 0 || _restProps$onReset.call(_this, event);
+    }
+  }), 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;

package/dist/Form/FormContext.js

@@ -1,101 +1,62 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Form/FormContext.tsx
-var FormContext_exports = {};
-__export(FormContext_exports, {
-  FormProvider: () => FormProvider,
-  default: () => FormContext_default
-});
-module.exports = __toCommonJS(FormContext_exports);
-var import_noop = __toESM(require("lodash/noop"));
-var import_react = __toESM(require("react"));
-var FormContext = (0, import_react.createContext)({
-  triggerFormChange: import_noop.default,
-  triggerFormFinish: import_noop.default,
-  registerForm: import_noop.default,
-  unregisterForm: import_noop.default
+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); }
+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); }
+import noop from 'lodash/noop';
+import React, { createContext, useContext, useRef } from 'react';
+var FormContext = /*#__PURE__*/createContext({
+  triggerFormChange: noop,
+  triggerFormFinish: noop,
+  registerForm: noop,
+  unregisterForm: noop
 });
-var FormProvider = ({ validateMessages, onFormChange, onFormFinish, children }) => {
-  const formContext = (0, import_react.useContext)(FormContext);
-  const formsRef = (0, import_react.useRef)({});
-  return /* @__PURE__ */ import_react.default.createElement(
-    FormContext.Provider,
-    {
-      value: {
-        ...formContext,
-        validateMessages: {
-          ...formContext.validateMessages,
-          ...validateMessages
-        },
-        // =========================================================
-        // =                  Global Form Control                  =
-        // =========================================================
-        triggerFormChange: (name, changedFields) => {
-          if (onFormChange) {
-            onFormChange(name, {
-              changedFields,
-              forms: formsRef.current
-            });
-          }
-          formContext.triggerFormChange(name, changedFields);
-        },
-        triggerFormFinish: (name, values) => {
-          if (onFormFinish) {
-            onFormFinish(name, {
-              values,
-              forms: formsRef.current
-            });
-          }
-          formContext.triggerFormFinish(name, values);
-        },
-        registerForm: (name, form) => {
-          if (name) {
-            formsRef.current = {
-              ...formsRef.current,
-              [name]: form
-            };
-          }
-          formContext.registerForm(name, form);
-        },
-        unregisterForm: (name) => {
-          const newForms = { ...formsRef.current };
-          delete newForms[name];
-          formsRef.current = newForms;
-          formContext.unregisterForm(name);
+var FormProvider = function FormProvider(_ref) {
+  var validateMessages = _ref.validateMessages,
+    onFormChange = _ref.onFormChange,
+    onFormFinish = _ref.onFormFinish,
+    children = _ref.children;
+  var formContext = useContext(FormContext);
+  var formsRef = useRef({});
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
+    value: _objectSpread(_objectSpread({}, formContext), {}, {
+      validateMessages: _objectSpread(_objectSpread({}, formContext.validateMessages), validateMessages),
+      // =========================================================
+      // =                  Global Form Control                  =
+      // =========================================================
+      triggerFormChange: function triggerFormChange(name, changedFields) {
+        if (onFormChange) {
+          onFormChange(name, {
+            changedFields: changedFields,
+            forms: formsRef.current
+          });
         }
+        formContext.triggerFormChange(name, changedFields);
+      },
+      triggerFormFinish: function triggerFormFinish(name, values) {
+        if (onFormFinish) {
+          onFormFinish(name, {
+            values: values,
+            forms: formsRef.current
+          });
+        }
+        formContext.triggerFormFinish(name, values);
+      },
+      registerForm: function registerForm(name, form) {
+        if (name) {
+          formsRef.current = _objectSpread(_objectSpread({}, formsRef.current), {}, _defineProperty({}, name, form));
+        }
+        formContext.registerForm(name, form);
+      },
+      unregisterForm: function unregisterForm(name) {
+        var newForms = _objectSpread({}, formsRef.current);
+        delete newForms[name];
+        formsRef.current = newForms;
+        formContext.unregisterForm(name);
       }
-    },
-    children
-  );
+    })
+  }, children);
 };
-var FormContext_default = FormContext;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FormProvider
-});
+export { FormProvider };
+export default FormContext;

package/dist/Form/FormItem.d.ts

@@ -9,14 +9,22 @@ interface ChildProps {
 }
 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>;
@@ -27,8 +35,12 @@ export interface InternalFieldProps<Values = any> extends Omit<FormItemProps<Val
         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'> {