@element-plus/nightly 0.0.20260719 → 0.0.20260721

package/lib/components/slider/src/button.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { Placement } from "../../popper/index.js";
 import _default from "./button.vue.js";
 import { ComponentPublicInstance, ExtractPropTypes, ExtractPublicPropTypes, Ref } from "vue";
@@ -7,7 +8,7 @@ import { ComponentPublicInstance, ExtractPropTypes, ExtractPublicPropTypes, Ref
 declare const sliderButtonProps: {
   readonly modelValue: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly vertical: BooleanConstructor;
-  readonly tooltipClass: StringConstructor;
+  readonly tooltipClass: 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 placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
 };
 type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>;

package/lib/components/slider/src/button.js

@@ -11,7 +11,15 @@ const sliderButtonProps = require_runtime$1.buildProps({
 		default: 0
 	},
 	vertical: Boolean,
-	tooltipClass: String,
+	tooltipClass: {
+		type: require_runtime$1.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	placement: {
 		type: String,
 		values: _popperjs_core.placements,

package/lib/components/slider/src/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buildProps","placements","UPDATE_MODEL_EVENT","isNumber"],"sources":["../../../../../../packages/components/slider/src/button.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, isNumber } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type {\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  Ref,\n} from 'vue'\nimport type Button from './button.vue'\n\nexport const sliderButtonProps = buildProps({\n  modelValue: {\n    type: Number,\n    default: 0,\n  },\n  vertical: Boolean,\n  tooltipClass: String,\n  placement: {\n    type: String,\n    values: placements,\n    default: 'top',\n  },\n} as const)\nexport type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>\nexport type SliderButtonPropsPublic = ExtractPublicPropTypes<\n  typeof sliderButtonProps\n>\n\nexport const sliderButtonEmits = {\n  [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = ComponentPublicInstance<typeof Button>\n\nexport type ButtonRefs = Record<\n  'firstButton' | 'secondButton',\n  Ref<SliderButtonInstance | undefined>\n>\n\nexport interface SliderButtonInitData {\n  hovering: boolean\n  dragging: boolean\n  isClick: boolean\n  startX: number\n  currentX: number\n  startY: number\n  currentY: number\n  startPosition: number\n  newPosition: number\n  oldValue: number\n}\n"],"mappings":";;;;;;;AAYA,MAAa,oBAAoBA,kBAAAA,WAAW;CAC1C,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,UAAU;CACV,cAAc;CACd,WAAW;EACT,MAAM;EACN,QAAQC,eAAAA;EACR,SAAS;EACV;CACF,CAAU;AAMX,MAAa,oBAAoB,GAC9BC,cAAAA,sBAAsB,UAAkBC,cAAAA,SAAS,MAAM,EACzD"}
+{"version":3,"file":"button.js","names":["buildProps","definePropType","placements","UPDATE_MODEL_EVENT","isNumber"],"sources":["../../../../../../packages/components/slider/src/button.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type {\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  Ref,\n} from 'vue'\nimport type { ClassValue } from '@element-plus/utils'\nimport type Button from './button.vue'\n\nexport const sliderButtonProps = buildProps({\n  modelValue: {\n    type: Number,\n    default: 0,\n  },\n  vertical: Boolean,\n  tooltipClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  placement: {\n    type: String,\n    values: placements,\n    default: 'top',\n  },\n} as const)\nexport type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>\nexport type SliderButtonPropsPublic = ExtractPublicPropTypes<\n  typeof sliderButtonProps\n>\n\nexport const sliderButtonEmits = {\n  [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = ComponentPublicInstance<typeof Button>\n\nexport type ButtonRefs = Record<\n  'firstButton' | 'secondButton',\n  Ref<SliderButtonInstance | undefined>\n>\n\nexport interface SliderButtonInitData {\n  hovering: boolean\n  dragging: boolean\n  isClick: boolean\n  startX: number\n  currentX: number\n  startY: number\n  currentY: number\n  startPosition: number\n  newPosition: number\n  oldValue: number\n}\n"],"mappings":";;;;;;;AAaA,MAAa,oBAAoBA,kBAAAA,WAAW;CAC1C,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,UAAU;CACV,cAAc;EACZ,MAAMC,kBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;CACD,WAAW;EACT,MAAM;EACN,QAAQC,eAAAA;EACR,SAAS;EACV;CACF,CAAU;AAMX,MAAa,oBAAoB,GAC9BC,cAAAA,sBAAsB,UAAkBC,cAAAA,SAAS,MAAM,EACzD"}

package/lib/components/slider/src/button.vue.d.ts

@@ -1,4 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { Placement } from "../../popper/index.js";
 import * as _$vue from "vue";
 
@@ -6,7 +7,7 @@ import * as _$vue from "vue";
 declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly modelValue: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly vertical: BooleanConstructor;
-  readonly tooltipClass: StringConstructor;
+  readonly tooltipClass: 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 placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
 }>, {
   onButtonDown: (event: MouseEvent | TouchEvent) => void;
@@ -19,14 +20,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly modelValue: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly vertical: BooleanConstructor;
-  readonly tooltipClass: StringConstructor;
+  readonly tooltipClass: 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 placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-  readonly vertical: boolean;
   readonly modelValue: number;
+  readonly vertical: boolean;
   readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
+  readonly tooltipClass: ClassValue;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/lib/components/slider/src/composables/use-marks.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-marks.js","names":[],"sources":["../../../../../../../packages/components/slider/src/composables/use-marks.ts"],"sourcesContent":["import { computed, watchEffect } from 'vue'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { SliderProps } from '../slider'\nimport type { SliderMarkerProps } from '../marker'\n\nexport interface Mark extends SliderMarkerProps {\n  point: number\n  position: number\n}\n\nexport const useMarks = (props: SliderProps) => {\n  const markList = computed(() => {\n    if (!props.marks) {\n      return []\n    }\n    const marksKeys = Object.keys(props.marks)\n    return marksKeys\n      .map(Number.parseFloat)\n      .sort((a, b) => a - b)\n      .filter((point) => point <= props.max && point >= props.min)\n      .map(\n        (point): Mark => ({\n          point,\n          position: ((point - props.min) * 100) / (props.max - props.min),\n          mark: props.marks![point],\n        })\n      )\n  })\n\n  watchEffect(() => {\n    if (props.step === 'mark' && !props.marks) {\n      debugWarn('ElSlider', 'marks prop must be provided when step is mark')\n    }\n    if (props.marks) {\n      const keys = Object.keys(props.marks)\n      const validPoints = markList.value.map((m) => m.point)\n      const invalidKeys = keys.filter((key) => {\n        const parsed = Number.parseFloat(key)\n        return Number.isNaN(parsed) || !validPoints.includes(parsed)\n      })\n      if (invalidKeys.length > 0) {\n        debugWarn(\n          'ElSlider',\n          `Some marks keys are invalid (not a number or out of [min, max]): [${invalidKeys.map((k) => `'${k}'`).join(', ')}] and will be ignored.`\n        )\n      }\n    }\n  })\n\n  return markList\n}\n"],"mappings":";;;;;AAWA,MAAa,YAAY,UAAuB;CAC9C,MAAM,YAAA,GAAA,IAAA,gBAA0B;EAC9B,IAAI,CAAC,MAAM,OACT,OAAO,EAAE;EAGX,OADkB,OAAO,KAAK,MAAM,MACpB,CACb,IAAI,OAAO,WAAW,CACtB,MAAM,GAAG,MAAM,IAAI,EAAE,CACrB,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,MAAM,IAAI,CAC3D,KACE,WAAiB;GAChB;GACA,WAAY,QAAQ,MAAM,OAAO,OAAQ,MAAM,MAAM,MAAM;GAC3D,MAAM,MAAM,MAAO;GACpB,EACF;GACH;CAEF,CAAA,GAAA,IAAA,mBAAkB;EAChB,IAAI,MAAM,SAAS,UAAU,CAAC,MAAM,OAClC,cAAA,UAAU,YAAY,gDAAgD;EAExE,IAAI,MAAM,OAAO;GACf,MAAM,OAAO,OAAO,KAAK,MAAM,MAAM;GACrC,MAAM,cAAc,SAAS,MAAM,KAAK,MAAM,EAAE,MAAM;GACtD,MAAM,cAAc,KAAK,QAAQ,QAAQ;IACvC,MAAM,SAAS,OAAO,WAAW,IAAI;IACrC,OAAO,OAAO,MAAM,OAAO,IAAI,CAAC,YAAY,SAAS,OAAO;KAC5D;GACF,IAAI,YAAY,SAAS,GACvB,cAAA,UACE,YACA,qEAAqE,YAAY,KAAK,MAAM,IAAI,EAAE,GAAG,CAAC,KAAK,KAAK,CAAC,wBAClH;;GAGL;CAEF,OAAO"}
+{"version":3,"file":"use-marks.js","names":[],"sources":["../../../../../../../packages/components/slider/src/composables/use-marks.ts"],"sourcesContent":["import { computed, watchEffect } from 'vue'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { SliderProps } from '../slider'\nimport type { SliderMarkerProps } from '../marker'\n\nexport interface Mark extends SliderMarkerProps {\n  point: number\n  position: number\n}\n\nexport const useMarks = (props: SliderProps) => {\n  const markList = computed(() => {\n    if (!props.marks) {\n      return []\n    }\n    const marksKeys = Object.keys(props.marks)\n    return marksKeys\n      .map(Number.parseFloat)\n      .sort((a, b) => a - b)\n      .filter((point) => point <= props.max && point >= props.min)\n      .map((point): Mark => ({\n        point,\n        position: ((point - props.min) * 100) / (props.max - props.min),\n        mark: props.marks![point],\n      }))\n  })\n\n  watchEffect(() => {\n    if (props.step === 'mark' && !props.marks) {\n      debugWarn('ElSlider', 'marks prop must be provided when step is mark')\n    }\n    if (props.marks) {\n      const keys = Object.keys(props.marks)\n      const validPoints = markList.value.map((m) => m.point)\n      const invalidKeys = keys.filter((key) => {\n        const parsed = Number.parseFloat(key)\n        return Number.isNaN(parsed) || !validPoints.includes(parsed)\n      })\n      if (invalidKeys.length > 0) {\n        debugWarn(\n          'ElSlider',\n          `Some marks keys are invalid (not a number or out of [min, max]): [${invalidKeys.map((k) => `'${k}'`).join(', ')}] and will be ignored.`\n        )\n      }\n    }\n  })\n\n  return markList\n}\n"],"mappings":";;;;;AAWA,MAAa,YAAY,UAAuB;CAC9C,MAAM,YAAA,GAAA,IAAA,gBAA0B;EAC9B,IAAI,CAAC,MAAM,OACT,OAAO,EAAE;EAGX,OADkB,OAAO,KAAK,MAAM,MACpB,CACb,IAAI,OAAO,WAAW,CACtB,MAAM,GAAG,MAAM,IAAI,EAAE,CACrB,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,MAAM,IAAI,CAC3D,KAAK,WAAiB;GACrB;GACA,WAAY,QAAQ,MAAM,OAAO,OAAQ,MAAM,MAAM,MAAM;GAC3D,MAAM,MAAM,MAAO;GACpB,EAAE;GACL;CAEF,CAAA,GAAA,IAAA,mBAAkB;EAChB,IAAI,MAAM,SAAS,UAAU,CAAC,MAAM,OAClC,cAAA,UAAU,YAAY,gDAAgD;EAExE,IAAI,MAAM,OAAO;GACf,MAAM,OAAO,OAAO,KAAK,MAAM,MAAM;GACrC,MAAM,cAAc,SAAS,MAAM,KAAK,MAAM,EAAE,MAAM;GACtD,MAAM,cAAc,KAAK,QAAQ,QAAQ;IACvC,MAAM,SAAS,OAAO,WAAW,IAAI;IACrC,OAAO,OAAO,MAAM,OAAO,IAAI,CAAC,YAAY,SAAS,OAAO;KAC5D;GACF,IAAI,YAAY,SAAS,GACvB,cAAA,UACE,YACA,qEAAqE,YAAY,KAAK,MAAM,IAAI,EAAE,GAAG,CAAC,KAAK,KAAK,CAAC,wBAClH;;GAGL;CAEF,OAAO"}

package/lib/components/slider/src/slider.d.ts

@@ -1,5 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable } from "../../../utils/typescript.js";
+import { Arrayable, ClassValue } from "../../../utils/typescript.js";
 import { Placement } from "../../popper/index.js";
 import _default from "./slider.vue.js";
 import { SliderMarkerProps } from "./marker.js";
@@ -25,13 +25,13 @@ declare const sliderProps: {
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    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;
@@ -62,7 +62,7 @@ declare const sliderProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, undefined, boolean>;
-  readonly tooltipClass: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+  readonly tooltipClass: 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 placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
   readonly marks: {
     readonly type: _$vue.PropType<SliderMarks>;

package/lib/components/slider/src/slider.js

@@ -122,7 +122,12 @@ const sliderProps = require_runtime$1.buildProps({
 	* @description custom class name for the tooltip
 	*/
 	tooltipClass: {
-		type: String,
+		type: require_runtime$1.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
 		default: void 0
 	},
 	/**

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["buildProps","definePropType","useSizeProp","placements","useAriaProps","isNumber","UPDATE_MODEL_EVENT","INPUT_EVENT","CHANGE_EVENT"],"sources":["../../../../../../packages/components/slider/src/slider.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { SliderMarkerProps } from './marker'\nimport type Slider from './slider.vue'\n\ntype SliderMarks = Record<number, string | SliderMarkerProps['mark']>\n\nexport interface SliderInitData {\n  firstValue: number\n  secondValue: number\n  oldValue?: Arrayable<number>\n  dragging: boolean\n  sliderSize: number\n}\n\nexport const sliderProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<Arrayable<number>>([Number, Array]),\n    default: 0,\n  },\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description minimum value\n   */\n  min: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description maximum value\n   */\n  max: {\n    type: Number,\n    default: 100,\n  },\n  /**\n   * @description step size, can be a number or `'mark'` to restrict values to marks. When set to `'mark'`, the `marks` attribute must be set\n   */\n  step: {\n    type: definePropType<number | 'mark'>([Number, String]),\n    default: 1,\n  },\n  /**\n   * @description whether to display an input box, works when `range` is false and `step` is not `'mark'`\n   */\n  showInput: Boolean,\n  /**\n   * @description whether to display control buttons when `show-input` is true\n   */\n  showInputControls: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of the slider wrapper, will not work in vertical mode\n   */\n  size: useSizeProp,\n  /**\n   * @description size of the input box, when set `size`, the default is the value of `size`\n   */\n  inputSize: useSizeProp,\n  /**\n   * @description whether to display breakpoints\n   */\n  showStops: Boolean,\n  /**\n   * @description whether to display tooltip value\n   */\n  showTooltip: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description format to display tooltip value\n   */\n  formatTooltip: {\n    type: definePropType<(val: number) => number | string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description whether Slider is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to select a range\n   */\n  range: Boolean,\n  /**\n   * @description vertical mode\n   */\n  vertical: Boolean,\n  /**\n   * @description slider height, required in vertical mode\n   */\n  height: String,\n  /**\n   * @description when `range` is true, screen reader label for the start of the range\n   */\n  rangeStartLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description when `range` is true, screen reader label for the end of the range\n   */\n  rangeEndLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description format to display the `aria-valuenow` attribute for screen readers\n   */\n  formatValueText: {\n    type: definePropType<(val: number) => string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description custom class name for the tooltip\n   */\n  tooltipClass: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description position of Tooltip\n   */\n  placement: {\n    type: String,\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style\n   */\n  marks: {\n    type: definePropType<SliderMarks>(Object),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type SliderProps = ExtractPropTypes<typeof sliderProps>\nexport type SliderPropsPublic = ExtractPublicPropTypes<typeof sliderProps>\n\nconst isValidValue = (value: Arrayable<number>) =>\n  isNumber(value) || (isArray(value) && value.every(isNumber))\nexport const sliderEmits = {\n  [UPDATE_MODEL_EVENT]: isValidValue,\n  [INPUT_EVENT]: isValidValue,\n  [CHANGE_EVENT]: isValidValue,\n}\nexport type SliderEmits = typeof sliderEmits\n\nexport type SliderInstance = InstanceType<typeof Slider> & unknown\n"],"mappings":";;;;;;;;;;AA6BA,MAAa,cAAcA,kBAAAA,WAAW;;;;CAIpC,YAAY;EACV,MAAMC,kBAAAA,eAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACV;CACD,IAAI;EACF,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAMA,kBAAAA,eAAgC,CAAC,QAAQ,OAAO,CAAC;EACvD,SAAS;EACV;;;;CAID,WAAW;;;;CAIX,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;;;;CAID,MAAMC,cAAAA;;;;CAIN,WAAWA,cAAAA;;;;CAIX,WAAW;;;;CAIX,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,eAAe;EACb,MAAMD,kBAAAA,eAAiD,SAAS;EAChE,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,OAAO;;;;CAIP,UAAU;;;;CAIV,QAAQ;;;;CAIR,iBAAiB;EACf,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,eAAe;EACb,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,iBAAiB;EACf,MAAMA,kBAAAA,eAAwC,SAAS;EACvD,SAAS,KAAA;EACV;;;;CAID,cAAc;EACZ,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,QAAQE,eAAAA;EACR,SAAS;EACV;;;;CAID,OAAO,EACL,MAAMF,kBAAAA,eAA4B,OAAO,EAC1C;;;;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,GAAGG,gBAAAA,aAAa,CAAC,YAAY,CAAC;CAC/B,CAAU;AAIX,MAAM,gBAAgB,UACpBC,cAAAA,SAAS,MAAM,KAAA,GAAA,YAAA,SAAa,MAAM,IAAI,MAAM,MAAMA,cAAAA,SAAS;AAC7D,MAAa,cAAc;EACxBC,cAAAA,qBAAqB;EACrBC,cAAAA,cAAc;EACdC,cAAAA,eAAe;CACjB"}
+{"version":3,"file":"slider.js","names":["buildProps","definePropType","useSizeProp","placements","useAriaProps","isNumber","UPDATE_MODEL_EVENT","INPUT_EVENT","CHANGE_EVENT"],"sources":["../../../../../../packages/components/slider/src/slider.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Arrayable, ClassValue } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { SliderMarkerProps } from './marker'\nimport type Slider from './slider.vue'\n\ntype SliderMarks = Record<number, string | SliderMarkerProps['mark']>\n\nexport interface SliderInitData {\n  firstValue: number\n  secondValue: number\n  oldValue?: Arrayable<number>\n  dragging: boolean\n  sliderSize: number\n}\n\nexport const sliderProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<Arrayable<number>>([Number, Array]),\n    default: 0,\n  },\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description minimum value\n   */\n  min: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description maximum value\n   */\n  max: {\n    type: Number,\n    default: 100,\n  },\n  /**\n   * @description step size, can be a number or `'mark'` to restrict values to marks. When set to `'mark'`, the `marks` attribute must be set\n   */\n  step: {\n    type: definePropType<number | 'mark'>([Number, String]),\n    default: 1,\n  },\n  /**\n   * @description whether to display an input box, works when `range` is false and `step` is not `'mark'`\n   */\n  showInput: Boolean,\n  /**\n   * @description whether to display control buttons when `show-input` is true\n   */\n  showInputControls: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of the slider wrapper, will not work in vertical mode\n   */\n  size: useSizeProp,\n  /**\n   * @description size of the input box, when set `size`, the default is the value of `size`\n   */\n  inputSize: useSizeProp,\n  /**\n   * @description whether to display breakpoints\n   */\n  showStops: Boolean,\n  /**\n   * @description whether to display tooltip value\n   */\n  showTooltip: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description format to display tooltip value\n   */\n  formatTooltip: {\n    type: definePropType<(val: number) => number | string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description whether Slider is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to select a range\n   */\n  range: Boolean,\n  /**\n   * @description vertical mode\n   */\n  vertical: Boolean,\n  /**\n   * @description slider height, required in vertical mode\n   */\n  height: String,\n  /**\n   * @description when `range` is true, screen reader label for the start of the range\n   */\n  rangeStartLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description when `range` is true, screen reader label for the end of the range\n   */\n  rangeEndLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description format to display the `aria-valuenow` attribute for screen readers\n   */\n  formatValueText: {\n    type: definePropType<(val: number) => string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description custom class name for the tooltip\n   */\n  tooltipClass: {\n    type: definePropType<ClassValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  /**\n   * @description position of Tooltip\n   */\n  placement: {\n    type: String,\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style\n   */\n  marks: {\n    type: definePropType<SliderMarks>(Object),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type SliderProps = ExtractPropTypes<typeof sliderProps>\nexport type SliderPropsPublic = ExtractPublicPropTypes<typeof sliderProps>\n\nconst isValidValue = (value: Arrayable<number>) =>\n  isNumber(value) || (isArray(value) && value.every(isNumber))\nexport const sliderEmits = {\n  [UPDATE_MODEL_EVENT]: isValidValue,\n  [INPUT_EVENT]: isValidValue,\n  [CHANGE_EVENT]: isValidValue,\n}\nexport type SliderEmits = typeof sliderEmits\n\nexport type SliderInstance = InstanceType<typeof Slider> & unknown\n"],"mappings":";;;;;;;;;;AA6BA,MAAa,cAAcA,kBAAAA,WAAW;;;;CAIpC,YAAY;EACV,MAAMC,kBAAAA,eAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACV;CACD,IAAI;EACF,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAMA,kBAAAA,eAAgC,CAAC,QAAQ,OAAO,CAAC;EACvD,SAAS;EACV;;;;CAID,WAAW;;;;CAIX,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;;;;CAID,MAAMC,cAAAA;;;;CAIN,WAAWA,cAAAA;;;;CAIX,WAAW;;;;CAIX,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,eAAe;EACb,MAAMD,kBAAAA,eAAiD,SAAS;EAChE,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,OAAO;;;;CAIP,UAAU;;;;CAIV,QAAQ;;;;CAIR,iBAAiB;EACf,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,eAAe;EACb,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,iBAAiB;EACf,MAAMA,kBAAAA,eAAwC,SAAS;EACvD,SAAS,KAAA;EACV;;;;CAID,cAAc;EACZ,MAAMA,kBAAAA,eAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS,KAAA;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,QAAQE,eAAAA;EACR,SAAS;EACV;;;;CAID,OAAO,EACL,MAAMF,kBAAAA,eAA4B,OAAO,EAC1C;;;;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,GAAGG,gBAAAA,aAAa,CAAC,YAAY,CAAC;CAC/B,CAAU;AAIX,MAAM,gBAAgB,UACpBC,cAAAA,SAAS,MAAM,KAAA,GAAA,YAAA,SAAa,MAAM,IAAI,MAAM,MAAMA,cAAAA,SAAS;AAC7D,MAAa,cAAc;EACxBC,cAAAA,qBAAqB;EACrBC,cAAAA,cAAc;EACdC,cAAAA,eAAe;CACjB"}

package/lib/components/slider/src/slider.vue.d.ts

@@ -1,5 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable } from "../../../utils/typescript.js";
+import { Arrayable, ClassValue } from "../../../utils/typescript.js";
 import { Placement } from "../../popper/index.js";
 import * as _$vue from "vue";
 
@@ -14,13 +14,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    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;
@@ -51,7 +51,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, undefined, boolean>;
-  readonly tooltipClass: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+  readonly tooltipClass: 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 placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
   readonly marks: {
     readonly type: _$vue.PropType<{
@@ -78,8 +78,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, {
   onSliderClick: (event: MouseEvent | TouchEvent) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: Arrayable<number>) => void;
   "update:modelValue": (value: Arrayable<number>) => void;
+  change: (value: Arrayable<number>) => void;
   input: (value: Arrayable<number>) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly ariaLabel: StringConstructor;
@@ -91,13 +91,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    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;
@@ -128,7 +128,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, undefined, boolean>;
-  readonly tooltipClass: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+  readonly tooltipClass: 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 placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
   readonly marks: {
     readonly type: _$vue.PropType<{
@@ -153,28 +153,28 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
-  onChange?: ((value: Arrayable<number>) => any) | undefined;
   "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
   onInput?: ((value: Arrayable<number>) => any) | undefined;
+  onChange?: ((value: Arrayable<number>) => any) | undefined;
 }>, {
-  readonly vertical: boolean;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly range: boolean;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown>;
-  readonly min: number;
-  readonly max: number;
+  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly id: string;
-  readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
+  readonly vertical: boolean;
+  readonly range: boolean;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
   readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown>;
+  readonly max: number;
+  readonly min: number;
   readonly showInputControls: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly formatTooltip: (val: number) => number | string;
   readonly rangeStartLabel: string;
   readonly rangeEndLabel: string;
   readonly formatValueText: (val: number) => string;
-  readonly tooltipClass: string;
+  readonly tooltipClass: ClassValue;
   readonly showInput: boolean;
   readonly showStops: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/space/src/space.d.ts

@@ -1,5 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable } from "../../../utils/typescript.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import * as _$vue from "vue";
 import { ExtractPropTypes, ExtractPublicPropTypes, StyleValue, VNode, VNodeChild } from "vue";
 import * as _$csstype from "csstype";
@@ -7,7 +7,7 @@ import * as _$csstype from "csstype";
 //#region ../../packages/components/space/src/space.d.ts
 declare const spaceProps: {
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-  readonly class: EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
+  readonly class: 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 style: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
   readonly alignment: EpPropFinalized<(new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
@@ -23,7 +23,7 @@ declare const spaceProps: {
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -33,7 +33,7 @@ type SpaceProps = ExtractPropTypes<typeof spaceProps>;
 type SpacePropsPublic = ExtractPublicPropTypes<typeof spaceProps>;
 declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-  readonly class: EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
+  readonly class: 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 style: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
   readonly alignment: EpPropFinalized<(new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
@@ -49,7 +49,7 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -61,7 +61,7 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
   $stable?: boolean;
 } | null, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ExtractPropTypes<{
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-  readonly class: EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
+  readonly class: 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 style: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
   readonly alignment: EpPropFinalized<(new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
@@ -77,7 +77,7 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "small" | "default" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -85,9 +85,9 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
   readonly fill: boolean;
   readonly style: StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly wrap: boolean;
-  readonly class: EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+  readonly class: ClassValue;
   readonly alignment: EpPropMergeType<(new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined)) | null)[], unknown, unknown>;
   readonly spacer: EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;

package/lib/components/space/src/space.js

@@ -28,7 +28,8 @@ const spaceProps = require_runtime$1.buildProps({
 		type: require_runtime$1.definePropType([
 			String,
 			Object,
-			Array
+			Array,
+			Boolean
 		]),
 		default: ""
 	},

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

@@ -1 +1 @@
-{"version":3,"file":"space.js","names":["buildProps","definePropType","isNumber","componentSizes","useSpace","isFragment","Comment","Item","isValidElementNode"],"sources":["../../../../../../packages/components/space/src/space.ts"],"sourcesContent":["import {\n  Comment,\n  createTextVNode,\n  createVNode,\n  defineComponent,\n  isVNode,\n  renderSlot,\n} from 'vue'\nimport {\n  PatchFlags,\n  buildProps,\n  definePropType,\n  isArray,\n  isFragment,\n  isNumber,\n  isString,\n  isValidElementNode,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport Item from './item'\nimport { useSpace } from './use-space'\n\nimport type {\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  StyleValue,\n  VNode,\n  VNodeArrayChildren,\n  VNodeChild,\n} from 'vue'\nimport type { AlignItems, Arrayable } from '@element-plus/utils'\n\nexport const spaceProps = buildProps({\n  /**\n   * @description Placement direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Classname\n   */\n  class: {\n    type: definePropType<Arrayable<Record<string, boolean> | string>>([\n      String,\n      Object,\n      Array,\n    ]),\n    default: '',\n  },\n  /**\n   * @description Extra style rules\n   */\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description Controls the alignment of items\n   */\n  alignment: {\n    type: definePropType<AlignItems>(String),\n    default: 'center',\n  },\n  /**\n   * @description Prefix for space-items\n   */\n  prefixCls: {\n    type: String,\n  },\n  /**\n   * @description Spacer\n   */\n  spacer: {\n    type: definePropType<VNodeChild>([Object, String, Number, Array]),\n    default: null,\n    validator: (val: unknown) => isVNode(val) || isNumber(val) || isString(val),\n  },\n  /**\n   * @description Auto wrapping\n   */\n  wrap: Boolean,\n  /**\n   * @description Whether to fill the container\n   */\n  fill: Boolean,\n  /**\n   * @description Ratio of fill\n   */\n  fillRatio: {\n    type: Number,\n    default: 100,\n  },\n  /**\n   * @description Spacing size\n   */\n  size: {\n    type: [String, Array, Number],\n    values: componentSizes,\n    validator: (val: unknown): val is [number, number] | number => {\n      return (\n        isNumber(val) ||\n        (isArray(val) && val.length === 2 && val.every(isNumber))\n      )\n    },\n  },\n} as const)\nexport type SpaceProps = ExtractPropTypes<typeof spaceProps>\nexport type SpacePropsPublic = ExtractPublicPropTypes<typeof spaceProps>\n\nconst Space = defineComponent({\n  name: 'ElSpace',\n\n  props: spaceProps,\n\n  setup(props, { slots }) {\n    const { classes, containerStyle, itemStyle } = useSpace(props)\n\n    // retrieve the children out via a simple for loop\n    // the edge case here is that when users uses directives like <v-for>, <v-if>\n    // we need to go deeper until the child is not the Fragment type\n    function extractChildren(\n      children: VNodeArrayChildren,\n      parentKey = '',\n      extractedChildren: VNode[] = []\n    ) {\n      const { prefixCls } = props\n      children.forEach((child, loopKey) => {\n        if (isFragment(child)) {\n          if (isArray(child.children)) {\n            child.children.forEach((nested, key) => {\n              if (isFragment(nested) && isArray(nested.children)) {\n                extractChildren(\n                  nested.children,\n                  `${parentKey + key}-`,\n                  extractedChildren\n                )\n              } else {\n                if (isVNode(nested) && nested?.type === Comment) {\n                  extractedChildren.push(nested)\n                } else {\n                  extractedChildren.push(\n                    createVNode(\n                      Item,\n                      {\n                        style: itemStyle.value,\n                        prefixCls,\n                        key: `nested-${parentKey + key}`,\n                      },\n                      {\n                        default: () => [nested],\n                      },\n                      PatchFlags.PROPS | PatchFlags.STYLE,\n                      ['style', 'prefixCls']\n                    )\n                  )\n                }\n              }\n            })\n          }\n          // if the current child is valid vnode, then append this current vnode\n          // to item as child node.\n        } else if (isValidElementNode(child)) {\n          extractedChildren.push(\n            createVNode(\n              Item,\n              {\n                style: itemStyle.value,\n                prefixCls,\n                key: `LoopKey${parentKey + loopKey}`,\n              },\n              {\n                default: () => [child],\n              },\n              PatchFlags.PROPS | PatchFlags.STYLE,\n              ['style', 'prefixCls']\n            )\n          )\n        }\n      })\n\n      return extractedChildren\n    }\n\n    return () => {\n      const { spacer, direction } = props\n\n      const children = renderSlot(slots, 'default', { key: 0 }, () => [])\n\n      if ((children.children ?? []).length === 0) return null\n      // loop the children, if current children is rendered via `renderList` or `<v-for>`\n      if (isArray(children.children)) {\n        let extractedChildren = extractChildren(children.children)\n\n        if (spacer) {\n          // track the current rendering index, when encounters the last element\n          // then no need to add a spacer after it.\n          const len = extractedChildren.length - 1\n          extractedChildren = extractedChildren.reduce<VNode[]>(\n            (acc, child, idx) => {\n              const children = [...acc, child]\n              if (idx !== len) {\n                children.push(\n                  createVNode(\n                    'span',\n                    // adding width 100% for vertical alignment,\n                    // when the spacer inherit the width from the\n                    // parent, this span's width was not set, so space\n                    // might disappear\n                    {\n                      style: [\n                        itemStyle.value,\n                        direction === 'vertical' ? 'width: 100%' : null,\n                      ],\n                      key: idx,\n                    },\n                    [\n                      // if spacer is already a valid vnode, then append it to the current\n                      // span element.\n                      // otherwise, treat it as string.\n                      isVNode(spacer)\n                        ? spacer\n                        : createTextVNode(spacer as string, PatchFlags.TEXT),\n                    ],\n                    PatchFlags.STYLE\n                  )\n                )\n              }\n              return children\n            },\n            []\n          )\n        }\n\n        // spacer container.\n        return createVNode(\n          'div',\n          {\n            class: classes.value,\n            style: containerStyle.value,\n          },\n          extractedChildren,\n          PatchFlags.STYLE | PatchFlags.CLASS\n        )\n      }\n\n      return children.children\n    }\n  },\n})\n\nexport type SpaceInstance = InstanceType<typeof Space> & unknown\n\nexport default Space\n"],"mappings":"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"}
+{"version":3,"file":"space.js","names":["buildProps","definePropType","isNumber","componentSizes","useSpace","isFragment","Comment","Item","isValidElementNode"],"sources":["../../../../../../packages/components/space/src/space.ts"],"sourcesContent":["import {\n  Comment,\n  createTextVNode,\n  createVNode,\n  defineComponent,\n  isVNode,\n  renderSlot,\n} from 'vue'\nimport {\n  PatchFlags,\n  buildProps,\n  definePropType,\n  isArray,\n  isFragment,\n  isNumber,\n  isString,\n  isValidElementNode,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport Item from './item'\nimport { useSpace } from './use-space'\n\nimport type {\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  StyleValue,\n  VNode,\n  VNodeArrayChildren,\n  VNodeChild,\n} from 'vue'\nimport type { AlignItems, ClassValue } from '@element-plus/utils'\n\nexport const spaceProps = buildProps({\n  /**\n   * @description Placement direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Classname\n   */\n  class: {\n    type: definePropType<ClassValue>([String, Object, Array, Boolean]),\n    default: '',\n  },\n  /**\n   * @description Extra style rules\n   */\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: '',\n  },\n  /**\n   * @description Controls the alignment of items\n   */\n  alignment: {\n    type: definePropType<AlignItems>(String),\n    default: 'center',\n  },\n  /**\n   * @description Prefix for space-items\n   */\n  prefixCls: {\n    type: String,\n  },\n  /**\n   * @description Spacer\n   */\n  spacer: {\n    type: definePropType<VNodeChild>([Object, String, Number, Array]),\n    default: null,\n    validator: (val: unknown) => isVNode(val) || isNumber(val) || isString(val),\n  },\n  /**\n   * @description Auto wrapping\n   */\n  wrap: Boolean,\n  /**\n   * @description Whether to fill the container\n   */\n  fill: Boolean,\n  /**\n   * @description Ratio of fill\n   */\n  fillRatio: {\n    type: Number,\n    default: 100,\n  },\n  /**\n   * @description Spacing size\n   */\n  size: {\n    type: [String, Array, Number],\n    values: componentSizes,\n    validator: (val: unknown): val is [number, number] | number => {\n      return (\n        isNumber(val) ||\n        (isArray(val) && val.length === 2 && val.every(isNumber))\n      )\n    },\n  },\n} as const)\nexport type SpaceProps = ExtractPropTypes<typeof spaceProps>\nexport type SpacePropsPublic = ExtractPublicPropTypes<typeof spaceProps>\n\nconst Space = defineComponent({\n  name: 'ElSpace',\n\n  props: spaceProps,\n\n  setup(props, { slots }) {\n    const { classes, containerStyle, itemStyle } = useSpace(props)\n\n    // retrieve the children out via a simple for loop\n    // the edge case here is that when users uses directives like <v-for>, <v-if>\n    // we need to go deeper until the child is not the Fragment type\n    function extractChildren(\n      children: VNodeArrayChildren,\n      parentKey = '',\n      extractedChildren: VNode[] = []\n    ) {\n      const { prefixCls } = props\n      children.forEach((child, loopKey) => {\n        if (isFragment(child)) {\n          if (isArray(child.children)) {\n            child.children.forEach((nested, key) => {\n              if (isFragment(nested) && isArray(nested.children)) {\n                extractChildren(\n                  nested.children,\n                  `${parentKey + key}-`,\n                  extractedChildren\n                )\n              } else {\n                if (isVNode(nested) && nested?.type === Comment) {\n                  extractedChildren.push(nested)\n                } else {\n                  extractedChildren.push(\n                    createVNode(\n                      Item,\n                      {\n                        style: itemStyle.value,\n                        prefixCls,\n                        key: `nested-${parentKey + key}`,\n                      },\n                      {\n                        default: () => [nested],\n                      },\n                      PatchFlags.PROPS | PatchFlags.STYLE,\n                      ['style', 'prefixCls']\n                    )\n                  )\n                }\n              }\n            })\n          }\n          // if the current child is valid vnode, then append this current vnode\n          // to item as child node.\n        } else if (isValidElementNode(child)) {\n          extractedChildren.push(\n            createVNode(\n              Item,\n              {\n                style: itemStyle.value,\n                prefixCls,\n                key: `LoopKey${parentKey + loopKey}`,\n              },\n              {\n                default: () => [child],\n              },\n              PatchFlags.PROPS | PatchFlags.STYLE,\n              ['style', 'prefixCls']\n            )\n          )\n        }\n      })\n\n      return extractedChildren\n    }\n\n    return () => {\n      const { spacer, direction } = props\n\n      const children = renderSlot(slots, 'default', { key: 0 }, () => [])\n\n      if ((children.children ?? []).length === 0) return null\n      // loop the children, if current children is rendered via `renderList` or `<v-for>`\n      if (isArray(children.children)) {\n        let extractedChildren = extractChildren(children.children)\n\n        if (spacer) {\n          // track the current rendering index, when encounters the last element\n          // then no need to add a spacer after it.\n          const len = extractedChildren.length - 1\n          extractedChildren = extractedChildren.reduce<VNode[]>(\n            (acc, child, idx) => {\n              const children = [...acc, child]\n              if (idx !== len) {\n                children.push(\n                  createVNode(\n                    'span',\n                    // adding width 100% for vertical alignment,\n                    // when the spacer inherit the width from the\n                    // parent, this span's width was not set, so space\n                    // might disappear\n                    {\n                      style: [\n                        itemStyle.value,\n                        direction === 'vertical' ? 'width: 100%' : null,\n                      ],\n                      key: idx,\n                    },\n                    [\n                      // if spacer is already a valid vnode, then append it to the current\n                      // span element.\n                      // otherwise, treat it as string.\n                      isVNode(spacer)\n                        ? spacer\n                        : createTextVNode(spacer as string, PatchFlags.TEXT),\n                    ],\n                    PatchFlags.STYLE\n                  )\n                )\n              }\n              return children\n            },\n            []\n          )\n        }\n\n        // spacer container.\n        return createVNode(\n          'div',\n          {\n            class: classes.value,\n            style: containerStyle.value,\n          },\n          extractedChildren,\n          PatchFlags.STYLE | PatchFlags.CLASS\n        )\n      }\n\n      return children.children\n    }\n  },\n})\n\nexport type SpaceInstance = InstanceType<typeof Space> & unknown\n\nexport default Space\n"],"mappings":"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"}

package/lib/components/space/src/use-space.d.ts

@@ -1,12 +1,11 @@
-import { EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable } from "../../../utils/typescript.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { SpaceProps } from "./space.js";
 import * as _$vue from "vue";
 import { StyleValue } from "vue";
 
 //#region ../../packages/components/space/src/use-space.d.ts
 declare function useSpace(props: SpaceProps): {
-  classes: _$vue.ComputedRef<EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>[]>;
+  classes: _$vue.ComputedRef<(string | false | Record<string, any> | ClassValue[] | null)[]>;
   containerStyle: _$vue.ComputedRef<StyleValue>;
   itemStyle: _$vue.ComputedRef<StyleValue>;
 };

package/lib/components/splitter/src/split-bar.vue.d.ts

@@ -53,8 +53,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onMoveEnd?: ((...args: any[]) => any) | undefined;
 }>, {
   layout: string;
-  lazy: boolean;
   resizable: boolean;
+  lazy: boolean;
   startCollapsible: boolean;
   endCollapsible: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/splitter/src/splitter.vue.d.ts

@@ -8,13 +8,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<SplitterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  collapse: (index: number, type: "end" | "start", sizes: number[]) => void;
   resize: (index: number, sizes: number[]) => void;
+  collapse: (index: number, type: "end" | "start", sizes: number[]) => void;
   resizeStart: (index: number, sizes: number[]) => void;
   resizeEnd: (index: number, sizes: number[]) => void;
 }, string, _$vue.PublicProps, Readonly<SplitterProps> & Readonly<{
-  onCollapse?: ((index: number, type: "end" | "start", sizes: number[]) => any) | undefined;
   onResize?: ((index: number, sizes: number[]) => any) | undefined;
+  onCollapse?: ((index: number, type: "end" | "start", sizes: number[]) => any) | undefined;
   onResizeStart?: ((index: number, sizes: number[]) => any) | undefined;
   onResizeEnd?: ((index: number, sizes: number[]) => any) | undefined;
 }>, {

package/lib/components/statistic/src/statistic.vue.d.ts

@@ -18,10 +18,10 @@ declare const __VLS_base: _$vue.DefineComponent<StatisticProps, {
   displayValue: _$vue.ComputedRef<string | number | _$dayjs.Dayjs>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StatisticProps> & Readonly<{}>, {
   value: number | _$dayjs.Dayjs;
-  precision: number;
+  valueStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   decimalSeparator: string;
   groupSeparator: string;
-  valueStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  precision: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/steps/src/item.d.ts

@@ -37,7 +37,7 @@ declare const stepProps: {
     __epPropKey: true;
   };
   readonly description: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly status: EpPropFinalized<StringConstructor, "" | "wait" | "error" | "success" | "finish" | "process", unknown, "", boolean>;
+  readonly status: EpPropFinalized<StringConstructor, "" | "wait" | "finish" | "success" | "error" | "process", unknown, "", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepProps` instead.

package/lib/components/steps/src/steps.d.ts

@@ -59,8 +59,8 @@ declare const stepsProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly finishStatus: EpPropFinalized<StringConstructor, "wait" | "error" | "success" | "finish" | "process", unknown, "finish", boolean>;
-  readonly processStatus: EpPropFinalized<StringConstructor, "wait" | "error" | "success" | "finish" | "process", unknown, "process", boolean>;
+  readonly finishStatus: EpPropFinalized<StringConstructor, "wait" | "finish" | "success" | "error" | "process", unknown, "finish", boolean>;
+  readonly processStatus: EpPropFinalized<StringConstructor, "wait" | "finish" | "success" | "error" | "process", unknown, "process", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepsProps` instead.

package/lib/components/steps/src/steps.vue.d.ts

@@ -11,9 +11,9 @@ declare const __VLS_base: _$vue.DefineComponent<StepsProps, {}, {}, {}, {}, _$vu
 }, string, _$vue.PublicProps, Readonly<StepsProps> & Readonly<{
   onChange?: ((newVal: number, oldVal: number) => any) | undefined;
 }>, {
-  direction: "horizontal" | "vertical";
   space: number | string;
   active: number;
+  direction: "horizontal" | "vertical";
   finishStatus: StepsStatus;
   processStatus: StepsStatus;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/lib/components/switch/src/switch.d.ts

@@ -97,7 +97,7 @@ declare const switchProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly loading: BooleanConstructor;
   readonly size: {
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small") | (((new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small")) | null)[], unknown, "" | "default" | "large" | "small">>;
+    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "small" | "default" | "large") | (() => "" | "small" | "default" | "large") | (((new (...args: any[]) => "" | "small" | "default" | "large") | (() => "" | "small" | "default" | "large")) | null)[], unknown, "" | "small" | "default" | "large">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/switch/src/switch.vue.d.ts

@@ -26,19 +26,19 @@ declare const __VLS_base: _$vue.DefineComponent<SwitchProps, {
    */
   checked: _$vue.ComputedRef<boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (val: string | number | boolean) => void;
   "update:modelValue": (val: string | number | boolean) => void;
+  change: (val: string | number | boolean) => void;
   input: (val: string | number | boolean) => void;
 }, string, _$vue.PublicProps, Readonly<SwitchProps> & Readonly<{
-  onChange?: ((val: string | number | boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
   onInput?: ((val: string | number | boolean) => any) | undefined;
+  onChange?: ((val: string | number | boolean) => any) | undefined;
 }>, {
-  disabled: boolean;
-  width: string | number;
-  name: string;
   modelValue: boolean | string | number;
+  disabled: boolean;
   validateEvent: boolean;
+  name: string;
+  width: string | number;
   activeText: string;
   inactiveText: string;
   activeValue: boolean | string | number;