@element-plus/nightly 0.0.20260120 → 0.0.20260121

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

@@ -1,3 +1,4 @@
+import type { DrawerProps } from './drawer';
 declare var __VLS_36: {
     close: () => void;
     titleId: string;
@@ -12,69 +13,27 @@ type __VLS_Slots = {} & {
 } & {
     footer?: (props: typeof __VLS_52) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
-    readonly resizable: BooleanConstructor;
-    readonly size: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-    readonly withHeader: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modalFade: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly headerAriaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-    readonly appendToBody: BooleanConstructor;
-    readonly appendTo: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
-    readonly beforeClose: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/components/dialog").DialogBeforeCloseFn>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly destroyOnClose: BooleanConstructor;
-    readonly closeOnClickModal: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly lockScroll: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modal: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modalPenetrable: BooleanConstructor;
-    readonly openDelay: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly closeDelay: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly top: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly modelValue: BooleanConstructor;
-    readonly modalClass: StringConstructor;
-    readonly headerClass: StringConstructor;
-    readonly bodyClass: StringConstructor;
-    readonly footerClass: StringConstructor;
-    readonly width: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly zIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly trapFocus: BooleanConstructor;
-    readonly transition: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("@element-plus/nightly/es/components/dialog").DialogTransition) | ((new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("@element-plus/nightly/es/components/dialog").DialogTransition))[], unknown, unknown, undefined, boolean>;
-    readonly center: BooleanConstructor;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly fullscreen: BooleanConstructor;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly ariaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DrawerProps>, {
+    direction: string;
+    size: string;
+    withHeader: boolean;
+    modalFade: boolean;
+    headerAriaLevel: string;
+    appendTo: "body";
+    closeOnClickModal: true;
+    closeOnPressEscape: true;
+    lockScroll: true;
+    modal: true;
+    openDelay: 0;
+    closeDelay: 0;
+    transition: undefined;
+    alignCenter: undefined;
+    draggable: undefined;
+    overflow: undefined;
+    showClose: true;
+    title: "";
+    ariaLevel: "2";
+}>, {
     handleClose: () => void;
     afterEnter: () => void;
     afterLeave: () => void;
@@ -89,69 +48,27 @@ declare const __VLS_base: import("vue").DefineComponent<{
     closeAutoFocus: () => void;
     "resize-start": (evt: MouseEvent, size: number) => void;
     "resize-end": (evt: MouseEvent, size: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
-    readonly resizable: BooleanConstructor;
-    readonly size: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-    readonly withHeader: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modalFade: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly headerAriaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-    readonly appendToBody: BooleanConstructor;
-    readonly appendTo: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
-    readonly beforeClose: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/components/dialog").DialogBeforeCloseFn>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly destroyOnClose: BooleanConstructor;
-    readonly closeOnClickModal: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly lockScroll: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modal: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modalPenetrable: BooleanConstructor;
-    readonly openDelay: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly closeDelay: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly top: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly modelValue: BooleanConstructor;
-    readonly modalClass: StringConstructor;
-    readonly headerClass: StringConstructor;
-    readonly bodyClass: StringConstructor;
-    readonly footerClass: StringConstructor;
-    readonly width: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly zIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly trapFocus: BooleanConstructor;
-    readonly transition: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("@element-plus/nightly/es/components/dialog").DialogTransition) | ((new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("@element-plus/nightly/es/components/dialog").DialogTransition))[], unknown, unknown, undefined, boolean>;
-    readonly center: BooleanConstructor;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly fullscreen: BooleanConstructor;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly ariaLevel: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DrawerProps>, {
+    direction: string;
+    size: string;
+    withHeader: boolean;
+    modalFade: boolean;
+    headerAriaLevel: string;
+    appendTo: "body";
+    closeOnClickModal: true;
+    closeOnPressEscape: true;
+    lockScroll: true;
+    modal: true;
+    openDelay: 0;
+    closeDelay: 0;
+    transition: undefined;
+    alignCenter: undefined;
+    draggable: undefined;
+    overflow: undefined;
+    showClose: true;
+    title: "";
+    ariaLevel: "2";
+}>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
     onClose?: (() => any) | undefined;
@@ -163,39 +80,47 @@ declare const __VLS_base: import("vue").DefineComponent<{
     "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
     "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }, {
-    readonly title: string;
-    readonly center: boolean;
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    readonly overflow: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly transition: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("@element-plus/nightly/es/components/dialog").DialogTransition) | ((new (...args: any[]) => string | import("vue").TransitionProps) | (() => import("@element-plus/nightly/es/components/dialog").DialogTransition))[], unknown, unknown>;
-    readonly size: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly modelValue: boolean;
-    readonly ariaLevel: string;
-    readonly appendTo: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
-    readonly alignCenter: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly draggable: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly showClose: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly fullscreen: boolean;
-    readonly appendToBody: boolean;
-    readonly destroyOnClose: boolean;
-    readonly closeOnClickModal: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly lockScroll: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly modal: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly modalPenetrable: boolean;
-    readonly openDelay: number;
-    readonly closeDelay: number;
-    readonly trapFocus: boolean;
-    readonly headerAriaLevel: string;
-    readonly withHeader: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly modalFade: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly resizable: boolean;
+    title: string;
+    direction: "ltr" | "rtl" | "ttb" | "btt";
+    overflow: boolean;
+    transition: import("@element-plus/nightly/es/components/dialog").DialogTransition;
+    size: string | number;
+    ariaLevel: string;
+    appendTo: string | HTMLElement;
+    alignCenter: boolean;
+    draggable: boolean;
+    showClose: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    lockScroll: boolean;
+    modal: boolean;
+    openDelay: number;
+    closeDelay: number;
+    headerAriaLevel: string;
+    withHeader: boolean;
+    modalFade: boolean;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -1,12 +1,13 @@
-import { defineComponent, useSlots, computed, ref, createBlock, openBlock, unref, withCtx, createVNode, Transition, withDirectives, createElementVNode, mergeProps, withModifiers, createElementBlock, createCommentVNode, normalizeClass, renderSlot, toDisplayString, normalizeStyle, vShow } from 'vue';
+import { defineComponent, mergeDefaults, useSlots, computed, ref, createBlock, openBlock, unref, withCtx, createVNode, Transition, withDirectives, createElementVNode, mergeProps, withModifiers, createElementBlock, createCommentVNode, normalizeClass, renderSlot, toDisplayString, normalizeStyle, vShow } from 'vue';
 import { Close } from '@element-plus/icons-vue';
 import { ElOverlay } from '../../overlay/index.mjs';
 import ElFocusTrap from '../../focus-trap/src/focus-trap.vue.mjs';
 import { ElTeleport } from '../../teleport/index.mjs';
 import { ElIcon } from '../../icon/index.mjs';
-import { drawerEmits, drawerProps } from './drawer.mjs';
+import { drawerEmits } from './drawer.mjs';
 import { useResizable } from './composables/useResizable.mjs';
 import { useDialog } from '../../dialog/src/use-dialog.mjs';
+import { dialogPropsDefaults } from '../../dialog/src/dialog.mjs';
 import { useDeprecated } from '../../../hooks/use-deprecated/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
@@ -21,7 +22,51 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     inheritAttrs: false
   },
   __name: "drawer",
-  props: drawerProps,
+  props: /* @__PURE__ */ mergeDefaults({
+    direction: { type: String, required: false },
+    resizable: { type: Boolean, required: false },
+    size: { type: [String, Number], required: false },
+    withHeader: { type: Boolean, required: false },
+    modalFade: { type: Boolean, required: false },
+    headerAriaLevel: { type: String, required: false },
+    appendToBody: { type: Boolean, required: false },
+    appendTo: { type: null, required: false },
+    beforeClose: { type: Function, required: false },
+    destroyOnClose: { type: Boolean, required: false },
+    closeOnClickModal: { type: Boolean, required: false },
+    closeOnPressEscape: { type: Boolean, required: false },
+    lockScroll: { type: Boolean, required: false },
+    modal: { type: Boolean, required: false },
+    modalPenetrable: { type: Boolean, required: false },
+    openDelay: { type: Number, required: false },
+    closeDelay: { type: Number, required: false },
+    top: { type: String, required: false },
+    modelValue: { type: Boolean, required: false },
+    modalClass: { type: String, required: false },
+    width: { type: [String, Number], required: false },
+    zIndex: { type: Number, required: false },
+    trapFocus: { type: Boolean, required: false },
+    transition: { type: [String, Object], required: false },
+    center: { type: Boolean, required: false },
+    alignCenter: { type: Boolean, required: false },
+    closeIcon: { type: null, required: false },
+    draggable: { type: Boolean, required: false },
+    overflow: { type: Boolean, required: false },
+    fullscreen: { type: Boolean, required: false },
+    headerClass: { type: String, required: false },
+    bodyClass: { type: String, required: false },
+    footerClass: { type: String, required: false },
+    showClose: { type: Boolean, required: false },
+    title: { type: String, required: false },
+    ariaLevel: { type: String, required: false }
+  }, {
+    ...dialogPropsDefaults,
+    direction: "rtl",
+    size: "30%",
+    withHeader: true,
+    modalFade: true,
+    headerAriaLevel: "2"
+  }),
   emits: drawerEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -67,8 +112,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElTeleport), {
-        to: _ctx.appendTo,
-        disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
+        to: __props.appendTo,
+        disabled: __props.appendTo !== "body" ? false : !__props.appendToBody
       }, {
         default: withCtx(() => [
           createVNode(Transition, {
@@ -82,10 +127,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               var _a;
               return [
                 withDirectives(createVNode(unref(ElOverlay), {
-                  mask: _ctx.modal,
+                  mask: __props.modal,
                   "overlay-class": [
                     unref(ns).is("drawer"),
-                    (_a = _ctx.modalClass) != null ? _a : "",
+                    (_a = __props.modalClass) != null ? _a : "",
                     `${unref(ns).namespace.value}-modal-drawer`,
                     unref(ns).is("penetrable", penetrable.value)
                   ],
@@ -108,13 +153,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           ref_key: "drawerRef",
                           ref: drawerRef,
                           "aria-modal": "true",
-                          "aria-label": _ctx.title || void 0,
-                          "aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
+                          "aria-label": __props.title || void 0,
+                          "aria-labelledby": !__props.title ? unref(titleId) : void 0,
                           "aria-describedby": unref(bodyId)
                         }, _ctx.$attrs, {
                           class: [
                             unref(ns).b(),
-                            _ctx.direction,
+                            __props.direction,
                             unref(visible) && "open",
                             unref(ns).is("dragging", unref(isResizing))
                           ],
@@ -135,11 +180,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             2
                             /* CLASS */
                           ),
-                          _ctx.withHeader ? (openBlock(), createElementBlock(
+                          __props.withHeader ? (openBlock(), createElementBlock(
                             "header",
                             {
                               key: 0,
-                              class: normalizeClass([unref(ns).e("header"), _ctx.headerClass])
+                              class: normalizeClass([unref(ns).e("header"), __props.headerClass])
                             },
                             [
                               !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
@@ -151,13 +196,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                 createElementVNode("span", {
                                   id: unref(titleId),
                                   role: "heading",
-                                  "aria-level": _ctx.headerAriaLevel,
+                                  "aria-level": __props.headerAriaLevel,
                                   class: normalizeClass(unref(ns).e("title"))
-                                }, toDisplayString(_ctx.title), 11, _hoisted_2)
+                                }, toDisplayString(__props.title), 11, _hoisted_2)
                               ]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
                                 createCommentVNode(" DEPRECATED SLOT ")
                               ]),
-                              _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                              __props.showClose ? (openBlock(), createElementBlock("button", {
                                 key: 2,
                                 "aria-label": unref(t)("el.drawer.close"),
                                 class: normalizeClass(unref(ns).e("close-btn")),
@@ -182,7 +227,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           unref(rendered) ? (openBlock(), createElementBlock("div", {
                             key: 1,
                             id: unref(bodyId),
-                            class: normalizeClass([unref(ns).e("body"), _ctx.bodyClass])
+                            class: normalizeClass([unref(ns).e("body"), __props.bodyClass])
                           }, [
                             renderSlot(_ctx.$slots, "default")
                           ], 10, _hoisted_4)) : createCommentVNode("v-if", true),
@@ -190,7 +235,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             "div",
                             {
                               key: 2,
-                              class: normalizeClass([unref(ns).e("footer"), _ctx.footerClass])
+                              class: normalizeClass([unref(ns).e("footer"), __props.footerClass])
                             },
                             [
                               renderSlot(_ctx.$slots, "footer")
@@ -198,7 +243,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             2
                             /* CLASS */
                           )) : createCommentVNode("v-if", true),
-                          _ctx.resizable ? (openBlock(), createElementBlock(
+                          __props.resizable ? (openBlock(), createElementBlock(
                             "div",
                             {
                               key: 3,

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.vue2.mjs","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 { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits, drawerProps } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(drawerProps)\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  afterEnter,\n  afterLeave,\n})\n</script>\n"],"names":["_createBlock","_unref","appendTo","appendToBody","_createVNode","_Transition","modal","modalClass","_createElementVNode","_mergeProps","title","$attrs","direction","_normalizeClass","withHeader","_createElementBlock","headerClass","$slots","_renderSlot","headerAriaLevel","_createCommentVNode","showClose","bodyClass","footerClass","resizable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AACb,IAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,IAAA,aAAA;AAAA,MACE;AAAA,QACE,KAAA,EAAO,WAAA;AAAA,QACP,IAAA,EAAM,gBAAA;AAAA,QACN,WAAA,EAAa,iBAAA;AAAA,QACb,OAAA,EAAS,OAAA;AAAA,QACT,GAAA,EAAK;AAAA,OACP;AAAA,MACA,QAAA,CAAS,MAAM,CAAC,CAAC,MAAM,KAAK;AAAA,KAC9B;AAEA,IAAA,MAAM,YAAY,GAAA,EAAiB;AACnC,IAAA,MAAM,gBAAgB,GAAA,EAAiB;AACvC,IAAA,MAAM,aAAa,GAAA,EAAiB;AACpC,IAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAChC,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AAExB,IAAA,MAAM;AAAA,MACJ,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA,KACF,GAAI,SAAA,CAAU,KAAA,EAAO,SAAS,CAAA;AAE9B,IAAA,MAAM,EAAE,cAAc,IAAA,EAAM,UAAA,KAAe,YAAA,CAAa,KAAA,EAAO,YAAY,IAAI,CAAA;AAE/E,IAAA,MAAM,aAAa,QAAA,CAAS,MAAM,MAAM,eAAA,IAAmB,CAAC,MAAM,KAAK,CAAA;AAEvE,IAAA,QAAA,CAAa;AAAA,MACX,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACD,CAAA;;0BAzKCA,WAAA,CAuGcC,KAAA,CAAA,UAAA,CAAA,EAAA;AAAA,QAtGX,IAAIC,IAAAA,CAAAA,QAAAA;AAAAA,QACJ,UAAUA,IAAAA,CAAAA,QAAAA,KAAQ,MAAA,GAAA,KAAA,GAAA,CAAuBC,IAAAA,CAAAA;AAAAA;yBAE1C,MAkGa;AAAA,UAlGbC,YAkGaC,UAAA,EAAA;AAAA,YAjGV,IAAA,EAAMJ,KAAA,CAAA,EAAA,CAAA,CAAG,EAAC,MAAA,CAAA;AAAA,YACV,YAAA,EAAaA,MAAA,UAAA,CAAA;AAAA,YACb,YAAA,EAAaA,MAAA,UAAA,CAAA;AAAA,YACb,aAAA,EAAcA,MAAA,WAAA,CAAA;AAAA,YAJjB,SAAA,EAAA;AAAA;6BAME,MA2Fa;;AAAA,cAAA,OAAA;AAAA,+BA3FbG,WAAA,CA2FaH,KAAA,CAAA,SAAA,CAAA,EAAA;AAAA,kBAzFV,MAAMK,IAAAA,CAAAA,KAAAA;AAAAA,kBACN,eAAA,EAAa;AAAA,oBAAcL,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,QAAA,CAAA;AAAA,oBAAA,CAAsBM,EAAAA,GAAAA,IAAAA,CAAAA,eAAAA,IAAAA,GAAAA,EAAAA,GAAU,EAAA;AAAA,uBAAqBN,KAAA,CAAA,EAAA,CAAA,CAAG,UAAU,KAAK,CAAA,aAAA,CAAA;AAAA,oBAA2BA,MAAA,EAAA,CAAA,CAAG,EAAA,CAAE,YAAA,EAAe,WAAA,KAAU;AAAA;kBAMhK,SAAA,EAASA,MAAA,MAAA,CAAA;AAAA,kBACT,OAAA,EAAOA,MAAA,YAAA;AAAA;mCAER,MA8EgB;AAAA,oBA9EhBG,WAAA,CA8EgBH,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,sBA7Ed,IAAA,EAAA,EAAA;AAAA,sBACC,OAAA,EAASA,MAAA,OAAA,CAAA;AAAA,sBACT,iBAAe,SAAA,CAAA,KAAA;AAAA,sBACf,kBAAgB,aAAA,CAAA,KAAA;AAAA,sBAChB,mBAAA,EAAqBA,MAAA,eAAA,CAAA;AAAA,sBACrB,oBAAA,EAAsBA,MAAA,gBAAA,CAAA;AAAA,sBACtB,mBAAA,EAAoBA,MAAA,mBAAA,CAAA;AAAA,sBACpB,kBAAA,EAAmBA,MAAA,gBAAA;AAAA;uCAEpB,MAmEM;AAAA,wBAnENO,kBAAA,CAmEM,OAnENC,UAAA,CAmEM;AAAA,mCAlEA,WAAA;AAAA,0BAAJ,GAAA,EAAI,SAAA;AAAA,0BACJ,YAAA,EAAW,MAAA;AAAA,0BACV,YAAA,EAAYC,KAAAA,KAAAA,IAAS,MAAA;AAAA,0BACrB,mBAAe,CAAGA,IAAAA,CAAAA,KAAAA,GAAQT,KAAA,CAAA,OAAA,CAAA,GAAU,MAAA;AAAA,0BACpC,kBAAA,EAAkBA,MAAA,MAAA;AAAA,2BACXU,KAAAA,MAAAA,EAAM;AAAA,0BACb,KAAA,EAAK;AAAA,4BAAkBV,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,EAAC;AAAA,4BAAkBW,IAAAA,CAAAA,SAAAA;AAAAA,4BAAyBX,KAAA,CAAA,OAAA,CAAA,IAAO,MAAA;AAAA,4BAA0BA,MAAA,EAAA,CAAA,CAAG,GAAE,UAAA,EAAaA,KAAA,CAAA,UAAA,CAAU;AAAA;0BAMnI,KAAA,EAAK,EAAA,CAAKA,KAAA,CAAA,YAAA,CAAA,GAAY,OAAA,GAAA,QAAA,GAAwBA,KAAA,CAAA,IAAA,CAAA,EAAI;AAAA,0BACnD,IAAA,EAAK,QAAA;AAAA,0BACJ,OAAA,0CAAD,MAAA;AAAA,0BAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA;AAAA;0BAEXO,kBAAA;AAAA,4BAAoE,MAAA;AAAA,4BAAA;AAAA,uCAA1D,eAAA;AAAA,8BAAJ,GAAA,EAAI,aAAA;AAAA,8BAAiB,OAAKK,cAAA,CAAEZ,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,UAAA,CAAA,CAAA;AAAA,8BAAc,QAAA,EAAS;AAAA;;;;;0BAC/Ca,IAAAA,CAAAA,UAAAA,iBAAdC,kBAAA;AAAA,4BAkCS,QAAA;AAAA,4BAAA;AAAA;8BAlCkB,KAAA,EAAKF,cAAA,CAAA,CAAGZ,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,YAAae,IAAAA,CAAAA,WAAW,CAAA;AAAA;;8BAC3CC,CAAAA,IAAAA,CAAAA,MAAAA,CAAO,QACtBC,UAAA,CAcO,IAAA,CAAA,QAAA,QAAA,EAAA;AAAA;gCAZJ,KAAA,EAAOjB,MAAA,WAAA,CAAA;AAAA,gCACP,OAAA,EAAUA,MAAA,OAAA,CAAA;AAAA,gCACV,UAAA,EAAaA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAC,OAAA;AAAA,iCAJpB,MAcO;AAAA,gCARLO,mBAOO,MAAA,EAAA;AAAA,kCANJ,EAAA,EAAIP,MAAA,OAAA,CAAA;AAAA,kCACL,IAAA,EAAK,SAAA;AAAA,kCACJ,cAAYkB,IAAAA,CAAAA,eAAAA;AAAAA,kCACZ,OAAKN,cAAA,CAAEZ,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA,mDAETS,IAAAA,CAAAA,KAAK,CAAA,EAAA,IAAA,UAAA;AAAA,mCAKZQ,UAAA,CAEO,IAAA,8BAFP,MAEO;AAAA,gCADLE,mBAAA,mBAAA;AAAA;8BAIIC,IAAAA,CAAAA,SAAAA,iBADRN,mBAUS,QAAA,EAAA;AAAA;gCARN,YAAA,EAAYd,KAAA,CAAA,CAAA,CAAA,CAAC,iBAAA,CAAA;AAAA,gCACb,OAAKY,cAAA,CAAEZ,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,gCACZ,IAAA,EAAK,QAAA;AAAA,gCACJ,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,6CAAEA,KAAA,CAAA,WAAA,KAAAA,KAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;gCAERG,WAAA,CAEUH,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,kCAFA,OAAKY,cAAA,CAAEZ,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;mDACnB,MAAS;AAAA,oCAATG,WAAA,CAASH,KAAA,CAAA,KAAA,CAAA;AAAA;;;;;;;;;0BAICA,MAAA,QAAA,CAAA,iBACdc,mBAEM,KAAA,EAAA;AAAA;4BAFA,EAAA,EAAId,MAAA,MAAA,CAAA;AAAA,4BAAS,KAAA,EAAKY,cAAA,CAAA,CAAGZ,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,UAAWqB,IAAAA,CAAAA,SAAS,CAAA;AAAA;4BAChDJ,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;0BAGDD,IAAAA,CAAAA,MAAAA,CAAO,MAAA,iBAAlBF,kBAAA;AAAA,4BAEM,KAAA;AAAA,4BAAA;AAAA;8BAFqB,KAAA,EAAKF,cAAA,CAAA,CAAGZ,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,YAAasB,IAAAA,CAAAA,WAAW,CAAA;AAAA;;8BAC5DL,UAAA,CAAsB,IAAA,CAAA,MAAA,EAAA,QAAA;AAAA;;;;0BAGhBM,IAAAA,CAAAA,SAAAA,iBADRT,kBAAA;AAAA,4BAKE,KAAA;AAAA,4BAAA;AAAA;uCAHI,YAAA;AAAA,8BAAJ,GAAA,EAAI,UAAA;AAAA,8BACH,gCAASd,KAAA,CAAA,MAAA,GAAM,CAAA;AAAA,8BACf,OAAKY,cAAA,CAAEZ,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,SAAA,CAAA;AAAA;;;;;;;;;;;;;;0BAtFVA,KAAA,CAAA,OAAA,CAAO;AAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"drawer.vue2.mjs","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  afterEnter,\n  afterLeave,\n})\n</script>\n"],"names":["_createBlock","_unref","_createVNode","_Transition","_createElementVNode","_mergeProps","$attrs","_normalizeClass","_createElementBlock","$slots","_renderSlot","_createCommentVNode"],"mappings":"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"}

package/es/components/index.mjs

@@ -137,7 +137,7 @@ export { datePickerPanelProps } from './date-picker-panel/src/props/date-picker-
 export { descriptionProps } from './descriptions/src/description.mjs';
 export { descriptionItemProps } from './descriptions/src/description-item.mjs';
 export { useDialog } from './dialog/src/use-dialog.mjs';
-export { dialogContextKey, dialogEmits, dialogProps } from './dialog/src/dialog.mjs';
+export { dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults } from './dialog/src/dialog.mjs';
 export { DEFAULT_DIALOG_TRANSITION, dialogInjectionKey } from './dialog/src/constants.mjs';
 export { dividerProps } from './divider/src/divider.mjs';
 export { drawerEmits, drawerProps } from './drawer/src/drawer.mjs';

package/es/index.mjs

@@ -84,7 +84,7 @@ export { descriptionProps } from './components/descriptions/src/description.mjs'
 export { descriptionItemProps } from './components/descriptions/src/description-item.mjs';
 export { ElDescriptions, ElDescriptionsItem } from './components/descriptions/index.mjs';
 export { useDialog } from './components/dialog/src/use-dialog.mjs';
-export { dialogContextKey, dialogEmits, dialogProps } from './components/dialog/src/dialog.mjs';
+export { dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults } from './components/dialog/src/dialog.mjs';
 export { DEFAULT_DIALOG_TRANSITION, dialogInjectionKey } from './components/dialog/src/constants.mjs';
 export { ElDialog } from './components/dialog/index.mjs';
 export { dividerProps } from './components/divider/src/divider.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20260120";
+export declare const version = "0.0.20260121";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20260120";
+const version = "0.0.20260121";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260120'\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260121'\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU;;;;"}

package/lib/components/date-picker-panel/src/composables/use-basic-date-table.js

@@ -23,7 +23,7 @@ const useBasicDateTable = (props, emit) => {
   const firstDayOfWeek = props.date.$locale().weekStart || 7;
   const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
   const offsetDay = vue.computed(() => {
-    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : firstDayOfWeek;
+    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek;
   });
   const startDate = vue.computed(() => {
     const startDayOfMonth = props.date.startOf("month");
@@ -153,8 +153,11 @@ const useBasicDateTable = (props, emit) => {
     return dayjs(date).locale(vue.unref(lang)).isSame(props.date.date(Number(cell.text)), "day");
   };
   const getDateOfCell = (row, column) => {
-    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0)) - vue.unref(offsetDay);
-    return vue.unref(startDate).add(offsetFromStart, "day");
+    const startOfMonthDay = vue.unref(days).startOfMonthDay;
+    const offset = vue.unref(offsetDay);
+    const numberOfDaysFromPreviousMonth = startOfMonthDay + offset < 0 ? 7 + startOfMonthDay + offset : startOfMonthDay + offset;
+    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0));
+    return props.date.startOf("month").subtract(numberOfDaysFromPreviousMonth, "day").add(offsetFromStart, "day");
   };
   const handleMouseMove = (event) => {
     var _a;