@element-plus/nightly 0.0.20261020 → 0.0.20261022

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

@@ -24,7 +24,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly emptyValues: ArrayConstructor;
   readonly valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   readonly allowCreate: BooleanConstructor;
-  readonly autocomplete: EpPropFinalized<(new (...args: any[]) => "none" | "inline" | "both" | "list") | (() => "none" | "inline" | "both" | "list") | (((new (...args: any[]) => "none" | "inline" | "both" | "list") | (() => "none" | "inline" | "both" | "list")) | null)[], unknown, unknown, "none", boolean>;
+  readonly autocomplete: EpPropFinalized<(new (...args: any[]) => "inline" | "none" | "both" | "list") | (() => "inline" | "none" | "both" | "list") | (((new (...args: any[]) => "inline" | "none" | "both" | "list") | (() => "inline" | "none" | "both" | "list")) | null)[], unknown, unknown, "none", boolean>;
   readonly automaticDropdown: BooleanConstructor;
   readonly clearable: BooleanConstructor;
   readonly clearIcon: 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>;
@@ -101,18 +101,18 @@ 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[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "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" | "left" | "right" | "auto" | "bottom" | "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" | "left" | "right" | "auto" | "bottom" | "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";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -218,7 +218,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<"" | "error" | "validating" | "success">;
+  validateState: _$vue.ComputedRef<"" | "success" | "error" | "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[]>;
@@ -265,7 +265,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly emptyValues: ArrayConstructor;
   readonly valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   readonly allowCreate: BooleanConstructor;
-  readonly autocomplete: EpPropFinalized<(new (...args: any[]) => "none" | "inline" | "both" | "list") | (() => "none" | "inline" | "both" | "list") | (((new (...args: any[]) => "none" | "inline" | "both" | "list") | (() => "none" | "inline" | "both" | "list")) | null)[], unknown, unknown, "none", boolean>;
+  readonly autocomplete: EpPropFinalized<(new (...args: any[]) => "inline" | "none" | "both" | "list") | (() => "inline" | "none" | "both" | "list") | (((new (...args: any[]) => "inline" | "none" | "both" | "list") | (() => "inline" | "none" | "both" | "list")) | null)[], unknown, unknown, "none", boolean>;
   readonly automaticDropdown: BooleanConstructor;
   readonly clearable: BooleanConstructor;
   readonly clearIcon: 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>;
@@ -342,18 +342,18 @@ 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[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "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" | "left" | "right" | "auto" | "bottom" | "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" | "left" | "right" | "auto" | "bottom" | "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";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -368,49 +368,49 @@ 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<{
-  onBlur?: ((evt: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onChange?: ((val: any) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
-  onClear?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  "onVisible-change"?: ((visible: boolean) => any) | undefined;
+  onBlur?: ((evt: FocusEvent) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
+  "onVisible-change"?: ((visible: boolean) => any) | undefined;
   "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
+  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 modelValue: any;
   readonly props: Props;
-  readonly multiple: boolean;
+  readonly offset: number;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly autocomplete: EpPropMergeType<(new (...args: any[]) => "inline" | "none" | "both" | "list") | (() => "inline" | "none" | "both" | "list") | (((new (...args: any[]) => "inline" | "none" | "both" | "list") | (() => "inline" | "none" | "both" | "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 scrollbarAlwaysOn: boolean;
-  readonly loading: boolean;
-  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly multiple: boolean;
   readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
   readonly fallbackPlacements: Placement[];
-  readonly offset: number;
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "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 placement: EpPropMergeType<(new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "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" | "left" | "right" | "auto" | "bottom" | "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 teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: any;
-  readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-  readonly automaticDropdown: boolean;
-  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 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 autocomplete: EpPropMergeType<(new (...args: any[]) => "none" | "inline" | "both" | "list") | (() => "none" | "inline" | "both" | "list") | (((new (...args: any[]) => "none" | "inline" | "both" | "list") | (() => "none" | "inline" | "both" | "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 filterable: boolean;
+  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly valueKey: string;
   readonly debounce: number;
   readonly fitInputWidth: EpPropMergeType<readonly [BooleanConstructor, NumberConstructor], unknown, number | boolean>;
+  readonly loading: boolean;
+  readonly filterable: boolean;
   readonly collapseTags: boolean;
   readonly maxCollapseTags: number;
   readonly collapseTagsTooltip: boolean;
-  readonly tagType: EpPropMergeType<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown>;
-  readonly tagEffect: EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
+  readonly tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+  readonly tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
+  readonly scrollbarAlwaysOn: boolean;
+  readonly automaticDropdown: boolean;
   readonly allowCreate: boolean;
   readonly remote: boolean;
   readonly multipleLimit: number;
@@ -450,14 +450,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElTag: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<TagProps> & Readonly<{
-      onClick?: ((evt: MouseEvent) => any) | undefined;
       onClose?: ((evt: MouseEvent) => any) | undefined;
+      onClick?: ((evt: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      click: (evt: MouseEvent) => void;
       close: (evt: MouseEvent) => void;
+      click: (evt: MouseEvent) => void;
     }, _$vue.PublicProps, {
-      type: "success" | "primary" | "warning" | "info" | "danger";
-      effect: "dark" | "light" | "plain";
+      type: "primary" | "success" | "warning" | "info" | "danger";
+      effect: "light" | "dark" | "plain";
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -466,24 +466,24 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<TagProps> & Readonly<{
-      onClick?: ((evt: MouseEvent) => any) | undefined;
       onClose?: ((evt: MouseEvent) => any) | undefined;
+      onClick?: ((evt: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      type: "success" | "primary" | "warning" | "info" | "danger";
-      effect: "dark" | "light" | "plain";
+      type: "primary" | "success" | "warning" | "info" | "danger";
+      effect: "light" | "dark" | "plain";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<TagProps> & Readonly<{
-    onClick?: ((evt: MouseEvent) => any) | undefined;
     onClose?: ((evt: MouseEvent) => any) | undefined;
+    onClick?: ((evt: MouseEvent) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    click: (evt: MouseEvent) => void;
     close: (evt: MouseEvent) => void;
+    click: (evt: MouseEvent) => void;
   }, string, {
-    type: "success" | "primary" | "warning" | "info" | "danger";
-    effect: "dark" | "light" | "plain";
+    type: "primary" | "success" | "warning" | "info" | "danger";
+    effect: "light" | "dark" | "plain";
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -493,10 +493,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
+      onOpen?: ((...args: any[]) => any) | undefined;
       onClose?: ((...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;
@@ -509,21 +509,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+      open: (...args: any[]) => void;
       close: (...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;
     }, _$vue.PublicProps, {
       visible: boolean | null;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      role: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation";
-      content: string;
+      offset: number;
+      teleported: boolean;
       effect: PopperEffect;
-      autoClose: number;
-      virtualTriggering: boolean;
+      content: string;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -531,18 +530,19 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       popperClass: string | false | Record<string, any> | ClassValue[] | null;
       popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
+      virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "absolute" | "fixed";
+      strategy: "fixed" | "absolute";
       arrowOffset: number;
       showArrow: boolean;
-      teleported: boolean;
+      role: "grid" | "dialog" | "listbox" | "menu" | "tooltip" | "group" | "navigation" | "tree";
       showAfter: number;
       hideAfter: number;
+      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -553,10 +553,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
+      onOpen?: ((...args: any[]) => any) | undefined;
       onClose?: ((...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;
@@ -570,12 +570,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
       visible: boolean | null;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      role: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation";
-      content: string;
+      offset: number;
+      teleported: boolean;
       effect: PopperEffect;
-      autoClose: number;
-      virtualTriggering: boolean;
+      content: string;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -583,18 +582,19 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       popperClass: string | false | Record<string, any> | ClassValue[] | null;
       popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
+      virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "absolute" | "fixed";
+      strategy: "fixed" | "absolute";
       arrowOffset: number;
       showArrow: boolean;
-      teleported: boolean;
+      role: "grid" | "dialog" | "listbox" | "menu" | "tooltip" | "group" | "navigation" | "tree";
       showAfter: number;
       hideAfter: number;
+      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -602,10 +602,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
+    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...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;
@@ -618,21 +618,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    open: (...args: any[]) => void;
     close: (...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;
   }, string, {
     visible: boolean | null;
-    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    role: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation";
-    content: string;
+    offset: number;
+    teleported: boolean;
     effect: PopperEffect;
-    autoClose: number;
-    virtualTriggering: boolean;
+    content: string;
+    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
@@ -640,18 +639,19 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     popperClass: string | false | Record<string, any> | ClassValue[] | null;
     popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     stopPopperMouseEvent: boolean;
+    virtualTriggering: boolean;
     loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
-    offset: number;
     placement: Placement;
     popperOptions: Partial<Options>;
-    strategy: "absolute" | "fixed";
+    strategy: "fixed" | "absolute";
     arrowOffset: number;
     showArrow: boolean;
-    teleported: boolean;
+    role: "grid" | "dialog" | "listbox" | "menu" | "tooltip" | "group" | "navigation" | "tree";
     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 () => {

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

@@ -92,7 +92,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<"" | "error" | "validating" | "success">;
+  validateState: _$vue.ComputedRef<"" | "success" | "error" | "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/lib/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" | "text" | "circle" | "image" | "rect", unknown, "text", boolean>;
+  readonly variant: EpPropFinalized<StringConstructor, "button" | "text" | "circle" | "caption" | "image" | "h1" | "h3" | "p" | "rect", unknown, "text", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.

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

@@ -3,7 +3,7 @@ import * as _$vue from "vue";
 
 //#region ../../packages/components/skeleton/src/skeleton-item.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<SkeletonItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SkeletonItemProps> & Readonly<{}>, {
-  variant: "button" | "caption" | "h1" | "h3" | "p" | "text" | "circle" | "image" | "rect";
+  variant: "button" | "text" | "circle" | "caption" | "image" | "h1" | "h3" | "p" | "rect";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/lib/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<{}>, {
-  loading: boolean;
   rows: number;
+  loading: boolean;
   count: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -25,9 +25,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
+  readonly modelValue: number;
   readonly vertical: boolean;
   readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
-  readonly modelValue: number;
   readonly tooltipClass: ClassValue;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -153,20 +153,20 @@ 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;
-  onChange?: ((value: Arrayable<number>) => any) | undefined;
   "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
+  onChange?: ((value: Arrayable<number>) => any) | undefined;
+  onInput?: ((value: Arrayable<number>) => any) | undefined;
 }>, {
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown>;
   readonly vertical: boolean;
-  readonly range: boolean;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly id: string;
+  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly range: boolean;
   readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
-  readonly min: number;
+  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly max: number;
-  readonly validateEvent: 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 min: number;
   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>;

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

@@ -83,11 +83,11 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly class: ClassValue;
   readonly fill: boolean;
   readonly style: StyleValue;
   readonly wrap: boolean;
   readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+  readonly class: ClassValue;
   readonly alignment: EpPropMergeType<(new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined)) | null)[], unknown, unknown>;
   readonly spacer: EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;

package/lib/components/splitter/src/hooks/index.d.ts

@@ -1,4 +1,4 @@
 import { useContainer } from "./useContainer.js";
 import { useResize } from "./useResize.js";
-import { getPct, getPx, isPct, isPx, useSize } from "./useSize.js";
-export { getPct, getPx, isPct, isPx, useContainer, useResize, useSize };
+import { useSize } from "./useSize.js";
+export { useContainer, useResize, useSize };

package/lib/components/splitter/src/hooks/index.js

@@ -1,11 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_useContainer = require("./useContainer.js");
-const require_useSize = require("./useSize.js");
 const require_useResize = require("./useResize.js");
-exports.getPct = require_useSize.getPct;
-exports.getPx = require_useSize.getPx;
-exports.isPct = require_useSize.isPct;
-exports.isPx = require_useSize.isPx;
+const require_useSize = require("./useSize.js");
 exports.useContainer = require_useContainer.useContainer;
 exports.useResize = require_useResize.useResize;
 exports.useSize = require_useSize.useSize;

package/lib/components/splitter/src/hooks/useResize.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_useSize = require("./useSize.js");
+const require_style = require("../../../../utils/dom/style.js");
 let lodash_unified = require("lodash-unified");
 let vue = require("vue");
 let _vue_shared = require("@vue/shared");
@@ -7,8 +7,8 @@ let _vue_shared = require("@vue/shared");
 function useResize(panels, containerSize, pxSizes, lazy) {
 	const ptg2px = (ptg) => ptg * containerSize.value || 0;
 	function getLimitSize(str, defaultLimit) {
-		if (require_useSize.isPct(str)) return ptg2px(require_useSize.getPct(str));
-		else if (require_useSize.isPx(str)) return require_useSize.getPx(str);
+		if (require_style.isPercent(str)) return ptg2px(require_style.percentToRatio(str));
+		else if (require_style.isPx(str)) return require_style.parsePx(str);
 		return str ?? defaultLimit;
 	}
 	const lazyOffset = (0, vue.ref)(0);

package/lib/components/splitter/src/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","names":["isPct","getPct","isPx","getPx","ref","NOOP","computed","clamp"],"sources":["../../../../../../../packages/components/splitter/src/hooks/useResize.ts"],"sourcesContent":["import { computed, ref, watch } from 'vue'\nimport { clamp } from 'lodash-unified'\nimport { getPct, getPx, isPct, isPx } from './useSize'\nimport { NOOP } from '@element-plus/utils'\n\nimport type { ComputedRef, Ref } from 'vue'\nimport type { PanelItemState } from '../type'\n\nexport function useResize(\n  panels: Ref<PanelItemState[]>,\n  containerSize: ComputedRef<number>,\n  pxSizes: ComputedRef<number[]>,\n  lazy: Ref<boolean>\n) {\n  const ptg2px = (ptg: number) => ptg * containerSize.value || 0\n\n  function getLimitSize(\n    str: string | number | undefined,\n    defaultLimit: number\n  ) {\n    if (isPct(str)) {\n      return ptg2px(getPct(str))\n    } else if (isPx(str)) {\n      return getPx(str)\n    }\n    return str ?? defaultLimit\n  }\n\n  const lazyOffset = ref(0)\n  const movingIndex = ref<{\n    index: number\n    confirmed: boolean\n  } | null>(null)\n\n  let cachePxSizes: number[] = []\n  let updatePanelSizes = NOOP\n\n  const limitSizes = computed(() =>\n    panels.value.map((item) => [item.min, item.max])\n  )\n\n  watch(lazy, () => {\n    if (lazyOffset.value) {\n      const mouseup = new MouseEvent('mouseup', { bubbles: true })\n      window.dispatchEvent(mouseup)\n    }\n  })\n\n  const onMoveStart = (index: number) => {\n    lazyOffset.value = 0\n    movingIndex.value = { index, confirmed: false }\n    cachePxSizes = pxSizes.value\n  }\n\n  const onMoving = (index: number, offset: number) => {\n    let confirmedIndex: number | null = null\n\n    // When overlapping, find the nearest draggable index\n    if ((!movingIndex.value || !movingIndex.value.confirmed) && offset !== 0) {\n      if (offset > 0) {\n        confirmedIndex = index\n        movingIndex.value = { index, confirmed: true }\n      } else {\n        for (let i = index; i >= 0; i -= 1) {\n          if (cachePxSizes[i]! > 0) {\n            confirmedIndex = i\n            movingIndex.value = { index: i, confirmed: true }\n            break\n          }\n        }\n      }\n    }\n    const mergedIndex = confirmedIndex ?? movingIndex.value?.index ?? index\n\n    const numSizes = [...cachePxSizes]\n    const nextIndex = mergedIndex + 1\n\n    // Handle the maximum and minimum edge cases\n    const startMinSize = getLimitSize(limitSizes.value[mergedIndex]![0], 0)\n    const endMinSize = getLimitSize(limitSizes.value[nextIndex]![0], 0)\n    const startMaxSize = getLimitSize(\n      limitSizes.value[mergedIndex]![1],\n      containerSize.value || 0\n    )\n    const endMaxSize = getLimitSize(\n      limitSizes.value[nextIndex]![1],\n      containerSize.value || 0\n    )\n\n    let mergedOffset = offset\n\n    if (numSizes[mergedIndex]! + mergedOffset < startMinSize) {\n      mergedOffset = startMinSize - numSizes[mergedIndex]!\n    }\n    if (numSizes[nextIndex]! - mergedOffset < endMinSize) {\n      mergedOffset = numSizes[nextIndex]! - endMinSize\n    }\n    if (numSizes[mergedIndex]! + mergedOffset > startMaxSize) {\n      mergedOffset = startMaxSize - numSizes[mergedIndex]!\n    }\n    if (numSizes[nextIndex]! - mergedOffset > endMaxSize) {\n      mergedOffset = numSizes[nextIndex]! - endMaxSize\n    }\n\n    numSizes[mergedIndex]! += mergedOffset\n    numSizes[nextIndex]! -= mergedOffset\n    lazyOffset.value = mergedOffset\n\n    updatePanelSizes = () => {\n      panels.value.forEach((panel, index) => {\n        panel.size = numSizes[index]\n      })\n      updatePanelSizes = NOOP\n    }\n\n    if (!lazy.value) {\n      updatePanelSizes()\n    }\n  }\n\n  const onMoveEnd = () => {\n    if (lazy.value) {\n      updatePanelSizes()\n    }\n\n    lazyOffset.value = 0\n    movingIndex.value = null\n    cachePxSizes = []\n  }\n\n  const cacheCollapsedSize: number[] = []\n  const onCollapse = (index: number, type: 'start' | 'end') => {\n    if (!cacheCollapsedSize.length) {\n      cacheCollapsedSize.push(\n        ...pxSizes.value.map((size, i) =>\n          size <= 0 ? getLimitSize(limitSizes.value[i]?.[0], 0) : size\n        )\n      )\n    }\n\n    const currentSizes = pxSizes.value\n\n    const currentIndex = type === 'start' ? index : index + 1\n    const targetIndex = type === 'start' ? index + 1 : index\n\n    const currentSize = currentSizes[currentIndex]\n    const targetSize = currentSizes[targetIndex]\n\n    if (currentSize !== 0 && targetSize !== 0) {\n      currentSizes[currentIndex] = 0\n      currentSizes[targetIndex]! += currentSize\n      cacheCollapsedSize[index] = currentSize\n    } else {\n      const totalSize = currentSize + targetSize\n\n      const targetCacheCollapsedSize = clamp(\n        cacheCollapsedSize[index],\n        0,\n        totalSize\n      )\n      const currentCacheCollapsedSize = totalSize - targetCacheCollapsedSize\n\n      currentSizes[targetIndex] = targetCacheCollapsedSize\n      currentSizes[currentIndex] = currentCacheCollapsedSize\n    }\n\n    panels.value.forEach((panel, index) => {\n      panel.size = currentSizes[index]\n    })\n  }\n\n  return {\n    lazyOffset,\n    onMoveStart,\n    onMoving,\n    onMoveEnd,\n    movingIndex,\n    onCollapse,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useResize.js","names":["isPercent","percentToRatio","isPx","parsePx","ref","NOOP","computed","clamp"],"sources":["../../../../../../../packages/components/splitter/src/hooks/useResize.ts"],"sourcesContent":["import { computed, ref, watch } from 'vue'\nimport { clamp } from 'lodash-unified'\nimport {\n  NOOP,\n  isPercent,\n  isPx,\n  parsePx,\n  percentToRatio,\n} from '@element-plus/utils'\n\nimport type { ComputedRef, Ref } from 'vue'\nimport type { PanelItemState } from '../type'\n\nexport function useResize(\n  panels: Ref<PanelItemState[]>,\n  containerSize: ComputedRef<number>,\n  pxSizes: ComputedRef<number[]>,\n  lazy: Ref<boolean>\n) {\n  const ptg2px = (ptg: number) => ptg * containerSize.value || 0\n\n  function getLimitSize(\n    str: string | number | undefined,\n    defaultLimit: number\n  ) {\n    if (isPercent(str)) {\n      return ptg2px(percentToRatio(str))\n    } else if (isPx(str)) {\n      return parsePx(str)\n    }\n    return str ?? defaultLimit\n  }\n\n  const lazyOffset = ref(0)\n  const movingIndex = ref<{\n    index: number\n    confirmed: boolean\n  } | null>(null)\n\n  let cachePxSizes: number[] = []\n  let updatePanelSizes = NOOP\n\n  const limitSizes = computed(() =>\n    panels.value.map((item) => [item.min, item.max])\n  )\n\n  watch(lazy, () => {\n    if (lazyOffset.value) {\n      const mouseup = new MouseEvent('mouseup', { bubbles: true })\n      window.dispatchEvent(mouseup)\n    }\n  })\n\n  const onMoveStart = (index: number) => {\n    lazyOffset.value = 0\n    movingIndex.value = { index, confirmed: false }\n    cachePxSizes = pxSizes.value\n  }\n\n  const onMoving = (index: number, offset: number) => {\n    let confirmedIndex: number | null = null\n\n    // When overlapping, find the nearest draggable index\n    if ((!movingIndex.value || !movingIndex.value.confirmed) && offset !== 0) {\n      if (offset > 0) {\n        confirmedIndex = index\n        movingIndex.value = { index, confirmed: true }\n      } else {\n        for (let i = index; i >= 0; i -= 1) {\n          if (cachePxSizes[i]! > 0) {\n            confirmedIndex = i\n            movingIndex.value = { index: i, confirmed: true }\n            break\n          }\n        }\n      }\n    }\n    const mergedIndex = confirmedIndex ?? movingIndex.value?.index ?? index\n\n    const numSizes = [...cachePxSizes]\n    const nextIndex = mergedIndex + 1\n\n    // Handle the maximum and minimum edge cases\n    const startMinSize = getLimitSize(limitSizes.value[mergedIndex]![0], 0)\n    const endMinSize = getLimitSize(limitSizes.value[nextIndex]![0], 0)\n    const startMaxSize = getLimitSize(\n      limitSizes.value[mergedIndex]![1],\n      containerSize.value || 0\n    )\n    const endMaxSize = getLimitSize(\n      limitSizes.value[nextIndex]![1],\n      containerSize.value || 0\n    )\n\n    let mergedOffset = offset\n\n    if (numSizes[mergedIndex]! + mergedOffset < startMinSize) {\n      mergedOffset = startMinSize - numSizes[mergedIndex]!\n    }\n    if (numSizes[nextIndex]! - mergedOffset < endMinSize) {\n      mergedOffset = numSizes[nextIndex]! - endMinSize\n    }\n    if (numSizes[mergedIndex]! + mergedOffset > startMaxSize) {\n      mergedOffset = startMaxSize - numSizes[mergedIndex]!\n    }\n    if (numSizes[nextIndex]! - mergedOffset > endMaxSize) {\n      mergedOffset = numSizes[nextIndex]! - endMaxSize\n    }\n\n    numSizes[mergedIndex]! += mergedOffset\n    numSizes[nextIndex]! -= mergedOffset\n    lazyOffset.value = mergedOffset\n\n    updatePanelSizes = () => {\n      panels.value.forEach((panel, index) => {\n        panel.size = numSizes[index]\n      })\n      updatePanelSizes = NOOP\n    }\n\n    if (!lazy.value) {\n      updatePanelSizes()\n    }\n  }\n\n  const onMoveEnd = () => {\n    if (lazy.value) {\n      updatePanelSizes()\n    }\n\n    lazyOffset.value = 0\n    movingIndex.value = null\n    cachePxSizes = []\n  }\n\n  const cacheCollapsedSize: number[] = []\n  const onCollapse = (index: number, type: 'start' | 'end') => {\n    if (!cacheCollapsedSize.length) {\n      cacheCollapsedSize.push(\n        ...pxSizes.value.map((size, i) =>\n          size <= 0 ? getLimitSize(limitSizes.value[i]?.[0], 0) : size\n        )\n      )\n    }\n\n    const currentSizes = pxSizes.value\n\n    const currentIndex = type === 'start' ? index : index + 1\n    const targetIndex = type === 'start' ? index + 1 : index\n\n    const currentSize = currentSizes[currentIndex]\n    const targetSize = currentSizes[targetIndex]\n\n    if (currentSize !== 0 && targetSize !== 0) {\n      currentSizes[currentIndex] = 0\n      currentSizes[targetIndex]! += currentSize\n      cacheCollapsedSize[index] = currentSize\n    } else {\n      const totalSize = currentSize + targetSize\n\n      const targetCacheCollapsedSize = clamp(\n        cacheCollapsedSize[index],\n        0,\n        totalSize\n      )\n      const currentCacheCollapsedSize = totalSize - targetCacheCollapsedSize\n\n      currentSizes[targetIndex] = targetCacheCollapsedSize\n      currentSizes[currentIndex] = currentCacheCollapsedSize\n    }\n\n    panels.value.forEach((panel, index) => {\n      panel.size = currentSizes[index]\n    })\n  }\n\n  return {\n    lazyOffset,\n    onMoveStart,\n    onMoving,\n    onMoveEnd,\n    movingIndex,\n    onCollapse,\n  }\n}\n"],"mappings":"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"}

package/lib/components/splitter/src/hooks/useSize.d.ts

@@ -2,13 +2,9 @@ import { PanelItemState } from "../type.js";
 import { ComputedRef, Ref } from "vue";
 
 //#region ../../packages/components/splitter/src/hooks/useSize.d.ts
-declare function getPct(str: string): number;
-declare function getPx(str: string): number;
-declare function isPct(itemSize: string | number | undefined): itemSize is string;
-declare function isPx(itemSize: string | number | undefined): itemSize is string;
 declare function useSize(panels: Ref<PanelItemState[]>, containerSize: ComputedRef<number>): {
   percentSizes: Ref<number[], number[]>;
   pxSizes: ComputedRef<number[]>;
 };
 //#endregion
-export { getPct, getPx, isPct, isPx, useSize };
+export { useSize };