@element-plus/nightly 0.0.20261102 → 0.0.20261103

package/lib/components/date-picker-panel/src/props/panel-date-pick.d.ts

@@ -15,7 +15,7 @@ declare const panelDatePickProps: {
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/date-picker-panel/src/props/panel-date-range.d.ts

@@ -20,7 +20,7 @@ declare const panelDateRangeProps: {
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/date-picker-panel/src/props/shared.d.ts

@@ -57,7 +57,7 @@ declare const datePickerSharedProps: {
 };
 declare const panelSharedProps: {
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "month" | "year" | "quarters" | "years" | "months" | "dates" | "date" | "week" | "quarter" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/descriptions/src/description-item.d.ts

@@ -7,17 +7,17 @@ declare const descriptionItemProps: {
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -29,17 +29,17 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -50,17 +50,17 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -68,13 +68,13 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   className: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   labelClassName: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & Readonly<{}>, {
-  className: string;
   label: string;
-  width: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
-  minWidth: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
   span: number;
+  className: string;
+  width: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  minWidth: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   rowspan: number;
-  align: EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>;
+  align: EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>;
   labelClassName: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type DescriptionItemProps = ExtractPropTypes<typeof descriptionItemProps>;

package/lib/components/descriptions/src/description.d.ts

@@ -47,9 +47,9 @@ interface DescriptionProps {
 declare const descriptionProps: {
   readonly border: BooleanConstructor;
   readonly column: EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
-  readonly direction: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+  readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/descriptions/src/description.vue.d.ts

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
   extra?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<DescriptionProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DescriptionProps> & Readonly<{}>, {
+  direction: "horizontal" | "vertical";
   title: string;
-  direction: "vertical" | "horizontal";
   column: number;
   extra: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/lib/components/dialog/src/dialog-content.vue.d.ts

@@ -20,10 +20,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogContentProps, {
   onClose?: (() => any) | undefined;
 }>, {
   title: string;
-  alignCenter: boolean;
-  draggable: boolean;
   overflow: boolean;
   headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  alignCenter: boolean;
+  draggable: boolean;
   bodyClass: string | false | Record<string, any> | ClassValue[] | null;
   footerClass: string | false | Record<string, any> | ClassValue[] | null;
   showClose: boolean;

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

@@ -40,9 +40,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   onCloseAutoFocus?: (() => any) | undefined;
 }>, {
   title: string;
+  overflow: boolean;
   appendTo: string | HTMLElement;
   transition: DialogTransition;
-  headerAriaLevel: string;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
@@ -50,10 +51,9 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   openDelay: number;
   closeDelay: number;
   modalClass: string | false | Record<string, any> | ClassValue[] | null;
+  headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;
-  overflow: boolean;
-  headerClass: string | false | Record<string, any> | ClassValue[] | null;
   bodyClass: string | false | Record<string, any> | ClassValue[] | null;
   footerClass: string | false | Record<string, any> | ClassValue[] | null;
   showClose: boolean;

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

@@ -73,7 +73,7 @@ var dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.d
 						role: "dialog",
 						"aria-modal": "true",
 						"aria-label": __props.title || void 0,
-						"aria-labelledby": !__props.title ? (0, vue.unref)(titleId) : void 0,
+						"aria-labelledby": !__props.title && _ctx.$slots.header && !_ctx.$slots.title ? (0, vue.unref)(titleId) : void 0,
 						"aria-describedby": (0, vue.unref)(bodyId),
 						class: (0, vue.normalizeClass)([`${(0, vue.unref)(ns).namespace.value}-overlay-dialog`, (0, vue.unref)(ns).is("closing", (0, vue.unref)(closing))]),
 						style: (0, vue.normalizeStyle)((0, vue.unref)(overlayDialogStyle)),

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots","dialogProps","dialogEmits","useSlots","computed","useNamespace","ref","useDialog","dialogInjectionKey","useSameTarget","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_mergeProps","_unref","_withCtx","_withDirectives","ElOverlay","_createElementVNode","_normalizeClass","_normalizeStyle","ElFocusTrap","ElDialogContent","_createSlots","_renderSlot","_createCommentVNode","_vShow"],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"dialog.vue_vue_type_script_setup_true_lang.js","names":["$slots","$attrs","dialogProps","dialogEmits","useSlots","computed","useNamespace","ref","useDialog","dialogInjectionKey","useSameTarget","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_mergeProps","_unref","_withCtx","_withDirectives","ElOverlay","_createElementVNode","_normalizeClass","_normalizeStyle","ElFocusTrap","ElDialogContent","_createSlots","_renderSlot","_createCommentVNode","_vShow"],"sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"\n            !title && $slots.header && !$slots.title ? titleId : undefined\n          \"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n              @mousedown=\"bringToFront\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  penetrable,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\n  bringToFront,\n  closing,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n  dialogRef,\n  headerRef,\n  bodyId,\n  ns,\n  rendered,\n  style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst resetPosition = () => {\n  dialogContentRef.value?.resetPosition()\n}\n\ndefineExpose({\n  /** @description whether the dialog is visible */\n  visible,\n  dialogContentRef,\n  resetPosition,\n  handleClose,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAqGA,MAAM,QAAQ;EAEd,MAAM,SAAA,GAAQI,IAAAA,SAAAA,CAAS;EAEvB,cAAA,cACE;GACE,OAAO;GACP,MAAM;GACN,aAAa;GACb,SAAS;GACT,KAAK;EACP,IAAA,GACAC,IAAAA,SAAAA,OAAe,CAAC,CAAC,MAAM,KAAK,CAC9B;EAEA,MAAM,KAAKC,gBAAAA,aAAa,QAAQ;EAChC,MAAM,aAAA,GAAYC,IAAAA,IAAAA,CAAiB;EACnC,MAAM,aAAA,GAAYA,IAAAA,IAAAA,CAAiB;EACnC,MAAM,oBAAA,GAAmBA,IAAAA,IAAAA,CAAI;EAE7B,MAAM,EACJ,SACA,SACA,QACA,OACA,oBACA,UACA,kBACA,QACA,YACA,cACA,WACA,YACA,aACA,cACA,iBACA,kBACA,kBACA,qBACA,cACA,YACEC,mBAAAA,UAAU,OAAO,SAAS;EAE9B,CAAA,GAAA,IAAA,QAAA,CAAQC,kBAAAA,oBAAoB;GAC1B;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,eAAeC,gBAAAA,cAAc,YAAY;EAE/C,MAAM,sBAAsB;GAC1B,iBAAiB,OAAO,cAAc;EACxC;EAEA,SAAa;;GAEX;GACA;GACA;GACA;EACF,CAAC;;GApKC,QAAA,GAAAC,IAAAA,UAAAA,CAAA,IAAA,GAAAC,IAAAA,YAAAA,CAgFWC,IAAAA,UAAA;IA/ER,IAAI,QAAA;IACJ,UAAU,QAAA,aAAQ,SAAA,QAAA,CAAuB,QAAA;G,QAE1CC,IAAAA,YAAAA,CA2EaC,IAAAA,aAAAA,GA3EbC,IAAAA,WAAAA,EAAAA,GAAoBC,IAAAA,MAAAA,CA2EP,gBAAA,GA3EuB,EAApC,WAAA,GA2Ea,CAAA,GAAA;IA1EX,UAAA,GAAAC,IAAAA,QAAAA,OAyEa,EAAA,GAzEbC,IAAAA,eAAAA,EAAAA,GAAAL,IAAAA,YAAAA,EAAAA,GAyEaG,IAAAA,MAAAA,CAAAG,gBAAAA,SAAA,GAAA;KAvEX,qBAAA;KACC,MAAM,QAAA;KACN,iBAAa;MAAc,QAAA,cAAU;MAAqB,IAAA,GAAAH,IAAAA,MAAAA,CAAA,EAAA,CAAE,CAAC,UAAU,MAAK;OAA2BA,GAAAA,IAAAA,MAAAA,CAAA,EAAA,CAAE,CAAC,GAAE,eAAA,GAAeA,IAAAA,MAAAA,CAAA,UAAA,CAAU;;KAKrI,YAAA,GAASA,IAAAA,MAAAA,CAAA,MAAA;;KAEV,UAAA,GAAAC,IAAAA,QAAAA,OA6DM,EAAA,GA7DNG,IAAAA,mBAAAA,CA6DM,OAAA;MA5DJ,MAAK;MACL,cAAW;MACV,cAAY,QAAA,SAAS,KAAA;MACrB,mBAA+B,CAAA,QAAA,SAASrB,KAAAA,OAAO,UAAM,CAAKA,KAAAA,OAAO,SAAA,GAAQiB,IAAAA,MAAAA,CAAA,OAAA,IAAU,KAAA;MAGnF,qBAAA,GAAkBA,IAAAA,MAAAA,CAAA,MAAA;MAClB,QAAA,GAAKK,IAAAA,eAAAA,CAAA,CAAmB,IAAA,GAAAL,IAAAA,MAAAA,CAAA,EAAA,CAAE,CAAC,UAAU,MAAK,mBAAA,GAA+BA,IAAAA,MAAAA,CAAA,EAAA,CAAE,CAAC,GAAE,YAAA,GAAYA,IAAAA,MAAAA,CAAA,OAAA,CAAO,C;MAIjG,QAAA,GAAKM,IAAAA,eAAAA,EAAAA,GAAEN,IAAAA,MAAAA,CAAA,kBAAA,CAAkB;MACzB,SAAK,OAAA,OAAA,OAAA,MAAE,GAAA,UAAA,GAAAA,IAAAA,MAAAA,CAAA,YAAA,CAAY,CAAC,YAAA,GAAbA,IAAAA,MAAAA,CAAA,YAAA,CAAY,CAAC,QAAO,GAAA,IAAA;MAC3B,aAAS,OAAA,OAAA,OAAA,MAAE,GAAA,UAAA,GAAAA,IAAAA,MAAAA,CAAA,YAAA,CAAY,CAAC,gBAAA,GAAbA,IAAAA,MAAAA,CAAA,YAAA,CAAY,CAAC,YAAW,GAAA,IAAA;MACnC,WAAO,OAAA,OAAA,OAAA,MAAE,GAAA,UAAA,GAAAA,IAAAA,MAAAA,CAAA,YAAA,CAAY,CAAC,cAAA,GAAbA,IAAAA,MAAAA,CAAA,YAAA,CAAY,CAAC,UAAS,GAAA,IAAA;K,QAEhCH,IAAAA,YAAAA,EAAAA,GA2CgBG,IAAAA,MAAAA,CAAAO,gBAAAA,OAAA,GAAA;MA1Cd,MAAA;MACC,UAAA,GAASP,IAAAA,MAAAA,CAAA,OAAA;MACV,kBAAe;MACd,sBAAA,GAAqBA,IAAAA,MAAAA,CAAA,eAAA;MACrB,uBAAA,GAAsBA,IAAAA,MAAAA,CAAA,gBAAA;MACtB,sBAAA,GAAoBA,IAAAA,MAAAA,CAAA,mBAAA;MACpB,qBAAA,GAAmBA,IAAAA,MAAAA,CAAA,gBAAA;;MAEpB,UAAA,GAAAC,IAAAA,QAAAA,OAiCoB,EAAA,GAhCZD,IAAAA,MAAAA,CAAA,QAAA,MAAA,GADRN,IAAAA,UAAAA,CAAA,IAAA,GAAAC,IAAAA,YAAAA,CAiCoBa,uBAAAA,UAAAA,GAjCpBT,IAAAA,WAAAA,CAiCoB;;OA/Bd,SAAA;OAAJ,KAAI;MACIf,GAAAA,KAAAA,QAAM;OACb,QAAQ,QAAA;OACR,iBAAA,GAAcgB,IAAAA,MAAAA,CAAA,YAAA;OACd,cAAY,QAAA;OACZ,YAAA,GAAWA,IAAAA,MAAAA,CAAA,UAAA;OACX,WAAA,GAAUA,IAAAA,MAAAA,CAAA,SAAA;OACV,YAAY,QAAA;OACZ,gBAAc,QAAA;OACd,cAAY,QAAA;OACZ,gBAAc,QAAA;OACd,cAAY,QAAA;OACZ,OAAO,QAAA;OACP,cAAY,QAAA;OACZ,UAAA,GAAOA,IAAAA,MAAAA,CAAA,WAAA;OACP,cAAA,GAAWA,IAAAA,MAAAA,CAAA,YAAA;;OAED,SAAA,GAAMC,IAAAA,QAAAA,OAOb,CALOlB,CAAAA,KAAAA,OAAO,SAAA,GADhB2B,IAAAA,WAAAA,CAME,KAAA,QAAA,UAAA;;QAHC,QAAA,GAAOV,IAAAA,MAAAA,CAAA,WAAA;QACP,UAAA,GAAUA,IAAAA,MAAAA,CAAA,OAAA;QACV,aAAA,GAAaA,IAAAA,MAAAA,CAAA,EAAA,CAAE,CAAC,EAAC,OAAA;O,SAEpBU,IAAAA,WAAAA,CAA4B,KAAA,QAAA,SAAA,EAAA,KAAA,EAAA,CAAA,C;OAE9B,UAAA,GAAAT,IAAAA,QAAAA,OAAQ,EAAA,GAARS,IAAAA,WAAAA,CAAQ,KAAA,QAAA,SAAA,C;;M,IACQ3B,KAAAA,OAAO,S;OAAS,MAAA;OAC9B,KAAA,GAAAkB,IAAAA,QAAAA,OAAsB,EAAA,GAAtBS,IAAAA,WAAAA,CAAsB,KAAA,QAAA,QAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;I,KAnEtB,CAAAE,IAAAA,QAAAA,GAAAZ,IAAAA,MAAAA,CAAA,OAAA,CAAO,C"}

package/lib/components/dialog/src/dialog2.js.map

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

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

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

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

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

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

@@ -40,7 +40,7 @@ interface DrawerProps extends DialogProps {
  * @deprecated Removed after 3.0.0, Use `DrawerProps` instead.
  */
 declare const drawerProps: {
-  readonly direction: EpPropFinalized<StringConstructor, "ltr" | "ttb" | "rtl" | "btt", unknown, "rtl", boolean>;
+  readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
   readonly resizable: EpPropFinalized<(new (...args: any[]) => boolean | DrawerResizableOptions) | (() => boolean | DrawerResizableOptions) | (((new (...args: any[]) => boolean | DrawerResizableOptions) | (() => boolean | DrawerResizableOptions)) | null)[], unknown, unknown, false, boolean>;
   readonly size: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
   readonly withHeader: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

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

@@ -22,35 +22,34 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   close: () => void;
-  "update:modelValue": (value: boolean) => void;
-  "resize-start": (evt: MouseEvent, size: number) => void;
   resize: (evt: MouseEvent, size: number) => void;
-  "resize-end": (evt: MouseEvent, size: number) => void;
+  "update:modelValue": (value: boolean) => void;
   open: () => void;
   opened: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
+  "resize-start": (evt: MouseEvent, size: number) => void;
+  "resize-end": (evt: MouseEvent, size: number) => void;
 }, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
   onClose?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-  "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
   onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
-  "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
+  "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
+  "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }>, {
-  title: string;
   size: string | number;
-  direction: "ltr" | "ttb" | "rtl" | "btt";
+  direction: "ltr" | "rtl" | "ttb" | "btt";
+  title: string;
+  overflow: boolean;
   appendTo: string | HTMLElement;
   transition: DialogTransition;
-  withHeader: boolean;
-  modalFade: boolean;
-  headerAriaLevel: string;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
@@ -58,14 +57,15 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   openDelay: number;
   closeDelay: number;
   modalClass: string | false | Record<string, any> | ClassValue[] | null;
+  headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;
-  overflow: boolean;
-  headerClass: string | false | Record<string, any> | ClassValue[] | null;
   bodyClass: string | false | Record<string, any> | ClassValue[] | null;
   footerClass: string | false | Record<string, any> | ClassValue[] | null;
   showClose: boolean;
   ariaLevel: string;
+  withHeader: boolean;
+  modalFade: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -81,7 +81,7 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.d
 							ref: drawerRef,
 							"aria-modal": "true",
 							"aria-label": __props.title || void 0,
-							"aria-labelledby": !__props.title ? (0, vue.unref)(titleId) : void 0,
+							"aria-labelledby": !__props.title && __props.withHeader && !_ctx.$slots.title ? (0, vue.unref)(titleId) : void 0,
 							"aria-describedby": (0, vue.unref)(bodyId)
 						}, _ctx.$attrs, {
 							class: [

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","drawerProps","drawerEmits","useSlots","computed","ref","useNamespace","useLocale","useDialog","useResizable","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_unref","_withCtx","_withDirectives","ElOverlay","ElFocusTrap","_createElementVNode","_mergeProps","_withModifiers","_normalizeClass","_createElementBlock","_renderSlot","_toDisplayString","_createCommentVNode","ElIcon","Close","_normalizeStyle","_vShow"],"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})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"drawer.vue_vue_type_script_setup_true_lang.js","names":["$slots","$attrs","drawerProps","drawerEmits","useSlots","computed","ref","useNamespace","useLocale","useDialog","useResizable","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_unref","_withCtx","_withDirectives","ElOverlay","ElFocusTrap","_createElementVNode","_mergeProps","_withModifiers","_normalizeClass","_createElementBlock","_renderSlot","_toDisplayString","_createCommentVNode","ElIcon","Close","_normalizeStyle","_vShow"],"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=\"\n              !title && withHeader && !$slots.title ? titleId : undefined\n            \"\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})\n</script>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"drawer2.js","names":["_sfc_main"],"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})\n</script>\n"],"mappings":""}
+{"version":3,"file":"drawer2.js","names":["_sfc_main"],"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=\"\n              !title && withHeader && !$slots.title ? titleId : undefined\n            \"\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})\n</script>\n"],"mappings":""}

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

@@ -57,8 +57,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointermove?: ((...args: any[]) => any) | undefined;
   onPointerleave?: ((...args: any[]) => any) | undefined;
+  onPointermove?: ((...args: any[]) => any) | undefined;
   onClickimpl?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;

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

@@ -27,8 +27,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     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;
     onClick: ((...args: any[]) => any) | undefined;
-    onPointermove: ((...args: any[]) => any) | undefined;
     onPointerleave: ((...args: any[]) => any) | undefined;
+    onPointermove: ((...args: any[]) => any) | undefined;
   }>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
@@ -43,8 +43,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointermove?: ((...args: any[]) => any) | undefined;
   onPointerleave?: ((...args: any[]) => any) | undefined;
+  onPointermove?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;
   readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
@@ -146,8 +146,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-    onPointermove?: ((...args: any[]) => any) | undefined;
     onPointerleave?: ((...args: any[]) => any) | undefined;
+    onPointermove?: ((...args: any[]) => any) | undefined;
     onClickimpl?: ((...args: any[]) => any) | undefined;
   }>, {
     readonly disabled: boolean;

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

@@ -13,7 +13,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   size: _$vue.ComputedRef<string> | undefined;
   rovingFocusGroupRootStyle: _$vue.Ref<_$vue.StyleValue, _$vue.StyleValue>;
   dropdownKls: _$vue.ComputedRef<string[]>;
-  role: _$vue.ComputedRef<"dialog" | "tree" | "grid" | "listbox" | "menu" | "tooltip" | "group" | "navigation" | undefined>;
+  role: _$vue.ComputedRef<"dialog" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation" | "tree" | undefined>;
   triggerId: _$vue.ComputedRef<string>;
   dropdownListWrapperRef: (el: Element | _$vue.ComponentPublicInstance | null) => void;
   handleKeydown: (event: KeyboardEvent) => void;

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

@@ -44,12 +44,12 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "primary" | "success" | "warning" | "info" | "default" | "text" | "danger") | (() => "" | "primary" | "success" | "warning" | "info" | "default" | "text" | "danger") | (((new (...args: any[]) => "" | "primary" | "success" | "warning" | "info" | "default" | "text" | "danger") | (() => "" | "primary" | "success" | "warning" | "info" | "default" | "text" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text") | (() => "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text") | (((new (...args: any[]) => "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text") | (() => "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "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>;
@@ -64,7 +64,7 @@ declare const dropdownProps: {
   readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "grid" | "listbox" | "menu" | "tooltip" | "group" | "navigation", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: _$vue.PropType<Partial<ButtonProps>>;
     readonly required: false;