linkmore-design 1.1.29 → 1.1.31

package/lib/Form/FormItem/ItemHolder.js

@@ -1,88 +1,119 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ItemHolder;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons/CheckCircleFilled"));
+
 var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
+
 var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons/ExclamationCircleFilled"));
+
 var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
+
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+
 var _Grid = require("../../Grid");
+
 var _FormItemLabel = _interopRequireDefault(require("../FormItemLabel"));
+
 var _FormItemInput = _interopRequireDefault(require("../FormItemInput"));
+
 var _context = require("../context");
+
 var _useDebounce = _interopRequireDefault(require("../hooks/useDebounce"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var iconMap = {
   success: _CheckCircleFilled.default,
   warning: _ExclamationCircleFilled.default,
   error: _CloseCircleFilled.default,
   validating: _LoadingOutlined.default
 };
+
 function ItemHolder(props) {
   var _itemClassName;
+
   var prefixCls = props.prefixCls,
-    className = props.className,
-    style = props.style,
-    help = props.help,
-    errors = props.errors,
-    warnings = props.warnings,
-    validateStatus = props.validateStatus,
-    meta = props.meta,
-    hasFeedback = props.hasFeedback,
-    hidden = props.hidden,
-    children = props.children,
-    fieldId = props.fieldId,
-    isRequired = props.isRequired,
-    responsive = props.responsive,
-    _props$errorPlacement = props.errorPlacement,
-    errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
-    onSubItemMetaChange = props.onSubItemMetaChange,
-    restProps = __rest(props, ["prefixCls", "className", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "isRequired", "responsive", "errorPlacement", "onSubItemMetaChange"]);
+      className = props.className,
+      style = props.style,
+      help = props.help,
+      errors = props.errors,
+      warnings = props.warnings,
+      validateStatus = props.validateStatus,
+      meta = props.meta,
+      hasFeedback = props.hasFeedback,
+      hidden = props.hidden,
+      children = props.children,
+      fieldId = props.fieldId,
+      isRequired = props.isRequired,
+      responsive = props.responsive,
+      _props$errorPlacement = props.errorPlacement,
+      errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
+      onSubItemMetaChange = props.onSubItemMetaChange,
+      restProps = __rest(props, ["prefixCls", "className", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "isRequired", "responsive", "errorPlacement", "onSubItemMetaChange"]);
+
   var itemPrefixCls = "".concat(prefixCls, "-item");
+
   var _React$useContext = React.useContext(_context.FormContext),
-    requiredMark = _React$useContext.requiredMark;
-  // ======================== Margin ========================
+      requiredMark = _React$useContext.requiredMark; // ======================== Margin ========================
+
+
   var itemRef = React.useRef(null);
   var debounceErrors = (0, _useDebounce.default)(errors);
   var debounceWarnings = (0, _useDebounce.default)(warnings);
   var hasHelp = help !== undefined && help !== null;
   var hasError = !!(hasHelp || errors.length || warnings.length);
+
   var _React$useState = React.useState(null),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    marginBottom = _React$useState2[0],
-    setMarginBottom = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      marginBottom = _React$useState2[0],
+      setMarginBottom = _React$useState2[1];
+
   (0, _useLayoutEffect.default)(function () {
     if (hasError && itemRef.current) {
       var itemStyle = getComputedStyle(itemRef.current);
       setMarginBottom(parseInt(itemStyle.marginBottom, 10));
     }
   }, [hasError]);
+
   var onErrorVisibleChanged = function onErrorVisibleChanged(nextVisible) {
     if (!nextVisible) {
       setMarginBottom(null);
     }
-  };
-  // ======================== Status ========================
+  }; // ======================== Status ========================
+
+
   var mergedValidateStatus = '';
+
   if (validateStatus !== undefined) {
     mergedValidateStatus = validateStatus;
   } else if (meta.validating) {
@@ -94,22 +125,25 @@ function ItemHolder(props) {
   } else if (meta.touched) {
     mergedValidateStatus = 'success';
   }
+
   var formItemStatusContext = React.useMemo(function () {
     var feedbackIcon;
+
     if (hasFeedback) {
       var IconNode = mergedValidateStatus && iconMap[mergedValidateStatus];
       feedbackIcon = IconNode ? /*#__PURE__*/React.createElement("span", {
         className: (0, _classnames.default)("".concat(itemPrefixCls, "-feedback-icon"), "".concat(itemPrefixCls, "-feedback-icon-").concat(mergedValidateStatus))
       }, /*#__PURE__*/React.createElement(IconNode, null)) : null;
     }
+
     return {
       status: mergedValidateStatus,
       hasFeedback: hasFeedback,
       feedbackIcon: feedbackIcon,
       isFormItemInput: true
     };
-  }, [mergedValidateStatus, hasFeedback]);
-  // ======================== Render ========================
+  }, [mergedValidateStatus, hasFeedback]); // ======================== Render ========================
+
   var itemClassName = (_itemClassName = {}, (0, _defineProperty2.default)(_itemClassName, itemPrefixCls, true), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-with-help"), hasHelp || debounceErrors.length || debounceWarnings.length), (0, _defineProperty2.default)(_itemClassName, "".concat(className), !!className), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-feedback"), mergedValidateStatus && hasFeedback), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-success"), mergedValidateStatus === 'success'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-warning"), mergedValidateStatus === 'warning'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-error"), mergedValidateStatus === 'error'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-is-validating"), mergedValidateStatus === 'validating'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-hidden"), hidden), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-top', errorPlacement === 'top'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-left', errorPlacement === 'left'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-right', errorPlacement === 'right'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-bottom', errorPlacement === 'bottom'), (0, _defineProperty2.default)(_itemClassName, 'ant-form-item-responsive', responsive), _itemClassName);
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(itemClassName),

package/lib/Form/FormItem/index.js

@@ -1,30 +1,52 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
 var _rcFieldForm = require("rc-field-form");
+
 var _useState7 = _interopRequireDefault(require("rc-util/lib/hooks/useState"));
+
 var _ref2 = require("rc-util/lib/ref");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _useFormItemStatus = _interopRequireDefault(require("../hooks/useFormItemStatus"));
+
 var _ConfigProvider = require("../../ConfigProvider");
+
 var _reactNode = require("../../_util/reactNode");
+
 var _type = require("../../_util/type");
+
 var _warning = _interopRequireDefault(require("../../_util/warning"));
+
 var _context = require("../context");
+
 var _useFrameState3 = _interopRequireDefault(require("../hooks/useFrameState"));
+
 var _useItemRef = _interopRequireDefault(require("../hooks/useItemRef"));
+
 var _util = require("../util");
+
 var _ItemHolder = _interopRequireDefault(require("./ItemHolder"));
+
 var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+
 var NAME_SPLIT = '__SPLIT__';
 var ValidateStatuses = (0, _type.tuple)('success', 'warning', 'error', 'validating', '');
 var MemoInput = /*#__PURE__*/React.memo(function (_ref) {
@@ -33,12 +55,15 @@ var MemoInput = /*#__PURE__*/React.memo(function (_ref) {
 }, function (prev, next) {
   return prev.value === next.value && prev.update === next.update;
 });
+
 function hasValidName(name) {
   if (name === null) {
     (0, _warning.default)(false, 'Form.Item', '`null` is passed as `name` property');
   }
+
   return !(name === undefined || name === null);
 }
+
 function genEmptyMeta() {
   return {
     errors: [],
@@ -48,15 +73,19 @@ function genEmptyMeta() {
     name: []
   };
 }
+
 function getRuleTime(rules) {
   if (!rules) {
     return 0;
   }
+
   var _iterator = (0, _createForOfIteratorHelper2.default)(rules),
-    _step;
+      _step;
+
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var rule = _step.value;
+
       if (rule && (0, _typeof2.default)(rule) === 'object' && rule.time) {
         return rule.time;
       }
@@ -66,76 +95,89 @@ function getRuleTime(rules) {
   } finally {
     _iterator.f();
   }
+
   return 0;
 }
+
 function InternalFormItem(props) {
   var name = props.name,
-    noStyle = props.noStyle,
-    dependencies = props.dependencies,
-    customizePrefixCls = props.prefixCls,
-    shouldUpdate = props.shouldUpdate,
-    rules = props.rules,
-    children = props.children,
-    required = props.required,
-    label = props.label,
-    messageVariables = props.messageVariables,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
-    validateTrigger = props.validateTrigger,
-    hidden = props.hidden,
-    ruleTime = props.ruleTime;
+      noStyle = props.noStyle,
+      dependencies = props.dependencies,
+      customizePrefixCls = props.prefixCls,
+      shouldUpdate = props.shouldUpdate,
+      rules = props.rules,
+      children = props.children,
+      required = props.required,
+      label = props.label,
+      messageVariables = props.messageVariables,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
+      validateTrigger = props.validateTrigger,
+      hidden = props.hidden,
+      ruleTime = props.ruleTime;
   var timerRef = (0, React.useRef)(null);
+
   var _useState = (0, _useState7.default)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    errors = _useState2[0],
-    setErrors = _useState2[1];
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      errors = _useState2[0],
+      setErrors = _useState2[1];
+
   var _useState3 = (0, _useState7.default)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    warnings = _useState4[0],
-    setWarnings = _useState4[1];
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      warnings = _useState4[0],
+      setWarnings = _useState4[1];
+
   var _useContext = (0, React.useContext)(_ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
+      getPrefixCls = _useContext.getPrefixCls;
+
   var _useContext2 = (0, React.useContext)(_context.FormContext),
-    formName = _useContext2.name;
+      formName = _useContext2.name;
+
   var isRenderProps = typeof children === 'function';
   var notifyParentMetaChange = (0, React.useContext)(_context.NoStyleItemContext);
+
   var _useContext3 = (0, React.useContext)(_rcFieldForm.FieldContext),
-    contextValidateTrigger = _useContext3.validateTrigger;
+      contextValidateTrigger = _useContext3.validateTrigger;
+
   var mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;
   var hasName = hasValidName(name);
-  var prefixCls = getPrefixCls('form', customizePrefixCls);
-  // ========================= MISC =========================
+  var prefixCls = getPrefixCls('form', customizePrefixCls); // ========================= MISC =========================
   // Get `noStyle` required info
+
   var listContext = React.useContext(_rcFieldForm.ListContext);
-  var fieldKeyPathRef = React.useRef();
-  // ======================== Errors ========================
+  var fieldKeyPathRef = React.useRef(); // ======================== Errors ========================
   // >>>>> Collect sub field errors
+
   var _useFrameState = (0, _useFrameState3.default)({}),
-    _useFrameState2 = (0, _slicedToArray2.default)(_useFrameState, 2),
-    subFieldErrors = _useFrameState2[0],
-    setSubFieldErrors = _useFrameState2[1];
-  // >>>>> Current field errors
+      _useFrameState2 = (0, _slicedToArray2.default)(_useFrameState, 2),
+      subFieldErrors = _useFrameState2[0],
+      setSubFieldErrors = _useFrameState2[1]; // >>>>> Current field errors
+
+
   var _useState5 = (0, _useState7.default)(function () {
-      return genEmptyMeta();
-    }),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    meta = _useState6[0],
-    setMeta = _useState6[1];
+    return genEmptyMeta();
+  }),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      meta = _useState6[0],
+      setMeta = _useState6[1];
+
   var onMetaChange = function onMetaChange(nextMeta) {
     // This keyInfo is not correct when field is removed
     // Since origin keyManager no longer keep the origin key anymore
     // Which means we need cache origin one and reuse when removed
-    var keyInfo = listContext === null || listContext === void 0 ? void 0 : listContext.getKey(nextMeta.name);
-    // Destroy will reset all the meta
-    setMeta(nextMeta.destroy ? genEmptyMeta() : nextMeta, true);
-    // Bump to parent since noStyle
+    var keyInfo = listContext === null || listContext === void 0 ? void 0 : listContext.getKey(nextMeta.name); // Destroy will reset all the meta
+
+    setMeta(nextMeta.destroy ? genEmptyMeta() : nextMeta, true); // Bump to parent since noStyle
+
     if (noStyle && notifyParentMetaChange) {
       var namePath = nextMeta.name;
+
       if (!nextMeta.destroy) {
         if (keyInfo !== undefined) {
           var _keyInfo = (0, _slicedToArray2.default)(keyInfo, 2),
-            fieldKey = _keyInfo[0],
-            restPath = _keyInfo[1];
+              fieldKey = _keyInfo[0],
+              restPath = _keyInfo[1];
+
           namePath = [fieldKey].concat((0, _toConsumableArray2.default)(restPath));
           fieldKeyPathRef.current = namePath;
         }
@@ -143,17 +185,20 @@ function InternalFormItem(props) {
         // Use origin cache data
         namePath = fieldKeyPathRef.current || namePath;
       }
+
       notifyParentMetaChange(nextMeta, namePath);
     }
-  };
-  // >>>>> Collect noStyle Field error to the top FormItem
+  }; // >>>>> Collect noStyle Field error to the top FormItem
+
+
   var onSubItemMetaChange = function onSubItemMetaChange(subMeta, uniqueKeys) {
     // Only `noStyle` sub item will trigger
     setSubFieldErrors(function (prevSubFieldErrors) {
-      var clone = Object.assign({}, prevSubFieldErrors);
-      // name: ['user', 1] + key: [4] = ['user', 4]
+      var clone = Object.assign({}, prevSubFieldErrors); // name: ['user', 1] + key: [4] = ['user', 4]
+
       var mergedNamePath = [].concat((0, _toConsumableArray2.default)(subMeta.name.slice(0, -1)), (0, _toConsumableArray2.default)(uniqueKeys));
       var mergedNameKey = mergedNamePath.join(NAME_SPLIT);
+
       if (subMeta.destroy) {
         // Remove
         delete clone[mergedNameKey];
@@ -161,26 +206,30 @@ function InternalFormItem(props) {
         // Update
         clone[mergedNameKey] = subMeta;
       }
+
       return clone;
     });
-  };
-  // >>>>> Get merged errors
+  }; // >>>>> Get merged errors
+
+
   var _React$useMemo = React.useMemo(function () {
-      var errorList = (0, _toConsumableArray2.default)(meta.errors);
-      var warningList = (0, _toConsumableArray2.default)(meta.warnings);
-      Object.values(subFieldErrors).forEach(function (subFieldError) {
-        errorList.push.apply(errorList, (0, _toConsumableArray2.default)(subFieldError.errors || []));
-        warningList.push.apply(warningList, (0, _toConsumableArray2.default)(subFieldError.warnings || []));
-      });
-      return [errorList.slice(0, 1), warningList.slice(0, 1)];
-    }, [subFieldErrors, meta.errors, meta.warnings]),
-    _React$useMemo2 = (0, _slicedToArray2.default)(_React$useMemo, 2),
-    mergedErrors = _React$useMemo2[0],
-    mergedWarnings = _React$useMemo2[1];
+    var errorList = (0, _toConsumableArray2.default)(meta.errors);
+    var warningList = (0, _toConsumableArray2.default)(meta.warnings);
+    Object.values(subFieldErrors).forEach(function (subFieldError) {
+      errorList.push.apply(errorList, (0, _toConsumableArray2.default)(subFieldError.errors || []));
+      warningList.push.apply(warningList, (0, _toConsumableArray2.default)(subFieldError.warnings || []));
+    });
+    return [errorList.slice(0, 1), warningList.slice(0, 1)];
+  }, [subFieldErrors, meta.errors, meta.warnings]),
+      _React$useMemo2 = (0, _slicedToArray2.default)(_React$useMemo, 2),
+      mergedErrors = _React$useMemo2[0],
+      mergedWarnings = _React$useMemo2[1];
+
   (0, React.useEffect)(function () {
     setErrors(mergedErrors);
     setWarnings(mergedWarnings);
     var time = ruleTime || getRuleTime(rules);
+
     if (time) {
       clearTimeout(timerRef.current);
       timerRef.current = setTimeout(function () {
@@ -188,15 +237,18 @@ function InternalFormItem(props) {
         setWarnings([]);
       }, time);
     }
-  }, [mergedErrors, mergedWarnings]);
-  // ===================== Children Ref =====================
+  }, [mergedErrors, mergedWarnings]); // ===================== Children Ref =====================
+
   var getItemRef = (0, _useItemRef.default)();
-  var _props = (0, _omit.default)(props, ['ruleTime']);
-  // ======================== Render ========================
+
+  var _props = (0, _omit.default)(props, ['ruleTime']); // ======================== Render ========================
+
+
   function renderLayout(baseChildren, fieldId, isRequired) {
     if (noStyle && !hidden) {
       return baseChildren;
     }
+
     return /*#__PURE__*/React.createElement(_ItemHolder.default, Object.assign({
       key: "row"
     }, _props, {
@@ -211,19 +263,24 @@ function InternalFormItem(props) {
       onSubItemMetaChange: onSubItemMetaChange
     }), baseChildren);
   }
+
   if (!hasName && !isRenderProps && !dependencies) {
     return renderLayout(children);
   }
+
   var variables = {};
+
   if (typeof label === 'string') {
     variables.label = label;
   } else if (name) {
     variables.label = String(name);
   }
+
   if (messageVariables) {
     variables = Object.assign(Object.assign({}, variables), messageVariables);
-  }
-  // >>>>> With Field
+  } // >>>>> With Field
+
+
   return /*#__PURE__*/React.createElement(_rcFieldForm.Field, Object.assign({}, _props, {
     messageVariables: variables,
     trigger: trigger,
@@ -236,16 +293,19 @@ function InternalFormItem(props) {
       if (rule && (0, _typeof2.default)(rule) === 'object' && rule.required && !rule.warningOnly) {
         return true;
       }
+
       if (typeof rule === 'function') {
         var ruleEntity = rule(context);
         return ruleEntity && ruleEntity.required && !ruleEntity.warningOnly;
       }
+
       return false;
-    }));
-    // ======================= Children =======================
+    })); // ======================= Children =======================
+
     var mergedControl = Object.assign({}, control);
     var childNode = null;
     (0, _warning.default)(!(shouldUpdate && dependencies), 'Form.Item', "`shouldUpdate` and `dependencies` shouldn't be used together. See https://ant.design/components/form/#dependencies.");
+
     if (Array.isArray(children) && hasName) {
       (0, _warning.default)(false, 'Form.Item', '`children` is array of render props cannot have `name`.');
       childNode = children;
@@ -257,21 +317,27 @@ function InternalFormItem(props) {
     } else if ((0, _reactNode.isValidElement)(children)) {
       (0, _warning.default)(children.props.defaultValue === undefined, 'Form.Item', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');
       var childProps = Object.assign(Object.assign({}, children.props), mergedControl);
+
       if (!childProps.id) {
         childProps.id = fieldId;
       }
+
       if ((0, _ref2.supportRef)(children)) {
         childProps.ref = getItemRef(mergedName, children);
-      }
-      // We should keep user origin event handler
+      } // We should keep user origin event handler
+
+
       var triggers = new Set([].concat((0, _toConsumableArray2.default)((0, _util.toArray)(trigger)), (0, _toConsumableArray2.default)((0, _util.toArray)(mergedValidateTrigger))));
       triggers.forEach(function (eventName) {
         childProps[eventName] = function () {
           var _a2, _c2;
+
           var _a, _b, _c;
+
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
+
           (_a = mergedControl[eventName]) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [mergedControl].concat(args));
           (_c = (_b = children.props)[eventName]) === null || _c === void 0 ? void 0 : (_c2 = _c).call.apply(_c2, [_b].concat(args));
         };
@@ -286,9 +352,11 @@ function InternalFormItem(props) {
       (0, _warning.default)(!mergedName.length, 'Form.Item', '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.');
       childNode = children;
     }
+
     return renderLayout(childNode, fieldId, isRequired);
   });
 }
+
 var FormItem = InternalFormItem;
 FormItem.useStatus = _useFormItemStatus.default;
 var _default = FormItem;

package/lib/Form/FormItemInput.js

@@ -1,33 +1,41 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _col = _interopRequireDefault(require("../Grid/col"));
+
 var _context = require("./context");
+
 var _ErrorList = _interopRequireDefault(require("./ErrorList"));
+
 var FormItemInput = function FormItemInput(props) {
   var prefixCls = props.prefixCls,
-    status = props.status,
-    wrapperCol = props.wrapperCol,
-    children = props.children,
-    errors = props.errors,
-    warnings = props.warnings,
-    formItemRender = props._internalItemRender,
-    extra = props.extra,
-    help = props.help,
-    marginBottom = props.marginBottom,
-    onErrorVisibleChanged = props.onErrorVisibleChanged;
+      status = props.status,
+      wrapperCol = props.wrapperCol,
+      children = props.children,
+      errors = props.errors,
+      warnings = props.warnings,
+      formItemRender = props._internalItemRender,
+      extra = props.extra,
+      help = props.help,
+      marginBottom = props.marginBottom,
+      onErrorVisibleChanged = props.onErrorVisibleChanged;
   var baseClassName = "".concat(prefixCls, "-item");
   var formContext = React.useContext(_context.FormContext);
   var mergedWrapperCol = wrapperCol || formContext.wrapperCol || {};
-  var className = (0, _classnames.default)("".concat(baseClassName, "-control"), mergedWrapperCol.className);
-  // Pass to sub FormItem should not with col info
+  var className = (0, _classnames.default)("".concat(baseClassName, "-control"), mergedWrapperCol.className); // Pass to sub FormItem should not with col info
+
   var subFormContext = React.useMemo(function () {
     return Object.assign({}, formContext);
   }, [formContext]);
@@ -63,9 +71,9 @@ var FormItemInput = function FormItemInput(props) {
       width: 0,
       height: marginBottom
     }
-  })) : null;
-  // If extra = 0, && will goes wrong
+  })) : null; // If extra = 0, && will goes wrong
   // 0&&error -> 0
+
   var extraDom = extra ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(baseClassName, "-extra")
   }, extra) : null;
@@ -80,5 +88,6 @@ var FormItemInput = function FormItemInput(props) {
     className: className
   }), dom));
 };
+
 var _default = FormItemInput;
 exports.default = _default;