@element-plus/nightly 0.0.20260804 → 0.0.20260805

package/es/components/select-v2/src/select.vue.d.ts

@@ -89,7 +89,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly remote: BooleanConstructor;
   readonly debounce: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -101,7 +101,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -112,7 +112,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -168,7 +168,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   hasModelValue: _$vue.ComputedRef<boolean>;
   shouldShowPlaceholder: _$vue.ComputedRef<boolean>;
   selectDisabled: _$vue.ComputedRef<boolean>;
-  selectSize: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+  selectSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
   needStatusIcon: _$vue.ComputedRef<boolean>;
   showClearBtn: _$vue.ComputedRef<boolean>;
   states: SelectStates;
@@ -221,7 +221,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   suffixRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   collapseItemRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   popperRef: _$vue.ComputedRef<HTMLElement | undefined>;
-  validateState: _$vue.ComputedRef<"" | "success" | "error" | "validating">;
+  validateState: _$vue.ComputedRef<"" | "error" | "success" | "validating">;
   validateIcon: _$vue.ComputedRef<_$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined>;
   showTagList: _$vue.ComputedRef<Option[]>;
   collapseTagList: _$vue.ComputedRef<Option[]>;
@@ -334,7 +334,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly remote: BooleanConstructor;
   readonly debounce: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -346,7 +346,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -357,7 +357,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -372,47 +372,47 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly fitInputWidth: EpPropFinalized<readonly [BooleanConstructor, NumberConstructor], unknown, number | boolean, true, boolean>;
   readonly suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
 }>> & Readonly<{
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  onChange?: ((val: any) => any) | undefined;
   onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  onChange?: ((val: any) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
   "onVisible-change"?: ((visible: boolean) => any) | undefined;
   "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
-  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: any;
-  readonly autocomplete: EpPropMergeType<(new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list") | (((new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list")) | null)[], unknown, unknown>;
-  readonly clearable: boolean;
-  readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  readonly suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly height: number;
-  readonly multiple: boolean;
-  readonly props: Props;
-  readonly popperClass: ClassValue;
-  readonly popperStyle: _$vue.StyleValue;
-  readonly fallbackPlacements: Placement[];
   readonly offset: number;
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
-  readonly popperOptions: Partial<Options>;
-  readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly valueKey: string;
-  readonly debounce: number;
-  readonly fitInputWidth: EpPropMergeType<readonly [BooleanConstructor, NumberConstructor], unknown, number | boolean>;
-  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
+  readonly props: Props;
+  readonly modelValue: any;
   readonly loading: boolean;
+  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
+  readonly height: number;
+  readonly clearable: boolean;
+  readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly filterable: boolean;
   readonly collapseTags: boolean;
   readonly maxCollapseTags: number;
   readonly collapseTagsTooltip: boolean;
+  readonly debounce: number;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  readonly fallbackPlacements: Placement[];
+  readonly popperOptions: Partial<Options>;
+  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
+  readonly popperClass: ClassValue;
+  readonly popperStyle: _$vue.StyleValue;
+  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
-  readonly tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
+  readonly tagEffect: EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly fitInputWidth: EpPropMergeType<readonly [BooleanConstructor, NumberConstructor], unknown, number | boolean>;
+  readonly multiple: boolean;
+  readonly autocomplete: EpPropMergeType<(new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list") | (((new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list")) | null)[], unknown, unknown>;
+  readonly suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+  readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly valueKey: string;
   readonly scrollbarAlwaysOn: boolean;
   readonly automaticDropdown: boolean;
   readonly allowCreate: boolean;
@@ -497,13 +497,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
+      onClose?: ((...args: any[]) => any) | undefined;
+      onOpen?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
-      onOpen?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-      onClose?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -513,41 +513,41 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+      close: (...args: any[]) => void;
+      open: (...args: any[]) => void;
       hide: (...args: any[]) => void;
       show: (...args: any[]) => void;
-      open: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
-      close: (...args: any[]) => void;
     }, _$vue.PublicProps, {
+      offset: number;
+      teleported: boolean;
+      trigger: Arrayable<TooltipTriggerType>;
+      loop: boolean;
+      content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      placement: Placement;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
+      boundariesPadding: number;
+      gpuAcceleration: boolean;
+      popperOptions: Partial<Options>;
+      strategy: "fixed" | "absolute";
+      arrowOffset: number;
       effect: PopperEffect;
-      visible: boolean | null;
-      content: string;
       enterable: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
       popperClass: string | false | Record<string, any> | ClassValue[] | null;
       popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
+      visible: boolean | null;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
       virtualTriggering: boolean;
-      loop: boolean;
-      boundariesPadding: number;
-      gpuAcceleration: boolean;
-      offset: number;
-      placement: Placement;
-      popperOptions: Partial<Options>;
-      strategy: "fixed" | "absolute";
-      arrowOffset: number;
       showArrow: boolean;
       role: typeof roleTypes[number];
-      teleported: boolean;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
-      trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -557,13 +557,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
+      onClose?: ((...args: any[]) => any) | undefined;
+      onOpen?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
-      onOpen?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-      onClose?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -573,46 +573,46 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
+      offset: number;
+      teleported: boolean;
+      trigger: Arrayable<TooltipTriggerType>;
+      loop: boolean;
+      content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      placement: Placement;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
+      boundariesPadding: number;
+      gpuAcceleration: boolean;
+      popperOptions: Partial<Options>;
+      strategy: "fixed" | "absolute";
+      arrowOffset: number;
       effect: PopperEffect;
-      visible: boolean | null;
-      content: string;
       enterable: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
       popperClass: string | false | Record<string, any> | ClassValue[] | null;
       popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
+      visible: boolean | null;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
       virtualTriggering: boolean;
-      loop: boolean;
-      boundariesPadding: number;
-      gpuAcceleration: boolean;
-      offset: number;
-      placement: Placement;
-      popperOptions: Partial<Options>;
-      strategy: "fixed" | "absolute";
-      arrowOffset: number;
       showArrow: boolean;
       role: typeof roleTypes[number];
-      teleported: boolean;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
-      trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
   }>, {
     popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
     contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -622,41 +622,41 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    open: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
-    open: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
-    close: (...args: any[]) => void;
   }, string, {
+    offset: number;
+    teleported: boolean;
+    trigger: Arrayable<TooltipTriggerType>;
+    loop: boolean;
+    content: string;
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    placement: Placement;
+    showAfter: number;
+    hideAfter: number;
+    autoClose: number;
+    boundariesPadding: number;
+    gpuAcceleration: boolean;
+    popperOptions: Partial<Options>;
+    strategy: "fixed" | "absolute";
+    arrowOffset: number;
     effect: PopperEffect;
-    visible: boolean | null;
-    content: string;
     enterable: boolean;
-    pure: boolean;
-    focusOnShow: boolean;
-    trapping: boolean;
     popperClass: string | false | Record<string, any> | ClassValue[] | null;
     popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     stopPopperMouseEvent: boolean;
+    visible: boolean | null;
+    pure: boolean;
+    focusOnShow: boolean;
+    trapping: boolean;
     virtualTriggering: boolean;
-    loop: boolean;
-    boundariesPadding: number;
-    gpuAcceleration: boolean;
-    offset: number;
-    placement: Placement;
-    popperOptions: Partial<Options>;
-    strategy: "fixed" | "absolute";
-    arrowOffset: number;
     showArrow: boolean;
     role: typeof roleTypes[number];
-    teleported: boolean;
-    showAfter: number;
-    hideAfter: number;
-    autoClose: number;
-    trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {

package/es/components/select-v2/src/useSelect.d.ts

@@ -42,7 +42,7 @@ declare const useSelect: (props: SelectV2Props, emit: SelectV2EmitFn) => {
   hasModelValue: _$vue.ComputedRef<boolean>;
   shouldShowPlaceholder: _$vue.ComputedRef<boolean>;
   selectDisabled: _$vue.ComputedRef<boolean>;
-  selectSize: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+  selectSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
   needStatusIcon: _$vue.ComputedRef<boolean>;
   showClearBtn: _$vue.ComputedRef<boolean>;
   states: SelectStates;
@@ -95,7 +95,7 @@ declare const useSelect: (props: SelectV2Props, emit: SelectV2EmitFn) => {
   suffixRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   collapseItemRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   popperRef: _$vue.ComputedRef<HTMLElement | undefined>;
-  validateState: _$vue.ComputedRef<"" | "success" | "error" | "validating">;
+  validateState: _$vue.ComputedRef<"" | "error" | "success" | "validating">;
   validateIcon: _$vue.ComputedRef<_$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined>;
   showTagList: _$vue.ComputedRef<Option[]>;
   collapseTagList: _$vue.ComputedRef<Option[]>;

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

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

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
 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<{}>, {
-  rows: number;
   loading: boolean;
+  rows: number;
   count: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -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, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -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, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -78,9 +78,9 @@ 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;
   input: (value: Arrayable<number>) => void;
-  change: (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>)) | null)[], unknown, unknown, 0, boolean>;
@@ -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, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -153,29 +153,29 @@ 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<{
-  onInput?: ((value: Arrayable<number>) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
   onChange?: ((value: Arrayable<number>) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
+  onInput?: ((value: Arrayable<number>) => any) | undefined;
 }>, {
-  readonly id: string;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown>;
-  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly vertical: boolean;
   readonly range: boolean;
+  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly vertical: boolean;
   readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
+  readonly id: string;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly max: number;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly min: number;
-  readonly showInput: boolean;
+  readonly max: number;
   readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown>;
-  readonly tooltipClass: ClassValue;
+  readonly showInputControls: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly formatTooltip: (val: number) => number | string;
-  readonly showInputControls: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly rangeStartLabel: string;
   readonly rangeEndLabel: string;
   readonly formatValueText: (val: number) => string;
+  readonly tooltipClass: ClassValue;
+  readonly showInput: boolean;
   readonly showStops: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -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], "" | "small" | "default" | "large", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -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], "" | "small" | "default" | "large", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -77,21 +77,21 @@ 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], "" | "small" | "default" | "large", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly style: StyleValue;
-  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 fill: boolean;
-  readonly wrap: boolean;
   readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+  readonly style: StyleValue;
+  readonly wrap: boolean;
   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;
+  }>>;
   readonly fillRatio: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type SpaceInstance = InstanceType<typeof Space> & unknown;

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

@@ -4,7 +4,7 @@ import { buildProps, definePropType } from "../../../utils/vue/props/runtime.mjs
 import { isFragment, isValidElementNode } from "../../../utils/vue/vnode.mjs";
 import SpaceItem from "./item.mjs";
 import { useSpace } from "./use-space.mjs";
-import { Comment, createTextVNode, createVNode, defineComponent, isVNode, renderSlot } from "vue";
+import { Comment, cloneVNode, createTextVNode, createVNode, defineComponent, isVNode, renderSlot } from "vue";
 //#region ../../packages/components/space/src/space.ts
 const spaceProps = buildProps({
 	/**
@@ -132,7 +132,7 @@ const Space = defineComponent({
 						if (idx !== len) children.push(createVNode("span", {
 							style: [itemStyle.value, direction === "vertical" ? "width: 100%" : null],
 							key: idx
-						}, [isVNode(spacer) ? spacer : createTextVNode(spacer, 1)], 4));
+						}, [isVNode(spacer) ? cloneVNode(spacer) : createTextVNode(spacer, 1)], 4));
 						return children;
 					}, []);
 				}

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  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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"}
+{"version":3,"file":"space.mjs","names":["Item"],"sources":["../../../../../../packages/components/space/src/space.ts"],"sourcesContent":["import {\n  Comment,\n  cloneVNode,\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                        ? cloneVNode(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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"}