vft 0.0.249 → 0.0.252

package/lib/components/virtual-list/builders/build-list.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue';
-import type { VirtualizedListProps } from '../props';
 import type { Alignment, ListConstructorProps } from '../types';
+import type { VirtualizedListProps } from '../props';
 declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEstimatedTotalSize, getStartIndexForOffset, getStopIndexForStartIndex, initCache, clearCache, validateProps, }: ListConstructorProps<VirtualizedListProps>) => 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)) | null)[], unknown, unknown, "div", boolean>;
@@ -19,7 +19,7 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -27,7 +27,7 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
         __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 scrollbarAlwaysOn: BooleanConstructor;
     readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
@@ -51,7 +51,7 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
     };
 }>, {
     ns: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -63,9 +63,9 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     clientSize: import("vue").ComputedRef<string | number | undefined>;
@@ -91,21 +91,21 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     }, {
         isScrolling: boolean;
         scrollDir: string;
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     } | {
         isScrolling: boolean;
         scrollDir: string;
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     }>;
     getItemStyle: (idx: number) => CSSProperties;
     onScroll: (e: Event) => void;
@@ -132,7 +132,7 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -140,7 +140,7 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
         __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 scrollbarAlwaysOn: BooleanConstructor;
     readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
@@ -171,11 +171,11 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
     readonly cache: number;
     readonly className: string;
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
+    readonly scrollbarAlwaysOn: boolean;
     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 useIsScrolling: boolean;
     readonly initScrollOffset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default createList;

package/lib/components/virtual-list/components/dynamic-size-grid.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("@vft/utils");require("@vueuse/core");const _=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");require("vue");const h=require("../builders/build-grid.cjs"),l=require("../defaults.cjs"),{max:d,min:N,floor:z}=Math,T="VftDynamicSizeGrid",D={column:"columnWidth",row:"rowHeight"},S={column:"lastVisitedColumnIndex",row:"lastVisitedRowIndex"},a=(e,s,t,i)=>{const[n,o,r]=[t[i],e[D[i]],t[S[i]]];if(s>r){let u=0;if(r>=0){const f=n[r];u=f.offset+f.size}for(let f=r+1;f<=s;f++){const c=o(f);n[f]={offset:u,size:c},u+=c}t[S[i]]=s}return n[s]},M=(e,s,t,i,n,o)=>{for(;t<=i;){const r=t+z((i-t)/2),u=a(e,r,s,o).offset;if(u===n)return r;u<n?t=r+1:i=r-1}return d(0,t-1)},L=(e,s,t,i,n)=>{const o=n==="column"?e.totalColumn:e.totalRow;let r=1;for(;t<o&&a(e,t,s,n).offset<i;)t+=r,r*=2;return M(e,s,z(t/2),N(t,o-1),i,n)},A=(e,s,t,i)=>{const[n,o]=[s[i],s[S[i]]];return(o>0?n[o].offset:0)>=t?M(e,s,0,o,t,i):L(e,s,d(0,o),t,i)},v=({totalRow:e},{estimatedRowHeight:s,lastVisitedRowIndex:t,row:i})=>{let n=0;if(t>=e&&(t=e-1),t>=0){const u=i[t];n=u.offset+u.size}const r=(e-t-1)*s;return n+r},O=({totalColumn:e},{column:s,estimatedColumnWidth:t,lastVisitedColumnIndex:i})=>{let n=0;if(i>e&&(i=e-1),i>=0){const u=s[i];n=u.offset+u.size}const r=(e-i-1)*t;return n+r},g={column:O,row:v},w=(e,s,t,i,n,o,r)=>{const[u,f]=[o==="row"?e.height:e.width,g[o]],c=a(e,s,n,o),C=f(e,n),E=d(0,N(C-u,c.offset)),m=d(0,c.offset-u+r+c.size);switch(t===l.SMART_ALIGNMENT&&(i>=m-u&&i<=E+u?t=l.AUTO_ALIGNMENT:t=l.CENTERED_ALIGNMENT),t){case l.START_ALIGNMENT:return E;case l.END_ALIGNMENT:return m;case l.CENTERED_ALIGNMENT:return Math.round(m+(E-m)/2);case l.AUTO_ALIGNMENT:default:return i>=m&&i<=E?i:m>E||i<m?m:E}},G=h.default({name:"ElDynamicSizeGrid",getColumnPosition:(e,s,t)=>{const i=a(e,s,t,"column");return[i.size,i.offset]},getRowPosition:(e,s,t)=>{const i=a(e,s,t,"row");return[i.size,i.offset]},getColumnOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"column",o),getRowOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"row",o),getColumnStartIndexForOffset:(e,s,t)=>A(e,t,s,"column"),getColumnStopIndexForStartIndex:(e,s,t,i)=>{const n=a(e,s,i,"column"),o=t+e.width;let r=n.offset+n.size,u=s;for(;u<e.totalColumn-1&&r<o;)u++,r+=a(e,s,i,"column").size;return u},getEstimatedTotalHeight:v,getEstimatedTotalWidth:O,getRowStartIndexForOffset:(e,s,t)=>A(e,t,s,"row"),getRowStopIndexForStartIndex:(e,s,t,i)=>{const{totalRow:n,height:o}=e,r=a(e,s,i,"row"),u=t+o;let f=r.size+r.offset,c=s;for(;c<n-1&&f<u;)c++,f+=a(e,c,i,"row").size;return c},injectToInstance:(e,s)=>{const t=({columnIndex:o,rowIndex:r},u)=>{u=I.isUndefined(u)?!0:u,I.isNumber(o)&&(s.value.lastVisitedColumnIndex=Math.min(s.value.lastVisitedColumnIndex,o-1)),I.isNumber(r)&&(s.value.lastVisitedRowIndex=Math.min(s.value.lastVisitedRowIndex,r-1)),e.exposed?.getItemStyleCache.value(-1,null,null),u&&e.proxy?.$forceUpdate()},i=(o,r)=>{t({columnIndex:o},r)},n=(o,r)=>{t({rowIndex:o},r)};Object.assign(e.proxy,{resetAfterColumnIndex:i,resetAfterRowIndex:n,resetAfter:t})},initCache:({estimatedColumnWidth:e=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE,estimatedRowHeight:s=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE})=>({column:{},estimatedColumnWidth:e,estimatedRowHeight:s,lastVisitedColumnIndex:-1,lastVisitedRowIndex:-1,row:{}}),clearCache:!1,validateProps:({columnWidth:e,rowHeight:s})=>{process.env.NODE_ENV!=="production"&&(I.isFunction(e)||_.throwError(T,`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");const I=require("@vft/utils"),_=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");require("vue");const h=require("../builders/build-grid.cjs"),l=require("../defaults.cjs"),{max:d,min:N,floor:z}=Math,T="ElDynamicSizeGrid",D={column:"columnWidth",row:"rowHeight"},S={column:"lastVisitedColumnIndex",row:"lastVisitedRowIndex"},a=(e,s,t,i)=>{const[n,o,r]=[t[i],e[D[i]],t[S[i]]];if(s>r){let u=0;if(r>=0){const f=n[r];u=f.offset+f.size}for(let f=r+1;f<=s;f++){const c=o(f);n[f]={offset:u,size:c},u+=c}t[S[i]]=s}return n[s]},M=(e,s,t,i,n,o)=>{for(;t<=i;){const r=t+z((i-t)/2),u=a(e,r,s,o).offset;if(u===n)return r;u<n?t=r+1:i=r-1}return d(0,t-1)},L=(e,s,t,i,n)=>{const o=n==="column"?e.totalColumn:e.totalRow;let r=1;for(;t<o&&a(e,t,s,n).offset<i;)t+=r,r*=2;return M(e,s,z(t/2),N(t,o-1),i,n)},A=(e,s,t,i)=>{const[n,o]=[s[i],s[S[i]]];return(o>0?n[o].offset:0)>=t?M(e,s,0,o,t,i):L(e,s,d(0,o),t,i)},v=({totalRow:e},{estimatedRowHeight:s,lastVisitedRowIndex:t,row:i})=>{let n=0;if(t>=e&&(t=e-1),t>=0){const u=i[t];n=u.offset+u.size}const r=(e-t-1)*s;return n+r},O=({totalColumn:e},{column:s,estimatedColumnWidth:t,lastVisitedColumnIndex:i})=>{let n=0;if(i>e&&(i=e-1),i>=0){const u=s[i];n=u.offset+u.size}const r=(e-i-1)*t;return n+r},g={column:O,row:v},w=(e,s,t,i,n,o,r)=>{const[u,f]=[o==="row"?e.height:e.width,g[o]],c=a(e,s,n,o),C=f(e,n),E=d(0,N(C-u,c.offset)),m=d(0,c.offset-u+r+c.size);switch(t===l.SMART_ALIGNMENT&&(i>=m-u&&i<=E+u?t=l.AUTO_ALIGNMENT:t=l.CENTERED_ALIGNMENT),t){case l.START_ALIGNMENT:return E;case l.END_ALIGNMENT:return m;case l.CENTERED_ALIGNMENT:return Math.round(m+(E-m)/2);case l.AUTO_ALIGNMENT:default:return i>=m&&i<=E?i:m>E||i<m?m:E}},G=h.default({name:"ElDynamicSizeGrid",getColumnPosition:(e,s,t)=>{const i=a(e,s,t,"column");return[i.size,i.offset]},getRowPosition:(e,s,t)=>{const i=a(e,s,t,"row");return[i.size,i.offset]},getColumnOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"column",o),getRowOffset:(e,s,t,i,n,o)=>w(e,s,t,i,n,"row",o),getColumnStartIndexForOffset:(e,s,t)=>A(e,t,s,"column"),getColumnStopIndexForStartIndex:(e,s,t,i)=>{const n=a(e,s,i,"column"),o=t+e.width;let r=n.offset+n.size,u=s;for(;u<e.totalColumn-1&&r<o;)u++,r+=a(e,s,i,"column").size;return u},getEstimatedTotalHeight:v,getEstimatedTotalWidth:O,getRowStartIndexForOffset:(e,s,t)=>A(e,t,s,"row"),getRowStopIndexForStartIndex:(e,s,t,i)=>{const{totalRow:n,height:o}=e,r=a(e,s,i,"row"),u=t+o;let f=r.size+r.offset,c=s;for(;c<n-1&&f<u;)c++,f+=a(e,c,i,"row").size;return c},injectToInstance:(e,s)=>{const t=({columnIndex:o,rowIndex:r},u)=>{u=I.isUndefined(u)?!0:u,I.isNumber(o)&&(s.value.lastVisitedColumnIndex=Math.min(s.value.lastVisitedColumnIndex,o-1)),I.isNumber(r)&&(s.value.lastVisitedRowIndex=Math.min(s.value.lastVisitedRowIndex,r-1)),e.exposed?.getItemStyleCache.value(-1,null,null),u&&e.proxy?.$forceUpdate()},i=(o,r)=>{t({columnIndex:o},r)},n=(o,r)=>{t({rowIndex:o},r)};Object.assign(e.proxy,{resetAfterColumnIndex:i,resetAfterRowIndex:n,resetAfter:t})},initCache:({estimatedColumnWidth:e=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE,estimatedRowHeight:s=l.DEFAULT_DYNAMIC_LIST_ITEM_SIZE})=>({column:{},estimatedColumnWidth:e,estimatedRowHeight:s,lastVisitedColumnIndex:-1,lastVisitedRowIndex:-1,row:{}}),clearCache:!1,validateProps:({columnWidth:e,rowHeight:s})=>{process.env.NODE_ENV!=="production"&&(I.isFunction(e)||_.throwError(T,`
           "columnWidth" must be passed as function,
             instead ${typeof e} was given.
         `),I.isFunction(s)||_.throwError(T,`

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

@@ -22,7 +22,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -30,7 +30,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<import("vue").Extra
         __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 scrollbarAlwaysOn: BooleanConstructor;
     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 | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
@@ -108,7 +108,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -116,7 +116,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<import("vue").Extra
         __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 scrollbarAlwaysOn: BooleanConstructor;
     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 | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
@@ -181,11 +181,11 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<import("vue").Extra
     readonly data: any[];
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: string;
+    readonly scrollbarAlwaysOn: boolean;
     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 useIsScrolling: boolean;
     readonly itemKey: import("../types").GridItemKeyGetter;
     readonly columnCache: number;
     readonly initScrollLeft: number;

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

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");const N=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");require("vue");const S=require("../builders/build-list.cjs"),m=require("../defaults.cjs"),E=require("../utils.cjs"),T="ElDynamicSizeList",I=(t,s,e)=>{const{itemSize:i}=t,{items:r,lastVisitedIndex:n}=e;if(s>n){let a=0;if(n>=0){const o=r[n];a=o.offset+o.size}for(let o=n+1;o<=s;o++){const u=i(o);r[o]={offset:a,size:u},a+=u}e.lastVisitedIndex=s}return r[s]},h=(t,s,e)=>{const{items:i,lastVisitedIndex:r}=s;return(r>0?i[r].offset:0)>=e?z(t,s,0,r,e):_(t,s,Math.max(0,r),e)},z=(t,s,e,i,r)=>{for(;e<=i;){const n=e+Math.floor((i-e)/2),a=I(t,n,s).offset;if(a===r)return n;a<r?e=n+1:a>r&&(i=n-1)}return Math.max(0,e-1)},_=(t,s,e,i)=>{const{total:r}=t;let n=1;for(;e<r&&I(t,e,s).offset<i;)e+=n,n*=2;return z(t,s,Math.floor(e/2),Math.min(e,r-1),i)},M=({total:t},{items:s,estimatedItemSize:e,lastVisitedIndex:i})=>{let r=0;if(i>=t&&(i=t-1),i>=0){const o=s[i];r=o.offset+o.size}const a=(t-i-1)*e;return r+a},A=S.default({name:"ElDynamicSizeList",getItemOffset:(t,s,e)=>I(t,s,e).offset,getItemSize:(t,s,{items:e})=>e[s].size,getEstimatedTotalSize:M,getOffset:(t,s,e,i,r)=>{const{height:n,layout:a,width:o}=t,u=E.isHorizontal(a)?o:n,d=I(t,s,r),l=M(t,r),c=Math.max(0,Math.min(l-u,d.offset)),f=Math.max(0,d.offset-u+d.size);switch(e===m.SMART_ALIGNMENT&&(i>=f-u&&i<=c+u?e=m.AUTO_ALIGNMENT:e=m.CENTERED_ALIGNMENT),e){case m.START_ALIGNMENT:return c;case m.END_ALIGNMENT:return f;case m.CENTERED_ALIGNMENT:return Math.round(f+(c-f)/2);case m.AUTO_ALIGNMENT:default:return i>=f&&i<=c?i:i<f?f:c}},getStartIndexForOffset:(t,s,e)=>h(t,e,s),getStopIndexForStartIndex:(t,s,e,i)=>{const{height:r,total:n,layout:a,width:o}=t,u=E.isHorizontal(a)?o:r,d=I(t,s,i),l=e+u;let c=d.offset+d.size,f=s;for(;f<n-1&&c<l;)f++,c+=I(t,f,i).size;return f},initCache({estimatedItemSize:t=m.DEFAULT_DYNAMIC_LIST_ITEM_SIZE},s){const e={items:{},estimatedItemSize:t,lastVisitedIndex:-1};return e.clearCacheAfterIndex=(i,r=!0)=>{e.lastVisitedIndex=Math.min(e.lastVisitedIndex,i-1),s.exposed?.getItemStyleCache(-1),r&&s.proxy?.$forceUpdate()},e},clearCache:!1,validateProps:({itemSize:t})=>{process.env.NODE_ENV!=="production"&&typeof t!="function"&&N.throwError(T,`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");const N=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");require("vue");const S=require("../builders/build-list.cjs"),E=require("../utils.cjs"),m=require("../defaults.cjs"),T="ElDynamicSizeList",I=(t,s,e)=>{const{itemSize:i}=t,{items:r,lastVisitedIndex:n}=e;if(s>n){let a=0;if(n>=0){const o=r[n];a=o.offset+o.size}for(let o=n+1;o<=s;o++){const u=i(o);r[o]={offset:a,size:u},a+=u}e.lastVisitedIndex=s}return r[s]},h=(t,s,e)=>{const{items:i,lastVisitedIndex:r}=s;return(r>0?i[r].offset:0)>=e?z(t,s,0,r,e):_(t,s,Math.max(0,r),e)},z=(t,s,e,i,r)=>{for(;e<=i;){const n=e+Math.floor((i-e)/2),a=I(t,n,s).offset;if(a===r)return n;a<r?e=n+1:a>r&&(i=n-1)}return Math.max(0,e-1)},_=(t,s,e,i)=>{const{total:r}=t;let n=1;for(;e<r&&I(t,e,s).offset<i;)e+=n,n*=2;return z(t,s,Math.floor(e/2),Math.min(e,r-1),i)},M=({total:t},{items:s,estimatedItemSize:e,lastVisitedIndex:i})=>{let r=0;if(i>=t&&(i=t-1),i>=0){const o=s[i];r=o.offset+o.size}const a=(t-i-1)*e;return r+a},A=S.default({name:"ElDynamicSizeList",getItemOffset:(t,s,e)=>I(t,s,e).offset,getItemSize:(t,s,{items:e})=>e[s].size,getEstimatedTotalSize:M,getOffset:(t,s,e,i,r)=>{const{height:n,layout:a,width:o}=t,u=E.isHorizontal(a)?o:n,d=I(t,s,r),l=M(t,r),c=Math.max(0,Math.min(l-u,d.offset)),f=Math.max(0,d.offset-u+d.size);switch(e===m.SMART_ALIGNMENT&&(i>=f-u&&i<=c+u?e=m.AUTO_ALIGNMENT:e=m.CENTERED_ALIGNMENT),e){case m.START_ALIGNMENT:return c;case m.END_ALIGNMENT:return f;case m.CENTERED_ALIGNMENT:return Math.round(f+(c-f)/2);case m.AUTO_ALIGNMENT:default:return i>=f&&i<=c?i:i<f?f:c}},getStartIndexForOffset:(t,s,e)=>h(t,e,s),getStopIndexForStartIndex:(t,s,e,i)=>{const{height:r,total:n,layout:a,width:o}=t,u=E.isHorizontal(a)?o:r,d=I(t,s,i),l=e+u;let c=d.offset+d.size,f=s;for(;f<n-1&&c<l;)f++,c+=I(t,f,i).size;return f},initCache({estimatedItemSize:t=m.DEFAULT_DYNAMIC_LIST_ITEM_SIZE},s){const e={items:{},estimatedItemSize:t,lastVisitedIndex:-1};return e.clearCacheAfterIndex=(i,r=!0)=>{e.lastVisitedIndex=Math.min(e.lastVisitedIndex,i-1),s.exposed?.getItemStyleCache(-1),r&&s.proxy?.$forceUpdate()},e},clearCache:!1,validateProps:({itemSize:t})=>{process.env.NODE_ENV!=="production"&&typeof t!="function"&&N.throwError(T,`
           itemSize is required as function, but the given value was ${typeof t}
         `)}});exports.default=A;

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

@@ -17,7 +17,7 @@ declare const DynamicSizeList: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -25,7 +25,7 @@ declare const DynamicSizeList: import("vue").DefineComponent<import("vue").Extra
         __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 scrollbarAlwaysOn: BooleanConstructor;
     readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
@@ -49,7 +49,7 @@ declare const DynamicSizeList: import("vue").DefineComponent<import("vue").Extra
     };
 }>, {
     ns: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -61,9 +61,9 @@ declare const DynamicSizeList: import("vue").DefineComponent<import("vue").Extra
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     clientSize: import("vue").ComputedRef<string | number | undefined>;
@@ -89,21 +89,21 @@ declare const DynamicSizeList: import("vue").DefineComponent<import("vue").Extra
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     }, {
         isScrolling: boolean;
         scrollDir: string;
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     } | {
         isScrolling: boolean;
         scrollDir: string;
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     }>;
     getItemStyle: (idx: number) => import("vue").CSSProperties;
     onScroll: (e: Event) => void;
@@ -130,7 +130,7 @@ declare const DynamicSizeList: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -138,7 +138,7 @@ declare const DynamicSizeList: import("vue").DefineComponent<import("vue").Extra
         __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 scrollbarAlwaysOn: BooleanConstructor;
     readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
@@ -169,11 +169,12 @@ declare const DynamicSizeList: import("vue").DefineComponent<import("vue").Extra
     readonly cache: number;
     readonly className: string;
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
+    readonly scrollbarAlwaysOn: boolean;
     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 useIsScrolling: boolean;
     readonly initScrollOffset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type DynamicSizeListInstance = InstanceType<typeof DynamicSizeList> & unknown;
 export default DynamicSizeList;

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

@@ -16,7 +16,7 @@ declare const FixedSizeGrid: import("vue").DefineComponent<import("vue").Extract
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -24,7 +24,7 @@ declare const FixedSizeGrid: import("vue").DefineComponent<import("vue").Extract
         __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 scrollbarAlwaysOn: BooleanConstructor;
     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("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>>;
@@ -102,7 +102,7 @@ declare const FixedSizeGrid: import("vue").DefineComponent<import("vue").Extract
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -110,7 +110,7 @@ declare const FixedSizeGrid: import("vue").DefineComponent<import("vue").Extract
         __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 scrollbarAlwaysOn: BooleanConstructor;
     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("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>>;
@@ -175,11 +175,11 @@ declare const FixedSizeGrid: import("vue").DefineComponent<import("vue").Extract
     readonly data: any[];
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: string;
+    readonly scrollbarAlwaysOn: boolean;
     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 useIsScrolling: boolean;
     readonly itemKey: import("vft/es/vft").GridItemKeyGetter;
     readonly columnCache: number;
     readonly initScrollLeft: number;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("@vft/utils");require("@vueuse/core");const N=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");require("vue");const T=require("../builders/build-list.cjs"),u=require("../defaults.cjs"),f=require("../utils.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]",`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");const E=require("@vft/utils"),N=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");require("vue");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

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

@@ -16,7 +16,7 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -24,7 +24,7 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
         __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 scrollbarAlwaysOn: BooleanConstructor;
     readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
@@ -48,7 +48,7 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
     };
 }>, {
     ns: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -60,9 +60,9 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     clientSize: import("vue").ComputedRef<string | number | undefined>;
@@ -88,21 +88,21 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     }, {
         isScrolling: boolean;
         scrollDir: string;
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     } | {
         isScrolling: boolean;
         scrollDir: string;
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: boolean;
     }>;
     getItemStyle: (idx: number) => import("vue").CSSProperties;
     onScroll: (e: Event) => void;
@@ -129,7 +129,7 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -137,7 +137,7 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
         __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 scrollbarAlwaysOn: BooleanConstructor;
     readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
@@ -168,11 +168,12 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
     readonly cache: number;
     readonly className: string;
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
+    readonly scrollbarAlwaysOn: boolean;
     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 useIsScrolling: boolean;
     readonly initScrollOffset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type FixedSizeListInstance = InstanceType<typeof FixedSizeList> & unknown;
 export default FixedSizeList;

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

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

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

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

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

@@ -15,10 +15,6 @@ 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;

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

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

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

@@ -1 +1 @@
-export declare const useCache: () => import("vue").ComputedRef<any>;
+export declare const useCache: <T>() => import("vue").ComputedRef<any>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("@vft/utils");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const s=require("../../../utils/vue/raf.cjs");require("vue");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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");const d=require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const s=require("../../../utils/vue/raf.cjs");require("vue");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/index.cjs

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

@@ -1,8 +1,10 @@
-export type { GridInstance } from './builders/build-grid';
-export type { DynamicSizeGridInstance, ResetAfterIndex, ResetAfterIndices, } from './components/dynamic-size-grid';
-export { default as DynamicSizeGrid } from './components/dynamic-size-grid';
+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 FixedSizeList } from './components/fixed-size-list';
+export { default as DynamicSizeGrid } from './components/dynamic-size-grid';
 export * from './props';
+export type { FixedSizeListInstance } from './components/fixed-size-list';
+export type { DynamicSizeListInstance } from './components/dynamic-size-list';
+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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const b=require("../../utils/typescript.cjs"),e=require("../../utils/vue/props/runtime.cjs");require("vue");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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const b=require("../../utils/typescript.cjs"),e=require("../../utils/vue/props/runtime.cjs");require("vue");const y=require("./defaults.cjs"),t=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}),r=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:Boolean,width:{type:[Number,String],required:!1},perfMode:{type:Boolean,default:!0},scrollbarAlwaysOn:Boolean}),S=e.buildProps({cache:l,estimatedItemSize:i,layout:n,initScrollOffset:o,total:r,itemSize:t,...a}),u={type:Number,default:6},d={type:Number,default:0},p={type:Number,default:2},f=e.buildProps({columnCache:l,columnWidth:t,estimatedColumnWidth:i,estimatedRowHeight:i,initScrollLeft:o,initScrollTop:o,itemKey:{type:e.definePropType(Function),default:({columnIndex:s,rowIndex:c})=>`${c}:${s}`},rowCache:l,rowHeight:t,totalColumn:r,totalRow:r,hScrollbarSize:u,vScrollbarSize:u,scrollbarStartGap:d,scrollbarEndGap:p,role:String,...a}),P=e.buildProps({alwaysOn:Boolean,class:String,layout:n,total:r,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=f;exports.virtualizedListProps=S;exports.virtualizedProps=a;exports.virtualizedScrollbarProps=P;