vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,193 @@
+declare const FixedSizeGrid: import("vue").DefineComponent<{
+    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 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>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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 | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    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 required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedColumnWidth: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedRowHeight: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => import("..").GridItemKeyGetter) | (() => import("..").GridItemKeyGetter) | {
+        (): import("..").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    })[], 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 required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalColumn: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalRow: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    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, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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 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>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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 | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    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 required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedColumnWidth: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedRowHeight: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => import("..").GridItemKeyGetter) | (() => import("..").GridItemKeyGetter) | {
+        (): import("..").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    })[], 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 required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalColumn: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalRow: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    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;
+}>> & {
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly data: any[];
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly className: string;
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", 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 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 itemKey: import("..").GridItemKeyGetter;
+    readonly columnCache: number;
+    readonly initScrollLeft: number;
+    readonly initScrollTop: number;
+    readonly rowCache: number;
+    readonly hScrollbarSize: number;
+    readonly vScrollbarSize: number;
+    readonly scrollbarStartGap: number;
+    readonly scrollbarEndGap: number;
+}>;
+export default FixedSizeGrid;

package/lib/components/virtual-list/components/fixed-size-list.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("@vft/utils");require("vue");const N=require("../../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../../utils/ns-cover.cjs");const T=require("../builders/build-list.cjs"),f=require("../utils.cjs"),u=require("../defaults.cjs"),m=T.default({name:"ElFixedSizeList",getItemOffset:({itemSize:e},t)=>t*e,getItemSize:({itemSize:e})=>e,getEstimatedTotalSize:({total:e,itemSize:t})=>t*e,getOffset:({height:e,total:t,itemSize:i,layout:h,width:M},n,a,s)=>{const r=f.isHorizontal(h)?M:e;process.env.NODE_ENV!=="production"&&E.isString(r)&&N.throwError("[ElVirtualList]",`
+        You should set
+          width/height
+        to number when your layout is
+          horizontal/vertical
+      `);const c=Math.max(0,t*i-r),l=Math.min(c,n*i),o=Math.max(0,(n+1)*i-r);switch(a===u.SMART_ALIGNMENT&&(s>=o-r&&s<=l+r?a=u.AUTO_ALIGNMENT:a=u.CENTERED_ALIGNMENT),a){case u.START_ALIGNMENT:return l;case u.END_ALIGNMENT:return o;case u.CENTERED_ALIGNMENT:{const d=Math.round(o+(l-o)/2);return d<Math.ceil(r/2)?0:d>c+Math.floor(r/2)?c:d}case u.AUTO_ALIGNMENT:default:return s>=o&&s<=l?s:s<o?o:l}},getStartIndexForOffset:({total:e,itemSize:t},i)=>Math.max(0,Math.min(e-1,Math.floor(i/t))),getStopIndexForStartIndex:({height:e,total:t,itemSize:i,layout:h,width:M},n,a)=>{const s=n*i,r=f.isHorizontal(h)?M:e,c=Math.ceil((r+a-s)/i);return Math.max(0,Math.min(t-1,n+c-1))},initCache(){},clearCache:!0,validateProps(){}});exports.default=m;

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

@@ -0,0 +1,164 @@
+declare const FixedSizeList: import("vue").DefineComponent<{
+    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 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>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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 | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly estimatedItemSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly initScrollOffset: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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 required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    ns: {
+        namespace: import("vue").Ref<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;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    clientSize: import("vue").ComputedRef<string | number | undefined>;
+    estimatedTotalSize: import("vue").ComputedRef<number>;
+    windowStyle: import("vue").ComputedRef<(string | import("vue").CSSProperties | import("vue").StyleValue[] | {
+        [x: string]: string;
+        position: string;
+        WebkitOverflowScrolling: string;
+        willChange: string;
+    } | undefined)[]>;
+    windowRef: import("vue").Ref<HTMLElement | undefined>;
+    innerRef: import("vue").Ref<HTMLElement | undefined>;
+    innerStyle: import("vue").ComputedRef<{
+        height: string;
+        pointerEvents: string | undefined;
+        width: string;
+    }>;
+    itemsToRender: import("vue").ComputedRef<number[]>;
+    scrollbarRef: import("vue").Ref<any>;
+    states: import("vue").Ref<{
+        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;
+    resetScrollTop: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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 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>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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 | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly estimatedItemSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly initScrollOffset: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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 required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & {
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly data: any[];
+    readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly className: string;
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", 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 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 cache: number;
+    readonly initScrollOffset: number;
+}>;
+export default FixedSizeList;

package/lib/components/virtual-list/components/scrollbar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../../scrollbar/index.cjs");require("@vft/utils");require("lodash");const E=require("../../../utils/vue/raf.cjs");require("../../../utils/ns-cover.cjs");require("@vueuse/core");const x=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const m=require("../defaults.cjs"),B=require("../props.cjs"),N=require("../utils.cjs"),O=require("../../scrollbar/util.cjs"),P=t.defineComponent({name:"ElVirtualScrollBar",props:B.virtualizedScrollbarProps,emits:["scroll","start-move","stop-move"],setup(r,{emit:i}){const b=t.computed(()=>r.startGap+r.endGap),L=x.useNamespace("virtual-scrollbar"),R=x.useNamespace("scrollbar"),f=t.ref(),u=t.ref();let S=null,h=null;const o=t.reactive({isDragging:!1,traveled:0}),n=t.computed(()=>O.BAR_MAP[r.layout]),M=t.computed(()=>r.clientSize-t.unref(b)),I=t.computed(()=>({position:"absolute",width:`${m.HORIZONTAL===r.layout?M.value:r.scrollbarSize}px`,height:`${m.HORIZONTAL===r.layout?r.scrollbarSize:M.value}px`,[m.ScrollbarDirKey[r.layout]]:"2px",right:"2px",bottom:"2px",borderRadius:"4px"})),g=t.computed(()=>{const e=r.ratio,a=r.clientSize;if(e>=100)return Number.POSITIVE_INFINITY;if(e>=50)return e*a/100;const l=a/3;return Math.floor(Math.min(Math.max(e*a,m.SCROLLBAR_MIN_SIZE),l))}),T=t.computed(()=>{if(!Number.isFinite(g.value))return{display:"none"};const e=`${g.value}px`;return N.renderThumbStyle({bar:n.value,size:e,move:o.traveled},r.layout)}),s=t.computed(()=>Math.floor(r.clientSize-g.value-t.unref(b))),z=()=>{window.addEventListener("mousemove",v),window.addEventListener("mouseup",c);const e=t.unref(u);e&&(h=document.onselectstart,document.onselectstart=()=>!1,e.addEventListener("touchmove",v),e.addEventListener("touchend",c))},y=()=>{window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",c),document.onselectstart=h,h=null;const e=t.unref(u);e&&(e.removeEventListener("touchmove",v),e.removeEventListener("touchend",c))},q=e=>{e.stopImmediatePropagation(),!(e.ctrlKey||[1,2].includes(e.button))&&(o.isDragging=!0,o[n.value.axis]=e.currentTarget[n.value.offset]-(e[n.value.client]-e.currentTarget.getBoundingClientRect()[n.value.direction]),i("start-move"),z())},c=()=>{o.isDragging=!1,o[n.value.axis]=0,i("stop-move"),y()},v=e=>{const{isDragging:a}=o;if(!a||!u.value||!f.value)return;const l=o[n.value.axis];if(!l)return;E.cAF(S);const d=(f.value.getBoundingClientRect()[n.value.direction]-e[n.value.client])*-1,p=u.value[n.value.offset]-l,w=d-p;S=E.rAF(()=>{o.traveled=Math.max(r.startGap,Math.min(w,s.value)),i("scroll",w,s.value)})},A=e=>{const a=Math.abs(e.target.getBoundingClientRect()[n.value.direction]-e[n.value.client]),l=u.value[n.value.offset]/2,d=a-l;o.traveled=Math.max(0,Math.min(d,s.value)),i("scroll",d,s.value)};return t.watch(()=>r.scrollFrom,e=>{o.isDragging||(o.traveled=Math.ceil(e*s.value))}),t.onBeforeUnmount(()=>{y()}),()=>t.h("div",{role:"presentation",ref:f,class:[L.b(),r.class,(r.alwaysOn||o.isDragging)&&"always-on"],style:I.value,onMousedown:t.withModifiers(A,["stop","prevent"]),onTouchstartPrevent:q},t.h("div",{ref:u,class:R.e("thumb"),style:T.value,onMousedown:q},[]))}});exports.default=P;

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

@@ -0,0 +1,79 @@
+declare const ScrollBar: import("vue").DefineComponent<{
+    readonly alwaysOn: BooleanConstructor;
+    readonly class: StringConstructor;
+    readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly ratio: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly clientSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly scrollFrom: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly scrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    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, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly alwaysOn: BooleanConstructor;
+    readonly class: StringConstructor;
+    readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly ratio: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly clientSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly scrollFrom: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly scrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    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;
+}>> & {
+    onScroll?: ((...args: any[]) => any) | undefined;
+    "onStart-move"?: ((...args: any[]) => any) | undefined;
+    "onStop-move"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+    readonly visible: boolean;
+    readonly alwaysOn: boolean;
+    readonly scrollbarSize: number;
+    readonly startGap: number;
+    readonly endGap: number;
+}>;
+export default ScrollBar;

package/lib/components/virtual-list/defaults.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=50,_="itemRendered",o="scroll",R="forward",e="backward",A="auto",L="smart",S="start",N="center",c="end",T="horizontal",E="vertical",n="ltr",s="rtl",I="negative",r="positive-ascending",O="positive-descending",M={[T]:"pageX",[E]:"pageY"},a={[T]:"height",[E]:"width"},i={[T]:"left",[E]:"top"},l=20;exports.AUTO_ALIGNMENT=A;exports.BACKWARD=e;exports.CENTERED_ALIGNMENT=N;exports.DEFAULT_DYNAMIC_LIST_ITEM_SIZE=t;exports.END_ALIGNMENT=c;exports.FORWARD=R;exports.HORIZONTAL=T;exports.ITEM_RENDER_EVT=_;exports.LTR=n;exports.PageKey=M;exports.RTL=s;exports.RTL_OFFSET_NAG=I;exports.RTL_OFFSET_POS_ASC=r;exports.RTL_OFFSET_POS_DESC=O;exports.SCROLLBAR_MIN_SIZE=l;exports.SCROLL_EVT=o;exports.SMART_ALIGNMENT=L;exports.START_ALIGNMENT=S;exports.ScrollbarDirKey=i;exports.ScrollbarSizeKey=a;exports.VERTICAL=E;

package/lib/components/virtual-list/defaults.d.ts

@@ -0,0 +1,30 @@
+export declare const DEFAULT_DYNAMIC_LIST_ITEM_SIZE = 50;
+export declare const ITEM_RENDER_EVT = "itemRendered";
+export declare const SCROLL_EVT = "scroll";
+export declare const FORWARD = "forward";
+export declare const BACKWARD = "backward";
+export declare const AUTO_ALIGNMENT = "auto";
+export declare const SMART_ALIGNMENT = "smart";
+export declare const START_ALIGNMENT = "start";
+export declare const CENTERED_ALIGNMENT = "center";
+export declare const END_ALIGNMENT = "end";
+export declare const HORIZONTAL = "horizontal";
+export declare const VERTICAL = "vertical";
+export declare const LTR = "ltr";
+export declare const RTL = "rtl";
+export declare const RTL_OFFSET_NAG = "negative";
+export declare const RTL_OFFSET_POS_ASC = "positive-ascending";
+export declare const RTL_OFFSET_POS_DESC = "positive-descending";
+export declare const PageKey: {
+    horizontal: string;
+    vertical: string;
+};
+export declare const ScrollbarSizeKey: {
+    horizontal: string;
+    vertical: string;
+};
+export declare const ScrollbarDirKey: {
+    horizontal: string;
+    vertical: string;
+};
+export declare const SCROLLBAR_MIN_SIZE = 20;

package/lib/components/virtual-list/hooks/use-cache.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("lodash"),n=require("memoize-one"),s=()=>{const r=t.getCurrentInstance().proxy.$props;return t.computed(()=>{const e=(u,m,p)=>({});return r.perfMode?o.memoize(e):n(e)})};exports.useCache=s;

package/lib/components/virtual-list/hooks/use-cache.d.ts

@@ -0,0 +1 @@
+export declare const useCache: () => import("vue").ComputedRef<(((_: any, __: any, ___: any) => {}) & import("lodash").MemoizedFunction) | import("memoize-one").MemoizedFn<(_: any, __: any, ___: any) => {}>>;

package/lib/components/virtual-list/hooks/use-grid-wheel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vft/utils");require("vue");require("lodash");const n=require("../../../utils/vue/raf.cjs");require("../../../utils/ns-cover.cjs");require("@vueuse/core");const q=({atXEndEdge:i,atXStartEdge:d,atYEndEdge:c,atYStartEdge:f},o)=>{let s=null,l=0,a=0;const u=(r,t)=>{const e=r<=0&&d.value||r>=0&&i.value,h=t<=0&&f.value||t>=0&&c.value;return e&&h};return{hasReachedEdge:u,onWheel:r=>{n.cAF(s);let t=r.deltaX,e=r.deltaY;Math.abs(t)>Math.abs(e)?e=0:t=0,r.shiftKey&&e!==0&&(t=e,e=0),!(u(l,a)&&u(l+t,a+e))&&(l+=t,a+=e,r.preventDefault(),s=n.rAF(()=>{o(l,a),l=0,a=0}))}}};exports.useGridWheel=q;

package/lib/components/virtual-list/hooks/use-grid-wheel.d.ts

@@ -0,0 +1,13 @@
+import type { ComputedRef } from 'vue';
+interface GridWheelState {
+    atXStartEdge: ComputedRef<boolean>;
+    atXEndEdge: ComputedRef<boolean>;
+    atYStartEdge: ComputedRef<boolean>;
+    atYEndEdge: ComputedRef<boolean>;
+}
+type GridWheelHandler = (x: number, y: number) => void;
+export declare const useGridWheel: ({ atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }: GridWheelState, onWheelDelta: GridWheelHandler) => {
+    hasReachedEdge: (x: number, y: number) => boolean;
+    onWheel: (e: WheelEvent) => void;
+};
+export {};

package/lib/components/virtual-list/hooks/use-wheel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@vft/utils");require("vue");require("lodash");const s=require("../../../utils/vue/raf.cjs");require("../../../utils/ns-cover.cjs");require("@vueuse/core");const a=require("../defaults.cjs"),f={[a.HORIZONTAL]:"deltaX",[a.VERTICAL]:"deltaY"},h=({atEndEdge:n,atStartEdge:o,layout:i},c)=>{let l,e=0;const t=r=>r<0&&o.value||r>0&&n.value;return{hasReachedEdge:t,onWheel:r=>{s.cAF(l);const u=r[f[i.value]];t(e)&&t(e+u)||(e+=u,d.isFirefox()||r.preventDefault(),l=s.rAF(()=>{c(e),e=0}))}}};exports.default=h;

package/lib/components/virtual-list/hooks/use-wheel.d.ts

@@ -0,0 +1,13 @@
+import type { ComputedRef } from 'vue';
+import type { LayoutDirection } from '../types';
+interface ListWheelState {
+    atStartEdge: ComputedRef<boolean>;
+    atEndEdge: ComputedRef<boolean>;
+    layout: ComputedRef<LayoutDirection>;
+}
+type ListWheelHandler = (offset: number) => void;
+declare const useWheel: ({ atEndEdge, atStartEdge, layout }: ListWheelState, onWheelDelta: ListWheelHandler) => {
+    hasReachedEdge: (offset: number) => boolean;
+    onWheel: (e: WheelEvent) => void;
+};
+export default useWheel;

package/lib/components/virtual-list/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/fixed-size-list.cjs"),r=require("./components/dynamic-size-list.cjs"),t=require("./components/fixed-size-grid.cjs"),d=require("./components/dynamic-size-grid.cjs"),i=require("./props.cjs");exports.FixedSizeList=e.default;exports.DynamicSizeList=r.default;exports.FixedSizeGrid=t.default;exports.DynamicSizeGrid=d.default;exports.virtualizedGridProps=i.virtualizedGridProps;exports.virtualizedListProps=i.virtualizedListProps;exports.virtualizedProps=i.virtualizedProps;exports.virtualizedScrollbarProps=i.virtualizedScrollbarProps;

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

@@ -0,0 +1,8 @@
+export { default as FixedSizeList } from './components/fixed-size-list';
+export { default as DynamicSizeList } from './components/dynamic-size-list';
+export { default as FixedSizeGrid } from './components/fixed-size-grid';
+export { default as DynamicSizeGrid } from './components/dynamic-size-grid';
+export * from './props';
+export type { GridInstance } from './builders/build-grid';
+export type { DynamicSizeGridInstance, ResetAfterIndex, ResetAfterIndices } from './components/dynamic-size-grid';
+export * from './types';

package/lib/components/virtual-list/props.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vft/utils");require("vue");const e=require("../../utils/vue/props/runtime.cjs");require("@vueuse/core");const b=require("../../utils/typescript.cjs");require("../../utils/ns-cover.cjs");require("lodash");const y=require("./defaults.cjs"),r=e.buildProp({type:e.definePropType([Number,Function]),required:!0}),i=e.buildProp({type:Number}),l=e.buildProp({type:Number,default:2}),m=e.buildProp({type:String,values:["ltr","rtl"],default:"ltr"}),o=e.buildProp({type:Number,default:0}),t=e.buildProp({type:Number,required:!0}),n=e.buildProp({type:String,values:["horizontal","vertical"],default:y.VERTICAL}),a=e.buildProps({className:{type:String,default:""},containerElement:{type:e.definePropType([String,Object]),default:"div"},data:{type:e.definePropType(Array),default:()=>b.mutable([])},direction:m,height:{type:[String,Number],required:!0},innerElement:{type:[String,Object],default:"div"},style:{type:e.definePropType([Object,String,Array])},useIsScrolling:{type:Boolean,default:!1},width:{type:[Number,String],required:!1},perfMode:{type:Boolean,default:!0},scrollbarAlwaysOn:{type:Boolean,default:!1}}),f=e.buildProps({cache:l,estimatedItemSize:i,layout:n,initScrollOffset:o,total:t,itemSize:r,...a}),u={type:Number,default:6},d={type:Number,default:0},p={type:Number,default:2},S=e.buildProps({columnCache:l,columnWidth:r,estimatedColumnWidth:i,estimatedRowHeight:i,initScrollLeft:o,initScrollTop:o,itemKey:{type:e.definePropType(Function),default:({columnIndex:s,rowIndex:c})=>`${c}:${s}`},rowCache:l,rowHeight:r,totalColumn:t,totalRow:t,hScrollbarSize:u,vScrollbarSize:u,scrollbarStartGap:d,scrollbarEndGap:p,role:String,...a}),P=e.buildProps({alwaysOn:Boolean,class:String,layout:n,total:t,ratio:{type:Number,required:!0},clientSize:{type:Number,required:!0},scrollFrom:{type:Number,required:!0},scrollbarSize:u,startGap:d,endGap:p,visible:Boolean});exports.virtualizedGridProps=S;exports.virtualizedListProps=f;exports.virtualizedProps=a;exports.virtualizedScrollbarProps=P;