@element-plus/nightly 0.0.20260719 → 0.0.20260721

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

@@ -1,4 +1,4 @@
-import { buildProps } from "../../../utils/vue/props/runtime.mjs";
+import { buildProps, definePropType } from "../../../utils/vue/props/runtime.mjs";
 import { iconPropType } from "../../../utils/vue/icon.mjs";
 //#region ../../packages/components/dialog/src/dialog-content.ts
 /**
@@ -41,15 +41,39 @@ const dialogContentProps = buildProps({
 	/**
 	* @description custom class names for header wrapper
 	*/
-	headerClass: String,
+	headerClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom class names for body wrapper
 	*/
-	bodyClass: String,
+	bodyClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom class names for footer wrapper
 	*/
-	footerClass: String,
+	footerClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description whether to show a close button
 	*/
@@ -79,7 +103,10 @@ const dialogContentPropsDefaults = {
 	overflow: void 0,
 	showClose: true,
 	title: "",
-	ariaLevel: "2"
+	ariaLevel: "2",
+	headerClass: void 0,
+	bodyClass: void 0,
+	footerClass: void 0
 };
 //#endregion
 export { dialogContentEmits, dialogContentProps, dialogContentPropsDefaults };

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { IconPropType } from '@element-plus/utils'\n\n/**\n * @description dialog-content component props\n */\nexport interface DialogContentProps {\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center?: boolean\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter?: boolean\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: IconPropType\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable?: boolean\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow?: boolean\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen?: boolean\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 whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title?: string\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogContentProps` instead.\n */\nexport const dialogContentProps = buildProps({\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center: Boolean,\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen: Boolean,\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 whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\nexport const dialogContentEmits = {\n  close: () => true,\n}\n\nexport const dialogContentPropsDefaults = {\n  alignCenter: undefined,\n  draggable: undefined,\n  overflow: undefined,\n  showClose: true,\n  title: '',\n  ariaLevel: '2',\n} as const\n"],"mappings":";;;;;;AA6DA,MAAa,qBAAqB,WAAW;;;;CAI3C,QAAQ;;;;CAIR,aAAa;EACX,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,WAAW,EACT,MAAM,cACP;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,YAAY;;;;CAIZ,aAAa;;;;CAIb,WAAW;;;;CAIX,aAAa;;;;CAIb,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF,CAAU;AAEX,MAAa,qBAAqB,EAChC,aAAa,MACd;AAED,MAAa,6BAA6B;CACxC,aAAa,KAAA;CACb,WAAW,KAAA;CACX,UAAU,KAAA;CACV,WAAW;CACX,OAAO;CACP,WAAW;CACZ"}
+{"version":3,"file":"dialog-content.mjs","names":[],"sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { ClassValue, IconPropType } from '@element-plus/utils'\n\n/**\n * @description dialog-content component props\n */\nexport interface DialogContentProps {\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center?: boolean\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter?: boolean\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: IconPropType\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable?: boolean\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow?: boolean\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen?: boolean\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass?: ClassValue\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass?: ClassValue\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass?: ClassValue\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title?: string\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DialogContentProps` instead.\n */\nexport const dialogContentProps = buildProps({\n  /**\n   * @description whether to align the header and footer in center\n   */\n  center: Boolean,\n  /**\n   * @description whether to align the dialog both horizontally and vertically\n   */\n  alignCenter: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description enable dragging feature for Dialog\n   */\n  draggable: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description draggable Dialog can overflow the viewport\n   */\n  overflow: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the Dialog takes up full screen\n   */\n  fullscreen: Boolean,\n  /**\n   * @description custom class names for header wrapper\n   */\n  headerClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description custom class names for body wrapper\n   */\n  bodyClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description custom class names for footer wrapper\n   */\n  footerClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title of Dialog. Can also be passed with a named slot (see the following table)\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description header's aria-level attribute\n   */\n  ariaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\nexport const dialogContentEmits = {\n  close: () => true,\n}\n\nexport const dialogContentPropsDefaults = {\n  alignCenter: undefined,\n  draggable: undefined,\n  overflow: undefined,\n  showClose: true,\n  title: '',\n  ariaLevel: '2',\n  headerClass: undefined,\n  bodyClass: undefined,\n  footerClass: undefined,\n} as const\n"],"mappings":";;;;;;AA6DA,MAAa,qBAAqB,WAAW;;;;CAI3C,QAAQ;;;;CAIR,aAAa;EACX,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,WAAW,EACT,MAAM,cACP;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,YAAY;;;;CAIZ,aAAa;EACX,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,WAAW;EACT,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,aAAa;EACX,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF,CAAU;AAEX,MAAa,qBAAqB,EAChC,aAAa,MACd;AAED,MAAa,6BAA6B;CACxC,aAAa,KAAA;CACb,WAAW,KAAA;CACX,UAAU,KAAA;CACV,WAAW;CACX,OAAO;CACP,WAAW;CACX,aAAa,KAAA;CACb,WAAW,KAAA;CACX,aAAa,KAAA;CACd"}

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

@@ -1,3 +1,4 @@
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogContentProps } from "./dialog-content.js";
 import * as _$vue from "vue";
 
@@ -19,9 +20,12 @@ declare const __VLS_base: _$vue.DefineComponent<DialogContentProps, {
   onClose?: (() => any) | undefined;
 }>, {
   title: string;
-  overflow: boolean;
   alignCenter: boolean;
   draggable: boolean;
+  overflow: boolean;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   showClose: boolean;
   ariaLevel: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogContentProps } from "./dialog-content.js";
 import _default from "./dialog.vue.js";
 import * as _$vue from "vue";
@@ -67,7 +68,7 @@ interface DialogProps extends DialogContentProps {
   /**
    * @description custom class names for mask
    */
-  modalClass?: string;
+  modalClass?: ClassValue;
   /**
    * @description width of Dialog, default is 50%
    */
@@ -116,10 +117,7 @@ declare const dialogProps: {
     __epPropKey: true;
   };
   readonly modelValue: BooleanConstructor;
-  readonly modalClass: StringConstructor;
-  readonly headerClass: StringConstructor;
-  readonly bodyClass: StringConstructor;
-  readonly footerClass: StringConstructor;
+  readonly modalClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly width: {
     readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
     readonly required: false;
@@ -146,6 +144,9 @@ declare const dialogProps: {
   readonly draggable: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly overflow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly fullscreen: BooleanConstructor;
+  readonly headerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly bodyClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly footerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
@@ -182,12 +183,16 @@ declare const dialogPropsDefaults: {
   readonly closeDelay: 0;
   readonly headerAriaLevel: "2";
   readonly transition: undefined;
+  readonly modalClass: undefined;
   readonly alignCenter: undefined;
   readonly draggable: undefined;
   readonly overflow: undefined;
   readonly showClose: true;
   readonly title: "";
   readonly ariaLevel: "2";
+  readonly headerClass: undefined;
+  readonly bodyClass: undefined;
+  readonly footerClass: undefined;
 };
 //#endregion
 export { DialogBeforeCloseFn, DialogConfigContext, DialogEmits, DialogInstance, DialogProps, DialogPropsPublic, DialogTransition, dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults };

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

@@ -84,19 +84,15 @@ const dialogProps = buildProps({
 	/**
 	* @description custom class names for mask
 	*/
-	modalClass: String,
-	/**
-	* @description custom class names for header wrapper
-	*/
-	headerClass: String,
-	/**
-	* @description custom class names for body wrapper
-	*/
-	bodyClass: String,
-	/**
-	* @description custom class names for footer wrapper
-	*/
-	footerClass: String,
+	modalClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description width of Dialog, default is 50%
 	*/
@@ -141,7 +137,8 @@ const dialogPropsDefaults = {
 	openDelay: 0,
 	closeDelay: 0,
 	headerAriaLevel: "2",
-	transition: void 0
+	transition: void 0,
+	modalClass: void 0
 };
 //#endregion
 export { dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults };

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.mjs","names":[],"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 {\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: definePropType<string | HTMLElement>([String, Object]),\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"],"mappings":";;;;;;;;AAsGA,MAAa,cAAc,WAAW;CACpC,GAAG;;;;CAIH,cAAc;;;;CAId,UAAU;EACR,MAAM,eAAqC,CAAC,QAAQ,OAAO,CAAC;EAC5D,SAAS;EACV;;;;CAID,aAAa,EACX,MAAM,eAAoC,SAAS,EACpD;;;;CAID,gBAAgB;;;;CAIhB,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;;;;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,iBAAiB;;;;CAIjB,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,KAAK,EACH,MAAM,QACP;;;;CAID,YAAY;;;;CAIZ,YAAY;;;;CAIZ,aAAa;;;;CAIb,WAAW;;;;CAIX,aAAa;;;;CAIb,OAAO,EACL,MAAM,CAAC,QAAQ,OAAO,EACvB;;;;CAID,QAAQ,EACN,MAAM,QACP;CACD,WAAW;;;;CAIX,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS,KAAA;EACV;CACF,CAAU;AAOX,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,aAAa;CACb,cAAc;EACb,sBAAsB,UAAmB,UAAU,MAAM;CAC1D,qBAAqB;CACrB,sBAAsB;CACvB;AAUD,MAAa,mBACX,OAAO,mBAAmB;AAE5B,MAAa,sBAAsB;CACjC,GAAG;CACH,UAAU;CACV,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,OAAO;CACP,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,YAAY,KAAA;CACb"}
+{"version":3,"file":"dialog.mjs","names":[],"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 {\n  dialogContentProps,\n  dialogContentPropsDefaults,\n} from './dialog-content'\n\nimport type { ExtractPublicPropTypes, InjectionKey, TransitionProps } from 'vue'\nimport type { ClassValue } from '@element-plus/utils'\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?: ClassValue\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: definePropType<string | HTMLElement>([String, Object]),\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: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\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  modalClass: undefined,\n} as const\n"],"mappings":";;;;;;;;AAuGA,MAAa,cAAc,WAAW;CACpC,GAAG;;;;CAIH,cAAc;;;;CAId,UAAU;EACR,MAAM,eAAqC,CAAC,QAAQ,OAAO,CAAC;EAC5D,SAAS;EACV;;;;CAID,aAAa,EACX,MAAM,eAAoC,SAAS,EACpD;;;;CAID,gBAAgB;;;;CAIhB,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;;;;CAID,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,iBAAiB;;;;CAIjB,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,KAAK,EACH,MAAM,QACP;;;;CAID,YAAY;;;;CAIZ,YAAY;EACV,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,OAAO,EACL,MAAM,CAAC,QAAQ,OAAO,EACvB;;;;CAID,QAAQ,EACN,MAAM,QACP;CACD,WAAW;;;;CAIX,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS,KAAA;EACV;CACF,CAAU;AAOX,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,aAAa;CACb,cAAc;EACb,sBAAsB,UAAmB,UAAU,MAAM;CAC1D,qBAAqB;CACrB,sBAAsB;CACvB;AAUD,MAAa,mBACX,OAAO,mBAAmB;AAE5B,MAAa,sBAAsB;CACjC,GAAG;CACH,UAAU;CACV,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,OAAO;CACP,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,YAAY,KAAA;CACZ,YAAY,KAAA;CACb"}

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

@@ -1,3 +1,4 @@
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogProps, DialogTransition } from "./dialog.js";
 import * as _$vue from "vue";
 
@@ -22,35 +23,39 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   resetPosition: () => void;
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  open: () => void;
   "update:modelValue": (value: boolean) => void;
-  close: () => void;
+  open: () => void;
   opened: () => void;
+  close: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
 }, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
-  onOpen?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-  onClose?: (() => any) | undefined;
+  onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
 }>, {
+  appendTo: string | HTMLElement;
   title: string;
-  overflow: boolean;
   transition: DialogTransition;
-  appendTo: string | HTMLElement;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   openDelay: number;
   closeDelay: number;
+  modalClass: string | false | Record<string, any> | ClassValue[] | null;
   headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;
+  overflow: boolean;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   showClose: boolean;
   ariaLevel: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogBeforeCloseFn, DialogProps, DialogTransition } from "../../dialog/src/dialog.js";
 import _default from "./drawer.vue.js";
 import * as _$vue from "vue";
@@ -64,10 +65,7 @@ declare const drawerProps: {
     __epPropKey: true;
   };
   readonly modelValue: BooleanConstructor;
-  readonly modalClass: StringConstructor;
-  readonly headerClass: StringConstructor;
-  readonly bodyClass: StringConstructor;
-  readonly footerClass: StringConstructor;
+  readonly modalClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly width: {
     readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
     readonly required: false;
@@ -93,6 +91,9 @@ declare const drawerProps: {
   readonly draggable: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly overflow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly fullscreen: BooleanConstructor;
+  readonly headerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly bodyClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly footerClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;

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

@@ -1,3 +1,4 @@
+import { ClassValue } from "../../../utils/typescript.js";
 import { DialogTransition } from "../../dialog/src/dialog.js";
 import { DrawerProps } from "./drawer.js";
 import * as _$vue from "vue";
@@ -20,43 +21,47 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  open: () => void;
   "update:modelValue": (value: boolean) => void;
-  close: () => void;
   resize: (evt: MouseEvent, size: number) => void;
+  open: () => void;
   opened: () => void;
+  close: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
   "resize-start": (evt: MouseEvent, size: number) => void;
   "resize-end": (evt: MouseEvent, size: number) => void;
 }, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
-  onOpen?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-  onClose?: (() => any) | undefined;
   onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+  onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
   "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }>, {
-  direction: "ltr" | "rtl" | "ttb" | "btt";
   size: string | number;
+  appendTo: string | HTMLElement;
   title: string;
-  overflow: boolean;
+  direction: "ltr" | "rtl" | "ttb" | "btt";
   transition: DialogTransition;
-  appendTo: string | HTMLElement;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   openDelay: number;
   closeDelay: number;
+  modalClass: string | false | Record<string, any> | ClassValue[] | null;
   headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;
+  overflow: boolean;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   showClose: boolean;
   ariaLevel: string;
   withHeader: boolean;

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

@@ -44,7 +44,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   handleFocus: (e: Event) => void;
   handleKeydown: (event: KeyboardEvent) => void;
   handleMousedown: (e: Event) => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave" | "clickimpl")[], "click" | "pointermove" | "pointerleave" | "clickimpl", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
   readonly disabled: BooleanConstructor;
   readonly divided: BooleanConstructor;
@@ -57,8 +57,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointerleave?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
+  onPointerleave?: ((...args: any[]) => any) | undefined;
   onClickimpl?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;

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

@@ -27,10 +27,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     icon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown> | undefined;
     textValue: string | undefined;
     onClick: ((...args: any[]) => any) | undefined;
-    onPointerleave: ((...args: any[]) => any) | undefined;
     onPointermove: ((...args: any[]) => any) | undefined;
+    onPointerleave: ((...args: any[]) => any) | undefined;
   }>;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave")[], "click" | "pointermove" | "pointerleave", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
   readonly disabled: BooleanConstructor;
   readonly divided: BooleanConstructor;
@@ -43,8 +43,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointerleave?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
+  onPointerleave?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;
   readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
@@ -133,7 +133,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     handleFocus: (e: Event) => void;
     handleKeydown: (event: KeyboardEvent) => void;
     handleMousedown: (e: Event) => void;
-  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove" | "clickimpl")[], "click" | "pointerleave" | "pointermove" | "clickimpl", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointermove" | "pointerleave" | "clickimpl")[], "click" | "pointermove" | "pointerleave" | "clickimpl", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
     readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
     readonly disabled: BooleanConstructor;
     readonly divided: BooleanConstructor;
@@ -146,8 +146,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-    onPointerleave?: ((...args: any[]) => any) | undefined;
     onPointermove?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
     onClickimpl?: ((...args: any[]) => any) | undefined;
   }>, {
     readonly disabled: boolean;

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

@@ -1,5 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable, Nullable } from "../../../utils/typescript.js";
+import { Arrayable, ClassValue, Nullable } from "../../../utils/typescript.js";
 import { Measurable } from "../../popper/src/constants.js";
 import { PopperEffect } from "../../popper/src/popper.js";
 import { Placement as Placement$1 } from "../../popper/index.js";
@@ -22,7 +22,7 @@ interface IElDropdownInstance {
 }
 declare const dropdownProps: {
   readonly trigger: {
-    readonly type: _$vue.PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+    readonly type: _$vue.PropType<Arrayable<"click" | "hover" | "contextmenu">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -44,7 +44,7 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -61,108 +61,7 @@ declare const dropdownProps: {
   readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, "", boolean>;
-  readonly popperClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
   readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "menu", boolean>;