@element-plus/nightly 0.0.20260414 → 0.0.20260415

package/lib/components/drawer/src/drawer.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,10 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../teleport/index.js');
-const require_index$1 = require('../../../hooks/use-deprecated/index.js');
-const require_index$2 = require('../../../hooks/use-locale/index.js');
-const require_index$3 = require('../../../hooks/use-namespace/index.js');
-const require_index$4 = require('../../icon/index.js');
-const require_index$5 = require('../../focus-trap/index.js');
-const require_index$6 = require('../../overlay/index.js');
+const require_index = require('../../../hooks/use-deprecated/index.js');
+const require_index$1 = require('../../../hooks/use-locale/index.js');
+const require_index$2 = require('../../../hooks/use-namespace/index.js');
+const require_index$3 = require('../../icon/index.js');
+const require_index$4 = require('../../focus-trap/index.js');
+const require_index$5 = require('../../overlay/index.js');
 const require_use_dialog = require('../../dialog/src/use-dialog.js');
 const require_drawer = require('./drawer.js');
 const require_useResizable = require('./composables/useResizable.js');
@@ -31,7 +30,7 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 		const props = __props;
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
-		require_index$1.useDeprecated({
+		require_index.useDeprecated({
 			scope: "el-drawer",
 			from: "the title slot",
 			replacement: "the header slot",
@@ -41,8 +40,8 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 		const drawerRef = (0, vue.ref)();
 		const focusStartRef = (0, vue.ref)();
 		const draggerRef = (0, vue.ref)();
-		const ns = require_index$3.useNamespace("drawer");
-		const { t } = require_index$2.useLocale();
+		const ns = require_index$2.useNamespace("drawer");
+		const { t } = require_index$1.useLocale();
 		const { afterEnter, afterLeave, beforeLeave, visible, rendered, titleId, bodyId, zIndex, onModalClick, onOpenAutoFocus, onCloseAutoFocus, onFocusoutPrevented, onCloseRequested, handleClose } = require_use_dialog.useDialog(props, drawerRef);
 		const { isHorizontal, size, isResizing } = require_useResizable.useResizable(props, draggerRef, emit);
 		const penetrable = (0, vue.computed)(() => props.modalPenetrable && !props.modal);
@@ -52,128 +51,125 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 			afterLeave
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index.ElTeleport), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
 				to: __props.appendTo,
 				disabled: __props.appendTo !== "body" ? false : !__props.appendToBody
+			}, [(0, vue.createVNode)(vue.Transition, {
+				name: (0, vue.unref)(ns).b("fade"),
+				onAfterEnter: (0, vue.unref)(afterEnter),
+				onAfterLeave: (0, vue.unref)(afterLeave),
+				onBeforeLeave: (0, vue.unref)(beforeLeave),
+				persisted: ""
 			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(vue.Transition, {
-					name: (0, vue.unref)(ns).b("fade"),
-					onAfterEnter: (0, vue.unref)(afterEnter),
-					onAfterLeave: (0, vue.unref)(afterLeave),
-					onBeforeLeave: (0, vue.unref)(beforeLeave),
-					persisted: ""
+				default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$5.ElOverlay), {
+					mask: __props.modal,
+					"overlay-class": [
+						(0, vue.unref)(ns).is("drawer"),
+						__props.modalClass ?? "",
+						`${(0, vue.unref)(ns).namespace.value}-modal-drawer`,
+						(0, vue.unref)(ns).is("penetrable", penetrable.value)
+					],
+					"z-index": (0, vue.unref)(zIndex),
+					onClick: (0, vue.unref)(onModalClick)
 				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$6.ElOverlay), {
-						mask: __props.modal,
-						"overlay-class": [
-							(0, vue.unref)(ns).is("drawer"),
-							__props.modalClass ?? "",
-							`${(0, vue.unref)(ns).namespace.value}-modal-drawer`,
-							(0, vue.unref)(ns).is("penetrable", penetrable.value)
-						],
-						"z-index": (0, vue.unref)(zIndex),
-						onClick: (0, vue.unref)(onModalClick)
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_index$4.default), {
+						loop: "",
+						trapped: (0, vue.unref)(visible),
+						"focus-trap-el": drawerRef.value,
+						"focus-start-el": focusStartRef.value,
+						onFocusAfterTrapped: (0, vue.unref)(onOpenAutoFocus),
+						onFocusAfterReleased: (0, vue.unref)(onCloseAutoFocus),
+						onFocusoutPrevented: (0, vue.unref)(onFocusoutPrevented),
+						onReleaseRequested: (0, vue.unref)(onCloseRequested)
 					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_index$5.default), {
-							loop: "",
-							trapped: (0, vue.unref)(visible),
-							"focus-trap-el": drawerRef.value,
-							"focus-start-el": focusStartRef.value,
-							onFocusAfterTrapped: (0, vue.unref)(onOpenAutoFocus),
-							onFocusAfterReleased: (0, vue.unref)(onCloseAutoFocus),
-							onFocusoutPrevented: (0, vue.unref)(onFocusoutPrevented),
-							onReleaseRequested: (0, vue.unref)(onCloseRequested)
-						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({
-								ref_key: "drawerRef",
-								ref: drawerRef,
-								"aria-modal": "true",
-								"aria-label": __props.title || void 0,
-								"aria-labelledby": !__props.title ? (0, vue.unref)(titleId) : void 0,
-								"aria-describedby": (0, vue.unref)(bodyId)
-							}, _ctx.$attrs, {
-								class: [
-									(0, vue.unref)(ns).b(),
-									__props.direction,
-									(0, vue.unref)(visible) && "open",
-									(0, vue.unref)(ns).is("dragging", (0, vue.unref)(isResizing))
-								],
-								style: { [(0, vue.unref)(isHorizontal) ? "width" : "height"]: (0, vue.unref)(size) },
-								role: "dialog",
-								onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"]))
-							}), [
-								(0, vue.createElementVNode)("span", {
-									ref_key: "focusStartRef",
-									ref: focusStartRef,
-									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("sr-focus")),
-									tabindex: "-1"
-								}, null, 2),
-								__props.withHeader ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("header", {
-									key: 0,
-									class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("header"), __props.headerClass])
-								}, [!_ctx.$slots.title ? (0, vue.renderSlot)(_ctx.$slots, "header", {
-									key: 0,
-									close: (0, vue.unref)(handleClose),
-									titleId: (0, vue.unref)(titleId),
-									titleClass: (0, vue.unref)(ns).e("title")
-								}, () => [(0, vue.createElementVNode)("span", {
-									id: (0, vue.unref)(titleId),
-									role: "heading",
-									"aria-level": __props.headerAriaLevel,
-									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("title"))
-								}, (0, vue.toDisplayString)(__props.title), 11, _hoisted_2)]) : (0, vue.renderSlot)(_ctx.$slots, "title", { key: 1 }, () => [(0, vue.createCommentVNode)(" DEPRECATED SLOT ")]), __props.showClose ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-									key: 2,
-									"aria-label": (0, vue.unref)(t)("el.drawer.close"),
-									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("close-btn")),
-									type: "button",
-									onClick: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleClose) && (0, vue.unref)(handleClose)(...args))
-								}, [(0, vue.createVNode)((0, vue.unref)(require_index$4.ElIcon), { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("close")) }, {
-									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.Close))]),
-									_: 1
-								}, 8, ["class"])], 10, _hoisted_3)) : (0, vue.createCommentVNode)("v-if", true)], 2)) : (0, vue.createCommentVNode)("v-if", true),
-								(0, vue.unref)(rendered) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-									key: 1,
-									id: (0, vue.unref)(bodyId),
-									class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("body"), __props.bodyClass])
-								}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_4)) : (0, vue.createCommentVNode)("v-if", true),
-								_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-									key: 2,
-									class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("footer"), __props.footerClass])
-								}, [(0, vue.renderSlot)(_ctx.$slots, "footer")], 2)) : (0, vue.createCommentVNode)("v-if", true),
-								__props.resizable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-									key: 3,
-									ref_key: "draggerRef",
-									ref: draggerRef,
-									style: (0, vue.normalizeStyle)({ zIndex: (0, vue.unref)(zIndex) }),
-									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("dragger"))
-								}, null, 6)) : (0, vue.createCommentVNode)("v-if", true)
-							], 16, _hoisted_1)]),
-							_: 3
-						}, 8, [
-							"trapped",
-							"focus-trap-el",
-							"focus-start-el",
-							"onFocusAfterTrapped",
-							"onFocusAfterReleased",
-							"onFocusoutPrevented",
-							"onReleaseRequested"
-						])]),
+						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({
+							ref_key: "drawerRef",
+							ref: drawerRef,
+							"aria-modal": "true",
+							"aria-label": __props.title || void 0,
+							"aria-labelledby": !__props.title ? (0, vue.unref)(titleId) : void 0,
+							"aria-describedby": (0, vue.unref)(bodyId)
+						}, _ctx.$attrs, {
+							class: [
+								(0, vue.unref)(ns).b(),
+								__props.direction,
+								(0, vue.unref)(visible) && "open",
+								(0, vue.unref)(ns).is("dragging", (0, vue.unref)(isResizing))
+							],
+							style: { [(0, vue.unref)(isHorizontal) ? "width" : "height"]: (0, vue.unref)(size) },
+							role: "dialog",
+							onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}), [
+							(0, vue.createElementVNode)("span", {
+								ref_key: "focusStartRef",
+								ref: focusStartRef,
+								class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("sr-focus")),
+								tabindex: "-1"
+							}, null, 2),
+							__props.withHeader ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("header", {
+								key: 0,
+								class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("header"), __props.headerClass])
+							}, [!_ctx.$slots.title ? (0, vue.renderSlot)(_ctx.$slots, "header", {
+								key: 0,
+								close: (0, vue.unref)(handleClose),
+								titleId: (0, vue.unref)(titleId),
+								titleClass: (0, vue.unref)(ns).e("title")
+							}, () => [(0, vue.createElementVNode)("span", {
+								id: (0, vue.unref)(titleId),
+								role: "heading",
+								"aria-level": __props.headerAriaLevel,
+								class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("title"))
+							}, (0, vue.toDisplayString)(__props.title), 11, _hoisted_2)]) : (0, vue.renderSlot)(_ctx.$slots, "title", { key: 1 }, () => [(0, vue.createCommentVNode)(" DEPRECATED SLOT ")]), __props.showClose ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+								key: 2,
+								"aria-label": (0, vue.unref)(t)("el.drawer.close"),
+								class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("close-btn")),
+								type: "button",
+								onClick: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleClose) && (0, vue.unref)(handleClose)(...args))
+							}, [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElIcon), { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("close")) }, {
+								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.Close))]),
+								_: 1
+							}, 8, ["class"])], 10, _hoisted_3)) : (0, vue.createCommentVNode)("v-if", true)], 2)) : (0, vue.createCommentVNode)("v-if", true),
+							(0, vue.unref)(rendered) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+								key: 1,
+								id: (0, vue.unref)(bodyId),
+								class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("body"), __props.bodyClass])
+							}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_4)) : (0, vue.createCommentVNode)("v-if", true),
+							_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+								key: 2,
+								class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("footer"), __props.footerClass])
+							}, [(0, vue.renderSlot)(_ctx.$slots, "footer")], 2)) : (0, vue.createCommentVNode)("v-if", true),
+							__props.resizable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+								key: 3,
+								ref_key: "draggerRef",
+								ref: draggerRef,
+								style: (0, vue.normalizeStyle)({ zIndex: (0, vue.unref)(zIndex) }),
+								class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("dragger"))
+							}, null, 6)) : (0, vue.createCommentVNode)("v-if", true)
+						], 16, _hoisted_1)]),
 						_: 3
 					}, 8, [
-						"mask",
-						"overlay-class",
-						"z-index",
-						"onClick"
-					]), [[vue.vShow, (0, vue.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"
+				]), [[vue.vShow, (0, vue.unref)(visible)]])]),
 				_: 3
-			}, 8, ["to", "disabled"]);
+			}, 8, [
+				"name",
+				"onAfterEnter",
+				"onAfterLeave",
+				"onBeforeLeave"
+			])], 8, ["to", "disabled"]);
 		};
 	}
 });

package/lib/components/drawer/src/drawer.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('fade')\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"!title ? titleId : undefined\"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  ...dialogPropsDefaults,\n  direction: 'rtl',\n  size: '30%',\n  withHeader: true,\n  modalFade: true,\n  headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n  /** @deprecated Will be removed after 2.14.0. */\n  afterEnter,\n  /** @deprecated Will be removed after 2.14.0. */\n  afterLeave,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"drawer.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('fade')\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"!title ? titleId : undefined\"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  ...dialogPropsDefaults,\n  direction: 'rtl',\n  size: '30%',\n  withHeader: true,\n  modalFade: true,\n  headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n  /** @deprecated Will be removed after 2.14.0. */\n  afterEnter,\n  /** @deprecated Will be removed after 2.14.0. */\n  afterLeave,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/drawer/src/drawer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer2.js","names":[],"sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('fade')\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"!title ? titleId : undefined\"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  ...dialogPropsDefaults,\n  direction: 'rtl',\n  size: '30%',\n  withHeader: true,\n  modalFade: true,\n  headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n  /** @deprecated Will be removed after 2.14.0. */\n  afterEnter,\n  /** @deprecated Will be removed after 2.14.0. */\n  afterLeave,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"drawer2.js","names":[],"sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('fade')\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"!title ? titleId : undefined\"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n  ...dialogPropsDefaults,\n  direction: 'rtl',\n  size: '30%',\n  withHeader: true,\n  modalFade: true,\n  headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n  /** @deprecated Will be removed after 2.14.0. */\n  afterEnter,\n  /** @deprecated Will be removed after 2.14.0. */\n  afterLeave,\n})\n</script>\n"],"mappings":""}

package/lib/components/dropdown/src/dropdown-item.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   handlePointerMove: (event: PointerEvent) => void;
   handlePointerLeave: (event: PointerEvent) => void;
   propsAndAttrs: vue.ComputedRef<{
-    command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     disabled: boolean;
+    command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     divided: boolean;
     icon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown> | undefined;
     textValue: string | undefined;
@@ -48,8 +48,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   onPointermove?: ((...args: any[]) => any) | undefined;
   onPointerleave?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
   readonly disabled: boolean;
+  readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
   readonly divided: boolean;
 }, {}, {
   ElRovingFocusItem: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -152,8 +152,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     onPointerleave?: ((...args: any[]) => any) | undefined;
     onClickimpl?: ((...args: any[]) => any) | undefined;
   }>, {
-    readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     readonly disabled: boolean;
+    readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     readonly divided: boolean;
   }, {}, {
     ElIcon: SFCWithInstall<{

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

@@ -25,7 +25,7 @@ interface IElDropdownInstance {
 }
 declare const dropdownProps: {
   readonly trigger: {
-    readonly type: vue.PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+    readonly type: vue.PropType<Arrayable<"hover" | "click" | "contextmenu">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -47,12 +47,12 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (((new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "danger" | "primary" | "success" | "warning" | "info") | (() => "" | "text" | "default" | "danger" | "primary" | "success" | "warning" | "info") | (((new (...args: any[]) => "" | "text" | "default" | "danger" | "primary" | "success" | "warning" | "info") | (() => "" | "text" | "default" | "danger" | "primary" | "success" | "warning" | "info")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
   readonly id: StringConstructor;
   readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -182,7 +182,7 @@ declare const dropdownProps: {
   };
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly appendTo: {
-    readonly type: vue.PropType<EpPropMergeType<(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>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;