virtua 0.19.2 → 0.20.0
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/README.md +35 -5
- 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 -1
- package/lib/react/VGrid.d.ts +29 -3
- package/lib/react/VList.d.ts +5 -118
- package/lib/react/Virtualizer.d.ts +135 -0
- package/lib/react/{WVList.d.ts → WindowVirtualizer.d.ts} +20 -27
- package/lib/react/index.d.ts +5 -3
- package/lib/react/types.d.ts +7 -0
- package/lib/vue/VList.d.ts +6 -6
- 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 +2 -3
- package/lib/react/Viewport.d.ts +0 -29
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,forwardRef as r,useMemo as i,memo as s,useReducer as l,useImperativeHandle as c}from"react";import{flushSync as a}from"react-dom";const u=Math.min,h=Math.max,f=Math.abs,d=Date.now,_=Object.values,w=Array.isArray,g=setTimeout,p=(e,t,n)=>u(n,h(t,e)),m=e=>null!=e,v=(e,t)=>{let n;const o=()=>{m(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=e=>getComputedStyle(e),z=e=>e?parseFloat(e):0,y=-1,I=(e,t,n)=>{const o=n?"unshift":"push";for(let n=0;n<t;n++)e[o](y);return e},x=(e,t)=>{const n=e.o[t];return n===y?e.i:n},R=(e,t)=>{if(!e.l)return 0;if(e.u>=t)return e.h[t];e.u<0&&(e.h[0]=0,e.u=0);let n=e.u,o=e.h[n];for(;n<t;)o+=x(e,n),e.h[++n]=o;return e.u=t,o},k=(e,t,n)=>{let o=R(e,n);for(;n>=0&&n<e.l;)if(o<=t){const r=x(e,n);if(o+r>t)break;o+=r,n++}else o-=x(e,--n);return p(n,0,e.l-1)},O=(e,t,n,o)=>{const r=k(e,t,u(n,e.l-1));return[r,k(e,t+o,r)]},C=(e,t,n)=>{const o=t-e.l,r=o>0;let i;return r?(i=e.i*o,I(e.o,o,n),I(e.h,o)):(i=(n?e.o.splice(0,-o):e.o.splice(o)).reduce(((t,n)=>t+(n===y?e.i:n)),0),e.h.splice(o)),e.u=n?-1:u(t-1,e.u),e.l=t,[i,r]},T="undefined"!=typeof window,M=()=>document.documentElement,H=/*#__PURE__*/S((e=>{const t="scrollLeft",n=e[t];e[t]=1;const o=e[t]<1;return e[t]=n,o})),J=/*#__PURE__*/S((()=>!!T&&"rtl"===b(M()).direction)),W=/*#__PURE__*/S((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),B=/*#__PURE__*/S((()=>"scrollBehavior"in M().style)),L=(e,t,n)=>h(e-(1===n?1:h(1,t)),0),$=(e,t,n,o)=>u(e+(2===n?1:h(1,t)),o-1),A=(e,t,n)=>t.reduce(((t,[o,r])=>{const i=r-x(e,o);return(!n||i>0)&&(t+=i),t}),0),V=(e,t=40,n=0,o=((e,t)=>({i:t,l:e,u:-1,o:I([],e),h:I([],e)}))(e,t),r)=>{let i=!!n,s=[],l=0,c=0,a=0,d=0,_=0,w=0,g=0,m=0,v=0,S=0,b=i?[0,h(n-1,0)]:null,z=[0,0];const k=new Set,T=()=>(e=>e.l?R(e,e.l-1)+x(e,e.l-1):0)(o),M=()=>l-c-a,H=()=>h(0,T()-M()),J=e=>{W()&&0!==v?g+=e:(w+=e,_++)};return{_:()=>s,p:()=>JSON.parse(JSON.stringify(o)),m:()=>b?[u(z[0],b[0]),h(z[1],b[1])]:m?z:z=O(o,d+g+w,z[0],l),v:e=>o.o[e]===y,S:()=>!!b&&o.o.slice(h(0,b[0]-1),u(o.l-1,b[1]+1)+1).includes(y),I:e=>R(o,e)-g,R:e=>x(o,e),k:()=>o.l,O:()=>d,C:H,T:()=>v,M:()=>l,H:()=>c,J:()=>h(T(),M()),W:T,B:()=>_,L:()=>M()>T()?w=0:(m=w,w=0,m),$(e,t){const n=[e,t];return k.add(n),()=>{k.delete(n)}},A(e,t){let n,h,I=0;switch(e){case 1:{const e=t.filter((([e,t])=>o.o[e]!==t));if(!e.length)break;let n=0;if(0===d);else if(d>H()-1.5)n=A(o,e,!0);else if(2===S)n=A(o,e);else{const[t]=z;n=A(o,e.filter((([e])=>e<t)))}n&&J(n);let i=!1;e.forEach((([e,t])=>{((e,t,n)=>{const o=e.o[t]===y;return e.o[t]=n,e.u=u(t,e.u),o})(o,e,t)&&(i=!0)})),r&&i&&!d&&(e=>{const t=e.o.filter((e=>e!==y)),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),I=2,h=!0;break}case 2:{const e=t[0]+t[1]+t[2];l!==e&&(l=e,c=t[1],a=t[2],I=2);break}case 3:if(t[1]){const e=H()-d,[n,r]=C(o,t[0],!0);J(r?n:-u(n,e)),r&&(S=2),I=1}else C(o,t[0]);break;case 4:{const e=p(t,0,H()),n=m;if(m=0,e===d)break;const o=e-d,r=f(o);n&&r<f(n)+1||0!==S||(v=o<0?2:1),i&&(b=null,i=!1),h=r>l,d=e,I=5;break}case 5:I=8,0!==v&&(n=!0,I+=1),v=0,S=0,b=null;break;case 6:S=1;break;case 7:b=O(o,t,z[0],l),I=1}I&&(s=[],n&&g&&(w+=g,g=0,_++),k.forEach((([e,t])=>{I&e&&t(h)})))}}},X=T?t:n,Y=(e,t,n)=>(()=>{let o=d()-50;return(...r)=>{const i=d();o+50<i&&(o=i,(o=>{if(0!==e.T()&&!o.ctrlKey&&(t?o.deltaX:o.deltaY)){const t=e.O();t>0&&t<e.C()&&n()}})(...r))}})(),j=(e,t,n,o)=>H(e)||o?-n:t.C()-n,D=(e,t)=>{let n,o,r=!1;const i=t?"scrollLeft":"scrollTop",s=t?"overflowX":"overflowY",l=(o,r)=>t&&J()?j(n,e,o,r):o,c=async(r,s)=>{if(!n)return;o&&o();const c=()=>p(r(),0,e.C()),a=()=>{let t;return[new Promise(((e,n)=>{t=e,g(o=n,150)})),e.$(2,(()=>{t&&t()}))]};if(s&&B()){for(;e.A(7,c()),e.S();){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,o]=a();try{n[i]=l(c()),e.A(6),await t}catch(e){return}finally{o()}}};return{V(o){n=o;let s=!1,c=!1;const a=v((()=>{s?a():(c=!1,e.A(5))}),150),u=()=>{c&&(r=!0),e.A(4,l(o[i])),a()},h=Y(e,t,a),f=()=>{s=!0,c=r=!1},d=()=>{s=!1,W()&&(c=!0)};return o.addEventListener("scroll",u),o.addEventListener("wheel",h,{passive:!0}),o.addEventListener("touchstart",f,{passive:!0}),o.addEventListener("touchend",d,{passive:!0}),()=>{o.removeEventListener("scroll",u),o.removeEventListener("wheel",h),o.removeEventListener("touchstart",f),o.removeEventListener("touchend",d),a.t()}},X(e){c((()=>e))},Y(t){t+=e.O(),c((()=>t))},j(t,{align:n,smooth:o}={}){if(t=p(t,0,e.k()-1),"nearest"===n){const o=e.I(t),r=e.O();if(o<r)n="start";else{if(!(o+e.R(t)>r+e.M()))return;n="end"}}c((()=>e.H()+("end"===n?e.I(t)+e.R(t)-e.M():"center"===n?e.I(t)+(e.R(t)-e.M())/2:e.I(t))),o)},D:e=>{if(n){if(r){r=!1;const e=n.style,t=e[s];e[s]="hidden",g((()=>{e[s]=t}))}n[i]+=l(e,!0)}}}},F=(e,t)=>{let n;const o=t?"scrollX":"scrollY",r=t?"offsetLeft":"offsetTop",i=(o,r)=>t&&J()?j(n,e,o,r):o;return{V(s){n=s;const l=(e,n)=>{const o=n+(t&&J()?window.innerWidth-e[r]-e.offsetWidth:e[r]),i=e.offsetParent;return e!==document.body&&i?l(i,o):o},c=v((()=>{e.A(5)}),150),a=()=>{e.A(4,i(window[o])-l(s,0)),c()},u=Y(e,t,c);return window.addEventListener("scroll",a),window.addEventListener("wheel",u,{passive:!0}),()=>{window.removeEventListener("scroll",a),window.removeEventListener("wheel",u),c.t()}},D:e=>{window.scrollBy(t?i(e,!0):0,t?0:e)}}},N="current",P={},U=(e,t)=>{if(w(e))for(const n of e)U(n,t);else m(e)&&"boolean"!=typeof e&&t.push(e)},E=(e,t)=>{const n=e.key;return m(n)?n:"_"+t},G=e=>{const t=o();return t[N]||(t[N]=e())},q=e=>{const t=o(e);return X((()=>{t[N]=e}),[e]),t},K={box:"border-box"},Q=(e,t)=>{let n;const o=t?"width":"height",r=new WeakMap,i=S((()=>new ResizeObserver((i=>{const s=[];for(const{target:l,contentRect:c}of i)if(l.offsetParent)if(l===n)e.A(2,[c[o],c[t?"left":"top"],z(b(n)[t?"paddingRight":"paddingBottom"])]);else{const e=r.get(l);m(e)&&s.push([e,c[o]])}s.length&&e.A(1,s)}))));return{F(e){n=e;const t=i();return t.observe(e,K),()=>{t.disconnect()}},N:(e,t)=>{const n=i();return r.set(e,t),n.observe(e),()=>{r.delete(e),n.unobserve(e)}}}},Z=(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);m(t)&&o.push([t,i[n]])}o.length&&e.A(1,o)}))));return{F(){const t=()=>{e.A(2,[window[o],0,0])};return window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t),i().disconnect()}},N:(e,t)=>{const n=i();return r.set(e,t),n.observe(e),()=>{r.delete(e),n.unobserve(e)}}}},ee=(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}`,u=S((()=>new ResizeObserver((u=>{const f=new Set,d=new Set;for(const{target:s,contentRect:l}of u)if(s.offsetParent)if(s===n){const i=b(n);e.A(2,[l[o],l.top,z(i.paddingBottom)]),t.A(2,[l[r],l.left,z(i.paddingRight)])}else{const e=i.get(s);if(e){const[t,n]=e,i=a(t,n),s=c.get(i),u=[l[o],l[r]];let h,_;s?(s[0]!==u[0]&&(h=!0),s[1]!==u[1]&&(_=!0)):h=_=!0,h&&f.add(t),_&&d.add(n),(h||_)&&c.set(i,u)}}if(f.size){const t=[];f.forEach((e=>{let n=0;l.forEach((t=>{const o=c.get(a(e,t));o&&(n=h(n,o[0]))})),n&&t.push([e,n])})),e.A(1,t)}if(d.size){const e=[];d.forEach((t=>{let n=0;s.forEach((e=>{const o=c.get(a(e,t));o&&(n=h(n,o[1]))})),n&&e.push([t,n])})),t.A(1,e)}}))));return{F(e){n=e;const t=u();return t.observe(e,K),()=>{t.disconnect()}},N(e,t,n){const o=u();return i.set(e,[t,n]),s.add(t),l.add(n),o.observe(e),()=>{i.delete(e),o.unobserve(e)}}}},te=/*#__PURE__*/r((({children:t,attrs:n,width:o,height:r,scrolling:s},l)=>e("div",{ref:l,...n,children:e("div",{style:i((()=>({contain:"content",position:"relative",visibility:"hidden",width:null!=o?o:"100%",height:null!=r?r:"100%",pointerEvents:s?"none":"auto"})),[o,r,s]),children:t})}))),ne=/*#__PURE__*/s((({P:t,U:n,G:r,q:s,K:l,Z:c,ee:a,te:u})=>{const h=o(null);X((()=>n(h[N],r)),[r]);const f=i((()=>{const e={margin:0,padding:0,position:l&&u?void 0:"absolute",[a?"height":"width"]:"100%",[a?"top":"left"]:0,[a?J()?"right":"left":"top"]:s,visibility:!l||u?"visible":"hidden"};return a&&(e.display="flex"),e}),[s,l,u]);return e(c,"string"==typeof c?{ref:h,style:f,children:t}:{ref:h,style:f,index:r,children:t})})),oe=e=>l(e._,void 0,e._)[1],re=(e,t)=>i((()=>{if("function"==typeof e)return[e,t||0];const n=(e=>{const t=[];return U(e,t),t})(e);return[e=>n[e],n.length]}),[e,t]),ie=/*#__PURE__*/r((({children:t,count:r,overscan:s=4,initialItemSize:l,shift:u,horizontal:f,reverse:d,cache:w,ssrCount:g,components:{Root:p=te,Item:m="div"}=P,onScroll:v,onScrollStop:S,onRangeChange:b,...z},y)=>{const[I,x]=re(t,r),R=q(v),k=q(S),O=o(!!g),[C,T,M,H]=G((()=>{const e=!!f,t=V(x,l,g,w,!l);return[t,Q(t,e),D(t,e),e]}));x!==C.k()&&C.A(3,[x,u]);const J=oe(C),[W,B]=C.m(),A=C.T(),Y=C.B(),j=C.J(),F=o(null);X((()=>{O[N]=!1;const e=F[N],t=C.$(3,(e=>{e?a(J):J()})),n=C.$(4,(()=>{R[N]&&R[N](C.O())})),o=C.$(8,(()=>{k[N]&&k[N]()})),r=T.F(e),i=M.V(e);return()=>{t(),n(),o(),r(),i()}}),[]),X((()=>{const e=C.L();e&&M.D(e)}),[Y]),n((()=>{b&&b(W,B)}),[W,B]),c(y,(()=>({get cache(){return C.p()},get scrollOffset(){return C.O()},get scrollSize(){return C.J()},get viewportSize(){return C.M()},scrollToIndex:M.j,scrollTo:M.X,scrollBy:M.Y})),[]);const U=L(W,s,A),K=$(B,s,A,x),Z=[];for(let t=U;t<=K;t++){const n=I(t);let o=C.I(t);d&&(o+=h(0,C.M()-C.W())),Z.push(e(ne,{U:T.N,G:t,q:o,K:C.v(t),Z:m,P:n,ee:H,te:O[N]},E(n,t)))}return e(p,{ref:F,width:H?j:void 0,height:H?void 0:j,scrolling:0!==A,attrs:i((()=>({...z,style:{display:H?"inline-block":"block",[H?"overflowX":"overflowY"]:"auto",overflowAnchor:"none",contain:"strict",width:"100%",height:"100%",...z.style}})),_(z)),children:Z})})),se=/*#__PURE__*/r((({children:t,count:r,overscan:s=4,initialItemSize:l,shift:u,horizontal:h,cache:f,ssrCount:d,components:{Root:w=te,Item:g="div"}=P,onScrollStop:p,onRangeChange:m,...v},S)=>{const[b,z]=re(t,r),y=q(p),I=o(!!d),[x,R,k,O]=G((()=>{const e=!!h,t=V(z,l,d,f,!l);return[t,Z(t,e),F(t,e),e]}));z!==x.k()&&x.A(3,[z,u]);const C=oe(x),[T,M]=x.m(),H=x.T(),J=x.B(),W=x.W(),B=o(null);X((()=>{I[N]=!1;const e=B[N],t=x.$(3,(e=>{e?a(C):C()})),n=x.$(8,(()=>{y[N]&&y[N]()})),o=R.F(),r=k.V(e);return()=>{t(),n(),o(),r()}}),[]),X((()=>{const e=x.L();e&&k.D(e)}),[J]),n((()=>{m&&m(T,M)}),[T,M]),c(S,(()=>({get cache(){return x.p()}})),[]);const A=L(T,s,H),Y=$(M,s,H,z),j=[];for(let t=A;t<=Y;t++){const n=b(t);j.push(e(ne,{U:R.N,G:t,q:x.I(t),K:x.v(t),Z:g,P:n,ee:O,te:I[N]},E(n,t)))}return e(w,{ref:B,width:O?W:void 0,height:O?void 0:W,scrolling:0!==H,attrs:i((()=>({...v,style:{display:O?"inline-block":"block",width:O?"auto":"100%",height:O?"100%":"auto",...v.style}})),_(v)),children:j})})),le=(e,t)=>`${e}-${t}`,ce=/*#__PURE__*/s((({P:t,U:n,ne:r,oe:s,re:l,ie:c,se:a,le:u,K:h,Z:f})=>{const d=o(null);return X((()=>n.N(d[N],r,s)),[s,r]),e(f,{ref:d,style:i((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:l,[J()?"right":"left"]:c,visibility:h?"hidden":"visible",minHeight:a,minWidth:u})),[l,c,u,a,h]),children:t})})),ae=/*#__PURE__*/r((({children:t,row:n,col:r,cellHeight:s=40,cellWidth:l=100,overscan:u=2,initialRowCount:h,initialColCount:f,components:{Root:d=te,Cell:w="div"}=P,...g},p)=>{const[m,v,S,b,z]=G((()=>{const e=V(n,s,h),t=V(r,l,f);return[e,t,ee(e,t),D(e,!1),D(t,!0)]}));n!==m.k()&&m.A(3,[n]),r!==v.k()&&v.A(3,[r]);const y=oe(m),I=oe(v),[x,R]=m.m(),[k,O]=v.m(),C=m.T(),T=v.T(),M=m.B(),H=v.B(),J=m.J(),W=v.J(),B=o(null);X((()=>{const e=B[N],t=m.$(3,(e=>{e?a(y):y()})),n=v.$(3,(e=>{e?a(I):I()})),o=S.F(e),r=b.V(e),i=z.V(e);return()=>{t(),n(),o(),r(),i()}}),[]),X((()=>{const e=m.L();e&&b.D(e)}),[M]),X((()=>{const e=v.L();e&&z.D(e)}),[H]),c(p,(()=>({get scrollOffset(){return[v.O(),m.O()]},get scrollSize(){return[v.J(),m.J()]},get viewportSize(){return[v.M(),m.M()]},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 A=i((()=>{const e=new Map;return(n,o)=>{let r=e.get(le(n,o));return r||e.set(le(n,o),r=t({rowIndex:n,colIndex:o})),r}}),[t]),Y=L(x,u,C),j=$(R,u,C,n),F=L(k,u,T),U=$(O,u,T,r),E=[];for(let t=Y;t<=j;t++)for(let n=F;n<=U;n++)E.push(e(ce,{U:S,ne:t,oe:n,re:m.I(t),ie:v.I(n),se:m.R(t),le:v.R(n),K:m.v(t)||v.v(n),Z:w,P:A(t,n)},le(t,n)));return e(d,{ref:B,width:W,height:J,scrolling:0!==C||0!==T,attrs:i((()=>({...g,style:{overflow:"auto",overflowAnchor:"none",contain:"strict",width:"100%",height:"100%",...g.style}})),_(g)),children:E})}));export{ie as VList,se as WVList,ae as experimental_VGrid};
|
|
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,u=Math.abs,f=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,f=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,f-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:()=>f,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===f);else if(f>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&&!f&&(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()-f,[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===f)break;const o=e-f,r=u(o);n&&r<u(n)+1||0!==S||(m=o<0?2:1),l&&(R=null,l=!1),i=r>a,f=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=f()-50;return(...r)=>{const i=f();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()},u=P(e,t,h),f=()=>{l=!0,a=i=!1},_=()=>{l=!1,E()&&(a=!0)};r.addEventListener("scroll",d),r.addEventListener("wheel",u,{passive:!0}),r.addEventListener("touchstart",f,{passive:!0}),r.addEventListener("touchend",_,{passive:!0}),o=()=>{r.removeEventListener("scroll",d),r.removeEventListener("wheel",u),r.removeEventListener("touchstart",f),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 u=new Set,f=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&&u.add(t),_&&f.add(n),(d||_)&&c.set(i,h)}}if(u.size){const t=[];u.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(f.size){const e=[];f.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 u=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:u,children:t}:{ref:d,style:u,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:u,cache:f,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,f,!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=u?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:{contain:"content",overflowAnchor:"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:u,onRangeChange:f,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:u,onRangeChange:f,children:t})}))),oe=/*#__PURE__*/l((({children:t,count:r,overscan:i=4,itemSize:s,shift:l,horizontal:h,cache:d,ssrCount:u,as:f="div",item:_="div",onScrollEnd:w,onRangeChange:g},v)=>{const[p,m]=ee(t,r),S=o(null),b=F(w),z=o(!!u),[y,x,R,I]=U((()=>{const e=!!h,t=$(m,s,u,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(f,{ref:S,style:{contain:"content",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((()=>({contain:"content",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:u})=>{const f=o(null);return A((()=>n.U(f[j],r,s)),[s,r]),e(u,{ref:f,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:u,components:{Root:f=re,Cell:w="div"}={},...g},v)=>{const[p,m,S,b,z]=U((()=>{const e=$(n,s,d),t=$(r,l,u);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(f,{ref:P,width:L,height:H,scrolling:0!==O||0!==M,attrs:i((()=>({...g,style:{overflow:"auto",overflowAnchor:"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};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|