element-plus 2.0.2 → 2.0.3

package/lib/components/dialog/src/dialog.vue.d.ts

@@ -1,38 +1,59 @@
+import type { Ref } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly appendToBody: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly beforeClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
-    readonly destroyOnClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly center: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly customClass: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly closeIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    readonly closeOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly fullscreen: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly draggable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly lockScroll: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly modal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly showClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly openDelay: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly closeDelay: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly top: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    readonly modelValue: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly appendToBody: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly lockScroll: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly openDelay: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("../../../utils").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
     readonly modalClass: StringConstructor;
-    readonly width: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
-    readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly width: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly center: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeIcon: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly customClass: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly draggable: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fullscreen: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showClose: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
 }, {
-    afterEnter: () => void;
-    afterLeave: () => void;
-    beforeLeave: () => void;
-    handleClose: () => void;
-    onModalClick: () => void;
-    close: () => void;
-    doClose: () => void;
-    closed: import("vue").Ref<boolean>;
-    style: import("vue").ComputedRef<import("vue").CSSProperties>;
-    rendered: import("vue").Ref<boolean>;
-    visible: import("vue").Ref<boolean>;
-    zIndex: import("vue").Ref<number>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly appendToBody: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly beforeClose: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+        readonly destroyOnClose: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly lockScroll: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly modal: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly openDelay: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly closeDelay: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly top: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        readonly modelValue: import("../../../utils").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+        readonly modalClass: StringConstructor;
+        readonly width: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+        readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly center: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeIcon: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+        readonly customClass: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly draggable: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly fullscreen: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showClose: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly title: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    }>> & {
+        onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+    }>>;
+    emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "close") => void) & ((event: "open") => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -47,66 +68,214 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
-    dialogRef: import("vue").Ref<HTMLElement | undefined>;
-    headerRef: import("vue").Ref<HTMLElement | undefined>;
+    dialogRef: Ref<HTMLElement | null>;
+    headerRef: Ref<HTMLElement | null>;
+    dialog: {
+        afterEnter: () => void;
+        afterLeave: () => void;
+        beforeLeave: () => void;
+        handleClose: () => void;
+        onModalClick: () => void;
+        close: () => void;
+        doClose: () => void;
+        closed: Ref<boolean>;
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+        rendered: Ref<boolean>;
+        visible: Ref<boolean>;
+        zIndex: Ref<number>;
+    };
+    visible: Ref<boolean>;
+    afterEnter: () => void;
+    afterLeave: () => void;
+    beforeLeave: () => void;
+    style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    handleClose: () => void;
+    rendered: Ref<boolean>;
     overlayEvent: {
         onClick: (e: MouseEvent) => void;
         onMousedown: (e: MouseEvent) => void;
         onMouseup: (e: MouseEvent) => void;
     };
+    draggable: import("vue").ComputedRef<boolean>;
+    ElOverlay: import("vue").DefineComponent<{
+        readonly mask: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly customMaskEvent: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly overlayClass: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown, unknown, unknown>;
+        readonly zIndex: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown, unknown, unknown>;
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (evt: MouseEvent) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly mask: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly customMaskEvent: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly overlayClass: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown, unknown, unknown>;
+        readonly zIndex: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown, unknown, unknown>;
+    }>> & {
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }, {
+        zIndex: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
+        mask: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        customMaskEvent: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        overlayClass: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
+    }>;
+    ElFocusTrap: import("vue").DefineComponent<{
+        loop: BooleanConstructor;
+        trapped: BooleanConstructor;
+    }, {
+        focusTrapRef: Ref<HTMLElement | null | undefined>;
+        forwardRef: Ref<HTMLElement | null>;
+        onKeydown: (e: KeyboardEvent) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mountOnFocus" | "unmountOnFocus")[], "mountOnFocus" | "unmountOnFocus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        loop: BooleanConstructor;
+        trapped: BooleanConstructor;
+    }>> & {
+        onMountOnFocus?: ((...args: any[]) => any) | undefined;
+        onUnmountOnFocus?: ((...args: any[]) => any) | undefined;
+    }, {
+        loop: boolean;
+        trapped: boolean;
+    }>;
+    ElDialogContent: import("vue").DefineComponent<{
+        readonly center: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeIcon: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+        readonly customClass: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly draggable: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly fullscreen: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showClose: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly title: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    }, {
+        Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        dialogRef: Ref<HTMLElement | null>;
+        headerRef: Ref<HTMLElement | null>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+        focusTrapRef: Ref<HTMLElement | null>;
+        onKeydown: (e: KeyboardEvent) => void;
+        composedDialogRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | Element | null) => void;
+        ElIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+            readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+                readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            }>> & {
+                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            }>>;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
+            style: import("vue").ComputedRef<import("vue").CSSProperties>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>>, {
+            size: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | number>, unknown, unknown>;
+            color: string;
+        }>> & Record<string, any>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly center: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeIcon: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+        readonly customClass: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly draggable: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly fullscreen: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showClose: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly title: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    }>> & {
+        onClose?: (() => any) | undefined;
+    }, {
+        title: string;
+        center: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        draggable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        showClose: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        closeIcon: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+        customClass: string;
+        fullscreen: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: () => boolean;
     opened: () => boolean;
     close: () => boolean;
     closed: () => boolean;
     "update:modelValue": (value: boolean) => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly appendToBody: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly beforeClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
-    readonly destroyOnClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly center: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly customClass: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly closeIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    readonly closeOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly closeOnPressEscape: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly fullscreen: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly draggable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly lockScroll: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly modal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly showClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly openDelay: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly closeDelay: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly top: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    readonly modelValue: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly appendToBody: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly lockScroll: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly openDelay: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("../../../utils").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
     readonly modalClass: StringConstructor;
-    readonly width: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
-    readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly width: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly center: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly closeIcon: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly customClass: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly draggable: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly fullscreen: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showClose: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
 }>> & {
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
 }, {
     zIndex: number;
     top: string;
-    width: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;
-    center: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    draggable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    center: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    width: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    draggable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
-    showClose: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    beforeClose: (...args: any[]) => void;
-    destroyOnClose: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showClose: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeIcon: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     customClass: string;
-    closeIcon: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    closeOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    fullscreen: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    appendToBody: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    beforeClose: (...args: any[]) => void;
+    destroyOnClose: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnClickModal: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modal: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeDelay: number;
 }>;
 export default _default;

package/lib/components/dialog/src/dialog2.js

@@ -3,147 +3,121 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-require('../../../directives/index.js');
-var index = require('../../overlay/index.js');
-var index$1 = require('../../icon/index.js');
-require('../../../utils/index.js');
+var index$3 = require('../../overlay/index.js');
+require('../../focus-trap/index.js');
 require('../../../hooks/index.js');
+var dialogContent = require('./dialog-content2.js');
 var dialog = require('./dialog.js');
+var token = require('./token.js');
 var useDialog = require('./use-dialog.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var icon = require('../../../utils/vue/icon.js');
-var index$2 = require('../../../directives/trap-focus/index.js');
-var index$3 = require('../../../hooks/use-namespace/index.js');
-var index$4 = require('../../../hooks/use-same-target/index.js');
-var index$5 = require('../../../hooks/use-draggable/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-same-target/index.js');
+var index$2 = require('../../../hooks/use-draggable/index.js');
+var focusTrap = require('../../focus-trap/src/focus-trap.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElDialog",
-  components: {
-    ElOverlay: index.ElOverlay,
-    ElIcon: index$1.ElIcon,
-    ...icon.CloseComponents
-  },
-  directives: {
-    TrapFocus: index$2["default"]
-  },
+const __default__ = {
+  name: "ElDialog"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: dialog.dialogProps,
   emits: dialog.dialogEmits,
-  setup(props, ctx) {
-    const ns = index$3.useNamespace("dialog");
-    const dialogRef = vue.ref();
-    const headerRef = vue.ref();
-    const dialog = useDialog.useDialog(props, ctx, dialogRef);
-    const overlayEvent = index$4.useSameTarget(dialog.onModalClick);
-    const draggable = vue.computed(() => props.draggable && !props.fullscreen);
-    index$5.useDraggable(dialogRef, headerRef, draggable);
-    return {
-      ns,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = index.useNamespace("dialog");
+    const dialogRef = vue.ref(null);
+    const headerRef = vue.ref(null);
+    const dialog = useDialog.useDialog(props, { emit }, dialogRef);
+    const {
+      visible,
+      afterEnter,
+      afterLeave,
+      beforeLeave,
+      style,
+      handleClose,
+      rendered
+    } = dialog;
+    vue.provide(token.elDialogInjectionKey, {
       dialogRef,
       headerRef,
-      overlayEvent,
-      ...dialog
-    };
-  }
-});
-const _hoisted_1 = ["aria-label"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_overlay = vue.resolveComponent("el-overlay");
-  const _directive_trap_focus = vue.resolveDirective("trap-focus");
-  return vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: "body",
-    disabled: !_ctx.appendToBody
-  }, [
-    vue.createVNode(vue.Transition, {
-      name: "dialog-fade",
-      onAfterEnter: _ctx.afterEnter,
-      onAfterLeave: _ctx.afterLeave,
-      onBeforeLeave: _ctx.beforeLeave
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createVNode(_component_el_overlay, {
-          "custom-mask-event": "",
-          mask: _ctx.modal,
-          "overlay-class": _ctx.modalClass,
-          "z-index": _ctx.zIndex
+      ns,
+      rendered,
+      style
+    });
+    const overlayEvent = index$1.useSameTarget(dialog.onModalClick);
+    const draggable = vue.computed(() => props.draggable && !props.fullscreen);
+    index$2.useDraggable(dialogRef, headerRef, draggable);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Teleport, {
+        to: "body",
+        disabled: !_ctx.appendToBody
+      }, [
+        vue.createVNode(vue.Transition, {
+          name: "dialog-fade",
+          onAfterEnter: vue.unref(afterEnter),
+          onAfterLeave: vue.unref(afterLeave),
+          onBeforeLeave: vue.unref(beforeLeave)
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(`${_ctx.ns.namespace.value}-overlay-dialog`),
-              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.overlayEvent.onClick && _ctx.overlayEvent.onClick(...args)),
-              onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.overlayEvent.onMousedown && _ctx.overlayEvent.onMousedown(...args)),
-              onMouseup: _cache[4] || (_cache[4] = (...args) => _ctx.overlayEvent.onMouseup && _ctx.overlayEvent.onMouseup(...args))
-            }, [
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-                ref: "dialogRef",
-                class: vue.normalizeClass([
-                  _ctx.ns.b(),
-                  _ctx.ns.is("fullscreen", _ctx.fullscreen),
-                  _ctx.ns.is("draggable", _ctx.draggable),
-                  { [_ctx.ns.m("center")]: _ctx.center },
-                  _ctx.customClass
-                ]),
-                "aria-modal": "true",
-                role: "dialog",
-                "aria-label": _ctx.title || "dialog",
-                style: vue.normalizeStyle(_ctx.style),
-                onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-                }, ["stop"]))
-              }, [
+            vue.withDirectives(vue.createVNode(vue.unref(index$3.ElOverlay), {
+              "custom-mask-event": "",
+              mask: _ctx.modal,
+              "overlay-class": _ctx.modalClass,
+              "z-index": _ctx.zIndex
+            }, {
+              default: vue.withCtx(() => [
                 vue.createElementVNode("div", {
-                  ref: "headerRef",
-                  class: vue.normalizeClass(_ctx.ns.e("header"))
+                  class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
+                  onClick: _cache[2] || (_cache[2] = (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
+                  onMousedown: _cache[3] || (_cache[3] = (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
+                  onMouseup: _cache[4] || (_cache[4] = (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
                 }, [
-                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                    vue.createElementVNode("span", {
-                      class: vue.normalizeClass(_ctx.ns.e("title"))
-                    }, vue.toDisplayString(_ctx.title), 3)
-                  ]),
-                  _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                  vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(vue.unref(focusTrap["default"]), {
                     key: 0,
-                    "aria-label": "close",
-                    class: vue.normalizeClass(_ctx.ns.e("headerbtn")),
-                    type: "button",
-                    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-                  }, [
-                    vue.createVNode(_component_el_icon, {
-                      class: vue.normalizeClass(_ctx.ns.e("close"))
-                    }, {
-                      default: vue.withCtx(() => [
-                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon || "close")))
-                      ]),
-                      _: 1
-                    }, 8, ["class"])
-                  ], 2)) : vue.createCommentVNode("v-if", true)
-                ], 2),
-                _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  class: vue.normalizeClass(_ctx.ns.e("body"))
-                }, [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ], 2)) : vue.createCommentVNode("v-if", true),
-                _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 1,
-                  class: vue.normalizeClass(_ctx.ns.e("footer"))
-                }, [
-                  vue.renderSlot(_ctx.$slots, "footer")
-                ], 2)) : vue.createCommentVNode("v-if", true)
-              ], 14, _hoisted_1)), [
-                [_directive_trap_focus]
-              ])
-            ], 34)
+                    loop: "",
+                    trapped: "",
+                    onMountOnFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("openAutoFocus")),
+                    onUnmountOnFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("closeAutoFocus"))
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(dialogContent["default"], {
+                        "custom-class": _ctx.customClass,
+                        center: _ctx.center,
+                        "close-icon": _ctx.closeIcon,
+                        draggable: vue.unref(draggable),
+                        fullscreen: _ctx.fullscreen,
+                        "show-close": _ctx.showClose,
+                        style: vue.normalizeStyle(vue.unref(style)),
+                        title: _ctx.title,
+                        onClose: vue.unref(handleClose)
+                      }, {
+                        title: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "title")
+                        ]),
+                        footer: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "footer")
+                        ]),
+                        default: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "default")
+                        ]),
+                        _: 3
+                      }, 8, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "style", "title", "onClose"])
+                    ]),
+                    _: 3
+                  })) : vue.createCommentVNode("v-if", true)
+                ], 34)
+              ]),
+              _: 3
+            }, 8, ["mask", "overlay-class", "z-index"]), [
+              [vue.vShow, vue.unref(visible)]
+            ])
           ]),
           _: 3
-        }, 8, ["mask", "overlay-class", "z-index"]), [
-          [vue.vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-  ], 8, ["disabled"]);
-}
-var Dialog = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
+        }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+      ], 8, ["disabled"]);
+    };
+  }
+});
 
-exports["default"] = Dialog;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=dialog2.js.map