@element-plus/nightly 0.0.20220227 → 0.0.20220302

package/lib/components/descriptions/src/index.vue.d.ts

@@ -68,9 +68,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     title: string;
-    column: number;
-    border: boolean;
     direction: "horizontal" | "vertical";
+    border: boolean;
+    column: number;
     extra: string;
 }>;
 export default _default;

package/lib/components/dialog/index.d.ts

@@ -1,6 +1,6 @@
 export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<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 beforeClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/dialog").DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
     readonly destroyOnClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, 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>;
@@ -13,6 +13,7 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
     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 trapFocus: 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 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 customClass: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -23,7 +24,7 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<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 beforeClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/dialog").DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
         readonly destroyOnClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, 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>;
@@ -36,6 +37,7 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
         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 trapFocus: 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 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 customClass: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -45,14 +47,13 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
         readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     }>> & {
         onClose?: (() => any) | undefined;
-        onOpen?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => 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;
@@ -67,29 +68,17 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
             (name: string): string;
         };
     };
-    dialogRef: import("vue").Ref<HTMLElement | null>;
-    headerRef: import("vue").Ref<HTMLElement | null>;
-    dialog: {
-        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>;
-    };
+    dialogRef: import("vue").Ref<HTMLElement | undefined>;
+    headerRef: import("vue").Ref<HTMLElement | undefined>;
     visible: import("vue").Ref<boolean>;
+    style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    rendered: import("vue").Ref<boolean>;
+    zIndex: import("vue").Ref<number>;
     afterEnter: () => void;
     afterLeave: () => void;
     beforeLeave: () => void;
-    style: import("vue").ComputedRef<import("vue").CSSProperties>;
     handleClose: () => void;
-    rendered: import("vue").Ref<boolean>;
+    onModalClick: () => void;
     overlayEvent: {
         onClick: (e: MouseEvent) => void;
         onMousedown: (e: MouseEvent) => void;
@@ -118,23 +107,6 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
         customMaskEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         overlayClass: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | string[] | Record<string, boolean>>, unknown, unknown>;
     }>;
-    ElFocusTrap: import("vue").DefineComponent<{
-        loop: BooleanConstructor;
-        trapped: BooleanConstructor;
-    }, {
-        focusTrapRef: import("vue").Ref<HTMLElement | null | undefined>;
-        forwardRef: import("vue").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("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, 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>;
@@ -145,8 +117,8 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
         readonly title: import("element-plus/es/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: import("vue").Ref<HTMLElement | null>;
-        headerRef: import("vue").Ref<HTMLElement | null>;
+        dialogRef: import("vue").Ref<HTMLElement | undefined>;
+        headerRef: import("vue").Ref<HTMLElement | undefined>;
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -162,9 +134,6 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
             };
         };
         style: import("vue").ComputedRef<import("vue").CSSProperties>;
-        focusTrapRef: import("vue").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("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
             readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
@@ -228,7 +197,7 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
     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 beforeClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/dialog").DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
     readonly destroyOnClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, 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>;
@@ -241,6 +210,7 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
     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 trapFocus: 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 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 customClass: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -250,8 +220,8 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
     readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
 }>> & {
     onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
@@ -259,9 +229,9 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
 }, {
     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>;
-    width: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     draggable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
     showClose: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -269,13 +239,14 @@ export declare const ElDialog: import("element-plus/es/utils").SFCWithInstall<im
     customClass: string;
     fullscreen: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     appendToBody: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    beforeClose: (...args: any[]) => void;
+    beforeClose: import("./src/dialog").DialogBeforeCloseFn;
     destroyOnClose: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: 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>;
     closeDelay: number;
+    trapFocus: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
 }>> & Record<string, any>;
 export default ElDialog;
 export * from './src/use-dialog';

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

@@ -8,8 +8,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly title: import("element-plus/es/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: import("vue").Ref<HTMLElement | null>;
-    headerRef: import("vue").Ref<HTMLElement | null>;
+    dialogRef: import("vue").Ref<HTMLElement | undefined>;
+    headerRef: import("vue").Ref<HTMLElement | undefined>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -25,9 +25,6 @@ declare const _default: import("vue").DefineComponent<{
         };
     };
     style: import("vue").ComputedRef<import("vue").CSSProperties>;
-    focusTrapRef: import("vue").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("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
         readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;

package/lib/components/dialog/src/dialog-content2.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../icon/index.js');
-require('../../focus-trap/index.js');
 require('../../../utils/index.js');
+require('../../../tokens/index.js');
 var dialogContent = require('./dialog-content.js');
-var token = require('./token.js');
 var icon = require('../../../utils/vue/icon.js');
-var tokens = require('../../focus-trap/src/tokens.js');
-var refs = require('../../../utils/vue/refs.js');
+var dialog = require('../../../tokens/dialog.js');
 
 const _hoisted_1 = ["aria-label"];
 const __default__ = { name: "ElDialogContent" };
@@ -20,12 +18,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: dialogContent.dialogContentEmits,
   setup(__props) {
     const { Close } = icon.CloseComponents;
-    const { dialogRef, headerRef, ns, style } = vue.inject(token.elDialogInjectionKey);
-    const { focusTrapRef, onKeydown } = vue.inject(tokens.FOCUS_TRAP_INJECTION_KEY);
-    const composedDialogRef = refs.composeRefs(focusTrapRef, dialogRef);
+    const { dialogRef, headerRef, ns, style } = vue.inject(dialog.dialogInjectionKey);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        ref: vue.unref(composedDialogRef),
+        ref_key: "dialogRef",
+        ref: dialogRef,
         class: vue.normalizeClass([
           vue.unref(ns).b(),
           vue.unref(ns).is("fullscreen", _ctx.fullscreen),
@@ -38,8 +35,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         "aria-label": _ctx.title || "dialog",
         style: vue.normalizeStyle(vue.unref(style)),
         onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-        }, ["stop"])),
-        onKeydown: _cache[2] || (_cache[2] = (...args) => vue.unref(onKeydown) && vue.unref(onKeydown)(...args))
+        }, ["stop"]))
       }, [
         vue.createElementVNode("div", {
           ref_key: "headerRef",
@@ -79,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["class"])
         ], 2)) : vue.createCommentVNode("v-if", true)
-      ], 46, _hoisted_1);
+      ], 14, _hoisted_1);
     };
   }
 });

package/lib/components/dialog/src/dialog-content2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content2.js","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"composedDialogRef\"\n    :class=\"[\n      ns.b(),\n      ns.is('fullscreen', fullscreen),\n      ns.is('draggable', draggable),\n      { [ns.m('center')]: center },\n      customClass,\n    ]\"\n    aria-modal=\"true\"\n    role=\"dialog\"\n    :aria-label=\"title || 'dialog'\"\n    :style=\"style\"\n    @click.stop\n    @keydown=\"onKeydown\"\n  >\n    <div ref=\"headerRef\" :class=\"ns.e('header')\">\n      <slot name=\"title\">\n        <span :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n    </div>\n    <div :class=\"ns.e('body')\">\n      <slot></slot>\n    </div>\n    <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n      <slot name=\"footer\"></slot>\n    </div>\n    <button\n      v-if=\"showClose\"\n      aria-label=\"close\"\n      :class=\"ns.e('headerbtn')\"\n      type=\"button\"\n      @click=\"$emit('close')\"\n    >\n      <el-icon :class=\"ns.e('close')\">\n        <component :is=\"closeIcon || Close\" />\n      </el-icon>\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogContentProps, dialogContentEmits } from './dialog-content'\n\nimport { elDialogInjectionKey } from './token'\n\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\ndefineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, ns, style } = inject(elDialogInjectionKey)!\nconst { focusTrapRef, onKeydown } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqDA;AAMA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dialog-content2.js","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"dialogRef\"\n    :class=\"[\n      ns.b(),\n      ns.is('fullscreen', fullscreen),\n      ns.is('draggable', draggable),\n      { [ns.m('center')]: center },\n      customClass,\n    ]\"\n    aria-modal=\"true\"\n    role=\"dialog\"\n    :aria-label=\"title || 'dialog'\"\n    :style=\"style\"\n    @click.stop\n  >\n    <div ref=\"headerRef\" :class=\"ns.e('header')\">\n      <slot name=\"title\">\n        <span :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n    </div>\n    <div :class=\"ns.e('body')\">\n      <slot></slot>\n    </div>\n    <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n      <slot name=\"footer\"></slot>\n    </div>\n    <button\n      v-if=\"showClose\"\n      aria-label=\"close\"\n      :class=\"ns.e('headerbtn')\"\n      type=\"button\"\n      @click=\"$emit('close')\"\n    >\n      <el-icon :class=\"ns.e('close')\">\n        <component :is=\"closeIcon || Close\" />\n      </el-icon>\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents } from '@element-plus/utils'\nimport { dialogInjectionKey } from '@element-plus/tokens'\nimport { dialogContentProps, dialogContentEmits } from './dialog-content'\n\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\ndefineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, ns, style } = inject(dialogInjectionKey)!\n// const { focusTrapRef, onKeydown } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\n// const composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkDA;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,9 @@
 import type { ExtractPropTypes } from 'vue';
+declare type DoneFn = (cancel: boolean) => void;
+export declare type DialogBeforeCloseFn = (done: DoneFn) => void;
 export declare const dialogProps: {
     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 beforeClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
     readonly destroyOnClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, 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>;
@@ -14,6 +16,7 @@ export declare const dialogProps: {
     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 trapFocus: 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 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 customClass: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -33,3 +36,4 @@ export declare const dialogEmits: {
     closeAutoFocus: () => boolean;
 };
 export declare type DialogEmits = typeof dialogEmits;
+export {};

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

@@ -7,6 +7,7 @@ require('../../../constants/index.js');
 var dialogContent = require('./dialog-content.js');
 var props = require('../../../utils/vue/props.js');
 var event = require('../../../constants/event.js');
+var core = require('@vueuse/core');
 
 const dialogProps = props.buildProps({
   ...dialogContent.dialogContentProps,
@@ -58,6 +59,10 @@ const dialogProps = props.buildProps({
   },
   zIndex: {
     type: Number
+  },
+  trapFocus: {
+    type: Boolean,
+    default: false
   }
 });
 const dialogEmits = {
@@ -65,7 +70,7 @@ const dialogEmits = {
   opened: () => true,
   close: () => true,
   closed: () => true,
-  [event.UPDATE_MODEL_EVENT]: (value) => typeof value === "boolean",
+  [event.UPDATE_MODEL_EVENT]: (value) => core.isBoolean(value),
   openAutoFocus: () => true,
   closeAutoFocus: () => true
 };

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { dialogContentProps } from './dialog-content'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  appendToBody: {\n    type: Boolean,\n    default: false,\n  },\n  beforeClose: {\n    type: definePropType<(...args: any[]) => void>(Function),\n  },\n  destroyOnClose: {\n    type: Boolean,\n    default: false,\n  },\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  top: {\n    type: String,\n  },\n  modelValue: {\n    type: Boolean,\n    required: true,\n  },\n  modalClass: String,\n  width: {\n    type: [String, Number],\n  },\n  zIndex: {\n    type: Number,\n  },\n} as const)\n\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n  open: () => true,\n  opened: () => true,\n  close: () => true,\n  closed: () => true,\n  [UPDATE_MODEL_EVENT]: (value: boolean) => typeof value === 'boolean',\n  openAutoFocus: () => true,\n  closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\n"],"names":["buildProps","dialogContentProps","definePropType","UPDATE_MODEL_EVENT"],"mappings":";;;;;;;;;;AAGY,MAAC,WAAW,GAAGA,gBAAU,CAAC;AACtC,EAAE,GAAGC,gCAAkB;AACvB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,SAAS;AAC7D,EAAE,aAAa,EAAE,MAAM,IAAI;AAC3B,EAAE,cAAc,EAAE,MAAM,IAAI;AAC5B;;;;;"}
+{"version":3,"file":"dialog.js","sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { dialogContentProps } from './dialog-content'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype DoneFn = (cancel: boolean) => void\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  appendToBody: {\n    type: Boolean,\n    default: false,\n  },\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  destroyOnClose: {\n    type: Boolean,\n    default: false,\n  },\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  top: {\n    type: String,\n  },\n  modelValue: {\n    type: Boolean,\n    required: true,\n  },\n  modalClass: String,\n  width: {\n    type: [String, Number],\n  },\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n  open: () => true,\n  opened: () => true,\n  close: () => true,\n  closed: () => true,\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  openAutoFocus: () => true,\n  closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\n"],"names":["buildProps","dialogContentProps","definePropType","UPDATE_MODEL_EVENT","isBoolean"],"mappings":";;;;;;;;;;;AAGY,MAAC,WAAW,GAAGA,gBAAU,CAAC;AACtC,EAAE,GAAGC,gCAAkB;AACvB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,cAAS,CAAC,KAAK,CAAC;AACnD,EAAE,aAAa,EAAE,MAAM,IAAI;AAC3B,EAAE,cAAc,EAAE,MAAM,IAAI;AAC5B;;;;;"}

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

@@ -1,7 +1,6 @@
-import type { Ref } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     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 beforeClose: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./dialog").DialogBeforeCloseFn>, 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>;
@@ -14,6 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     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 trapFocus: import("../../../utils").BuildPropReturn<BooleanConstructor, false, 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>;
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     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 beforeClose: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./dialog").DialogBeforeCloseFn>, 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>;
@@ -37,6 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         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 trapFocus: import("../../../utils").BuildPropReturn<BooleanConstructor, false, 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>;
@@ -46,14 +47,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly title: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     }>> & {
         onClose?: (() => any) | undefined;
-        onOpen?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => 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;
@@ -68,29 +68,17 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
-    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>;
+    dialogRef: import("vue").Ref<HTMLElement | undefined>;
+    headerRef: import("vue").Ref<HTMLElement | undefined>;
+    visible: import("vue").Ref<boolean>;
+    style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    rendered: import("vue").Ref<boolean>;
+    zIndex: import("vue").Ref<number>;
     afterEnter: () => void;
     afterLeave: () => void;
     beforeLeave: () => void;
-    style: import("vue").ComputedRef<import("vue").CSSProperties>;
     handleClose: () => void;
-    rendered: Ref<boolean>;
+    onModalClick: () => void;
     overlayEvent: {
         onClick: (e: MouseEvent) => void;
         onMousedown: (e: MouseEvent) => void;
@@ -119,23 +107,6 @@ declare const _default: import("vue").DefineComponent<{
         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>;
@@ -146,8 +117,8 @@ declare const _default: import("vue").DefineComponent<{
         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>;
+        dialogRef: import("vue").Ref<HTMLElement | undefined>;
+        headerRef: import("vue").Ref<HTMLElement | undefined>;
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -163,9 +134,6 @@ declare const _default: import("vue").DefineComponent<{
             };
         };
         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>;
@@ -229,7 +197,7 @@ declare const _default: import("vue").DefineComponent<{
     closeAutoFocus: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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 beforeClose: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./dialog").DialogBeforeCloseFn>, 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>;
@@ -242,6 +210,7 @@ declare const _default: import("vue").DefineComponent<{
     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 trapFocus: import("../../../utils").BuildPropReturn<BooleanConstructor, false, 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>;
@@ -251,8 +220,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly title: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
 }>> & {
     onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
@@ -260,9 +229,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     zIndex: number;
     top: string;
+    width: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;
     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("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -270,12 +239,13 @@ declare const _default: import("vue").DefineComponent<{
     customClass: string;
     fullscreen: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     appendToBody: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    beforeClose: (...args: any[]) => void;
+    beforeClose: import("./dialog").DialogBeforeCloseFn;
     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;
+    trapFocus: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
 }>;
 export default _default;