@vtj/designer 0.10.6 → 0.10.7

package/types/components/shared/binder.d.ts

@@ -1,13 +1,11 @@
-import { XDialog, XContainer, XForm, XPanel } from '@vtj/ui';
-import { Search } from '@vtj/icons';
 import { Context } from '@vtj/renderer';
 import { BlockModel } from '@vtj/core';
-import { ElInput, ElDivider, ElButton, ElEmpty } from 'element-plus';
-import { default as Tabs } from './tabs';
-import { default as Item } from './item';
-import { default as Viewer } from './viewer';
-import { ComputedRef, Ref, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { BinderOption } from '../hooks';
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Ref, nextTick, DefineComponent, PublicProps } from 'vue';
+import { ElTooltipProps, FormItemRule, FormItemProp, FormValidateCallback, FormValidationResult, FormItemContext } from 'element-plus';
+import { FormModel } from '@vtj/ui';
+import { EpPropMergeType, EpPropFinalized } from 'element-plus/es/utils/index.mjs';
+import { Arrayable } from 'element-plus/es/utils/typescript.mjs';
+import { OnCleanup } from '@vue/reactivity';
 export interface Props {
     title: string;
     context: Context | null;
@@ -18,65 +16,377 @@ export interface Props {
     submitMethod?: (model: Record<string, any>) => Promise<boolean>;
     unbindEnabled?: boolean;
 }
-declare const searchResult: ComputedRef< BinderOption[]>, keyword: Ref<string, string>;
-declare const tabs: {
-    name: string;
-    label: string;
-}[];
-declare const currentTab: Ref<string, string>;
-declare const formRef: Ref<any, any>;
-declare const handleSubmit: (model: any) => Promise<void>;
-declare const onClose: () => void;
-declare const onUnbind: () => void;
-declare const onCancel: () => void;
-declare const onSubmit: () => Promise<void>;
-declare const onPicker: (val: string) => void;
-declare const onCopy: (name: string) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_63: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    default?: (props: typeof __VLS_63) => any;
-}>;
-declare const __VLS_self: DefineComponent<Props, {
-    XDialog: typeof XDialog;
-    XContainer: typeof XContainer;
-    XForm: typeof XForm;
-    XPanel: typeof XPanel;
-    Search: typeof Search;
-    ElInput: typeof ElInput;
-    ElDivider: typeof ElDivider;
-    ElButton: typeof ElButton;
-    ElEmpty: typeof ElEmpty;
-    Tabs: typeof Tabs;
-    Item: typeof Item;
-    Viewer: typeof Viewer;
-    searchResult: typeof searchResult;
-    keyword: typeof keyword;
-    tabs: typeof tabs;
-    currentTab: typeof currentTab;
-    formRef: typeof formRef;
-    handleSubmit: typeof handleSubmit;
-    onClose: typeof onClose;
-    onUnbind: typeof onUnbind;
-    onCancel: typeof onCancel;
-    onSubmit: typeof onSubmit;
-    onPicker: typeof onPicker;
-    onCopy: typeof onCopy;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    cancel: (...args: any[]) => void;
-    submit: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
-    pick: (...args: any[]) => void;
-    unbind: (...args: any[]) => void;
-}, string, PublicProps, Readonly<Props> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onSubmit?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onPick?: ((...args: any[]) => any) | undefined;
-    onUnbind?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        formRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                footer: boolean;
+                inline: boolean;
+                tooltipMessage: boolean | Partial< ElTooltipProps>;
+                model: Record<string, any>;
+                submitText: string | null;
+                resetText: string | null;
+                enterSubmit: boolean;
+            }> & Omit<{
+                readonly footer: boolean;
+                readonly inline: boolean;
+                readonly submitText: string | null;
+                readonly resetText: string | null;
+                readonly enterSubmit: boolean;
+                readonly model?: Record<string, any> | undefined;
+                readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
+                readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
+                readonly inlineColumns?: number | undefined;
+                readonly onReset?: (() => any) | undefined | undefined;
+                readonly onSubmit?: ((model: Record<string, any>) => any) | undefined | undefined;
+                readonly onChange?: ((model: Record<string, any>) => any) | undefined | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "footer" | "model" | "tooltipMessage" | "inline" | "submitText" | "resetText" | "enterSubmit">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                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;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "reset") => void) & ((event: "submit", model: Record<string, any>) => void) & ((event: "change", model: Record<string, any>) => void);
+            $el: any;
+            $options: ComponentOptionsBase<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;
+            }>, {
+                formRef: Ref<any, any>;
+                model: FormModel;
+                submit: () => Promise<void>;
+                reset: (fields?: string[] | string) => void;
+                validate: () => Promise<any>;
+                clearValidate: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                reset: () => any;
+                submit: (model: Record<string, any>) => any;
+                change: (model: Record<string, any>) => any;
+            }, string, {
+                footer: boolean;
+                inline: boolean;
+                tooltipMessage: boolean | Partial< ElTooltipProps>;
+                model: Record<string, any>;
+                submitText: string | null;
+                resetText: string | null;
+                enterSubmit: 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<{
+            footer: boolean;
+            inline: boolean;
+            tooltipMessage: boolean | Partial< ElTooltipProps>;
+            model: Record<string, any>;
+            submitText: string | null;
+            resetText: string | null;
+            enterSubmit: boolean;
+        }> & Omit<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" | "reset" | "submit" | "model" | "formRef" | "tooltipMessage" | "inline" | "submitText" | "resetText" | "enterSubmit" | "validate" | "clearValidate"> & ShallowUnwrapRef<{
+            formRef: Ref<any, any>;
+            model: FormModel;
+            submit: () => Promise<void>;
+            reset: (fields?: string[] | string) => void;
+            validate: () => Promise<any>;
+            clearValidate: () => void;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+                footer?(_: {}): any;
+                action?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     cancel: (...args: any[]) => void;
@@ -91,10 +401,372 @@ declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentO
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onPick?: ((...args: any[]) => any) | undefined;
     onUnbind?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    formRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            footer: boolean;
+            inline: boolean;
+            tooltipMessage: boolean | Partial< ElTooltipProps>;
+            model: Record<string, any>;
+            submitText: string | null;
+            resetText: string | null;
+            enterSubmit: boolean;
+        }> & Omit<{
+            readonly footer: boolean;
+            readonly inline: boolean;
+            readonly submitText: string | null;
+            readonly resetText: string | null;
+            readonly enterSubmit: boolean;
+            readonly model?: Record<string, any> | undefined;
+            readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
+            readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
+            readonly inlineColumns?: number | undefined;
+            readonly onReset?: (() => any) | undefined | undefined;
+            readonly onSubmit?: ((model: Record<string, any>) => any) | undefined | undefined;
+            readonly onChange?: ((model: Record<string, any>) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "footer" | "model" | "tooltipMessage" | "inline" | "submitText" | "resetText" | "enterSubmit">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            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;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "reset") => void) & ((event: "submit", model: Record<string, any>) => void) & ((event: "change", model: Record<string, any>) => void);
+        $el: any;
+        $options: ComponentOptionsBase<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;
+        }>, {
+            formRef: Ref<any, any>;
+            model: FormModel;
+            submit: () => Promise<void>;
+            reset: (fields?: string[] | string) => void;
+            validate: () => Promise<any>;
+            clearValidate: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            reset: () => any;
+            submit: (model: Record<string, any>) => any;
+            change: (model: Record<string, any>) => any;
+        }, string, {
+            footer: boolean;
+            inline: boolean;
+            tooltipMessage: boolean | Partial< ElTooltipProps>;
+            model: Record<string, any>;
+            submitText: string | null;
+            resetText: string | null;
+            enterSubmit: 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<{
+        footer: boolean;
+        inline: boolean;
+        tooltipMessage: boolean | Partial< ElTooltipProps>;
+        model: Record<string, any>;
+        submitText: string | null;
+        resetText: string | null;
+        enterSubmit: boolean;
+    }> & Omit<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" | "reset" | "submit" | "model" | "formRef" | "tooltipMessage" | "inline" | "submitText" | "resetText" | "enterSubmit" | "validate" | "clearValidate"> & ShallowUnwrapRef<{
+        formRef: Ref<any, any>;
+        model: FormModel;
+        submit: () => Promise<void>;
+        reset: (fields?: string[] | string) => void;
+        validate: () => Promise<any>;
+        clearValidate: () => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            footer?(_: {}): any;
+            action?(_: {}): 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;
     };