@eternalheart/react-file-preview 1.0.1 → 1.0.2

package/lib/index.mjs

@@ -1,28 +1,32 @@
-import { jsxs as f, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { useState as b, useRef as S, useEffect as M, useCallback as C, useMemo as U } from "react";
-import { createPortal as Y } from "react-dom";
-import { motion as B, AnimatePresence as K } from "framer-motion";
-import { Presentation as Q, Music as J, SkipBack as ee, Pause as te, Play as re, SkipForward as oe, VolumeX as ne, Volume2 as le, FileText as ae, FileQuestion as se, Download as Z, ZoomOut as ie, ZoomIn as ce, Minimize2 as de, Maximize2 as me, RotateCcw as ue, RotateCw as he, RefreshCw as pe, X as fe, ChevronLeft as xe, ChevronRight as we } from "lucide-react";
-import { pdfjs as H, Document as ge, Page as be } from "react-pdf";
-import ve from "mammoth";
+import { jsxs as f, jsx as e, Fragment as W } from "react/jsx-runtime";
+import { useState as b, useRef as P, useEffect as C, useCallback as M, useMemo as O } from "react";
+import { createPortal as I } from "react-dom";
+import { motion as H, AnimatePresence as Y } from "framer-motion";
+import { Presentation as J, Music as K, SkipBack as Q, Pause as ee, Play as te, SkipForward as re, VolumeX as oe, Volume2 as ne, FileText as le, FileQuestion as ae, Download as q, ZoomOut as se, ZoomIn as ie, Minimize2 as ce, Maximize2 as de, RotateCcw as me, RotateCw as ue, RefreshCw as he, X as pe, ChevronLeft as fe, ChevronRight as xe } from "lucide-react";
+import { pdfjs as B, Document as we, Page as ge } from "react-pdf";
+import { pdfjs as nt } from "react-pdf";
+import be from "mammoth";
 import * as V from "xlsx";
 import { init as X } from "pptx-preview";
-import ye from "video.js";
-import Ne from "react-markdown";
-import ke from "remark-gfm";
-import { Prism as _ } from "react-syntax-highlighter";
-function je(r) {
+import ve from "video.js";
+import ye from "react-markdown";
+import Ne from "remark-gfm";
+import { Prism as Z } from "react-syntax-highlighter";
+const ke = "1.0.2", je = {
+  version: ke
+};
+function Me(t) {
   try {
-    const i = new URL(r).pathname.split("/").pop() || "file";
-    return decodeURIComponent(i);
+    const s = new URL(t).pathname.split("/").pop() || "file";
+    return decodeURIComponent(s);
   } catch {
-    const t = r.split("/").pop() || "file";
-    return decodeURIComponent(t);
+    const r = t.split("/").pop() || "file";
+    return decodeURIComponent(r);
   }
 }
-function A(r) {
-  var i;
-  const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
+function A(t) {
+  var s;
+  const r = ((s = t.split(".").pop()) == null ? void 0 : s.toLowerCase()) || "";
   return {
     // 图片
     jpg: "image/jpeg",
@@ -79,75 +83,75 @@ function A(r) {
     rs: "text/x-rust",
     yaml: "text/yaml",
     yml: "text/yaml"
-  }[t] || "application/octet-stream";
+  }[r] || "application/octet-stream";
 }
-function Ce(r, t = 0) {
-  if (r instanceof File)
+function Ce(t, r = 0) {
+  if (t instanceof File)
     return {
-      id: `file-${Date.now()}-${t}`,
-      name: r.name,
-      url: URL.createObjectURL(r),
-      type: r.type || A(r.name),
-      size: r.size
+      id: `file-${Date.now()}-${r}`,
+      name: t.name,
+      url: URL.createObjectURL(t),
+      type: t.type || A(t.name),
+      size: t.size
     };
-  if (typeof r == "string") {
-    const n = je(r);
+  if (typeof t == "string") {
+    const n = Me(t);
     return {
-      id: `url-${Date.now()}-${t}`,
+      id: `url-${Date.now()}-${r}`,
       name: n,
-      url: r,
+      url: t,
       type: A(n)
     };
   }
   return {
-    id: r.id || `link-${Date.now()}-${t}`,
-    name: r.name,
-    url: r.url,
-    type: r.type || A(r.name),
-    size: r.size
+    id: t.id || `link-${Date.now()}-${r}`,
+    name: t.name,
+    url: t.url,
+    type: t.type || A(t.name),
+    size: t.size
   };
 }
-function Me(r) {
-  return r.map((t, n) => Ce(t, n));
+function Te(t) {
+  return t.map((r, n) => Ce(r, n));
 }
-const Te = ({
-  url: r,
-  zoom: t,
+const Le = ({
+  url: t,
+  zoom: r,
   rotation: n,
-  onZoomChange: i
+  onZoomChange: s
 }) => {
-  const [c, d] = b(!1), [s, o] = b(null), [a, w] = b({ x: 0, y: 0 }), [p, u] = b(!1), [v, h] = b({ x: 0, y: 0 }), [l, x] = b(1), m = S(null);
-  M(() => {
+  const [c, d] = b(!1), [i, o] = b(null), [a, w] = b({ x: 0, y: 0 }), [p, u] = b(!1), [v, h] = b({ x: 0, y: 0 }), [l, x] = b(1), m = P(null);
+  C(() => {
     d(!1), o(null), w({ x: 0, y: 0 }), x(1);
-  }, [r]), M(() => {
-    x(t);
-  }, [t]), M(() => {
+  }, [t]), C(() => {
+    x(r);
+  }, [r]), C(() => {
     w({ x: 0, y: 0 });
-  }, [t, n]);
+  }, [r, n]);
   const k = () => {
     d(!0);
   }, T = () => {
     o("图片加载失败"), d(!0);
   }, L = () => {
     w({ x: 0, y: 0 });
-  }, P = C((N) => {
+  }, R = M((N) => {
     N.preventDefault(), N.stopPropagation();
     const D = N.deltaY > 0 ? -0.1 : 0.1;
-    x((R) => {
-      const F = Math.max(0.5, Math.min(5, R + D));
-      return i && i(F), F;
+    x((S) => {
+      const F = Math.max(0.5, Math.min(5, S + D));
+      return s && s(F), F;
     });
-  }, [i]), z = C((N) => {
+  }, [s]), z = M((N) => {
     N.button === 0 && (u(!0), h({
       x: N.clientX - a.x,
       y: N.clientY - a.y
     }));
-  }, [a]), g = C((N) => {
+  }, [a]), g = M((N) => {
     p && w({
       x: N.clientX - v.x,
       y: N.clientY - v.y
     });
-  }, [p, v]), j = C(() => {
+  }, [p, v]), j = M(() => {
     u(!1);
   }, []);
   return /* @__PURE__ */ f(
@@ -155,19 +159,19 @@ const Te = ({
     {
       ref: m,
       className: "flex items-center justify-center w-full h-full overflow-hidden",
-      onWheel: P,
+      onWheel: R,
       onMouseDown: z,
       onMouseMove: g,
       onMouseUp: j,
       onMouseLeave: j,
       style: { cursor: p ? "grabbing" : "grab" },
       children: [
-        !c && !s && /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }),
-        s && /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: s }) }),
+        !c && !i && /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }),
+        i && /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: i }) }),
         /* @__PURE__ */ e(
-          B.img,
+          H.img,
           {
-            src: r,
+            src: t,
             alt: "Preview",
             className: `max-w-none select-none ${c ? "" : "hidden"}`,
             style: {
@@ -187,43 +191,47 @@ const Te = ({
       ]
     }
   );
-}, Le = H.version, Se = "/pdf.worker.min.mjs";
-H.GlobalWorkerOptions.workerSrc = Se;
-const Pe = H.GlobalWorkerOptions.workerSrc, q = `https://unpkg.com/pdfjs-dist@${Le}/build/pdf.worker.min.mjs`;
-typeof window < "u" && window.addEventListener("error", (r) => {
-  var t;
-  (t = r.message) != null && t.includes("pdf.worker") && H.GlobalWorkerOptions.workerSrc === Pe && (console.warn("本地 PDF worker 加载失败,切换到 CDN:", q), H.GlobalWorkerOptions.workerSrc = q);
-});
+};
+function Pe(t) {
+  if (typeof window > "u") return;
+  const {
+    workerSrc: r = `https://unpkg.com/pdfjs-dist@${B.version}/build/pdf.worker.min.mjs`,
+    cMapUrl: n = `https://unpkg.com/pdfjs-dist@${B.version}/cmaps/`,
+    cMapPacked: s = !0
+  } = t || {};
+  B.GlobalWorkerOptions.workerSrc = r, B.GlobalWorkerOptions.cMapUrl = n, B.GlobalWorkerOptions.cMapPacked = s;
+}
+Pe();
 const Re = ({
-  url: r,
-  zoom: t,
+  url: t,
+  zoom: r,
   currentPage: n,
-  onPageChange: i,
+  onPageChange: s,
   onTotalPagesChange: c
 }) => {
-  const [d, s] = b(0), [o, a] = b(null), w = S(null), p = S(/* @__PURE__ */ new Map());
-  M(() => {
+  const [d, i] = b(0), [o, a] = b(null), w = P(null), p = P(/* @__PURE__ */ new Map());
+  C(() => {
     a(null);
-  }, [r]);
+  }, [t]);
   const u = ({ numPages: x }) => {
-    s(x), c(x), i(1);
+    i(x), c(x), s(1);
   }, v = (x) => {
     console.error("PDF 加载错误:", x), a("PDF 文件加载失败");
-  }, h = C(() => {
+  }, h = M(() => {
     if (!w.current) return;
     const x = w.current, m = x.scrollTop, k = x.clientHeight, T = m + k / 2;
-    let L = 1, P = 1 / 0;
+    let L = 1, R = 1 / 0;
     p.current.forEach((z, g) => {
-      const j = z.getBoundingClientRect(), N = x.getBoundingClientRect(), D = j.top - N.top + j.height / 2 + m, R = Math.abs(D - T);
-      R < P && (P = R, L = g);
-    }), L !== n && i(L);
-  }, [n, i]);
-  M(() => {
+      const j = z.getBoundingClientRect(), N = x.getBoundingClientRect(), D = j.top - N.top + j.height / 2 + m, S = Math.abs(D - T);
+      S < R && (R = S, L = g);
+    }), L !== n && s(L);
+  }, [n, s]);
+  C(() => {
     const x = w.current;
     if (x)
       return x.addEventListener("scroll", h), () => x.removeEventListener("scroll", h);
   }, [h]);
-  const l = C((x, m) => {
+  const l = M((x, m) => {
     m ? p.current.set(x, m) : p.current.delete(x);
   }, []);
   return /* @__PURE__ */ f(
@@ -234,9 +242,9 @@ const Re = ({
       children: [
         o && /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: o }) }),
         !o && /* @__PURE__ */ e(
-          ge,
+          we,
           {
-            file: r,
+            file: t,
             onLoadSuccess: u,
             onLoadError: v,
             loading: /* @__PURE__ */ e("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }),
@@ -249,10 +257,10 @@ const Re = ({
                   className: "relative",
                   children: [
                     /* @__PURE__ */ e(
-                      be,
+                      ge,
                       {
                         pageNumber: k,
-                        scale: t,
+                        scale: r,
                         loading: /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-8 bg-white/5 rounded-lg min-h-[600px]", children: /* @__PURE__ */ e("div", { className: "w-8 h-8 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }),
                         renderTextLayer: !0,
                         renderAnnotationLayer: !0,
@@ -277,28 +285,28 @@ const Re = ({
       ]
     }
   );
-}, De = ({ url: r }) => {
-  const [t, n] = b(""), [i, c] = b(!0), [d, s] = b(null);
-  return M(() => {
+}, Se = ({ url: t }) => {
+  const [r, n] = b(""), [s, c] = b(!0), [d, i] = b(null);
+  return C(() => {
     (async () => {
-      c(!0), s(null), n("");
+      c(!0), i(null), n("");
       try {
-        const a = await fetch(r);
+        const a = await fetch(t);
         if (!a.ok)
           throw new Error("文件加载失败");
-        const w = await a.arrayBuffer(), p = await ve.convertToHtml({ arrayBuffer: w });
+        const w = await a.arrayBuffer(), p = await be.convertToHtml({ arrayBuffer: w });
         n(p.value);
       } catch (a) {
-        console.error("Docx 解析错误:", a), s("Word 文档解析失败");
+        console.error("Docx 解析错误:", a), i("Word 文档解析失败");
       } finally {
         c(!1);
       }
     })();
-  }, [r]), i ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }) : d ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: d }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-8", children: /* @__PURE__ */ e(
+  }, [t]), s ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }) : d ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: d }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-8", children: /* @__PURE__ */ e(
     "div",
     {
       className: "max-w-4xl mx-auto bg-white rounded-lg shadow-2xl p-12",
-      dangerouslySetInnerHTML: { __html: t },
+      dangerouslySetInnerHTML: { __html: r },
       style: {
         fontFamily: "system-ui, -apple-system, sans-serif",
         lineHeight: "1.6",
@@ -306,13 +314,13 @@ const Re = ({
       }
     }
   ) });
-}, Ee = ({ url: r }) => {
-  const [t, n] = b([]), [i, c] = b(0), [d, s] = b(!0), [o, a] = b(null);
-  if (M(() => {
+}, De = ({ url: t }) => {
+  const [r, n] = b([]), [s, c] = b(0), [d, i] = b(!0), [o, a] = b(null);
+  if (C(() => {
     (async () => {
-      s(!0), a(null), n([]);
+      i(!0), a(null), n([]);
       try {
-        const u = await fetch(r);
+        const u = await fetch(t);
         if (!u.ok)
           throw new Error("文件加载失败");
         const v = await u.arrayBuffer(), h = V.read(v, { type: "array" }), l = h.SheetNames.map((x) => {
@@ -323,20 +331,20 @@ const Re = ({
       } catch (u) {
         console.error("Excel 解析错误:", u), a("Excel 文件解析失败");
       } finally {
-        s(!1);
+        i(!1);
       }
     })();
-  }, [r]), d)
+  }, [t]), d)
     return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) });
   if (o)
     return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: o }) }) });
-  const w = t[i];
+  const w = r[s];
   return /* @__PURE__ */ f("div", { className: "w-full h-full flex flex-col overflow-hidden", children: [
-    t.length > 1 && /* @__PURE__ */ e("div", { className: "flex gap-2 p-4 bg-black/20 backdrop-blur-sm overflow-x-auto border-b border-white/10", children: t.map((p, u) => /* @__PURE__ */ e(
+    r.length > 1 && /* @__PURE__ */ e("div", { className: "flex gap-2 p-4 bg-black/20 backdrop-blur-sm overflow-x-auto border-b border-white/10", children: r.map((p, u) => /* @__PURE__ */ e(
       "button",
       {
         onClick: () => c(u),
-        className: `px-4 py-2 rounded-lg text-sm font-medium transition-all ${i === u ? "bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg" : "bg-white/10 text-white hover:bg-white/20"}`,
+        className: `px-4 py-2 rounded-lg text-sm font-medium transition-all ${s === u ? "bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg" : "bg-white/10 text-white hover:bg-white/20"}`,
         children: p.name
       },
       u
@@ -357,18 +365,18 @@ const Re = ({
       u
     )) }) }) }) })
   ] });
-}, ze = ({ url: r }) => {
-  const [t, n] = b(!0), [i, c] = b(null), d = S(null), s = S(null), o = S(null), a = S(null), w = S(null), p = S({ width: 0, height: 0 }), u = C(() => {
+}, Ee = ({ url: t }) => {
+  const [r, n] = b(!0), [s, c] = b(null), d = P(null), i = P(null), o = P(null), a = P(null), w = P(null), p = P({ width: 0, height: 0 }), u = M(() => {
     if (!d.current) return { width: 960, height: 540 };
     const h = d.current.clientWidth, l = Math.floor(h * 9 / 16);
     return console.log("计算尺寸:", { width: h, height: l }), { width: h, height: l };
-  }, []), v = C(async () => {
+  }, []), v = M(async () => {
     if (!(!d.current || !a.current)) {
       console.log("重新初始化预览器...");
       try {
-        if (s.current)
+        if (i.current)
           try {
-            s.current.destroy();
+            i.current.destroy();
           } catch (x) {
             console.error("销毁预览器失败:", x);
           }
@@ -379,13 +387,13 @@ const Re = ({
           width: h.width,
           height: h.height
         });
-        s.current = l, await l.preview(a.current), console.log("重新初始化成功");
+        i.current = l, await l.preview(a.current), console.log("重新初始化成功");
       } catch (h) {
         console.error("重新初始化失败:", h);
       }
     }
   }, [u]);
-  return M(() => {
+  return C(() => {
     if (!d.current) return;
     let h = !0;
     const l = () => {
@@ -405,7 +413,7 @@ const Re = ({
         new: x,
         diff: { width: k, height: T }
       }), p.current = x, w.current && clearTimeout(w.current), w.current = window.setTimeout(() => {
-        s.current && a.current && (console.log("尺寸变化，准备重新初始化"), v());
+        i.current && a.current && (console.log("尺寸变化，准备重新初始化"), v());
       }, 800);
     };
     return o.current = new ResizeObserver(() => {
@@ -413,7 +421,7 @@ const Re = ({
     }), o.current.observe(d.current), () => {
       o.current && o.current.disconnect(), w.current && clearTimeout(w.current);
     };
-  }, [u, v]), M(() => {
+  }, [u, v]), C(() => {
     let h = !0;
     const l = async () => {
       if (!d.current) {
@@ -422,8 +430,8 @@ const Re = ({
       }
       n(!0), c(null);
       try {
-        console.log("开始加载 PPTX:", r);
-        const m = await fetch(r);
+        console.log("开始加载 PPTX:", t);
+        const m = await fetch(t);
         if (!m.ok)
           throw new Error("文件加载失败");
         const k = await m.arrayBuffer();
@@ -435,10 +443,10 @@ const Re = ({
           width: T.width,
           height: T.height
         });
-        s.current = L, console.log("开始预览..."), L.preview(k).then(() => {
+        i.current = L, console.log("开始预览..."), L.preview(k).then(() => {
           console.log("预览成功"), h && n(!1);
-        }).catch((P) => {
-          console.error("预览失败:", P), h && (c("PPT 文件预览失败"), n(!1));
+        }).catch((R) => {
+          console.error("预览失败:", R), h && (c("PPT 文件预览失败"), n(!1));
         });
       } catch (m) {
         console.error("PPTX 解析错误:", m), h && (c(m instanceof Error ? m.message : "PPT 文件解析失败"), n(!1));
@@ -447,27 +455,27 @@ const Re = ({
       l();
     }, 100);
     return () => {
-      if (h = !1, clearTimeout(x), a.current = null, s.current)
+      if (h = !1, clearTimeout(x), a.current = null, i.current)
         try {
-          s.current.destroy();
+          i.current.destroy();
         } catch (m) {
           console.error("销毁预览器失败:", m);
         }
-      s.current = null;
+      i.current = null;
     };
-  }, [r, u]), /* @__PURE__ */ f("div", { className: "relative flex flex-col items-center w-full h-full pt-[8px]", children: [
-    t && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-10 rounded-2xl", children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+  }, [t, u]), /* @__PURE__ */ f("div", { className: "relative flex flex-col items-center w-full h-full pt-[8px]", children: [
+    r && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-10 rounded-2xl", children: /* @__PURE__ */ f("div", { className: "text-center", children: [
       /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-3 border-4 border-white/20 border-t-white rounded-full animate-spin" }),
       /* @__PURE__ */ e("p", { className: "text-sm text-white/70 font-medium", children: "加载 PPT 中..." })
     ] }) }),
-    i && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-10 rounded-2xl", children: /* @__PURE__ */ f("div", { className: "text-center max-w-md", children: [
-      /* @__PURE__ */ e("div", { className: "w-32 h-32 mx-auto mb-6 rounded-3xl bg-gradient-to-br from-orange-500 via-red-500 to-pink-500 flex items-center justify-center shadow-2xl", children: /* @__PURE__ */ e(Q, { className: "w-16 h-16 text-white" }) }),
+    s && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-10 rounded-2xl", children: /* @__PURE__ */ f("div", { className: "text-center max-w-md", children: [
+      /* @__PURE__ */ e("div", { className: "w-32 h-32 mx-auto mb-6 rounded-3xl bg-gradient-to-br from-orange-500 via-red-500 to-pink-500 flex items-center justify-center shadow-2xl", children: /* @__PURE__ */ e(J, { className: "w-16 h-16 text-white" }) }),
       /* @__PURE__ */ e("p", { className: "text-xl text-white/90 mb-3 font-medium", children: "PPT 预览" }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-white/60 mb-6", children: i || "浏览器暂不支持直接预览 PPT 文件" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-white/60 mb-6", children: s || "浏览器暂不支持直接预览 PPT 文件" }),
       /* @__PURE__ */ f(
         "a",
         {
-          href: r,
+          href: t,
           download: !0,
           className: "inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-purple-500 to-pink-500 text-white rounded-xl hover:scale-105 transition-all shadow-lg",
           children: [
@@ -486,9 +494,9 @@ const Re = ({
       }
     )
   ] });
-}, Fe = (r) => {
-  var i;
-  const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase().split("?")[0]) || "";
+}, ze = (t) => {
+  var s;
+  const r = ((s = t.split(".").pop()) == null ? void 0 : s.toLowerCase().split("?")[0]) || "";
   return {
     mp4: "video/mp4",
     webm: "video/webm",
@@ -501,14 +509,14 @@ const Re = ({
     m4v: "video/mp4",
     "3gp": "video/3gpp",
     flv: "video/x-flv"
-  }[t] || "video/mp4";
-}, We = ({ url: r }) => {
-  const [t, n] = b(null), [i, c] = b(!0), d = S(null), s = S(null);
-  return M(() => {
-    if (!s.current && d.current) {
+  }[r] || "video/mp4";
+}, Fe = ({ url: t }) => {
+  const [r, n] = b(null), [s, c] = b(!0), d = P(null), i = P(null);
+  return C(() => {
+    if (!i.current && d.current) {
       const o = document.createElement("video-js");
       o.classList.add("vjs-big-play-centered", "vjs-theme-apple"), d.current.appendChild(o);
-      const a = Fe(r), p = ye(o, {
+      const a = ze(t), p = ve(o, {
         controls: !0,
         responsive: !0,
         fluid: !0,
@@ -537,29 +545,29 @@ const Re = ({
           nativeTextTracks: !1
         },
         sources: a === "video/quicktime" ? [
-          { src: r, type: "video/quicktime" },
-          { src: r, type: "video/mp4" }
+          { src: t, type: "video/quicktime" },
+          { src: t, type: "video/mp4" }
           // 备用方案
-        ] : [{ src: r, type: a }]
+        ] : [{ src: t, type: a }]
       });
       p.on("loadeddata", () => {
         c(!1);
       }), p.on("error", () => {
         const u = p.error();
         console.error("Video.js error:", u), n(`视频加载失败: ${(u == null ? void 0 : u.message) || "未知错误"}`), c(!1);
-      }), s.current = p;
+      }), i.current = p;
     }
-  }, [r]), M(() => {
-    const o = s.current;
+  }, [t]), C(() => {
+    const o = i.current;
     return () => {
-      o && !o.isDisposed() && (o.dispose(), s.current = null);
+      o && !o.isDisposed() && (o.dispose(), i.current = null);
     };
-  }, []), t ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+  }, []), r ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ f("div", { className: "text-center", children: [
     /* @__PURE__ */ e("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-8 h-8 text-red-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }),
     /* @__PURE__ */ e("p", { className: "text-lg font-medium text-white/90 mb-2", children: "视频加载失败" }),
-    /* @__PURE__ */ e("p", { className: "text-sm text-white/60", children: t })
+    /* @__PURE__ */ e("p", { className: "text-sm text-white/60", children: r })
   ] }) }) : /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full p-8", children: /* @__PURE__ */ f("div", { className: "w-full max-w-5xl relative", children: [
-    i && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded-2xl z-10", children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+    s && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded-2xl z-10", children: /* @__PURE__ */ f("div", { className: "text-center", children: [
       /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-3 border-3 border-white/20 border-t-white rounded-full animate-spin" }),
       /* @__PURE__ */ e("p", { className: "text-sm text-white/70 font-medium", children: "加载视频中..." })
     ] }) }),
@@ -574,18 +582,18 @@ const Re = ({
       }
     )
   ] }) });
-}, $e = ({ url: r, fileName: t }) => {
-  const [n, i] = b(null), [c, d] = b(!1), [s, o] = b(0), [a, w] = b(0), [p, u] = b(1), [v, h] = b(!1), l = S(null);
-  M(() => {
+}, $e = ({ url: t, fileName: r }) => {
+  const [n, s] = b(null), [c, d] = b(!1), [i, o] = b(0), [a, w] = b(0), [p, u] = b(1), [v, h] = b(!1), l = P(null);
+  C(() => {
     const g = l.current;
     if (!g) return;
     const j = () => {
       isNaN(g.currentTime) || o(g.currentTime);
     }, N = () => {
       !isNaN(g.duration) && isFinite(g.duration) && w(g.duration);
-    }, D = () => d(!1), R = () => N();
-    return g.addEventListener("timeupdate", j), g.addEventListener("loadedmetadata", N), g.addEventListener("durationchange", N), g.addEventListener("canplay", R), g.addEventListener("ended", D), g.readyState >= 1 && N(), () => {
-      g.removeEventListener("timeupdate", j), g.removeEventListener("loadedmetadata", N), g.removeEventListener("durationchange", N), g.removeEventListener("canplay", R), g.removeEventListener("ended", D);
+    }, D = () => d(!1), S = () => N();
+    return g.addEventListener("timeupdate", j), g.addEventListener("loadedmetadata", N), g.addEventListener("durationchange", N), g.addEventListener("canplay", S), g.addEventListener("ended", D), g.readyState >= 1 && N(), () => {
+      g.removeEventListener("timeupdate", j), g.removeEventListener("loadedmetadata", N), g.removeEventListener("durationchange", N), g.removeEventListener("canplay", S), g.removeEventListener("ended", D);
     };
   }, []);
   const x = () => {
@@ -600,17 +608,17 @@ const Re = ({
     l.current && (l.current.muted = !v, h(!v));
   }, L = (g) => {
     l.current && (l.current.currentTime += g);
-  }, P = (g) => {
+  }, R = (g) => {
     if (!isFinite(g) || isNaN(g) || g < 0) return "0:00";
     const j = Math.floor(g / 60), N = Math.floor(g % 60);
     return `${j}:${N.toString().padStart(2, "0")}`;
   }, z = () => {
-    i("音频加载失败");
+    s("音频加载失败");
   };
   return n ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: n }) }) }) : /* @__PURE__ */ f("div", { className: "flex flex-col items-center justify-center w-full h-full p-8 gap-8", children: [
-    /* @__PURE__ */ e("div", { className: "w-64 h-64 rounded-3xl bg-gradient-to-br from-purple-500 via-pink-500 to-rose-500 flex items-center justify-center shadow-2xl backdrop-blur-xl", children: /* @__PURE__ */ e(J, { className: "w-32 h-32 text-white" }) }),
+    /* @__PURE__ */ e("div", { className: "w-64 h-64 rounded-3xl bg-gradient-to-br from-purple-500 via-pink-500 to-rose-500 flex items-center justify-center shadow-2xl backdrop-blur-xl", children: /* @__PURE__ */ e(K, { className: "w-32 h-32 text-white" }) }),
     /* @__PURE__ */ f("div", { className: "text-white text-center max-w-md", children: [
-      /* @__PURE__ */ e("p", { className: "text-2xl font-medium mb-1", children: t }),
+      /* @__PURE__ */ e("p", { className: "text-2xl font-medium mb-1", children: r }),
       /* @__PURE__ */ e("p", { className: "text-sm text-white/60", children: "音频文件" })
     ] }),
     /* @__PURE__ */ f("div", { className: "w-full max-w-md bg-white/10 backdrop-blur-xl rounded-2xl p-6 border border-white/20", children: [
@@ -622,7 +630,7 @@ const Re = ({
             {
               className: "absolute h-[6px] bg-gradient-to-r from-purple-500 to-pink-500 rounded-full transition-all duration-100 ease-linear pointer-events-none",
               style: {
-                width: `${a > 0 ? s / a * 100 : s > 100 ? 100 : s}%`
+                width: `${a > 0 ? i / a * 100 : i > 100 ? 100 : i}%`
               }
             }
           ),
@@ -631,16 +639,16 @@ const Re = ({
             {
               type: "range",
               min: "0",
-              max: a > 0 ? a : 100 + (s > 100 ? s % 100 : 0),
-              value: s,
+              max: a > 0 ? a : 100 + (i > 100 ? i % 100 : 0),
+              value: i,
               onChange: m,
               className: "audio-slider absolute w-full"
             }
           )
         ] }),
         /* @__PURE__ */ f("div", { className: "flex justify-between text-xs text-white/60 mt-3", children: [
-          /* @__PURE__ */ e("span", { children: P(s) }),
-          /* @__PURE__ */ e("span", { children: P(a) })
+          /* @__PURE__ */ e("span", { children: R(i) }),
+          /* @__PURE__ */ e("span", { children: R(a) })
         ] })
       ] }),
       /* @__PURE__ */ f("div", { className: "flex items-center justify-center gap-4 mb-4", children: [
@@ -649,7 +657,7 @@ const Re = ({
           {
             onClick: () => L(-10),
             className: "w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center text-white transition-all",
-            children: /* @__PURE__ */ e(ee, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ e(Q, { className: "w-5 h-5" })
           }
         ),
         /* @__PURE__ */ e(
@@ -657,7 +665,7 @@ const Re = ({
           {
             onClick: x,
             className: "w-14 h-14 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 hover:scale-105 flex items-center justify-center text-white transition-all shadow-lg",
-            children: c ? /* @__PURE__ */ e(te, { className: "w-6 h-6" }) : /* @__PURE__ */ e(re, { className: "w-6 h-6 ml-1" })
+            children: c ? /* @__PURE__ */ e(ee, { className: "w-6 h-6" }) : /* @__PURE__ */ e(te, { className: "w-6 h-6 ml-1" })
           }
         ),
         /* @__PURE__ */ e(
@@ -665,7 +673,7 @@ const Re = ({
           {
             onClick: () => L(10),
             className: "w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 flex items-center justify-center text-white transition-all",
-            children: /* @__PURE__ */ e(oe, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ e(re, { className: "w-5 h-5" })
           }
         )
       ] }),
@@ -675,7 +683,7 @@ const Re = ({
           {
             onClick: T,
             className: "text-white/80 hover:text-white transition-colors",
-            children: v || p === 0 ? /* @__PURE__ */ e(ne, { className: "w-5 h-5" }) : /* @__PURE__ */ e(le, { className: "w-5 h-5" })
+            children: v || p === 0 ? /* @__PURE__ */ e(oe, { className: "w-5 h-5" }) : /* @__PURE__ */ e(ne, { className: "w-5 h-5" })
           }
         ),
         /* @__PURE__ */ f("div", { className: "flex-1 relative h-3 flex items-center", children: [
@@ -708,13 +716,13 @@ const Re = ({
       "audio",
       {
         ref: l,
-        src: r,
+        src: t,
         onError: z,
         className: "hidden"
       }
     )
   ] });
-}, G = {
+}, _ = {
   'pre[class*="language-"]': {
     color: "#d4d4d4",
     fontSize: "13px",
@@ -995,34 +1003,34 @@ const Re = ({
     boxShadow: "inset 5px 0 0 #f7d87c",
     zIndex: "0"
   }
-}, Be = ({ url: r }) => {
-  const [t, n] = b(""), [i, c] = b(!0), [d, s] = b(null);
-  return M(() => {
+}, We = ({ url: t }) => {
+  const [r, n] = b(""), [s, c] = b(!0), [d, i] = b(null);
+  return C(() => {
     (async () => {
       try {
-        c(!0), s(null);
-        const a = await fetch(r);
+        c(!0), i(null);
+        const a = await fetch(t);
         if (!a.ok)
           throw new Error("加载失败");
         const w = await a.text();
         n(w);
       } catch (a) {
-        s("Markdown 文件加载失败"), console.error(a);
+        i("Markdown 文件加载失败"), console.error(a);
       } finally {
         c(!1);
       }
     })();
-  }, [r]), i ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }) : d ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: d }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-8", children: /* @__PURE__ */ e("div", { className: "max-w-4xl mx-auto bg-white/5 backdrop-blur-sm rounded-2xl p-8 border border-white/10", children: /* @__PURE__ */ e("div", { className: "prose prose-invert prose-lg max-w-none", children: /* @__PURE__ */ e(
-    Ne,
+  }, [t]), s ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }) : d ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: d }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-8", children: /* @__PURE__ */ e("div", { className: "max-w-4xl mx-auto bg-white/5 backdrop-blur-sm rounded-2xl p-8 border border-white/10", children: /* @__PURE__ */ e("div", { className: "prose prose-invert prose-lg max-w-none", children: /* @__PURE__ */ e(
+    ye,
     {
-      remarkPlugins: [ke],
+      remarkPlugins: [Ne],
       components: {
         code({ node: o, inline: a, className: w, children: p, ...u }) {
           const v = /language-(\w+)/.exec(w || "");
           return !a && v ? /* @__PURE__ */ e(
-            _,
+            Z,
             {
-              style: G,
+              style: _,
               language: v[1],
               PreTag: "div",
               className: "rounded-lg",
@@ -1055,12 +1063,12 @@ const Re = ({
         hr: () => /* @__PURE__ */ e("hr", { className: "border-white/20 my-6" }),
         img: ({ src: o, alt: a }) => /* @__PURE__ */ e("img", { src: o, alt: a, className: "rounded-lg max-w-full h-auto my-4" })
       },
-      children: t
+      children: r
     }
   ) }) }) });
-}, He = (r) => {
-  var i;
-  const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
+}, Be = (t) => {
+  var s;
+  const r = ((s = t.split(".").pop()) == null ? void 0 : s.toLowerCase()) || "";
   return {
     js: "javascript",
     jsx: "jsx",
@@ -1096,35 +1104,35 @@ const Re = ({
     conf: "nginx",
     md: "markdown",
     txt: "text"
-  }[t] || "text";
-}, Ae = ({ url: r, fileName: t }) => {
-  const [n, i] = b(""), [c, d] = b(!0), [s, o] = b(null), a = He(t);
-  return M(() => {
+  }[r] || "text";
+}, He = ({ url: t, fileName: r }) => {
+  const [n, s] = b(""), [c, d] = b(!0), [i, o] = b(null), a = Be(r);
+  return C(() => {
     (async () => {
       try {
         d(!0), o(null);
-        const p = await fetch(r);
+        const p = await fetch(t);
         if (!p.ok)
           throw new Error("加载失败");
         const u = await p.text();
-        i(u);
+        s(u);
       } catch (p) {
         o("文本文件加载失败"), console.error(p);
       } finally {
         d(!1);
       }
     })();
-  }, [r]), c ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }) : s ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: s }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-8", children: /* @__PURE__ */ f("div", { className: "max-w-6xl mx-auto bg-white/5 backdrop-blur-sm rounded-2xl border border-white/10 overflow-hidden", children: [
+  }, [t]), c ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }) : i ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: i }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-8", children: /* @__PURE__ */ f("div", { className: "max-w-6xl mx-auto bg-white/5 backdrop-blur-sm rounded-2xl border border-white/10 overflow-hidden", children: [
     /* @__PURE__ */ f("div", { className: "flex items-center gap-3 px-6 py-4 bg-white/5 border-b border-white/10", children: [
-      /* @__PURE__ */ e(ae, { className: "w-5 h-5 text-white/70" }),
-      /* @__PURE__ */ e("span", { className: "text-white font-medium", children: t }),
+      /* @__PURE__ */ e(le, { className: "w-5 h-5 text-white/70" }),
+      /* @__PURE__ */ e("span", { className: "text-white font-medium", children: r }),
       /* @__PURE__ */ e("span", { className: "ml-auto text-xs text-white/50 uppercase", children: a })
     ] }),
     /* @__PURE__ */ e("div", { className: "text-sm", children: a === "text" ? /* @__PURE__ */ e("pre", { className: "p-6 text-white/90 font-mono whitespace-pre-wrap break-words", children: n }) : /* @__PURE__ */ e(
-      _,
+      Z,
       {
         language: a,
-        style: G,
+        style: _,
         showLineNumbers: !0,
         customStyle: {
           margin: 0,
@@ -1142,17 +1150,17 @@ const Re = ({
       }
     ) })
   ] }) });
-}, Oe = ({
-  fileName: r,
-  fileType: t,
+}, Ae = ({
+  fileName: t,
+  fileType: r,
   onDownload: n
 }) => /* @__PURE__ */ f("div", { className: "flex flex-col items-center justify-center w-full h-full p-8 gap-6", children: [
-  /* @__PURE__ */ e("div", { className: "w-32 h-32 rounded-full bg-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(se, { className: "w-16 h-16 text-white/70" }) }),
+  /* @__PURE__ */ e("div", { className: "w-32 h-32 rounded-full bg-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(ae, { className: "w-16 h-16 text-white/70" }) }),
   /* @__PURE__ */ f("div", { className: "text-white text-center", children: [
-    /* @__PURE__ */ e("p", { className: "text-xl font-medium mb-2", children: r }),
+    /* @__PURE__ */ e("p", { className: "text-xl font-medium mb-2", children: t }),
     /* @__PURE__ */ f("p", { className: "text-white/70", children: [
       "不支持预览此文件类型 (",
-      t,
+      r,
       ")"
     ] })
   ] }),
@@ -1162,31 +1170,31 @@ const Re = ({
       onClick: n,
       className: "flex items-center gap-2 px-6 py-3 bg-white/10 hover:bg-white/20 backdrop-blur-sm rounded-lg text-white font-medium transition-all",
       children: [
-        /* @__PURE__ */ e(Z, { className: "w-5 h-5" }),
+        /* @__PURE__ */ e(q, { className: "w-5 h-5" }),
         "下载文件查看"
       ]
     }
   )
-] }), Ue = (r) => {
+] }), Ue = (t) => {
   var c;
-  const t = ((c = r.name.split(".").pop()) == null ? void 0 : c.toLowerCase()) || "", n = r.type.toLowerCase();
-  if (n.startsWith("image/") || ["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(t))
+  const r = ((c = t.name.split(".").pop()) == null ? void 0 : c.toLowerCase()) || "", n = t.type.toLowerCase();
+  if (n.startsWith("image/") || ["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(r))
     return "image";
-  if (n.includes("pdf") || t === "pdf")
+  if (n.includes("pdf") || r === "pdf")
     return "pdf";
-  if (n.includes("wordprocessingml") || t === "docx")
+  if (n.includes("wordprocessingml") || r === "docx")
     return "docx";
-  if (n.includes("spreadsheetml") || t === "xlsx")
+  if (n.includes("spreadsheetml") || r === "xlsx")
     return "xlsx";
-  if (n.includes("presentationml") || t === "pptx" || t === "ppt")
+  if (n.includes("presentationml") || r === "pptx" || r === "ppt")
     return "pptx";
-  if (n.startsWith("video/") || ["mp4", "webm", "ogg", "ogv", "mov", "avi", "mkv", "m4v", "3gp", "flv"].includes(t))
+  if (n.startsWith("video/") || ["mp4", "webm", "ogg", "ogv", "mov", "avi", "mkv", "m4v", "3gp", "flv"].includes(r))
     return "video";
-  if (n.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a", "flac", "aac"].includes(t))
+  if (n.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a", "flac", "aac"].includes(r))
     return "audio";
-  if (t === "md" || t === "markdown")
+  if (r === "md" || r === "markdown")
     return "markdown";
-  const i = [
+  const s = [
     "txt",
     "log",
     "csv",
@@ -1223,62 +1231,62 @@ const Re = ({
     "zsh",
     "sql"
   ];
-  return n.startsWith("text/") || i.includes(t) ? "text" : "unsupported";
-}, tt = ({
-  files: r,
-  currentIndex: t,
+  return n.startsWith("text/") || s.includes(r) ? "text" : "unsupported";
+}, et = ({
+  files: t,
+  currentIndex: r,
   isOpen: n,
-  onClose: i,
+  onClose: s,
   onNavigate: c,
   customRenderers: d = []
 }) => {
-  const [s, o] = b(1), [a, w] = b(0), [p, u] = b(1), [, v] = b(1), h = U(() => Me(r), [r]), l = h[t], x = U(() => l ? d.find((y) => y.test(l)) : null, [l, d]), m = l ? Ue(l) : "unsupported";
-  M(() => {
+  const [i, o] = b(1), [a, w] = b(0), [p, u] = b(1), [, v] = b(1), h = O(() => Te(t), [t]), l = h[r], x = O(() => l ? d.find((y) => y.test(l)) : null, [l, d]), m = l ? Ue(l) : "unsupported";
+  C(() => {
     o(1), w(0), u(1), v(1);
-  }, [t]), M(() => {
+  }, [r]), C(() => {
     if (n) {
-      const y = document.body.style.overflow, W = document.body.style.paddingRight, O = window.innerWidth - document.documentElement.clientWidth;
-      return document.body.style.overflow = "hidden", O > 0 && (document.body.style.paddingRight = `${O}px`), () => {
-        document.body.style.overflow = y, document.body.style.paddingRight = W;
+      const y = document.body.style.overflow, $ = document.body.style.paddingRight, U = window.innerWidth - document.documentElement.clientWidth;
+      return document.body.style.overflow = "hidden", U > 0 && (document.body.style.paddingRight = `${U}px`), () => {
+        document.body.style.overflow = y, document.body.style.paddingRight = $;
       };
     }
-  }, [n]), M(() => {
+  }, [n]), C(() => {
     if (!n) return;
-    const y = (W) => {
-      W.key === "Escape" ? i() : W.key === "ArrowLeft" && t > 0 ? c == null || c(t - 1) : W.key === "ArrowRight" && t < h.length - 1 && (c == null || c(t + 1));
+    const y = ($) => {
+      $.key === "Escape" ? s() : $.key === "ArrowLeft" && r > 0 ? c == null || c(r - 1) : $.key === "ArrowRight" && r < h.length - 1 && (c == null || c(r + 1));
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [n, t, h.length, i, c]);
-  const k = C(() => {
+  }, [n, r, h.length, s, c]);
+  const k = M(() => {
     o((y) => Math.min(y + 0.25, 5));
-  }, []), T = C(() => {
+  }, []), T = M(() => {
     o((y) => Math.max(y - 0.25, 0.5));
-  }, []), L = C(() => {
+  }, []), L = M(() => {
     w((y) => y + 90);
-  }, []), P = C(() => {
+  }, []), R = M(() => {
     w((y) => y - 90);
-  }, []), z = C(() => {
+  }, []), z = M(() => {
     o(1), w(0);
-  }, []), g = C(() => {
+  }, []), g = M(() => {
     o(1);
-  }, []), j = C((y) => {
+  }, []), j = M((y) => {
     o(y);
-  }, []), N = C(() => {
+  }, []), N = M(() => {
     o(1), w(0);
-  }, []), D = C(() => {
+  }, []), D = M(() => {
     if (!l) return;
     const y = document.createElement("a");
     y.href = l.url, y.download = l.name, y.click();
   }, [l]);
   if (!n || !l) return null;
-  const R = m === "image" || m === "pdf", F = m === "image", I = /* @__PURE__ */ e(K, { children: n && /* @__PURE__ */ e(
-    B.div,
+  const S = m === "image" || m === "pdf", F = m === "image", G = /* @__PURE__ */ e(Y, { children: n && /* @__PURE__ */ e(
+    H.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/80 backdrop-blur-md overflow-hidden",
-      onClick: i,
+      onClick: s,
       onWheel: (y) => y.stopPropagation(),
       children: /* @__PURE__ */ f(
         "div",
@@ -1287,7 +1295,7 @@ const Re = ({
           onClick: (y) => y.stopPropagation(),
           children: [
             /* @__PURE__ */ e(
-              B.div,
+              H.div,
               {
                 initial: { y: -100 },
                 animate: { y: 0 },
@@ -1297,40 +1305,40 @@ const Re = ({
                   /* @__PURE__ */ f("div", { className: "flex-1 min-w-0", children: [
                     /* @__PURE__ */ e("h2", { className: "text-white font-medium text-lg truncate", children: l.name }),
                     /* @__PURE__ */ f("p", { className: "text-white/60 text-sm", children: [
-                      t + 1,
+                      r + 1,
                       " / ",
                       h.length
                     ] })
                   ] }),
                   /* @__PURE__ */ f("div", { className: "flex items-center gap-2 ml-4", children: [
-                    R && /* @__PURE__ */ f($, { children: [
+                    S && /* @__PURE__ */ f(W, { children: [
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(ie, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(se, { className: "w-5 h-5" }),
                           label: "缩小",
                           onClick: T,
-                          disabled: s <= 0.5
+                          disabled: i <= 0.5
                         }
                       ),
                       /* @__PURE__ */ f("span", { className: "text-white/70 text-sm min-w-[4rem] text-center font-medium", children: [
-                        Math.round(s * 100),
+                        Math.round(i * 100),
                         "%"
                       ] }),
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(ce, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ie, { className: "w-5 h-5" }),
                           label: "放大",
                           onClick: k,
-                          disabled: s >= 5
+                          disabled: i >= 5
                         }
                       ),
                       /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" }),
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(de, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ce, { className: "w-5 h-5" }),
                           label: "适应窗口",
                           onClick: z
                         }
@@ -1338,37 +1346,37 @@ const Re = ({
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(me, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(de, { className: "w-5 h-5" }),
                           label: "原始尺寸",
                           onClick: g
                         }
                       ),
                       /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
                     ] }),
-                    F && /* @__PURE__ */ f($, { children: [
+                    F && /* @__PURE__ */ f(W, { children: [
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(ue, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(me, { className: "w-5 h-5" }),
                           label: "向左旋转",
-                          onClick: P
+                          onClick: R
                         }
                       ),
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(he, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ue, { className: "w-5 h-5" }),
                           label: "向右旋转",
                           onClick: L
                         }
                       ),
                       /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
                     ] }),
-                    (R || F) && /* @__PURE__ */ f($, { children: [
+                    (S || F) && /* @__PURE__ */ f(W, { children: [
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(pe, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(he, { className: "w-5 h-5" }),
                           label: "复原",
                           onClick: N
                         }
@@ -1378,7 +1386,7 @@ const Re = ({
                     /* @__PURE__ */ e(
                       E,
                       {
-                        icon: /* @__PURE__ */ e(Z, { className: "w-5 h-5" }),
+                        icon: /* @__PURE__ */ e(q, { className: "w-5 h-5" }),
                         label: "下载",
                         onClick: D
                       }
@@ -1387,9 +1395,9 @@ const Re = ({
                     /* @__PURE__ */ e(
                       E,
                       {
-                        icon: /* @__PURE__ */ e(fe, { className: "w-5 h-5" }),
+                        icon: /* @__PURE__ */ e(pe, { className: "w-5 h-5" }),
                         label: "关闭",
-                        onClick: i
+                        onClick: s
                       }
                     )
                   ] })
@@ -1399,12 +1407,12 @@ const Re = ({
             /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center pt-24 pb-8 overflow-auto", children: x ? (
               // 使用自定义渲染器
               x.render(l)
-            ) : /* @__PURE__ */ f($, { children: [
+            ) : /* @__PURE__ */ f(W, { children: [
               m === "image" && /* @__PURE__ */ e(
-                Te,
+                Le,
                 {
                   url: l.url,
-                  zoom: s,
+                  zoom: i,
                   rotation: a,
                   onZoomChange: j
                 }
@@ -1413,21 +1421,21 @@ const Re = ({
                 Re,
                 {
                   url: l.url,
-                  zoom: s,
+                  zoom: i,
                   currentPage: p,
                   onPageChange: u,
                   onTotalPagesChange: v
                 }
               ),
-              m === "docx" && /* @__PURE__ */ e(De, { url: l.url }),
-              m === "xlsx" && /* @__PURE__ */ e(Ee, { url: l.url }),
-              m === "pptx" && /* @__PURE__ */ e(ze, { url: l.url }),
-              m === "video" && /* @__PURE__ */ e(We, { url: l.url }),
+              m === "docx" && /* @__PURE__ */ e(Se, { url: l.url }),
+              m === "xlsx" && /* @__PURE__ */ e(De, { url: l.url }),
+              m === "pptx" && /* @__PURE__ */ e(Ee, { url: l.url }),
+              m === "video" && /* @__PURE__ */ e(Fe, { url: l.url }),
               m === "audio" && /* @__PURE__ */ e($e, { url: l.url, fileName: l.name }),
-              m === "markdown" && /* @__PURE__ */ e(Be, { url: l.url }),
-              m === "text" && /* @__PURE__ */ e(Ae, { url: l.url, fileName: l.name }),
+              m === "markdown" && /* @__PURE__ */ e(We, { url: l.url }),
+              m === "text" && /* @__PURE__ */ e(He, { url: l.url, fileName: l.name }),
               m === "unsupported" && /* @__PURE__ */ e(
-                Oe,
+                Ae,
                 {
                   fileName: l.name,
                   fileType: l.type,
@@ -1435,27 +1443,27 @@ const Re = ({
                 }
               )
             ] }) }),
-            h.length > 1 && /* @__PURE__ */ f($, { children: [
-              t > 0 && /* @__PURE__ */ e(
-                B.button,
+            h.length > 1 && /* @__PURE__ */ f(W, { children: [
+              r > 0 && /* @__PURE__ */ e(
+                H.button,
                 {
                   initial: { x: -100, opacity: 0 },
                   animate: { x: 0, opacity: 1 },
                   exit: { x: -100, opacity: 0 },
-                  onClick: () => c == null ? void 0 : c(t - 1),
+                  onClick: () => c == null ? void 0 : c(r - 1),
                   className: "absolute left-4 top-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-black/40 backdrop-blur-xl border border-white/10 flex items-center justify-center text-white hover:bg-black/60 transition-all shadow-2xl",
-                  children: /* @__PURE__ */ e(xe, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ e(fe, { className: "w-6 h-6" })
                 }
               ),
-              t < h.length - 1 && /* @__PURE__ */ e(
-                B.button,
+              r < h.length - 1 && /* @__PURE__ */ e(
+                H.button,
                 {
                   initial: { x: 100, opacity: 0 },
                   animate: { x: 0, opacity: 1 },
                   exit: { x: 100, opacity: 0 },
-                  onClick: () => c == null ? void 0 : c(t + 1),
+                  onClick: () => c == null ? void 0 : c(r + 1),
                   className: "absolute right-4 top-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-black/40 backdrop-blur-xl border border-white/10 flex items-center justify-center text-white hover:bg-black/60 transition-all shadow-2xl",
-                  children: /* @__PURE__ */ e(we, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ e(xe, { className: "w-6 h-6" })
                 }
               )
             ] })
@@ -1464,20 +1472,23 @@ const Re = ({
       )
     }
   ) });
-  return Y(I, document.body);
-}, E = ({ icon: r, label: t, onClick: n, disabled: i }) => /* @__PURE__ */ e(
+  return I(G, document.body);
+}, E = ({ icon: t, label: r, onClick: n, disabled: s }) => /* @__PURE__ */ e(
   "button",
   {
     onClick: n,
-    disabled: i,
-    title: t,
-    className: `p-2 rounded-lg transition-all ${i ? "text-white/30 cursor-not-allowed" : "text-white hover:bg-white/10 active:bg-white/20"}`,
-    children: r
+    disabled: s,
+    title: r,
+    className: `p-2 rounded-lg transition-all ${s ? "text-white/30 cursor-not-allowed" : "text-white hover:bg-white/10 active:bg-white/20"}`,
+    children: t
   }
-);
+), tt = je.version;
 export {
-  tt as FilePreviewModal,
+  et as FilePreviewModal,
+  tt as VERSION,
+  Pe as configurePdfjs,
   Ce as normalizeFile,
-  Me as normalizeFiles
+  Te as normalizeFiles,
+  nt as pdfjs
 };
 //# sourceMappingURL=index.mjs.map