vft 0.0.239 → 0.0.241

package/lib/components/verify-code/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     height: {
         type: import("vue").PropType<number>;
     };
@@ -8,10 +8,10 @@ export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import
     radius: {
         type: import("vue").PropType<string | number>;
     };
-}, {
+}>, {
     getCode: () => void;
-    code: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    code: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     height: {
@@ -23,7 +23,7 @@ export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import
     radius: {
         type: import("vue").PropType<string | number>;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: (() => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftVerifyCode;

package/lib/components/verify-code/useImageVerify.d.ts

@@ -4,8 +4,8 @@
  * @param height - 图形高度
  */
 export default function useImageVerify(width?: number, height?: number): {
-    domRef: import("vue").Ref<HTMLCanvasElement | undefined>;
-    imgCode: import("vue").Ref<string>;
+    domRef: import("vue").Ref<HTMLCanvasElement | undefined, HTMLCanvasElement | undefined>;
+    imgCode: import("vue").Ref<string, string>;
     setCode: (code: string) => void;
     getCode: () => void;
 };

package/lib/components/verify-code/verify-code.vue.d.ts

@@ -3,14 +3,14 @@ interface VerifyCodeProps {
     width?: number;
     radius?: number | string;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<VerifyCodeProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VerifyCodeProps>>, {
     getCode: () => void;
-    code: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    code: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VerifyCodeProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VerifyCodeProps>>> & Readonly<{
     onClick?: (() => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/virtual-list/builders/build-grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("@vft/utils"),Te=require("@vueuse/core"),ge=require("../../../utils/dom/scroll.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),xe=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const B=require("../components/scrollbar.cjs"),f=require("../defaults.cjs"),Re=require("../hooks/use-cache.cjs"),Le=require("../hooks/use-grid-wheel.cjs"),be=require("../props.cjs"),g=require("../utils.cjs"),Ee=({name:U,clearCache:A,getColumnPosition:F,getColumnStartIndexForOffset:K,getColumnStopIndexForStartIndex:P,getEstimatedTotalHeight:N,getEstimatedTotalWidth:k,getColumnOffset:X,getRowOffset:Y,getRowPosition:J,getRowStartIndexForOffset:Q,getRowStopIndexForStartIndex:Z,initCache:j,injectToInstance:C,validateProps:p})=>e.defineComponent({name:U??"VftVirtualList",props:be.virtualizedGridProps,emits:[f.ITEM_RENDER_EVT,f.SCROLL_EVT],setup(l,{emit:I,expose:ee,slots:D}){const b=xe.useNamespace("vl");p(l);const _=e.getCurrentInstance(),w=e.ref(j(l,_));C==null||C(_,w);const E=e.ref(),W=e.ref(),te=e.ref(),$=e.ref(null),u=e.ref({isScrolling:!1,scrollLeft:v.isNumber(l.initScrollLeft)?l.initScrollLeft:0,scrollTop:v.isNumber(l.initScrollTop)?l.initScrollTop:0,updateRequested:!1,xAxisScrollDir:f.FORWARD,yAxisScrollDir:f.FORWARD}),q=Re.useCache(),M=e.computed(()=>Number.parseInt(`${l.height}`,10)),y=e.computed(()=>Number.parseInt(`${l.width}`,10)),G=e.computed(()=>{const{totalColumn:r,totalRow:t,columnCache:o}=l,{isScrolling:s,xAxisScrollDir:n,scrollLeft:c}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=K(l,c,e.unref(w)),a=P(l,i,c,e.unref(w)),d=!s||n===f.BACKWARD?Math.max(1,o):1,h=!s||n===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,a+h)),i,a]}),V=e.computed(()=>{const{totalColumn:r,totalRow:t,rowCache:o}=l,{isScrolling:s,yAxisScrollDir:n,scrollTop:c}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=Q(l,c,e.unref(w)),a=Z(l,i,c,e.unref(w)),d=!s||n===f.BACKWARD?Math.max(1,o):1,h=!s||n===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(t-1,a+h)),i,a]}),x=e.computed(()=>N(l,e.unref(w))),R=e.computed(()=>k(l,e.unref(w))),le=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:v.isNumber(l.height)?`${l.height}px`:l.height,width:v.isNumber(l.width)?`${l.width}px`:l.width},l.style??{}]),re=e.computed(()=>{const r=`${e.unref(R)}px`;return{height:`${e.unref(x)}px`,pointerEvents:e.unref(u).isScrolling?"none":void 0,width:r}}),O=()=>{const{totalColumn:r,totalRow:t}=l;if(r>0&&t>0){const[a,d,h,T]=e.unref(G),[m,S,we,ve]=e.unref(V);I(f.ITEM_RENDER_EVT,{columnCacheStart:a,columnCacheEnd:d,rowCacheStart:m,rowCacheEnd:S,columnVisibleStart:h,columnVisibleEnd:T,rowVisibleStart:we,rowVisibleEnd:ve})}const{scrollLeft:o,scrollTop:s,updateRequested:n,xAxisScrollDir:c,yAxisScrollDir:i}=e.unref(u);I(f.SCROLL_EVT,{xAxisScrollDir:c,scrollLeft:o,yAxisScrollDir:i,scrollTop:s,updateRequested:n})},oe=r=>{const{clientHeight:t,clientWidth:o,scrollHeight:s,scrollLeft:n,scrollTop:c,scrollWidth:i}=r.currentTarget,a=e.unref(u);if(a.scrollTop===c&&a.scrollLeft===n)return;let d=n;if(g.isRTL(l.direction))switch(g.getRTLOffsetType()){case f.RTL_OFFSET_NAG:d=-n;break;case f.RTL_OFFSET_POS_DESC:d=i-o-n;break}u.value={...a,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(c,s-t)),updateRequested:!0,xAxisScrollDir:g.getScrollDir(a.scrollLeft,d),yAxisScrollDir:g.getScrollDir(a.scrollTop,c)},e.nextTick(()=>z()),H(),O()},ne=(r,t)=>{const o=e.unref(M),s=(x.value-o)/t*r;L({scrollTop:Math.min(x.value-o,s)})},ce=(r,t)=>{const o=e.unref(y),s=(R.value-o)/t*r;L({scrollLeft:Math.min(R.value-o,s)})},{onWheel:ie}=Le.useGridWheel({atXStartEdge:e.computed(()=>u.value.scrollLeft<=0),atXEndEdge:e.computed(()=>u.value.scrollLeft>=R.value-e.unref(y)),atYStartEdge:e.computed(()=>u.value.scrollTop<=0),atYEndEdge:e.computed(()=>u.value.scrollTop>=x.value-e.unref(M))},(r,t)=>{var n,c,i,a;(c=(n=W.value)==null?void 0:n.onMouseUp)==null||c.call(n),(a=(i=W.value)==null?void 0:i.onMouseUp)==null||a.call(i);const o=e.unref(y),s=e.unref(M);L({scrollLeft:Math.min(u.value.scrollLeft+r,R.value-o),scrollTop:Math.min(u.value.scrollTop+t,x.value-s)})}),L=({scrollLeft:r=u.value.scrollLeft,scrollTop:t=u.value.scrollTop})=>{r=Math.max(r,0),t=Math.max(t,0);const o=e.unref(u);t===o.scrollTop&&r===o.scrollLeft||(u.value={...o,xAxisScrollDir:g.getScrollDir(o.scrollLeft,r),yAxisScrollDir:g.getScrollDir(o.scrollTop,t),scrollLeft:r,scrollTop:t,updateRequested:!0},e.nextTick(()=>z()),H(),O())},se=(r=0,t=0,o=f.AUTO_ALIGNMENT)=>{const s=e.unref(u);t=Math.max(0,Math.min(t,l.totalColumn-1)),r=Math.max(0,Math.min(r,l.totalRow-1));const n=ge.getScrollBarWidth(b.namespace.value),c=e.unref(w),i=N(l,c),a=k(l,c);L({scrollLeft:X(l,t,o,s.scrollLeft,c,a>l.width?n:0),scrollTop:Y(l,r,o,s.scrollTop,c,i>l.height?n:0)})},ae=(r,t)=>{const{columnWidth:o,direction:s,rowHeight:n}=l,c=q.value(A&&o,A&&n,A&&s),i=`${r},${t}`;if(v.hasOwn(c,i))return c[i];{const[,a]=F(l,t,e.unref(w)),d=e.unref(w),h=g.isRTL(s),[T,m]=J(l,r,d),[S]=F(l,t,d);return c[i]={position:"absolute",left:h?void 0:`${a}px`,right:h?`${a}px`:void 0,top:`${m}px`,height:`${T}px`,width:`${S}px`},c[i]}},z=()=>{u.value.isScrolling=!1,e.nextTick(()=>{q.value(-1,null,null)})};e.onMounted(()=>{if(!Te.isClient)return;const{initScrollLeft:r,initScrollTop:t}=l,o=e.unref(E);o&&(v.isNumber(r)&&(o.scrollLeft=r),v.isNumber(t)&&(o.scrollTop=t)),O()});const H=()=>{const{direction:r}=l,{scrollLeft:t,scrollTop:o,updateRequested:s}=e.unref(u),n=e.unref(E);if(s&&n){if(r===f.RTL)switch(g.getRTLOffsetType()){case f.RTL_OFFSET_NAG:{n.scrollLeft=-t;break}case f.RTL_OFFSET_POS_ASC:{n.scrollLeft=t;break}default:{const{clientWidth:c,scrollWidth:i}=n;n.scrollLeft=i-c-t;break}}else n.scrollLeft=Math.max(0,t);n.scrollTop=Math.max(0,o)}},{resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe}=_.proxy;ee({windowRef:E,innerRef:$,getItemStyleCache:q,scrollTo:L,scrollToItem:se,states:u,resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe});const he=()=>{const{scrollbarAlwaysOn:r,scrollbarStartGap:t,scrollbarEndGap:o,totalColumn:s,totalRow:n}=l,c=e.unref(y),i=e.unref(M),a=e.unref(R),d=e.unref(x),{scrollLeft:h,scrollTop:T}=e.unref(u),m=e.h(B.default,{ref:W,alwaysOn:r,startGap:t,endGap:o,class:b.e("horizontal"),clientSize:c,layout:"horizontal",onScroll:ce,ratio:c*100/a,scrollFrom:h/(a-c),total:n,visible:!0}),S=e.h(B.default,{ref:te,alwaysOn:r,startGap:t,endGap:o,class:b.e("vertical"),clientSize:i,layout:"vertical",onScroll:ne,ratio:i*100/d,scrollFrom:T/(d-i),total:s,visible:!0});return{horizontalScrollbar:m,verticalScrollbar:S}},me=()=>{var T;const[r,t]=e.unref(G),[o,s]=e.unref(V),{data:n,totalColumn:c,totalRow:i,useIsScrolling:a,itemKey:d}=l,h=[];if(i>0&&c>0)for(let m=o;m<=s;m++)for(let S=r;S<=t;S++)h.push((T=D.default)==null?void 0:T.call(D,{columnIndex:S,data:n,key:d({columnIndex:S,data:n,rowIndex:m}),isScrolling:a?e.unref(u).isScrolling:void 0,style:ae(m,S),rowIndex:m}));return h},Se=()=>{const r=e.resolveDynamicComponent(l.innerElement),t=me();return[e.h(r,{style:e.unref(re),ref:$},v.isString(r)?t:{default:()=>t})]};return()=>{const r=e.resolveDynamicComponent(l.containerElement),{horizontalScrollbar:t,verticalScrollbar:o}=he(),s=Se();return e.h("div",{key:0,class:b.e("wrapper"),role:l.role},[e.h(r,{class:l.className,style:e.unref(le),onScroll:oe,onWheel:ie,ref:E},v.isString(r)?s:{default:()=>s}),t,o])}}});exports.default=Ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("@vft/utils"),ve=require("@vueuse/core"),ge=require("../../../utils/dom/scroll.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),xe=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const z=require("../components/scrollbar.cjs"),f=require("../defaults.cjs"),Re=require("../hooks/use-cache.cjs"),Le=require("../hooks/use-grid-wheel.cjs"),be=require("../props.cjs"),v=require("../utils.cjs"),Ee=({name:H,clearCache:A,getColumnPosition:q,getColumnStartIndexForOffset:B,getColumnStopIndexForStartIndex:U,getEstimatedTotalHeight:O,getEstimatedTotalWidth:I,getColumnOffset:K,getRowOffset:P,getRowPosition:X,getRowStartIndexForOffset:Y,getRowStopIndexForStartIndex:j,initCache:J,injectToInstance:Q,validateProps:Z})=>e.defineComponent({name:H??"VftVirtualList",props:be.virtualizedGridProps,emits:[f.ITEM_RENDER_EVT,f.SCROLL_EVT],setup(l,{emit:F,expose:p,slots:ee}){const b=xe.useNamespace("vl");Z(l);const C=e.getCurrentInstance(),w=e.ref(J(l,C));Q?.(C,w);const E=e.ref(),D=e.ref(),te=e.ref(),N=e.ref(null),u=e.ref({isScrolling:!1,scrollLeft:T.isNumber(l.initScrollLeft)?l.initScrollLeft:0,scrollTop:T.isNumber(l.initScrollTop)?l.initScrollTop:0,updateRequested:!1,xAxisScrollDir:f.FORWARD,yAxisScrollDir:f.FORWARD}),_=Re.useCache(),M=e.computed(()=>Number.parseInt(`${l.height}`,10)),y=e.computed(()=>Number.parseInt(`${l.width}`,10)),k=e.computed(()=>{const{totalColumn:r,totalRow:t,columnCache:o}=l,{isScrolling:n,xAxisScrollDir:c,scrollLeft:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=B(l,s,e.unref(w)),a=U(l,i,s,e.unref(w)),d=!n||c===f.BACKWARD?Math.max(1,o):1,h=!n||c===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(r-1,a+h)),i,a]}),$=e.computed(()=>{const{totalColumn:r,totalRow:t,rowCache:o}=l,{isScrolling:n,yAxisScrollDir:c,scrollTop:s}=e.unref(u);if(r===0||t===0)return[0,0,0,0];const i=Y(l,s,e.unref(w)),a=j(l,i,s,e.unref(w)),d=!n||c===f.BACKWARD?Math.max(1,o):1,h=!n||c===f.FORWARD?Math.max(1,o):1;return[Math.max(0,i-d),Math.max(0,Math.min(t-1,a+h)),i,a]}),g=e.computed(()=>O(l,e.unref(w))),x=e.computed(()=>I(l,e.unref(w))),le=e.computed(()=>[{position:"relative",overflow:"hidden",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style??{}]),re=e.computed(()=>{const r=`${e.unref(x)}px`;return{height:`${e.unref(g)}px`,pointerEvents:e.unref(u).isScrolling?"none":void 0,width:r}}),W=()=>{const{totalColumn:r,totalRow:t}=l;if(r>0&&t>0){const[a,d,h,m]=e.unref(k),[S,L,we,Te]=e.unref($);F(f.ITEM_RENDER_EVT,{columnCacheStart:a,columnCacheEnd:d,rowCacheStart:S,rowCacheEnd:L,columnVisibleStart:h,columnVisibleEnd:m,rowVisibleStart:we,rowVisibleEnd:Te})}const{scrollLeft:o,scrollTop:n,updateRequested:c,xAxisScrollDir:s,yAxisScrollDir:i}=e.unref(u);F(f.SCROLL_EVT,{xAxisScrollDir:s,scrollLeft:o,yAxisScrollDir:i,scrollTop:n,updateRequested:c})},oe=r=>{const{clientHeight:t,clientWidth:o,scrollHeight:n,scrollLeft:c,scrollTop:s,scrollWidth:i}=r.currentTarget,a=e.unref(u);if(a.scrollTop===s&&a.scrollLeft===c)return;let d=c;if(v.isRTL(l.direction))switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:d=-c;break;case f.RTL_OFFSET_POS_DESC:d=i-o-c;break}u.value={...a,isScrolling:!0,scrollLeft:d,scrollTop:Math.max(0,Math.min(s,n-t)),updateRequested:!0,xAxisScrollDir:v.getScrollDir(a.scrollLeft,d),yAxisScrollDir:v.getScrollDir(a.scrollTop,s)},e.nextTick(()=>G()),V(),W()},ne=(r,t)=>{const o=e.unref(M),n=(g.value-o)/t*r;R({scrollTop:Math.min(g.value-o,n)})},ce=(r,t)=>{const o=e.unref(y),n=(x.value-o)/t*r;R({scrollLeft:Math.min(x.value-o,n)})},{onWheel:se}=Le.useGridWheel({atXStartEdge:e.computed(()=>u.value.scrollLeft<=0),atXEndEdge:e.computed(()=>u.value.scrollLeft>=x.value-e.unref(y)),atYStartEdge:e.computed(()=>u.value.scrollTop<=0),atYEndEdge:e.computed(()=>u.value.scrollTop>=g.value-e.unref(M))},(r,t)=>{D.value?.onMouseUp?.(),D.value?.onMouseUp?.();const o=e.unref(y),n=e.unref(M);R({scrollLeft:Math.min(u.value.scrollLeft+r,x.value-o),scrollTop:Math.min(u.value.scrollTop+t,g.value-n)})}),R=({scrollLeft:r=u.value.scrollLeft,scrollTop:t=u.value.scrollTop})=>{r=Math.max(r,0),t=Math.max(t,0);const o=e.unref(u);t===o.scrollTop&&r===o.scrollLeft||(u.value={...o,xAxisScrollDir:v.getScrollDir(o.scrollLeft,r),yAxisScrollDir:v.getScrollDir(o.scrollTop,t),scrollLeft:r,scrollTop:t,updateRequested:!0},e.nextTick(()=>G()),V(),W())},ie=(r=0,t=0,o=f.AUTO_ALIGNMENT)=>{const n=e.unref(u);t=Math.max(0,Math.min(t,l.totalColumn-1)),r=Math.max(0,Math.min(r,l.totalRow-1));const c=ge.getScrollBarWidth(b.namespace.value),s=e.unref(w),i=O(l,s),a=I(l,s);R({scrollLeft:K(l,t,o,n.scrollLeft,s,a>l.width?c:0),scrollTop:P(l,r,o,n.scrollTop,s,i>l.height?c:0)})},ae=(r,t)=>{const{columnWidth:o,direction:n,rowHeight:c}=l,s=_.value(A&&o,A&&c,A&&n),i=`${r},${t}`;if(T.hasOwn(s,i))return s[i];{const[,a]=q(l,t,e.unref(w)),d=e.unref(w),h=v.isRTL(n),[m,S]=X(l,r,d),[L]=q(l,t,d);return s[i]={position:"absolute",left:h?void 0:`${a}px`,right:h?`${a}px`:void 0,top:`${S}px`,height:`${m}px`,width:`${L}px`},s[i]}},G=()=>{u.value.isScrolling=!1,e.nextTick(()=>{_.value(-1,null,null)})};e.onMounted(()=>{if(!ve.isClient)return;const{initScrollLeft:r,initScrollTop:t}=l,o=e.unref(E);o&&(T.isNumber(r)&&(o.scrollLeft=r),T.isNumber(t)&&(o.scrollTop=t)),W()});const V=()=>{const{direction:r}=l,{scrollLeft:t,scrollTop:o,updateRequested:n}=e.unref(u),c=e.unref(E);if(n&&c){if(r===f.RTL)switch(v.getRTLOffsetType()){case f.RTL_OFFSET_NAG:{c.scrollLeft=-t;break}case f.RTL_OFFSET_POS_ASC:{c.scrollLeft=t;break}default:{const{clientWidth:s,scrollWidth:i}=c;c.scrollLeft=i-s-t;break}}else c.scrollLeft=Math.max(0,t);c.scrollTop=Math.max(0,o)}},{resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe}=C.proxy;p({windowRef:E,innerRef:N,getItemStyleCache:_,scrollTo:R,scrollToItem:ie,states:u,resetAfterColumnIndex:ue,resetAfterRowIndex:de,resetAfter:fe});const he=()=>{const{scrollbarAlwaysOn:r,scrollbarStartGap:t,scrollbarEndGap:o,totalColumn:n,totalRow:c}=l,s=e.unref(y),i=e.unref(M),a=e.unref(x),d=e.unref(g),{scrollLeft:h,scrollTop:m}=e.unref(u),S=e.h(z.default,{ref:D,alwaysOn:r,startGap:t,endGap:o,class:b.e("horizontal"),clientSize:s,layout:"horizontal",onScroll:ce,ratio:s*100/a,scrollFrom:h/(a-s),total:c,visible:!0}),L=e.h(z.default,{ref:te,alwaysOn:r,startGap:t,endGap:o,class:b.e("vertical"),clientSize:i,layout:"vertical",onScroll:ne,ratio:i*100/d,scrollFrom:m/(d-i),total:n,visible:!0});return{horizontalScrollbar:S,verticalScrollbar:L}},me=()=>{const[r,t]=e.unref(k),[o,n]=e.unref($),{data:c,totalColumn:s,totalRow:i,useIsScrolling:a,itemKey:d}=l,h=[];if(i>0&&s>0)for(let m=o;m<=n;m++)for(let S=r;S<=t;S++)h.push(ee.default?.({columnIndex:S,data:c,key:d({columnIndex:S,data:c,rowIndex:m}),isScrolling:a?e.unref(u).isScrolling:void 0,style:ae(m,S),rowIndex:m}));return h},Se=()=>{const r=e.resolveDynamicComponent(l.innerElement),t=me();return[e.h(r,{style:e.unref(re),ref:N},T.isString(r)?t:{default:()=>t})]};return()=>{const r=e.resolveDynamicComponent(l.containerElement),{horizontalScrollbar:t,verticalScrollbar:o}=he(),n=Se();return e.h("div",{key:0,class:b.e("wrapper"),role:l.role},[e.h(r,{class:l.className,style:e.unref(le),onScroll:oe,onWheel:se,ref:E},T.isString(r)?n:{default:()=>n}),t,o])}}});exports.default=Ee;

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

@@ -3,10 +3,10 @@ import { BACKWARD, FORWARD } from '../defaults';
 import { useCache } from '../hooks/use-cache';
 import type { VirtualizedGridProps } from '../props';
 import type { Alignment, GridConstructorProps, GridScrollOptions } from '../types';
-declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStartIndexForOffset, getColumnStopIndexForStartIndex, getEstimatedTotalHeight, getEstimatedTotalWidth, getColumnOffset, getRowOffset, getRowPosition, getRowStartIndexForOffset, getRowStopIndexForStartIndex, initCache, injectToInstance, validateProps, }: GridConstructorProps<VirtualizedGridProps>) => import("vue").DefineComponent<{
+declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStartIndexForOffset, getColumnStopIndexForStartIndex, getEstimatedTotalHeight, getEstimatedTotalWidth, getColumnOffset, getRowOffset, getRowPosition, getRowStartIndexForOffset, getRowStopIndexForStartIndex, initCache, injectToInstance, validateProps, }: GridConstructorProps<VirtualizedGridProps>) => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -16,7 +16,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -32,7 +32,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     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("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -55,17 +55,17 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
         (): import("../types").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+    } | (((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
         (): import("../types").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+    }) | null)[], unknown, unknown, ({ columnIndex, rowIndex, }: {
         columnIndex: number;
         rowIndex: number;
     }) => string, boolean>;
     readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly rowHeight: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -87,12 +87,12 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     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;
-}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -102,7 +102,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -118,7 +118,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     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("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -141,17 +141,17 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
         (): import("../types").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+    } | (((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
         (): import("../types").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+    }) | null)[], unknown, unknown, ({ columnIndex, rowIndex, }: {
         columnIndex: number;
         rowIndex: number;
     }) => string, boolean>;
     readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly rowHeight: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -173,14 +173,14 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     readonly scrollbarStartGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly scrollbarEndGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly role: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly data: any[];
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: string;
-    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly perfMode: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -194,7 +194,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     readonly vScrollbarSize: number;
     readonly scrollbarStartGap: number;
     readonly scrollbarEndGap: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default createGrid;
 type Dir = typeof FORWARD | typeof BACKWARD;
 export type GridInstance = InstanceType<ReturnType<typeof createGrid>> & UnwrapRef<{

package/lib/components/virtual-list/builders/build-list.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("@vft/utils"),ee=require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),te=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const le=require("../components/scrollbar.cjs"),a=require("../defaults.cjs"),ne=require("../hooks/use-cache.cjs"),se=require("../hooks/use-wheel.cjs"),re=require("../props.cjs"),R=require("../utils.cjs"),oe=({name:B,getOffset:j,getItemSize:K,getItemOffset:Z,getEstimatedTotalSize:J,getStartIndexForOffset:Q,getStopIndexForStartIndex:X,initCache:Y,clearCache:N,validateProps:p})=>e.defineComponent({name:B??"VftVirtualList",props:re.virtualizedListProps,emits:[a.ITEM_RENDER_EVT,a.SCROLL_EVT],setup(l,{emit:O,expose:A}){p(l);const E=e.getCurrentInstance(),F=te.useNamespace("vl"),d=e.ref(Y(l,E)),b=ne.useCache(),m=e.ref(),z=e.ref(),C=e.ref(),o=e.ref({isScrolling:!1,scrollDir:"forward",scrollOffset:T.isNumber(l.initScrollOffset)?l.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:l.scrollbarAlwaysOn}),L=e.computed(()=>{const{total:t,cache:n}=l,{isScrolling:s,scrollDir:u,scrollOffset:r}=e.unref(o);if(t===0)return[0,0,0,0];const c=Q(l,r,e.unref(d)),i=X(l,c,r,e.unref(d)),w=!s||u===a.BACKWARD?Math.max(1,n):1,y=!s||u===a.FORWARD?Math.max(1,n):1;return[Math.max(0,c-w),Math.max(0,Math.min(t-1,i+y)),c,i]}),h=e.computed(()=>J(l,e.unref(d))),S=e.computed(()=>R.isHorizontal(l.layout)),$=e.computed(()=>[{position:"relative",[`overflow-${S.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style]),_=e.computed(()=>{const t=e.unref(h),n=e.unref(S);return{height:n?"100%":`${t}px`,pointerEvents:e.unref(o).isScrolling?"none":void 0,width:n?`${t}px`:"100%"}}),v=e.computed(()=>S.value?l.width:l.height),{onWheel:W}=se.default({atStartEdge:e.computed(()=>o.value.scrollOffset<=0),atEndEdge:e.computed(()=>o.value.scrollOffset>=h.value),layout:e.computed(()=>l.layout)},t=>{var n,s;(s=(n=C.value).onMouseUp)==null||s.call(n),f(Math.min(o.value.scrollOffset+t,h.value-v.value))}),q=()=>{const{total:t}=l;if(t>0){const[r,c,i,w]=e.unref(L);O(a.ITEM_RENDER_EVT,r,c,i,w)}const{scrollDir:n,scrollOffset:s,updateRequested:u}=e.unref(o);O(a.SCROLL_EVT,n,s,u)},H=t=>{const{clientHeight:n,scrollHeight:s,scrollTop:u}=t.currentTarget,r=e.unref(o);if(r.scrollOffset===u)return;const c=Math.max(0,Math.min(u,s-n));o.value={...r,isScrolling:!0,scrollDir:R.getScrollDir(r.scrollOffset,c),scrollOffset:c,updateRequested:!1},e.nextTick(x)},V=t=>{const{clientWidth:n,scrollLeft:s,scrollWidth:u}=t.currentTarget,r=e.unref(o);if(r.scrollOffset===s)return;const{direction:c}=l;let i=s;if(c===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{i=-s;break}case a.RTL_OFFSET_POS_DESC:{i=u-n-s;break}}i=Math.max(0,Math.min(i,u-n)),o.value={...r,isScrolling:!0,scrollDir:R.getScrollDir(r.scrollOffset,i),scrollOffset:i,updateRequested:!1},e.nextTick(x)},I=t=>{e.unref(S)?V(t):H(t),q()},k=(t,n)=>{const s=(h.value-v.value)/n*t;f(Math.min(h.value-v.value,s))},f=t=>{t=Math.max(t,0),t!==e.unref(o).scrollOffset&&(o.value={...e.unref(o),scrollOffset:t,scrollDir:R.getScrollDir(e.unref(o).scrollOffset,t),updateRequested:!0},e.nextTick(x))},M=(t,n=a.AUTO_ALIGNMENT)=>{const{scrollOffset:s}=e.unref(o);t=Math.max(0,Math.min(t,l.total-1)),f(j(l,t,n,s,e.unref(d)))},P=t=>{const{direction:n,itemSize:s,layout:u}=l,r=b.value(N&&s,N&&u,N&&n);let c;if(T.hasOwn(r,String(t)))c=r[t];else{const i=Z(l,t,e.unref(d)),w=K(l,t,e.unref(d)),y=e.unref(S),G=n===a.RTL,U=y?i:0;r[t]=c={position:"absolute",left:G?void 0:`${U}px`,right:G?`${U}px`:void 0,top:y?0:`${i}px`,height:y?"100%":`${w}px`,width:y?`${w}px`:"100%"}}return c},x=()=>{o.value.isScrolling=!1,e.nextTick(()=>{b.value(-1,null,null)})},D=()=>{const t=m.value;t&&(t.scrollTop=0)};e.onMounted(()=>{if(!ee.isClient)return;const{initScrollOffset:t}=l,n=e.unref(m);T.isNumber(t)&&n&&(e.unref(S)?n.scrollLeft=t:n.scrollTop=t),q()}),e.onUpdated(()=>{const{direction:t,layout:n}=l,{scrollOffset:s,updateRequested:u}=e.unref(o),r=e.unref(m);if(u&&r)if(n===a.HORIZONTAL)if(t===a.RTL)switch(R.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{r.scrollLeft=-s;break}case a.RTL_OFFSET_POS_ASC:{r.scrollLeft=s;break}default:{const{clientWidth:c,scrollWidth:i}=r;r.scrollLeft=i-c-s;break}}else r.scrollLeft=s;else r.scrollTop=s});const g={ns:F,clientSize:v,estimatedTotalSize:h,windowStyle:$,windowRef:m,innerRef:z,innerStyle:_,itemsToRender:L,scrollbarRef:C,states:o,getItemStyle:P,onScroll:I,onScrollbarScroll:k,onWheel:W,scrollTo:f,scrollToItem:M,resetScrollTop:D};return A({windowRef:m,innerRef:z,getItemStyleCache:b,scrollTo:f,scrollToItem:M,resetScrollTop:D,states:o}),g},render(l){var D;const{$slots:O,className:A,clientSize:E,containerElement:F,data:d,getItemStyle:b,innerElement:m,itemsToRender:z,innerStyle:C,layout:o,total:L,onScroll:h,onScrollbarScroll:S,onWheel:$,states:_,useIsScrolling:v,windowStyle:W,ns:q}=l,[H,V]=z,I=e.resolveDynamicComponent(F),k=e.resolveDynamicComponent(m),f=[];if(L>0)for(let g=H;g<=V;g++)f.push((D=O.default)==null?void 0:D.call(O,{data:d,key:g,index:g,isScrolling:v?_.isScrolling:void 0,style:b(g)}));const M=[e.h(k,{style:C,ref:"innerRef"},T.isString(k)?f:{default:()=>f})],P=e.h(le.default,{ref:"scrollbarRef",clientSize:E,layout:o,onScroll:S,ratio:E*100/this.estimatedTotalSize,scrollFrom:_.scrollOffset/(this.estimatedTotalSize-E),total:L}),x=e.h(I,{class:[q.e("window"),A],style:W,onScroll:h,onWheel:$,ref:"windowRef",key:0},T.isString(I)?[M]:{default:()=>[M]});return e.h("div",{key:0,class:[q.e("wrapper"),_.scrollbarAlwaysOn?"always-on":""]},[x,P])}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("@vft/utils"),ee=require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),te=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const le=require("../components/scrollbar.cjs"),a=require("../defaults.cjs"),ne=require("../hooks/use-cache.cjs"),se=require("../hooks/use-wheel.cjs"),oe=require("../props.cjs"),y=require("../utils.cjs"),re=({name:U,getOffset:B,getItemSize:j,getItemOffset:K,getEstimatedTotalSize:Z,getStartIndexForOffset:J,getStopIndexForStartIndex:Q,initCache:X,clearCache:k,validateProps:Y})=>e.defineComponent({name:U??"VftVirtualList",props:oe.virtualizedListProps,emits:[a.ITEM_RENDER_EVT,a.SCROLL_EVT],setup(l,{emit:x,expose:N}){Y(l);const R=e.getCurrentInstance(),$=te.useNamespace("vl"),d=e.ref(X(l,R)),E=ne.useCache(),g=e.ref(),D=e.ref(),z=e.ref(),r=e.ref({isScrolling:!1,scrollDir:"forward",scrollOffset:T.isNumber(l.initScrollOffset)?l.initScrollOffset:0,updateRequested:!1,isScrollbarDragging:!1,scrollbarAlwaysOn:l.scrollbarAlwaysOn}),b=e.computed(()=>{const{total:t,cache:n}=l,{isScrolling:o,scrollDir:u,scrollOffset:s}=e.unref(r);if(t===0)return[0,0,0,0];const c=J(l,s,e.unref(d)),i=Q(l,c,s,e.unref(d)),v=!o||u===a.BACKWARD?Math.max(1,n):1,w=!o||u===a.FORWARD?Math.max(1,n):1;return[Math.max(0,c-v),Math.max(0,Math.min(t-1,i+w)),c,i]}),h=e.computed(()=>Z(l,e.unref(d))),S=e.computed(()=>y.isHorizontal(l.layout)),A=e.computed(()=>[{position:"relative",[`overflow-${S.value?"x":"y"}`]:"scroll",WebkitOverflowScrolling:"touch",willChange:"transform"},{direction:l.direction,height:T.isNumber(l.height)?`${l.height}px`:l.height,width:T.isNumber(l.width)?`${l.width}px`:l.width},l.style]),L=e.computed(()=>{const t=e.unref(h),n=e.unref(S);return{height:n?"100%":`${t}px`,pointerEvents:e.unref(r).isScrolling?"none":void 0,width:n?`${t}px`:"100%"}}),O=e.computed(()=>S.value?l.width:l.height),{onWheel:F}=se.default({atStartEdge:e.computed(()=>r.value.scrollOffset<=0),atEndEdge:e.computed(()=>r.value.scrollOffset>=h.value),layout:e.computed(()=>l.layout)},t=>{z.value.onMouseUp?.(),f(Math.min(r.value.scrollOffset+t,h.value-O.value))}),_=()=>{const{total:t}=l;if(t>0){const[s,c,i,v]=e.unref(b);x(a.ITEM_RENDER_EVT,s,c,i,v)}const{scrollDir:n,scrollOffset:o,updateRequested:u}=e.unref(r);x(a.SCROLL_EVT,n,o,u)},W=t=>{const{clientHeight:n,scrollHeight:o,scrollTop:u}=t.currentTarget,s=e.unref(r);if(s.scrollOffset===u)return;const c=Math.max(0,Math.min(u,o-n));r.value={...s,isScrolling:!0,scrollDir:y.getScrollDir(s.scrollOffset,c),scrollOffset:c,updateRequested:!1},e.nextTick(M)},H=t=>{const{clientWidth:n,scrollLeft:o,scrollWidth:u}=t.currentTarget,s=e.unref(r);if(s.scrollOffset===o)return;const{direction:c}=l;let i=o;if(c===a.RTL)switch(y.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{i=-o;break}case a.RTL_OFFSET_POS_DESC:{i=u-n-o;break}}i=Math.max(0,Math.min(i,u-n)),r.value={...s,isScrolling:!0,scrollDir:y.getScrollDir(s.scrollOffset,i),scrollOffset:i,updateRequested:!1},e.nextTick(M)},C=t=>{e.unref(S)?H(t):W(t),_()},I=(t,n)=>{const o=(h.value-O.value)/n*t;f(Math.min(h.value-O.value,o))},f=t=>{t=Math.max(t,0),t!==e.unref(r).scrollOffset&&(r.value={...e.unref(r),scrollOffset:t,scrollDir:y.getScrollDir(e.unref(r).scrollOffset,t),updateRequested:!0},e.nextTick(M))},q=(t,n=a.AUTO_ALIGNMENT)=>{const{scrollOffset:o}=e.unref(r);t=Math.max(0,Math.min(t,l.total-1)),f(B(l,t,n,o,e.unref(d)))},V=t=>{const{direction:n,itemSize:o,layout:u}=l,s=E.value(k&&o,k&&u,k&&n);let c;if(T.hasOwn(s,String(t)))c=s[t];else{const i=K(l,t,e.unref(d)),v=j(l,t,e.unref(d)),w=e.unref(S),P=n===a.RTL,G=w?i:0;s[t]=c={position:"absolute",left:P?void 0:`${G}px`,right:P?`${G}px`:void 0,top:w?0:`${i}px`,height:w?"100%":`${v}px`,width:w?`${v}px`:"100%"}}return c},M=()=>{r.value.isScrolling=!1,e.nextTick(()=>{E.value(-1,null,null)})},m=()=>{const t=g.value;t&&(t.scrollTop=0)};e.onMounted(()=>{if(!ee.isClient)return;const{initScrollOffset:t}=l,n=e.unref(g);T.isNumber(t)&&n&&(e.unref(S)?n.scrollLeft=t:n.scrollTop=t),_()}),e.onUpdated(()=>{const{direction:t,layout:n}=l,{scrollOffset:o,updateRequested:u}=e.unref(r),s=e.unref(g);if(u&&s)if(n===a.HORIZONTAL)if(t===a.RTL)switch(y.getRTLOffsetType()){case a.RTL_OFFSET_NAG:{s.scrollLeft=-o;break}case a.RTL_OFFSET_POS_ASC:{s.scrollLeft=o;break}default:{const{clientWidth:c,scrollWidth:i}=s;s.scrollLeft=i-c-o;break}}else s.scrollLeft=o;else s.scrollTop=o});const p={ns:$,clientSize:O,estimatedTotalSize:h,windowStyle:A,windowRef:g,innerRef:D,innerStyle:L,itemsToRender:b,scrollbarRef:z,states:r,getItemStyle:V,onScroll:C,onScrollbarScroll:I,onWheel:F,scrollTo:f,scrollToItem:q,resetScrollTop:m};return N({windowRef:g,innerRef:D,getItemStyleCache:E,scrollTo:f,scrollToItem:q,resetScrollTop:m,states:r}),p},render(l){const{$slots:x,className:N,clientSize:R,containerElement:$,data:d,getItemStyle:E,innerElement:g,itemsToRender:D,innerStyle:z,layout:r,total:b,onScroll:h,onScrollbarScroll:S,onWheel:A,states:L,useIsScrolling:O,windowStyle:F,ns:_}=l,[W,H]=D,C=e.resolveDynamicComponent($),I=e.resolveDynamicComponent(g),f=[];if(b>0)for(let m=W;m<=H;m++)f.push(x.default?.({data:d,key:m,index:m,isScrolling:O?L.isScrolling:void 0,style:E(m)}));const q=[e.h(I,{style:z,ref:"innerRef"},T.isString(I)?f:{default:()=>f})],V=e.h(le.default,{ref:"scrollbarRef",clientSize:R,layout:r,onScroll:S,ratio:R*100/this.estimatedTotalSize,scrollFrom:L.scrollOffset/(this.estimatedTotalSize-R),total:b}),M=e.h(C,{class:[_.e("window"),N],style:F,onScroll:h,onWheel:A,ref:"windowRef",key:0},T.isString(C)?[q]:{default:()=>[q]});return e.h("div",{key:0,class:[_.e("wrapper"),L.scrollbarAlwaysOn?"always-on":""]},[M,V])}});exports.default=re;

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

@@ -1,42 +1,42 @@
 import type { CSSProperties } from 'vue';
 import type { VirtualizedListProps } from '../props';
 import type { Alignment, ListConstructorProps } from '../types';
-declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEstimatedTotalSize, getStartIndexForOffset, getStopIndexForStartIndex, initCache, clearCache, validateProps, }: ListConstructorProps<VirtualizedListProps>) => import("vue").DefineComponent<{
-    readonly className: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("../../../utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
-    readonly direction: import("../../../utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+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>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        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("../../../utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        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("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly scrollbarAlwaysOn: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly cache: import("../../../utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    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("../../../utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
-    readonly initScrollOffset: import("../../../utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", 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;
@@ -44,21 +44,21 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, {
+}>, {
     ns: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -76,22 +76,36 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
         WebkitOverflowScrolling: string;
         willChange: string;
     } | null | undefined)[]>;
-    windowRef: import("vue").Ref<HTMLElement | undefined>;
-    innerRef: import("vue").Ref<HTMLElement | undefined>;
+    windowRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    innerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     innerStyle: import("vue").ComputedRef<{
         height: string;
         pointerEvents: string | undefined;
         width: string;
     }>;
     itemsToRender: import("vue").ComputedRef<number[]>;
-    scrollbarRef: import("vue").Ref<any>;
+    scrollbarRef: import("vue").Ref<any, any>;
     states: import("vue").Ref<{
         isScrolling: boolean;
         scrollDir: string;
         scrollOffset: number;
         updateRequested: boolean;
         isScrollbarDragging: boolean;
-        scrollbarAlwaysOn: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    }, {
+        isScrolling: boolean;
+        scrollDir: string;
+        scrollOffset: number;
+        updateRequested: boolean;
+        isScrollbarDragging: boolean;
+        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    } | {
+        isScrolling: boolean;
+        scrollDir: string;
+        scrollOffset: number;
+        updateRequested: boolean;
+        isScrollbarDragging: boolean;
+        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>;
     getItemStyle: (idx: number) => CSSProperties;
     onScroll: (e: Event) => void;
@@ -100,42 +114,42 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
     scrollTo: (offset: number) => void;
     scrollToItem: (idx: number, alignment?: Alignment) => void;
     resetScrollTop: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly className: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("../../../utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
-    readonly data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
-    readonly direction: import("../../../utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        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("../../../utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        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("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly scrollbarAlwaysOn: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly cache: import("../../../utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    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("../../../utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
-    readonly initScrollOffset: import("../../../utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", 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;
@@ -143,25 +157,25 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}>> & {
+}>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly data: any[];
-    readonly direction: import("../../../utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly cache: number;
     readonly className: string;
-    readonly layout: import("../../../utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
-    readonly containerElement: import("../../../utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
-    readonly innerElement: import("../../../utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
-    readonly useIsScrolling: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly perfMode: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly scrollbarAlwaysOn: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+    readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
+    readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly perfMode: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly initScrollOffset: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default 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)=>{var f,c;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)),(f=e.exposed)==null||f.getItemStyleCache.value(-1,null,null),u&&((c=e.proxy)==null||c.$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"}});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,`
           "columnWidth" must be passed as function,
             instead ${typeof e} was given.
         `),I.isFunction(s)||_.throwError(T,`