tdesign-react 0.23.0 → 0.23.1

package/lib/form/FormItem.js

@@ -1,105 +1,115 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _typeof } from '../_chunks/dep-55ec31d6.js';
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
-import React, { forwardRef, useState, useRef, useEffect, useImperativeHandle } from 'react';
-import classNames from 'classnames';
-import { CheckCircleFilledIcon, CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';
-import useConfig from '../_util/useConfig.js';
-import { Checkbox } from '../checkbox/index.js';
-import { Upload } from '../upload/index.js';
-import { Tag } from '../tag/index.js';
-import { validate, isValueEmpty } from './formModel.js';
-import { useFormContext } from './FormContext.js';
-import '../_chunks/dep-42dfd306.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
-import '../_chunks/dep-7dfff374.js';
-import '../_util/forwardRefWithStatics.js';
-import 'hoist-non-react-statics';
-import '../common/Check.js';
-import '../_chunks/dep-c611ea38.js';
-import '../_util/helper.js';
-import '../_chunks/dep-073cc01e.js';
-import '../_chunks/dep-3c713383.js';
-import '../_chunks/dep-ad63776f.js';
-import '../_chunks/dep-566d4902.js';
-import '../_chunks/dep-595a775f.js';
-import '../_chunks/dep-106adff6.js';
-import '../_chunks/dep-c0c0ba5e.js';
-import '../_chunks/dep-e71d0ba4.js';
-import '../_util/useDefault.js';
-import '../_util/noop.js';
-import '../_chunks/dep-e4b59541.js';
-import '../upload/upload.js';
-import '../_chunks/dep-a2bc34d5.js';
-import '../_chunks/dep-78bdf5e4.js';
-import '../_chunks/dep-6609d273.js';
-import '../_chunks/dep-0532d795.js';
-import '../_chunks/dep-7cc7e3b1.js';
-import '../_chunks/dep-5496d5fc.js';
-import '../_chunks/dep-befa6559.js';
-import '../_chunks/dep-3720660d.js';
-import '../_chunks/dep-17da32ea.js';
-import '../_chunks/dep-b05d4541.js';
-import '../_chunks/dep-3f6bcf45.js';
-import '../_chunks/dep-00c682f2.js';
-import '../_chunks/dep-644def38.js';
-import '../_chunks/dep-0e93f995.js';
-import '../_chunks/dep-3b234d38.js';
-import '../_chunks/dep-9f75cf86.js';
-import '../_chunks/dep-347cfd5e.js';
-import '../_chunks/dep-9779f7b5.js';
-import '../_chunks/dep-fa7917fc.js';
-import '../_chunks/dep-e09b37eb.js';
-import '../_chunks/dep-db274e18.js';
-import '../_chunks/dep-314993f3.js';
-import '../_chunks/dep-44e9b93c.js';
-import '../_chunks/dep-e7d98398.js';
-import '../dialog/index.js';
-import '../dialog/Dialog.js';
-import '../_chunks/dep-2c954aac.js';
-import '../locale/LocalReceiver.js';
-import '../button/index.js';
-import '../button/Button.js';
-import '../_util/useRipple.js';
-import '../_util/setStyle.js';
-import '../loading/index.js';
-import '../loading/loading.js';
-import '../_util/dom.js';
-import 'raf';
-import '../_util/easing.js';
-import '../common/Portal.js';
-import 'react-dom';
-import '../loading/gradient.js';
-import '../_common/js/loading/circle-adapter.js';
-import '../_common/js/utils/set-style.js';
-import '../loading/plugin.js';
-import '../dialog/RenderDialog.js';
-import 'react-transition-group';
-import '../_util/useSetState.js';
-import '../dialog/plugin.js';
-import '../upload/dragger.js';
-import '../upload/themes/dragger-progress.js';
-import '../upload/util.js';
-import '../upload/upload-trigger.js';
-import '../upload/tips.js';
-import '../_common/js/upload/xhr.js';
-import '../upload/themes/single-file.js';
-import '../upload/themes/image-card.js';
-import '../upload/boolean-render.js';
-import '../upload/themes/flow-list/index.js';
-import '../upload/themes/flow-list/img-list.js';
-import '../upload/themes/flow-list/file-list.js';
-import '../upload/hooks/useDefaultValue.js';
-import '../upload/hooks/useSizeLimit.js';
-import '../tag/Tag.js';
-import '../tag/CheckTag.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _typeof = require('../_chunks/dep-bf25d6c3.js');
+var defineProperty = require('../_chunks/dep-60e5ab16.js');
+var slicedToArray = require('../_chunks/dep-dcd8e953.js');
+var React = require('react');
+var classNames = require('classnames');
+var tdesignIconsReact = require('tdesign-icons-react');
+var _util_useConfig = require('../_util/useConfig.js');
+var checkbox_index = require('../checkbox/index.js');
+var upload_index = require('../upload/index.js');
+var tag_index = require('../tag/index.js');
+var form_formModel = require('./formModel.js');
+var form_FormContext = require('./FormContext.js');
+require('../_chunks/dep-e9b6be46.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../_chunks/dep-8a2f9905.js');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../common/Check.js');
+require('../_chunks/dep-d004a138.js');
+require('../_util/helper.js');
+require('../_chunks/dep-ec52862c.js');
+require('../_chunks/dep-02537686.js');
+require('../_chunks/dep-a3912276.js');
+require('../_chunks/dep-06e9d05b.js');
+require('../_chunks/dep-1e386cf9.js');
+require('../_chunks/dep-9c909570.js');
+require('../_chunks/dep-28650e61.js');
+require('../_chunks/dep-4e4f173b.js');
+require('../_util/useDefault.js');
+require('../_util/noop.js');
+require('../_chunks/dep-b9ea7adb.js');
+require('../upload/upload.js');
+require('../_chunks/dep-d01b2726.js');
+require('../_chunks/dep-9df34d48.js');
+require('../_chunks/dep-74cde432.js');
+require('../_chunks/dep-8f8a4957.js');
+require('../_chunks/dep-f9d6d07c.js');
+require('../_chunks/dep-13217692.js');
+require('../_chunks/dep-22d0bd2e.js');
+require('../_chunks/dep-a58521d2.js');
+require('../_chunks/dep-bbdfd0f9.js');
+require('../_chunks/dep-8f7cf7c0.js');
+require('../_chunks/dep-1a5e5f30.js');
+require('../_chunks/dep-6d4e028e.js');
+require('../_chunks/dep-52fe1e25.js');
+require('../_chunks/dep-980a5bdc.js');
+require('../_chunks/dep-9877f338.js');
+require('../_chunks/dep-095a6366.js');
+require('../_chunks/dep-7045ef4d.js');
+require('../_chunks/dep-36f97978.js');
+require('../_chunks/dep-f2ec46ac.js');
+require('../_chunks/dep-cb485461.js');
+require('../_chunks/dep-701cab80.js');
+require('../_chunks/dep-81a89c27.js');
+require('../_chunks/dep-aa504dee.js');
+require('../_chunks/dep-1de7481b.js');
+require('../dialog/index.js');
+require('../dialog/Dialog.js');
+require('../_chunks/dep-cf067838.js');
+require('../locale/LocalReceiver.js');
+require('../button/index.js');
+require('../button/Button.js');
+require('../_util/useRipple.js');
+require('../_util/setStyle.js');
+require('../loading/index.js');
+require('../loading/loading.js');
+require('../_util/dom.js');
+require('raf');
+require('../_util/easing.js');
+require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../_common/js/loading/circle-adapter.js');
+require('../_common/js/utils/set-style.js');
+require('../_common/js/utils/helper.js');
+require('../loading/plugin.js');
+require('../dialog/RenderDialog.js');
+require('react-transition-group');
+require('../_util/useSetState.js');
+require('../dialog/plugin.js');
+require('../upload/dragger.js');
+require('../upload/themes/dragger-progress.js');
+require('../upload/util.js');
+require('../upload/upload-trigger.js');
+require('../upload/tips.js');
+require('../_common/js/upload/xhr.js');
+require('../upload/themes/single-file.js');
+require('../upload/themes/image-card.js');
+require('../upload/boolean-render.js');
+require('../upload/themes/flow-list/index.js');
+require('../upload/themes/flow-list/img-list.js');
+require('../upload/themes/flow-list/file-list.js');
+require('../upload/hooks/useDefaultValue.js');
+require('../upload/hooks/useSizeLimit.js');
+require('../tag/Tag.js');
+require('../tag/CheckTag.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 /**
  * Checks if `value` is `null` or `undefined`.
@@ -130,16 +140,16 @@ var isNil_1 = isNil;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var ctrlKeyMap = /* @__PURE__ */new Map();
-ctrlKeyMap.set(Checkbox, "checked");
-ctrlKeyMap.set(Tag.CheckTag, "checked");
-ctrlKeyMap.set(Upload, "file");
-var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
+ctrlKeyMap.set(checkbox_index.Checkbox, "checked");
+ctrlKeyMap.set(tag_index.Tag.CheckTag, "checked");
+ctrlKeyMap.set(upload_index.Upload, "file");
+var FormItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames, _classNames2, _classNames3;
 
-  var _useConfig = useConfig(),
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
   var children = props.children,
@@ -151,12 +161,13 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       labelWidth = props.labelWidth,
       labelAlign = props.labelAlign,
       initialData = props.initialData,
+      requiredMark = props.requiredMark,
       className = props.className,
       formItemStyle = props.style;
 
-  var _useFormContext = useFormContext(),
+  var _useFormContext = form_FormContext.useFormContext(),
       colon = _useFormContext.colon,
-      requiredMark = _useFormContext.requiredMark,
+      requiredMarkFromContext = _useFormContext.requiredMark,
       layout = _useFormContext.layout,
       labelAlignFromContext = _useFormContext.labelAlign,
       labelWidthFromContext = _useFormContext.labelWidth,
@@ -167,50 +178,51 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       formItemsRef = _useFormContext.formItemsRef,
       onFormItemValueChange = _useFormContext.onFormItemValueChange;
 
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = React.useState([]),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       errorList = _useState2[0],
       setErrorList = _useState2[1];
 
-  var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = React.useState([]),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
       successList = _useState4[0],
       setSuccessList = _useState4[1];
 
-  var _useState5 = useState("not"
+  var _useState5 = React.useState("not"
   /* TO_BE_VALIDATED */
   ),
-      _useState6 = _slicedToArray(_useState5, 2),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
       verifyStatus = _useState6[0],
       setVerifyStatus = _useState6[1];
 
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
+  var _useState7 = React.useState(false),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
       resetValidating = _useState8[0],
       setResetValidating = _useState8[1];
 
-  var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
+  var _useState9 = React.useState(false),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
       needResetField = _useState10[0],
       setNeedResetField = _useState10[1];
 
-  var _useState11 = useState(initialData),
-      _useState12 = _slicedToArray(_useState11, 2),
+  var _useState11 = React.useState(initialData),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
       formValue = _useState12[0],
       setFormValue = _useState12[1];
 
-  var currentFormItemRef = useRef();
-  var innerFormItemsRef = useRef([]);
-  var shouldValidate = useRef(null);
-  var isMounted = useRef(false);
+  var currentFormItemRef = React.useRef();
+  var innerFormItemsRef = React.useRef([]);
+  var shouldValidate = React.useRef(null);
+  var isMounted = React.useRef(false);
   var innerRules = rulesFromContext && rulesFromContext[name] || rulesFromProp || [];
   var innerLabelWidth = isNil_1(labelWidth) ? labelWidthFromContext : labelWidth;
   var innerLabelAlign = isNil_1(labelAlign) ? labelAlignFromContext : labelAlign;
-  var formItemClass = classNames(className, "".concat(classPrefix, "-form__item"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-form-item__").concat(name), name), _defineProperty(_classNames, "".concat(classPrefix, "-form__item-with-help"), help), _defineProperty(_classNames, "".concat(classPrefix, "-form__item-with-extra"), renderTipsInfo()), _classNames));
-  var formItemLabelClass = classNames("".concat(classPrefix, "-form__label"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--required"), requiredMark && innerRules.filter(function (rule) {
+  var innerRequiredMark = isNil_1(requiredMark) ? requiredMarkFromContext : requiredMark;
+  var formItemClass = classNames__default["default"](className, "".concat(classPrefix, "-form__item"), (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-form-item__").concat(name), name), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-form__item-with-help"), help), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-form__item-with-extra"), renderTipsInfo()), _classNames));
+  var formItemLabelClass = classNames__default["default"]("".concat(classPrefix, "-form__label"), (_classNames2 = {}, defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--required"), innerRequiredMark && innerRules.filter(function (rule) {
     return rule.required;
-  }).length > 0), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--colon"), colon && label), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--top"), innerLabelAlign === "top" || !innerLabelWidth), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--left"), innerLabelAlign === "left" && innerLabelWidth), _defineProperty(_classNames2, "".concat(classPrefix, "-form__label--right"), innerLabelAlign === "right" && innerLabelWidth), _classNames2));
-  var contentClasses = classNames("".concat(classPrefix, "-form__controls"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(classPrefix, "-is-success"), showErrorMessage && verifyStatus === "success"), _defineProperty(_classNames3, "".concat(classPrefix, "-is-warning"), showErrorMessage && errorList.length && errorList[0].type === "warning"), _defineProperty(_classNames3, "".concat(classPrefix, "-is-error"), showErrorMessage && errorList.length && errorList[0].type === "error"), _classNames3));
+  }).length > 0), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--colon"), colon && label), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--top"), innerLabelAlign === "top" || !innerLabelWidth), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--left"), innerLabelAlign === "left" && innerLabelWidth), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-form__label--right"), innerLabelAlign === "right" && innerLabelWidth), _classNames2));
+  var contentClasses = classNames__default["default"]("".concat(classPrefix, "-form__controls"), (_classNames3 = {}, defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-is-success"), showErrorMessage && verifyStatus === "success"), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-is-warning"), showErrorMessage && errorList.length && errorList[0].type === "warning"), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-is-error"), showErrorMessage && errorList.length && errorList[0].type === "error"), _classNames3));
   var labelStyle = {};
   var contentStyle = {};
 
@@ -234,18 +246,18 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
 
   function renderTipsInfo() {
     var helpNode = null;
-    if (help) helpNode = /* @__PURE__ */React.createElement("div", {
+    if (help) helpNode = /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(classPrefix, "-form__help")
     }, help);
 
     if (showErrorMessage && errorList.length && errorList[0].message) {
-      return /* @__PURE__ */React.createElement("p", {
+      return /* @__PURE__ */React__default["default"].createElement("p", {
         className: "".concat(classPrefix, "-input__extra")
       }, errorList[0].message);
     }
 
     if (successList.length) {
-      return /* @__PURE__ */React.createElement("p", {
+      return /* @__PURE__ */React__default["default"].createElement("p", {
         className: "".concat(classPrefix, "-input__extra")
       }, successList[0].message);
     }
@@ -257,20 +269,20 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     if (statusIconFromProp === false) return null;
 
     var resultIcon = function resultIcon(iconSlot) {
-      return /* @__PURE__ */React.createElement("span", {
+      return /* @__PURE__ */React__default["default"].createElement("span", {
         className: "".concat(classPrefix, "-form__status")
       }, iconSlot);
     };
 
     var getDefaultIcon = function getDefaultIcon() {
       var iconMap = {
-        success: /* @__PURE__ */React.createElement(CheckCircleFilledIcon, {
+        success: /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CheckCircleFilledIcon, {
           size: "25px"
         }),
-        error: /* @__PURE__ */React.createElement(CloseCircleFilledIcon, {
+        error: /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CloseCircleFilledIcon, {
           size: "25px"
         }),
-        warning: /* @__PURE__ */React.createElement(ErrorCircleFilledIcon, {
+        warning: /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ErrorCircleFilledIcon, {
           size: "25px"
         })
       };
@@ -289,8 +301,8 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       return null;
     };
 
-    if ( /*#__PURE__*/React.isValidElement(statusIconFromProp)) {
-      return resultIcon( /*#__PURE__*/React.cloneElement(statusIconFromProp, _objectSpread({
+    if ( /*#__PURE__*/React__default["default"].isValidElement(statusIconFromProp)) {
+      return resultIcon( /*#__PURE__*/React__default["default"].cloneElement(statusIconFromProp, _objectSpread({
         style: {
           color: "unset"
         }
@@ -301,14 +313,14 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       return getDefaultIcon();
     }
 
-    if ( /*#__PURE__*/React.isValidElement(statusIconFromContext)) {
+    if ( /*#__PURE__*/React__default["default"].isValidElement(statusIconFromContext)) {
       return resultIcon(statusIconFromProp);
     }
 
     return null;
   };
 
-  function validate$1(trigger) {
+  function validate(trigger) {
     if (innerFormItemsRef.current.length) {
       return innerFormItemsRef.current.map(function (innerFormItem) {
         return innerFormItem === null || innerFormItem === void 0 ? void 0 : innerFormItem.validate();
@@ -320,7 +332,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     setResetValidating(true);
     return new Promise(function (resolve) {
-      validate(formValue, rules).then(function (r) {
+      form_formModel.validate(formValue, rules).then(function (r) {
         var filterErrorList = r.filter(function (item) {
           return item.result !== true;
         });
@@ -336,7 +348,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
 
         if (!rules.some(function (rule) {
           return rule.required;
-        }) && isValueEmpty(formValue) || !rules.length) {
+        }) && form_formModel.isValueEmpty(formValue) || !rules.length) {
           nextVerifyStatus = "not"
           /* TO_BE_VALIDATED */
           ;
@@ -345,7 +357,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
         setVerifyStatus(nextVerifyStatus);
         needResetField && resetHandler();
         setResetValidating(false);
-        resolve(_defineProperty({}, name, !filterErrorList.length ? true : r));
+        resolve(defineProperty._defineProperty({}, name, !filterErrorList.length ? true : r));
       });
     });
   }
@@ -354,7 +366,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     var filterRules = innerRules.filter(function (item) {
       return item.trigger === "blur";
     });
-    filterRules.length && validate$1("blur");
+    filterRules.length && validate("blur");
   }
 
   function getEmptyValue() {
@@ -417,10 +429,10 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }
 
-  useEffect(function () {
+  React.useEffect(function () {
     if (isMounted.current) {
       if (!name) console.warn("FormItem prop name is required.");
-      name && onFormItemValueChange(_defineProperty({}, name, formValue));
+      name && onFormItemValueChange(defineProperty._defineProperty({}, name, formValue));
     }
 
     if (!shouldValidate.current || !isMounted.current) {
@@ -432,9 +444,9 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     var filterRules = innerRules.filter(function (item) {
       return (item.trigger || "change") === "change";
     });
-    filterRules.length && validate$1("change");
+    filterRules.length && validate("change");
   }, [formValue]);
-  useEffect(function () {
+  React.useEffect(function () {
     formItemsRef.current.push(currentFormItemRef);
     return function () {
       var index = formItemsRef.current.indexOf(currentFormItemRef);
@@ -446,31 +458,31 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     };
   }, []);
-  useImperativeHandle(currentFormItemRef, function () {
+  React.useImperativeHandle(currentFormItemRef, function () {
     return {
       name: name,
       value: formValue,
       setValue: setFormValue,
       setField: setField,
-      validate: validate$1,
+      validate: validate,
       resetField: resetField
     };
   });
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default["default"].createElement("div", {
     className: formItemClass,
     style: formItemStyle,
     ref: ref
-  }, label && /* @__PURE__ */React.createElement("div", {
+  }, label && /* @__PURE__ */React__default["default"].createElement("div", {
     className: formItemLabelClass,
     style: labelStyle
-  }, /* @__PURE__ */React.createElement("label", {
+  }, /* @__PURE__ */React__default["default"].createElement("label", {
     htmlFor: props === null || props === void 0 ? void 0 : props["for"]
-  }, label)), /* @__PURE__ */React.createElement("div", {
+  }, label)), /* @__PURE__ */React__default["default"].createElement("div", {
     className: contentClasses,
     style: contentStyle
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
     className: "".concat(classPrefix, "-form__controls-content")
-  }, React.Children.map(children, function (child, index) {
+  }, React__default["default"].Children.map(children, function (child, index) {
     if (!child) return null;
 
     var onChangeFromProps = function onChangeFromProps() {
@@ -483,11 +495,11 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
 
     var ctrlKey = "value";
 
-    if ( /*#__PURE__*/React.isValidElement(child)) {
+    if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
       var _objectSpread2;
 
       if (child.type === FormItem) {
-        return /*#__PURE__*/React.cloneElement(child, {
+        return /*#__PURE__*/React__default["default"].cloneElement(child, {
           ref: function ref(el) {
             if (!el) return;
             innerFormItemsRef.current[index] = el;
@@ -503,14 +515,14 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
         onBlurFromProps = child.props.onBlur;
       }
 
-      if (_typeof(child.type) === "object") {
+      if (_typeof._typeof(child.type) === "object") {
         ctrlKey = ctrlKeyMap.get(child.type) || "value";
       }
 
-      return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, ctrlKey, formValue), _defineProperty(_objectSpread2, "onChange", function onChange(value) {
+      return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, (_objectSpread2 = {}, defineProperty._defineProperty(_objectSpread2, ctrlKey, formValue), defineProperty._defineProperty(_objectSpread2, "onChange", function onChange(value) {
         onChangeFromProps.call(null, value);
         setFormValue(value);
-      }), _defineProperty(_objectSpread2, "onBlur", function onBlur(value) {
+      }), defineProperty._defineProperty(_objectSpread2, "onBlur", function onBlur(value) {
         onBlurFromProps.call(null, value);
         handleItemBlur();
       }), _objectSpread2)));
@@ -520,5 +532,5 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
   }), renderSuffixIcon()), renderTipsInfo()));
 });
 
-export { FormItem as default };
+exports["default"] = FormItem;
 //# sourceMappingURL=FormItem.js.map