@element-plus/nightly 0.0.20260416 → 0.0.20260417

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

@@ -1353,9 +1353,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{
-  "onCurrent-change"?: ((data: any, node: Node | null) => any) | undefined;
   "onNode-expand"?: ((data: any, node: Node, nodeInstance: ComponentInternalInstance | null) => any) | undefined;
   "onCheck-change"?: ((data: any, checked: boolean, indeterminate: boolean) => any) | undefined;
+  "onCurrent-change"?: ((data: any, node: Node | null) => any) | undefined;
   "onNode-click"?: ((data: any, node: Node, nodeInstance: ComponentInternalInstance | null, evt: MouseEvent) => any) | undefined;
   "onNode-contextmenu"?: ((evt: Event, data: any, node: Node, nodeInstance: ComponentInternalInstance | null) => any) | undefined;
   "onNode-collapse"?: ((data: any, node: Node, nodeInstance: ComponentInternalInstance | null) => any) | undefined;
@@ -1369,19 +1369,19 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
   readonly props: TreeOptionProps;
   readonly data: TreeData;
-  readonly checkStrictly: boolean;
-  readonly lazy: boolean;
-  readonly checkOnClickNode: boolean;
-  readonly checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly accordion: boolean;
-  readonly draggable: boolean;
-  readonly defaultExpandAll: boolean;
-  readonly indent: number;
   readonly renderAfterExpand: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showCheckbox: boolean;
   readonly expandOnClickNode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly autoExpandParent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly indent: number;
+  readonly checkStrictly: boolean;
+  readonly defaultExpandAll: boolean;
+  readonly checkOnClickNode: boolean;
   readonly checkDescendants: boolean;
+  readonly draggable: boolean;
+  readonly lazy: boolean;
   readonly highlightCurrent: boolean;
 }, {}, {
   ElTreeNode: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -1454,8 +1454,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
   }>, {
     props: TreeOptionProps;
-    accordion: boolean;
     node: Node;
+    accordion: boolean;
     renderAfterExpand: boolean;
     showCheckbox: boolean;
   }, {}, {
@@ -1478,23 +1478,23 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     })>;
     ElCheckbox: {
       new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-        onChange?: ((val: CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+        onChange?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        change: (val: CheckboxValueType) => void;
         "update:modelValue": (val: CheckboxValueType) => void;
+        change: (val: CheckboxValueType) => void;
       }, vue.PublicProps, {
         id: string;
         disabled: boolean;
-        modelValue: number | string | boolean;
-        validateEvent: boolean;
-        name: string;
         value: string | boolean | number | object;
+        name: string;
+        modelValue: number | string | boolean;
         label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
         falseLabel: string | number;
+        validateEvent: boolean;
       }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1503,42 +1503,42 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         M: {};
         Defaults: {};
       }, Readonly<CheckboxProps> & Readonly<{
-        onChange?: ((val: CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+        onChange?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
         id: string;
         disabled: boolean;
-        modelValue: number | string | boolean;
-        validateEvent: boolean;
-        name: string;
         value: string | boolean | number | object;
+        name: string;
+        modelValue: number | string | boolean;
         label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
         falseLabel: string | number;
+        validateEvent: boolean;
       }>;
       __isFragment?: never;
       __isTeleport?: never;
       __isSuspense?: never;
     } & vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-      change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
+      change: (val: CheckboxValueType) => void;
     }, string, {
       id: string;
       disabled: boolean;
-      modelValue: number | string | boolean;
-      validateEvent: boolean;
-      name: string;
       value: string | boolean | number | object;
+      name: string;
+      modelValue: number | string | boolean;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
+      validateEvent: boolean;
     }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
       $slots: {
         default?: (props: {}) => any;
@@ -1563,9 +1563,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly validateEvent?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly ariaControls?: string | undefined;
-        readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-      } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
+        readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
+      } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onUpdate:modelValue" | "onChange" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
     } & {
       CheckboxButton: typeof _default$1;
       CheckboxGroup: typeof _default$2;

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

@@ -103,11 +103,11 @@ 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: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -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" | "info" | "warning" | "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, "dark" | "light" | "plain", 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[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "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,11 +292,11 @@ 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: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -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" | "info" | "warning" | "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, "dark" | "light" | "plain", 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[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "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,59 +386,59 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  props: TreeOptionProps;
-  offset: number;
-  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>;
-  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>;
+  offset: number;
+  placement: EpPropMergeType<(new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "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>;
+  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  props: TreeOptionProps;
   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>;
+  multiple: 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>;
+  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  accordion: boolean;
+  renderAfterExpand: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  showCheckbox: boolean;
+  expandOnClickNode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  autoExpandParent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  indent: number;
   checkStrictly: boolean;
-  lazy: boolean;
+  defaultExpandAll: 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>;
-  accordion: boolean;
-  automaticDropdown: boolean;
+  checkDescendants: boolean;
   draggable: boolean;
+  lazy: boolean;
+  highlightCurrent: 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>;
+  automaticDropdown: boolean;
+  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>;
+  filterable: boolean;
+  autocomplete: string;
   allowCreate: boolean;
   remote: boolean;
+  debounce: number;
   multipleLimit: number;
   defaultFirstOption: boolean;
   reserveKeyword: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  valueKey: string;
+  collapseTags: boolean;
+  collapseTagsTooltip: boolean;
   tagTooltip: TagTooltipProps;
+  maxCollapseTags: number;
+  fitInputWidth: boolean;
+  suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
+  tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>;
+  tagEffect: EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
   remoteShowSuffix: boolean;
-  defaultExpandAll: boolean;
-  indent: number;
-  renderAfterExpand: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  showCheckbox: boolean;
-  expandOnClickNode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  autoExpandParent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  checkDescendants: boolean;
-  highlightCurrent: boolean;
   cacheData: unknown[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -30,18 +30,18 @@ declare const __VLS_base: vue.DefineComponent<TreeProps, {
   scrollToNode: (key: TreeKey, strategy?: Alignment) => void;
   scrollTo: (offset: number) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "current-change": (data: TreeNodeData, node: TreeNode) => void;
   "node-expand": (data: TreeNodeData, node: TreeNode) => void;
   "node-click": (data: TreeNodeData, node: TreeNode, e: MouseEvent) => void;
   "node-drop": (data: TreeNodeData, node: TreeNode, e: DragEvent) => void;
   "node-collapse": (data: TreeNodeData, node: TreeNode) => void;
+  "current-change": (data: TreeNodeData, node: TreeNode) => void;
   check: (data: TreeNodeData, checkedInfo: CheckedInfo) => void;
   "check-change": (data: TreeNodeData, checked: boolean) => void;
   "node-contextmenu": (evt: Event, data: TreeNodeData, node: TreeNode) => void;
 }, string, vue.PublicProps, Readonly<TreeProps> & Readonly<{
-  "onCurrent-change"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
   "onNode-expand"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
   "onCheck-change"?: ((data: TreeNodeData, checked: boolean) => any) | undefined;
+  "onCurrent-change"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
   "onNode-click"?: ((data: TreeNodeData, node: TreeNode, e: MouseEvent) => any) | undefined;
   "onNode-contextmenu"?: ((evt: Event, data: TreeNodeData, node: TreeNode) => any) | undefined;
   "onNode-collapse"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
@@ -51,13 +51,13 @@ declare const __VLS_base: vue.DefineComponent<TreeProps, {
   props: TreeOptionProps;
   height: number;
   data: TreeData;
-  checkOnClickLeaf: boolean;
-  indent: number;
-  perfMode: boolean;
-  itemSize: number;
   expandOnClickNode: boolean;
+  checkOnClickLeaf: boolean;
   defaultCheckedKeys: TreeKey[];
   defaultExpandedKeys: TreeKey[];
+  indent: number;
+  itemSize: number;
+  perfMode: 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/upload/src/upload-content.vue.d.ts

@@ -19,9 +19,9 @@ declare const __VLS_base: vue.DefineComponent<UploadContentProps, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<UploadContentProps> & Readonly<{}>, {
   disabled: boolean;
   name: string;
-  onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
-  onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
+  onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
+  onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   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;
   name: string;
-  onError: UploadHooks["onError"];
-  onProgress: UploadHooks["onProgress"];
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
+  onChange: UploadHooks["onChange"];
+  onProgress: UploadHooks["onProgress"];
+  onError: UploadHooks["onError"];
   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

@@ -206,16 +206,16 @@ declare const createGrid: ({
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly className: string;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
+  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
-  readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly useIsScrolling: boolean;
+  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

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,