@element-plus/nightly 0.0.20260719 → 0.0.20260721

package/es/components/avatar/src/avatar-group-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group-props.mjs","names":[],"sources":["../../../../../../packages/components/avatar/src/avatar-group-props.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { definePropType, isNumber } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type { AvatarProps } from './avatar'\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Placement, PopperEffect } from '@element-plus/components/popper'\n\nexport const avatarGroupProps = {\n  /**\n   * @description control the size of avatars in this avatar-group\n   */\n  size: {\n    type: definePropType<AvatarProps['size']>([Number, String]),\n    values: componentSizes,\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description control the shape of avatars in this avatar-group\n   */\n  shape: {\n    type: definePropType<AvatarProps['shape']>(String),\n    values: ['circle', 'square'] as const,\n  },\n  /**\n   * @description whether to collapse avatars\n   */\n  collapseAvatars: Boolean,\n  /**\n   * @description whether show all collapsed avatars when mouse hover text of the collapse-avatar. To use this, `collapse-avatars` must be true\n   */\n  collapseAvatarsTooltip: Boolean,\n  /**\n   * @description the max avatars number to be shown. To use this, `collapse-avatars` must be true\n   */\n  maxCollapseAvatars: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description placement of tooltip\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description custom class name for tooltip\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for tooltip\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description custom class name for the collapse-avatar\n   */\n  collapseClass: String,\n  /**\n   * @description custom style for the collapse-avatar\n   */\n  collapseStyle: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n} as const\nexport type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>\nexport type AvatarGroupPropsPublic = ExtractPublicPropTypes<\n  typeof avatarGroupProps\n>\n"],"mappings":";;;;;;AASA,MAAa,mBAAmB;;;;CAI9B,MAAM;EACJ,MAAM,eAAoC,CAAC,QAAQ,OAAO,CAAC;EAC3D,QAAQ;EACR,YAAY,QAAgC,SAAS,IAAI;EAC1D;;;;CAID,OAAO;EACL,MAAM,eAAqC,OAAO;EAClD,QAAQ,CAAC,UAAU,SAAS;EAC7B;;;;CAID,iBAAiB;;;;CAIjB,wBAAwB;;;;CAIxB,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM,eAA6B,OAAO;EAC1C,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM,eAA0B,OAAO;EACvC,QAAQ;EACR,SAAS;EACV;;;;CAID,aAAa,uBAAuB;;;;CAIpC,aAAa,uBAAuB;;;;CAIpC,eAAe;;;;CAIf,eAAe;EACb,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CACF"}
+{"version":3,"file":"avatar-group-props.mjs","names":[],"sources":["../../../../../../packages/components/avatar/src/avatar-group-props.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { definePropType, isNumber } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type { AvatarProps } from './avatar'\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Placement, PopperEffect } from '@element-plus/components/popper'\nimport type { ClassValue } from '@element-plus/utils'\n\nexport const avatarGroupProps = {\n  /**\n   * @description control the size of avatars in this avatar-group\n   */\n  size: {\n    type: definePropType<AvatarProps['size']>([Number, String]),\n    values: componentSizes,\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description control the shape of avatars in this avatar-group\n   */\n  shape: {\n    type: definePropType<AvatarProps['shape']>(String),\n    values: ['circle', 'square'] as const,\n  },\n  /**\n   * @description whether to collapse avatars\n   */\n  collapseAvatars: Boolean,\n  /**\n   * @description whether show all collapsed avatars when mouse hover text of the collapse-avatar. To use this, `collapse-avatars` must be true\n   */\n  collapseAvatarsTooltip: Boolean,\n  /**\n   * @description the max avatars number to be shown. To use this, `collapse-avatars` must be true\n   */\n  maxCollapseAvatars: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description placement of tooltip\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description custom class name for tooltip\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for tooltip\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description custom class name for the collapse-avatar\n   */\n  collapseClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description custom style for the collapse-avatar\n   */\n  collapseStyle: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n} as const\nexport type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>\nexport type AvatarGroupPropsPublic = ExtractPublicPropTypes<\n  typeof avatarGroupProps\n>\n"],"mappings":";;;;;;AAUA,MAAa,mBAAmB;;;;CAI9B,MAAM;EACJ,MAAM,eAAoC,CAAC,QAAQ,OAAO,CAAC;EAC3D,QAAQ;EACR,YAAY,QAAgC,SAAS,IAAI;EAC1D;;;;CAID,OAAO;EACL,MAAM,eAAqC,OAAO;EAClD,QAAQ,CAAC,UAAU,SAAS;EAC7B;;;;CAID,iBAAiB;;;;CAIjB,wBAAwB;;;;CAIxB,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM,eAA6B,OAAO;EAC1C,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM,eAA0B,OAAO;EACvC,QAAQ;EACR,SAAS;EACV;;;;CAID,aAAa,uBAAuB;;;;CAIpC,aAAa,uBAAuB;;;;CAIpC,eAAe;EACb,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,eAAe;EACb,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CACF"}

package/es/components/avatar/src/avatar-group.d.ts

@@ -1,4 +1,5 @@
-import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { EpPropFinalized } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { PopperEffect } from "../../popper/src/popper.js";
 import { Placement } from "../../popper/index.js";
 import * as _$vue from "vue";
@@ -7,7 +8,7 @@ import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
 //#region ../../packages/components/avatar/src/avatar-group.d.ts
 declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly size: {
-    readonly type: _$vue.PropType<number | "" | "default" | "large" | "small" | undefined>;
+    readonly type: _$vue.PropType<number | "" | "small" | "default" | "large" | undefined>;
     readonly values: readonly ["", "default", "small", "large"];
     readonly validator: (val: unknown) => val is number;
   };
@@ -30,117 +31,19 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly values: Placement[];
     readonly default: "top";
   };
-  readonly popperClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
-  readonly collapseClass: StringConstructor;
+  readonly collapseClass: {
+    readonly type: _$vue.PropType<ClassValue>;
+    readonly default: undefined;
+  };
   readonly collapseStyle: {
     readonly type: _$vue.PropType<_$vue.StyleValue>;
     readonly default: undefined;
   };
 }>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly size: {
-    readonly type: _$vue.PropType<number | "" | "default" | "large" | "small" | undefined>;
+    readonly type: _$vue.PropType<number | "" | "small" | "default" | "large" | undefined>;
     readonly values: readonly ["", "default", "small", "large"];
     readonly validator: (val: unknown) => val is number;
   };
@@ -163,121 +66,25 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly values: Placement[];
     readonly default: "top";
   };
-  readonly popperClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
-  readonly collapseClass: StringConstructor;
+  readonly collapseClass: {
+    readonly type: _$vue.PropType<ClassValue>;
+    readonly default: undefined;
+  };
   readonly collapseStyle: {
     readonly type: _$vue.PropType<_$vue.StyleValue>;
     readonly default: undefined;
   };
 }>> & Readonly<{}>, {
-  readonly effect: PopperEffect;
+  readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
+  readonly effect: PopperEffect;
   readonly placement: Placement;
   readonly collapseAvatars: boolean;
   readonly collapseAvatarsTooltip: boolean;
   readonly maxCollapseAvatars: number;
+  readonly collapseClass: ClassValue;
   readonly collapseStyle: _$vue.StyleValue;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -42,7 +42,7 @@ interface AvatarProps {
  */
 declare const avatarProps: {
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "large" | "small", number>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -62,7 +62,7 @@ declare const avatarProps: {
   readonly src: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly alt: StringConstructor;
   readonly srcSet: StringConstructor;
-  readonly fit: EpPropFinalized<(new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => _$csstype.Property.ObjectFit | undefined) | (((new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => _$csstype.Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
+  readonly fit: EpPropFinalized<(new (...args: any[]) => "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fill" | "contain" | "cover" | "scale-down") | (() => _$csstype.Property.ObjectFit | undefined) | (((new (...args: any[]) => "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fill" | "contain" | "cover" | "scale-down") | (() => _$csstype.Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `AvatarProps` instead.

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

@@ -1,4 +1,5 @@
 import { EpPropFinalized } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import * as _$vue from "vue";
 import { ExtractPublicPropTypes, StyleValue } from "vue";
 
@@ -43,7 +44,7 @@ interface BadgeProps {
   /**
    * @description custom class name of badge
    */
-  badgeClass?: string;
+  badgeClass?: ClassValue;
 }
 /**
  * @deprecated Removed after 3.0.0, Use `BadgeProps` instead.
@@ -53,17 +54,12 @@ declare const badgeProps: {
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
   readonly isDot: BooleanConstructor;
   readonly hidden: BooleanConstructor;
-  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "danger", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "danger", boolean>;
   readonly showZero: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly color: StringConstructor;
   readonly badgeStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly offset: EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | (((new (...args: any[]) => [number, number]) | (() => [number, number])) | null)[], unknown, unknown, () => number[], boolean>;
-  readonly badgeClass: {
-    readonly type: _$vue.PropType<string>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly badgeClass: 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>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `BadgeProps` instead.

package/es/components/badge/src/badge.mjs

@@ -73,7 +73,15 @@ const badgeProps = buildProps({
 	/**
 	* @description custom class name of badge
 	*/
-	badgeClass: { type: String }
+	badgeClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	}
 });
 //#endregion
 export { badgeProps };

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

@@ -1 +1 @@
-{"version":3,"file":"badge.mjs","names":[],"sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes, StyleValue } from 'vue'\n\nexport interface BadgeProps {\n  /**\n   * @description display value.\n   */\n  value?: string | number\n  /**\n   * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n   */\n  max?: number\n  /**\n   * @description if a little dot is displayed.\n   */\n  isDot?: boolean\n  /**\n   * @description hidden badge.\n   */\n  hidden?: boolean\n  /**\n   * @description badge type.\n   */\n  type?: 'primary' | 'success' | 'warning' | 'info' | 'danger'\n  /**\n   * @description whether to show badge when value is zero.\n   */\n  showZero?: boolean\n  /**\n   * @description customize dot background color\n   */\n  color?: string\n  /**\n   * @description CSS style of badge\n   */\n  badgeStyle?: StyleValue\n  /**\n   * @description set offset of the badge\n   */\n  offset?: [number, number]\n  /**\n   * @description custom class name of badge\n   */\n  badgeClass?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `BadgeProps` instead.\n */\nexport const badgeProps = buildProps({\n  /**\n   * @description display value.\n   */\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n   */\n  max: {\n    type: Number,\n    default: 99,\n  },\n  /**\n   * @description if a little dot is displayed.\n   */\n  isDot: Boolean,\n  /**\n   * @description hidden badge.\n   */\n  hidden: Boolean,\n  /**\n   * @description badge type.\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n  /**\n   * @description whether to show badge when value is zero.\n   */\n  showZero: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description customize dot background color\n   */\n  color: String,\n  /**\n   * @description CSS style of badge\n   */\n  badgeStyle: {\n    type: definePropType<StyleValue>([String, Object, Array, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description set offset of the badge\n   */\n  offset: {\n    type: definePropType<[number, number]>(Array),\n    default: () => [0, 0],\n  },\n  /**\n   * @description custom class name of badge\n   */\n  badgeClass: {\n    type: String,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `BadgeProps` instead.\n */\nexport type BadgePropsPublic = ExtractPublicPropTypes<typeof badgeProps>\n"],"mappings":";;;;;AAkDA,MAAa,aAAa,WAAW;;;;CAInC,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;;;;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;;;;CAIP,QAAQ;;;;CAIR,MAAM;EACJ,MAAM;EACN,QAAQ;GAAC;GAAW;GAAW;GAAW;GAAQ;GAAS;EAC3D,SAAS;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;;;;CAIP,YAAY;EACV,MAAM,eAA2B;GAAC;GAAQ;GAAQ;GAAO;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,QAAQ;EACN,MAAM,eAAiC,MAAM;EAC7C,eAAe,CAAC,GAAG,EAAE;EACtB;;;;CAID,YAAY,EACV,MAAM,QACP;CACF,CAAU"}
+{"version":3,"file":"badge.mjs","names":[],"sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { ClassValue } from '@element-plus/utils'\n\nexport interface BadgeProps {\n  /**\n   * @description display value.\n   */\n  value?: string | number\n  /**\n   * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n   */\n  max?: number\n  /**\n   * @description if a little dot is displayed.\n   */\n  isDot?: boolean\n  /**\n   * @description hidden badge.\n   */\n  hidden?: boolean\n  /**\n   * @description badge type.\n   */\n  type?: 'primary' | 'success' | 'warning' | 'info' | 'danger'\n  /**\n   * @description whether to show badge when value is zero.\n   */\n  showZero?: boolean\n  /**\n   * @description customize dot background color\n   */\n  color?: string\n  /**\n   * @description CSS style of badge\n   */\n  badgeStyle?: StyleValue\n  /**\n   * @description set offset of the badge\n   */\n  offset?: [number, number]\n  /**\n   * @description custom class name of badge\n   */\n  badgeClass?: ClassValue\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `BadgeProps` instead.\n */\nexport const badgeProps = buildProps({\n  /**\n   * @description display value.\n   */\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n   */\n  max: {\n    type: Number,\n    default: 99,\n  },\n  /**\n   * @description if a little dot is displayed.\n   */\n  isDot: Boolean,\n  /**\n   * @description hidden badge.\n   */\n  hidden: Boolean,\n  /**\n   * @description badge type.\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n  /**\n   * @description whether to show badge when value is zero.\n   */\n  showZero: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description customize dot background color\n   */\n  color: String,\n  /**\n   * @description CSS style of badge\n   */\n  badgeStyle: {\n    type: definePropType<StyleValue>([String, Object, Array, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description set offset of the badge\n   */\n  offset: {\n    type: definePropType<[number, number]>(Array),\n    default: () => [0, 0],\n  },\n  /**\n   * @description custom class name of badge\n   */\n  badgeClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `BadgeProps` instead.\n */\nexport type BadgePropsPublic = ExtractPublicPropTypes<typeof badgeProps>\n"],"mappings":";;;;;AAmDA,MAAa,aAAa,WAAW;;;;CAInC,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;;;;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;;;;CAIP,QAAQ;;;;CAIR,MAAM;EACJ,MAAM;EACN,QAAQ;GAAC;GAAW;GAAW;GAAW;GAAQ;GAAS;EAC3D,SAAS;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,OAAO;;;;CAIP,YAAY;EACV,MAAM,eAA2B;GAAC;GAAQ;GAAQ;GAAO;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,QAAQ;EACN,MAAM,eAAiC,MAAM;EAC7C,eAAe,CAAC,GAAG,EAAE;EACtB;;;;CAID,YAAY;EACV,MAAM,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CACF,CAAU"}

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

@@ -1,3 +1,4 @@
+import { ClassValue } from "../../../utils/typescript.js";
 import { BadgeProps } from "./badge.js";
 import * as _$vue from "vue";
 import { StyleValue } from "vue";
@@ -15,11 +16,12 @@ declare const __VLS_base: _$vue.DefineComponent<BadgeProps, {
   /** @description badge content */content: _$vue.ComputedRef<string>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
   type: "primary" | "success" | "warning" | "info" | "danger";
-  max: number;
   value: string | number;
   offset: [number, number];
+  max: number;
   showZero: boolean;
   badgeStyle: string | false | _$vue.CSSProperties | StyleValue[] | null;
+  badgeClass: 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/badge/src/badge.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-if=\"!hidden && (content || isDot || $slots.content)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n          ns.is('hide-zero', !showZero && value === 0),\n          badgeClass,\n        ]\"\n        :style=\"style\"\n      >\n        <slot name=\"content\" :value=\"content\">\n          {{ content }}\n        </slot>\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\n\nimport type { StyleValue } from 'vue'\nimport type { BadgeProps } from './badge'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = withDefaults(defineProps<BadgeProps>(), {\n  badgeStyle: undefined,\n  value: '',\n  max: 99,\n  type: 'danger',\n  showZero: true,\n  offset: () => [0, 0],\n})\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n  return [\n    {\n      backgroundColor: props.color,\n      marginRight: addUnit(-props.offset[0]),\n      marginTop: addUnit(props.offset[1]),\n    },\n    props.badgeStyle ?? {},\n  ]\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAoCA,MAAM,QAAQ;EASd,MAAM,KAAK,aAAa,QAAO;EAE/B,MAAM,UAAU,eAAuB;GACrC,IAAI,MAAM,OAAO,OAAO;GACxB,IAAI,SAAS,MAAM,MAAM,IAAI,SAAS,MAAM,IAAI,EAC9C,OAAO,MAAM,MAAM,MAAM,QAAQ,GAAG,MAAM,IAAI,KAAK,GAAG,MAAM;GAE9D,OAAO,GAAG,MAAM;IACjB;EAED,MAAM,QAAQ,eAA2B;GACvC,OAAO,CACL;IACE,iBAAiB,MAAM;IACvB,aAAa,QAAQ,CAAC,MAAM,OAAO,GAAG;IACtC,WAAW,QAAQ,MAAM,OAAO,GAAG;IACpC,EACD,MAAM,cAAc,EAAE,CACxB;IACD;EAED,SAAa;;AAEX,SACD,CAAA;;uBApEC,mBAoBM,OAAA,EApBA,OAAK,eAAE,MAAA,GAAE,CAAC,GAAC,CAAA,EAAA,EAAA,CACf,WAAQ,KAAA,QAAA,UAAA,EACR,YAiBa,YAAA,EAjBA,MAAI,GAAK,MAAA,GAAE,CAAC,UAAU,MAAK,kBAAA,EAAA;2BAgBhC,CAAA,CAdG,QAAA,WAAW,QAAA,SAAW,QAAA,SAASA,KAAAA,OAAO,YAAA,WAAA,EAD/C,mBAeM,OAAA;;KAbH,OAAK,eAAA;MAAc,MAAA,GAAE,CAAC,EAAC,UAAA;MAAuB,MAAA,GAAE,CAAC,GAAE,WAAY,QAAA,KAAI;MAAa,MAAA,GAAE,CAAC,GAAE,SAAA,CAAA,CAAYA,KAAAA,OAAO,QAAO;MAAa,MAAA,GAAE,CAAC,GAAE,OAAQ,QAAA,MAAK;MAAa,MAAA,GAAE,CAAC,GAAE,aAAA,CAAe,QAAA,YAAY,QAAA,UAAK,EAAA;MAAmB,QAAA;;KAQnN,OAAK,eAAE,MAAA,MAAK;QAEb,WAEO,KAAA,QAAA,WAAA,EAFe,OAAO,QAAA,OAAO,QAE7B,CAAA,gBAAA,gBADF,QAAA,MAAO,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"badge.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-if=\"!hidden && (content || isDot || $slots.content)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n          ns.is('hide-zero', !showZero && value === 0),\n          badgeClass,\n        ]\"\n        :style=\"style\"\n      >\n        <slot name=\"content\" :value=\"content\">\n          {{ content }}\n        </slot>\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\n\nimport type { StyleValue } from 'vue'\nimport type { BadgeProps } from './badge'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = withDefaults(defineProps<BadgeProps>(), {\n  badgeClass: undefined,\n  badgeStyle: undefined,\n  value: '',\n  max: 99,\n  type: 'danger',\n  showZero: true,\n  offset: () => [0, 0],\n})\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n  return [\n    {\n      backgroundColor: props.color,\n      marginRight: addUnit(-props.offset[0]),\n      marginTop: addUnit(props.offset[1]),\n    },\n    props.badgeStyle ?? {},\n  ]\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAoCA,MAAM,QAAQ;EAUd,MAAM,KAAK,aAAa,QAAO;EAE/B,MAAM,UAAU,eAAuB;GACrC,IAAI,MAAM,OAAO,OAAO;GACxB,IAAI,SAAS,MAAM,MAAM,IAAI,SAAS,MAAM,IAAI,EAC9C,OAAO,MAAM,MAAM,MAAM,QAAQ,GAAG,MAAM,IAAI,KAAK,GAAG,MAAM;GAE9D,OAAO,GAAG,MAAM;IACjB;EAED,MAAM,QAAQ,eAA2B;GACvC,OAAO,CACL;IACE,iBAAiB,MAAM;IACvB,aAAa,QAAQ,CAAC,MAAM,OAAO,GAAG;IACtC,WAAW,QAAQ,MAAM,OAAO,GAAG;IACpC,EACD,MAAM,cAAc,EAAE,CACxB;IACD;EAED,SAAa;;AAEX,SACD,CAAA;;uBArEC,mBAoBM,OAAA,EApBA,OAAK,eAAE,MAAA,GAAE,CAAC,GAAC,CAAA,EAAA,EAAA,CACf,WAAQ,KAAA,QAAA,UAAA,EACR,YAiBa,YAAA,EAjBA,MAAI,GAAK,MAAA,GAAE,CAAC,UAAU,MAAK,kBAAA,EAAA;2BAgBhC,CAAA,CAdG,QAAA,WAAW,QAAA,SAAW,QAAA,SAASA,KAAAA,OAAO,YAAA,WAAA,EAD/C,mBAeM,OAAA;;KAbH,OAAK,eAAA;MAAc,MAAA,GAAE,CAAC,EAAC,UAAA;MAAuB,MAAA,GAAE,CAAC,GAAE,WAAY,QAAA,KAAI;MAAa,MAAA,GAAE,CAAC,GAAE,SAAA,CAAA,CAAYA,KAAAA,OAAO,QAAO;MAAa,MAAA,GAAE,CAAC,GAAE,OAAQ,QAAA,MAAK;MAAa,MAAA,GAAE,CAAC,GAAE,aAAA,CAAe,QAAA,YAAY,QAAA,UAAK,EAAA;MAAmB,QAAA;;KAQnN,OAAK,eAAE,MAAA,MAAK;QAEb,WAEO,KAAA,QAAA,WAAA,EAFe,OAAO,QAAA,OAAO,QAE7B,CAAA,gBAAA,gBADF,QAAA,MAAO,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA"}

package/es/components/badge/src/badge2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.mjs","names":[],"sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-if=\"!hidden && (content || isDot || $slots.content)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n          ns.is('hide-zero', !showZero && value === 0),\n          badgeClass,\n        ]\"\n        :style=\"style\"\n      >\n        <slot name=\"content\" :value=\"content\">\n          {{ content }}\n        </slot>\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\n\nimport type { StyleValue } from 'vue'\nimport type { BadgeProps } from './badge'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = withDefaults(defineProps<BadgeProps>(), {\n  badgeStyle: undefined,\n  value: '',\n  max: 99,\n  type: 'danger',\n  showZero: true,\n  offset: () => [0, 0],\n})\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n  return [\n    {\n      backgroundColor: props.color,\n      marginRight: addUnit(-props.offset[0]),\n      marginTop: addUnit(props.offset[1]),\n    },\n    props.badgeStyle ?? {},\n  ]\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"badge2.mjs","names":[],"sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-if=\"!hidden && (content || isDot || $slots.content)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n          ns.is('hide-zero', !showZero && value === 0),\n          badgeClass,\n        ]\"\n        :style=\"style\"\n      >\n        <slot name=\"content\" :value=\"content\">\n          {{ content }}\n        </slot>\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\n\nimport type { StyleValue } from 'vue'\nimport type { BadgeProps } from './badge'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = withDefaults(defineProps<BadgeProps>(), {\n  badgeClass: undefined,\n  badgeStyle: undefined,\n  value: '',\n  max: 99,\n  type: 'danger',\n  showZero: true,\n  offset: () => [0, 0],\n})\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n  return [\n    {\n      backgroundColor: props.color,\n      marginRight: addUnit(-props.offset[0]),\n      marginTop: addUnit(props.offset[1]),\n    },\n    props.badgeStyle ?? {},\n  ]\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"mappings":""}

package/es/components/button/src/button-group.d.ts

@@ -26,7 +26,7 @@ declare const buttonGroupProps: {
    * @description control the size of buttons in this button-group
    */
   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;
@@ -34,7 +34,7 @@ declare const buttonGroupProps: {
   /**
    * @description control the type of buttons in this button-group
    */
-  readonly type: EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
   /**
    * @description display direction
    */

package/es/components/button/src/button-group.vue.d.ts

@@ -7,7 +7,7 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-  type: "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger";
+  type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
   direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -92,13 +92,13 @@ interface ButtonProps {
  */
 declare const buttonProps: {
   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;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
   readonly icon: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
     readonly required: false;

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

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ButtonProps, {
   /** @description button html element */ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>; /** @description button size */
-  size: _$vue.ComputedRef<"" | "default" | "large" | "small">; /** @description button type */
-  type: _$vue.ComputedRef<"default" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">; /** @description button disabled */
+  size: _$vue.ComputedRef<"" | "small" | "default" | "large">; /** @description button type */
+  type: _$vue.ComputedRef<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">; /** @description button disabled */
   disabled: _$vue.ComputedRef<boolean>; /** @description whether adding space */
   shouldAddSpace: _$vue.ComputedRef<boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -22,16 +22,16 @@ declare const __VLS_base: _$vue.DefineComponent<ButtonProps, {
 }, string, _$vue.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  type: ButtonType;
   disabled: boolean;
   text: boolean;
+  type: ButtonType;
   round: boolean;
   dashed: boolean;
-  tag: string | _$vue.Component;
   nativeType: ButtonNativeType;
   loadingIcon: IconPropType;
   plain: boolean;
   autoInsertSpace: boolean;
+  tag: string | _$vue.Component;
 }, {}, {}, {}, 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/button/src/use-button.d.ts

@@ -5,8 +5,8 @@ import { SetupContext } from "vue";
 //#region ../../packages/components/button/src/use-button.d.ts
 declare const useButton: (props: ButtonProps, emit: SetupContext<ButtonEmits>["emit"]) => {
   _disabled: _$vue.ComputedRef<boolean>;
-  _size: _$vue.ComputedRef<"" | "default" | "large" | "small">;
-  _type: _$vue.ComputedRef<"default" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+  _size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+  _type: _$vue.ComputedRef<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
   _ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
   _props: _$vue.ComputedRef<{
     ariaDisabled: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.mjs","names":[],"sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isDate,\n} from '@element-plus/utils'\nimport { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPublicPropTypes } from 'vue'\n\nexport type CalendarDateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst isValidRange = (range: unknown): range is [Date, Date] =>\n  isArray(range) && range.length === 2 && range.every((item) => isDate(item))\n\nexport interface CalendarProps {\n  /**\n   * @description binding value\n   */\n  modelValue?: Date\n  /**\n   * @description time range, including start time and end time.\n   *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.\n   */\n  range?: [Date, Date]\n  /**\n   * @description type of the controller for the Calendar header\n   */\n  controllerType?: 'button' | 'select'\n  /**\n   * @description format label when `controller-type` is 'select'\n   */\n  formatter?: (value: number, type: 'year' | 'month') => string | number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CalendarProps` instead.\n */\nexport const calendarProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: Date,\n  },\n  /**\n   * @description time range, including start time and end time.\n   *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.\n   */\n  range: {\n    type: definePropType<[Date, Date]>(Array),\n    validator: isValidRange,\n  },\n  /**\n   * @description type of the controller for the Calendar header\n   */\n  controllerType: {\n    type: String,\n    values: ['button', 'select'],\n    default: 'button',\n  },\n  /**\n   * @description format label when `controller-type` is 'select'\n   */\n  formatter: {\n    type: definePropType<\n      (value: number, type: 'year' | 'month') => string | number\n    >(Function),\n  },\n} as const)\n\n/**\n *  @deprecated Removed after 3.0.0, Use `CalendarProps` instead.\n */\nexport type CalendarPropsPublic = ExtractPublicPropTypes<typeof calendarProps>\n\nexport const calendarEmits = {\n  [UPDATE_MODEL_EVENT]: (value: Date) => isDate(value),\n  [INPUT_EVENT]: (value: Date) => isDate(value),\n}\nexport type CalendarEmits = typeof calendarEmits\n"],"mappings":";;;;AAiBA,MAAM,gBAAgB,UACpB,QAAQ,MAAM,IAAI,MAAM,WAAW,KAAK,MAAM,OAAO,SAAS,OAAO,KAAK,CAAC;;;;AAyB7E,MAAa,gBAAgB,WAAW;;;;CAItC,YAAY,EACV,MAAM,MACP;;;;;CAKD,OAAO;EACL,MAAM,eAA6B,MAAM;EACzC,WAAW;EACZ;;;;CAID,gBAAgB;EACd,MAAM;EACN,QAAQ,CAAC,UAAU,SAAS;EAC5B,SAAS;EACV;;;;CAID,WAAW,EACT,MAAM,eAEJ,SAAS,EACZ;CACF,CAAU;AAOX,MAAa,gBAAgB;EAC1B,sBAAsB,UAAgB,OAAO,MAAM;EACnD,eAAe,UAAgB,OAAO,MAAM;CAC9C"}
+{"version":3,"file":"calendar.mjs","names":[],"sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isDate,\n} from '@element-plus/utils'\nimport { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPublicPropTypes } from 'vue'\n\nexport type CalendarDateType =\n  'prev-month' | 'next-month' | 'prev-year' | 'next-year' | 'today'\n\nconst isValidRange = (range: unknown): range is [Date, Date] =>\n  isArray(range) && range.length === 2 && range.every((item) => isDate(item))\n\nexport interface CalendarProps {\n  /**\n   * @description binding value\n   */\n  modelValue?: Date\n  /**\n   * @description time range, including start time and end time.\n   *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.\n   */\n  range?: [Date, Date]\n  /**\n   * @description type of the controller for the Calendar header\n   */\n  controllerType?: 'button' | 'select'\n  /**\n   * @description format label when `controller-type` is 'select'\n   */\n  formatter?: (value: number, type: 'year' | 'month') => string | number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CalendarProps` instead.\n */\nexport const calendarProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: Date,\n  },\n  /**\n   * @description time range, including start time and end time.\n   *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.\n   */\n  range: {\n    type: definePropType<[Date, Date]>(Array),\n    validator: isValidRange,\n  },\n  /**\n   * @description type of the controller for the Calendar header\n   */\n  controllerType: {\n    type: String,\n    values: ['button', 'select'],\n    default: 'button',\n  },\n  /**\n   * @description format label when `controller-type` is 'select'\n   */\n  formatter: {\n    type: definePropType<\n      (value: number, type: 'year' | 'month') => string | number\n    >(Function),\n  },\n} as const)\n\n/**\n *  @deprecated Removed after 3.0.0, Use `CalendarProps` instead.\n */\nexport type CalendarPropsPublic = ExtractPublicPropTypes<typeof calendarProps>\n\nexport const calendarEmits = {\n  [UPDATE_MODEL_EVENT]: (value: Date) => isDate(value),\n  [INPUT_EVENT]: (value: Date) => isDate(value),\n}\nexport type CalendarEmits = typeof calendarEmits\n"],"mappings":";;;;AAaA,MAAM,gBAAgB,UACpB,QAAQ,MAAM,IAAI,MAAM,WAAW,KAAK,MAAM,OAAO,SAAS,OAAO,KAAK,CAAC;;;;AAyB7E,MAAa,gBAAgB,WAAW;;;;CAItC,YAAY,EACV,MAAM,MACP;;;;;CAKD,OAAO;EACL,MAAM,eAA6B,MAAM;EACzC,WAAW;EACZ;;;;CAID,gBAAgB;EACd,MAAM;EACN,QAAQ,CAAC,UAAU,SAAS;EAC5B,SAAS;EACV;;;;CAID,WAAW,EACT,MAAM,eAEJ,SAAS,EACZ;CACF,CAAU;AAOX,MAAa,gBAAgB;EAC1B,sBAAsB,UAAgB,OAAO,MAAM;EACnD,eAAe,UAAgB,OAAO,MAAM;CAC9C"}

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

@@ -1,4 +1,5 @@
 import { EpPropFinalized } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import * as _$vue from "vue";
 import { ExtractPublicPropTypes, InjectionKey, StyleValue } from "vue";
 
@@ -19,15 +20,15 @@ interface CardProps {
   /**
    * @description custom class name of card header
    */
-  headerClass?: string;
+  headerClass?: ClassValue;
   /**
    * @description custom class name of card body
    */
-  bodyClass?: string;
+  bodyClass?: ClassValue;
   /**
    * @description custom class name of card footer
    */
-  footerClass?: string;
+  footerClass?: ClassValue;
   /**
    * @description when to show card shadows
    */
@@ -40,9 +41,9 @@ declare const cardProps: {
   readonly header: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly footer: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly bodyStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
-  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 shadow: EpPropFinalized<StringConstructor, "always" | "never" | "hover", unknown, undefined, boolean>;
 };
 /**

package/es/components/card/src/card.mjs

@@ -33,15 +33,39 @@ const cardProps = buildProps({
 	/**
 	* @description custom class name of card footer
 	*/
-	headerClass: String,
+	headerClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom class name of card body
 	*/
-	bodyClass: String,
+	bodyClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom class name of card footer
 	*/
-	footerClass: String,
+	footerClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description when to show card shadows
 	*/