@element-plus/nightly 0.0.20260120 → 0.0.20260121

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

@@ -168,4 +168,21 @@ export interface DialogConfigContext {
     transition?: DialogTransition;
 }
 export declare const dialogContextKey: InjectionKey<DialogConfigContext>;
+export declare const dialogPropsDefaults: {
+    readonly appendTo: "body";
+    readonly closeOnClickModal: true;
+    readonly closeOnPressEscape: true;
+    readonly lockScroll: true;
+    readonly modal: true;
+    readonly openDelay: 0;
+    readonly closeDelay: 0;
+    readonly headerAriaLevel: "2";
+    readonly transition: undefined;
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
+};
 export {};

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

@@ -1,4 +1,4 @@
-import { dialogContentProps } from './dialog-content.mjs';
+import { dialogContentProps, dialogContentPropsDefaults } from './dialog-content.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { teleportProps } from '../../teleport/src/teleport.mjs';
 import { isBoolean } from '../../../utils/types.mjs';
@@ -137,6 +137,18 @@ const dialogEmits = {
   closeAutoFocus: () => true
 };
 const dialogContextKey = /* @__PURE__ */ Symbol("dialogContextKey");
+const dialogPropsDefaults = {
+  ...dialogContentPropsDefaults,
+  appendTo: "body",
+  closeOnClickModal: true,
+  closeOnPressEscape: true,
+  lockScroll: true,
+  modal: true,
+  openDelay: 0,
+  closeDelay: 0,
+  headerAriaLevel: "2",
+  transition: void 0
+};
 
-export { dialogContextKey, dialogEmits, dialogProps };
+export { dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults };
 //# sourceMappingURL=dialog.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.mjs","sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { teleportProps } from '@element-plus/components/teleport'\nimport { dialogContentProps } from './dialog-content'\n\nimport type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue'\nimport type { DialogContentProps } from './dialog-content'\nimport type Dialog from './dialog.vue'\n\ntype DoneFn = (cancel?: boolean) => void\n\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport type DialogTransition = string | TransitionProps\n\n/**\n * @description dialog component props\n */\nexport interface DialogProps extends DialogContentProps {\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody?: boolean\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose?: DialogBeforeCloseFn\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose?: boolean\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal?: boolean\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll?: boolean\n  /**\n   * @description whether a mask is displayed\n   */\n  modal?: boolean\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable?: boolean\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay?: number\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay?: number\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top?: string\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue?: boolean\n  /**\n   * @description custom class names for mask\n   */\n  modalClass?: string\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width?: string | number\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex?: number\n  /**\n   * @description trap focus within dialog\n   */\n  trapFocus?: boolean\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel?: string\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition?: DialogTransition\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody: Boolean,\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose: Boolean,\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether a mask is displayed\n   */\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable: Boolean,\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top: {\n    type: String,\n  },\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue: Boolean,\n  /**\n   * @description custom class names for mask\n   */\n  modalClass: String,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: Boolean,\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition: {\n    type: definePropType<DialogTransition>([String, Object]),\n    default: undefined,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport type DialogPropsPublic = ExtractPublicPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n  open: () => true,\n  opened: () => true,\n  close: () => true,\n  closed: () => true,\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  openAutoFocus: () => true,\n  closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\nexport type DialogInstance = InstanceType<typeof Dialog> & unknown\nexport interface DialogConfigContext {\n  alignCenter?: boolean\n  draggable?: boolean\n  overflow?: boolean\n  transition?: DialogTransition\n}\n\nexport const dialogContextKey: InjectionKey<DialogConfigContext> =\n  Symbol('dialogContextKey')\n"],"names":[],"mappings":";;;;;;AAoGO,MAAM,cAAc,UAAA,CAAW;AAAA,EACpC,GAAG,kBAAA;AAAA;AAAA;AAAA;AAAA,EAIH,YAAA,EAAc,OAAA;AAAA;AAAA;AAAA;AAAA,EAId,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,cAAc,EAAA,CAAG,IAAA;AAAA,IACvB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,eAAoC,QAAQ;AAAA,GACpD;AAAA;AAAA;AAAA;AAAA,EAIA,cAAA,EAAgB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIhB,iBAAA,EAAmB;AAAA,IACjB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIjB,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,UAAA,EAAY,MAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,SAAA,EAAW,MAAA;AAAA;AAAA;AAAA;AAAA,EAIX,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,cAAA,CAAiC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACvD,OAAA,EAAS;AAAA;AAEb,CAAU;AAOH,MAAM,WAAA,GAAc;AAAA,EACzB,MAAM,MAAM,IAAA;AAAA,EACZ,QAAQ,MAAM,IAAA;AAAA,EACd,OAAO,MAAM,IAAA;AAAA,EACb,QAAQ,MAAM,IAAA;AAAA,EACd,CAAC,kBAAkB,GAAG,CAAC,KAAA,KAAmB,UAAU,KAAK,CAAA;AAAA,EACzD,eAAe,MAAM,IAAA;AAAA,EACrB,gBAAgB,MAAM;AACxB;AAUO,MAAM,gBAAA,0BACJ,kBAAkB;;;;"}
+{"version":3,"file":"dialog.mjs","sources":["../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { teleportProps } from '@element-plus/components/teleport'\nimport {\n  dialogContentProps,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue'\nimport type { DialogContentProps } from './dialog-content'\nimport type Dialog from './dialog.vue'\n\ntype DoneFn = (cancel?: boolean) => void\n\nexport type DialogBeforeCloseFn = (done: DoneFn) => void\n\nexport type DialogTransition = string | TransitionProps\n\n/**\n * @description dialog component props\n */\nexport interface DialogProps extends DialogContentProps {\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody?: boolean\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo?: string | HTMLElement\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose?: DialogBeforeCloseFn\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose?: boolean\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal?: boolean\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll?: boolean\n  /**\n   * @description whether a mask is displayed\n   */\n  modal?: boolean\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable?: boolean\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay?: number\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay?: number\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top?: string\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue?: boolean\n  /**\n   * @description custom class names for mask\n   */\n  modalClass?: string\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width?: string | number\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex?: number\n  /**\n   * @description trap focus within dialog\n   */\n  trapFocus?: boolean\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel?: string\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition?: DialogTransition\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport const dialogProps = buildProps({\n  ...dialogContentProps,\n  /**\n   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`\n   */\n  appendToBody: Boolean,\n  /**\n   * @description which element the Dialog appends to\n   */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n  /**\n   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog\n   */\n  beforeClose: {\n    type: definePropType<DialogBeforeCloseFn>(Function),\n  },\n  /**\n   * @description destroy elements in Dialog when closed\n   */\n  destroyOnClose: Boolean,\n  /**\n   * @description whether the Dialog can be closed by clicking the mask\n   */\n  closeOnClickModal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the Dialog can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether scroll of body is disabled while Dialog is displayed\n   */\n  lockScroll: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether a mask is displayed\n   */\n  modal: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the mask is penetrable\n   */\n  modalPenetrable: Boolean,\n  /**\n   * @description the Time(milliseconds) before open\n   */\n  openDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description the Time(milliseconds) before close\n   */\n  closeDelay: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description value for `margin-top` of Dialog CSS, default is 15vh\n   */\n  top: {\n    type: String,\n  },\n  /**\n   * @description visibility of Dialog\n   */\n  modelValue: Boolean,\n  /**\n   * @description custom class names for mask\n   */\n  modalClass: String,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: String,\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: String,\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: String,\n  /**\n   * @description width of Dialog, default is 50%\n   */\n  width: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as z-index in native CSS, z-order of dialog\n   */\n  zIndex: {\n    type: Number,\n  },\n  trapFocus: Boolean,\n  /**\n   * @description header's aria-level attribute\n   */\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n  /**\n   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props\n   */\n  transition: {\n    type: definePropType<DialogTransition>([String, Object]),\n    default: undefined,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogProps` instead.\n */\nexport type DialogPropsPublic = ExtractPublicPropTypes<typeof dialogProps>\n\nexport const dialogEmits = {\n  open: () => true,\n  opened: () => true,\n  close: () => true,\n  closed: () => true,\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  openAutoFocus: () => true,\n  closeAutoFocus: () => true,\n}\nexport type DialogEmits = typeof dialogEmits\nexport type DialogInstance = InstanceType<typeof Dialog> & unknown\nexport interface DialogConfigContext {\n  alignCenter?: boolean\n  draggable?: boolean\n  overflow?: boolean\n  transition?: DialogTransition\n}\n\nexport const dialogContextKey: InjectionKey<DialogConfigContext> =\n  Symbol('dialogContextKey')\n\nexport const dialogPropsDefaults = {\n  ...dialogContentPropsDefaults,\n  appendTo: 'body',\n  closeOnClickModal: true,\n  closeOnPressEscape: true,\n  lockScroll: true,\n  modal: true,\n  openDelay: 0,\n  closeDelay: 0,\n  headerAriaLevel: '2',\n  transition: undefined,\n} as const\n"],"names":[],"mappings":"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"}

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

@@ -14,21 +14,21 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_45) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DialogProps>, {
-    appendTo: string;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    lockScroll: boolean;
-    modal: boolean;
-    openDelay: number;
-    closeDelay: number;
-    headerAriaLevel: string;
-    transition: undefined;
-    alignCenter: undefined;
-    draggable: undefined;
-    overflow: undefined;
-    showClose: true;
-    title: "";
-    ariaLevel: "2";
+    readonly appendTo: "body";
+    readonly closeOnClickModal: true;
+    readonly closeOnPressEscape: true;
+    readonly lockScroll: true;
+    readonly modal: true;
+    readonly openDelay: 0;
+    readonly closeDelay: 0;
+    readonly headerAriaLevel: "2";
+    readonly transition: undefined;
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
 }>, {
     /** @description whether the dialog is visible */
     visible: import("vue").Ref<boolean>;
@@ -44,21 +44,21 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DialogProps>, {
-    appendTo: string;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    lockScroll: boolean;
-    modal: boolean;
-    openDelay: number;
-    closeDelay: number;
-    headerAriaLevel: string;
-    transition: undefined;
-    alignCenter: undefined;
-    draggable: undefined;
-    overflow: undefined;
-    showClose: true;
-    title: "";
-    ariaLevel: "2";
+    readonly appendTo: "body";
+    readonly closeOnClickModal: true;
+    readonly closeOnPressEscape: true;
+    readonly lockScroll: true;
+    readonly modal: true;
+    readonly openDelay: 0;
+    readonly closeDelay: 0;
+    readonly headerAriaLevel: "2";
+    readonly transition: undefined;
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;

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

@@ -4,9 +4,8 @@ import ElFocusTrap from '../../focus-trap/src/focus-trap.vue.mjs';
 import { ElTeleport } from '../../teleport/index.mjs';
 import _sfc_main$1 from './dialog-content.vue2.mjs';
 import { dialogInjectionKey } from './constants.mjs';
-import { dialogEmits } from './dialog.mjs';
+import { dialogEmits, dialogPropsDefaults } from './dialog.mjs';
 import { useDialog } from './use-dialog.mjs';
-import { dialogContentPropsDefaults } from './dialog-content.mjs';
 import { useDeprecated } from '../../../hooks/use-deprecated/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useSameTarget } from '../../../hooks/use-same-target/index.mjs';
@@ -50,18 +49,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     showClose: { type: Boolean, required: false },
     title: { type: String, required: false },
     ariaLevel: { type: String, required: false }
-  }, {
-    ...dialogContentPropsDefaults,
-    appendTo: "body",
-    closeOnClickModal: true,
-    closeOnPressEscape: true,
-    lockScroll: true,
-    modal: true,
-    openDelay: 0,
-    closeDelay: 0,
-    headerAriaLevel: "2",
-    transition: void 0
-  }),
+  }, dialogPropsDefaults),
   emits: dialogEmits,
   setup(__props, { expose: __expose }) {
     const props = __props;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { dialogContentPropsDefaults } from './dialog-content'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), {\n  ...dialogContentPropsDefaults,\n  appendTo: 'body',\n  closeOnClickModal: true,\n  closeOnPressEscape: true,\n  lockScroll: true,\n  modal: true,\n  openDelay: 0,\n  closeDelay: 0,\n  headerAriaLevel: '2',\n  transition: undefined,\n})\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  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\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 penetrable = computed(\n  () => props.modalPenetrable && !props.modal && !props.fullscreen\n)\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"],"names":["_createBlock","_unref","_createVNode","_Transition","_mergeProps","_createElementVNode","_normalizeClass","_openBlock","ElDialogContent","$attrs","$slots","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"dialog.vue2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition v-bind=\"transitionConfig\">\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"[\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-dialog`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          :aria-label=\"title || undefined\"\n          :aria-labelledby=\"!title ? titleId : undefined\"\n          :aria-describedby=\"bodyId\"\n          :class=\"[\n            `${ns.namespace.value}-overlay-dialog`,\n            ns.is('closing', closing),\n          ]\"\n          :style=\"overlayDialogStyle\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <el-focus-trap\n            loop\n            :trapped=\"visible\"\n            focus-start-el=\"container\"\n            @focus-after-trapped=\"onOpenAutoFocus\"\n            @focus-after-released=\"onCloseAutoFocus\"\n            @focusout-prevented=\"onFocusoutPrevented\"\n            @release-requested=\"onCloseRequested\"\n          >\n            <el-dialog-content\n              v-if=\"rendered\"\n              ref=\"dialogContentRef\"\n              v-bind=\"$attrs\"\n              :center=\"center\"\n              :align-center=\"_alignCenter\"\n              :close-icon=\"closeIcon\"\n              :draggable=\"_draggable\"\n              :overflow=\"_overflow\"\n              :fullscreen=\"fullscreen\"\n              :header-class=\"headerClass\"\n              :body-class=\"bodyClass\"\n              :footer-class=\"footerClass\"\n              :show-close=\"showClose\"\n              :title=\"title\"\n              :aria-level=\"headerAriaLevel\"\n              @close=\"handleClose\"\n            >\n              <template #header>\n                <slot\n                  v-if=\"!$slots.title\"\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                />\n                <slot v-else name=\"title\" />\n              </template>\n              <slot />\n              <template v-if=\"$slots.footer\" #footer>\n                <slot name=\"footer\" />\n              </template>\n            </el-dialog-content>\n          </el-focus-trap>\n        </div>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogPropsDefaults } from './dialog'\nimport { useDialog } from './use-dialog'\n\nimport type { DialogProps } from './dialog'\n\ndefineOptions({\n  name: 'ElDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), dialogPropsDefaults)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-dialog',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n  visible,\n  titleId,\n  bodyId,\n  style,\n  overlayDialogStyle,\n  rendered,\n  transitionConfig,\n  zIndex,\n  _draggable,\n  _alignCenter,\n  _overflow,\n  handleClose,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onCloseRequested,\n  onFocusoutPrevented,\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 penetrable = computed(\n  () => props.modalPenetrable && !props.modal && !props.fullscreen\n)\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"],"names":["_createBlock","_unref","_createVNode","_Transition","_mergeProps","_createElementVNode","_normalizeClass","_openBlock","ElDialogContent","$attrs","$slots","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,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,EAAA,GAAK,aAAa,QAAQ,CAAA;AAChC,IAAA,MAAM,YAAY,GAAA,EAAiB;AACnC,IAAA,MAAM,YAAY,GAAA,EAAiB;AACnC,IAAA,MAAM,mBAAmB,GAAA,EAAI;AAE7B,IAAA,MAAM;AAAA,MACJ,OAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA;AAAA,KACF,GAAI,SAAA,CAAU,KAAA,EAAO,SAAS,CAAA;AAE9B,IAAA,OAAA,CAAQ,kBAAA,EAAoB;AAAA,MAC1B,SAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,EAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,MAAM,YAAA,GAAe,cAAc,YAAY,CAAA;AAE/C,IAAA,MAAM,UAAA,GAAa,QAAA;AAAA,MACjB,MAAM,KAAA,CAAM,eAAA,IAAmB,CAAC,KAAA,CAAM,KAAA,IAAS,CAAC,KAAA,CAAM;AAAA,KACxD;AAEA,IAAA,MAAM,gBAAgB,MAAM;;AAC1B,MAAA,CAAA,EAAA,GAAA,gBAAA,CAAiB,UAAjB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAwB,aAAA,EAAA;AAAA,IAC1B,CAAA;AAEA,IAAA,QAAA,CAAa;AAAA;AAAA,MAEX,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACD,CAAA;;0BApKCA,WAAA,CA6EcC,KAAA,CAAA,UAAA,CAAA,EAAA;AAAA,QA5EX,IAAI,OAAA,CAAA,QAAA;AAAA,QACJ,UAAU,OAAA,CAAA,QAAA,KAAQ,MAAA,GAAA,KAAA,GAAA,CAAuB,OAAA,CAAA;AAAA;yBAE1C,MAwEa;AAAA,UAxEbC,WAAA;AAAA,YAwEaC,UAAA;AAAA,YAxEbC,WAwEaH,KAAA,oBAxEuB,EAApC,SAAA,EAAA,IAwEa,CAAA;AAAA,YAAA;AAAA,+BAvEX,MAsEa;;AAAA,gBAAA,OAAA;AAAA,iCAtEbC,WAAA,CAsEaD,KAAA,CAAA,SAAA,CAAA,EAAA;AAAA,oBApEX,mBAAA,EAAA,EAAA;AAAA,oBACC,MAAM,OAAA,CAAA,KAAA;AAAA,oBACN,eAAA,EAAa;AAAA,sBAAA,CAAc,EAAA,GAAA,OAAA,CAAA,eAAA,IAAA,GAAA,EAAA,GAAU,EAAA;AAAA,yBAAqBA,KAAA,CAAA,EAAA,CAAA,CAAG,UAAU,KAAK,CAAA,aAAA,CAAA;AAAA,sBAA2BA,MAAA,EAAA,CAAA,CAAG,EAAA,CAAE,YAAA,EAAe,WAAA,KAAU;AAAA;oBAKrI,SAAA,EAASA,MAAA,MAAA;AAAA;qCAEV,MA0DM;AAAA,sBA1DNI,mBA0DM,KAAA,EAAA;AAAA,wBAzDJ,IAAA,EAAK,QAAA;AAAA,wBACL,YAAA,EAAW,MAAA;AAAA,wBACV,YAAA,EAAY,QAAA,KAAA,IAAS,MAAA;AAAA,wBACrB,mBAAe,CAAG,OAAA,CAAA,KAAA,GAAQJ,KAAA,CAAA,OAAA,CAAA,GAAU,MAAA;AAAA,wBACpC,kBAAA,EAAkBA,MAAA,MAAA,CAAA;AAAA,wBAClB,OAAKK,cAAA,CAAA;AAAA,6BAAmBL,KAAA,CAAA,EAAA,CAAA,CAAG,UAAU,KAAK,CAAA,eAAA,CAAA;AAAA,0BAA+BA,MAAA,EAAA,CAAA,CAAG,GAAE,SAAA,EAAYA,KAAA,CAAA,OAAA,CAAO;AAAA;wBAIjG,KAAA,iBAAOA,KAAA,CAAA,kBAAA,CAAkB,CAAA;AAAA,wBACzB,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,wBAAE,CAAA,GAAA,IAAA,KAAAA,KAAA,CAAA,YAAA,CAAA,CAAa,OAAA,IAAbA,KAAA,CAAA,YAAA,CAAA,CAAa,OAAA,CAAO,GAAA,IAAA,CAAA,CAAA;AAAA,wBAC3B,WAAA,EAAS,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,wBAAE,CAAA,GAAA,IAAA,KAAAA,KAAA,CAAA,YAAA,CAAA,CAAa,WAAA,IAAbA,KAAA,CAAA,YAAA,CAAA,CAAa,WAAA,CAAW,GAAA,IAAA,CAAA,CAAA;AAAA,wBACnC,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,wBAAE,CAAA,GAAA,IAAA,KAAAA,KAAA,CAAA,YAAA,CAAA,CAAa,SAAA,IAAbA,KAAA,CAAA,YAAA,CAAA,CAAa,SAAA,CAAS,GAAA,IAAA,CAAA;AAAA;wBAEhCC,WAAA,CA0CgBD,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,0BAzCd,IAAA,EAAA,EAAA;AAAA,0BACC,OAAA,EAASA,MAAA,OAAA,CAAA;AAAA,0BACV,gBAAA,EAAe,WAAA;AAAA,0BACd,mBAAA,EAAqBA,MAAA,eAAA,CAAA;AAAA,0BACrB,oBAAA,EAAsBA,MAAA,gBAAA,CAAA;AAAA,0BACtB,mBAAA,EAAoBA,MAAA,mBAAA,CAAA;AAAA,0BACpB,kBAAA,EAAmBA,MAAA,gBAAA;AAAA;2CAEpB,MAgCoB;AAAA,4BA/BZA,MAAA,QAAA,CAAA,IADRM,WAAA,EAAAP,WAAA,CAgCoBQ,aAhCpBJ,UAAA,CAgCoB;AAAA;uCA9Bd,kBAAA;AAAA,8BAAJ,GAAA,EAAI;AAAA,+BACIK,KAAAA,MAAAA,EAAM;AAAA,8BACb,QAAQ,OAAA,CAAA,MAAA;AAAA,8BACR,cAAA,EAAcR,MAAA,YAAA,CAAA;AAAA,8BACd,cAAY,OAAA,CAAA,SAAA;AAAA,8BACZ,SAAA,EAAWA,MAAA,UAAA,CAAA;AAAA,8BACX,QAAA,EAAUA,MAAA,SAAA,CAAA;AAAA,8BACV,YAAY,OAAA,CAAA,UAAA;AAAA,8BACZ,gBAAc,OAAA,CAAA,WAAA;AAAA,8BACd,cAAY,OAAA,CAAA,SAAA;AAAA,8BACZ,gBAAc,OAAA,CAAA,WAAA;AAAA,8BACd,cAAY,OAAA,CAAA,SAAA;AAAA,8BACZ,OAAO,OAAA,CAAA,KAAA;AAAA,8BACP,cAAY,OAAA,CAAA,eAAA;AAAA,8BACZ,OAAA,EAAOA,MAAA,WAAA;AAAA;8BAEG,MAAA,UACT,MAME;AAAA,gCALOS,CAAAA,IAAAA,CAAAA,MAAAA,CAAO,QADhBC,UAAA,CAME,IAAA,CAAA,QAAA,QAAA,EAAA;AAAA;kCAHC,KAAA,EAAOV,MAAA,WAAA,CAAA;AAAA,kCACP,OAAA,EAAUA,MAAA,OAAA,CAAA;AAAA,kCACV,UAAA,EAAaA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAC,OAAA;AAAA,qCAEpBU,UAAA,CAA4B,IAAA,CAAA,QAAA,OAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA;AAAA;+CAE9B,MAAQ;AAAA,gCAARA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;8BACQD,IAAAA,CAAAA,OAAO,MAAA;sCAAS,QAAA;AAAA,4CAC9B,MAAsB;AAAA,kCAAtBC,UAAA,CAAsB,IAAA,CAAA,MAAA,EAAA,QAAA;AAAA;;;;;;;;;;;;;4BAhEtBV,KAAA,CAAA,OAAA,CAAO;AAAA;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import type { Ref, SetupContext } from 'vue';
 import type { DrawerEmits, DrawerProps } from '../drawer';
-export declare function useResizable(props: DrawerProps, target: Ref<HTMLElement | undefined>, emit: SetupContext<DrawerEmits>['emit']): {
+export declare function useResizable(props: DrawerProps & Required<Pick<DrawerProps, 'direction'>>, target: Ref<HTMLElement | undefined>, emit: SetupContext<DrawerEmits>['emit']): {
     size: import("vue").ComputedRef<string | undefined>;
     isResizing: Ref<boolean>;
     isHorizontal: import("vue").ComputedRef<boolean>;

package/es/components/drawer/src/composables/useResizable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.mjs","sources":["../../../../../../../packages/components/drawer/src/composables/useResizable.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { addUnit } from '@element-plus/utils'\nimport { clamp, useEventListener, useWindowSize } from '@vueuse/core'\n\nimport type { Ref, SetupContext } from 'vue'\nimport type { DrawerEmits, DrawerProps } from '../drawer'\n\nexport function useResizable(\n  props: DrawerProps,\n  target: Ref<HTMLElement | undefined>,\n  emit: SetupContext<DrawerEmits>['emit']\n) {\n  const { width, height } = useWindowSize()\n\n  const isHorizontal = computed(() => ['ltr', 'rtl'].includes(props.direction))\n  const sign = computed(() =>\n    ['ltr', 'ttb'].includes(props.direction) ? 1 : -1\n  )\n  const windowSize = computed(() =>\n    isHorizontal.value ? width.value : height.value\n  )\n  const getSize = computed(() => {\n    return clamp(\n      startSize.value + sign.value * offset.value,\n      4,\n      windowSize.value\n    )\n  })\n\n  const startSize = ref(0)\n  const offset = ref(0)\n  const isResizing = ref(false)\n  const hasStartedDragging = ref(false)\n  let startPos: number[] = []\n  let cleanups: (() => void)[] = []\n\n  const getActualSize = () => {\n    const drawerEl = target.value?.closest('[aria-modal=\"true\"]') as HTMLElement\n    if (drawerEl) {\n      return isHorizontal.value ? drawerEl.offsetWidth : drawerEl.offsetHeight\n    }\n    return 100\n  }\n\n  watch(\n    () => [props.size, props.resizable] as const,\n    () => {\n      hasStartedDragging.value = false\n      startSize.value = 0\n      offset.value = 0\n      onMouseUp()\n    }\n  )\n\n  const onMousedown = (e: MouseEvent) => {\n    if (!props.resizable) return\n\n    if (!hasStartedDragging.value) {\n      startSize.value = getActualSize()\n      hasStartedDragging.value = true\n    }\n\n    startPos = [e.pageX, e.pageY]\n    isResizing.value = true\n    emit('resize-start', e, startSize.value)\n    cleanups.push(\n      useEventListener(window, 'mouseup', onMouseUp),\n      useEventListener(window, 'mousemove', onMouseMove)\n    )\n  }\n\n  const onMouseMove = (e: MouseEvent) => {\n    const { pageX, pageY } = e\n    const offsetX = pageX - startPos[0]\n    const offsetY = pageY - startPos[1]\n    offset.value = isHorizontal.value ? offsetX : offsetY\n    emit('resize', e, getSize.value)\n  }\n\n  const onMouseUp = (e?: MouseEvent) => {\n    // premature interruption\n    // avoid triggering meaningless execution due to watch size/resizable constraints.\n    if (!isResizing.value) return\n\n    startPos = []\n    startSize.value = getSize.value\n    offset.value = 0\n    isResizing.value = false\n    cleanups.forEach((cleanup) => cleanup?.())\n    cleanups = []\n    if (e) {\n      emit('resize-end', e, startSize.value)\n    }\n  }\n\n  const cleanup = useEventListener(target, 'mousedown', onMousedown)\n\n  onBeforeUnmount(() => {\n    cleanup()\n    onMouseUp()\n  })\n\n  return {\n    size: computed(() => {\n      return hasStartedDragging.value\n        ? `${getSize.value}px`\n        : addUnit(props.size)\n    }),\n    isResizing,\n    isHorizontal,\n  }\n}\n"],"names":["cleanup"],"mappings":"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"}
+{"version":3,"file":"useResizable.mjs","sources":["../../../../../../../packages/components/drawer/src/composables/useResizable.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { addUnit } from '@element-plus/utils'\nimport { clamp, useEventListener, useWindowSize } from '@vueuse/core'\n\nimport type { Ref, SetupContext } from 'vue'\nimport type { DrawerEmits, DrawerProps } from '../drawer'\n\nexport function useResizable(\n  props: DrawerProps & Required<Pick<DrawerProps, 'direction'>>,\n  target: Ref<HTMLElement | undefined>,\n  emit: SetupContext<DrawerEmits>['emit']\n) {\n  const { width, height } = useWindowSize()\n\n  const isHorizontal = computed(() => ['ltr', 'rtl'].includes(props.direction))\n  const sign = computed(() =>\n    ['ltr', 'ttb'].includes(props.direction) ? 1 : -1\n  )\n  const windowSize = computed(() =>\n    isHorizontal.value ? width.value : height.value\n  )\n  const getSize = computed(() => {\n    return clamp(\n      startSize.value + sign.value * offset.value,\n      4,\n      windowSize.value\n    )\n  })\n\n  const startSize = ref(0)\n  const offset = ref(0)\n  const isResizing = ref(false)\n  const hasStartedDragging = ref(false)\n  let startPos: number[] = []\n  let cleanups: (() => void)[] = []\n\n  const getActualSize = () => {\n    const drawerEl = target.value?.closest('[aria-modal=\"true\"]') as HTMLElement\n    if (drawerEl) {\n      return isHorizontal.value ? drawerEl.offsetWidth : drawerEl.offsetHeight\n    }\n    return 100\n  }\n\n  watch(\n    () => [props.size, props.resizable] as const,\n    () => {\n      hasStartedDragging.value = false\n      startSize.value = 0\n      offset.value = 0\n      onMouseUp()\n    }\n  )\n\n  const onMousedown = (e: MouseEvent) => {\n    if (!props.resizable) return\n\n    if (!hasStartedDragging.value) {\n      startSize.value = getActualSize()\n      hasStartedDragging.value = true\n    }\n\n    startPos = [e.pageX, e.pageY]\n    isResizing.value = true\n    emit('resize-start', e, startSize.value)\n    cleanups.push(\n      useEventListener(window, 'mouseup', onMouseUp),\n      useEventListener(window, 'mousemove', onMouseMove)\n    )\n  }\n\n  const onMouseMove = (e: MouseEvent) => {\n    const { pageX, pageY } = e\n    const offsetX = pageX - startPos[0]\n    const offsetY = pageY - startPos[1]\n    offset.value = isHorizontal.value ? offsetX : offsetY\n    emit('resize', e, getSize.value)\n  }\n\n  const onMouseUp = (e?: MouseEvent) => {\n    // premature interruption\n    // avoid triggering meaningless execution due to watch size/resizable constraints.\n    if (!isResizing.value) return\n\n    startPos = []\n    startSize.value = getSize.value\n    offset.value = 0\n    isResizing.value = false\n    cleanups.forEach((cleanup) => cleanup?.())\n    cleanups = []\n    if (e) {\n      emit('resize-end', e, startSize.value)\n    }\n  }\n\n  const cleanup = useEventListener(target, 'mousedown', onMousedown)\n\n  onBeforeUnmount(() => {\n    cleanup()\n    onMouseUp()\n  })\n\n  return {\n    size: computed(() => {\n      return hasStartedDragging.value\n        ? `${getSize.value}px`\n        : addUnit(props.size)\n    }),\n    isResizing,\n    isHorizontal,\n  }\n}\n"],"names":["cleanup"],"mappings":"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"}

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

@@ -1,4 +1,34 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
+import type { DialogProps } from '@element-plus/nightly/es/components/dialog';
+export interface DrawerProps extends DialogProps {
+    /**
+     * @description Set the direction in which the Drawer opens
+     */
+    direction?: 'ltr' | 'rtl' | 'ttb' | 'btt';
+    /**
+     * @description Whether to enable the resizable function for the drawer
+     */
+    resizable?: boolean;
+    /**
+     * @description The size of the Drawer form, when using the number type, is measured in pixels. When using the string type, please pass in 'x%'; otherwise, it will be interpreted as the number type
+     */
+    size?: string | number;
+    /**
+     * @description You can remove the title from the drawer, so that your drawer will have more space on the screen. If you want to be visited, you must set the title attribute.
+     */
+    withHeader?: boolean;
+    /**
+     * @description The fade-in and fade-out animation switch of the mask layer
+     */
+    modalFade?: boolean;
+    /**
+     * @description Help assistive technologies such as screen readers identify content hierarchies
+     */
+    headerAriaLevel?: string;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `DrawerProps` instead.
+ */
 export declare const drawerProps: {
     readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     readonly resizable: BooleanConstructor;
@@ -62,7 +92,9 @@ export declare const drawerProps: {
     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>;
 };
-export type DrawerProps = ExtractPropTypes<typeof drawerProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `DrawerProps` instead.
+ */
 export type DrawerPropsPublic = ExtractPublicPropTypes<typeof drawerProps>;
 export declare const drawerEmits: {
     'resize-start': (evt: MouseEvent, size: number) => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\n  },\n  resizable: Boolean,\n  size: {\n    type: [String, Number],\n    default: '30%',\n  },\n  withHeader: {\n    type: Boolean,\n    default: true,\n  },\n  modalFade: {\n    type: Boolean,\n    default: true,\n  },\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\nexport type DrawerPropsPublic = ExtractPublicPropTypes<typeof drawerProps>\n\nexport const drawerEmits = {\n  ...dialogEmits,\n  'resize-start': (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n  resize: (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n  'resize-end': (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n}\n\nexport type DrawerEmits = typeof drawerEmits\n"],"names":[],"mappings":";;;AAKO,MAAM,cAAc,UAAA,CAAW;AAAA,EACpC,GAAG,WAAA;AAAA,EACH,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,IACT,MAAA,EAAQ,CAAC,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK;AAAA,GACrC;AAAA,EACA,SAAA,EAAW,OAAA;AAAA,EACX,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AAKH,MAAM,WAAA,GAAc;AAAA,EACzB,GAAG,WAAA;AAAA,EACH,gBAAgB,CAAC,GAAA,EAAiB,SAChC,GAAA,YAAe,UAAA,IAAc,OAAO,IAAA,KAAS,QAAA;AAAA,EAC/C,QAAQ,CAAC,GAAA,EAAiB,SACxB,GAAA,YAAe,UAAA,IAAc,OAAO,IAAA,KAAS,QAAA;AAAA,EAC/C,cAAc,CAAC,GAAA,EAAiB,SAC9B,GAAA,YAAe,UAAA,IAAc,OAAO,IAAA,KAAS;AACjD;;;;"}
+{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { DialogProps } from '@element-plus/components/dialog'\n\nexport interface DrawerProps extends DialogProps {\n  /**\n   * @description Set the direction in which the Drawer opens\n   */\n  direction?: 'ltr' | 'rtl' | 'ttb' | 'btt'\n  /**\n   * @description Whether to enable the resizable function for the drawer\n   */\n  resizable?: boolean\n  /**\n   * @description The size of the Drawer form, when using the number type, is measured in pixels. When using the string type, please pass in 'x%'; otherwise, it will be interpreted as the number type\n   */\n  size?: string | number\n  /**\n   * @description You can remove the title from the drawer, so that your drawer will have more space on the screen. If you want to be visited, you must set the title attribute.\n   */\n  withHeader?: boolean\n  /**\n   * @description The fade-in and fade-out animation switch of the mask layer\n   */\n  modalFade?: boolean\n  /**\n   * @description Help assistive technologies such as screen readers identify content hierarchies\n   */\n  headerAriaLevel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DrawerProps` instead.\n */\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\n  },\n  resizable: Boolean,\n  size: {\n    type: [String, Number],\n    default: '30%',\n  },\n  withHeader: {\n    type: Boolean,\n    default: true,\n  },\n  modalFade: {\n    type: Boolean,\n    default: true,\n  },\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DrawerProps` instead.\n */\nexport type DrawerPropsPublic = ExtractPublicPropTypes<typeof drawerProps>\n\nexport const drawerEmits = {\n  ...dialogEmits,\n  'resize-start': (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n  resize: (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n  'resize-end': (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n}\n\nexport type DrawerEmits = typeof drawerEmits\n"],"names":[],"mappings":";;;AAoCO,MAAM,cAAc,UAAA,CAAW;AAAA,EACpC,GAAG,WAAA;AAAA,EACH,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,IACT,MAAA,EAAQ,CAAC,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK;AAAA,GACrC;AAAA,EACA,SAAA,EAAW,OAAA;AAAA,EACX,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AAOH,MAAM,WAAA,GAAc;AAAA,EACzB,GAAG,WAAA;AAAA,EACH,gBAAgB,CAAC,GAAA,EAAiB,SAChC,GAAA,YAAe,UAAA,IAAc,OAAO,IAAA,KAAS,QAAA;AAAA,EAC/C,QAAQ,CAAC,GAAA,EAAiB,SACxB,GAAA,YAAe,UAAA,IAAc,OAAO,IAAA,KAAS,QAAA;AAAA,EAC/C,cAAc,CAAC,GAAA,EAAiB,SAC9B,GAAA,YAAe,UAAA,IAAc,OAAO,IAAA,KAAS;AACjD;;;;"}