@ehfuse/file-viewer 0.2.3 → 0.2.4
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 +4 -4
- package/dist/index.js +4 -4
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{useState as p,useEffect as B,useMemo as mo,useCallback as w,useRef as g}from"react";import{Dialog as wr,DialogTitle as Mr,DialogContent as Cr,Drawer as Ir,IconButton as k,Box as c,Typography as P,Tooltip as S,Button as po,Tabs as Tr,Tab as kr,Menu as Lr,MenuItem as Se,Snackbar as Fr,ListItemIcon as De,ListItemText as Be,useMediaQuery as Rr,useTheme as Er}from"@mui/material";import Pr from"@mui/icons-material/Close";import Sr from"@mui/icons-material/Menu";import Dr from"@mui/icons-material/MoreHoriz";import ho from"@mui/icons-material/Download";import Br from"@mui/icons-material/Add";import zr from"@mui/icons-material/Remove";import fo from"@mui/icons-material/RotateLeft";import go from"@mui/icons-material/RotateRight";import xo from"@mui/icons-material/FitScreen";import dt from"@mui/icons-material/KeyboardArrowLeft";import ut from"@mui/icons-material/KeyboardArrowRight";import Hr from"@mui/icons-material/TextSnippet";import Vr from"@mui/icons-material/VideoFile";import Ar from"@mui/icons-material/AudioFile";import Wr from"@mui/icons-material/Description";import Xr from"@mui/icons-material/InsertDriveFile";import yo from"@mui/icons-material/Code";import _r from"@mui/icons-material/TableView";import{Document as bo,Page as vo,pdfjs as Yr}from"react-pdf";import wo from"@monaco-editor/react";import jr from"react-spreadsheet";import*as pe from"xlsx";import{LoadingProgress as Mo}from"@ehfuse/mui-fadeout-loading-progress";var at=i=>{let s=i.split(".").pop()?.toLowerCase()||"";return["jpg","jpeg","png","gif","bmp","webp","svg"].includes(s)?"image":s==="pdf"?"pdf":["txt","json","xml","log","md","markdown"].includes(s)?"text":["csv","xls","xlsx"].includes(s)?"spreadsheet":["html","htm"].includes(s)?"html":["js","jsx","ts","tsx","css","scss","sass","less","php","py","java","c","cpp","h","hpp","cs","go","rs","rb","swift","kt","scala","sql","sh","bash","bat","ps1","yml","yaml","toml","ini","conf"].includes(s)?"code":["mp4","avi","mov","wmv","flv","webm"].includes(s)?"video":["mp3","wav","ogg","m4a","aac"].includes(s)?"audio":["doc","docx","ppt","pptx","hwp","hwpx"].includes(s)?"office":"unsupported"},lo=i=>{let s=(i||"").toLowerCase().split(";")[0].trim();return s?s.startsWith("image/")?"image":s==="application/pdf"?"pdf":s.startsWith("video/")?"video":s.startsWith("audio/")?"audio":s==="text/html"?"html":s==="text/csv"||s==="application/vnd.ms-excel"||s==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"?"spreadsheet":s.startsWith("text/")||s==="application/json"||s==="application/xml"?"text":"unsupported":"unsupported"},T=(i,s)=>{let d=at(i);return d!=="unsupported"?d:lo(s)},hr=new Set(["image","pdf","text","code","html","spreadsheet","video","audio"]),fr=i=>hr.has(at(i)),gr={"image/jpeg":"jpg","image/png":"png","image/gif":"gif","image/webp":"webp","image/bmp":"bmp","image/svg+xml":"svg","application/pdf":"pdf","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":"xlsx","application/vnd.ms-excel":"xls","text/csv":"csv","text/plain":"txt","application/json":"json","text/xml":"xml","application/xml":"xml","text/html":"html","video/mp4":"mp4","video/webm":"webm","audio/mpeg":"mp3","audio/wav":"wav"},xr=(i,s)=>{let d=(i??"").trim()||"\uCCA8\uBD80\uD30C\uC77C";if(/\.[a-z0-9]+$/i.test(d))return d;let m=(s??"").trim().toLowerCase().split(";")[0],Y=gr[m]??"";return Y?`${d}.${Y}`:d},lt=i=>{let s=i.split(".").pop()?.toLowerCase()||"";return{js:"javascript",jsx:"javascript",ts:"typescript",tsx:"typescript",html:"html",htm:"html",css:"css",scss:"scss",sass:"scss",less:"less",json:"json",xml:"xml",php:"php",py:"python",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",go:"go",rs:"rust",rb:"ruby",swift:"swift",kt:"kotlin",scala:"scala",sql:"sql",sh:"shell",bash:"shell",bat:"bat",ps1:"powershell",yml:"yaml",yaml:"yaml",toml:"toml",ini:"ini",conf:"ini",md:"markdown",markdown:"markdown",txt:"plaintext",log:"plaintext",csv:"plaintext"}[s]||"plaintext"};var yr=i=>(i||"").replace(/[\\/:*?"<>|\r\n]/g,"_").trim()||"download",st=(i,s)=>{let d=URL.createObjectURL(i),m=document.createElement("a");m.href=d,m.download=yr(s),m.rel="noopener",document.body.appendChild(m),m.click(),m.remove(),window.setTimeout(()=>URL.revokeObjectURL(d),6e4)};var so=async i=>{let s=URL.createObjectURL(i);try{let d=await new Promise((U,Z)=>{let L=new Image;L.onload=()=>U(L),L.onerror=()=>Z(new Error("\uC774\uBBF8\uC9C0\uB97C \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")),L.src=s}),m=document.createElement("canvas");m.width=d.naturalWidth||d.width||1024,m.height=d.naturalHeight||d.height||1024;let Y=m.getContext("2d");if(!Y)throw new Error("\uCE94\uBC84\uC2A4\uB97C \uB9CC\uB4E4 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");return Y.drawImage(d,0,0,m.width,m.height),await new Promise((U,Z)=>{m.toBlob(L=>L?U(L):Z(new Error("PNG \uBCC0\uD658 \uC2E4\uD328")),"image/png")})}finally{URL.revokeObjectURL(s)}};import{useMediaQuery as br,useTheme as vr}from"@mui/material";function co(){let i=vr();return!br(i.breakpoints.up("lg"))}import{jsx as re,jsxs as uo}from"react/jsx-runtime";function ne(i){return uo("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 501.551 501.551",xmlSpace:"preserve",width:i.width||"22px",...i,children:[re("path",{style:{fill:"#F2F2F2"},d:"M480.653,0H20.898C9.404,0,0,9.404,0,20.898v459.755c0,11.494,9.404,20.898,20.898,20.898h459.755 c11.494,0,20.898-9.404,20.898-20.898V20.898C501.551,9.404,492.147,0,480.653,0z"}),re("rect",{x:36.571,y:36.571,style:{fill:"#84DBFF"},width:428.408,height:345.861}),re("path",{style:{fill:"#334A5E"},d:"M261.224,382.433H36.571v-87.771c17.763-5.224,37.616-7.314,57.469-7.314 c25.078,0,50.155,4.18,71.053,12.539c6.269,2.09,11.494,4.18,16.718,7.314C218.384,323.918,246.596,350.041,261.224,382.433z"}),re("path",{style:{fill:"#40596B"},d:"M464.98,271.673v110.759H127.478c9.404-29.257,29.257-55.38,55.38-76.278 c42.841-34.482,103.445-55.38,172.408-55.38C393.927,250.776,432.588,258.09,464.98,271.673z"}),uo("g",{children:[re("circle",{style:{fill:"#FFFFFF"},cx:122.253,cy:122.253,r:42.841}),re("path",{style:{fill:"#FFFFFF"},d:"M433.633,101.355c1.045-3.135,1.045-6.269,1.045-9.404c0-16.718-13.584-31.347-31.347-31.347 c-11.494,0-21.943,6.269-27.167,15.673c-3.135-2.09-7.314-2.09-11.494-2.09c-14.629,0-26.122,10.449-28.212,24.033 c-8.359,2.09-14.629,9.404-14.629,17.763c0,10.449,8.359,18.808,18.808,18.808h82.547c10.449,0,18.808-8.359,18.808-18.808 C441.992,109.714,438.857,104.49,433.633,101.355z"})]})]})}import{jsx as D,jsxs as ct}from"react/jsx-runtime";function ie(i){return D("svg",{id:"_x35_",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512",xmlSpace:"preserve",width:i.width||"28px",...i,children:ct("g",{children:[D("polygon",{style:{fill:"#B12A27"},points:"475.435,117.825 475.435,512 47.791,512 47.791,0.002 357.613,0.002 412.491,54.881 "}),D("rect",{x:36.565,y:34.295,style:{fill:"#F2F2F2"},width:205.097,height:91.768}),ct("g",{children:[ct("g",{children:[D("path",{style:{fill:"#B12A27"},d:"M110.132,64.379c-0.905-2.186-2.111-4.146-3.769-5.804c-1.658-1.658-3.694-3.015-6.031-3.92 c-2.412-0.98-5.126-1.432-8.141-1.432H69.651v58.195h11.383V89.481h11.157c3.015,0,5.729-0.452,8.141-1.432 c2.337-0.905,4.372-2.261,6.031-3.92c1.659-1.658,2.865-3.543,3.769-5.804c0.829-2.186,1.282-4.523,1.282-6.935 C111.413,68.902,110.961,66.565,110.132,64.379z M97.844,77.118c-1.508,1.432-3.618,2.186-6.181,2.186H81.034V63.323h10.629 c2.563,0,4.674,0.754,6.181,2.261c1.432,1.432,2.186,3.392,2.186,5.804C100.031,73.726,99.277,75.686,97.844,77.118z"}),D("path",{style:{fill:"#B12A27"},d:"M164.558,75.761c-0.075-2.035-0.151-3.844-0.377-5.503c-0.226-1.659-0.603-3.166-1.131-4.598 c-0.528-1.357-1.206-2.714-2.111-3.92c-2.035-2.94-4.523-5.126-7.312-6.483c-2.865-1.357-6.257-2.035-10.252-2.035h-20.956 v58.195h20.956c3.995,0,7.387-0.678,10.252-2.035c2.789-1.357,5.277-3.543,7.312-6.483c0.905-1.206,1.583-2.563,2.111-3.92 c0.528-1.432,0.905-2.94,1.131-4.598c0.226-1.658,0.301-3.468,0.377-5.503c0.075-1.96,0.075-4.146,0.075-6.558 C164.633,79.908,164.633,77.721,164.558,75.761z M153.175,88.2c0,1.734-0.151,3.091-0.302,4.297 c-0.151,1.131-0.377,2.186-0.678,2.94c-0.301,0.829-0.754,1.583-1.281,2.261c-1.885,2.412-4.749,3.543-8.518,3.543h-8.669V63.323 h8.669c3.769,0,6.634,1.206,8.518,3.618c0.528,0.678,0.98,1.357,1.281,2.186s0.528,1.809,0.678,3.015 c0.151,1.131,0.302,2.563,0.302,4.221c0.075,1.659,0.075,3.694,0.075,5.955C153.251,84.581,153.251,86.541,153.175,88.2z"}),D("path",{style:{fill:"#B12A27"},d:"M213.18,63.323V53.222h-38.37v58.195h11.383V87.823h22.992V77.646h-22.992V63.323H213.18z"})]}),D("g",{children:D("path",{style:{fill:"#B12A27"},d:"M110.132,64.379c-0.905-2.186-2.111-4.146-3.769-5.804c-1.658-1.658-3.694-3.015-6.031-3.92 c-2.412-0.98-5.126-1.432-8.141-1.432H69.651v58.195h11.383V89.481h11.157c3.015,0,5.729-0.452,8.141-1.432 c2.337-0.905,4.372-2.261,6.031-3.92c1.659-1.658,2.865-3.543,3.769-5.804c0.829-2.186,1.282-4.523,1.282-6.935 C111.413,68.902,110.961,66.565,110.132,64.379z M97.844,77.118c-1.508,1.432-3.618,2.186-6.181,2.186H81.034V63.323h10.629 c2.563,0,4.674,0.754,6.181,2.261c1.432,1.432,2.186,3.392,2.186,5.804C100.031,73.726,99.277,75.686,97.844,77.118z"})})]}),D("polygon",{style:{opacity:.08,fill:"#040000"},points:"475.435,117.825 475.435,512 47.791,512 47.791,419.581 247.705,219.667 259.54,207.832 266.098,201.273 277.029,190.343 289.995,177.377 412.491,54.881 "}),D("polygon",{style:{fill:"#771B1B"},points:"475.435,117.836 357.599,117.836 357.599,0 "}),D("g",{children:D("path",{style:{fill:"#F2F2F2"},d:"M414.376,370.658c-2.488-4.372-5.88-8.518-10.101-12.287c-3.467-3.166-7.538-6.106-12.137-8.82 c-18.544-10.93-45.003-16.207-80.961-16.207h-3.618c-1.96-1.809-3.995-3.618-6.106-5.503 c-13.644-12.287-24.499-25.63-32.942-40.48c16.584-36.561,24.499-69.126,23.519-96.867c-0.151-4.674-0.829-9.046-2.035-13.117 c-1.809-6.558-4.824-12.363-9.046-17.112c-0.075-0.075-0.075-0.075-0.151-0.151c-6.709-7.538-16.056-11.835-25.555-11.835 c-9.574,0-18.393,4.146-24.801,11.76c-6.332,7.538-9.724,17.866-9.875,30.002c-0.226,18.544,1.281,36.108,4.448,52.315 c0.301,1.282,0.528,2.563,0.829,3.844c3.166,14.7,7.84,28.645,13.87,41.611c-7.086,14.398-14.247,26.836-19.223,35.279 c-3.769,6.408-7.915,13.117-12.212,19.826c-19.373,3.468-35.807,7.689-50.129,12.966c-19.373,7.011-34.902,16.056-46.059,26.836 c-7.237,6.935-12.137,14.323-14.549,22.012c-2.563,7.915-2.412,15.83,0.452,22.916c2.638,6.558,7.387,12.061,13.72,15.83 c1.508,0.905,3.091,1.658,4.749,2.337c4.825,1.96,10.101,3.015,15.604,3.015c12.74,0,25.856-5.503,36.937-15.378 c20.655-18.469,41.988-48.169,54.577-66.94c10.327-1.583,21.559-2.94,34.224-4.297c14.926-1.508,28.118-2.412,40.104-2.865 c3.694,3.317,7.237,6.483,10.629,9.498c18.846,16.81,33.168,28.947,46.134,37.465c0,0.075,0.075,0.075,0.151,0.075 c5.126,3.392,10.026,6.181,14.926,8.443c5.503,2.563,11.081,3.92,16.81,3.92c7.237,0,14.021-2.186,19.675-6.181 c5.729-4.146,9.875-10.101,11.76-16.81C420.18,387.694,418.899,378.724,414.376,370.658z M247.705,219.667 c-1.055-9.348-1.508-19.072-1.357-29.324c0.151-9.724,3.694-16.283,8.895-16.283c3.92,0,8.066,3.543,9.95,10.327 c0.528,2.035,0.905,4.372,0.98,7.01c0.151,3.166,0.075,6.483-0.075,9.875c-0.452,9.574-2.111,19.75-4.975,30.681 c-1.734,7.011-3.995,14.323-6.784,21.936C251.173,243.186,248.911,231.803,247.705,219.667z M121.967,418.073 c-1.282-3.166,0.151-9.272,7.991-16.81c11.986-11.458,30.756-20.504,56.914-27.364c-4.975,6.784-9.875,12.966-14.624,18.619 c-7.237,8.744-14.172,16.132-20.429,21.71c-5.352,4.824-11.232,7.84-16.81,8.594c-0.98,0.151-1.96,0.226-2.94,0.226 C127.168,423.049,123.173,421.089,121.967,418.073z M242.428,337.942l0.528-0.829l-0.829,0.151 c0.151-0.377,0.377-0.754,0.603-1.055c3.166-5.352,7.161-12.212,11.458-20.127l0.377,0.829l0.98-2.035 c3.166,4.523,6.634,8.971,10.252,13.267c1.734,2.035,3.543,3.995,5.352,5.955l-1.206,0.075l1.055,0.98 c-3.091,0.226-6.332,0.528-9.574,0.829c-2.035,0.226-4.146,0.377-6.257,0.603C250.796,337.037,246.499,337.49,242.428,337.942z M369.297,384.98c-8.971-5.729-18.996-13.795-31.359-24.575c17.564,1.809,31.359,5.654,41.159,11.383 c4.297,2.488,7.538,5.051,9.724,7.538c3.618,3.844,4.9,7.312,4.221,9.649c-0.603,2.337-3.241,3.92-6.483,3.92 c-1.885,0-3.844-0.452-5.88-1.432c-3.468-1.658-7.086-3.694-10.93-6.181C369.598,385.282,369.448,385.131,369.297,384.98z"})})]})})}import{Fragment as me,jsx as r,jsxs as h}from"react/jsx-runtime";var Or="/pdfjs",Co=32,Io=240,Ur=8192,mt=.25,pt=8,ht=80,To=80,Nr=i=>{switch(i){case"image":return r(ne,{});case"pdf":return r(ie,{});case"text":return r(Hr,{sx:{mr:1,color:"#66BB6A"}});case"spreadsheet":return r(_r,{sx:{mr:1,color:"#4CAF50"}});case"html":return r(yo,{sx:{mr:1,color:"#E91E63"}});case"code":return r(yo,{sx:{mr:1,color:"#2196F3"}});case"video":return r(Vr,{sx:{mr:1,color:"#AB47BC"}});case"audio":return r(Ar,{sx:{mr:1,color:"#FF7043"}});case"office":return r(Wr,{sx:{mr:1,color:"#FFA726"}});default:return r(Xr,{sx:{mr:1,color:"#78909C"}})}},ko=i=>typeof i?.rotate=="number"?i.rotate:typeof i?._pageInfo?.rotate=="number"?i._pageInfo.rotate:0,Lo=({open:i,onClose:s,file:d,files:m=null,initialIndex:Y=0,loadFile:U,onDownload:Z,pdfAssetBase:L=Or})=>{let x=co(),Eo=Er(),ae=Rr(Eo.breakpoints.down("sm")),M=mo(()=>m&&m.length>0?m:[],[m]),[Q,N]=p(0);B(()=>{i&&N(M.length>0?Math.min(Math.max(Y,0),M.length-1):0)},[i,Y,M]);let u=M.length>0?M[Q]??d:d,[he,Ae]=p(!0),[We,ft]=p(!1),[C,Xe]=p(""),[F,A]=p(1),[j,le]=p(0),[gt,fe]=p(""),[I,xt]=p(""),[yt,ge]=p(""),[se,xe]=p(14),[_e,ye]=p(""),[Ye,bt]=p("preview"),[je,ce]=p([]),[vt,wt]=p([]),[Po,Oe]=p(""),[Ue,Mt]=p(null),[Ct,be]=p(!1),[So,Ne]=p(!0),[It,ve]=p(""),[R,Tt]=p(),[E,$]=p(1),[Do,$e]=p(!1),[kt,J]=p(null),[we,Lt]=p("portrait"),[Bo,Ft]=p(0),[Ge,Rt]=p(0),[de,Et]=p({width:0,height:0}),Pt=g([]),Ke=g(null),G=g(null),qe=g(null),Ze=g(null),zo=w(e=>{if(qe.current?.disconnect(),Ze.current?.(),Ze.current=null,G.current=e,!e){qe.current=null;return}let t=a=>{a.touches.length>=2&&a.preventDefault()};e.addEventListener("touchmove",t,{passive:!1}),Ze.current=()=>e.removeEventListener("touchmove",t);let o=new ResizeObserver(a=>{let l=a[0]?.contentRect;l&&Et({width:l.width,height:l.height})});o.observe(e),qe.current=o;let n=e.getBoundingClientRect();Et({width:n.width,height:n.height})},[]),[Me,St]=p(!1),[Qe,Ho]=p({x:0,y:0}),[Je,Vo]=p({x:0,y:0}),Ao=w(async(e,t)=>{let o=URL.createObjectURL(e);Xe(o),xt(e.type||"");let n=T(t,e.type||"");if(n==="text"||n==="code"){let l=await e.text();ge(l);return}if(n==="html"){let l=await e.text();ye(l);return}if(n!=="spreadsheet")return;let a=t.split(".").pop()?.toLowerCase()||"";if(a==="csv"){let f=(await e.text()).split(`
|
|
2
|
-
`).map(v=>v.split(",").map(H=>({value:H.trim()})));ce(f);return}if(a==="xls"||a==="xlsx"){be(!0),Ne(!0);let l=await e.arrayBuffer(),f=pe.read(l,{type:"array"});wt(f.SheetNames),Mt(f);let v=f.SheetNames[0];Oe(v),rt(f,v)}},[]),Ce=g(null),Dt=w(async e=>{if(e.blob)return e.blob;if(U)return await U(e);if(e.url){let t=await fetch(e.url);if(!t.ok)throw new Error("\uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");return await t.blob()}throw new Error("\uD30C\uC77C \uB370\uC774\uD130 \uC18C\uC2A4(blob/url/loadFile)\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")},[U]);B(()=>(u&&i?Yo():(C&&URL.revokeObjectURL(C),Ce.current=null,Xe(""),ge(""),ye(""),ce([]),xe(14),A(1),le(0)),()=>{C&&URL.revokeObjectURL(C)}),[u,i]);let Wo=({numPages:e})=>{Tt(e),$(1),Ee.current=!0},Xo=e=>{let{width:t,height:o}=_o(e);Ft(ko(e)),t>0&&o>0&&Rt(t/o);let n=t>o?"landscape":"portrait";Lt(n)},_o=e=>{let t=e?.width||0,o=e?.height||0,n=ko(e);try{if(typeof e?.getViewport=="function"){let a=e.getViewport({scale:1,rotation:n});t=a.width,o=a.height}}catch(a){console.warn("[FileViewer] getViewport \uC2E4\uD328 - \uAE30\uBCF8 width/height\uB85C \uB300\uCCB4",a)}return{width:t,height:o}},Ie=w(()=>{$(e=>Math.max(e-1,1))},[]),Te=w(()=>{$(e=>Math.min(e+1,R||1))},[R]),Bt=mo(()=>({cMapUrl:`${L}/cmaps/`,cMapPacked:!0,standardFontDataUrl:`${L}/standard_fonts/`,wasmUrl:`${L}/wasm/`}),[L]);B(()=>{typeof window>"u"||(Yr.GlobalWorkerOptions.workerSrc=`${L}/pdf.worker.min.mjs`)},[L]),B(()=>{if(!i||M.length<=1||T(u?.name||"",I)==="pdf")return;let e=t=>{t.key==="ArrowLeft"?(t.preventDefault(),N(o=>Math.max(o-1,0))):t.key==="ArrowRight"&&(t.preventDefault(),N(o=>Math.min(o+1,M.length-1)))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,M.length,u?.name,I]),B(()=>{if(!i||T(u?.name||"",I)!=="pdf")return;let e=o=>{switch(o.key){case"ArrowLeft":case"ArrowUp":o.preventDefault(),Ie();break;case"ArrowRight":case"ArrowDown":o.preventDefault(),Te();break;case"Home":o.preventDefault(),$(1);break;case"End":o.preventDefault(),R&&$(R);break}},t=o=>{o.ctrlKey||Math.abs(o.deltaY)>50&&(o.preventDefault(),o.deltaY>0?Te():Ie())};return document.addEventListener("keydown",e),document.addEventListener("wheel",t,{passive:!1}),()=>{document.removeEventListener("keydown",e),document.removeEventListener("wheel",t)}},[i,u,I,Ie,Te,R]),B(()=>{if(!R||!i||T(u?.name||"",I)!=="pdf")return;if(E===1&&Ke.current){Ke.current.scrollTo({top:0,behavior:"smooth"});return}let e=Pt.current[E-1];e&&e.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},[i,u,I,R,E]),B(()=>{he&&ft(!0)},[he,We]);let Yo=async()=>{if(u){Ae(!0),fe(""),xt(""),ge(""),ye(""),ce([]);try{let e=await Dt(u);Ce.current=e,await Ao(e,u.name)}catch(e){console.error("\uD30C\uC77C \uB85C\uB4DC \uC624\uB958:",e),fe("\uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")}finally{Ae(!1)}}},zt=async()=>{if(u)try{if(Z){await Z(u);return}let e=Ce.current??await Dt(u);st(e,u.name)}catch(e){console.error("\uD30C\uC77C \uB2E4\uC6B4\uB85C\uB4DC \uC624\uB958:",e)}},jo=()=>{let e=u?T(u.name,I):"";e==="text"||e==="html"||e==="code"||e==="spreadsheet"?xe(t=>Math.min(t+2,24)):A(e==="pdf"?t=>Math.min(t+.25,pt):t=>Math.min(t+.25,3))},Oo=()=>{let e=u?T(u.name,I):"";e==="text"||e==="html"||e==="code"||e==="spreadsheet"?xe(t=>Math.max(t-2,10)):A(e==="pdf"?t=>Math.max(t-.25,mt):t=>Math.max(t-.25,.25))},y=g(new Map),Uo=e=>Math.min(Math.max(e,.25),3),No=e=>Math.min(Math.max(e,mt),pt),et=g(null),ke=g(null),X=g({scale:1,tx:0,ty:0,rotation:0}),O=g(0),ee=g(null),Le=g(null),Fe=w((e,t,o,n)=>{let a=et.current,l=ke.current;if(!a||!l)return{tx:t,ty:o};let f=l.offsetWidth,v=l.offsetHeight,H=(Math.round(n/90)%4+4)%4;if(H===1||H===3){let pr=f;f=v,v=pr}let W=f*e,no=v*e,io=W>a.clientWidth?(W+a.clientWidth)/2-To:0,ao=no>a.clientHeight?(no+a.clientHeight)/2-To:0;return{tx:Math.min(io,Math.max(-io,t)),ty:Math.min(ao,Math.max(-ao,o))}},[]),Ht=w((e,t)=>{let o=et.current,n=ke.current;if(!o||!n)return e>1;let a=(Math.round(t/90)%4+4)%4,l=a===1||a===3,f=l?n.offsetHeight:n.offsetWidth,v=l?n.offsetWidth:n.offsetHeight;return f*e>o.clientWidth+1||v*e>o.clientHeight+1},[]),K=w(e=>{let t=ke.current;if(!t)return;let{scale:o,tx:n,ty:a,rotation:l}=X.current;t.style.transition=e?"transform 0.25s ease":"none",t.style.transform=`translate(${n}px, ${a}px) scale(${o}) rotate(${l}deg)`},[]),Vt=w(()=>{let e=X.current,t=Fe(e.scale,e.tx,e.ty,e.rotation);e.tx=t.tx,e.ty=t.ty,!O.current&&(O.current=requestAnimationFrame(()=>{O.current=0,K(!1)}))},[K,Fe]),At=w(()=>{O.current&&(cancelAnimationFrame(O.current),O.current=0),y.current.clear(),ee.current=null,Le.current=null},[]),$o=w(e=>{ke.current=e,e&&(X.current={scale:1,tx:0,ty:0,rotation:0},K(!1))},[K]);B(()=>{if(T(u?.name||"",I)!=="image")return;let e=X.current;e.scale=F,e.rotation=j;let t=Fe(e.scale,e.tx,e.ty,e.rotation);e.tx=t.tx,e.ty=t.ty,K(!0)},[F,j,u,I,C,K,Fe]),B(()=>()=>{O.current&&cancelAnimationFrame(O.current)},[]);let Go=e=>{e.currentTarget.setPointerCapture?.(e.pointerId),y.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=[...y.current.values()],o=X.current;if(t.length===2){ee.current=null;let n=e.currentTarget.getBoundingClientRect();Le.current={startDist:Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y)||1,baseScale:o.scale,baseTx:o.tx,baseTy:o.ty,startMidX:(t[0].x+t[1].x)/2,startMidY:(t[0].y+t[1].y)/2,centerX:n.left+n.width/2,centerY:n.top+n.height/2}}else t.length===1&&Ht(o.scale,o.rotation)&&(ee.current={startX:e.clientX,startY:e.clientY,baseTx:o.tx,baseTy:o.ty})},Ko=e=>{if(!y.current.has(e.pointerId))return;y.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=X.current,o=Le.current,n=[...y.current.values()];if(o&&n.length>=2){let l=Math.hypot(n[0].x-n[1].x,n[0].y-n[1].y),f=(n[0].x+n[1].x)/2,v=(n[0].y+n[1].y)/2,H=Uo(o.baseScale*l/o.startDist),W=H/o.baseScale;t.scale=H,t.tx=f-o.centerX-W*(o.startMidX-o.centerX-o.baseTx),t.ty=v-o.centerY-W*(o.startMidY-o.centerY-o.baseTy),Vt();return}let a=ee.current;a&&n.length===1&&(t.tx=a.baseTx+(e.clientX-a.startX),t.ty=a.baseTy+(e.clientY-a.startY),Vt())},Wt=e=>{if(!y.current.has(e.pointerId))return;y.current.delete(e.pointerId),e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId);let t=X.current;if(y.current.size<2&&(Le.current=null,Math.abs(t.scale-F)>.001&&A(t.scale)),y.current.size===0)ee.current=null;else if(y.current.size===1&&Ht(t.scale,t.rotation)){let o=[...y.current.values()][0];ee.current={startX:o.x,startY:o.y,baseTx:t.tx,baseTy:t.ty}}},Xt=w(async()=>{if(C)try{let t=await(await fetch(C)).blob(),o=t.type==="image/png"?t:await so(t);await navigator.clipboard.write([new ClipboardItem({"image/png":o})]),ve("\uC774\uBBF8\uC9C0\uB97C \uD074\uB9BD\uBCF4\uB4DC\uC5D0 \uBCF5\uC0AC\uD588\uC2B5\uB2C8\uB2E4.")}catch(e){console.error("\uC774\uBBF8\uC9C0 \uBCF5\uC0AC \uC624\uB958:",e),ve("\uC774\uBBF8\uC9C0\uB97C \uBCF5\uC0AC\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")}},[C]);B(()=>{if(!i||T(u?.name||"",I)!=="image")return;let e=t=>{if(!(t.ctrlKey||t.metaKey)||t.key.toLowerCase()!=="c")return;let o=t.target,n=o?.tagName;n==="INPUT"||n==="TEXTAREA"||o?.isContentEditable||(t.preventDefault(),Xt())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,u,I,Xt]);let te=g(null),z=g(0),ue=g(null),oe=g(null),q=()=>G.current?.querySelector(".react-pdf__Page")??null,Re=g(null),_t=g(null),qo=()=>{let e=_t.current,t=q()?.querySelector("canvas");if(!e||!t||!t.width||!t.height)return!1;let o=document.createElement("canvas");o.width=t.width,o.height=t.height;let n=o.getContext("2d");if(!n)return!1;n.drawImage(t,0,0);let a=t.getBoundingClientRect(),l=e.getBoundingClientRect();return Object.assign(o.style,{position:"absolute",left:`${a.left-l.left}px`,top:`${a.top-l.top}px`,width:`${a.width}px`,height:`${a.height}px`,pointerEvents:"none",zIndex:"1"}),e.appendChild(o),Re.current=o,!0},Yt=()=>{Re.current?.remove(),Re.current=null;let e=q();e&&(e.style.visibility="")},Zo=()=>{z.current||(z.current=requestAnimationFrame(()=>{z.current=0;let e=te.current,t=q();!e||!t||(t.style.transition="none",t.style.transformOrigin="top left",t.style.transform=`translate(${e.tx}px, ${e.ty}px) scale(${e.k})`,ue.current={k:e.k,tx:e.tx,ty:e.ty,midX:e.lastMidX,midY:e.lastMidY})}))},jt=()=>{z.current&&(cancelAnimationFrame(z.current),z.current=0),te.current=null,oe.current=null,ue.current=null,Yt();let e=q();e&&(e.style.transform="",e.style.willChange="auto")},Ot=e=>{let t=q(),o=G.current;if(!t||!o)return;t.style.transform&&(t.style.transform="");let n=t.getBoundingClientRect(),a=o.getBoundingClientRect(),l=(e[0].x+e[1].x)/2,f=(e[0].y+e[1].y)/2;te.current={startDist:Math.hypot(e[0].x-e[1].x,e[0].y-e[1].y)||1,rectLeft:n.left,rectTop:n.top,pageW:n.width,pageH:n.height,viewerL:a.left,viewerT:a.top,viewerR:a.right,viewerB:a.bottom,startMidX:l,startMidY:f,lastMidX:l,lastMidY:f,k:1,tx:0,ty:0},ue.current={k:1,tx:0,ty:0,midX:l,midY:f},t.style.willChange="transform"},Qo=e=>{if(e.pointerType!=="touch")return;y.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=[...y.current.values()];if(t.length===2){if(oe.current||Re.current)return;Ot(t)}},Jo=e=>{if(!y.current.has(e.pointerId))return;y.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=te.current,o=[...y.current.values()];if(t&&o.length>=2){e.preventDefault();let n=Math.hypot(o[0].x-o[1].x,o[0].y-o[1].y),a=Math.min(Math.max(n/t.startDist,mt/(F||1)),pt/(F||1)),l=(o[0].x+o[1].x)/2,f=(o[0].y+o[1].y)/2,v=l-t.rectLeft-a*(t.startMidX-t.rectLeft),H=f-t.rectTop-a*(t.startMidY-t.rectTop),W=ht;v=Math.min(t.viewerR-W-t.rectLeft,Math.max(t.viewerL+W-t.rectLeft-a*t.pageW,v)),H=Math.min(t.viewerB-W-t.rectTop,Math.max(t.viewerT+W-t.rectTop-a*t.pageH,H)),t.k=a,t.tx=v,t.ty=H,t.lastMidX=l,t.lastMidY=f,Zo()}},Ut=e=>{if(y.current.delete(e.pointerId),y.current.size>=2)return;let t=te.current;if(te.current=null,!t)return;z.current&&(cancelAnimationFrame(z.current),z.current=0);let o=ue.current??{k:1,tx:0,ty:0,midX:t.startMidX,midY:t.startMidY};ue.current=null;let n=No(F*o.k);if(Math.abs(n-F)<.001){let l=G.current;jt(),l&&(l.scrollLeft-=o.tx,l.scrollTop-=o.ty);return}let a=G.current;if(a){let l=a.getBoundingClientRect();oe.current={u:(o.midX-t.rectLeft-o.tx)/o.k,v:(o.midY-t.rectTop-o.ty)/o.k,offX:o.midX-l.left,offY:o.midY-l.top,factor:n/(F||1)}}if(qo()){let l=q();l&&(l.style.transform="",l.style.visibility="hidden")}A(n),Math.round(Math.min(nt*n,to))===it&&requestAnimationFrame(()=>$t())},Ee=g(!0),tt=g(null),Nt=()=>{let e=G.current;e&&(e.scrollLeft=(e.scrollWidth-e.clientWidth)/2,e.scrollTop=(e.scrollHeight-e.clientHeight)/2)},$t=()=>{let e=oe.current;if(!e)return;oe.current=null;let t=G.current,o=q();if(!t||!o)return;Yt(),o.style.transform="",o.style.willChange="auto";let n=o.getBoundingClientRect(),a=t.getBoundingClientRect();t.scrollLeft+=n.left-a.left+e.u*e.factor-e.offX,t.scrollTop+=n.top-a.top+e.v*e.factor-e.offY;let l=[...y.current.values()];l.length>=2&&Ot(l)},Gt=()=>{let e=`${E}:${j}`;if(oe.current){tt.current=e,$t();return}(Ee.current||tt.current!==e)&&(Ee.current=!1,tt.current=e,Nt())};B(()=>()=>{z.current&&cancelAnimationFrame(z.current)},[]);let Kt=()=>{le(e=>e-90)},qt=()=>{le(e=>e+90)},Zt=()=>{let e=T(u?.name||"",I);jt(),e==="text"||e==="html"||e==="code"||e==="spreadsheet"?xe(14):e==="pdf"?(A(1),F===1&&j===0?Nt():Ee.current=!0):(At(),X.current={scale:1,tx:0,ty:0,rotation:0},K(!0),A(1)),le(0)},Qt=(e,t)=>{St(!0),Ho({x:e.clientX,y:e.clientY}),Vo({x:t.scrollLeft,y:t.scrollTop}),e.preventDefault()},Jt=w((e,t)=>{if(!Me)return;let o=e.clientX-Qe.x,n=e.clientY-Qe.y;t.scrollLeft=Je.x-o,t.scrollTop=Je.y-n,e.preventDefault()},[Me,Qe,Je]),ot=w(()=>{St(!1),document.body.style.cursor="default"},[]);B(()=>{if(Me){let e=t=>{document.querySelectorAll(".draggable-scroll").forEach(n=>{Jt(t,n)})};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",ot),document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",ot),document.body.style.userSelect="",document.body.style.webkitUserSelect=""}}},[Me,Jt,ot]);let er=w(()=>{Ae(!1),ft(!1)},[]),rt=w(async(e,t)=>{be(!0),Ne(!0);try{await new Promise(f=>setTimeout(f,500));let o=e.Sheets[t],n=pe.utils.decode_range(o["!ref"]||"A1");console.debug("Excel range:",n);let l=pe.utils.sheet_to_json(o,{header:1,range:n,defval:""}).map(f=>f.map(v=>({value:v!=null?String(v):""})));ce(l),await new Promise(f=>setTimeout(f,200))}catch(o){console.error("\uC6CC\uD06C\uC2DC\uD2B8 \uB85C\uB4DC \uC624\uB958:",o)}finally{Ne(!1)}},[]),tr=w(()=>{be(!1)},[]),or=w(e=>{Ue&&(Oe(e),rt(Ue,e))},[Ue,rt]),eo=()=>{At(),X.current={scale:1,tx:0,ty:0,rotation:0},ve(""),C&&URL.revokeObjectURL(C),Ce.current=null,Xe(""),ge(""),ye(""),ce([]),wt([]),Oe(""),Mt(null),be(!1),A(1),le(0),fe(""),Tt(void 0),$(1),Lt("portrait"),Ft(0),Rt(0),s()};if(!u)return null;let b=T(u.name,I),rr=((Bo+j)%360+360)%360,Pe=j%180===0?Ge:Ge>0?1/Ge:0,nr=Math.max(de.width-Co,Io),ir=Math.max(de.height-Co,Io),nt=de.width>0&&Pe>0?Math.min(nr,ir*Pe):we==="portrait"?600:800,ar=typeof window<"u"&&window.devicePixelRatio||1,to=Ur/ar*(Pe>0?Math.min(1,Pe):1),it=Math.round(Math.min(nt*F,to)),oo=Math.round(nt*F),lr=oo>it,sr=Math.max(16,Math.round(de.width)-ht),cr=Math.max(16,Math.round(de.height)-ht),dr=we==="landscape"?"200px":"150px",ur=we==="landscape"?.18:.17,ro=()=>R?r(c,{ref:Ke,sx:{width:dr,height:"100%",backgroundColor:"grey.200",borderRight:"1px solid",borderColor:"grey.300",overflow:"auto",p:2},children:Array.from({length:R},(e,t)=>h(c,{ref:o=>{Pt.current[t]=o},children:[r(c,{sx:{mb:0,p:1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:E===t+1?"2px solid":"1px solid",borderColor:E===t+1?"primary.main":"grey.400",borderRadius:1,overflow:"hidden",backgroundColor:"white","&:hover":{borderColor:"primary.main"},aspectRatio:we==="landscape"?"4 / 3":"3 / 4"},onClick:()=>{$(t+1),x&&$e(!1)},children:r(bo,{file:C,options:Bt,loading:r("div",{style:{display:"none"}}),children:r(vo,{pageNumber:t+1,scale:ur,loading:r("div",{style:{display:"none"}}),renderAnnotationLayer:!1,renderTextLayer:!1})})}),r(P,{variant:"caption",sx:{display:"block",textAlign:"center",p:.5,mb:1,color:E===t+1?"primary.main":"",fontWeight:E===t+1?"bold":"normal"},children:t+1})]},t+1))}):null,mr=()=>{let e=T(u?.name||"",I);if(We&&!(e==="spreadsheet"))return r(c,{sx:{display:"flex",height:"100%",width:"100%",alignItems:"center",justifyContent:"center"},children:r(Mo,{visible:he,exitDelay:100,onComplete:er})});if(gt)return h(c,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[r(P,{color:"error",variant:"h6",children:gt}),r(P,{color:"text.secondary",variant:"body2",sx:{mt:1},children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]});if(!C)return null;switch(e){case"image":return r(c,{ref:et,"data-allow-pinch":"true",onPointerDown:Go,onPointerMove:Ko,onPointerUp:Wt,onPointerCancel:Wt,sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"hidden",height:"100%",backgroundColor:"grey.100",p:2,touchAction:"none",overscrollBehavior:"contain",userSelect:"none","&:active":{cursor:"grabbing"}},children:r("img",{ref:$o,src:C,alt:u.name,draggable:!1,style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",display:"block",transform:"translate(0px, 0px) scale(1) rotate(0deg)",transformOrigin:"center center",pointerEvents:"none"}})});case"pdf":return h(me,{children:[h(c,{ref:_t,sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",backgroundColor:"grey.100",position:"relative",overflow:"hidden"},children:[!x&&ro(),r(c,{ref:zo,className:"draggable-scroll",onMouseDown:o=>{let n=o.currentTarget;Qt(o,n)},"data-allow-pinch":"true",onPointerDown:Qo,onPointerMove:Jo,onPointerUp:Ut,onPointerCancel:Ut,sx:{flex:1,display:"flex",flexDirection:"column",overflow:"auto",height:"100%",py:x?0:2,overflowAnchor:"none",touchAction:"pan-x pan-y","& > .react-pdf__Document":{m:"auto",...x&&{px:`${sr}px`,py:`${cr}px`},...lr&&{"& .react-pdf__Page__canvas":{width:`${oo}px !important`,height:"auto !important"}}}},children:r(bo,{file:C,onLoadSuccess:Wo,onLoadError:o=>{console.error("PDF \uB85C\uB4DC \uC624\uB958:",o),fe("PDF \uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")},loading:r("div",{style:{display:"none"}}),error:h(c,{sx:{textAlign:"center",p:4},children:[r(P,{color:"error",variant:"h6",sx:{mb:2},children:"PDF\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."}),r(P,{color:"text.secondary",variant:"body2",children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]}),options:Bt,children:r(vo,{pageNumber:E,width:it,rotate:j===0?void 0:rr,loading:r("div",{style:{display:"none"}}),renderAnnotationLayer:!1,renderTextLayer:!1,onLoadSuccess:Xo,onRenderSuccess:Gt,onRenderError:Gt})})})]}),x&&r(Ir,{anchor:"left",open:Do,onClose:()=>$e(!1),sx:{zIndex:o=>o.zIndex.modal+2},children:ro()})]});case"text":case"code":return r(c,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column"},children:yt?r(c,{sx:{flex:1,height:"100%",overflow:"hidden"},children:r(wo,{height:"100%",language:lt(u.name),value:yt,theme:"vs-dark",loading:!1,options:{readOnly:!0,domReadOnly:!0,minimap:{enabled:!0},scrollBeyondLastLine:!1,automaticLayout:!0,folding:!0,foldingHighlight:!1,formatOnPaste:!0,formatOnType:!0,wordWrap:"on",lineNumbers:"on",lineNumbersMinChars:4,glyphMargin:!1,renderLineHighlight:"none",renderWhitespace:"selection",fontFamily:"'Roboto', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace",fontSize:se,lineHeight:Math.round(se*1.5),scrollbar:{vertical:"auto",horizontal:"auto"},lineDecorationsWidth:10},onMount:(o,n)=>{o.onDidAttemptReadOnlyEdit(()=>{});let a=o.getDomNode();if(a){let l=document.createElement("style");l.textContent=`
|
|
1
|
+
import{useState as p,useEffect as B,useMemo as uo,useCallback as v,useRef as g}from"react";import{Dialog as vr,DialogTitle as Mr,DialogContent as Cr,Drawer as Ir,IconButton as k,Box as c,Typography as P,Tooltip as S,Button as mo,Tabs as Tr,Tab as kr,Menu as Lr,MenuItem as Pe,Snackbar as Fr,ListItemIcon as Se,ListItemText as De,useMediaQuery as Rr,useTheme as Er}from"@mui/material";import Pr from"@mui/icons-material/Close";import Sr from"@mui/icons-material/Menu";import Dr from"@mui/icons-material/MoreHoriz";import po from"@mui/icons-material/Download";import Br from"@mui/icons-material/Add";import zr from"@mui/icons-material/Remove";import ho from"@mui/icons-material/RotateLeft";import fo from"@mui/icons-material/RotateRight";import go from"@mui/icons-material/FitScreen";import ct from"@mui/icons-material/KeyboardArrowLeft";import dt from"@mui/icons-material/KeyboardArrowRight";import Hr from"@mui/icons-material/TextSnippet";import Vr from"@mui/icons-material/VideoFile";import Ar from"@mui/icons-material/AudioFile";import Wr from"@mui/icons-material/Description";import Xr from"@mui/icons-material/InsertDriveFile";import xo from"@mui/icons-material/Code";import _r from"@mui/icons-material/TableView";import{Document as yo,Page as bo,pdfjs as Yr}from"react-pdf";import wo from"@monaco-editor/react";import jr from"react-spreadsheet";import*as pe from"xlsx";import{LoadingProgress as vo}from"@ehfuse/mui-fadeout-loading-progress";var it=i=>{let s=i.split(".").pop()?.toLowerCase()||"";return["jpg","jpeg","png","gif","bmp","webp","svg"].includes(s)?"image":s==="pdf"?"pdf":["txt","json","xml","log","md","markdown"].includes(s)?"text":["csv","xls","xlsx"].includes(s)?"spreadsheet":["html","htm"].includes(s)?"html":["js","jsx","ts","tsx","css","scss","sass","less","php","py","java","c","cpp","h","hpp","cs","go","rs","rb","swift","kt","scala","sql","sh","bash","bat","ps1","yml","yaml","toml","ini","conf"].includes(s)?"code":["mp4","avi","mov","wmv","flv","webm"].includes(s)?"video":["mp3","wav","ogg","m4a","aac"].includes(s)?"audio":["doc","docx","ppt","pptx","hwp","hwpx"].includes(s)?"office":"unsupported"},ao=i=>{let s=(i||"").toLowerCase().split(";")[0].trim();return s?s.startsWith("image/")?"image":s==="application/pdf"?"pdf":s.startsWith("video/")?"video":s.startsWith("audio/")?"audio":s==="text/html"?"html":s==="text/csv"||s==="application/vnd.ms-excel"||s==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"?"spreadsheet":s.startsWith("text/")||s==="application/json"||s==="application/xml"?"text":"unsupported":"unsupported"},T=(i,s)=>{let d=it(i);return d!=="unsupported"?d:ao(s)},hr=new Set(["image","pdf","text","code","html","spreadsheet","video","audio"]),fr=i=>hr.has(it(i)),gr={"image/jpeg":"jpg","image/png":"png","image/gif":"gif","image/webp":"webp","image/bmp":"bmp","image/svg+xml":"svg","application/pdf":"pdf","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":"xlsx","application/vnd.ms-excel":"xls","text/csv":"csv","text/plain":"txt","application/json":"json","text/xml":"xml","application/xml":"xml","text/html":"html","video/mp4":"mp4","video/webm":"webm","audio/mpeg":"mp3","audio/wav":"wav"},xr=(i,s)=>{let d=(i??"").trim()||"\uCCA8\uBD80\uD30C\uC77C";if(/\.[a-z0-9]+$/i.test(d))return d;let m=(s??"").trim().toLowerCase().split(";")[0],Y=gr[m]??"";return Y?`${d}.${Y}`:d},at=i=>{let s=i.split(".").pop()?.toLowerCase()||"";return{js:"javascript",jsx:"javascript",ts:"typescript",tsx:"typescript",html:"html",htm:"html",css:"css",scss:"scss",sass:"scss",less:"less",json:"json",xml:"xml",php:"php",py:"python",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",go:"go",rs:"rust",rb:"ruby",swift:"swift",kt:"kotlin",scala:"scala",sql:"sql",sh:"shell",bash:"shell",bat:"bat",ps1:"powershell",yml:"yaml",yaml:"yaml",toml:"toml",ini:"ini",conf:"ini",md:"markdown",markdown:"markdown",txt:"plaintext",log:"plaintext",csv:"plaintext"}[s]||"plaintext"};var yr=i=>(i||"").replace(/[\\/:*?"<>|\r\n]/g,"_").trim()||"download",lt=(i,s)=>{let d=URL.createObjectURL(i),m=document.createElement("a");m.href=d,m.download=yr(s),m.rel="noopener",document.body.appendChild(m),m.click(),m.remove(),window.setTimeout(()=>URL.revokeObjectURL(d),6e4)};var lo=async i=>{let s=URL.createObjectURL(i);try{let d=await new Promise((U,Z)=>{let L=new Image;L.onload=()=>U(L),L.onerror=()=>Z(new Error("\uC774\uBBF8\uC9C0\uB97C \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")),L.src=s}),m=document.createElement("canvas");m.width=d.naturalWidth||d.width||1024,m.height=d.naturalHeight||d.height||1024;let Y=m.getContext("2d");if(!Y)throw new Error("\uCE94\uBC84\uC2A4\uB97C \uB9CC\uB4E4 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");return Y.drawImage(d,0,0,m.width,m.height),await new Promise((U,Z)=>{m.toBlob(L=>L?U(L):Z(new Error("PNG \uBCC0\uD658 \uC2E4\uD328")),"image/png")})}finally{URL.revokeObjectURL(s)}};import{useMediaQuery as br,useTheme as wr}from"@mui/material";function so(){let i=wr();return!br(i.breakpoints.up("lg"))}import{jsx as re,jsxs as co}from"react/jsx-runtime";function ne(i){return co("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 501.551 501.551",xmlSpace:"preserve",width:i.width||"22px",...i,children:[re("path",{style:{fill:"#F2F2F2"},d:"M480.653,0H20.898C9.404,0,0,9.404,0,20.898v459.755c0,11.494,9.404,20.898,20.898,20.898h459.755 c11.494,0,20.898-9.404,20.898-20.898V20.898C501.551,9.404,492.147,0,480.653,0z"}),re("rect",{x:36.571,y:36.571,style:{fill:"#84DBFF"},width:428.408,height:345.861}),re("path",{style:{fill:"#334A5E"},d:"M261.224,382.433H36.571v-87.771c17.763-5.224,37.616-7.314,57.469-7.314 c25.078,0,50.155,4.18,71.053,12.539c6.269,2.09,11.494,4.18,16.718,7.314C218.384,323.918,246.596,350.041,261.224,382.433z"}),re("path",{style:{fill:"#40596B"},d:"M464.98,271.673v110.759H127.478c9.404-29.257,29.257-55.38,55.38-76.278 c42.841-34.482,103.445-55.38,172.408-55.38C393.927,250.776,432.588,258.09,464.98,271.673z"}),co("g",{children:[re("circle",{style:{fill:"#FFFFFF"},cx:122.253,cy:122.253,r:42.841}),re("path",{style:{fill:"#FFFFFF"},d:"M433.633,101.355c1.045-3.135,1.045-6.269,1.045-9.404c0-16.718-13.584-31.347-31.347-31.347 c-11.494,0-21.943,6.269-27.167,15.673c-3.135-2.09-7.314-2.09-11.494-2.09c-14.629,0-26.122,10.449-28.212,24.033 c-8.359,2.09-14.629,9.404-14.629,17.763c0,10.449,8.359,18.808,18.808,18.808h82.547c10.449,0,18.808-8.359,18.808-18.808 C441.992,109.714,438.857,104.49,433.633,101.355z"})]})]})}import{jsx as D,jsxs as st}from"react/jsx-runtime";function ie(i){return D("svg",{id:"_x35_",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512",xmlSpace:"preserve",width:i.width||"28px",...i,children:st("g",{children:[D("polygon",{style:{fill:"#B12A27"},points:"475.435,117.825 475.435,512 47.791,512 47.791,0.002 357.613,0.002 412.491,54.881 "}),D("rect",{x:36.565,y:34.295,style:{fill:"#F2F2F2"},width:205.097,height:91.768}),st("g",{children:[st("g",{children:[D("path",{style:{fill:"#B12A27"},d:"M110.132,64.379c-0.905-2.186-2.111-4.146-3.769-5.804c-1.658-1.658-3.694-3.015-6.031-3.92 c-2.412-0.98-5.126-1.432-8.141-1.432H69.651v58.195h11.383V89.481h11.157c3.015,0,5.729-0.452,8.141-1.432 c2.337-0.905,4.372-2.261,6.031-3.92c1.659-1.658,2.865-3.543,3.769-5.804c0.829-2.186,1.282-4.523,1.282-6.935 C111.413,68.902,110.961,66.565,110.132,64.379z M97.844,77.118c-1.508,1.432-3.618,2.186-6.181,2.186H81.034V63.323h10.629 c2.563,0,4.674,0.754,6.181,2.261c1.432,1.432,2.186,3.392,2.186,5.804C100.031,73.726,99.277,75.686,97.844,77.118z"}),D("path",{style:{fill:"#B12A27"},d:"M164.558,75.761c-0.075-2.035-0.151-3.844-0.377-5.503c-0.226-1.659-0.603-3.166-1.131-4.598 c-0.528-1.357-1.206-2.714-2.111-3.92c-2.035-2.94-4.523-5.126-7.312-6.483c-2.865-1.357-6.257-2.035-10.252-2.035h-20.956 v58.195h20.956c3.995,0,7.387-0.678,10.252-2.035c2.789-1.357,5.277-3.543,7.312-6.483c0.905-1.206,1.583-2.563,2.111-3.92 c0.528-1.432,0.905-2.94,1.131-4.598c0.226-1.658,0.301-3.468,0.377-5.503c0.075-1.96,0.075-4.146,0.075-6.558 C164.633,79.908,164.633,77.721,164.558,75.761z M153.175,88.2c0,1.734-0.151,3.091-0.302,4.297 c-0.151,1.131-0.377,2.186-0.678,2.94c-0.301,0.829-0.754,1.583-1.281,2.261c-1.885,2.412-4.749,3.543-8.518,3.543h-8.669V63.323 h8.669c3.769,0,6.634,1.206,8.518,3.618c0.528,0.678,0.98,1.357,1.281,2.186s0.528,1.809,0.678,3.015 c0.151,1.131,0.302,2.563,0.302,4.221c0.075,1.659,0.075,3.694,0.075,5.955C153.251,84.581,153.251,86.541,153.175,88.2z"}),D("path",{style:{fill:"#B12A27"},d:"M213.18,63.323V53.222h-38.37v58.195h11.383V87.823h22.992V77.646h-22.992V63.323H213.18z"})]}),D("g",{children:D("path",{style:{fill:"#B12A27"},d:"M110.132,64.379c-0.905-2.186-2.111-4.146-3.769-5.804c-1.658-1.658-3.694-3.015-6.031-3.92 c-2.412-0.98-5.126-1.432-8.141-1.432H69.651v58.195h11.383V89.481h11.157c3.015,0,5.729-0.452,8.141-1.432 c2.337-0.905,4.372-2.261,6.031-3.92c1.659-1.658,2.865-3.543,3.769-5.804c0.829-2.186,1.282-4.523,1.282-6.935 C111.413,68.902,110.961,66.565,110.132,64.379z M97.844,77.118c-1.508,1.432-3.618,2.186-6.181,2.186H81.034V63.323h10.629 c2.563,0,4.674,0.754,6.181,2.261c1.432,1.432,2.186,3.392,2.186,5.804C100.031,73.726,99.277,75.686,97.844,77.118z"})})]}),D("polygon",{style:{opacity:.08,fill:"#040000"},points:"475.435,117.825 475.435,512 47.791,512 47.791,419.581 247.705,219.667 259.54,207.832 266.098,201.273 277.029,190.343 289.995,177.377 412.491,54.881 "}),D("polygon",{style:{fill:"#771B1B"},points:"475.435,117.836 357.599,117.836 357.599,0 "}),D("g",{children:D("path",{style:{fill:"#F2F2F2"},d:"M414.376,370.658c-2.488-4.372-5.88-8.518-10.101-12.287c-3.467-3.166-7.538-6.106-12.137-8.82 c-18.544-10.93-45.003-16.207-80.961-16.207h-3.618c-1.96-1.809-3.995-3.618-6.106-5.503 c-13.644-12.287-24.499-25.63-32.942-40.48c16.584-36.561,24.499-69.126,23.519-96.867c-0.151-4.674-0.829-9.046-2.035-13.117 c-1.809-6.558-4.824-12.363-9.046-17.112c-0.075-0.075-0.075-0.075-0.151-0.151c-6.709-7.538-16.056-11.835-25.555-11.835 c-9.574,0-18.393,4.146-24.801,11.76c-6.332,7.538-9.724,17.866-9.875,30.002c-0.226,18.544,1.281,36.108,4.448,52.315 c0.301,1.282,0.528,2.563,0.829,3.844c3.166,14.7,7.84,28.645,13.87,41.611c-7.086,14.398-14.247,26.836-19.223,35.279 c-3.769,6.408-7.915,13.117-12.212,19.826c-19.373,3.468-35.807,7.689-50.129,12.966c-19.373,7.011-34.902,16.056-46.059,26.836 c-7.237,6.935-12.137,14.323-14.549,22.012c-2.563,7.915-2.412,15.83,0.452,22.916c2.638,6.558,7.387,12.061,13.72,15.83 c1.508,0.905,3.091,1.658,4.749,2.337c4.825,1.96,10.101,3.015,15.604,3.015c12.74,0,25.856-5.503,36.937-15.378 c20.655-18.469,41.988-48.169,54.577-66.94c10.327-1.583,21.559-2.94,34.224-4.297c14.926-1.508,28.118-2.412,40.104-2.865 c3.694,3.317,7.237,6.483,10.629,9.498c18.846,16.81,33.168,28.947,46.134,37.465c0,0.075,0.075,0.075,0.151,0.075 c5.126,3.392,10.026,6.181,14.926,8.443c5.503,2.563,11.081,3.92,16.81,3.92c7.237,0,14.021-2.186,19.675-6.181 c5.729-4.146,9.875-10.101,11.76-16.81C420.18,387.694,418.899,378.724,414.376,370.658z M247.705,219.667 c-1.055-9.348-1.508-19.072-1.357-29.324c0.151-9.724,3.694-16.283,8.895-16.283c3.92,0,8.066,3.543,9.95,10.327 c0.528,2.035,0.905,4.372,0.98,7.01c0.151,3.166,0.075,6.483-0.075,9.875c-0.452,9.574-2.111,19.75-4.975,30.681 c-1.734,7.011-3.995,14.323-6.784,21.936C251.173,243.186,248.911,231.803,247.705,219.667z M121.967,418.073 c-1.282-3.166,0.151-9.272,7.991-16.81c11.986-11.458,30.756-20.504,56.914-27.364c-4.975,6.784-9.875,12.966-14.624,18.619 c-7.237,8.744-14.172,16.132-20.429,21.71c-5.352,4.824-11.232,7.84-16.81,8.594c-0.98,0.151-1.96,0.226-2.94,0.226 C127.168,423.049,123.173,421.089,121.967,418.073z M242.428,337.942l0.528-0.829l-0.829,0.151 c0.151-0.377,0.377-0.754,0.603-1.055c3.166-5.352,7.161-12.212,11.458-20.127l0.377,0.829l0.98-2.035 c3.166,4.523,6.634,8.971,10.252,13.267c1.734,2.035,3.543,3.995,5.352,5.955l-1.206,0.075l1.055,0.98 c-3.091,0.226-6.332,0.528-9.574,0.829c-2.035,0.226-4.146,0.377-6.257,0.603C250.796,337.037,246.499,337.49,242.428,337.942z M369.297,384.98c-8.971-5.729-18.996-13.795-31.359-24.575c17.564,1.809,31.359,5.654,41.159,11.383 c4.297,2.488,7.538,5.051,9.724,7.538c3.618,3.844,4.9,7.312,4.221,9.649c-0.603,2.337-3.241,3.92-6.483,3.92 c-1.885,0-3.844-0.452-5.88-1.432c-3.468-1.658-7.086-3.694-10.93-6.181C369.598,385.282,369.448,385.131,369.297,384.98z"})})]})})}import{Fragment as me,jsx as r,jsxs as h}from"react/jsx-runtime";var Or="/pdfjs",Mo=32,Co=240,Ur=8192,ut=.25,mt=8,pt=80,Io=80,Nr=i=>{switch(i){case"image":return r(ne,{});case"pdf":return r(ie,{});case"text":return r(Hr,{sx:{mr:1,color:"#66BB6A"}});case"spreadsheet":return r(_r,{sx:{mr:1,color:"#4CAF50"}});case"html":return r(xo,{sx:{mr:1,color:"#E91E63"}});case"code":return r(xo,{sx:{mr:1,color:"#2196F3"}});case"video":return r(Vr,{sx:{mr:1,color:"#AB47BC"}});case"audio":return r(Ar,{sx:{mr:1,color:"#FF7043"}});case"office":return r(Wr,{sx:{mr:1,color:"#FFA726"}});default:return r(Xr,{sx:{mr:1,color:"#78909C"}})}},To=i=>typeof i?.rotate=="number"?i.rotate:typeof i?._pageInfo?.rotate=="number"?i._pageInfo.rotate:0,ko=({open:i,onClose:s,file:d,files:m=null,initialIndex:Y=0,loadFile:U,onDownload:Z,pdfAssetBase:L=Or})=>{let x=so(),Ro=Er(),ae=Rr(Ro.breakpoints.down("sm")),M=uo(()=>m&&m.length>0?m:[],[m]),[Q,N]=p(0);B(()=>{i&&N(M.length>0?Math.min(Math.max(Y,0),M.length-1):0)},[i,Y,M]);let u=M.length>0?M[Q]??d:d,[Ve,Ae]=p(!0),[Eo,ht]=p(!1),[C,We]=p(""),[F,A]=p(1),[j,le]=p(0),[ft,he]=p(""),[I,gt]=p(""),[xt,fe]=p(""),[se,ge]=p(14),[Xe,xe]=p(""),[_e,yt]=p("preview"),[Ye,ce]=p([]),[bt,wt]=p([]),[Po,je]=p(""),[Oe,vt]=p(null),[Mt,ye]=p(!1),[So,Ue]=p(!0),[Ct,be]=p(""),[R,It]=p(),[E,$]=p(1),[Do,Ne]=p(!1),[Tt,J]=p(null),[we,kt]=p("portrait"),[Bo,Lt]=p(0),[$e,Ft]=p(0),[de,Rt]=p({width:0,height:0}),Et=g([]),Ge=g(null),G=g(null),Ke=g(null),qe=g(null),zo=v(e=>{if(Ke.current?.disconnect(),qe.current?.(),qe.current=null,G.current=e,!e){Ke.current=null;return}let t=a=>{a.touches.length>=2&&a.preventDefault()};e.addEventListener("touchmove",t,{passive:!1}),qe.current=()=>e.removeEventListener("touchmove",t);let o=new ResizeObserver(a=>{let l=a[0]?.contentRect;l&&Rt({width:l.width,height:l.height})});o.observe(e),Ke.current=o;let n=e.getBoundingClientRect();Rt({width:n.width,height:n.height})},[]),[ve,Pt]=p(!1),[Ze,Ho]=p({x:0,y:0}),[Qe,Vo]=p({x:0,y:0}),Ao=v(async(e,t)=>{let o=URL.createObjectURL(e);We(o),gt(e.type||"");let n=T(t,e.type||"");if(n==="text"||n==="code"){let l=await e.text();fe(l);return}if(n==="html"){let l=await e.text();xe(l);return}if(n!=="spreadsheet")return;let a=t.split(".").pop()?.toLowerCase()||"";if(a==="csv"){let f=(await e.text()).split(`
|
|
2
|
+
`).map(w=>w.split(",").map(H=>({value:H.trim()})));ce(f);return}if(a==="xls"||a==="xlsx"){ye(!0),Ue(!0);let l=await e.arrayBuffer(),f=pe.read(l,{type:"array"});wt(f.SheetNames),vt(f);let w=f.SheetNames[0];je(w),ot(f,w)}},[]),Me=g(null),St=v(async e=>{if(e.blob)return e.blob;if(U)return await U(e);if(e.url){let t=await fetch(e.url);if(!t.ok)throw new Error("\uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");return await t.blob()}throw new Error("\uD30C\uC77C \uB370\uC774\uD130 \uC18C\uC2A4(blob/url/loadFile)\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")},[U]);B(()=>(u&&i?Yo():(C&&URL.revokeObjectURL(C),Me.current=null,We(""),fe(""),xe(""),ce([]),ge(14),A(1),le(0)),()=>{C&&URL.revokeObjectURL(C)}),[u,i]);let Wo=({numPages:e})=>{It(e),$(1),Re.current=!0},Xo=e=>{let{width:t,height:o}=_o(e);Lt(To(e)),t>0&&o>0&&Ft(t/o);let n=t>o?"landscape":"portrait";kt(n)},_o=e=>{let t=e?.width||0,o=e?.height||0,n=To(e);try{if(typeof e?.getViewport=="function"){let a=e.getViewport({scale:1,rotation:n});t=a.width,o=a.height}}catch(a){console.warn("[FileViewer] getViewport \uC2E4\uD328 - \uAE30\uBCF8 width/height\uB85C \uB300\uCCB4",a)}return{width:t,height:o}},Ce=v(()=>{$(e=>Math.max(e-1,1))},[]),Ie=v(()=>{$(e=>Math.min(e+1,R||1))},[R]),Dt=uo(()=>({cMapUrl:`${L}/cmaps/`,cMapPacked:!0,standardFontDataUrl:`${L}/standard_fonts/`,wasmUrl:`${L}/wasm/`}),[L]);B(()=>{typeof window>"u"||(Yr.GlobalWorkerOptions.workerSrc=`${L}/pdf.worker.min.mjs`)},[L]),B(()=>{if(!i||M.length<=1||T(u?.name||"",I)==="pdf")return;let e=t=>{t.key==="ArrowLeft"?(t.preventDefault(),N(o=>Math.max(o-1,0))):t.key==="ArrowRight"&&(t.preventDefault(),N(o=>Math.min(o+1,M.length-1)))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,M.length,u?.name,I]),B(()=>{if(!i||T(u?.name||"",I)!=="pdf")return;let e=o=>{switch(o.key){case"ArrowLeft":case"ArrowUp":o.preventDefault(),Ce();break;case"ArrowRight":case"ArrowDown":o.preventDefault(),Ie();break;case"Home":o.preventDefault(),$(1);break;case"End":o.preventDefault(),R&&$(R);break}},t=o=>{o.ctrlKey||Math.abs(o.deltaY)>50&&(o.preventDefault(),o.deltaY>0?Ie():Ce())};return document.addEventListener("keydown",e),document.addEventListener("wheel",t,{passive:!1}),()=>{document.removeEventListener("keydown",e),document.removeEventListener("wheel",t)}},[i,u,I,Ce,Ie,R]),B(()=>{if(!R||!i||T(u?.name||"",I)!=="pdf")return;if(E===1&&Ge.current){Ge.current.scrollTo({top:0,behavior:"smooth"});return}let e=Et.current[E-1];e&&e.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},[i,u,I,R,E]),B(()=>{if(Ve){let e=window.setTimeout(()=>ht(!0),180);return()=>window.clearTimeout(e)}},[Ve]);let Yo=async()=>{if(u){Ae(!0),he(""),gt(""),fe(""),xe(""),ce([]);try{let e=await St(u);Me.current=e,await Ao(e,u.name)}catch(e){console.error("\uD30C\uC77C \uB85C\uB4DC \uC624\uB958:",e),he("\uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")}finally{Ae(!1)}}},Bt=async()=>{if(u)try{if(Z){await Z(u);return}let e=Me.current??await St(u);lt(e,u.name)}catch(e){console.error("\uD30C\uC77C \uB2E4\uC6B4\uB85C\uB4DC \uC624\uB958:",e)}},jo=()=>{let e=u?T(u.name,I):"";e==="text"||e==="html"||e==="code"||e==="spreadsheet"?ge(t=>Math.min(t+2,24)):A(e==="pdf"?t=>Math.min(t+.25,mt):t=>Math.min(t+.25,3))},Oo=()=>{let e=u?T(u.name,I):"";e==="text"||e==="html"||e==="code"||e==="spreadsheet"?ge(t=>Math.max(t-2,10)):A(e==="pdf"?t=>Math.max(t-.25,ut):t=>Math.max(t-.25,.25))},y=g(new Map),Uo=e=>Math.min(Math.max(e,.25),3),No=e=>Math.min(Math.max(e,ut),mt),Je=g(null),Te=g(null),X=g({scale:1,tx:0,ty:0,rotation:0}),O=g(0),ee=g(null),ke=g(null),Le=v((e,t,o,n)=>{let a=Je.current,l=Te.current;if(!a||!l)return{tx:t,ty:o};let f=l.offsetWidth,w=l.offsetHeight,H=(Math.round(n/90)%4+4)%4;if(H===1||H===3){let pr=f;f=w,w=pr}let W=f*e,ro=w*e,no=W>a.clientWidth?(W+a.clientWidth)/2-Io:0,io=ro>a.clientHeight?(ro+a.clientHeight)/2-Io:0;return{tx:Math.min(no,Math.max(-no,t)),ty:Math.min(io,Math.max(-io,o))}},[]),zt=v((e,t)=>{let o=Je.current,n=Te.current;if(!o||!n)return e>1;let a=(Math.round(t/90)%4+4)%4,l=a===1||a===3,f=l?n.offsetHeight:n.offsetWidth,w=l?n.offsetWidth:n.offsetHeight;return f*e>o.clientWidth+1||w*e>o.clientHeight+1},[]),K=v(e=>{let t=Te.current;if(!t)return;let{scale:o,tx:n,ty:a,rotation:l}=X.current;t.style.transition=e?"transform 0.25s ease":"none",t.style.transform=`translate(${n}px, ${a}px) scale(${o}) rotate(${l}deg)`},[]),Ht=v(()=>{let e=X.current,t=Le(e.scale,e.tx,e.ty,e.rotation);e.tx=t.tx,e.ty=t.ty,!O.current&&(O.current=requestAnimationFrame(()=>{O.current=0,K(!1)}))},[K,Le]),Vt=v(()=>{O.current&&(cancelAnimationFrame(O.current),O.current=0),y.current.clear(),ee.current=null,ke.current=null},[]),$o=v(e=>{Te.current=e,e&&(X.current={scale:1,tx:0,ty:0,rotation:0},K(!1))},[K]);B(()=>{if(T(u?.name||"",I)!=="image")return;let e=X.current;e.scale=F,e.rotation=j;let t=Le(e.scale,e.tx,e.ty,e.rotation);e.tx=t.tx,e.ty=t.ty,K(!0)},[F,j,u,I,C,K,Le]),B(()=>()=>{O.current&&cancelAnimationFrame(O.current)},[]);let Go=e=>{e.currentTarget.setPointerCapture?.(e.pointerId),y.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=[...y.current.values()],o=X.current;if(t.length===2){ee.current=null;let n=e.currentTarget.getBoundingClientRect();ke.current={startDist:Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y)||1,baseScale:o.scale,baseTx:o.tx,baseTy:o.ty,startMidX:(t[0].x+t[1].x)/2,startMidY:(t[0].y+t[1].y)/2,centerX:n.left+n.width/2,centerY:n.top+n.height/2}}else t.length===1&&zt(o.scale,o.rotation)&&(ee.current={startX:e.clientX,startY:e.clientY,baseTx:o.tx,baseTy:o.ty})},Ko=e=>{if(!y.current.has(e.pointerId))return;y.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=X.current,o=ke.current,n=[...y.current.values()];if(o&&n.length>=2){let l=Math.hypot(n[0].x-n[1].x,n[0].y-n[1].y),f=(n[0].x+n[1].x)/2,w=(n[0].y+n[1].y)/2,H=Uo(o.baseScale*l/o.startDist),W=H/o.baseScale;t.scale=H,t.tx=f-o.centerX-W*(o.startMidX-o.centerX-o.baseTx),t.ty=w-o.centerY-W*(o.startMidY-o.centerY-o.baseTy),Ht();return}let a=ee.current;a&&n.length===1&&(t.tx=a.baseTx+(e.clientX-a.startX),t.ty=a.baseTy+(e.clientY-a.startY),Ht())},At=e=>{if(!y.current.has(e.pointerId))return;y.current.delete(e.pointerId),e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId);let t=X.current;if(y.current.size<2&&(ke.current=null,Math.abs(t.scale-F)>.001&&A(t.scale)),y.current.size===0)ee.current=null;else if(y.current.size===1&&zt(t.scale,t.rotation)){let o=[...y.current.values()][0];ee.current={startX:o.x,startY:o.y,baseTx:t.tx,baseTy:t.ty}}},Wt=v(async()=>{if(C)try{let t=await(await fetch(C)).blob(),o=t.type==="image/png"?t:await lo(t);await navigator.clipboard.write([new ClipboardItem({"image/png":o})]),be("\uC774\uBBF8\uC9C0\uB97C \uD074\uB9BD\uBCF4\uB4DC\uC5D0 \uBCF5\uC0AC\uD588\uC2B5\uB2C8\uB2E4.")}catch(e){console.error("\uC774\uBBF8\uC9C0 \uBCF5\uC0AC \uC624\uB958:",e),be("\uC774\uBBF8\uC9C0\uB97C \uBCF5\uC0AC\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")}},[C]);B(()=>{if(!i||T(u?.name||"",I)!=="image")return;let e=t=>{if(!(t.ctrlKey||t.metaKey)||t.key.toLowerCase()!=="c")return;let o=t.target,n=o?.tagName;n==="INPUT"||n==="TEXTAREA"||o?.isContentEditable||(t.preventDefault(),Wt())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,u,I,Wt]);let te=g(null),z=g(0),ue=g(null),oe=g(null),q=()=>G.current?.querySelector(".react-pdf__Page")??null,Fe=g(null),Xt=g(null),qo=()=>{let e=Xt.current,t=q()?.querySelector("canvas");if(!e||!t||!t.width||!t.height)return!1;let o=document.createElement("canvas");o.width=t.width,o.height=t.height;let n=o.getContext("2d");if(!n)return!1;n.drawImage(t,0,0);let a=t.getBoundingClientRect(),l=e.getBoundingClientRect();return Object.assign(o.style,{position:"absolute",left:`${a.left-l.left}px`,top:`${a.top-l.top}px`,width:`${a.width}px`,height:`${a.height}px`,pointerEvents:"none",zIndex:"1"}),e.appendChild(o),Fe.current=o,!0},_t=()=>{Fe.current?.remove(),Fe.current=null;let e=q();e&&(e.style.visibility="")},Zo=()=>{z.current||(z.current=requestAnimationFrame(()=>{z.current=0;let e=te.current,t=q();!e||!t||(t.style.transition="none",t.style.transformOrigin="top left",t.style.transform=`translate(${e.tx}px, ${e.ty}px) scale(${e.k})`,ue.current={k:e.k,tx:e.tx,ty:e.ty,midX:e.lastMidX,midY:e.lastMidY})}))},Yt=()=>{z.current&&(cancelAnimationFrame(z.current),z.current=0),te.current=null,oe.current=null,ue.current=null,_t();let e=q();e&&(e.style.transform="",e.style.willChange="auto")},jt=e=>{let t=q(),o=G.current;if(!t||!o)return;t.style.transform&&(t.style.transform="");let n=t.getBoundingClientRect(),a=o.getBoundingClientRect(),l=(e[0].x+e[1].x)/2,f=(e[0].y+e[1].y)/2;te.current={startDist:Math.hypot(e[0].x-e[1].x,e[0].y-e[1].y)||1,rectLeft:n.left,rectTop:n.top,pageW:n.width,pageH:n.height,viewerL:a.left,viewerT:a.top,viewerR:a.right,viewerB:a.bottom,startMidX:l,startMidY:f,lastMidX:l,lastMidY:f,k:1,tx:0,ty:0},ue.current={k:1,tx:0,ty:0,midX:l,midY:f},t.style.willChange="transform"},Qo=e=>{if(e.pointerType!=="touch")return;y.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=[...y.current.values()];if(t.length===2){if(oe.current||Fe.current)return;jt(t)}},Jo=e=>{if(!y.current.has(e.pointerId))return;y.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=te.current,o=[...y.current.values()];if(t&&o.length>=2){e.preventDefault();let n=Math.hypot(o[0].x-o[1].x,o[0].y-o[1].y),a=Math.min(Math.max(n/t.startDist,ut/(F||1)),mt/(F||1)),l=(o[0].x+o[1].x)/2,f=(o[0].y+o[1].y)/2,w=l-t.rectLeft-a*(t.startMidX-t.rectLeft),H=f-t.rectTop-a*(t.startMidY-t.rectTop),W=pt;w=Math.min(t.viewerR-W-t.rectLeft,Math.max(t.viewerL+W-t.rectLeft-a*t.pageW,w)),H=Math.min(t.viewerB-W-t.rectTop,Math.max(t.viewerT+W-t.rectTop-a*t.pageH,H)),t.k=a,t.tx=w,t.ty=H,t.lastMidX=l,t.lastMidY=f,Zo()}},Ot=e=>{if(y.current.delete(e.pointerId),y.current.size>=2)return;let t=te.current;if(te.current=null,!t)return;z.current&&(cancelAnimationFrame(z.current),z.current=0);let o=ue.current??{k:1,tx:0,ty:0,midX:t.startMidX,midY:t.startMidY};ue.current=null;let n=No(F*o.k);if(Math.abs(n-F)<.001){let l=G.current;Yt(),l&&(l.scrollLeft-=o.tx,l.scrollTop-=o.ty);return}let a=G.current;if(a){let l=a.getBoundingClientRect();oe.current={u:(o.midX-t.rectLeft-o.tx)/o.k,v:(o.midY-t.rectTop-o.ty)/o.k,offX:o.midX-l.left,offY:o.midY-l.top,factor:n/(F||1)}}if(qo()){let l=q();l&&(l.style.transform="",l.style.visibility="hidden")}A(n),Math.round(Math.min(rt*n,eo))===nt&&requestAnimationFrame(()=>Nt())},Re=g(!0),et=g(null),Ut=()=>{let e=G.current;e&&(e.scrollLeft=(e.scrollWidth-e.clientWidth)/2,e.scrollTop=(e.scrollHeight-e.clientHeight)/2)},Nt=()=>{let e=oe.current;if(!e)return;oe.current=null;let t=G.current,o=q();if(!t||!o)return;_t(),o.style.transform="",o.style.willChange="auto";let n=o.getBoundingClientRect(),a=t.getBoundingClientRect();t.scrollLeft+=n.left-a.left+e.u*e.factor-e.offX,t.scrollTop+=n.top-a.top+e.v*e.factor-e.offY;let l=[...y.current.values()];l.length>=2&&jt(l)},$t=()=>{let e=`${E}:${j}`;if(oe.current){et.current=e,Nt();return}(Re.current||et.current!==e)&&(Re.current=!1,et.current=e,Ut())};B(()=>()=>{z.current&&cancelAnimationFrame(z.current)},[]);let Gt=()=>{le(e=>e-90)},Kt=()=>{le(e=>e+90)},qt=()=>{let e=T(u?.name||"",I);Yt(),e==="text"||e==="html"||e==="code"||e==="spreadsheet"?ge(14):e==="pdf"?(A(1),F===1&&j===0?Ut():Re.current=!0):(Vt(),X.current={scale:1,tx:0,ty:0,rotation:0},K(!0),A(1)),le(0)},Zt=(e,t)=>{Pt(!0),Ho({x:e.clientX,y:e.clientY}),Vo({x:t.scrollLeft,y:t.scrollTop}),e.preventDefault()},Qt=v((e,t)=>{if(!ve)return;let o=e.clientX-Ze.x,n=e.clientY-Ze.y;t.scrollLeft=Qe.x-o,t.scrollTop=Qe.y-n,e.preventDefault()},[ve,Ze,Qe]),tt=v(()=>{Pt(!1),document.body.style.cursor="default"},[]);B(()=>{if(ve){let e=t=>{document.querySelectorAll(".draggable-scroll").forEach(n=>{Qt(t,n)})};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",tt),document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",tt),document.body.style.userSelect="",document.body.style.webkitUserSelect=""}}},[ve,Qt,tt]);let er=v(()=>{Ae(!1),ht(!1)},[]),ot=v(async(e,t)=>{ye(!0),Ue(!0);try{await new Promise(f=>setTimeout(f,500));let o=e.Sheets[t],n=pe.utils.decode_range(o["!ref"]||"A1");console.debug("Excel range:",n);let l=pe.utils.sheet_to_json(o,{header:1,range:n,defval:""}).map(f=>f.map(w=>({value:w!=null?String(w):""})));ce(l),await new Promise(f=>setTimeout(f,200))}catch(o){console.error("\uC6CC\uD06C\uC2DC\uD2B8 \uB85C\uB4DC \uC624\uB958:",o)}finally{Ue(!1)}},[]),tr=v(()=>{ye(!1)},[]),or=v(e=>{Oe&&(je(e),ot(Oe,e))},[Oe,ot]),Jt=()=>{Vt(),X.current={scale:1,tx:0,ty:0,rotation:0},be(""),C&&URL.revokeObjectURL(C),Me.current=null,We(""),fe(""),xe(""),ce([]),wt([]),je(""),vt(null),ye(!1),A(1),le(0),he(""),It(void 0),$(1),kt("portrait"),Lt(0),Ft(0),s()};if(!u)return null;let b=T(u.name,I),rr=((Bo+j)%360+360)%360,Ee=j%180===0?$e:$e>0?1/$e:0,nr=Math.max(de.width-Mo,Co),ir=Math.max(de.height-Mo,Co),rt=de.width>0&&Ee>0?Math.min(nr,ir*Ee):we==="portrait"?600:800,ar=typeof window<"u"&&window.devicePixelRatio||1,eo=Ur/ar*(Ee>0?Math.min(1,Ee):1),nt=Math.round(Math.min(rt*F,eo)),to=Math.round(rt*F),lr=to>nt,sr=Math.max(16,Math.round(de.width)-pt),cr=Math.max(16,Math.round(de.height)-pt),dr=we==="landscape"?"200px":"150px",ur=we==="landscape"?.18:.17,oo=()=>R?r(c,{ref:Ge,sx:{width:dr,height:"100%",backgroundColor:"grey.200",borderRight:"1px solid",borderColor:"grey.300",overflow:"auto",p:2},children:Array.from({length:R},(e,t)=>h(c,{ref:o=>{Et.current[t]=o},children:[r(c,{sx:{mb:0,p:1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:E===t+1?"2px solid":"1px solid",borderColor:E===t+1?"primary.main":"grey.400",borderRadius:1,overflow:"hidden",backgroundColor:"white","&:hover":{borderColor:"primary.main"},aspectRatio:we==="landscape"?"4 / 3":"3 / 4"},onClick:()=>{$(t+1),x&&Ne(!1)},children:r(yo,{file:C,options:Dt,loading:r("div",{style:{display:"none"}}),children:r(bo,{pageNumber:t+1,scale:ur,loading:r("div",{style:{display:"none"}}),renderAnnotationLayer:!1,renderTextLayer:!1})})}),r(P,{variant:"caption",sx:{display:"block",textAlign:"center",p:.5,mb:1,color:E===t+1?"primary.main":"",fontWeight:E===t+1?"bold":"normal"},children:t+1})]},t+1))}):null,mr=()=>{let e=T(u?.name||"",I);if(Eo&&!(e==="spreadsheet"))return r(c,{sx:{display:"flex",height:"100%",width:"100%",alignItems:"center",justifyContent:"center"},children:r(vo,{visible:Ve,exitDelay:100,onComplete:er})});if(ft)return h(c,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[r(P,{color:"error",variant:"h6",children:ft}),r(P,{color:"text.secondary",variant:"body2",sx:{mt:1},children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]});if(!C)return null;switch(e){case"image":return r(c,{ref:Je,"data-allow-pinch":"true",onPointerDown:Go,onPointerMove:Ko,onPointerUp:At,onPointerCancel:At,sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"hidden",height:"100%",backgroundColor:"grey.100",p:2,touchAction:"none",overscrollBehavior:"contain",userSelect:"none","&:active":{cursor:"grabbing"}},children:r("img",{ref:$o,src:C,alt:u.name,draggable:!1,style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",display:"block",transform:"translate(0px, 0px) scale(1) rotate(0deg)",transformOrigin:"center center",pointerEvents:"none"}})});case"pdf":return h(me,{children:[h(c,{ref:Xt,sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",backgroundColor:"grey.100",position:"relative",overflow:"hidden"},children:[!x&&oo(),r(c,{ref:zo,className:"draggable-scroll",onMouseDown:o=>{let n=o.currentTarget;Zt(o,n)},"data-allow-pinch":"true",onPointerDown:Qo,onPointerMove:Jo,onPointerUp:Ot,onPointerCancel:Ot,sx:{flex:1,display:"flex",flexDirection:"column",overflow:"auto",height:"100%",py:x?0:2,overflowAnchor:"none",touchAction:"pan-x pan-y","& > .react-pdf__Document":{m:"auto",...x&&{px:`${sr}px`,py:`${cr}px`},...lr&&{"& .react-pdf__Page__canvas":{width:`${to}px !important`,height:"auto !important"}}}},children:r(yo,{file:C,onLoadSuccess:Wo,onLoadError:o=>{console.error("PDF \uB85C\uB4DC \uC624\uB958:",o),he("PDF \uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")},loading:r("div",{style:{display:"none"}}),error:h(c,{sx:{textAlign:"center",p:4},children:[r(P,{color:"error",variant:"h6",sx:{mb:2},children:"PDF\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."}),r(P,{color:"text.secondary",variant:"body2",children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]}),options:Dt,children:r(bo,{pageNumber:E,width:nt,rotate:j===0?void 0:rr,loading:r("div",{style:{display:"none"}}),renderAnnotationLayer:!1,renderTextLayer:!1,onLoadSuccess:Xo,onRenderSuccess:$t,onRenderError:$t})})})]}),x&&r(Ir,{anchor:"left",open:Do,onClose:()=>Ne(!1),sx:{zIndex:o=>o.zIndex.modal+2},children:oo()})]});case"text":case"code":return r(c,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column"},children:xt?r(c,{sx:{flex:1,height:"100%",overflow:"hidden"},children:r(wo,{height:"100%",language:at(u.name),value:xt,theme:"vs-dark",loading:!1,options:{readOnly:!0,domReadOnly:!0,minimap:{enabled:!0},scrollBeyondLastLine:!1,automaticLayout:!0,folding:!0,foldingHighlight:!1,formatOnPaste:!0,formatOnType:!0,wordWrap:"on",lineNumbers:"on",lineNumbersMinChars:4,glyphMargin:!1,renderLineHighlight:"none",renderWhitespace:"selection",fontFamily:"'Roboto', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace",fontSize:se,lineHeight:Math.round(se*1.5),scrollbar:{vertical:"auto",horizontal:"auto"},lineDecorationsWidth:10},onMount:(o,n)=>{o.onDidAttemptReadOnlyEdit(()=>{});let a=o.getDomNode();if(a){let l=document.createElement("style");l.textContent=`
|
|
3
3
|
.monaco-editor .margin-view-overlays {
|
|
4
4
|
border-right: 1px solid #3c3c3c;
|
|
5
5
|
}
|
|
@@ -27,7 +27,7 @@ import{useState as p,useEffect as B,useMemo as mo,useCallback as w,useRef as g}f
|
|
|
27
27
|
.monaco-editor .overlay.cursor-layer {
|
|
28
28
|
padding-left: 15px !important;
|
|
29
29
|
}
|
|
30
|
-
`,a.appendChild(l)}}})}):r(c,{sx:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:r(P,{color:"text.secondary",children:"\uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"html":return r(c,{sx:{width:"100%",height:"calc(100vh - 60px)",overflow:"hidden",borderRadius:1},children:
|
|
30
|
+
`,a.appendChild(l)}}})}):r(c,{sx:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:r(P,{color:"text.secondary",children:"\uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"html":return r(c,{sx:{width:"100%",height:"calc(100vh - 60px)",overflow:"hidden",borderRadius:1},children:Xe?h(c,{sx:{width:"100%",height:"100%",display:"flex",flexDirection:"column"},children:[h(c,{sx:{display:"flex",gap:1,p:1,borderBottom:"1px solid",borderColor:"grey.300",backgroundColor:"grey.50"},children:[r(mo,{variant:_e==="preview"?"contained":"outlined",size:"small",onClick:()=>yt("preview"),children:"\uBBF8\uB9AC\uBCF4\uAE30"}),r(mo,{variant:_e==="source"?"contained":"outlined",size:"small",onClick:()=>yt("source"),children:"\uC18C\uC2A4\uCF54\uB4DC"})]}),_e==="preview"?r(c,{sx:{flex:1,overflow:"auto",backgroundColor:"white",border:"1px solid",borderColor:"grey.300",fontSize:`${se}px`,p:2},dangerouslySetInnerHTML:{__html:Xe}}):r(c,{sx:{flex:1,height:"100%",overflow:"hidden"},children:r(wo,{height:"100%",language:"html",value:Xe,theme:"vs-dark",options:{readOnly:!0,domReadOnly:!0,minimap:{enabled:!0},scrollBeyondLastLine:!1,automaticLayout:!0,folding:!0,foldingHighlight:!1,wordWrap:"on",lineNumbers:"on",lineNumbersMinChars:4,glyphMargin:!1,renderLineHighlight:"none",renderWhitespace:"selection",fontFamily:"'Roboto', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace",fontSize:se,lineHeight:Math.round(se*1.5),scrollbar:{vertical:"auto",horizontal:"auto"},lineDecorationsWidth:10},onMount:(o,n)=>{o.onDidAttemptReadOnlyEdit(()=>{});let a=o.getDomNode();if(a){let l=document.createElement("style");l.textContent=`
|
|
31
31
|
.monaco-editor .margin-view-overlays {
|
|
32
32
|
border-right: 1px solid #3c3c3c;
|
|
33
33
|
}
|
|
@@ -55,4 +55,4 @@ import{useState as p,useEffect as B,useMemo as mo,useCallback as w,useRef as g}f
|
|
|
55
55
|
.monaco-editor .overlay.cursor-layer {
|
|
56
56
|
padding-left: 15px !important;
|
|
57
57
|
}
|
|
58
|
-
`,a.appendChild(l)}}})})]}):r(c,{sx:{backgroundColor:"white",p:2,borderRadius:1,border:"1px solid",borderColor:"grey.300",minHeight:"400px",display:"flex",alignItems:"center",justifyContent:"center"},children:r(P,{color:"text.secondary",children:"HTML \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"video":return r(c,{className:"draggable-scroll",onMouseDown:o=>{let n=o.currentTarget;Qt(o,n)},sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"auto"},children:r("video",{src:C,controls:!0,style:{maxWidth:"100%",maxHeight:"70vh",transform:`scale(${F}) rotate(${j}deg)`,transition:"transform 0.3s ease",pointerEvents:F>1?"none":"auto"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uBE44\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})});case"spreadsheet":return h(c,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column",overflow:"hidden"},children:[je.length>0||Ct?h(c,{sx:{flex:1,position:"relative",overflow:"scroll",backgroundColor:"white",minHeight:"400px",minWidth:"100%","&::-webkit-scrollbar":{width:"18px",height:"18px"},"&::-webkit-scrollbar-track":{backgroundColor:"#f1f1f1",borderRadius:"10px"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#888",borderRadius:"10px",border:"2px solid #f1f1f1","&:hover":{backgroundColor:"#555"}},"&::-webkit-scrollbar-corner":{backgroundColor:"#f1f1f1"}},children:[je.length>0&&r(c,{sx:{minWidth:"max-content",minHeight:"max-content"},children:r(jr,{data:je,darkMode:!1})}),Ct&&r(c,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.8)",zIndex:1e3},children:r(Mo,{visible:So,exitDelay:200,fadeoutDuration:300,onComplete:tr})})]}):r(c,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:r(P,{color:"text.secondary",children:"\uC2A4\uD504\uB808\uB4DC\uC2DC\uD2B8 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})}),vt.length>1&&r(c,{sx:{borderTop:1,borderColor:"divider",backgroundColor:"#e0e0e0",padding:"0 8px 8px 8px"},children:r(Tr,{value:Po,onChange:(o,n)=>or(n),variant:"scrollable",scrollButtons:"auto",sx:{minHeight:"36px","& .MuiTabs-flexContainer":{gap:"6px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{minHeight:"32px",fontSize:"0.875rem",textTransform:"none",padding:"6px 16px",margin:"0",backgroundColor:"white",border:"1px solid #d0d0d0",borderRadius:"0 0 4px 4px",color:"#666",minWidth:"80px",transition:"all 0.2s ease","&:hover":{backgroundColor:"#f8f8f8",color:"#333"},"&.Mui-selected":{backgroundColor:"primary.main",color:"white",border:"1px solid",borderColor:"primary.dark",fontWeight:600,"&:hover":{backgroundColor:"primary.dark"}}}},children:vt.map(o=>r(kr,{label:o,value:o},o))})})]});case"audio":return h(c,{sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column"},children:[r(P,{variant:"h6",sx:{mb:2},children:u.name}),r("audio",{src:C,controls:!0,style:{width:"100%",maxWidth:"500px"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uC624\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})]});default:return h(c,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[r(P,{variant:"h6",color:"text.secondary",children:"\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD615\uC2DD\uC785\uB2C8\uB2E4"}),r(P,{variant:"body2",color:"text.secondary",sx:{mt:1},children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]})}};return h(wr,{open:i,onClose:eo,maxWidth:"lg",fullScreen:!0,children:[h(Mr,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"grey.800",color:"white",height:"60px",boxSizing:"border-box",userSelect:"none",px:x?1:3},onContextMenu:e=>e.preventDefault(),children:[h(c,{sx:{display:"flex",alignItems:"center",gap:ae?.35:1,flexShrink:0,"& .MuiSvgIcon-root":{fontSize:x?"1.7rem":void 0}},children:[M.length>1?h(c,{sx:{display:"flex",alignItems:"center",gap:x?0:.5},children:[r(S,{title:"\uC774\uC804 \uD30C\uC77C",children:r("span",{style:{display:"inline-flex"},children:r(k,{onClick:()=>N(e=>Math.max(e-1,0)),disabled:Q<=0,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:r(dt,{})})})}),h(P,{variant:"body2",sx:{color:"grey.300",minWidth:40,textAlign:"center",userSelect:"none"},children:[Q+1," / ",M.length]}),r(S,{title:"\uB2E4\uC74C \uD30C\uC77C",children:r("span",{style:{display:"inline-flex"},children:r(k,{onClick:()=>N(e=>Math.min(e+1,M.length-1)),disabled:Q>=M.length-1,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:r(ut,{})})})})]}):null,x&&b==="pdf"&&R?r(S,{title:"\uD398\uC774\uC9C0 \uBAA9\uB85D",children:r(k,{onClick:()=>$e(e=>!e),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:r(Sr,{})})}):null,b==="pdf"&&R?h(c,{sx:{display:"flex",alignItems:"center",gap:x?0:.5},children:[r(S,{title:"\uC774\uC804 \uD398\uC774\uC9C0",children:r("span",{style:{display:"inline-flex"},children:r(k,{onClick:Ie,disabled:E<=1,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"},transition:"all 0.2s ease-in-out"},children:r(dt,{})})})}),r(P,{variant:"body2",sx:{minWidth:x?"auto":"80px",textAlign:"center",color:"white",px:x?.5:1,fontSize:x?"1.05rem":void 0,fontWeight:x?600:void 0,whiteSpace:"nowrap"},children:ae?E:`${E} / ${R}`}),r(S,{title:"\uB2E4\uC74C \uD398\uC774\uC9C0",children:r("span",{style:{display:"inline-flex"},children:r(k,{onClick:Te,disabled:E>=R,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"},transition:"all 0.2s ease-in-out"},children:r(ut,{})})})})]}):null]}),r(c,{sx:{display:"flex",alignItems:"center",flexGrow:1,mr:ae?0:2,overflow:"hidden"},children:!ae&&h(c,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1.5,fontSize:"1rem"},children:[Nr(b),u.name]})}),h(c,{className:"toolbar",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:ae?.35:1,"& .MuiSvgIcon-root":{fontSize:x?"1.7rem":void 0}},children:[(b==="image"||b==="pdf"||b==="text"||b==="html"||b==="code"||b==="spreadsheet")&&h(me,{children:[!(x&&(b==="image"||b==="pdf"))&&h(me,{children:[r(S,{title:"\uD655\uB300",children:r(k,{onClick:jo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(Br,{})})}),r(S,{title:"\uCD95\uC18C",children:r(k,{onClick:Oo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(zr,{})})})]}),!x&&r(S,{title:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30",children:r(k,{onClick:Zt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(xo,{})})}),!x&&(b==="image"||b==="pdf")&&h(me,{children:[r(S,{title:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804",children:r(k,{onClick:Kt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(fo,{})})}),r(S,{title:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804",children:r(k,{onClick:qt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(go,{})})})]})]}),!x&&r(S,{title:"\uB2E4\uC6B4\uB85C\uB4DC",children:r(k,{onClick:zt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(ho,{})})}),x&&h(me,{children:[r(S,{title:"\uB354\uBCF4\uAE30",children:r(k,{onClick:e=>J(e.currentTarget),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:r(Dr,{})})}),h(Lr,{anchorEl:kt,open:!!kt,onClose:()=>J(null),children:[b==="image"||b==="pdf"?h(Se,{onClick:()=>{Zt(),J(null)},children:[r(De,{children:r(xo,{fontSize:"small"})}),r(Be,{children:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30"})]}):null,b==="image"||b==="pdf"?h(Se,{onClick:()=>{Kt(),J(null)},children:[r(De,{children:r(fo,{fontSize:"small"})}),r(Be,{children:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804"})]}):null,b==="image"||b==="pdf"?h(Se,{onClick:()=>{qt(),J(null)},children:[r(De,{children:r(go,{fontSize:"small"})}),r(Be,{children:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804"})]}):null,h(Se,{onClick:()=>{zt(),J(null)},children:[r(De,{children:r(ho,{fontSize:"small"})}),r(Be,{children:"\uB2E4\uC6B4\uB85C\uB4DC"})]})]})]}),r(S,{title:"\uB2EB\uAE30",children:r(k,{onClick:eo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(Pr,{})})})]})]}),M.length>1&&Q>0?r(k,{"aria-label":"\uC774\uC804 \uD30C\uC77C",onClick:()=>N(e=>Math.max(e-1,0)),sx:{position:"fixed",left:12,top:"50%",transform:"translateY(-50%)",zIndex:10,color:"white",backgroundColor:"rgba(0, 0, 0, 0.35)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.55)"},width:44,height:44},children:r(dt,{sx:{fontSize:30}})}):null,M.length>1&&Q<M.length-1?r(k,{"aria-label":"\uB2E4\uC74C \uD30C\uC77C",onClick:()=>N(e=>Math.min(e+1,M.length-1)),sx:{position:"fixed",right:12,top:"50%",transform:"translateY(-50%)",zIndex:10,color:"white",backgroundColor:"rgba(0, 0, 0, 0.35)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.55)"},width:44,height:44},children:r(ut,{sx:{fontSize:30}})}):null,r(Cr,{sx:{p:"0 !important",overflow:"hidden",userSelect:"none"},onContextMenu:e=>e.preventDefault(),children:mr()}),r(Fr,{open:!!It,autoHideDuration:2e3,onClose:()=>ve(""),anchorOrigin:{vertical:"bottom",horizontal:"center"},message:It,sx:{"& .MuiSnackbarContent-message":{fontSize:"0.95rem"}}})]})},$r=Lo;import{jsx as Fo}from"react/jsx-runtime";function ze(i){return Fo("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 550.801 550.801",width:i.width||"22px",fill:i.fill||"#E91E63",...i,children:Fo("path",{d:"M488.426,197.019H475.2v-63.816c0-0.401-0.063-0.799-0.116-1.205c-0.021-2.534-0.827-5.023-2.562-6.992L366.325,3.691 c-0.032-0.031-0.063-0.042-0.085-0.073c-0.633-0.707-1.371-1.298-2.151-1.804c-0.231-0.158-0.464-0.287-0.706-0.422 c-0.676-0.366-1.393-0.675-2.131-0.896c-0.2-0.053-0.38-0.135-0.58-0.19C359.87,0.119,359.037,0,358.193,0H97.2 c-11.918,0-21.6,9.693-21.6,21.601v175.413H62.377c-17.049,0-30.873,13.818-30.873,30.87v160.542 c0,17.044,13.824,30.876,30.873,30.876h13.224V529.2c0,11.907,9.682,21.601,21.6,21.601h356.4c11.907,0,21.6-9.693,21.6-21.601 V419.302h13.226c17.044,0,30.871-13.827,30.871-30.87V227.89C519.297,210.838,505.47,197.019,488.426,197.019z M97.2,21.605 h250.193v110.51c0,5.967,4.841,10.8,10.8,10.8h95.407v54.108H97.2V21.605z M406.467,363.983h-26.104l-1.751-46.464 c-0.527-14.598-1.055-32.236-1.055-49.895h-0.517c-3.691,15.485-8.596,32.782-13.163,47.015l-14.354,47.366h-20.851l-12.625-47.002 c-3.85-14.228-7.889-31.524-10.694-47.374h-0.348c-0.707,16.397-1.234,35.129-2.1,50.253l-2.114,46.111h-24.711l7.535-121.395 h35.575l11.569,40.521c3.691,14.048,7.362,29.183,9.999,43.416h0.521c3.344-14.054,7.356-30.074,11.222-43.585l12.614-40.353 h34.879L406.467,363.983z M174.438,265.642v-23.058h90.77v23.058h-32.239v98.342h-26.821v-98.342H174.438z M89.403,313.195v50.788 H62.604V242.584h26.799v46.654h43.999v-46.654h26.645v121.399h-26.645v-50.794H89.403V313.195z M453.601,523.353H97.2V419.302 h356.4V523.353z M500.787,363.983h-73.786V242.584h26.811v98.339h46.976V363.983z"})})}import{jsx as _,jsxs as Gr}from"react/jsx-runtime";function He(i){return Gr("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 550.801 550.801",width:i.width||"22px",fill:i.fill||"#B45309",...i,children:[_("path",{d:"M475.095,131.992c-0.032-2.526-0.833-5.021-2.568-6.993L366.324,3.694c-0.021-0.034-0.053-0.045-0.084-0.076 c-0.633-0.707-1.36-1.29-2.141-1.804c-0.232-0.15-0.465-0.285-0.707-0.422c-0.686-0.366-1.393-0.67-2.131-0.892 c-0.2-0.058-0.379-0.14-0.58-0.192C359.87,0.114,359.047,0,358.203,0H97.2C85.292,0,75.6,9.693,75.6,21.601v507.6 c0,11.913,9.692,21.601,21.6,21.601H453.6c11.918,0,21.601-9.688,21.601-21.601V133.202 C475.2,132.796,475.137,132.398,475.095,131.992z M243.599,523.494H141.75v-15.936l62.398-89.797v-0.785h-56.565v-24.484h95.051 v17.106l-61.038,88.636v0.771h62.002V523.494z M292.021,523.494h-29.744V392.492h29.744V523.494z M399.705,463.44 c-10.104,9.524-25.069,13.796-42.566,13.796c-3.893,0-7.383-0.19-10.104-0.58v46.849h-29.352V394.242 c9.134-1.561,21.958-2.721,40.036-2.721c18.277,0,31.292,3.491,40.046,10.494c8.354,6.607,13.996,17.486,13.996,30.322 C411.761,445.163,407.479,456.053,399.705,463.44z M97.2,366.752V21.601h129.167v-3.396h32.756v3.396h88.28v110.515 c0,5.961,4.831,10.8,10.8,10.8H453.6l0.011,223.836H97.2z"}),_("path",{d:"M359.279,413.87c-6.033,0-10.114,0.586-12.245,1.171v38.676c2.521,0.585,5.632,0.785,9.914,0.785 c15.736,0,25.46-7.979,25.46-21.378C382.408,421.063,374.045,413.87,359.279,413.87z"}),_("rect",{x:"259.124",y:"39.918",width:"32.756",height:"13.516"}),_("rect",{x:"226.368",y:"21.601",width:"32.756",height:"10.125"}),_("rect",{x:"226.368",y:"60.146",width:"32.756",height:"13.516"}),_("rect",{x:"259.124",y:"82.274",width:"32.756",height:"13.518"}),_("rect",{x:"259.124",y:"124.983",width:"32.756",height:"13.516"}),_("rect",{x:"226.368",y:"103.275",width:"32.756",height:"13.516"}),_("path",{d:"M259.124,149.537c-23.193,0-34.225,18.792-34.225,41.99l-7.765,70.348c0,23.198,18.792,42.003,41.984,42.003 c23.19,0,41.974-18.805,41.974-42.003l-7.741-70.348C293.361,168.334,282.318,149.537,259.124,149.537z M273.04,285.431h-27.799 v-58.728h27.799V285.431z"})]})}import Kr from"@mui/icons-material/TextSnippet";import qr from"@mui/icons-material/VideoFile";import Zr from"@mui/icons-material/AudioFile";import Qr from"@mui/icons-material/Description";import Jr from"@mui/icons-material/InsertDriveFile";import en from"@mui/icons-material/Code";import tn from"@mui/icons-material/TableView";import{jsx as V}from"react/jsx-runtime";function Ve(i,s=22){let d=`${s}px`,m={fontSize:s};switch(i){case"image":return V(ne,{width:d,height:d});case"pdf":return V(ie,{width:d,height:d});case"html":return V(ze,{width:d,height:d});case"archive":return V(He,{width:d,height:d});case"text":return V(Kr,{sx:{...m,color:"#66BB6A"}});case"spreadsheet":return V(tn,{sx:{...m,color:"#4CAF50"}});case"code":return V(en,{sx:{...m,color:"#2196F3"}});case"video":return V(qr,{sx:{...m,color:"#AB47BC"}});case"audio":return V(Zr,{sx:{...m,color:"#FF7043"}});case"office":return V(Qr,{sx:{...m,color:"#FFA726"}});default:return V(Jr,{sx:{...m,color:"#78909C"}})}}var on=new Set(["zip","rar","7z","gz","tgz","tar","bz2","xz","alz","egg"]);function Ro({fileName:i,mime:s,size:d=22}){let m=i.includes(".")?i.slice(i.lastIndexOf(".")+1).toLowerCase():"";return on.has(m)?Ve("archive",d):Ve(T(i,s??""),d)}export{Ro as FileTypeIcon,Lo as FileViewer,$r as FileViewerDefault,ze as HtmlIcon,ne as ImageIcon,ie as PdfIcon,He as ZipIcon,xr as ensureFileExtension,lt as getEditorLanguage,at as getFileType,lo as getFileTypeFromMime,Ve as getFileTypeIcon,fr as isFileViewerPreviewable,T as resolveFileType,st as saveBlobAsFile};
|
|
58
|
+
`,a.appendChild(l)}}})})]}):r(c,{sx:{backgroundColor:"white",p:2,borderRadius:1,border:"1px solid",borderColor:"grey.300",minHeight:"400px",display:"flex",alignItems:"center",justifyContent:"center"},children:r(P,{color:"text.secondary",children:"HTML \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"video":return r(c,{className:"draggable-scroll",onMouseDown:o=>{let n=o.currentTarget;Zt(o,n)},sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"auto"},children:r("video",{src:C,controls:!0,style:{maxWidth:"100%",maxHeight:"70vh",transform:`scale(${F}) rotate(${j}deg)`,transition:"transform 0.3s ease",pointerEvents:F>1?"none":"auto"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uBE44\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})});case"spreadsheet":return h(c,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column",overflow:"hidden"},children:[Ye.length>0||Mt?h(c,{sx:{flex:1,position:"relative",overflow:"scroll",backgroundColor:"white",minHeight:"400px",minWidth:"100%","&::-webkit-scrollbar":{width:"18px",height:"18px"},"&::-webkit-scrollbar-track":{backgroundColor:"#f1f1f1",borderRadius:"10px"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#888",borderRadius:"10px",border:"2px solid #f1f1f1","&:hover":{backgroundColor:"#555"}},"&::-webkit-scrollbar-corner":{backgroundColor:"#f1f1f1"}},children:[Ye.length>0&&r(c,{sx:{minWidth:"max-content",minHeight:"max-content"},children:r(jr,{data:Ye,darkMode:!1})}),Mt&&r(c,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.8)",zIndex:1e3},children:r(vo,{visible:So,exitDelay:200,fadeoutDuration:300,onComplete:tr})})]}):r(c,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:r(P,{color:"text.secondary",children:"\uC2A4\uD504\uB808\uB4DC\uC2DC\uD2B8 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})}),bt.length>1&&r(c,{sx:{borderTop:1,borderColor:"divider",backgroundColor:"#e0e0e0",padding:"0 8px 8px 8px"},children:r(Tr,{value:Po,onChange:(o,n)=>or(n),variant:"scrollable",scrollButtons:"auto",sx:{minHeight:"36px","& .MuiTabs-flexContainer":{gap:"6px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{minHeight:"32px",fontSize:"0.875rem",textTransform:"none",padding:"6px 16px",margin:"0",backgroundColor:"white",border:"1px solid #d0d0d0",borderRadius:"0 0 4px 4px",color:"#666",minWidth:"80px",transition:"all 0.2s ease","&:hover":{backgroundColor:"#f8f8f8",color:"#333"},"&.Mui-selected":{backgroundColor:"primary.main",color:"white",border:"1px solid",borderColor:"primary.dark",fontWeight:600,"&:hover":{backgroundColor:"primary.dark"}}}},children:bt.map(o=>r(kr,{label:o,value:o},o))})})]});case"audio":return h(c,{sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column"},children:[r(P,{variant:"h6",sx:{mb:2},children:u.name}),r("audio",{src:C,controls:!0,style:{width:"100%",maxWidth:"500px"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uC624\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})]});default:return h(c,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[r(P,{variant:"h6",color:"text.secondary",children:"\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD615\uC2DD\uC785\uB2C8\uB2E4"}),r(P,{variant:"body2",color:"text.secondary",sx:{mt:1},children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]})}};return h(vr,{open:i,onClose:Jt,maxWidth:"lg",fullScreen:!0,children:[h(Mr,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"grey.800",color:"white",height:"60px",boxSizing:"border-box",userSelect:"none",px:x?1:3},onContextMenu:e=>e.preventDefault(),children:[h(c,{sx:{display:"flex",alignItems:"center",gap:ae?.35:1,flexShrink:0,"& .MuiSvgIcon-root":{fontSize:x?"1.7rem":void 0}},children:[M.length>1?h(c,{sx:{display:"flex",alignItems:"center",gap:x?0:.5},children:[r(S,{title:"\uC774\uC804 \uD30C\uC77C",children:r("span",{style:{display:"inline-flex"},children:r(k,{onClick:()=>N(e=>Math.max(e-1,0)),disabled:Q<=0,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:r(ct,{})})})}),h(P,{variant:"body2",sx:{color:"grey.300",minWidth:40,textAlign:"center",userSelect:"none"},children:[Q+1," / ",M.length]}),r(S,{title:"\uB2E4\uC74C \uD30C\uC77C",children:r("span",{style:{display:"inline-flex"},children:r(k,{onClick:()=>N(e=>Math.min(e+1,M.length-1)),disabled:Q>=M.length-1,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:r(dt,{})})})})]}):null,x&&b==="pdf"&&R?r(S,{title:"\uD398\uC774\uC9C0 \uBAA9\uB85D",children:r(k,{onClick:()=>Ne(e=>!e),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:r(Sr,{})})}):null,b==="pdf"&&R?h(c,{sx:{display:"flex",alignItems:"center",gap:x?0:.5},children:[r(S,{title:"\uC774\uC804 \uD398\uC774\uC9C0",children:r("span",{style:{display:"inline-flex"},children:r(k,{onClick:Ce,disabled:E<=1,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"},transition:"all 0.2s ease-in-out"},children:r(ct,{})})})}),r(P,{variant:"body2",sx:{minWidth:x?"auto":"80px",textAlign:"center",color:"white",px:x?.5:1,fontSize:x?"1.05rem":void 0,fontWeight:x?600:void 0,whiteSpace:"nowrap"},children:ae?E:`${E} / ${R}`}),r(S,{title:"\uB2E4\uC74C \uD398\uC774\uC9C0",children:r("span",{style:{display:"inline-flex"},children:r(k,{onClick:Ie,disabled:E>=R,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"},transition:"all 0.2s ease-in-out"},children:r(dt,{})})})})]}):null]}),r(c,{sx:{display:"flex",alignItems:"center",flexGrow:1,mr:ae?0:2,overflow:"hidden"},children:!ae&&h(c,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1.5,fontSize:"1rem"},children:[Nr(b),u.name]})}),h(c,{className:"toolbar",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:ae?.35:1,"& .MuiSvgIcon-root":{fontSize:x?"1.7rem":void 0}},children:[(b==="image"||b==="pdf"||b==="text"||b==="html"||b==="code"||b==="spreadsheet")&&h(me,{children:[!(x&&(b==="image"||b==="pdf"))&&h(me,{children:[r(S,{title:"\uD655\uB300",children:r(k,{onClick:jo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(Br,{})})}),r(S,{title:"\uCD95\uC18C",children:r(k,{onClick:Oo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(zr,{})})})]}),!x&&r(S,{title:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30",children:r(k,{onClick:qt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(go,{})})}),!x&&(b==="image"||b==="pdf")&&h(me,{children:[r(S,{title:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804",children:r(k,{onClick:Gt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(ho,{})})}),r(S,{title:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804",children:r(k,{onClick:Kt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(fo,{})})})]})]}),!x&&r(S,{title:"\uB2E4\uC6B4\uB85C\uB4DC",children:r(k,{onClick:Bt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(po,{})})}),x&&h(me,{children:[r(S,{title:"\uB354\uBCF4\uAE30",children:r(k,{onClick:e=>J(e.currentTarget),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:r(Dr,{})})}),h(Lr,{anchorEl:Tt,open:!!Tt,onClose:()=>J(null),children:[b==="image"||b==="pdf"?h(Pe,{onClick:()=>{qt(),J(null)},children:[r(Se,{children:r(go,{fontSize:"small"})}),r(De,{children:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30"})]}):null,b==="image"||b==="pdf"?h(Pe,{onClick:()=>{Gt(),J(null)},children:[r(Se,{children:r(ho,{fontSize:"small"})}),r(De,{children:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804"})]}):null,b==="image"||b==="pdf"?h(Pe,{onClick:()=>{Kt(),J(null)},children:[r(Se,{children:r(fo,{fontSize:"small"})}),r(De,{children:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804"})]}):null,h(Pe,{onClick:()=>{Bt(),J(null)},children:[r(Se,{children:r(po,{fontSize:"small"})}),r(De,{children:"\uB2E4\uC6B4\uB85C\uB4DC"})]})]})]}),r(S,{title:"\uB2EB\uAE30",children:r(k,{onClick:Jt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:r(Pr,{})})})]})]}),M.length>1&&Q>0?r(k,{"aria-label":"\uC774\uC804 \uD30C\uC77C",onClick:()=>N(e=>Math.max(e-1,0)),sx:{position:"fixed",left:12,top:"50%",transform:"translateY(-50%)",zIndex:10,color:"white",backgroundColor:"rgba(0, 0, 0, 0.35)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.55)"},width:44,height:44},children:r(ct,{sx:{fontSize:30}})}):null,M.length>1&&Q<M.length-1?r(k,{"aria-label":"\uB2E4\uC74C \uD30C\uC77C",onClick:()=>N(e=>Math.min(e+1,M.length-1)),sx:{position:"fixed",right:12,top:"50%",transform:"translateY(-50%)",zIndex:10,color:"white",backgroundColor:"rgba(0, 0, 0, 0.35)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.55)"},width:44,height:44},children:r(dt,{sx:{fontSize:30}})}):null,r(Cr,{sx:{p:"0 !important",overflow:"hidden",userSelect:"none"},onContextMenu:e=>e.preventDefault(),children:mr()}),r(Fr,{open:!!Ct,autoHideDuration:2e3,onClose:()=>be(""),anchorOrigin:{vertical:"bottom",horizontal:"center"},message:Ct,sx:{"& .MuiSnackbarContent-message":{fontSize:"0.95rem"}}})]})},$r=ko;import{jsx as Lo}from"react/jsx-runtime";function Be(i){return Lo("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 550.801 550.801",width:i.width||"22px",fill:i.fill||"#E91E63",...i,children:Lo("path",{d:"M488.426,197.019H475.2v-63.816c0-0.401-0.063-0.799-0.116-1.205c-0.021-2.534-0.827-5.023-2.562-6.992L366.325,3.691 c-0.032-0.031-0.063-0.042-0.085-0.073c-0.633-0.707-1.371-1.298-2.151-1.804c-0.231-0.158-0.464-0.287-0.706-0.422 c-0.676-0.366-1.393-0.675-2.131-0.896c-0.2-0.053-0.38-0.135-0.58-0.19C359.87,0.119,359.037,0,358.193,0H97.2 c-11.918,0-21.6,9.693-21.6,21.601v175.413H62.377c-17.049,0-30.873,13.818-30.873,30.87v160.542 c0,17.044,13.824,30.876,30.873,30.876h13.224V529.2c0,11.907,9.682,21.601,21.6,21.601h356.4c11.907,0,21.6-9.693,21.6-21.601 V419.302h13.226c17.044,0,30.871-13.827,30.871-30.87V227.89C519.297,210.838,505.47,197.019,488.426,197.019z M97.2,21.605 h250.193v110.51c0,5.967,4.841,10.8,10.8,10.8h95.407v54.108H97.2V21.605z M406.467,363.983h-26.104l-1.751-46.464 c-0.527-14.598-1.055-32.236-1.055-49.895h-0.517c-3.691,15.485-8.596,32.782-13.163,47.015l-14.354,47.366h-20.851l-12.625-47.002 c-3.85-14.228-7.889-31.524-10.694-47.374h-0.348c-0.707,16.397-1.234,35.129-2.1,50.253l-2.114,46.111h-24.711l7.535-121.395 h35.575l11.569,40.521c3.691,14.048,7.362,29.183,9.999,43.416h0.521c3.344-14.054,7.356-30.074,11.222-43.585l12.614-40.353 h34.879L406.467,363.983z M174.438,265.642v-23.058h90.77v23.058h-32.239v98.342h-26.821v-98.342H174.438z M89.403,313.195v50.788 H62.604V242.584h26.799v46.654h43.999v-46.654h26.645v121.399h-26.645v-50.794H89.403V313.195z M453.601,523.353H97.2V419.302 h356.4V523.353z M500.787,363.983h-73.786V242.584h26.811v98.339h46.976V363.983z"})})}import{jsx as _,jsxs as Gr}from"react/jsx-runtime";function ze(i){return Gr("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 550.801 550.801",width:i.width||"22px",fill:i.fill||"#B45309",...i,children:[_("path",{d:"M475.095,131.992c-0.032-2.526-0.833-5.021-2.568-6.993L366.324,3.694c-0.021-0.034-0.053-0.045-0.084-0.076 c-0.633-0.707-1.36-1.29-2.141-1.804c-0.232-0.15-0.465-0.285-0.707-0.422c-0.686-0.366-1.393-0.67-2.131-0.892 c-0.2-0.058-0.379-0.14-0.58-0.192C359.87,0.114,359.047,0,358.203,0H97.2C85.292,0,75.6,9.693,75.6,21.601v507.6 c0,11.913,9.692,21.601,21.6,21.601H453.6c11.918,0,21.601-9.688,21.601-21.601V133.202 C475.2,132.796,475.137,132.398,475.095,131.992z M243.599,523.494H141.75v-15.936l62.398-89.797v-0.785h-56.565v-24.484h95.051 v17.106l-61.038,88.636v0.771h62.002V523.494z M292.021,523.494h-29.744V392.492h29.744V523.494z M399.705,463.44 c-10.104,9.524-25.069,13.796-42.566,13.796c-3.893,0-7.383-0.19-10.104-0.58v46.849h-29.352V394.242 c9.134-1.561,21.958-2.721,40.036-2.721c18.277,0,31.292,3.491,40.046,10.494c8.354,6.607,13.996,17.486,13.996,30.322 C411.761,445.163,407.479,456.053,399.705,463.44z M97.2,366.752V21.601h129.167v-3.396h32.756v3.396h88.28v110.515 c0,5.961,4.831,10.8,10.8,10.8H453.6l0.011,223.836H97.2z"}),_("path",{d:"M359.279,413.87c-6.033,0-10.114,0.586-12.245,1.171v38.676c2.521,0.585,5.632,0.785,9.914,0.785 c15.736,0,25.46-7.979,25.46-21.378C382.408,421.063,374.045,413.87,359.279,413.87z"}),_("rect",{x:"259.124",y:"39.918",width:"32.756",height:"13.516"}),_("rect",{x:"226.368",y:"21.601",width:"32.756",height:"10.125"}),_("rect",{x:"226.368",y:"60.146",width:"32.756",height:"13.516"}),_("rect",{x:"259.124",y:"82.274",width:"32.756",height:"13.518"}),_("rect",{x:"259.124",y:"124.983",width:"32.756",height:"13.516"}),_("rect",{x:"226.368",y:"103.275",width:"32.756",height:"13.516"}),_("path",{d:"M259.124,149.537c-23.193,0-34.225,18.792-34.225,41.99l-7.765,70.348c0,23.198,18.792,42.003,41.984,42.003 c23.19,0,41.974-18.805,41.974-42.003l-7.741-70.348C293.361,168.334,282.318,149.537,259.124,149.537z M273.04,285.431h-27.799 v-58.728h27.799V285.431z"})]})}import Kr from"@mui/icons-material/TextSnippet";import qr from"@mui/icons-material/VideoFile";import Zr from"@mui/icons-material/AudioFile";import Qr from"@mui/icons-material/Description";import Jr from"@mui/icons-material/InsertDriveFile";import en from"@mui/icons-material/Code";import tn from"@mui/icons-material/TableView";import{jsx as V}from"react/jsx-runtime";function He(i,s=22){let d=`${s}px`,m={fontSize:s};switch(i){case"image":return V(ne,{width:d,height:d});case"pdf":return V(ie,{width:d,height:d});case"html":return V(Be,{width:d,height:d});case"archive":return V(ze,{width:d,height:d});case"text":return V(Kr,{sx:{...m,color:"#66BB6A"}});case"spreadsheet":return V(tn,{sx:{...m,color:"#4CAF50"}});case"code":return V(en,{sx:{...m,color:"#2196F3"}});case"video":return V(qr,{sx:{...m,color:"#AB47BC"}});case"audio":return V(Zr,{sx:{...m,color:"#FF7043"}});case"office":return V(Qr,{sx:{...m,color:"#FFA726"}});default:return V(Jr,{sx:{...m,color:"#78909C"}})}}var on=new Set(["zip","rar","7z","gz","tgz","tar","bz2","xz","alz","egg"]);function Fo({fileName:i,mime:s,size:d=22}){let m=i.includes(".")?i.slice(i.lastIndexOf(".")+1).toLowerCase():"";return on.has(m)?He("archive",d):He(T(i,s??""),d)}export{Fo as FileTypeIcon,ko as FileViewer,$r as FileViewerDefault,Be as HtmlIcon,ne as ImageIcon,ie as PdfIcon,ze as ZipIcon,xr as ensureFileExtension,at as getEditorLanguage,it as getFileType,ao as getFileTypeFromMime,He as getFileTypeIcon,fr as isFileViewerPreviewable,T as resolveFileType,lt as saveBlobAsFile};
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var Ir=Object.create;var Re=Object.defineProperty;var Tr=Object.getOwnPropertyDescriptor;var kr=Object.getOwnPropertyNames;var Lr=Object.getPrototypeOf,Fr=Object.prototype.hasOwnProperty;var Rr=(a,d)=>{for(var u in d)Re(a,u,{get:d[u],enumerable:!0})},uo=(a,d,u,m)=>{if(d&&typeof d=="object"||typeof d=="function")for(let T of kr(d))!Fr.call(a,T)&&T!==u&&Re(a,T,{get:()=>d[T],enumerable:!(m=Tr(d,T))||m.enumerable});return a};var h=(a,d,u)=>(u=a!=null?Ir(Lr(a)):{},uo(d||!a||!a.__esModule?Re(u,"default",{value:a,enumerable:!0}):u,a)),Er=a=>uo(Re({},"__esModule",{value:!0}),a);var Ar={};Rr(Ar,{FileTypeIcon:()=>xt,FileViewer:()=>ft,FileViewerDefault:()=>So,HtmlIcon:()=>se,ImageIcon:()=>$,PdfIcon:()=>G,ZipIcon:()=>ce,ensureFileExtension:()=>po,getEditorLanguage:()=>Pe,getFileType:()=>Ee,getFileTypeFromMime:()=>nt,getFileTypeIcon:()=>de,isFileViewerPreviewable:()=>mo,resolveFileType:()=>C,saveBlobAsFile:()=>Se});module.exports=Er(Ar);var i=require("react"),n=require("@mui/material"),vo=h(require("@mui/icons-material/Close"),1),wo=h(require("@mui/icons-material/Menu"),1),Mo=h(require("@mui/icons-material/MoreHoriz"),1),st=h(require("@mui/icons-material/Download"),1),Co=h(require("@mui/icons-material/Add"),1),Io=h(require("@mui/icons-material/Remove"),1),ct=h(require("@mui/icons-material/RotateLeft"),1),dt=h(require("@mui/icons-material/RotateRight"),1),ut=h(require("@mui/icons-material/FitScreen"),1),Be=h(require("@mui/icons-material/KeyboardArrowLeft"),1),ze=h(require("@mui/icons-material/KeyboardArrowRight"),1),To=h(require("@mui/icons-material/TextSnippet"),1),ko=h(require("@mui/icons-material/VideoFile"),1),Lo=h(require("@mui/icons-material/AudioFile"),1),Fo=h(require("@mui/icons-material/Description"),1),Ro=h(require("@mui/icons-material/InsertDriveFile"),1),mt=h(require("@mui/icons-material/Code"),1),Eo=h(require("@mui/icons-material/TableView"),1),X=require("react-pdf"),pt=h(require("@monaco-editor/react"),1),Po=h(require("react-spreadsheet"),1),le=h(require("xlsx"),1),ht=require("@ehfuse/mui-fadeout-loading-progress");var Ee=a=>{let d=a.split(".").pop()?.toLowerCase()||"";return["jpg","jpeg","png","gif","bmp","webp","svg"].includes(d)?"image":d==="pdf"?"pdf":["txt","json","xml","log","md","markdown"].includes(d)?"text":["csv","xls","xlsx"].includes(d)?"spreadsheet":["html","htm"].includes(d)?"html":["js","jsx","ts","tsx","css","scss","sass","less","php","py","java","c","cpp","h","hpp","cs","go","rs","rb","swift","kt","scala","sql","sh","bash","bat","ps1","yml","yaml","toml","ini","conf"].includes(d)?"code":["mp4","avi","mov","wmv","flv","webm"].includes(d)?"video":["mp3","wav","ogg","m4a","aac"].includes(d)?"audio":["doc","docx","ppt","pptx","hwp","hwpx"].includes(d)?"office":"unsupported"},nt=a=>{let d=(a||"").toLowerCase().split(";")[0].trim();return d?d.startsWith("image/")?"image":d==="application/pdf"?"pdf":d.startsWith("video/")?"video":d.startsWith("audio/")?"audio":d==="text/html"?"html":d==="text/csv"||d==="application/vnd.ms-excel"||d==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"?"spreadsheet":d.startsWith("text/")||d==="application/json"||d==="application/xml"?"text":"unsupported":"unsupported"},C=(a,d)=>{let u=Ee(a);return u!=="unsupported"?u:nt(d)},Pr=new Set(["image","pdf","text","code","html","spreadsheet","video","audio"]),mo=a=>Pr.has(Ee(a)),Sr={"image/jpeg":"jpg","image/png":"png","image/gif":"gif","image/webp":"webp","image/bmp":"bmp","image/svg+xml":"svg","application/pdf":"pdf","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":"xlsx","application/vnd.ms-excel":"xls","text/csv":"csv","text/plain":"txt","application/json":"json","text/xml":"xml","application/xml":"xml","text/html":"html","video/mp4":"mp4","video/webm":"webm","audio/mpeg":"mp3","audio/wav":"wav"},po=(a,d)=>{let u=(a??"").trim()||"\uCCA8\uBD80\uD30C\uC77C";if(/\.[a-z0-9]+$/i.test(u))return u;let m=(d??"").trim().toLowerCase().split(";")[0],T=Sr[m]??"";return T?`${u}.${T}`:u},Pe=a=>{let d=a.split(".").pop()?.toLowerCase()||"";return{js:"javascript",jsx:"javascript",ts:"typescript",tsx:"typescript",html:"html",htm:"html",css:"css",scss:"scss",sass:"scss",less:"less",json:"json",xml:"xml",php:"php",py:"python",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",go:"go",rs:"rust",rb:"ruby",swift:"swift",kt:"kotlin",scala:"scala",sql:"sql",sh:"shell",bash:"shell",bat:"bat",ps1:"powershell",yml:"yaml",yaml:"yaml",toml:"toml",ini:"ini",conf:"ini",md:"markdown",markdown:"markdown",txt:"plaintext",log:"plaintext",csv:"plaintext"}[d]||"plaintext"};var Dr=a=>(a||"").replace(/[\\/:*?"<>|\r\n]/g,"_").trim()||"download",Se=(a,d)=>{let u=URL.createObjectURL(a),m=document.createElement("a");m.href=u,m.download=Dr(d),m.rel="noopener",document.body.appendChild(m),m.click(),m.remove(),window.setTimeout(()=>URL.revokeObjectURL(u),6e4)};var ho=async a=>{let d=URL.createObjectURL(a);try{let u=await new Promise((_,K)=>{let k=new Image;k.onload=()=>_(k),k.onerror=()=>K(new Error("\uC774\uBBF8\uC9C0\uB97C \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")),k.src=d}),m=document.createElement("canvas");m.width=u.naturalWidth||u.width||1024,m.height=u.naturalHeight||u.height||1024;let T=m.getContext("2d");if(!T)throw new Error("\uCE94\uBC84\uC2A4\uB97C \uB9CC\uB4E4 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");return T.drawImage(u,0,0,m.width,m.height),await new Promise((_,K)=>{m.toBlob(k=>k?_(k):K(new Error("PNG \uBCC0\uD658 \uC2E4\uD328")),"image/png")})}finally{URL.revokeObjectURL(d)}};var De=require("@mui/material");function fo(){let a=(0,De.useTheme)();return!(0,De.useMediaQuery)(a.breakpoints.up("lg"))}var H=require("react/jsx-runtime");function $(a){return(0,H.jsxs)("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 501.551 501.551",xmlSpace:"preserve",width:a.width||"22px",...a,children:[(0,H.jsx)("path",{style:{fill:"#F2F2F2"},d:"M480.653,0H20.898C9.404,0,0,9.404,0,20.898v459.755c0,11.494,9.404,20.898,20.898,20.898h459.755 c11.494,0,20.898-9.404,20.898-20.898V20.898C501.551,9.404,492.147,0,480.653,0z"}),(0,H.jsx)("rect",{x:36.571,y:36.571,style:{fill:"#84DBFF"},width:428.408,height:345.861}),(0,H.jsx)("path",{style:{fill:"#334A5E"},d:"M261.224,382.433H36.571v-87.771c17.763-5.224,37.616-7.314,57.469-7.314 c25.078,0,50.155,4.18,71.053,12.539c6.269,2.09,11.494,4.18,16.718,7.314C218.384,323.918,246.596,350.041,261.224,382.433z"}),(0,H.jsx)("path",{style:{fill:"#40596B"},d:"M464.98,271.673v110.759H127.478c9.404-29.257,29.257-55.38,55.38-76.278 c42.841-34.482,103.445-55.38,172.408-55.38C393.927,250.776,432.588,258.09,464.98,271.673z"}),(0,H.jsxs)("g",{children:[(0,H.jsx)("circle",{style:{fill:"#FFFFFF"},cx:122.253,cy:122.253,r:42.841}),(0,H.jsx)("path",{style:{fill:"#FFFFFF"},d:"M433.633,101.355c1.045-3.135,1.045-6.269,1.045-9.404c0-16.718-13.584-31.347-31.347-31.347 c-11.494,0-21.943,6.269-27.167,15.673c-3.135-2.09-7.314-2.09-11.494-2.09c-14.629,0-26.122,10.449-28.212,24.033 c-8.359,2.09-14.629,9.404-14.629,17.763c0,10.449,8.359,18.808,18.808,18.808h82.547c10.449,0,18.808-8.359,18.808-18.808 C441.992,109.714,438.857,104.49,433.633,101.355z"})]})]})}var v=require("react/jsx-runtime");function G(a){return(0,v.jsx)("svg",{id:"_x35_",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512",xmlSpace:"preserve",width:a.width||"28px",...a,children:(0,v.jsxs)("g",{children:[(0,v.jsx)("polygon",{style:{fill:"#B12A27"},points:"475.435,117.825 475.435,512 47.791,512 47.791,0.002 357.613,0.002 412.491,54.881 "}),(0,v.jsx)("rect",{x:36.565,y:34.295,style:{fill:"#F2F2F2"},width:205.097,height:91.768}),(0,v.jsxs)("g",{children:[(0,v.jsxs)("g",{children:[(0,v.jsx)("path",{style:{fill:"#B12A27"},d:"M110.132,64.379c-0.905-2.186-2.111-4.146-3.769-5.804c-1.658-1.658-3.694-3.015-6.031-3.92 c-2.412-0.98-5.126-1.432-8.141-1.432H69.651v58.195h11.383V89.481h11.157c3.015,0,5.729-0.452,8.141-1.432 c2.337-0.905,4.372-2.261,6.031-3.92c1.659-1.658,2.865-3.543,3.769-5.804c0.829-2.186,1.282-4.523,1.282-6.935 C111.413,68.902,110.961,66.565,110.132,64.379z M97.844,77.118c-1.508,1.432-3.618,2.186-6.181,2.186H81.034V63.323h10.629 c2.563,0,4.674,0.754,6.181,2.261c1.432,1.432,2.186,3.392,2.186,5.804C100.031,73.726,99.277,75.686,97.844,77.118z"}),(0,v.jsx)("path",{style:{fill:"#B12A27"},d:"M164.558,75.761c-0.075-2.035-0.151-3.844-0.377-5.503c-0.226-1.659-0.603-3.166-1.131-4.598 c-0.528-1.357-1.206-2.714-2.111-3.92c-2.035-2.94-4.523-5.126-7.312-6.483c-2.865-1.357-6.257-2.035-10.252-2.035h-20.956 v58.195h20.956c3.995,0,7.387-0.678,10.252-2.035c2.789-1.357,5.277-3.543,7.312-6.483c0.905-1.206,1.583-2.563,2.111-3.92 c0.528-1.432,0.905-2.94,1.131-4.598c0.226-1.658,0.301-3.468,0.377-5.503c0.075-1.96,0.075-4.146,0.075-6.558 C164.633,79.908,164.633,77.721,164.558,75.761z M153.175,88.2c0,1.734-0.151,3.091-0.302,4.297 c-0.151,1.131-0.377,2.186-0.678,2.94c-0.301,0.829-0.754,1.583-1.281,2.261c-1.885,2.412-4.749,3.543-8.518,3.543h-8.669V63.323 h8.669c3.769,0,6.634,1.206,8.518,3.618c0.528,0.678,0.98,1.357,1.281,2.186s0.528,1.809,0.678,3.015 c0.151,1.131,0.302,2.563,0.302,4.221c0.075,1.659,0.075,3.694,0.075,5.955C153.251,84.581,153.251,86.541,153.175,88.2z"}),(0,v.jsx)("path",{style:{fill:"#B12A27"},d:"M213.18,63.323V53.222h-38.37v58.195h11.383V87.823h22.992V77.646h-22.992V63.323H213.18z"})]}),(0,v.jsx)("g",{children:(0,v.jsx)("path",{style:{fill:"#B12A27"},d:"M110.132,64.379c-0.905-2.186-2.111-4.146-3.769-5.804c-1.658-1.658-3.694-3.015-6.031-3.92 c-2.412-0.98-5.126-1.432-8.141-1.432H69.651v58.195h11.383V89.481h11.157c3.015,0,5.729-0.452,8.141-1.432 c2.337-0.905,4.372-2.261,6.031-3.92c1.659-1.658,2.865-3.543,3.769-5.804c0.829-2.186,1.282-4.523,1.282-6.935 C111.413,68.902,110.961,66.565,110.132,64.379z M97.844,77.118c-1.508,1.432-3.618,2.186-6.181,2.186H81.034V63.323h10.629 c2.563,0,4.674,0.754,6.181,2.261c1.432,1.432,2.186,3.392,2.186,5.804C100.031,73.726,99.277,75.686,97.844,77.118z"})})]}),(0,v.jsx)("polygon",{style:{opacity:.08,fill:"#040000"},points:"475.435,117.825 475.435,512 47.791,512 47.791,419.581 247.705,219.667 259.54,207.832 266.098,201.273 277.029,190.343 289.995,177.377 412.491,54.881 "}),(0,v.jsx)("polygon",{style:{fill:"#771B1B"},points:"475.435,117.836 357.599,117.836 357.599,0 "}),(0,v.jsx)("g",{children:(0,v.jsx)("path",{style:{fill:"#F2F2F2"},d:"M414.376,370.658c-2.488-4.372-5.88-8.518-10.101-12.287c-3.467-3.166-7.538-6.106-12.137-8.82 c-18.544-10.93-45.003-16.207-80.961-16.207h-3.618c-1.96-1.809-3.995-3.618-6.106-5.503 c-13.644-12.287-24.499-25.63-32.942-40.48c16.584-36.561,24.499-69.126,23.519-96.867c-0.151-4.674-0.829-9.046-2.035-13.117 c-1.809-6.558-4.824-12.363-9.046-17.112c-0.075-0.075-0.075-0.075-0.151-0.151c-6.709-7.538-16.056-11.835-25.555-11.835 c-9.574,0-18.393,4.146-24.801,11.76c-6.332,7.538-9.724,17.866-9.875,30.002c-0.226,18.544,1.281,36.108,4.448,52.315 c0.301,1.282,0.528,2.563,0.829,3.844c3.166,14.7,7.84,28.645,13.87,41.611c-7.086,14.398-14.247,26.836-19.223,35.279 c-3.769,6.408-7.915,13.117-12.212,19.826c-19.373,3.468-35.807,7.689-50.129,12.966c-19.373,7.011-34.902,16.056-46.059,26.836 c-7.237,6.935-12.137,14.323-14.549,22.012c-2.563,7.915-2.412,15.83,0.452,22.916c2.638,6.558,7.387,12.061,13.72,15.83 c1.508,0.905,3.091,1.658,4.749,2.337c4.825,1.96,10.101,3.015,15.604,3.015c12.74,0,25.856-5.503,36.937-15.378 c20.655-18.469,41.988-48.169,54.577-66.94c10.327-1.583,21.559-2.94,34.224-4.297c14.926-1.508,28.118-2.412,40.104-2.865 c3.694,3.317,7.237,6.483,10.629,9.498c18.846,16.81,33.168,28.947,46.134,37.465c0,0.075,0.075,0.075,0.151,0.075 c5.126,3.392,10.026,6.181,14.926,8.443c5.503,2.563,11.081,3.92,16.81,3.92c7.237,0,14.021-2.186,19.675-6.181 c5.729-4.146,9.875-10.101,11.76-16.81C420.18,387.694,418.899,378.724,414.376,370.658z M247.705,219.667 c-1.055-9.348-1.508-19.072-1.357-29.324c0.151-9.724,3.694-16.283,8.895-16.283c3.92,0,8.066,3.543,9.95,10.327 c0.528,2.035,0.905,4.372,0.98,7.01c0.151,3.166,0.075,6.483-0.075,9.875c-0.452,9.574-2.111,19.75-4.975,30.681 c-1.734,7.011-3.995,14.323-6.784,21.936C251.173,243.186,248.911,231.803,247.705,219.667z M121.967,418.073 c-1.282-3.166,0.151-9.272,7.991-16.81c11.986-11.458,30.756-20.504,56.914-27.364c-4.975,6.784-9.875,12.966-14.624,18.619 c-7.237,8.744-14.172,16.132-20.429,21.71c-5.352,4.824-11.232,7.84-16.81,8.594c-0.98,0.151-1.96,0.226-2.94,0.226 C127.168,423.049,123.173,421.089,121.967,418.073z M242.428,337.942l0.528-0.829l-0.829,0.151 c0.151-0.377,0.377-0.754,0.603-1.055c3.166-5.352,7.161-12.212,11.458-20.127l0.377,0.829l0.98-2.035 c3.166,4.523,6.634,8.971,10.252,13.267c1.734,2.035,3.543,3.995,5.352,5.955l-1.206,0.075l1.055,0.98 c-3.091,0.226-6.332,0.528-9.574,0.829c-2.035,0.226-4.146,0.377-6.257,0.603C250.796,337.037,246.499,337.49,242.428,337.942z M369.297,384.98c-8.971-5.729-18.996-13.795-31.359-24.575c17.564,1.809,31.359,5.654,41.159,11.383 c4.297,2.488,7.538,5.051,9.724,7.538c3.618,3.844,4.9,7.312,4.221,9.649c-0.603,2.337-3.241,3.92-6.483,3.92 c-1.885,0-3.844-0.452-5.88-1.432c-3.468-1.658-7.086-3.694-10.93-6.181C369.598,385.282,369.448,385.131,369.297,384.98z"})})]})})}var o=require("react/jsx-runtime");var Br="/pdfjs",go=32,xo=240,zr=8192,it=.25,at=8,lt=80,yo=80,Hr=a=>{switch(a){case"image":return(0,o.jsx)($,{});case"pdf":return(0,o.jsx)(G,{});case"text":return(0,o.jsx)(To.default,{sx:{mr:1,color:"#66BB6A"}});case"spreadsheet":return(0,o.jsx)(Eo.default,{sx:{mr:1,color:"#4CAF50"}});case"html":return(0,o.jsx)(mt.default,{sx:{mr:1,color:"#E91E63"}});case"code":return(0,o.jsx)(mt.default,{sx:{mr:1,color:"#2196F3"}});case"video":return(0,o.jsx)(ko.default,{sx:{mr:1,color:"#AB47BC"}});case"audio":return(0,o.jsx)(Lo.default,{sx:{mr:1,color:"#FF7043"}});case"office":return(0,o.jsx)(Fo.default,{sx:{mr:1,color:"#FFA726"}});default:return(0,o.jsx)(Ro.default,{sx:{mr:1,color:"#78909C"}})}},bo=a=>typeof a?.rotate=="number"?a.rotate:typeof a?._pageInfo?.rotate=="number"?a._pageInfo.rotate:0,ft=({open:a,onClose:d,file:u,files:m=null,initialIndex:T=0,loadFile:_,onDownload:K,pdfAssetBase:k=Br})=>{let g=fo(),Xo=(0,n.useTheme)(),te=(0,n.useMediaQuery)(Xo.breakpoints.down("sm")),w=(0,i.useMemo)(()=>m&&m.length>0?m:[],[m]),[q,Y]=(0,i.useState)(0);(0,i.useEffect)(()=>{a&&Y(w.length>0?Math.min(Math.max(T,0),w.length-1):0)},[a,T,w]);let p=w.length>0?w[q]??u:u,[ue,He]=(0,i.useState)(!0),[Ve,yt]=(0,i.useState)(!1),[M,Ae]=(0,i.useState)(""),[L,B]=(0,i.useState)(1),[A,oe]=(0,i.useState)(0),[bt,me]=(0,i.useState)(""),[I,vt]=(0,i.useState)(""),[wt,pe]=(0,i.useState)(""),[re,he]=(0,i.useState)(14),[We,fe]=(0,i.useState)(""),[Xe,Mt]=(0,i.useState)("preview"),[_e,ne]=(0,i.useState)([]),[Ct,It]=(0,i.useState)([]),[_o,Ye]=(0,i.useState)(""),[je,Tt]=(0,i.useState)(null),[kt,ge]=(0,i.useState)(!1),[Yo,Oe]=(0,i.useState)(!0),[Lt,xe]=(0,i.useState)(""),[F,Ft]=(0,i.useState)(),[R,j]=(0,i.useState)(1),[jo,Ue]=(0,i.useState)(!1),[Rt,Z]=(0,i.useState)(null),[ye,Et]=(0,i.useState)("portrait"),[Oo,Pt]=(0,i.useState)(0),[Ne,St]=(0,i.useState)(0),[ie,Dt]=(0,i.useState)({width:0,height:0}),Bt=(0,i.useRef)([]),$e=(0,i.useRef)(null),O=(0,i.useRef)(null),Ge=(0,i.useRef)(null),Ke=(0,i.useRef)(null),Uo=(0,i.useCallback)(e=>{if(Ge.current?.disconnect(),Ke.current?.(),Ke.current=null,O.current=e,!e){Ge.current=null;return}let t=s=>{s.touches.length>=2&&s.preventDefault()};e.addEventListener("touchmove",t,{passive:!1}),Ke.current=()=>e.removeEventListener("touchmove",t);let r=new ResizeObserver(s=>{let c=s[0]?.contentRect;c&&Dt({width:c.width,height:c.height})});r.observe(e),Ge.current=r;let l=e.getBoundingClientRect();Dt({width:l.width,height:l.height})},[]),[be,zt]=(0,i.useState)(!1),[qe,No]=(0,i.useState)({x:0,y:0}),[Ze,$o]=(0,i.useState)({x:0,y:0}),Go=(0,i.useCallback)(async(e,t)=>{let r=URL.createObjectURL(e);Ae(r),vt(e.type||"");let l=C(t,e.type||"");if(l==="text"||l==="code"){let c=await e.text();pe(c);return}if(l==="html"){let c=await e.text();fe(c);return}if(l!=="spreadsheet")return;let s=t.split(".").pop()?.toLowerCase()||"";if(s==="csv"){let f=(await e.text()).split(`
|
|
2
|
-
`).map(b=>b.split(",").map(D=>({value:D.trim()})));ne(f);return}if(s==="xls"||s==="xlsx"){ge(!0),Oe(!0);let c=await e.arrayBuffer(),f=le.read(c,{type:"array"});It(f.SheetNames),Tt(f);let b=f.SheetNames[0];Ye(b),tt(f,b)}},[]),ve=(0,i.useRef)(null),Ht=(0,i.useCallback)(async e=>{if(e.blob)return e.blob;if(_)return await _(e);if(e.url){let t=await fetch(e.url);if(!t.ok)throw new Error("\uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");return await t.blob()}throw new Error("\uD30C\uC77C \uB370\uC774\uD130 \uC18C\uC2A4(blob/url/loadFile)\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")},[_]);(0,i.useEffect)(()=>(p&&a?Qo():(M&&URL.revokeObjectURL(M),ve.current=null,Ae(""),pe(""),fe(""),ne([]),he(14),B(1),oe(0)),()=>{M&&URL.revokeObjectURL(M)}),[p,a]);let Ko=({numPages:e})=>{Ft(e),j(1),Le.current=!0},qo=e=>{let{width:t,height:r}=Zo(e);Pt(bo(e)),t>0&&r>0&&St(t/r);let l=t>r?"landscape":"portrait";Et(l)},Zo=e=>{let t=e?.width||0,r=e?.height||0,l=bo(e);try{if(typeof e?.getViewport=="function"){let s=e.getViewport({scale:1,rotation:l});t=s.width,r=s.height}}catch(s){console.warn("[FileViewer] getViewport \uC2E4\uD328 - \uAE30\uBCF8 width/height\uB85C \uB300\uCCB4",s)}return{width:t,height:r}},we=(0,i.useCallback)(()=>{j(e=>Math.max(e-1,1))},[]),Me=(0,i.useCallback)(()=>{j(e=>Math.min(e+1,F||1))},[F]),Vt=(0,i.useMemo)(()=>({cMapUrl:`${k}/cmaps/`,cMapPacked:!0,standardFontDataUrl:`${k}/standard_fonts/`,wasmUrl:`${k}/wasm/`}),[k]);(0,i.useEffect)(()=>{typeof window>"u"||(X.pdfjs.GlobalWorkerOptions.workerSrc=`${k}/pdf.worker.min.mjs`)},[k]),(0,i.useEffect)(()=>{if(!a||w.length<=1||C(p?.name||"",I)==="pdf")return;let e=t=>{t.key==="ArrowLeft"?(t.preventDefault(),Y(r=>Math.max(r-1,0))):t.key==="ArrowRight"&&(t.preventDefault(),Y(r=>Math.min(r+1,w.length-1)))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,w.length,p?.name,I]),(0,i.useEffect)(()=>{if(!a||C(p?.name||"",I)!=="pdf")return;let e=r=>{switch(r.key){case"ArrowLeft":case"ArrowUp":r.preventDefault(),we();break;case"ArrowRight":case"ArrowDown":r.preventDefault(),Me();break;case"Home":r.preventDefault(),j(1);break;case"End":r.preventDefault(),F&&j(F);break}},t=r=>{r.ctrlKey||Math.abs(r.deltaY)>50&&(r.preventDefault(),r.deltaY>0?Me():we())};return document.addEventListener("keydown",e),document.addEventListener("wheel",t,{passive:!1}),()=>{document.removeEventListener("keydown",e),document.removeEventListener("wheel",t)}},[a,p,I,we,Me,F]),(0,i.useEffect)(()=>{if(!F||!a||C(p?.name||"",I)!=="pdf")return;if(R===1&&$e.current){$e.current.scrollTo({top:0,behavior:"smooth"});return}let e=Bt.current[R-1];e&&e.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},[a,p,I,F,R]),(0,i.useEffect)(()=>{ue&&yt(!0)},[ue,Ve]);let Qo=async()=>{if(p){He(!0),me(""),vt(""),pe(""),fe(""),ne([]);try{let e=await Ht(p);ve.current=e,await Go(e,p.name)}catch(e){console.error("\uD30C\uC77C \uB85C\uB4DC \uC624\uB958:",e),me("\uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")}finally{He(!1)}}},At=async()=>{if(p)try{if(K){await K(p);return}let e=ve.current??await Ht(p);Se(e,p.name)}catch(e){console.error("\uD30C\uC77C \uB2E4\uC6B4\uB85C\uB4DC \uC624\uB958:",e)}},Jo=()=>{let e=p?C(p.name,I):"";e==="text"||e==="html"||e==="code"||e==="spreadsheet"?he(t=>Math.min(t+2,24)):B(e==="pdf"?t=>Math.min(t+.25,at):t=>Math.min(t+.25,3))},er=()=>{let e=p?C(p.name,I):"";e==="text"||e==="html"||e==="code"||e==="spreadsheet"?he(t=>Math.max(t-2,10)):B(e==="pdf"?t=>Math.max(t-.25,it):t=>Math.max(t-.25,.25))},x=(0,i.useRef)(new Map),tr=e=>Math.min(Math.max(e,.25),3),or=e=>Math.min(Math.max(e,it),at),Qe=(0,i.useRef)(null),Ce=(0,i.useRef)(null),V=(0,i.useRef)({scale:1,tx:0,ty:0,rotation:0}),W=(0,i.useRef)(0),Q=(0,i.useRef)(null),Ie=(0,i.useRef)(null),Te=(0,i.useCallback)((e,t,r,l)=>{let s=Qe.current,c=Ce.current;if(!s||!c)return{tx:t,ty:r};let f=c.offsetWidth,b=c.offsetHeight,D=(Math.round(l/90)%4+4)%4;if(D===1||D===3){let Cr=f;f=b,b=Cr}let z=f*e,lo=b*e,so=z>s.clientWidth?(z+s.clientWidth)/2-yo:0,co=lo>s.clientHeight?(lo+s.clientHeight)/2-yo:0;return{tx:Math.min(so,Math.max(-so,t)),ty:Math.min(co,Math.max(-co,r))}},[]),Wt=(0,i.useCallback)((e,t)=>{let r=Qe.current,l=Ce.current;if(!r||!l)return e>1;let s=(Math.round(t/90)%4+4)%4,c=s===1||s===3,f=c?l.offsetHeight:l.offsetWidth,b=c?l.offsetWidth:l.offsetHeight;return f*e>r.clientWidth+1||b*e>r.clientHeight+1},[]),U=(0,i.useCallback)(e=>{let t=Ce.current;if(!t)return;let{scale:r,tx:l,ty:s,rotation:c}=V.current;t.style.transition=e?"transform 0.25s ease":"none",t.style.transform=`translate(${l}px, ${s}px) scale(${r}) rotate(${c}deg)`},[]),Xt=(0,i.useCallback)(()=>{let e=V.current,t=Te(e.scale,e.tx,e.ty,e.rotation);e.tx=t.tx,e.ty=t.ty,!W.current&&(W.current=requestAnimationFrame(()=>{W.current=0,U(!1)}))},[U,Te]),_t=(0,i.useCallback)(()=>{W.current&&(cancelAnimationFrame(W.current),W.current=0),x.current.clear(),Q.current=null,Ie.current=null},[]),rr=(0,i.useCallback)(e=>{Ce.current=e,e&&(V.current={scale:1,tx:0,ty:0,rotation:0},U(!1))},[U]);(0,i.useEffect)(()=>{if(C(p?.name||"",I)!=="image")return;let e=V.current;e.scale=L,e.rotation=A;let t=Te(e.scale,e.tx,e.ty,e.rotation);e.tx=t.tx,e.ty=t.ty,U(!0)},[L,A,p,I,M,U,Te]),(0,i.useEffect)(()=>()=>{W.current&&cancelAnimationFrame(W.current)},[]);let nr=e=>{e.currentTarget.setPointerCapture?.(e.pointerId),x.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=[...x.current.values()],r=V.current;if(t.length===2){Q.current=null;let l=e.currentTarget.getBoundingClientRect();Ie.current={startDist:Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y)||1,baseScale:r.scale,baseTx:r.tx,baseTy:r.ty,startMidX:(t[0].x+t[1].x)/2,startMidY:(t[0].y+t[1].y)/2,centerX:l.left+l.width/2,centerY:l.top+l.height/2}}else t.length===1&&Wt(r.scale,r.rotation)&&(Q.current={startX:e.clientX,startY:e.clientY,baseTx:r.tx,baseTy:r.ty})},ir=e=>{if(!x.current.has(e.pointerId))return;x.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=V.current,r=Ie.current,l=[...x.current.values()];if(r&&l.length>=2){let c=Math.hypot(l[0].x-l[1].x,l[0].y-l[1].y),f=(l[0].x+l[1].x)/2,b=(l[0].y+l[1].y)/2,D=tr(r.baseScale*c/r.startDist),z=D/r.baseScale;t.scale=D,t.tx=f-r.centerX-z*(r.startMidX-r.centerX-r.baseTx),t.ty=b-r.centerY-z*(r.startMidY-r.centerY-r.baseTy),Xt();return}let s=Q.current;s&&l.length===1&&(t.tx=s.baseTx+(e.clientX-s.startX),t.ty=s.baseTy+(e.clientY-s.startY),Xt())},Yt=e=>{if(!x.current.has(e.pointerId))return;x.current.delete(e.pointerId),e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId);let t=V.current;if(x.current.size<2&&(Ie.current=null,Math.abs(t.scale-L)>.001&&B(t.scale)),x.current.size===0)Q.current=null;else if(x.current.size===1&&Wt(t.scale,t.rotation)){let r=[...x.current.values()][0];Q.current={startX:r.x,startY:r.y,baseTx:t.tx,baseTy:t.ty}}},jt=(0,i.useCallback)(async()=>{if(M)try{let t=await(await fetch(M)).blob(),r=t.type==="image/png"?t:await ho(t);await navigator.clipboard.write([new ClipboardItem({"image/png":r})]),xe("\uC774\uBBF8\uC9C0\uB97C \uD074\uB9BD\uBCF4\uB4DC\uC5D0 \uBCF5\uC0AC\uD588\uC2B5\uB2C8\uB2E4.")}catch(e){console.error("\uC774\uBBF8\uC9C0 \uBCF5\uC0AC \uC624\uB958:",e),xe("\uC774\uBBF8\uC9C0\uB97C \uBCF5\uC0AC\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")}},[M]);(0,i.useEffect)(()=>{if(!a||C(p?.name||"",I)!=="image")return;let e=t=>{if(!(t.ctrlKey||t.metaKey)||t.key.toLowerCase()!=="c")return;let r=t.target,l=r?.tagName;l==="INPUT"||l==="TEXTAREA"||r?.isContentEditable||(t.preventDefault(),jt())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,p,I,jt]);let J=(0,i.useRef)(null),S=(0,i.useRef)(0),ae=(0,i.useRef)(null),ee=(0,i.useRef)(null),N=()=>O.current?.querySelector(".react-pdf__Page")??null,ke=(0,i.useRef)(null),Ot=(0,i.useRef)(null),ar=()=>{let e=Ot.current,t=N()?.querySelector("canvas");if(!e||!t||!t.width||!t.height)return!1;let r=document.createElement("canvas");r.width=t.width,r.height=t.height;let l=r.getContext("2d");if(!l)return!1;l.drawImage(t,0,0);let s=t.getBoundingClientRect(),c=e.getBoundingClientRect();return Object.assign(r.style,{position:"absolute",left:`${s.left-c.left}px`,top:`${s.top-c.top}px`,width:`${s.width}px`,height:`${s.height}px`,pointerEvents:"none",zIndex:"1"}),e.appendChild(r),ke.current=r,!0},Ut=()=>{ke.current?.remove(),ke.current=null;let e=N();e&&(e.style.visibility="")},lr=()=>{S.current||(S.current=requestAnimationFrame(()=>{S.current=0;let e=J.current,t=N();!e||!t||(t.style.transition="none",t.style.transformOrigin="top left",t.style.transform=`translate(${e.tx}px, ${e.ty}px) scale(${e.k})`,ae.current={k:e.k,tx:e.tx,ty:e.ty,midX:e.lastMidX,midY:e.lastMidY})}))},Nt=()=>{S.current&&(cancelAnimationFrame(S.current),S.current=0),J.current=null,ee.current=null,ae.current=null,Ut();let e=N();e&&(e.style.transform="",e.style.willChange="auto")},$t=e=>{let t=N(),r=O.current;if(!t||!r)return;t.style.transform&&(t.style.transform="");let l=t.getBoundingClientRect(),s=r.getBoundingClientRect(),c=(e[0].x+e[1].x)/2,f=(e[0].y+e[1].y)/2;J.current={startDist:Math.hypot(e[0].x-e[1].x,e[0].y-e[1].y)||1,rectLeft:l.left,rectTop:l.top,pageW:l.width,pageH:l.height,viewerL:s.left,viewerT:s.top,viewerR:s.right,viewerB:s.bottom,startMidX:c,startMidY:f,lastMidX:c,lastMidY:f,k:1,tx:0,ty:0},ae.current={k:1,tx:0,ty:0,midX:c,midY:f},t.style.willChange="transform"},sr=e=>{if(e.pointerType!=="touch")return;x.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=[...x.current.values()];if(t.length===2){if(ee.current||ke.current)return;$t(t)}},cr=e=>{if(!x.current.has(e.pointerId))return;x.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=J.current,r=[...x.current.values()];if(t&&r.length>=2){e.preventDefault();let l=Math.hypot(r[0].x-r[1].x,r[0].y-r[1].y),s=Math.min(Math.max(l/t.startDist,it/(L||1)),at/(L||1)),c=(r[0].x+r[1].x)/2,f=(r[0].y+r[1].y)/2,b=c-t.rectLeft-s*(t.startMidX-t.rectLeft),D=f-t.rectTop-s*(t.startMidY-t.rectTop),z=lt;b=Math.min(t.viewerR-z-t.rectLeft,Math.max(t.viewerL+z-t.rectLeft-s*t.pageW,b)),D=Math.min(t.viewerB-z-t.rectTop,Math.max(t.viewerT+z-t.rectTop-s*t.pageH,D)),t.k=s,t.tx=b,t.ty=D,t.lastMidX=c,t.lastMidY=f,lr()}},Gt=e=>{if(x.current.delete(e.pointerId),x.current.size>=2)return;let t=J.current;if(J.current=null,!t)return;S.current&&(cancelAnimationFrame(S.current),S.current=0);let r=ae.current??{k:1,tx:0,ty:0,midX:t.startMidX,midY:t.startMidY};ae.current=null;let l=or(L*r.k);if(Math.abs(l-L)<.001){let c=O.current;Nt(),c&&(c.scrollLeft-=r.tx,c.scrollTop-=r.ty);return}let s=O.current;if(s){let c=s.getBoundingClientRect();ee.current={u:(r.midX-t.rectLeft-r.tx)/r.k,v:(r.midY-t.rectTop-r.ty)/r.k,offX:r.midX-c.left,offY:r.midY-c.top,factor:l/(L||1)}}if(ar()){let c=N();c&&(c.style.transform="",c.style.visibility="hidden")}B(l),Math.round(Math.min(ot*l,no))===rt&&requestAnimationFrame(()=>qt())},Le=(0,i.useRef)(!0),Je=(0,i.useRef)(null),Kt=()=>{let e=O.current;e&&(e.scrollLeft=(e.scrollWidth-e.clientWidth)/2,e.scrollTop=(e.scrollHeight-e.clientHeight)/2)},qt=()=>{let e=ee.current;if(!e)return;ee.current=null;let t=O.current,r=N();if(!t||!r)return;Ut(),r.style.transform="",r.style.willChange="auto";let l=r.getBoundingClientRect(),s=t.getBoundingClientRect();t.scrollLeft+=l.left-s.left+e.u*e.factor-e.offX,t.scrollTop+=l.top-s.top+e.v*e.factor-e.offY;let c=[...x.current.values()];c.length>=2&&$t(c)},Zt=()=>{let e=`${R}:${A}`;if(ee.current){Je.current=e,qt();return}(Le.current||Je.current!==e)&&(Le.current=!1,Je.current=e,Kt())};(0,i.useEffect)(()=>()=>{S.current&&cancelAnimationFrame(S.current)},[]);let Qt=()=>{oe(e=>e-90)},Jt=()=>{oe(e=>e+90)},eo=()=>{let e=C(p?.name||"",I);Nt(),e==="text"||e==="html"||e==="code"||e==="spreadsheet"?he(14):e==="pdf"?(B(1),L===1&&A===0?Kt():Le.current=!0):(_t(),V.current={scale:1,tx:0,ty:0,rotation:0},U(!0),B(1)),oe(0)},to=(e,t)=>{zt(!0),No({x:e.clientX,y:e.clientY}),$o({x:t.scrollLeft,y:t.scrollTop}),e.preventDefault()},oo=(0,i.useCallback)((e,t)=>{if(!be)return;let r=e.clientX-qe.x,l=e.clientY-qe.y;t.scrollLeft=Ze.x-r,t.scrollTop=Ze.y-l,e.preventDefault()},[be,qe,Ze]),et=(0,i.useCallback)(()=>{zt(!1),document.body.style.cursor="default"},[]);(0,i.useEffect)(()=>{if(be){let e=t=>{document.querySelectorAll(".draggable-scroll").forEach(l=>{oo(t,l)})};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",et),document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",et),document.body.style.userSelect="",document.body.style.webkitUserSelect=""}}},[be,oo,et]);let dr=(0,i.useCallback)(()=>{He(!1),yt(!1)},[]),tt=(0,i.useCallback)(async(e,t)=>{ge(!0),Oe(!0);try{await new Promise(f=>setTimeout(f,500));let r=e.Sheets[t],l=le.utils.decode_range(r["!ref"]||"A1");console.debug("Excel range:",l);let c=le.utils.sheet_to_json(r,{header:1,range:l,defval:""}).map(f=>f.map(b=>({value:b!=null?String(b):""})));ne(c),await new Promise(f=>setTimeout(f,200))}catch(r){console.error("\uC6CC\uD06C\uC2DC\uD2B8 \uB85C\uB4DC \uC624\uB958:",r)}finally{Oe(!1)}},[]),ur=(0,i.useCallback)(()=>{ge(!1)},[]),mr=(0,i.useCallback)(e=>{je&&(Ye(e),tt(je,e))},[je,tt]),ro=()=>{_t(),V.current={scale:1,tx:0,ty:0,rotation:0},xe(""),M&&URL.revokeObjectURL(M),ve.current=null,Ae(""),pe(""),fe(""),ne([]),It([]),Ye(""),Tt(null),ge(!1),B(1),oe(0),me(""),Ft(void 0),j(1),Et("portrait"),Pt(0),St(0),d()};if(!p)return null;let y=C(p.name,I),pr=((Oo+A)%360+360)%360,Fe=A%180===0?Ne:Ne>0?1/Ne:0,hr=Math.max(ie.width-go,xo),fr=Math.max(ie.height-go,xo),ot=ie.width>0&&Fe>0?Math.min(hr,fr*Fe):ye==="portrait"?600:800,gr=typeof window<"u"&&window.devicePixelRatio||1,no=zr/gr*(Fe>0?Math.min(1,Fe):1),rt=Math.round(Math.min(ot*L,no)),io=Math.round(ot*L),xr=io>rt,yr=Math.max(16,Math.round(ie.width)-lt),br=Math.max(16,Math.round(ie.height)-lt),vr=ye==="landscape"?"200px":"150px",wr=ye==="landscape"?.18:.17,ao=()=>F?(0,o.jsx)(n.Box,{ref:$e,sx:{width:vr,height:"100%",backgroundColor:"grey.200",borderRight:"1px solid",borderColor:"grey.300",overflow:"auto",p:2},children:Array.from({length:F},(e,t)=>(0,o.jsxs)(n.Box,{ref:r=>{Bt.current[t]=r},children:[(0,o.jsx)(n.Box,{sx:{mb:0,p:1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:R===t+1?"2px solid":"1px solid",borderColor:R===t+1?"primary.main":"grey.400",borderRadius:1,overflow:"hidden",backgroundColor:"white","&:hover":{borderColor:"primary.main"},aspectRatio:ye==="landscape"?"4 / 3":"3 / 4"},onClick:()=>{j(t+1),g&&Ue(!1)},children:(0,o.jsx)(X.Document,{file:M,options:Vt,loading:(0,o.jsx)("div",{style:{display:"none"}}),children:(0,o.jsx)(X.Page,{pageNumber:t+1,scale:wr,loading:(0,o.jsx)("div",{style:{display:"none"}}),renderAnnotationLayer:!1,renderTextLayer:!1})})}),(0,o.jsx)(n.Typography,{variant:"caption",sx:{display:"block",textAlign:"center",p:.5,mb:1,color:R===t+1?"primary.main":"",fontWeight:R===t+1?"bold":"normal"},children:t+1})]},t+1))}):null,Mr=()=>{let e=C(p?.name||"",I);if(Ve&&!(e==="spreadsheet"))return(0,o.jsx)(n.Box,{sx:{display:"flex",height:"100%",width:"100%",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(ht.LoadingProgress,{visible:ue,exitDelay:100,onComplete:dr})});if(bt)return(0,o.jsxs)(n.Box,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[(0,o.jsx)(n.Typography,{color:"error",variant:"h6",children:bt}),(0,o.jsx)(n.Typography,{color:"text.secondary",variant:"body2",sx:{mt:1},children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]});if(!M)return null;switch(e){case"image":return(0,o.jsx)(n.Box,{ref:Qe,"data-allow-pinch":"true",onPointerDown:nr,onPointerMove:ir,onPointerUp:Yt,onPointerCancel:Yt,sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"hidden",height:"100%",backgroundColor:"grey.100",p:2,touchAction:"none",overscrollBehavior:"contain",userSelect:"none","&:active":{cursor:"grabbing"}},children:(0,o.jsx)("img",{ref:rr,src:M,alt:p.name,draggable:!1,style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",display:"block",transform:"translate(0px, 0px) scale(1) rotate(0deg)",transformOrigin:"center center",pointerEvents:"none"}})});case"pdf":return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(n.Box,{ref:Ot,sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",backgroundColor:"grey.100",position:"relative",overflow:"hidden"},children:[!g&&ao(),(0,o.jsx)(n.Box,{ref:Uo,className:"draggable-scroll",onMouseDown:r=>{let l=r.currentTarget;to(r,l)},"data-allow-pinch":"true",onPointerDown:sr,onPointerMove:cr,onPointerUp:Gt,onPointerCancel:Gt,sx:{flex:1,display:"flex",flexDirection:"column",overflow:"auto",height:"100%",py:g?0:2,overflowAnchor:"none",touchAction:"pan-x pan-y","& > .react-pdf__Document":{m:"auto",...g&&{px:`${yr}px`,py:`${br}px`},...xr&&{"& .react-pdf__Page__canvas":{width:`${io}px !important`,height:"auto !important"}}}},children:(0,o.jsx)(X.Document,{file:M,onLoadSuccess:Ko,onLoadError:r=>{console.error("PDF \uB85C\uB4DC \uC624\uB958:",r),me("PDF \uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")},loading:(0,o.jsx)("div",{style:{display:"none"}}),error:(0,o.jsxs)(n.Box,{sx:{textAlign:"center",p:4},children:[(0,o.jsx)(n.Typography,{color:"error",variant:"h6",sx:{mb:2},children:"PDF\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."}),(0,o.jsx)(n.Typography,{color:"text.secondary",variant:"body2",children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]}),options:Vt,children:(0,o.jsx)(X.Page,{pageNumber:R,width:rt,rotate:A===0?void 0:pr,loading:(0,o.jsx)("div",{style:{display:"none"}}),renderAnnotationLayer:!1,renderTextLayer:!1,onLoadSuccess:qo,onRenderSuccess:Zt,onRenderError:Zt})})})]}),g&&(0,o.jsx)(n.Drawer,{anchor:"left",open:jo,onClose:()=>Ue(!1),sx:{zIndex:r=>r.zIndex.modal+2},children:ao()})]});case"text":case"code":return(0,o.jsx)(n.Box,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column"},children:wt?(0,o.jsx)(n.Box,{sx:{flex:1,height:"100%",overflow:"hidden"},children:(0,o.jsx)(pt.default,{height:"100%",language:Pe(p.name),value:wt,theme:"vs-dark",loading:!1,options:{readOnly:!0,domReadOnly:!0,minimap:{enabled:!0},scrollBeyondLastLine:!1,automaticLayout:!0,folding:!0,foldingHighlight:!1,formatOnPaste:!0,formatOnType:!0,wordWrap:"on",lineNumbers:"on",lineNumbersMinChars:4,glyphMargin:!1,renderLineHighlight:"none",renderWhitespace:"selection",fontFamily:"'Roboto', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace",fontSize:re,lineHeight:Math.round(re*1.5),scrollbar:{vertical:"auto",horizontal:"auto"},lineDecorationsWidth:10},onMount:(r,l)=>{r.onDidAttemptReadOnlyEdit(()=>{});let s=r.getDomNode();if(s){let c=document.createElement("style");c.textContent=`
|
|
1
|
+
"use strict";var Ir=Object.create;var Fe=Object.defineProperty;var Tr=Object.getOwnPropertyDescriptor;var kr=Object.getOwnPropertyNames;var Lr=Object.getPrototypeOf,Fr=Object.prototype.hasOwnProperty;var Rr=(a,d)=>{for(var u in d)Fe(a,u,{get:d[u],enumerable:!0})},co=(a,d,u,m)=>{if(d&&typeof d=="object"||typeof d=="function")for(let T of kr(d))!Fr.call(a,T)&&T!==u&&Fe(a,T,{get:()=>d[T],enumerable:!(m=Tr(d,T))||m.enumerable});return a};var h=(a,d,u)=>(u=a!=null?Ir(Lr(a)):{},co(d||!a||!a.__esModule?Fe(u,"default",{value:a,enumerable:!0}):u,a)),Er=a=>co(Fe({},"__esModule",{value:!0}),a);var Ar={};Rr(Ar,{FileTypeIcon:()=>gt,FileViewer:()=>ht,FileViewerDefault:()=>Po,HtmlIcon:()=>se,ImageIcon:()=>$,PdfIcon:()=>G,ZipIcon:()=>ce,ensureFileExtension:()=>mo,getEditorLanguage:()=>Ee,getFileType:()=>Re,getFileTypeFromMime:()=>rt,getFileTypeIcon:()=>de,isFileViewerPreviewable:()=>uo,resolveFileType:()=>C,saveBlobAsFile:()=>Pe});module.exports=Er(Ar);var i=require("react"),n=require("@mui/material"),bo=h(require("@mui/icons-material/Close"),1),wo=h(require("@mui/icons-material/Menu"),1),vo=h(require("@mui/icons-material/MoreHoriz"),1),lt=h(require("@mui/icons-material/Download"),1),Mo=h(require("@mui/icons-material/Add"),1),Co=h(require("@mui/icons-material/Remove"),1),st=h(require("@mui/icons-material/RotateLeft"),1),ct=h(require("@mui/icons-material/RotateRight"),1),dt=h(require("@mui/icons-material/FitScreen"),1),De=h(require("@mui/icons-material/KeyboardArrowLeft"),1),Be=h(require("@mui/icons-material/KeyboardArrowRight"),1),Io=h(require("@mui/icons-material/TextSnippet"),1),To=h(require("@mui/icons-material/VideoFile"),1),ko=h(require("@mui/icons-material/AudioFile"),1),Lo=h(require("@mui/icons-material/Description"),1),Fo=h(require("@mui/icons-material/InsertDriveFile"),1),ut=h(require("@mui/icons-material/Code"),1),Ro=h(require("@mui/icons-material/TableView"),1),X=require("react-pdf"),mt=h(require("@monaco-editor/react"),1),Eo=h(require("react-spreadsheet"),1),le=h(require("xlsx"),1),pt=require("@ehfuse/mui-fadeout-loading-progress");var Re=a=>{let d=a.split(".").pop()?.toLowerCase()||"";return["jpg","jpeg","png","gif","bmp","webp","svg"].includes(d)?"image":d==="pdf"?"pdf":["txt","json","xml","log","md","markdown"].includes(d)?"text":["csv","xls","xlsx"].includes(d)?"spreadsheet":["html","htm"].includes(d)?"html":["js","jsx","ts","tsx","css","scss","sass","less","php","py","java","c","cpp","h","hpp","cs","go","rs","rb","swift","kt","scala","sql","sh","bash","bat","ps1","yml","yaml","toml","ini","conf"].includes(d)?"code":["mp4","avi","mov","wmv","flv","webm"].includes(d)?"video":["mp3","wav","ogg","m4a","aac"].includes(d)?"audio":["doc","docx","ppt","pptx","hwp","hwpx"].includes(d)?"office":"unsupported"},rt=a=>{let d=(a||"").toLowerCase().split(";")[0].trim();return d?d.startsWith("image/")?"image":d==="application/pdf"?"pdf":d.startsWith("video/")?"video":d.startsWith("audio/")?"audio":d==="text/html"?"html":d==="text/csv"||d==="application/vnd.ms-excel"||d==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"?"spreadsheet":d.startsWith("text/")||d==="application/json"||d==="application/xml"?"text":"unsupported":"unsupported"},C=(a,d)=>{let u=Re(a);return u!=="unsupported"?u:rt(d)},Pr=new Set(["image","pdf","text","code","html","spreadsheet","video","audio"]),uo=a=>Pr.has(Re(a)),Sr={"image/jpeg":"jpg","image/png":"png","image/gif":"gif","image/webp":"webp","image/bmp":"bmp","image/svg+xml":"svg","application/pdf":"pdf","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":"xlsx","application/vnd.ms-excel":"xls","text/csv":"csv","text/plain":"txt","application/json":"json","text/xml":"xml","application/xml":"xml","text/html":"html","video/mp4":"mp4","video/webm":"webm","audio/mpeg":"mp3","audio/wav":"wav"},mo=(a,d)=>{let u=(a??"").trim()||"\uCCA8\uBD80\uD30C\uC77C";if(/\.[a-z0-9]+$/i.test(u))return u;let m=(d??"").trim().toLowerCase().split(";")[0],T=Sr[m]??"";return T?`${u}.${T}`:u},Ee=a=>{let d=a.split(".").pop()?.toLowerCase()||"";return{js:"javascript",jsx:"javascript",ts:"typescript",tsx:"typescript",html:"html",htm:"html",css:"css",scss:"scss",sass:"scss",less:"less",json:"json",xml:"xml",php:"php",py:"python",java:"java",c:"c",cpp:"cpp",h:"c",hpp:"cpp",cs:"csharp",go:"go",rs:"rust",rb:"ruby",swift:"swift",kt:"kotlin",scala:"scala",sql:"sql",sh:"shell",bash:"shell",bat:"bat",ps1:"powershell",yml:"yaml",yaml:"yaml",toml:"toml",ini:"ini",conf:"ini",md:"markdown",markdown:"markdown",txt:"plaintext",log:"plaintext",csv:"plaintext"}[d]||"plaintext"};var Dr=a=>(a||"").replace(/[\\/:*?"<>|\r\n]/g,"_").trim()||"download",Pe=(a,d)=>{let u=URL.createObjectURL(a),m=document.createElement("a");m.href=u,m.download=Dr(d),m.rel="noopener",document.body.appendChild(m),m.click(),m.remove(),window.setTimeout(()=>URL.revokeObjectURL(u),6e4)};var po=async a=>{let d=URL.createObjectURL(a);try{let u=await new Promise((_,K)=>{let k=new Image;k.onload=()=>_(k),k.onerror=()=>K(new Error("\uC774\uBBF8\uC9C0\uB97C \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")),k.src=d}),m=document.createElement("canvas");m.width=u.naturalWidth||u.width||1024,m.height=u.naturalHeight||u.height||1024;let T=m.getContext("2d");if(!T)throw new Error("\uCE94\uBC84\uC2A4\uB97C \uB9CC\uB4E4 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");return T.drawImage(u,0,0,m.width,m.height),await new Promise((_,K)=>{m.toBlob(k=>k?_(k):K(new Error("PNG \uBCC0\uD658 \uC2E4\uD328")),"image/png")})}finally{URL.revokeObjectURL(d)}};var Se=require("@mui/material");function ho(){let a=(0,Se.useTheme)();return!(0,Se.useMediaQuery)(a.breakpoints.up("lg"))}var H=require("react/jsx-runtime");function $(a){return(0,H.jsxs)("svg",{id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 501.551 501.551",xmlSpace:"preserve",width:a.width||"22px",...a,children:[(0,H.jsx)("path",{style:{fill:"#F2F2F2"},d:"M480.653,0H20.898C9.404,0,0,9.404,0,20.898v459.755c0,11.494,9.404,20.898,20.898,20.898h459.755 c11.494,0,20.898-9.404,20.898-20.898V20.898C501.551,9.404,492.147,0,480.653,0z"}),(0,H.jsx)("rect",{x:36.571,y:36.571,style:{fill:"#84DBFF"},width:428.408,height:345.861}),(0,H.jsx)("path",{style:{fill:"#334A5E"},d:"M261.224,382.433H36.571v-87.771c17.763-5.224,37.616-7.314,57.469-7.314 c25.078,0,50.155,4.18,71.053,12.539c6.269,2.09,11.494,4.18,16.718,7.314C218.384,323.918,246.596,350.041,261.224,382.433z"}),(0,H.jsx)("path",{style:{fill:"#40596B"},d:"M464.98,271.673v110.759H127.478c9.404-29.257,29.257-55.38,55.38-76.278 c42.841-34.482,103.445-55.38,172.408-55.38C393.927,250.776,432.588,258.09,464.98,271.673z"}),(0,H.jsxs)("g",{children:[(0,H.jsx)("circle",{style:{fill:"#FFFFFF"},cx:122.253,cy:122.253,r:42.841}),(0,H.jsx)("path",{style:{fill:"#FFFFFF"},d:"M433.633,101.355c1.045-3.135,1.045-6.269,1.045-9.404c0-16.718-13.584-31.347-31.347-31.347 c-11.494,0-21.943,6.269-27.167,15.673c-3.135-2.09-7.314-2.09-11.494-2.09c-14.629,0-26.122,10.449-28.212,24.033 c-8.359,2.09-14.629,9.404-14.629,17.763c0,10.449,8.359,18.808,18.808,18.808h82.547c10.449,0,18.808-8.359,18.808-18.808 C441.992,109.714,438.857,104.49,433.633,101.355z"})]})]})}var w=require("react/jsx-runtime");function G(a){return(0,w.jsx)("svg",{id:"_x35_",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512",xmlSpace:"preserve",width:a.width||"28px",...a,children:(0,w.jsxs)("g",{children:[(0,w.jsx)("polygon",{style:{fill:"#B12A27"},points:"475.435,117.825 475.435,512 47.791,512 47.791,0.002 357.613,0.002 412.491,54.881 "}),(0,w.jsx)("rect",{x:36.565,y:34.295,style:{fill:"#F2F2F2"},width:205.097,height:91.768}),(0,w.jsxs)("g",{children:[(0,w.jsxs)("g",{children:[(0,w.jsx)("path",{style:{fill:"#B12A27"},d:"M110.132,64.379c-0.905-2.186-2.111-4.146-3.769-5.804c-1.658-1.658-3.694-3.015-6.031-3.92 c-2.412-0.98-5.126-1.432-8.141-1.432H69.651v58.195h11.383V89.481h11.157c3.015,0,5.729-0.452,8.141-1.432 c2.337-0.905,4.372-2.261,6.031-3.92c1.659-1.658,2.865-3.543,3.769-5.804c0.829-2.186,1.282-4.523,1.282-6.935 C111.413,68.902,110.961,66.565,110.132,64.379z M97.844,77.118c-1.508,1.432-3.618,2.186-6.181,2.186H81.034V63.323h10.629 c2.563,0,4.674,0.754,6.181,2.261c1.432,1.432,2.186,3.392,2.186,5.804C100.031,73.726,99.277,75.686,97.844,77.118z"}),(0,w.jsx)("path",{style:{fill:"#B12A27"},d:"M164.558,75.761c-0.075-2.035-0.151-3.844-0.377-5.503c-0.226-1.659-0.603-3.166-1.131-4.598 c-0.528-1.357-1.206-2.714-2.111-3.92c-2.035-2.94-4.523-5.126-7.312-6.483c-2.865-1.357-6.257-2.035-10.252-2.035h-20.956 v58.195h20.956c3.995,0,7.387-0.678,10.252-2.035c2.789-1.357,5.277-3.543,7.312-6.483c0.905-1.206,1.583-2.563,2.111-3.92 c0.528-1.432,0.905-2.94,1.131-4.598c0.226-1.658,0.301-3.468,0.377-5.503c0.075-1.96,0.075-4.146,0.075-6.558 C164.633,79.908,164.633,77.721,164.558,75.761z M153.175,88.2c0,1.734-0.151,3.091-0.302,4.297 c-0.151,1.131-0.377,2.186-0.678,2.94c-0.301,0.829-0.754,1.583-1.281,2.261c-1.885,2.412-4.749,3.543-8.518,3.543h-8.669V63.323 h8.669c3.769,0,6.634,1.206,8.518,3.618c0.528,0.678,0.98,1.357,1.281,2.186s0.528,1.809,0.678,3.015 c0.151,1.131,0.302,2.563,0.302,4.221c0.075,1.659,0.075,3.694,0.075,5.955C153.251,84.581,153.251,86.541,153.175,88.2z"}),(0,w.jsx)("path",{style:{fill:"#B12A27"},d:"M213.18,63.323V53.222h-38.37v58.195h11.383V87.823h22.992V77.646h-22.992V63.323H213.18z"})]}),(0,w.jsx)("g",{children:(0,w.jsx)("path",{style:{fill:"#B12A27"},d:"M110.132,64.379c-0.905-2.186-2.111-4.146-3.769-5.804c-1.658-1.658-3.694-3.015-6.031-3.92 c-2.412-0.98-5.126-1.432-8.141-1.432H69.651v58.195h11.383V89.481h11.157c3.015,0,5.729-0.452,8.141-1.432 c2.337-0.905,4.372-2.261,6.031-3.92c1.659-1.658,2.865-3.543,3.769-5.804c0.829-2.186,1.282-4.523,1.282-6.935 C111.413,68.902,110.961,66.565,110.132,64.379z M97.844,77.118c-1.508,1.432-3.618,2.186-6.181,2.186H81.034V63.323h10.629 c2.563,0,4.674,0.754,6.181,2.261c1.432,1.432,2.186,3.392,2.186,5.804C100.031,73.726,99.277,75.686,97.844,77.118z"})})]}),(0,w.jsx)("polygon",{style:{opacity:.08,fill:"#040000"},points:"475.435,117.825 475.435,512 47.791,512 47.791,419.581 247.705,219.667 259.54,207.832 266.098,201.273 277.029,190.343 289.995,177.377 412.491,54.881 "}),(0,w.jsx)("polygon",{style:{fill:"#771B1B"},points:"475.435,117.836 357.599,117.836 357.599,0 "}),(0,w.jsx)("g",{children:(0,w.jsx)("path",{style:{fill:"#F2F2F2"},d:"M414.376,370.658c-2.488-4.372-5.88-8.518-10.101-12.287c-3.467-3.166-7.538-6.106-12.137-8.82 c-18.544-10.93-45.003-16.207-80.961-16.207h-3.618c-1.96-1.809-3.995-3.618-6.106-5.503 c-13.644-12.287-24.499-25.63-32.942-40.48c16.584-36.561,24.499-69.126,23.519-96.867c-0.151-4.674-0.829-9.046-2.035-13.117 c-1.809-6.558-4.824-12.363-9.046-17.112c-0.075-0.075-0.075-0.075-0.151-0.151c-6.709-7.538-16.056-11.835-25.555-11.835 c-9.574,0-18.393,4.146-24.801,11.76c-6.332,7.538-9.724,17.866-9.875,30.002c-0.226,18.544,1.281,36.108,4.448,52.315 c0.301,1.282,0.528,2.563,0.829,3.844c3.166,14.7,7.84,28.645,13.87,41.611c-7.086,14.398-14.247,26.836-19.223,35.279 c-3.769,6.408-7.915,13.117-12.212,19.826c-19.373,3.468-35.807,7.689-50.129,12.966c-19.373,7.011-34.902,16.056-46.059,26.836 c-7.237,6.935-12.137,14.323-14.549,22.012c-2.563,7.915-2.412,15.83,0.452,22.916c2.638,6.558,7.387,12.061,13.72,15.83 c1.508,0.905,3.091,1.658,4.749,2.337c4.825,1.96,10.101,3.015,15.604,3.015c12.74,0,25.856-5.503,36.937-15.378 c20.655-18.469,41.988-48.169,54.577-66.94c10.327-1.583,21.559-2.94,34.224-4.297c14.926-1.508,28.118-2.412,40.104-2.865 c3.694,3.317,7.237,6.483,10.629,9.498c18.846,16.81,33.168,28.947,46.134,37.465c0,0.075,0.075,0.075,0.151,0.075 c5.126,3.392,10.026,6.181,14.926,8.443c5.503,2.563,11.081,3.92,16.81,3.92c7.237,0,14.021-2.186,19.675-6.181 c5.729-4.146,9.875-10.101,11.76-16.81C420.18,387.694,418.899,378.724,414.376,370.658z M247.705,219.667 c-1.055-9.348-1.508-19.072-1.357-29.324c0.151-9.724,3.694-16.283,8.895-16.283c3.92,0,8.066,3.543,9.95,10.327 c0.528,2.035,0.905,4.372,0.98,7.01c0.151,3.166,0.075,6.483-0.075,9.875c-0.452,9.574-2.111,19.75-4.975,30.681 c-1.734,7.011-3.995,14.323-6.784,21.936C251.173,243.186,248.911,231.803,247.705,219.667z M121.967,418.073 c-1.282-3.166,0.151-9.272,7.991-16.81c11.986-11.458,30.756-20.504,56.914-27.364c-4.975,6.784-9.875,12.966-14.624,18.619 c-7.237,8.744-14.172,16.132-20.429,21.71c-5.352,4.824-11.232,7.84-16.81,8.594c-0.98,0.151-1.96,0.226-2.94,0.226 C127.168,423.049,123.173,421.089,121.967,418.073z M242.428,337.942l0.528-0.829l-0.829,0.151 c0.151-0.377,0.377-0.754,0.603-1.055c3.166-5.352,7.161-12.212,11.458-20.127l0.377,0.829l0.98-2.035 c3.166,4.523,6.634,8.971,10.252,13.267c1.734,2.035,3.543,3.995,5.352,5.955l-1.206,0.075l1.055,0.98 c-3.091,0.226-6.332,0.528-9.574,0.829c-2.035,0.226-4.146,0.377-6.257,0.603C250.796,337.037,246.499,337.49,242.428,337.942z M369.297,384.98c-8.971-5.729-18.996-13.795-31.359-24.575c17.564,1.809,31.359,5.654,41.159,11.383 c4.297,2.488,7.538,5.051,9.724,7.538c3.618,3.844,4.9,7.312,4.221,9.649c-0.603,2.337-3.241,3.92-6.483,3.92 c-1.885,0-3.844-0.452-5.88-1.432c-3.468-1.658-7.086-3.694-10.93-6.181C369.598,385.282,369.448,385.131,369.297,384.98z"})})]})})}var o=require("react/jsx-runtime");var Br="/pdfjs",fo=32,go=240,zr=8192,nt=.25,it=8,at=80,xo=80,Hr=a=>{switch(a){case"image":return(0,o.jsx)($,{});case"pdf":return(0,o.jsx)(G,{});case"text":return(0,o.jsx)(Io.default,{sx:{mr:1,color:"#66BB6A"}});case"spreadsheet":return(0,o.jsx)(Ro.default,{sx:{mr:1,color:"#4CAF50"}});case"html":return(0,o.jsx)(ut.default,{sx:{mr:1,color:"#E91E63"}});case"code":return(0,o.jsx)(ut.default,{sx:{mr:1,color:"#2196F3"}});case"video":return(0,o.jsx)(To.default,{sx:{mr:1,color:"#AB47BC"}});case"audio":return(0,o.jsx)(ko.default,{sx:{mr:1,color:"#FF7043"}});case"office":return(0,o.jsx)(Lo.default,{sx:{mr:1,color:"#FFA726"}});default:return(0,o.jsx)(Fo.default,{sx:{mr:1,color:"#78909C"}})}},yo=a=>typeof a?.rotate=="number"?a.rotate:typeof a?._pageInfo?.rotate=="number"?a._pageInfo.rotate:0,ht=({open:a,onClose:d,file:u,files:m=null,initialIndex:T=0,loadFile:_,onDownload:K,pdfAssetBase:k=Br})=>{let g=ho(),Wo=(0,n.useTheme)(),te=(0,n.useMediaQuery)(Wo.breakpoints.down("sm")),v=(0,i.useMemo)(()=>m&&m.length>0?m:[],[m]),[q,Y]=(0,i.useState)(0);(0,i.useEffect)(()=>{a&&Y(v.length>0?Math.min(Math.max(T,0),v.length-1):0)},[a,T,v]);let p=v.length>0?v[q]??u:u,[ze,He]=(0,i.useState)(!0),[Xo,xt]=(0,i.useState)(!1),[M,Ve]=(0,i.useState)(""),[L,B]=(0,i.useState)(1),[A,oe]=(0,i.useState)(0),[yt,ue]=(0,i.useState)(""),[I,bt]=(0,i.useState)(""),[wt,me]=(0,i.useState)(""),[re,pe]=(0,i.useState)(14),[Ae,he]=(0,i.useState)(""),[We,vt]=(0,i.useState)("preview"),[Xe,ne]=(0,i.useState)([]),[Mt,Ct]=(0,i.useState)([]),[_o,_e]=(0,i.useState)(""),[Ye,It]=(0,i.useState)(null),[Tt,fe]=(0,i.useState)(!1),[Yo,je]=(0,i.useState)(!0),[kt,ge]=(0,i.useState)(""),[F,Lt]=(0,i.useState)(),[R,j]=(0,i.useState)(1),[jo,Oe]=(0,i.useState)(!1),[Ft,Z]=(0,i.useState)(null),[xe,Rt]=(0,i.useState)("portrait"),[Oo,Et]=(0,i.useState)(0),[Ue,Pt]=(0,i.useState)(0),[ie,St]=(0,i.useState)({width:0,height:0}),Dt=(0,i.useRef)([]),Ne=(0,i.useRef)(null),O=(0,i.useRef)(null),$e=(0,i.useRef)(null),Ge=(0,i.useRef)(null),Uo=(0,i.useCallback)(e=>{if($e.current?.disconnect(),Ge.current?.(),Ge.current=null,O.current=e,!e){$e.current=null;return}let t=s=>{s.touches.length>=2&&s.preventDefault()};e.addEventListener("touchmove",t,{passive:!1}),Ge.current=()=>e.removeEventListener("touchmove",t);let r=new ResizeObserver(s=>{let c=s[0]?.contentRect;c&&St({width:c.width,height:c.height})});r.observe(e),$e.current=r;let l=e.getBoundingClientRect();St({width:l.width,height:l.height})},[]),[ye,Bt]=(0,i.useState)(!1),[Ke,No]=(0,i.useState)({x:0,y:0}),[qe,$o]=(0,i.useState)({x:0,y:0}),Go=(0,i.useCallback)(async(e,t)=>{let r=URL.createObjectURL(e);Ve(r),bt(e.type||"");let l=C(t,e.type||"");if(l==="text"||l==="code"){let c=await e.text();me(c);return}if(l==="html"){let c=await e.text();he(c);return}if(l!=="spreadsheet")return;let s=t.split(".").pop()?.toLowerCase()||"";if(s==="csv"){let f=(await e.text()).split(`
|
|
2
|
+
`).map(b=>b.split(",").map(D=>({value:D.trim()})));ne(f);return}if(s==="xls"||s==="xlsx"){fe(!0),je(!0);let c=await e.arrayBuffer(),f=le.read(c,{type:"array"});Ct(f.SheetNames),It(f);let b=f.SheetNames[0];_e(b),et(f,b)}},[]),be=(0,i.useRef)(null),zt=(0,i.useCallback)(async e=>{if(e.blob)return e.blob;if(_)return await _(e);if(e.url){let t=await fetch(e.url);if(!t.ok)throw new Error("\uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");return await t.blob()}throw new Error("\uD30C\uC77C \uB370\uC774\uD130 \uC18C\uC2A4(blob/url/loadFile)\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")},[_]);(0,i.useEffect)(()=>(p&&a?Qo():(M&&URL.revokeObjectURL(M),be.current=null,Ve(""),me(""),he(""),ne([]),pe(14),B(1),oe(0)),()=>{M&&URL.revokeObjectURL(M)}),[p,a]);let Ko=({numPages:e})=>{Lt(e),j(1),ke.current=!0},qo=e=>{let{width:t,height:r}=Zo(e);Et(yo(e)),t>0&&r>0&&Pt(t/r);let l=t>r?"landscape":"portrait";Rt(l)},Zo=e=>{let t=e?.width||0,r=e?.height||0,l=yo(e);try{if(typeof e?.getViewport=="function"){let s=e.getViewport({scale:1,rotation:l});t=s.width,r=s.height}}catch(s){console.warn("[FileViewer] getViewport \uC2E4\uD328 - \uAE30\uBCF8 width/height\uB85C \uB300\uCCB4",s)}return{width:t,height:r}},we=(0,i.useCallback)(()=>{j(e=>Math.max(e-1,1))},[]),ve=(0,i.useCallback)(()=>{j(e=>Math.min(e+1,F||1))},[F]),Ht=(0,i.useMemo)(()=>({cMapUrl:`${k}/cmaps/`,cMapPacked:!0,standardFontDataUrl:`${k}/standard_fonts/`,wasmUrl:`${k}/wasm/`}),[k]);(0,i.useEffect)(()=>{typeof window>"u"||(X.pdfjs.GlobalWorkerOptions.workerSrc=`${k}/pdf.worker.min.mjs`)},[k]),(0,i.useEffect)(()=>{if(!a||v.length<=1||C(p?.name||"",I)==="pdf")return;let e=t=>{t.key==="ArrowLeft"?(t.preventDefault(),Y(r=>Math.max(r-1,0))):t.key==="ArrowRight"&&(t.preventDefault(),Y(r=>Math.min(r+1,v.length-1)))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,v.length,p?.name,I]),(0,i.useEffect)(()=>{if(!a||C(p?.name||"",I)!=="pdf")return;let e=r=>{switch(r.key){case"ArrowLeft":case"ArrowUp":r.preventDefault(),we();break;case"ArrowRight":case"ArrowDown":r.preventDefault(),ve();break;case"Home":r.preventDefault(),j(1);break;case"End":r.preventDefault(),F&&j(F);break}},t=r=>{r.ctrlKey||Math.abs(r.deltaY)>50&&(r.preventDefault(),r.deltaY>0?ve():we())};return document.addEventListener("keydown",e),document.addEventListener("wheel",t,{passive:!1}),()=>{document.removeEventListener("keydown",e),document.removeEventListener("wheel",t)}},[a,p,I,we,ve,F]),(0,i.useEffect)(()=>{if(!F||!a||C(p?.name||"",I)!=="pdf")return;if(R===1&&Ne.current){Ne.current.scrollTo({top:0,behavior:"smooth"});return}let e=Dt.current[R-1];e&&e.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},[a,p,I,F,R]),(0,i.useEffect)(()=>{if(ze){let e=window.setTimeout(()=>xt(!0),180);return()=>window.clearTimeout(e)}},[ze]);let Qo=async()=>{if(p){He(!0),ue(""),bt(""),me(""),he(""),ne([]);try{let e=await zt(p);be.current=e,await Go(e,p.name)}catch(e){console.error("\uD30C\uC77C \uB85C\uB4DC \uC624\uB958:",e),ue("\uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")}finally{He(!1)}}},Vt=async()=>{if(p)try{if(K){await K(p);return}let e=be.current??await zt(p);Pe(e,p.name)}catch(e){console.error("\uD30C\uC77C \uB2E4\uC6B4\uB85C\uB4DC \uC624\uB958:",e)}},Jo=()=>{let e=p?C(p.name,I):"";e==="text"||e==="html"||e==="code"||e==="spreadsheet"?pe(t=>Math.min(t+2,24)):B(e==="pdf"?t=>Math.min(t+.25,it):t=>Math.min(t+.25,3))},er=()=>{let e=p?C(p.name,I):"";e==="text"||e==="html"||e==="code"||e==="spreadsheet"?pe(t=>Math.max(t-2,10)):B(e==="pdf"?t=>Math.max(t-.25,nt):t=>Math.max(t-.25,.25))},x=(0,i.useRef)(new Map),tr=e=>Math.min(Math.max(e,.25),3),or=e=>Math.min(Math.max(e,nt),it),Ze=(0,i.useRef)(null),Me=(0,i.useRef)(null),V=(0,i.useRef)({scale:1,tx:0,ty:0,rotation:0}),W=(0,i.useRef)(0),Q=(0,i.useRef)(null),Ce=(0,i.useRef)(null),Ie=(0,i.useCallback)((e,t,r,l)=>{let s=Ze.current,c=Me.current;if(!s||!c)return{tx:t,ty:r};let f=c.offsetWidth,b=c.offsetHeight,D=(Math.round(l/90)%4+4)%4;if(D===1||D===3){let Cr=f;f=b,b=Cr}let z=f*e,ao=b*e,lo=z>s.clientWidth?(z+s.clientWidth)/2-xo:0,so=ao>s.clientHeight?(ao+s.clientHeight)/2-xo:0;return{tx:Math.min(lo,Math.max(-lo,t)),ty:Math.min(so,Math.max(-so,r))}},[]),At=(0,i.useCallback)((e,t)=>{let r=Ze.current,l=Me.current;if(!r||!l)return e>1;let s=(Math.round(t/90)%4+4)%4,c=s===1||s===3,f=c?l.offsetHeight:l.offsetWidth,b=c?l.offsetWidth:l.offsetHeight;return f*e>r.clientWidth+1||b*e>r.clientHeight+1},[]),U=(0,i.useCallback)(e=>{let t=Me.current;if(!t)return;let{scale:r,tx:l,ty:s,rotation:c}=V.current;t.style.transition=e?"transform 0.25s ease":"none",t.style.transform=`translate(${l}px, ${s}px) scale(${r}) rotate(${c}deg)`},[]),Wt=(0,i.useCallback)(()=>{let e=V.current,t=Ie(e.scale,e.tx,e.ty,e.rotation);e.tx=t.tx,e.ty=t.ty,!W.current&&(W.current=requestAnimationFrame(()=>{W.current=0,U(!1)}))},[U,Ie]),Xt=(0,i.useCallback)(()=>{W.current&&(cancelAnimationFrame(W.current),W.current=0),x.current.clear(),Q.current=null,Ce.current=null},[]),rr=(0,i.useCallback)(e=>{Me.current=e,e&&(V.current={scale:1,tx:0,ty:0,rotation:0},U(!1))},[U]);(0,i.useEffect)(()=>{if(C(p?.name||"",I)!=="image")return;let e=V.current;e.scale=L,e.rotation=A;let t=Ie(e.scale,e.tx,e.ty,e.rotation);e.tx=t.tx,e.ty=t.ty,U(!0)},[L,A,p,I,M,U,Ie]),(0,i.useEffect)(()=>()=>{W.current&&cancelAnimationFrame(W.current)},[]);let nr=e=>{e.currentTarget.setPointerCapture?.(e.pointerId),x.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=[...x.current.values()],r=V.current;if(t.length===2){Q.current=null;let l=e.currentTarget.getBoundingClientRect();Ce.current={startDist:Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y)||1,baseScale:r.scale,baseTx:r.tx,baseTy:r.ty,startMidX:(t[0].x+t[1].x)/2,startMidY:(t[0].y+t[1].y)/2,centerX:l.left+l.width/2,centerY:l.top+l.height/2}}else t.length===1&&At(r.scale,r.rotation)&&(Q.current={startX:e.clientX,startY:e.clientY,baseTx:r.tx,baseTy:r.ty})},ir=e=>{if(!x.current.has(e.pointerId))return;x.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=V.current,r=Ce.current,l=[...x.current.values()];if(r&&l.length>=2){let c=Math.hypot(l[0].x-l[1].x,l[0].y-l[1].y),f=(l[0].x+l[1].x)/2,b=(l[0].y+l[1].y)/2,D=tr(r.baseScale*c/r.startDist),z=D/r.baseScale;t.scale=D,t.tx=f-r.centerX-z*(r.startMidX-r.centerX-r.baseTx),t.ty=b-r.centerY-z*(r.startMidY-r.centerY-r.baseTy),Wt();return}let s=Q.current;s&&l.length===1&&(t.tx=s.baseTx+(e.clientX-s.startX),t.ty=s.baseTy+(e.clientY-s.startY),Wt())},_t=e=>{if(!x.current.has(e.pointerId))return;x.current.delete(e.pointerId),e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId);let t=V.current;if(x.current.size<2&&(Ce.current=null,Math.abs(t.scale-L)>.001&&B(t.scale)),x.current.size===0)Q.current=null;else if(x.current.size===1&&At(t.scale,t.rotation)){let r=[...x.current.values()][0];Q.current={startX:r.x,startY:r.y,baseTx:t.tx,baseTy:t.ty}}},Yt=(0,i.useCallback)(async()=>{if(M)try{let t=await(await fetch(M)).blob(),r=t.type==="image/png"?t:await po(t);await navigator.clipboard.write([new ClipboardItem({"image/png":r})]),ge("\uC774\uBBF8\uC9C0\uB97C \uD074\uB9BD\uBCF4\uB4DC\uC5D0 \uBCF5\uC0AC\uD588\uC2B5\uB2C8\uB2E4.")}catch(e){console.error("\uC774\uBBF8\uC9C0 \uBCF5\uC0AC \uC624\uB958:",e),ge("\uC774\uBBF8\uC9C0\uB97C \uBCF5\uC0AC\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")}},[M]);(0,i.useEffect)(()=>{if(!a||C(p?.name||"",I)!=="image")return;let e=t=>{if(!(t.ctrlKey||t.metaKey)||t.key.toLowerCase()!=="c")return;let r=t.target,l=r?.tagName;l==="INPUT"||l==="TEXTAREA"||r?.isContentEditable||(t.preventDefault(),Yt())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a,p,I,Yt]);let J=(0,i.useRef)(null),S=(0,i.useRef)(0),ae=(0,i.useRef)(null),ee=(0,i.useRef)(null),N=()=>O.current?.querySelector(".react-pdf__Page")??null,Te=(0,i.useRef)(null),jt=(0,i.useRef)(null),ar=()=>{let e=jt.current,t=N()?.querySelector("canvas");if(!e||!t||!t.width||!t.height)return!1;let r=document.createElement("canvas");r.width=t.width,r.height=t.height;let l=r.getContext("2d");if(!l)return!1;l.drawImage(t,0,0);let s=t.getBoundingClientRect(),c=e.getBoundingClientRect();return Object.assign(r.style,{position:"absolute",left:`${s.left-c.left}px`,top:`${s.top-c.top}px`,width:`${s.width}px`,height:`${s.height}px`,pointerEvents:"none",zIndex:"1"}),e.appendChild(r),Te.current=r,!0},Ot=()=>{Te.current?.remove(),Te.current=null;let e=N();e&&(e.style.visibility="")},lr=()=>{S.current||(S.current=requestAnimationFrame(()=>{S.current=0;let e=J.current,t=N();!e||!t||(t.style.transition="none",t.style.transformOrigin="top left",t.style.transform=`translate(${e.tx}px, ${e.ty}px) scale(${e.k})`,ae.current={k:e.k,tx:e.tx,ty:e.ty,midX:e.lastMidX,midY:e.lastMidY})}))},Ut=()=>{S.current&&(cancelAnimationFrame(S.current),S.current=0),J.current=null,ee.current=null,ae.current=null,Ot();let e=N();e&&(e.style.transform="",e.style.willChange="auto")},Nt=e=>{let t=N(),r=O.current;if(!t||!r)return;t.style.transform&&(t.style.transform="");let l=t.getBoundingClientRect(),s=r.getBoundingClientRect(),c=(e[0].x+e[1].x)/2,f=(e[0].y+e[1].y)/2;J.current={startDist:Math.hypot(e[0].x-e[1].x,e[0].y-e[1].y)||1,rectLeft:l.left,rectTop:l.top,pageW:l.width,pageH:l.height,viewerL:s.left,viewerT:s.top,viewerR:s.right,viewerB:s.bottom,startMidX:c,startMidY:f,lastMidX:c,lastMidY:f,k:1,tx:0,ty:0},ae.current={k:1,tx:0,ty:0,midX:c,midY:f},t.style.willChange="transform"},sr=e=>{if(e.pointerType!=="touch")return;x.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=[...x.current.values()];if(t.length===2){if(ee.current||Te.current)return;Nt(t)}},cr=e=>{if(!x.current.has(e.pointerId))return;x.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=J.current,r=[...x.current.values()];if(t&&r.length>=2){e.preventDefault();let l=Math.hypot(r[0].x-r[1].x,r[0].y-r[1].y),s=Math.min(Math.max(l/t.startDist,nt/(L||1)),it/(L||1)),c=(r[0].x+r[1].x)/2,f=(r[0].y+r[1].y)/2,b=c-t.rectLeft-s*(t.startMidX-t.rectLeft),D=f-t.rectTop-s*(t.startMidY-t.rectTop),z=at;b=Math.min(t.viewerR-z-t.rectLeft,Math.max(t.viewerL+z-t.rectLeft-s*t.pageW,b)),D=Math.min(t.viewerB-z-t.rectTop,Math.max(t.viewerT+z-t.rectTop-s*t.pageH,D)),t.k=s,t.tx=b,t.ty=D,t.lastMidX=c,t.lastMidY=f,lr()}},$t=e=>{if(x.current.delete(e.pointerId),x.current.size>=2)return;let t=J.current;if(J.current=null,!t)return;S.current&&(cancelAnimationFrame(S.current),S.current=0);let r=ae.current??{k:1,tx:0,ty:0,midX:t.startMidX,midY:t.startMidY};ae.current=null;let l=or(L*r.k);if(Math.abs(l-L)<.001){let c=O.current;Ut(),c&&(c.scrollLeft-=r.tx,c.scrollTop-=r.ty);return}let s=O.current;if(s){let c=s.getBoundingClientRect();ee.current={u:(r.midX-t.rectLeft-r.tx)/r.k,v:(r.midY-t.rectTop-r.ty)/r.k,offX:r.midX-c.left,offY:r.midY-c.top,factor:l/(L||1)}}if(ar()){let c=N();c&&(c.style.transform="",c.style.visibility="hidden")}B(l),Math.round(Math.min(tt*l,ro))===ot&&requestAnimationFrame(()=>Kt())},ke=(0,i.useRef)(!0),Qe=(0,i.useRef)(null),Gt=()=>{let e=O.current;e&&(e.scrollLeft=(e.scrollWidth-e.clientWidth)/2,e.scrollTop=(e.scrollHeight-e.clientHeight)/2)},Kt=()=>{let e=ee.current;if(!e)return;ee.current=null;let t=O.current,r=N();if(!t||!r)return;Ot(),r.style.transform="",r.style.willChange="auto";let l=r.getBoundingClientRect(),s=t.getBoundingClientRect();t.scrollLeft+=l.left-s.left+e.u*e.factor-e.offX,t.scrollTop+=l.top-s.top+e.v*e.factor-e.offY;let c=[...x.current.values()];c.length>=2&&Nt(c)},qt=()=>{let e=`${R}:${A}`;if(ee.current){Qe.current=e,Kt();return}(ke.current||Qe.current!==e)&&(ke.current=!1,Qe.current=e,Gt())};(0,i.useEffect)(()=>()=>{S.current&&cancelAnimationFrame(S.current)},[]);let Zt=()=>{oe(e=>e-90)},Qt=()=>{oe(e=>e+90)},Jt=()=>{let e=C(p?.name||"",I);Ut(),e==="text"||e==="html"||e==="code"||e==="spreadsheet"?pe(14):e==="pdf"?(B(1),L===1&&A===0?Gt():ke.current=!0):(Xt(),V.current={scale:1,tx:0,ty:0,rotation:0},U(!0),B(1)),oe(0)},eo=(e,t)=>{Bt(!0),No({x:e.clientX,y:e.clientY}),$o({x:t.scrollLeft,y:t.scrollTop}),e.preventDefault()},to=(0,i.useCallback)((e,t)=>{if(!ye)return;let r=e.clientX-Ke.x,l=e.clientY-Ke.y;t.scrollLeft=qe.x-r,t.scrollTop=qe.y-l,e.preventDefault()},[ye,Ke,qe]),Je=(0,i.useCallback)(()=>{Bt(!1),document.body.style.cursor="default"},[]);(0,i.useEffect)(()=>{if(ye){let e=t=>{document.querySelectorAll(".draggable-scroll").forEach(l=>{to(t,l)})};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",Je),document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",Je),document.body.style.userSelect="",document.body.style.webkitUserSelect=""}}},[ye,to,Je]);let dr=(0,i.useCallback)(()=>{He(!1),xt(!1)},[]),et=(0,i.useCallback)(async(e,t)=>{fe(!0),je(!0);try{await new Promise(f=>setTimeout(f,500));let r=e.Sheets[t],l=le.utils.decode_range(r["!ref"]||"A1");console.debug("Excel range:",l);let c=le.utils.sheet_to_json(r,{header:1,range:l,defval:""}).map(f=>f.map(b=>({value:b!=null?String(b):""})));ne(c),await new Promise(f=>setTimeout(f,200))}catch(r){console.error("\uC6CC\uD06C\uC2DC\uD2B8 \uB85C\uB4DC \uC624\uB958:",r)}finally{je(!1)}},[]),ur=(0,i.useCallback)(()=>{fe(!1)},[]),mr=(0,i.useCallback)(e=>{Ye&&(_e(e),et(Ye,e))},[Ye,et]),oo=()=>{Xt(),V.current={scale:1,tx:0,ty:0,rotation:0},ge(""),M&&URL.revokeObjectURL(M),be.current=null,Ve(""),me(""),he(""),ne([]),Ct([]),_e(""),It(null),fe(!1),B(1),oe(0),ue(""),Lt(void 0),j(1),Rt("portrait"),Et(0),Pt(0),d()};if(!p)return null;let y=C(p.name,I),pr=((Oo+A)%360+360)%360,Le=A%180===0?Ue:Ue>0?1/Ue:0,hr=Math.max(ie.width-fo,go),fr=Math.max(ie.height-fo,go),tt=ie.width>0&&Le>0?Math.min(hr,fr*Le):xe==="portrait"?600:800,gr=typeof window<"u"&&window.devicePixelRatio||1,ro=zr/gr*(Le>0?Math.min(1,Le):1),ot=Math.round(Math.min(tt*L,ro)),no=Math.round(tt*L),xr=no>ot,yr=Math.max(16,Math.round(ie.width)-at),br=Math.max(16,Math.round(ie.height)-at),wr=xe==="landscape"?"200px":"150px",vr=xe==="landscape"?.18:.17,io=()=>F?(0,o.jsx)(n.Box,{ref:Ne,sx:{width:wr,height:"100%",backgroundColor:"grey.200",borderRight:"1px solid",borderColor:"grey.300",overflow:"auto",p:2},children:Array.from({length:F},(e,t)=>(0,o.jsxs)(n.Box,{ref:r=>{Dt.current[t]=r},children:[(0,o.jsx)(n.Box,{sx:{mb:0,p:1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:R===t+1?"2px solid":"1px solid",borderColor:R===t+1?"primary.main":"grey.400",borderRadius:1,overflow:"hidden",backgroundColor:"white","&:hover":{borderColor:"primary.main"},aspectRatio:xe==="landscape"?"4 / 3":"3 / 4"},onClick:()=>{j(t+1),g&&Oe(!1)},children:(0,o.jsx)(X.Document,{file:M,options:Ht,loading:(0,o.jsx)("div",{style:{display:"none"}}),children:(0,o.jsx)(X.Page,{pageNumber:t+1,scale:vr,loading:(0,o.jsx)("div",{style:{display:"none"}}),renderAnnotationLayer:!1,renderTextLayer:!1})})}),(0,o.jsx)(n.Typography,{variant:"caption",sx:{display:"block",textAlign:"center",p:.5,mb:1,color:R===t+1?"primary.main":"",fontWeight:R===t+1?"bold":"normal"},children:t+1})]},t+1))}):null,Mr=()=>{let e=C(p?.name||"",I);if(Xo&&!(e==="spreadsheet"))return(0,o.jsx)(n.Box,{sx:{display:"flex",height:"100%",width:"100%",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(pt.LoadingProgress,{visible:ze,exitDelay:100,onComplete:dr})});if(yt)return(0,o.jsxs)(n.Box,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[(0,o.jsx)(n.Typography,{color:"error",variant:"h6",children:yt}),(0,o.jsx)(n.Typography,{color:"text.secondary",variant:"body2",sx:{mt:1},children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]});if(!M)return null;switch(e){case"image":return(0,o.jsx)(n.Box,{ref:Ze,"data-allow-pinch":"true",onPointerDown:nr,onPointerMove:ir,onPointerUp:_t,onPointerCancel:_t,sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"hidden",height:"100%",backgroundColor:"grey.100",p:2,touchAction:"none",overscrollBehavior:"contain",userSelect:"none","&:active":{cursor:"grabbing"}},children:(0,o.jsx)("img",{ref:rr,src:M,alt:p.name,draggable:!1,style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",display:"block",transform:"translate(0px, 0px) scale(1) rotate(0deg)",transformOrigin:"center center",pointerEvents:"none"}})});case"pdf":return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(n.Box,{ref:jt,sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",backgroundColor:"grey.100",position:"relative",overflow:"hidden"},children:[!g&&io(),(0,o.jsx)(n.Box,{ref:Uo,className:"draggable-scroll",onMouseDown:r=>{let l=r.currentTarget;eo(r,l)},"data-allow-pinch":"true",onPointerDown:sr,onPointerMove:cr,onPointerUp:$t,onPointerCancel:$t,sx:{flex:1,display:"flex",flexDirection:"column",overflow:"auto",height:"100%",py:g?0:2,overflowAnchor:"none",touchAction:"pan-x pan-y","& > .react-pdf__Document":{m:"auto",...g&&{px:`${yr}px`,py:`${br}px`},...xr&&{"& .react-pdf__Page__canvas":{width:`${no}px !important`,height:"auto !important"}}}},children:(0,o.jsx)(X.Document,{file:M,onLoadSuccess:Ko,onLoadError:r=>{console.error("PDF \uB85C\uB4DC \uC624\uB958:",r),ue("PDF \uD30C\uC77C\uC744 \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.")},loading:(0,o.jsx)("div",{style:{display:"none"}}),error:(0,o.jsxs)(n.Box,{sx:{textAlign:"center",p:4},children:[(0,o.jsx)(n.Typography,{color:"error",variant:"h6",sx:{mb:2},children:"PDF\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."}),(0,o.jsx)(n.Typography,{color:"text.secondary",variant:"body2",children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]}),options:Ht,children:(0,o.jsx)(X.Page,{pageNumber:R,width:ot,rotate:A===0?void 0:pr,loading:(0,o.jsx)("div",{style:{display:"none"}}),renderAnnotationLayer:!1,renderTextLayer:!1,onLoadSuccess:qo,onRenderSuccess:qt,onRenderError:qt})})})]}),g&&(0,o.jsx)(n.Drawer,{anchor:"left",open:jo,onClose:()=>Oe(!1),sx:{zIndex:r=>r.zIndex.modal+2},children:io()})]});case"text":case"code":return(0,o.jsx)(n.Box,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column"},children:wt?(0,o.jsx)(n.Box,{sx:{flex:1,height:"100%",overflow:"hidden"},children:(0,o.jsx)(mt.default,{height:"100%",language:Ee(p.name),value:wt,theme:"vs-dark",loading:!1,options:{readOnly:!0,domReadOnly:!0,minimap:{enabled:!0},scrollBeyondLastLine:!1,automaticLayout:!0,folding:!0,foldingHighlight:!1,formatOnPaste:!0,formatOnType:!0,wordWrap:"on",lineNumbers:"on",lineNumbersMinChars:4,glyphMargin:!1,renderLineHighlight:"none",renderWhitespace:"selection",fontFamily:"'Roboto', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace",fontSize:re,lineHeight:Math.round(re*1.5),scrollbar:{vertical:"auto",horizontal:"auto"},lineDecorationsWidth:10},onMount:(r,l)=>{r.onDidAttemptReadOnlyEdit(()=>{});let s=r.getDomNode();if(s){let c=document.createElement("style");c.textContent=`
|
|
3
3
|
.monaco-editor .margin-view-overlays {
|
|
4
4
|
border-right: 1px solid #3c3c3c;
|
|
5
5
|
}
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
.monaco-editor .overlay.cursor-layer {
|
|
28
28
|
padding-left: 15px !important;
|
|
29
29
|
}
|
|
30
|
-
`,s.appendChild(c)}}})}):(0,o.jsx)(n.Box,{sx:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(n.Typography,{color:"text.secondary",children:"\uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"html":return(0,o.jsx)(n.Box,{sx:{width:"100%",height:"calc(100vh - 60px)",overflow:"hidden",borderRadius:1},children:
|
|
30
|
+
`,s.appendChild(c)}}})}):(0,o.jsx)(n.Box,{sx:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(n.Typography,{color:"text.secondary",children:"\uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"html":return(0,o.jsx)(n.Box,{sx:{width:"100%",height:"calc(100vh - 60px)",overflow:"hidden",borderRadius:1},children:Ae?(0,o.jsxs)(n.Box,{sx:{width:"100%",height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsxs)(n.Box,{sx:{display:"flex",gap:1,p:1,borderBottom:"1px solid",borderColor:"grey.300",backgroundColor:"grey.50"},children:[(0,o.jsx)(n.Button,{variant:We==="preview"?"contained":"outlined",size:"small",onClick:()=>vt("preview"),children:"\uBBF8\uB9AC\uBCF4\uAE30"}),(0,o.jsx)(n.Button,{variant:We==="source"?"contained":"outlined",size:"small",onClick:()=>vt("source"),children:"\uC18C\uC2A4\uCF54\uB4DC"})]}),We==="preview"?(0,o.jsx)(n.Box,{sx:{flex:1,overflow:"auto",backgroundColor:"white",border:"1px solid",borderColor:"grey.300",fontSize:`${re}px`,p:2},dangerouslySetInnerHTML:{__html:Ae}}):(0,o.jsx)(n.Box,{sx:{flex:1,height:"100%",overflow:"hidden"},children:(0,o.jsx)(mt.default,{height:"100%",language:"html",value:Ae,theme:"vs-dark",options:{readOnly:!0,domReadOnly:!0,minimap:{enabled:!0},scrollBeyondLastLine:!1,automaticLayout:!0,folding:!0,foldingHighlight:!1,wordWrap:"on",lineNumbers:"on",lineNumbersMinChars:4,glyphMargin:!1,renderLineHighlight:"none",renderWhitespace:"selection",fontFamily:"'Roboto', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace",fontSize:re,lineHeight:Math.round(re*1.5),scrollbar:{vertical:"auto",horizontal:"auto"},lineDecorationsWidth:10},onMount:(r,l)=>{r.onDidAttemptReadOnlyEdit(()=>{});let s=r.getDomNode();if(s){let c=document.createElement("style");c.textContent=`
|
|
31
31
|
.monaco-editor .margin-view-overlays {
|
|
32
32
|
border-right: 1px solid #3c3c3c;
|
|
33
33
|
}
|
|
@@ -55,4 +55,4 @@
|
|
|
55
55
|
.monaco-editor .overlay.cursor-layer {
|
|
56
56
|
padding-left: 15px !important;
|
|
57
57
|
}
|
|
58
|
-
`,s.appendChild(c)}}})})]}):(0,o.jsx)(n.Box,{sx:{backgroundColor:"white",p:2,borderRadius:1,border:"1px solid",borderColor:"grey.300",minHeight:"400px",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(n.Typography,{color:"text.secondary",children:"HTML \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"video":return(0,o.jsx)(n.Box,{className:"draggable-scroll",onMouseDown:r=>{let l=r.currentTarget;to(r,l)},sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"auto"},children:(0,o.jsx)("video",{src:M,controls:!0,style:{maxWidth:"100%",maxHeight:"70vh",transform:`scale(${L}) rotate(${A}deg)`,transition:"transform 0.3s ease",pointerEvents:L>1?"none":"auto"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uBE44\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})});case"spreadsheet":return(0,o.jsxs)(n.Box,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column",overflow:"hidden"},children:[_e.length>0||kt?(0,o.jsxs)(n.Box,{sx:{flex:1,position:"relative",overflow:"scroll",backgroundColor:"white",minHeight:"400px",minWidth:"100%","&::-webkit-scrollbar":{width:"18px",height:"18px"},"&::-webkit-scrollbar-track":{backgroundColor:"#f1f1f1",borderRadius:"10px"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#888",borderRadius:"10px",border:"2px solid #f1f1f1","&:hover":{backgroundColor:"#555"}},"&::-webkit-scrollbar-corner":{backgroundColor:"#f1f1f1"}},children:[_e.length>0&&(0,o.jsx)(n.Box,{sx:{minWidth:"max-content",minHeight:"max-content"},children:(0,o.jsx)(Po.default,{data:_e,darkMode:!1})}),kt&&(0,o.jsx)(n.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.8)",zIndex:1e3},children:(0,o.jsx)(ht.LoadingProgress,{visible:Yo,exitDelay:200,fadeoutDuration:300,onComplete:ur})})]}):(0,o.jsx)(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(n.Typography,{color:"text.secondary",children:"\uC2A4\uD504\uB808\uB4DC\uC2DC\uD2B8 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})}),Ct.length>1&&(0,o.jsx)(n.Box,{sx:{borderTop:1,borderColor:"divider",backgroundColor:"#e0e0e0",padding:"0 8px 8px 8px"},children:(0,o.jsx)(n.Tabs,{value:_o,onChange:(r,l)=>mr(l),variant:"scrollable",scrollButtons:"auto",sx:{minHeight:"36px","& .MuiTabs-flexContainer":{gap:"6px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{minHeight:"32px",fontSize:"0.875rem",textTransform:"none",padding:"6px 16px",margin:"0",backgroundColor:"white",border:"1px solid #d0d0d0",borderRadius:"0 0 4px 4px",color:"#666",minWidth:"80px",transition:"all 0.2s ease","&:hover":{backgroundColor:"#f8f8f8",color:"#333"},"&.Mui-selected":{backgroundColor:"primary.main",color:"white",border:"1px solid",borderColor:"primary.dark",fontWeight:600,"&:hover":{backgroundColor:"primary.dark"}}}},children:Ct.map(r=>(0,o.jsx)(n.Tab,{label:r,value:r},r))})})]});case"audio":return(0,o.jsxs)(n.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column"},children:[(0,o.jsx)(n.Typography,{variant:"h6",sx:{mb:2},children:p.name}),(0,o.jsx)("audio",{src:M,controls:!0,style:{width:"100%",maxWidth:"500px"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uC624\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})]});default:return(0,o.jsxs)(n.Box,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[(0,o.jsx)(n.Typography,{variant:"h6",color:"text.secondary",children:"\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD615\uC2DD\uC785\uB2C8\uB2E4"}),(0,o.jsx)(n.Typography,{variant:"body2",color:"text.secondary",sx:{mt:1},children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]})}};return(0,o.jsxs)(n.Dialog,{open:a,onClose:ro,maxWidth:"lg",fullScreen:!0,children:[(0,o.jsxs)(n.DialogTitle,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"grey.800",color:"white",height:"60px",boxSizing:"border-box",userSelect:"none",px:g?1:3},onContextMenu:e=>e.preventDefault(),children:[(0,o.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:te?.35:1,flexShrink:0,"& .MuiSvgIcon-root":{fontSize:g?"1.7rem":void 0}},children:[w.length>1?(0,o.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:g?0:.5},children:[(0,o.jsx)(n.Tooltip,{title:"\uC774\uC804 \uD30C\uC77C",children:(0,o.jsx)("span",{style:{display:"inline-flex"},children:(0,o.jsx)(n.IconButton,{onClick:()=>Y(e=>Math.max(e-1,0)),disabled:q<=0,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:(0,o.jsx)(Be.default,{})})})}),(0,o.jsxs)(n.Typography,{variant:"body2",sx:{color:"grey.300",minWidth:40,textAlign:"center",userSelect:"none"},children:[q+1," / ",w.length]}),(0,o.jsx)(n.Tooltip,{title:"\uB2E4\uC74C \uD30C\uC77C",children:(0,o.jsx)("span",{style:{display:"inline-flex"},children:(0,o.jsx)(n.IconButton,{onClick:()=>Y(e=>Math.min(e+1,w.length-1)),disabled:q>=w.length-1,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:(0,o.jsx)(ze.default,{})})})})]}):null,g&&y==="pdf"&&F?(0,o.jsx)(n.Tooltip,{title:"\uD398\uC774\uC9C0 \uBAA9\uB85D",children:(0,o.jsx)(n.IconButton,{onClick:()=>Ue(e=>!e),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:(0,o.jsx)(wo.default,{})})}):null,y==="pdf"&&F?(0,o.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:g?0:.5},children:[(0,o.jsx)(n.Tooltip,{title:"\uC774\uC804 \uD398\uC774\uC9C0",children:(0,o.jsx)("span",{style:{display:"inline-flex"},children:(0,o.jsx)(n.IconButton,{onClick:we,disabled:R<=1,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(Be.default,{})})})}),(0,o.jsx)(n.Typography,{variant:"body2",sx:{minWidth:g?"auto":"80px",textAlign:"center",color:"white",px:g?.5:1,fontSize:g?"1.05rem":void 0,fontWeight:g?600:void 0,whiteSpace:"nowrap"},children:te?R:`${R} / ${F}`}),(0,o.jsx)(n.Tooltip,{title:"\uB2E4\uC74C \uD398\uC774\uC9C0",children:(0,o.jsx)("span",{style:{display:"inline-flex"},children:(0,o.jsx)(n.IconButton,{onClick:Me,disabled:R>=F,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(ze.default,{})})})})]}):null]}),(0,o.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",flexGrow:1,mr:te?0:2,overflow:"hidden"},children:!te&&(0,o.jsxs)(n.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1.5,fontSize:"1rem"},children:[Hr(y),p.name]})}),(0,o.jsxs)(n.Box,{className:"toolbar",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:te?.35:1,"& .MuiSvgIcon-root":{fontSize:g?"1.7rem":void 0}},children:[(y==="image"||y==="pdf"||y==="text"||y==="html"||y==="code"||y==="spreadsheet")&&(0,o.jsxs)(o.Fragment,{children:[!(g&&(y==="image"||y==="pdf"))&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Tooltip,{title:"\uD655\uB300",children:(0,o.jsx)(n.IconButton,{onClick:Jo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(Co.default,{})})}),(0,o.jsx)(n.Tooltip,{title:"\uCD95\uC18C",children:(0,o.jsx)(n.IconButton,{onClick:er,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(Io.default,{})})})]}),!g&&(0,o.jsx)(n.Tooltip,{title:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30",children:(0,o.jsx)(n.IconButton,{onClick:eo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(ut.default,{})})}),!g&&(y==="image"||y==="pdf")&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Tooltip,{title:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804",children:(0,o.jsx)(n.IconButton,{onClick:Qt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(ct.default,{})})}),(0,o.jsx)(n.Tooltip,{title:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804",children:(0,o.jsx)(n.IconButton,{onClick:Jt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(dt.default,{})})})]})]}),!g&&(0,o.jsx)(n.Tooltip,{title:"\uB2E4\uC6B4\uB85C\uB4DC",children:(0,o.jsx)(n.IconButton,{onClick:At,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(st.default,{})})}),g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Tooltip,{title:"\uB354\uBCF4\uAE30",children:(0,o.jsx)(n.IconButton,{onClick:e=>Z(e.currentTarget),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:(0,o.jsx)(Mo.default,{})})}),(0,o.jsxs)(n.Menu,{anchorEl:Rt,open:!!Rt,onClose:()=>Z(null),children:[y==="image"||y==="pdf"?(0,o.jsxs)(n.MenuItem,{onClick:()=>{eo(),Z(null)},children:[(0,o.jsx)(n.ListItemIcon,{children:(0,o.jsx)(ut.default,{fontSize:"small"})}),(0,o.jsx)(n.ListItemText,{children:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30"})]}):null,y==="image"||y==="pdf"?(0,o.jsxs)(n.MenuItem,{onClick:()=>{Qt(),Z(null)},children:[(0,o.jsx)(n.ListItemIcon,{children:(0,o.jsx)(ct.default,{fontSize:"small"})}),(0,o.jsx)(n.ListItemText,{children:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804"})]}):null,y==="image"||y==="pdf"?(0,o.jsxs)(n.MenuItem,{onClick:()=>{Jt(),Z(null)},children:[(0,o.jsx)(n.ListItemIcon,{children:(0,o.jsx)(dt.default,{fontSize:"small"})}),(0,o.jsx)(n.ListItemText,{children:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804"})]}):null,(0,o.jsxs)(n.MenuItem,{onClick:()=>{At(),Z(null)},children:[(0,o.jsx)(n.ListItemIcon,{children:(0,o.jsx)(st.default,{fontSize:"small"})}),(0,o.jsx)(n.ListItemText,{children:"\uB2E4\uC6B4\uB85C\uB4DC"})]})]})]}),(0,o.jsx)(n.Tooltip,{title:"\uB2EB\uAE30",children:(0,o.jsx)(n.IconButton,{onClick:ro,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(vo.default,{})})})]})]}),w.length>1&&q>0?(0,o.jsx)(n.IconButton,{"aria-label":"\uC774\uC804 \uD30C\uC77C",onClick:()=>Y(e=>Math.max(e-1,0)),sx:{position:"fixed",left:12,top:"50%",transform:"translateY(-50%)",zIndex:10,color:"white",backgroundColor:"rgba(0, 0, 0, 0.35)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.55)"},width:44,height:44},children:(0,o.jsx)(Be.default,{sx:{fontSize:30}})}):null,w.length>1&&q<w.length-1?(0,o.jsx)(n.IconButton,{"aria-label":"\uB2E4\uC74C \uD30C\uC77C",onClick:()=>Y(e=>Math.min(e+1,w.length-1)),sx:{position:"fixed",right:12,top:"50%",transform:"translateY(-50%)",zIndex:10,color:"white",backgroundColor:"rgba(0, 0, 0, 0.35)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.55)"},width:44,height:44},children:(0,o.jsx)(ze.default,{sx:{fontSize:30}})}):null,(0,o.jsx)(n.DialogContent,{sx:{p:"0 !important",overflow:"hidden",userSelect:"none"},onContextMenu:e=>e.preventDefault(),children:Mr()}),(0,o.jsx)(n.Snackbar,{open:!!Lt,autoHideDuration:2e3,onClose:()=>xe(""),anchorOrigin:{vertical:"bottom",horizontal:"center"},message:Lt,sx:{"& .MuiSnackbarContent-message":{fontSize:"0.95rem"}}})]})},So=ft;var gt=require("react/jsx-runtime");function se(a){return(0,gt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 550.801 550.801",width:a.width||"22px",fill:a.fill||"#E91E63",...a,children:(0,gt.jsx)("path",{d:"M488.426,197.019H475.2v-63.816c0-0.401-0.063-0.799-0.116-1.205c-0.021-2.534-0.827-5.023-2.562-6.992L366.325,3.691 c-0.032-0.031-0.063-0.042-0.085-0.073c-0.633-0.707-1.371-1.298-2.151-1.804c-0.231-0.158-0.464-0.287-0.706-0.422 c-0.676-0.366-1.393-0.675-2.131-0.896c-0.2-0.053-0.38-0.135-0.58-0.19C359.87,0.119,359.037,0,358.193,0H97.2 c-11.918,0-21.6,9.693-21.6,21.601v175.413H62.377c-17.049,0-30.873,13.818-30.873,30.87v160.542 c0,17.044,13.824,30.876,30.873,30.876h13.224V529.2c0,11.907,9.682,21.601,21.6,21.601h356.4c11.907,0,21.6-9.693,21.6-21.601 V419.302h13.226c17.044,0,30.871-13.827,30.871-30.87V227.89C519.297,210.838,505.47,197.019,488.426,197.019z M97.2,21.605 h250.193v110.51c0,5.967,4.841,10.8,10.8,10.8h95.407v54.108H97.2V21.605z M406.467,363.983h-26.104l-1.751-46.464 c-0.527-14.598-1.055-32.236-1.055-49.895h-0.517c-3.691,15.485-8.596,32.782-13.163,47.015l-14.354,47.366h-20.851l-12.625-47.002 c-3.85-14.228-7.889-31.524-10.694-47.374h-0.348c-0.707,16.397-1.234,35.129-2.1,50.253l-2.114,46.111h-24.711l7.535-121.395 h35.575l11.569,40.521c3.691,14.048,7.362,29.183,9.999,43.416h0.521c3.344-14.054,7.356-30.074,11.222-43.585l12.614-40.353 h34.879L406.467,363.983z M174.438,265.642v-23.058h90.77v23.058h-32.239v98.342h-26.821v-98.342H174.438z M89.403,313.195v50.788 H62.604V242.584h26.799v46.654h43.999v-46.654h26.645v121.399h-26.645v-50.794H89.403V313.195z M453.601,523.353H97.2V419.302 h356.4V523.353z M500.787,363.983h-73.786V242.584h26.811v98.339h46.976V363.983z"})})}var E=require("react/jsx-runtime");function ce(a){return(0,E.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 550.801 550.801",width:a.width||"22px",fill:a.fill||"#B45309",...a,children:[(0,E.jsx)("path",{d:"M475.095,131.992c-0.032-2.526-0.833-5.021-2.568-6.993L366.324,3.694c-0.021-0.034-0.053-0.045-0.084-0.076 c-0.633-0.707-1.36-1.29-2.141-1.804c-0.232-0.15-0.465-0.285-0.707-0.422c-0.686-0.366-1.393-0.67-2.131-0.892 c-0.2-0.058-0.379-0.14-0.58-0.192C359.87,0.114,359.047,0,358.203,0H97.2C85.292,0,75.6,9.693,75.6,21.601v507.6 c0,11.913,9.692,21.601,21.6,21.601H453.6c11.918,0,21.601-9.688,21.601-21.601V133.202 C475.2,132.796,475.137,132.398,475.095,131.992z M243.599,523.494H141.75v-15.936l62.398-89.797v-0.785h-56.565v-24.484h95.051 v17.106l-61.038,88.636v0.771h62.002V523.494z M292.021,523.494h-29.744V392.492h29.744V523.494z M399.705,463.44 c-10.104,9.524-25.069,13.796-42.566,13.796c-3.893,0-7.383-0.19-10.104-0.58v46.849h-29.352V394.242 c9.134-1.561,21.958-2.721,40.036-2.721c18.277,0,31.292,3.491,40.046,10.494c8.354,6.607,13.996,17.486,13.996,30.322 C411.761,445.163,407.479,456.053,399.705,463.44z M97.2,366.752V21.601h129.167v-3.396h32.756v3.396h88.28v110.515 c0,5.961,4.831,10.8,10.8,10.8H453.6l0.011,223.836H97.2z"}),(0,E.jsx)("path",{d:"M359.279,413.87c-6.033,0-10.114,0.586-12.245,1.171v38.676c2.521,0.585,5.632,0.785,9.914,0.785 c15.736,0,25.46-7.979,25.46-21.378C382.408,421.063,374.045,413.87,359.279,413.87z"}),(0,E.jsx)("rect",{x:"259.124",y:"39.918",width:"32.756",height:"13.516"}),(0,E.jsx)("rect",{x:"226.368",y:"21.601",width:"32.756",height:"10.125"}),(0,E.jsx)("rect",{x:"226.368",y:"60.146",width:"32.756",height:"13.516"}),(0,E.jsx)("rect",{x:"259.124",y:"82.274",width:"32.756",height:"13.518"}),(0,E.jsx)("rect",{x:"259.124",y:"124.983",width:"32.756",height:"13.516"}),(0,E.jsx)("rect",{x:"226.368",y:"103.275",width:"32.756",height:"13.516"}),(0,E.jsx)("path",{d:"M259.124,149.537c-23.193,0-34.225,18.792-34.225,41.99l-7.765,70.348c0,23.198,18.792,42.003,41.984,42.003 c23.19,0,41.974-18.805,41.974-42.003l-7.741-70.348C293.361,168.334,282.318,149.537,259.124,149.537z M273.04,285.431h-27.799 v-58.728h27.799V285.431z"})]})}var Do=h(require("@mui/icons-material/TextSnippet"),1),Bo=h(require("@mui/icons-material/VideoFile"),1),zo=h(require("@mui/icons-material/AudioFile"),1),Ho=h(require("@mui/icons-material/Description"),1),Vo=h(require("@mui/icons-material/InsertDriveFile"),1),Ao=h(require("@mui/icons-material/Code"),1),Wo=h(require("@mui/icons-material/TableView"),1);var P=require("react/jsx-runtime");function de(a,d=22){let u=`${d}px`,m={fontSize:d};switch(a){case"image":return(0,P.jsx)($,{width:u,height:u});case"pdf":return(0,P.jsx)(G,{width:u,height:u});case"html":return(0,P.jsx)(se,{width:u,height:u});case"archive":return(0,P.jsx)(ce,{width:u,height:u});case"text":return(0,P.jsx)(Do.default,{sx:{...m,color:"#66BB6A"}});case"spreadsheet":return(0,P.jsx)(Wo.default,{sx:{...m,color:"#4CAF50"}});case"code":return(0,P.jsx)(Ao.default,{sx:{...m,color:"#2196F3"}});case"video":return(0,P.jsx)(Bo.default,{sx:{...m,color:"#AB47BC"}});case"audio":return(0,P.jsx)(zo.default,{sx:{...m,color:"#FF7043"}});case"office":return(0,P.jsx)(Ho.default,{sx:{...m,color:"#FFA726"}});default:return(0,P.jsx)(Vo.default,{sx:{...m,color:"#78909C"}})}}var Vr=new Set(["zip","rar","7z","gz","tgz","tar","bz2","xz","alz","egg"]);function xt({fileName:a,mime:d,size:u=22}){let m=a.includes(".")?a.slice(a.lastIndexOf(".")+1).toLowerCase():"";return Vr.has(m)?de("archive",u):de(C(a,d??""),u)}
|
|
58
|
+
`,s.appendChild(c)}}})})]}):(0,o.jsx)(n.Box,{sx:{backgroundColor:"white",p:2,borderRadius:1,border:"1px solid",borderColor:"grey.300",minHeight:"400px",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(n.Typography,{color:"text.secondary",children:"HTML \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"video":return(0,o.jsx)(n.Box,{className:"draggable-scroll",onMouseDown:r=>{let l=r.currentTarget;eo(r,l)},sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"auto"},children:(0,o.jsx)("video",{src:M,controls:!0,style:{maxWidth:"100%",maxHeight:"70vh",transform:`scale(${L}) rotate(${A}deg)`,transition:"transform 0.3s ease",pointerEvents:L>1?"none":"auto"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uBE44\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})});case"spreadsheet":return(0,o.jsxs)(n.Box,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column",overflow:"hidden"},children:[Xe.length>0||Tt?(0,o.jsxs)(n.Box,{sx:{flex:1,position:"relative",overflow:"scroll",backgroundColor:"white",minHeight:"400px",minWidth:"100%","&::-webkit-scrollbar":{width:"18px",height:"18px"},"&::-webkit-scrollbar-track":{backgroundColor:"#f1f1f1",borderRadius:"10px"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#888",borderRadius:"10px",border:"2px solid #f1f1f1","&:hover":{backgroundColor:"#555"}},"&::-webkit-scrollbar-corner":{backgroundColor:"#f1f1f1"}},children:[Xe.length>0&&(0,o.jsx)(n.Box,{sx:{minWidth:"max-content",minHeight:"max-content"},children:(0,o.jsx)(Eo.default,{data:Xe,darkMode:!1})}),Tt&&(0,o.jsx)(n.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.8)",zIndex:1e3},children:(0,o.jsx)(pt.LoadingProgress,{visible:Yo,exitDelay:200,fadeoutDuration:300,onComplete:ur})})]}):(0,o.jsx)(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(n.Typography,{color:"text.secondary",children:"\uC2A4\uD504\uB808\uB4DC\uC2DC\uD2B8 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})}),Mt.length>1&&(0,o.jsx)(n.Box,{sx:{borderTop:1,borderColor:"divider",backgroundColor:"#e0e0e0",padding:"0 8px 8px 8px"},children:(0,o.jsx)(n.Tabs,{value:_o,onChange:(r,l)=>mr(l),variant:"scrollable",scrollButtons:"auto",sx:{minHeight:"36px","& .MuiTabs-flexContainer":{gap:"6px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{minHeight:"32px",fontSize:"0.875rem",textTransform:"none",padding:"6px 16px",margin:"0",backgroundColor:"white",border:"1px solid #d0d0d0",borderRadius:"0 0 4px 4px",color:"#666",minWidth:"80px",transition:"all 0.2s ease","&:hover":{backgroundColor:"#f8f8f8",color:"#333"},"&.Mui-selected":{backgroundColor:"primary.main",color:"white",border:"1px solid",borderColor:"primary.dark",fontWeight:600,"&:hover":{backgroundColor:"primary.dark"}}}},children:Mt.map(r=>(0,o.jsx)(n.Tab,{label:r,value:r},r))})})]});case"audio":return(0,o.jsxs)(n.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column"},children:[(0,o.jsx)(n.Typography,{variant:"h6",sx:{mb:2},children:p.name}),(0,o.jsx)("audio",{src:M,controls:!0,style:{width:"100%",maxWidth:"500px"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uC624\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})]});default:return(0,o.jsxs)(n.Box,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[(0,o.jsx)(n.Typography,{variant:"h6",color:"text.secondary",children:"\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD615\uC2DD\uC785\uB2C8\uB2E4"}),(0,o.jsx)(n.Typography,{variant:"body2",color:"text.secondary",sx:{mt:1},children:"\uD30C\uC77C\uC744 \uB2E4\uC6B4\uB85C\uB4DC\uD558\uC5EC \uD655\uC778\uD574\uC8FC\uC138\uC694."})]})}};return(0,o.jsxs)(n.Dialog,{open:a,onClose:oo,maxWidth:"lg",fullScreen:!0,children:[(0,o.jsxs)(n.DialogTitle,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"grey.800",color:"white",height:"60px",boxSizing:"border-box",userSelect:"none",px:g?1:3},onContextMenu:e=>e.preventDefault(),children:[(0,o.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:te?.35:1,flexShrink:0,"& .MuiSvgIcon-root":{fontSize:g?"1.7rem":void 0}},children:[v.length>1?(0,o.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:g?0:.5},children:[(0,o.jsx)(n.Tooltip,{title:"\uC774\uC804 \uD30C\uC77C",children:(0,o.jsx)("span",{style:{display:"inline-flex"},children:(0,o.jsx)(n.IconButton,{onClick:()=>Y(e=>Math.max(e-1,0)),disabled:q<=0,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:(0,o.jsx)(De.default,{})})})}),(0,o.jsxs)(n.Typography,{variant:"body2",sx:{color:"grey.300",minWidth:40,textAlign:"center",userSelect:"none"},children:[q+1," / ",v.length]}),(0,o.jsx)(n.Tooltip,{title:"\uB2E4\uC74C \uD30C\uC77C",children:(0,o.jsx)("span",{style:{display:"inline-flex"},children:(0,o.jsx)(n.IconButton,{onClick:()=>Y(e=>Math.min(e+1,v.length-1)),disabled:q>=v.length-1,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:(0,o.jsx)(Be.default,{})})})})]}):null,g&&y==="pdf"&&F?(0,o.jsx)(n.Tooltip,{title:"\uD398\uC774\uC9C0 \uBAA9\uB85D",children:(0,o.jsx)(n.IconButton,{onClick:()=>Oe(e=>!e),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:(0,o.jsx)(wo.default,{})})}):null,y==="pdf"&&F?(0,o.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:g?0:.5},children:[(0,o.jsx)(n.Tooltip,{title:"\uC774\uC804 \uD398\uC774\uC9C0",children:(0,o.jsx)("span",{style:{display:"inline-flex"},children:(0,o.jsx)(n.IconButton,{onClick:we,disabled:R<=1,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(De.default,{})})})}),(0,o.jsx)(n.Typography,{variant:"body2",sx:{minWidth:g?"auto":"80px",textAlign:"center",color:"white",px:g?.5:1,fontSize:g?"1.05rem":void 0,fontWeight:g?600:void 0,whiteSpace:"nowrap"},children:te?R:`${R} / ${F}`}),(0,o.jsx)(n.Tooltip,{title:"\uB2E4\uC74C \uD398\uC774\uC9C0",children:(0,o.jsx)("span",{style:{display:"inline-flex"},children:(0,o.jsx)(n.IconButton,{onClick:ve,disabled:R>=F,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(Be.default,{})})})})]}):null]}),(0,o.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",flexGrow:1,mr:te?0:2,overflow:"hidden"},children:!te&&(0,o.jsxs)(n.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1.5,fontSize:"1rem"},children:[Hr(y),p.name]})}),(0,o.jsxs)(n.Box,{className:"toolbar",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:te?.35:1,"& .MuiSvgIcon-root":{fontSize:g?"1.7rem":void 0}},children:[(y==="image"||y==="pdf"||y==="text"||y==="html"||y==="code"||y==="spreadsheet")&&(0,o.jsxs)(o.Fragment,{children:[!(g&&(y==="image"||y==="pdf"))&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Tooltip,{title:"\uD655\uB300",children:(0,o.jsx)(n.IconButton,{onClick:Jo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(Mo.default,{})})}),(0,o.jsx)(n.Tooltip,{title:"\uCD95\uC18C",children:(0,o.jsx)(n.IconButton,{onClick:er,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(Co.default,{})})})]}),!g&&(0,o.jsx)(n.Tooltip,{title:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30",children:(0,o.jsx)(n.IconButton,{onClick:Jt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(dt.default,{})})}),!g&&(y==="image"||y==="pdf")&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Tooltip,{title:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804",children:(0,o.jsx)(n.IconButton,{onClick:Zt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(st.default,{})})}),(0,o.jsx)(n.Tooltip,{title:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804",children:(0,o.jsx)(n.IconButton,{onClick:Qt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(ct.default,{})})})]})]}),!g&&(0,o.jsx)(n.Tooltip,{title:"\uB2E4\uC6B4\uB85C\uB4DC",children:(0,o.jsx)(n.IconButton,{onClick:Vt,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(lt.default,{})})}),g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.Tooltip,{title:"\uB354\uBCF4\uAE30",children:(0,o.jsx)(n.IconButton,{onClick:e=>Z(e.currentTarget),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:(0,o.jsx)(vo.default,{})})}),(0,o.jsxs)(n.Menu,{anchorEl:Ft,open:!!Ft,onClose:()=>Z(null),children:[y==="image"||y==="pdf"?(0,o.jsxs)(n.MenuItem,{onClick:()=>{Jt(),Z(null)},children:[(0,o.jsx)(n.ListItemIcon,{children:(0,o.jsx)(dt.default,{fontSize:"small"})}),(0,o.jsx)(n.ListItemText,{children:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30"})]}):null,y==="image"||y==="pdf"?(0,o.jsxs)(n.MenuItem,{onClick:()=>{Zt(),Z(null)},children:[(0,o.jsx)(n.ListItemIcon,{children:(0,o.jsx)(st.default,{fontSize:"small"})}),(0,o.jsx)(n.ListItemText,{children:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804"})]}):null,y==="image"||y==="pdf"?(0,o.jsxs)(n.MenuItem,{onClick:()=>{Qt(),Z(null)},children:[(0,o.jsx)(n.ListItemIcon,{children:(0,o.jsx)(ct.default,{fontSize:"small"})}),(0,o.jsx)(n.ListItemText,{children:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804"})]}):null,(0,o.jsxs)(n.MenuItem,{onClick:()=>{Vt(),Z(null)},children:[(0,o.jsx)(n.ListItemIcon,{children:(0,o.jsx)(lt.default,{fontSize:"small"})}),(0,o.jsx)(n.ListItemText,{children:"\uB2E4\uC6B4\uB85C\uB4DC"})]})]})]}),(0,o.jsx)(n.Tooltip,{title:"\uB2EB\uAE30",children:(0,o.jsx)(n.IconButton,{onClick:oo,size:"medium",sx:{color:"grey.300","&:hover":{color:"white",backgroundColor:"rgba(255, 255, 255, 0.08)",transform:"scale(1.1)"},transition:"all 0.2s ease-in-out"},children:(0,o.jsx)(bo.default,{})})})]})]}),v.length>1&&q>0?(0,o.jsx)(n.IconButton,{"aria-label":"\uC774\uC804 \uD30C\uC77C",onClick:()=>Y(e=>Math.max(e-1,0)),sx:{position:"fixed",left:12,top:"50%",transform:"translateY(-50%)",zIndex:10,color:"white",backgroundColor:"rgba(0, 0, 0, 0.35)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.55)"},width:44,height:44},children:(0,o.jsx)(De.default,{sx:{fontSize:30}})}):null,v.length>1&&q<v.length-1?(0,o.jsx)(n.IconButton,{"aria-label":"\uB2E4\uC74C \uD30C\uC77C",onClick:()=>Y(e=>Math.min(e+1,v.length-1)),sx:{position:"fixed",right:12,top:"50%",transform:"translateY(-50%)",zIndex:10,color:"white",backgroundColor:"rgba(0, 0, 0, 0.35)","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.55)"},width:44,height:44},children:(0,o.jsx)(Be.default,{sx:{fontSize:30}})}):null,(0,o.jsx)(n.DialogContent,{sx:{p:"0 !important",overflow:"hidden",userSelect:"none"},onContextMenu:e=>e.preventDefault(),children:Mr()}),(0,o.jsx)(n.Snackbar,{open:!!kt,autoHideDuration:2e3,onClose:()=>ge(""),anchorOrigin:{vertical:"bottom",horizontal:"center"},message:kt,sx:{"& .MuiSnackbarContent-message":{fontSize:"0.95rem"}}})]})},Po=ht;var ft=require("react/jsx-runtime");function se(a){return(0,ft.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 550.801 550.801",width:a.width||"22px",fill:a.fill||"#E91E63",...a,children:(0,ft.jsx)("path",{d:"M488.426,197.019H475.2v-63.816c0-0.401-0.063-0.799-0.116-1.205c-0.021-2.534-0.827-5.023-2.562-6.992L366.325,3.691 c-0.032-0.031-0.063-0.042-0.085-0.073c-0.633-0.707-1.371-1.298-2.151-1.804c-0.231-0.158-0.464-0.287-0.706-0.422 c-0.676-0.366-1.393-0.675-2.131-0.896c-0.2-0.053-0.38-0.135-0.58-0.19C359.87,0.119,359.037,0,358.193,0H97.2 c-11.918,0-21.6,9.693-21.6,21.601v175.413H62.377c-17.049,0-30.873,13.818-30.873,30.87v160.542 c0,17.044,13.824,30.876,30.873,30.876h13.224V529.2c0,11.907,9.682,21.601,21.6,21.601h356.4c11.907,0,21.6-9.693,21.6-21.601 V419.302h13.226c17.044,0,30.871-13.827,30.871-30.87V227.89C519.297,210.838,505.47,197.019,488.426,197.019z M97.2,21.605 h250.193v110.51c0,5.967,4.841,10.8,10.8,10.8h95.407v54.108H97.2V21.605z M406.467,363.983h-26.104l-1.751-46.464 c-0.527-14.598-1.055-32.236-1.055-49.895h-0.517c-3.691,15.485-8.596,32.782-13.163,47.015l-14.354,47.366h-20.851l-12.625-47.002 c-3.85-14.228-7.889-31.524-10.694-47.374h-0.348c-0.707,16.397-1.234,35.129-2.1,50.253l-2.114,46.111h-24.711l7.535-121.395 h35.575l11.569,40.521c3.691,14.048,7.362,29.183,9.999,43.416h0.521c3.344-14.054,7.356-30.074,11.222-43.585l12.614-40.353 h34.879L406.467,363.983z M174.438,265.642v-23.058h90.77v23.058h-32.239v98.342h-26.821v-98.342H174.438z M89.403,313.195v50.788 H62.604V242.584h26.799v46.654h43.999v-46.654h26.645v121.399h-26.645v-50.794H89.403V313.195z M453.601,523.353H97.2V419.302 h356.4V523.353z M500.787,363.983h-73.786V242.584h26.811v98.339h46.976V363.983z"})})}var E=require("react/jsx-runtime");function ce(a){return(0,E.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 550.801 550.801",width:a.width||"22px",fill:a.fill||"#B45309",...a,children:[(0,E.jsx)("path",{d:"M475.095,131.992c-0.032-2.526-0.833-5.021-2.568-6.993L366.324,3.694c-0.021-0.034-0.053-0.045-0.084-0.076 c-0.633-0.707-1.36-1.29-2.141-1.804c-0.232-0.15-0.465-0.285-0.707-0.422c-0.686-0.366-1.393-0.67-2.131-0.892 c-0.2-0.058-0.379-0.14-0.58-0.192C359.87,0.114,359.047,0,358.203,0H97.2C85.292,0,75.6,9.693,75.6,21.601v507.6 c0,11.913,9.692,21.601,21.6,21.601H453.6c11.918,0,21.601-9.688,21.601-21.601V133.202 C475.2,132.796,475.137,132.398,475.095,131.992z M243.599,523.494H141.75v-15.936l62.398-89.797v-0.785h-56.565v-24.484h95.051 v17.106l-61.038,88.636v0.771h62.002V523.494z M292.021,523.494h-29.744V392.492h29.744V523.494z M399.705,463.44 c-10.104,9.524-25.069,13.796-42.566,13.796c-3.893,0-7.383-0.19-10.104-0.58v46.849h-29.352V394.242 c9.134-1.561,21.958-2.721,40.036-2.721c18.277,0,31.292,3.491,40.046,10.494c8.354,6.607,13.996,17.486,13.996,30.322 C411.761,445.163,407.479,456.053,399.705,463.44z M97.2,366.752V21.601h129.167v-3.396h32.756v3.396h88.28v110.515 c0,5.961,4.831,10.8,10.8,10.8H453.6l0.011,223.836H97.2z"}),(0,E.jsx)("path",{d:"M359.279,413.87c-6.033,0-10.114,0.586-12.245,1.171v38.676c2.521,0.585,5.632,0.785,9.914,0.785 c15.736,0,25.46-7.979,25.46-21.378C382.408,421.063,374.045,413.87,359.279,413.87z"}),(0,E.jsx)("rect",{x:"259.124",y:"39.918",width:"32.756",height:"13.516"}),(0,E.jsx)("rect",{x:"226.368",y:"21.601",width:"32.756",height:"10.125"}),(0,E.jsx)("rect",{x:"226.368",y:"60.146",width:"32.756",height:"13.516"}),(0,E.jsx)("rect",{x:"259.124",y:"82.274",width:"32.756",height:"13.518"}),(0,E.jsx)("rect",{x:"259.124",y:"124.983",width:"32.756",height:"13.516"}),(0,E.jsx)("rect",{x:"226.368",y:"103.275",width:"32.756",height:"13.516"}),(0,E.jsx)("path",{d:"M259.124,149.537c-23.193,0-34.225,18.792-34.225,41.99l-7.765,70.348c0,23.198,18.792,42.003,41.984,42.003 c23.19,0,41.974-18.805,41.974-42.003l-7.741-70.348C293.361,168.334,282.318,149.537,259.124,149.537z M273.04,285.431h-27.799 v-58.728h27.799V285.431z"})]})}var So=h(require("@mui/icons-material/TextSnippet"),1),Do=h(require("@mui/icons-material/VideoFile"),1),Bo=h(require("@mui/icons-material/AudioFile"),1),zo=h(require("@mui/icons-material/Description"),1),Ho=h(require("@mui/icons-material/InsertDriveFile"),1),Vo=h(require("@mui/icons-material/Code"),1),Ao=h(require("@mui/icons-material/TableView"),1);var P=require("react/jsx-runtime");function de(a,d=22){let u=`${d}px`,m={fontSize:d};switch(a){case"image":return(0,P.jsx)($,{width:u,height:u});case"pdf":return(0,P.jsx)(G,{width:u,height:u});case"html":return(0,P.jsx)(se,{width:u,height:u});case"archive":return(0,P.jsx)(ce,{width:u,height:u});case"text":return(0,P.jsx)(So.default,{sx:{...m,color:"#66BB6A"}});case"spreadsheet":return(0,P.jsx)(Ao.default,{sx:{...m,color:"#4CAF50"}});case"code":return(0,P.jsx)(Vo.default,{sx:{...m,color:"#2196F3"}});case"video":return(0,P.jsx)(Do.default,{sx:{...m,color:"#AB47BC"}});case"audio":return(0,P.jsx)(Bo.default,{sx:{...m,color:"#FF7043"}});case"office":return(0,P.jsx)(zo.default,{sx:{...m,color:"#FFA726"}});default:return(0,P.jsx)(Ho.default,{sx:{...m,color:"#78909C"}})}}var Vr=new Set(["zip","rar","7z","gz","tgz","tar","bz2","xz","alz","egg"]);function gt({fileName:a,mime:d,size:u=22}){let m=a.includes(".")?a.slice(a.lastIndexOf(".")+1).toLowerCase():"";return Vr.has(m)?de("archive",u):de(C(a,d??""),u)}
|