tntd 2.6.6 → 2.7.0

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iDAAgE;AAGhE,0EAAiD;AACjD,yCAA4C;AAC5C,6CAA8B;AAC9B,iCAAkC;AAClC,mFAA0D;AAC1D,2DAAqD;AACrD,4FAAmE;AACnE,kDAAiE;AACjE,wCAAqC;AACrC,+DAAsC;AACtC,wCAA4D;AAG5D,2EAAkD;AAClD,qEAA4C;AAC5C,kCAA6C;AAC7C,8DAAqC;AAErC,MAAM,UAAU,GAAG,WAAW,CAAA;AAO9B,MAAM,gBAAgB,GAAG,IAAA,YAAK,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC,CAAA;AAc/E,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAC1B,CAAC,EAAE,QAAQ,EAAkB,EAAE,EAAE,CAAC,QAAuB,EACzD,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CACb,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;IACzB,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM;IAC3B,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,MAAM;IACjD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAC5E,CAAA;AAuBD,SAAS,YAAY,CAAC,IAAe;IACnC,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,IAAA,iBAAO,EAAC,KAAK,EAAE,WAAW,EAAE,qCAAqC,CAAC,CAAA;KACnE;IACD,OAAO,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC,CAAA;AAC/C,CAAC;AAED,SAAS,YAAY;IACnB,OAAO;QACL,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;KACT,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAe,KAA4B;;IAClE,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,OAAO,GAAG,UAAU,EACpB,eAAe,EACf,MAAM,GACP,GAAG,KAAK,CAAA;IACT,OAAO;IACP,aAAa;IACb,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAa,CAAC,CAAA;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAU,EAAC,qBAAW,CAAC,CAAA;IAClD,MAAM,aAAa,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAA;IACpD,MAAM,sBAAsB,GAAG,IAAA,kBAAU,EAAC,4BAAkB,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAA;IACnD,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAA,kBAAU,EAAC,qBAAW,CAAC,CAAA;IAE7D,MAAM,EAAE,eAAe,EAAE,sBAAsB,EAAE,GAAG,IAAA,kBAAU,EAAC,4BAAY,CAAC,CAAA;IAC5E,MAAM,qBAAqB,GACzB,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAA;IAE1E,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IAElC,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAA;IAE1D,2DAA2D;IAC3D,8BAA8B;IAC9B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAW,CAAC,CAAA;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,EAAe,CAAA;IAEnD,2DAA2D;IAC3D,iCAAiC;IACjC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,uBAAa,EAA6B,EAAE,CAAC,CAAA;IAEzF,6BAA6B;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,kBAAQ,EAAO,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAA;IAE5D,MAAM,YAAY,GAAG,CAAC,QAAsC,EAAE,EAAE;QAC9D,oDAAoD;QACpD,gEAAgE;QAChE,8DAA8D;QAC9D,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAElD,kCAAkC;QAClC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QAE3D,+BAA+B;QAC/B,IAAI,OAAO,IAAI,sBAAsB,EAAE;YACrC,IAAI,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAA;YAE5B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;gBACrB,IAAI,OAAO,KAAK,SAAS,EAAE;oBACzB,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAA;oBACpC,QAAQ,GAAG,CAAC,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAA;oBAClC,eAAe,CAAC,OAAO,GAAG,QAAQ,CAAA;iBACnC;aACF;iBAAM;gBACL,wBAAwB;gBACxB,QAAQ,GAAG,eAAe,CAAC,OAAO,IAAI,QAAQ,CAAA;aAC/C;YACD,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;SAC3C;IACH,CAAC,CAAA;IAED,wDAAwD;IACxD,MAAM,mBAAmB,GAAG,CAAC,OAAoC,EAAE,UAAuB,EAAE,EAAE;QAC5F,uCAAuC;QACvC,iBAAiB,CAAC,CAAC,kBAAkB,EAAE,EAAE;YACvC,MAAM,KAAK,qBACN,kBAAkB,CACtB,CAAA;YAED,6CAA6C;YAC7C,MAAM,cAAc,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,UAAU,CAAC,CAAA;YACpE,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAErD,IAAI,OAAO,CAAC,OAAO,EAAE;gBACnB,SAAS;gBACT,OAAO,KAAK,CAAC,aAAa,CAAC,CAAA;aAC5B;iBAAM;gBACL,SAAS;gBACT,KAAK,CAAC,aAAa,CAAC,GAAG,OAAO,CAAA;aAC/B;YAED,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,0BAA0B;IAC1B,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxD,MAAM,SAAS,GAAa,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;QAC5C,MAAM,WAAW,GAAa,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;QAEhD,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,EAAE;YACtD,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAA;YAC/C,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAA;QACrD,CAAC,CAAC,CAAA;QAEF,OAAO,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEhD,2DAA2D;IAC3D,MAAM,UAAU,GAAG,IAAA,oBAAU,GAAE,CAAA;IAE/B,2DAA2D;IAC3D,SAAS,YAAY,CACnB,YAA6B,EAC7B,OAAgB,EAChB,UAAoB;QAEpB,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE;YACtB,OAAO,YAAY,CAAA;SACpB;QAED,OAAO,CACL,oBAAC,oBAAU,kBACT,GAAG,EAAC,KAAK,IACL,KAAK,IACT,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI;YACV,OAAO;YACP,aAAa;YACb,mBAAmB,EAAE,mBAAmB,KAEvC,YAAY,CACF,CACd,CAAA;IACH,CAAC;IAED,IAAI,CAAC,OAAO,IAAI,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE;QAC/C,IAAI,IAAA,0BAAc,EAAC,QAAQ,CAAC,EAAE;YAC5B,OAAO,YAAY,CACjB,IAAA,wBAAY,EAAC,QAAQ,kCAChB,QAAQ,CAAC,KAAK,KACjB,QAAQ,EAAE,MAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,QAAQ,mCAAI,eAAe,EACrD,QAAQ,EAAE,MAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,QAAQ,mCAAI,eAAe,IACrD,CACY,CAAA;SACjB;QACD,OAAO,YAAY,CAAC,QAAQ,CAAgB,CAAA;KAC7C;IAED,IAAI,SAAS,GAA2B,EAAE,CAAA;IAC1C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,SAAS,CAAC,KAAK,GAAG,KAAK,CAAA;KACxB;SAAM,IAAI,IAAI,EAAE;QACf,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;KAC/B;IACD,IAAI,gBAAgB,EAAE;QACpB,SAAS,mCAAQ,SAAS,GAAK,gBAAgB,CAAE,CAAA;KAClD;IAED,mBAAmB;IACnB,OAAO,CACL,oBAAC,qBAAK,oBACA,KAAK,IACT,gBAAgB,EAAE,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,qBAAqB,EACtC,YAAY,EAAE,YAAY,KAEzB,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE;;QAChC,MAAM,UAAU,GAAG,IAAA,cAAO,EAAC,IAAI,CAAC,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;QAC5E,MAAM,OAAO,GAAG,IAAA,iBAAU,EAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QAEhD,MAAM,UAAU,GACd,QAAQ,KAAK,SAAS;YACpB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,CAAC,CAAC,CACA,KAAK;gBACL,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;wBAC1E,OAAO,IAAI,CAAA;qBACZ;oBACD,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;wBAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,CAAA;wBAChC,OAAO,UAAU,IAAI,UAAU,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,WAAW,CAAA;qBACpE;oBACD,OAAO,KAAK,CAAA;gBACd,CAAC,CAAC,CACH,CAAA;QAEP,2DAA2D;QAC3D,MAAM,aAAa,qBACd,OAAO,CACX,CAAA;QAED,IAAI,SAAS,GAAoB,IAAI,CAAA;QAErC,IAAA,iBAAO,EACL,CAAC,CAAC,YAAY,IAAI,YAAY,CAAC,EAC/B,WAAW,EACX,mGAAmG,CACpG,CAAA;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,OAAO,EAAE;YACtC,IAAA,iBAAO,EACL,KAAK,EACL,WAAW,EACX,0KAA0K,CAC3K,CAAA;YACD,SAAS,GAAG,QAAQ,CAAA;SACrB;aAAM,IAAI,aAAa,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,CAAC,IAAI,OAAO,CAAC,EAAE;YACxE,IAAA,iBAAO,EACL,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,CAAC,EAChC,WAAW,EACX,yFAAyF,CAC1F,CAAA;YACD,IAAA,iBAAO,EACL,CAAC,OAAO,EACR,WAAW,EACX,6FAA6F,CAC9F,CAAA;SACF;aAAM,IAAI,YAAY,IAAI,CAAC,aAAa,IAAI,CAAC,OAAO,EAAE;YACrD,IAAA,iBAAO,EACL,KAAK,EACL,WAAW,EACX,sEAAsE,CACvE,CAAA;SACF;aAAM,IAAI,IAAA,0BAAc,EAAC,QAAQ,CAAC,EAAE;YACnC,IAAA,iBAAO,EACL,QAAQ,CAAC,KAAK,CAAC,YAAY,KAAK,SAAS,EACzC,WAAW,EACX,mGAAmG,CACpG,CAAA;YAED,MAAM,UAAU,iDACX,QAAQ,CAAC,KAAK,GACd,aAAa,KAChB,QAAQ,EAAE,MAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,QAAQ,mCAAI,eAAe,GACtD,CAAA;YAED,IAAI,eAAe,KAAK,SAAS,EAAE;gBACjC,UAAU,CAAC,QAAQ,GAAG,MAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,QAAQ,mCAAI,eAAe,CAAA;aAClE;YAED,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE;gBAClB,UAAU,CAAC,EAAE,GAAG,OAAO,CAAA;aACxB;YAED,IAAI,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE;gBACrF,MAAM,cAAc,GAAG,EAAE,CAAA;gBACzB,IAAI,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;oBACzC,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,OAAO,CAAC,CAAA;iBACvC;gBACD,IAAI,KAAK,CAAC,KAAK,EAAE;oBACf,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAA;iBACxC;gBACD,UAAU,CAAC,kBAAkB,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;aAC1D;YAED,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3B,UAAU,CAAC,cAAc,CAAC,GAAG,MAAM,CAAA;aACpC;YAED,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,eAAe,CAAC,GAAG,MAAM,CAAA;aACrC;YAED,IAAI,IAAA,gBAAU,EAAC,QAAQ,CAAC,EAAE;gBACxB,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;aAClD;YAED,2CAA2C;YAC3C,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAS,CAAC,GAAG,IAAA,cAAO,EAAC,OAAO,CAAC,EAAE,GAAG,IAAA,cAAO,EAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;YAE1F,QAAQ,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBAC7B,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;;oBACzC,MAAA,aAAa,CAAC,SAAS,CAAC,8DAAG,GAAG,IAAI,CAAC,CAAA;oBACnC,aAAa;oBACb,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAG,SAAS,CAAC,mDAAG,GAAG,IAAI,CAAC,CAAA;gBACzC,CAAC,CAAA;YACH,CAAC,CAAC,CAAA;YAEF,wGAAwG;YACxG,MAAM,kBAAkB,GAAG;gBACzB,UAAU,CAAC,eAAe,CAAC;gBAC3B,UAAU,CAAC,cAAc,CAAC;gBAC1B,UAAU,CAAC,kBAAkB,CAAC;gBAC9B,UAAU,CAAC,QAAQ;gBACnB,UAAU,CAAC,QAAQ;aACpB,CAAA;YAED,SAAS,GAAG,CACV,oBAAC,SAAS,IACR,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,aAAa,IAAI,OAAO,CAAC,EACpD,MAAM,EAAE,QAAQ,EAChB,UAAU,EAAE,kBAAkB,IAE7B,IAAA,wBAAY,EAAC,QAAQ,EAAE,UAAU,CAAC,CACzB,CACb,CAAA;SACF;aAAM,IAAI,aAAa,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE;YACtE,SAAS,GAAI,QAA2B,CAAC,OAAO,CAAC,CAAA;SAClD;aAAM;YACL,IAAA,iBAAO,EACL,CAAC,UAAU,CAAC,MAAM,EAClB,WAAW,EACX,6HAA6H,CAC9H,CAAA;YACD,SAAS,GAAG,QAA2B,CAAA;SACxC;QAED,OAAO,YAAY,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;IACrD,CAAC,CACK,CACT,CAAA;AACH,CAAC;AAQD,MAAM,QAAQ,GAAG,gBAAuC,CAAA;AACxD,QAAQ,CAAC,SAAS,GAAG,2BAAiB,CAAA;AAEtC,kBAAe,QAAQ,CAAA","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"}

package/lib/tntd-form/FormItemInput.js

@@ -0,0 +1,66 @@
+"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 classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const col_1 = __importDefault(require("../col"));
+const context_1 = require("./context");
+const ErrorList_1 = __importDefault(require("./ErrorList"));
+const FormItemInput = (props) => {
+    const { prefixCls, status, wrapperCol, children, errors, warnings, _internalItemRender: formItemRender, extra, help, fieldId, marginBottom, onErrorVisibleChanged, } = props;
+    const baseClassName = `${prefixCls}-item`;
+    const formContext = React.useContext(context_1.FormContext);
+    const mergedWrapperCol = wrapperCol || formContext.wrapperCol || {};
+    const className = (0, classnames_1.default)(`${baseClassName}-control`, mergedWrapperCol.className);
+    // Pass to sub FormItem should not with col info
+    const subFormContext = React.useMemo(() => (Object.assign({}, formContext)), [formContext]);
+    delete subFormContext.labelCol;
+    delete subFormContext.wrapperCol;
+    const inputDom = (React.createElement("div", { className: `${baseClassName}-control-input` },
+        React.createElement("div", { className: `${baseClassName}-control-input-content` }, children)));
+    const formItemContext = React.useMemo(() => ({ prefixCls, status }), [prefixCls, status]);
+    const errorListDom = marginBottom !== null || errors.length || warnings.length ? (React.createElement("div", { style: { display: 'flex', flexWrap: 'nowrap' } },
+        React.createElement(context_1.FormItemPrefixContext.Provider, { value: formItemContext },
+            React.createElement(ErrorList_1.default, { fieldId: fieldId, errors: errors, warnings: warnings, help: help, helpStatus: status, className: `${baseClassName}-explain-connected`, onVisibleChanged: onErrorVisibleChanged })),
+        !!marginBottom && React.createElement("div", { style: { width: 0, height: marginBottom } }))) : null;
+    const extraProps = {};
+    if (fieldId) {
+        extraProps.id = `${fieldId}_extra`;
+    }
+    // If extra = 0, && will goes wrong
+    // 0&&error -> 0
+    const extraDom = extra ? (React.createElement("div", Object.assign({}, extraProps, { className: `${baseClassName}-extra` }), extra)) : null;
+    const dom = formItemRender && formItemRender.mark === 'pro_table_render' && formItemRender.render ? (formItemRender.render(props, { input: inputDom, errorList: errorListDom, extra: extraDom })) : (React.createElement(React.Fragment, null,
+        inputDom,
+        errorListDom,
+        extraDom));
+    return (React.createElement(context_1.FormContext.Provider, { value: subFormContext },
+        React.createElement(col_1.default, Object.assign({}, mergedWrapperCol, { className: className }), dom)));
+};
+exports.default = FormItemInput;
+//# sourceMappingURL=FormItemInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemInput.js","sourceRoot":"","sources":["../../src/tntd-form/FormItemInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\n// import type { ColProps } from '../grid/col';\n// import Col from '../grid/col';\nimport type { ColProps } from '../col'\nimport Col from '../col'\nimport { FormContext, FormItemPrefixContext } from './context'\nimport ErrorList from './ErrorList'\nimport type { ValidateStatus } from './FormItem'\n\ninterface FormItemInputMiscProps {\n  prefixCls: string\n  children: React.ReactNode\n  errors: React.ReactNode[]\n  warnings: React.ReactNode[]\n  marginBottom?: number | null\n  onErrorVisibleChanged?: (visible: boolean) => void\n  /** @internal do not use in any of your production. */\n  _internalItemRender?: {\n    mark: string\n    render: (\n      props: FormItemInputProps & FormItemInputMiscProps,\n      domList: {\n        input: JSX.Element\n        errorList: JSX.Element | null\n        extra: JSX.Element | null\n      }\n    ) => React.ReactNode\n  }\n}\n\nexport interface FormItemInputProps {\n  wrapperCol?: ColProps\n  extra?: React.ReactNode\n  status?: ValidateStatus\n  help?: React.ReactNode\n  fieldId?: string\n}\n\nconst FormItemInput: React.FC<FormItemInputProps & FormItemInputMiscProps> = (props) => {\n  const {\n    prefixCls,\n    status,\n    wrapperCol,\n    children,\n    errors,\n    warnings,\n    _internalItemRender: formItemRender,\n    extra,\n    help,\n    fieldId,\n    marginBottom,\n    onErrorVisibleChanged,\n  } = props\n  const baseClassName = `${prefixCls}-item`\n\n  const formContext = React.useContext(FormContext)\n\n  const mergedWrapperCol: ColProps = wrapperCol || formContext.wrapperCol || {}\n\n  const className = classNames(`${baseClassName}-control`, mergedWrapperCol.className)\n\n  // Pass to sub FormItem should not with col info\n  const subFormContext = React.useMemo(() => ({ ...formContext }), [formContext])\n  delete subFormContext.labelCol\n  delete subFormContext.wrapperCol\n\n  const inputDom = (\n    <div className={`${baseClassName}-control-input`}>\n      <div className={`${baseClassName}-control-input-content`}>{children}</div>\n    </div>\n  )\n  const formItemContext = React.useMemo(() => ({ prefixCls, status }), [prefixCls, status])\n  const errorListDom =\n    marginBottom !== null || errors.length || warnings.length ? (\n      <div style={{ display: 'flex', flexWrap: 'nowrap' }}>\n        <FormItemPrefixContext.Provider value={formItemContext}>\n          <ErrorList\n            fieldId={fieldId}\n            errors={errors}\n            warnings={warnings}\n            help={help}\n            helpStatus={status}\n            className={`${baseClassName}-explain-connected`}\n            onVisibleChanged={onErrorVisibleChanged}\n          />\n        </FormItemPrefixContext.Provider>\n        {!!marginBottom && <div style={{ width: 0, height: marginBottom }} />}\n      </div>\n    ) : null\n\n  const extraProps: { id?: string } = {}\n\n  if (fieldId) {\n    extraProps.id = `${fieldId}_extra`\n  }\n\n  // If extra = 0, && will goes wrong\n  // 0&&error -> 0\n  const extraDom = extra ? (\n    <div {...extraProps} className={`${baseClassName}-extra`}>\n      {extra}\n    </div>\n  ) : null\n\n  const dom =\n    formItemRender && formItemRender.mark === 'pro_table_render' && formItemRender.render ? (\n      formItemRender.render(props, { input: inputDom, errorList: errorListDom, extra: extraDom })\n    ) : (\n      <>\n        {inputDom}\n        {errorListDom}\n        {extraDom}\n      </>\n    )\n  return (\n    <FormContext.Provider value={subFormContext}>\n      <Col {...mergedWrapperCol} className={className}>\n        {dom}\n      </Col>\n    </FormContext.Provider>\n  )\n}\n\nexport default FormItemInput\n"]}

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ColProps } from '../col';
+import type { TooltipProps } from '../tooltip';
+import type { RequiredMark } from './Form';
+import type { FormLabelAlign } from './interface';
+export declare type WrapperTooltipProps = TooltipProps & {
+    icon?: React.ReactElement;
+};
+export declare type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
+export interface FormItemLabelProps {
+    colon?: boolean;
+    htmlFor?: string;
+    label?: React.ReactNode;
+    labelAlign?: FormLabelAlign;
+    labelCol?: ColProps;
+    requiredMark?: RequiredMark;
+    tooltip?: LabelTooltipType;
+}
+declare const FormItemLabel: React.FC<FormItemLabelProps & {
+    required?: boolean;
+    prefixCls: string;
+}>;
+export default FormItemLabel;
+//# sourceMappingURL=FormItemLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemLabel.d.ts","sourceRoot":"","sources":["../../src/tntd-form/FormItemLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAItC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAI9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,oBAAY,mBAAmB,GAAG,YAAY,GAAG;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC1B,CAAA;AAED,oBAAY,gBAAgB,GAAG,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAAA;AAgBpE,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAiG3F,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/tntd-form/FormItemLabel.js

@@ -0,0 +1,101 @@
+"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 icon_1 = __importDefault(require("../icon"));
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const col_1 = __importDefault(require("../col"));
+const tooltip_1 = __importDefault(require("../tooltip"));
+const context_1 = require("./context");
+function toTooltipProps(tooltip) {
+    if (!tooltip) {
+        return null;
+    }
+    if (typeof tooltip === 'object' && !React.isValidElement(tooltip)) {
+        return tooltip;
+    }
+    return {
+        title: tooltip,
+    };
+}
+const FormItemLabel = ({ prefixCls, label, htmlFor, labelCol, labelAlign, colon, required, requiredMark, tooltip, }) => {
+    // const [formLocale] = useLocaleReceiver('Form');
+    if (!label)
+        return null;
+    return (React.createElement(context_1.FormContext.Consumer, { key: "label" }, ({ vertical, labelAlign: contextLabelAlign, labelCol: contextLabelCol, labelWrap, colon: contextColon, }) => {
+        const mergedLabelCol = labelCol || contextLabelCol || {};
+        const mergedLabelAlign = labelAlign || contextLabelAlign;
+        const labelClsBasic = `${prefixCls}-item-label`;
+        const labelColClassName = (0, classnames_1.default)(labelClsBasic, mergedLabelAlign === 'left' && `${labelClsBasic}-left`, mergedLabelCol.className, {
+            [`${labelClsBasic}-wrap`]: !!labelWrap,
+        });
+        let labelChildren = label;
+        // Keep label is original where there should have no colon
+        const computedColon = colon === true || (contextColon !== false && colon !== false);
+        const haveColon = computedColon && !vertical;
+        // Remove duplicated user input colon
+        if (haveColon && typeof label === 'string' && label.trim() !== '') {
+            labelChildren = label.replace(/[:|：]\s*$/, '');
+        }
+        // Tooltip
+        const tooltipProps = toTooltipProps(tooltip);
+        if (tooltipProps) {
+            const { icon = React.createElement(icon_1.default, { type: "question-circle" }) } = tooltipProps, restTooltipProps = __rest(tooltipProps, ["icon"]);
+            const tooltipNode = (React.createElement(tooltip_1.default, Object.assign({}, restTooltipProps), React.cloneElement(icon, { className: `${prefixCls}-item-tooltip`, title: '' })));
+            labelChildren = (React.createElement(React.Fragment, null,
+                labelChildren,
+                tooltipNode));
+        }
+        // Add required mark if optional
+        if (requiredMark === 'optional' && !required) {
+            labelChildren = (React.createElement(React.Fragment, null,
+                labelChildren,
+                React.createElement("span", { className: `${prefixCls}-item-optional`, title: "" })));
+        }
+        const labelClassName = (0, classnames_1.default)({
+            [`${prefixCls}-item-required`]: required,
+            [`${prefixCls}-item-required-mark-optional`]: requiredMark === 'optional',
+            [`${prefixCls}-item-no-colon`]: !computedColon,
+        });
+        return (React.createElement(col_1.default, Object.assign({}, mergedLabelCol, { className: labelColClassName }),
+            React.createElement("label", { htmlFor: htmlFor, className: labelClassName, title: typeof label === 'string' ? label : '' }, labelChildren)));
+    }));
+};
+exports.default = FormItemLabel;
+//# sourceMappingURL=FormItemLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemLabel.js","sourceRoot":"","sources":["../../src/tntd-form/FormItemLabel.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon from '../icon'\nimport classNames from 'classnames'\nimport * as React from 'react'\n// import type { ColProps } from '../grid/col';\n// import Col from '../grid/col';\nimport type { ColProps } from '../col'\nimport Col from '../col'\n// import { useLocaleReceiver } from '../locale-provider/LocaleReceiver';\n// import defaultLocale from '../locale/default';\nimport type { TooltipProps } from '../tooltip'\nimport Tooltip from '../tooltip'\nimport type { FormContextProps } from './context'\nimport { FormContext } from './context'\nimport type { RequiredMark } from './Form'\nimport type { FormLabelAlign } from './interface'\n\nexport type WrapperTooltipProps = TooltipProps & {\n  icon?: React.ReactElement\n}\n\nexport type LabelTooltipType = WrapperTooltipProps | React.ReactNode\n\nfunction toTooltipProps(tooltip: LabelTooltipType): WrapperTooltipProps | null {\n  if (!tooltip) {\n    return null\n  }\n\n  if (typeof tooltip === 'object' && !React.isValidElement(tooltip)) {\n    return tooltip as WrapperTooltipProps\n  }\n\n  return {\n    title: tooltip,\n  }\n}\n\nexport interface FormItemLabelProps {\n  colon?: boolean\n  htmlFor?: string\n  label?: React.ReactNode\n  labelAlign?: FormLabelAlign\n  labelCol?: ColProps\n  requiredMark?: RequiredMark\n  tooltip?: LabelTooltipType\n}\n\nconst FormItemLabel: React.FC<FormItemLabelProps & { required?: boolean; prefixCls: string }> = ({\n  prefixCls,\n  label,\n  htmlFor,\n  labelCol,\n  labelAlign,\n  colon,\n  required,\n  requiredMark,\n  tooltip,\n}) => {\n  // const [formLocale] = useLocaleReceiver('Form');\n\n  if (!label) return null\n\n  return (\n    <FormContext.Consumer key=\"label\">\n      {({\n        vertical,\n        labelAlign: contextLabelAlign,\n        labelCol: contextLabelCol,\n        labelWrap,\n        colon: contextColon,\n      }: FormContextProps) => {\n        const mergedLabelCol: ColProps = labelCol || contextLabelCol || {}\n\n        const mergedLabelAlign: FormLabelAlign | undefined = labelAlign || contextLabelAlign\n\n        const labelClsBasic = `${prefixCls}-item-label`\n        const labelColClassName = classNames(\n          labelClsBasic,\n          mergedLabelAlign === 'left' && `${labelClsBasic}-left`,\n          mergedLabelCol.className,\n          {\n            [`${labelClsBasic}-wrap`]: !!labelWrap,\n          }\n        )\n\n        let labelChildren = label\n        // Keep label is original where there should have no colon\n        const computedColon = colon === true || (contextColon !== false && colon !== false)\n        const haveColon = computedColon && !vertical\n        // Remove duplicated user input colon\n        if (haveColon && typeof label === 'string' && (label as string).trim() !== '') {\n          labelChildren = (label as string).replace(/[:|：]\\s*$/, '')\n        }\n\n        // Tooltip\n        const tooltipProps = toTooltipProps(tooltip)\n        if (tooltipProps) {\n          const { icon = <Icon type=\"question-circle\" />, ...restTooltipProps } = tooltipProps\n          const tooltipNode = (\n            <Tooltip {...restTooltipProps}>\n              {React.cloneElement(icon, { className: `${prefixCls}-item-tooltip`, title: '' })}\n            </Tooltip>\n          )\n\n          labelChildren = (\n            <>\n              {labelChildren}\n              {tooltipNode}\n            </>\n          )\n        }\n\n        // Add required mark if optional\n        if (requiredMark === 'optional' && !required) {\n          labelChildren = (\n            <>\n              {labelChildren}\n              <span className={`${prefixCls}-item-optional`} title=\"\">\n                {/* {formLocale?.optional || defaultLocale.Form?.optional} */}\n              </span>\n            </>\n          )\n        }\n\n        const labelClassName = classNames({\n          [`${prefixCls}-item-required`]: required,\n          [`${prefixCls}-item-required-mark-optional`]: requiredMark === 'optional',\n          [`${prefixCls}-item-no-colon`]: !computedColon,\n        })\n\n        return (\n          <Col {...mergedLabelCol} className={labelColClassName}>\n            <label\n              htmlFor={htmlFor}\n              className={labelClassName}\n              title={typeof label === 'string' ? label : ''}\n            >\n              {labelChildren}\n            </label>\n          </Col>\n        )\n      }}\n    </FormContext.Consumer>\n  )\n}\n\nexport default FormItemLabel\n"]}

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

@@ -0,0 +1,26 @@
+import type { StoreValue, ValidatorRule } from 'rc-field-form/lib/interface';
+import * as React from 'react';
+export interface FormListFieldData {
+    name: number;
+    key: number;
+    /** @deprecated No need anymore Use key instead */
+    fieldKey?: number;
+}
+export interface FormListOperation {
+    add: (defaultValue?: StoreValue, insertIndex?: number) => void;
+    remove: (index: number | number[]) => void;
+    move: (from: number, to: number) => void;
+}
+export interface FormListProps {
+    prefixCls?: string;
+    name: string | number | (string | number)[];
+    rules?: ValidatorRule[];
+    initialValue?: any[];
+    children: (fields: FormListFieldData[], operation: FormListOperation, meta: {
+        errors: React.ReactNode[];
+        warnings: React.ReactNode[];
+    }) => React.ReactNode;
+}
+declare const FormList: React.FC<FormListProps>;
+export default FormList;
+//# sourceMappingURL=FormList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormList.d.ts","sourceRoot":"","sources":["../../src/tntd-form/FormList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3C,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,GAAG,EAAE,CAAA;IACpB,QAAQ,EAAE,CACR,MAAM,EAAE,iBAAiB,EAAE,EAC3B,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE;QAAE,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;KAAE,KAC7D,KAAK,CAAC,SAAS,CAAA;CACrB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmCrC,CAAA;AAED,eAAe,QAAQ,CAAA"}