@element-plus/nightly 0.0.20260414 → 0.0.20260416

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"]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.vue_vue_type_script_setup_true_lang.mjs","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.mjs","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/es/components/drawer/src/drawer2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer2.mjs","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.mjs","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/es/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/es/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;
@@ -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;

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

@@ -25,7 +25,7 @@ import { CSSProperties } from "vue";
 declare const _default: typeof __VLS_export;
 declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   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;
@@ -182,7 +182,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   };
   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;
@@ -227,7 +227,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   referenceElementRef: vue.Ref<any, any>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "command" | "visible-change")[], "click" | "command" | "visible-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   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;
@@ -384,7 +384,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   };
   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;
@@ -407,7 +407,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly role: EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly trigger: Arrayable<"click" | "contextmenu" | "hover">;
+  readonly trigger: Arrayable<"hover" | "click" | "contextmenu">;
   readonly triggerKeys: string[];
   readonly maxHeight: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   readonly hideOnClick: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -421,7 +421,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     }>, {
       ref: vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: vue.ComputedRef<"default" | "" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+      type: vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: vue.ComputedRef<boolean>;
       shouldAddSpace: vue.ComputedRef<boolean>;
     }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -449,7 +449,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     }>, {
       ref: vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: vue.ComputedRef<"default" | "" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+      type: vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: vue.ComputedRef<boolean>;
       shouldAddSpace: vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
@@ -472,7 +472,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   }>, {
     ref: vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: vue.ComputedRef<"" | "default" | "small" | "large">;
-    type: vue.ComputedRef<"default" | "" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
+    type: vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
     disabled: vue.ComputedRef<boolean>;
     shouldAddSpace: vue.ComputedRef<boolean>;
   }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -524,8 +524,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   };
   ElButtonGroup: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
-      type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
       direction: "horizontal" | "vertical";
+      type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
     }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -534,15 +534,15 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
-      type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
       direction: "horizontal" | "vertical";
+      type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & vue.ComponentOptionsBase<Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
-    type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
     direction: "horizontal" | "vertical";
+    type: "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger";
   }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -572,8 +572,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, vue.PublicProps, {
-      tabindex: number | string;
       height: number | string;
+      tabindex: number | string;
       maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
@@ -606,8 +606,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      tabindex: number | string;
       height: number | string;
+      tabindex: number | string;
       maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
@@ -643,8 +643,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tabindex: number | string;
     height: number | string;
+    tabindex: number | string;
     maxHeight: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
     distance: number;
@@ -684,11 +684,11 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, vue.PublicProps, {
+      content: string;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
       visible: boolean | null;
-      content: string;
       style: string | false | CSSProperties | vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
@@ -735,11 +735,11 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
+      content: string;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
       visible: boolean | null;
-      content: string;
       style: string | false | CSSProperties | vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
@@ -791,11 +791,11 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
+    content: string;
     offset: number;
     teleported: boolean;
     effect: PopperEffect;
     visible: boolean | null;
-    content: string;
     style: string | false | CSSProperties | vue.StyleValue[] | null;
     enterable: boolean;
     pure: boolean;
@@ -859,7 +859,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       loop: BooleanConstructor;
       dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
       orientation: {
-        readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+        readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -884,7 +884,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       loop: BooleanConstructor;
       dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
       orientation: {
-        readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+        readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -11,8 +11,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: vue.DefineComponent<EmptyProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
-  description: string;
   image: string;
+  description: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/focus-trap/src/focus-trap.vue.d.ts

@@ -31,7 +31,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
   loop: boolean;
   trapped: boolean;
-  focusStartEl: "container" | HTMLElement | "first";
+  focusStartEl: HTMLElement | "first" | "container";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default };

package/es/components/form/src/form-item.d.ts

@@ -87,7 +87,7 @@ declare const formItemProps: {
   };
   readonly error: StringConstructor;
   readonly validateStatus: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/form/src/form-item.vue.d.ts

@@ -28,7 +28,7 @@ declare const __VLS_base: vue.DefineComponent<FormItemProps, {
   /**
    * @description Validation state.
    */
-  validateState: vue.Ref<"" | "error" | "success" | "validating", "" | "error" | "success" | "validating">;
+  validateState: vue.Ref<"" | "success" | "error" | "validating", "" | "success" | "error" | "validating">;
   /**
    * @description Validate form item.
    */