@element-plus/nightly 0.0.20260416 → 0.0.20260418

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

@@ -41,7 +41,7 @@ declare const useTooltipProps: {
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   arrowOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
   disabled: BooleanConstructor;
-  trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   focusOnTarget: BooleanConstructor;
   virtualRef: {
@@ -350,7 +350,7 @@ declare const useTooltipProps: {
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
   showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   hideAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
   autoClose: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -360,7 +360,7 @@ declare const useTooltipProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  role: EpPropFinalized<StringConstructor, "dialog" | "menu" | "tooltip" | "grid" | "group" | "listbox" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 declare const tooltipEmits: readonly [..."update:visible"[], "before-show", "before-hide", "show", "hide", "open", "close"];
 /**

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

@@ -45,28 +45,26 @@ declare const __VLS_base: vue.DefineComponent<UseTooltipProps, {
    */
   hide: (event?: Event) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  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;
+  show: (...args: any[]) => void;
+  hide: (...args: any[]) => void;
+  open: (...args: any[]) => void;
+  close: (...args: any[]) => void;
 }, string, vue.PublicProps, Readonly<UseTooltipProps> & Readonly<{
-  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;
+  onShow?: ((...args: any[]) => any) | undefined;
+  onHide?: ((...args: any[]) => any) | undefined;
+  onOpen?: ((...args: any[]) => any) | undefined;
+  onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-  content: string;
-  offset: number;
-  teleported: boolean;
-  effect: PopperEffect;
-  visible: boolean | null;
+  role: typeof roleTypes[number];
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
+  visible: boolean | null;
+  effect: PopperEffect;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
@@ -77,12 +75,14 @@ declare const __VLS_base: vue.DefineComponent<UseTooltipProps, {
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
+  offset: number;
   placement: Placement;
   popperOptions: Partial<Options>;
-  strategy: "fixed" | "absolute";
+  strategy: "absolute" | "fixed";
   arrowOffset: number;
   showArrow: boolean;
-  role: typeof roleTypes[number];
+  content: string;
+  teleported: boolean;
   showAfter: number;
   hideAfter: number;
   autoClose: number;

package/es/components/tooltip/src/trigger.d.ts

@@ -37,7 +37,7 @@ declare const useTooltipTriggerPropsDefaults: {
  */
 declare const useTooltipTriggerProps: {
   readonly disabled: BooleanConstructor;
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   readonly focusOnTarget: BooleanConstructor;
   readonly virtualRef: {

package/es/components/tour/src/content.d.ts

@@ -38,7 +38,7 @@ interface TourContentProps {
 declare const tourContentProps: {
   placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   reference: EpPropFinalized<(new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null) | (((new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null)) | null)[], unknown, unknown, null, boolean>;
-  strategy: EpPropFinalized<(new (...args: any[]) => "fixed" | "absolute") | (() => Strategy) | (((new (...args: any[]) => "fixed" | "absolute") | (() => Strategy)) | null)[], "fixed" | "absolute", unknown, string, boolean>;
+  strategy: EpPropFinalized<(new (...args: any[]) => "absolute" | "fixed") | (() => Strategy) | (((new (...args: any[]) => "absolute" | "fixed") | (() => Strategy)) | null)[], "absolute" | "fixed", unknown, string, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   showArrow: BooleanConstructor;
   zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;

package/es/components/tour/src/step.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_base: vue.DefineComponent<TourStepProps, {}, {}, {}, {}, vue
   placement: _floating_ui_dom0.Placement;
   showArrow: boolean;
   mask: TourMask;
-  showClose: boolean;
   scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
+  showClose: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -15,26 +15,26 @@ type __VLS_Slots = {} & {
   indicators?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: vue.DefineComponent<TourProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  change: (current: number) => void;
   close: (current: number) => void;
-  "update:modelValue": (value: boolean) => void;
   finish: () => void;
+  change: (current: number) => void;
+  "update:modelValue": (value: boolean) => void;
   "update:current": (current: number) => void;
 }, string, vue.PublicProps, Readonly<TourProps> & Readonly<{
-  onChange?: ((current: number) => any) | undefined;
   onClose?: ((current: number) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onFinish?: (() => any) | undefined;
+  onChange?: ((current: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {
-  gap: TourGap;
-  appendTo: string | HTMLElement;
   placement: _floating_ui_dom0.Placement;
   showArrow: boolean;
+  appendTo: string | HTMLElement;
+  gap: TourGap;
   mask: TourMask;
+  scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
   closeOnPressEscape: boolean;
   showClose: boolean;
-  scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
   current: number;
   targetAreaClickable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1369,8 +1369,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
   readonly props: TreeOptionProps;
   readonly data: TreeData;
-  readonly checkStrictly: boolean;
   readonly lazy: boolean;
+  readonly checkStrictly: boolean;
   readonly checkOnClickNode: boolean;
   readonly checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly accordion: boolean;
@@ -1484,13 +1484,13 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         change: (val: CheckboxValueType) => void;
         "update:modelValue": (val: CheckboxValueType) => void;
       }, vue.PublicProps, {
-        id: string;
         disabled: boolean;
-        modelValue: number | string | boolean;
-        validateEvent: boolean;
-        name: string;
         value: string | boolean | number | object;
+        id: string;
         label: string | boolean | number | object;
+        name: string;
+        modelValue: number | string | boolean;
+        validateEvent: boolean;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
@@ -1506,13 +1506,13 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         onChange?: ((val: CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
-        id: string;
         disabled: boolean;
-        modelValue: number | string | boolean;
-        validateEvent: boolean;
-        name: string;
         value: string | boolean | number | object;
+        id: string;
         label: string | boolean | number | object;
+        name: string;
+        modelValue: number | string | boolean;
+        validateEvent: boolean;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
@@ -1528,13 +1528,13 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, string, {
-      id: string;
       disabled: boolean;
-      modelValue: number | string | boolean;
-      validateEvent: boolean;
-      name: string;
       value: string | boolean | number | object;
+      id: string;
       label: string | boolean | number | object;
+      name: string;
+      modelValue: number | string | boolean;
+      validateEvent: boolean;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;

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

@@ -103,7 +103,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   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>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -165,14 +165,14 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   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>;
   tagType: {
     default: string;
-    type: vue.PropType<EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>>;
+    type: vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   tagEffect: {
     default: string;
-    type: vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    type: vue.PropType<EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -181,9 +181,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "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" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
-  tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+  tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -292,7 +292,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   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>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -354,14 +354,14 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   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>;
   tagType: {
     default: string;
-    type: vue.PropType<EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>>;
+    type: vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   tagEffect: {
     default: string;
-    type: vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    type: vue.PropType<EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -370,9 +370,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "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" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
-  tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
+  tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -386,41 +386,41 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  loading: boolean;
+  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>;
   props: TreeOptionProps;
+  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  data: TreeData;
+  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
+  popperClass: string;
+  fallbackPlacements: Placement[];
   offset: number;
+  placement: EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "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" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  popperOptions: Partial<Options>;
+  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
+  multiple: boolean;
+  lazy: boolean;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
   autocomplete: string;
   clearable: boolean;
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
   suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
-  tabindex: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
   validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  multiple: boolean;
-  popperClass: string;
-  fallbackPlacements: Placement[];
-  placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
-  popperOptions: Partial<Options>;
-  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  data: TreeData;
   valueKey: string;
   debounce: number;
   fitInputWidth: boolean;
-  loading: boolean;
-  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>;
   checkStrictly: boolean;
-  lazy: boolean;
   checkOnClickNode: boolean;
   checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   filterable: boolean;
   collapseTags: boolean;
   maxCollapseTags: number;
   collapseTagsTooltip: boolean;
-  tagType: EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>;
-  tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
+  tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+  tagEffect: EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>;
   accordion: boolean;
   automaticDropdown: boolean;
   draggable: boolean;

package/es/components/upload/src/upload-content.vue.d.ts

@@ -18,10 +18,10 @@ declare const __VLS_base: vue.DefineComponent<UploadContentProps, {
   upload: (rawFile: UploadRawFile) => Promise<void>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UploadContentProps> & Readonly<{}>, {
   disabled: boolean;
+  data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   name: string;
   onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
-  data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   beforeUpload: UploadHooks["beforeUpload"];
   onRemove: (file: UploadFile | UploadRawFile) => void;
   onSuccess: (response: any, rawFile: UploadRawFile) => unknown;

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

@@ -36,12 +36,12 @@ declare const __VLS_base: vue.DefineComponent<UploadProps, {
   handleStart: (rawFile: UploadRawFile) => void; /** @description remove the file manually */
   handleRemove: (file: UploadFile | UploadRawFile) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UploadProps> & Readonly<{}>, {
-  onChange: UploadHooks["onChange"];
   disabled: boolean;
+  data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   name: string;
+  onChange: UploadHooks["onChange"];
   onError: UploadHooks["onError"];
   onProgress: UploadHooks["onProgress"];
-  data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   beforeUpload: UploadHooks["beforeUpload"];
   onRemove: UploadHooks["onRemove"];
   onPreview: UploadHooks["onPreview"];

package/es/components/virtual-list/index.d.ts

@@ -1,8 +1,8 @@
 import { FixedSizeList, FixedSizeListInstance } from "./src/components/fixed-size-list.js";
-import { Alignment, Direction, ExposesStates, GetEstimatedTotalSize, GetGridOffset, GetOffset, GetPosition, GetStartIndexForOffset, GetStopIndexForStartIndex, GridCache, GridConstructorProps, GridDefaultSlotParams, GridExposes, GridItemKeyGetter, GridItemRenderedEvtParams, GridScrollOptions, GridStates, InitCacheFunc, InitGridCacheFunc, InitListCacheFunc, Instance, ItemProps, ItemSize, LayoutDirection, ListCache, ListConstructorProps, ListExposes, ListItem, ListItemSizer, PropValidator, RTLOffsetType, ScrollDir, ScrollbarExpose, SharedExposes } from "./src/types.js";
+import { Alignment, Direction, ExposesStates, GetEstimatedTotalSize, GetGridOffset, GetOffset, GetPosition, GetStartIndexForOffset, GetStopIndexForStartIndex, GridCache, GridConstructorProps, GridDefaultSlotParams, GridExposes, GridItemKeyGetter, GridItemRenderedEvtParams, GridScrollOptions, GridStates, InitCacheFunc, InitGridCacheFunc, InitListCacheFunc, Instance, ItemProps, ItemSize, LayoutDirection, ListCache, ListConstructorProps, ListExposes, ListItem, ListItemSizer, PropValidator, RTLOffsetType, ScrollDir, ScrollDirection, ScrollbarExpose, SharedExposes } from "./src/types.js";
 import { DynamicSizeList, DynamicSizeListInstance } from "./src/components/dynamic-size-list.js";
 import { FixedSizeGrid } from "./src/components/fixed-size-grid.js";
 import { VirtualizedGridProps, VirtualizedGridPropsPublic, VirtualizedListProps, VirtualizedListPropsPublic, VirtualizedProps, VirtualizedPropsPublic, VirtualizedScrollbarProps, VirtualizedScrollbarPropsPublic, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps } from "./src/props.js";
 import { GridInstance } from "./src/builders/build-grid.js";
 import { DynamicSizeGrid, DynamicSizeGridInstance, ResetAfterIndex, ResetAfterIndices } from "./src/components/dynamic-size-grid.js";
-export { Alignment, Direction, DynamicSizeGrid, type DynamicSizeGridInstance, DynamicSizeList, type DynamicSizeListInstance, ExposesStates, FixedSizeGrid, FixedSizeList, type FixedSizeListInstance, GetEstimatedTotalSize, GetGridOffset, GetOffset, GetPosition, GetStartIndexForOffset, GetStopIndexForStartIndex, GridCache, GridConstructorProps, GridDefaultSlotParams, GridExposes, type GridInstance, GridItemKeyGetter, GridItemRenderedEvtParams, GridScrollOptions, GridStates, InitCacheFunc, InitGridCacheFunc, InitListCacheFunc, Instance, ItemProps, ItemSize, LayoutDirection, ListCache, ListConstructorProps, ListExposes, ListItem, ListItemSizer, PropValidator, RTLOffsetType, type ResetAfterIndex, type ResetAfterIndices, ScrollDir, ScrollbarExpose, SharedExposes, VirtualizedGridProps, VirtualizedGridPropsPublic, VirtualizedListProps, VirtualizedListPropsPublic, VirtualizedProps, VirtualizedPropsPublic, VirtualizedScrollbarProps, VirtualizedScrollbarPropsPublic, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { Alignment, Direction, DynamicSizeGrid, type DynamicSizeGridInstance, DynamicSizeList, type DynamicSizeListInstance, ExposesStates, FixedSizeGrid, FixedSizeList, type FixedSizeListInstance, GetEstimatedTotalSize, GetGridOffset, GetOffset, GetPosition, GetStartIndexForOffset, GetStopIndexForStartIndex, GridCache, GridConstructorProps, GridDefaultSlotParams, GridExposes, type GridInstance, GridItemKeyGetter, GridItemRenderedEvtParams, GridScrollOptions, GridStates, InitCacheFunc, InitGridCacheFunc, InitListCacheFunc, Instance, ItemProps, ItemSize, LayoutDirection, ListCache, ListConstructorProps, ListExposes, ListItem, ListItemSizer, PropValidator, RTLOffsetType, type ResetAfterIndex, type ResetAfterIndices, ScrollDir, ScrollDirection, ScrollbarExpose, SharedExposes, VirtualizedGridProps, VirtualizedGridPropsPublic, VirtualizedListProps, VirtualizedListPropsPublic, VirtualizedProps, VirtualizedPropsPublic, VirtualizedScrollbarProps, VirtualizedScrollbarPropsPublic, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };

package/es/components/virtual-list/src/builders/build-grid.d.ts

@@ -207,8 +207,8 @@ declare const createGrid: ({
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly className: string;
   readonly data: any[];
+  readonly className: string;
   readonly scrollbarAlwaysOn: boolean;
   readonly itemKey: GridItemKeyGetter;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;

package/es/components/virtual-list/src/builders/build-list.mjs

@@ -1,22 +1,27 @@
 import { isClient as isClient$1 } from "../../../../utils/browser.mjs";
 import { isNumber, isString } from "../../../../utils/types.mjs";
 import { hasOwn } from "../../../../utils/objects.mjs";
+import { isGreaterThan } from "../../../../utils/numbers.mjs";
 import { useNamespace } from "../../../../hooks/use-namespace/index.mjs";
 import { useCache } from "../hooks/use-cache.mjs";
-import { AUTO_ALIGNMENT, BACKWARD, FORWARD, HORIZONTAL, ITEM_RENDER_EVT, RTL, RTL_OFFSET_NAG, RTL_OFFSET_POS_ASC, RTL_OFFSET_POS_DESC, SCROLL_EVT } from "../defaults.mjs";
+import { AUTO_ALIGNMENT, BACKWARD, END_REACHED_EVT, FORWARD, HORIZONTAL, ITEM_RENDER_EVT, RTL, RTL_OFFSET_NAG, RTL_OFFSET_POS_ASC, RTL_OFFSET_POS_DESC, SCROLL_EVT } from "../defaults.mjs";
 import useWheel from "../hooks/use-wheel.mjs";
 import { virtualizedListProps } from "../props.mjs";
 import { getRTLOffsetType, getScrollDir, isHorizontal } from "../utils.mjs";
 import ScrollBar from "../components/scrollbar.mjs";
-import { useEventListener } from "@vueuse/core";
-import { Fragment, computed, defineComponent, getCurrentInstance, h, mergeProps, nextTick, onActivated, onMounted, onUpdated, ref, resolveDynamicComponent, unref } from "vue";
+import { clamp, useEventListener } from "@vueuse/core";
+import { Fragment, computed, defineComponent, getCurrentInstance, h, mergeProps, nextTick, onActivated, onMounted, onUpdated, ref, resolveDynamicComponent, unref, watch } from "vue";
 
 //#region ../../packages/components/virtual-list/src/builders/build-list.ts
 const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedTotalSize, getStartIndexForOffset, getStopIndexForStartIndex, initCache, clearCache, validateProps }) => {
 	return defineComponent({
 		name: name ?? "ElVirtualList",
 		props: virtualizedListProps,
-		emits: [ITEM_RENDER_EVT, SCROLL_EVT],
+		emits: [
+			ITEM_RENDER_EVT,
+			SCROLL_EVT,
+			END_REACHED_EVT
+		],
 		setup(props, { emit, expose }) {
 			validateProps(props);
 			const instance = getCurrentInstance();
@@ -28,7 +33,7 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
 			const scrollbarRef = ref();
 			const states = ref({
 				isScrolling: false,
-				scrollDir: "forward",
+				scrollDir: FORWARD,
 				scrollOffset: isNumber(props.initScrollOffset) ? props.initScrollOffset : 0,
 				updateRequested: false,
 				isScrollbarDragging: false
@@ -81,13 +86,23 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
 				};
 			});
 			const clientSize = computed(() => _isHorizontal.value ? props.width : props.height);
+			const maxOffset = computed(() => Math.max(0, estimatedTotalSize.value - clientSize.value));
+			const normalizeOffset = (offset) => clamp(offset, 0, maxOffset.value);
+			const EDGE_TOLERANCE = 1;
+			const getEdgeState = (normalizedOffset) => ({
+				start: !isGreaterThan(normalizedOffset, 0, EDGE_TOLERANCE),
+				end: !isGreaterThan(maxOffset.value, normalizedOffset, EDGE_TOLERANCE)
+			});
+			const normalizedScrollOffset = computed(() => normalizeOffset(states.value.scrollOffset));
+			const currentEdgeState = computed(() => getEdgeState(normalizedScrollOffset.value));
+			let edgeState = currentEdgeState.value;
 			const { onWheel } = useWheel({
-				atStartEdge: computed(() => states.value.scrollOffset <= 0),
-				atEndEdge: computed(() => states.value.scrollOffset >= estimatedTotalSize.value),
+				atStartEdge: computed(() => currentEdgeState.value.start),
+				atEndEdge: computed(() => currentEdgeState.value.end),
 				layout: computed(() => props.layout)
 			}, (offset) => {
 				scrollbarRef.value.onMouseUp?.();
-				scrollTo(Math.min(states.value.scrollOffset + offset, estimatedTotalSize.value - clientSize.value));
+				scrollTo(Math.min(states.value.scrollOffset + offset, maxOffset.value));
 			});
 			useEventListener(windowRef, "wheel", onWheel, { passive: false });
 			const emitEvents = () => {
@@ -99,24 +114,40 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
 				const { scrollDir, scrollOffset, updateRequested } = unref(states);
 				emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested);
 			};
+			const emitEndReached = (direction, offset) => {
+				const nextEdgeState = getEdgeState(offset);
+				const horizontalEnd = props.direction === RTL ? "left" : "right";
+				const horizontalStart = props.direction === RTL ? "right" : "left";
+				if (direction === FORWARD && nextEdgeState.end && !edgeState.end) emit(END_REACHED_EVT, _isHorizontal.value ? horizontalEnd : "bottom");
+				if (direction === BACKWARD && nextEdgeState.start && !edgeState.start) emit(END_REACHED_EVT, _isHorizontal.value ? horizontalStart : "top");
+				edgeState = nextEdgeState;
+			};
+			const updateScrollOffset = (offset, { isScrolling, updateRequested }) => {
+				const currentState = unref(states);
+				const nextOffset = Math.max(offset, 0);
+				if (nextOffset === currentState.scrollOffset) return;
+				const scrollDir = getScrollDir(currentState.scrollOffset, nextOffset);
+				states.value = {
+					...currentState,
+					isScrolling,
+					scrollDir,
+					scrollOffset: nextOffset,
+					updateRequested
+				};
+				emitEndReached(scrollDir, normalizeOffset(nextOffset));
+				nextTick(resetIsScrolling);
+			};
 			const scrollVertically = (e) => {
 				const { clientHeight, scrollHeight, scrollTop } = e.currentTarget;
-				const _states = unref(states);
-				if (_states.scrollOffset === scrollTop) return;
-				const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
-				states.value = {
-					..._states,
+				if (unref(states).scrollOffset === scrollTop) return;
+				updateScrollOffset(Math.min(scrollTop, scrollHeight - clientHeight), {
 					isScrolling: true,
-					scrollDir: getScrollDir(_states.scrollOffset, scrollOffset),
-					scrollOffset,
 					updateRequested: false
-				};
-				nextTick(resetIsScrolling);
+				});
 			};
 			const scrollHorizontally = (e) => {
 				const { clientWidth, scrollLeft, scrollWidth } = e.currentTarget;
-				const _states = unref(states);
-				if (_states.scrollOffset === scrollLeft) return;
+				if (unref(states).scrollOffset === scrollLeft) return;
 				const { direction } = props;
 				let scrollOffset = scrollLeft;
 				if (direction === RTL) switch (getRTLOffsetType()) {
@@ -127,34 +158,24 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
 						scrollOffset = scrollWidth - clientWidth - scrollLeft;
 						break;
 				}
-				scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
-				states.value = {
-					..._states,
+				updateScrollOffset(Math.min(scrollOffset, scrollWidth - clientWidth), {
 					isScrolling: true,
-					scrollDir: getScrollDir(_states.scrollOffset, scrollOffset),
-					scrollOffset,
 					updateRequested: false
-				};
-				nextTick(resetIsScrolling);
+				});
 			};
 			const onScroll = (e) => {
 				unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e);
 				emitEvents();
 			};
 			const onScrollbarScroll = (distanceToGo, totalSteps) => {
-				const offset = (estimatedTotalSize.value - clientSize.value) / totalSteps * distanceToGo;
-				scrollTo(Math.min(estimatedTotalSize.value - clientSize.value, offset));
+				const offset = maxOffset.value / totalSteps * distanceToGo;
+				scrollTo(Math.min(maxOffset.value, offset));
 			};
 			const scrollTo = (offset) => {
-				offset = Math.max(offset, 0);
-				if (offset === unref(states).scrollOffset) return;
-				states.value = {
-					...unref(states),
-					scrollOffset: offset,
-					scrollDir: getScrollDir(unref(states).scrollOffset, offset),
+				updateScrollOffset(offset, {
+					isScrolling: unref(states).isScrolling,
 					updateRequested: true
-				};
-				nextTick(resetIsScrolling);
+				});
 			};
 			const scrollToItem = (idx, alignment = AUTO_ALIGNMENT) => {
 				const { scrollOffset } = unref(states);
@@ -224,6 +245,9 @@ const createList = ({ name, getOffset, getItemSize, getItemOffset, getEstimatedT
 			onActivated(() => {
 				unref(windowRef).scrollTop = unref(states).scrollOffset;
 			});
+			watch(maxOffset, () => {
+				edgeState = currentEdgeState.value;
+			});
 			const api = {
 				ns,
 				clientSize,