@ehfuse/mui-virtual-data-table 1.1.14 → 1.1.16
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/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +3 -3
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/package.json +3 -3
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{forwardRef as Je,useCallback as De,useMemo as Qe,useRef as ee,useEffect as Me,memo as Lt,useState as et}from"react";import{Box as pe,Table as Dt,TableBody as Et,TableCell as Ne,TableContainer as Rt,TableHead as Ht,TableRow as qe,TableSortLabel as tt,Paper as It,Typography as Ot}from"@mui/material";import{TableVirtuoso as $t}from"react-virtuoso";import{jsx as Ze}from"react/jsx-runtime";import{useRef as lt,useState as pt,useEffect as ft}from"react";import{Box as mt,CircularProgress as ht}from"@mui/material";var Oe=function(){return Oe=Object.assign||function(p){for(var x,v=1,k=arguments.length;v<k;v++){x=arguments[v];for(var D in x)Object.prototype.hasOwnProperty.call(x,D)&&(p[D]=x[D])}return p},Oe.apply(this,arguments)};function at(s){var p=s.visible,x=s.onComplete,v=s.fadeoutDuration,k=v===void 0?200:v,D=s.exitDelay,M=D===void 0?0:D,L=s.size,E=L===void 0?40:L,j=s.className,K=s.style,A=s.sx,U=s.indicator,R=s.background,q=R===void 0?{show:!0,color:"255, 255, 255",opacity:.9}:R,le=lt(void 0),a=lt(null),W=pt(p),ae=W[0],se=W[1],$=q.show,z=$===void 0?!0:$,C=q.color,I=C===void 0?"255, 255, 255":C,te=q.opacity,re=te===void 0?.9:te;if(ft(function(){var Re=le.current;if(Re===!0&&p===!1&&a.current){var ne=a.current;ne.style.opacity="0",setTimeout(function(){se(!1),x?.()},k+M)}else p===!0&&(se(!0),a.current&&(a.current.style.opacity="1"));le.current=p},[p,x,k,M]),!ae)return null;var Ce=function(){return typeof U=="string"?Ze("img",{src:U,alt:"Loading",style:{width:E,height:E}}):U||Ze(ht,{size:E})},fe=function(){return z?I.startsWith("rgba")?{backgroundColor:I}:/^\d+,\s*\d+,\s*\d+$/.test(I)?{backgroundColor:"rgba(".concat(I,", ").concat(re,")")}:re!==1?{backgroundColor:I,"&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:I,opacity:re,zIndex:-1}}:{backgroundColor:I}:{backgroundColor:"transparent"}};return Ze(mt,{ref:a,className:j,style:Oe({},K),sx:Oe(Oe({position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,opacity:p?1:0,transition:"opacity ".concat(k,"ms ease-out")},fe()),A),children:Ce()})}import{useRef as J,useEffect as ie,useState as V,useCallback as O,useMemo as $e,forwardRef as gt,useImperativeHandle as bt,useLayoutEffect as xt}from"react";import{jsx as Le,jsxs as ct}from"react/jsx-runtime";var yt=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],st=(s,p)=>{let x=s.tagName.toLowerCase(),v=["text","password","email","number","search","tel","url","checkbox","radio"];if(x==="input"){let k=s.type;return v.includes(k)}if(["textarea","select","button"].includes(x)||["svg","path","circle","rect","line","polygon","polyline"].includes(x)||s.getAttribute("contenteditable")==="true")return!0;if(p?.excludeSelectors){for(let k of p.excludeSelectors)if(s.matches(k))return!0}return vt(s,p)},vt=(s,p)=>{let x=[...yt,...p?.excludeClasses||[]],v=s,k=0,D=5;for(;v&&k<=D;){if(x.some(M=>v.classList.contains(M)))return!0;if(v.classList.contains("MuiDialogContent-root"))break;v=v.parentElement,k++}return!1},wt={},Mt={},Ct={},Tt={},St={},kt=gt(({className:s="",style:p={},containerStyle:x={},contentStyle:v={},children:k,onScroll:D,thumb:M=wt,track:L=Mt,arrows:E=Ct,dragScroll:j=Tt,autoHide:K=St,showScrollbar:A=!0,detectInnerScroll:U=!1},R)=>{let q=J({});ie(()=>{q.current={children:k,onScroll:D,showScrollbar:A,thumb:M,track:L,arrows:E,dragScroll:j,autoHide:K}});let le=J(null),a=J(null),W=J(null),ae=J(null),se=J(null),$=J(null),[z,C]=V(!1),[I,te]=V(!1),[re,Ce]=V(!1),[fe,Re]=V({y:0,scrollTop:0}),[ne,ze]=V(0),[Ye,Pe]=V(0),[Te,_e]=V(!1),[m,f]=V(!1),[ce,Fe]=V({x:0,y:0,scrollTop:0,scrollLeft:0}),[Be,rt]=V(null),[me,Se]=V(null),[nt,Ae]=V(!1),he=J(null),[Ge,ke]=V(!1),oe=J(null),ge=J(null),X=J(null),N=$e(()=>{let t=M.color??"#606060";return{width:M.width??8,minHeight:M.minHeight??50,radius:M.radius??(M.width??8)/2,color:t,opacity:M.opacity??.6,hoverColor:M.hoverColor??t,hoverOpacity:M.hoverOpacity??1}},[M]),h=$e(()=>({width:L.width??16,color:L.color??"rgba(128, 128, 128, 0.1)",visible:L.visible??!0,alignment:L.alignment??"center",radius:L.radius??N.radius??4,margin:L.margin??4}),[L,N.radius]),Y=$e(()=>{let t=E.color??"#808080";return{visible:E.visible??!1,step:E.step??50,color:t,opacity:E.opacity??.6,hoverColor:E.hoverColor??t,hoverOpacity:E.hoverOpacity??1}},[E]),be=$e(()=>({enabled:j.enabled??!0,excludeClasses:j.excludeClasses??[],excludeSelectors:j.excludeSelectors??[]}),[j]),y=$e(()=>({enabled:K.enabled??!0,delay:K.delay??1500,delayOnWheel:K.delayOnWheel??700}),[K]),H=N.width,ot=h.width,He=N.minHeight,_=Y.visible,o=Y.step,r=O(()=>{if(!a.current)return;let t=document.activeElement;t&&a.current.contains(t)&&t!==a.current||a.current.focus()},[]);bt(R,()=>({getScrollContainer:()=>a.current,scrollTo:t=>{a.current&&a.current.scrollTo(t)},get scrollTop(){return a.current?.scrollTop||0},get scrollHeight(){return a.current?.scrollHeight||0},get clientHeight(){return a.current?.clientHeight||0}}),[]);let u=O(()=>{if($.current){let n=$.current;if(document.contains(n)&&n.scrollHeight>n.clientHeight+2)return n;$.current=null}if(!a.current)return null;if(W.current&&W.current.scrollHeight>a.current.clientHeight+2)return $.current=a.current,a.current;if(!U)return null;let t=a.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let n of t){let l=n;if(l!==a.current&&l.classList.contains("overlay-scrollbar-container"))continue;let c=l.parentElement,w=!1;for(;c&&c!==a.current;){if(c.classList.contains("overlay-scrollbar-container")&&c!==a.current){w=!0;break}c=c.parentElement}if(!w&&l.scrollHeight>l.clientHeight+2)return $.current=l,l}return null},[]),T=O(()=>u()!==null,[u]),i=O(()=>{oe.current&&(clearTimeout(oe.current),oe.current=null)},[]),e=O(()=>{ge.current&&(clearTimeout(ge.current),ge.current=null)},[]),B=O(()=>{X.current&&(clearTimeout(X.current),X.current=null)},[]),g=O(t=>{y.enabled&&(i(),oe.current=setTimeout(()=>{C(!1),oe.current=null},t))},[i,y.enabled]),b=O(()=>{let t=u();if(!t){C(!1),_e(!1),i();return}if(_e(!0),!ae.current)return;y.enabled||(C(!0),i());let n=t.clientHeight,l=t.scrollHeight,c=t.scrollTop,w=0;if(le.current){let je=window.getComputedStyle(le.current),Xe=parseFloat(je.paddingTop)||0,dt=parseFloat(je.paddingBottom)||0;w=Xe+dt}let S=_?H*2+h.margin*4:h.margin*2,P=n-S+w,F=n/l,we=Math.max(P*F,He),Ie=l-n,Z=P-we,Ue=Ie>0?c/Ie*Z:0;ze(we),Pe(Ue)},[u,i,_,H,He,y.enabled]),Q=O(t=>{t.preventDefault(),t.stopPropagation();let n=u();n&&(te(!0),Re({y:t.clientY,scrollTop:n.scrollTop}),i(),C(!0),r())},[u,i,r]),xe=O(t=>{if(!I)return;let n=u();if(!n)return;let l=n.clientHeight,c=n.scrollHeight-l,w=t.clientY-fe.y,S=l-ne,P=w/S*c,F=Math.max(0,Math.min(c,fe.scrollTop+P));n.scrollTop=F,b()},[I,fe,ne,b,u]),ue=O(()=>{te(!1),T()&&g(y.delay)},[T,g,y.delay]),G=O(t=>{if(!ae.current)return;let n=ae.current.getBoundingClientRect(),l=t.clientY-n.top,c=u();if(!c)return;let w=c.clientHeight,S=c.scrollHeight,P=l/w*(S-w);c.scrollTop=Math.max(0,Math.min(S-w,P)),b(),C(!0),g(y.delay),r()},[b,g,y.delay,u,r]),Ke=O(t=>{if(t.preventDefault(),t.stopPropagation(),!a.current)return;let n=Math.max(0,a.current.scrollTop-o);a.current.scrollTop=n,b(),C(!0),g(y.delay),r()},[b,g,o,y.delay,r]),it=O(t=>{if(t.preventDefault(),t.stopPropagation(),!a.current||!W.current)return;let n=a.current,l=W.current.scrollHeight-n.clientHeight,c=Math.min(l,n.scrollTop+o);n.scrollTop=c,b(),C(!0),g(y.delay),r()},[b,g,o,y.delay,r]),Ve=O(t=>{if(!be.enabled)return;let n=t.target;if(st(n,be)||t.button!==0)return;let l=u();l&&(l.scrollHeight<=l.clientHeight||(t.preventDefault(),f(!0),Fe({x:t.clientX,y:t.clientY,scrollTop:l.scrollTop,scrollLeft:l.scrollLeft||0}),i()))},[be,st,u,i]),ye=O(t=>{if(!m)return;let n=u();if(!n)return;let l=ce.x-t.clientX,c=ce.y-t.clientY;if(Math.abs(c)<3&&Math.abs(l)<3)return;C(!0);let w=Math.max(0,Math.min(n.scrollHeight-n.clientHeight,ce.scrollTop+c));n.scrollTop=w,b()},[m,ce,u,b]),de=O(()=>{f(!1),T()&&g(y.delay)},[T,g,y.delay]);ie(()=>{let t=S=>{b(),i(),C(!0);let P=Ge?y.delayOnWheel:y.delay;g(P),D&&D(S)},n=()=>{ke(!0),he.current&&clearTimeout(he.current),he.current=setTimeout(()=>{ke(!1)},300),i(),B(),X.current=setTimeout(()=>{C(!0),X.current=null},50)},l=[],c=u();c&&l.push(c);let w=a.current;return w&&!c&&(l.push(w),w.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(S=>{let P=S;if(P!==w&&P.classList.contains("overlay-scrollbar-container"))return;let F=P.parentElement;for(;F&&F!==w;){if(F.classList.contains("overlay-scrollbar-container")&&F!==w)return;F=F.parentElement}l.push(P)})),l.forEach(S=>{S.addEventListener("scroll",t,{passive:!0}),S.addEventListener("wheel",n,{passive:!0})}),()=>{l.forEach(S=>{S.removeEventListener("scroll",t),S.removeEventListener("wheel",n)}),he.current&&clearTimeout(he.current),X.current&&clearTimeout(X.current)}},[u,b,D,i,g,y,Ge]),ie(()=>{let t=l=>{let c=u();if(!c)return;let{key:w}=l,{scrollTop:S,scrollHeight:P,clientHeight:F}=c,we=P-F,Ie=50,Z=null;switch(w){case"ArrowUp":l.preventDefault(),Z=Math.max(0,S-Ie);break;case"ArrowDown":l.preventDefault(),Z=Math.min(we,S+Ie);break;case"PageUp":l.preventDefault(),Z=Math.max(0,S-F);break;case"PageDown":l.preventDefault(),Z=Math.min(we,S+F);break;case"Home":l.preventDefault(),Z=0;break;case"End":l.preventDefault(),Z=we;break;default:return}if(Z!==null){let Ue=Z/we,je=_?H*2+h.margin*4:h.margin*2,Xe=(F-je-ne)*Ue;Pe(Xe),c.scrollTop=Z,i(),C(!0),g(y.delay)}},n=a.current;if(n)return n.addEventListener("keydown",t),()=>{n.removeEventListener("keydown",t)}},[u,_,H,h.margin,ne,i,g,y.delay]),ie(()=>{if(m)return document.addEventListener("mousemove",ye),document.addEventListener("mouseup",de),()=>{document.removeEventListener("mousemove",ye),document.removeEventListener("mouseup",de)}},[m,ye,de]),ie(()=>{if(I)return document.addEventListener("mousemove",xe),document.addEventListener("mouseup",ue),()=>{document.removeEventListener("mousemove",xe),document.removeEventListener("mouseup",ue)}},[I,xe,ue]),ie(()=>{b();let t=setTimeout(()=>{b()},100);return()=>clearTimeout(t)},[b]),xt(()=>{Ae(!0),b(),!y.enabled&&T()&&C(!0)},[T,b,y.enabled]),ie(()=>{let t=new ResizeObserver(()=>{b()}),n=[];return a.current&&n.push(a.current),W.current&&n.push(W.current),$.current&&document.contains($.current)&&n.push($.current),n.forEach(l=>{t.observe(l)}),()=>t.disconnect()},[b]),ie(()=>{if(!a.current)return;let t=new MutationObserver(()=>{$.current=null,b()});return t.observe(a.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>t.disconnect()},[b]);let ve=Math.max(ot,H);return ie(()=>{let t="overlay-scrollbar-webkit-hide",n=document.getElementById(t);n&&n.remove();let l=document.createElement("style");return l.id=t,l.textContent=`
|
|
1
|
+
import{forwardRef as et,useCallback as ke,useMemo as tt,useRef as ie,useEffect as pe,memo as Dt,useState as rt}from"react";import{Box as fe,Table as Et,TableBody as Rt,TableCell as Ae,TableContainer as Ht,TableHead as It,TableRow as ze,TableSortLabel as nt,Paper as Ot,Typography as $t}from"@mui/material";import{TableVirtuoso as Nt}from"react-virtuoso";import{jsx as Qe}from"react/jsx-runtime";import{useRef as lt,useState as ft,useEffect as mt}from"react";import{Box as ht,CircularProgress as gt}from"@mui/material";var Pe=function(){return Pe=Object.assign||function(f){for(var g,v=1,S=arguments.length;v<S;v++){g=arguments[v];for(var E in g)Object.prototype.hasOwnProperty.call(g,E)&&(f[E]=g[E])}return f},Pe.apply(this,arguments)};function at(a){var f=a.visible,g=a.onComplete,v=a.fadeoutDuration,S=v===void 0?200:v,E=a.exitDelay,M=E===void 0?0:E,k=a.size,R=k===void 0?40:k,z=a.className,X=a.style,q=a.sx,K=a.indicator,H=a.background,Y=H===void 0?{show:!0,color:"255, 255, 255",opacity:.9}:H,le=lt(void 0),l=lt(null),_=ft(f),ae=_[0],se=_[1],P=Y.show,G=P===void 0?!0:P,C=Y.color,O=C===void 0?"255, 255, 255":C,ee=Y.opacity,te=ee===void 0?.9:ee;if(mt(function(){var De=le.current;if(De===!0&&f===!1&&l.current){var re=l.current;re.style.opacity="0",setTimeout(function(){se(!1),g?.()},S+M)}else f===!0&&(se(!0),l.current&&(l.current.style.opacity="1"));le.current=f},[f,g,S,M]),!ae)return null;var ye=function(){return typeof K=="string"?Qe("img",{src:K,alt:"Loading",style:{width:R,height:R}}):K||Qe(gt,{size:R})},me=function(){return G?O.startsWith("rgba")?{backgroundColor:O}:/^\d+,\s*\d+,\s*\d+$/.test(O)?{backgroundColor:"rgba(".concat(O,", ").concat(te,")")}:te!==1?{backgroundColor:O,"&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:O,opacity:te,zIndex:-1}}:{backgroundColor:O}:{backgroundColor:"transparent"}};return Qe(ht,{ref:l,className:z,style:Pe({},X),sx:Pe(Pe({position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,opacity:f?1:0,transition:"opacity ".concat(S,"ms ease-out")},me()),q),children:ye()})}import{useRef as Q,useEffect as oe,useState as W,useCallback as N,useMemo as Fe,forwardRef as bt,useImperativeHandle as xt,useLayoutEffect as yt}from"react";import{jsx as Se,jsxs as ct}from"react/jsx-runtime";var vt=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],st=(a,f)=>{let g=a.tagName.toLowerCase(),v=["text","password","email","number","search","tel","url","checkbox","radio"];if(g==="input"){let S=a.type;return v.includes(S)}if(["textarea","select","button"].includes(g)||["svg","path","circle","rect","line","polygon","polyline"].includes(g)||a.getAttribute("contenteditable")==="true")return!0;if(f?.excludeSelectors){for(let S of f.excludeSelectors)if(a.matches(S))return!0}return wt(a,f)},wt=(a,f)=>{let g=[...vt,...f?.excludeClasses||[]],v=a,S=0,E=5;for(;v&&S<=E;){if(g.some(M=>v.classList.contains(M)))return!0;if(v.classList.contains("MuiDialogContent-root"))break;v=v.parentElement,S++}return!1},Mt={},Ct={},Tt={},St={},kt={},Lt=bt(({className:a="",style:f={},containerStyle:g={},contentStyle:v={},children:S,onScroll:E,thumb:M=Mt,track:k=Ct,arrows:R=Tt,dragScroll:z=St,autoHide:X=kt,showScrollbar:q=!0,detectInnerScroll:K=!1},H)=>{let Y=Q({});oe(()=>{Y.current={children:S,onScroll:E,showScrollbar:q,thumb:M,track:k,arrows:R,dragScroll:z,autoHide:X}});let le=Q(null),l=Q(null),_=Q(null),ae=Q(null),se=Q(null),P=Q(null),[G,C]=W(!1),[O,ee]=W(!1),[te,ye]=W(!1),[me,De]=W({y:0,scrollTop:0}),[re,_e]=W(0),[Ge,Be]=W(0),[ve,Xe]=W(!1),[h,m]=W(!1),[ce,Ve]=W({x:0,y:0,scrollTop:0,scrollLeft:0}),[qe,ot]=W(null),[he,we]=W(null),[it,je]=W(!1),ge=Q(null),[Ke,Me]=W(!1),ne=Q(null),U=Q(null),j=Q(null),I=Fe(()=>{let t=M.color??"#606060";return{width:M.width??8,minHeight:M.minHeight??50,radius:M.radius??(M.width??8)/2,color:t,opacity:M.opacity??.6,hoverColor:M.hoverColor??t,hoverOpacity:M.hoverOpacity??1}},[M]),y=Fe(()=>({width:k.width??16,color:k.color??"rgba(128, 128, 128, 0.1)",visible:k.visible??!0,alignment:k.alignment??"center",radius:k.radius??I.radius??4,margin:k.margin??4}),[k,I.radius]),B=Fe(()=>{let t=R.color??"#808080";return{visible:R.visible??!1,step:R.step??50,color:t,opacity:R.opacity??.6,hoverColor:R.hoverColor??t,hoverOpacity:R.hoverOpacity??1}},[R]),Ee=Fe(()=>({enabled:z.enabled??!0,excludeClasses:z.excludeClasses??[],excludeSelectors:z.excludeSelectors??[]}),[z]),b=Fe(()=>({enabled:X.enabled??!0,delay:X.delay??1500,delayOnWheel:X.delayOnWheel??700}),[X]),$=I.width,Ue=y.width,Ce=I.minHeight,n=B.visible,r=B.step,x=N(()=>{if(!l.current)return;let t=document.activeElement;t&&l.current.contains(t)&&t!==l.current||l.current.focus()},[]);xt(H,()=>({getScrollContainer:()=>l.current,scrollTo:t=>{l.current&&l.current.scrollTo(t)},get scrollTop(){return l.current?.scrollTop||0},get scrollHeight(){return l.current?.scrollHeight||0},get clientHeight(){return l.current?.clientHeight||0}}),[]);let s=N(()=>{if(P.current){let o=P.current;if(document.contains(o)&&o.scrollHeight>o.clientHeight+2)return o;P.current=null}if(!l.current)return null;if(_.current&&_.current.scrollHeight>l.current.clientHeight+2)return P.current=l.current,l.current;if(!K)return null;let t=l.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let o of t){let i=o;if(i!==l.current&&i.classList.contains("overlay-scrollbar-container"))continue;let u=i.parentElement,w=!1;for(;u&&u!==l.current;){if(u.classList.contains("overlay-scrollbar-container")&&u!==l.current){w=!0;break}u=u.parentElement}if(!w&&i.scrollHeight>i.clientHeight+2)return P.current=i,i}return null},[]),c=N(()=>s()!==null,[s]),e=N(()=>{ne.current&&(clearTimeout(ne.current),ne.current=null)},[]),V=N(()=>{U.current&&(clearTimeout(U.current),U.current=null)},[]),Z=N(()=>{j.current&&(clearTimeout(j.current),j.current=null)},[]),L=N(t=>{b.enabled&&(e(),ne.current=setTimeout(()=>{C(!1),ne.current=null},t))},[e,b.enabled]),d=N(()=>{let t=s();if(!t){C(!1),Xe(!1),e();return}if(Xe(!0),!ae.current)return;b.enabled||(C(!0),e());let o=t.clientHeight,i=t.scrollHeight,u=t.scrollTop,w=0;if(le.current){let We=window.getComputedStyle(le.current),Je=parseFloat(We.paddingTop)||0,pt=parseFloat(We.paddingBottom)||0;w=Je+pt}let T=n?$*2+y.margin*4:y.margin*2,F=o-T+w,A=o/i,xe=Math.max(F*A,Ce),Ne=i-o,J=F-xe,Ze=Ne>0?u/Ne*J:0;_e(xe),Be(Ze)},[s,e,n,$,Ce,b.enabled]),Re=N(t=>{t.preventDefault(),t.stopPropagation();let o=s();o&&(ee(!0),De({y:t.clientY,scrollTop:o.scrollTop}),e(),C(!0),x())},[s,e,x]),ue=N(t=>{if(!O)return;let o=s();if(!o)return;let i=o.clientHeight,u=o.scrollHeight-i,w=t.clientY-me.y,T=i-re,F=w/T*u,A=Math.max(0,Math.min(u,me.scrollTop+F));o.scrollTop=A,d()},[O,me,re,d,s]),D=N(()=>{ee(!1),c()&&L(b.delay)},[c,L,b.delay]),Te=N(t=>{if(!ae.current)return;let o=ae.current.getBoundingClientRect(),i=t.clientY-o.top,u=s();if(!u)return;let w=u.clientHeight,T=u.scrollHeight,F=i/w*(T-w);u.scrollTop=Math.max(0,Math.min(T-w,F)),d(),C(!0),L(b.delay),x()},[d,L,b.delay,s,x]),He=N(t=>{if(t.preventDefault(),t.stopPropagation(),!l.current)return;let o=Math.max(0,l.current.scrollTop-r);l.current.scrollTop=o,d(),C(!0),L(b.delay),x()},[d,L,r,b.delay,x]),Ie=N(t=>{if(t.preventDefault(),t.stopPropagation(),!l.current||!_.current)return;let o=l.current,i=_.current.scrollHeight-o.clientHeight,u=Math.min(i,o.scrollTop+r);o.scrollTop=u,d(),C(!0),L(b.delay),x()},[d,L,r,b.delay,x]),Oe=N(t=>{if(!Ee.enabled)return;let o=t.target;if(st(o,Ee)||t.button!==0)return;let i=s();i&&(i.scrollHeight<=i.clientHeight||(t.preventDefault(),m(!0),Ve({x:t.clientX,y:t.clientY,scrollTop:i.scrollTop,scrollLeft:i.scrollLeft||0}),e()))},[Ee,st,s,e]),de=N(t=>{if(!h)return;let o=s();if(!o)return;let i=ce.x-t.clientX,u=ce.y-t.clientY;if(Math.abs(u)<3&&Math.abs(i)<3)return;C(!0);let w=Math.max(0,Math.min(o.scrollHeight-o.clientHeight,ce.scrollTop+u));o.scrollTop=w,d()},[h,ce,s,d]),$e=N(()=>{m(!1),c()&&L(b.delay)},[c,L,b.delay]);oe(()=>{let t=T=>{d(),e(),C(!0);let F=Ke?b.delayOnWheel:b.delay;L(F),E&&E(T)},o=()=>{Me(!0),ge.current&&clearTimeout(ge.current),ge.current=setTimeout(()=>{Me(!1)},300),e(),Z(),j.current=setTimeout(()=>{C(!0),j.current=null},50)},i=[],u=s();u&&i.push(u);let w=l.current;return w&&!u&&(i.push(w),w.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(T=>{let F=T;if(F!==w&&F.classList.contains("overlay-scrollbar-container"))return;let A=F.parentElement;for(;A&&A!==w;){if(A.classList.contains("overlay-scrollbar-container")&&A!==w)return;A=A.parentElement}i.push(F)})),i.forEach(T=>{T.addEventListener("scroll",t,{passive:!0}),T.addEventListener("wheel",o,{passive:!0})}),()=>{i.forEach(T=>{T.removeEventListener("scroll",t),T.removeEventListener("wheel",o)}),ge.current&&clearTimeout(ge.current),j.current&&clearTimeout(j.current)}},[s,d,E,e,L,b,Ke]),oe(()=>{let t=i=>{let u=s();if(!u)return;let{key:w}=i,{scrollTop:T,scrollHeight:F,clientHeight:A}=u,xe=F-A,Ne=50,J=null;switch(w){case"ArrowUp":i.preventDefault(),J=Math.max(0,T-Ne);break;case"ArrowDown":i.preventDefault(),J=Math.min(xe,T+Ne);break;case"PageUp":i.preventDefault(),J=Math.max(0,T-A);break;case"PageDown":i.preventDefault(),J=Math.min(xe,T+A);break;case"Home":i.preventDefault(),J=0;break;case"End":i.preventDefault(),J=xe;break;default:return}if(J!==null){let Ze=J/xe,We=n?$*2+y.margin*4:y.margin*2,Je=(A-We-re)*Ze;Be(Je),u.scrollTop=J,e(),C(!0),L(b.delay)}},o=l.current;if(o)return o.addEventListener("keydown",t),()=>{o.removeEventListener("keydown",t)}},[s,n,$,y.margin,re,e,L,b.delay]),oe(()=>{if(h)return document.addEventListener("mousemove",de),document.addEventListener("mouseup",$e),()=>{document.removeEventListener("mousemove",de),document.removeEventListener("mouseup",$e)}},[h,de,$e]),oe(()=>{if(O)return document.addEventListener("mousemove",ue),document.addEventListener("mouseup",D),()=>{document.removeEventListener("mousemove",ue),document.removeEventListener("mouseup",D)}},[O,ue,D]),oe(()=>{d();let t=setTimeout(()=>{d()},100);return()=>clearTimeout(t)},[d]),yt(()=>{je(!0),d(),!b.enabled&&c()&&C(!0)},[c,d,b.enabled]),oe(()=>{let t=new ResizeObserver(()=>{d()}),o=[];return l.current&&o.push(l.current),_.current&&o.push(_.current),P.current&&document.contains(P.current)&&o.push(P.current),o.forEach(i=>{t.observe(i)}),()=>t.disconnect()},[d]),oe(()=>{if(!l.current)return;let t=new MutationObserver(()=>{P.current=null,d()});return t.observe(l.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>t.disconnect()},[d]);let be=Math.max(Ue,$);return oe(()=>{let t="overlay-scrollbar-webkit-hide",o=document.getElementById(t);o&&o.remove();let i=document.createElement("style");return i.id=t,i.textContent=`
|
|
2
2
|
.overlay-scrollbar-container::-webkit-scrollbar {
|
|
3
3
|
display: none !important;
|
|
4
4
|
width: 0 !important;
|
|
@@ -18,7 +18,7 @@ import{forwardRef as Je,useCallback as De,useMemo as Qe,useRef as ee,useEffect a
|
|
|
18
18
|
outline: 2px solid rgba(0, 123, 255, 0.5);
|
|
19
19
|
outline-offset: -2px;
|
|
20
20
|
}
|
|
21
|
-
`,document.head.appendChild(l),()=>{let c=document.getElementById(t);c&&c.remove()}},[]),ct("div",{ref:le,className:`overlay-scrollbar-wrapper ${s}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",...p},children:[Le("div",{ref:a,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:Ve,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:m?"none":"auto",...x},children:Le("div",{ref:W,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...v},children:k})}),A&&Te&&ct("div",{ref:ae,className:"overlay-scrollbar-track",onMouseEnter:()=>{i(),ge.current=setTimeout(()=>{C(!0),ge.current=null},100)},onMouseLeave:()=>{e(),I||g(y.delay)},style:{position:"absolute",top:0,right:0,width:`${ve}px`,height:"100%",opacity:z?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[h.visible&&Le("div",{className:"overlay-scrollbar-track-background",onClick:t=>{t.preventDefault(),t.stopPropagation(),G(t)},style:{position:"absolute",top:_?`${N.width+h.margin*2}px`:`${h.margin}px`,right:h.alignment==="right"?"0px":`${(ve-N.width)/2}px`,width:`${N.width}px`,height:_?`calc(100% - ${N.width*2+h.margin*4}px)`:`calc(100% - ${h.margin*2}px)`,backgroundColor:h.color,borderRadius:`${h.radius}px`,cursor:"pointer"}}),Le("div",{ref:se,className:"overlay-scrollbar-thumb",onMouseDown:Q,onMouseEnter:()=>Ce(!0),onMouseLeave:()=>Ce(!1),style:{position:"absolute",top:`${(_?H+h.margin*2:h.margin)+Ye}px`,right:h.alignment==="right"?"0px":`${(ve-H)/2}px`,width:`${H}px`,height:`${Math.max(ne,He)}px`,backgroundColor:re||I?N.hoverColor:N.color,opacity:re||I?N.hoverOpacity:N.opacity,borderRadius:`${N.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),A&&Te&&_&&Le("div",{className:"overlay-scrollbar-up-arrow",onClick:Ke,onMouseEnter:()=>Se("up"),onMouseLeave:()=>Se(null),style:{position:"absolute",top:`${h.margin}px`,right:h.alignment==="right"?"0px":`${(ve-H)/2}px`,width:`${H}px`,height:`${H}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(H*.75,8)}px`,color:me==="up"?Y.hoverColor:Y.color,userSelect:"none",zIndex:1001,opacity:z?me==="up"?Y.hoverOpacity:Y.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),A&&Te&&_&&Le("div",{className:"overlay-scrollbar-down-arrow",onClick:it,onMouseEnter:()=>Se("down"),onMouseLeave:()=>Se(null),style:{position:"absolute",bottom:`${h.margin}px`,right:h.alignment==="right"?"0px":`${(ve-H)/2}px`,width:`${H}px`,height:`${H}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(H*.75,8)}px`,color:me==="down"?Y.hoverColor:Y.color,userSelect:"none",zIndex:1001,opacity:z?me==="down"?Y.hoverOpacity:Y.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"})]})}),ut=kt;import{Fragment as We,jsx as d,jsxs as Ee}from"react/jsx-runtime";var Nt={alignment:"right",margin:0,radius:0};function Pt({data:s,loading:p=!1,columns:x,onRowClick:v,getRowId:k,selectedRowId:D,selectedRowSx:M,rowHeight:L=50,columnHeight:E=56,striped:j,rowDivider:K=!0,onSort:A,onLoadMore:U,sortBy:R,sortDirection:q,showPaper:le=!0,paddingX:a="1rem",paddingTop:W=0,paddingBottom:ae=0,rowHoverColor:se,rowHoverOpacity:$,viewportBuffer:z,overscan:C,scrollbars:I,emptyMessage:te="NO DATA",LoadingComponent:re}){let Ce=Math.max(L*12,480),fe=Math.max(L*12,480),Re=typeof z=="number"?z:z?.top??Ce,ne=typeof z=="number"?z:z?.bottom??fe,ze=Math.max(L*8,420),Ye=Math.max(L*10,520),Pe=typeof C=="number"?C:{main:C?.main??ze,reverse:C?.reverse??Ye},Te=L+(K?1:0),_e=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[m]=et(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),f=ee({wheelEvents:0,wheelInputPx:0,wheelHandlerMs:0,wheelRafFlushes:0,wheelRafMs:0,rangeChangedCalls:0,rangeChangedMs:0,rowContentCalls:0,rowContentMs:0,rowContentMaxMs:0,cellRenderCalls:0,cellRenderMs:0,cellRenderMaxMs:0}),ce=De(o=>{if(!m)return;let r=f.current;if(!(r.wheelEvents>0||r.rangeChangedCalls>0||r.rowContentCalls>0||r.cellRenderCalls>0))return;let T=r.rowContentCalls>0?r.rowContentMs/r.rowContentCalls:0,i=r.cellRenderCalls>0?r.cellRenderMs/r.cellRenderCalls:0;console.log("[VDT perf]",{reason:o,wheel:{events:r.wheelEvents,inputPx:Math.round(r.wheelInputPx),handlerMs:Number(r.wheelHandlerMs.toFixed(2)),rafFlushes:r.wheelRafFlushes,rafMs:Number(r.wheelRafMs.toFixed(2))},rangeChanged:{calls:r.rangeChangedCalls,totalMs:Number(r.rangeChangedMs.toFixed(2))},rowContent:{calls:r.rowContentCalls,totalMs:Number(r.rowContentMs.toFixed(2)),avgMs:Number(T.toFixed(3)),maxMs:Number(r.rowContentMaxMs.toFixed(3))},cellRender:{calls:r.cellRenderCalls,totalMs:Number(r.cellRenderMs.toFixed(2)),avgMs:Number(i.toFixed(3)),maxMs:Number(r.cellRenderMaxMs.toFixed(3))}}),f.current={wheelEvents:0,wheelInputPx:0,wheelHandlerMs:0,wheelRafFlushes:0,wheelRafMs:0,rangeChangedCalls:0,rangeChangedMs:0,rowContentCalls:0,rowContentMs:0,rowContentMaxMs:0,cellRenderCalls:0,cellRenderMs:0,cellRenderMaxMs:0}},[m]);Me(()=>{if(!m||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let o=window.setInterval(()=>{ce("interval")},1500);return()=>{window.clearInterval(o),ce("cleanup")}},[ce,m]);let Fe=Qe(()=>Je((o,r)=>{let u=ee(null),T=ee(0),i=ee(null);return Me(()=>{let e=u.current;if(!e)return;let B=g=>{let b=m?performance.now():0;g.preventDefault();let Q=g.deltaY;g.deltaMode===1?Q*=40:g.deltaMode===2&&(Q*=e.clientHeight),m&&(f.current.wheelEvents+=1,f.current.wheelInputPx+=Q),T.current+=Q,i.current===null&&(i.current=requestAnimationFrame(()=>{let xe=m?performance.now():0,ue=Math.max(e.clientHeight*.4,160),G=Math.max(-ue,Math.min(ue,T.current));T.current=0,i.current=null,G!==0&&(e.scrollTop+=G),m&&(f.current.wheelRafFlushes+=1,f.current.wheelRafMs+=performance.now()-xe)}),m&&(f.current.wheelHandlerMs+=performance.now()-b))};return e.addEventListener("wheel",B,{passive:!1}),()=>{e.removeEventListener("wheel",B),i.current!==null&&(cancelAnimationFrame(i.current),i.current=null),T.current=0}},[]),d(ut,{detectInnerScroll:!0,track:Nt,...I,children:d(Rt,{component:pe,...o,ref:e=>{u.current=e,typeof r=="function"?r(e):r&&(r.current=e)},sx:{userSelect:"auto",WebkitUserSelect:"auto",position:"relative",width:"100%",height:"100%",overflow:"auto",display:"flex",flexDirection:"column",scrollbarWidth:"none",msOverflowStyle:"none",transform:"translateZ(0)",backfaceVisibility:"hidden",willChange:"scroll-position","&::-webkit-scrollbar":{display:"none"},"& .MuiTable-root":{paddingRight:a,paddingTop:W,paddingBottom:ae}}})})}),[]),Be=Qe(()=>{if(j===!0)return"#f5f5f5";if(typeof j=="string")return j},[j]),[rt,me]=et(p),[Se,nt]=et(0);Me(()=>{p&&me(!0)},[p]);let Ae=De(()=>{me(!1)},[]),he=rt,Ge=p&&s.length>0,ke=ee(!1),oe=ee(null),ge=ee(!1),X=ee(!1),N=ee({x:0,y:0});Me(()=>{let o=document.querySelector('[data-testid="virtuoso-scroller"]');o&&o.querySelectorAll(".MuiTableSortLabel-root").forEach(u=>{let T=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});u.dispatchEvent(T)})},[R]);let h=De(o=>{if(!A)return;A(o,R===o&&q==="asc"?"desc":"asc")},[A,R,q]),Y=De(o=>{let r=m?performance.now():0;if(!U){m&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-r);return}if(p&&s.length===0){m&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-r);return}let u=s.length>=30;if(o>=s.length-1&&u&&!ke.current){ke.current=!0;let i=s.length;U(i,50)}m&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-r)},[s.length,p,U,m]);Me(()=>{p||(ke.current=!1)},[p]),Me(()=>{s.length===0&&nt(o=>o+1)},[s.length]);let be=ee(s.length);Me(()=>{let o=be.current,r=s.length;if(r>o&&o>0){be.current=r;return}oe.current&&r>0&&r<=o&&oe.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),be.current=r},[s]);let y=De(()=>{let o={},r=[];if(x.forEach(e=>{e.group?(o[e.group]||(o[e.group]=[]),o[e.group].push(e)):r.push(e)}),!(Object.keys(o).length>0))return d(qe,{children:x.map(e=>d(Ne,{align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable?d("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:Ee(pe,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>h(String(e.id)),children:[e.text,d(tt,{active:R===e.id,direction:R===e.id?q:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:R===e.id?1:0,transition:"opacity 0.2s ease","& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(180deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(0deg)"}}})]})}):e.text},String(e.id)))});let T=[...r.map(e=>d(Ne,{rowSpan:2,align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable&&A?d("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:Ee(pe,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>h(String(e.id)),children:[e.text,d(tt,{active:R===e.id,direction:R===e.id?q:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:R===e.id?1:0,transition:"opacity 0.2s ease","&:hover":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}},"& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(180deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(0deg)"}}})]})}):e.text},String(e.id))),...Object.entries(o).map(([e,B])=>d(Ne,{align:"center",colSpan:B.length,style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e},e))],i=[...Object.values(o).flat().map(e=>d(Ne,{align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable&&A?d("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:Ee(pe,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>h(String(e.id)),children:[e.text,d(tt,{active:R===e.id,direction:R===e.id?q:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:R===e.id?1:0,transition:"opacity 0.2s ease","&:hover":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}},"& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(0deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(180deg)"}}})]})}):e.text},String(e.id)))];return Ee(We,{children:[d(qe,{children:T}),d(qe,{children:i})]})},[x,R,q,h,A,E]),H=De((o,r)=>{let u=m?performance.now():0;if(!r){if(m){f.current.rowContentCalls+=1;let i=performance.now()-u;f.current.rowContentMs+=i,f.current.rowContentMaxMs=Math.max(f.current.rowContentMaxMs,i)}return null}let T=x.map(i=>{let e=m?performance.now():0,B=i.render?i.render(r,o):String(r[i.id]||"");if(m){let g=performance.now()-e;f.current.cellRenderCalls+=1,f.current.cellRenderMs+=g,f.current.cellRenderMaxMs=Math.max(f.current.cellRenderMaxMs,g)}return d(Ne,{align:i.align||"left",style:{width:i.width,minWidth:i.width,...i.style,padding:"8px 16px"},children:B},String(i.id))});if(m){f.current.rowContentCalls+=1;let i=performance.now()-u;f.current.rowContentMs+=i,f.current.rowContentMaxMs=Math.max(f.current.rowContentMaxMs,i)}return d(We,{children:T})},[x,m]),He=Qe(()=>({Scroller:Fe,Table:o=>d(Dt,{...o,sx:{borderCollapse:"separate",tableLayout:"fixed",marginRight:"16px"}}),TableHead:Je((o,r)=>d(Ht,{...o,ref:r,sx:{userSelect:"none","& tr":{height:E,"& th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:o=>{let{item:r,selected:u,"aria-selected":T,className:i,...e}=o,B=e["data-index"]??0,g=B%2===1,b=r&&k?k(r,B):B,Q=D!=null&&b===D,xe=Q&&M?typeof M=="function"?M(r,B):M:void 0,ue=String(i??"").split(/\s+/).filter(G=>G!=="Mui-selected"&&G!=="Mui-focusVisible").join(" ");return d(qe,{...e,className:ue||void 0,selected:Q,onMouseDown:G=>{X.current=!1,N.current={x:G.clientX,y:G.clientY}},onClick:()=>{!X.current&&!ge.current&&r&&v&&v(r,B),X.current=!1},sx:[{userSelect:"none",height:L,backgroundColor:g&&Be?Be:"transparent","& td":{padding:"8px 16px",borderBottom:K?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":v&&!Q?{backgroundColor:G=>{let Ke=G.palette.mode==="dark",Ve=se??"#000000",ye=$??.06;if(!se)return Ke?`rgba(255, 255, 255, ${ye})`:`rgba(0, 0, 0, ${ye})`;let de=Ve.replace("#","").trim();if(de.length!==6)return Ve;let ve=parseInt(de.substring(0,2),16),t=parseInt(de.substring(2,4),16),n=parseInt(de.substring(4,6),16);return`rgba(${ve}, ${t}, ${n}, ${ye})`}}:void 0,cursor:v?"pointer":void 0},xe]})},TableBody:Je((o,r)=>d(Et,{...o,ref:r}))}),[v,k,D,M,L,Be,K,E,se,$,Fe]),_=Ee(pe,{sx:{position:"relative",height:"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:o=>o.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"}},children:[d($t,{ref:oe,data:s,totalCount:U?s.length+1:s.length,defaultItemHeight:Te,fixedItemHeight:Te,fixedHeaderContent:y,itemContent:H,endReached:Y,style:{height:"100%"},increaseViewportBy:{top:Re,bottom:ne},overscan:Pe,followOutput:!1,components:He},Se),s.length===0&&!p&&d(pe,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2},children:typeof te=="string"?Ee(We,{children:[d(pe,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),d(Ot,{variant:"body1",sx:{color:"text.secondary"},children:te})]}):te}),he&&d(We,{children:re?d(re,{visible:p,onComplete:Ae}):d(at,{visible:p,onComplete:Ae,size:40,sx:{top:`${x.some(o=>o.group)?E*2:E}px`},background:{show:s.length===0,opacity:.8}})})]});return le?d(It,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:a,height:"100%",minHeight:0,flex:1,display:"flex",flexDirection:"column"},children:_}):d(pe,{className:"grow",style:{padding:0,paddingLeft:a,height:"100%",minHeight:0,flex:1,display:"flex",flexDirection:"column"},children:_})}var Ft=Lt(Pt);export{Ft as VirtualDataTable};
|
|
21
|
+
`,document.head.appendChild(i),()=>{let u=document.getElementById(t);u&&u.remove()}},[]),ct("div",{ref:le,className:`overlay-scrollbar-wrapper ${a}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",...f},children:[Se("div",{ref:l,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:Oe,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:h?"none":"auto",...g},children:Se("div",{ref:_,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...v},children:S})}),q&&ve&&ct("div",{ref:ae,className:"overlay-scrollbar-track",onMouseEnter:()=>{e(),U.current=setTimeout(()=>{C(!0),U.current=null},100)},onMouseLeave:()=>{V(),O||L(b.delay)},style:{position:"absolute",top:0,right:0,width:`${be}px`,height:"100%",opacity:G?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[y.visible&&Se("div",{className:"overlay-scrollbar-track-background",onClick:t=>{t.preventDefault(),t.stopPropagation(),Te(t)},style:{position:"absolute",top:n?`${I.width+y.margin*2}px`:`${y.margin}px`,right:y.alignment==="right"?"0px":`${(be-I.width)/2}px`,width:`${I.width}px`,height:n?`calc(100% - ${I.width*2+y.margin*4}px)`:`calc(100% - ${y.margin*2}px)`,backgroundColor:y.color,borderRadius:`${y.radius}px`,cursor:"pointer"}}),Se("div",{ref:se,className:"overlay-scrollbar-thumb",onMouseDown:Re,onMouseEnter:()=>ye(!0),onMouseLeave:()=>ye(!1),style:{position:"absolute",top:`${(n?$+y.margin*2:y.margin)+Ge}px`,right:y.alignment==="right"?"0px":`${(be-$)/2}px`,width:`${$}px`,height:`${Math.max(re,Ce)}px`,backgroundColor:te||O?I.hoverColor:I.color,opacity:te||O?I.hoverOpacity:I.opacity,borderRadius:`${I.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),q&&ve&&n&&Se("div",{className:"overlay-scrollbar-up-arrow",onClick:He,onMouseEnter:()=>we("up"),onMouseLeave:()=>we(null),style:{position:"absolute",top:`${y.margin}px`,right:y.alignment==="right"?"0px":`${(be-$)/2}px`,width:`${$}px`,height:`${$}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max($*.75,8)}px`,color:he==="up"?B.hoverColor:B.color,userSelect:"none",zIndex:1001,opacity:G?he==="up"?B.hoverOpacity:B.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),q&&ve&&n&&Se("div",{className:"overlay-scrollbar-down-arrow",onClick:Ie,onMouseEnter:()=>we("down"),onMouseLeave:()=>we(null),style:{position:"absolute",bottom:`${y.margin}px`,right:y.alignment==="right"?"0px":`${(be-$)/2}px`,width:`${$}px`,height:`${$}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max($*.75,8)}px`,color:he==="down"?B.hoverColor:B.color,userSelect:"none",zIndex:1001,opacity:G?he==="down"?B.hoverOpacity:B.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"})]})}),ut=Lt;import{Fragment as Ye,jsx as p,jsxs as Le}from"react/jsx-runtime";var Pt={alignment:"right",margin:0,radius:0},dt=5;function Ft({data:a,loading:f=!1,columns:g,onRowClick:v,getRowId:S,selectedRowId:E,selectedRowSx:M,rowHeight:k=50,columnHeight:R=56,striped:z,rowDivider:X=!0,onSort:q,onLoadMore:K,sortBy:H,sortDirection:Y,showPaper:le=!0,paddingX:l="1rem",paddingTop:_=0,paddingBottom:ae=0,rowHoverColor:se,rowHoverOpacity:P,viewportBuffer:G,overscan:C,scrollbars:O,emptyMessage:ee="NO DATA",LoadingComponent:te}){let ye=Math.max(k*12,480),me=Math.max(k*12,480),De=typeof G=="number"?G:G?.top??ye,re=typeof G=="number"?G:G?.bottom??me,_e=Math.max(k*8,420),Ge=Math.max(k*10,520),Be=typeof C=="number"?C:{main:C?.main??_e,reverse:C?.reverse??Ge},ve=k+(X?1:0),Xe=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[h]=rt(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),m=ie({wheelEvents:0,wheelInputPx:0,wheelHandlerMs:0,wheelRafFlushes:0,wheelRafMs:0,rangeChangedCalls:0,rangeChangedMs:0,rowContentCalls:0,rowContentMs:0,rowContentMaxMs:0,cellRenderCalls:0,cellRenderMs:0,cellRenderMaxMs:0}),ce=ke(n=>{if(!h)return;let r=m.current;if(!(r.wheelEvents>0||r.rangeChangedCalls>0||r.rowContentCalls>0||r.cellRenderCalls>0))return;let s=r.rowContentCalls>0?r.rowContentMs/r.rowContentCalls:0,c=r.cellRenderCalls>0?r.cellRenderMs/r.cellRenderCalls:0;console.log("[VDT perf]",{reason:n,wheel:{events:r.wheelEvents,inputPx:Math.round(r.wheelInputPx),handlerMs:Number(r.wheelHandlerMs.toFixed(2)),rafFlushes:r.wheelRafFlushes,rafMs:Number(r.wheelRafMs.toFixed(2))},rangeChanged:{calls:r.rangeChangedCalls,totalMs:Number(r.rangeChangedMs.toFixed(2))},rowContent:{calls:r.rowContentCalls,totalMs:Number(r.rowContentMs.toFixed(2)),avgMs:Number(s.toFixed(3)),maxMs:Number(r.rowContentMaxMs.toFixed(3))},cellRender:{calls:r.cellRenderCalls,totalMs:Number(r.cellRenderMs.toFixed(2)),avgMs:Number(c.toFixed(3)),maxMs:Number(r.cellRenderMaxMs.toFixed(3))}}),m.current={wheelEvents:0,wheelInputPx:0,wheelHandlerMs:0,wheelRafFlushes:0,wheelRafMs:0,rangeChangedCalls:0,rangeChangedMs:0,rowContentCalls:0,rowContentMs:0,rowContentMaxMs:0,cellRenderCalls:0,cellRenderMs:0,cellRenderMaxMs:0}},[h]);pe(()=>{if(!h||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let n=window.setInterval(()=>{ce("interval")},1500);return()=>{window.clearInterval(n),ce("cleanup")}},[ce,h]);let Ve=tt(()=>et((n,r)=>{let x=ie(null),s=ie(0),c=ie(null);return pe(()=>{let e=x.current;if(!e)return;let V=Z=>{let L=h?performance.now():0;Z.preventDefault();let d=Z.deltaY;Z.deltaMode===1?d*=40:Z.deltaMode===2&&(d*=e.clientHeight),h&&(m.current.wheelEvents+=1,m.current.wheelInputPx+=d),s.current+=d,c.current===null&&(c.current=requestAnimationFrame(()=>{let Re=h?performance.now():0,ue=Math.max(e.clientHeight*.4,160),D=Math.max(-ue,Math.min(ue,s.current));s.current=0,c.current=null,D!==0&&(e.scrollTop+=D),h&&(m.current.wheelRafFlushes+=1,m.current.wheelRafMs+=performance.now()-Re)}),h&&(m.current.wheelHandlerMs+=performance.now()-L))};return e.addEventListener("wheel",V,{passive:!1}),()=>{e.removeEventListener("wheel",V),c.current!==null&&(cancelAnimationFrame(c.current),c.current=null),s.current=0}},[]),p(ut,{detectInnerScroll:!0,track:Pt,...O,children:p(Ht,{component:fe,...n,ref:e=>{x.current=e,typeof r=="function"?r(e):r&&(r.current=e)},sx:{userSelect:"auto",WebkitUserSelect:"auto",position:"relative",width:"100%",height:"100%",overflow:"auto",display:"flex",flexDirection:"column",scrollbarWidth:"none",msOverflowStyle:"none",transform:"translateZ(0)",backfaceVisibility:"hidden",willChange:"scroll-position","&::-webkit-scrollbar":{display:"none"},"& .MuiTable-root":{paddingRight:l,paddingTop:_,paddingBottom:ae}}})})}),[]),qe=tt(()=>{if(z===!0)return"#f5f5f5";if(typeof z=="string")return z},[z]),[ot,he]=rt(f),[we,it]=rt(0);pe(()=>{f&&he(!0)},[f]);let je=ke(()=>{he(!1)},[]),ge=ot,Ke=f&&a.length>0,Me=ie(!1),ne=ie(null),U=ie(!1),j=ie({x:0,y:0});pe(()=>{let n=r=>{let x=r.clientX-j.current.x,s=r.clientY-j.current.y;Math.sqrt(x*x+s*s)>dt&&(U.current=!0)};return document.addEventListener("mousemove",n),()=>{document.removeEventListener("mousemove",n)}},[]),pe(()=>{let n=document.querySelector('[data-testid="virtuoso-scroller"]');n&&n.querySelectorAll(".MuiTableSortLabel-root").forEach(x=>{let s=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});x.dispatchEvent(s)})},[H]);let I=ke(n=>{if(!q)return;q(n,H===n&&Y==="asc"?"desc":"asc")},[q,H,Y]),y=ke(n=>{let r=h?performance.now():0;if(!K){h&&(m.current.rangeChangedCalls+=1,m.current.rangeChangedMs+=performance.now()-r);return}if(f&&a.length===0){h&&(m.current.rangeChangedCalls+=1,m.current.rangeChangedMs+=performance.now()-r);return}let x=a.length>=30;if(n>=a.length-1&&x&&!Me.current){Me.current=!0;let c=a.length;K(c,50)}h&&(m.current.rangeChangedCalls+=1,m.current.rangeChangedMs+=performance.now()-r)},[a.length,f,K,h]);pe(()=>{f||(Me.current=!1)},[f]),pe(()=>{a.length===0&&it(n=>n+1)},[a.length]);let B=ie(a.length);pe(()=>{let n=B.current,r=a.length;if(r>n&&n>0){B.current=r;return}ne.current&&r>0&&r<=n&&ne.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),B.current=r},[a]);let Ee=ke(()=>{let n={},r=[];if(g.forEach(e=>{e.group?(n[e.group]||(n[e.group]=[]),n[e.group].push(e)):r.push(e)}),!(Object.keys(n).length>0))return p(ze,{children:g.map(e=>p(Ae,{align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable?p("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:Le(fe,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>I(String(e.id)),children:[e.text,p(nt,{active:H===e.id,direction:H===e.id?Y:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:H===e.id?1:0,transition:"opacity 0.2s ease","& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(180deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(0deg)"}}})]})}):e.text},String(e.id)))});let s=[...r.map(e=>p(Ae,{rowSpan:2,align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable&&q?p("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:Le(fe,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>I(String(e.id)),children:[e.text,p(nt,{active:H===e.id,direction:H===e.id?Y:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:H===e.id?1:0,transition:"opacity 0.2s ease","&:hover":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}},"& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(180deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(0deg)"}}})]})}):e.text},String(e.id))),...Object.entries(n).map(([e,V])=>p(Ae,{align:"center",colSpan:V.length,style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e},e))],c=[...Object.values(n).flat().map(e=>p(Ae,{align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable&&q?p("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:Le(fe,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>I(String(e.id)),children:[e.text,p(nt,{active:H===e.id,direction:H===e.id?Y:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:H===e.id?1:0,transition:"opacity 0.2s ease","&:hover":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}},"& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(0deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(180deg)"}}})]})}):e.text},String(e.id)))];return Le(Ye,{children:[p(ze,{children:s}),p(ze,{children:c})]})},[g,H,Y,I,q,R]),b=ke((n,r)=>{let x=h?performance.now():0;if(!r){if(h){m.current.rowContentCalls+=1;let c=performance.now()-x;m.current.rowContentMs+=c,m.current.rowContentMaxMs=Math.max(m.current.rowContentMaxMs,c)}return null}let s=g.map(c=>{let e=h?performance.now():0,V=c.render?c.render(r,n):String(r[c.id]||"");if(h){let Z=performance.now()-e;m.current.cellRenderCalls+=1,m.current.cellRenderMs+=Z,m.current.cellRenderMaxMs=Math.max(m.current.cellRenderMaxMs,Z)}return p(Ae,{align:c.align||"left",style:{width:c.width,minWidth:c.width,...c.style,padding:"8px 16px"},children:V},String(c.id))});if(h){m.current.rowContentCalls+=1;let c=performance.now()-x;m.current.rowContentMs+=c,m.current.rowContentMaxMs=Math.max(m.current.rowContentMaxMs,c)}return p(Ye,{children:s})},[g,h]),Ue=tt(()=>({Scroller:Ve,Table:n=>p(Et,{...n,sx:{borderCollapse:"separate",tableLayout:"fixed",marginRight:"16px"}}),TableHead:et((n,r)=>p(It,{...n,ref:r,sx:{userSelect:"none","& tr":{height:R,"& th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:n=>{let{item:r,selected:x,"aria-selected":s,className:c,...e}=n,V=e["data-index"]??0,Z=V%2===1,L=r&&S?S(r,V):V,d=E!=null&&L===E,Re=d&&M?typeof M=="function"?M(r,V):M:void 0,ue=String(c??"").split(/\s+/).filter(D=>D!=="Mui-selected"&&D!=="Mui-focusVisible").join(" ");return p(ze,{...e,className:ue||void 0,selected:d,onMouseDown:D=>{U.current=!1,j.current={x:D.clientX,y:D.clientY}},onClick:D=>{let Te=D.clientX-j.current.x,He=D.clientY-j.current.y;if(Math.sqrt(Te*Te+He*He)>dt||U.current){D.preventDefault(),D.stopPropagation(),U.current=!1;return}r&&v&&v(r,V),U.current=!1},sx:[{userSelect:"none",height:k,backgroundColor:Z&&qe?qe:"transparent","& td":{padding:"8px 16px",borderBottom:X?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":v&&!d?{backgroundColor:D=>{let Te=D.palette.mode==="dark",Ie=se??"#000000",Oe=P??.06;if(!se)return Te?`rgba(255, 255, 255, ${Oe})`:`rgba(0, 0, 0, ${Oe})`;let de=Ie.replace("#","").trim();if(de.length!==6)return Ie;let $e=parseInt(de.substring(0,2),16),be=parseInt(de.substring(2,4),16),t=parseInt(de.substring(4,6),16);return`rgba(${$e}, ${be}, ${t}, ${Oe})`}}:void 0,cursor:v?"pointer":void 0},Re]})},TableBody:et((n,r)=>p(Rt,{...n,ref:r}))}),[v,S,E,M,k,qe,X,R,se,P,Ve]),Ce=Le(fe,{sx:{position:"relative",height:"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:n=>n.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"}},children:[p(Nt,{ref:ne,data:a,totalCount:K?a.length+1:a.length,defaultItemHeight:ve,fixedItemHeight:ve,fixedHeaderContent:Ee,itemContent:b,endReached:y,style:{height:"100%"},increaseViewportBy:{top:De,bottom:re},overscan:Be,followOutput:!1,components:Ue},we),a.length===0&&!f&&p(fe,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2},children:typeof ee=="string"?Le(Ye,{children:[p(fe,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),p($t,{variant:"body1",sx:{color:"text.secondary"},children:ee})]}):ee}),ge&&p(Ye,{children:te?p(te,{visible:f,onComplete:je}):p(at,{visible:f,onComplete:je,size:40,sx:{top:`${g.some(n=>n.group)?R*2:R}px`},background:{show:a.length===0,opacity:.8}})})]});return le?p(Ot,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:l,height:"100%",minHeight:0,flex:1,display:"flex",flexDirection:"column"},children:Ce}):p(fe,{className:"grow",style:{padding:0,paddingLeft:l,height:"100%",minHeight:0,flex:1,display:"flex",flexDirection:"column"},children:Ce})}var At=Dt(Ft);export{At as VirtualDataTable};
|
|
22
22
|
/**
|
|
23
23
|
* Virtual Data Table - A high-performance virtual data table component for React
|
|
24
24
|
*
|