@corgicoding-el/dialog-form-grid
Version: 
基于 @corgicoding-el/data-form-grid 和 @corgicoding-el/custom-dialog 的弹窗表单组件
228 lines (226 loc) • 10.9 kB
TypeScript
import { DialogFormProps } from './types';
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<DialogFormProps>, {
    elRef: import('vue').Ref<({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            autoTrim: boolean;
        }> & Omit<{
            readonly modelValue: any;
            readonly configs: import('@corgicoding-el/data-form-grid').FormGridConfig[];
            readonly autoTrim: boolean;
            readonly disabled?: boolean | undefined;
            readonly componentOptions?: Partial<import('element-plus').FormProps> | undefined;
            readonly eventOptions?: Partial<{
                validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => boolean;
            }> | undefined;
            readonly labelPosition?: "left" | "right" | "top" | undefined;
            readonly labelWidth?: string | number | undefined;
            readonly type?: "text" | "form" | undefined;
            readonly formName?: string | undefined;
            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
            "onClick-col"?: ((...args: any[]) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
            modelValue: {
                type: import('vue').PropType<any>;
                required: true;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
            };
            componentOptions: {
                type: import('vue').PropType<Partial<import('element-plus').FormProps>>;
            };
            eventOptions: {
                type: import('vue').PropType<Partial<{
                    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => boolean;
                }>>;
            };
            labelPosition: {
                type: import('vue').PropType<"left" | "right" | "top">;
            };
            labelWidth: {
                type: import('vue').PropType<string | number>;
            };
            type: {
                type: import('vue').PropType<"text" | "form">;
            };
            configs: {
                type: import('vue').PropType<import('@corgicoding-el/data-form-grid').FormGridConfig[]>;
                required: true;
            };
            formName: {
                type: import('vue').PropType<string>;
            };
            autoTrim: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
        }>> & {
            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
            "onClick-col"?: ((...args: any[]) => any) | undefined;
        }, "autoTrim">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "click-col", ...args: any[]) => void);
        $el: any;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            modelValue: {
                type: import('vue').PropType<any>;
                required: true;
            };
            disabled: {
                type: import('vue').PropType<boolean>;
            };
            componentOptions: {
                type: import('vue').PropType<Partial<import('element-plus').FormProps>>;
            };
            eventOptions: {
                type: import('vue').PropType<Partial<{
                    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => boolean;
                }>>;
            };
            labelPosition: {
                type: import('vue').PropType<"left" | "right" | "top">;
            };
            labelWidth: {
                type: import('vue').PropType<string | number>;
            };
            type: {
                type: import('vue').PropType<"text" | "form">;
            };
            configs: {
                type: import('vue').PropType<import('@corgicoding-el/data-form-grid').FormGridConfig[]>;
                required: true;
            };
            formName: {
                type: import('vue').PropType<string>;
            };
            autoTrim: {
                type: import('vue').PropType<boolean>;
                default: boolean;
            };
        }>> & {
            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
            "onClick-col"?: ((...args: any[]) => any) | undefined;
        }, {
            elRef: import('vue').Ref<any>;
            formValidate: () => Promise<unknown>;
            formReset: () => void;
        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:modelValue": (...args: any[]) => void;
            "click-col": (...args: any[]) => void;
        }, string, {
            autoTrim: boolean;
        }, {}, string, {}> & {
            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
            created?: ((() => void) | (() => void)[]) | undefined;
            beforeMount?: ((() => void) | (() => void)[]) | undefined;
            mounted?: ((() => void) | (() => void)[]) | undefined;
            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
            updated?: ((() => void) | (() => void)[]) | undefined;
            activated?: ((() => void) | (() => void)[]) | undefined;
            deactivated?: ((() => void) | (() => void)[]) | undefined;
            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
            destroyed?: ((() => void) | (() => void)[]) | undefined;
            unmounted?: ((() => void) | (() => void)[]) | undefined;
            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
    } & Omit<Readonly<import('vue').ExtractPropTypes<{
        modelValue: {
            type: import('vue').PropType<any>;
            required: true;
        };
        disabled: {
            type: import('vue').PropType<boolean>;
        };
        componentOptions: {
            type: import('vue').PropType<Partial<import('element-plus').FormProps>>;
        };
        eventOptions: {
            type: import('vue').PropType<Partial<{
                validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => boolean;
            }>>;
        };
        labelPosition: {
            type: import('vue').PropType<"left" | "right" | "top">;
        };
        labelWidth: {
            type: import('vue').PropType<string | number>;
        };
        type: {
            type: import('vue').PropType<"text" | "form">;
        };
        configs: {
            type: import('vue').PropType<import('@corgicoding-el/data-form-grid').FormGridConfig[]>;
            required: true;
        };
        formName: {
            type: import('vue').PropType<string>;
        };
        autoTrim: {
            type: import('vue').PropType<boolean>;
            default: boolean;
        };
    }>> & {
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
        "onClick-col"?: ((...args: any[]) => any) | undefined;
    }, "elRef" | "formValidate" | "formReset"> & import('vue').ShallowUnwrapRef<{
        elRef: import('vue').Ref<any>;
        formValidate: () => Promise<unknown>;
        formReset: () => void;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Partial<Record<string, (_: {
            auth: string | undefined;
        }) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
            valueKey: string;
            valueName: string;
        }) => any>>;
    }) | undefined>;
    submitForm: (delay?: number | undefined) => Promise<void | undefined>;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (...args: any[]) => void;
    "update:formValue": (...args: any[]) => void;
    reload: (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DialogFormProps>>> & {
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    "onUpdate:formValue"?: ((...args: any[]) => any) | undefined;
    onReload?: ((...args: any[]) => any) | undefined;
}, {}, {}>, Partial<Record<string, (_: {
    valueKey: string;
    valueName: string;
    disabled: boolean;
    type: import('./types').FormActionType;
}) => any>> & {
    default?(_: {}): any;
}>;
export default _default;
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
type __VLS_TypePropsToRuntimeProps<T> = {
    [K in keyof T]-?: {} extends Pick<T, K> ? {
        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
    } : {
        type: import('vue').PropType<T[K]>;
        required: true;
    };
};
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};