@dazhicheng/ui 1.5.108 → 1.5.110

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

@@ -50,7 +50,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         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>;
         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))[], 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))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
+        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>;
         beforeClose: {
             readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
             readonly required: false;
@@ -87,11 +87,11 @@ 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))[], unknown, unknown, undefined, boolean>;
+        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>;
         center: BooleanConstructor;
         alignCenter: import('element-plus/es/utils/index.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))[], unknown, unknown>>;
+            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 required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -109,74 +109,54 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         drawerRef: import('vue').Ref<({
             $: import('vue').ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                title: string;
-                direction: "ltr" | "rtl" | "ttb" | "btt";
-                overflow: boolean;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
-                closeOnClickModal: boolean;
-                closeOnPressEscape: boolean;
-                lockScroll: boolean;
-                modal: boolean;
-                openDelay: number;
-                closeDelay: number;
-                headerAriaLevel: string;
-                withHeader: boolean;
-                modalFade: boolean;
-            }> & Omit<{
-                readonly title: string;
-                readonly showClose: boolean;
-                readonly appendTo: string | HTMLElement;
-                readonly size: string | number;
-                readonly closeOnPressEscape: boolean;
-                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
-                readonly modal: boolean;
-                readonly closeOnClickModal: boolean;
-                readonly lockScroll: boolean;
-                readonly openDelay: number;
-                readonly closeDelay: number;
-                readonly headerAriaLevel: string;
-                readonly ariaLevel: string;
-                readonly withHeader: boolean;
-                readonly modalFade: boolean;
-                readonly zIndex?: number | undefined;
-                readonly fullscreen?: boolean | undefined;
-                readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
-                readonly top?: string | undefined;
-                readonly transition?: import('element-plus').DialogTransition | undefined;
-                readonly center?: boolean | undefined;
-                readonly width?: string | number | undefined;
-                readonly draggable?: boolean | undefined;
-                readonly modelValue?: boolean | undefined;
+            $props: {
+                readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
                 readonly resizable?: boolean | undefined;
-                readonly overflow?: boolean | undefined;
+                readonly size?: string | number | undefined;
+                readonly withHeader?: boolean | undefined;
+                readonly modalFade?: boolean | undefined;
+                readonly headerAriaLevel?: string | undefined;
                 readonly appendToBody?: boolean | undefined;
+                readonly appendTo?: (string | HTMLElement) | undefined;
+                readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
                 readonly destroyOnClose?: boolean | undefined;
+                readonly closeOnClickModal?: boolean | undefined;
+                readonly closeOnPressEscape?: boolean | undefined;
+                readonly lockScroll?: boolean | undefined;
+                readonly modal?: boolean | undefined;
                 readonly modalPenetrable?: boolean | undefined;
+                readonly openDelay?: number | undefined;
+                readonly closeDelay?: number | undefined;
+                readonly top?: string | undefined;
+                readonly modelValue?: boolean | undefined;
                 readonly modalClass?: string | undefined;
+                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?: (string | import('vue').Component) | undefined;
+                readonly closeIcon?: import('element-plus/es/utils/index.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;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                onClose?: (() => any) | undefined | undefined;
-                onOpen?: (() => any) | undefined | undefined;
-                onOpened?: (() => any) | undefined | undefined;
-                onClosed?: (() => any) | undefined | undefined;
-                onOpenAutoFocus?: (() => any) | undefined | undefined;
-                onCloseAutoFocus?: (() => any) | undefined | undefined;
-                "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "withHeader" | "modalFade">;
+                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 onClosed?: (() => any) | undefined | undefined;
+                readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+                readonly onCloseAutoFocus?: (() => 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;
             };
@@ -191,138 +171,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $host: Element | null;
             $emit: ((event: "closed") => void) & ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => 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('vue').ExtractPropTypes<{
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: "";
-                };
-                showClose: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                zIndex: {
-                    type: import('vue').PropType<number>;
-                };
-                appendTo: {
-                    type: import('vue').PropType<string | HTMLElement>;
-                    default: "body";
-                };
-                fullscreen: {
-                    type: import('vue').PropType<boolean>;
-                };
-                beforeClose: {
-                    type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-                };
-                top: {
-                    type: import('vue').PropType<string>;
-                };
-                transition: {
-                    type: import('vue').PropType<import('element-plus').DialogTransition>;
-                    default: undefined;
-                };
-                size: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                center: {
-                    type: import('vue').PropType<boolean>;
-                };
-                width: {
-                    type: import('vue').PropType<string | number>;
-                };
-                draggable: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modelValue: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnPressEscape: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                resizable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                direction: {
-                    type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                    default: string;
-                };
-                overflow: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                appendToBody: {
-                    type: import('vue').PropType<boolean>;
-                };
-                destroyOnClose: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnClickModal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                lockScroll: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                modalPenetrable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                openDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                closeDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                modalClass: {
-                    type: import('vue').PropType<string>;
-                };
-                trapFocus: {
-                    type: import('vue').PropType<boolean>;
-                };
-                headerAriaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                alignCenter: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                closeIcon: {
-                    type: import('vue').PropType<string | import('vue').Component>;
-                };
-                headerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                bodyClass: {
-                    type: import('vue').PropType<string>;
-                };
-                footerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                ariaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: "2";
-                };
-                withHeader: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                modalFade: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+            $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;
                 onClosed?: (() => any) | undefined;
@@ -330,15 +182,15 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 onCloseAutoFocus?: (() => any) | undefined;
                 "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
                 "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-            }, {
+            }>, {
                 handleClose: () => void;
                 afterEnter: () => void;
                 afterLeave: () => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: () => void;
                 resize: (evt: MouseEvent, size: number) => void;
+                "update:modelValue": (value: boolean) => void;
                 open: () => void;
-                close: () => void;
                 opened: () => void;
                 closed: () => void;
                 openAutoFocus: () => void;
@@ -346,16 +198,12 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 "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;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
                 closeOnClickModal: boolean;
                 closeOnPressEscape: boolean;
                 lockScroll: boolean;
@@ -363,6 +211,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 openDelay: number;
                 closeDelay: number;
                 headerAriaLevel: string;
+                alignCenter: boolean;
+                draggable: boolean;
+                showClose: boolean;
+                ariaLevel: string;
                 withHeader: boolean;
                 modalFade: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -386,16 +238,12 @@ 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;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
@@ -403,140 +251,16 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             openDelay: number;
             closeDelay: number;
             headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
             withHeader: boolean;
             modalFade: boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-            title: {
-                type: import('vue').PropType<string>;
-                default: "";
-            };
-            showClose: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            zIndex: {
-                type: import('vue').PropType<number>;
-            };
-            appendTo: {
-                type: import('vue').PropType<string | HTMLElement>;
-                default: "body";
-            };
-            fullscreen: {
-                type: import('vue').PropType<boolean>;
-            };
-            beforeClose: {
-                type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-            };
-            top: {
-                type: import('vue').PropType<string>;
-            };
-            transition: {
-                type: import('vue').PropType<import('element-plus').DialogTransition>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            center: {
-                type: import('vue').PropType<boolean>;
-            };
-            width: {
-                type: import('vue').PropType<string | number>;
-            };
-            draggable: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnPressEscape: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            resizable: {
-                type: import('vue').PropType<boolean>;
-            };
-            direction: {
-                type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                default: string;
-            };
-            overflow: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            appendToBody: {
-                type: import('vue').PropType<boolean>;
-            };
-            destroyOnClose: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnClickModal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            lockScroll: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            modalPenetrable: {
-                type: import('vue').PropType<boolean>;
-            };
-            openDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            closeDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            modalClass: {
-                type: import('vue').PropType<string>;
-            };
-            trapFocus: {
-                type: import('vue').PropType<boolean>;
-            };
-            headerAriaLevel: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            alignCenter: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            closeIcon: {
-                type: import('vue').PropType<string | import('vue').Component>;
-            };
-            headerClass: {
-                type: import('vue').PropType<string>;
-            };
-            bodyClass: {
-                type: import('vue').PropType<string>;
-            };
-            footerClass: {
-                type: import('vue').PropType<string>;
-            };
-            ariaLevel: {
-                type: import('vue').PropType<string>;
-                default: "2";
-            };
-            withHeader: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            modalFade: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        }> & 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;
             onClosed?: (() => any) | undefined;
@@ -544,7 +268,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             onCloseAutoFocus?: (() => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-        }, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+        }>, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
             handleClose: () => void;
             afterEnter: () => void;
             afterLeave: () => void;
@@ -565,74 +289,54 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         }) | null, ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                title: string;
-                direction: "ltr" | "rtl" | "ttb" | "btt";
-                overflow: boolean;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
-                closeOnClickModal: boolean;
-                closeOnPressEscape: boolean;
-                lockScroll: boolean;
-                modal: boolean;
-                openDelay: number;
-                closeDelay: number;
-                headerAriaLevel: string;
-                withHeader: boolean;
-                modalFade: boolean;
-            }> & Omit<{
-                readonly title: string;
-                readonly showClose: boolean;
-                readonly appendTo: string | HTMLElement;
-                readonly size: string | number;
-                readonly closeOnPressEscape: boolean;
-                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
-                readonly modal: boolean;
-                readonly closeOnClickModal: boolean;
-                readonly lockScroll: boolean;
-                readonly openDelay: number;
-                readonly closeDelay: number;
-                readonly headerAriaLevel: string;
-                readonly ariaLevel: string;
-                readonly withHeader: boolean;
-                readonly modalFade: boolean;
-                readonly zIndex?: number | undefined;
-                readonly fullscreen?: boolean | undefined;
-                readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
-                readonly top?: string | undefined;
-                readonly transition?: import('element-plus').DialogTransition | undefined;
-                readonly center?: boolean | undefined;
-                readonly width?: string | number | undefined;
-                readonly draggable?: boolean | undefined;
-                readonly modelValue?: boolean | undefined;
+            $props: {
+                readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
                 readonly resizable?: boolean | undefined;
-                readonly overflow?: boolean | undefined;
+                readonly size?: string | number | undefined;
+                readonly withHeader?: boolean | undefined;
+                readonly modalFade?: boolean | undefined;
+                readonly headerAriaLevel?: string | undefined;
                 readonly appendToBody?: boolean | undefined;
+                readonly appendTo?: (string | HTMLElement) | undefined;
+                readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
                 readonly destroyOnClose?: boolean | undefined;
+                readonly closeOnClickModal?: boolean | undefined;
+                readonly closeOnPressEscape?: boolean | undefined;
+                readonly lockScroll?: boolean | undefined;
+                readonly modal?: boolean | undefined;
                 readonly modalPenetrable?: boolean | undefined;
+                readonly openDelay?: number | undefined;
+                readonly closeDelay?: number | undefined;
+                readonly top?: string | undefined;
+                readonly modelValue?: boolean | undefined;
                 readonly modalClass?: string | undefined;
+                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?: (string | import('vue').Component) | undefined;
+                readonly closeIcon?: import('element-plus/es/utils/index.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;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                onClose?: (() => any) | undefined | undefined;
-                onOpen?: (() => any) | undefined | undefined;
-                onOpened?: (() => any) | undefined | undefined;
-                onClosed?: (() => any) | undefined | undefined;
-                onOpenAutoFocus?: (() => any) | undefined | undefined;
-                onCloseAutoFocus?: (() => any) | undefined | undefined;
-                "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "withHeader" | "modalFade">;
+                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 onClosed?: (() => any) | undefined | undefined;
+                readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+                readonly onCloseAutoFocus?: (() => 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;
             };
@@ -647,138 +351,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $host: Element | null;
             $emit: ((event: "closed") => void) & ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => 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('vue').ExtractPropTypes<{
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: "";
-                };
-                showClose: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                zIndex: {
-                    type: import('vue').PropType<number>;
-                };
-                appendTo: {
-                    type: import('vue').PropType<string | HTMLElement>;
-                    default: "body";
-                };
-                fullscreen: {
-                    type: import('vue').PropType<boolean>;
-                };
-                beforeClose: {
-                    type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-                };
-                top: {
-                    type: import('vue').PropType<string>;
-                };
-                transition: {
-                    type: import('vue').PropType<import('element-plus').DialogTransition>;
-                    default: undefined;
-                };
-                size: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                center: {
-                    type: import('vue').PropType<boolean>;
-                };
-                width: {
-                    type: import('vue').PropType<string | number>;
-                };
-                draggable: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modelValue: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnPressEscape: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                resizable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                direction: {
-                    type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                    default: string;
-                };
-                overflow: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                appendToBody: {
-                    type: import('vue').PropType<boolean>;
-                };
-                destroyOnClose: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnClickModal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                lockScroll: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                modalPenetrable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                openDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                closeDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                modalClass: {
-                    type: import('vue').PropType<string>;
-                };
-                trapFocus: {
-                    type: import('vue').PropType<boolean>;
-                };
-                headerAriaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                alignCenter: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                closeIcon: {
-                    type: import('vue').PropType<string | import('vue').Component>;
-                };
-                headerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                bodyClass: {
-                    type: import('vue').PropType<string>;
-                };
-                footerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                ariaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: "2";
-                };
-                withHeader: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                modalFade: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+            $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;
                 onClosed?: (() => any) | undefined;
@@ -786,15 +362,15 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 onCloseAutoFocus?: (() => any) | undefined;
                 "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
                 "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-            }, {
+            }>, {
                 handleClose: () => void;
                 afterEnter: () => void;
                 afterLeave: () => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: () => void;
                 resize: (evt: MouseEvent, size: number) => void;
+                "update:modelValue": (value: boolean) => void;
                 open: () => void;
-                close: () => void;
                 opened: () => void;
                 closed: () => void;
                 openAutoFocus: () => void;
@@ -802,16 +378,12 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 "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;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
                 closeOnClickModal: boolean;
                 closeOnPressEscape: boolean;
                 lockScroll: boolean;
@@ -819,6 +391,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 openDelay: number;
                 closeDelay: number;
                 headerAriaLevel: string;
+                alignCenter: boolean;
+                draggable: boolean;
+                showClose: boolean;
+                ariaLevel: string;
                 withHeader: boolean;
                 modalFade: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -842,16 +418,12 @@ 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;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
@@ -859,140 +431,16 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             openDelay: number;
             closeDelay: number;
             headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
             withHeader: boolean;
             modalFade: boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-            title: {
-                type: import('vue').PropType<string>;
-                default: "";
-            };
-            showClose: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            zIndex: {
-                type: import('vue').PropType<number>;
-            };
-            appendTo: {
-                type: import('vue').PropType<string | HTMLElement>;
-                default: "body";
-            };
-            fullscreen: {
-                type: import('vue').PropType<boolean>;
-            };
-            beforeClose: {
-                type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-            };
-            top: {
-                type: import('vue').PropType<string>;
-            };
-            transition: {
-                type: import('vue').PropType<import('element-plus').DialogTransition>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            center: {
-                type: import('vue').PropType<boolean>;
-            };
-            width: {
-                type: import('vue').PropType<string | number>;
-            };
-            draggable: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnPressEscape: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            resizable: {
-                type: import('vue').PropType<boolean>;
-            };
-            direction: {
-                type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                default: string;
-            };
-            overflow: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            appendToBody: {
-                type: import('vue').PropType<boolean>;
-            };
-            destroyOnClose: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnClickModal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            lockScroll: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            modalPenetrable: {
-                type: import('vue').PropType<boolean>;
-            };
-            openDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            closeDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            modalClass: {
-                type: import('vue').PropType<string>;
-            };
-            trapFocus: {
-                type: import('vue').PropType<boolean>;
-            };
-            headerAriaLevel: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            alignCenter: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            closeIcon: {
-                type: import('vue').PropType<string | import('vue').Component>;
-            };
-            headerClass: {
-                type: import('vue').PropType<string>;
-            };
-            bodyClass: {
-                type: import('vue').PropType<string>;
-            };
-            footerClass: {
-                type: import('vue').PropType<string>;
-            };
-            ariaLevel: {
-                type: import('vue').PropType<string>;
-                default: "2";
-            };
-            withHeader: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            modalFade: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        }> & 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;
             onClosed?: (() => any) | undefined;
@@ -1000,7 +448,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             onCloseAutoFocus?: (() => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-        }, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+        }>, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
             handleClose: () => void;
             afterEnter: () => void;
             afterLeave: () => void;
@@ -1027,10 +475,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
     }, import('vue').PublicProps, {
         title: any;
         showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        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))[], 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))[], unknown, unknown>))[], unknown, unknown>;
+        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>;
         fullscreen: boolean;
         visible: any;
-        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))[], 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>;
         size: any;
         class: any;
         center: boolean;
@@ -1076,74 +524,54 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         drawerRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                title: string;
-                direction: "ltr" | "rtl" | "ttb" | "btt";
-                overflow: boolean;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
-                closeOnClickModal: boolean;
-                closeOnPressEscape: boolean;
-                lockScroll: boolean;
-                modal: boolean;
-                openDelay: number;
-                closeDelay: number;
-                headerAriaLevel: string;
-                withHeader: boolean;
-                modalFade: boolean;
-            }> & Omit<{
-                readonly title: string;
-                readonly showClose: boolean;
-                readonly appendTo: string | HTMLElement;
-                readonly size: string | number;
-                readonly closeOnPressEscape: boolean;
-                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
-                readonly modal: boolean;
-                readonly closeOnClickModal: boolean;
-                readonly lockScroll: boolean;
-                readonly openDelay: number;
-                readonly closeDelay: number;
-                readonly headerAriaLevel: string;
-                readonly ariaLevel: string;
-                readonly withHeader: boolean;
-                readonly modalFade: boolean;
-                readonly zIndex?: number | undefined;
-                readonly fullscreen?: boolean | undefined;
+            $props: {
+                readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
+                readonly resizable?: boolean | undefined;
+                readonly size?: string | number | undefined;
+                readonly withHeader?: boolean | undefined;
+                readonly modalFade?: boolean | undefined;
+                readonly headerAriaLevel?: string | undefined;
+                readonly appendToBody?: boolean | undefined;
+                readonly appendTo?: (string | HTMLElement) | undefined;
                 readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
+                readonly destroyOnClose?: boolean | undefined;
+                readonly closeOnClickModal?: boolean | undefined;
+                readonly closeOnPressEscape?: boolean | undefined;
+                readonly lockScroll?: boolean | undefined;
+                readonly modal?: boolean | undefined;
+                readonly modalPenetrable?: boolean | undefined;
+                readonly openDelay?: number | undefined;
+                readonly closeDelay?: number | undefined;
                 readonly top?: string | undefined;
-                readonly transition?: import('element-plus').DialogTransition | undefined;
-                readonly center?: boolean | undefined;
-                readonly width?: string | number | undefined;
-                readonly draggable?: boolean | undefined;
                 readonly modelValue?: boolean | undefined;
-                readonly resizable?: boolean | undefined;
-                readonly overflow?: boolean | undefined;
-                readonly appendToBody?: boolean | undefined;
-                readonly destroyOnClose?: boolean | undefined;
-                readonly modalPenetrable?: boolean | undefined;
                 readonly modalClass?: string | undefined;
+                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?: (string | import('vue').Component) | undefined;
+                readonly closeIcon?: import('element-plus/es/utils/index.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;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                onClose?: (() => any) | undefined | undefined;
-                onOpen?: (() => any) | undefined | undefined;
-                onOpened?: (() => any) | undefined | undefined;
-                onClosed?: (() => any) | undefined | undefined;
-                onOpenAutoFocus?: (() => any) | undefined | undefined;
-                onCloseAutoFocus?: (() => any) | undefined | undefined;
-                "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "withHeader" | "modalFade">;
+                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 onClosed?: (() => any) | undefined | undefined;
+                readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+                readonly onCloseAutoFocus?: (() => 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;
             };
@@ -1158,138 +586,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $host: Element | null;
             $emit: ((event: "closed") => void) & ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => 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('vue').ExtractPropTypes<{
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: "";
-                };
-                showClose: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                zIndex: {
-                    type: import('vue').PropType<number>;
-                };
-                appendTo: {
-                    type: import('vue').PropType<string | HTMLElement>;
-                    default: "body";
-                };
-                fullscreen: {
-                    type: import('vue').PropType<boolean>;
-                };
-                beforeClose: {
-                    type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-                };
-                top: {
-                    type: import('vue').PropType<string>;
-                };
-                transition: {
-                    type: import('vue').PropType<import('element-plus').DialogTransition>;
-                    default: undefined;
-                };
-                size: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                center: {
-                    type: import('vue').PropType<boolean>;
-                };
-                width: {
-                    type: import('vue').PropType<string | number>;
-                };
-                draggable: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modelValue: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnPressEscape: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                resizable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                direction: {
-                    type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                    default: string;
-                };
-                overflow: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                appendToBody: {
-                    type: import('vue').PropType<boolean>;
-                };
-                destroyOnClose: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnClickModal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                lockScroll: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                modalPenetrable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                openDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                closeDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                modalClass: {
-                    type: import('vue').PropType<string>;
-                };
-                trapFocus: {
-                    type: import('vue').PropType<boolean>;
-                };
-                headerAriaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                alignCenter: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                closeIcon: {
-                    type: import('vue').PropType<string | import('vue').Component>;
-                };
-                headerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                bodyClass: {
-                    type: import('vue').PropType<string>;
-                };
-                footerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                ariaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: "2";
-                };
-                withHeader: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                modalFade: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+            $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;
                 onClosed?: (() => any) | undefined;
@@ -1297,15 +597,15 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 onCloseAutoFocus?: (() => any) | undefined;
                 "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
                 "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-            }, {
+            }>, {
                 handleClose: () => void;
                 afterEnter: () => void;
                 afterLeave: () => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: () => void;
                 resize: (evt: MouseEvent, size: number) => void;
+                "update:modelValue": (value: boolean) => void;
                 open: () => void;
-                close: () => void;
                 opened: () => void;
                 closed: () => void;
                 openAutoFocus: () => void;
@@ -1313,16 +613,12 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 "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;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
                 closeOnClickModal: boolean;
                 closeOnPressEscape: boolean;
                 lockScroll: boolean;
@@ -1330,6 +626,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 openDelay: number;
                 closeDelay: number;
                 headerAriaLevel: string;
+                alignCenter: boolean;
+                draggable: boolean;
+                showClose: boolean;
+                ariaLevel: string;
                 withHeader: boolean;
                 modalFade: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -1353,16 +653,12 @@ 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;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
@@ -1370,140 +666,16 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             openDelay: number;
             closeDelay: number;
             headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
             withHeader: boolean;
             modalFade: boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-            title: {
-                type: import('vue').PropType<string>;
-                default: "";
-            };
-            showClose: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            zIndex: {
-                type: import('vue').PropType<number>;
-            };
-            appendTo: {
-                type: import('vue').PropType<string | HTMLElement>;
-                default: "body";
-            };
-            fullscreen: {
-                type: import('vue').PropType<boolean>;
-            };
-            beforeClose: {
-                type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-            };
-            top: {
-                type: import('vue').PropType<string>;
-            };
-            transition: {
-                type: import('vue').PropType<import('element-plus').DialogTransition>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            center: {
-                type: import('vue').PropType<boolean>;
-            };
-            width: {
-                type: import('vue').PropType<string | number>;
-            };
-            draggable: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnPressEscape: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            resizable: {
-                type: import('vue').PropType<boolean>;
-            };
-            direction: {
-                type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                default: string;
-            };
-            overflow: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            appendToBody: {
-                type: import('vue').PropType<boolean>;
-            };
-            destroyOnClose: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnClickModal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            lockScroll: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            modalPenetrable: {
-                type: import('vue').PropType<boolean>;
-            };
-            openDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            closeDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            modalClass: {
-                type: import('vue').PropType<string>;
-            };
-            trapFocus: {
-                type: import('vue').PropType<boolean>;
-            };
-            headerAriaLevel: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            alignCenter: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            closeIcon: {
-                type: import('vue').PropType<string | import('vue').Component>;
-            };
-            headerClass: {
-                type: import('vue').PropType<string>;
-            };
-            bodyClass: {
-                type: import('vue').PropType<string>;
-            };
-            footerClass: {
-                type: import('vue').PropType<string>;
-            };
-            ariaLevel: {
-                type: import('vue').PropType<string>;
-                default: "2";
-            };
-            withHeader: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            modalFade: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        }> & 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;
             onClosed?: (() => any) | undefined;
@@ -1511,7 +683,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             onCloseAutoFocus?: (() => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-        }, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+        }>, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
             handleClose: () => void;
             afterEnter: () => void;
             afterLeave: () => void;
@@ -1588,7 +760,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         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>;
         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))[], 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))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
+        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>;
         beforeClose: {
             readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
             readonly required: false;
@@ -1625,11 +797,11 @@ 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))[], unknown, unknown, undefined, boolean>;
+        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>;
         center: BooleanConstructor;
         alignCenter: import('element-plus/es/utils/index.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))[], unknown, unknown>>;
+            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 required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -1647,74 +819,54 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         drawerRef: import('vue').Ref<({
             $: import('vue').ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                title: string;
-                direction: "ltr" | "rtl" | "ttb" | "btt";
-                overflow: boolean;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
-                closeOnClickModal: boolean;
-                closeOnPressEscape: boolean;
-                lockScroll: boolean;
-                modal: boolean;
-                openDelay: number;
-                closeDelay: number;
-                headerAriaLevel: string;
-                withHeader: boolean;
-                modalFade: boolean;
-            }> & Omit<{
-                readonly title: string;
-                readonly showClose: boolean;
-                readonly appendTo: string | HTMLElement;
-                readonly size: string | number;
-                readonly closeOnPressEscape: boolean;
-                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
-                readonly modal: boolean;
-                readonly closeOnClickModal: boolean;
-                readonly lockScroll: boolean;
-                readonly openDelay: number;
-                readonly closeDelay: number;
-                readonly headerAriaLevel: string;
-                readonly ariaLevel: string;
-                readonly withHeader: boolean;
-                readonly modalFade: boolean;
-                readonly zIndex?: number | undefined;
-                readonly fullscreen?: boolean | undefined;
-                readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
-                readonly top?: string | undefined;
-                readonly transition?: import('element-plus').DialogTransition | undefined;
-                readonly center?: boolean | undefined;
-                readonly width?: string | number | undefined;
-                readonly draggable?: boolean | undefined;
-                readonly modelValue?: boolean | undefined;
+            $props: {
+                readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
                 readonly resizable?: boolean | undefined;
-                readonly overflow?: boolean | undefined;
+                readonly size?: string | number | undefined;
+                readonly withHeader?: boolean | undefined;
+                readonly modalFade?: boolean | undefined;
+                readonly headerAriaLevel?: string | undefined;
                 readonly appendToBody?: boolean | undefined;
+                readonly appendTo?: (string | HTMLElement) | undefined;
+                readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
                 readonly destroyOnClose?: boolean | undefined;
+                readonly closeOnClickModal?: boolean | undefined;
+                readonly closeOnPressEscape?: boolean | undefined;
+                readonly lockScroll?: boolean | undefined;
+                readonly modal?: boolean | undefined;
                 readonly modalPenetrable?: boolean | undefined;
+                readonly openDelay?: number | undefined;
+                readonly closeDelay?: number | undefined;
+                readonly top?: string | undefined;
+                readonly modelValue?: boolean | undefined;
                 readonly modalClass?: string | undefined;
+                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?: (string | import('vue').Component) | undefined;
+                readonly closeIcon?: import('element-plus/es/utils/index.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;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                onClose?: (() => any) | undefined | undefined;
-                onOpen?: (() => any) | undefined | undefined;
-                onOpened?: (() => any) | undefined | undefined;
-                onClosed?: (() => any) | undefined | undefined;
-                onOpenAutoFocus?: (() => any) | undefined | undefined;
-                onCloseAutoFocus?: (() => any) | undefined | undefined;
-                "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "withHeader" | "modalFade">;
+                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 onClosed?: (() => any) | undefined | undefined;
+                readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+                readonly onCloseAutoFocus?: (() => 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;
             };
@@ -1729,138 +881,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $host: Element | null;
             $emit: ((event: "closed") => void) & ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => 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('vue').ExtractPropTypes<{
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: "";
-                };
-                showClose: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                zIndex: {
-                    type: import('vue').PropType<number>;
-                };
-                appendTo: {
-                    type: import('vue').PropType<string | HTMLElement>;
-                    default: "body";
-                };
-                fullscreen: {
-                    type: import('vue').PropType<boolean>;
-                };
-                beforeClose: {
-                    type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-                };
-                top: {
-                    type: import('vue').PropType<string>;
-                };
-                transition: {
-                    type: import('vue').PropType<import('element-plus').DialogTransition>;
-                    default: undefined;
-                };
-                size: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                center: {
-                    type: import('vue').PropType<boolean>;
-                };
-                width: {
-                    type: import('vue').PropType<string | number>;
-                };
-                draggable: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modelValue: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnPressEscape: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                resizable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                direction: {
-                    type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                    default: string;
-                };
-                overflow: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                appendToBody: {
-                    type: import('vue').PropType<boolean>;
-                };
-                destroyOnClose: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnClickModal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                lockScroll: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                modalPenetrable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                openDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                closeDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                modalClass: {
-                    type: import('vue').PropType<string>;
-                };
-                trapFocus: {
-                    type: import('vue').PropType<boolean>;
-                };
-                headerAriaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                alignCenter: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                closeIcon: {
-                    type: import('vue').PropType<string | import('vue').Component>;
-                };
-                headerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                bodyClass: {
-                    type: import('vue').PropType<string>;
-                };
-                footerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                ariaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: "2";
-                };
-                withHeader: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                modalFade: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+            $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;
                 onClosed?: (() => any) | undefined;
@@ -1868,15 +892,15 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 onCloseAutoFocus?: (() => any) | undefined;
                 "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
                 "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-            }, {
+            }>, {
                 handleClose: () => void;
                 afterEnter: () => void;
                 afterLeave: () => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: () => void;
                 resize: (evt: MouseEvent, size: number) => void;
+                "update:modelValue": (value: boolean) => void;
                 open: () => void;
-                close: () => void;
                 opened: () => void;
                 closed: () => void;
                 openAutoFocus: () => void;
@@ -1884,16 +908,12 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 "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;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
                 closeOnClickModal: boolean;
                 closeOnPressEscape: boolean;
                 lockScroll: boolean;
@@ -1901,6 +921,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 openDelay: number;
                 closeDelay: number;
                 headerAriaLevel: string;
+                alignCenter: boolean;
+                draggable: boolean;
+                showClose: boolean;
+                ariaLevel: string;
                 withHeader: boolean;
                 modalFade: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -1924,16 +948,12 @@ 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;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
@@ -1941,140 +961,16 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             openDelay: number;
             closeDelay: number;
             headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
             withHeader: boolean;
             modalFade: boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-            title: {
-                type: import('vue').PropType<string>;
-                default: "";
-            };
-            showClose: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            zIndex: {
-                type: import('vue').PropType<number>;
-            };
-            appendTo: {
-                type: import('vue').PropType<string | HTMLElement>;
-                default: "body";
-            };
-            fullscreen: {
-                type: import('vue').PropType<boolean>;
-            };
-            beforeClose: {
-                type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-            };
-            top: {
-                type: import('vue').PropType<string>;
-            };
-            transition: {
-                type: import('vue').PropType<import('element-plus').DialogTransition>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            center: {
-                type: import('vue').PropType<boolean>;
-            };
-            width: {
-                type: import('vue').PropType<string | number>;
-            };
-            draggable: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnPressEscape: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            resizable: {
-                type: import('vue').PropType<boolean>;
-            };
-            direction: {
-                type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                default: string;
-            };
-            overflow: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            appendToBody: {
-                type: import('vue').PropType<boolean>;
-            };
-            destroyOnClose: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnClickModal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            lockScroll: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            modalPenetrable: {
-                type: import('vue').PropType<boolean>;
-            };
-            openDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            closeDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            modalClass: {
-                type: import('vue').PropType<string>;
-            };
-            trapFocus: {
-                type: import('vue').PropType<boolean>;
-            };
-            headerAriaLevel: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            alignCenter: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            closeIcon: {
-                type: import('vue').PropType<string | import('vue').Component>;
-            };
-            headerClass: {
-                type: import('vue').PropType<string>;
-            };
-            bodyClass: {
-                type: import('vue').PropType<string>;
-            };
-            footerClass: {
-                type: import('vue').PropType<string>;
-            };
-            ariaLevel: {
-                type: import('vue').PropType<string>;
-                default: "2";
-            };
-            withHeader: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            modalFade: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        }> & 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;
             onClosed?: (() => any) | undefined;
@@ -2082,7 +978,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             onCloseAutoFocus?: (() => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-        }, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+        }>, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
             handleClose: () => void;
             afterEnter: () => void;
             afterLeave: () => void;
@@ -2103,74 +999,54 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         }) | null, ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                title: string;
-                direction: "ltr" | "rtl" | "ttb" | "btt";
-                overflow: boolean;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
-                closeOnClickModal: boolean;
-                closeOnPressEscape: boolean;
-                lockScroll: boolean;
-                modal: boolean;
-                openDelay: number;
-                closeDelay: number;
-                headerAriaLevel: string;
-                withHeader: boolean;
-                modalFade: boolean;
-            }> & Omit<{
-                readonly title: string;
-                readonly showClose: boolean;
-                readonly appendTo: string | HTMLElement;
-                readonly size: string | number;
-                readonly closeOnPressEscape: boolean;
-                readonly direction: "ltr" | "rtl" | "ttb" | "btt";
-                readonly modal: boolean;
-                readonly closeOnClickModal: boolean;
-                readonly lockScroll: boolean;
-                readonly openDelay: number;
-                readonly closeDelay: number;
-                readonly headerAriaLevel: string;
-                readonly ariaLevel: string;
-                readonly withHeader: boolean;
-                readonly modalFade: boolean;
-                readonly zIndex?: number | undefined;
-                readonly fullscreen?: boolean | undefined;
-                readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
-                readonly top?: string | undefined;
-                readonly transition?: import('element-plus').DialogTransition | undefined;
-                readonly center?: boolean | undefined;
-                readonly width?: string | number | undefined;
-                readonly draggable?: boolean | undefined;
-                readonly modelValue?: boolean | undefined;
+            $props: {
+                readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
                 readonly resizable?: boolean | undefined;
-                readonly overflow?: boolean | undefined;
+                readonly size?: string | number | undefined;
+                readonly withHeader?: boolean | undefined;
+                readonly modalFade?: boolean | undefined;
+                readonly headerAriaLevel?: string | undefined;
                 readonly appendToBody?: boolean | undefined;
+                readonly appendTo?: (string | HTMLElement) | undefined;
+                readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
                 readonly destroyOnClose?: boolean | undefined;
+                readonly closeOnClickModal?: boolean | undefined;
+                readonly closeOnPressEscape?: boolean | undefined;
+                readonly lockScroll?: boolean | undefined;
+                readonly modal?: boolean | undefined;
                 readonly modalPenetrable?: boolean | undefined;
+                readonly openDelay?: number | undefined;
+                readonly closeDelay?: number | undefined;
+                readonly top?: string | undefined;
+                readonly modelValue?: boolean | undefined;
                 readonly modalClass?: string | undefined;
+                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?: (string | import('vue').Component) | undefined;
+                readonly closeIcon?: import('element-plus/es/utils/index.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;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                onClose?: (() => any) | undefined | undefined;
-                onOpen?: (() => any) | undefined | undefined;
-                onOpened?: (() => any) | undefined | undefined;
-                onClosed?: (() => any) | undefined | undefined;
-                onOpenAutoFocus?: (() => any) | undefined | undefined;
-                onCloseAutoFocus?: (() => any) | undefined | undefined;
-                "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-                "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "withHeader" | "modalFade">;
+                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 onClosed?: (() => any) | undefined | undefined;
+                readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+                readonly onCloseAutoFocus?: (() => 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;
             };
@@ -2185,138 +1061,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             $host: Element | null;
             $emit: ((event: "closed") => void) & ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => 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('vue').ExtractPropTypes<{
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: "";
-                };
-                showClose: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                zIndex: {
-                    type: import('vue').PropType<number>;
-                };
-                appendTo: {
-                    type: import('vue').PropType<string | HTMLElement>;
-                    default: "body";
-                };
-                fullscreen: {
-                    type: import('vue').PropType<boolean>;
-                };
-                beforeClose: {
-                    type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-                };
-                top: {
-                    type: import('vue').PropType<string>;
-                };
-                transition: {
-                    type: import('vue').PropType<import('element-plus').DialogTransition>;
-                    default: undefined;
-                };
-                size: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                center: {
-                    type: import('vue').PropType<boolean>;
-                };
-                width: {
-                    type: import('vue').PropType<string | number>;
-                };
-                draggable: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modelValue: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnPressEscape: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                resizable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                direction: {
-                    type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                    default: string;
-                };
-                overflow: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                modal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                appendToBody: {
-                    type: import('vue').PropType<boolean>;
-                };
-                destroyOnClose: {
-                    type: import('vue').PropType<boolean>;
-                };
-                closeOnClickModal: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                lockScroll: {
-                    type: import('vue').PropType<boolean>;
-                    default: true;
-                };
-                modalPenetrable: {
-                    type: import('vue').PropType<boolean>;
-                };
-                openDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                closeDelay: {
-                    type: import('vue').PropType<number>;
-                    default: 0;
-                };
-                modalClass: {
-                    type: import('vue').PropType<string>;
-                };
-                trapFocus: {
-                    type: import('vue').PropType<boolean>;
-                };
-                headerAriaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                alignCenter: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                closeIcon: {
-                    type: import('vue').PropType<string | import('vue').Component>;
-                };
-                headerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                bodyClass: {
-                    type: import('vue').PropType<string>;
-                };
-                footerClass: {
-                    type: import('vue').PropType<string>;
-                };
-                ariaLevel: {
-                    type: import('vue').PropType<string>;
-                    default: "2";
-                };
-                withHeader: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                modalFade: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+            $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;
                 onClosed?: (() => any) | undefined;
@@ -2324,15 +1072,15 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 onCloseAutoFocus?: (() => any) | undefined;
                 "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
                 "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-            }, {
+            }>, {
                 handleClose: () => void;
                 afterEnter: () => void;
                 afterLeave: () => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: () => void;
                 resize: (evt: MouseEvent, size: number) => void;
+                "update:modelValue": (value: boolean) => void;
                 open: () => void;
-                close: () => void;
                 opened: () => void;
                 closed: () => void;
                 openAutoFocus: () => void;
@@ -2340,16 +1088,12 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 "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;
-                transition: import('element-plus').DialogTransition;
-                size: string | number;
-                ariaLevel: string;
-                appendTo: string | HTMLElement;
-                alignCenter: boolean;
-                draggable: boolean;
-                showClose: boolean;
                 closeOnClickModal: boolean;
                 closeOnPressEscape: boolean;
                 lockScroll: boolean;
@@ -2357,6 +1101,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
                 openDelay: number;
                 closeDelay: number;
                 headerAriaLevel: string;
+                alignCenter: boolean;
+                draggable: boolean;
+                showClose: boolean;
+                ariaLevel: string;
                 withHeader: boolean;
                 modalFade: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -2380,16 +1128,12 @@ 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;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
@@ -2397,140 +1141,16 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             openDelay: number;
             closeDelay: number;
             headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
             withHeader: boolean;
             modalFade: boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-            title: {
-                type: import('vue').PropType<string>;
-                default: "";
-            };
-            showClose: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            zIndex: {
-                type: import('vue').PropType<number>;
-            };
-            appendTo: {
-                type: import('vue').PropType<string | HTMLElement>;
-                default: "body";
-            };
-            fullscreen: {
-                type: import('vue').PropType<boolean>;
-            };
-            beforeClose: {
-                type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-            };
-            top: {
-                type: import('vue').PropType<string>;
-            };
-            transition: {
-                type: import('vue').PropType<import('element-plus').DialogTransition>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            center: {
-                type: import('vue').PropType<boolean>;
-            };
-            width: {
-                type: import('vue').PropType<string | number>;
-            };
-            draggable: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnPressEscape: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            resizable: {
-                type: import('vue').PropType<boolean>;
-            };
-            direction: {
-                type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                default: string;
-            };
-            overflow: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            appendToBody: {
-                type: import('vue').PropType<boolean>;
-            };
-            destroyOnClose: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnClickModal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            lockScroll: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            modalPenetrable: {
-                type: import('vue').PropType<boolean>;
-            };
-            openDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            closeDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            modalClass: {
-                type: import('vue').PropType<string>;
-            };
-            trapFocus: {
-                type: import('vue').PropType<boolean>;
-            };
-            headerAriaLevel: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            alignCenter: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            closeIcon: {
-                type: import('vue').PropType<string | import('vue').Component>;
-            };
-            headerClass: {
-                type: import('vue').PropType<string>;
-            };
-            bodyClass: {
-                type: import('vue').PropType<string>;
-            };
-            footerClass: {
-                type: import('vue').PropType<string>;
-            };
-            ariaLevel: {
-                type: import('vue').PropType<string>;
-                default: "2";
-            };
-            withHeader: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            modalFade: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        }> & 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;
             onClosed?: (() => any) | undefined;
@@ -2538,7 +1158,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             onCloseAutoFocus?: (() => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-        }, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+        }>, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
             handleClose: () => void;
             afterEnter: () => void;
             afterLeave: () => void;
@@ -2561,10 +1181,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
     }, {}, {}, {}, {
         title: any;
         showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        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))[], 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))[], unknown, unknown>))[], unknown, unknown>;
+        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>;
         fullscreen: boolean;
         visible: any;
-        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))[], 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>;
         size: any;
         class: any;
         center: boolean;
@@ -2661,7 +1281,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
     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>;
     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))[], 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))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
+    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>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -2698,11 +1318,11 @@ 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))[], unknown, unknown, undefined, boolean>;
+    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>;
     center: BooleanConstructor;
     alignCenter: import('element-plus/es/utils/index.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))[], unknown, unknown>>;
+        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 required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -2720,74 +1340,54 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
     drawerRef: import('vue').Ref<({
         $: import('vue').ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            title: string;
-            direction: "ltr" | "rtl" | "ttb" | "btt";
-            overflow: boolean;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
-            closeOnClickModal: boolean;
-            closeOnPressEscape: boolean;
-            lockScroll: boolean;
-            modal: boolean;
-            openDelay: number;
-            closeDelay: number;
-            headerAriaLevel: string;
-            withHeader: boolean;
-            modalFade: boolean;
-        }> & Omit<{
-            readonly title: string;
-            readonly showClose: boolean;
-            readonly appendTo: string | HTMLElement;
-            readonly size: string | number;
-            readonly closeOnPressEscape: boolean;
-            readonly direction: "ltr" | "rtl" | "ttb" | "btt";
-            readonly modal: boolean;
-            readonly closeOnClickModal: boolean;
-            readonly lockScroll: boolean;
-            readonly openDelay: number;
-            readonly closeDelay: number;
-            readonly headerAriaLevel: string;
-            readonly ariaLevel: string;
-            readonly withHeader: boolean;
-            readonly modalFade: boolean;
-            readonly zIndex?: number | undefined;
-            readonly fullscreen?: boolean | undefined;
-            readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
-            readonly top?: string | undefined;
-            readonly transition?: import('element-plus').DialogTransition | undefined;
-            readonly center?: boolean | undefined;
-            readonly width?: string | number | undefined;
-            readonly draggable?: boolean | undefined;
-            readonly modelValue?: boolean | undefined;
+        $props: {
+            readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
             readonly resizable?: boolean | undefined;
-            readonly overflow?: boolean | undefined;
+            readonly size?: string | number | undefined;
+            readonly withHeader?: boolean | undefined;
+            readonly modalFade?: boolean | undefined;
+            readonly headerAriaLevel?: string | undefined;
             readonly appendToBody?: boolean | undefined;
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
             readonly destroyOnClose?: boolean | undefined;
+            readonly closeOnClickModal?: boolean | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
+            readonly lockScroll?: boolean | undefined;
+            readonly modal?: boolean | undefined;
             readonly modalPenetrable?: boolean | undefined;
+            readonly openDelay?: number | undefined;
+            readonly closeDelay?: number | undefined;
+            readonly top?: string | undefined;
+            readonly modelValue?: boolean | undefined;
             readonly modalClass?: string | undefined;
+            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?: (string | import('vue').Component) | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/index.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;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            onClose?: (() => any) | undefined | undefined;
-            onOpen?: (() => any) | undefined | undefined;
-            onOpened?: (() => any) | undefined | undefined;
-            onClosed?: (() => any) | undefined | undefined;
-            onOpenAutoFocus?: (() => any) | undefined | undefined;
-            onCloseAutoFocus?: (() => any) | undefined | undefined;
-            "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "withHeader" | "modalFade">;
+            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 onClosed?: (() => any) | undefined | undefined;
+            readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+            readonly onCloseAutoFocus?: (() => 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;
         };
@@ -2802,138 +1402,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         $host: Element | null;
         $emit: ((event: "closed") => void) & ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => 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('vue').ExtractPropTypes<{
-            title: {
-                type: import('vue').PropType<string>;
-                default: "";
-            };
-            showClose: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            zIndex: {
-                type: import('vue').PropType<number>;
-            };
-            appendTo: {
-                type: import('vue').PropType<string | HTMLElement>;
-                default: "body";
-            };
-            fullscreen: {
-                type: import('vue').PropType<boolean>;
-            };
-            beforeClose: {
-                type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-            };
-            top: {
-                type: import('vue').PropType<string>;
-            };
-            transition: {
-                type: import('vue').PropType<import('element-plus').DialogTransition>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            center: {
-                type: import('vue').PropType<boolean>;
-            };
-            width: {
-                type: import('vue').PropType<string | number>;
-            };
-            draggable: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnPressEscape: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            resizable: {
-                type: import('vue').PropType<boolean>;
-            };
-            direction: {
-                type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                default: string;
-            };
-            overflow: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            appendToBody: {
-                type: import('vue').PropType<boolean>;
-            };
-            destroyOnClose: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnClickModal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            lockScroll: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            modalPenetrable: {
-                type: import('vue').PropType<boolean>;
-            };
-            openDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            closeDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            modalClass: {
-                type: import('vue').PropType<string>;
-            };
-            trapFocus: {
-                type: import('vue').PropType<boolean>;
-            };
-            headerAriaLevel: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            alignCenter: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            closeIcon: {
-                type: import('vue').PropType<string | import('vue').Component>;
-            };
-            headerClass: {
-                type: import('vue').PropType<string>;
-            };
-            bodyClass: {
-                type: import('vue').PropType<string>;
-            };
-            footerClass: {
-                type: import('vue').PropType<string>;
-            };
-            ariaLevel: {
-                type: import('vue').PropType<string>;
-                default: "2";
-            };
-            withHeader: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            modalFade: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        $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;
             onClosed?: (() => any) | undefined;
@@ -2941,15 +1413,15 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             onCloseAutoFocus?: (() => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-        }, {
+        }>, {
             handleClose: () => void;
             afterEnter: () => void;
             afterLeave: () => void;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: () => void;
             resize: (evt: MouseEvent, size: number) => void;
+            "update:modelValue": (value: boolean) => void;
             open: () => void;
-            close: () => void;
             opened: () => void;
             closed: () => void;
             openAutoFocus: () => void;
@@ -2957,16 +1429,12 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             "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;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
@@ -2974,6 +1442,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             openDelay: number;
             closeDelay: number;
             headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
             withHeader: boolean;
             modalFade: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -2997,16 +1469,12 @@ 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;
-        transition: import('element-plus').DialogTransition;
-        size: string | number;
-        ariaLevel: string;
-        appendTo: string | HTMLElement;
-        alignCenter: boolean;
-        draggable: boolean;
-        showClose: boolean;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         lockScroll: boolean;
@@ -3014,140 +1482,16 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         openDelay: number;
         closeDelay: number;
         headerAriaLevel: string;
+        alignCenter: boolean;
+        draggable: boolean;
+        showClose: boolean;
+        ariaLevel: string;
         withHeader: boolean;
         modalFade: boolean;
-    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-        title: {
-            type: import('vue').PropType<string>;
-            default: "";
-        };
-        showClose: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        zIndex: {
-            type: import('vue').PropType<number>;
-        };
-        appendTo: {
-            type: import('vue').PropType<string | HTMLElement>;
-            default: "body";
-        };
-        fullscreen: {
-            type: import('vue').PropType<boolean>;
-        };
-        beforeClose: {
-            type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-        };
-        top: {
-            type: import('vue').PropType<string>;
-        };
-        transition: {
-            type: import('vue').PropType<import('element-plus').DialogTransition>;
-            default: undefined;
-        };
-        size: {
-            type: import('vue').PropType<string | number>;
-            default: string;
-        };
-        center: {
-            type: import('vue').PropType<boolean>;
-        };
-        width: {
-            type: import('vue').PropType<string | number>;
-        };
-        draggable: {
-            type: import('vue').PropType<boolean>;
-            default: undefined;
-        };
-        modelValue: {
-            type: import('vue').PropType<boolean>;
-        };
-        closeOnPressEscape: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        resizable: {
-            type: import('vue').PropType<boolean>;
-        };
-        direction: {
-            type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-            default: string;
-        };
-        overflow: {
-            type: import('vue').PropType<boolean>;
-            default: undefined;
-        };
-        modal: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        appendToBody: {
-            type: import('vue').PropType<boolean>;
-        };
-        destroyOnClose: {
-            type: import('vue').PropType<boolean>;
-        };
-        closeOnClickModal: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        lockScroll: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        modalPenetrable: {
-            type: import('vue').PropType<boolean>;
-        };
-        openDelay: {
-            type: import('vue').PropType<number>;
-            default: 0;
-        };
-        closeDelay: {
-            type: import('vue').PropType<number>;
-            default: 0;
-        };
-        modalClass: {
-            type: import('vue').PropType<string>;
-        };
-        trapFocus: {
-            type: import('vue').PropType<boolean>;
-        };
-        headerAriaLevel: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        alignCenter: {
-            type: import('vue').PropType<boolean>;
-            default: undefined;
-        };
-        closeIcon: {
-            type: import('vue').PropType<string | import('vue').Component>;
-        };
-        headerClass: {
-            type: import('vue').PropType<string>;
-        };
-        bodyClass: {
-            type: import('vue').PropType<string>;
-        };
-        footerClass: {
-            type: import('vue').PropType<string>;
-        };
-        ariaLevel: {
-            type: import('vue').PropType<string>;
-            default: "2";
-        };
-        withHeader: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        modalFade: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+    }> & 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;
         onClosed?: (() => any) | undefined;
@@ -3155,7 +1499,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         onCloseAutoFocus?: (() => any) | undefined;
         "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-    }, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+    }>, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
         handleClose: () => void;
         afterEnter: () => void;
         afterLeave: () => void;
@@ -3176,74 +1520,54 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
     }) | null, ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            title: string;
-            direction: "ltr" | "rtl" | "ttb" | "btt";
-            overflow: boolean;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
-            closeOnClickModal: boolean;
-            closeOnPressEscape: boolean;
-            lockScroll: boolean;
-            modal: boolean;
-            openDelay: number;
-            closeDelay: number;
-            headerAriaLevel: string;
-            withHeader: boolean;
-            modalFade: boolean;
-        }> & Omit<{
-            readonly title: string;
-            readonly showClose: boolean;
-            readonly appendTo: string | HTMLElement;
-            readonly size: string | number;
-            readonly closeOnPressEscape: boolean;
-            readonly direction: "ltr" | "rtl" | "ttb" | "btt";
-            readonly modal: boolean;
-            readonly closeOnClickModal: boolean;
-            readonly lockScroll: boolean;
-            readonly openDelay: number;
-            readonly closeDelay: number;
-            readonly headerAriaLevel: string;
-            readonly ariaLevel: string;
-            readonly withHeader: boolean;
-            readonly modalFade: boolean;
-            readonly zIndex?: number | undefined;
-            readonly fullscreen?: boolean | undefined;
-            readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
-            readonly top?: string | undefined;
-            readonly transition?: import('element-plus').DialogTransition | undefined;
-            readonly center?: boolean | undefined;
-            readonly width?: string | number | undefined;
-            readonly draggable?: boolean | undefined;
-            readonly modelValue?: boolean | undefined;
+        $props: {
+            readonly direction?: "ltr" | "rtl" | "ttb" | "btt" | undefined;
             readonly resizable?: boolean | undefined;
-            readonly overflow?: boolean | undefined;
+            readonly size?: string | number | undefined;
+            readonly withHeader?: boolean | undefined;
+            readonly modalFade?: boolean | undefined;
+            readonly headerAriaLevel?: string | undefined;
             readonly appendToBody?: boolean | undefined;
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
             readonly destroyOnClose?: boolean | undefined;
+            readonly closeOnClickModal?: boolean | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
+            readonly lockScroll?: boolean | undefined;
+            readonly modal?: boolean | undefined;
             readonly modalPenetrable?: boolean | undefined;
+            readonly openDelay?: number | undefined;
+            readonly closeDelay?: number | undefined;
+            readonly top?: string | undefined;
+            readonly modelValue?: boolean | undefined;
             readonly modalClass?: string | undefined;
+            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?: (string | import('vue').Component) | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/index.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;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            onClose?: (() => any) | undefined | undefined;
-            onOpen?: (() => any) | undefined | undefined;
-            onOpened?: (() => any) | undefined | undefined;
-            onClosed?: (() => any) | undefined | undefined;
-            onOpenAutoFocus?: (() => any) | undefined | undefined;
-            onCloseAutoFocus?: (() => any) | undefined | undefined;
-            "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-            "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "withHeader" | "modalFade">;
+            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 onClosed?: (() => any) | undefined | undefined;
+            readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+            readonly onCloseAutoFocus?: (() => 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;
         };
@@ -3258,138 +1582,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         $host: Element | null;
         $emit: ((event: "closed") => void) & ((event: "close") => void) & ((event: "resize", evt: MouseEvent, size: number) => void) & ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => 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('vue').ExtractPropTypes<{
-            title: {
-                type: import('vue').PropType<string>;
-                default: "";
-            };
-            showClose: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            zIndex: {
-                type: import('vue').PropType<number>;
-            };
-            appendTo: {
-                type: import('vue').PropType<string | HTMLElement>;
-                default: "body";
-            };
-            fullscreen: {
-                type: import('vue').PropType<boolean>;
-            };
-            beforeClose: {
-                type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-            };
-            top: {
-                type: import('vue').PropType<string>;
-            };
-            transition: {
-                type: import('vue').PropType<import('element-plus').DialogTransition>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            center: {
-                type: import('vue').PropType<boolean>;
-            };
-            width: {
-                type: import('vue').PropType<string | number>;
-            };
-            draggable: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modelValue: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnPressEscape: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            resizable: {
-                type: import('vue').PropType<boolean>;
-            };
-            direction: {
-                type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-                default: string;
-            };
-            overflow: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            modal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            appendToBody: {
-                type: import('vue').PropType<boolean>;
-            };
-            destroyOnClose: {
-                type: import('vue').PropType<boolean>;
-            };
-            closeOnClickModal: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            lockScroll: {
-                type: import('vue').PropType<boolean>;
-                default: true;
-            };
-            modalPenetrable: {
-                type: import('vue').PropType<boolean>;
-            };
-            openDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            closeDelay: {
-                type: import('vue').PropType<number>;
-                default: 0;
-            };
-            modalClass: {
-                type: import('vue').PropType<string>;
-            };
-            trapFocus: {
-                type: import('vue').PropType<boolean>;
-            };
-            headerAriaLevel: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            alignCenter: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            closeIcon: {
-                type: import('vue').PropType<string | import('vue').Component>;
-            };
-            headerClass: {
-                type: import('vue').PropType<string>;
-            };
-            bodyClass: {
-                type: import('vue').PropType<string>;
-            };
-            footerClass: {
-                type: import('vue').PropType<string>;
-            };
-            ariaLevel: {
-                type: import('vue').PropType<string>;
-                default: "2";
-            };
-            withHeader: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            modalFade: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+        $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;
             onClosed?: (() => any) | undefined;
@@ -3397,15 +1593,15 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             onCloseAutoFocus?: (() => any) | undefined;
             "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
             "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-        }, {
+        }>, {
             handleClose: () => void;
             afterEnter: () => void;
             afterLeave: () => void;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: () => void;
             resize: (evt: MouseEvent, size: number) => void;
+            "update:modelValue": (value: boolean) => void;
             open: () => void;
-            close: () => void;
             opened: () => void;
             closed: () => void;
             openAutoFocus: () => void;
@@ -3413,16 +1609,12 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             "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;
-            transition: import('element-plus').DialogTransition;
-            size: string | number;
-            ariaLevel: string;
-            appendTo: string | HTMLElement;
-            alignCenter: boolean;
-            draggable: boolean;
-            showClose: boolean;
             closeOnClickModal: boolean;
             closeOnPressEscape: boolean;
             lockScroll: boolean;
@@ -3430,6 +1622,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
             openDelay: number;
             closeDelay: number;
             headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
             withHeader: boolean;
             modalFade: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -3453,16 +1649,12 @@ 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;
-        transition: import('element-plus').DialogTransition;
-        size: string | number;
-        ariaLevel: string;
-        appendTo: string | HTMLElement;
-        alignCenter: boolean;
-        draggable: boolean;
-        showClose: boolean;
         closeOnClickModal: boolean;
         closeOnPressEscape: boolean;
         lockScroll: boolean;
@@ -3470,140 +1662,16 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         openDelay: number;
         closeDelay: number;
         headerAriaLevel: string;
+        alignCenter: boolean;
+        draggable: boolean;
+        showClose: boolean;
+        ariaLevel: string;
         withHeader: boolean;
         modalFade: boolean;
-    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-        title: {
-            type: import('vue').PropType<string>;
-            default: "";
-        };
-        showClose: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        zIndex: {
-            type: import('vue').PropType<number>;
-        };
-        appendTo: {
-            type: import('vue').PropType<string | HTMLElement>;
-            default: "body";
-        };
-        fullscreen: {
-            type: import('vue').PropType<boolean>;
-        };
-        beforeClose: {
-            type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
-        };
-        top: {
-            type: import('vue').PropType<string>;
-        };
-        transition: {
-            type: import('vue').PropType<import('element-plus').DialogTransition>;
-            default: undefined;
-        };
-        size: {
-            type: import('vue').PropType<string | number>;
-            default: string;
-        };
-        center: {
-            type: import('vue').PropType<boolean>;
-        };
-        width: {
-            type: import('vue').PropType<string | number>;
-        };
-        draggable: {
-            type: import('vue').PropType<boolean>;
-            default: undefined;
-        };
-        modelValue: {
-            type: import('vue').PropType<boolean>;
-        };
-        closeOnPressEscape: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        resizable: {
-            type: import('vue').PropType<boolean>;
-        };
-        direction: {
-            type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
-            default: string;
-        };
-        overflow: {
-            type: import('vue').PropType<boolean>;
-            default: undefined;
-        };
-        modal: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        appendToBody: {
-            type: import('vue').PropType<boolean>;
-        };
-        destroyOnClose: {
-            type: import('vue').PropType<boolean>;
-        };
-        closeOnClickModal: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        lockScroll: {
-            type: import('vue').PropType<boolean>;
-            default: true;
-        };
-        modalPenetrable: {
-            type: import('vue').PropType<boolean>;
-        };
-        openDelay: {
-            type: import('vue').PropType<number>;
-            default: 0;
-        };
-        closeDelay: {
-            type: import('vue').PropType<number>;
-            default: 0;
-        };
-        modalClass: {
-            type: import('vue').PropType<string>;
-        };
-        trapFocus: {
-            type: import('vue').PropType<boolean>;
-        };
-        headerAriaLevel: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        alignCenter: {
-            type: import('vue').PropType<boolean>;
-            default: undefined;
-        };
-        closeIcon: {
-            type: import('vue').PropType<string | import('vue').Component>;
-        };
-        headerClass: {
-            type: import('vue').PropType<string>;
-        };
-        bodyClass: {
-            type: import('vue').PropType<string>;
-        };
-        footerClass: {
-            type: import('vue').PropType<string>;
-        };
-        ariaLevel: {
-            type: import('vue').PropType<string>;
-            default: "2";
-        };
-        withHeader: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        modalFade: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+    }> & 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;
         onClosed?: (() => any) | undefined;
@@ -3611,7 +1679,7 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
         onCloseAutoFocus?: (() => any) | undefined;
         "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
         "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
-    }, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
+    }>, "title" | "showClose" | "appendTo" | "transition" | "size" | "draggable" | "closeOnPressEscape" | "direction" | "overflow" | "modal" | "closeOnClickModal" | "lockScroll" | "openDelay" | "closeDelay" | "headerAriaLevel" | "alignCenter" | "ariaLevel" | "handleClose" | "withHeader" | "modalFade" | "afterEnter" | "afterLeave"> & import('vue').ShallowUnwrapRef<{
         handleClose: () => void;
         afterEnter: () => void;
         afterLeave: () => void;
@@ -3638,10 +1706,10 @@ export declare const RenderDrawer: import('../../../../utils/src').SFCWithInstal
 }, string, {
     title: any;
     showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    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))[], 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))[], unknown, unknown>))[], unknown, unknown>;
+    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>;
     fullscreen: boolean;
     visible: any;
-    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))[], 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>;
     size: any;
     class: any;
     center: boolean;