@eternalheart/react-file-preview 1.0.0 → 1.0.1

package/lib/index.mjs

@@ -1,16 +1,17 @@
-import { jsxs as p, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { useState as w, useRef as S, useEffect as M, useCallback as C, useMemo as Z } from "react";
-import { motion as F, AnimatePresence as _ } from "framer-motion";
-import { Presentation as G, Music as I, SkipBack as Y, Pause as K, Play as Q, SkipForward as J, VolumeX as ee, Volume2 as te, FileText as re, FileQuestion as oe, Download as V, ZoomOut as ne, ZoomIn as le, Minimize2 as ae, Maximize2 as se, RotateCcw as ie, RotateCw as ce, RefreshCw as de, X as me, ChevronLeft as ue, ChevronRight as he } from "lucide-react";
-import { pdfjs as W, Document as pe, Page as fe } from "react-pdf";
-import xe from "mammoth";
-import * as A from "xlsx";
-import { init as O } from "pptx-preview";
-import we from "video.js";
-import ge from "react-markdown";
-import be from "remark-gfm";
-import { Prism as X } from "react-syntax-highlighter";
-function ve(r) {
+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 * 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) {
   try {
     const i = new URL(r).pathname.split("/").pop() || "file";
     return decodeURIComponent(i);
@@ -19,7 +20,7 @@ function ve(r) {
     return decodeURIComponent(t);
   }
 }
-function B(r) {
+function A(r) {
   var i;
   const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
   return {
@@ -80,99 +81,99 @@ function B(r) {
     yml: "text/yaml"
   }[t] || "application/octet-stream";
 }
-function ye(r, t = 0) {
+function Ce(r, t = 0) {
   if (r instanceof File)
     return {
       id: `file-${Date.now()}-${t}`,
       name: r.name,
       url: URL.createObjectURL(r),
-      type: r.type || B(r.name),
+      type: r.type || A(r.name),
       size: r.size
     };
   if (typeof r == "string") {
-    const n = ve(r);
+    const n = je(r);
     return {
       id: `url-${Date.now()}-${t}`,
       name: n,
       url: r,
-      type: B(n)
+      type: A(n)
     };
   }
   return {
     id: r.id || `link-${Date.now()}-${t}`,
     name: r.name,
     url: r.url,
-    type: r.type || B(r.name),
+    type: r.type || A(r.name),
     size: r.size
   };
 }
-function Ne(r) {
-  return r.map((t, n) => ye(t, n));
+function Me(r) {
+  return r.map((t, n) => Ce(t, n));
 }
-const ke = ({
+const Te = ({
   url: r,
   zoom: t,
   rotation: n,
   onZoomChange: i
 }) => {
-  const [c, d] = w(!1), [s, o] = w(null), [a, g] = w({ x: 0, y: 0 }), [u, h] = w(!1), [v, l] = w({ x: 0, y: 0 }), [m, f] = w(1), y = S(null);
+  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(() => {
-    d(!1), o(null), g({ x: 0, y: 0 }), f(1);
+    d(!1), o(null), w({ x: 0, y: 0 }), x(1);
   }, [r]), M(() => {
-    f(t);
+    x(t);
   }, [t]), M(() => {
-    g({ x: 0, y: 0 });
+    w({ x: 0, y: 0 });
   }, [t, n]);
   const k = () => {
     d(!0);
   }, T = () => {
     o("图片加载失败"), d(!0);
   }, L = () => {
-    g({ x: 0, y: 0 });
+    w({ x: 0, y: 0 });
   }, P = C((N) => {
     N.preventDefault(), N.stopPropagation();
-    const R = N.deltaY > 0 ? -0.1 : 0.1;
-    f((b) => {
-      const E = Math.max(0.5, Math.min(5, b + R));
-      return i && i(E), E;
+    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;
     });
   }, [i]), z = C((N) => {
-    N.button === 0 && (h(!0), l({
+    N.button === 0 && (u(!0), h({
       x: N.clientX - a.x,
       y: N.clientY - a.y
     }));
-  }, [a]), x = C((N) => {
-    u && g({
+  }, [a]), g = C((N) => {
+    p && w({
       x: N.clientX - v.x,
       y: N.clientY - v.y
     });
-  }, [u, v]), j = C(() => {
-    h(!1);
+  }, [p, v]), j = C(() => {
+    u(!1);
   }, []);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(
     "div",
     {
-      ref: y,
+      ref: m,
       className: "flex items-center justify-center w-full h-full overflow-hidden",
       onWheel: P,
       onMouseDown: z,
-      onMouseMove: x,
+      onMouseMove: g,
       onMouseUp: j,
       onMouseLeave: j,
-      style: { cursor: u ? "grabbing" : "grab" },
+      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 }) }),
         /* @__PURE__ */ e(
-          F.img,
+          B.img,
           {
             src: r,
             alt: "Preview",
             className: `max-w-none select-none ${c ? "" : "hidden"}`,
             style: {
-              transform: `translate(${a.x}px, ${a.y}px) scale(${m}) rotate(${n}deg)`,
+              transform: `translate(${a.x}px, ${a.y}px) scale(${l}) rotate(${n}deg)`,
               transformOrigin: "center",
-              transition: u ? "none" : "transform 0.3s ease-out"
+              transition: p ? "none" : "transform 0.3s ease-out"
             },
             onLoad: k,
             onError: T,
@@ -186,69 +187,69 @@ const ke = ({
       ]
     }
   );
-}, je = W.version, Ce = "/pdf.worker.min.mjs";
-W.GlobalWorkerOptions.workerSrc = Ce;
-const Me = W.GlobalWorkerOptions.workerSrc, U = `https://unpkg.com/pdfjs-dist@${je}/build/pdf.worker.min.mjs`;
+}, 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") && W.GlobalWorkerOptions.workerSrc === Me && (console.warn("本地 PDF worker 加载失败,切换到 CDN:", U), W.GlobalWorkerOptions.workerSrc = U);
+  (t = r.message) != null && t.includes("pdf.worker") && H.GlobalWorkerOptions.workerSrc === Pe && (console.warn("本地 PDF worker 加载失败,切换到 CDN:", q), H.GlobalWorkerOptions.workerSrc = q);
 });
-const Te = ({
+const Re = ({
   url: r,
   zoom: t,
   currentPage: n,
   onPageChange: i,
   onTotalPagesChange: c
 }) => {
-  const [d, s] = w(0), [o, a] = w(null), g = S(null), u = S(/* @__PURE__ */ new Map());
+  const [d, s] = b(0), [o, a] = b(null), w = S(null), p = S(/* @__PURE__ */ new Map());
   M(() => {
     a(null);
   }, [r]);
-  const h = ({ numPages: f }) => {
-    s(f), c(f), i(1);
-  }, v = (f) => {
-    console.error("PDF 加载错误:", f), a("PDF 文件加载失败");
-  }, l = C(() => {
-    if (!g.current) return;
-    const f = g.current, y = f.scrollTop, k = f.clientHeight, T = y + k / 2;
+  const u = ({ numPages: x }) => {
+    s(x), c(x), i(1);
+  }, v = (x) => {
+    console.error("PDF 加载错误:", x), a("PDF 文件加载失败");
+  }, h = C(() => {
+    if (!w.current) return;
+    const x = w.current, m = x.scrollTop, k = x.clientHeight, T = m + k / 2;
     let L = 1, P = 1 / 0;
-    u.current.forEach((z, x) => {
-      const j = z.getBoundingClientRect(), N = f.getBoundingClientRect(), R = j.top - N.top + j.height / 2 + y, b = Math.abs(R - T);
-      b < P && (P = b, L = x);
+    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 f = g.current;
-    if (f)
-      return f.addEventListener("scroll", l), () => f.removeEventListener("scroll", l);
-  }, [l]);
-  const m = C((f, y) => {
-    y ? u.current.set(f, y) : u.current.delete(f);
+    const x = w.current;
+    if (x)
+      return x.addEventListener("scroll", h), () => x.removeEventListener("scroll", h);
+  }, [h]);
+  const l = C((x, m) => {
+    m ? p.current.set(x, m) : p.current.delete(x);
   }, []);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(
     "div",
     {
-      ref: g,
+      ref: w,
       className: "flex flex-col items-center w-full h-full overflow-auto py-8 px-4",
       children: [
         o && /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: o }) }),
         !o && /* @__PURE__ */ e(
-          pe,
+          ge,
           {
             file: r,
-            onLoadSuccess: h,
+            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" }) }),
-            children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: Array.from(new Array(d), (f, y) => {
-              const k = y + 1;
-              return /* @__PURE__ */ p(
+            children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: Array.from(new Array(d), (x, m) => {
+              const k = m + 1;
+              return /* @__PURE__ */ f(
                 "div",
                 {
-                  ref: (T) => m(k, T),
+                  ref: (T) => l(k, T),
                   className: "relative",
                   children: [
                     /* @__PURE__ */ e(
-                      fe,
+                      be,
                       {
                         pageNumber: k,
                         scale: t,
@@ -266,7 +267,7 @@ const Te = ({
             }) })
           }
         ),
-        d > 0 && /* @__PURE__ */ p("div", { className: "sticky bottom-4 mt-8 bg-black/60 backdrop-blur-xl text-white px-6 py-3 rounded-full text-sm font-medium shadow-2xl border border-white/10", children: [
+        d > 0 && /* @__PURE__ */ f("div", { className: "sticky bottom-4 mt-8 bg-black/60 backdrop-blur-xl text-white px-6 py-3 rounded-full text-sm font-medium shadow-2xl border border-white/10", children: [
           "第 ",
           n,
           " 页 / 共 ",
@@ -276,8 +277,8 @@ const Te = ({
       ]
     }
   );
-}, Le = ({ url: r }) => {
-  const [t, n] = w(""), [i, c] = w(!0), [d, s] = w(null);
+}, De = ({ url: r }) => {
+  const [t, n] = b(""), [i, c] = b(!0), [d, s] = b(null);
   return M(() => {
     (async () => {
       c(!0), s(null), n("");
@@ -285,8 +286,8 @@ const Te = ({
         const a = await fetch(r);
         if (!a.ok)
           throw new Error("文件加载失败");
-        const g = await a.arrayBuffer(), u = await xe.convertToHtml({ arrayBuffer: g });
-        n(u.value);
+        const w = await a.arrayBuffer(), p = await ve.convertToHtml({ arrayBuffer: w });
+        n(p.value);
       } catch (a) {
         console.error("Docx 解析错误:", a), s("Word 文档解析失败");
       } finally {
@@ -305,22 +306,22 @@ const Te = ({
       }
     }
   ) });
-}, Se = ({ url: r }) => {
-  const [t, n] = w([]), [i, c] = w(0), [d, s] = w(!0), [o, a] = w(null);
+}, Ee = ({ url: r }) => {
+  const [t, n] = b([]), [i, c] = b(0), [d, s] = b(!0), [o, a] = b(null);
   if (M(() => {
     (async () => {
       s(!0), a(null), n([]);
       try {
-        const h = await fetch(r);
-        if (!h.ok)
+        const u = await fetch(r);
+        if (!u.ok)
           throw new Error("文件加载失败");
-        const v = await h.arrayBuffer(), l = A.read(v, { type: "array" }), m = l.SheetNames.map((f) => {
-          const y = l.Sheets[f], k = A.utils.sheet_to_json(y, { header: 1 });
-          return { name: f, data: k };
+        const v = await u.arrayBuffer(), h = V.read(v, { type: "array" }), l = h.SheetNames.map((x) => {
+          const m = h.Sheets[x], k = V.utils.sheet_to_json(m, { header: 1 });
+          return { name: x, data: k };
         });
-        n(m), c(0);
-      } catch (h) {
-        console.error("Excel 解析错误:", h), a("Excel 文件解析失败");
+        n(l), c(0);
+      } catch (u) {
+        console.error("Excel 解析错误:", u), a("Excel 文件解析失败");
       } finally {
         s(!1);
       }
@@ -329,38 +330,38 @@ const Te = ({
     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 g = t[i];
-  return /* @__PURE__ */ p("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((u, h) => /* @__PURE__ */ e(
+  const w = t[i];
+  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(
       "button",
       {
-        onClick: () => c(h),
-        className: `px-4 py-2 rounded-lg text-sm font-medium transition-all ${i === h ? "bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg" : "bg-white/10 text-white hover:bg-white/20"}`,
-        children: u.name
+        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"}`,
+        children: p.name
       },
-      h
+      u
     )) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-8", children: /* @__PURE__ */ e("div", { className: "inline-block min-w-full bg-gradient-to-br from-gray-800/90 to-gray-900/90 backdrop-blur-xl rounded-2xl shadow-2xl overflow-hidden border border-white/10", children: /* @__PURE__ */ e("table", { className: "min-w-full divide-y divide-white/10", children: /* @__PURE__ */ e("tbody", { className: "divide-y divide-white/10", children: g == null ? void 0 : g.data.map((u, h) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-8", children: /* @__PURE__ */ e("div", { className: "inline-block min-w-full bg-gradient-to-br from-gray-800/90 to-gray-900/90 backdrop-blur-xl rounded-2xl shadow-2xl overflow-hidden border border-white/10", children: /* @__PURE__ */ e("table", { className: "min-w-full divide-y divide-white/10", children: /* @__PURE__ */ e("tbody", { className: "divide-y divide-white/10", children: w == null ? void 0 : w.data.map((p, u) => /* @__PURE__ */ e(
       "tr",
       {
-        className: `transition-colors ${h === 0 ? "bg-gradient-to-r from-purple-500/20 to-pink-500/20 font-semibold" : "hover:bg-white/5"}`,
-        children: u.map((v, l) => /* @__PURE__ */ e(
+        className: `transition-colors ${u === 0 ? "bg-gradient-to-r from-purple-500/20 to-pink-500/20 font-semibold" : "hover:bg-white/5"}`,
+        children: p.map((v, h) => /* @__PURE__ */ e(
           "td",
           {
             className: "px-6 py-4 whitespace-nowrap text-sm text-gray-200 border-r border-white/10",
             children: String(v ?? "")
           },
-          l
+          h
         ))
       },
-      h
+      u
     )) }) }) }) })
   ] });
-}, Pe = ({ url: r }) => {
-  const [t, n] = w(!0), [i, c] = w(null), d = S(null), s = S(null), o = S(null), a = S(null), g = S(null), u = S({ width: 0, height: 0 }), h = C(() => {
+}, 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(() => {
     if (!d.current) return { width: 960, height: 540 };
-    const l = d.current.clientWidth, m = Math.floor(l * 9 / 16);
-    return console.log("计算尺寸:", { width: l, height: m }), { width: l, height: m };
+    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 () => {
     if (!(!d.current || !a.current)) {
       console.log("重新初始化预览器...");
@@ -368,53 +369,53 @@ const Te = ({
         if (s.current)
           try {
             s.current.destroy();
-          } catch (f) {
-            console.error("销毁预览器失败:", f);
+          } catch (x) {
+            console.error("销毁预览器失败:", x);
           }
         d.current.innerHTML = "";
-        const l = h();
-        console.log("重新初始化使用尺寸:", l);
-        const m = O(d.current, {
-          width: l.width,
-          height: l.height
+        const h = u();
+        console.log("重新初始化使用尺寸:", h);
+        const l = X(d.current, {
+          width: h.width,
+          height: h.height
         });
-        s.current = m, await m.preview(a.current), console.log("重新初始化成功");
-      } catch (l) {
-        console.error("重新初始化失败:", l);
+        s.current = l, await l.preview(a.current), console.log("重新初始化成功");
+      } catch (h) {
+        console.error("重新初始化失败:", h);
       }
     }
-  }, [h]);
+  }, [u]);
   return M(() => {
     if (!d.current) return;
-    let l = !0;
-    const m = () => {
-      if (l) {
-        l = !1;
-        const L = h();
-        u.current = L;
+    let h = !0;
+    const l = () => {
+      if (h) {
+        h = !1;
+        const L = u();
+        p.current = L;
         return;
       }
-      const f = h(), y = u.current, k = Math.abs(y.width - f.width), T = Math.abs(y.height - f.height);
+      const x = u(), m = p.current, k = Math.abs(m.width - x.width), T = Math.abs(m.height - x.height);
       if (k < 10 && T < 10) {
         console.log("尺寸变化太小，忽略");
         return;
       }
       console.log("检测到尺寸变化:", {
-        old: y,
-        new: f,
+        old: m,
+        new: x,
         diff: { width: k, height: T }
-      }), u.current = f, g.current && clearTimeout(g.current), g.current = window.setTimeout(() => {
+      }), p.current = x, w.current && clearTimeout(w.current), w.current = window.setTimeout(() => {
         s.current && a.current && (console.log("尺寸变化，准备重新初始化"), v());
       }, 800);
     };
     return o.current = new ResizeObserver(() => {
-      m();
+      l();
     }), o.current.observe(d.current), () => {
-      o.current && o.current.disconnect(), g.current && clearTimeout(g.current);
+      o.current && o.current.disconnect(), w.current && clearTimeout(w.current);
     };
-  }, [h, v]), M(() => {
-    let l = !0;
-    const m = async () => {
+  }, [u, v]), M(() => {
+    let h = !0;
+    const l = async () => {
       if (!d.current) {
         console.log("Container ref not ready");
         return;
@@ -422,48 +423,48 @@ const Te = ({
       n(!0), c(null);
       try {
         console.log("开始加载 PPTX:", r);
-        const y = await fetch(r);
-        if (!y.ok)
+        const m = await fetch(r);
+        if (!m.ok)
           throw new Error("文件加载失败");
-        const k = await y.arrayBuffer();
-        if (a.current = k, console.log("文件加载成功，大小:", k.byteLength), !l) return;
+        const k = await m.arrayBuffer();
+        if (a.current = k, console.log("文件加载成功，大小:", k.byteLength), !h) return;
         d.current && (d.current.innerHTML = "");
-        const T = h();
+        const T = u();
         console.log("使用尺寸:", T), console.log("初始化预览器...");
-        const L = O(d.current, {
+        const L = X(d.current, {
           width: T.width,
           height: T.height
         });
         s.current = L, console.log("开始预览..."), L.preview(k).then(() => {
-          console.log("预览成功"), l && n(!1);
+          console.log("预览成功"), h && n(!1);
         }).catch((P) => {
-          console.error("预览失败:", P), l && (c("PPT 文件预览失败"), n(!1));
+          console.error("预览失败:", P), h && (c("PPT 文件预览失败"), n(!1));
         });
-      } catch (y) {
-        console.error("PPTX 解析错误:", y), l && (c(y instanceof Error ? y.message : "PPT 文件解析失败"), n(!1));
+      } catch (m) {
+        console.error("PPTX 解析错误:", m), h && (c(m instanceof Error ? m.message : "PPT 文件解析失败"), n(!1));
       }
-    }, f = setTimeout(() => {
-      m();
+    }, x = setTimeout(() => {
+      l();
     }, 100);
     return () => {
-      if (l = !1, clearTimeout(f), a.current = null, s.current)
+      if (h = !1, clearTimeout(x), a.current = null, s.current)
         try {
           s.current.destroy();
-        } catch (y) {
-          console.error("销毁预览器失败:", y);
+        } catch (m) {
+          console.error("销毁预览器失败:", m);
         }
       s.current = null;
     };
-  }, [r, h]), /* @__PURE__ */ p("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__ */ p("div", { className: "text-center", children: [
+  }, [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: [
       /* @__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__ */ p("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(G, { className: "w-16 h-16 text-white" }) }),
+    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" }) }),
       /* @__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__ */ p(
+      /* @__PURE__ */ f(
         "a",
         {
           href: r,
@@ -485,7 +486,7 @@ const Te = ({
       }
     )
   ] });
-}, Re = (r) => {
+}, Fe = (r) => {
   var i;
   const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase().split("?")[0]) || "";
   return {
@@ -501,13 +502,13 @@ const Te = ({
     "3gp": "video/3gpp",
     flv: "video/x-flv"
   }[t] || "video/mp4";
-}, De = ({ url: r }) => {
-  const [t, n] = w(null), [i, c] = w(!0), d = S(null), s = S(null);
+}, 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) {
       const o = document.createElement("video-js");
       o.classList.add("vjs-big-play-centered", "vjs-theme-apple"), d.current.appendChild(o);
-      const a = Re(r), u = we(o, {
+      const a = Fe(r), p = ye(o, {
         controls: !0,
         responsive: !0,
         fluid: !0,
@@ -541,24 +542,24 @@ const Te = ({
           // 备用方案
         ] : [{ src: r, type: a }]
       });
-      u.on("loadeddata", () => {
+      p.on("loadeddata", () => {
         c(!1);
-      }), u.on("error", () => {
-        const h = u.error();
-        console.error("Video.js error:", h), n(`视频加载失败: ${(h == null ? void 0 : h.message) || "未知错误"}`), c(!1);
-      }), s.current = u;
+      }), 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;
     }
   }, [r]), M(() => {
     const o = s.current;
     return () => {
       o && !o.isDisposed() && (o.dispose(), s.current = null);
     };
-  }, []), t ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ p("div", { className: "text-center", children: [
+  }, []), t ? /* @__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("div", { className: "flex items-center justify-center w-full h-full p-8", children: /* @__PURE__ */ p("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__ */ p("div", { className: "text-center", children: [
+  ] }) }) : /* @__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: [
       /* @__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: "加载视频中..." })
     ] }) }),
@@ -573,48 +574,48 @@ const Te = ({
       }
     )
   ] }) });
-}, Ee = ({ url: r, fileName: t }) => {
-  const [n, i] = w(null), [c, d] = w(!1), [s, o] = w(0), [a, g] = w(0), [u, h] = w(1), [v, l] = w(!1), m = S(null);
+}, $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(() => {
-    const x = m.current;
-    if (!x) return;
+    const g = l.current;
+    if (!g) return;
     const j = () => {
-      isNaN(x.currentTime) || o(x.currentTime);
+      isNaN(g.currentTime) || o(g.currentTime);
     }, N = () => {
-      !isNaN(x.duration) && isFinite(x.duration) && g(x.duration);
-    }, R = () => d(!1), b = () => N();
-    return x.addEventListener("timeupdate", j), x.addEventListener("loadedmetadata", N), x.addEventListener("durationchange", N), x.addEventListener("canplay", b), x.addEventListener("ended", R), x.readyState >= 1 && N(), () => {
-      x.removeEventListener("timeupdate", j), x.removeEventListener("loadedmetadata", N), x.removeEventListener("durationchange", N), x.removeEventListener("canplay", b), x.removeEventListener("ended", R);
+      !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);
     };
   }, []);
-  const f = () => {
-    m.current && (c ? m.current.pause() : m.current.play(), d(!c));
-  }, y = (x) => {
-    const j = parseFloat(x.target.value);
-    o(j), m.current && (m.current.currentTime = j);
-  }, k = (x) => {
-    const j = parseFloat(x.target.value);
-    h(j), m.current && (m.current.volume = j), j > 0 && l(!1);
+  const x = () => {
+    l.current && (c ? l.current.pause() : l.current.play(), d(!c));
+  }, m = (g) => {
+    const j = parseFloat(g.target.value);
+    o(j), l.current && (l.current.currentTime = j);
+  }, k = (g) => {
+    const j = parseFloat(g.target.value);
+    u(j), l.current && (l.current.volume = j), j > 0 && h(!1);
   }, T = () => {
-    m.current && (m.current.muted = !v, l(!v));
-  }, L = (x) => {
-    m.current && (m.current.currentTime += x);
-  }, P = (x) => {
-    if (!isFinite(x) || isNaN(x) || x < 0) return "0:00";
-    const j = Math.floor(x / 60), N = Math.floor(x % 60);
+    l.current && (l.current.muted = !v, h(!v));
+  }, L = (g) => {
+    l.current && (l.current.currentTime += g);
+  }, P = (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("音频加载失败");
   };
-  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__ */ p("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(I, { className: "w-32 h-32 text-white" }) }),
-    /* @__PURE__ */ p("div", { className: "text-white text-center max-w-md", children: [
+  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__ */ 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-sm text-white/60", children: "音频文件" })
     ] }),
-    /* @__PURE__ */ p("div", { className: "w-full max-w-md bg-white/10 backdrop-blur-xl rounded-2xl p-6 border border-white/20", children: [
-      /* @__PURE__ */ p("div", { className: "mb-4", children: [
-        /* @__PURE__ */ p("div", { className: "relative h-4 flex items-center", 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: [
+      /* @__PURE__ */ f("div", { className: "mb-4", children: [
+        /* @__PURE__ */ f("div", { className: "relative h-4 flex items-center", children: [
           /* @__PURE__ */ e("div", { className: "absolute w-full h-[6px] bg-white/20 rounded-full" }),
           /* @__PURE__ */ e(
             "div",
@@ -632,31 +633,31 @@ const Te = ({
               min: "0",
               max: a > 0 ? a : 100 + (s > 100 ? s % 100 : 0),
               value: s,
-              onChange: y,
+              onChange: m,
               className: "audio-slider absolute w-full"
             }
           )
         ] }),
-        /* @__PURE__ */ p("div", { className: "flex justify-between text-xs text-white/60 mt-3", children: [
+        /* @__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__ */ p("div", { className: "flex items-center justify-center gap-4 mb-4", children: [
+      /* @__PURE__ */ f("div", { className: "flex items-center justify-center gap-4 mb-4", children: [
         /* @__PURE__ */ e(
           "button",
           {
             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(Y, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ e(ee, { className: "w-5 h-5" })
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: f,
+            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(K, { className: "w-6 h-6" }) : /* @__PURE__ */ e(Q, { className: "w-6 h-6 ml-1" })
+            children: c ? /* @__PURE__ */ e(te, { className: "w-6 h-6" }) : /* @__PURE__ */ e(re, { className: "w-6 h-6 ml-1" })
           }
         ),
         /* @__PURE__ */ e(
@@ -664,27 +665,27 @@ const Te = ({
           {
             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(J, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ e(oe, { className: "w-5 h-5" })
           }
         )
       ] }),
-      /* @__PURE__ */ p("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ f("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ e(
           "button",
           {
             onClick: T,
             className: "text-white/80 hover:text-white transition-colors",
-            children: v || u === 0 ? /* @__PURE__ */ e(ee, { className: "w-5 h-5" }) : /* @__PURE__ */ e(te, { className: "w-5 h-5" })
+            children: v || p === 0 ? /* @__PURE__ */ e(ne, { className: "w-5 h-5" }) : /* @__PURE__ */ e(le, { className: "w-5 h-5" })
           }
         ),
-        /* @__PURE__ */ p("div", { className: "flex-1 relative h-3 flex items-center", children: [
+        /* @__PURE__ */ f("div", { className: "flex-1 relative h-3 flex items-center", children: [
           /* @__PURE__ */ e("div", { className: "absolute w-full h-[4px] bg-white/20 rounded-full" }),
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute h-[4px] bg-purple-500 rounded-full transition-all duration-100 pointer-events-none",
               style: {
-                width: `${(v ? 0 : u) * 100}%`
+                width: `${(v ? 0 : p) * 100}%`
               }
             }
           ),
@@ -695,7 +696,7 @@ const Te = ({
               min: "0",
               max: "1",
               step: "0.01",
-              value: v ? 0 : u,
+              value: v ? 0 : p,
               onChange: k,
               className: "volume-slider absolute w-full"
             }
@@ -706,14 +707,14 @@ const Te = ({
     /* @__PURE__ */ e(
       "audio",
       {
-        ref: m,
+        ref: l,
         src: r,
         onError: z,
         className: "hidden"
       }
     )
   ] });
-}, q = {
+}, G = {
   'pre[class*="language-"]': {
     color: "#d4d4d4",
     fontSize: "13px",
@@ -994,8 +995,8 @@ const Te = ({
     boxShadow: "inset 5px 0 0 #f7d87c",
     zIndex: "0"
   }
-}, ze = ({ url: r }) => {
-  const [t, n] = w(""), [i, c] = w(!0), [d, s] = w(null);
+}, Be = ({ url: r }) => {
+  const [t, n] = b(""), [i, c] = b(!0), [d, s] = b(null);
   return M(() => {
     (async () => {
       try {
@@ -1003,8 +1004,8 @@ const Te = ({
         const a = await fetch(r);
         if (!a.ok)
           throw new Error("加载失败");
-        const g = await a.text();
-        n(g);
+        const w = await a.text();
+        n(w);
       } catch (a) {
         s("Markdown 文件加载失败"), console.error(a);
       } finally {
@@ -1012,23 +1013,23 @@ const Te = ({
       }
     })();
   }, [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(
-    ge,
+    Ne,
     {
-      remarkPlugins: [be],
+      remarkPlugins: [ke],
       components: {
-        code({ node: o, inline: a, className: g, children: u, ...h }) {
-          const v = /language-(\w+)/.exec(g || "");
+        code({ node: o, inline: a, className: w, children: p, ...u }) {
+          const v = /language-(\w+)/.exec(w || "");
           return !a && v ? /* @__PURE__ */ e(
-            X,
+            _,
             {
-              style: q,
+              style: G,
               language: v[1],
               PreTag: "div",
               className: "rounded-lg",
-              ...h,
-              children: String(u).replace(/\n$/, "")
+              ...u,
+              children: String(p).replace(/\n$/, "")
             }
-          ) : /* @__PURE__ */ e("code", { className: "bg-white/10 px-1.5 py-0.5 rounded text-sm", ...h, children: u });
+          ) : /* @__PURE__ */ e("code", { className: "bg-white/10 px-1.5 py-0.5 rounded text-sm", ...u, children: p });
         },
         h1: ({ children: o }) => /* @__PURE__ */ e("h1", { className: "text-4xl font-bold mb-4 text-white border-b border-white/20 pb-2", children: o }),
         h2: ({ children: o }) => /* @__PURE__ */ e("h2", { className: "text-3xl font-bold mb-3 text-white mt-8", children: o }),
@@ -1057,7 +1058,7 @@ const Te = ({
       children: t
     }
   ) }) }) });
-}, Fe = (r) => {
+}, He = (r) => {
   var i;
   const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
   return {
@@ -1096,34 +1097,34 @@ const Te = ({
     md: "markdown",
     txt: "text"
   }[t] || "text";
-}, We = ({ url: r, fileName: t }) => {
-  const [n, i] = w(""), [c, d] = w(!0), [s, o] = w(null), a = Fe(t);
+}, Ae = ({ url: r, fileName: t }) => {
+  const [n, i] = b(""), [c, d] = b(!0), [s, o] = b(null), a = He(t);
   return M(() => {
     (async () => {
       try {
         d(!0), o(null);
-        const u = await fetch(r);
-        if (!u.ok)
+        const p = await fetch(r);
+        if (!p.ok)
           throw new Error("加载失败");
-        const h = await u.text();
-        i(h);
-      } catch (u) {
-        o("文本文件加载失败"), console.error(u);
+        const u = await p.text();
+        i(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__ */ p("div", { className: "max-w-6xl mx-auto bg-white/5 backdrop-blur-sm rounded-2xl border border-white/10 overflow-hidden", children: [
-    /* @__PURE__ */ p("div", { className: "flex items-center gap-3 px-6 py-4 bg-white/5 border-b border-white/10", children: [
-      /* @__PURE__ */ e(re, { className: "w-5 h-5 text-white/70" }),
+  }, [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: [
+    /* @__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("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(
-      X,
+      _,
       {
         language: a,
-        style: q,
+        style: G,
         showLineNumbers: !0,
         customStyle: {
           margin: 0,
@@ -1141,32 +1142,32 @@ const Te = ({
       }
     ) })
   ] }) });
-}, $e = ({
+}, Oe = ({
   fileName: r,
   fileType: t,
   onDownload: n
-}) => /* @__PURE__ */ p("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(oe, { className: "w-16 h-16 text-white/70" }) }),
-  /* @__PURE__ */ p("div", { className: "text-white text-center", children: [
+}) => /* @__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__ */ f("div", { className: "text-white text-center", children: [
     /* @__PURE__ */ e("p", { className: "text-xl font-medium mb-2", children: r }),
-    /* @__PURE__ */ p("p", { className: "text-white/70", children: [
+    /* @__PURE__ */ f("p", { className: "text-white/70", children: [
       "不支持预览此文件类型 (",
       t,
       ")"
     ] })
   ] }),
-  /* @__PURE__ */ p(
+  /* @__PURE__ */ f(
     "button",
     {
       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(V, { className: "w-5 h-5" }),
+        /* @__PURE__ */ e(Z, { className: "w-5 h-5" }),
         "下载文件查看"
       ]
     }
   )
-] }), Be = (r) => {
+] }), Ue = (r) => {
   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))
@@ -1223,170 +1224,170 @@ const Te = ({
     "sql"
   ];
   return n.startsWith("text/") || i.includes(t) ? "text" : "unsupported";
-}, Ye = ({
+}, tt = ({
   files: r,
   currentIndex: t,
   isOpen: n,
   onClose: i,
-  onNavigate: c
+  onNavigate: c,
+  customRenderers: d = []
 }) => {
-  const [d, s] = w(1), [o, a] = w(0), [g, u] = w(1), [, h] = w(1), v = Z(() => Ne(r), [r]), l = v[t], m = l ? Be(l) : "unsupported";
+  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(() => {
-    s(1), a(0), u(1), h(1);
+    o(1), w(0), u(1), v(1);
   }, [t]), M(() => {
     if (n) {
-      const b = document.body.style.overflow, E = document.body.style.paddingRight, H = window.innerWidth - document.documentElement.clientWidth;
-      return document.body.style.overflow = "hidden", H > 0 && (document.body.style.paddingRight = `${H}px`), () => {
-        document.body.style.overflow = b, document.body.style.paddingRight = E;
+      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;
       };
     }
   }, [n]), M(() => {
     if (!n) return;
-    const b = (E) => {
-      E.key === "Escape" ? i() : E.key === "ArrowLeft" && t > 0 ? c == null || c(t - 1) : E.key === "ArrowRight" && t < v.length - 1 && (c == null || c(t + 1));
+    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));
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-  }, [n, t, v.length, i, c]);
-  const f = C(() => {
-    s((b) => Math.min(b + 0.25, 5));
-  }, []), y = C(() => {
-    s((b) => Math.max(b - 0.25, 0.5));
-  }, []), k = C(() => {
-    a((b) => b + 90);
+    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+  }, [n, t, h.length, i, c]);
+  const k = C(() => {
+    o((y) => Math.min(y + 0.25, 5));
   }, []), T = C(() => {
-    a((b) => b - 90);
+    o((y) => Math.max(y - 0.25, 0.5));
   }, []), L = C(() => {
-    s(1), a(0);
+    w((y) => y + 90);
   }, []), P = C(() => {
-    s(1);
-  }, []), z = C((b) => {
-    s(b);
-  }, []), x = C(() => {
-    s(1), a(0);
-  }, []), j = C(() => {
+    w((y) => y - 90);
+  }, []), z = C(() => {
+    o(1), w(0);
+  }, []), g = C(() => {
+    o(1);
+  }, []), j = C((y) => {
+    o(y);
+  }, []), N = C(() => {
+    o(1), w(0);
+  }, []), D = C(() => {
     if (!l) return;
-    const b = document.createElement("a");
-    b.href = l.url, b.download = l.name, b.click();
+    const y = document.createElement("a");
+    y.href = l.url, y.download = l.name, y.click();
   }, [l]);
   if (!n || !l) return null;
-  const N = m === "image" || m === "pdf", R = m === "image";
-  return /* @__PURE__ */ e(_, { children: n && /* @__PURE__ */ e(
-    F.div,
+  const R = m === "image" || m === "pdf", F = m === "image", I = /* @__PURE__ */ e(K, { children: n && /* @__PURE__ */ e(
+    B.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-md overflow-hidden",
+      className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/80 backdrop-blur-md overflow-hidden",
       onClick: i,
-      onWheel: (b) => b.stopPropagation(),
-      children: /* @__PURE__ */ p(
+      onWheel: (y) => y.stopPropagation(),
+      children: /* @__PURE__ */ f(
         "div",
         {
           className: "relative w-full h-full flex flex-col overflow-hidden",
-          onClick: (b) => b.stopPropagation(),
+          onClick: (y) => y.stopPropagation(),
           children: [
             /* @__PURE__ */ e(
-              F.div,
+              B.div,
               {
                 initial: { y: -100 },
                 animate: { y: 0 },
                 exit: { y: -100 },
                 className: "absolute top-0 left-0 right-0 z-10 p-4",
-                children: /* @__PURE__ */ p("div", { className: "max-w-7xl mx-auto flex items-center justify-between bg-black/40 backdrop-blur-xl rounded-2xl px-6 py-4 shadow-2xl border border-white/10", children: [
-                  /* @__PURE__ */ p("div", { className: "flex-1 min-w-0", children: [
+                children: /* @__PURE__ */ f("div", { className: "max-w-7xl mx-auto flex items-center justify-between bg-black/40 backdrop-blur-xl rounded-2xl px-6 py-4 shadow-2xl border border-white/10", children: [
+                  /* @__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__ */ p("p", { className: "text-white/60 text-sm", children: [
+                    /* @__PURE__ */ f("p", { className: "text-white/60 text-sm", children: [
                       t + 1,
                       " / ",
-                      v.length
+                      h.length
                     ] })
                   ] }),
-                  /* @__PURE__ */ p("div", { className: "flex items-center gap-2 ml-4", children: [
-                    N && /* @__PURE__ */ p($, { children: [
+                  /* @__PURE__ */ f("div", { className: "flex items-center gap-2 ml-4", children: [
+                    R && /* @__PURE__ */ f($, { children: [
                       /* @__PURE__ */ e(
-                        D,
+                        E,
                         {
-                          icon: /* @__PURE__ */ e(ne, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ie, { className: "w-5 h-5" }),
                           label: "缩小",
-                          onClick: y,
-                          disabled: d <= 0.5
+                          onClick: T,
+                          disabled: s <= 0.5
                         }
                       ),
-                      /* @__PURE__ */ p("span", { className: "text-white/70 text-sm min-w-[4rem] text-center font-medium", children: [
-                        Math.round(d * 100),
+                      /* @__PURE__ */ f("span", { className: "text-white/70 text-sm min-w-[4rem] text-center font-medium", children: [
+                        Math.round(s * 100),
                         "%"
                       ] }),
                       /* @__PURE__ */ e(
-                        D,
+                        E,
                         {
-                          icon: /* @__PURE__ */ e(le, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ce, { className: "w-5 h-5" }),
                           label: "放大",
-                          onClick: f,
-                          disabled: d >= 5
+                          onClick: k,
+                          disabled: s >= 5
                         }
                       ),
                       /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" }),
                       /* @__PURE__ */ e(
-                        D,
+                        E,
                         {
-                          icon: /* @__PURE__ */ e(ae, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(de, { className: "w-5 h-5" }),
                           label: "适应窗口",
-                          onClick: L
+                          onClick: z
                         }
                       ),
                       /* @__PURE__ */ e(
-                        D,
+                        E,
                         {
-                          icon: /* @__PURE__ */ e(se, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(me, { className: "w-5 h-5" }),
                           label: "原始尺寸",
-                          onClick: P
+                          onClick: g
                         }
                       ),
                       /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
                     ] }),
-                    R && /* @__PURE__ */ p($, { children: [
+                    F && /* @__PURE__ */ f($, { children: [
                       /* @__PURE__ */ e(
-                        D,
+                        E,
                         {
-                          icon: /* @__PURE__ */ e(ie, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ue, { className: "w-5 h-5" }),
                           label: "向左旋转",
-                          onClick: T
+                          onClick: P
                         }
                       ),
                       /* @__PURE__ */ e(
-                        D,
+                        E,
                         {
-                          icon: /* @__PURE__ */ e(ce, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(he, { className: "w-5 h-5" }),
                           label: "向右旋转",
-                          onClick: k
+                          onClick: L
                         }
                       ),
                       /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
                     ] }),
-                    (N || R) && /* @__PURE__ */ p($, { children: [
+                    (R || F) && /* @__PURE__ */ f($, { children: [
                       /* @__PURE__ */ e(
-                        D,
+                        E,
                         {
-                          icon: /* @__PURE__ */ e(de, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(pe, { className: "w-5 h-5" }),
                           label: "复原",
-                          onClick: x
+                          onClick: N
                         }
                       ),
                       /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
                     ] }),
                     /* @__PURE__ */ e(
-                      D,
+                      E,
                       {
-                        icon: /* @__PURE__ */ e(V, { className: "w-5 h-5" }),
+                        icon: /* @__PURE__ */ e(Z, { className: "w-5 h-5" }),
                         label: "下载",
-                        onClick: j
+                        onClick: D
                       }
                     ),
                     /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" }),
                     /* @__PURE__ */ e(
-                      D,
+                      E,
                       {
-                        icon: /* @__PURE__ */ e(me, { className: "w-5 h-5" }),
+                        icon: /* @__PURE__ */ e(fe, { className: "w-5 h-5" }),
                         label: "关闭",
                         onClick: i
                       }
@@ -1395,63 +1396,66 @@ const Te = ({
                 ] })
               }
             ),
-            /* @__PURE__ */ p("div", { className: "flex-1 flex items-center justify-center pt-24 pb-8 overflow-auto", children: [
+            /* @__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: [
               m === "image" && /* @__PURE__ */ e(
-                ke,
+                Te,
                 {
                   url: l.url,
-                  zoom: d,
-                  rotation: o,
-                  onZoomChange: z
+                  zoom: s,
+                  rotation: a,
+                  onZoomChange: j
                 }
               ),
               m === "pdf" && /* @__PURE__ */ e(
-                Te,
+                Re,
                 {
                   url: l.url,
-                  zoom: d,
-                  currentPage: g,
+                  zoom: s,
+                  currentPage: p,
                   onPageChange: u,
-                  onTotalPagesChange: h
+                  onTotalPagesChange: v
                 }
               ),
-              m === "docx" && /* @__PURE__ */ e(Le, { url: l.url }),
-              m === "xlsx" && /* @__PURE__ */ e(Se, { url: l.url }),
-              m === "pptx" && /* @__PURE__ */ e(Pe, { url: l.url }),
-              m === "video" && /* @__PURE__ */ e(De, { url: l.url }),
-              m === "audio" && /* @__PURE__ */ e(Ee, { url: l.url, fileName: l.name }),
-              m === "markdown" && /* @__PURE__ */ e(ze, { url: l.url }),
-              m === "text" && /* @__PURE__ */ e(We, { url: l.url, fileName: l.name }),
+              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 === "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 === "unsupported" && /* @__PURE__ */ e(
-                $e,
+                Oe,
                 {
                   fileName: l.name,
                   fileType: l.type,
-                  onDownload: j
+                  onDownload: D
                 }
               )
-            ] }),
-            v.length > 1 && /* @__PURE__ */ p($, { children: [
+            ] }) }),
+            h.length > 1 && /* @__PURE__ */ f($, { children: [
               t > 0 && /* @__PURE__ */ e(
-                F.button,
+                B.button,
                 {
                   initial: { x: -100, opacity: 0 },
                   animate: { x: 0, opacity: 1 },
                   exit: { x: -100, opacity: 0 },
                   onClick: () => c == null ? void 0 : c(t - 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(ue, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ e(xe, { className: "w-6 h-6" })
                 }
               ),
-              t < v.length - 1 && /* @__PURE__ */ e(
-                F.button,
+              t < h.length - 1 && /* @__PURE__ */ e(
+                B.button,
                 {
                   initial: { x: 100, opacity: 0 },
                   animate: { x: 0, opacity: 1 },
                   exit: { x: 100, opacity: 0 },
                   onClick: () => c == null ? void 0 : c(t + 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(he, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ e(we, { className: "w-6 h-6" })
                 }
               )
             ] })
@@ -1460,7 +1464,8 @@ const Te = ({
       )
     }
   ) });
-}, D = ({ icon: r, label: t, onClick: n, disabled: i }) => /* @__PURE__ */ e(
+  return Y(I, document.body);
+}, E = ({ icon: r, label: t, onClick: n, disabled: i }) => /* @__PURE__ */ e(
   "button",
   {
     onClick: n,
@@ -1471,8 +1476,8 @@ const Te = ({
   }
 );
 export {
-  Ye as FilePreviewModal,
-  ye as normalizeFile,
-  Ne as normalizeFiles
+  tt as FilePreviewModal,
+  Ce as normalizeFile,
+  Me as normalizeFiles
 };
 //# sourceMappingURL=index.mjs.map