@vunk/form 1.3.0 → 1.4.0

package/components/form/src/types.d.ts

@@ -0,0 +1,12 @@
+import { __VkfTemplatesDefault } from '@vunk/form/components/templates-default';
+import { __VkfTemplatesLayout } from '@vunk/form/components/templates-layout';
+export type FormItem<P extends string = string> = (__VkfTemplatesDefault.Source<P> | __VkfTemplatesLayout.ElRowSource<FormItem<P>> | __VkfTemplatesLayout.ElColSource<FormItem<P>> | __VkfTemplatesLayout.VkfFlexSource<FormItem<P>>) & {
+    /**
+     * 如果开启 props.itemLayout，那么
+     * span 将生效
+     * 1-24 之间的数字
+     */
+    span?: number;
+};
+export type ColItem = __VkfTemplatesLayout.ElColSource<FormItem>;
+export type RowItem = __VkfTemplatesLayout.ElRowSource<ColItem>;

package/components/form/src/utils.d.ts

@@ -0,0 +1,15 @@
+import { ColItem, FormItem, RowItem } from './types';
+import { __VkfTemplatesLayout } from '@vunk/form/components/templates-layout';
+/**
+ * 判断 Row 中有多少空位
+ * @param row
+ * @returns
+ */
+export declare const getRowEmptySpan: (row: RowItem) => number;
+/**
+ * 根据 formItem 当前的 span 包装出 elCol 的数据
+ * @param formItem
+ * @returns
+ */
+export declare const genColItem: (formItem: FormItem, options?: Partial<ColItem>) => __VkfTemplatesLayout.ElColSource<FormItem>;
+export declare const genRowItem: (defaultItem: ColItem, options?: Partial<RowItem>) => RowItem;

package/components/form-item/index.d.ts

@@ -0,0 +1,5 @@
+import VkfFormItem from './src/index.vue';
+export * as __VkfFormItem from './src/types';
+export * as _VkfFormItemCtx from './src/ctx';
+export { VkfFormItem, };
+export default VkfFormItem;

package/components/form-item/src/ctx.d.ts

@@ -0,0 +1,62 @@
+import { FormItemSlots } from './types';
+import { PropType } from 'vue';
+declare const _props: {
+    formItemSize: {
+        type: PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: PropType<FormItemSlots>;
+        default: any;
+    };
+    elRef: {
+        type: PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    labelPosition: {
+        type: PropType<"right">;
+        default: string;
+    };
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export declare const props: Omit<typeof _props, "size">;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>, KE> : Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: { [k in Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: T2[k]; }[P]; }>;
+export {};

package/components/form-item/src/index.vue.d.ts

@@ -0,0 +1,320 @@
+import { FormItemRule } from 'element-plus';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<Omit<{
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("./types").FormItemSlots>;
+        default: any;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"right">;
+        default: string;
+    };
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<FormItemRule>) | ((new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, "size">>, {
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        label: string;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        prop: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>;
+        error: string;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>;
+        for: string;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    }>;
+    readonly: import("vue").ComputedRef<boolean>;
+    rules: import("vue").ComputedRef<FormItemRule[]>;
+    localeName: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Omit<{
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("./types").FormItemSlots>;
+        default: any;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"right">;
+        default: string;
+    };
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<FormItemRule>) | ((new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, "size">>> & Readonly<{}>, {
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    formItemSize: "default" | "small" | "large";
+    formItemSlots: import("./types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
+    labelPosition: "right";
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}, {
+    ElFormItem: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly label: StringConstructor;
+        readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly prop: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/form/src/form-item").FormItemProp & {}) | (() => import("element-plus/es/components/form/src/form-item").FormItemProp) | ((new (...args: any[]) => import("element-plus/es/components/form/src/form-item").FormItemProp & {}) | (() => import("element-plus/es/components/form/src/form-item").FormItemProp))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+        readonly rules: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/form/src/types").FormItemRule | import("element-plus/es/components/form/src/types").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/types").FormItemRule>) | ((new (...args: any[]) => import("element-plus/es/components/form/src/types").FormItemRule | import("element-plus/es/components/form/src/types").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/types").FormItemRule>))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly error: StringConstructor;
+        readonly validateStatus: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly for: StringConstructor;
+        readonly inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+        readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly size: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly label: StringConstructor;
+            readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly prop: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+            readonly rules: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/form/src/types").FormItemRule | import("element-plus/es/components/form/src/types").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/types").FormItemRule>) | ((new (...args: any[]) => import("element-plus/es/components/form/src/types").FormItemRule | import("element-plus/es/components/form/src/types").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/types").FormItemRule>))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly error: StringConstructor;
+            readonly validateStatus: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly for: StringConstructor;
+            readonly inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+            readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly size: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        formContext: import("element-plus").FormContext | undefined;
+        parentFormItemContext: import("element-plus").FormItemContext | undefined;
+        _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        labelId: string;
+        inputIds: import("vue").Ref<string[]>;
+        validateState: import("vue").Ref<"" | "success" | "error" | "validating">;
+        validateStateDebounced: Readonly<import("vue").Ref<"" | "success" | "error" | "validating">>;
+        validateMessage: import("vue").Ref<string>;
+        formItemRef: import("vue").Ref<HTMLDivElement | undefined>;
+        initialValue: any;
+        isResettingField: boolean;
+        labelStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        contentStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        formItemClasses: import("vue").ComputedRef<(string | {
+            [x: string]: boolean | undefined;
+        })[]>;
+        _inlineMessage: import("vue").ComputedRef<boolean>;
+        validateClasses: import("vue").ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        propString: import("vue").ComputedRef<string>;
+        hasLabel: import("vue").ComputedRef<boolean>;
+        labelFor: import("vue").ComputedRef<string | undefined>;
+        isGroup: import("vue").ComputedRef<boolean>;
+        isNested: boolean;
+        fieldValue: import("vue").ComputedRef<any>;
+        normalizedRules: import("vue").ComputedRef<import("element-plus/es/components/form/src/types").FormItemRule[]>;
+        validateEnabled: import("vue").ComputedRef<boolean>;
+        getFilteredRule: (trigger: string) => import("async-validator").RuleItem[];
+        isRequired: import("vue").ComputedRef<boolean>;
+        shouldShowError: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        currentLabel: import("vue").ComputedRef<string>;
+        setValidationState: (state: "" | "success" | "error" | "validating") => void;
+        onValidationFailed: (error: import("element-plus/es/components/form/src/types").FormValidateFailure) => void;
+        onValidationSucceeded: () => void;
+        doValidate: (rules: import("async-validator").RuleItem[]) => Promise<true>;
+        validate: (trigger: string, callback?: import("element-plus/es/components/form/src/types").FormValidateCallback | undefined) => import("element-plus/es/components/form/src/types").FormValidationResult;
+        clearValidate: () => void;
+        resetField: () => void;
+        addInputId: (id: string) => void;
+        removeInputId: (id: string) => void;
+        context: import("element-plus").FormItemContext;
+        FormLabelWrap: import("vue").DefineComponent<{
+            isAutoWidth: BooleanConstructor;
+            updateAll: BooleanConstructor;
+        }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            isAutoWidth: BooleanConstructor;
+            updateAll: BooleanConstructor;
+        }>>, {
+            isAutoWidth: boolean;
+            updateAll: boolean;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly label: StringConstructor;
+        readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly prop: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+        readonly rules: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/form/src/types").FormItemRule | import("element-plus/es/components/form/src/types").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/types").FormItemRule>) | ((new (...args: any[]) => import("element-plus/es/components/form/src/types").FormItemRule | import("element-plus/es/components/form/src/types").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/types").FormItemRule>))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly error: StringConstructor;
+        readonly validateStatus: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly for: StringConstructor;
+        readonly inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+        readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly size: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>>, {
+        readonly required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/form-item/src/types.d.ts

@@ -0,0 +1,6 @@
+import type { Func } from '@vunk/core';
+export type FormItemSlots = {
+    label: Func<{
+        label: string;
+    }>;
+};

package/components/form-item-renderer/index.cjs

@@ -23,26 +23,20 @@ const props = {
 };
 
 const S_TEMPLATE_INSTANCES = Symbol("templateInstances");
+const parentTemplateInstancesSymbol = Symbol("parentTemplateInstancesSymbol");
 
 const VkfFormItemRenderer$1 = vue.defineComponent({
   name: "VkfFormItemRenderer",
   props: props,
-  setup(props$1, ctx) {
-    const templateInstances = props$1.templateInstances ?? vue.shallowReactive({});
+  setup(props, ctx) {
+    const pTemplateInstances = vue.inject(parentTemplateInstancesSymbol, null);
+    const templateInstances = props.templateInstances ?? pTemplateInstances ?? vue.shallowReactive({});
     vue.provide(S_TEMPLATE_INSTANCES, templateInstances);
-    const Renderer = vue.defineComponent({
-      props: props,
-      setup(props2) {
-        return () => vue.h(VkfFormItemRenderer$1, {
-          templateInstances,
-          source: props2.source,
-          k: props2.k
-        });
-      }
-    });
+    vue.provide(parentTemplateInstancesSymbol, templateInstances);
+    const Renderer = VkfFormItemRenderer$1;
     const renderFormItems = (data, pK = []) => {
       return data.reduce((a, c, index) => {
-        const currentK = [...props$1.k, ...pK, index];
+        const currentK = [...props.k, ...pK, index];
         const validateTemplateType = () => {
           vue.nextTick(() => {
             if (c.templateType && !templateInstances[c.templateType]) {
@@ -81,7 +75,7 @@ const VkfFormItemRenderer$1 = vue.defineComponent({
       const tempSlots = ctx.slots.default?.();
       return [
         tempSlots,
-        renderFormItems(props$1.source)
+        renderFormItems(props.source)
       ];
     };
   }
@@ -101,3 +95,4 @@ exports.S_TEMPLATE_INSTANCES = S_TEMPLATE_INSTANCES;
 exports.VkfFormItemRenderer = VkfFormItemRenderer;
 exports.__VkfFormItemRenderer = types;
 exports.default = VkfFormItemRenderer;
+exports.parentTemplateInstancesSymbol = parentTemplateInstancesSymbol;

package/components/form-item-renderer/index.d.ts

@@ -0,0 +1,5 @@
+import VkfFormItemRenderer from './src/index.vue';
+export * as __VkfFormItemRenderer from './src/types';
+export * from './src/symbols';
+export { VkfFormItemRenderer, };
+export default VkfFormItemRenderer;

package/components/form-item-renderer/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, shallowReactive, provide, h, nextTick } from 'vue';
+import { defineComponent, inject, shallowReactive, provide, nextTick } from 'vue';
 import { genTemplateIfFunc } from '@vunk/form/shared/form';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
@@ -19,26 +19,20 @@ const props = {
 };
 
 const S_TEMPLATE_INSTANCES = Symbol("templateInstances");
+const parentTemplateInstancesSymbol = Symbol("parentTemplateInstancesSymbol");
 
 const VkfFormItemRenderer$1 = defineComponent({
   name: "VkfFormItemRenderer",
   props: props,
-  setup(props$1, ctx) {
-    const templateInstances = props$1.templateInstances ?? shallowReactive({});
+  setup(props, ctx) {
+    const pTemplateInstances = inject(parentTemplateInstancesSymbol, null);
+    const templateInstances = props.templateInstances ?? pTemplateInstances ?? shallowReactive({});
     provide(S_TEMPLATE_INSTANCES, templateInstances);
-    const Renderer = defineComponent({
-      props: props,
-      setup(props2) {
-        return () => h(VkfFormItemRenderer$1, {
-          templateInstances,
-          source: props2.source,
-          k: props2.k
-        });
-      }
-    });
+    provide(parentTemplateInstancesSymbol, templateInstances);
+    const Renderer = VkfFormItemRenderer$1;
     const renderFormItems = (data, pK = []) => {
       return data.reduce((a, c, index) => {
-        const currentK = [...props$1.k, ...pK, index];
+        const currentK = [...props.k, ...pK, index];
         const validateTemplateType = () => {
           nextTick(() => {
             if (c.templateType && !templateInstances[c.templateType]) {
@@ -77,7 +71,7 @@ const VkfFormItemRenderer$1 = defineComponent({
       const tempSlots = ctx.slots.default?.();
       return [
         tempSlots,
-        renderFormItems(props$1.source)
+        renderFormItems(props.source)
       ];
     };
   }
@@ -93,4 +87,4 @@ VkfFormItemRenderer.install = (app) => {
   app.component(VkfFormItemRenderer.name, VkfFormItemRenderer);
 };
 
-export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer, types as __VkfFormItemRenderer, VkfFormItemRenderer as default };
+export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer, types as __VkfFormItemRenderer, VkfFormItemRenderer as default, parentTemplateInstancesSymbol };

package/components/form-item-renderer/src/ctx.d.ts

@@ -0,0 +1,16 @@
+import { ComponentInternalInstance, PropType } from 'vue';
+import { RendererTreeData } from './types';
+export declare const props: {
+    source: {
+        type: PropType<RendererTreeData[]>;
+        default: () => any[];
+    };
+    templateInstances: {
+        type: PropType<Record<string, ComponentInternalInstance>>;
+        default: any;
+    };
+    k: {
+        type: PropType<(string | number)[]>;
+        default: () => any[];
+    };
+};

package/components/form-item-renderer/src/index.vue.d.ts

@@ -0,0 +1,38 @@
+import { ComponentInternalInstance, VNode } from 'vue';
+import { RendererTreeData } from './types';
+declare const VkfFormItemRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    source: {
+        type: import("vue").PropType<RendererTreeData[]>;
+        default: () => any[];
+    };
+    templateInstances: {
+        type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
+        default: any;
+    };
+    k: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: () => any[];
+    };
+}>, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[][])[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    source: {
+        type: import("vue").PropType<RendererTreeData[]>;
+        default: () => any[];
+    };
+    templateInstances: {
+        type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
+        default: any;
+    };
+    k: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: () => any[];
+    };
+}>> & Readonly<{}>, {
+    templateInstances: Record<string, ComponentInternalInstance>;
+    source: RendererTreeData[];
+    k: (string | number)[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default VkfFormItemRenderer;

package/components/form-item-renderer/src/symbols.d.ts

@@ -0,0 +1,3 @@
+import { ComponentInternalInstance, InjectionKey } from 'vue';
+export declare const S_TEMPLATE_INSTANCES: InjectionKey<Record<string, ComponentInternalInstance>>;
+export declare const parentTemplateInstancesSymbol: InjectionKey<Record<string, ComponentInternalInstance>>;

package/components/form-item-renderer/src/types.d.ts

@@ -0,0 +1,7 @@
+import { NormalObject } from '@vunk/core';
+export interface RendererTreeData {
+    templateType?: string;
+    templateSlots?: any;
+    templateIf?: string | ((e: NormalObject) => boolean) | boolean;
+    [k: string]: any;
+}

package/components/form-item-renderer-template/index.d.ts

@@ -0,0 +1,4 @@
+import VkfFormItemRendererTemplate from './src/index.vue';
+export * as __VkfFormItemRendererTemplate from './src/types';
+export { VkfFormItemRendererTemplate, };
+export default VkfFormItemRendererTemplate;

package/components/form-item-renderer-template/src/ctx.d.ts

@@ -0,0 +1,7 @@
+export declare const props: {
+    type: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
+};