@element-plus/nightly 0.0.20260119 → 0.0.20260121

package/lib/components/dialog/src/dialog-content.vue2.js

@@ -18,7 +18,20 @@ const _hoisted_3 = ["id"];
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ElDialogContent" },
   __name: "dialog-content",
-  props: dialogContent.dialogContentProps,
+  props: /* @__PURE__ */ vue.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 }
+  }, dialogContent.dialogContentPropsDefaults),
   emits: dialogContent.dialogContentEmits,
   setup(__props, { expose: __expose }) {
     const { t } = index.useLocale();
@@ -62,17 +75,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             {
               ref_key: "headerRef",
               ref: headerRef,
-              class: vue.normalizeClass([vue.unref(ns).e("header"), _ctx.headerClass, { "show-close": _ctx.showClose }])
+              class: vue.normalizeClass([vue.unref(ns).e("header"), __props.headerClass, { "show-close": __props.showClose }])
             },
             [
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
                 vue.createElementVNode("span", {
                   role: "heading",
-                  "aria-level": _ctx.ariaLevel,
+                  "aria-level": __props.ariaLevel,
                   class: vue.normalizeClass(vue.unref(ns).e("title"))
-                }, vue.toDisplayString(_ctx.title), 11, _hoisted_1)
+                }, vue.toDisplayString(__props.title), 11, _hoisted_1)
               ]),
-              _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+              __props.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
                 "aria-label": vue.unref(t)("el.dialog.close"),
                 class: vue.normalizeClass(vue.unref(ns).e("headerbtn")),
@@ -83,7 +96,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(vue.unref(ns).e("close"))
                 }, {
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon || vue.unref(Close))))
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.closeIcon || vue.unref(Close))))
                   ]),
                   _: 1
                   /* STABLE */
@@ -95,7 +108,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ),
           vue.createElementVNode("div", {
             id: vue.unref(bodyId),
-            class: vue.normalizeClass([vue.unref(ns).e("body"), _ctx.bodyClass])
+            class: vue.normalizeClass([vue.unref(ns).e("body"), __props.bodyClass])
           }, [
             vue.renderSlot(_ctx.$slots, "default")
           ], 10, _hoisted_3),
@@ -103,7 +116,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "footer",
             {
               key: 0,
-              class: vue.normalizeClass([vue.unref(ns).e("footer"), _ctx.footerClass])
+              class: vue.normalizeClass([vue.unref(ns).e("footer"), __props.footerClass])
             },
             [
               vue.renderSlot(_ctx.$slots, "footer")

package/lib/components/dialog/src/dialog-content.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.vue2.js","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":["useLocale","CloseComponents","inject","dialogInjectionKey","FOCUS_TRAP_INJECTION_KEY","composeRefs","computed","useDraggable","_createElementBlock","_unref","_createElementVNode","headerClass","showClose","_renderSlot","ariaLevel","_normalizeClass","title","$emit","_createVNode","ElIcon","_createBlock","_resolveDynamicComponent","closeIcon","bodyClass","$slots","footerClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyCA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIA,eAAA,EAAU;AACxB,IAAA,MAAM,EAAE,OAAM,GAAIC,oBAAA;AAGlB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAGd,IAAA,MAAM,EAAE,WAAW,SAAA,EAAW,MAAA,EAAQ,IAAI,KAAA,EAAM,GAAIC,WAAOC,4BAAkB,CAAA;AAC7E,IAAA,MAAM,EAAE,YAAA,EAAa,GAAID,UAAA,CAAOE,+BAAwB,CAAA;AAExD,IAAA,MAAM,iBAAA,GAAoBC,gBAAA,CAAY,YAAA,EAAc,SAAS,CAAA;AAE7D,IAAA,MAAM,YAAYC,YAAA,CAAS,MAAM,CAAC,CAAC,MAAM,SAAS,CAAA;AAClD,IAAA,MAAM,WAAWA,YAAA,CAAS,MAAM,CAAC,CAAC,MAAM,QAAQ,CAAA;AAChD,IAAA,MAAM,EAAE,aAAA,EAAe,cAAA,EAAgB,UAAA,EAAW,GAAIC,oBAAA;AAAA,MACpD,SAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,SAAA,GAAYD,aAAS,MAAM;AAAA,MAC/B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,EAAA,CAAG,YAAA,EAAc,KAAA,CAAM,UAAU,CAAA;AAAA,MACpC,EAAA,CAAG,EAAA,CAAG,WAAA,EAAa,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC,EAAA,CAAG,EAAA,CAAG,UAAA,EAAY,UAAA,CAAW,KAAK,CAAA;AAAA,MAClC,GAAG,EAAA,CAAG,cAAA,EAAgB,CAAC,CAAC,MAAM,WAAW,CAAA;AAAA,MACzC,EAAE,CAAC,EAAA,CAAG,CAAA,CAAE,QAAQ,CAAC,GAAG,MAAM,MAAA;AAAO,KAClC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA,MACX,aAAA;AAAA,MACA;AAAA,KACD,CAAA;;8BAzECE,sBAAA;AAAA,QA4BM,KAAA;AAAA,QAAA;AAAA,UA5BA,GAAA,EAAKC,UAAA,iBAAA,CAAA;AAAA,UAAoB,KAAA,qBAAO,SAAA,CAAA,KAAS,CAAA;AAAA,UAAG,KAAA,qBAAOA,SAAA,CAAA,KAAA,CAAK,CAAA;AAAA,UAAE,QAAA,EAAS;AAAA;;UACvEC,sBAAA;AAAA,YAoBS,QAAA;AAAA,YAAA;AAAA,uBAnBH,WAAA;AAAA,cAAJ,GAAA,EAAI,SAAA;AAAA,cACH,2BAAQD,SAAA,CAAA,EAAA,EAAG,CAAA,CAAC,QAAA,CAAA,EAAYE,IAAAA,CAAAA,6BAA6BC,IAAAA,CAAAA,SAAAA,EAAS,CAAA;AAAA;;cAE/DC,eAIO,IAAA,uBAJP,MAIO;AAAA,gBAHLH,uBAEO,MAAA,EAAA;AAAA,kBAFD,IAAA,EAAK,SAAA;AAAA,kBAAW,cAAYI,IAAAA,CAAAA,SAAAA;AAAAA,kBAAY,OAAKC,kBAAA,CAAEN,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA,uCACpDO,IAAAA,CAAAA,KAAK,CAAA,EAAA,IAAA,UAAA;AAAA;cAIJJ,IAAAA,CAAAA,SAAAA,qBADRJ,uBAUS,QAAA,EAAA;AAAA;gBARN,YAAA,EAAYC,SAAA,CAAA,CAAA,CAAA,CAAC,iBAAA,CAAA;AAAA,gBACb,OAAKM,kBAAA,CAAEN,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,gBACZ,IAAA,EAAK,QAAA;AAAA,gBACJ,OAAA,wCAAOQ,IAAAA,CAAAA,KAAAA,CAAK,OAAA,CAAA;AAAA;gBAEbC,eAAA,CAEUT,SAAA,CAAAU,cAAA,CAAA,EAAA;AAAA,kBAFA,OAAKJ,kBAAA,CAAEN,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;uCACnB,MAAsC;AAAA,sCAAtCW,eAAA,CAAsCC,2BAAA,CAAtBC,KAAAA,SAAAA,IAAab,SAAA,CAAA,KAAA,CAAK,CAAA,CAAA;AAAA;;;;;;;;;UAIxCC,uBAEM,KAAA,EAAA;AAAA,YAFA,EAAA,EAAID,UAAA,MAAA,CAAA;AAAA,YAAS,KAAA,EAAKM,kBAAA,CAAA,CAAGN,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,UAAWc,IAAAA,CAAAA,SAAS,CAAA;AAAA;YAChDV,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;UAEIW,IAAAA,CAAAA,MAAAA,CAAO,MAAA,qBAArBhB,sBAAA;AAAA,YAES,QAAA;AAAA,YAAA;AAAA;cAFqB,KAAA,EAAKO,kBAAA,CAAA,CAAGN,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,YAAagB,IAAAA,CAAAA,WAAW,CAAA;AAAA;;cAC/DZ,cAAA,CAAsB,IAAA,CAAA,MAAA,EAAA,QAAA;AAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"dialog-content.vue2.js","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":["useLocale","CloseComponents","inject","dialogInjectionKey","FOCUS_TRAP_INJECTION_KEY","composeRefs","computed","useDraggable","_createElementBlock","_unref","_createElementVNode","_renderSlot","_normalizeClass","$emit","_createVNode","ElIcon","_createBlock","_resolveDynamicComponent","$slots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIA,eAAA,EAAU;AACxB,IAAA,MAAM,EAAE,OAAM,GAAIC,oBAAA;AAGlB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAMd,IAAA,MAAM,EAAE,WAAW,SAAA,EAAW,MAAA,EAAQ,IAAI,KAAA,EAAM,GAAIC,WAAOC,4BAAkB,CAAA;AAC7E,IAAA,MAAM,EAAE,YAAA,EAAa,GAAID,UAAA,CAAOE,+BAAwB,CAAA;AAExD,IAAA,MAAM,iBAAA,GAAoBC,gBAAA,CAAY,YAAA,EAAc,SAAS,CAAA;AAE7D,IAAA,MAAM,YAAYC,YAAA,CAAS,MAAM,CAAC,CAAC,MAAM,SAAS,CAAA;AAClD,IAAA,MAAM,WAAWA,YAAA,CAAS,MAAM,CAAC,CAAC,MAAM,QAAQ,CAAA;AAChD,IAAA,MAAM,EAAE,aAAA,EAAe,cAAA,EAAgB,UAAA,EAAW,GAAIC,oBAAA;AAAA,MACpD,SAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,SAAA,GAAYD,aAAS,MAAM;AAAA,MAC/B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,EAAA,CAAG,YAAA,EAAc,KAAA,CAAM,UAAU,CAAA;AAAA,MACpC,EAAA,CAAG,EAAA,CAAG,WAAA,EAAa,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC,EAAA,CAAG,EAAA,CAAG,UAAA,EAAY,UAAA,CAAW,KAAK,CAAA;AAAA,MAClC,GAAG,EAAA,CAAG,cAAA,EAAgB,CAAC,CAAC,MAAM,WAAW,CAAA;AAAA,MACzC,EAAE,CAAC,EAAA,CAAG,CAAA,CAAE,QAAQ,CAAC,GAAG,MAAM,MAAA;AAAO,KAClC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA,MACX,aAAA;AAAA,MACA;AAAA,KACD,CAAA;;8BAjFCE,sBAAA;AAAA,QA4BM,KAAA;AAAA,QAAA;AAAA,UA5BA,GAAA,EAAKC,UAAA,iBAAA,CAAA;AAAA,UAAoB,KAAA,qBAAO,SAAA,CAAA,KAAS,CAAA;AAAA,UAAG,KAAA,qBAAOA,SAAA,CAAA,KAAA,CAAK,CAAA;AAAA,UAAE,QAAA,EAAS;AAAA;;UACvEC,sBAAA;AAAA,YAoBS,QAAA;AAAA,YAAA;AAAA,uBAnBH,WAAA;AAAA,cAAJ,GAAA,EAAI,SAAA;AAAA,cACH,2BAAQD,SAAA,CAAA,EAAA,EAAG,CAAA,CAAC,QAAA,CAAA,EAAY,OAAA,CAAA,6BAA6B,OAAA,CAAA,SAAA,EAAS,CAAA;AAAA;;cAE/DE,eAIO,IAAA,uBAJP,MAIO;AAAA,gBAHLD,uBAEO,MAAA,EAAA;AAAA,kBAFD,IAAA,EAAK,SAAA;AAAA,kBAAW,cAAY,OAAA,CAAA,SAAA;AAAA,kBAAY,OAAKE,kBAAA,CAAEH,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA,uCACpD,OAAA,CAAA,KAAK,CAAA,EAAA,IAAA,UAAA;AAAA;cAIJ,OAAA,CAAA,SAAA,qBADRD,uBAUS,QAAA,EAAA;AAAA;gBARN,YAAA,EAAYC,SAAA,CAAA,CAAA,CAAA,CAAC,iBAAA,CAAA;AAAA,gBACb,OAAKG,kBAAA,CAAEH,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,gBACZ,IAAA,EAAK,QAAA;AAAA,gBACJ,OAAA,wCAAOI,IAAAA,CAAAA,KAAAA,CAAK,OAAA,CAAA;AAAA;gBAEbC,eAAA,CAEUL,SAAA,CAAAM,cAAA,CAAA,EAAA;AAAA,kBAFA,OAAKH,kBAAA,CAAEH,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;uCACnB,MAAsC;AAAA,sCAAtCO,eAAA,CAAsCC,2BAAA,CAAtB,QAAA,SAAA,IAAaR,SAAA,CAAA,KAAA,CAAK,CAAA,CAAA;AAAA;;;;;;;;;UAIxCC,uBAEM,KAAA,EAAA;AAAA,YAFA,EAAA,EAAID,UAAA,MAAA,CAAA;AAAA,YAAS,KAAA,EAAKG,kBAAA,CAAA,CAAGH,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,UAAW,OAAA,CAAA,SAAS,CAAA;AAAA;YAChDE,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;UAEIO,IAAAA,CAAAA,MAAAA,CAAO,MAAA,qBAArBV,sBAAA;AAAA,YAES,QAAA;AAAA,YAAA;AAAA;cAFqB,KAAA,EAAKI,kBAAA,CAAA,CAAGH,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,YAAa,OAAA,CAAA,WAAW,CAAA;AAAA;;cAC/DE,cAAA,CAAsB,IAAA,CAAA,MAAA,EAAA,QAAA;AAAA;;;;;;;;;;;;;;"}

package/lib/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/lib/components/dialog/src/dialog.js

@@ -139,8 +139,21 @@ const dialogEmits = {
   closeAutoFocus: () => true
 };
 const dialogContextKey = /* @__PURE__ */ Symbol("dialogContextKey");
+const dialogPropsDefaults = {
+  ...dialogContent.dialogContentPropsDefaults,
+  appendTo: "body",
+  closeOnClickModal: true,
+  closeOnPressEscape: true,
+  lockScroll: true,
+  modal: true,
+  openDelay: 0,
+  closeDelay: 0,
+  headerAriaLevel: "2",
+  transition: void 0
+};
 
 exports.dialogContextKey = dialogContextKey;
 exports.dialogEmits = dialogEmits;
 exports.dialogProps = dialogProps;
+exports.dialogPropsDefaults = dialogPropsDefaults;
 //# sourceMappingURL=dialog.js.map

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, 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":["buildProps","dialogContentProps","teleportProps","definePropType","UPDATE_MODEL_EVENT","isBoolean"],"mappings":";;;;;;;;AAmBO,MAAM,cAAcA,kBAAA,CAAW;AAAA,EACpC,GAAGC,gCAAA;AAAA;AAAA;AAAA;AAAA,EAIH,YAAA,EAAc,OAAA;AAAA;AAAA;AAAA;AAAA,EAId,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC,uBAAc,EAAA,CAAG,IAAA;AAAA,IACvB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAMC,uBAAoC,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,EAAMA,sBAAA,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,CAACC,wBAAkB,GAAG,CAAC,KAAA,KAAmBC,gBAAU,KAAK,CAAA;AAAA,EACzD,eAAe,MAAM,IAAA;AAAA,EACrB,gBAAgB,MAAM;AACxB;AAUO,MAAM,gBAAA,0BACJ,kBAAkB;;;;;;"}
+{"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 { 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":["buildProps","dialogContentProps","teleportProps","definePropType","UPDATE_MODEL_EVENT","isBoolean","dialogContentPropsDefaults"],"mappings":"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"}

package/lib/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];
+} & {};

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

@@ -21,7 +21,39 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   },
   __name: "dialog",
-  props: dialog.dialogProps,
+  props: /* @__PURE__ */ vue.mergeDefaults({
+    appendToBody: { type: Boolean, required: false },
+    appendTo: { type: null, required: false },
+    beforeClose: { type: Function, required: false },
+    destroyOnClose: { type: Boolean, required: false },
+    closeOnClickModal: { type: Boolean, required: false },
+    closeOnPressEscape: { type: Boolean, required: false },
+    lockScroll: { type: Boolean, required: false },
+    modal: { type: Boolean, required: false },
+    modalPenetrable: { type: Boolean, required: false },
+    openDelay: { type: Number, required: false },
+    closeDelay: { type: Number, required: false },
+    top: { type: String, required: false },
+    modelValue: { type: Boolean, required: false },
+    modalClass: { type: String, required: false },
+    width: { type: [String, Number], required: false },
+    zIndex: { type: Number, required: false },
+    trapFocus: { type: Boolean, required: false },
+    headerAriaLevel: { type: String, required: false },
+    transition: { type: [String, Object], required: false },
+    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 }
+  }, dialog.dialogPropsDefaults),
   emits: dialog.dialogEmits,
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -85,8 +117,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElTeleport), {
-        to: _ctx.appendTo,
-        disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
+        to: __props.appendTo,
+        disabled: __props.appendTo !== "body" ? false : !__props.appendToBody
       }, {
         default: vue.withCtx(() => [
           vue.createVNode(
@@ -98,9 +130,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 return [
                   vue.withDirectives(vue.createVNode(vue.unref(index$3.ElOverlay), {
                     "custom-mask-event": "",
-                    mask: _ctx.modal,
+                    mask: __props.modal,
                     "overlay-class": [
-                      (_a = _ctx.modalClass) != null ? _a : "",
+                      (_a = __props.modalClass) != null ? _a : "",
                       `${vue.unref(ns).namespace.value}-modal-dialog`,
                       vue.unref(ns).is("penetrable", penetrable.value)
                     ],
@@ -110,8 +142,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createElementVNode("div", {
                         role: "dialog",
                         "aria-modal": "true",
-                        "aria-label": _ctx.title || void 0,
-                        "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
+                        "aria-label": __props.title || void 0,
+                        "aria-labelledby": !__props.title ? vue.unref(titleId) : void 0,
                         "aria-describedby": vue.unref(bodyId),
                         class: vue.normalizeClass([
                           `${vue.unref(ns).namespace.value}-overlay-dialog`,
@@ -140,18 +172,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                               ref_key: "dialogContentRef",
                               ref: dialogContentRef
                             }, _ctx.$attrs, {
-                              center: _ctx.center,
+                              center: __props.center,
                               "align-center": vue.unref(_alignCenter),
-                              "close-icon": _ctx.closeIcon,
+                              "close-icon": __props.closeIcon,
                               draggable: vue.unref(_draggable),
                               overflow: vue.unref(_overflow),
-                              fullscreen: _ctx.fullscreen,
-                              "header-class": _ctx.headerClass,
-                              "body-class": _ctx.bodyClass,
-                              "footer-class": _ctx.footerClass,
-                              "show-close": _ctx.showClose,
-                              title: _ctx.title,
-                              "aria-level": _ctx.headerAriaLevel,
+                              fullscreen: __props.fullscreen,
+                              "header-class": __props.headerClass,
+                              "body-class": __props.bodyClass,
+                              "footer-class": __props.footerClass,
+                              "show-close": __props.showClose,
+                              title: __props.title,
+                              "aria-level": __props.headerAriaLevel,
                               onClose: vue.unref(handleClose)
                             }), vue.createSlots({
                               header: vue.withCtx(() => [