linkmore-design 1.1.22-beta.1 → 1.1.22-beta.2

package/lib/Form/FormItem/ItemHolder.js

@@ -1,119 +1,88 @@
 "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) {
@@ -125,25 +94,22 @@ 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,50 +1,29 @@
 "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 NAME_SPLIT = '__SPLIT__';
 var ValidateStatuses = (0, _type.tuple)('success', 'warning', 'error', 'validating', '');
 var MemoInput = /*#__PURE__*/React.memo(function (_ref) {
@@ -53,15 +32,12 @@ 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: [],
@@ -71,19 +47,15 @@ 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;
       }
@@ -93,88 +65,75 @@ 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;
+    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;
   var timerRef = (0, React.useRef)(null);
-
   var _useState = (0, _useState7.default)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      mergedErrors = _useState2[0],
-      setMergedErrors = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    mergedErrors = _useState2[0],
+    setMergedErrors = _useState2[1];
   var _useState3 = (0, _useState7.default)([]),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      mergedWarnings = _useState4[0],
-      setMergedWarnings = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    mergedWarnings = _useState4[0],
+    setMergedWarnings = _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;
         }
@@ -182,20 +141,17 @@ 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];
@@ -203,12 +159,10 @@ function InternalFormItem(props) {
         // Update
         clone[mergedNameKey] = subMeta;
       }
-
       return clone;
     });
-  }; // >>>>> Get merged errors
-
-
+  };
+  // >>>>> Get merged errors
   (0, React.useEffect)(function () {
     var errorList = (0, _toConsumableArray2.default)(meta.errors);
     var warningList = (0, _toConsumableArray2.default)(meta.warnings);
@@ -219,7 +173,6 @@ function InternalFormItem(props) {
     setMergedErrors(errorList);
     setMergedWarnings(warningList);
     var time = getRuleTime(rules);
-
     if (time) {
       clearTimeout(timerRef.current);
       timerRef.current = setTimeout(function () {
@@ -227,15 +180,14 @@ function InternalFormItem(props) {
         setMergedWarnings([]);
       }, time);
     }
-  }, [subFieldErrors, meta.errors, meta.warnings]); // ===================== Children Ref =====================
-
-  var getItemRef = (0, _useItemRef.default)(); // ======================== Render ========================
-
+  }, [subFieldErrors, meta.errors, meta.warnings]);
+  // ===================== Children Ref =====================
+  var getItemRef = (0, _useItemRef.default)();
+  // ======================== Render ========================
   function renderLayout(baseChildren, fieldId, isRequired) {
     if (noStyle && !hidden) {
       return baseChildren;
     }
-
     return /*#__PURE__*/React.createElement(_ItemHolder.default, Object.assign({
       key: "row"
     }, props, {
@@ -248,24 +200,19 @@ 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,
@@ -278,19 +225,16 @@ 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;
@@ -302,27 +246,21 @@ 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));
         };
@@ -337,11 +275,9 @@ 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,41 +1,33 @@
 "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]);
@@ -71,9 +63,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;
@@ -88,6 +80,5 @@ var FormItemInput = function FormItemInput(props) {
     className: className
   }), dom));
 };
-
 var _default = FormItemInput;
 exports.default = _default;