virtua 0.20.2 → 0.20.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +1 -1
- package/lib/index.mjs.map +1 -1
- package/lib/react/ListItem.d.ts +1 -10
- package/lib/react/Virtualizer.d.ts +1 -2
- package/lib/react/WindowVirtualizer.d.ts +1 -2
- package/lib/react/index.d.ts +0 -1
- package/lib/react/types.d.ts +9 -0
- package/lib/vue/index.js +1 -1
- package/lib/vue/index.js.map +1 -1
- package/lib/vue/index.mjs +1 -1
- package/lib/vue/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{useLayoutEffect as t,useEffect as n,useRef as o,memo as r,useMemo as i,useReducer as s,forwardRef as l,useImperativeHandle as c}from"react";import{flushSync as a}from"react-dom";const h=Math.min,d=Math.max,f=Math.abs,u=Date.now,_=Object.values,w=Array.isArray,g=setTimeout,v=(e,t,n)=>h(n,d(t,e)),p=e=>null!=e,m=(e,t)=>{let n;const o=()=>{p(n)&&clearTimeout(n)},r=()=>{o(),n=g((()=>{n=null,e()}),t)};return r.t=o,r},S=e=>{let t,n;return(...o)=>(t||(t=!0,n=e(...o)),n)},b=-1,z=(e,t,n)=>{const o=n?"unshift":"push";for(let n=0;n<t;n++)e[o](b);return e},y=(e,t)=>{const n=e.o[t];return n===b?e.i:n},x=(e,t)=>{if(!e.l)return 0;if(e.h>=t)return e.u[t];e.h<0&&(e.u[0]=0,e.h=0);let n=e.h,o=e.u[n];for(;n<t;)o+=y(e,n),e.u[++n]=o;return e.h=t,o},R=(e,t,n)=>{let o=x(e,n);for(;n>=0&&n<e.l;)if(o<=t){const r=y(e,n);if(o+r>t)break;o+=r,n++}else o-=y(e,--n);return v(n,0,e.l-1)},I=(e,t,n,o)=>{const r=R(e,t,h(n,e.l-1));return[r,R(e,t+o,r)]},C=(e,t,n)=>{const o=t-e.l,r=o>0;let i;return r?(i=e.i*o,z(e.o,o,n),z(e.u,o)):(i=(n?e.o.splice(0,-o):e.o.splice(o)).reduce(((t,n)=>t+(n===b?e.i:n)),0),e.u.splice(o)),e.h=n?-1:h(t-1,e.h),e.l=t,[i,r]},k="undefined"!=typeof window,O=()=>document.documentElement,M=/*#__PURE__*/S((e=>{const t="scrollLeft",n=e[t];e[t]=1;const o=e[t]<1;return e[t]=n,o})),T=/*#__PURE__*/S((()=>{return!!k&&"rtl"===(e=O(),getComputedStyle(e)).direction;var e})),E=/*#__PURE__*/S((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),H=/*#__PURE__*/S((()=>"scrollBehavior"in O().style)),W=e=>d(e._(),e.v()),J=(e,t,n)=>d(e-(1===n?1:d(1,t)),0),B=(e,t,n,o)=>h(e+(2===n?1:d(1,t)),o-1),L=(e,t,n)=>t.reduce(((t,[o,r])=>{const i=r-y(e,o);return(!n||i>0)&&(t+=i),t}),0),$=(e,t=40,n=0,o=((e,t)=>({i:t,l:e,h:-1,o:z([],e),u:z([],e)}))(e,t),r,i=0,s=0)=>{let l=!!n,c=[],a=0,u=0,_=0,w=0,g=0,p=0,m=0,S=0,R=l?[0,d(n-1,0)]:null,k=[0,0];const O=new Set,M=()=>(e=>e.l?x(e,e.l-1)+y(e,e.l-1):0)(o),T=()=>M()+i+s,H=()=>d(0,T()-a),W=e=>{E()&&0!==m?g+=e:(w+=e,_++)};return{p:()=>c,m:()=>JSON.parse(JSON.stringify(o)),S:()=>R?[h(k[0],R[0]),d(k[1],R[1])]:p?k:k=I(o,u-i+g+w,k[0],a),R:e=>o.o[e]===b,I:()=>!!R&&o.o.slice(d(0,R[0]-1),h(o.l-1,R[1]+1)+1).includes(b),C:e=>x(o,e)-g,k:e=>y(o,e),O:()=>o.l,M:()=>u,T:H,H:()=>m,v:()=>a,W:()=>i,J:()=>s,_:M,B:()=>_,L:()=>a>T()?w=0:(p=w,w=0,p),$(e,t){const n=[e,t];return O.add(n),()=>{O.delete(n)}},A(e,t){let n,i,s=0;switch(e){case 1:{const e=t.filter((([e,t])=>o.o[e]!==t));if(!e.length)break;let n=0;if(0===u);else if(u>H()-1.5)n=L(o,e,!0);else if(2===S)n=L(o,e);else{const[t]=k;n=L(o,e.filter((([e])=>e<t)))}n&&W(n);let l=!1;e.forEach((([e,t])=>{((e,t,n)=>{const o=e.o[t]===b;return e.o[t]=n,e.h=h(t,e.h),o})(o,e,t)&&(l=!0)})),r&&l&&!u&&(e=>{const t=e.o.filter((e=>e!==b)),n=t[0];e.i=t.every((e=>e===n))?n:(e=>{const t=[...e].sort(((e,t)=>e-t)),n=e.length/2|0;return t.length%2==0?(t[n-1]+t[n])/2:t[n]})(t)})(o),s=2,i=!0;break}case 2:a!==t&&(a=t,s=2);break;case 3:if(t[1]){const e=H()-u,[n,r]=C(o,t[0],!0);W(r?n:-h(n,e)),r&&(S=2),s=1}else C(o,t[0]);break;case 4:{const e=v(t,0,H()),n=p;if(p=0,e===u)break;const o=e-u,r=f(o);n&&r<f(n)+1||0!==S||(m=o<0?2:1),l&&(R=null,l=!1),i=r>a,u=e,s=5;break}case 5:s=8,0!==m&&(n=!0,s+=1),m=0,S=0,R=null;break;case 6:S=1;break;case 7:R=I(o,t,k[0],a),s=1}s&&(c=[],n&&g&&(w+=g,g=0,_++),O.forEach((([e,t])=>{s&e&&t(i)})))}}},A=k?t:n,P=(e,t,n)=>(()=>{let o=u()-50;return(...r)=>{const i=u();o+50<i&&(o=i,(o=>{if(0!==e.H()&&!o.ctrlKey&&(t?o.deltaX:o.deltaY)){const t=e.M();t>0&&t<e.T()&&n()}})(...r))}})(),V=(e,t,n,o)=>M(e)||o?-n:t.T()-n,X=(e,t)=>{let n,o,r,i=!1;const s=t?"scrollLeft":"scrollTop",l=t?"overflowX":"overflowY",c=(o,r)=>t&&T()?V(n,e,o,r):o,a=async(o,i)=>{if(!n)return;r&&r();const l=()=>v(o(),0,e.T()),a=()=>{let t;return[new Promise(((e,n)=>{t=e,g(r=n,150)})),e.$(2,(()=>{t&&t()}))]};if(i&&H()){for(;e.A(7,l()),e.I();){const[e,t]=a();try{await e}catch(e){return}finally{t()}}n.scrollTo({[t?"left":"top"]:c(l()),behavior:"smooth"})}else for(;;){const[t,o]=a();try{n[s]=c(l()),e.A(6),await t}catch(e){return}finally{o()}}};return{P(r){n=r;let l=!1,a=!1;const h=m((()=>{l?h():(a=!1,e.A(5))}),150),d=()=>{a&&(i=!0),e.A(4,c(r[s])),h()},f=P(e,t,h),u=()=>{l=!0,a=i=!1},_=()=>{l=!1,E()&&(a=!0)};r.addEventListener("scroll",d),r.addEventListener("wheel",f,{passive:!0}),r.addEventListener("touchstart",u,{passive:!0}),r.addEventListener("touchend",_,{passive:!0}),o=()=>{r.removeEventListener("scroll",d),r.removeEventListener("wheel",f),r.removeEventListener("touchstart",u),r.removeEventListener("touchend",_),h.t()}},V(){o&&o()},X(e){a((()=>e))},Y(t){t+=e.M(),a((()=>t))},j(t,{align:n,smooth:o}={}){if(t=v(t,0,e.O()-1),"nearest"===n){const o=e.C(t),r=e.M();if(o<r)n="start";else{if(!(o+e.k(t)>r+e.v()))return;n="end"}}a((()=>e.W()+("end"===n?e.C(t)+e.k(t)-e.v():"center"===n?e.C(t)+(e.k(t)-e.v())/2:e.C(t))),o)},D:e=>{if(n){if(i){i=!1;const e=n.style,t=e[l];e[l]="hidden",g((()=>{e[l]=t}))}n[s]+=c(e,!0)}}}},Y=(e,t)=>{let n,o;const r=t?"scrollX":"scrollY",i=t?"offsetLeft":"offsetTop",s=(o,r)=>t&&T()?V(n,e,o,r):o;return{P(l){n=l;const c=(e,n)=>{const o=n+(t&&T()?window.innerWidth-e[i]-e.offsetWidth:e[i]),r=e.offsetParent;return e!==document.body&&r?c(r,o):o},a=m((()=>{e.A(5)}),150),h=()=>{e.A(4,s(window[r])-c(l,0)),a()},d=P(e,t,a);window.addEventListener("scroll",h),window.addEventListener("wheel",d,{passive:!0}),o=()=>{window.removeEventListener("scroll",h),window.removeEventListener("wheel",d),a.t()}},V(){o&&o()},D:e=>{window.scrollBy(t?s(e,!0):0,t?0:e)}}},j="current",D=(e,t)=>{if(w(e))for(const n of e)D(n,t);else p(e)&&"boolean"!=typeof e&&t.push(e)},N=(e,t)=>{const n=e.key;return p(n)?n:"_"+t},U=e=>{const t=o();return t[j]||(t[j]=e())},F=e=>{const t=o(e);return A((()=>{t[j]=e}),[e]),t},G=(e,t)=>{let n;const o=t?"width":"height",r=new WeakMap,i=S((()=>new ResizeObserver((t=>{const i=[];for(const{target:s,contentRect:l}of t)if(s.offsetParent)if(s===n)e.A(2,l[o]);else{const e=r.get(s);p(e)&&i.push([e,l[o]])}i.length&&e.A(1,i)}))));return{N(e){i().observe(n=e)},U:(e,t)=>{const n=i();return r.set(e,t),n.observe(e),()=>{r.delete(e),n.unobserve(e)}},V(){i().disconnect()}}},q=(e,t)=>{const n=t?"width":"height",o=t?"innerWidth":"innerHeight",r=new WeakMap,i=S((()=>new ResizeObserver((t=>{const o=[];for(const{target:e,contentRect:i}of t){if(!e.offsetParent)continue;const t=r.get(e);p(t)&&o.push([t,i[n]])}o.length&&e.A(1,o)})))),s=()=>{e.A(2,window[o])};return{N(){window.addEventListener("resize",s),s()},U:(e,t)=>{const n=i();return r.set(e,t),n.observe(e),()=>{r.delete(e),n.unobserve(e)}},V(){window.removeEventListener("resize",s),i().disconnect()}}},K=(e,t)=>{let n;const o="height",r="width",i=new WeakMap,s=new Set,l=new Set,c=new Map,a=(e,t)=>`${e}-${t}`,h=S((()=>new ResizeObserver((h=>{const f=new Set,u=new Set;for(const{target:s,contentRect:l}of h)if(s.offsetParent)if(s===n)e.A(2,l[o]),t.A(2,l[r]);else{const e=i.get(s);if(e){const[t,n]=e,i=a(t,n),s=c.get(i),h=[l[o],l[r]];let d,_;s?(s[0]!==h[0]&&(d=!0),s[1]!==h[1]&&(_=!0)):d=_=!0,d&&f.add(t),_&&u.add(n),(d||_)&&c.set(i,h)}}if(f.size){const t=[];f.forEach((e=>{let n=0;l.forEach((t=>{const o=c.get(a(e,t));o&&(n=d(n,o[0]))})),n&&t.push([e,n])})),e.A(1,t)}if(u.size){const e=[];u.forEach((t=>{let n=0;s.forEach((e=>{const o=c.get(a(e,t));o&&(n=d(n,o[1]))})),n&&e.push([t,n])})),t.A(1,e)}}))));return{N(e){h().observe(n=e)},U(e,t,n){const o=h();return i.set(e,[t,n]),s.add(t),l.add(n),o.observe(e),()=>{i.delete(e),o.unobserve(e)}},V(){h().disconnect()}}},Q=/*#__PURE__*/r((({F:t,G:n,q:r,K:s,Z:l,ee:c,te:a,ne:h})=>{const d=o(null);A((()=>n(d[j],r)),[r]);const f=i((()=>{const e={margin:0,padding:0,position:l&&h?void 0:"absolute",[a?"height":"width"]:"100%",[a?"top":"left"]:0,[a?T()?"right":"left":"top"]:s,visibility:!l||h?"visible":"hidden"};return a&&(e.display="flex"),e}),[s,l,h]);return e(c,"string"==typeof c?{ref:d,style:f,children:t}:{ref:d,style:f,index:r,children:t})})),Z=e=>s(e.p,void 0,e.p)[1],ee=(e,t)=>i((()=>{if("function"==typeof e)return[e,t||0];const n=(e=>{const t=[];return D(e,t),t})(e);return[e=>n[e],n.length]}),[e,t]),te=/*#__PURE__*/l((({children:t,count:r,overscan:i=4,itemSize:s,shift:l,horizontal:h,reverse:f,cache:u,startMargin:_,endMargin:w,ssrCount:g,as:v="div",item:p="div",scrollRef:m,onScroll:S,onScrollEnd:b,onRangeChange:z},y)=>{const[x,R]=ee(t,r),I=o(null),C=o(!!g),k=F(S),O=F(b),[M,T,E,H]=U((()=>{const e=!!h,t=$(R,s,g,u,!s,_,w);return[t,G(t,e),X(t,e),e]}));R!==M.O()&&M.A(3,[R,l]);const L=Z(M),[P,V]=M.S(),Y=M.H(),D=M.B(),q=M._(),K=(e=>d(e._(),e.v()-e.W()-e.J()))(M),te=f?d(0,K-q):0,ne=[];A((()=>{C[j]=!1;const e=M.$(3,(e=>{e?a(L):L()})),t=M.$(4,(()=>{k[j]&&k[j](M.M())})),n=M.$(8,(()=>{O[j]&&O[j]()})),o=e=>{T.N(e),E.P(e)};return m?Promise.resolve().then((()=>o(m[j]))):o(I[j].parentElement),()=>{e(),t(),n(),T.V(),E.V()}}),[]),A((()=>{const e=M.L();e&&E.D(e)}),[D]),n((()=>{z&&z(P,V)}),[P,V]),c(y,(()=>({get cache(){return M.m()},get scrollOffset(){return M.M()},get scrollSize(){return W(M)},get viewportSize(){return M.v()},scrollToIndex:E.j,scrollTo:E.X,scrollBy:E.Y})),[]);for(let t=J(P,i,Y),n=B(V,i,Y,R);t<=n;t++){const n=x(t);ne.push(e(Q,{G:T.U,q:t,K:M.C(t)+te,Z:M.R(t),ee:p,F:n,te:H,ne:C[j]},N(n,t)))}return e(v,{ref:I,style:{overflowAnchor:"none",flex:"none",position:"relative",visibility:"hidden",width:H?q:"100%",height:H?"100%":q,[H?"minWidth":"minHeight"]:K,pointerEvents:0!==Y?"none":"auto"},children:ne})})),ne=/*#__PURE__*/l((({children:t,count:n,overscan:o,itemSize:r,shift:i,horizontal:s,reverse:l,cache:c,ssrCount:a,item:h,onScroll:d,onScrollEnd:f,onRangeChange:u,style:_,...w},g)=>e("div",{...w,style:{display:s?"inline-block":"block",[s?"overflowX":"overflowY"]:"auto",contain:"strict",width:"100%",height:"100%",..._},children:e(te,{ref:g,count:n,overscan:o,itemSize:r,shift:i,horizontal:s,reverse:l,cache:c,ssrCount:a,item:h,onScroll:d,onScrollEnd:f,onRangeChange:u,children:t})}))),oe=/*#__PURE__*/l((({children:t,count:r,overscan:i=4,itemSize:s,shift:l,horizontal:h,cache:d,ssrCount:f,as:u="div",item:_="div",onScrollEnd:w,onRangeChange:g},v)=>{const[p,m]=ee(t,r),S=o(null),b=F(w),z=o(!!f),[y,x,R,I]=U((()=>{const e=!!h,t=$(m,s,f,d,!s);return[t,q(t,e),Y(t,e),e]}));m!==y.O()&&y.A(3,[m,l]);const C=Z(y),[k,O]=y.S(),M=y.H(),T=y.B(),E=y._(),H=[];A((()=>{z[j]=!1;const e=y.$(3,(e=>{e?a(C):C()})),t=y.$(8,(()=>{b[j]&&b[j]()}));return x.N(),R.P(S[j]),()=>{e(),t(),x.V(),R.V()}}),[]),A((()=>{const e=y.L();e&&R.D(e)}),[T]),n((()=>{g&&g(k,O)}),[k,O]),c(v,(()=>({get cache(){return y.m()}})),[]);for(let t=J(k,i,M),n=B(O,i,M,m);t<=n;t++){const n=p(t);H.push(e(Q,{G:x.U,q:t,K:y.C(t),Z:y.R(t),ee:_,F:n,te:I,ne:z[j]},N(n,t)))}return e(u,{ref:S,style:{flex:"none",position:"relative",visibility:"hidden",width:I?E:"100%",height:I?"100%":E,pointerEvents:0!==M?"none":"auto"},children:H})})),re=/*#__PURE__*/l((({children:t,attrs:n,width:o,height:r,scrolling:s},l)=>e("div",{ref:l,...n,children:e("div",{style:i((()=>({position:"relative",visibility:"hidden",width:null!=o?o:"100%",height:null!=r?r:"100%",pointerEvents:s?"none":"auto"})),[o,r,s]),children:t})}))),ie=(e,t)=>`${e}-${t}`,se=/*#__PURE__*/r((({F:t,G:n,oe:r,re:s,ie:l,se:c,le:a,ce:h,Z:d,ee:f})=>{const u=o(null);return A((()=>n.U(u[j],r,s)),[s,r]),e(f,{ref:u,style:i((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:l,[T()?"right":"left"]:c,visibility:d?"hidden":"visible",minHeight:a,minWidth:h})),[l,c,h,a,d]),children:t})})),le=/*#__PURE__*/l((({children:t,row:n,col:r,cellHeight:s=40,cellWidth:l=100,overscan:h=2,initialRowCount:d,initialColCount:f,components:{Root:u=re,Cell:w="div"}={},...g},v)=>{const[p,m,S,b,z]=U((()=>{const e=$(n,s,d),t=$(r,l,f);return[e,t,K(e,t),X(e,!1),X(t,!0)]}));n!==p.O()&&p.A(3,[n]),r!==m.O()&&m.A(3,[r]);const y=Z(p),x=Z(m),[R,I]=p.S(),[C,k]=m.S(),O=p.H(),M=m.H(),T=p.B(),E=m.B(),H=W(p),L=W(m),P=o(null);A((()=>{const e=P[j],t=p.$(3,(e=>{e?a(y):y()})),n=m.$(3,(e=>{e?a(x):x()}));return S.N(e),b.P(e),z.P(e),()=>{t(),n(),S.V(),b.V(),z.V()}}),[]),A((()=>{const e=p.L();e&&b.D(e)}),[T]),A((()=>{const e=m.L();e&&z.D(e)}),[E]),c(v,(()=>({get scrollOffset(){return[m.M(),p.M()]},get scrollSize(){return[W(m),W(p)]},get viewportSize(){return[m.v(),p.v()]},scrollToIndex(e,t){z.j(e),b.j(t)},scrollTo(e,t){z.X(e),b.X(t)},scrollBy(e,t){z.Y(e),b.Y(t)}})),[]);const V=i((()=>{const e=new Map;return(n,o)=>{let r=e.get(ie(n,o));return r||e.set(ie(n,o),r=t({rowIndex:n,colIndex:o})),r}}),[t]),Y=J(R,h,O),D=B(I,h,O,n),N=J(C,h,M),F=B(k,h,M,r),G=[];for(let t=Y;t<=D;t++)for(let n=N;n<=F;n++)G.push(e(se,{G:S,oe:t,re:n,ie:p.C(t),se:m.C(n),le:p.k(t),ce:m.k(n),Z:p.R(t)||m.R(n),ee:w,F:V(t,n)},ie(t,n)));return e(u,{ref:P,width:L,height:H,scrolling:0!==O||0!==M,attrs:i((()=>({...g,style:{overflow:"auto",overflowAnchor:"none",flex:"none",contain:"strict",width:"100%",height:"100%",...g.style}})),_(g)),children:G})}));export{ne as VList,te as Virtualizer,oe as WindowVirtualizer,le as experimental_VGrid};
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{useLayoutEffect as t,useEffect as n,useRef as r,memo as o,useMemo as i,useReducer as s,forwardRef as l,useImperativeHandle as c}from"react";import{flushSync as a}from"react-dom";const h=Math.min,d=Math.max,f=Math.abs,u=Object.values,_=Array.isArray,g=setTimeout,w=(e,t,n)=>h(n,d(t,e)),p=e=>null!=e,v=e=>{let t,n;return(...r)=>(t||(t=!0,n=e(...r)),n)},m=-1,S=(e,t,n)=>{const r=n?"unshift":"push";for(let n=0;n<t;n++)e[r](m);return e},b=(e,t)=>{const n=e.t[t];return n===m?e.o:n},z=(e,t)=>{if(!e.i)return 0;if(e.l>=t)return e.h[t];e.l<0&&(e.h[0]=0,e.l=0);let n=e.l,r=e.h[n];for(;n<t;)r+=b(e,n),e.h[++n]=r;return e.l=t,r},y=(e,t,n)=>{let r=z(e,n);for(;n>=0&&n<e.i;)if(r<=t){const o=b(e,n);if(r+o>t)break;r+=o,n++}else r-=b(e,--n);return w(n,0,e.i-1)},x=(e,t,n,r)=>{const o=y(e,t,h(n,e.i-1));return[o,y(e,t+r,o)]},R=(e,t,n)=>{const r=t-e.i,o=r>0;let i;return o?(i=e.o*r,S(e.t,r,n),S(e.h,r)):(i=(n?e.t.splice(0,-r):e.t.splice(r)).reduce(((t,n)=>t+(n===m?e.o:n)),0),e.h.splice(r)),e.l=n?-1:h(t-1,e.l),e.i=t,[i,o]},I="undefined"!=typeof window,C=()=>document.documentElement,k=/*#__PURE__*/v((e=>{const t="scrollLeft",n=e[t];e[t]=1;const r=e[t]<1;return e[t]=n,r})),O=/*#__PURE__*/v((()=>{return!!I&&"rtl"===(e=C(),getComputedStyle(e)).direction;var e})),M=/*#__PURE__*/v((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),T=/*#__PURE__*/v((()=>"scrollBehavior"in C().style)),E=e=>d(e.u(),e._()),H=(e,t,n)=>d(e-(1===n?1:d(1,t)),0),J=(e,t,n,r)=>h(e+(2===n?1:d(1,t)),r-1),W=(e,t,n)=>t.reduce(((t,[r,o])=>{const i=o-b(e,r);return(!n||i>0)&&(t+=i),t}),0),B=(e,t=40,n=0,r=((e,t)=>({o:t,i:e,l:-1,t:S([],e),h:S([],e)}))(e,t),o,i=0,s=0)=>{let l=!!n,c=[],a=0,u=0,_=0,g=0,p=0,v=0,y=0,I=0,C=l?[0,d(n-1,0)]:null,k=[0,0];const O=new Set,T=()=>(e=>e.i?z(e,e.i-1)+b(e,e.i-1):0)(r),E=()=>T()+i+s,H=()=>d(0,E()-a),J=e=>{M()&&0!==y?p+=e:(g+=e,_++)};return{p:()=>c,v:()=>JSON.parse(JSON.stringify(r)),m:()=>C?[h(k[0],C[0]),d(k[1],C[1])]:v?k:k=x(r,u-i+p+g,k[0],a),S:e=>r.t[e]===m,R:()=>!!C&&r.t.slice(d(0,C[0]-1),h(r.i-1,C[1]+1)+1).includes(m),I:e=>z(r,e)-p,C:e=>b(r,e),k:()=>r.i,O:()=>u,M:H,T:()=>y,_:()=>a,H:()=>i,J:()=>s,u:T,W:()=>_,B:()=>a>E()?g=0:(v=g,g=0,v),L(e,t){const n=[e,t];return O.add(n),()=>{O.delete(n)}},$(e,t){let n,i,s=0;switch(e){case 1:{const e=t.filter((([e,t])=>r.t[e]!==t));if(!e.length)break;let n=0;if(0===u);else if(u>H()-1.5)n=W(r,e,!0);else if(2===I)n=W(r,e);else{const[t]=k;n=W(r,e.filter((([e])=>e<t)))}n&&J(n);let l=!1;e.forEach((([e,t])=>{((e,t,n)=>{const r=e.t[t]===m;return e.t[t]=n,e.l=h(t,e.l),r})(r,e,t)&&(l=!0)})),o&&l&&!u&&(e=>{const t=e.t.filter((e=>e!==m)),n=t[0];e.o=t.every((e=>e===n))?n:(e=>{const t=[...e].sort(((e,t)=>e-t)),n=e.length/2|0;return t.length%2==0?(t[n-1]+t[n])/2:t[n]})(t)})(r),s=2,i=!0;break}case 2:a!==t&&(a=t,s=2);break;case 3:if(t[1]){const e=H()-u,[n,o]=R(r,t[0],!0);J(o?n:-h(n,e)),o&&(I=2),s=1}else R(r,t[0]);break;case 4:{const e=w(t,0,H()),n=v;if(v=0,e===u)break;const r=e-u,o=f(r);n&&o<f(n)+1||0!==I||(y=r<0?2:1),l&&(C=null,l=!1),i=o>a,u=e,s=5;break}case 5:s=8,0!==y&&(n=!0,s+=1),y=0,I=0,C=null;break;case 6:I=1;break;case 7:C=x(r,t,k[0],a),s=1}s&&(c=[],n&&p&&(g+=p,p=0,_++),O.forEach((([e,t])=>{s&e&&t(i)})))}}},L=I?t:n,$=(e,t,n,r)=>k(e)||r?-n:t.M()-n,A=(e,t,n,r,o)=>{let i=!1,s=!1,l=!1;const c=(()=>{let t;const n=()=>{p(t)&&clearTimeout(t)},r=()=>{n(),t=g((()=>{t=null,i?c():(s=!1,e.$(5))}),150)};return r.A=n,r})(),a=()=>{s&&(l=!0),e.$(4,r()),c()},h=(()=>{const t=Date.now;let r=t()-50;return o=>{const i=t();if(r+50<i){if(r=i,0===e.T()||o.ctrlKey)return;if(n?o.deltaX:o.deltaY){const t=e.O();t>0&&t<e.M()&&c()}}}})(),d=()=>{i=!0,s=l=!1},f=()=>{i=!1,M()&&(s=!0)};return t.addEventListener("scroll",a),t.addEventListener("wheel",h,{passive:!0}),t.addEventListener("touchstart",d,{passive:!0}),t.addEventListener("touchend",f,{passive:!0}),{P:()=>{t.removeEventListener("scroll",a),t.removeEventListener("wheel",h),t.removeEventListener("touchstart",d),t.removeEventListener("touchend",f),c.A()},V:e=>{o(e,l),l=!1}}},P=(e,t)=>{let n,r,o;const i=t?"scrollLeft":"scrollTop",s=t?"overflowX":"overflowY",l=(r,o)=>t&&O()?$(n,e,r,o):r,c=async(r,s)=>{if(!n)return;o&&o();const c=()=>w(r(),0,e.M()),a=()=>{let t;return[new Promise(((e,n)=>{t=e,g(o=n,150)})),e.L(2,(()=>{t&&t()}))]};if(s&&T()){for(;e.$(7,c()),e.R();){const[e,t]=a();try{await e}catch(e){return}finally{t()}}n.scrollTo({[t?"left":"top"]:l(c()),behavior:"smooth"})}else for(;;){const[t,r]=a();try{n[i]=l(c()),e.$(6),await t}catch(e){return}finally{r()}}};return{X(o){n=o,r=A(e,o,t,(()=>l(o[i])),((e,t)=>{if(t){const e=o.style,t=e[s];e[s]="hidden",g((()=>{e[s]=t}))}o[i]+=l(e,!0)}))},P(){r&&r.P()},Y(e){c((()=>e))},j(t){t+=e.O(),c((()=>t))},D(t,{align:n,smooth:r}={}){if(t=w(t,0,e.k()-1),"nearest"===n){const r=e.I(t),o=e.O();if(r<o)n="start";else{if(!(r+e.C(t)>o+e._()))return;n="end"}}c((()=>e.H()+("end"===n?e.I(t)+e.C(t)-e._():"center"===n?e.I(t)+(e.C(t)-e._())/2:e.I(t))),r)},V:e=>{r&&r.V(e)}}},V=(e,t)=>{let n;return{X(r){const o=t?"scrollX":"scrollY",i=t?"offsetLeft":"offsetTop",s=(n,o)=>t&&O()?$(r,e,n,o):n,l=(e,n)=>{const r=n+(t&&O()?window.innerWidth-e[i]-e.offsetWidth:e[i]),o=e.offsetParent;return e!==document.body&&o?l(o,r):r};n=A(e,window,t,(()=>s(window[o])-l(r,0)),(e=>{window.scrollBy(t?s(e,!0):0,t?0:e)}))},P(){n&&n.P()},V:e=>{n&&n.V(e)}}},X="current",Y=(e,t)=>{if(_(e))for(const n of e)Y(n,t);else p(e)&&"boolean"!=typeof e&&t.push(e)},j=(e,t)=>{const n=e.key;return p(n)?n:"_"+t},D=e=>{const t=r();return t[X]||(t[X]=e())},N=e=>{const t=r(e);return L((()=>{t[X]=e}),[e]),t},U=(e,t)=>{let n;const r=t?"width":"height",o=new WeakMap,i=v((()=>new ResizeObserver((t=>{const i=[];for(const{target:s,contentRect:l}of t)if(s.offsetParent)if(s===n)e.$(2,l[r]);else{const e=o.get(s);p(e)&&i.push([e,l[r]])}i.length&&e.$(1,i)}))));return{N(e){i().observe(n=e)},U:(e,t)=>{const n=i();return o.set(e,t),n.observe(e),()=>{o.delete(e),n.unobserve(e)}},P(){i().disconnect()}}},F=(e,t)=>{const n=t?"width":"height",r=t?"innerWidth":"innerHeight",o=new WeakMap,i=v((()=>new ResizeObserver((t=>{const r=[];for(const{target:e,contentRect:i}of t){if(!e.offsetParent)continue;const t=o.get(e);p(t)&&r.push([t,i[n]])}r.length&&e.$(1,r)})))),s=()=>{e.$(2,window[r])};return{N(){window.addEventListener("resize",s),s()},U:(e,t)=>{const n=i();return o.set(e,t),n.observe(e),()=>{o.delete(e),n.unobserve(e)}},P(){window.removeEventListener("resize",s),i().disconnect()}}},G=(e,t)=>{let n;const r="height",o="width",i=new WeakMap,s=new Set,l=new Set,c=new Map,a=(e,t)=>`${e}-${t}`,h=v((()=>new ResizeObserver((h=>{const f=new Set,u=new Set;for(const{target:s,contentRect:l}of h)if(s.offsetParent)if(s===n)e.$(2,l[r]),t.$(2,l[o]);else{const e=i.get(s);if(e){const[t,n]=e,i=a(t,n),s=c.get(i),h=[l[r],l[o]];let d,_;s?(s[0]!==h[0]&&(d=!0),s[1]!==h[1]&&(_=!0)):d=_=!0,d&&f.add(t),_&&u.add(n),(d||_)&&c.set(i,h)}}if(f.size){const t=[];f.forEach((e=>{let n=0;l.forEach((t=>{const r=c.get(a(e,t));r&&(n=d(n,r[0]))})),n&&t.push([e,n])})),e.$(1,t)}if(u.size){const e=[];u.forEach((t=>{let n=0;s.forEach((e=>{const r=c.get(a(e,t));r&&(n=d(n,r[1]))})),n&&e.push([t,n])})),t.$(1,e)}}))));return{N(e){h().observe(n=e)},U(e,t,n){const r=h();return i.set(e,[t,n]),s.add(t),l.add(n),r.observe(e),()=>{i.delete(e),r.unobserve(e)}},P(){h().disconnect()}}},q=/*#__PURE__*/o((({F:t,G:n,q:o,K:s,Z:l,ee:c,te:a,ne:h})=>{const d=r(null);L((()=>n(d[X],o)),[o]);const f=i((()=>{const e={margin:0,padding:0,position:l&&h?void 0:"absolute",[a?"height":"width"]:"100%",[a?"top":"left"]:0,[a?O()?"right":"left":"top"]:s,visibility:!l||h?"visible":"hidden"};return a&&(e.display="flex"),e}),[s,l,h]);return e(c,"string"==typeof c?{ref:d,style:f,children:t}:{ref:d,style:f,index:o,children:t})})),K=e=>s(e.p,void 0,e.p)[1],Q=(e,t)=>i((()=>{if("function"==typeof e)return[e,t||0];const n=(e=>{const t=[];return Y(e,t),t})(e);return[e=>n[e],n.length]}),[e,t]),Z=/*#__PURE__*/l((({children:t,count:o,overscan:i=4,itemSize:s,shift:l,horizontal:h,reverse:f,cache:u,startMargin:_,endMargin:g,ssrCount:w,as:p="div",item:v="div",scrollRef:m,onScroll:S,onScrollEnd:b,onRangeChange:z},y)=>{const[x,R]=Q(t,o),I=r(null),C=r(!!w),k=N(S),O=N(b),[M,T,W,$]=D((()=>{const e=!!h,t=B(R,s,w,u,!s,_,g);return[t,U(t,e),P(t,e),e]}));R!==M.k()&&M.$(3,[R,l]);const A=K(M),[V,Y]=M.m(),F=M.T(),G=M.W(),Z=M.u(),ee=(e=>d(e.u(),e._()-e.H()-e.J()))(M),te=f?d(0,ee-Z):0,ne=[];L((()=>{C[X]=!1;const e=M.L(3,(e=>{e?a(A):A()})),t=M.L(4,(()=>{k[X]&&k[X](M.O())})),n=M.L(8,(()=>{O[X]&&O[X]()})),r=e=>{T.N(e),W.X(e)};return m?Promise.resolve().then((()=>r(m[X]))):r(I[X].parentElement),()=>{e(),t(),n(),T.P(),W.P()}}),[]),L((()=>{const e=M.B();e&&W.V(e)}),[G]),n((()=>{z&&z(V,Y)}),[V,Y]),c(y,(()=>({get cache(){return M.v()},get scrollOffset(){return M.O()},get scrollSize(){return E(M)},get viewportSize(){return M._()},scrollToIndex:W.D,scrollTo:W.Y,scrollBy:W.j})),[]);for(let t=H(V,i,F),n=J(Y,i,F,R);t<=n;t++){const n=x(t);ne.push(e(q,{G:T.U,q:t,K:M.I(t)+te,Z:M.S(t),ee:v,F:n,te:$,ne:C[X]},j(n,t)))}return e(p,{ref:I,style:{overflowAnchor:"none",flex:"none",position:"relative",visibility:"hidden",width:$?Z:"100%",height:$?"100%":Z,[$?"minWidth":"minHeight"]:ee,pointerEvents:0!==F?"none":"auto"},children:ne})})),ee=/*#__PURE__*/l((({children:t,count:n,overscan:r,itemSize:o,shift:i,horizontal:s,reverse:l,cache:c,ssrCount:a,item:h,onScroll:d,onScrollEnd:f,onRangeChange:u,style:_,...g},w)=>e("div",{...g,style:{display:s?"inline-block":"block",[s?"overflowX":"overflowY"]:"auto",contain:"strict",width:"100%",height:"100%",..._},children:e(Z,{ref:w,count:n,overscan:r,itemSize:o,shift:i,horizontal:s,reverse:l,cache:c,ssrCount:a,item:h,onScroll:d,onScrollEnd:f,onRangeChange:u,children:t})}))),te=/*#__PURE__*/l((({children:t,count:o,overscan:i=4,itemSize:s,shift:l,horizontal:h,cache:d,ssrCount:f,as:u="div",item:_="div",onScrollEnd:g,onRangeChange:w},p)=>{const[v,m]=Q(t,o),S=r(null),b=N(g),z=r(!!f),[y,x,R,I]=D((()=>{const e=!!h,t=B(m,s,f,d,!s);return[t,F(t,e),V(t,e),e]}));m!==y.k()&&y.$(3,[m,l]);const C=K(y),[k,O]=y.m(),M=y.T(),T=y.W(),E=y.u(),W=[];L((()=>{z[X]=!1;const e=y.L(3,(e=>{e?a(C):C()})),t=y.L(8,(()=>{b[X]&&b[X]()}));return x.N(),R.X(S[X]),()=>{e(),t(),x.P(),R.P()}}),[]),L((()=>{const e=y.B();e&&R.V(e)}),[T]),n((()=>{w&&w(k,O)}),[k,O]),c(p,(()=>({get cache(){return y.v()}})),[]);for(let t=H(k,i,M),n=J(O,i,M,m);t<=n;t++){const n=v(t);W.push(e(q,{G:x.U,q:t,K:y.I(t),Z:y.S(t),ee:_,F:n,te:I,ne:z[X]},j(n,t)))}return e(u,{ref:S,style:{flex:"none",position:"relative",visibility:"hidden",width:I?E:"100%",height:I?"100%":E,pointerEvents:0!==M?"none":"auto"},children:W})})),ne=/*#__PURE__*/l((({children:t,attrs:n,width:r,height:o,scrolling:s},l)=>e("div",{ref:l,...n,children:e("div",{style:i((()=>({position:"relative",visibility:"hidden",width:null!=r?r:"100%",height:null!=o?o:"100%",pointerEvents:s?"none":"auto"})),[r,o,s]),children:t})}))),re=(e,t)=>`${e}-${t}`,oe=/*#__PURE__*/o((({F:t,G:n,re:o,oe:s,ie:l,se:c,le:a,ce:h,Z:d,ee:f})=>{const u=r(null);return L((()=>n.U(u[X],o,s)),[s,o]),e(f,{ref:u,style:i((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:l,[O()?"right":"left"]:c,visibility:d?"hidden":"visible",minHeight:a,minWidth:h})),[l,c,h,a,d]),children:t})})),ie=/*#__PURE__*/l((({children:t,row:n,col:o,cellHeight:s=40,cellWidth:l=100,overscan:h=2,initialRowCount:d,initialColCount:f,components:{Root:_=ne,Cell:g="div"}={},...w},p)=>{const[v,m,S,b,z]=D((()=>{const e=B(n,s,d),t=B(o,l,f);return[e,t,G(e,t),P(e,!1),P(t,!0)]}));n!==v.k()&&v.$(3,[n]),o!==m.k()&&m.$(3,[o]);const y=K(v),x=K(m),[R,I]=v.m(),[C,k]=m.m(),O=v.T(),M=m.T(),T=v.W(),W=m.W(),$=E(v),A=E(m),V=r(null);L((()=>{const e=V[X],t=v.L(3,(e=>{e?a(y):y()})),n=m.L(3,(e=>{e?a(x):x()}));return S.N(e),b.X(e),z.X(e),()=>{t(),n(),S.P(),b.P(),z.P()}}),[]),L((()=>{const e=v.B();e&&b.V(e)}),[T]),L((()=>{const e=m.B();e&&z.V(e)}),[W]),c(p,(()=>({get scrollOffset(){return[m.O(),v.O()]},get scrollSize(){return[E(m),E(v)]},get viewportSize(){return[m._(),v._()]},scrollToIndex(e,t){z.D(e),b.D(t)},scrollTo(e,t){z.Y(e),b.Y(t)},scrollBy(e,t){z.j(e),b.j(t)}})),[]);const Y=i((()=>{const e=new Map;return(n,r)=>{let o=e.get(re(n,r));return o||e.set(re(n,r),o=t({rowIndex:n,colIndex:r})),o}}),[t]),j=H(R,h,O),N=J(I,h,O,n),U=H(C,h,M),F=J(k,h,M,o),q=[];for(let t=j;t<=N;t++)for(let n=U;n<=F;n++)q.push(e(oe,{G:S,re:t,oe:n,ie:v.I(t),se:m.I(n),le:v.C(t),ce:m.C(n),Z:v.S(t)||m.S(n),ee:g,F:Y(t,n)},re(t,n)));return e(_,{ref:V,width:A,height:$,scrolling:0!==O||0!==M,attrs:i((()=>({...w,style:{overflow:"auto",overflowAnchor:"none",flex:"none",contain:"strict",width:"100%",height:"100%",...w.style}})),u(w)),children:q})}));export{ee as VList,Z as Virtualizer,te as WindowVirtualizer,ie as experimental_VGrid};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|