@ehfuse/mui-virtual-data-table 1.4.2 → 1.4.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/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +2 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +2 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";var ln=Object.create;var Ie=Object.defineProperty;var sn=Object.getOwnPropertyDescriptor;var cn=Object.getOwnPropertyNames;var dn=Object.getPrototypeOf,un=Object.prototype.hasOwnProperty;var pn=(i,u)=>{for(var c in u)Ie(i,c,{get:u[c],enumerable:!0})},wt=(i,u,c,R)=>{if(u&&typeof u=="object"||typeof u=="function")for(let x of cn(u))!un.call(i,x)&&x!==c&&Ie(i,x,{get:()=>u[x],enumerable:!(R=sn(u,x))||R.enumerable});return i};var fn=(i,u,c)=>(c=i!=null?ln(dn(i)):{},wt(u||!i||!i.__esModule?Ie(c,"default",{value:i,enumerable:!0}):c,i)),hn=i=>wt(Ie({},"__esModule",{value:!0}),i);var Cn={};pn(Cn,{VirtualDataTable:()=>Dt});module.exports=hn(Cn);var o=require("react"),a=require("@mui/material"),kt=require("react-virtuoso");var Pe=require("react/jsx-runtime"),X=require("react"),ze=require("@mui/material"),ge=function(){return ge=Object.assign||function(u){for(var c,R=1,x=arguments.length;R<x;R++){c=arguments[R];for(var M in c)Object.prototype.hasOwnProperty.call(c,M)&&(u[M]=c[M])}return u},ge.apply(this,arguments)};function Mt(i){var u=i.visible,c=i.onComplete,R=i.fadeoutDuration,x=R===void 0?200:R,M=i.exitDelay,me=M===void 0?0:M,xe=i.size,Q=xe===void 0?40:xe,q=i.className,ee=i.style,D=i.sx,
|
|
1
|
+
"use strict";var ln=Object.create;var Ie=Object.defineProperty;var sn=Object.getOwnPropertyDescriptor;var cn=Object.getOwnPropertyNames;var dn=Object.getPrototypeOf,un=Object.prototype.hasOwnProperty;var pn=(i,u)=>{for(var c in u)Ie(i,c,{get:u[c],enumerable:!0})},wt=(i,u,c,R)=>{if(u&&typeof u=="object"||typeof u=="function")for(let x of cn(u))!un.call(i,x)&&x!==c&&Ie(i,x,{get:()=>u[x],enumerable:!(R=sn(u,x))||R.enumerable});return i};var fn=(i,u,c)=>(c=i!=null?ln(dn(i)):{},wt(u||!i||!i.__esModule?Ie(c,"default",{value:i,enumerable:!0}):c,i)),hn=i=>wt(Ie({},"__esModule",{value:!0}),i);var Cn={};pn(Cn,{VirtualDataTable:()=>Dt});module.exports=hn(Cn);var o=require("react"),a=require("@mui/material"),kt=require("react-virtuoso");var Pe=require("react/jsx-runtime"),X=require("react"),ze=require("@mui/material"),ge=function(){return ge=Object.assign||function(u){for(var c,R=1,x=arguments.length;R<x;R++){c=arguments[R];for(var M in c)Object.prototype.hasOwnProperty.call(c,M)&&(u[M]=c[M])}return u},ge.apply(this,arguments)};function Mt(i){var u=i.visible,c=i.onComplete,R=i.fadeoutDuration,x=R===void 0?200:R,M=i.exitDelay,me=M===void 0?0:M,xe=i.size,Q=xe===void 0?40:xe,q=i.className,ee=i.style,D=i.sx,O=i.indicator,te=i.background,F=te===void 0?{show:!0,color:"255, 255, 255",opacity:.9}:te,w=(0,X.useRef)(void 0),k=(0,X.useRef)(null),ye=(0,X.useState)(u),Be=ye[0],Ce=ye[1],ve=F.show,Ae=ve===void 0?!0:ve,we=F.color,T=we===void 0?"255, 255, 255":we,V=F.opacity,ne=V===void 0?.9:V;if((0,X.useEffect)(function(){var Me=w.current;if(Me===!0&&u===!1&&k.current){var Oe=k.current;Oe.style.opacity="0",setTimeout(function(){Ce(!1),c?.()},x+me)}else u===!0&&(Ce(!0),k.current&&(k.current.style.opacity="1"));w.current=u},[u,c,x,me]),!Be)return null;var N=function(){return typeof O=="string"?(0,Pe.jsx)("img",{src:O,alt:"Loading",style:{width:Q,height:Q}}):O||(0,Pe.jsx)(ze.CircularProgress,{size:Q})},E=function(){return Ae?T.startsWith("rgba")?{backgroundColor:T}:/^\d+,\s*\d+,\s*\d+$/.test(T)?{backgroundColor:"rgba(".concat(T,", ").concat(ne,")")}:ne!==1?{backgroundColor:T,"&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:T,opacity:ne,zIndex:-1}}:{backgroundColor:T}:{backgroundColor:"transparent"}};return(0,Pe.jsx)(ze.Box,{ref:k,className:q,style:ge({},ee),sx:ge(ge({position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,opacity:u?1:0,transition:"opacity ".concat(x,"ms ease-out")},E()),D),children:N()})}var K=require("react/jsx-runtime"),gn=`
|
|
2
2
|
.vdt-css-spinner{box-sizing:border-box;border-radius:50%;border:4px solid rgba(28,64,125,0.14);border-top-color:#1c407d;animation:vdt-css-spinner-spin .75s linear infinite}
|
|
3
3
|
@keyframes vdt-css-spinner-spin{to{transform:rotate(360deg)}}
|
|
4
|
-
`;function Tt({size:i=54}){return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)("style",{children:gn}),(0,K.jsx)("span",{className:"vdt-css-spinner",role:"progressbar","aria-label":"loading",style:{display:"inline-block",width:i,height:i}})]})}var Lt=fn(require("@ehfuse/overlay-scrollbar"),1),r=require("react/jsx-runtime"),bn={alignment:"default",margin:0,radius:0},tt=5,mn={bg:"#ffffff",border:"#e6e6e3",borderStrong:"#dedddb",headerColor:"#787774",hoverBg:"#f8f8f7",emptyColor:"#9b9a97",selectedBg:"#dbeafe",selectedBar:"#3b82f6"},St="12px",xn={bg:"#1e1e1e",border:"#2c333c",borderStrong:"#3b434e",headerColor:"#a3adbb",hoverBg:"#272d36",emptyColor:"#7d8590",selectedBg:"rgba(59, 130, 246, 0.22)",selectedBar:"#60a5fa"},Z={asc:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z",desc:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z",checked:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z",unchecked:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z",check:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z",filter:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"};function be({d:i,size:u=18,color:c}){return(0,r.jsx)(a.SvgIcon,{sx:{fontSize:u,flexShrink:0,color:c},children:(0,r.jsx)("path",{d:i})})}function Rt(i){return!!(i.filterOptions&&i.onFilterChange)}function yn({data:i,loading:u=!1,columns:c,onRowClick:R,getRowId:x,selectedRowId:M,selectedRowSx:me,rowHeight:xe,columnHeight:Q,striped:q,rowDivider:ee=!0,onSort:D,onSortClear:A,onHeaderContextMenu:te,onLoadMore:F,sortBy:w,sortDirection:k,showPaper:ye=!0,paddingX:Be,paddingTop:Ce=0,paddingBottom:ve=0,rowHoverColor:Oe,rowHoverOpacity:we,viewportBuffer:T,overscan:V,scrollbars:ne,emptyMessage:N="NO DATA",autoHeight:E=!1,LoadingComponent:Me,showFooter:Ae,footerHeight:re,footerSx:oe,variant:Et="default",framed:G=!0,headerTopBorder:Ht=!1,rowHeightMode:It="fixed",tableLayout:Te="fixed",renderFullWidthRow:Fe,fullWidthRowSx:ae,onRowContextMenu:nt,pinnedRows:ie,pinnedRowsMaxHeight:Ne,pinnedRowsSx:le,resetScrollOnDataChange:rt=!0,rowKeyFromId:Pt=!1,onEndReached:ot,colorMode:zt}){let h=Et==="notion",Ve=(0,a.useTheme)(),b=(zt??Ve.palette.mode)==="dark"?xn:mn,at=(ie?.length??0)>0,W=Q??(h?40:56),z=xe??(h?48:50),Se=G?Be??(h?"12px":"1rem"):0,We=It==="auto",$e=Oe??(h?b.hoverBg:void 0),it=we??(h?1:void 0),Bt=Math.max(z*12,480),Ot=Math.max(z*12,480),At=typeof T=="number"?T:T?.top??Bt,Ft=typeof T=="number"?T:T?.bottom??Ot,Nt=Math.max(z*8,420),Vt=Math.max(z*10,520),Wt=typeof V=="number"?V:{main:V?.main??Nt,reverse:V?.reverse??Vt},se=z+(ee?1:0),$t=(0,o.useMemo)(()=>h?{backgroundColor:b.selectedBg,"& > td:first-of-type":{boxShadow:`inset 3px 0 0 ${b.selectedBar}`},"& > td[data-vdt-pinned]":{backgroundColor:b.selectedBg}}:void 0,[h,b]),B=me??$t,Re=!B||typeof B!="function",_t=(0,o.useMemo)(()=>!Re||M===null||M===void 0||!B?null:{[`& tbody tr[data-row-id="${String(M).replace(/["\\]/g,"\\$&")}"]`]:B},[Re,M,B]),vn=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[y]=(0,o.useState)(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),f=(0,o.useRef)({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}),_e=(0,o.useCallback)(t=>{if(!y)return;let e=f.current;if(!(e.wheelEvents>0||e.rangeChangedCalls>0||e.rowContentCalls>0||e.cellRenderCalls>0))return;let d=e.rowContentCalls>0?e.rowContentMs/e.rowContentCalls:0,p=e.cellRenderCalls>0?e.cellRenderMs/e.cellRenderCalls:0;console.log("[VDT perf]",{reason:t,wheel:{events:e.wheelEvents,inputPx:Math.round(e.wheelInputPx),handlerMs:Number(e.wheelHandlerMs.toFixed(2)),rafFlushes:e.wheelRafFlushes,rafMs:Number(e.wheelRafMs.toFixed(2))},rangeChanged:{calls:e.rangeChangedCalls,totalMs:Number(e.rangeChangedMs.toFixed(2))},rowContent:{calls:e.rowContentCalls,totalMs:Number(e.rowContentMs.toFixed(2)),avgMs:Number(d.toFixed(3)),maxMs:Number(e.rowContentMaxMs.toFixed(3))},cellRender:{calls:e.cellRenderCalls,totalMs:Number(e.cellRenderMs.toFixed(2)),avgMs:Number(p.toFixed(3)),maxMs:Number(e.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}},[y]);(0,o.useEffect)(()=>{if(!y||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let t=window.setInterval(()=>{_e("interval")},1500);return()=>{window.clearInterval(t),_e("cleanup")}},[_e,y]);let lt=(0,o.useMemo)(()=>(0,o.forwardRef)((t,e)=>{let l=(0,o.useRef)(null),d=(0,o.useRef)(0),p=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let n=l.current;if(!n)return;let s=v=>{let L=y?performance.now():0;if(v.shiftKey||Math.abs(v.deltaX)>Math.abs(v.deltaY))return;let C=v.target?.closest?.("[data-vdt-inner-scroll]");if(C&&n.contains(C)&&(v.deltaY<0?C.scrollTop>0:C.scrollTop+C.clientHeight<C.scrollHeight-1))return;v.preventDefault();let g=v.deltaY;v.deltaMode===1?g*=40:v.deltaMode===2&&(g*=n.clientHeight),y&&(f.current.wheelEvents+=1,f.current.wheelInputPx+=g),d.current+=g,p.current===null&&(p.current=requestAnimationFrame(()=>{let S=y?performance.now():0,m=Math.max(n.clientHeight*.4,160),I=Math.max(-m,Math.min(m,d.current));d.current=0,p.current=null,I!==0&&(n.scrollTop+=I),y&&(f.current.wheelRafFlushes+=1,f.current.wheelRafMs+=performance.now()-S)}),y&&(f.current.wheelHandlerMs+=performance.now()-L))};return n.addEventListener("wheel",s,{passive:!1}),()=>{n.removeEventListener("wheel",s),p.current!==null&&(cancelAnimationFrame(p.current),p.current=null),d.current=0}},[]),(0,r.jsx)(Lt.default,{detectInnerScroll:!0,track:bn,...ne,children:(0,r.jsx)(a.TableContainer,{component:a.Box,...t,ref:n=>{l.current=n,typeof e=="function"?e(n):e&&(e.current=n)},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:h?0:Se,paddingTop:Ce,paddingBottom:ve}}})})}),[]),Ye=(0,o.useMemo)(()=>{if(q===!0)return"#f5f5f5";if(typeof q=="string")return q},[q]),[Yt,st]=(0,o.useState)(u),[jt,Xt]=(0,o.useState)(0);(0,o.useEffect)(()=>{u&&st(!0)},[u]);let ct=(0,o.useCallback)(()=>{st(!1)},[]),Kt=Yt,wn=u&&i.length>0,je=(0,o.useRef)(!1),Xe=(0,o.useRef)(-1),Ke=(0,o.useRef)(null),qe=(0,o.useRef)(null),[qt,Gt]=(0,o.useState)(!1),ke=(0,o.useCallback)(()=>{let t=qe.current;t&&Gt(t.scrollHeight>t.clientHeight+1)},[]);(0,o.useEffect)(()=>{let t=qe.current;if(!t||typeof ResizeObserver>"u")return;let e=new ResizeObserver(()=>ke());return e.observe(t),()=>e.disconnect()},[ke,E]);let Ge=(0,o.useRef)(R);Ge.current=R;let ce=(0,o.useRef)(x);ce.current=x;let Je=(0,o.useRef)(nt);Je.current=nt;let dt=(0,o.useRef)(ot);dt.current=ot;let ut=(0,o.useRef)(null),Le=(0,o.useMemo)(()=>{let t=new Map,e=0;return c.forEach(l=>{l.pinned==="left"&&(t.set(String(l.id),e),e+=typeof l.width=="number"?l.width:0)}),t},[c]),Ue=(0,o.useMemo)(()=>{if(c.some(t=>typeof t.minWidth=="number"))return c.reduce((t,e)=>t+(typeof e.width=="number"?e.width:typeof e.minWidth=="number"?e.minWidth:0),0)},[c]),J=(0,o.useCallback)((t,e)=>{let l=Le.get(String(t.id));return l===void 0?{}:{position:"sticky",left:l,zIndex:e?3:1}},[Le]),De=!!R,de=(0,o.useRef)(!1),$=(0,o.useRef)({x:0,y:0});(0,o.useEffect)(()=>{let t=e=>{let l=e.clientX-$.current.x,d=e.clientY-$.current.y;Math.sqrt(l*l+d*d)>tt&&(de.current=!0)};return document.addEventListener("mousemove",t),()=>{document.removeEventListener("mousemove",t)}},[]),(0,o.useEffect)(()=>{let t=document.querySelector('[data-testid="virtuoso-scroller"]');t&&t.querySelectorAll(".MuiTableSortLabel-root").forEach(l=>{let d=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});l.dispatchEvent(d)})},[w]);let Ee=(0,o.useCallback)(t=>{if(!D)return;D(t,w===t&&k==="asc"?"desc":"asc")},[D,w,k]),[ue,pt]=(0,o.useState)(null),ft=(0,o.useRef)(te);ft.current=te;let ht=(0,o.useRef)(D);ht.current=D;let pe=(0,o.useCallback)((t,e)=>{if(!t){e.preventDefault();return}t.headerProps?.onContextMenu?.(e);let l=e.defaultPrevented;if(l||(l=ft.current?.(t,e)===!0||e.defaultPrevented),e.preventDefault(),l||t.headerMenu===!1||!!!((t.sortMenu??t.sortable)&&ht.current)&&!Rt(t))return;let p=e.currentTarget.getBoundingClientRect();pt({colId:String(t.id),x:e.clientX,y:p.bottom})},[]),_=(0,o.useCallback)(t=>t.filterValues&&t.filterValues.length>0?(0,r.jsxs)(a.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:.5,maxWidth:"100%",color:"primary.main",fontWeight:600,verticalAlign:"middle"},children:[(0,r.jsx)(a.Box,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.text}),(0,r.jsx)(be,{d:Z.filter,size:16})]}):t.text,[]),Jt=(0,o.useCallback)(t=>{let e=y?performance.now():0;if(dt.current?.(),!F){y&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-e);return}if(u&&i.length===0){y&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-e);return}let l=i.length>=30,d=t>=i.length-1,p=Xe.current===i.length;if(d&&l&&!je.current&&!p){je.current=!0,Xe.current=i.length;let n=i.length;F(n,50)}y&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-e)},[i.length,u,F,y]);(0,o.useEffect)(()=>{u||(je.current=!1)},[u]),(0,o.useEffect)(()=>{i.length===0&&Xt(t=>t+1)},[i.length]);let gt=(0,o.useRef)(rt);gt.current=rt;let Ze=(0,o.useRef)(i.length),Qe=(0,o.useRef)(void 0);(0,o.useEffect)(()=>{let t=Ze.current,e=i.length,l=e>0?ce.current?ce.current(i[0],0):i[0]:void 0,d=Qe.current;if(e>t&&t>0){Ze.current=e,Qe.current=l;return}let p=e<t||t>0&&l!==d;p&&(Xe.current=-1),Ke.current&&e>0&&p&>.current&&Ke.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),Ze.current=e,Qe.current=l},[i]);let bt=(0,o.useCallback)(()=>{let t={},e=[];if(c.forEach(n=>{n.group?(t[n.group]||(t[n.group]=[]),t[n.group].push(n)):e.push(n)}),!(Object.keys(t).length>0))return(0,r.jsx)(a.TableRow,{children:c.map(n=>(0,r.jsx)(a.TableCell,{align:n.align||"left",...n.headerProps,onContextMenu:s=>pe(n,s),style:{width:n.width,minWidth:n.width??n.minWidth,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...J(n,!0),...n.headerProps?.style},children:n.sortable?(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,r.jsxs)(a.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ee(String(n.id)),children:[_(n),(0,r.jsx)(a.TableSortLabel,{active:w===n.id,direction:w===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:w===n.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)"}}})]})}):_(n)},String(n.id)))});let d=[...e.map(n=>(0,r.jsx)(a.TableCell,{rowSpan:2,align:n.align||"left",...n.headerProps,onContextMenu:s=>pe(n,s),style:{width:n.width,minWidth:n.width,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...J(n,!0),...n.headerProps?.style},children:n.sortable&&D?(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,r.jsxs)(a.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ee(String(n.id)),children:[_(n),(0,r.jsx)(a.TableSortLabel,{active:w===n.id,direction:w===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:w===n.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)"}}})]})}):_(n)},String(n.id))),...Object.entries(t).map(([n,s])=>(0,r.jsx)(a.TableCell,{align:"center",colSpan:s.length,onContextMenu:v=>pe(null,v),style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:n},n))],p=[...Object.values(t).flat().map(n=>(0,r.jsx)(a.TableCell,{align:n.align||"left",...n.headerProps,onContextMenu:s=>pe(n,s),style:{width:n.width,minWidth:n.width,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...J(n,!0),...n.headerProps?.style},children:n.sortable&&D?(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,r.jsxs)(a.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ee(String(n.id)),children:[_(n),(0,r.jsx)(a.TableSortLabel,{active:w===n.id,direction:w===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:w===n.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)"}}})]})}):_(n)},String(n.id)))];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.TableRow,{children:d}),(0,r.jsx)(a.TableRow,{children:p})]})},[c,w,k,Ee,D,W,J,pe,_]),He=(0,o.useCallback)((t,e)=>{let l=y?performance.now():0;if(!e){if(y){f.current.rowContentCalls+=1;let s=performance.now()-l;f.current.rowContentMs+=s,f.current.rowContentMaxMs=Math.max(f.current.rowContentMaxMs,s)}return null}let d=Fe?Fe(e,t):null;if(d!=null)return(0,r.jsx)(a.TableCell,{colSpan:c.length,"data-vdt-pad":"",sx:[{padding:h?"0 14px":"8px 16px"},...Array.isArray(ae)?ae:ae?[ae]:[]],children:d});let p=0,n=c.map((s,v)=>{if(p>0)return p-=1,null;let L=s.colSpan?Math.max(1,Math.min(s.colSpan(e,t),c.length-v)):1;p=L-1;let C=y?performance.now():0,g=s.render?s.render(e,t):String(e[s.id]||"");if(y){let P=performance.now()-C;f.current.cellRenderCalls+=1,f.current.cellRenderMs+=P,f.current.cellRenderMaxMs=Math.max(f.current.cellRenderMaxMs,P)}let S=Le.has(String(s.id)),m=s.cellPadding!==void 0,I=s.rowSpan?s.rowSpan(e,t):1;if(I<=0)return null;let Y=s.onCellClick;return(0,r.jsx)(a.TableCell,{align:s.align||"left",rowSpan:I>1?I:void 0,colSpan:L>1?L:void 0,"data-vdt-pad":m?"":void 0,"data-vdt-pinned":S?"":void 0,"data-vdt-cell-click":Y?"":void 0,onClick:Y?P=>{let U=P.clientX-$.current.x,j=P.clientY-$.current.y;P.stopPropagation(),!(Math.sqrt(U*U+j*j)>tt)&&Y(e,t,P)}:void 0,style:{...L>1?{}:{width:s.width,minWidth:s.width??s.minWidth},...s.primary?{fontSize:15}:{},...s.style,...s.cellStyle?s.cellStyle(e,t):{},padding:m?s.cellPadding:"8px 16px",...J(s,!1)},children:g},String(s.id))});if(y){f.current.rowContentCalls+=1;let s=performance.now()-l;f.current.rowContentMs+=s,f.current.rowContentMaxMs=Math.max(f.current.rowContentMaxMs,s)}return(0,r.jsx)(r.Fragment,{children:n})},[c,y,Fe,ae,h,Le,J]),mt=(0,o.useCallback)(()=>{let t=bt();if(!ie||ie.length===0)return t;let e=ut.current;return(0,r.jsxs)(r.Fragment,{children:[t,(0,r.jsx)("tr",{"data-vdt-pinned-area":"",children:(0,r.jsx)("td",{colSpan:c.length,style:{padding:0,border:0},children:(0,r.jsx)(a.Box,{"data-vdt-inner-scroll":"",sx:[{maxHeight:Ne,overflowY:Ne?"auto":"visible",overflowX:"hidden",scrollbarWidth:"thin",borderBottom:`1px solid ${h?b.borderStrong:"rgba(224, 224, 224, 1)"}`,"& tbody tr:last-of-type > td":{borderBottom:"none"}},...Array.isArray(le)?le:le?[le]:[]],children:(0,r.jsxs)("table",{style:{width:"100%",tableLayout:Te,borderCollapse:"separate",borderSpacing:0},children:[(0,r.jsx)("colgroup",{children:c.map(l=>(0,r.jsx)("col",{style:{width:l.width,minWidth:l.width??l.minWidth}},String(l.id)))}),(0,r.jsx)(a.TableBody,{children:ie.map((l,d)=>e?(0,r.jsx)(e,{item:l,"data-index":d,"data-vdt-pinned-row":"",children:He(d,l)},x?String(x(l,d)):`p${d}`):null)})]})})})})]})},[bt,ie,Ne,le,c,He,Te,x,h,b]),O=Ae??c.some(t=>typeof t.footer=="function"),xt=(0,o.useCallback)(()=>{if(!O)return null;let t=[];for(let e=0;e<c.length;e+=1){let l=c[e],d=l.footerColSpan&&l.footerColSpan>1?Math.min(l.footerColSpan,c.length-e):1;t.push((0,r.jsx)(a.TableCell,{align:l.align||"left",colSpan:d>1?d:void 0,style:{...d>1?{}:{width:l.width,minWidth:l.width},...l.style,fontWeight:"bold",padding:h?"0 14px":"16px"},children:l.footer?l.footer(i):null},String(l.id))),e+=d-1}return(0,r.jsx)(a.TableRow,{children:t})},[O,c,i,h]),et=(0,o.useMemo)(()=>({Scroller:lt,Table:t=>(0,r.jsx)(a.Table,{...t,sx:{borderCollapse:"separate",tableLayout:Te,...Ue?{minWidth:Ue}:{},marginRight:G?"16px":0,...O?{height:"100%"}:{}}}),TableHead:(0,o.forwardRef)((t,e)=>(0,r.jsx)(a.TableHead,{...t,ref:e,sx:{userSelect:"none","& > tr":{height:W,"& > th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:t=>{let{item:e,selected:l,"aria-selected":d,className:p,...n}=t,s=n["data-index"]??0,v=s%2===1,L=e&&ce.current?ce.current(e,s):s,C=!Re&&M!==null&&M!==void 0&&L===M,g=C&&B?typeof B=="function"?B(e,s):B:void 0,S=String(p??"").split(/\s+/).filter(m=>m!=="Mui-selected"&&m!=="Mui-focusVisible").join(" ");return(0,r.jsx)(a.TableRow,{...n,"data-row-id":L!=null?String(L):void 0,className:S||void 0,selected:C,onMouseDown:m=>{de.current=!1,$.current={x:m.clientX,y:m.clientY}},onContextMenu:m=>{e&&Je.current&&Je.current(e,s,m)},onClick:m=>{let I=m.clientX-$.current.x,Y=m.clientY-$.current.y;if(Math.sqrt(I*I+Y*Y)>tt||de.current){m.preventDefault(),m.stopPropagation(),de.current=!1;return}e&&Ge.current&&Ge.current(e,s),de.current=!1},sx:[{userSelect:"none",...We?{"& > td":{height:se}}:{height:se,maxHeight:se},boxSizing:"border-box",backgroundColor:v&&Ye?Ye:"transparent","& td:not([data-vdt-pad])":{padding:"8px 16px"},"& td":{boxSizing:"border-box",borderBottom:ee?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":De&&!C?{backgroundColor:m=>{let I=m.palette.mode==="dark",P=$e??"#000000",U=it??.06;if(!$e)return I?`rgba(255, 255, 255, ${U})`:`rgba(0, 0, 0, ${U})`;let j=P.replace("#","").trim();if(j.length!==6)return P;let rn=parseInt(j.substring(0,2),16),on=parseInt(j.substring(2,4),16),an=parseInt(j.substring(4,6),16);return`rgba(${rn}, ${on}, ${an}, ${U})`}}:void 0,cursor:De?"pointer":void 0},g]})},TableBody:(0,o.forwardRef)((t,e)=>{let{children:l,...d}=t;return(0,r.jsxs)(a.TableBody,{...d,ref:e,sx:O?{height:"100%"}:void 0,children:[l,O&&(0,r.jsx)("tr",{"aria-hidden":!0,style:{height:"100%"},children:(0,r.jsx)("td",{colSpan:c.length,style:{padding:0,border:0}})})]})}),TableFoot:(0,o.forwardRef)((t,e)=>(0,r.jsx)(a.TableFooter,{...t,ref:e,sx:[{"& tr":{height:re??z,maxHeight:re??z,boxSizing:"border-box"},"& td":{height:re??z,boxSizing:"border-box",backgroundColor:l=>l.palette.mode==="dark"?"#1e1e1e":"#ffffff",padding:"0 16px",color:"inherit",fontSize:"0.875rem",border:"none",boxShadow:`inset 0 1px 0 0 ${h?b.borderStrong:"#000000"}`}},...Array.isArray(oe)?oe:oe?[oe]:[]]}))}),[De,Re?null:M,B,z,Ye,ee,W,$e,it,lt,re,oe,O,h,b,c,Te,G,We,Ue]);ut.current=et.TableRow;let Ut=et,fe=et,Zt=fe.Table,Qt=fe.TableHead,en=fe.TableBody,tn=fe.TableRow,nn=fe.TableFoot,H=ue?c.find(t=>String(t.id)===ue.colId):void 0,he=()=>pt(null),yt=null;if(ue&&H){let t=String(H.id),e=!!((H.sortMenu??H.sortable)&&D),l=Rt(H),d=w===t?k:void 0,p=H.filterValues??[],n=H.filterMultiple!==!1,s={gap:1,fontSize:14,minHeight:36},v=g=>{if(he(),d===g){A?.();return}D?.(t,g)},L=g=>{let S=p.includes(g);if(n){H.onFilterChange?.(S?p.filter(m=>m!==g):[...p,g]);return}he(),H.onFilterChange?.(S?[]:[g])},C=[];e&&(C.push((0,r.jsxs)(a.MenuItem,{selected:d==="asc",onClick:()=>v("asc"),sx:s,children:[(0,r.jsx)(be,{d:Z.asc,color:"text.secondary"}),"\uC624\uB984\uCC28\uC21C \uC815\uB82C"]},"asc"),(0,r.jsxs)(a.MenuItem,{selected:d==="desc",onClick:()=>v("desc"),sx:s,children:[(0,r.jsx)(be,{d:Z.desc,color:"text.secondary"}),"\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C"]},"desc")),d&&A&&C.push((0,r.jsx)(a.MenuItem,{onClick:()=>{he(),A()},sx:{...s,color:"text.secondary"},children:"\uC815\uB82C \uD480\uAE30"},"sort-clear"))),e&&l&&C.push((0,r.jsx)(a.Divider,{},"div-sort")),l&&((H.filterOptions??[]).forEach(g=>{let S=p.includes(g.value);C.push((0,r.jsxs)(a.MenuItem,{selected:!n&&S,onClick:()=>L(g.value),sx:s,children:[n?(0,r.jsx)(be,{d:S?Z.checked:Z.unchecked,color:S?"primary.main":"text.disabled"}):(0,r.jsx)(a.Box,{component:"span",sx:{display:"inline-flex",width:18,flexShrink:0,color:"primary.main"},children:S?(0,r.jsx)(be,{d:Z.check}):null}),g.label]},`f:${g.value}`))}),p.length>0&&C.push((0,r.jsx)(a.Divider,{},"div-filter"),(0,r.jsx)(a.MenuItem,{onClick:()=>{he(),H.onFilterChange?.([])},sx:{...s,color:"text.secondary"},children:"\uAC70\uB974\uAE30 \uD480\uAE30"},"filter-clear"))),yt=(0,r.jsx)(a.Menu,{open:!0,anchorReference:"anchorPosition",anchorPosition:{left:ue.x,top:ue.y},onClose:he,transitionDuration:0,onContextMenu:g=>g.preventDefault(),slotProps:{paper:{sx:{maxHeight:420,minWidth:180}}},children:C})}let Ct=(0,r.jsxs)(a.Box,{sx:{position:"relative",height:E?"auto":"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:t=>h?`${b.bg} !important`:t.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"},..._t??{},"& tbody td[data-vdt-pinned]":{backgroundColor:h?b.bg:Ve.palette.background.paper},"& tbody td[data-vdt-cell-click]":{cursor:"pointer"},"& tbody td[data-vdt-cell-click]:hover":{backgroundColor:h?b.hoverBg:Ve.palette.mode==="dark"?"rgba(255, 255, 255, 0.06)":"rgba(0, 0, 0, 0.04)"},...h&&De?{"& tbody tr:hover td[data-vdt-pinned]":{backgroundColor:b.hoverBg}}:{},...h?{...G?{border:`1px solid ${b.borderStrong}`,borderRadius:"4px"}:{"& table":{backgroundColor:b.bg}},overflow:"hidden","& thead tr th":{height:W,boxSizing:"border-box",padding:"0 14px !important",fontSize:13,fontWeight:"500 !important",color:b.headerColor,backgroundColor:`${b.bg} !important`,borderTop:!G&&Ht?`1px solid ${b.borderStrong}`:"none",borderBottom:`1px solid ${b.borderStrong}`,borderRight:`1px solid ${b.border}`,"&:last-of-type":{borderRight:"none"}},"& tbody tr td:not([data-vdt-pad])":{padding:"0 14px !important"},"& tbody tr td":{fontSize:14,borderBottom:`1px solid ${b.border}`},...i.length>0&&(E||qt||O)?{[`& tbody tr[data-index="${i.length-1}"]:not([data-vdt-pinned-row]) td`]:{borderBottom:"none"}}:{}}:{}},children:[E?(0,r.jsx)(a.Box,{sx:{overflowX:"auto",width:"100%"},children:(0,r.jsxs)(Zt,{children:[(0,r.jsx)(Qt,{children:mt()}),(0,r.jsx)(en,{children:i.map((t,e)=>(0,r.jsx)(tn,{item:t,"data-index":e,children:He(e,t)},x?String(x(t,e)):e))}),O?(0,r.jsx)(nn,{children:xt()}):null]})}):(0,r.jsx)(kt.TableVirtuoso,{ref:Ke,data:i,totalCount:F?i.length+1:i.length,defaultItemHeight:se,fixedItemHeight:We?void 0:se,fixedHeaderContent:mt,fixedFooterContent:O?xt:void 0,itemContent:He,...Pt&&x?{computeItemKey:(t,e)=>e?x(e,t):`vdt-${t}`}:{},endReached:Jt,scrollerRef:t=>{qe.current=t instanceof HTMLElement?t:null,ke()},totalListHeightChanged:ke,style:{height:"100%"},increaseViewportBy:{top:At,bottom:Ft},overscan:Wt,followOutput:!1,components:Ut},jt),i.length===0&&!u&&!at&&h&&typeof N=="string"&&(0,r.jsx)(a.Box,{sx:{position:E?"static":"absolute",top:W,left:0,right:0,py:6,textAlign:"center",fontSize:14,color:b.emptyColor,pointerEvents:"none"},children:N}),i.length===0&&!u&&!at&&!(h&&typeof N=="string")&&(0,r.jsx)(a.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,pointerEvents:"none","& > *":{pointerEvents:"auto"}},children:typeof N=="string"?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Box,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),(0,r.jsx)(a.Typography,{variant:"body1",sx:{color:"text.secondary"},children:N})]}):N}),yt,Kt&&(0,r.jsx)(r.Fragment,{children:Me?(0,r.jsx)(Me,{visible:u,onComplete:ct}):(0,r.jsx)(Mt,{visible:u,onComplete:ct,size:40,indicator:(0,r.jsx)(Tt,{}),sx:{top:`${c.some(t=>t.group)?W*2:W}px`,bottom:`${O?re??z:0}px`},background:{show:i.length===0,opacity:.8}})})]}),vt=h&&G?{paddingRight:Se,paddingTop:St,paddingBottom:St}:{};return ye?(0,r.jsx)(a.Paper,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:Se,...vt,boxSizing:"border-box",height:E?"auto":"100%",minHeight:0,flex:E?"none":1,display:"flex",flexDirection:"column"},children:Ct}):(0,r.jsx)(a.Box,{className:"grow",style:{padding:0,paddingLeft:Se,...vt,boxSizing:"border-box",height:E?"auto":"100%",minHeight:0,flex:E?"none":1,display:"flex",flexDirection:"column"},children:Ct})}var Dt=(0,o.memo)(yn);
|
|
4
|
+
`;function Tt({size:i=54}){return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)("style",{children:gn}),(0,K.jsx)("span",{className:"vdt-css-spinner",role:"progressbar","aria-label":"loading",style:{display:"inline-block",width:i,height:i}})]})}var Lt=fn(require("@ehfuse/overlay-scrollbar"),1),r=require("react/jsx-runtime"),bn={alignment:"default",margin:0,radius:0},tt=5,mn={bg:"#ffffff",border:"#e6e6e3",borderStrong:"#dedddb",headerColor:"#787774",hoverBg:"#f8f8f7",emptyColor:"#9b9a97",selectedBg:"#dbeafe",selectedBar:"#3b82f6"},St="12px",xn={bg:"#1e1e1e",border:"#2c333c",borderStrong:"#3b434e",headerColor:"#a3adbb",hoverBg:"#272d36",emptyColor:"#7d8590",selectedBg:"rgba(59, 130, 246, 0.22)",selectedBar:"#60a5fa"},Z={asc:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z",desc:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z",checked:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z",unchecked:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z",check:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z",filter:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"};function be({d:i,size:u=18,color:c}){return(0,r.jsx)(a.SvgIcon,{sx:{fontSize:u,flexShrink:0,color:c},children:(0,r.jsx)("path",{d:i})})}function Rt(i){return!!(i.filterOptions&&i.onFilterChange)}function yn({data:i,loading:u=!1,columns:c,onRowClick:R,getRowId:x,selectedRowId:M,selectedRowSx:me,rowHeight:xe,columnHeight:Q,striped:q,rowDivider:ee=!0,onSort:D,onSortClear:O,onHeaderContextMenu:te,onLoadMore:F,sortBy:w,sortDirection:k,showPaper:ye=!0,paddingX:Be,paddingTop:Ce=0,paddingBottom:ve=0,rowHoverColor:Ae,rowHoverOpacity:we,viewportBuffer:T,overscan:V,scrollbars:ne,emptyMessage:N="NO DATA",autoHeight:E=!1,LoadingComponent:Me,showFooter:Oe,footerHeight:re,footerSx:oe,variant:Et="default",framed:G=!0,headerTopBorder:Ht=!1,rowHeightMode:It="fixed",tableLayout:Te="fixed",renderFullWidthRow:Fe,fullWidthRowSx:ae,onRowContextMenu:nt,pinnedRows:ie,pinnedRowsMaxHeight:Ne,pinnedRowsSx:le,resetScrollOnDataChange:rt=!0,rowKeyFromId:Pt=!1,onEndReached:ot,colorMode:zt}){let h=Et==="notion",Ve=(0,a.useTheme)(),b=(zt??Ve.palette.mode)==="dark"?xn:mn,at=(ie?.length??0)>0,W=Q??(h?40:56),z=xe??(h?48:50),Se=G?Be??(h?"12px":"1rem"):0,We=It==="auto",$e=Ae??(h?b.hoverBg:void 0),it=we??(h?1:void 0),Bt=Math.max(z*12,480),At=Math.max(z*12,480),Ot=typeof T=="number"?T:T?.top??Bt,Ft=typeof T=="number"?T:T?.bottom??At,Nt=Math.max(z*8,420),Vt=Math.max(z*10,520),Wt=typeof V=="number"?V:{main:V?.main??Nt,reverse:V?.reverse??Vt},se=z+(ee?1:0),$t=(0,o.useMemo)(()=>h?{backgroundColor:b.selectedBg,"& > td:first-of-type":{boxShadow:`inset 3px 0 0 ${b.selectedBar}`},"& > td[data-vdt-pinned]":{backgroundColor:b.selectedBg}}:void 0,[h,b]),B=me??$t,Re=!B||typeof B!="function",_t=(0,o.useMemo)(()=>!Re||M===null||M===void 0||!B?null:{[`& tbody tr[data-row-id="${String(M).replace(/["\\]/g,"\\$&")}"]`]:B},[Re,M,B]),vn=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[y]=(0,o.useState)(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),f=(0,o.useRef)({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}),_e=(0,o.useCallback)(t=>{if(!y)return;let e=f.current;if(!(e.wheelEvents>0||e.rangeChangedCalls>0||e.rowContentCalls>0||e.cellRenderCalls>0))return;let d=e.rowContentCalls>0?e.rowContentMs/e.rowContentCalls:0,p=e.cellRenderCalls>0?e.cellRenderMs/e.cellRenderCalls:0;console.log("[VDT perf]",{reason:t,wheel:{events:e.wheelEvents,inputPx:Math.round(e.wheelInputPx),handlerMs:Number(e.wheelHandlerMs.toFixed(2)),rafFlushes:e.wheelRafFlushes,rafMs:Number(e.wheelRafMs.toFixed(2))},rangeChanged:{calls:e.rangeChangedCalls,totalMs:Number(e.rangeChangedMs.toFixed(2))},rowContent:{calls:e.rowContentCalls,totalMs:Number(e.rowContentMs.toFixed(2)),avgMs:Number(d.toFixed(3)),maxMs:Number(e.rowContentMaxMs.toFixed(3))},cellRender:{calls:e.cellRenderCalls,totalMs:Number(e.cellRenderMs.toFixed(2)),avgMs:Number(p.toFixed(3)),maxMs:Number(e.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}},[y]);(0,o.useEffect)(()=>{if(!y||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let t=window.setInterval(()=>{_e("interval")},1500);return()=>{window.clearInterval(t),_e("cleanup")}},[_e,y]);let lt=(0,o.useMemo)(()=>(0,o.forwardRef)((t,e)=>{let l=(0,o.useRef)(null),d=(0,o.useRef)(0),p=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let n=l.current;if(!n)return;let s=v=>{let L=y?performance.now():0;if(v.shiftKey||Math.abs(v.deltaX)>Math.abs(v.deltaY))return;let C=v.target?.closest?.("[data-vdt-inner-scroll]");if(C&&n.contains(C)&&(v.deltaY<0?C.scrollTop>0:C.scrollTop+C.clientHeight<C.scrollHeight-1))return;v.preventDefault();let g=v.deltaY;v.deltaMode===1?g*=40:v.deltaMode===2&&(g*=n.clientHeight),y&&(f.current.wheelEvents+=1,f.current.wheelInputPx+=g),d.current+=g,p.current===null&&(p.current=requestAnimationFrame(()=>{let S=y?performance.now():0,m=Math.max(n.clientHeight*.4,160),I=Math.max(-m,Math.min(m,d.current));d.current=0,p.current=null,I!==0&&(n.scrollTop+=I),y&&(f.current.wheelRafFlushes+=1,f.current.wheelRafMs+=performance.now()-S)}),y&&(f.current.wheelHandlerMs+=performance.now()-L))};return n.addEventListener("wheel",s,{passive:!1}),()=>{n.removeEventListener("wheel",s),p.current!==null&&(cancelAnimationFrame(p.current),p.current=null),d.current=0}},[]),(0,r.jsx)(Lt.default,{detectInnerScroll:!0,track:bn,...ne,children:(0,r.jsx)(a.TableContainer,{component:a.Box,...t,ref:n=>{l.current=n,typeof e=="function"?e(n):e&&(e.current=n)},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:h?0:Se,paddingTop:Ce,paddingBottom:ve}}})})}),[]),Ye=(0,o.useMemo)(()=>{if(q===!0)return"#f5f5f5";if(typeof q=="string")return q},[q]),[Yt,st]=(0,o.useState)(u),[jt,Xt]=(0,o.useState)(0);(0,o.useEffect)(()=>{u&&st(!0)},[u]);let ct=(0,o.useCallback)(()=>{st(!1)},[]),Kt=Yt,wn=u&&i.length>0,je=(0,o.useRef)(!1),Xe=(0,o.useRef)(-1),Ke=(0,o.useRef)(null),qe=(0,o.useRef)(null),[qt,Gt]=(0,o.useState)(!1),ke=(0,o.useCallback)(()=>{let t=qe.current;t&&Gt(t.scrollHeight>t.clientHeight+1)},[]);(0,o.useEffect)(()=>{let t=qe.current;if(!t||typeof ResizeObserver>"u")return;let e=new ResizeObserver(()=>ke());return e.observe(t),()=>e.disconnect()},[ke,E]);let Ge=(0,o.useRef)(R);Ge.current=R;let ce=(0,o.useRef)(x);ce.current=x;let Je=(0,o.useRef)(nt);Je.current=nt;let dt=(0,o.useRef)(ot);dt.current=ot;let ut=(0,o.useRef)(null),Le=(0,o.useMemo)(()=>{let t=new Map,e=0;return c.forEach(l=>{l.pinned==="left"&&(t.set(String(l.id),e),e+=typeof l.width=="number"?l.width:0)}),t},[c]),Ue=(0,o.useMemo)(()=>{if(c.some(t=>typeof t.minWidth=="number"))return c.reduce((t,e)=>t+(typeof e.width=="number"?e.width:typeof e.minWidth=="number"?e.minWidth:0),0)},[c]),J=(0,o.useCallback)((t,e)=>{let l=Le.get(String(t.id));return l===void 0?{}:{position:"sticky",left:l,zIndex:e?3:1}},[Le]),De=!!R,de=(0,o.useRef)(!1),$=(0,o.useRef)({x:0,y:0});(0,o.useEffect)(()=>{let t=e=>{let l=e.clientX-$.current.x,d=e.clientY-$.current.y;Math.sqrt(l*l+d*d)>tt&&(de.current=!0)};return document.addEventListener("mousemove",t),()=>{document.removeEventListener("mousemove",t)}},[]),(0,o.useEffect)(()=>{let t=document.querySelector('[data-testid="virtuoso-scroller"]');t&&t.querySelectorAll(".MuiTableSortLabel-root").forEach(l=>{let d=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});l.dispatchEvent(d)})},[w]);let Ee=(0,o.useCallback)(t=>{if(!D)return;D(t,w===t&&k==="asc"?"desc":"asc")},[D,w,k]),[ue,pt]=(0,o.useState)(null),ft=(0,o.useRef)(te);ft.current=te;let ht=(0,o.useRef)(D);ht.current=D;let pe=(0,o.useCallback)((t,e)=>{if(!t){e.preventDefault();return}t.headerProps?.onContextMenu?.(e);let l=e.defaultPrevented;if(l||(l=ft.current?.(t,e)===!0||e.defaultPrevented),e.preventDefault(),l||t.headerMenu===!1||!!!((t.sortMenu??t.sortable)&&ht.current)&&!Rt(t))return;let p=e.currentTarget.getBoundingClientRect();pt({colId:String(t.id),x:e.clientX,y:p.bottom})},[]),_=(0,o.useCallback)(t=>t.filterValues&&t.filterValues.length>0?(0,r.jsxs)(a.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:.5,maxWidth:"100%",color:"primary.main",fontWeight:600,verticalAlign:"middle"},children:[(0,r.jsx)(a.Box,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.text}),(0,r.jsx)(be,{d:Z.filter,size:16})]}):t.text,[]),Jt=(0,o.useCallback)(t=>{let e=y?performance.now():0;if(dt.current?.(),!F){y&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-e);return}if(u&&i.length===0){y&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-e);return}let l=i.length>=30,d=t>=i.length-1,p=Xe.current===i.length;if(d&&l&&!je.current&&!p){je.current=!0,Xe.current=i.length;let n=i.length;F(n,50)}y&&(f.current.rangeChangedCalls+=1,f.current.rangeChangedMs+=performance.now()-e)},[i.length,u,F,y]);(0,o.useEffect)(()=>{u||(je.current=!1)},[u]),(0,o.useEffect)(()=>{i.length===0&&Xt(t=>t+1)},[i.length]);let gt=(0,o.useRef)(rt);gt.current=rt;let Ze=(0,o.useRef)(i.length),Qe=(0,o.useRef)(void 0);(0,o.useEffect)(()=>{let t=Ze.current,e=i.length,l=e>0?ce.current?ce.current(i[0],0):i[0]:void 0,d=Qe.current;if(e>t&&t>0){Ze.current=e,Qe.current=l;return}let p=e<t||t>0&&l!==d;p&&(Xe.current=-1),Ke.current&&e>0&&p&>.current&&Ke.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),Ze.current=e,Qe.current=l},[i]);let bt=(0,o.useCallback)(()=>{let t={},e=[];if(c.forEach(n=>{n.group?(t[n.group]||(t[n.group]=[]),t[n.group].push(n)):e.push(n)}),!(Object.keys(t).length>0))return(0,r.jsx)(a.TableRow,{children:c.map(n=>(0,r.jsx)(a.TableCell,{align:n.align||"left",...n.headerProps,onContextMenu:s=>pe(n,s),style:{width:n.width,minWidth:n.width??n.minWidth,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...J(n,!0),...n.headerProps?.style},children:n.sortable?(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,r.jsxs)(a.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ee(String(n.id)),children:[_(n),(0,r.jsx)(a.TableSortLabel,{active:w===n.id,direction:w===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:w===n.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)"}}})]})}):_(n)},String(n.id)))});let d=[...e.map(n=>(0,r.jsx)(a.TableCell,{rowSpan:2,align:n.align||"left",...n.headerProps,onContextMenu:s=>pe(n,s),style:{width:n.width,minWidth:n.width,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...J(n,!0),...n.headerProps?.style},children:n.sortable&&D?(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,r.jsxs)(a.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ee(String(n.id)),children:[_(n),(0,r.jsx)(a.TableSortLabel,{active:w===n.id,direction:w===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:w===n.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)"}}})]})}):_(n)},String(n.id))),...Object.entries(t).map(([n,s])=>(0,r.jsx)(a.TableCell,{align:"center",colSpan:s.length,onContextMenu:v=>pe(null,v),style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:n},n))],p=[...Object.values(t).flat().map(n=>(0,r.jsx)(a.TableCell,{align:n.align||"left",...n.headerProps,onContextMenu:s=>pe(n,s),style:{width:n.width,minWidth:n.width,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...J(n,!0),...n.headerProps?.style},children:n.sortable&&D?(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,r.jsxs)(a.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ee(String(n.id)),children:[_(n),(0,r.jsx)(a.TableSortLabel,{active:w===n.id,direction:w===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:w===n.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)"}}})]})}):_(n)},String(n.id)))];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.TableRow,{children:d}),(0,r.jsx)(a.TableRow,{children:p})]})},[c,w,k,Ee,D,W,J,pe,_]),He=(0,o.useCallback)((t,e)=>{let l=y?performance.now():0;if(!e){if(y){f.current.rowContentCalls+=1;let s=performance.now()-l;f.current.rowContentMs+=s,f.current.rowContentMaxMs=Math.max(f.current.rowContentMaxMs,s)}return null}let d=Fe?Fe(e,t):null;if(d!=null)return(0,r.jsx)(a.TableCell,{colSpan:c.length,"data-vdt-pad":"",sx:[{padding:h?"0 14px":"8px 16px"},...Array.isArray(ae)?ae:ae?[ae]:[]],children:d});let p=0,n=c.map((s,v)=>{if(p>0)return p-=1,null;let L=s.colSpan?Math.max(1,Math.min(s.colSpan(e,t),c.length-v)):1;p=L-1;let C=y?performance.now():0,g=s.render?s.render(e,t):String(e[s.id]||"");if(y){let P=performance.now()-C;f.current.cellRenderCalls+=1,f.current.cellRenderMs+=P,f.current.cellRenderMaxMs=Math.max(f.current.cellRenderMaxMs,P)}let S=Le.has(String(s.id)),m=s.cellPadding!==void 0,I=s.rowSpan?s.rowSpan(e,t):1;if(I<=0)return null;let Y=s.onCellClick;return(0,r.jsx)(a.TableCell,{align:s.align||"left",rowSpan:I>1?I:void 0,colSpan:L>1?L:void 0,"data-vdt-pad":m?"":void 0,"data-vdt-pinned":S?"":void 0,"data-vdt-cell-click":Y?"":void 0,onClick:Y?P=>{let U=P.clientX-$.current.x,j=P.clientY-$.current.y;P.stopPropagation(),!(Math.sqrt(U*U+j*j)>tt)&&Y(e,t,P)}:void 0,style:{...L>1?{}:{width:s.width,minWidth:s.width??s.minWidth},...s.primary?{fontSize:15}:{},...s.style,...s.cellStyle?s.cellStyle(e,t):{},padding:m?s.cellPadding:"8px 16px",...J(s,!1)},children:g},String(s.id))});if(y){f.current.rowContentCalls+=1;let s=performance.now()-l;f.current.rowContentMs+=s,f.current.rowContentMaxMs=Math.max(f.current.rowContentMaxMs,s)}return(0,r.jsx)(r.Fragment,{children:n})},[c,y,Fe,ae,h,Le,J]),mt=(0,o.useCallback)(()=>{let t=bt();if(!ie||ie.length===0)return t;let e=ut.current;return(0,r.jsxs)(r.Fragment,{children:[t,(0,r.jsx)("tr",{"data-vdt-pinned-area":"",children:(0,r.jsx)("td",{colSpan:c.length,style:{padding:0,border:0},children:(0,r.jsx)(a.Box,{"data-vdt-inner-scroll":"",sx:[{maxHeight:Ne,overflowY:Ne?"auto":"visible",overflowX:"hidden",scrollbarWidth:"thin",borderBottom:`1px solid ${h?b.borderStrong:"rgba(224, 224, 224, 1)"}`,"& tbody tr:last-of-type > td":{borderBottom:"none"}},...Array.isArray(le)?le:le?[le]:[]],children:(0,r.jsxs)("table",{style:{width:"100%",tableLayout:Te,borderCollapse:"separate",borderSpacing:0},children:[(0,r.jsx)("colgroup",{children:c.map(l=>(0,r.jsx)("col",{style:{width:l.width,minWidth:l.width??l.minWidth}},String(l.id)))}),(0,r.jsx)(a.TableBody,{children:ie.map((l,d)=>e?(0,r.jsx)(e,{item:l,"data-index":d,"data-vdt-pinned-row":"",children:He(d,l)},x?String(x(l,d)):`p${d}`):null)})]})})})})]})},[bt,ie,Ne,le,c,He,Te,x,h,b]),A=Oe??c.some(t=>typeof t.footer=="function"),xt=(0,o.useCallback)(()=>{if(!A)return null;let t=[];for(let e=0;e<c.length;e+=1){let l=c[e],d=l.footerColSpan&&l.footerColSpan>1?Math.min(l.footerColSpan,c.length-e):1;t.push((0,r.jsx)(a.TableCell,{align:l.align||"left",colSpan:d>1?d:void 0,style:{...d>1?{}:{width:l.width,minWidth:l.width},...l.style,fontWeight:"bold",padding:h?"0 14px":"16px"},children:l.footer?l.footer(i):null},String(l.id))),e+=d-1}return(0,r.jsx)(a.TableRow,{children:t})},[A,c,i,h]),et=(0,o.useMemo)(()=>({Scroller:lt,Table:t=>(0,r.jsx)(a.Table,{...t,sx:{borderCollapse:"separate",tableLayout:Te,...Ue?{minWidth:Ue}:{},marginRight:G?"16px":0,...A?{height:"100%"}:{}}}),TableHead:(0,o.forwardRef)((t,e)=>(0,r.jsx)(a.TableHead,{...t,ref:e,sx:{userSelect:"none","& > tr":{height:W,"& > th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:t=>{let{item:e,selected:l,"aria-selected":d,className:p,...n}=t,s=n["data-index"]??0,v=s%2===1,L=e&&ce.current?ce.current(e,s):s,C=!Re&&M!==null&&M!==void 0&&L===M,g=C&&B?typeof B=="function"?B(e,s):B:void 0,S=String(p??"").split(/\s+/).filter(m=>m!=="Mui-selected"&&m!=="Mui-focusVisible").join(" ");return(0,r.jsx)(a.TableRow,{...n,"data-row-id":L!=null?String(L):void 0,className:S||void 0,selected:C,onMouseDown:m=>{de.current=!1,$.current={x:m.clientX,y:m.clientY}},onContextMenu:m=>{e&&Je.current&&Je.current(e,s,m)},onClick:m=>{let I=m.clientX-$.current.x,Y=m.clientY-$.current.y;if(Math.sqrt(I*I+Y*Y)>tt||de.current){m.preventDefault(),m.stopPropagation(),de.current=!1;return}e&&Ge.current&&Ge.current(e,s),de.current=!1},sx:[{userSelect:"none",...We?{"& > td":{height:se}}:{height:se,maxHeight:se},boxSizing:"border-box",backgroundColor:v&&Ye?Ye:"transparent","& td:not([data-vdt-pad])":{padding:"8px 16px"},"& td":{boxSizing:"border-box",borderBottom:ee?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":De&&!C?{backgroundColor:m=>{let I=m.palette.mode==="dark",P=$e??"#000000",U=it??.06;if(!$e)return I?`rgba(255, 255, 255, ${U})`:`rgba(0, 0, 0, ${U})`;let j=P.replace("#","").trim();if(j.length!==6)return P;let rn=parseInt(j.substring(0,2),16),on=parseInt(j.substring(2,4),16),an=parseInt(j.substring(4,6),16);return`rgba(${rn}, ${on}, ${an}, ${U})`}}:void 0,cursor:De?"pointer":void 0},g]})},TableBody:(0,o.forwardRef)((t,e)=>{let{children:l,...d}=t;return(0,r.jsxs)(a.TableBody,{...d,ref:e,sx:A?{height:"100%"}:void 0,children:[l,A&&(0,r.jsx)("tr",{"aria-hidden":!0,style:{height:"100%"},children:(0,r.jsx)("td",{colSpan:c.length,style:{padding:0,border:0}})})]})}),TableFoot:(0,o.forwardRef)((t,e)=>(0,r.jsx)(a.TableFooter,{...t,ref:e,sx:[{"& tr":{height:re??z,maxHeight:re??z,boxSizing:"border-box"},"& td":{height:re??z,boxSizing:"border-box",backgroundColor:l=>l.palette.mode==="dark"?"#1e1e1e":"#ffffff",padding:"0 16px",color:"inherit",fontSize:"0.875rem",border:"none",boxShadow:`inset 0 1px 0 0 ${h?b.borderStrong:"#000000"}`}},...Array.isArray(oe)?oe:oe?[oe]:[]]}))}),[De,Re?null:M,B,z,Ye,ee,W,$e,it,lt,re,oe,A,h,b,c,Te,G,We,Ue]);ut.current=et.TableRow;let Ut=et,fe=et,Zt=fe.Table,Qt=fe.TableHead,en=fe.TableBody,tn=fe.TableRow,nn=fe.TableFoot,H=ue?c.find(t=>String(t.id)===ue.colId):void 0,he=()=>pt(null),yt=null;if(ue&&H){let t=String(H.id),e=!!((H.sortMenu??H.sortable)&&D),l=Rt(H),d=w===t?k:void 0,p=H.filterValues??[],n=H.filterMultiple!==!1,s={gap:1,fontSize:14,minHeight:36},v=g=>{if(he(),d===g){O?.();return}D?.(t,g)},L=g=>{let S=p.includes(g);if(n){H.onFilterChange?.(S?p.filter(m=>m!==g):[...p,g]);return}he(),H.onFilterChange?.(S?[]:[g])},C=[];e&&(C.push((0,r.jsxs)(a.MenuItem,{selected:d==="asc",onClick:()=>v("asc"),sx:s,children:[(0,r.jsx)(be,{d:Z.asc,color:"text.secondary"}),"\uC624\uB984\uCC28\uC21C \uC815\uB82C"]},"asc"),(0,r.jsxs)(a.MenuItem,{selected:d==="desc",onClick:()=>v("desc"),sx:s,children:[(0,r.jsx)(be,{d:Z.desc,color:"text.secondary"}),"\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C"]},"desc")),d&&O&&C.push((0,r.jsx)(a.MenuItem,{onClick:()=>{he(),O()},sx:{...s,color:"text.secondary"},children:"\uC815\uB82C \uD480\uAE30"},"sort-clear"))),e&&l&&C.push((0,r.jsx)(a.Divider,{},"div-sort")),l&&((H.filterOptions??[]).forEach(g=>{let S=p.includes(g.value);C.push((0,r.jsxs)(a.MenuItem,{selected:!n&&S,onClick:()=>L(g.value),sx:s,children:[n?(0,r.jsx)(be,{d:S?Z.checked:Z.unchecked,color:S?"primary.main":"text.disabled"}):(0,r.jsx)(a.Box,{component:"span",sx:{display:"inline-flex",width:18,flexShrink:0,color:"primary.main"},children:S?(0,r.jsx)(be,{d:Z.check}):null}),g.label]},`f:${g.value}`))}),p.length>0&&C.push((0,r.jsx)(a.Divider,{},"div-filter"),(0,r.jsx)(a.MenuItem,{onClick:()=>{he(),H.onFilterChange?.([])},sx:{...s,color:"text.secondary"},children:"\uAC70\uB974\uAE30 \uD480\uAE30"},"filter-clear"))),yt=(0,r.jsx)(a.Menu,{open:!0,anchorReference:"anchorPosition",anchorPosition:{left:ue.x,top:ue.y},onClose:he,transitionDuration:0,onContextMenu:g=>g.preventDefault(),slotProps:{paper:{sx:{maxHeight:420,minWidth:180}}},children:C})}let Ct=(0,r.jsxs)(a.Box,{sx:{position:"relative",height:E?"auto":"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:t=>h?`${b.bg} !important`:t.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"},..._t??{},"& tbody td[data-vdt-pinned]":{backgroundColor:h?b.bg:Ve.palette.background.paper},"& tbody td[data-vdt-cell-click]":{cursor:"pointer"},"& tbody td[data-vdt-cell-click]:hover":{backgroundColor:h?b.hoverBg:Ve.palette.mode==="dark"?"rgba(255, 255, 255, 0.06)":"rgba(0, 0, 0, 0.04)"},...h&&De?{"& tbody tr:hover td[data-vdt-pinned]":{backgroundColor:b.hoverBg}}:{},...h?{...G?{border:`1px solid ${b.borderStrong}`,borderRadius:"4px"}:{"& table":{backgroundColor:b.bg}},overflow:"hidden","& thead tr th > *":{verticalAlign:"middle"},"& thead tr th":{height:W,boxSizing:"border-box",padding:"0 14px !important",fontSize:13,fontWeight:"500 !important",color:b.headerColor,backgroundColor:`${b.bg} !important`,borderTop:!G&&Ht?`1px solid ${b.borderStrong}`:"none",borderBottom:`1px solid ${b.borderStrong}`,borderRight:`1px solid ${b.border}`,"&:last-of-type":{borderRight:"none"}},"& tbody tr td:not([data-vdt-pad])":{padding:"0 14px !important"},"& tbody tr td":{fontSize:14,borderBottom:`1px solid ${b.border}`},...i.length>0&&(E||qt||A)?{[`& tbody tr[data-index="${i.length-1}"]:not([data-vdt-pinned-row]) td`]:{borderBottom:"none"}}:{}}:{}},children:[E?(0,r.jsx)(a.Box,{sx:{overflowX:"auto",width:"100%"},children:(0,r.jsxs)(Zt,{children:[(0,r.jsx)(Qt,{children:mt()}),(0,r.jsx)(en,{children:i.map((t,e)=>(0,r.jsx)(tn,{item:t,"data-index":e,children:He(e,t)},x?String(x(t,e)):e))}),A?(0,r.jsx)(nn,{children:xt()}):null]})}):(0,r.jsx)(kt.TableVirtuoso,{ref:Ke,data:i,totalCount:F?i.length+1:i.length,defaultItemHeight:se,fixedItemHeight:We?void 0:se,fixedHeaderContent:mt,fixedFooterContent:A?xt:void 0,itemContent:He,...Pt&&x?{computeItemKey:(t,e)=>e?x(e,t):`vdt-${t}`}:{},endReached:Jt,scrollerRef:t=>{qe.current=t instanceof HTMLElement?t:null,ke()},totalListHeightChanged:ke,style:{height:"100%"},increaseViewportBy:{top:Ot,bottom:Ft},overscan:Wt,followOutput:!1,components:Ut},jt),i.length===0&&!u&&!at&&h&&typeof N=="string"&&(0,r.jsx)(a.Box,{sx:{position:E?"static":"absolute",top:W,left:0,right:0,py:6,textAlign:"center",fontSize:14,color:b.emptyColor,pointerEvents:"none"},children:N}),i.length===0&&!u&&!at&&!(h&&typeof N=="string")&&(0,r.jsx)(a.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,pointerEvents:"none","& > *":{pointerEvents:"auto"}},children:typeof N=="string"?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Box,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),(0,r.jsx)(a.Typography,{variant:"body1",sx:{color:"text.secondary"},children:N})]}):N}),yt,Kt&&(0,r.jsx)(r.Fragment,{children:Me?(0,r.jsx)(Me,{visible:u,onComplete:ct}):(0,r.jsx)(Mt,{visible:u,onComplete:ct,size:40,indicator:(0,r.jsx)(Tt,{}),sx:{top:`${c.some(t=>t.group)?W*2:W}px`,bottom:`${A?re??z:0}px`},background:{show:i.length===0,opacity:.8}})})]}),vt=h&&G?{paddingRight:Se,paddingTop:St,paddingBottom:St}:{};return ye?(0,r.jsx)(a.Paper,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:Se,...vt,boxSizing:"border-box",height:E?"auto":"100%",minHeight:0,flex:E?"none":1,display:"flex",flexDirection:"column"},children:Ct}):(0,r.jsx)(a.Box,{className:"grow",style:{padding:0,paddingLeft:Se,...vt,boxSizing:"border-box",height:E?"auto":"100%",minHeight:0,flex:E?"none":1,display:"flex",flexDirection:"column"},children:Ct})}var Dt=(0,o.memo)(yn);
|
|
5
5
|
/**
|
|
6
6
|
* Virtual Data Table - A high-performance virtual data table component for React
|
|
7
7
|
*
|