@ehfuse/file-viewer 0.2.8 → 0.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -55,4 +55,4 @@ import{useState as h,useEffect as R,useMemo as rr,useCallback as w,useRef as x}f
|
|
|
55
55
|
.monaco-editor .overlay.cursor-layer {
|
|
56
56
|
padding-left: 15px !important;
|
|
57
57
|
}
|
|
58
|
-
`,i.appendChild(s)}}})})]}):o(d,{sx:{backgroundColor:"white",p:2,borderRadius:1,border:"1px solid",borderColor:"grey.300",minHeight:"400px",display:"flex",alignItems:"center",justifyContent:"center"},children:o(P,{color:"text.secondary",children:"HTML \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"video":return o(d,{className:"draggable-scroll",onMouseDown:r=>{let n=r.currentTarget;jt(r,n)},sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"auto"},children:o("video",{src:C,controls:!0,style:{maxWidth:"100%",maxHeight:"70vh",transform:`scale(${I}) rotate(${O}deg)`,transition:"transform 0.3s ease",pointerEvents:I>1?"none":"auto"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uBE44\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})});case"spreadsheet":return g(d,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column",overflow:"hidden"},children:[Xe.length>0||vt?g(d,{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&&o(d,{sx:{minWidth:"max-content",minHeight:"max-content"},children:o(_o,{data:Xe,darkMode:!1})}),vt&&o(d,{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:o(cr,{visible:br,exitDelay:200,fadeoutDuration:300,onComplete:Kr})})]}):o(d,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:o(P,{color:"text.secondary",children:"\uC2A4\uD504\uB808\uB4DC\uC2DC\uD2B8 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})}),xt.length>1&&o(d,{sx:{borderTop:1,borderColor:"divider",backgroundColor:"#e0e0e0",padding:"0 8px 8px 8px"},children:o(vo,{value:yr,onChange:(r,n)=>qr(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:xt.map(r=>o(wo,{label:r,value:r},r))})})]});case"audio":return g(d,{sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column"},children:[o(P,{variant:"h6",sx:{mb:2},children:l.name}),o("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 g(d,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[o(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"}),o(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 g(go,{open:a,onClose:Nt,maxWidth:"lg",fullScreen:!0,children:[g(xo,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"grey.800",color:"white",height:"60px",boxSizing:"border-box",userSelect:"none",px:b?1:3},onContextMenu:e=>e.preventDefault(),children:[g(d,{sx:{display:"flex",alignItems:"center",gap:$?.35:1,flexShrink:0,"& .MuiSvgIcon-root":{fontSize:b?"1.7rem":void 0}},children:[v.length>1?g(d,{sx:{display:"flex",alignItems:"center",gap:b?0:.5},children:[o(S,{title:"\uC774\uC804 \uD30C\uC77C",children:o("span",{style:{display:"inline-flex"},children:o(L,{onClick:()=>W(e=>Math.max(e-1,0)),disabled:ee<=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:o(st,{})})})}),g(P,{variant:"body2",sx:{color:"grey.300",minWidth:40,textAlign:"center",userSelect:"none"},children:[ee+1," / ",v.length]}),o(S,{title:"\uB2E4\uC74C \uD30C\uC77C",children:o("span",{style:{display:"inline-flex"},children:o(L,{onClick:()=>W(e=>Math.min(e+1,v.length-1)),disabled:ee>=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:o(ct,{})})})})]}):null,b&&k==="pdf"&&E?o(S,{title:"\uD398\uC774\uC9C0 \uBAA9\uB85D",children:o(L,{onClick:()=>je(e=>!e),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:o(ko,{})})}):null,k==="pdf"&&E?g(d,{sx:{display:"flex",alignItems:"center",gap:b?0:.5},children:[o(S,{title:"\uC774\uC804 \uD398\uC774\uC9C0",children:o("span",{style:{display:"inline-flex"},children:o(L,{onClick:Me,disabled:F<=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:o(st,{})})})}),o(P,{variant:"body2",sx:{minWidth:b?"auto":"80px",textAlign:"center",color:"white",px:b?.5:1,fontSize:b?"1.05rem":void 0,fontWeight:b?600:void 0,whiteSpace:"nowrap"},children:$?F:`${F} / ${E}`}),o(S,{title:"\uB2E4\uC74C \uD398\uC774\uC9C0",children:o("span",{style:{display:"inline-flex"},children:o(L,{onClick:Ce,disabled:F>=E,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:o(ct,{})})})})]}):null]}),o(d,{sx:{display:"flex",alignItems:"center",flexGrow:1,mr:$?0:2,overflow:"hidden"},children:!$&&g(d,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1.5,fontSize:"1rem"},children:[Oo(k),l.name]})}),g(d,{className:"toolbar",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:$?.35:1,"& .MuiSvgIcon-root":{fontSize:$?"1.45rem":b?"1.7rem":void 0},"& .MuiIconButton-root":$?{p:.75}:{}},children:[(k==="image"||k==="pdf"||k==="text"||k==="html"||k==="code"||k==="spreadsheet")&&g(Re,{children:[!(b&&(k==="image"||k==="pdf"))&&g(Re,{children:[o(S,{title:"\uD655\uB300",children:o(L,{onClick:Br,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:o(Fo,{})})}),o(S,{title:"\uCD95\uC18C",children:o(L,{onClick:zr,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:o(Ro,{})})})]}),(!b||k==="image"||k==="pdf")&&o(S,{title:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30",children:o(L,{onClick:$r,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:o(Do,{})})}),(k==="image"||k==="pdf")&&g(Re,{children:[o(S,{title:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804",children:o(L,{onClick:Nr,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:o(Po,{})})}),o(S,{title:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804",children:o(L,{onClick:Ur,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:o(So,{})})})]})]}),o(S,{title:"\uB2E4\uC6B4\uB85C\uB4DC",children:o(L,{onClick:Rr,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:o(Eo,{})})}),Sr&&o(S,{title:"\uACF5\uC720",children:o(L,{onClick:()=>void Dr(),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:o(Lo,{})})}),o(S,{title:"\uB2EB\uAE30",children:o(L,{onClick:Nt,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:o(Io,{})})})]})]}),!b&&v.length>1&&ee>0?o(L,{"aria-label":"\uC774\uC804 \uD30C\uC77C",onClick:()=>W(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:o(st,{sx:{fontSize:30}})}):null,!b&&v.length>1&&ee<v.length-1?o(L,{"aria-label":"\uB2E4\uC74C \uD30C\uC77C",onClick:()=>W(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:o(ct,{sx:{fontSize:30}})}):null,o(yo,{sx:{p:"0 !important",overflow:"hidden",userSelect:"none"},onContextMenu:e=>e.preventDefault(),children:ao()}),o(Mo,{open:!!wt,autoHideDuration:2e3,onClose:()=>be(""),anchorOrigin:{vertical:"bottom",horizontal:"center"},message:wt,sx:{"& .MuiSnackbarContent-message":{fontSize:"0.95rem"}}})]})},No=pr;import{jsx as hr}from"react/jsx-runtime";function Pe(a){return hr("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:hr("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 Y,jsxs as Uo}from"react/jsx-runtime";function Se(a){return Uo("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:[Y("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"}),Y("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"}),Y("rect",{x:"259.124",y:"39.918",width:"32.756",height:"13.516"}),Y("rect",{x:"226.368",y:"21.601",width:"32.756",height:"10.125"}),Y("rect",{x:"226.368",y:"60.146",width:"32.756",height:"13.516"}),Y("rect",{x:"259.124",y:"82.274",width:"32.756",height:"13.518"}),Y("rect",{x:"259.124",y:"124.983",width:"32.756",height:"13.516"}),Y("rect",{x:"226.368",y:"103.275",width:"32.756",height:"13.516"}),Y("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 $o from"@mui/icons-material/TextSnippet";import Go from"@mui/icons-material/VideoFile";import Ko from"@mui/icons-material/AudioFile";import qo from"@mui/icons-material/Description";import Zo from"@mui/icons-material/InsertDriveFile";import Qo from"@mui/icons-material/Code";import Jo from"@mui/icons-material/TableView";import{jsx as V}from"react/jsx-runtime";function De(a,c=22){let u=`${c}px`,m={fontSize:c};switch(a){case"image":return V(ie,{width:u,height:u});case"pdf":return V(ae,{width:u,height:u});case"html":return V(Pe,{width:u,height:u});case"archive":return V(Se,{width:u,height:u});case"text":return V($o,{sx:{...m,color:"#66BB6A"}});case"spreadsheet":return V(Jo,{sx:{...m,color:"#4CAF50"}});case"code":return V(Qo,{sx:{...m,color:"#2196F3"}});case"video":return V(Go,{sx:{...m,color:"#AB47BC"}});case"audio":return V(Ko,{sx:{...m,color:"#FF7043"}});case"office":return V(qo,{sx:{...m,color:"#FFA726"}});default:return V(Zo,{sx:{...m,color:"#78909C"}})}}var en=new Set(["zip","rar","7z","gz","tgz","tar","bz2","xz","alz","egg"]);function fr({fileName:a,mime:c,size:u=22}){let m=a.includes(".")?a.slice(a.lastIndexOf(".")+1).toLowerCase():"";return en.has(m)?De("archive",u):De(T(a,c??""),u)}export{fr as FileTypeIcon,pr as FileViewer,No as FileViewerDefault,Pe as HtmlIcon,ie as ImageIcon,ae as PdfIcon,Se as ZipIcon,mo as ensureFileExtension,nt as getEditorLanguage,ot as getFileType,Qt as getFileTypeFromMime,De as getFileTypeIcon,lo as isFileViewerPreviewable,T as resolveFileType,it as saveBlobAsFile};
|
|
58
|
+
`,i.appendChild(s)}}})})]}):o(d,{sx:{backgroundColor:"white",p:2,borderRadius:1,border:"1px solid",borderColor:"grey.300",minHeight:"400px",display:"flex",alignItems:"center",justifyContent:"center"},children:o(P,{color:"text.secondary",children:"HTML \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"video":return o(d,{className:"draggable-scroll",onMouseDown:r=>{let n=r.currentTarget;jt(r,n)},sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"auto"},children:o("video",{src:C,controls:!0,style:{maxWidth:"100%",maxHeight:"70vh",transform:`scale(${I}) rotate(${O}deg)`,transition:"transform 0.3s ease",pointerEvents:I>1?"none":"auto"},children:"\uBE0C\uB77C\uC6B0\uC800\uAC00 \uBE44\uB514\uC624\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."})});case"spreadsheet":return g(d,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column",overflow:"hidden"},children:[Xe.length>0||vt?g(d,{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&&o(d,{sx:{minWidth:"max-content",minHeight:"max-content"},children:o(_o,{data:Xe,darkMode:!1})}),vt&&o(d,{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:o(cr,{visible:br,exitDelay:200,fadeoutDuration:300,onComplete:Kr})})]}):o(d,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:o(P,{color:"text.secondary",children:"\uC2A4\uD504\uB808\uB4DC\uC2DC\uD2B8 \uB370\uC774\uD130\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})}),xt.length>1&&o(d,{sx:{borderTop:1,borderColor:"divider",backgroundColor:"#e0e0e0",padding:"0 8px 8px 8px"},children:o(vo,{value:yr,onChange:(r,n)=>qr(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:xt.map(r=>o(wo,{label:r,value:r},r))})})]});case"audio":return g(d,{sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column"},children:[o(P,{variant:"h6",sx:{mb:2},children:l.name}),o("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 g(d,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[o(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"}),o(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 g(go,{open:a,onClose:Nt,maxWidth:"lg",fullScreen:!0,children:[g(xo,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"grey.800",color:"white",height:"60px",boxSizing:"border-box",userSelect:"none",px:b?1:3},onContextMenu:e=>e.preventDefault(),children:[g(d,{sx:{display:"flex",alignItems:"center",gap:$?.35:1,flexShrink:0,"& .MuiSvgIcon-root":{fontSize:b?"1.7rem":void 0}},children:[v.length>1?g(d,{sx:{display:"flex",alignItems:"center",gap:b?0:.5},children:[o(S,{title:"\uC774\uC804 \uD30C\uC77C",children:o("span",{style:{display:"inline-flex"},children:o(L,{onClick:()=>W(e=>Math.max(e-1,0)),disabled:ee<=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:o(st,{})})})}),g(P,{variant:"body2",sx:{color:"grey.300",minWidth:40,textAlign:"center",userSelect:"none"},children:[ee+1," / ",v.length]}),o(S,{title:"\uB2E4\uC74C \uD30C\uC77C",children:o("span",{style:{display:"inline-flex"},children:o(L,{onClick:()=>W(e=>Math.min(e+1,v.length-1)),disabled:ee>=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:o(ct,{})})})})]}):null,b&&k==="pdf"&&E?o(S,{title:"\uD398\uC774\uC9C0 \uBAA9\uB85D",children:o(L,{onClick:()=>je(e=>!e),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:o(ko,{})})}):null,k==="pdf"&&E?g(d,{sx:{display:"flex",alignItems:"center",gap:b?0:.5},children:[o(S,{title:"\uC774\uC804 \uD398\uC774\uC9C0",children:o("span",{style:{display:"inline-flex"},children:o(L,{onClick:Me,disabled:F<=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:o(st,{})})})}),o(P,{variant:"body2",sx:{minWidth:b?"auto":"80px",textAlign:"center",color:"white",px:b?.5:1,fontSize:b?"1.05rem":void 0,fontWeight:b?600:void 0,whiteSpace:"nowrap"},children:$?F:`${F} / ${E}`}),o(S,{title:"\uB2E4\uC74C \uD398\uC774\uC9C0",children:o("span",{style:{display:"inline-flex"},children:o(L,{onClick:Ce,disabled:F>=E,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:o(ct,{})})})})]}):null]}),o(d,{sx:{display:"flex",alignItems:"center",flexGrow:1,mr:$?0:2,overflow:"hidden"},children:!$&&g(d,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1.5,fontSize:"1rem"},children:[Oo(k),l.name]})}),g(d,{className:"toolbar",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:$?1.25:1,"& .MuiSvgIcon-root":{fontSize:$?"1.45rem":b?"1.7rem":void 0},"& .MuiIconButton-root":$?{p:.75}:{}},children:[(k==="image"||k==="pdf"||k==="text"||k==="html"||k==="code"||k==="spreadsheet")&&g(Re,{children:[!(b&&(k==="image"||k==="pdf"))&&g(Re,{children:[o(S,{title:"\uD655\uB300",children:o(L,{onClick:Br,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:o(Fo,{})})}),o(S,{title:"\uCD95\uC18C",children:o(L,{onClick:zr,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:o(Ro,{})})})]}),(!b||k==="image"||k==="pdf")&&o(S,{title:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30",children:o(L,{onClick:$r,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:o(Do,{})})}),(k==="image"||k==="pdf")&&g(Re,{children:[o(S,{title:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804",children:o(L,{onClick:Nr,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:o(Po,{})})}),o(S,{title:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804",children:o(L,{onClick:Ur,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:o(So,{})})})]})]}),o(S,{title:"\uB2E4\uC6B4\uB85C\uB4DC",children:o(L,{onClick:Rr,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:o(Eo,{})})}),Sr&&o(S,{title:"\uACF5\uC720",children:o(L,{onClick:()=>void Dr(),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:o(Lo,{})})}),o(S,{title:"\uB2EB\uAE30",children:o(L,{onClick:Nt,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:o(Io,{})})})]})]}),!b&&v.length>1&&ee>0?o(L,{"aria-label":"\uC774\uC804 \uD30C\uC77C",onClick:()=>W(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:o(st,{sx:{fontSize:30}})}):null,!b&&v.length>1&&ee<v.length-1?o(L,{"aria-label":"\uB2E4\uC74C \uD30C\uC77C",onClick:()=>W(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:o(ct,{sx:{fontSize:30}})}):null,o(yo,{sx:{p:"0 !important",overflow:"hidden",userSelect:"none"},onContextMenu:e=>e.preventDefault(),children:ao()}),o(Mo,{open:!!wt,autoHideDuration:2e3,onClose:()=>be(""),anchorOrigin:{vertical:"bottom",horizontal:"center"},message:wt,sx:{"& .MuiSnackbarContent-message":{fontSize:"0.95rem"}}})]})},No=pr;import{jsx as hr}from"react/jsx-runtime";function Pe(a){return hr("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:hr("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 Y,jsxs as Uo}from"react/jsx-runtime";function Se(a){return Uo("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:[Y("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"}),Y("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"}),Y("rect",{x:"259.124",y:"39.918",width:"32.756",height:"13.516"}),Y("rect",{x:"226.368",y:"21.601",width:"32.756",height:"10.125"}),Y("rect",{x:"226.368",y:"60.146",width:"32.756",height:"13.516"}),Y("rect",{x:"259.124",y:"82.274",width:"32.756",height:"13.518"}),Y("rect",{x:"259.124",y:"124.983",width:"32.756",height:"13.516"}),Y("rect",{x:"226.368",y:"103.275",width:"32.756",height:"13.516"}),Y("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 $o from"@mui/icons-material/TextSnippet";import Go from"@mui/icons-material/VideoFile";import Ko from"@mui/icons-material/AudioFile";import qo from"@mui/icons-material/Description";import Zo from"@mui/icons-material/InsertDriveFile";import Qo from"@mui/icons-material/Code";import Jo from"@mui/icons-material/TableView";import{jsx as V}from"react/jsx-runtime";function De(a,c=22){let u=`${c}px`,m={fontSize:c};switch(a){case"image":return V(ie,{width:u,height:u});case"pdf":return V(ae,{width:u,height:u});case"html":return V(Pe,{width:u,height:u});case"archive":return V(Se,{width:u,height:u});case"text":return V($o,{sx:{...m,color:"#66BB6A"}});case"spreadsheet":return V(Jo,{sx:{...m,color:"#4CAF50"}});case"code":return V(Qo,{sx:{...m,color:"#2196F3"}});case"video":return V(Go,{sx:{...m,color:"#AB47BC"}});case"audio":return V(Ko,{sx:{...m,color:"#FF7043"}});case"office":return V(qo,{sx:{...m,color:"#FFA726"}});default:return V(Zo,{sx:{...m,color:"#78909C"}})}}var en=new Set(["zip","rar","7z","gz","tgz","tar","bz2","xz","alz","egg"]);function fr({fileName:a,mime:c,size:u=22}){let m=a.includes(".")?a.slice(a.lastIndexOf(".")+1).toLowerCase():"";return en.has(m)?De("archive",u):De(T(a,c??""),u)}export{fr as FileTypeIcon,pr as FileViewer,No as FileViewerDefault,Pe as HtmlIcon,ie as ImageIcon,ae as PdfIcon,Se as ZipIcon,mo as ensureFileExtension,nt as getEditorLanguage,ot as getFileType,Qt as getFileTypeFromMime,De as getFileTypeIcon,lo as isFileViewerPreviewable,T as resolveFileType,it as saveBlobAsFile};
|
package/dist/index.js
CHANGED
|
@@ -55,4 +55,4 @@
|
|
|
55
55
|
.monaco-editor .overlay.cursor-layer {
|
|
56
56
|
padding-left: 15px !important;
|
|
57
57
|
}
|
|
58
|
-
`,c.appendChild(l)}}})})]}):(0,r.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,r.jsx)(n.Typography,{color:"text.secondary",children:"HTML \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"video":return(0,r.jsx)(n.Box,{className:"draggable-scroll",onMouseDown:o=>{let s=o.currentTarget;Nt(o,s)},sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"auto"},children:(0,r.jsx)("video",{src:C,controls:!0,style:{maxWidth:"100%",maxHeight:"70vh",transform:`scale(${T}) rotate(${X}deg)`,transition:"transform 0.3s ease",pointerEvents:T>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,r.jsxs)(n.Box,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column",overflow:"hidden"},children:[We.length>0||Mt?(0,r.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:[We.length>0&&(0,r.jsx)(n.Box,{sx:{minWidth:"max-content",minHeight:"max-content"},children:(0,r.jsx)(Tr.default,{data:We,darkMode:!1})}),Mt&&(0,r.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,r.jsx)(dt.LoadingProgress,{visible:Hr,exitDelay:200,fadeoutDuration:300,onComplete:po})})]}):(0,r.jsx)(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:(0,r.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."})}),bt.length>1&&(0,r.jsx)(n.Box,{sx:{borderTop:1,borderColor:"divider",backgroundColor:"#e0e0e0",padding:"0 8px 8px 8px"},children:(0,r.jsx)(n.Tabs,{value:zr,onChange:(o,s)=>ho(s),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=>(0,r.jsx)(n.Tab,{label:o,value:o},o))})})]});case"audio":return(0,r.jsxs)(n.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column"},children:[(0,r.jsx)(n.Typography,{variant:"h6",sx:{mb:2},children:m.name}),(0,r.jsx)("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(0,r.jsxs)(n.Box,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[(0,r.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,r.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,r.jsxs)(n.Dialog,{open:a,onClose:$t,maxWidth:"lg",fullScreen:!0,children:[(0,r.jsxs)(n.DialogTitle,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"grey.800",color:"white",height:"60px",boxSizing:"border-box",userSelect:"none",px:y?1:3},onContextMenu:e=>e.preventDefault(),children:[(0,r.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:j?.35:1,flexShrink:0,"& .MuiSvgIcon-root":{fontSize:y?"1.7rem":void 0}},children:[b.length>1?(0,r.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:y?0:.5},children:[(0,r.jsx)(n.Tooltip,{title:"\uC774\uC804 \uD30C\uC77C",children:(0,r.jsx)("span",{style:{display:"inline-flex"},children:(0,r.jsx)(n.IconButton,{onClick:()=>V(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,r.jsx)(De.default,{})})})}),(0,r.jsxs)(n.Typography,{variant:"body2",sx:{color:"grey.300",minWidth:40,textAlign:"center",userSelect:"none"},children:[Q+1," / ",b.length]}),(0,r.jsx)(n.Tooltip,{title:"\uB2E4\uC74C \uD30C\uC77C",children:(0,r.jsx)("span",{style:{display:"inline-flex"},children:(0,r.jsx)(n.IconButton,{onClick:()=>V(e=>Math.min(e+1,b.length-1)),disabled:Q>=b.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,r.jsx)(Be.default,{})})})})]}):null,y&&I==="pdf"&&L?(0,r.jsx)(n.Tooltip,{title:"\uD398\uC774\uC9C0 \uBAA9\uB85D",children:(0,r.jsx)(n.IconButton,{onClick:()=>Oe(e=>!e),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:(0,r.jsx)(dr.default,{})})}):null,I==="pdf"&&L?(0,r.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:y?0:.5},children:[(0,r.jsx)(n.Tooltip,{title:"\uC774\uC804 \uD398\uC774\uC9C0",children:(0,r.jsx)("span",{style:{display:"inline-flex"},children:(0,r.jsx)(n.IconButton,{onClick:ve,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:(0,r.jsx)(De.default,{})})})}),(0,r.jsx)(n.Typography,{variant:"body2",sx:{minWidth:y?"auto":"80px",textAlign:"center",color:"white",px:y?.5:1,fontSize:y?"1.05rem":void 0,fontWeight:y?600:void 0,whiteSpace:"nowrap"},children:j?E:`${E} / ${L}`}),(0,r.jsx)(n.Tooltip,{title:"\uB2E4\uC74C \uD398\uC774\uC9C0",children:(0,r.jsx)("span",{style:{display:"inline-flex"},children:(0,r.jsx)(n.IconButton,{onClick:we,disabled:E>=L,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,r.jsx)(Be.default,{})})})})]}):null]}),(0,r.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",flexGrow:1,mr:j?0:2,overflow:"hidden"},children:!j&&(0,r.jsxs)(n.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1.5,fontSize:"1rem"},children:[Ao(I),m.name]})}),(0,r.jsxs)(n.Box,{className:"toolbar",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:j?.35:1,"& .MuiSvgIcon-root":{fontSize:j?"1.45rem":y?"1.7rem":void 0},"& .MuiIconButton-root":j?{p:.75}:{}},children:[(I==="image"||I==="pdf"||I==="text"||I==="html"||I==="code"||I==="spreadsheet")&&(0,r.jsxs)(r.Fragment,{children:[!(y&&(I==="image"||I==="pdf"))&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Tooltip,{title:"\uD655\uB300",children:(0,r.jsx)(n.IconButton,{onClick:Zr,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,r.jsx)(pr.default,{})})}),(0,r.jsx)(n.Tooltip,{title:"\uCD95\uC18C",children:(0,r.jsx)(n.IconButton,{onClick:Qr,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,r.jsx)(hr.default,{})})})]}),(!y||I==="image"||I==="pdf")&&(0,r.jsx)(n.Tooltip,{title:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30",children:(0,r.jsx)(n.IconButton,{onClick:uo,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,r.jsx)(xr.default,{})})}),(I==="image"||I==="pdf")&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Tooltip,{title:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804",children:(0,r.jsx)(n.IconButton,{onClick:co,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,r.jsx)(fr.default,{})})}),(0,r.jsx)(n.Tooltip,{title:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804",children:(0,r.jsx)(n.IconButton,{onClick:lo,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,r.jsx)(gr.default,{})})})]})]}),(0,r.jsx)(n.Tooltip,{title:"\uB2E4\uC6B4\uB85C\uB4DC",children:(0,r.jsx)(n.IconButton,{onClick:$r,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,r.jsx)(mr.default,{})})}),Kr&&(0,r.jsx)(n.Tooltip,{title:"\uACF5\uC720",children:(0,r.jsx)(n.IconButton,{onClick:()=>void qr(),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,r.jsx)(ur.default,{})})}),(0,r.jsx)(n.Tooltip,{title:"\uB2EB\uAE30",children:(0,r.jsx)(n.IconButton,{onClick:$t,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,r.jsx)(lr.default,{})})})]})]}),!y&&b.length>1&&Q>0?(0,r.jsx)(n.IconButton,{"aria-label":"\uC774\uC804 \uD30C\uC77C",onClick:()=>V(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,r.jsx)(De.default,{sx:{fontSize:30}})}):null,!y&&b.length>1&&Q<b.length-1?(0,r.jsx)(n.IconButton,{"aria-label":"\uB2E4\uC74C \uD30C\uC77C",onClick:()=>V(e=>Math.min(e+1,b.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,r.jsx)(Be.default,{sx:{fontSize:30}})}):null,(0,r.jsx)(n.DialogContent,{sx:{p:"0 !important",overflow:"hidden",userSelect:"none"},onContextMenu:e=>e.preventDefault(),children:To()}),(0,r.jsx)(n.Snackbar,{open:!!Ct,autoHideDuration:2e3,onClose:()=>xe(""),anchorOrigin:{vertical:"bottom",horizontal:"center"},message:Ct,sx:{"& .MuiSnackbarContent-message":{fontSize:"0.95rem"}}})]})},Ir=ut;var mt=require("react/jsx-runtime");function le(a){return(0,mt.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,mt.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 F=require("react/jsx-runtime");function de(a){return(0,F.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,F.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,F.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,F.jsx)("rect",{x:"259.124",y:"39.918",width:"32.756",height:"13.516"}),(0,F.jsx)("rect",{x:"226.368",y:"21.601",width:"32.756",height:"10.125"}),(0,F.jsx)("rect",{x:"226.368",y:"60.146",width:"32.756",height:"13.516"}),(0,F.jsx)("rect",{x:"259.124",y:"82.274",width:"32.756",height:"13.518"}),(0,F.jsx)("rect",{x:"259.124",y:"124.983",width:"32.756",height:"13.516"}),(0,F.jsx)("rect",{x:"226.368",y:"103.275",width:"32.756",height:"13.516"}),(0,F.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 kr=f(require("@mui/icons-material/TextSnippet"),1),Lr=f(require("@mui/icons-material/VideoFile"),1),Er=f(require("@mui/icons-material/AudioFile"),1),Fr=f(require("@mui/icons-material/Description"),1),Rr=f(require("@mui/icons-material/InsertDriveFile"),1),Pr=f(require("@mui/icons-material/Code"),1),Sr=f(require("@mui/icons-material/TableView"),1);var R=require("react/jsx-runtime");function ue(a,d=22){let u=`${d}px`,p={fontSize:d};switch(a){case"image":return(0,R.jsx)(G,{width:u,height:u});case"pdf":return(0,R.jsx)(K,{width:u,height:u});case"html":return(0,R.jsx)(le,{width:u,height:u});case"archive":return(0,R.jsx)(de,{width:u,height:u});case"text":return(0,R.jsx)(kr.default,{sx:{...p,color:"#66BB6A"}});case"spreadsheet":return(0,R.jsx)(Sr.default,{sx:{...p,color:"#4CAF50"}});case"code":return(0,R.jsx)(Pr.default,{sx:{...p,color:"#2196F3"}});case"video":return(0,R.jsx)(Lr.default,{sx:{...p,color:"#AB47BC"}});case"audio":return(0,R.jsx)(Er.default,{sx:{...p,color:"#FF7043"}});case"office":return(0,R.jsx)(Fr.default,{sx:{...p,color:"#FFA726"}});default:return(0,R.jsx)(Rr.default,{sx:{...p,color:"#78909C"}})}}var Xo=new Set(["zip","rar","7z","gz","tgz","tar","bz2","xz","alz","egg"]);function pt({fileName:a,mime:d,size:u=22}){let p=a.includes(".")?a.slice(a.lastIndexOf(".")+1).toLowerCase():"";return Xo.has(p)?ue("archive",u):ue(w(a,d??""),u)}
|
|
58
|
+
`,c.appendChild(l)}}})})]}):(0,r.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,r.jsx)(n.Typography,{color:"text.secondary",children:"HTML \uD30C\uC77C\uC744 \uC77D\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."})})});case"video":return(0,r.jsx)(n.Box,{className:"draggable-scroll",onMouseDown:o=>{let s=o.currentTarget;Nt(o,s)},sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,overflow:"auto"},children:(0,r.jsx)("video",{src:C,controls:!0,style:{maxWidth:"100%",maxHeight:"70vh",transform:`scale(${T}) rotate(${X}deg)`,transition:"transform 0.3s ease",pointerEvents:T>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,r.jsxs)(n.Box,{sx:{width:"100%",height:"calc(100vh - 60px)",display:"flex",flexDirection:"column",overflow:"hidden"},children:[We.length>0||Mt?(0,r.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:[We.length>0&&(0,r.jsx)(n.Box,{sx:{minWidth:"max-content",minHeight:"max-content"},children:(0,r.jsx)(Tr.default,{data:We,darkMode:!1})}),Mt&&(0,r.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,r.jsx)(dt.LoadingProgress,{visible:Hr,exitDelay:200,fadeoutDuration:300,onComplete:po})})]}):(0,r.jsx)(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:(0,r.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."})}),bt.length>1&&(0,r.jsx)(n.Box,{sx:{borderTop:1,borderColor:"divider",backgroundColor:"#e0e0e0",padding:"0 8px 8px 8px"},children:(0,r.jsx)(n.Tabs,{value:zr,onChange:(o,s)=>ho(s),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=>(0,r.jsx)(n.Tab,{label:o,value:o},o))})})]});case"audio":return(0,r.jsxs)(n.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column"},children:[(0,r.jsx)(n.Typography,{variant:"h6",sx:{mb:2},children:m.name}),(0,r.jsx)("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(0,r.jsxs)(n.Box,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:400,flexDirection:"column",children:[(0,r.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,r.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,r.jsxs)(n.Dialog,{open:a,onClose:$t,maxWidth:"lg",fullScreen:!0,children:[(0,r.jsxs)(n.DialogTitle,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"grey.800",color:"white",height:"60px",boxSizing:"border-box",userSelect:"none",px:y?1:3},onContextMenu:e=>e.preventDefault(),children:[(0,r.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:j?.35:1,flexShrink:0,"& .MuiSvgIcon-root":{fontSize:y?"1.7rem":void 0}},children:[b.length>1?(0,r.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:y?0:.5},children:[(0,r.jsx)(n.Tooltip,{title:"\uC774\uC804 \uD30C\uC77C",children:(0,r.jsx)("span",{style:{display:"inline-flex"},children:(0,r.jsx)(n.IconButton,{onClick:()=>V(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,r.jsx)(De.default,{})})})}),(0,r.jsxs)(n.Typography,{variant:"body2",sx:{color:"grey.300",minWidth:40,textAlign:"center",userSelect:"none"},children:[Q+1," / ",b.length]}),(0,r.jsx)(n.Tooltip,{title:"\uB2E4\uC74C \uD30C\uC77C",children:(0,r.jsx)("span",{style:{display:"inline-flex"},children:(0,r.jsx)(n.IconButton,{onClick:()=>V(e=>Math.min(e+1,b.length-1)),disabled:Q>=b.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,r.jsx)(Be.default,{})})})})]}):null,y&&I==="pdf"&&L?(0,r.jsx)(n.Tooltip,{title:"\uD398\uC774\uC9C0 \uBAA9\uB85D",children:(0,r.jsx)(n.IconButton,{onClick:()=>Oe(e=>!e),size:"medium",sx:{color:"grey.300","&:hover":{color:"white"}},children:(0,r.jsx)(dr.default,{})})}):null,I==="pdf"&&L?(0,r.jsxs)(n.Box,{sx:{display:"flex",alignItems:"center",gap:y?0:.5},children:[(0,r.jsx)(n.Tooltip,{title:"\uC774\uC804 \uD398\uC774\uC9C0",children:(0,r.jsx)("span",{style:{display:"inline-flex"},children:(0,r.jsx)(n.IconButton,{onClick:ve,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:(0,r.jsx)(De.default,{})})})}),(0,r.jsx)(n.Typography,{variant:"body2",sx:{minWidth:y?"auto":"80px",textAlign:"center",color:"white",px:y?.5:1,fontSize:y?"1.05rem":void 0,fontWeight:y?600:void 0,whiteSpace:"nowrap"},children:j?E:`${E} / ${L}`}),(0,r.jsx)(n.Tooltip,{title:"\uB2E4\uC74C \uD398\uC774\uC9C0",children:(0,r.jsx)("span",{style:{display:"inline-flex"},children:(0,r.jsx)(n.IconButton,{onClick:we,disabled:E>=L,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,r.jsx)(Be.default,{})})})})]}):null]}),(0,r.jsx)(n.Box,{sx:{display:"flex",alignItems:"center",flexGrow:1,mr:j?0:2,overflow:"hidden"},children:!j&&(0,r.jsxs)(n.Box,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1.5,fontSize:"1rem"},children:[Ao(I),m.name]})}),(0,r.jsxs)(n.Box,{className:"toolbar",sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:j?1.25:1,"& .MuiSvgIcon-root":{fontSize:j?"1.45rem":y?"1.7rem":void 0},"& .MuiIconButton-root":j?{p:.75}:{}},children:[(I==="image"||I==="pdf"||I==="text"||I==="html"||I==="code"||I==="spreadsheet")&&(0,r.jsxs)(r.Fragment,{children:[!(y&&(I==="image"||I==="pdf"))&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Tooltip,{title:"\uD655\uB300",children:(0,r.jsx)(n.IconButton,{onClick:Zr,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,r.jsx)(pr.default,{})})}),(0,r.jsx)(n.Tooltip,{title:"\uCD95\uC18C",children:(0,r.jsx)(n.IconButton,{onClick:Qr,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,r.jsx)(hr.default,{})})})]}),(!y||I==="image"||I==="pdf")&&(0,r.jsx)(n.Tooltip,{title:"\uD654\uBA74\uC5D0 \uB9DE\uCD94\uAE30",children:(0,r.jsx)(n.IconButton,{onClick:uo,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,r.jsx)(xr.default,{})})}),(I==="image"||I==="pdf")&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Tooltip,{title:"\uC67C\uCABD\uC73C\uB85C \uD68C\uC804",children:(0,r.jsx)(n.IconButton,{onClick:co,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,r.jsx)(fr.default,{})})}),(0,r.jsx)(n.Tooltip,{title:"\uC624\uB978\uCABD\uC73C\uB85C \uD68C\uC804",children:(0,r.jsx)(n.IconButton,{onClick:lo,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,r.jsx)(gr.default,{})})})]})]}),(0,r.jsx)(n.Tooltip,{title:"\uB2E4\uC6B4\uB85C\uB4DC",children:(0,r.jsx)(n.IconButton,{onClick:$r,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,r.jsx)(mr.default,{})})}),Kr&&(0,r.jsx)(n.Tooltip,{title:"\uACF5\uC720",children:(0,r.jsx)(n.IconButton,{onClick:()=>void qr(),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,r.jsx)(ur.default,{})})}),(0,r.jsx)(n.Tooltip,{title:"\uB2EB\uAE30",children:(0,r.jsx)(n.IconButton,{onClick:$t,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,r.jsx)(lr.default,{})})})]})]}),!y&&b.length>1&&Q>0?(0,r.jsx)(n.IconButton,{"aria-label":"\uC774\uC804 \uD30C\uC77C",onClick:()=>V(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,r.jsx)(De.default,{sx:{fontSize:30}})}):null,!y&&b.length>1&&Q<b.length-1?(0,r.jsx)(n.IconButton,{"aria-label":"\uB2E4\uC74C \uD30C\uC77C",onClick:()=>V(e=>Math.min(e+1,b.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,r.jsx)(Be.default,{sx:{fontSize:30}})}):null,(0,r.jsx)(n.DialogContent,{sx:{p:"0 !important",overflow:"hidden",userSelect:"none"},onContextMenu:e=>e.preventDefault(),children:To()}),(0,r.jsx)(n.Snackbar,{open:!!Ct,autoHideDuration:2e3,onClose:()=>xe(""),anchorOrigin:{vertical:"bottom",horizontal:"center"},message:Ct,sx:{"& .MuiSnackbarContent-message":{fontSize:"0.95rem"}}})]})},Ir=ut;var mt=require("react/jsx-runtime");function le(a){return(0,mt.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,mt.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 F=require("react/jsx-runtime");function de(a){return(0,F.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,F.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,F.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,F.jsx)("rect",{x:"259.124",y:"39.918",width:"32.756",height:"13.516"}),(0,F.jsx)("rect",{x:"226.368",y:"21.601",width:"32.756",height:"10.125"}),(0,F.jsx)("rect",{x:"226.368",y:"60.146",width:"32.756",height:"13.516"}),(0,F.jsx)("rect",{x:"259.124",y:"82.274",width:"32.756",height:"13.518"}),(0,F.jsx)("rect",{x:"259.124",y:"124.983",width:"32.756",height:"13.516"}),(0,F.jsx)("rect",{x:"226.368",y:"103.275",width:"32.756",height:"13.516"}),(0,F.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 kr=f(require("@mui/icons-material/TextSnippet"),1),Lr=f(require("@mui/icons-material/VideoFile"),1),Er=f(require("@mui/icons-material/AudioFile"),1),Fr=f(require("@mui/icons-material/Description"),1),Rr=f(require("@mui/icons-material/InsertDriveFile"),1),Pr=f(require("@mui/icons-material/Code"),1),Sr=f(require("@mui/icons-material/TableView"),1);var R=require("react/jsx-runtime");function ue(a,d=22){let u=`${d}px`,p={fontSize:d};switch(a){case"image":return(0,R.jsx)(G,{width:u,height:u});case"pdf":return(0,R.jsx)(K,{width:u,height:u});case"html":return(0,R.jsx)(le,{width:u,height:u});case"archive":return(0,R.jsx)(de,{width:u,height:u});case"text":return(0,R.jsx)(kr.default,{sx:{...p,color:"#66BB6A"}});case"spreadsheet":return(0,R.jsx)(Sr.default,{sx:{...p,color:"#4CAF50"}});case"code":return(0,R.jsx)(Pr.default,{sx:{...p,color:"#2196F3"}});case"video":return(0,R.jsx)(Lr.default,{sx:{...p,color:"#AB47BC"}});case"audio":return(0,R.jsx)(Er.default,{sx:{...p,color:"#FF7043"}});case"office":return(0,R.jsx)(Fr.default,{sx:{...p,color:"#FFA726"}});default:return(0,R.jsx)(Rr.default,{sx:{...p,color:"#78909C"}})}}var Xo=new Set(["zip","rar","7z","gz","tgz","tar","bz2","xz","alz","egg"]);function pt({fileName:a,mime:d,size:u=22}){let p=a.includes(".")?a.slice(a.lastIndexOf(".")+1).toLowerCase():"";return Xo.has(p)?ue("archive",u):ue(w(a,d??""),u)}
|