tntd 2.6.9 → 2.6.11

package/lib/tntd-form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/tntd-form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAAmC;AACnC,+DAAyD;AAiLvC,qFAjLE,oBAAI,OAiLF;AAAgB,yFAjLZ,wBAAQ,OAiLY;AA9K9C,6CAA8B;AAC9B,iCAA+B;AAE/B,wDAAkD;AAClD,sFAA6F;AAE7F,8EAAiF;AAGjF,uCAAqD;AACrD,wFAA+D;AAC/D,8DAAuD;AAmK9C,kBAnKF,iBAAO,CAmKE;AA1IhB,MAAM,YAAY,GAA4D,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAW,CAAC,CAAA;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAe,CAAC,CAAA;IACzD,OAAO;IACP,aAAa;IACb,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAa,CAAC,CAAA;IAEtF,MAAM,EACJ,SAAS,EAAE,kBAAkB,EAC7B,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,WAAW,EAClB,QAAQ,GAAG,eAAe,EAC1B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,MAAM,GAAG,YAAY,EACrB,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,QAAQ,KAEN,KAAK,EADJ,aAAa,UACd,KAAK,EAnBH,8NAmBL,CAAQ,CAAA;IAET,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAuB,CAAC,CAAA;IAEzE,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACtC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,OAAO,YAAY,CAAA;SACpB;QAED,IAAI,WAAW,IAAI,WAAW,CAAC,YAAY,KAAK,SAAS,EAAE;YACzD,OAAO,WAAW,CAAC,YAAY,CAAA;SAChC;QAED,IAAI,gBAAgB,EAAE;YACpB,OAAO,KAAK,CAAA;SACb;QAED,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAA;IAE/C,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAA;IAE1D,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,SAAS,EACT;QACE,CAAC,GAAG,SAAS,OAAO,CAAC,EAAE,IAAI;QAC3B,CAAC,GAAG,SAAS,IAAI,MAAM,EAAE,CAAC,EAAE,IAAI;QAChC,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,kBAAkB,KAAK,KAAK;QACjE,CAAC,GAAG,SAAS,MAAM,CAAC,EAAE,SAAS,KAAK,KAAK;QACzC,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI;KAC/B,EACD,SAAS,CACV,CAAA;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAA,iBAAO,EAAC,IAAI,CAAC,CAAA;IAChC,MAAM,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAA;IACjC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAA;IAExB,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,UAAU;QACV,QAAQ;QACR,SAAS;QACT,UAAU;QACV,QAAQ,EAAE,MAAM,KAAK,UAAU;QAC/B,KAAK,EAAE,WAAW;QAClB,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,IAAI,EAAE,QAAQ;QACd,QAAQ;KACT,CAAC,EACF;QACE,IAAI;QACJ,UAAU;QACV,QAAQ;QACR,SAAS;QACT,UAAU;QACV,MAAM;QACN,WAAW;QACX,kBAAkB;QAClB,QAAQ;QACR,QAAQ;KACT,CACF,CAAA;IAED,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAA;IAE9C,MAAM,sBAAsB,GAAG,CAAC,SAA8B,EAAE,EAAE;QAChE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,SAAS,CAAC,CAAA;QAE3B,IAAI,yBAAyB,GAAY,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;QAE7D,IAAI,kBAAkB,IAAI,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE;YACtD,IAAI,OAAO,kBAAkB,KAAK,QAAQ,EAAE;gBAC1C,yBAAyB,GAAG,kBAAkB,CAAA;aAC/C;YACD,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,yBAAyB,CAAC,CAAA;SACjF;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,yCAAuB,IAAC,QAAQ,EAAE,QAAQ;QACzC,oBAAC,iCAAmB,IAAC,IAAI,EAAE,IAAI;YAC7B,oBAAC,sBAAY,oBACP;gBACF,+CAA+C;gBAC/C,gBAAgB,EAAE,uBAAuB;aAC1C;gBAED,oBAAC,qBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB;oBAC3C,oBAAC,uBAAS,kBACR,EAAE,EAAE,IAAI,IACJ,aAAa,IACjB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,sBAAsB,EACtC,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,IACxB,CACmB,CACV,CACK,CACE,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA0B,YAAY,CAE5C,CAAA;AAIvB,kBAAe,IAAI,CAAA","sourcesContent":["import classNames from 'classnames'\nimport FieldForm, { List, useWatch } from 'rc-field-form'\nimport type { FormProps as RcFormProps } from 'rc-field-form/lib/Form'\nimport type { ValidateErrorEntity } from 'rc-field-form/lib/interface'\nimport * as React from 'react'\nimport { useMemo } from 'react'\nimport type { Options } from 'scroll-into-view-if-needed'\nimport { ConfigContext } from '../config-provider'\nimport DisabledContext, { DisabledContextProvider } from '../config-provider/DisabledContext'\nimport type { SizeType } from '../config-provider/SizeContext'\nimport SizeContext, { SizeContextProvider } from '../config-provider/SizeContext'\nimport type { ColProps } from '../col'\nimport type { FormContextProps } from './context'\nimport { FormContext, FormProvider } from './context'\nimport ValidateMessagesContext from './validateMessagesContext'\nimport useForm, { FormInstance } from './hooks/useForm'\nimport type { FormLabelAlign } from './interface'\n\nexport type RequiredMark = boolean | 'optional'\nexport type FormLayout = 'horizontal' | 'inline' | 'vertical'\n\nexport interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form'> {\n  prefixCls?: string\n  colon?: boolean\n  name?: string\n  layout?: FormLayout\n  labelAlign?: FormLabelAlign\n  labelWrap?: boolean\n  labelCol?: ColProps\n  wrapperCol?: ColProps\n  form?: FormInstance<Values>\n  size?: SizeType\n  disabled?: boolean\n  readonly?: boolean\n  scrollToFirstError?: Options | boolean\n  requiredMark?: RequiredMark\n  /** @deprecated Will warning in future branch. Pls use `requiredMark` instead. */\n  hideRequiredMark?: boolean\n}\n\nconst InternalForm: React.ForwardRefRenderFunction<FormInstance, FormProps> = (props, ref) => {\n  const contextSize = React.useContext(SizeContext)\n  const contextDisabled = React.useContext(DisabledContext)\n  // TODO\n  // @ts-ignore\n  const { getPrefixCls, direction, form: contextForm } = React.useContext(ConfigContext)\n\n  const {\n    prefixCls: customizePrefixCls,\n    className = '',\n    size = contextSize,\n    disabled = contextDisabled,\n    form,\n    colon,\n    labelAlign,\n    labelWrap,\n    labelCol,\n    wrapperCol,\n    hideRequiredMark,\n    layout = 'horizontal',\n    scrollToFirstError,\n    requiredMark,\n    onFinishFailed,\n    name,\n    readonly,\n    ...restFormProps\n  } = props\n\n  const contextValidateMessages = React.useContext(ValidateMessagesContext)\n\n  const mergedRequiredMark = useMemo(() => {\n    if (requiredMark !== undefined) {\n      return requiredMark\n    }\n\n    if (contextForm && contextForm.requiredMark !== undefined) {\n      return contextForm.requiredMark\n    }\n\n    if (hideRequiredMark) {\n      return false\n    }\n\n    return true\n  }, [hideRequiredMark, requiredMark, contextForm])\n\n  const mergedColon = colon ?? contextForm?.colon\n\n  const prefixCls = getPrefixCls('form', customizePrefixCls)\n\n  const formClassName = classNames(\n    prefixCls,\n    {\n      [`${prefixCls}-tntd`]: true,\n      [`${prefixCls}-${layout}`]: true,\n      [`${prefixCls}-hide-required-mark`]: mergedRequiredMark === false,\n      [`${prefixCls}-rtl`]: direction === 'rtl',\n      [`${prefixCls}-${size}`]: size,\n    },\n    className\n  )\n\n  const [wrapForm] = useForm(form)\n  const { __INTERNAL__ } = wrapForm\n  __INTERNAL__.name = name\n\n  const formContextValue = useMemo<FormContextProps>(\n    () => ({\n      name,\n      labelAlign,\n      labelCol,\n      labelWrap,\n      wrapperCol,\n      vertical: layout === 'vertical',\n      colon: mergedColon,\n      requiredMark: mergedRequiredMark,\n      itemRef: __INTERNAL__.itemRef,\n      form: wrapForm,\n      readonly,\n    }),\n    [\n      name,\n      labelAlign,\n      labelCol,\n      labelWrap,\n      wrapperCol,\n      layout,\n      mergedColon,\n      mergedRequiredMark,\n      wrapForm,\n      readonly,\n    ]\n  )\n\n  React.useImperativeHandle(ref, () => wrapForm)\n\n  const onInternalFinishFailed = (errorInfo: ValidateErrorEntity) => {\n    onFinishFailed?.(errorInfo)\n\n    let defaultScrollToFirstError: Options = { block: 'nearest' }\n\n    if (scrollToFirstError && errorInfo.errorFields.length) {\n      if (typeof scrollToFirstError === 'object') {\n        defaultScrollToFirstError = scrollToFirstError\n      }\n      wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError)\n    }\n  }\n\n  return (\n    <DisabledContextProvider disabled={disabled}>\n      <SizeContextProvider size={size}>\n        <FormProvider\n          {...{\n            // This is not list in API, we pass with spread\n            validateMessages: contextValidateMessages,\n          }}\n        >\n          <FormContext.Provider value={formContextValue}>\n            <FieldForm\n              id={name}\n              {...restFormProps}\n              name={name}\n              onFinishFailed={onInternalFinishFailed}\n              form={wrapForm}\n              className={formClassName}\n            />\n          </FormContext.Provider>\n        </FormProvider>\n      </SizeContextProvider>\n    </DisabledContextProvider>\n  )\n}\n\nconst Form = React.forwardRef<FormInstance, FormProps>(InternalForm) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & { ref?: React.Ref<FormInstance<Values>> }\n) => React.ReactElement\n\nexport { useForm, List, FormInstance, useWatch }\n\nexport default Form\n"]}

package/lib/tntd-form/FormItem/ItemHolder.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { Meta } from 'rc-field-form/lib/interface';
+import type { ReportMetaChange } from '../context';
+import type { FormItemProps } from '.';
+export interface ItemHolderProps extends FormItemProps {
+    prefixCls: string;
+    className?: string;
+    style?: React.CSSProperties;
+    errors: React.ReactNode[];
+    warnings: React.ReactNode[];
+    meta: Meta;
+    children?: React.ReactNode;
+    fieldId?: string;
+    isRequired?: boolean;
+    onSubItemMetaChange: ReportMetaChange;
+}
+export default function ItemHolder(props: ItemHolderProps): JSX.Element;
+//# sourceMappingURL=ItemHolder.d.ts.map

package/lib/tntd-form/FormItem/ItemHolder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemHolder.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/FormItem/ItemHolder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAIvD,OAAO,KAAK,EAA8B,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE9E,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,GAAG,CAAA;AAWtD,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mBAAmB,EAAE,gBAAgB,CAAA;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eA2KxD"}

package/lib/tntd-form/FormItem/ItemHolder.js

@@ -0,0 +1,163 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ItemHolder;
+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 _row = _interopRequireDefault(require("../../row"));
+var _FormItemLabel = _interopRequireDefault(require("../FormItemLabel"));
+var _FormItemInput = _interopRequireDefault(require("../FormItemInput"));
+var _context = require("../context");
+var _useDebounce = _interopRequireDefault(require("../hooks/useDebounce"));
+var _icon = _interopRequireDefault(require("../../icon"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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: function success() {
+    return React.createElement(_icon["default"], {
+      type: "check-circle"
+    });
+  },
+  warning: function warning() {
+    return React.createElement(_icon["default"], {
+      type: "exclamation-circle"
+    });
+  },
+  error: function error() {
+    return React.createElement(_icon["default"], {
+      type: "close-circle"
+    });
+  },
+  validating: function validating() {
+    return React.createElement(_icon["default"], {
+      type: "loading"
+    });
+  }
+};
+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,
+    onSubItemMetaChange = props.onSubItemMetaChange,
+    restProps = __rest(props, ["prefixCls", "className", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "isRequired", "onSubItemMetaChange"]);
+  var itemPrefixCls = "".concat(prefixCls, "-item");
+  var _React$useContext = React.useContext(_context.FormContext),
+    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 = _slicedToArray(_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 ========================
+  var mergedValidateStatus = '';
+  if (validateStatus !== undefined) {
+    mergedValidateStatus = validateStatus;
+  } else if (meta.validating) {
+    mergedValidateStatus = 'validating';
+  } else if (debounceErrors.length) {
+    mergedValidateStatus = 'error';
+  } else if (debounceWarnings.length) {
+    mergedValidateStatus = 'warning';
+  } else if (meta.touched) {
+    mergedValidateStatus = 'success';
+  }
+  var formItemStatusContext = React.useMemo(function () {
+    var feedbackIcon;
+    if (hasFeedback) {
+      var IconNode = mergedValidateStatus && iconMap[mergedValidateStatus];
+      feedbackIcon = IconNode ? React.createElement("span", {
+        className: (0, _classnames["default"])("".concat(itemPrefixCls, "-feedback-icon"), "".concat(itemPrefixCls, "-feedback-icon-").concat(mergedValidateStatus))
+      }, React.createElement(IconNode, null)) : null;
+    }
+    return {
+      status: mergedValidateStatus,
+      hasFeedback: hasFeedback,
+      feedbackIcon: feedbackIcon,
+      isFormItemInput: true
+    };
+  }, [mergedValidateStatus, hasFeedback]);
+  // ======================== Render ========================
+  var itemClassName = (_itemClassName = {}, _defineProperty(_itemClassName, itemPrefixCls, true), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-with-help"), hasHelp || debounceErrors.length || debounceWarnings.length), _defineProperty(_itemClassName, "".concat(className), !!className), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-has-feedback has-feedback"), mergedValidateStatus && hasFeedback), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-has-success has-success"), mergedValidateStatus === 'success'), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-has-warning has-warning"), mergedValidateStatus === 'warning'), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-has-error has-error"), mergedValidateStatus === 'error'), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-is-validating is-validating"), mergedValidateStatus === 'validating'), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-hidden hidden"), hidden), _itemClassName);
+  return React.createElement("div", {
+    className: (0, _classnames["default"])(itemClassName),
+    style: style,
+    ref: itemRef
+  }, React.createElement(_row["default"], Object.assign({
+    className: "".concat(itemPrefixCls, "-row")
+  }, (0, _omit["default"])(restProps, ['_internalItemRender', 'colon', 'dependencies', 'extra', 'fieldKey', 'getValueFromEvent', 'getValueProps', 'htmlFor', 'id', 'initialValue', 'isListField', 'label', 'labelAlign', 'labelCol', 'labelWrap', 'messageVariables', 'name', 'normalize', 'noStyle', 'preserve', 'required', 'requiredMark', 'rules', 'shouldUpdate', 'trigger', 'tooltip', 'validateFirst', 'validateTrigger', 'valuePropName', 'wrapperCol'])), React.createElement(_FormItemLabel["default"], Object.assign({
+    htmlFor: fieldId,
+    required: isRequired,
+    requiredMark: requiredMark
+  }, props, {
+    prefixCls: prefixCls
+  })), React.createElement(_FormItemInput["default"], Object.assign({}, props, meta, {
+    errors: debounceErrors,
+    warnings: debounceWarnings,
+    prefixCls: prefixCls,
+    status: mergedValidateStatus,
+    help: help,
+    marginBottom: marginBottom,
+    onErrorVisibleChanged: onErrorVisibleChanged
+  }), React.createElement(_context.NoStyleItemContext.Provider, {
+    value: onSubItemMetaChange
+  }, React.createElement(_context.FormItemInputContext.Provider, {
+    value: formItemStatusContext
+  }, children)))), !!marginBottom && React.createElement("div", {
+    className: "".concat(itemPrefixCls, "-margin-offset"),
+    style: {
+      marginBottom: -marginBottom
+    }
+  }));
+}

package/lib/tntd-form/FormItem/ItemHolder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemHolder.js","sourceRoot":"","sources":["../../../src/tntd-form/FormItem/ItemHolder.tsx"],"names":[],"mappings":"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","sourcesContent":["import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect'\nimport classNames from 'classnames'\nimport * as React from 'react'\nimport omit from 'rc-util/lib/omit'\nimport type { Meta } from 'rc-field-form/lib/interface'\nimport Row from '../../row'\nimport FormItemLabel from '../FormItemLabel'\nimport FormItemInput from '../FormItemInput'\nimport type { FormItemStatusContextProps, ReportMetaChange } from '../context'\nimport { FormContext, FormItemInputContext, NoStyleItemContext } from '../context'\nimport type { FormItemProps, ValidateStatus } from '.'\nimport useDebounce from '../hooks/useDebounce'\nimport Icon from '../../icon'\n\nconst iconMap = {\n  success: () => <Icon type=\"check-circle\" />,\n  warning: () => <Icon type=\"exclamation-circle\" />,\n  error: () => <Icon type=\"close-circle\" />,\n  validating: () => <Icon type=\"loading\" />,\n}\n\nexport interface ItemHolderProps extends FormItemProps {\n  prefixCls: string\n  className?: string\n  style?: React.CSSProperties\n  errors: React.ReactNode[]\n  warnings: React.ReactNode[]\n  meta: Meta\n  children?: React.ReactNode\n  fieldId?: string\n  isRequired?: boolean\n  onSubItemMetaChange: ReportMetaChange\n}\n\nexport default function ItemHolder(props: ItemHolderProps) {\n  const {\n    prefixCls,\n    className,\n    style,\n    help,\n    errors,\n    warnings,\n    validateStatus,\n    meta,\n    hasFeedback,\n    hidden,\n    children,\n    fieldId,\n    isRequired,\n    onSubItemMetaChange,\n    ...restProps\n  } = props\n\n  const itemPrefixCls = `${prefixCls}-item`\n  const { requiredMark } = React.useContext(FormContext)\n\n  // ======================== Margin ========================\n  const itemRef = React.useRef<HTMLDivElement>(null)\n  const debounceErrors = useDebounce(errors)\n  const debounceWarnings = useDebounce(warnings)\n  const hasHelp = help !== undefined && help !== null\n  const hasError = !!(hasHelp || errors.length || warnings.length)\n  const [marginBottom, setMarginBottom] = React.useState<number | null>(null)\n\n  useLayoutEffect(() => {\n    if (hasError && itemRef.current) {\n      const itemStyle = getComputedStyle(itemRef.current)\n      setMarginBottom(parseInt(itemStyle.marginBottom, 10))\n    }\n  }, [hasError])\n\n  const onErrorVisibleChanged = (nextVisible: boolean) => {\n    if (!nextVisible) {\n      setMarginBottom(null)\n    }\n  }\n\n  // ======================== Status ========================\n  let mergedValidateStatus: ValidateStatus = ''\n  if (validateStatus !== undefined) {\n    mergedValidateStatus = validateStatus\n  } else if (meta.validating) {\n    mergedValidateStatus = 'validating'\n  } else if (debounceErrors.length) {\n    mergedValidateStatus = 'error'\n  } else if (debounceWarnings.length) {\n    mergedValidateStatus = 'warning'\n  } else if (meta.touched) {\n    mergedValidateStatus = 'success'\n  }\n\n  const formItemStatusContext = React.useMemo<FormItemStatusContextProps>(() => {\n    let feedbackIcon: React.ReactNode\n    if (hasFeedback) {\n      const IconNode = mergedValidateStatus && iconMap[mergedValidateStatus]\n      feedbackIcon = IconNode ? (\n        <span\n          className={classNames(\n            `${itemPrefixCls}-feedback-icon`,\n            `${itemPrefixCls}-feedback-icon-${mergedValidateStatus}`\n          )}\n        >\n          <IconNode />\n        </span>\n      ) : null\n    }\n\n    return {\n      status: mergedValidateStatus,\n      hasFeedback,\n      feedbackIcon,\n      isFormItemInput: true,\n    }\n  }, [mergedValidateStatus, hasFeedback])\n\n  // ======================== Render ========================\n  const itemClassName = {\n    [itemPrefixCls]: true,\n    [`${itemPrefixCls}-with-help`]: hasHelp || debounceErrors.length || debounceWarnings.length,\n    [`${className}`]: !!className,\n\n    // Status\n    [`${itemPrefixCls}-has-feedback has-feedback`]: mergedValidateStatus && hasFeedback,\n    [`${itemPrefixCls}-has-success has-success`]: mergedValidateStatus === 'success',\n    [`${itemPrefixCls}-has-warning has-warning`]: mergedValidateStatus === 'warning',\n    [`${itemPrefixCls}-has-error has-error`]: mergedValidateStatus === 'error',\n    [`${itemPrefixCls}-is-validating is-validating`]: mergedValidateStatus === 'validating',\n    [`${itemPrefixCls}-hidden hidden`]: hidden,\n  }\n\n  return (\n    <div className={classNames(itemClassName)} style={style} ref={itemRef}>\n      <Row\n        className={`${itemPrefixCls}-row`}\n        {...omit(restProps, [\n          '_internalItemRender' as any,\n          'colon',\n          'dependencies',\n          'extra',\n          'fieldKey',\n          'getValueFromEvent',\n          'getValueProps',\n          'htmlFor',\n          'id', // It is deprecated because `htmlFor` is its replacement.\n          'initialValue',\n          'isListField',\n          'label',\n          'labelAlign',\n          'labelCol',\n          'labelWrap',\n          'messageVariables',\n          'name',\n          'normalize',\n          'noStyle',\n          'preserve',\n          'required',\n          'requiredMark',\n          'rules',\n          'shouldUpdate',\n          'trigger',\n          'tooltip',\n          'validateFirst',\n          'validateTrigger',\n          'valuePropName',\n          'wrapperCol',\n        ])}\n      >\n        {/* Label */}\n        <FormItemLabel\n          htmlFor={fieldId}\n          required={isRequired}\n          requiredMark={requiredMark}\n          {...props}\n          prefixCls={prefixCls}\n        />\n        {/* Input Group */}\n        <FormItemInput\n          {...props}\n          {...meta}\n          errors={debounceErrors}\n          warnings={debounceWarnings}\n          prefixCls={prefixCls}\n          status={mergedValidateStatus}\n          help={help}\n          marginBottom={marginBottom}\n          onErrorVisibleChanged={onErrorVisibleChanged}\n        >\n          <NoStyleItemContext.Provider value={onSubItemMetaChange}>\n            <FormItemInputContext.Provider value={formItemStatusContext}>\n              {children}\n            </FormItemInputContext.Provider>\n          </NoStyleItemContext.Provider>\n        </FormItemInput>\n      </Row>\n\n      {!!marginBottom && (\n        <div\n          className={`${itemPrefixCls}-margin-offset`}\n          style={{\n            marginBottom: -marginBottom,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n"]}

package/lib/tntd-form/FormItem/index.d.ts

@@ -0,0 +1,36 @@
+import type { FormInstance } from 'rc-field-form';
+import type { FieldProps } from 'rc-field-form/lib/Field';
+import * as React from 'react';
+import useFormItemStatus from '../hooks/useFormItemStatus';
+import type { FormItemInputProps } from '../FormItemInput';
+import type { FormItemLabelProps, LabelTooltipType } from '../FormItemLabel';
+declare const ValidateStatuses: ["success", "warning", "error", "validating", ""];
+export declare type ValidateStatus = typeof ValidateStatuses[number];
+declare type RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;
+declare type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
+declare type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
+export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, RcFieldProps<Values> {
+    prefixCls?: string;
+    noStyle?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: ChildrenType<Values>;
+    id?: string;
+    hasFeedback?: boolean;
+    validateStatus?: ValidateStatus;
+    required?: boolean;
+    hidden?: boolean;
+    initialValue?: any;
+    messageVariables?: Record<string, string>;
+    tooltip?: LabelTooltipType;
+    /** @deprecated No need anymore */
+    fieldKey?: React.Key | React.Key[];
+}
+declare function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.ReactElement;
+declare type InternalFormItemType = typeof InternalFormItem;
+declare type CompoundedComponent = InternalFormItemType & {
+    useStatus: typeof useFormItemStatus;
+};
+declare const FormItem: CompoundedComponent;
+export default FormItem;
+//# sourceMappingURL=index.d.ts.map

package/lib/tntd-form/FormItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/FormItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAIzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,iBAAiB,MAAM,4BAA4B,CAAA;AAO1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAa5E,QAAA,MAAM,gBAAgB,mDAAyD,CAAA;AAC/E,oBAAY,cAAc,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAA;AAE5D,aAAK,cAAc,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;AACnF,aAAK,YAAY,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AACtE,aAAK,YAAY,CAAC,MAAM,GAAG,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;AAkB1E,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,GAAG,CACzC,SAAQ,kBAAkB,EACxB,kBAAkB,EAClB,YAAY,CAAC,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzC,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAA;CACnC;AAoBD,iBAAS,gBAAgB,CAAC,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CA8TxF;AAED,aAAK,oBAAoB,GAAG,OAAO,gBAAgB,CAAA;AAEnD,aAAK,mBAAmB,GAAG,oBAAoB,GAAG;IAChD,SAAS,EAAE,OAAO,iBAAiB,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,QAAQ,qBAA0C,CAAA;AAGxD,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,301 @@
+"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 _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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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) {
+    (0, _warning["default"])(false, 'Form.Item', '`null` is passed as `name` property');
+  }
+  return !(name === undefined || name === null);
+}
+function genEmptyMeta() {
+  return {
+    errors: [],
+    warnings: [],
+    touched: false,
+    validating: false,
+    validated: false,
+    name: []
+  };
+}
+function InternalFormItem(props) {
+  var _a, _b, _c, _d;
+  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
+  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
+  var listContext = React.useContext(_rcFieldForm.ListContext);
+  var fieldKeyPathRef = React.useRef();
+  // ======================== Errors ========================
+  // >>>>> Collect sub field errors
+  var _useFrameState = (0, _useFrameState3["default"])({}),
+    _useFrameState2 = _slicedToArray(_useFrameState, 2),
+    subFieldErrors = _useFrameState2[0],
+    setSubFieldErrors = _useFrameState2[1];
+  // >>>>> Current field errors
+  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
+    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 = _slicedToArray(keyInfo, 2),
+            fieldKey = _keyInfo[0],
+            restPath = _keyInfo[1];
+          namePath = [fieldKey].concat(_toConsumableArray(restPath));
+          fieldKeyPathRef.current = namePath;
+        }
+      } else {
+        // Use origin cache data
+        namePath = fieldKeyPathRef.current || namePath;
+      }
+      notifyParentMetaChange(nextMeta, namePath);
+    }
+  };
+  // >>>>> 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 mergedNamePath = [].concat(_toConsumableArray(subMeta.name.slice(0, -1)), _toConsumableArray(uniqueKeys));
+      var mergedNameKey = mergedNamePath.join(NAME_SPLIT);
+      if (subMeta.destroy) {
+        // Remove
+        delete clone[mergedNameKey];
+      } else {
+        // Update
+        clone[mergedNameKey] = subMeta;
+      }
+      return clone;
+    });
+  };
+  // >>>>> Get merged errors
+  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 =====================
+  var getItemRef = (0, _useItemRef["default"])();
+  // ======================== Render ========================
+  function renderLayout(baseChildren, fieldId, isRequired) {
+    if (noStyle && !hidden) {
+      return baseChildren;
+    }
+    return React.createElement(_ItemHolder["default"], Object.assign({
+      key: "row"
+    }, props, {
+      prefixCls: prefixCls,
+      fieldId: fieldId,
+      isRequired: isRequired,
+      errors: mergedErrors,
+      warnings: mergedWarnings,
+      meta: meta,
+      // TODO
+      // @ts-ignore
+      onSubItemMetaChange: onSubItemMetaChange
+    }), baseChildren);
+  }
+  if (!hasName && !isRenderProps && !dependencies) {
+    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);
+  }
+  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
+  return React.createElement(_rcFieldForm.Field, Object.assign({}, props, {
+    messageVariables: variables,
+    trigger: trigger,
+    validateTrigger: mergedValidateTrigger,
+    onMetaChange: onMetaChange
+  }), function (control, renderMeta, context) {
+    var _a, _b, _c, _d;
+    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') {
+        var ruleEntity = rule(context);
+        return ruleEntity && ruleEntity.required && !ruleEntity.warningOnly;
+      }
+      return false;
+    }));
+    // ======================= 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://u.ant.design/form-deps.");
+    if (Array.isArray(children) && hasName) {
+      (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)) {
+      (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) {
+      (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) {
+        childProps.readonly = (_d = (_c = children.props) === null || _c === void 0 ? void 0 : _c.readonly) !== null && _d !== void 0 ? _d : contextReadonly;
+      }
+      if (!childProps.id) {
+        childProps.id = fieldId;
+      }
+      if (props.help || mergedErrors.length > 0 || mergedWarnings.length > 0 || props.extra) {
+        var describedbyArr = [];
+        if (props.help || mergedErrors.length > 0) {
+          describedbyArr.push("".concat(fieldId, "_help"));
+        }
+        if (props.extra) {
+          describedbyArr.push("".concat(fieldId, "_extra"));
+        }
+        childProps['aria-describedby'] = describedbyArr.join(' ');
+      }
+      if (mergedErrors.length > 0) {
+        childProps['aria-invalid'] = 'true';
+      }
+      if (isRequired) {
+        childProps['aria-required'] = 'true';
+      }
+      if ((0, _ref2.supportRef)(children)) {
+        childProps.ref = getItemRef(mergedName, children);
+      }
+      // We should keep user origin event handler
+      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;
+          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 : (_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
+      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
+      }, (0, _reactNode.cloneElement)(children, childProps));
+    } else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {
+      childNode = children(context);
+    } else {
+      (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;
+exports["default"] = _default;