@dazhicheng/ui 1.6.41 → 1.6.43

package/dist/components/tt-drawer/src/RenderDrawer.vue.d.ts

@@ -38,37 +38,35 @@ declare function __VLS_template(): {
                 readonly closeDelay?: number | undefined;
                 readonly top?: string | undefined;
                 readonly modelValue?: boolean | undefined;
-                readonly modalClass?: string | undefined;
+                readonly modalClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
                 readonly width?: string | number | undefined;
                 readonly zIndex?: number | undefined;
                 readonly trapFocus?: boolean | undefined;
                 readonly transition?: import('element-plus').DialogTransition | undefined;
                 readonly center?: boolean | undefined;
                 readonly alignCenter?: boolean | undefined;
-                readonly closeIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+                readonly closeIcon?: import('element-plus/es/utils/vue/icon.mjs').IconPropType | undefined;
                 readonly draggable?: boolean | undefined;
                 readonly overflow?: boolean | undefined;
                 readonly fullscreen?: boolean | undefined;
-                readonly headerClass?: string | undefined;
-                readonly bodyClass?: string | undefined;
-                readonly footerClass?: string | undefined;
+                readonly headerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+                readonly bodyClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+                readonly footerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
                 readonly showClose?: boolean | undefined;
                 readonly title?: string | undefined;
                 readonly ariaLevel?: string | undefined;
-                readonly onClose?: (() => any) | undefined | undefined;
-                readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
                 readonly onOpen?: (() => any) | undefined | undefined;
                 readonly onOpened?: (() => any) | undefined | undefined;
+                readonly onClose?: (() => any) | undefined | undefined;
                 readonly onClosed?: (() => any) | undefined | undefined;
                 readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
                 readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+                readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
                 readonly "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
                 readonly "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             };
@@ -81,47 +79,49 @@ declare function __VLS_template(): {
             $emit: ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "closed") => void) & ((event: "opened") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void) & ((event: "resize-start", evt: MouseEvent, size: number) => void) & ((event: "resize-end", evt: MouseEvent, size: number) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').DrawerProps> & Readonly<{
-                onClose?: (() => any) | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 onOpen?: (() => any) | undefined;
                 onOpened?: (() => any) | undefined;
+                onClose?: (() => any) | undefined;
                 onClosed?: (() => any) | undefined;
                 onOpenAutoFocus?: (() => any) | undefined;
                 onCloseAutoFocus?: (() => any) | undefined;
+                onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
                 "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
                 "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
             }>, {
                 handleClose: () => void;
-                afterEnter: () => void;
-                afterLeave: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                close: () => void;
-                resize: (evt: MouseEvent, size: number) => void;
                 "update:modelValue": (value: boolean) => void;
                 open: () => void;
                 opened: () => void;
+                close: () => void;
                 closed: () => void;
                 openAutoFocus: () => void;
                 closeAutoFocus: () => void;
+                resize: (evt: MouseEvent, size: number) => void;
                 "resize-start": (evt: MouseEvent, size: number) => void;
                 "resize-end": (evt: MouseEvent, size: number) => void;
             }, string, {
-                appendTo: string | HTMLElement;
-                title: string;
-                size: string | number;
-                transition: import('element-plus').DialogTransition;
                 direction: "ltr" | "rtl" | "ttb" | "btt";
-                overflow: boolean;
+                size: string | number;
+                title: string;
+                appendTo: string | HTMLElement;
                 closeOnClickModal: boolean;
                 closeOnPressEscape: boolean;
                 lockScroll: boolean;
                 modal: boolean;
                 openDelay: number;
                 closeDelay: number;
+                modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
                 headerAriaLevel: string;
+                transition: import('element-plus').DialogTransition;
                 alignCenter: boolean;
                 draggable: boolean;
+                overflow: boolean;
+                headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+                bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+                footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
                 showClose: boolean;
                 ariaLevel: string;
                 withHeader: boolean;
@@ -147,41 +147,43 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            appendTo: string | HTMLElement;
-            title: string;
-            size: string | number;
-            transition: import('element-plus').DialogTransition;
             direction: "ltr" | "rtl" | "ttb" | "btt";
-            overflow: boolean;
+            size: string | number;
+            title: string;
+            appendTo: string | HTMLElement;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
             modal: boolean;
             openDelay: number;
             closeDelay: number;
+            modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             headerAriaLevel: string;
+            transition: import('element-plus').DialogTransition;
             alignCenter: boolean;
             draggable: boolean;
+            overflow: boolean;
+            headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             showClose: boolean;
             ariaLevel: string;
             withHeader: boolean;
             modalFade: boolean;
         }> & Omit<Readonly<import('element-plus').DrawerProps> & Readonly<{
-            onClose?: (() => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
             onOpened?: (() => any) | undefined;
+            onClose?: (() => any) | undefined;
             onClosed?: (() => any) | undefined;
             onOpenAutoFocus?: (() => any) | undefined;
             onCloseAutoFocus?: (() => any) | undefined;
+            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-        }>, "title" | "appendTo" | "transition" | "size" | "draggable" | "showClose" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+        }>, "title" | "appendTo" | "transition" | "size" | "draggable" | "showClose" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "modalClass" | "headerAriaLevel" | "alignCenter" | "headerClass" | "bodyClass" | "footerClass" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade"> & {
             handleClose: () => void;
-            afterEnter: () => void;
-            afterLeave: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 header?: (props: {
                     close: () => void;
@@ -246,25 +248,25 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: () => boolean | undefined;
     };
-    direction: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    direction: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     resizable: BooleanConstructor;
-    withHeader: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modalFade: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    headerAriaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    withHeader: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    closeOnClickModal: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnClickModal: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     modalPenetrable: BooleanConstructor;
-    openDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    openDelay: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
         readonly type: PropType<string>;
         readonly required: false;
@@ -272,12 +274,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     modelValue: BooleanConstructor;
-    modalClass: StringConstructor;
-    headerClass: StringConstructor;
-    bodyClass: StringConstructor;
-    footerClass: StringConstructor;
+    modalClass: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
     width: {
-        readonly type: PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -289,20 +288,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
-    transition: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | (((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
+    transition: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | (((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
     center: BooleanConstructor;
-    alignCenter: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    alignCenter: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     closeIcon: {
-        readonly type: PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    overflow: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    draggable: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    overflow: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     fullscreen: BooleanConstructor;
-    showClose: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    ariaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    headerClass: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+    bodyClass: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+    footerClass: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+    showClose: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    ariaLevel: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>, {
     drawerRef: import('vue').Ref<({
         $: import('vue').ComponentInternalInstance;
@@ -327,37 +329,35 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly closeDelay?: number | undefined;
             readonly top?: string | undefined;
             readonly modelValue?: boolean | undefined;
-            readonly modalClass?: string | undefined;
+            readonly modalClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
             readonly width?: string | number | undefined;
             readonly zIndex?: number | undefined;
             readonly trapFocus?: boolean | undefined;
             readonly transition?: import('element-plus').DialogTransition | undefined;
             readonly center?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
-            readonly closeIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/vue/icon.mjs').IconPropType | undefined;
             readonly draggable?: boolean | undefined;
             readonly overflow?: boolean | undefined;
             readonly fullscreen?: boolean | undefined;
-            readonly headerClass?: string | undefined;
-            readonly bodyClass?: string | undefined;
-            readonly footerClass?: string | undefined;
+            readonly headerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly bodyClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly footerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
             readonly showClose?: boolean | undefined;
             readonly title?: string | undefined;
             readonly ariaLevel?: string | undefined;
-            readonly onClose?: (() => any) | undefined | undefined;
-            readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
             readonly onOpen?: (() => any) | undefined | undefined;
             readonly onOpened?: (() => any) | undefined | undefined;
+            readonly onClose?: (() => any) | undefined | undefined;
             readonly onClosed?: (() => any) | undefined | undefined;
             readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
             readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+            readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -370,47 +370,49 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $emit: ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "closed") => void) & ((event: "opened") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void) & ((event: "resize-start", evt: MouseEvent, size: number) => void) & ((event: "resize-end", evt: MouseEvent, size: number) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').DrawerProps> & Readonly<{
-            onClose?: (() => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
             onOpened?: (() => any) | undefined;
+            onClose?: (() => any) | undefined;
             onClosed?: (() => any) | undefined;
             onOpenAutoFocus?: (() => any) | undefined;
             onCloseAutoFocus?: (() => any) | undefined;
+            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
         }>, {
             handleClose: () => void;
-            afterEnter: () => void;
-            afterLeave: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            close: () => void;
-            resize: (evt: MouseEvent, size: number) => void;
             "update:modelValue": (value: boolean) => void;
             open: () => void;
             opened: () => void;
+            close: () => void;
             closed: () => void;
             openAutoFocus: () => void;
             closeAutoFocus: () => void;
+            resize: (evt: MouseEvent, size: number) => void;
             "resize-start": (evt: MouseEvent, size: number) => void;
             "resize-end": (evt: MouseEvent, size: number) => void;
         }, string, {
-            appendTo: string | HTMLElement;
-            title: string;
-            size: string | number;
-            transition: import('element-plus').DialogTransition;
             direction: "ltr" | "rtl" | "ttb" | "btt";
-            overflow: boolean;
+            size: string | number;
+            title: string;
+            appendTo: string | HTMLElement;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
             modal: boolean;
             openDelay: number;
             closeDelay: number;
+            modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             headerAriaLevel: string;
+            transition: import('element-plus').DialogTransition;
             alignCenter: boolean;
             draggable: boolean;
+            overflow: boolean;
+            headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             showClose: boolean;
             ariaLevel: string;
             withHeader: boolean;
@@ -436,41 +438,43 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        appendTo: string | HTMLElement;
-        title: string;
-        size: string | number;
-        transition: import('element-plus').DialogTransition;
         direction: "ltr" | "rtl" | "ttb" | "btt";
-        overflow: boolean;
+        size: string | number;
+        title: string;
+        appendTo: string | HTMLElement;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         lockScroll: boolean;
         modal: boolean;
         openDelay: number;
         closeDelay: number;
+        modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
         headerAriaLevel: string;
+        transition: import('element-plus').DialogTransition;
         alignCenter: boolean;
         draggable: boolean;
+        overflow: boolean;
+        headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
         showClose: boolean;
         ariaLevel: string;
         withHeader: boolean;
         modalFade: boolean;
     }> & Omit<Readonly<import('element-plus').DrawerProps> & Readonly<{
-        onClose?: (() => any) | undefined;
-        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
+        onClose?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
+        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-    }>, "title" | "appendTo" | "transition" | "size" | "draggable" | "showClose" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+    }>, "title" | "appendTo" | "transition" | "size" | "draggable" | "showClose" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "modalClass" | "headerAriaLevel" | "alignCenter" | "headerClass" | "bodyClass" | "footerClass" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade"> & {
         handleClose: () => void;
-        afterEnter: () => void;
-        afterLeave: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             header?: (props: {
                 close: () => void;
@@ -507,37 +511,35 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly closeDelay?: number | undefined;
             readonly top?: string | undefined;
             readonly modelValue?: boolean | undefined;
-            readonly modalClass?: string | undefined;
+            readonly modalClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
             readonly width?: string | number | undefined;
             readonly zIndex?: number | undefined;
             readonly trapFocus?: boolean | undefined;
             readonly transition?: import('element-plus').DialogTransition | undefined;
             readonly center?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
-            readonly closeIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/vue/icon.mjs').IconPropType | undefined;
             readonly draggable?: boolean | undefined;
             readonly overflow?: boolean | undefined;
             readonly fullscreen?: boolean | undefined;
-            readonly headerClass?: string | undefined;
-            readonly bodyClass?: string | undefined;
-            readonly footerClass?: string | undefined;
+            readonly headerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly bodyClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly footerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
             readonly showClose?: boolean | undefined;
             readonly title?: string | undefined;
             readonly ariaLevel?: string | undefined;
-            readonly onClose?: (() => any) | undefined | undefined;
-            readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
             readonly onOpen?: (() => any) | undefined | undefined;
             readonly onOpened?: (() => any) | undefined | undefined;
+            readonly onClose?: (() => any) | undefined | undefined;
             readonly onClosed?: (() => any) | undefined | undefined;
             readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
             readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+            readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -550,47 +552,49 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $emit: ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "closed") => void) & ((event: "opened") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void) & ((event: "resize-start", evt: MouseEvent, size: number) => void) & ((event: "resize-end", evt: MouseEvent, size: number) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').DrawerProps> & Readonly<{
-            onClose?: (() => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
             onOpened?: (() => any) | undefined;
+            onClose?: (() => any) | undefined;
             onClosed?: (() => any) | undefined;
             onOpenAutoFocus?: (() => any) | undefined;
             onCloseAutoFocus?: (() => any) | undefined;
+            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
         }>, {
             handleClose: () => void;
-            afterEnter: () => void;
-            afterLeave: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            close: () => void;
-            resize: (evt: MouseEvent, size: number) => void;
             "update:modelValue": (value: boolean) => void;
             open: () => void;
             opened: () => void;
+            close: () => void;
             closed: () => void;
             openAutoFocus: () => void;
             closeAutoFocus: () => void;
+            resize: (evt: MouseEvent, size: number) => void;
             "resize-start": (evt: MouseEvent, size: number) => void;
             "resize-end": (evt: MouseEvent, size: number) => void;
         }, string, {
-            appendTo: string | HTMLElement;
-            title: string;
-            size: string | number;
-            transition: import('element-plus').DialogTransition;
             direction: "ltr" | "rtl" | "ttb" | "btt";
-            overflow: boolean;
+            size: string | number;
+            title: string;
+            appendTo: string | HTMLElement;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
             modal: boolean;
             openDelay: number;
             closeDelay: number;
+            modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             headerAriaLevel: string;
+            transition: import('element-plus').DialogTransition;
             alignCenter: boolean;
             draggable: boolean;
+            overflow: boolean;
+            headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             showClose: boolean;
             ariaLevel: string;
             withHeader: boolean;
@@ -616,41 +620,43 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        appendTo: string | HTMLElement;
-        title: string;
-        size: string | number;
-        transition: import('element-plus').DialogTransition;
         direction: "ltr" | "rtl" | "ttb" | "btt";
-        overflow: boolean;
+        size: string | number;
+        title: string;
+        appendTo: string | HTMLElement;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         lockScroll: boolean;
         modal: boolean;
         openDelay: number;
         closeDelay: number;
+        modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
         headerAriaLevel: string;
+        transition: import('element-plus').DialogTransition;
         alignCenter: boolean;
         draggable: boolean;
+        overflow: boolean;
+        headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
         showClose: boolean;
         ariaLevel: string;
         withHeader: boolean;
         modalFade: boolean;
     }> & Omit<Readonly<import('element-plus').DrawerProps> & Readonly<{
-        onClose?: (() => any) | undefined;
-        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
+        onClose?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
+        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-    }>, "title" | "appendTo" | "transition" | "size" | "draggable" | "showClose" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+    }>, "title" | "appendTo" | "transition" | "size" | "draggable" | "showClose" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "modalClass" | "headerAriaLevel" | "alignCenter" | "headerClass" | "bodyClass" | "footerClass" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade"> & {
         handleClose: () => void;
-        afterEnter: () => void;
-        afterLeave: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             header?: (props: {
                 close: () => void;
@@ -716,25 +722,25 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: () => boolean | undefined;
     };
-    direction: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    direction: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     resizable: BooleanConstructor;
-    withHeader: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modalFade: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    headerAriaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    withHeader: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     appendToBody: BooleanConstructor;
-    appendTo: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    closeOnClickModal: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnClickModal: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     modalPenetrable: BooleanConstructor;
-    openDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    openDelay: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
         readonly type: PropType<string>;
         readonly required: false;
@@ -742,12 +748,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     modelValue: BooleanConstructor;
-    modalClass: StringConstructor;
-    headerClass: StringConstructor;
-    bodyClass: StringConstructor;
-    footerClass: StringConstructor;
+    modalClass: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
     width: {
-        readonly type: PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -759,20 +762,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
-    transition: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | (((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
+    transition: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | (((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
     center: BooleanConstructor;
-    alignCenter: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    alignCenter: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     closeIcon: {
-        readonly type: PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
+        readonly type: PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    overflow: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    draggable: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    overflow: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     fullscreen: BooleanConstructor;
-    showClose: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    ariaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    headerClass: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+    bodyClass: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+    footerClass: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[]) | (() => import('element-plus/es/utils/typescript.mjs').ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+    showClose: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    ariaLevel: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & Readonly<{
     "onUpdate:visible"?: ((args_0: boolean) => any) | undefined;
     "onVisible-change"?: ((args_0: boolean) => any) | undefined;
@@ -780,23 +786,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     title: any;
     visible: any;
-    appendTo: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | null)[], unknown, unknown>;
-    transition: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | null)[], unknown, unknown>;
+    appendTo: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | null)[], unknown, unknown>;
+    transition: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | null)[], unknown, unknown>;
     size: any;
     class: any;
     center: boolean;
     height: any;
-    draggable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    draggable: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    showClose: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     loading: any;
     modelValue: boolean;
-    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     loadingText: any;
     showFooter: any;
     resizable: boolean;
     fullscreen: boolean;
-    direction: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    overflow: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    direction: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    overflow: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     testId: any;
     modal: boolean;
     cancelText: any;
@@ -808,21 +814,25 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     cancelButtonProps: Partial<import('element-plus').ButtonProps>;
     appendToBody: boolean;
     destroyOnClose: boolean;
-    closeOnClickModal: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnClickModal: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modalPenetrable: boolean;
     openDelay: number;
     closeDelay: number;
+    modalClass: import('element-plus/es/utils/typescript.mjs').ClassValue;
     trapFocus: boolean;
     headerAriaLevel: string;
-    alignCenter: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    alignCenter: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    headerClass: import('element-plus/es/utils/typescript.mjs').ClassValue;
+    bodyClass: import('element-plus/es/utils/typescript.mjs').ClassValue;
+    footerClass: import('element-plus/es/utils/typescript.mjs').ClassValue;
     ariaLevel: string;
     showConfirm: any;
     maskClosable: any;
     confirmContent: any;
     footerHeight: string | number;
-    withHeader: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modalFade: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    withHeader: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modalFade: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     okType: any;
     drawerApi: TtDrawerExtendedDrawerApi;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
@@ -849,37 +859,35 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly closeDelay?: number | undefined;
             readonly top?: string | undefined;
             readonly modelValue?: boolean | undefined;
-            readonly modalClass?: string | undefined;
+            readonly modalClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
             readonly width?: string | number | undefined;
             readonly zIndex?: number | undefined;
             readonly trapFocus?: boolean | undefined;
             readonly transition?: import('element-plus').DialogTransition | undefined;
             readonly center?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
-            readonly closeIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/vue/icon.mjs').IconPropType | undefined;
             readonly draggable?: boolean | undefined;
             readonly overflow?: boolean | undefined;
             readonly fullscreen?: boolean | undefined;
-            readonly headerClass?: string | undefined;
-            readonly bodyClass?: string | undefined;
-            readonly footerClass?: string | undefined;
+            readonly headerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly bodyClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly footerClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
             readonly showClose?: boolean | undefined;
             readonly title?: string | undefined;
             readonly ariaLevel?: string | undefined;
-            readonly onClose?: (() => any) | undefined | undefined;
-            readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
             readonly onOpen?: (() => any) | undefined | undefined;
             readonly onOpened?: (() => any) | undefined | undefined;
+            readonly onClose?: (() => any) | undefined | undefined;
             readonly onClosed?: (() => any) | undefined | undefined;
             readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
             readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+            readonly onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
             readonly "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -892,47 +900,49 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $emit: ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "closed") => void) & ((event: "opened") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void) & ((event: "resize-start", evt: MouseEvent, size: number) => void) & ((event: "resize-end", evt: MouseEvent, size: number) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').DrawerProps> & Readonly<{
-            onClose?: (() => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
             onOpened?: (() => any) | undefined;
+            onClose?: (() => any) | undefined;
             onClosed?: (() => any) | undefined;
             onOpenAutoFocus?: (() => any) | undefined;
             onCloseAutoFocus?: (() => any) | undefined;
+            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
         }>, {
             handleClose: () => void;
-            afterEnter: () => void;
-            afterLeave: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            close: () => void;
-            resize: (evt: MouseEvent, size: number) => void;
             "update:modelValue": (value: boolean) => void;
             open: () => void;
             opened: () => void;
+            close: () => void;
             closed: () => void;
             openAutoFocus: () => void;
             closeAutoFocus: () => void;
+            resize: (evt: MouseEvent, size: number) => void;
             "resize-start": (evt: MouseEvent, size: number) => void;
             "resize-end": (evt: MouseEvent, size: number) => void;
         }, string, {
-            appendTo: string | HTMLElement;
-            title: string;
-            size: string | number;
-            transition: import('element-plus').DialogTransition;
             direction: "ltr" | "rtl" | "ttb" | "btt";
-            overflow: boolean;
+            size: string | number;
+            title: string;
+            appendTo: string | HTMLElement;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
             modal: boolean;
             openDelay: number;
             closeDelay: number;
+            modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             headerAriaLevel: string;
+            transition: import('element-plus').DialogTransition;
             alignCenter: boolean;
             draggable: boolean;
+            overflow: boolean;
+            headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             showClose: boolean;
             ariaLevel: string;
             withHeader: boolean;
@@ -958,41 +968,43 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        appendTo: string | HTMLElement;
-        title: string;
-        size: string | number;
-        transition: import('element-plus').DialogTransition;
         direction: "ltr" | "rtl" | "ttb" | "btt";
-        overflow: boolean;
+        size: string | number;
+        title: string;
+        appendTo: string | HTMLElement;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         lockScroll: boolean;
         modal: boolean;
         openDelay: number;
         closeDelay: number;
+        modalClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
         headerAriaLevel: string;
+        transition: import('element-plus').DialogTransition;
         alignCenter: boolean;
         draggable: boolean;
+        overflow: boolean;
+        headerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        bodyClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        footerClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
         showClose: boolean;
         ariaLevel: string;
         withHeader: boolean;
         modalFade: boolean;
     }> & Omit<Readonly<import('element-plus').DrawerProps> & Readonly<{
-        onClose?: (() => any) | undefined;
-        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
+        onClose?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
+        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-    }>, "title" | "appendTo" | "transition" | "size" | "draggable" | "showClose" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+    }>, "title" | "appendTo" | "transition" | "size" | "draggable" | "showClose" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "modalClass" | "headerAriaLevel" | "alignCenter" | "headerClass" | "bodyClass" | "footerClass" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade"> & {
         handleClose: () => void;
-        afterEnter: () => void;
-        afterLeave: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             header?: (props: {
                 close: () => void;