tntd 3.0.35 → 3.0.36-beta.1

package/es/tntd-form/FormItem/index.js

@@ -1,27 +1,52 @@
-import { Field, FieldContext, ListContext } from 'rc-field-form';
-import useState from 'rc-util/lib/hooks/useState';
-import { supportRef } from 'rc-util/lib/ref';
-import * as React from 'react';
-import { useContext } from 'react';
-import useFormItemStatus from '../hooks/useFormItemStatus';
-import { ConfigContext } from '../../config-provider';
-import DisabledContext from '../../config-provider/DisabledContext';
-import { cloneElement, isValidElement } from '../../_util/reactNode';
-import { tuple } from '../../_util/type';
-import warning from '../../_util/warning';
-import { FormContext, NoStyleItemContext } from '../context';
-import useFrameState from '../hooks/useFrameState';
-import useItemRef from '../hooks/useItemRef';
-import { getFieldId, toArray } from '../util';
-import ItemHolder from './ItemHolder';
-const NAME_SPLIT = '__SPLIT__';
-const ValidateStatuses = tuple('success', 'warning', 'error', 'validating', '');
-const MemoInput = React.memo(({
-  children
-}) => children, (prev, next) => prev.value === next.value && prev.update === next.update && prev.childProps.length === next.childProps.length && prev.childProps.every((value, index) => value === next.childProps[index]));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _rcFieldForm = require("rc-field-form");
+var _useState3 = _interopRequireDefault(require("rc-util/lib/hooks/useState"));
+var _ref2 = require("rc-util/lib/ref");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _useFormItemStatus = _interopRequireDefault(require("../hooks/useFormItemStatus"));
+var _configProvider = require("../../config-provider");
+var _DisabledContext = _interopRequireDefault(require("../../config-provider/DisabledContext"));
+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"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+var NAME_SPLIT = '__SPLIT__';
+var ValidateStatuses = (0, _type.tuple)('success', 'warning', 'error', 'validating', '');
+var MemoInput = React.memo(function (_ref) {
+  var children = _ref.children;
+  return children;
+}, function (prev, next) {
+  return prev.value === next.value && prev.update === next.update && prev.childProps.length === next.childProps.length && prev.childProps.every(function (value, index) {
+    return value === next.childProps[index];
+  });
+});
 function hasValidName(name) {
   if (name === null) {
-    warning(false, 'Form.Item', '`null` is passed as `name` property');
+    (0, _warning["default"])(false, 'Form.Item', '`null` is passed as `name` property');
   }
   return !(name === undefined || name === null);
 }
@@ -37,64 +62,69 @@ function genEmptyMeta() {
 }
 function InternalFormItem(props) {
   var _a, _b, _c, _d;
-  const {
-    name,
-    noStyle,
-    dependencies,
-    prefixCls: customizePrefixCls,
-    shouldUpdate,
-    rules,
-    children,
-    required,
-    label,
-    messageVariables,
-    trigger = 'onChange',
-    validateTrigger,
-    hidden
-  } = 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;
   // TODO
   // @ts-ignore
-  const {
-    getPrefixCls
-  } = useContext(ConfigContext);
-  const {
-    name: formName
-  } = useContext(FormContext);
-  const isRenderProps = typeof children === 'function';
-  const notifyParentMetaChange = useContext(NoStyleItemContext);
-  const contextDisabled = useContext(DisabledContext);
-  const {
-    readonly: contextReadonly
-  } = useContext(FormContext);
-  const {
-    validateTrigger: contextValidateTrigger
-  } = useContext(FieldContext);
-  const mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;
-  const hasName = hasValidName(name);
-  const prefixCls = getPrefixCls('form', customizePrefixCls);
+  var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useContext2 = (0, _react.useContext)(_context.FormContext),
+    formName = _useContext2.name;
+  var isRenderProps = typeof children === 'function';
+  var notifyParentMetaChange = (0, _react.useContext)(_context.NoStyleItemContext);
+  var contextDisabled = (0, _react.useContext)(_DisabledContext["default"]);
+  var _useContext3 = (0, _react.useContext)(_context.FormContext),
+    contextReadonly = _useContext3.readonly;
+  var _useContext4 = (0, _react.useContext)(_rcFieldForm.FieldContext),
+    contextValidateTrigger = _useContext4.validateTrigger;
+  var mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;
+  var hasName = hasValidName(name);
+  var prefixCls = getPrefixCls('form', customizePrefixCls);
   // ========================= MISC =========================
   // Get `noStyle` required info
-  const listContext = React.useContext(ListContext);
-  const fieldKeyPathRef = React.useRef();
+  var listContext = React.useContext(_rcFieldForm.ListContext);
+  var fieldKeyPathRef = React.useRef();
   // ======================== Errors ========================
   // >>>>> Collect sub field errors
-  const [subFieldErrors, setSubFieldErrors] = useFrameState({});
+  var _useFrameState = (0, _useFrameState3["default"])({}),
+    _useFrameState2 = _slicedToArray(_useFrameState, 2),
+    subFieldErrors = _useFrameState2[0],
+    setSubFieldErrors = _useFrameState2[1];
   // >>>>> Current field errors
-  const [meta, setMeta] = useState(() => genEmptyMeta());
-  const onMetaChange = nextMeta => {
+  var _useState = (0, _useState3["default"])(function () {
+      return genEmptyMeta();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    meta = _useState2[0],
+    setMeta = _useState2[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
-    const keyInfo = listContext === null || listContext === void 0 ? void 0 : listContext.getKey(nextMeta.name);
+    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) {
-      let namePath = nextMeta.name;
+      var namePath = nextMeta.name;
       if (!nextMeta.destroy) {
         if (keyInfo !== undefined) {
-          const [fieldKey, restPath] = keyInfo;
-          namePath = [fieldKey, ...restPath];
+          var _keyInfo = _slicedToArray(keyInfo, 2),
+            fieldKey = _keyInfo[0],
+            restPath = _keyInfo[1];
+          namePath = [fieldKey].concat(_toConsumableArray(restPath));
           fieldKeyPathRef.current = namePath;
         }
       } else {
@@ -105,13 +135,13 @@ function InternalFormItem(props) {
     }
   };
   // >>>>> Collect noStyle Field error to the top FormItem
-  const onSubItemMetaChange = (subMeta, uniqueKeys) => {
+  var onSubItemMetaChange = function onSubItemMetaChange(subMeta, uniqueKeys) {
     // Only `noStyle` sub item will trigger
-    setSubFieldErrors(prevSubFieldErrors => {
-      const clone = Object.assign({}, prevSubFieldErrors);
+    setSubFieldErrors(function (prevSubFieldErrors) {
+      var clone = Object.assign({}, prevSubFieldErrors);
       // name: ['user', 1] + key: [4] = ['user', 4]
-      const mergedNamePath = [...subMeta.name.slice(0, -1), ...uniqueKeys];
-      const mergedNameKey = mergedNamePath.join(NAME_SPLIT);
+      var mergedNamePath = [].concat(_toConsumableArray(subMeta.name.slice(0, -1)), _toConsumableArray(uniqueKeys));
+      var mergedNameKey = mergedNamePath.join(NAME_SPLIT);
       if (subMeta.destroy) {
         // Remove
         delete clone[mergedNameKey];
@@ -123,23 +153,26 @@ function InternalFormItem(props) {
     });
   };
   // >>>>> Get merged errors
-  const [mergedErrors, mergedWarnings] = React.useMemo(() => {
-    const errorList = [...meta.errors];
-    const warningList = [...meta.warnings];
-    Object.values(subFieldErrors).forEach(subFieldError => {
-      errorList.push(...(subFieldError.errors || []));
-      warningList.push(...(subFieldError.warnings || []));
-    });
-    return [errorList, warningList];
-  }, [subFieldErrors, meta.errors, meta.warnings]);
+  var _React$useMemo = React.useMemo(function () {
+      var errorList = _toConsumableArray(meta.errors);
+      var warningList = _toConsumableArray(meta.warnings);
+      Object.values(subFieldErrors).forEach(function (subFieldError) {
+        errorList.push.apply(errorList, _toConsumableArray(subFieldError.errors || []));
+        warningList.push.apply(warningList, _toConsumableArray(subFieldError.warnings || []));
+      });
+      return [errorList, warningList];
+    }, [subFieldErrors, meta.errors, meta.warnings]),
+    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+    mergedErrors = _React$useMemo2[0],
+    mergedWarnings = _React$useMemo2[1];
   // ===================== Children Ref =====================
-  const getItemRef = useItemRef();
+  var getItemRef = (0, _useItemRef["default"])();
   // ======================== Render ========================
   function renderLayout(baseChildren, fieldId, isRequired) {
     if (noStyle && !hidden) {
       return baseChildren;
     }
-    return React.createElement(ItemHolder, Object.assign({
+    return React.createElement(_ItemHolder["default"], Object.assign({
       key: "row"
     }, props, {
       prefixCls: prefixCls,
@@ -154,15 +187,15 @@ function InternalFormItem(props) {
     }), baseChildren);
   }
   if (!hasName && !isRenderProps && !dependencies) {
-    if (isValidElement(children)) {
-      return renderLayout(cloneElement(children, Object.assign(Object.assign({}, children.props), {
+    if ((0, _reactNode.isValidElement)(children)) {
+      return renderLayout((0, _reactNode.cloneElement)(children, Object.assign(Object.assign({}, children.props), {
         disabled: (_b = (_a = children.props) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : contextDisabled,
         readonly: (_d = (_c = children.props) === null || _c === void 0 ? void 0 : _c.readonly) !== null && _d !== void 0 ? _d : contextReadonly
       })));
     }
     return renderLayout(children);
   }
-  let variables = {};
+  var variables = {};
   if (typeof label === 'string') {
     variables.label = label;
   } else if (name) {
@@ -172,40 +205,40 @@ function InternalFormItem(props) {
     variables = Object.assign(Object.assign({}, variables), messageVariables);
   }
   // >>>>> With Field
-  return React.createElement(Field, Object.assign({}, props, {
+  return React.createElement(_rcFieldForm.Field, Object.assign({}, props, {
     messageVariables: variables,
     trigger: trigger,
     validateTrigger: mergedValidateTrigger,
     onMetaChange: onMetaChange
-  }), (control, renderMeta, context) => {
+  }), function (control, renderMeta, context) {
     var _a, _b, _c, _d;
-    const mergedName = toArray(name).length && renderMeta ? renderMeta.name : [];
-    const fieldId = getFieldId(mergedName, formName);
-    const isRequired = required !== undefined ? required : !!(rules && rules.some(rule => {
-      if (rule && typeof rule === 'object' && rule.required && !rule.warningOnly) {
+    var mergedName = (0, _util.toArray)(name).length && renderMeta ? renderMeta.name : [];
+    var fieldId = (0, _util.getFieldId)(mergedName, formName);
+    var isRequired = required !== undefined ? required : !!(rules && rules.some(function (rule) {
+      if (rule && _typeof(rule) === 'object' && rule.required && !rule.warningOnly) {
         return true;
       }
       if (typeof rule === 'function') {
-        const ruleEntity = rule(context);
+        var ruleEntity = rule(context);
         return ruleEntity && ruleEntity.required && !ruleEntity.warningOnly;
       }
       return false;
     }));
     // ======================= Children =======================
-    const mergedControl = Object.assign({}, control);
-    let childNode = null;
-    warning(!(shouldUpdate && dependencies), 'Form.Item', "`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps.");
+    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://u.ant.design/form-deps.");
     if (Array.isArray(children) && hasName) {
-      warning(false, 'Form.Item', 'A `Form.Item` with a `name` prop must have a single child element. For information on how to render more complex form items, see https://u.ant.design/complex-form-item.');
+      (0, _warning["default"])(false, 'Form.Item', 'A `Form.Item` with a `name` prop must have a single child element. For information on how to render more complex form items, see https://u.ant.design/complex-form-item.');
       childNode = children;
     } else if (isRenderProps && (!(shouldUpdate || dependencies) || hasName)) {
-      warning(!!(shouldUpdate || dependencies), 'Form.Item', 'A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`.');
-      warning(!hasName, 'Form.Item', 'A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.');
+      (0, _warning["default"])(!!(shouldUpdate || dependencies), 'Form.Item', 'A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`.');
+      (0, _warning["default"])(!hasName, 'Form.Item', 'A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.');
     } else if (dependencies && !isRenderProps && !hasName) {
-      warning(false, 'Form.Item', 'Must set `name` or use a render function when `dependencies` is set.');
-    } else if (isValidElement(children)) {
-      warning(children.props.defaultValue === undefined, 'Form.Item', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');
-      const childProps = Object.assign(Object.assign(Object.assign({}, children.props), mergedControl), {
+      (0, _warning["default"])(false, 'Form.Item', 'Must set `name` or use a render function when `dependencies` is set.');
+    } 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(Object.assign({}, children.props), mergedControl), {
         disabled: (_b = (_a = children.props) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : contextDisabled
       });
       if (contextReadonly !== undefined) {
@@ -215,12 +248,12 @@ function InternalFormItem(props) {
         childProps.id = fieldId;
       }
       if (props.help || mergedErrors.length > 0 || mergedWarnings.length > 0 || props.extra) {
-        const describedbyArr = [];
+        var describedbyArr = [];
         if (props.help || mergedErrors.length > 0) {
-          describedbyArr.push(`${fieldId}_help`);
+          describedbyArr.push("".concat(fieldId, "_help"));
         }
         if (props.extra) {
-          describedbyArr.push(`${fieldId}_extra`);
+          describedbyArr.push("".concat(fieldId, "_extra"));
         }
         childProps['aria-describedby'] = describedbyArr.join(' ');
       }
@@ -230,35 +263,39 @@ function InternalFormItem(props) {
       if (isRequired) {
         childProps['aria-required'] = 'true';
       }
-      if (supportRef(children)) {
+      if ((0, _ref2.supportRef)(children)) {
         childProps.ref = getItemRef(mergedName, children);
       }
       // We should keep user origin event handler
-      const triggers = new Set([...toArray(trigger), ...toArray(mergedValidateTrigger)]);
-      triggers.forEach(eventName => {
-        childProps[eventName] = (...args) => {
+      var triggers = new Set([].concat(_toConsumableArray((0, _util.toArray)(trigger)), _toConsumableArray((0, _util.toArray)(mergedValidateTrigger))));
+      triggers.forEach(function (eventName) {
+        childProps[eventName] = function () {
+          var _a2, _c2;
           var _a, _b, _c;
-          (_a = mergedControl[eventName]) === null || _a === void 0 ? void 0 : _a.call(mergedControl, ...args);
+          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));
           // @ts-ignore
-          (_c = (_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b[eventName]) === null || _c === void 0 ? void 0 : _c.call(_b, ...args);
+          (_c = (_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b[eventName]) === null || _c === void 0 ? void 0 : (_c2 = _c).call.apply(_c2, [_b].concat(args));
         };
       });
       // List of props that need to be watched for changes -> if changes are detected in MemoInput -> rerender
-      const watchingChildProps = [childProps['aria-required'], childProps['aria-invalid'], childProps['aria-describedby'], childProps.disabled, childProps.readonly];
+      var watchingChildProps = [childProps['aria-required'], childProps['aria-invalid'], childProps['aria-describedby'], childProps.disabled, childProps.readonly];
       childNode = React.createElement(MemoInput, {
         value: mergedControl[props.valuePropName || 'value'],
         update: children,
         childProps: watchingChildProps
-      }, cloneElement(children, childProps));
+      }, (0, _reactNode.cloneElement)(children, childProps));
     } else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {
       childNode = children(context);
     } else {
-      warning(!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.');
+      (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);
   });
 }
-const FormItem = InternalFormItem;
-FormItem.useStatus = useFormItemStatus;
-export default FormItem;
+var FormItem = InternalFormItem;
+FormItem.useStatus = _useFormItemStatus["default"];
+var _default = exports["default"] = FormItem;

package/es/tntd-form/FormItemInput.js

@@ -1,54 +1,66 @@
-import classNames from 'classnames';
-import * as React from 'react';
-import Col from '../grid-v4/col';
-import { FormContext, FormItemPrefixContext } from './context';
-import ErrorList from './ErrorList';
-const FormItemInput = props => {
-  const {
-    prefixCls,
-    status,
-    wrapperCol,
-    children,
-    errors,
-    warnings,
-    _internalItemRender: formItemRender,
-    extra,
-    help,
-    fieldId,
-    marginBottom,
-    onErrorVisibleChanged
-  } = props;
-  const baseClassName = `${prefixCls}-item`;
-  const formContext = React.useContext(FormContext);
-  const mergedWrapperCol = wrapperCol || formContext.wrapperCol || {};
-  const className = classNames(`${baseClassName}-control`, mergedWrapperCol.className);
+"use strict";
+
+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); }
+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-v4/col"));
+var _context = require("./context");
+var _ErrorList = _interopRequireDefault(require("./ErrorList"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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,
+    fieldId = props.fieldId,
+    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
-  const subFormContext = React.useMemo(() => Object.assign({}, formContext), [formContext]);
+  var subFormContext = React.useMemo(function () {
+    return Object.assign({}, formContext);
+  }, [formContext]);
   delete subFormContext.labelCol;
   delete subFormContext.wrapperCol;
-  const inputDom = React.createElement("div", {
-    className: `${baseClassName}-control-input`
+  var inputDom = React.createElement("div", {
+    className: "".concat(baseClassName, "-control-input")
   }, React.createElement("div", {
-    className: `${baseClassName}-control-input-content`
+    className: "".concat(baseClassName, "-control-input-content")
   }, children));
-  const formItemContext = React.useMemo(() => ({
-    prefixCls,
-    status
-  }), [prefixCls, status]);
-  const errorListDom = marginBottom !== null || errors.length || warnings.length ? React.createElement("div", {
+  var formItemContext = React.useMemo(function () {
+    return {
+      prefixCls: prefixCls,
+      status: status
+    };
+  }, [prefixCls, status]);
+  var errorListDom = marginBottom !== null || errors.length || warnings.length ? React.createElement("div", {
     style: {
       display: 'flex',
       flexWrap: 'nowrap'
     }
-  }, React.createElement(FormItemPrefixContext.Provider, {
+  }, React.createElement(_context.FormItemPrefixContext.Provider, {
     value: formItemContext
-  }, React.createElement(ErrorList, {
+  }, React.createElement(_ErrorList["default"], {
     fieldId: fieldId,
     errors: errors,
     warnings: warnings,
     help: help,
     helpStatus: status,
-    className: `${baseClassName}-explain-connected`,
+    className: "".concat(baseClassName, "-explain-connected"),
     onVisibleChanged: onErrorVisibleChanged
   })), !!marginBottom && React.createElement("div", {
     style: {
@@ -56,24 +68,24 @@ const FormItemInput = props => {
       height: marginBottom
     }
   })) : null;
-  const extraProps = {};
+  var extraProps = {};
   if (fieldId) {
-    extraProps.id = `${fieldId}_extra`;
+    extraProps.id = "".concat(fieldId, "_extra");
   }
   // If extra = 0, && will goes wrong
   // 0&&error -> 0
-  const extraDom = extra ? React.createElement("div", Object.assign({}, extraProps, {
-    className: `${baseClassName}-extra`
+  var extraDom = extra ? React.createElement("div", Object.assign({}, extraProps, {
+    className: "".concat(baseClassName, "-extra")
   }), extra) : null;
-  const dom = formItemRender && formItemRender.mark === 'pro_table_render' && formItemRender.render ? formItemRender.render(props, {
+  var dom = formItemRender && formItemRender.mark === 'pro_table_render' && formItemRender.render ? formItemRender.render(props, {
     input: inputDom,
     errorList: errorListDom,
     extra: extraDom
   }) : React.createElement(React.Fragment, null, inputDom, errorListDom, extraDom);
-  return React.createElement(FormContext.Provider, {
+  return React.createElement(_context.FormContext.Provider, {
     value: subFormContext
-  }, React.createElement(Col, Object.assign({}, mergedWrapperCol, {
+  }, React.createElement(_col["default"], Object.assign({}, mergedWrapperCol, {
     className: className
   }), dom));
 };
-export default FormItemInput;
+var _default = exports["default"] = FormItemInput;