tntd 2.6.7 → 2.7.1

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

@@ -0,0 +1,164 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const useLayoutEffect_1 = __importDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const omit_1 = __importDefault(require("rc-util/lib/omit"));
+const row_1 = __importDefault(require("../../row"));
+const FormItemLabel_1 = __importDefault(require("../FormItemLabel"));
+const FormItemInput_1 = __importDefault(require("../FormItemInput"));
+const context_1 = require("../context");
+const useDebounce_1 = __importDefault(require("../hooks/useDebounce"));
+const icon_1 = __importDefault(require("../../icon"));
+const iconMap = {
+    success: () => React.createElement(icon_1.default, { type: "check-circle" }),
+    warning: () => React.createElement(icon_1.default, { type: "exclamation-circle" }),
+    error: () => React.createElement(icon_1.default, { type: "close-circle" }),
+    validating: () => React.createElement(icon_1.default, { type: "loading" }),
+};
+function ItemHolder(props) {
+    const { prefixCls, className, style, help, errors, warnings, validateStatus, meta, hasFeedback, hidden, children, fieldId, isRequired, onSubItemMetaChange } = props, restProps = __rest(props, ["prefixCls", "className", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "isRequired", "onSubItemMetaChange"]);
+    const itemPrefixCls = `${prefixCls}-item`;
+    const { requiredMark } = React.useContext(context_1.FormContext);
+    // ======================== Margin ========================
+    const itemRef = React.useRef(null);
+    const debounceErrors = (0, useDebounce_1.default)(errors);
+    const debounceWarnings = (0, useDebounce_1.default)(warnings);
+    const hasHelp = help !== undefined && help !== null;
+    const hasError = !!(hasHelp || errors.length || warnings.length);
+    const [marginBottom, setMarginBottom] = React.useState(null);
+    (0, useLayoutEffect_1.default)(() => {
+        if (hasError && itemRef.current) {
+            const itemStyle = getComputedStyle(itemRef.current);
+            setMarginBottom(parseInt(itemStyle.marginBottom, 10));
+        }
+    }, [hasError]);
+    const onErrorVisibleChanged = (nextVisible) => {
+        if (!nextVisible) {
+            setMarginBottom(null);
+        }
+    };
+    // ======================== Status ========================
+    let 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';
+    }
+    const formItemStatusContext = React.useMemo(() => {
+        let feedbackIcon;
+        if (hasFeedback) {
+            const IconNode = mergedValidateStatus && iconMap[mergedValidateStatus];
+            feedbackIcon = IconNode ? (React.createElement("span", { className: (0, classnames_1.default)(`${itemPrefixCls}-feedback-icon`, `${itemPrefixCls}-feedback-icon-${mergedValidateStatus}`) },
+                React.createElement(IconNode, null))) : null;
+        }
+        return {
+            status: mergedValidateStatus,
+            hasFeedback,
+            feedbackIcon,
+            isFormItemInput: true,
+        };
+    }, [mergedValidateStatus, hasFeedback]);
+    // ======================== Render ========================
+    const itemClassName = {
+        [itemPrefixCls]: true,
+        [`${itemPrefixCls}-with-help`]: hasHelp || debounceErrors.length || debounceWarnings.length,
+        [`${className}`]: !!className,
+        // Status
+        [`${itemPrefixCls}-has-feedback has-feedback`]: mergedValidateStatus && hasFeedback,
+        [`${itemPrefixCls}-has-success has-success`]: mergedValidateStatus === 'success',
+        [`${itemPrefixCls}-has-warning has-warning`]: mergedValidateStatus === 'warning',
+        [`${itemPrefixCls}-has-error has-error`]: mergedValidateStatus === 'error',
+        [`${itemPrefixCls}-is-validating is-validating`]: mergedValidateStatus === 'validating',
+        [`${itemPrefixCls}-hidden hidden`]: hidden,
+    };
+    return (React.createElement("div", { className: (0, classnames_1.default)(itemClassName), style: style, ref: itemRef },
+        React.createElement(row_1.default, Object.assign({ className: `${itemPrefixCls}-row` }, (0, omit_1.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_1.default, Object.assign({ htmlFor: fieldId, required: isRequired, requiredMark: requiredMark }, props, { prefixCls: prefixCls })),
+            React.createElement(FormItemInput_1.default, Object.assign({}, props, meta, { errors: debounceErrors, warnings: debounceWarnings, prefixCls: prefixCls, status: mergedValidateStatus, help: help, marginBottom: marginBottom, onErrorVisibleChanged: onErrorVisibleChanged }),
+                React.createElement(context_1.NoStyleItemContext.Provider, { value: onSubItemMetaChange },
+                    React.createElement(context_1.FormItemInputContext.Provider, { value: formItemStatusContext }, children)))),
+        !!marginBottom && (React.createElement("div", { className: `${itemPrefixCls}-margin-offset`, style: {
+                marginBottom: -marginBottom,
+            } }))));
+}
+exports.default = ItemHolder;
+//# sourceMappingURL=ItemHolder.js.map

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,266 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rc_field_form_1 = require("rc-field-form");
+const useState_1 = __importDefault(require("rc-util/lib/hooks/useState"));
+const ref_1 = require("rc-util/lib/ref");
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const useFormItemStatus_1 = __importDefault(require("../hooks/useFormItemStatus"));
+const config_provider_1 = require("../../config-provider");
+const DisabledContext_1 = __importDefault(require("../../config-provider/DisabledContext"));
+const reactNode_1 = require("../_util/reactNode");
+const type_1 = require("../_util/type");
+const warning_1 = __importDefault(require("../_util/warning"));
+const context_1 = require("../context");
+const useFrameState_1 = __importDefault(require("../hooks/useFrameState"));
+const useItemRef_1 = __importDefault(require("../hooks/useItemRef"));
+const util_1 = require("../util");
+const ItemHolder_1 = __importDefault(require("./ItemHolder"));
+const NAME_SPLIT = '__SPLIT__';
+const ValidateStatuses = (0, type_1.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]));
+function hasValidName(name) {
+    if (name === null) {
+        (0, warning_1.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;
+    const { name, noStyle, dependencies, prefixCls: customizePrefixCls, shouldUpdate, rules, children, required, label, messageVariables, trigger = 'onChange', validateTrigger, hidden, } = props;
+    // TODO
+    // @ts-ignore
+    const { getPrefixCls } = (0, react_1.useContext)(config_provider_1.ConfigContext);
+    const { name: formName } = (0, react_1.useContext)(context_1.FormContext);
+    const isRenderProps = typeof children === 'function';
+    const notifyParentMetaChange = (0, react_1.useContext)(context_1.NoStyleItemContext);
+    const contextDisabled = (0, react_1.useContext)(DisabledContext_1.default);
+    const { readonly: contextReadonly } = (0, react_1.useContext)(context_1.FormContext);
+    const { validateTrigger: contextValidateTrigger } = (0, react_1.useContext)(rc_field_form_1.FieldContext);
+    const mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;
+    const hasName = hasValidName(name);
+    const prefixCls = getPrefixCls('form', customizePrefixCls);
+    // ========================= MISC =========================
+    // Get `noStyle` required info
+    const listContext = React.useContext(rc_field_form_1.ListContext);
+    const fieldKeyPathRef = React.useRef();
+    // ======================== Errors ========================
+    // >>>>> Collect sub field errors
+    const [subFieldErrors, setSubFieldErrors] = (0, useFrameState_1.default)({});
+    // >>>>> Current field errors
+    const [meta, setMeta] = (0, useState_1.default)(() => genEmptyMeta());
+    const 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);
+        // Destroy will reset all the meta
+        setMeta(nextMeta.destroy ? genEmptyMeta() : nextMeta, true);
+        // Bump to parent since noStyle
+        if (noStyle && notifyParentMetaChange) {
+            let namePath = nextMeta.name;
+            if (!nextMeta.destroy) {
+                if (keyInfo !== undefined) {
+                    const [fieldKey, restPath] = keyInfo;
+                    namePath = [fieldKey, ...restPath];
+                    fieldKeyPathRef.current = namePath;
+                }
+            }
+            else {
+                // Use origin cache data
+                namePath = fieldKeyPathRef.current || namePath;
+            }
+            notifyParentMetaChange(nextMeta, namePath);
+        }
+    };
+    // >>>>> Collect noStyle Field error to the top FormItem
+    const onSubItemMetaChange = (subMeta, uniqueKeys) => {
+        // Only `noStyle` sub item will trigger
+        setSubFieldErrors((prevSubFieldErrors) => {
+            const 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);
+            if (subMeta.destroy) {
+                // Remove
+                delete clone[mergedNameKey];
+            }
+            else {
+                // Update
+                clone[mergedNameKey] = subMeta;
+            }
+            return clone;
+        });
+    };
+    // >>>>> 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]);
+    // ===================== Children Ref =====================
+    const getItemRef = (0, useItemRef_1.default)();
+    // ======================== Render ========================
+    function renderLayout(baseChildren, fieldId, isRequired) {
+        if (noStyle && !hidden) {
+            return baseChildren;
+        }
+        return (React.createElement(ItemHolder_1.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_1.isValidElement)(children)) {
+            return renderLayout((0, reactNode_1.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 = {};
+    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(rc_field_form_1.Field, Object.assign({}, props, { messageVariables: variables, trigger: trigger, validateTrigger: mergedValidateTrigger, onMetaChange: onMetaChange }), (control, renderMeta, context) => {
+        var _a, _b, _c, _d;
+        const mergedName = (0, util_1.toArray)(name).length && renderMeta ? renderMeta.name : [];
+        const fieldId = (0, util_1.getFieldId)(mergedName, formName);
+        const isRequired = required !== undefined
+            ? required
+            : !!(rules &&
+                rules.some((rule) => {
+                    if (rule && typeof rule === 'object' && rule.required && !rule.warningOnly) {
+                        return true;
+                    }
+                    if (typeof rule === 'function') {
+                        const ruleEntity = rule(context);
+                        return ruleEntity && ruleEntity.required && !ruleEntity.warningOnly;
+                    }
+                    return false;
+                }));
+        // ======================= Children =======================
+        const mergedControl = Object.assign({}, control);
+        let childNode = null;
+        (0, warning_1.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_1.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_1.default)(!!(shouldUpdate || dependencies), 'Form.Item', 'A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`.');
+            (0, warning_1.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_1.default)(false, 'Form.Item', 'Must set `name` or use a render function when `dependencies` is set.');
+        }
+        else if ((0, reactNode_1.isValidElement)(children)) {
+            (0, warning_1.default)(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), { 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) {
+                const describedbyArr = [];
+                if (props.help || mergedErrors.length > 0) {
+                    describedbyArr.push(`${fieldId}_help`);
+                }
+                if (props.extra) {
+                    describedbyArr.push(`${fieldId}_extra`);
+                }
+                childProps['aria-describedby'] = describedbyArr.join(' ');
+            }
+            if (mergedErrors.length > 0) {
+                childProps['aria-invalid'] = 'true';
+            }
+            if (isRequired) {
+                childProps['aria-required'] = 'true';
+            }
+            if ((0, ref_1.supportRef)(children)) {
+                childProps.ref = getItemRef(mergedName, children);
+            }
+            // We should keep user origin event handler
+            const triggers = new Set([...(0, util_1.toArray)(trigger), ...(0, util_1.toArray)(mergedValidateTrigger)]);
+            triggers.forEach((eventName) => {
+                childProps[eventName] = (...args) => {
+                    var _a, _b, _c;
+                    (_a = mergedControl[eventName]) === null || _a === void 0 ? void 0 : _a.call(mergedControl, ...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);
+                };
+            });
+            // 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,
+            ];
+            childNode = (React.createElement(MemoInput, { value: mergedControl[props.valuePropName || 'value'], update: children, childProps: watchingChildProps }, (0, reactNode_1.cloneElement)(children, childProps)));
+        }
+        else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {
+            childNode = children(context);
+        }
+        else {
+            (0, warning_1.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_1.default;
+exports.default = FormItem;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-form/FormItem/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FormInstance } from 'rc-field-form'\nimport { Field, FieldContext, ListContext } from 'rc-field-form'\nimport type { FieldProps } from 'rc-field-form/lib/Field'\nimport type { Meta, NamePath } from 'rc-field-form/lib/interface'\nimport useState from 'rc-util/lib/hooks/useState'\nimport { supportRef } from 'rc-util/lib/ref'\nimport * as React from 'react'\nimport { useContext } from 'react'\nimport useFormItemStatus from '../hooks/useFormItemStatus'\nimport { ConfigContext } from '../../config-provider'\nimport DisabledContext from '../../config-provider/DisabledContext'\nimport { cloneElement, isValidElement } from '../_util/reactNode'\nimport { tuple } from '../_util/type'\nimport warning from '../_util/warning'\nimport { FormContext, NoStyleItemContext } from '../context'\nimport type { FormItemInputProps } from '../FormItemInput'\nimport type { FormItemLabelProps, LabelTooltipType } from '../FormItemLabel'\nimport useFrameState from '../hooks/useFrameState'\nimport useItemRef from '../hooks/useItemRef'\nimport { getFieldId, toArray } from '../util'\nimport ItemHolder from './ItemHolder'\n\nconst NAME_SPLIT = '__SPLIT__'\n\ninterface FieldError {\n  errors: string[]\n  warnings: string[]\n}\n\nconst ValidateStatuses = tuple('success', 'warning', 'error', 'validating', '')\nexport type ValidateStatus = typeof ValidateStatuses[number]\n\ntype RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode\ntype RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>\ntype ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode\n\ninterface MemoInputProps {\n  value: any\n  update: any\n  children: React.ReactNode\n  childProps: any[]\n}\n\nconst MemoInput = React.memo(\n  ({ children }: MemoInputProps) => children as JSX.Element,\n  (prev, next) =>\n    prev.value === next.value &&\n    prev.update === next.update &&\n    prev.childProps.length === next.childProps.length &&\n    prev.childProps.every((value, index) => value === next.childProps[index])\n)\n\nexport interface FormItemProps<Values = any>\n  extends FormItemLabelProps,\n    FormItemInputProps,\n    RcFieldProps<Values> {\n  prefixCls?: string\n  noStyle?: boolean\n  style?: React.CSSProperties\n  className?: string\n  children?: ChildrenType<Values>\n  id?: string\n  hasFeedback?: boolean\n  validateStatus?: ValidateStatus\n  required?: boolean\n  hidden?: boolean\n  initialValue?: any\n  messageVariables?: Record<string, string>\n  tooltip?: LabelTooltipType\n  /** @deprecated No need anymore */\n  fieldKey?: React.Key | React.Key[]\n}\n\nfunction hasValidName(name?: NamePath): boolean {\n  if (name === null) {\n    warning(false, 'Form.Item', '`null` is passed as `name` property')\n  }\n  return !(name === undefined || name === null)\n}\n\nfunction genEmptyMeta(): Meta {\n  return {\n    errors: [],\n    warnings: [],\n    touched: false,\n    validating: false,\n    validated: false,\n    name: [],\n  }\n}\n\nfunction InternalFormItem<Values = any>(props: FormItemProps<Values>): React.ReactElement {\n  const {\n    name,\n    noStyle,\n    dependencies,\n    prefixCls: customizePrefixCls,\n    shouldUpdate,\n    rules,\n    children,\n    required,\n    label,\n    messageVariables,\n    trigger = 'onChange',\n    validateTrigger,\n    hidden,\n  } = props\n  // TODO\n  // @ts-ignore\n  const { getPrefixCls } = useContext(ConfigContext)\n  const { name: formName } = useContext(FormContext)\n  const isRenderProps = typeof children === 'function'\n  const notifyParentMetaChange = useContext(NoStyleItemContext)\n  const contextDisabled = useContext(DisabledContext)\n  const { readonly: contextReadonly } = useContext(FormContext)\n\n  const { validateTrigger: contextValidateTrigger } = useContext(FieldContext)\n  const mergedValidateTrigger =\n    validateTrigger !== undefined ? validateTrigger : contextValidateTrigger\n\n  const hasName = hasValidName(name)\n\n  const prefixCls = getPrefixCls('form', customizePrefixCls)\n\n  // ========================= MISC =========================\n  // Get `noStyle` required info\n  const listContext = React.useContext(ListContext)\n  const fieldKeyPathRef = React.useRef<React.Key[]>()\n\n  // ======================== Errors ========================\n  // >>>>> Collect sub field errors\n  const [subFieldErrors, setSubFieldErrors] = useFrameState<Record<string, FieldError>>({})\n\n  // >>>>> Current field errors\n  const [meta, setMeta] = useState<Meta>(() => genEmptyMeta())\n\n  const onMetaChange = (nextMeta: Meta & { destroy?: boolean }) => {\n    // This keyInfo is not correct when field is removed\n    // Since origin keyManager no longer keep the origin key anymore\n    // Which means we need cache origin one and reuse when removed\n    const keyInfo = listContext?.getKey(nextMeta.name)\n\n    // Destroy will reset all the meta\n    setMeta(nextMeta.destroy ? genEmptyMeta() : nextMeta, true)\n\n    // Bump to parent since noStyle\n    if (noStyle && notifyParentMetaChange) {\n      let namePath = nextMeta.name\n\n      if (!nextMeta.destroy) {\n        if (keyInfo !== undefined) {\n          const [fieldKey, restPath] = keyInfo\n          namePath = [fieldKey, ...restPath]\n          fieldKeyPathRef.current = namePath\n        }\n      } else {\n        // Use origin cache data\n        namePath = fieldKeyPathRef.current || namePath\n      }\n      notifyParentMetaChange(nextMeta, namePath)\n    }\n  }\n\n  // >>>>> Collect noStyle Field error to the top FormItem\n  const onSubItemMetaChange = (subMeta: Meta & { destroy: boolean }, uniqueKeys: React.Key[]) => {\n    // Only `noStyle` sub item will trigger\n    setSubFieldErrors((prevSubFieldErrors) => {\n      const clone = {\n        ...prevSubFieldErrors,\n      }\n\n      // name: ['user', 1] + key: [4] = ['user', 4]\n      const mergedNamePath = [...subMeta.name.slice(0, -1), ...uniqueKeys]\n      const mergedNameKey = mergedNamePath.join(NAME_SPLIT)\n\n      if (subMeta.destroy) {\n        // Remove\n        delete clone[mergedNameKey]\n      } else {\n        // Update\n        clone[mergedNameKey] = subMeta\n      }\n\n      return clone\n    })\n  }\n\n  // >>>>> Get merged errors\n  const [mergedErrors, mergedWarnings] = React.useMemo(() => {\n    const errorList: string[] = [...meta.errors]\n    const warningList: string[] = [...meta.warnings]\n\n    Object.values(subFieldErrors).forEach((subFieldError) => {\n      errorList.push(...(subFieldError.errors || []))\n      warningList.push(...(subFieldError.warnings || []))\n    })\n\n    return [errorList, warningList]\n  }, [subFieldErrors, meta.errors, meta.warnings])\n\n  // ===================== Children Ref =====================\n  const getItemRef = useItemRef()\n\n  // ======================== Render ========================\n  function renderLayout(\n    baseChildren: React.ReactNode,\n    fieldId?: string,\n    isRequired?: boolean\n  ): React.ReactNode {\n    if (noStyle && !hidden) {\n      return baseChildren\n    }\n\n    return (\n      <ItemHolder\n        key=\"row\"\n        {...props}\n        prefixCls={prefixCls}\n        fieldId={fieldId}\n        isRequired={isRequired}\n        errors={mergedErrors}\n        warnings={mergedWarnings}\n        meta={meta}\n        // TODO\n        // @ts-ignore\n        onSubItemMetaChange={onSubItemMetaChange}\n      >\n        {baseChildren}\n      </ItemHolder>\n    )\n  }\n\n  if (!hasName && !isRenderProps && !dependencies) {\n    if (isValidElement(children)) {\n      return renderLayout(\n        cloneElement(children, {\n          ...children.props,\n          disabled: children.props?.disabled ?? contextDisabled,\n          readonly: children.props?.readonly ?? contextReadonly,\n        })\n      ) as JSX.Element\n    }\n    return renderLayout(children) as JSX.Element\n  }\n\n  let variables: Record<string, string> = {}\n  if (typeof label === 'string') {\n    variables.label = label\n  } else if (name) {\n    variables.label = String(name)\n  }\n  if (messageVariables) {\n    variables = { ...variables, ...messageVariables }\n  }\n\n  // >>>>> With Field\n  return (\n    <Field\n      {...props}\n      messageVariables={variables}\n      trigger={trigger}\n      validateTrigger={mergedValidateTrigger}\n      onMetaChange={onMetaChange}\n    >\n      {(control, renderMeta, context) => {\n        const mergedName = toArray(name).length && renderMeta ? renderMeta.name : []\n        const fieldId = getFieldId(mergedName, formName)\n\n        const isRequired =\n          required !== undefined\n            ? required\n            : !!(\n                rules &&\n                rules.some((rule) => {\n                  if (rule && typeof rule === 'object' && rule.required && !rule.warningOnly) {\n                    return true\n                  }\n                  if (typeof rule === 'function') {\n                    const ruleEntity = rule(context)\n                    return ruleEntity && ruleEntity.required && !ruleEntity.warningOnly\n                  }\n                  return false\n                })\n              )\n\n        // ======================= Children =======================\n        const mergedControl: typeof control = {\n          ...control,\n        }\n\n        let childNode: React.ReactNode = null\n\n        warning(\n          !(shouldUpdate && dependencies),\n          'Form.Item',\n          \"`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps.\"\n        )\n        if (Array.isArray(children) && hasName) {\n          warning(\n            false,\n            'Form.Item',\n            '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.'\n          )\n          childNode = children\n        } else if (isRenderProps && (!(shouldUpdate || dependencies) || hasName)) {\n          warning(\n            !!(shouldUpdate || dependencies),\n            'Form.Item',\n            'A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`.'\n          )\n          warning(\n            !hasName,\n            'Form.Item',\n            'A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.'\n          )\n        } else if (dependencies && !isRenderProps && !hasName) {\n          warning(\n            false,\n            'Form.Item',\n            'Must set `name` or use a render function when `dependencies` is set.'\n          )\n        } else if (isValidElement(children)) {\n          warning(\n            children.props.defaultValue === undefined,\n            'Form.Item',\n            '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.'\n          )\n\n          const childProps = {\n            ...children.props,\n            ...mergedControl,\n            disabled: children.props?.disabled ?? contextDisabled,\n          }\n\n          if (contextReadonly !== undefined) {\n            childProps.readonly = children.props?.readonly ?? contextReadonly\n          }\n\n          if (!childProps.id) {\n            childProps.id = fieldId\n          }\n\n          if (props.help || mergedErrors.length > 0 || mergedWarnings.length > 0 || props.extra) {\n            const describedbyArr = []\n            if (props.help || mergedErrors.length > 0) {\n              describedbyArr.push(`${fieldId}_help`)\n            }\n            if (props.extra) {\n              describedbyArr.push(`${fieldId}_extra`)\n            }\n            childProps['aria-describedby'] = describedbyArr.join(' ')\n          }\n\n          if (mergedErrors.length > 0) {\n            childProps['aria-invalid'] = 'true'\n          }\n\n          if (isRequired) {\n            childProps['aria-required'] = 'true'\n          }\n\n          if (supportRef(children)) {\n            childProps.ref = getItemRef(mergedName, children)\n          }\n\n          // We should keep user origin event handler\n          const triggers = new Set<string>([...toArray(trigger), ...toArray(mergedValidateTrigger)])\n\n          triggers.forEach((eventName) => {\n            childProps[eventName] = (...args: any[]) => {\n              mergedControl[eventName]?.(...args)\n              // @ts-ignore\n              children?.props?.[eventName]?.(...args)\n            }\n          })\n\n          // List of props that need to be watched for changes -> if changes are detected in MemoInput -> rerender\n          const watchingChildProps = [\n            childProps['aria-required'],\n            childProps['aria-invalid'],\n            childProps['aria-describedby'],\n            childProps.disabled,\n            childProps.readonly,\n          ]\n\n          childNode = (\n            <MemoInput\n              value={mergedControl[props.valuePropName || 'value']}\n              update={children}\n              childProps={watchingChildProps}\n            >\n              {cloneElement(children, childProps)}\n            </MemoInput>\n          )\n        } else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {\n          childNode = (children as RenderChildren)(context)\n        } else {\n          warning(\n            !mergedName.length,\n            'Form.Item',\n            '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.'\n          )\n          childNode = children as React.ReactNode\n        }\n\n        return renderLayout(childNode, fieldId, isRequired)\n      }}\n    </Field>\n  )\n}\n\ntype InternalFormItemType = typeof InternalFormItem\n\ntype CompoundedComponent = InternalFormItemType & {\n  useStatus: typeof useFormItemStatus\n}\n\nconst FormItem = InternalFormItem as CompoundedComponent\nFormItem.useStatus = useFormItemStatus\n\nexport default FormItem\n"]}

package/lib/tntd-form/FormItemInput.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import type { ColProps } from '../col';
+import type { ValidateStatus } from './FormItem';
+interface FormItemInputMiscProps {
+    prefixCls: string;
+    children: React.ReactNode;
+    errors: React.ReactNode[];
+    warnings: React.ReactNode[];
+    marginBottom?: number | null;
+    onErrorVisibleChanged?: (visible: boolean) => void;
+    /** @internal do not use in any of your production. */
+    _internalItemRender?: {
+        mark: string;
+        render: (props: FormItemInputProps & FormItemInputMiscProps, domList: {
+            input: JSX.Element;
+            errorList: JSX.Element | null;
+            extra: JSX.Element | null;
+        }) => React.ReactNode;
+    };
+}
+export interface FormItemInputProps {
+    wrapperCol?: ColProps;
+    extra?: React.ReactNode;
+    status?: ValidateStatus;
+    help?: React.ReactNode;
+    fieldId?: string;
+}
+declare const FormItemInput: React.FC<FormItemInputProps & FormItemInputMiscProps>;
+export default FormItemInput;
+//# sourceMappingURL=FormItemInput.d.ts.map

package/lib/tntd-form/FormItemInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemInput.d.ts","sourceRoot":"","sources":["../../src/tntd-form/FormItemInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAItC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,sDAAsD;IACtD,mBAAmB,CAAC,EAAE;QACpB,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,CACN,KAAK,EAAE,kBAAkB,GAAG,sBAAsB,EAClD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG,CAAC,OAAO,CAAA;YAClB,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;YAC7B,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;SAC1B,KACE,KAAK,CAAC,SAAS,CAAA;KACrB,CAAA;CACF;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,sBAAsB,CAmFxE,CAAA;AAED,eAAe,aAAa,CAAA"}