@dazhicheng/ui 1.6.41 → 1.6.43

package/dist/components/tt-drawer/index.d.ts

@@ -44,25 +44,25 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             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: import('vue').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: import('vue').PropType<string>;
             readonly required: false;
@@ -70,12 +70,9 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             __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: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+            readonly type: import('vue').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;
@@ -87,20 +84,23 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             __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: import('vue').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: import('vue').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;
@@ -129,37 +129,35 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 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;
             };
@@ -172,47 +170,49 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $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;
@@ -238,41 +238,43 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $nextTick: typeof import('vue').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;
@@ -309,37 +311,35 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 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;
             };
@@ -352,47 +352,49 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $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;
@@ -418,41 +420,43 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $nextTick: typeof import('vue').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;
@@ -475,23 +479,23 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
     }, import('vue').PublicProps, {
         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;
@@ -503,21 +507,25 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         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: import('.').TtDrawerExtendedDrawerApi;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -544,37 +552,35 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 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;
             };
@@ -587,47 +593,49 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $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;
@@ -653,41 +661,43 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $nextTick: typeof import('vue').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;
@@ -754,25 +764,25 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             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: import('vue').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: import('vue').PropType<string>;
             readonly required: false;
@@ -780,12 +790,9 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             __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: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+            readonly type: import('vue').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;
@@ -797,20 +804,23 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             __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: import('vue').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: import('vue').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;
@@ -839,37 +849,35 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 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;
             };
@@ -882,47 +890,49 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $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;
@@ -948,41 +958,43 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $nextTick: typeof import('vue').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;
@@ -1019,37 +1031,35 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 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;
             };
@@ -1062,47 +1072,49 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $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;
@@ -1128,41 +1140,43 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $nextTick: typeof import('vue').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;
@@ -1181,23 +1195,23 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
     }, {}, {}, {}, {
         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;
@@ -1209,21 +1223,25 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         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: import('.').TtDrawerExtendedDrawerApi;
     }>;
@@ -1275,25 +1293,25 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         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: import('vue').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: import('vue').PropType<string>;
         readonly required: false;
@@ -1301,12 +1319,9 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         __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: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import('vue').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;
@@ -1318,20 +1333,23 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         __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: import('vue').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: import('vue').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;
@@ -1360,37 +1378,35 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             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;
         };
@@ -1403,47 +1419,49 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         $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;
@@ -1469,41 +1487,43 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         $nextTick: typeof import('vue').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;
@@ -1540,37 +1560,35 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             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;
         };
@@ -1583,47 +1601,49 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         $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;
@@ -1649,41 +1669,43 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         $nextTick: typeof import('vue').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;
@@ -1706,23 +1728,23 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
 }, string, {
     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;
@@ -1734,21 +1756,25 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
     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: import('.').TtDrawerExtendedDrawerApi;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {