@element-plus/nightly 0.0.20260119 → 0.0.20260121

package/es/components/dialog/src/dialog-content.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, inject, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent } from 'vue';
+import { defineComponent, mergeDefaults, inject, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import { dialogInjectionKey } from './constants.mjs';
-import { dialogContentEmits, dialogContentProps } from './dialog-content.mjs';
+import { dialogContentEmits, dialogContentPropsDefaults } from './dialog-content.mjs';
 import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
 import { composeRefs } from '../../../utils/vue/refs.mjs';
 import { useDraggable } from '../../../hooks/use-draggable/index.mjs';
@@ -14,7 +14,20 @@ const _hoisted_3 = ["id"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ElDialogContent" },
   __name: "dialog-content",
-  props: dialogContentProps,
+  props: /* @__PURE__ */ mergeDefaults({
+    center: { type: Boolean, required: false },
+    alignCenter: { type: Boolean, required: false },
+    closeIcon: { type: null, required: false },
+    draggable: { type: Boolean, required: false },
+    overflow: { type: Boolean, required: false },
+    fullscreen: { type: Boolean, required: false },
+    headerClass: { type: String, required: false },
+    bodyClass: { type: String, required: false },
+    footerClass: { type: String, required: false },
+    showClose: { type: Boolean, required: false },
+    title: { type: String, required: false },
+    ariaLevel: { type: String, required: false }
+  }, dialogContentPropsDefaults),
   emits: dialogContentEmits,
   setup(__props, { expose: __expose }) {
     const { t } = useLocale();
@@ -58,17 +71,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             {
               ref_key: "headerRef",
               ref: headerRef,
-              class: normalizeClass([unref(ns).e("header"), _ctx.headerClass, { "show-close": _ctx.showClose }])
+              class: normalizeClass([unref(ns).e("header"), __props.headerClass, { "show-close": __props.showClose }])
             },
             [
               renderSlot(_ctx.$slots, "header", {}, () => [
                 createElementVNode("span", {
                   role: "heading",
-                  "aria-level": _ctx.ariaLevel,
+                  "aria-level": __props.ariaLevel,
                   class: normalizeClass(unref(ns).e("title"))
-                }, toDisplayString(_ctx.title), 11, _hoisted_1)
+                }, toDisplayString(__props.title), 11, _hoisted_1)
               ]),
-              _ctx.showClose ? (openBlock(), createElementBlock("button", {
+              __props.showClose ? (openBlock(), createElementBlock("button", {
                 key: 0,
                 "aria-label": unref(t)("el.dialog.close"),
                 class: normalizeClass(unref(ns).e("headerbtn")),
@@ -79,7 +92,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(unref(ns).e("close"))
                 }, {
                   default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
+                    (openBlock(), createBlock(resolveDynamicComponent(__props.closeIcon || unref(Close))))
                   ]),
                   _: 1
                   /* STABLE */
@@ -91,7 +104,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ),
           createElementVNode("div", {
             id: unref(bodyId),
-            class: normalizeClass([unref(ns).e("body"), _ctx.bodyClass])
+            class: normalizeClass([unref(ns).e("body"), __props.bodyClass])
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 10, _hoisted_3),
@@ -99,7 +112,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             "footer",
             {
               key: 0,
-              class: normalizeClass([unref(ns).e("footer"), _ctx.footerClass])
+              class: normalizeClass([unref(ns).e("footer"), __props.footerClass])
             },
             [
               renderSlot(_ctx.$slots, "footer")

package/es/components/dialog/src/dialog-content.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.vue2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n    <header\n      ref=\"headerRef\"\n      :class=\"[ns.e('header'), headerClass, { 'show-close': showClose }]\"\n    >\n      <slot name=\"header\">\n        <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n      <button\n        v-if=\"showClose\"\n        :aria-label=\"t('el.dialog.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    </header>\n    <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n      <slot />\n    </div>\n    <footer v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = defineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => !!props.draggable)\nconst overflow = computed(() => !!props.overflow)\nconst { resetPosition, updatePosition, isDragging } = useDraggable(\n  dialogRef,\n  headerRef,\n  draggable,\n  overflow\n)\n\nconst dialogKls = computed(() => [\n  ns.b(),\n  ns.is('fullscreen', props.fullscreen),\n  ns.is('draggable', draggable.value),\n  ns.is('dragging', isDragging.value),\n  ns.is('align-center', !!props.alignCenter),\n  { [ns.m('center')]: props.center },\n])\n\ndefineExpose({\n  resetPosition,\n  updatePosition,\n})\n</script>\n"],"names":["_createElementBlock","_unref","_createElementVNode","headerClass","showClose","_renderSlot","ariaLevel","_normalizeClass","title","$emit","_createVNode","_createBlock","_resolveDynamicComponent","closeIcon","bodyClass","$slots","footerClass"],"mappings":"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"}
+{"version":3,"file":"dialog-content.vue2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n    <header\n      ref=\"headerRef\"\n      :class=\"[ns.e('header'), headerClass, { 'show-close': showClose }]\"\n    >\n      <slot name=\"header\">\n        <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n      <button\n        v-if=\"showClose\"\n        :aria-label=\"t('el.dialog.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    </header>\n    <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n      <slot />\n    </div>\n    <footer v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport {\n  dialogContentEmits,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { DialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = withDefaults(\n  defineProps<DialogContentProps>(),\n  dialogContentPropsDefaults\n)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => !!props.draggable)\nconst overflow = computed(() => !!props.overflow)\nconst { resetPosition, updatePosition, isDragging } = useDraggable(\n  dialogRef,\n  headerRef,\n  draggable,\n  overflow\n)\n\nconst dialogKls = computed(() => [\n  ns.b(),\n  ns.is('fullscreen', props.fullscreen),\n  ns.is('draggable', draggable.value),\n  ns.is('dragging', isDragging.value),\n  ns.is('align-center', !!props.alignCenter),\n  { [ns.m('center')]: props.center },\n])\n\ndefineExpose({\n  resetPosition,\n  updatePosition,\n})\n</script>\n"],"names":["_createElementBlock","_unref","_createElementVNode","_renderSlot","_normalizeClass","$emit","_createVNode","_createBlock","_resolveDynamicComponent","$slots"],"mappings":"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"}

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

@@ -1,8 +1,93 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue';
+import type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue';
+import type { DialogContentProps } from './dialog-content';
 import type Dialog from './dialog.vue';
 type DoneFn = (cancel?: boolean) => void;
 export type DialogBeforeCloseFn = (done: DoneFn) => void;
 export type DialogTransition = string | TransitionProps;
+/**
+ * @description dialog component props
+ */
+export interface DialogProps extends DialogContentProps {
+    /**
+     * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`
+     */
+    appendToBody?: boolean;
+    /**
+     * @description which element the Dialog appends to
+     */
+    appendTo?: string | HTMLElement;
+    /**
+     * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog
+     */
+    beforeClose?: DialogBeforeCloseFn;
+    /**
+     * @description destroy elements in Dialog when closed
+     */
+    destroyOnClose?: boolean;
+    /**
+     * @description whether the Dialog can be closed by clicking the mask
+     */
+    closeOnClickModal?: boolean;
+    /**
+     * @description whether the Dialog can be closed by pressing ESC
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * @description whether scroll of body is disabled while Dialog is displayed
+     */
+    lockScroll?: boolean;
+    /**
+     * @description whether a mask is displayed
+     */
+    modal?: boolean;
+    /**
+     * @description whether the mask is penetrable
+     */
+    modalPenetrable?: boolean;
+    /**
+     * @description the Time(milliseconds) before open
+     */
+    openDelay?: number;
+    /**
+     * @description the Time(milliseconds) before close
+     */
+    closeDelay?: number;
+    /**
+     * @description value for `margin-top` of Dialog CSS, default is 15vh
+     */
+    top?: string;
+    /**
+     * @description visibility of Dialog
+     */
+    modelValue?: boolean;
+    /**
+     * @description custom class names for mask
+     */
+    modalClass?: string;
+    /**
+     * @description width of Dialog, default is 50%
+     */
+    width?: string | number;
+    /**
+     * @description same as z-index in native CSS, z-order of dialog
+     */
+    zIndex?: number;
+    /**
+     * @description trap focus within dialog
+     */
+    trapFocus?: boolean;
+    /**
+     * @description header's aria-level attribute
+     */
+    headerAriaLevel?: string;
+    /**
+     * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props
+     */
+    transition?: DialogTransition;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `DialogProps` instead.
+ */
 export declare const dialogProps: {
     readonly appendToBody: BooleanConstructor;
     readonly appendTo: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").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/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
@@ -61,7 +146,9 @@ export declare const dialogProps: {
     readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly ariaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 };
-export type DialogProps = ExtractPropTypes<typeof dialogProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `DialogProps` instead.
+ */
 export type DialogPropsPublic = ExtractPublicPropTypes<typeof dialogProps>;
 export declare const dialogEmits: {
     open: () => boolean;
@@ -81,4 +168,21 @@ export interface DialogConfigContext {
     transition?: DialogTransition;
 }
 export declare const dialogContextKey: InjectionKey<DialogConfigContext>;
+export declare const dialogPropsDefaults: {
+    readonly appendTo: "body";
+    readonly closeOnClickModal: true;
+    readonly closeOnPressEscape: true;
+    readonly lockScroll: true;
+    readonly modal: true;
+    readonly openDelay: 0;
+    readonly closeDelay: 0;
+    readonly headerAriaLevel: "2";
+    readonly transition: undefined;
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
+};
 export {};

package/es/components/dialog/src/dialog.mjs

@@ -1,4 +1,4 @@
-import { dialogContentProps } from './dialog-content.mjs';
+import { dialogContentProps, dialogContentPropsDefaults } from './dialog-content.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { teleportProps } from '../../teleport/src/teleport.mjs';
 import { isBoolean } from '../../../utils/types.mjs';
@@ -137,6 +137,18 @@ const dialogEmits = {
   closeAutoFocus: () => true
 };
 const dialogContextKey = /* @__PURE__ */ Symbol("dialogContextKey");
+const dialogPropsDefaults = {
+  ...dialogContentPropsDefaults,
+  appendTo: "body",
+  closeOnClickModal: true,
+  closeOnPressEscape: true,
+  lockScroll: true,
+  modal: true,
+  openDelay: 0,
+  closeDelay: 0,
+  headerAriaLevel: "2",
+  transition: void 0
+};
 
-export { dialogContextKey, dialogEmits, dialogProps };
+export { dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults };
 //# sourceMappingURL=dialog.mjs.map

package/es/components/dialog/src/dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.mjs","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 { teleportProps } from '@element-plus/components/teleport'\nimport { dialogContentProps } from './dialog-content'\n\nimport type {\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  InjectionKey,\n  TransitionProps,\n} from 'vue'\nimport type Dialog from './dialog.vue'\n\ntype DoneFn = (cancel?: boolean) => void\n\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport type DialogTransition = string | TransitionProps\n\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody: Boolean,\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose: Boolean,\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether a mask is displayed\n   */\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable: Boolean,\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top: {\n    type: String,\n  },\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue: Boolean,\n  /**\n   * @description custom class names for mask\n   */\n  modalClass: String,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: Boolean,\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition: {\n    type: definePropType<DialogTransition>([String, Object]),\n    default: undefined,\n  },\n} as const)\n\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\nexport type DialogPropsPublic = ExtractPublicPropTypes<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\nexport type DialogInstance = InstanceType<typeof Dialog> & unknown\nexport interface DialogConfigContext {\n  alignCenter?: boolean\n  draggable?: boolean\n  overflow?: boolean\n  transition?: DialogTransition\n}\n\nexport const dialogContextKey: InjectionKey<DialogConfigContext> =\n  Symbol('dialogContextKey')\n"],"names":[],"mappings":";;;;;;AAmBO,MAAM,cAAc,UAAA,CAAW;AAAA,EACpC,GAAG,kBAAA;AAAA;AAAA;AAAA;AAAA,EAIH,YAAA,EAAc,OAAA;AAAA;AAAA;AAAA;AAAA,EAId,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,cAAc,EAAA,CAAG,IAAA;AAAA,IACvB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,eAAoC,QAAQ;AAAA,GACpD;AAAA;AAAA;AAAA;AAAA,EAIA,cAAA,EAAgB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIhB,iBAAA,EAAmB;AAAA,IACjB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIjB,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,UAAA,EAAY,MAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,SAAA,EAAW,MAAA;AAAA;AAAA;AAAA;AAAA,EAIX,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,cAAA,CAAiC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACvD,OAAA,EAAS;AAAA;AAEb,CAAU;AAKH,MAAM,WAAA,GAAc;AAAA,EACzB,MAAM,MAAM,IAAA;AAAA,EACZ,QAAQ,MAAM,IAAA;AAAA,EACd,OAAO,MAAM,IAAA;AAAA,EACb,QAAQ,MAAM,IAAA;AAAA,EACd,CAAC,kBAAkB,GAAG,CAAC,KAAA,KAAmB,UAAU,KAAK,CAAA;AAAA,EACzD,eAAe,MAAM,IAAA;AAAA,EACrB,gBAAgB,MAAM;AACxB;AAUO,MAAM,gBAAA,0BACJ,kBAAkB;;;;"}
+{"version":3,"file":"dialog.mjs","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 { teleportProps } from '@element-plus/components/teleport'\nimport {\n  dialogContentProps,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue'\nimport type { DialogContentProps } from './dialog-content'\nimport type Dialog from './dialog.vue'\n\ntype DoneFn = (cancel?: boolean) => void\n\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport type DialogTransition = string | TransitionProps\n\n/**\n * @description dialog component props\n */\nexport interface DialogProps extends DialogContentProps {\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody?: boolean\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose?: DialogBeforeCloseFn\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose?: boolean\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal?: boolean\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll?: boolean\n  /**\n   * @description whether a mask is displayed\n   */\n  modal?: boolean\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable?: boolean\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay?: number\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay?: number\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top?: string\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue?: boolean\n  /**\n   * @description custom class names for mask\n   */\n  modalClass?: string\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width?: string | number\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex?: number\n  /**\n   * @description trap focus within dialog\n   */\n  trapFocus?: boolean\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel?: string\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition?: DialogTransition\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody: Boolean,\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose: Boolean,\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether a mask is displayed\n   */\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable: Boolean,\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top: {\n    type: String,\n  },\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue: Boolean,\n  /**\n   * @description custom class names for mask\n   */\n  modalClass: String,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: Boolean,\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition: {\n    type: definePropType<DialogTransition>([String, Object]),\n    default: undefined,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport type DialogPropsPublic = ExtractPublicPropTypes<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\nexport type DialogInstance = InstanceType<typeof Dialog> & unknown\nexport interface DialogConfigContext {\n  alignCenter?: boolean\n  draggable?: boolean\n  overflow?: boolean\n  transition?: DialogTransition\n}\n\nexport const dialogContextKey: InjectionKey<DialogConfigContext> =\n  Symbol('dialogContextKey')\n\nexport const dialogPropsDefaults = {\n  ...dialogContentPropsDefaults,\n  appendTo: 'body',\n  closeOnClickModal: true,\n  closeOnPressEscape: true,\n  lockScroll: true,\n  modal: true,\n  openDelay: 0,\n  closeDelay: 0,\n  headerAriaLevel: '2',\n  transition: undefined,\n} as const\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import type { DialogProps } from './dialog';
 declare var __VLS_38: {
     close: () => void;
     titleId: string;
@@ -12,64 +13,23 @@ type __VLS_Slots = {} & {
 } & {
     footer?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly appendToBody: BooleanConstructor;
-    readonly appendTo: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").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/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
-    readonly beforeClose: {
-        readonly type: import("vue").PropType<import("./dialog").DialogBeforeCloseFn>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly destroyOnClose: BooleanConstructor;
-    readonly closeOnClickModal: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly lockScroll: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modal: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modalPenetrable: BooleanConstructor;
-    readonly openDelay: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly closeDelay: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly top: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly modelValue: BooleanConstructor;
-    readonly modalClass: StringConstructor;
-    readonly headerClass: StringConstructor;
-    readonly bodyClass: StringConstructor;
-    readonly footerClass: StringConstructor;
-    readonly width: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly zIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly trapFocus: BooleanConstructor;
-    readonly headerAriaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-    readonly transition: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("./dialog").DialogTransition) | ((new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("./dialog").DialogTransition))[], unknown, unknown, undefined, boolean>;
-    readonly center: BooleanConstructor;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").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 required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly fullscreen: BooleanConstructor;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly ariaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DialogProps>, {
+    readonly appendTo: "body";
+    readonly closeOnClickModal: true;
+    readonly closeOnPressEscape: true;
+    readonly lockScroll: true;
+    readonly modal: true;
+    readonly openDelay: 0;
+    readonly closeDelay: 0;
+    readonly headerAriaLevel: "2";
+    readonly transition: undefined;
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
+}>, {
     /** @description whether the dialog is visible */
     visible: import("vue").Ref<boolean>;
     dialogContentRef: import("vue").Ref<any>;
@@ -83,64 +43,23 @@ declare const __VLS_base: import("vue").DefineComponent<{
     closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly appendToBody: BooleanConstructor;
-    readonly appendTo: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").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/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
-    readonly beforeClose: {
-        readonly type: import("vue").PropType<import("./dialog").DialogBeforeCloseFn>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly destroyOnClose: BooleanConstructor;
-    readonly closeOnClickModal: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly lockScroll: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modal: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modalPenetrable: BooleanConstructor;
-    readonly openDelay: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly closeDelay: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly top: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly modelValue: BooleanConstructor;
-    readonly modalClass: StringConstructor;
-    readonly headerClass: StringConstructor;
-    readonly bodyClass: StringConstructor;
-    readonly footerClass: StringConstructor;
-    readonly width: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly zIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly trapFocus: BooleanConstructor;
-    readonly headerAriaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-    readonly transition: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("./dialog").DialogTransition) | ((new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("./dialog").DialogTransition))[], unknown, unknown, undefined, boolean>;
-    readonly center: BooleanConstructor;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").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 required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly fullscreen: BooleanConstructor;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly ariaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DialogProps>, {
+    readonly appendTo: "body";
+    readonly closeOnClickModal: true;
+    readonly closeOnPressEscape: true;
+    readonly lockScroll: true;
+    readonly modal: true;
+    readonly openDelay: 0;
+    readonly closeDelay: 0;
+    readonly headerAriaLevel: "2";
+    readonly transition: undefined;
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
+}>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
@@ -149,34 +68,43 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
 }, {
-    readonly title: string;
-    readonly center: boolean;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly transition: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("./dialog").DialogTransition) | ((new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("./dialog").DialogTransition))[], unknown, unknown>;
-    readonly modelValue: boolean;
-    readonly ariaLevel: string;
-    readonly appendTo: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").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/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly fullscreen: boolean;
-    readonly closeOnClickModal: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly lockScroll: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly modal: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly openDelay: number;
-    readonly closeDelay: number;
-    readonly headerAriaLevel: string;
-    readonly appendToBody: boolean;
-    readonly destroyOnClose: boolean;
-    readonly modalPenetrable: boolean;
-    readonly trapFocus: boolean;
+    title: string;
+    overflow: boolean;
+    transition: import("./dialog").DialogTransition;
+    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;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};