@element-plus/nightly 0.0.20260719 → 0.0.20260721

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

@@ -32,21 +32,21 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly showWeekNumber: BooleanConstructor;
     readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   }>> & Readonly<{
-    onPick?: ((...args: any[]) => any) | undefined;
-    "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onCalendar-change"?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
+    "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    pick: (...args: any[]) => void;
-    "set-picker-option": (...args: any[]) => void;
     clear: (...args: any[]) => void;
     "calendar-change": (...args: any[]) => void;
     "panel-change": (...args: any[]) => void;
+    pick: (...args: any[]) => void;
+    "set-picker-option": (...args: any[]) => void;
   }, _$vue.PublicProps, {
-    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly disabled: boolean;
     readonly border: boolean;
+    readonly disabled: boolean;
+    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -87,15 +87,15 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly showWeekNumber: BooleanConstructor;
     readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   }>> & Readonly<{
-    onPick?: ((...args: any[]) => any) | undefined;
-    "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onCalendar-change"?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
+    "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, {
-    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly disabled: boolean;
     readonly border: boolean;
+    readonly disabled: boolean;
+    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -133,21 +133,21 @@ declare const getPanel: (type: DatePickerType) => ({
   readonly showWeekNumber: BooleanConstructor;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
-  onPick?: ((...args: any[]) => any) | undefined;
-  "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
+  onPick?: ((...args: any[]) => any) | undefined;
+  "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  pick: (...args: any[]) => void;
-  "set-picker-option": (...args: any[]) => void;
   clear: (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
+  pick: (...args: any[]) => void;
+  "set-picker-option": (...args: any[]) => void;
 }, string, {
-  readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly disabled: boolean;
   readonly border: boolean;
+  readonly disabled: boolean;
+  readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;
@@ -193,9 +193,9 @@ declare const getPanel: (type: DatePickerType) => ({
     };
     readonly singlePanel: BooleanConstructor;
   }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
-    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly disabled: boolean;
     readonly border: boolean;
+    readonly disabled: boolean;
+    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
@@ -222,9 +222,9 @@ declare const getPanel: (type: DatePickerType) => ({
     };
     readonly singlePanel: BooleanConstructor;
   }>> & Readonly<{}>, {}, {}, {}, {}, {
-    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly disabled: boolean;
     readonly border: boolean;
+    readonly disabled: boolean;
+    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
@@ -248,9 +248,9 @@ declare const getPanel: (type: DatePickerType) => ({
   };
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
-  readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly disabled: boolean;
   readonly border: boolean;
+  readonly disabled: boolean;
+  readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;
@@ -295,18 +295,18 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly disabled: BooleanConstructor;
     readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   }>> & Readonly<{
+    "onPanel-change"?: ((...args: any[]) => any) | undefined;
     onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
-    "onPanel-change"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    "panel-change": (...args: any[]) => void;
     pick: (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
-    "panel-change": (...args: any[]) => void;
   }, _$vue.PublicProps, {
-    readonly format: string;
-    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly disabled: boolean;
     readonly border: boolean;
+    readonly disabled: boolean;
+    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly format: string;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -344,14 +344,14 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly disabled: BooleanConstructor;
     readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   }>> & Readonly<{
+    "onPanel-change"?: ((...args: any[]) => any) | undefined;
     onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
-    "onPanel-change"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, {
-    readonly format: string;
-    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly disabled: boolean;
     readonly border: boolean;
+    readonly disabled: boolean;
+    readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly format: string;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -386,18 +386,18 @@ declare const getPanel: (type: DatePickerType) => ({
   readonly disabled: BooleanConstructor;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
+  "onPanel-change"?: ((...args: any[]) => any) | undefined;
   onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
-  "onPanel-change"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "panel-change": (...args: any[]) => void;
   pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
-  "panel-change": (...args: any[]) => void;
 }, string, {
-  readonly format: string;
-  readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly disabled: boolean;
   readonly border: boolean;
+  readonly disabled: boolean;
+  readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly format: string;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;

package/lib/components/date-picker-panel/src/props/basic-date-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-date-table.js","names":["buildProps","datePickerSharedProps","selectionModeWithDefault"],"sources":["../../../../../../../packages/components/date-picker-panel/src/props/basic-date-table.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { datePickerSharedProps, selectionModeWithDefault } from './shared'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const basicDateTableProps = buildProps({\n  ...datePickerSharedProps,\n  showWeekNumber: Boolean,\n  selectionMode: selectionModeWithDefault('date'),\n} as const)\n\nexport const basicDateTableEmits = ['changerange', 'pick', 'select']\n\nexport type BasicDateTableProps = ExtractPropTypes<typeof basicDateTableProps>\nexport type BasicDateTablePropsPublic = ExtractPublicPropTypes<\n  typeof basicDateTableProps\n>\nexport type BasicDateTableEmits = typeof basicDateTableEmits\n\nexport type RangePickerEmits = { minDate: Dayjs; maxDate: null }\nexport type DatePickerEmits = Dayjs\nexport type DatesPickerEmits = Dayjs[]\nexport type MonthsPickerEmits = Dayjs[]\nexport type YearsPickerEmits = Dayjs[]\nexport type WeekPickerEmits = {\n  year: number\n  week: number\n  value: string\n  date: Dayjs\n}\n\nexport type DateTableEmits =\n  | RangePickerEmits\n  | DatePickerEmits\n  | DatesPickerEmits\n  | WeekPickerEmits\n"],"mappings":";;;;AAMA,MAAa,sBAAsBA,gBAAAA,WAAW;CAC5C,GAAGC,eAAAA;CACH,gBAAgB;CAChB,eAAeC,eAAAA,yBAAyB,OAAO;CAChD,CAAU;AAEX,MAAa,sBAAsB;CAAC;CAAe;CAAQ;CAAS"}
+{"version":3,"file":"basic-date-table.js","names":["buildProps","datePickerSharedProps","selectionModeWithDefault"],"sources":["../../../../../../../packages/components/date-picker-panel/src/props/basic-date-table.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { datePickerSharedProps, selectionModeWithDefault } from './shared'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const basicDateTableProps = buildProps({\n  ...datePickerSharedProps,\n  showWeekNumber: Boolean,\n  selectionMode: selectionModeWithDefault('date'),\n} as const)\n\nexport const basicDateTableEmits = ['changerange', 'pick', 'select']\n\nexport type BasicDateTableProps = ExtractPropTypes<typeof basicDateTableProps>\nexport type BasicDateTablePropsPublic = ExtractPublicPropTypes<\n  typeof basicDateTableProps\n>\nexport type BasicDateTableEmits = typeof basicDateTableEmits\n\nexport type RangePickerEmits = { minDate: Dayjs; maxDate: null }\nexport type DatePickerEmits = Dayjs\nexport type DatesPickerEmits = Dayjs[]\nexport type MonthsPickerEmits = Dayjs[]\nexport type YearsPickerEmits = Dayjs[]\nexport type WeekPickerEmits = {\n  year: number\n  week: number\n  value: string\n  date: Dayjs\n}\n\nexport type DateTableEmits =\n  RangePickerEmits | DatePickerEmits | DatesPickerEmits | WeekPickerEmits\n"],"mappings":";;;;AAMA,MAAa,sBAAsBA,gBAAAA,WAAW;CAC5C,GAAGC,eAAAA;CACH,gBAAgB;CAChB,eAAeC,eAAAA,yBAAyB,OAAO;CAChD,CAAU;AAEX,MAAa,sBAAsB;CAAC;CAAe;CAAQ;CAAS"}

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

@@ -51,7 +51,7 @@ declare const datePickerPanelProps: {
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;

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

@@ -68,12 +68,12 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   className: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   labelClassName: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & Readonly<{}>, {
-  label: string;
   className: string;
   width: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  label: string;
   span: number;
-  minWidth: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   rowspan: number;
+  minWidth: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   align: EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>;
   labelClassName: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { IconPropType } from "../../../utils/vue/icon.js";
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/dialog/src/dialog-content.d.ts
@@ -34,15 +35,15 @@ interface DialogContentProps {
   /**
    * @description custom class names for header wrapper
    */
-  headerClass?: string;
+  headerClass?: ClassValue;
   /**
    * @description custom class names for body wrapper
    */
-  bodyClass?: string;
+  bodyClass?: ClassValue;
   /**
    * @description custom class names for footer wrapper
    */
-  footerClass?: string;
+  footerClass?: ClassValue;
   /**
    * @description whether to show a close button
    */
@@ -71,9 +72,9 @@ declare const dialogContentProps: {
   readonly draggable: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly overflow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly fullscreen: BooleanConstructor;
-  readonly headerClass: StringConstructor;
-  readonly bodyClass: StringConstructor;
-  readonly footerClass: StringConstructor;
+  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>;
@@ -88,6 +89,9 @@ declare const dialogContentPropsDefaults: {
   readonly showClose: true;
   readonly title: "";
   readonly ariaLevel: "2";
+  readonly headerClass: undefined;
+  readonly bodyClass: undefined;
+  readonly footerClass: undefined;
 };
 //#endregion
 export { DialogContentProps, dialogContentEmits, dialogContentProps, dialogContentPropsDefaults };

package/lib/components/dialog/src/dialog-content.js

@@ -42,15 +42,39 @@ const dialogContentProps = require_runtime.buildProps({
 	/**
 	* @description custom class names for header wrapper
 	*/
-	headerClass: String,
+	headerClass: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom class names for body wrapper
 	*/
-	bodyClass: String,
+	bodyClass: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom class names for footer wrapper
 	*/
-	footerClass: String,
+	footerClass: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description whether to show a close button
 	*/
@@ -80,7 +104,10 @@ const dialogContentPropsDefaults = {
 	overflow: void 0,
 	showClose: true,
 	title: "",
-	ariaLevel: "2"
+	ariaLevel: "2",
+	headerClass: void 0,
+	bodyClass: void 0,
+	footerClass: void 0
 };
 //#endregion
 exports.dialogContentEmits = dialogContentEmits;

package/lib/components/dialog/src/dialog-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.js","names":["buildProps","iconPropType"],"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,qBAAqBA,gBAAAA,WAAW;;;;CAI3C,QAAQ;;;;CAIR,aAAa;EACX,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,WAAW,EACT,MAAMC,aAAAA,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.js","names":["buildProps","iconPropType","definePropType"],"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,qBAAqBA,gBAAAA,WAAW;;;;CAI3C,QAAQ;;;;CAIR,aAAa;EACX,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,WAAW,EACT,MAAMC,aAAAA,cACP;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,YAAY;;;;CAIZ,aAAa;EACX,MAAMC,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,WAAW;EACT,MAAMA,gBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,aAAa;EACX,MAAMA,gBAAAA,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/lib/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/lib/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/lib/components/dialog/src/dialog.js

@@ -85,19 +85,15 @@ const dialogProps = require_runtime.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: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description width of Dialog, default is 50%
 	*/
@@ -142,7 +138,8 @@ const dialogPropsDefaults = {
 	openDelay: 0,
 	closeDelay: 0,
 	headerAriaLevel: "2",
-	transition: void 0
+	transition: void 0,
+	modalClass: void 0
 };
 //#endregion
 exports.dialogContextKey = dialogContextKey;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["buildProps","dialogContentProps","definePropType","UPDATE_MODEL_EVENT","isBoolean","dialogContentPropsDefaults"],"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,cAAcA,gBAAAA,WAAW;CACpC,GAAGC,uBAAAA;;;;CAIH,cAAc;;;;CAId,UAAU;EACR,MAAMC,gBAAAA,eAAqC,CAAC,QAAQ,OAAO,CAAC;EAC5D,SAAS;EACV;;;;CAID,aAAa,EACX,MAAMA,gBAAAA,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,MAAMA,gBAAAA,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS,KAAA;EACV;CACF,CAAU;AAOX,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,aAAa;CACb,cAAc;EACbC,cAAAA,sBAAsB,UAAmBC,cAAAA,UAAU,MAAM;CAC1D,qBAAqB;CACrB,sBAAsB;CACvB;AAUD,MAAa,mBACX,OAAO,mBAAmB;AAE5B,MAAa,sBAAsB;CACjC,GAAGC,uBAAAA;CACH,UAAU;CACV,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,OAAO;CACP,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,YAAY,KAAA;CACb"}
+{"version":3,"file":"dialog.js","names":["buildProps","dialogContentProps","definePropType","UPDATE_MODEL_EVENT","isBoolean","dialogContentPropsDefaults"],"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,cAAcA,gBAAAA,WAAW;CACpC,GAAGC,uBAAAA;;;;CAIH,cAAc;;;;CAId,UAAU;EACR,MAAMC,gBAAAA,eAAqC,CAAC,QAAQ,OAAO,CAAC;EAC5D,SAAS;EACV;;;;CAID,aAAa,EACX,MAAMA,gBAAAA,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,MAAMA,gBAAAA,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,MAAMA,gBAAAA,eAAiC,CAAC,QAAQ,OAAO,CAAC;EACxD,SAAS,KAAA;EACV;CACF,CAAU;AAOX,MAAa,cAAc;CACzB,YAAY;CACZ,cAAc;CACd,aAAa;CACb,cAAc;EACbC,cAAAA,sBAAsB,UAAmBC,cAAAA,UAAU,MAAM;CAC1D,qBAAqB;CACrB,sBAAsB;CACvB;AAUD,MAAa,mBACX,OAAO,mBAAmB;AAE5B,MAAa,sBAAsB;CACjC,GAAGC,uBAAAA;CACH,UAAU;CACV,mBAAmB;CACnB,oBAAoB;CACpB,YAAY;CACZ,OAAO;CACP,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,YAAY,KAAA;CACZ,YAAY,KAAA;CACb"}

package/lib/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/lib/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/lib/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>;