vft 0.0.239 → 0.0.241

package/es/components/virtual-list/components/dynamic-size-grid.js

@@ -144,14 +144,13 @@ const { max: I, min: v, floor: O } = Math, T = "VftDynamicSizeGrid", F = {
   },
   injectToInstance: (t, s) => {
     const e = ({ columnIndex: o, rowIndex: f }, r) => {
-      var m, u;
       r = g(r) ? !0 : r, S(o) && (s.value.lastVisitedColumnIndex = Math.min(
         s.value.lastVisitedColumnIndex,
         o - 1
       )), S(f) && (s.value.lastVisitedRowIndex = Math.min(
         s.value.lastVisitedRowIndex,
         f - 1
-      )), (m = t.exposed) == null || m.getItemStyleCache.value(-1, null, null), r && ((u = t.proxy) == null || u.$forceUpdate());
+      )), t.exposed?.getItemStyleCache.value(-1, null, null), r && t.proxy?.$forceUpdate();
     }, i = (o, f) => {
       e(
         {

package/es/components/virtual-list/components/dynamic-size-list.d.ts

@@ -1,8 +1,8 @@
 import type { ItemSize } from '../types';
-declare const DynamicSizeList: import("vue").DefineComponent<{
+declare const DynamicSizeList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -12,7 +12,7 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -42,21 +42,21 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, {
+}>, {
     ns: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -74,15 +74,15 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
         WebkitOverflowScrolling: string;
         willChange: string;
     } | null | undefined)[]>;
-    windowRef: import("vue").Ref<HTMLElement | undefined>;
-    innerRef: import("vue").Ref<HTMLElement | undefined>;
+    windowRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    innerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     innerStyle: import("vue").ComputedRef<{
         height: string;
         pointerEvents: string | undefined;
         width: string;
     }>;
     itemsToRender: import("vue").ComputedRef<number[]>;
-    scrollbarRef: import("vue").Ref<any>;
+    scrollbarRef: import("vue").Ref<any, any>;
     states: import("vue").Ref<{
         isScrolling: boolean;
         scrollDir: string;
@@ -90,6 +90,20 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
         updateRequested: boolean;
         isScrollbarDragging: boolean;
         scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    }, {
+        isScrolling: boolean;
+        scrollDir: string;
+        scrollOffset: number;
+        updateRequested: boolean;
+        isScrollbarDragging: boolean;
+        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    } | {
+        isScrolling: boolean;
+        scrollDir: string;
+        scrollOffset: number;
+        updateRequested: boolean;
+        isScrollbarDragging: boolean;
+        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>;
     getItemStyle: (idx: number) => import("vue").CSSProperties;
     onScroll: (e: Event) => void;
@@ -98,10 +112,10 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     scrollTo: (offset: number) => void;
     scrollToItem: (idx: number, alignment?: import("../types").Alignment) => void;
     resetScrollTop: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -111,7 +125,7 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -141,25 +155,25 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>> & {
+}>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly data: any[];
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly cache: number;
     readonly className: string;
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
-    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly perfMode: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly initScrollOffset: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default DynamicSizeList;

package/es/components/virtual-list/components/dynamic-size-list.js

@@ -10,17 +10,17 @@ import { isHorizontal as M } from "../utils.js";
 const x = "ElDynamicSizeList", I = (e, s, t) => {
   const { itemSize: i } = e, { items: o, lastVisitedIndex: n } = t;
   if (s > n) {
-    let r = 0;
+    let f = 0;
     if (n >= 0) {
-      const f = o[n];
-      r = f.offset + f.size;
+      const r = o[n];
+      f = r.offset + r.size;
     }
-    for (let f = n + 1; f <= s; f++) {
-      const m = i(f);
-      o[f] = {
-        offset: r,
+    for (let r = n + 1; r <= s; r++) {
+      const m = i(r);
+      o[r] = {
+        offset: f,
         size: m
-      }, r += m;
+      }, f += m;
     }
     t.lastVisitedIndex = s;
   }
@@ -30,10 +30,10 @@ const x = "ElDynamicSizeList", I = (e, s, t) => {
   return (o > 0 ? i[o].offset : 0) >= t ? S(e, s, 0, o, t) : O(e, s, Math.max(0, o), t);
 }, S = (e, s, t, i, o) => {
   for (; t <= i; ) {
-    const n = t + Math.floor((i - t) / 2), r = I(e, n, s).offset;
-    if (r === o)
+    const n = t + Math.floor((i - t) / 2), f = I(e, n, s).offset;
+    if (f === o)
       return n;
-    r < o ? t = n + 1 : r > o && (i = n - 1);
+    f < o ? t = n + 1 : f > o && (i = n - 1);
   }
   return Math.max(0, t - 1);
 }, O = (e, s, t, i) => {
@@ -51,18 +51,18 @@ const x = "ElDynamicSizeList", I = (e, s, t) => {
 }, h = ({ total: e }, { items: s, estimatedItemSize: t, lastVisitedIndex: i }) => {
   let o = 0;
   if (i >= e && (i = e - 1), i >= 0) {
-    const f = s[i];
-    o = f.offset + f.size;
+    const r = s[i];
+    o = r.offset + r.size;
   }
-  const r = (e - i - 1) * t;
-  return o + r;
+  const f = (e - i - 1) * t;
+  return o + f;
 }, R = T({
   name: "ElDynamicSizeList",
   getItemOffset: (e, s, t) => I(e, s, t).offset,
   getItemSize: (e, s, { items: t }) => t[s].size,
   getEstimatedTotalSize: h,
   getOffset: (e, s, t, i, o) => {
-    const { height: n, layout: r, width: f } = e, m = M(r) ? f : n, u = I(e, s, o), d = h(e, o), c = Math.max(
+    const { height: n, layout: f, width: r } = e, m = M(f) ? r : n, u = I(e, s, o), d = h(e, o), c = Math.max(
       0,
       Math.min(d - m, u.offset)
     ), a = Math.max(0, u.offset - m + u.size);
@@ -80,7 +80,7 @@ const x = "ElDynamicSizeList", I = (e, s, t) => {
   },
   getStartIndexForOffset: (e, s, t) => y(e, t, s),
   getStopIndexForStartIndex: (e, s, t, i) => {
-    const { height: o, total: n, layout: r, width: f } = e, m = M(r) ? f : o, u = I(e, s, i), d = t + m;
+    const { height: o, total: n, layout: f, width: r } = e, m = M(f) ? r : o, u = I(e, s, i), d = t + m;
     let c = u.offset + u.size, a = s;
     for (; a < n - 1 && c < d; )
       a++, c += I(e, a, i).size;
@@ -93,8 +93,7 @@ const x = "ElDynamicSizeList", I = (e, s, t) => {
       lastVisitedIndex: -1
     };
     return t.clearCacheAfterIndex = (i, o = !0) => {
-      var n, r;
-      t.lastVisitedIndex = Math.min(t.lastVisitedIndex, i - 1), (n = s.exposed) == null || n.getItemStyleCache(-1), o && ((r = s.proxy) == null || r.$forceUpdate());
+      t.lastVisitedIndex = Math.min(t.lastVisitedIndex, i - 1), s.exposed?.getItemStyleCache(-1), o && s.proxy?.$forceUpdate();
     }, t;
   },
   clearCache: !1,

package/es/components/virtual-list/components/fixed-size-grid.d.ts

@@ -1,7 +1,7 @@
-declare const FixedSizeGrid: import("vue").DefineComponent<{
+declare const FixedSizeGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -11,7 +11,7 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -27,7 +27,7 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly columnCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly columnWidth: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize) | ((new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize) | (((new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -46,21 +46,21 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     };
     readonly initScrollLeft: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly initScrollTop: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
-    readonly itemKey: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").GridItemKeyGetter) | (() => import("..").GridItemKeyGetter) | {
-        (): import("..").GridItemKeyGetter;
+    readonly itemKey: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("vft/es/vft").GridItemKeyGetter) | (() => import("vft/es/vft").GridItemKeyGetter) | {
+        (): import("vft/es/vft").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => import("..").GridItemKeyGetter) | (() => import("..").GridItemKeyGetter) | {
-        (): import("..").GridItemKeyGetter;
+    } | (((new (...args: any[]) => import("vft/es/vft").GridItemKeyGetter) | (() => import("vft/es/vft").GridItemKeyGetter) | {
+        (): import("vft/es/vft").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+    }) | null)[], unknown, unknown, ({ columnIndex, rowIndex, }: {
         columnIndex: number;
         rowIndex: number;
     }) => string, boolean>;
     readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly rowHeight: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize) | ((new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize) | (((new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -82,12 +82,12 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     readonly scrollbarStartGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly scrollbarEndGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly role: StringConstructor;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -97,7 +97,7 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -113,7 +113,7 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly columnCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly columnWidth: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize) | ((new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize) | (((new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -132,21 +132,21 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     };
     readonly initScrollLeft: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly initScrollTop: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
-    readonly itemKey: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").GridItemKeyGetter) | (() => import("..").GridItemKeyGetter) | {
-        (): import("..").GridItemKeyGetter;
+    readonly itemKey: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("vft/es/vft").GridItemKeyGetter) | (() => import("vft/es/vft").GridItemKeyGetter) | {
+        (): import("vft/es/vft").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => import("..").GridItemKeyGetter) | (() => import("..").GridItemKeyGetter) | {
-        (): import("..").GridItemKeyGetter;
+    } | (((new (...args: any[]) => import("vft/es/vft").GridItemKeyGetter) | (() => import("vft/es/vft").GridItemKeyGetter) | {
+        (): import("vft/es/vft").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+    }) | null)[], unknown, unknown, ({ columnIndex, rowIndex, }: {
         columnIndex: number;
         rowIndex: number;
     }) => string, boolean>;
     readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly rowHeight: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize) | ((new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize) | (((new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -168,19 +168,19 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     readonly scrollbarStartGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly scrollbarEndGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly role: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly data: any[];
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: string;
-    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly perfMode: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly itemKey: import("..").GridItemKeyGetter;
+    readonly itemKey: import("vft/es/vft").GridItemKeyGetter;
     readonly columnCache: number;
     readonly initScrollLeft: number;
     readonly initScrollTop: number;
@@ -189,5 +189,5 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     readonly vScrollbarSize: number;
     readonly scrollbarStartGap: number;
     readonly scrollbarEndGap: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default FixedSizeGrid;

package/es/components/virtual-list/components/fixed-size-list.d.ts

@@ -1,7 +1,7 @@
-declare const FixedSizeList: import("vue").DefineComponent<{
+declare const FixedSizeList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -11,7 +11,7 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -41,21 +41,21 @@ declare const FixedSizeList: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize) | ((new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize) | (((new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, {
+}>, {
     ns: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -73,15 +73,15 @@ declare const FixedSizeList: import("vue").DefineComponent<{
         WebkitOverflowScrolling: string;
         willChange: string;
     } | null | undefined)[]>;
-    windowRef: import("vue").Ref<HTMLElement | undefined>;
-    innerRef: import("vue").Ref<HTMLElement | undefined>;
+    windowRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    innerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     innerStyle: import("vue").ComputedRef<{
         height: string;
         pointerEvents: string | undefined;
         width: string;
     }>;
     itemsToRender: import("vue").ComputedRef<number[]>;
-    scrollbarRef: import("vue").Ref<any>;
+    scrollbarRef: import("vue").Ref<any, any>;
     states: import("vue").Ref<{
         isScrolling: boolean;
         scrollDir: string;
@@ -89,18 +89,32 @@ declare const FixedSizeList: import("vue").DefineComponent<{
         updateRequested: boolean;
         isScrollbarDragging: boolean;
         scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    }, {
+        isScrolling: boolean;
+        scrollDir: string;
+        scrollOffset: number;
+        updateRequested: boolean;
+        isScrollbarDragging: boolean;
+        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    } | {
+        isScrolling: boolean;
+        scrollDir: string;
+        scrollOffset: number;
+        updateRequested: boolean;
+        isScrollbarDragging: boolean;
+        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>;
     getItemStyle: (idx: number) => import("vue").CSSProperties;
     onScroll: (e: Event) => void;
     onScrollbarScroll: (distanceToGo: number, totalSteps: number) => void;
     onWheel: (e: WheelEvent) => void;
     scrollTo: (offset: number) => void;
-    scrollToItem: (idx: number, alignment?: import("..").Alignment) => void;
+    scrollToItem: (idx: number, alignment?: import("vft/es/vft").Alignment) => void;
     resetScrollTop: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -110,7 +124,7 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -140,25 +154,25 @@ declare const FixedSizeList: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize) | ((new (...args: any[]) => number | import("..").ItemSize) | (() => number | import("..").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize) | (((new (...args: any[]) => number | import("vft/es/vft").ItemSize) | (() => number | import("vft/es/vft").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>> & {
+}>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly data: any[];
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly cache: number;
     readonly className: string;
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
-    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly perfMode: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly initScrollOffset: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default FixedSizeList;

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

@@ -1,4 +1,4 @@
-declare const ScrollBar: import("vue").DefineComponent<{
+declare const ScrollBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly alwaysOn: BooleanConstructor;
     readonly class: StringConstructor;
     readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
@@ -30,9 +30,9 @@ declare const ScrollBar: import("vue").DefineComponent<{
     readonly startGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly endGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly visible: BooleanConstructor;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly alwaysOn: BooleanConstructor;
     readonly class: StringConstructor;
     readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
@@ -64,16 +64,16 @@ declare const ScrollBar: import("vue").DefineComponent<{
     readonly startGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly endGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly visible: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     "onStart-move"?: ((...args: any[]) => any) | undefined;
     "onStop-move"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly visible: boolean;
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
     readonly alwaysOn: boolean;
     readonly scrollbarSize: number;
     readonly startGap: number;
     readonly endGap: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default ScrollBar;