@element-plus/nightly 0.0.20260720 → 0.0.20260721

package/es/components/message-box/src/index.vue.d.ts

@@ -2,6 +2,7 @@ import { IconPropType } from "../../../utils/vue/icon.js";
 import { SFCWithInstall } from "../../../utils/vue/typescript.js";
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
 import { ComponentSize } from "../../../constants/size.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { Translator } from "../../../hooks/use-locale/index.js";
 import { InputAutoSize, InputModelModifiers, InputProps, InputType } from "../../input/src/input.js";
 import { InputInstance } from "../../input/src/instance.js";
@@ -89,7 +90,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>;
   contentId: _$vue.Ref<string, string>;
   inputId: _$vue.Ref<string, string>;
-  btnSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  btnSize: _$vue.ComputedRef<"" | "small" | "default" | "large">;
   iconComponent: _$vue.ComputedRef<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
@@ -229,7 +230,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   autofocus: _$vue.Ref<boolean, boolean>;
   title: _$vue.Ref<string | undefined, string | undefined>;
   message: _$vue.Ref<string, string>;
-  type: _$vue.Ref<"" | "error" | "info" | "primary" | "success" | "warning", "" | "error" | "info" | "primary" | "success" | "warning">;
+  type: _$vue.Ref<"" | "primary" | "success" | "warning" | "info" | "error", "" | "primary" | "success" | "warning" | "info" | "error">;
   icon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
@@ -4031,8 +4032,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   dangerouslyUseHTMLString: _$vue.Ref<boolean, boolean>;
   confirmButtonText: _$vue.Ref<string, string>;
   cancelButtonText: _$vue.Ref<string, string>;
-  confirmButtonType: _$vue.Ref<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger", "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
-  cancelButtonType: _$vue.Ref<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger", "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
+  confirmButtonType: _$vue.Ref<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
+  cancelButtonType: _$vue.Ref<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
   confirmButtonLoading: _$vue.Ref<boolean, boolean>;
   cancelButtonLoading: _$vue.Ref<boolean, boolean>;
   confirmButtonLoadingIcon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
@@ -4577,15 +4578,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onAction?: ((...args: any[]) => any) | undefined;
   onVanish?: ((...args: any[]) => any) | undefined;
 }>, {
-  overflow: boolean;
   center: boolean;
-  container: string;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   draggable: boolean;
+  overflow: boolean;
   showClose: boolean;
+  container: string;
   roundButton: boolean;
   closeOnHashChange: boolean;
   boxType: MessageBoxType;
@@ -4600,21 +4601,21 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClick?: ((evt: MouseEvent) => any) | undefined;
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-      size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
+      size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+      type: _$vue.ComputedRef<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
       click: (evt: MouseEvent) => void;
     }, _$vue.PublicProps, {
-      type: ButtonType;
       disabled: boolean;
       text: boolean;
+      type: ButtonType;
       round: boolean;
       dashed: boolean;
-      plain: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
+      plain: boolean;
       autoInsertSpace: boolean;
       tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -4628,19 +4629,19 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClick?: ((evt: MouseEvent) => any) | undefined;
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-      size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
+      size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+      type: _$vue.ComputedRef<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
-      type: ButtonType;
       disabled: boolean;
       text: boolean;
+      type: ButtonType;
       round: boolean;
       dashed: boolean;
-      plain: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
+      plain: boolean;
       autoInsertSpace: boolean;
       tag: string | _$vue.Component;
     }>;
@@ -4651,21 +4652,21 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClick?: ((evt: MouseEvent) => any) | undefined;
   }>, {
     ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-    size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-    type: _$vue.ComputedRef<"" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger">;
+    size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+    type: _$vue.ComputedRef<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
   }, string, {
-    type: ButtonType;
     disabled: boolean;
     text: boolean;
+    type: ButtonType;
     round: boolean;
     dashed: boolean;
-    plain: boolean;
     nativeType: ButtonNativeType;
     loadingIcon: IconPropType;
+    plain: boolean;
     autoInsertSpace: boolean;
     tag: string | _$vue.Component;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
@@ -4678,9 +4679,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   }) & _$vue.ObjectPlugin & {
     setPropsDefaults: (defaults: {
-      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
+      readonly size?: "" | "small" | "default" | "large" | (() => "" | "small" | "default" | "large") | undefined;
       readonly disabled?: boolean | (() => boolean) | undefined;
-      readonly type?: "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger" | (() => "" | "default" | "info" | "text" | "primary" | "success" | "warning" | "danger") | undefined;
+      readonly type?: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger" | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -4748,18 +4749,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElInput: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<InputProps> & Readonly<{
-      onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
+      onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+      onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
-      onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+      onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+      onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
       onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-      onFocus?: ((evt: FocusEvent) => any) | undefined;
-      onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-      onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
-      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+      onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     }>, {
       input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
       textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4774,26 +4775,26 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       clear: (evt?: MouseEvent) => void;
       resizeTextarea: () => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      change: (value: string, evt?: Event | undefined) => void;
+      "update:modelValue": (value: string) => void;
       input: (value: string) => void;
+      change: (value: string, evt?: Event | undefined) => void;
+      focus: (evt: FocusEvent) => void;
       blur: (evt: FocusEvent) => void;
-      compositionend: (evt: CompositionEvent) => void;
+      clear: (evt: MouseEvent | undefined) => void;
+      mouseleave: (evt: MouseEvent) => void;
+      mouseenter: (evt: MouseEvent) => void;
+      keydown: (evt: Event | KeyboardEvent) => void;
       compositionstart: (evt: CompositionEvent) => void;
       compositionupdate: (evt: CompositionEvent) => void;
-      focus: (evt: FocusEvent) => void;
-      keydown: (evt: Event | KeyboardEvent) => void;
-      mouseenter: (evt: MouseEvent) => void;
-      mouseleave: (evt: MouseEvent) => void;
-      clear: (evt: MouseEvent | undefined) => void;
-      "update:modelValue": (value: string) => void;
+      compositionend: (evt: CompositionEvent) => void;
     }, _$vue.PublicProps, {
-      type: InputType;
+      modelValue: string | number | null;
       disabled: boolean;
-      clearIcon: IconPropType;
       validateEvent: boolean;
-      modelValue: string | number | null;
       modelModifiers: InputModelModifiers;
+      type: InputType;
       autocomplete: string;
+      clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
       tabindex: string | number;
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -4806,18 +4807,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<InputProps> & Readonly<{
-      onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
+      onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+      onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
-      onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+      onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+      onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
       onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
       onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-      onFocus?: ((evt: FocusEvent) => any) | undefined;
-      onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-      onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-      onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
-      "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+      onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     }>, {
       input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
       textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4832,13 +4833,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       clear: (evt?: MouseEvent) => void;
       resizeTextarea: () => void;
     }, {}, {}, {}, {
-      type: InputType;
+      modelValue: string | number | null;
       disabled: boolean;
-      clearIcon: IconPropType;
       validateEvent: boolean;
-      modelValue: string | number | null;
       modelModifiers: InputModelModifiers;
+      type: InputType;
       autocomplete: string;
+      clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
       tabindex: string | number;
       inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -4848,18 +4849,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<InputProps> & Readonly<{
-    onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
     onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
   }>, {
     input: _$vue.ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     textarea: _$vue.ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
@@ -4874,26 +4875,26 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     clear: (evt?: MouseEvent) => void;
     resizeTextarea: () => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    change: (value: string, evt?: Event | undefined) => void;
+    "update:modelValue": (value: string) => void;
     input: (value: string) => void;
+    change: (value: string, evt?: Event | undefined) => void;
+    focus: (evt: FocusEvent) => void;
     blur: (evt: FocusEvent) => void;
-    compositionend: (evt: CompositionEvent) => void;
+    clear: (evt: MouseEvent | undefined) => void;
+    mouseleave: (evt: MouseEvent) => void;
+    mouseenter: (evt: MouseEvent) => void;
+    keydown: (evt: Event | KeyboardEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
-    focus: (evt: FocusEvent) => void;
-    keydown: (evt: Event | KeyboardEvent) => void;
-    mouseenter: (evt: MouseEvent) => void;
-    mouseleave: (evt: MouseEvent) => void;
-    clear: (evt: MouseEvent | undefined) => void;
-    "update:modelValue": (value: string) => void;
+    compositionend: (evt: CompositionEvent) => void;
   }, string, {
-    type: InputType;
+    modelValue: string | number | null;
     disabled: boolean;
-    clearIcon: IconPropType;
     validateEvent: boolean;
-    modelValue: string | number | null;
     modelModifiers: InputModelModifiers;
+    type: InputType;
     autocomplete: string;
+    clearIcon: IconPropType;
     wordLimitPosition: "inside" | "outside";
     tabindex: string | number;
     inputStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -4916,12 +4917,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   ElOverlay: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly customMaskEvent: BooleanConstructor;
-    readonly overlayClass: {
-      readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-      readonly required: false;
-      readonly validator: ((val: unknown) => boolean) | undefined;
-      __epPropKey: true;
-    };
+    readonly overlayClass: 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 zIndex: {
       readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
@@ -4935,12 +4931,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
     readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly customMaskEvent: BooleanConstructor;
-    readonly overlayClass: {
-      readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-      readonly required: false;
-      readonly validator: ((val: unknown) => boolean) | undefined;
-      __epPropKey: true;
-    };
+    readonly overlayClass: 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 zIndex: {
       readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
@@ -4951,6 +4942,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClick?: ((evt: MouseEvent) => any) | undefined;
   }>, {
     readonly mask: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly overlayClass: ClassValue;
     readonly customMaskEvent: boolean;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElIcon: SFCWithInstall<{

package/es/components/notification/src/notification.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 _default from "./notification.vue.js";
 import * as _$vue from "vue";
 import { AppContext, ExtractPublicPropTypes, VNode } from "vue";
@@ -12,7 +13,7 @@ interface NotificationProps {
   /**
    * @description custom class name for Notification
    */
-  customClass?: string;
+  customClass?: ClassValue;
   /**
    * @description whether `message` is treated as HTML string
    */
@@ -74,7 +75,7 @@ interface NotificationProps {
  * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.
  */
 declare const notificationProps: {
-  readonly customClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly customClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
   readonly dangerouslyUseHTMLString: BooleanConstructor;
   readonly duration: EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
   readonly icon: {
@@ -112,7 +113,7 @@ declare const notificationProps: {
   readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "" | "error" | "info" | "primary" | "success" | "warning", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "primary" | "success" | "warning" | "info" | "error", unknown, "", boolean>;
   readonly zIndex: NumberConstructor;
   readonly closeIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
 };

package/es/components/notification/src/notification.mjs

@@ -17,7 +17,12 @@ const notificationProps = buildProps({
 	* @description custom class name for Notification
 	*/
 	customClass: {
-		type: String,
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
 		default: ""
 	},
 	/**

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

@@ -1 +1 @@
-{"version":3,"file":"notification.mjs","names":[],"sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { Close } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { AppContext, ExtractPublicPropTypes, VNode } from 'vue'\nimport type { IconPropType } from '@element-plus/utils'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport type NotificationType = (typeof notificationTypes)[number] | ''\n\nexport type NotificationPosition =\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left'\n\nexport interface NotificationProps {\n  /**\n   * @description custom class name for Notification\n   */\n  customClass?: string\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString?: boolean\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration?: number\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon?: IconPropType\n  /**\n   * @description notification dom id\n   */\n  id?: string\n  /**\n   * @description description text\n   */\n  message?: string | VNode | (() => VNode)\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset?: number\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick?: () => void\n  /**\n   * @description callback function when closed\n   */\n  onClose: () => void\n  /**\n   * @description custom position\n   */\n  position?: NotificationPosition\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title\n   */\n  title?: string\n  /**\n   * @description notification type\n   */\n  type?: NotificationType\n  /**\n   * @description initial zIndex\n   */\n  zIndex?: number\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: IconPropType\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport const notificationProps = buildProps({\n  /**\n   * @description custom class name for Notification\n   */\n  customClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: Boolean,\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration: {\n    type: Number,\n    default: 4500,\n  },\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description notification dom id\n   */\n  id: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description description text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick: {\n    type: definePropType<() => void>(Function),\n    default: () => undefined,\n  },\n  /**\n   * @description callback function when closed\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: true,\n  },\n  /**\n   * @description custom position\n   */\n  position: {\n    type: String,\n    values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n    default: 'top-right',\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description notification type\n   */\n  type: {\n    type: String,\n    values: [...notificationTypes, ''],\n    default: '',\n  },\n  /**\n   * @description initial zIndex\n   */\n  zIndex: Number,\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n    default: Close,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport type NotificationPropsPublic = ExtractPublicPropTypes<\n  typeof notificationProps\n>\n\nexport const notificationEmits = {\n  destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification> & unknown\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n  /**\n   * @description set the root element for the notification, default to `document.body`\n   */\n  appendTo?: HTMLElement | string\n  /**\n   * @description callback function when closed\n   */\n  onClose?(vm: VNode): void\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n  close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n  | Partial<NotificationOptionsTyped>\n  | string\n  | VNode\n\nexport interface NotifyFn {\n  (\n    options?: NotificationParams,\n    appContext?: null | AppContext\n  ): NotificationHandle\n  closeAll(): void\n  updateOffsets(position?: NotificationOptions['position']): void\n  _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n  options?: NotificationParamsTyped,\n  appContext?: null | AppContext\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n  primary: NotifyTypedFn\n  success: NotifyTypedFn\n  warning: NotifyTypedFn\n  error: NotifyTypedFn\n  info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n  vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"mappings":";;;;AAOA,MAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACD;;;;AA4ED,MAAa,oBAAoB,WAAW;;;;CAI1C,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,0BAA0B;;;;CAI1B,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM,EACJ,MAAM,cACP;;;;CAID,IAAI;EACF,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS;EACP,MAAM,eAA+C;GACnD;GACA;GACA;GACD,CAAC;EACF,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,eAAe,KAAA;EAChB;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,UAAU;EACX;;;;CAID,UAAU;EACR,MAAM;EACN,QAAQ;GAAC;GAAa;GAAY;GAAgB;GAAc;EAChE,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAM;EACN,QAAQ,CAAC,GAAG,mBAAmB,GAAG;EAClC,SAAS;EACV;;;;CAID,QAAQ;;;;CAIR,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF,CAAU;AASX,MAAa,oBAAoB,EAC/B,eAAe,MAChB"}
+{"version":3,"file":"notification.mjs","names":[],"sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { Close } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { AppContext, ExtractPublicPropTypes, VNode } from 'vue'\nimport type { ClassValue, IconPropType } from '@element-plus/utils'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport type NotificationType = (typeof notificationTypes)[number] | ''\n\nexport type NotificationPosition =\n  'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\nexport interface NotificationProps {\n  /**\n   * @description custom class name for Notification\n   */\n  customClass?: ClassValue\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString?: boolean\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration?: number\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon?: IconPropType\n  /**\n   * @description notification dom id\n   */\n  id?: string\n  /**\n   * @description description text\n   */\n  message?: string | VNode | (() => VNode)\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset?: number\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick?: () => void\n  /**\n   * @description callback function when closed\n   */\n  onClose: () => void\n  /**\n   * @description custom position\n   */\n  position?: NotificationPosition\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title\n   */\n  title?: string\n  /**\n   * @description notification type\n   */\n  type?: NotificationType\n  /**\n   * @description initial zIndex\n   */\n  zIndex?: number\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: IconPropType\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport const notificationProps = buildProps({\n  /**\n   * @description custom class name for Notification\n   */\n  customClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: Boolean,\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration: {\n    type: Number,\n    default: 4500,\n  },\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description notification dom id\n   */\n  id: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description description text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick: {\n    type: definePropType<() => void>(Function),\n    default: () => undefined,\n  },\n  /**\n   * @description callback function when closed\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: true,\n  },\n  /**\n   * @description custom position\n   */\n  position: {\n    type: String,\n    values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n    default: 'top-right',\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description notification type\n   */\n  type: {\n    type: String,\n    values: [...notificationTypes, ''],\n    default: '',\n  },\n  /**\n   * @description initial zIndex\n   */\n  zIndex: Number,\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n    default: Close,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport type NotificationPropsPublic = ExtractPublicPropTypes<\n  typeof notificationProps\n>\n\nexport const notificationEmits = {\n  destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification> & unknown\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n  /**\n   * @description set the root element for the notification, default to `document.body`\n   */\n  appendTo?: HTMLElement | string\n  /**\n   * @description callback function when closed\n   */\n  onClose?(vm: VNode): void\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n  close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n  Partial<NotificationOptionsTyped> | string | VNode\n\nexport interface NotifyFn {\n  (\n    options?: NotificationParams,\n    appContext?: null | AppContext\n  ): NotificationHandle\n  closeAll(): void\n  updateOffsets(position?: NotificationOptions['position']): void\n  _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n  options?: NotificationParamsTyped,\n  appContext?: null | AppContext\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n  primary: NotifyTypedFn\n  success: NotifyTypedFn\n  warning: NotifyTypedFn\n  error: NotifyTypedFn\n  info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n  vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"mappings":";;;;AAOA,MAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACD;;;;AAyED,MAAa,oBAAoB,WAAW;;;;CAI1C,aAAa;EACX,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS;EACV;;;;CAID,0BAA0B;;;;CAI1B,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM,EACJ,MAAM,cACP;;;;CAID,IAAI;EACF,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS;EACP,MAAM,eAA+C;GACnD;GACA;GACA;GACD,CAAC;EACF,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,eAAe,KAAA;EAChB;;;;CAID,SAAS;EACP,MAAM,eAA2B,SAAS;EAC1C,UAAU;EACX;;;;CAID,UAAU;EACR,MAAM;EACN,QAAQ;GAAC;GAAa;GAAY;GAAgB;GAAc;EAChE,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAM;EACN,QAAQ,CAAC,GAAG,mBAAmB,GAAG;EAClC,SAAS;EACV;;;;CAID,QAAQ;;;;CAIR,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF,CAAU;AASX,MAAa,oBAAoB,EAC/B,eAAe,MAChB"}

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

@@ -1,4 +1,5 @@
 import { IconPropType } from "../../../utils/vue/icon.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { NotificationPosition, NotificationProps, NotificationType } from "./notification.js";
 import * as _$vue from "vue";
 
@@ -16,17 +17,17 @@ declare const __VLS_base: _$vue.DefineComponent<NotificationProps, {
 }, string, _$vue.PublicProps, Readonly<NotificationProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
-  type: NotificationType;
-  offset: number;
   id: string;
-  title: string;
+  type: NotificationType;
   onClick: () => void;
   position: NotificationPosition;
+  offset: number;
   message: string | _$vue.VNode | (() => _$vue.VNode);
+  title: string;
   closeIcon: IconPropType;
   showClose: boolean;
   duration: number;
-  customClass: string;
+  customClass: string | false | Record<string, any> | ClassValue[] | null;
 }, {}, {}, {}, 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/overlay/index.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../utils/vue/props/types.js";
+import { ClassValue } from "../../utils/typescript.js";
 import { OverlayEmits, OverlayProps, OverlayPropsPublic, overlayEmits, overlayProps } from "./src/overlay.js";
 import * as _$vue from "vue";
 import * as _$csstype from "csstype";
@@ -7,12 +8,7 @@ import * as _$csstype from "csstype";
 declare const ElOverlay: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: 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 zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -26,12 +22,7 @@ declare const ElOverlay: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: 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 zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -42,6 +33,7 @@ declare const ElOverlay: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   readonly mask: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly overlayClass: ClassValue;
   readonly customMaskEvent: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import * as _$vue from "vue";
 import { ExtractPropTypes, ExtractPublicPropTypes } from "vue";
 import * as _$csstype from "csstype";
@@ -7,12 +8,7 @@ import * as _$csstype from "csstype";
 declare const overlayProps: {
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: 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 zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -29,12 +25,7 @@ type OverlayEmits = typeof overlayEmits;
 declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: 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 zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -48,12 +39,7 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
 }, string, _$vue.PublicProps, Readonly<ExtractPropTypes<{
   readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly customMaskEvent: BooleanConstructor;
-  readonly overlayClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | (((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly overlayClass: 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 zIndex: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined) | (((new (...args: any[]) => string | number) | (() => _$csstype.Property.ZIndex | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -64,6 +50,7 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   readonly mask: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly overlayClass: ClassValue;
   readonly customMaskEvent: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/es/components/overlay/src/overlay.mjs

@@ -10,11 +10,15 @@ const overlayProps = buildProps({
 		default: true
 	},
 	customMaskEvent: Boolean,
-	overlayClass: { type: definePropType([
-		String,
-		Array,
-		Object
-	]) },
+	overlayClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	zIndex: { type: definePropType([String, Number]) }
 });
 const overlayEmits = { click: (evt) => evt instanceof MouseEvent };

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.mjs","names":[],"sources":["../../../../../../packages/components/overlay/src/overlay.ts"],"sourcesContent":["import { createVNode, defineComponent, h, renderSlot } from 'vue'\nimport { PatchFlags, buildProps, definePropType } from '@element-plus/utils'\nimport { useNamespace, useSameTarget } from '@element-plus/hooks'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type { ZIndexType } from '@element-plus/utils'\n\nexport const overlayProps = buildProps({\n  mask: {\n    type: Boolean,\n    default: true,\n  },\n  customMaskEvent: Boolean,\n  overlayClass: {\n    type: definePropType<string | string[] | Record<string, boolean>>([\n      String,\n      Array,\n      Object,\n    ]),\n  },\n  zIndex: {\n    type: definePropType<ZIndexType>([String, Number]),\n  },\n} as const)\nexport type OverlayProps = ExtractPropTypes<typeof overlayProps>\nexport type OverlayPropsPublic = ExtractPublicPropTypes<typeof overlayProps>\n\nexport const overlayEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type OverlayEmits = typeof overlayEmits\n\nconst BLOCK = 'overlay'\n\nexport default defineComponent({\n  name: 'ElOverlay',\n\n  props: overlayProps,\n  emits: overlayEmits,\n\n  setup(props, { slots, emit }) {\n    // No reactivity on this prop because when its rendering with a global\n    // component, this will be a constant flag.\n    const ns = useNamespace(BLOCK)\n\n    const onMaskClick = (e: MouseEvent) => {\n      emit('click', e)\n    }\n\n    const { onClick, onMousedown, onMouseup } = useSameTarget(\n      props.customMaskEvent ? undefined : onMaskClick\n    )\n\n    // init here\n    return () => {\n      // when the vnode meets the same structure but with different change trigger\n      // it will not automatically update, thus we simply use h function to manage updating\n      return props.mask\n        ? createVNode(\n            'div',\n            {\n              class: [ns.b(), props.overlayClass],\n              style: {\n                zIndex: props.zIndex,\n              },\n              onClick,\n              onMousedown,\n              onMouseup,\n            },\n            [renderSlot(slots, 'default')],\n            PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS,\n            ['onClick', 'onMouseup', 'onMousedown']\n          )\n        : h(\n            'div',\n            {\n              class: props.overlayClass,\n              style: {\n                zIndex: props.zIndex,\n                position: 'fixed',\n                top: '0px',\n                right: '0px',\n                bottom: '0px',\n                left: '0px',\n              } as CSSProperties,\n            },\n            [renderSlot(slots, 'default')]\n          )\n    }\n  },\n})\n"],"mappings":";;;;;;AAWA,MAAa,eAAe,WAAW;CACrC,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CACD,iBAAiB;CACjB,cAAc,EACZ,MAAM,eAA4D;EAChE;EACA;EACA;EACD,CAAC,EACH;CACD,QAAQ,EACN,MAAM,eAA2B,CAAC,QAAQ,OAAO,CAAC,EACnD;CACF,CAAU;AAIX,MAAa,eAAe,EAC1B,QAAQ,QAAoB,eAAe,YAC5C;AAGD,MAAM,QAAQ;AAEd,IAAA,kBAAe,gBAAgB;CAC7B,MAAM;CAEN,OAAO;CACP,OAAO;CAEP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAG5B,MAAM,KAAK,aAAa,MAAM;EAE9B,MAAM,eAAe,MAAkB;GACrC,KAAK,SAAS,EAAE;;EAGlB,MAAM,EAAE,SAAS,aAAa,cAAc,cAC1C,MAAM,kBAAkB,KAAA,IAAY,YACrC;EAGD,aAAa;GAGX,OAAO,MAAM,OACT,YACE,OACA;IACE,OAAO,CAAC,GAAG,GAAG,EAAE,MAAM,aAAa;IACnC,OAAO,EACL,QAAQ,MAAM,QACf;IACD;IACA;IACA;IACD,EACD,CAAC,WAAW,OAAO,UAAU,CAAC,EAAA,IAE9B;IAAC;IAAW;IAAa;IAAc,CACxC,GACD,EACE,OACA;IACE,OAAO,MAAM;IACb,OAAO;KACL,QAAQ,MAAM;KACd,UAAU;KACV,KAAK;KACL,OAAO;KACP,QAAQ;KACR,MAAM;KACP;IACF,EACD,CAAC,WAAW,OAAO,UAAU,CAAC,CAC/B;;;CAGV,CAAC"}
+{"version":3,"file":"overlay.mjs","names":[],"sources":["../../../../../../packages/components/overlay/src/overlay.ts"],"sourcesContent":["import { createVNode, defineComponent, h, renderSlot } from 'vue'\nimport { PatchFlags, buildProps, definePropType } from '@element-plus/utils'\nimport { useNamespace, useSameTarget } from '@element-plus/hooks'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type { ClassValue, ZIndexType } from '@element-plus/utils'\n\nexport const overlayProps = buildProps({\n  mask: {\n    type: Boolean,\n    default: true,\n  },\n  customMaskEvent: Boolean,\n  overlayClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  zIndex: {\n    type: definePropType<ZIndexType>([String, Number]),\n  },\n} as const)\nexport type OverlayProps = ExtractPropTypes<typeof overlayProps>\nexport type OverlayPropsPublic = ExtractPublicPropTypes<typeof overlayProps>\n\nexport const overlayEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type OverlayEmits = typeof overlayEmits\n\nconst BLOCK = 'overlay'\n\nexport default defineComponent({\n  name: 'ElOverlay',\n\n  props: overlayProps,\n  emits: overlayEmits,\n\n  setup(props, { slots, emit }) {\n    // No reactivity on this prop because when its rendering with a global\n    // component, this will be a constant flag.\n    const ns = useNamespace(BLOCK)\n\n    const onMaskClick = (e: MouseEvent) => {\n      emit('click', e)\n    }\n\n    const { onClick, onMousedown, onMouseup } = useSameTarget(\n      props.customMaskEvent ? undefined : onMaskClick\n    )\n\n    // init here\n    return () => {\n      // when the vnode meets the same structure but with different change trigger\n      // it will not automatically update, thus we simply use h function to manage updating\n      return props.mask\n        ? createVNode(\n            'div',\n            {\n              class: [ns.b(), props.overlayClass],\n              style: {\n                zIndex: props.zIndex,\n              },\n              onClick,\n              onMousedown,\n              onMouseup,\n            },\n            [renderSlot(slots, 'default')],\n            PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS,\n            ['onClick', 'onMouseup', 'onMousedown']\n          )\n        : h(\n            'div',\n            {\n              class: props.overlayClass,\n              style: {\n                zIndex: props.zIndex,\n                position: 'fixed',\n                top: '0px',\n                right: '0px',\n                bottom: '0px',\n                left: '0px',\n              } as CSSProperties,\n            },\n            [renderSlot(slots, 'default')]\n          )\n    }\n  },\n})\n"],"mappings":";;;;;;AAWA,MAAa,eAAe,WAAW;CACrC,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CACD,iBAAiB;CACjB,cAAc;EACZ,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CACD,QAAQ,EACN,MAAM,eAA2B,CAAC,QAAQ,OAAO,CAAC,EACnD;CACF,CAAU;AAIX,MAAa,eAAe,EAC1B,QAAQ,QAAoB,eAAe,YAC5C;AAGD,MAAM,QAAQ;AAEd,IAAA,kBAAe,gBAAgB;CAC7B,MAAM;CAEN,OAAO;CACP,OAAO;CAEP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAG5B,MAAM,KAAK,aAAa,MAAM;EAE9B,MAAM,eAAe,MAAkB;GACrC,KAAK,SAAS,EAAE;;EAGlB,MAAM,EAAE,SAAS,aAAa,cAAc,cAC1C,MAAM,kBAAkB,KAAA,IAAY,YACrC;EAGD,aAAa;GAGX,OAAO,MAAM,OACT,YACE,OACA;IACE,OAAO,CAAC,GAAG,GAAG,EAAE,MAAM,aAAa;IACnC,OAAO,EACL,QAAQ,MAAM,QACf;IACD;IACA;IACA;IACD,EACD,CAAC,WAAW,OAAO,UAAU,CAAC,EAAA,IAE9B;IAAC;IAAW;IAAa;IAAc,CACxC,GACD,EACE,OACA;IACE,OAAO,MAAM;IACb,OAAO;KACL,QAAQ,MAAM;KACd,UAAU;KACV,KAAK;KACL,OAAO;KACP,QAAQ;KACR,MAAM;KACP;IACF,EACD,CAAC,WAAW,OAAO,UAAU,CAAC,CAC/B;;;CAGV,CAAC"}

package/es/components/pagination/src/components/jumper.d.ts

@@ -6,7 +6,7 @@ import { ExtractPropTypes, ExtractPublicPropTypes } from "vue";
 //#region ../../packages/components/pagination/src/components/jumper.d.ts
 declare const paginationJumperProps: {
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;