@element-plus/nightly 0.0.20260414 → 0.0.20260415

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

@@ -1,4 +1,3 @@
-import { ElTeleport } from "../../teleport/index.mjs";
 import { useDeprecated } from "../../../hooks/use-deprecated/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useSameTarget } from "../../../hooks/use-same-target/index.mjs";
@@ -8,7 +7,7 @@ import { ElOverlay } from "../../overlay/index.mjs";
 import { dialogInjectionKey } from "./constants.mjs";
 import dialog_content_default from "./dialog-content2.mjs";
 import { useDialog } from "./use-dialog.mjs";
-import { Transition, computed, createBlock, createCommentVNode, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, unref, useSlots, vShow, withCtx, withDirectives } from "vue";
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, unref, useSlots, vShow, withCtx, withDirectives } from "vue";
 
 //#region ../../packages/components/dialog/src/dialog.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = [
@@ -56,107 +55,104 @@ var dialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			handleClose
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ElTeleport), {
+			return openBlock(), createBlock(Teleport, {
 				to: __props.appendTo,
 				disabled: __props.appendTo !== "body" ? false : !__props.appendToBody
-			}, {
-				default: withCtx(() => [createVNode(Transition, mergeProps(unref(transitionConfig), { persisted: "" }), {
-					default: withCtx(() => [withDirectives(createVNode(unref(ElOverlay), {
-						"custom-mask-event": "",
-						mask: __props.modal,
-						"overlay-class": [
-							__props.modalClass ?? "",
-							`${unref(ns).namespace.value}-modal-dialog`,
-							unref(ns).is("penetrable", unref(penetrable))
-						],
-						"z-index": unref(zIndex)
+			}, [createVNode(Transition, mergeProps(unref(transitionConfig), { persisted: "" }), {
+				default: withCtx(() => [withDirectives(createVNode(unref(ElOverlay), {
+					"custom-mask-event": "",
+					mask: __props.modal,
+					"overlay-class": [
+						__props.modalClass ?? "",
+						`${unref(ns).namespace.value}-modal-dialog`,
+						unref(ns).is("penetrable", unref(penetrable))
+					],
+					"z-index": unref(zIndex)
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-label": __props.title || void 0,
+						"aria-labelledby": !__props.title ? unref(titleId) : void 0,
+						"aria-describedby": unref(bodyId),
+						class: normalizeClass([`${unref(ns).namespace.value}-overlay-dialog`, unref(ns).is("closing", unref(closing))]),
+						style: normalizeStyle(unref(overlayDialogStyle)),
+						onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
+						onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
+						onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
+					}, [createVNode(unref(focus_trap_default), {
+						loop: "",
+						trapped: unref(visible),
+						"focus-start-el": "container",
+						onFocusAfterTrapped: unref(onOpenAutoFocus),
+						onFocusAfterReleased: unref(onCloseAutoFocus),
+						onFocusoutPrevented: unref(onFocusoutPrevented),
+						onReleaseRequested: unref(onCloseRequested)
 					}, {
-						default: withCtx(() => [createElementVNode("div", {
-							role: "dialog",
-							"aria-modal": "true",
-							"aria-label": __props.title || void 0,
-							"aria-labelledby": !__props.title ? unref(titleId) : void 0,
-							"aria-describedby": unref(bodyId),
-							class: normalizeClass([`${unref(ns).namespace.value}-overlay-dialog`, unref(ns).is("closing", unref(closing))]),
-							style: normalizeStyle(unref(overlayDialogStyle)),
-							onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
-							onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
-							onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
-						}, [createVNode(unref(focus_trap_default), {
-							loop: "",
-							trapped: unref(visible),
-							"focus-start-el": "container",
-							onFocusAfterTrapped: unref(onOpenAutoFocus),
-							onFocusAfterReleased: unref(onCloseAutoFocus),
-							onFocusoutPrevented: unref(onFocusoutPrevented),
-							onReleaseRequested: unref(onCloseRequested)
-						}, {
-							default: withCtx(() => [unref(rendered) ? (openBlock(), createBlock(dialog_content_default, mergeProps({
+						default: withCtx(() => [unref(rendered) ? (openBlock(), createBlock(dialog_content_default, mergeProps({
+							key: 0,
+							ref_key: "dialogContentRef",
+							ref: dialogContentRef
+						}, _ctx.$attrs, {
+							center: __props.center,
+							"align-center": unref(_alignCenter),
+							"close-icon": __props.closeIcon,
+							draggable: unref(_draggable),
+							overflow: unref(_overflow),
+							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: unref(handleClose),
+							onMousedown: unref(bringToFront)
+						}), createSlots({
+							header: withCtx(() => [!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
 								key: 0,
-								ref_key: "dialogContentRef",
-								ref: dialogContentRef
-							}, _ctx.$attrs, {
-								center: __props.center,
-								"align-center": unref(_alignCenter),
-								"close-icon": __props.closeIcon,
-								draggable: unref(_draggable),
-								overflow: unref(_overflow),
-								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: unref(handleClose),
-								onMousedown: unref(bringToFront)
-							}), createSlots({
-								header: withCtx(() => [!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
-									key: 0,
-									close: unref(handleClose),
-									titleId: unref(titleId),
-									titleClass: unref(ns).e("title")
-								}) : renderSlot(_ctx.$slots, "title", { key: 1 })]),
-								default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-								_: 2
-							}, [_ctx.$slots.footer ? {
-								name: "footer",
-								fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
-								key: "0"
-							} : void 0]), 1040, [
-								"center",
-								"align-center",
-								"close-icon",
-								"draggable",
-								"overflow",
-								"fullscreen",
-								"header-class",
-								"body-class",
-								"footer-class",
-								"show-close",
-								"title",
-								"aria-level",
-								"onClose",
-								"onMousedown"
-							])) : createCommentVNode("v-if", true)]),
-							_: 3
-						}, 8, [
-							"trapped",
-							"onFocusAfterTrapped",
-							"onFocusAfterReleased",
-							"onFocusoutPrevented",
-							"onReleaseRequested"
-						])], 46, _hoisted_1)]),
+								close: unref(handleClose),
+								titleId: unref(titleId),
+								titleClass: unref(ns).e("title")
+							}) : renderSlot(_ctx.$slots, "title", { key: 1 })]),
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 2
+						}, [_ctx.$slots.footer ? {
+							name: "footer",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+							key: "0"
+						} : void 0]), 1040, [
+							"center",
+							"align-center",
+							"close-icon",
+							"draggable",
+							"overflow",
+							"fullscreen",
+							"header-class",
+							"body-class",
+							"footer-class",
+							"show-close",
+							"title",
+							"aria-level",
+							"onClose",
+							"onMousedown"
+						])) : createCommentVNode("v-if", true)]),
 						_: 3
 					}, 8, [
-						"mask",
-						"overlay-class",
-						"z-index"
-					]), [[vShow, unref(visible)]])]),
+						"trapped",
+						"onFocusAfterTrapped",
+						"onFocusAfterReleased",
+						"onFocusoutPrevented",
+						"onReleaseRequested"
+					])], 46, _hoisted_1)]),
 					_: 3
-				}, 16)]),
+				}, 8, [
+					"mask",
+					"overlay-class",
+					"z-index"
+				]), [[vShow, unref(visible)]])]),
 				_: 3
-			}, 8, ["to", "disabled"]);
+			}, 16)], 8, ["to", "disabled"]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs","$slots"],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"dialog.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs","$slots"],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialog2.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"dialog2.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":""}

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

@@ -23,7 +23,7 @@ interface DividerProps {
  * @deprecated Removed after 3.0.0, Use `DividerProps` instead.
  */
 declare const dividerProps: {
-  readonly direction: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+  readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
   readonly contentPosition: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
   readonly borderStyle: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
 };

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

@@ -8,8 +8,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<DividerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DividerProps> & Readonly<{}>, {
-  direction: "horizontal" | "vertical";
   borderStyle: BorderStyle;
+  direction: "horizontal" | "vertical";
   contentPosition: "left" | "center" | "right";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -45,7 +45,7 @@ declare const drawerProps: {
   readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
   readonly appendToBody: BooleanConstructor;
-  readonly appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown, "body", boolean>;
+  readonly appendTo: EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, "body", boolean>;
   readonly beforeClose: {
     readonly type: vue.PropType<DialogBeforeCloseFn>;
     readonly required: false;

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

@@ -23,10 +23,10 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {
   afterEnter: () => void; /** @deprecated Will be removed after 2.14.0. */
   afterLeave: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  close: () => void;
-  resize: (evt: MouseEvent, size: number) => void;
   "update:modelValue": (value: boolean) => void;
+  resize: (evt: MouseEvent, size: number) => void;
   open: () => void;
+  close: () => void;
   opened: () => void;
   closed: () => void;
   openAutoFocus: () => void;
@@ -34,10 +34,10 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {
   "resize-start": (evt: MouseEvent, size: number) => void;
   "resize-end": (evt: MouseEvent, size: number) => void;
 }, string, vue.PublicProps, Readonly<DrawerProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-  onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+  onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
   onOpen?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
@@ -45,12 +45,12 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {
   "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }>, {
-  direction: "ltr" | "rtl" | "ttb" | "btt";
-  title: string;
-  appendTo: string | HTMLElement;
   size: string | number;
+  appendTo: string | HTMLElement;
   transition: DialogTransition;
+  direction: "ltr" | "rtl" | "ttb" | "btt";
   overflow: boolean;
+  title: string;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;

package/es/components/drawer/src/drawer.vue_vue_type_script_setup_true_lang.mjs

@@ -1,4 +1,3 @@
-import { ElTeleport } from "../../teleport/index.mjs";
 import { useDeprecated } from "../../../hooks/use-deprecated/index.mjs";
 import { useLocale } from "../../../hooks/use-locale/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
@@ -9,7 +8,7 @@ import { useDialog } from "../../dialog/src/use-dialog.mjs";
 import { drawerEmits, drawerProps } from "./drawer.mjs";
 import { useResizable } from "./composables/useResizable.mjs";
 import { Close } from "@element-plus/icons-vue";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useSlots, vShow, withCtx, withDirectives, withModifiers } from "vue";
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useSlots, vShow, withCtx, withDirectives, withModifiers } from "vue";
 
 //#region ../../packages/components/drawer/src/drawer.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = [
@@ -51,128 +50,125 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			afterLeave
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ElTeleport), {
+			return openBlock(), createBlock(Teleport, {
 				to: __props.appendTo,
 				disabled: __props.appendTo !== "body" ? false : !__props.appendToBody
+			}, [createVNode(Transition, {
+				name: unref(ns).b("fade"),
+				onAfterEnter: unref(afterEnter),
+				onAfterLeave: unref(afterLeave),
+				onBeforeLeave: unref(beforeLeave),
+				persisted: ""
 			}, {
-				default: withCtx(() => [createVNode(Transition, {
-					name: unref(ns).b("fade"),
-					onAfterEnter: unref(afterEnter),
-					onAfterLeave: unref(afterLeave),
-					onBeforeLeave: unref(beforeLeave),
-					persisted: ""
+				default: withCtx(() => [withDirectives(createVNode(unref(ElOverlay), {
+					mask: __props.modal,
+					"overlay-class": [
+						unref(ns).is("drawer"),
+						__props.modalClass ?? "",
+						`${unref(ns).namespace.value}-modal-drawer`,
+						unref(ns).is("penetrable", penetrable.value)
+					],
+					"z-index": unref(zIndex),
+					onClick: unref(onModalClick)
 				}, {
-					default: withCtx(() => [withDirectives(createVNode(unref(ElOverlay), {
-						mask: __props.modal,
-						"overlay-class": [
-							unref(ns).is("drawer"),
-							__props.modalClass ?? "",
-							`${unref(ns).namespace.value}-modal-drawer`,
-							unref(ns).is("penetrable", penetrable.value)
-						],
-						"z-index": unref(zIndex),
-						onClick: unref(onModalClick)
+					default: withCtx(() => [createVNode(unref(focus_trap_default), {
+						loop: "",
+						trapped: unref(visible),
+						"focus-trap-el": drawerRef.value,
+						"focus-start-el": focusStartRef.value,
+						onFocusAfterTrapped: unref(onOpenAutoFocus),
+						onFocusAfterReleased: unref(onCloseAutoFocus),
+						onFocusoutPrevented: unref(onFocusoutPrevented),
+						onReleaseRequested: unref(onCloseRequested)
 					}, {
-						default: withCtx(() => [createVNode(unref(focus_trap_default), {
-							loop: "",
-							trapped: unref(visible),
-							"focus-trap-el": drawerRef.value,
-							"focus-start-el": focusStartRef.value,
-							onFocusAfterTrapped: unref(onOpenAutoFocus),
-							onFocusAfterReleased: unref(onCloseAutoFocus),
-							onFocusoutPrevented: unref(onFocusoutPrevented),
-							onReleaseRequested: unref(onCloseRequested)
-						}, {
-							default: withCtx(() => [createElementVNode("div", mergeProps({
-								ref_key: "drawerRef",
-								ref: drawerRef,
-								"aria-modal": "true",
-								"aria-label": __props.title || void 0,
-								"aria-labelledby": !__props.title ? unref(titleId) : void 0,
-								"aria-describedby": unref(bodyId)
-							}, _ctx.$attrs, {
-								class: [
-									unref(ns).b(),
-									__props.direction,
-									unref(visible) && "open",
-									unref(ns).is("dragging", unref(isResizing))
-								],
-								style: { [unref(isHorizontal) ? "width" : "height"]: unref(size) },
-								role: "dialog",
-								onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-							}), [
-								createElementVNode("span", {
-									ref_key: "focusStartRef",
-									ref: focusStartRef,
-									class: normalizeClass(unref(ns).e("sr-focus")),
-									tabindex: "-1"
-								}, null, 2),
-								__props.withHeader ? (openBlock(), createElementBlock("header", {
-									key: 0,
-									class: normalizeClass([unref(ns).e("header"), __props.headerClass])
-								}, [!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
-									key: 0,
-									close: unref(handleClose),
-									titleId: unref(titleId),
-									titleClass: unref(ns).e("title")
-								}, () => [createElementVNode("span", {
-									id: unref(titleId),
-									role: "heading",
-									"aria-level": __props.headerAriaLevel,
-									class: normalizeClass(unref(ns).e("title"))
-								}, toDisplayString(__props.title), 11, _hoisted_2)]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [createCommentVNode(" DEPRECATED SLOT ")]), __props.showClose ? (openBlock(), createElementBlock("button", {
-									key: 2,
-									"aria-label": unref(t)("el.drawer.close"),
-									class: normalizeClass(unref(ns).e("close-btn")),
-									type: "button",
-									onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClose) && unref(handleClose)(...args))
-								}, [createVNode(unref(ElIcon), { class: normalizeClass(unref(ns).e("close")) }, {
-									default: withCtx(() => [createVNode(unref(Close))]),
-									_: 1
-								}, 8, ["class"])], 10, _hoisted_3)) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true),
-								unref(rendered) ? (openBlock(), createElementBlock("div", {
-									key: 1,
-									id: unref(bodyId),
-									class: normalizeClass([unref(ns).e("body"), __props.bodyClass])
-								}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_4)) : createCommentVNode("v-if", true),
-								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-									key: 2,
-									class: normalizeClass([unref(ns).e("footer"), __props.footerClass])
-								}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("v-if", true),
-								__props.resizable ? (openBlock(), createElementBlock("div", {
-									key: 3,
-									ref_key: "draggerRef",
-									ref: draggerRef,
-									style: normalizeStyle({ zIndex: unref(zIndex) }),
-									class: normalizeClass(unref(ns).e("dragger"))
-								}, null, 6)) : createCommentVNode("v-if", true)
-							], 16, _hoisted_1)]),
-							_: 3
-						}, 8, [
-							"trapped",
-							"focus-trap-el",
-							"focus-start-el",
-							"onFocusAfterTrapped",
-							"onFocusAfterReleased",
-							"onFocusoutPrevented",
-							"onReleaseRequested"
-						])]),
+						default: withCtx(() => [createElementVNode("div", mergeProps({
+							ref_key: "drawerRef",
+							ref: drawerRef,
+							"aria-modal": "true",
+							"aria-label": __props.title || void 0,
+							"aria-labelledby": !__props.title ? unref(titleId) : void 0,
+							"aria-describedby": unref(bodyId)
+						}, _ctx.$attrs, {
+							class: [
+								unref(ns).b(),
+								__props.direction,
+								unref(visible) && "open",
+								unref(ns).is("dragging", unref(isResizing))
+							],
+							style: { [unref(isHorizontal) ? "width" : "height"]: unref(size) },
+							role: "dialog",
+							onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+						}), [
+							createElementVNode("span", {
+								ref_key: "focusStartRef",
+								ref: focusStartRef,
+								class: normalizeClass(unref(ns).e("sr-focus")),
+								tabindex: "-1"
+							}, null, 2),
+							__props.withHeader ? (openBlock(), createElementBlock("header", {
+								key: 0,
+								class: normalizeClass([unref(ns).e("header"), __props.headerClass])
+							}, [!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
+								key: 0,
+								close: unref(handleClose),
+								titleId: unref(titleId),
+								titleClass: unref(ns).e("title")
+							}, () => [createElementVNode("span", {
+								id: unref(titleId),
+								role: "heading",
+								"aria-level": __props.headerAriaLevel,
+								class: normalizeClass(unref(ns).e("title"))
+							}, toDisplayString(__props.title), 11, _hoisted_2)]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [createCommentVNode(" DEPRECATED SLOT ")]), __props.showClose ? (openBlock(), createElementBlock("button", {
+								key: 2,
+								"aria-label": unref(t)("el.drawer.close"),
+								class: normalizeClass(unref(ns).e("close-btn")),
+								type: "button",
+								onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClose) && unref(handleClose)(...args))
+							}, [createVNode(unref(ElIcon), { class: normalizeClass(unref(ns).e("close")) }, {
+								default: withCtx(() => [createVNode(unref(Close))]),
+								_: 1
+							}, 8, ["class"])], 10, _hoisted_3)) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true),
+							unref(rendered) ? (openBlock(), createElementBlock("div", {
+								key: 1,
+								id: unref(bodyId),
+								class: normalizeClass([unref(ns).e("body"), __props.bodyClass])
+							}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_4)) : createCommentVNode("v-if", true),
+							_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+								key: 2,
+								class: normalizeClass([unref(ns).e("footer"), __props.footerClass])
+							}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("v-if", true),
+							__props.resizable ? (openBlock(), createElementBlock("div", {
+								key: 3,
+								ref_key: "draggerRef",
+								ref: draggerRef,
+								style: normalizeStyle({ zIndex: unref(zIndex) }),
+								class: normalizeClass(unref(ns).e("dragger"))
+							}, null, 6)) : createCommentVNode("v-if", true)
+						], 16, _hoisted_1)]),
 						_: 3
 					}, 8, [
-						"mask",
-						"overlay-class",
-						"z-index",
-						"onClick"
-					]), [[vShow, unref(visible)]])]),
+						"trapped",
+						"focus-trap-el",
+						"focus-start-el",
+						"onFocusAfterTrapped",
+						"onFocusAfterReleased",
+						"onFocusoutPrevented",
+						"onReleaseRequested"
+					])]),
 					_: 3
 				}, 8, [
-					"name",
-					"onAfterEnter",
-					"onAfterLeave",
-					"onBeforeLeave"
-				])]),
+					"mask",
+					"overlay-class",
+					"z-index",
+					"onClick"
+				]), [[vShow, unref(visible)]])]),
 				_: 3
-			}, 8, ["to", "disabled"]);
+			}, 8, [
+				"name",
+				"onAfterEnter",
+				"onAfterLeave",
+				"onBeforeLeave"
+			])], 8, ["to", "disabled"]);
 		};
 	}
 });