@element-plus/nightly 0.0.20260804 → 0.0.20260807

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

@@ -19,23 +19,24 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   hide: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:visible": (value: boolean) => void;
-  "after-enter": () => void;
-  "after-leave": () => void;
   "before-enter": () => void;
   "before-leave": () => void;
+  "after-enter": () => void;
+  "after-leave": () => void;
 }, string, _$vue.PublicProps, Readonly<PopoverProps> & Readonly<{
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-  "onAfter-enter"?: (() => any) | undefined;
-  "onAfter-leave"?: (() => any) | undefined;
   "onBefore-enter"?: (() => any) | undefined;
   "onBefore-leave"?: (() => any) | undefined;
+  "onAfter-enter"?: (() => any) | undefined;
+  "onAfter-leave"?: (() => any) | undefined;
 }>, {
+  visible: boolean | null;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  width: string | number;
+  content: string;
   title: string;
-  effect: PopperEffect;
   tabindex: string | number;
-  visible: boolean | null;
-  content: string;
+  effect: PopperEffect;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
@@ -49,7 +50,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   offset: number;
   placement: Placement;
   popperOptions: Partial<Options>;
-  strategy: "fixed" | "absolute";
+  strategy: "absolute" | "fixed";
   arrowOffset: number;
   showArrow: boolean;
   persistent: boolean;
@@ -59,7 +60,6 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   autoClose: number;
   trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
-  width: string | number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/popper/src/content.d.ts

@@ -43,7 +43,7 @@ declare const popperCoreConfigProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `PopperCoreConfigProps` instead.
@@ -113,7 +113,7 @@ declare const popperContentProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `PopperContentProps` instead.
@@ -165,7 +165,7 @@ declare const usePopperCoreConfigProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
 };
 /** @deprecated use `popperContentProps` instead, and it will be deprecated in the next major version */
 declare const usePopperContentProps: {
@@ -209,7 +209,7 @@ declare const usePopperContentProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
 };
 /** @deprecated use `popperContentEmits` instead, and it will be deprecated in the next major version */
 declare const usePopperContentEmits: {

package/lib/components/popper/src/content.vue.d.ts

@@ -28,21 +28,21 @@ declare const __VLS_base: _$vue.DefineComponent<PopperContentProps, {
    */
   contentStyle: _$vue.ComputedRef<_$vue.StyleValue[]>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  focus: () => void;
   blur: () => void;
-  mouseleave: (evt: MouseEvent) => void;
-  mouseenter: (evt: MouseEvent) => void;
   close: () => void;
+  focus: () => void;
+  mouseenter: (evt: MouseEvent) => void;
+  mouseleave: (evt: MouseEvent) => void;
 }, string, _$vue.PublicProps, Readonly<PopperContentProps> & Readonly<{
-  onFocus?: (() => any) | undefined;
   onBlur?: (() => any) | undefined;
-  onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-  onMouseenter?: ((evt: MouseEvent) => any) | undefined;
   onClose?: (() => any) | undefined;
+  onFocus?: (() => any) | undefined;
+  onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+  onMouseleave?: ((evt: MouseEvent) => any) | undefined;
 }>, {
+  visible: boolean;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   effect: PopperEffect;
-  visible: boolean;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
@@ -57,7 +57,7 @@ declare const __VLS_base: _$vue.DefineComponent<PopperContentProps, {
   offset: number;
   placement: Placement$1;
   popperOptions: Partial<Options$1>;
-  strategy: "fixed" | "absolute";
+  strategy: "absolute" | "fixed";
   arrowOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -22,7 +22,7 @@ interface PopperProps {
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
  */
 declare const popperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
@@ -31,7 +31,7 @@ type PopperPropsPublic = ExtractPublicPropTypes<typeof popperProps>;
 type PopperInstance = InstanceType<typeof _default> & unknown;
 /** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */
 declare const usePopperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 /** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */
 type UsePopperProps = PopperProps;

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

@@ -80,7 +80,7 @@ declare const progressProps: {
   readonly textInside: BooleanConstructor;
   readonly width: EpPropFinalized<NumberConstructor, unknown, unknown, 126, boolean>;
   readonly showText: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly color: EpPropFinalized<(new (...args: any[]) => string | ProgressFn | ProgressColor[]) | (() => string | ProgressFn | ProgressColor[]) | (((new (...args: any[]) => string | ProgressFn | ProgressColor[]) | (() => string | ProgressFn | ProgressColor[])) | null)[], unknown, unknown, "", boolean>;
+  readonly color: EpPropFinalized<(new (...args: any[]) => string | ProgressColor[] | ProgressFn) | (() => string | ProgressColor[] | ProgressFn) | (((new (...args: any[]) => string | ProgressColor[] | ProgressFn) | (() => string | ProgressColor[] | ProgressFn)) | null)[], unknown, unknown, "", boolean>;
   readonly striped: BooleanConstructor;
   readonly stripedFlow: BooleanConstructor;
   readonly format: EpPropFinalized<(new (...args: any[]) => ProgressFn) | (() => ProgressFn) | {

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

@@ -14,15 +14,15 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
   type: "line" | "circle" | "dashboard";
+  width: number;
   color: string | ProgressColor[] | ProgressFn;
   strokeLinecap: NonNullable<_$vue.SVGAttributes["stroke-linecap"]>;
   strokeWidth: number;
-  width: number;
-  duration: number;
+  format: ProgressFn;
   percentage: number;
   status: "" | "success" | "exception" | "warning";
+  duration: number;
   showText: boolean;
-  format: ProgressFn;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/radio/src/radio-button.d.ts

@@ -10,16 +10,16 @@ interface RadioButtonProps extends RadioPropsBase {}
  * @deprecated Removed after 3.0.0, Use `RadioButtonProps` instead.
  */
 declare const radioButtonProps: {
-  readonly modelValue: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly label: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  readonly value: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 /**

package/lib/components/radio/src/radio-button.vue.d.ts

@@ -9,9 +9,9 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<RadioButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {
   label: string | number | boolean;
   disabled: boolean;
-  modelValue: string | number | boolean;
   name: string;
   value: string | number | boolean;
+  modelValue: string | number | boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/radio/src/radio-group.d.ts

@@ -69,7 +69,7 @@ declare const radioGroupProps: {
   readonly ariaLabel: StringConstructor;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/radio/src/radio-group.vue.d.ts

@@ -10,17 +10,17 @@ declare const __VLS_base: _$vue.DefineComponent<RadioGroupProps, {}, {}, {}, {},
   "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (val: string | number | boolean | undefined) => void;
 }, string, _$vue.PublicProps, Readonly<RadioGroupProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
-  type: "radio" | "button";
-  fill: string;
-  id: string;
   disabled: boolean;
+  id: string;
+  props: radioOptionProp;
+  fill: string;
+  type: "radio" | "button";
+  name: string;
   modelValue: string | number | boolean;
   validateEvent: boolean;
-  name: string;
-  props: radioOptionProp;
   textColor: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -41,16 +41,16 @@ interface RadioProps extends RadioPropsBase {
  * @deprecated Removed after 3.0.0, Use `RadioPropsBase` instead.
  */
 declare const radioPropsBase: {
-  modelValue: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  label: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  value: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 /**
@@ -58,16 +58,16 @@ declare const radioPropsBase: {
  */
 declare const radioProps: {
   readonly border: BooleanConstructor;
-  readonly modelValue: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly label: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  readonly value: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 declare const radioEmits: {

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

@@ -10,15 +10,15 @@ declare const __VLS_base: _$vue.DefineComponent<RadioProps, {}, {}, {}, {}, _$vu
   "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (val: string | number | boolean | undefined) => void;
 }, string, _$vue.PublicProps, Readonly<RadioProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
   label: string | number | boolean;
   disabled: boolean;
-  modelValue: string | number | boolean;
   name: string;
-  value: string | number | boolean;
   border: boolean;
+  value: string | number | boolean;
+  modelValue: string | number | boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -10,7 +10,7 @@ declare const useRadio: (props: RadioProps | RadioButtonProps, emit?: SetupConte
   isGroup: _$vue.ComputedRef<boolean>;
   radioGroup: RadioGroupContext | undefined;
   focus: _$vue.Ref<boolean, boolean>;
-  size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+  size: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   disabled: _$vue.ComputedRef<boolean>;
   tabIndex: _$vue.ComputedRef<0 | -1>;
   modelValue: _$vue.WritableComputedRef<string | number | boolean | undefined, string | number | boolean | undefined>;

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

@@ -116,7 +116,7 @@ declare const rateProps: {
   readonly texts: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], boolean>;
   readonly scoreTemplate: EpPropFinalized<StringConstructor, unknown, unknown, "{value}", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -12,11 +12,11 @@ declare const __VLS_export: _$vue.DefineComponent<RateProps, {
   "update:modelValue": (value: number) => void;
   change: (value: number) => void;
 }, string, _$vue.PublicProps, Readonly<RateProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
   onChange?: ((value: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-  id: string;
   disabled: boolean;
+  id: string;
   modelValue: number;
   max: number;
   textColor: string;

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

@@ -31,7 +31,7 @@ interface ResultProps {
 declare const resultProps: {
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly subTitle: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly icon: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+  readonly icon: EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `ResultProps` instead.

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

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
   extra?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ResultProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ResultProps> & Readonly<{}>, {
-  title: string;
   icon: "primary" | "success" | "warning" | "info" | "error";
+  title: string;
   subTitle: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/roving-focus-group/src/roving-focus-group-impl.vue.d.ts

@@ -49,8 +49,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onEntryFocus?: ((...args: any[]) => any) | undefined;
 }>, {
   style: StyleValue;
-  dir: string;
   loop: boolean;
+  dir: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default as default };

package/lib/components/roving-focus-group/src/roving-focus-group.vue.d.ts

@@ -65,8 +65,8 @@ declare const __VLS_export: _$vue.DefineComponent<{}, {}, {}, {}, {}, _$vue.Comp
     onEntryFocus?: ((...args: any[]) => any) | undefined;
   }>, {
     style: _$vue.StyleValue;
-    dir: string;
     loop: boolean;
+    dir: string;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 }, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -30,7 +30,7 @@ interface RowProps {
 declare const rowProps: {
   readonly tag: EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
   readonly gutter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-  readonly justify: EpPropFinalized<StringConstructor, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown, "start", boolean>;
+  readonly justify: EpPropFinalized<StringConstructor, "space-around" | "space-between" | "space-evenly" | "center" | "end" | "start", unknown, "start", boolean>;
   readonly align: {
     readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "middle" | "bottom" | "top", unknown>>;
     readonly required: false;

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

@@ -30,16 +30,16 @@ declare const __VLS_base: _$vue.DefineComponent<ScrollbarProps, {
   }) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
 }>, {
-  tabindex: number | string;
   height: number | string;
-  maxHeight: number | string;
+  tag: keyof HTMLElementTagNameMap | (string & {});
   distance: number;
+  maxHeight: number | string;
   wrapStyle: string | false | CSSProperties | StyleValue[] | null;
   wrapClass: string | false | Record<string, any> | ClassValue[] | null;
   viewClass: string | false | Record<string, any> | ClassValue[] | null;
   viewStyle: string | false | CSSProperties | StyleValue[] | null;
-  tag: keyof HTMLElementTagNameMap | (string & {});
   minSize: number;
+  tabindex: number | string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_script_setup_true_lang.js

@@ -25,6 +25,7 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 		let stopResizeObserver = void 0;
 		let stopWrapResizeObserver = void 0;
 		let stopResizeListener = void 0;
+		let rafId = 0;
 		let wrapScrollTop = 0;
 		let wrapScrollLeft = 0;
 		let direction = "";
@@ -122,6 +123,15 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 			distanceScrollState[direction] = false;
 			if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value);
 		};
+		const updateBar = () => {
+			if (rafId) return;
+			rafId = requestAnimationFrame(() => {
+				rafId = 0;
+				if (!wrapRef.value) return;
+				barRef.value?.update();
+				barRef.value?.handleScroll(wrapRef.value);
+			});
+		};
 		(0, vue.watch)(() => props.noresize, (noresize) => {
 			if (noresize) {
 				stopResizeObserver?.();
@@ -179,7 +189,9 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 				class: (0, vue.normalizeClass)(wrapKls.value),
 				style: (0, vue.normalizeStyle)(wrapStyle.value),
 				tabindex: __props.tabindex,
-				onScroll: handleScroll
+				onScroll: handleScroll,
+				onTransitionend: updateBar,
+				onAnimationend: updateBar
 			}, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.tag), {
 				id: __props.id,
 				ref_key: "resizeRef",

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport {\n  addUnit,\n  debugWarn,\n  isGreaterThan,\n  isNumber,\n  isObject,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom: !isGreaterThan(\n        wrapRef.value.scrollHeight - props.distance,\n        wrapRef.value.clientHeight + wrapScrollTop\n      ),\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        !isGreaterThan(\n          wrapRef.value.scrollWidth - props.distance,\n          wrapRef.value.clientWidth + wrapScrollLeft\n        ) && prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"scrollbar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n      @transitionend=\"updateBar\"\n      @animationend=\"updateBar\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport {\n  addUnit,\n  debugWarn,\n  isGreaterThan,\n  isNumber,\n  isObject,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet rafId = 0\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom: !isGreaterThan(\n        wrapRef.value.scrollHeight - props.distance,\n        wrapRef.value.clientHeight + wrapScrollTop\n      ),\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        !isGreaterThan(\n          wrapRef.value.scrollWidth - props.distance,\n          wrapRef.value.clientWidth + wrapScrollLeft\n        ) && prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\n// Transform-driven overflow (e.g. slide transitions) is not observable via\n// resize observers, so refresh the bar when transitions/animations end —\n// this applies even when `noresize` is set.\nconst updateBar = () => {\n  if (rafId) return\n  rafId = requestAnimationFrame(() => {\n    rafId = 0\n    if (!wrapRef.value) return\n\n    // Bar state may be stale even when the final scroll dimensions match a\n    // previously seen value (e.g. `onUpdated` measured the transient\n    // overflow mid-transition), so always refresh the bar here.\n    barRef.value?.update()\n    barRef.value?.handleScroll(wrapRef.value)\n  })\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/scrollbar/src/scrollbar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar2.js","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport {\n  addUnit,\n  debugWarn,\n  isGreaterThan,\n  isNumber,\n  isObject,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom: !isGreaterThan(\n        wrapRef.value.scrollHeight - props.distance,\n        wrapRef.value.clientHeight + wrapScrollTop\n      ),\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        !isGreaterThan(\n          wrapRef.value.scrollWidth - props.distance,\n          wrapRef.value.clientWidth + wrapScrollLeft\n        ) && prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"scrollbar2.js","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n      @transitionend=\"updateBar\"\n      @animationend=\"updateBar\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport {\n  addUnit,\n  debugWarn,\n  isGreaterThan,\n  isNumber,\n  isObject,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet rafId = 0\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom: !isGreaterThan(\n        wrapRef.value.scrollHeight - props.distance,\n        wrapRef.value.clientHeight + wrapScrollTop\n      ),\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        !isGreaterThan(\n          wrapRef.value.scrollWidth - props.distance,\n          wrapRef.value.clientWidth + wrapScrollLeft\n        ) && prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\n// Transform-driven overflow (e.g. slide transitions) is not observable via\n// resize observers, so refresh the bar when transitions/animations end —\n// this applies even when `noresize` is set.\nconst updateBar = () => {\n  if (rafId) return\n  rafId = requestAnimationFrame(() => {\n    rafId = 0\n    if (!wrapRef.value) return\n\n    // Bar state may be stale even when the final scroll dimensions match a\n    // previously seen value (e.g. `onUpdated` measured the transient\n    // overflow mid-transition), so always refresh the bar here.\n    barRef.value?.update()\n    barRef.value?.handleScroll(wrapRef.value)\n  })\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":""}

package/lib/components/segmented/index.d.ts

@@ -5,13 +5,13 @@ import * as _$vue from "vue";
 
 //#region ../../packages/components/segmented/index.d.ts
 declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
-  attrs: any;
   emit: ((event: "update:modelValue", val: any) => void) & ((event: "change", val: any) => void);
   slots: {
     default?: (props: {
       item: T;
     }) => any;
   };
+  attrs: any;
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & {
     direction?: "vertical" | "horizontal" | undefined;
@@ -25,8 +25,8 @@ declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable
     id?: string | undefined;
     name?: string | undefined;
     ariaLabel?: string | undefined;
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     onChange?: ((val: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
   } & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -47,7 +47,7 @@ declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable
     modelValue?: string | number | boolean | (() => string | number | boolean) | undefined;
     props?: (() => Props) | undefined;
     block?: boolean | (() => boolean) | undefined;
-    size?: "" | "small" | "default" | "large" | (() => "" | "small" | "default" | "large") | undefined;
+    size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
     disabled?: boolean | (() => boolean) | undefined;
     validateEvent?: boolean | (() => boolean) | undefined;
     id?: string | (() => string) | undefined;

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

@@ -63,11 +63,11 @@ declare const segmentedProps: {
   ariaLabel: StringConstructor;
   direction: EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical")) | null)[], unknown, unknown, string, boolean>;
   options: EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | (((new (...args: any[]) => Option[]) | (() => Option[])) | null)[], unknown, unknown, () => never[], boolean>;
-  modelValue: EpPropFinalized<(StringConstructor | BooleanConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;
   block: BooleanConstructor;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;