@vtj/ui 0.10.6 → 0.10.8

package/types/components/field/editors/SelectEditor.d.ts

@@ -1,28 +1,19 @@
-import { ElSelect, ElOption } from 'element-plus';
 import { FieldOption } from '../types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export interface Props {
     options?: FieldOption[];
 }
-declare const onChange: (v: any) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_14: {
-    option: FieldOption;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        option?(_: {
+            option: FieldOption;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    option?: (props: typeof __VLS_14) => any;
-}>;
-declare const __VLS_self: DefineComponent<Props, {
-    ElSelect: typeof ElSelect;
-    ElOption: typeof ElOption;
-    onChange: typeof onChange;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, PublicProps, Readonly<Props> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    options: FieldOption[];
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (...args: any[]) => void;
 }, string, PublicProps, Readonly<Props> & Readonly<{
@@ -30,9 +21,9 @@ declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentO
 }>, {
     options: FieldOption[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,117 +1,205 @@
-import { ElForm, ElButton, ElTooltipProps } from 'element-plus';
 import { FormModel } from './types';
-import { XField } from '../../';
-import { Ref, DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const formRef: Ref<any, any>;
-declare const model: FormModel;
-declare const loading: Ref<boolean, boolean>;
-declare const submit: () => Promise<void>;
-declare const onEnter: () => void;
-declare const reset: (fields?: string[] | string) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_12: {}, __VLS_18: {}, __VLS_36: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    default?: (props: typeof __VLS_12) => any;
-} & {
-    footer?: (props: typeof __VLS_18) => any;
-} & {
-    action?: (props: typeof __VLS_36) => any;
-}>;
-declare const __VLS_self: DefineComponent<ExtractPropTypes<{
-    model: {
-        type: PropType<Record<string, any>>;
-        default(): any;
-    };
-    inline: {
-        type: BooleanConstructor;
-    };
-    inlineColumns: {
-        type: NumberConstructor;
-    };
-    footer: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    submitText: {
-        type: PropType<string | null>;
-        default: string;
-    };
-    resetText: {
-        type: PropType<string | null>;
-        default: string;
-    };
-    submitMethod: {
-        type: PropType<(model: FormModel) => Promise<any>>;
-    };
-    tooltipMessage: {
-        type: PropType<boolean | Partial< ElTooltipProps>>;
-        default: undefined;
-    };
-    enterSubmit: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    ElForm: typeof ElForm;
-    ElButton: typeof ElButton;
-    XField: typeof XField;
-    formRef: typeof formRef;
-    model: typeof model;
-    loading: typeof loading;
-    submit: typeof submit;
-    onEnter: typeof onEnter;
-    reset: typeof reset;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    reset: () => any;
-    submit: (model: Record<string, any>) => any;
-    change: (model: Record<string, any>) => any;
-}, string, PublicProps, Readonly< ExtractPropTypes<{
-    model: {
-        type: PropType<Record<string, any>>;
-        default(): any;
-    };
-    inline: {
-        type: BooleanConstructor;
-    };
-    inlineColumns: {
-        type: NumberConstructor;
-    };
-    footer: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    submitText: {
-        type: PropType<string | null>;
-        default: string;
-    };
-    resetText: {
-        type: PropType<string | null>;
-        default: string;
-    };
-    submitMethod: {
-        type: PropType<(model: FormModel) => Promise<any>>;
-    };
-    tooltipMessage: {
-        type: PropType<boolean | Partial< ElTooltipProps>>;
-        default: undefined;
-    };
-    enterSubmit: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onReset?: (() => any) | undefined;
-    onSubmit?: ((model: Record<string, any>) => any) | undefined;
-    onChange?: ((model: Record<string, any>) => any) | undefined;
-}>, {
-    footer: boolean;
-    inline: boolean;
-    tooltipMessage: boolean | Partial< ElTooltipProps>;
-    model: Record<string, any>;
-    submitText: string | null;
-    resetText: string | null;
-    enterSubmit: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, Ref, PublicProps } from 'vue';
+import { EpPropMergeType, EpPropFinalized } from 'element-plus/es/utils/index.mjs';
+import { Arrayable } from 'element-plus/es/utils/typescript.mjs';
+import { FormItemRule, FormItemProp, FormValidateCallback, FormValidationResult, FormItemContext, ElTooltipProps } from 'element-plus';
+import { OnCleanup } from '@vue/reactivity';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        footer?(_: {}): any;
+        action?(_: {}): any;
+    };
+    refs: {
+        formRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly disabled: boolean;
+                readonly inline: boolean;
+                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+                readonly inlineMessage: boolean;
+                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+                readonly labelSuffix: string;
+                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly statusIcon: boolean;
+                readonly hideRequiredAsterisk: boolean;
+                readonly scrollToError: boolean;
+            }> & Omit<{
+                readonly disabled: boolean;
+                readonly inline: boolean;
+                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+                readonly inlineMessage: boolean;
+                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+                readonly labelSuffix: string;
+                readonly statusIcon: boolean;
+                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly hideRequiredAsterisk: boolean;
+                readonly scrollToError: boolean;
+                readonly size?: EpPropMergeType<StringConstructor, "" | "large" | "default" | "small", unknown> | undefined;
+                readonly rules?: Partial<Record<string, Arrayable<FormItemRule>>> | undefined;
+                readonly model?: Record<string, any> | undefined;
+                readonly scrollIntoViewOptions?: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown> | undefined;
+                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+            $el: any;
+            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                readonly model: ObjectConstructor;
+                readonly rules: {
+                    readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+                readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+                readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+                readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly inline: BooleanConstructor;
+                readonly inlineMessage: BooleanConstructor;
+                readonly statusIcon: BooleanConstructor;
+                readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly hideRequiredAsterisk: BooleanConstructor;
+                readonly scrollToError: BooleanConstructor;
+                readonly scrollIntoViewOptions: {
+                    readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly size: {
+                    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly disabled: BooleanConstructor;
+            }>> & {
+                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+            }, {
+                validate: (callback?: FormValidateCallback) => FormValidationResult;
+                validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+                resetFields: (props?: Arrayable<FormItemProp>) => void;
+                clearValidate: (props?: Arrayable<FormItemProp>) => void;
+                scrollToField: (prop: FormItemProp) => void;
+                fields: FormItemContext[];
+            }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+            }, string, {
+                readonly disabled: boolean;
+                readonly inline: boolean;
+                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+                readonly inlineMessage: boolean;
+                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+                readonly labelSuffix: string;
+                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly statusIcon: boolean;
+                readonly hideRequiredAsterisk: boolean;
+                readonly scrollToError: boolean;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            readonly disabled: boolean;
+            readonly inline: boolean;
+            readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly statusIcon: boolean;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+        }> & Omit<Readonly< ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+            readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: {
+                readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }, "disabled" | "inline" | "clearValidate" | "validate" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "validateField" | "resetFields" | "scrollToField"> & ShallowUnwrapRef<{
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: Arrayable<FormItemProp>) => void;
+            clearValidate: (props?: Arrayable<FormItemProp>) => void;
+            scrollToField: (prop: FormItemProp) => void;
+            fields: FormItemContext[];
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     model: {
         type: PropType<Record<string, any>>;
@@ -203,10 +291,195 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     submitText: string | null;
     resetText: string | null;
     enterSubmit: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    formRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly disabled: boolean;
+            readonly inline: boolean;
+            readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly statusIcon: boolean;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly inline: boolean;
+            readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly statusIcon: boolean;
+            readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+            readonly size?: EpPropMergeType<StringConstructor, "" | "large" | "default" | "small", unknown> | undefined;
+            readonly rules?: Partial<Record<string, Arrayable<FormItemRule>>> | undefined;
+            readonly model?: Record<string, any> | undefined;
+            readonly scrollIntoViewOptions?: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown> | undefined;
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+            readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: {
+                readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }, {
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: Arrayable<FormItemProp>) => void;
+            clearValidate: (props?: Arrayable<FormItemProp>) => void;
+            scrollToField: (prop: FormItemProp) => void;
+            fields: FormItemContext[];
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            readonly disabled: boolean;
+            readonly inline: boolean;
+            readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly statusIcon: boolean;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        readonly disabled: boolean;
+        readonly inline: boolean;
+        readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+        readonly inlineMessage: boolean;
+        readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+        readonly labelSuffix: string;
+        readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly statusIcon: boolean;
+        readonly hideRequiredAsterisk: boolean;
+        readonly scrollToError: boolean;
+    }> & Omit<Readonly< ExtractPropTypes<{
+        readonly model: ObjectConstructor;
+        readonly rules: {
+            readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+        readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+        readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly inline: BooleanConstructor;
+        readonly inlineMessage: BooleanConstructor;
+        readonly statusIcon: BooleanConstructor;
+        readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly hideRequiredAsterisk: BooleanConstructor;
+        readonly scrollToError: BooleanConstructor;
+        readonly scrollIntoViewOptions: {
+            readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly size: {
+            readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+    }>> & {
+        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }, "disabled" | "inline" | "clearValidate" | "validate" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "validateField" | "resetFields" | "scrollToField"> & ShallowUnwrapRef<{
+        validate: (callback?: FormValidateCallback) => FormValidationResult;
+        validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+        resetFields: (props?: Arrayable<FormItemProp>) => void;
+        clearValidate: (props?: Arrayable<FormItemProp>) => void;
+        scrollToField: (prop: FormItemProp) => void;
+        fields: FormItemContext[];
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };