@element-plus/nightly 0.0.20260313 → 0.0.20260314

package/es/components/skeleton/src/skeleton-item.d.ts

@@ -14,7 +14,7 @@ interface SkeletonItemProps {
  * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.
  */
 declare const skeletonItemProps: {
-  readonly variant: EpPropFinalized<StringConstructor, "text" | "button" | "circle" | "caption" | "h1" | "h3" | "p" | "image" | "rect", unknown, "text", boolean>;
+  readonly variant: EpPropFinalized<StringConstructor, "image" | "button" | "text" | "circle" | "caption" | "h1" | "h3" | "p" | "rect", unknown, "text", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.

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

@@ -2,23 +2,9 @@ import { SkeletonItemProps } from "./skeleton-item.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/skeleton/src/skeleton-item.vue.d.ts
-declare const __VLS_export: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<SkeletonItemProps>, {
-  variant: string;
-}>, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SkeletonItemProps>, {
-  variant: string;
-}>>>, {
+declare const __VLS_export: vue.DefineComponent<SkeletonItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SkeletonItemProps> & Readonly<{}>, {
   variant: "circle" | "rect" | "h1" | "h3" | "text" | "caption" | "p" | "image" | "button";
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -42,11 +42,11 @@ declare const skeletonProps: {
       leading?: number;
       trailing?: number;
       initVal?: boolean;
-    }) | (() => ThrottleType) | ((new (...args: any[]) => number | {
+    }) | (() => ThrottleType) | (((new (...args: any[]) => number | {
       leading?: number;
       trailing?: number;
       initVal?: boolean;
-    }) | (() => ThrottleType))[], unknown, unknown>>;
+    }) | (() => ThrottleType)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -10,37 +10,19 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<SkeletonProps>, {
+declare const __VLS_base: vue.DefineComponent<SkeletonProps, {
+  /** @description loading state */uiLoading: vue.Ref<boolean, boolean>;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
   loading: boolean;
-  count: number;
-  rows: number;
-}>, {
-  /** @description loading state */uiLoading: vue.Ref<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SkeletonProps>, {
-  loading: boolean;
-  count: number;
-  rows: number;
-}>>>, {
   rows: number;
-  loading: boolean;
   count: number;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -5,31 +5,31 @@ import { Placement } from "../../popper/index.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/slider/src/button.vue.d.ts
-declare const __VLS_export: vue.DefineComponent<{
+declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly modelValue: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly vertical: BooleanConstructor;
   readonly tooltipClass: StringConstructor;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
-}, {
+}>, {
   onButtonDown: (event: MouseEvent | TouchEvent) => void;
   onKeyDown: (event: KeyboardEvent) => void;
   setPosition: (newPosition: number) => Promise<void>;
-  hovering: vue.Ref<boolean>;
-  dragging: vue.Ref<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  hovering: vue.Ref<boolean, boolean>;
+  dragging: vue.Ref<boolean, boolean>;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:modelValue": (value: number) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   readonly modelValue: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly vertical: BooleanConstructor;
   readonly tooltipClass: StringConstructor;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
-}>> & {
+}>> & Readonly<{
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}, {
+}>, {
   readonly modelValue: number;
-  readonly vertical: boolean;
   readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
-}, {}>;
+  readonly vertical: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

package/es/components/slider/src/composables/use-lifecycle.d.ts

@@ -3,7 +3,7 @@ import * as vue from "vue";
 
 //#region ../../packages/components/slider/src/composables/use-lifecycle.d.ts
 declare const useLifecycle: (props: SliderProps, initData: SliderInitData, resetSize: () => void) => {
-  sliderWrapper: vue.Ref<HTMLElement | undefined>;
+  sliderWrapper: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
 };
 //#endregion
 export { useLifecycle };

package/es/components/slider/src/composables/use-slide.d.ts

@@ -8,9 +8,9 @@ import { CSSProperties, Ref, SetupContext } from "vue";
 //#region ../../packages/components/slider/src/composables/use-slide.d.ts
 declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: SetupContext<SliderEmits>["emit"]) => {
   elFormItem: FormItemContext | undefined;
-  slider: vue.ShallowRef<HTMLElement | undefined>;
-  firstButton: Ref<SliderButtonInstance | undefined>;
-  secondButton: Ref<SliderButtonInstance | undefined>;
+  slider: vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+  firstButton: Ref<SliderButtonInstance | undefined, SliderButtonInstance | undefined>;
+  secondButton: Ref<SliderButtonInstance | undefined, SliderButtonInstance | undefined>;
   sliderDisabled: vue.ComputedRef<boolean>;
   minValue: vue.ComputedRef<number>;
   maxValue: vue.ComputedRef<number>;

package/es/components/slider/src/composables/use-slider-button.d.ts

@@ -8,11 +8,11 @@ import { CSSProperties, ComputedRef, Ref, SetupContext } from "vue";
 //#region ../../packages/components/slider/src/composables/use-slider-button.d.ts
 declare const useSliderButton: (props: SliderButtonProps, initData: SliderButtonInitData, emit: SetupContext<SliderButtonEmits>["emit"]) => {
   disabled: ComputedRef<boolean>;
-  button: Ref<HTMLDivElement | undefined>;
-  tooltip: Ref<TooltipInstance | undefined>;
-  tooltipVisible: Ref<boolean>;
-  showTooltip: Ref<EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-  persistent: Ref<EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+  button: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+  tooltip: Ref<TooltipInstance | undefined, TooltipInstance | undefined>;
+  tooltipVisible: Ref<boolean, boolean>;
+  showTooltip: Ref<EpPropMergeType<BooleanConstructor, unknown, unknown>, EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+  persistent: Ref<EpPropMergeType<BooleanConstructor, unknown, unknown>, EpPropMergeType<BooleanConstructor, unknown, unknown>>;
   wrapperStyle: ComputedRef<CSSProperties>;
   formatValue: ComputedRef<string | number>;
   handleMouseEnter: () => void;

package/es/components/slider/src/marker.d.ts

@@ -10,13 +10,13 @@ declare const sliderMarkerProps: {
   }) | (() => string | {
     style: CSSProperties;
     label: any;
-  }) | ((new (...args: any[]) => string | {
+  }) | (((new (...args: any[]) => string | {
     style: CSSProperties;
     label: any;
   }) | (() => string | {
     style: CSSProperties;
     label: any;
-  }))[], unknown, unknown, undefined, boolean>;
+  })) | null)[], unknown, unknown, undefined, boolean>;
 };
 type SliderMarkerProps = ExtractPropTypes<typeof sliderMarkerProps>;
 //#endregion

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

@@ -18,11 +18,11 @@ interface SliderInitData {
 }
 declare const sliderProps: {
   readonly ariaLabel: StringConstructor;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | ((new (...args: any[]) => number | number[]) | (() => Arrayable<number>))[], unknown, unknown, 0, boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown, 0, boolean>;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
@@ -43,11 +43,11 @@ declare const sliderProps: {
     (): (val: number) => number | string;
     new (): any;
     readonly prototype: any;
-  } | ((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
+  } | (((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
     (): (val: number) => number | string;
     new (): any;
     readonly prototype: any;
-  })[], unknown, unknown, undefined, boolean>;
+  }) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly range: BooleanConstructor;
   readonly vertical: BooleanConstructor;
@@ -58,11 +58,11 @@ declare const sliderProps: {
     (): (val: number) => string;
     new (): any;
     readonly prototype: any;
-  } | ((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
+  } | (((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
     (): (val: number) => string;
     new (): any;
     readonly prototype: any;
-  })[], unknown, unknown, undefined, boolean>;
+  }) | null)[], unknown, unknown, undefined, boolean>;
   readonly tooltipClass: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, _popperjs_core0.Placement, unknown, "top", boolean>;
   readonly marks: {

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

@@ -6,13 +6,13 @@ import { Placement } from "../../popper/index.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/slider/src/slider.vue.d.ts
-declare const __VLS_export: vue.DefineComponent<{
+declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly ariaLabel: StringConstructor;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | ((new (...args: any[]) => number | number[]) | (() => Arrayable<number>))[], unknown, unknown, 0, boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown, 0, boolean>;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
@@ -33,11 +33,11 @@ declare const __VLS_export: vue.DefineComponent<{
     (): (val: number) => number | string;
     new (): any;
     readonly prototype: any;
-  } | ((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
+  } | (((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
     (): (val: number) => number | string;
     new (): any;
     readonly prototype: any;
-  })[], unknown, unknown, undefined, boolean>;
+  }) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly range: BooleanConstructor;
   readonly vertical: BooleanConstructor;
@@ -48,11 +48,11 @@ declare const __VLS_export: vue.DefineComponent<{
     (): (val: number) => string;
     new (): any;
     readonly prototype: any;
-  } | ((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
+  } | (((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
     (): (val: number) => string;
     new (): any;
     readonly prototype: any;
-  })[], unknown, unknown, undefined, boolean>;
+  }) | null)[], unknown, unknown, undefined, boolean>;
   readonly tooltipClass: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
   readonly marks: {
@@ -63,13 +63,13 @@ declare const __VLS_export: vue.DefineComponent<{
       }) | (() => string | {
         style: vue.CSSProperties;
         label: any;
-      }) | ((new (...args: any[]) => string | {
+      }) | (((new (...args: any[]) => string | {
         style: vue.CSSProperties;
         label: any;
       }) | (() => string | {
         style: vue.CSSProperties;
         label: any;
-      }))[], unknown, unknown> | undefined;
+      })) | null)[], unknown, unknown> | undefined;
     }>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
@@ -77,19 +77,19 @@ declare const __VLS_export: vue.DefineComponent<{
   };
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-}, {
+}>, {
   onSliderClick: (event: MouseEvent | TouchEvent) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "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;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | ((new (...args: any[]) => number | number[]) | (() => Arrayable<number>))[], unknown, unknown, 0, boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown, 0, boolean>;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
@@ -110,11 +110,11 @@ declare const __VLS_export: vue.DefineComponent<{
     (): (val: number) => number | string;
     new (): any;
     readonly prototype: any;
-  } | ((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
+  } | (((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
     (): (val: number) => number | string;
     new (): any;
     readonly prototype: any;
-  })[], unknown, unknown, undefined, boolean>;
+  }) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly range: BooleanConstructor;
   readonly vertical: BooleanConstructor;
@@ -125,11 +125,11 @@ declare const __VLS_export: vue.DefineComponent<{
     (): (val: number) => string;
     new (): any;
     readonly prototype: any;
-  } | ((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
+  } | (((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
     (): (val: number) => string;
     new (): any;
     readonly prototype: any;
-  })[], unknown, unknown, undefined, boolean>;
+  }) | null)[], unknown, unknown, undefined, boolean>;
   readonly tooltipClass: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "top", boolean>;
   readonly marks: {
@@ -140,13 +140,13 @@ declare const __VLS_export: vue.DefineComponent<{
       }) | (() => string | {
         style: vue.CSSProperties;
         label: any;
-      }) | ((new (...args: any[]) => string | {
+      }) | (((new (...args: any[]) => string | {
         style: vue.CSSProperties;
         label: any;
       }) | (() => string | {
         style: vue.CSSProperties;
         label: any;
-      }))[], unknown, unknown> | undefined;
+      })) | null)[], unknown, unknown> | undefined;
     }>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
@@ -154,22 +154,22 @@ declare const __VLS_export: vue.DefineComponent<{
   };
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-}>> & {
+}>> & Readonly<{
   onChange?: ((value: Arrayable<number>) => any) | undefined;
   onInput?: ((value: Arrayable<number>) => any) | undefined;
   "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
-}, {
-  readonly id: string;
+}>, {
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | ((new (...args: any[]) => number | number[]) | (() => Arrayable<number>))[], unknown, unknown>;
+  readonly id: string;
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
   readonly vertical: boolean;
   readonly range: boolean;
-  readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown>;
-  readonly max: number;
   readonly min: number;
-  readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
+  readonly max: number;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown>;
   readonly showInputControls: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly formatTooltip: (val: number) => number | string;
@@ -179,7 +179,7 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly tooltipClass: string;
   readonly showInput: boolean;
   readonly showStops: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

package/es/components/slot/src/only-child.d.ts

@@ -4,7 +4,7 @@ import { Ref, VNode } from "vue";
 //#region ../../packages/components/slot/src/only-child.d.ts
 declare const OnlyChild: vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
-}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 type OnlyChildExpose = {
   forwardRef: Ref<HTMLElement>;
 };

package/es/components/space/src/item.d.ts

@@ -12,23 +12,23 @@ declare const spaceItemProps: {
 };
 type SpaceItemProps = ExtractPropTypes<typeof spaceItemProps>;
 type SpaceItemPropsPublic = ExtractPublicPropTypes<typeof spaceItemProps>;
-declare const SpaceItem: vue.DefineComponent<{
+declare const SpaceItem: vue.DefineComponent<ExtractPropTypes<{
   readonly prefixCls: {
     readonly type: vue.PropType<string>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
   readonly prefixCls: {
     readonly type: vue.PropType<string>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 type SpaceItemInstance = InstanceType<typeof SpaceItem> & unknown;
 //#endregion
 export { SpaceItemInstance, SpaceItemProps, SpaceItemPropsPublic, spaceItemProps };

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

@@ -1,23 +1,22 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable } from "../../../utils/typescript.js";
+import { AlignItems, Arrayable } from "../../../utils/typescript.js";
 import "../../../utils/index.js";
 import * as vue from "vue";
-import { CSSProperties, ExtractPropTypes, ExtractPublicPropTypes, StyleValue, VNode, VNodeChild } from "vue";
-import * as csstype from "csstype";
+import { ExtractPropTypes, ExtractPublicPropTypes, StyleValue, VNode, VNodeChild } from "vue";
 
 //#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>>))[], unknown, unknown, "", boolean>;
-  readonly style: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
-  readonly alignment: EpPropFinalized<(new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined) | ((new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined))[], unknown, unknown, "center", 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 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[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
     readonly type: vue.PropType<string>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly spacer: EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | ((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild))[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {
+  readonly spacer: EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>, null, boolean>;
   readonly wrap: BooleanConstructor;
@@ -32,18 +31,18 @@ declare const spaceProps: {
 };
 type SpaceProps = ExtractPropTypes<typeof spaceProps>;
 type SpacePropsPublic = ExtractPublicPropTypes<typeof spaceProps>;
-declare const Space: vue.DefineComponent<{
+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>>))[], unknown, unknown, "", boolean>;
-  readonly style: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
-  readonly alignment: EpPropFinalized<(new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined) | ((new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined))[], unknown, unknown, "center", 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 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[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
     readonly type: vue.PropType<string>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly spacer: EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | ((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild))[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {
+  readonly spacer: EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>, null, boolean>;
   readonly wrap: BooleanConstructor;
@@ -55,23 +54,23 @@ declare const Space: vue.DefineComponent<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}, () => string | VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => string | VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
 }> | {
   [name: string]: unknown;
   $stable?: boolean;
-} | null, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
+} | 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>>))[], unknown, unknown, "", boolean>;
-  readonly style: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
-  readonly alignment: EpPropFinalized<(new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined) | ((new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined))[], unknown, unknown, "center", 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 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[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
     readonly type: vue.PropType<string>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly spacer: EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | ((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild))[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {
+  readonly spacer: EpPropFinalized<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>, null, boolean>;
   readonly wrap: BooleanConstructor;
@@ -83,18 +82,18 @@ declare const Space: vue.DefineComponent<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}>>, {
+}>> & Readonly<{}>, {
   readonly fill: boolean;
   readonly style: StyleValue;
   readonly wrap: boolean;
   readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-  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>>))[], unknown, unknown>;
-  readonly alignment: EpPropMergeType<(new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined) | ((new (...args: any[]) => string) | (() => csstype.Property.AlignItems | undefined))[], unknown, unknown>;
-  readonly spacer: EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | ((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild))[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {
+  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 alignment: EpPropMergeType<(new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | 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;
   }>>;
   readonly fillRatio: number;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 type SpaceInstance = InstanceType<typeof Space> & unknown;
 //#endregion
 export { Space, SpaceInstance, SpaceProps, SpacePropsPublic, spaceProps };

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

@@ -1 +1 @@
-{"version":3,"file":"space.mjs","names":["Item"],"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  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  StyleValue,\n  VNode,\n  VNodeArrayChildren,\n  VNodeChild,\n} from 'vue'\nimport type { 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]),\n    default: '',\n  },\n  /**\n   * @description Controls the alignment of items\n   */\n  alignment: {\n    type: definePropType<CSSProperties['align-items']>(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.mjs","names":["Item"],"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]),\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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"}