@eternalheart/react-file-preview 1.0.0

package/lib/index.mjs

@@ -0,0 +1,1478 @@
+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) {
+  try {
+    const i = new URL(r).pathname.split("/").pop() || "file";
+    return decodeURIComponent(i);
+  } catch {
+    const t = r.split("/").pop() || "file";
+    return decodeURIComponent(t);
+  }
+}
+function B(r) {
+  var i;
+  const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
+  return {
+    // 图片
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    png: "image/png",
+    gif: "image/gif",
+    webp: "image/webp",
+    svg: "image/svg+xml",
+    bmp: "image/bmp",
+    ico: "image/x-icon",
+    // 视频
+    mp4: "video/mp4",
+    webm: "video/webm",
+    ogg: "video/ogg",
+    ogv: "video/ogg",
+    mov: "video/quicktime",
+    avi: "video/x-msvideo",
+    mkv: "video/x-matroska",
+    m4v: "video/x-m4v",
+    "3gp": "video/3gpp",
+    flv: "video/x-flv",
+    // 音频
+    mp3: "audio/mpeg",
+    wav: "audio/wav",
+    m4a: "audio/mp4",
+    aac: "audio/aac",
+    flac: "audio/flac",
+    // 文档
+    pdf: "application/pdf",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    ppt: "application/vnd.ms-powerpoint",
+    // 文本
+    txt: "text/plain",
+    md: "text/markdown",
+    markdown: "text/markdown",
+    json: "application/json",
+    xml: "application/xml",
+    html: "text/html",
+    css: "text/css",
+    js: "text/javascript",
+    ts: "text/typescript",
+    jsx: "text/javascript",
+    tsx: "text/typescript",
+    py: "text/x-python",
+    java: "text/x-java",
+    cpp: "text/x-c++src",
+    c: "text/x-csrc",
+    cs: "text/x-csharp",
+    php: "text/x-php",
+    rb: "text/x-ruby",
+    go: "text/x-go",
+    rs: "text/x-rust",
+    yaml: "text/yaml",
+    yml: "text/yaml"
+  }[t] || "application/octet-stream";
+}
+function ye(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),
+      size: r.size
+    };
+  if (typeof r == "string") {
+    const n = ve(r);
+    return {
+      id: `url-${Date.now()}-${t}`,
+      name: n,
+      url: r,
+      type: B(n)
+    };
+  }
+  return {
+    id: r.id || `link-${Date.now()}-${t}`,
+    name: r.name,
+    url: r.url,
+    type: r.type || B(r.name),
+    size: r.size
+  };
+}
+function Ne(r) {
+  return r.map((t, n) => ye(t, n));
+}
+const ke = ({
+  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);
+  M(() => {
+    d(!1), o(null), g({ x: 0, y: 0 }), f(1);
+  }, [r]), M(() => {
+    f(t);
+  }, [t]), M(() => {
+    g({ x: 0, y: 0 });
+  }, [t, n]);
+  const k = () => {
+    d(!0);
+  }, T = () => {
+    o("图片加载失败"), d(!0);
+  }, L = () => {
+    g({ 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;
+    });
+  }, [i]), z = C((N) => {
+    N.button === 0 && (h(!0), l({
+      x: N.clientX - a.x,
+      y: N.clientY - a.y
+    }));
+  }, [a]), x = C((N) => {
+    u && g({
+      x: N.clientX - v.x,
+      y: N.clientY - v.y
+    });
+  }, [u, v]), j = C(() => {
+    h(!1);
+  }, []);
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      ref: y,
+      className: "flex items-center justify-center w-full h-full overflow-hidden",
+      onWheel: P,
+      onMouseDown: z,
+      onMouseMove: x,
+      onMouseUp: j,
+      onMouseLeave: j,
+      style: { cursor: u ? "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,
+          {
+            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)`,
+              transformOrigin: "center",
+              transition: u ? "none" : "transform 0.3s ease-out"
+            },
+            onLoad: k,
+            onError: T,
+            onDoubleClick: L,
+            initial: { opacity: 0 },
+            animate: { opacity: c ? 1 : 0 },
+            transition: { duration: 0.3 },
+            draggable: !1
+          }
+        )
+      ]
+    }
+  );
+}, 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`;
+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);
+});
+const Te = ({
+  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());
+  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;
+    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);
+    }), 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);
+  }, []);
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      ref: g,
+      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,
+          {
+            file: r,
+            onLoadSuccess: h,
+            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(
+                "div",
+                {
+                  ref: (T) => m(k, T),
+                  className: "relative",
+                  children: [
+                    /* @__PURE__ */ e(
+                      fe,
+                      {
+                        pageNumber: k,
+                        scale: t,
+                        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,
+                        className: "shadow-2xl"
+                      }
+                    ),
+                    /* @__PURE__ */ e("div", { className: "absolute top-2 right-2 bg-black/60 backdrop-blur-sm text-white text-xs px-3 py-1 rounded-full", children: k })
+                  ]
+                },
+                `page_${k}`
+              );
+            }) })
+          }
+        ),
+        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: [
+          "第 ",
+          n,
+          " 页 / 共 ",
+          d,
+          " 页"
+        ] })
+      ]
+    }
+  );
+}, Le = ({ url: r }) => {
+  const [t, n] = w(""), [i, c] = w(!0), [d, s] = w(null);
+  return M(() => {
+    (async () => {
+      c(!0), s(null), n("");
+      try {
+        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);
+      } catch (a) {
+        console.error("Docx 解析错误:", a), s("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(
+    "div",
+    {
+      className: "max-w-4xl mx-auto bg-white rounded-lg shadow-2xl p-12",
+      dangerouslySetInnerHTML: { __html: t },
+      style: {
+        fontFamily: "system-ui, -apple-system, sans-serif",
+        lineHeight: "1.6",
+        color: "#333"
+      }
+    }
+  ) });
+}, Se = ({ url: r }) => {
+  const [t, n] = w([]), [i, c] = w(0), [d, s] = w(!0), [o, a] = w(null);
+  if (M(() => {
+    (async () => {
+      s(!0), a(null), n([]);
+      try {
+        const h = await fetch(r);
+        if (!h.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 };
+        });
+        n(m), c(0);
+      } catch (h) {
+        console.error("Excel 解析错误:", h), a("Excel 文件解析失败");
+      } finally {
+        s(!1);
+      }
+    })();
+  }, [r]), 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 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(
+      "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
+      },
+      h
+    )) }),
+    /* @__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(
+      "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(
+          "td",
+          {
+            className: "px-6 py-4 whitespace-nowrap text-sm text-gray-200 border-r border-white/10",
+            children: String(v ?? "")
+          },
+          l
+        ))
+      },
+      h
+    )) }) }) }) })
+  ] });
+}, 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(() => {
+    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 };
+  }, []), v = C(async () => {
+    if (!(!d.current || !a.current)) {
+      console.log("重新初始化预览器...");
+      try {
+        if (s.current)
+          try {
+            s.current.destroy();
+          } catch (f) {
+            console.error("销毁预览器失败:", f);
+          }
+        d.current.innerHTML = "";
+        const l = h();
+        console.log("重新初始化使用尺寸:", l);
+        const m = O(d.current, {
+          width: l.width,
+          height: l.height
+        });
+        s.current = m, await m.preview(a.current), console.log("重新初始化成功");
+      } catch (l) {
+        console.error("重新初始化失败:", l);
+      }
+    }
+  }, [h]);
+  return M(() => {
+    if (!d.current) return;
+    let l = !0;
+    const m = () => {
+      if (l) {
+        l = !1;
+        const L = h();
+        u.current = L;
+        return;
+      }
+      const f = h(), y = u.current, k = Math.abs(y.width - f.width), T = Math.abs(y.height - f.height);
+      if (k < 10 && T < 10) {
+        console.log("尺寸变化太小，忽略");
+        return;
+      }
+      console.log("检测到尺寸变化:", {
+        old: y,
+        new: f,
+        diff: { width: k, height: T }
+      }), u.current = f, g.current && clearTimeout(g.current), g.current = window.setTimeout(() => {
+        s.current && a.current && (console.log("尺寸变化，准备重新初始化"), v());
+      }, 800);
+    };
+    return o.current = new ResizeObserver(() => {
+      m();
+    }), o.current.observe(d.current), () => {
+      o.current && o.current.disconnect(), g.current && clearTimeout(g.current);
+    };
+  }, [h, v]), M(() => {
+    let l = !0;
+    const m = async () => {
+      if (!d.current) {
+        console.log("Container ref not ready");
+        return;
+      }
+      n(!0), c(null);
+      try {
+        console.log("开始加载 PPTX:", r);
+        const y = await fetch(r);
+        if (!y.ok)
+          throw new Error("文件加载失败");
+        const k = await y.arrayBuffer();
+        if (a.current = k, console.log("文件加载成功，大小:", k.byteLength), !l) return;
+        d.current && (d.current.innerHTML = "");
+        const T = h();
+        console.log("使用尺寸:", T), console.log("初始化预览器...");
+        const L = O(d.current, {
+          width: T.width,
+          height: T.height
+        });
+        s.current = L, console.log("开始预览..."), L.preview(k).then(() => {
+          console.log("预览成功"), l && n(!1);
+        }).catch((P) => {
+          console.error("预览失败:", P), l && (c("PPT 文件预览失败"), n(!1));
+        });
+      } catch (y) {
+        console.error("PPTX 解析错误:", y), l && (c(y instanceof Error ? y.message : "PPT 文件解析失败"), n(!1));
+      }
+    }, f = setTimeout(() => {
+      m();
+    }, 100);
+    return () => {
+      if (l = !1, clearTimeout(f), a.current = null, s.current)
+        try {
+          s.current.destroy();
+        } catch (y) {
+          console.error("销毁预览器失败:", y);
+        }
+      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: [
+      /* @__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" }) }),
+      /* @__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(
+        "a",
+        {
+          href: r,
+          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: [
+            /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }) }),
+            "下载文件"
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "text-xs text-white/40 mt-4", children: "提示：可以使用 Microsoft PowerPoint 或 WPS 打开" })
+    ] }) }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: d,
+        className: "pptx-wrapper w-full max-w-6xl"
+      }
+    )
+  ] });
+}, Re = (r) => {
+  var i;
+  const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase().split("?")[0]) || "";
+  return {
+    mp4: "video/mp4",
+    webm: "video/webm",
+    ogg: "video/ogg",
+    ogv: "video/ogg",
+    mov: "video/quicktime",
+    // MOV 使用 QuickTime MIME 类型
+    avi: "video/x-msvideo",
+    mkv: "video/x-matroska",
+    m4v: "video/mp4",
+    "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);
+  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, {
+        controls: !0,
+        responsive: !0,
+        fluid: !0,
+        preload: "auto",
+        controlBar: {
+          children: [
+            "playToggle",
+            "volumePanel",
+            "currentTimeDisplay",
+            "timeDivider",
+            "durationDisplay",
+            "progressControl",
+            "remainingTimeDisplay",
+            "fullscreenToggle"
+          ],
+          volumePanel: {
+            inline: !1
+          }
+        },
+        html5: {
+          vhs: {
+            overrideNative: !0
+          },
+          nativeVideoTracks: !1,
+          nativeAudioTracks: !1,
+          nativeTextTracks: !1
+        },
+        sources: a === "video/quicktime" ? [
+          { src: r, type: "video/quicktime" },
+          { src: r, type: "video/mp4" }
+          // 备用方案
+        ] : [{ src: r, type: a }]
+      });
+      u.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;
+    }
+  }, [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: [
+    /* @__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: "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: "加载视频中..." })
+    ] }) }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: d,
+        className: "overflow-hidden",
+        style: {
+          boxShadow: "0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)"
+        }
+      }
+    )
+  ] }) });
+}, 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);
+  M(() => {
+    const x = m.current;
+    if (!x) return;
+    const j = () => {
+      isNaN(x.currentTime) || o(x.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);
+    };
+  }, []);
+  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);
+  }, 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);
+    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: [
+      /* @__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__ */ e("div", { className: "absolute w-full h-[6px] bg-white/20 rounded-full" }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              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}%`
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "range",
+              min: "0",
+              max: a > 0 ? a : 100 + (s > 100 ? s % 100 : 0),
+              value: s,
+              onChange: y,
+              className: "audio-slider absolute w-full"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ p("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__ */ 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" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: f,
+            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" })
+          }
+        ),
+        /* @__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(J, { className: "w-5 h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ p("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" })
+          }
+        ),
+        /* @__PURE__ */ p("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}%`
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "range",
+              min: "0",
+              max: "1",
+              step: "0.01",
+              value: v ? 0 : u,
+              onChange: k,
+              className: "volume-slider absolute w-full"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      "audio",
+      {
+        ref: m,
+        src: r,
+        onError: z,
+        className: "hidden"
+      }
+    )
+  ] });
+}, q = {
+  'pre[class*="language-"]': {
+    color: "#d4d4d4",
+    fontSize: "13px",
+    textShadow: "none",
+    fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: ".5em 0",
+    overflow: "auto",
+    background: "#1e1e1e"
+  },
+  'code[class*="language-"]': {
+    color: "#d4d4d4",
+    fontSize: "13px",
+    textShadow: "none",
+    fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'code[class*="language-"]::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'pre[class*="language-"] *::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'code[class*="language-"] *::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    padding: ".1em .3em",
+    borderRadius: ".3em",
+    color: "#db4c69",
+    background: "#1e1e1e"
+  },
+  ".namespace": {
+    Opacity: ".7"
+  },
+  "doctype.doctype-tag": {
+    color: "#569CD6"
+  },
+  "doctype.name": {
+    color: "#9cdcfe"
+  },
+  comment: {
+    color: "#6a9955"
+  },
+  prolog: {
+    color: "#6a9955"
+  },
+  punctuation: {
+    color: "#d4d4d4"
+  },
+  ".language-html .language-css .token.punctuation": {
+    color: "#d4d4d4"
+  },
+  ".language-html .language-javascript .token.punctuation": {
+    color: "#d4d4d4"
+  },
+  property: {
+    color: "#9cdcfe"
+  },
+  tag: {
+    color: "#569cd6"
+  },
+  boolean: {
+    color: "#569cd6"
+  },
+  number: {
+    color: "#b5cea8"
+  },
+  constant: {
+    color: "#9cdcfe"
+  },
+  symbol: {
+    color: "#b5cea8"
+  },
+  inserted: {
+    color: "#b5cea8"
+  },
+  unit: {
+    color: "#b5cea8"
+  },
+  selector: {
+    color: "#d7ba7d"
+  },
+  "attr-name": {
+    color: "#9cdcfe"
+  },
+  string: {
+    color: "#ce9178"
+  },
+  char: {
+    color: "#ce9178"
+  },
+  builtin: {
+    color: "#ce9178"
+  },
+  deleted: {
+    color: "#ce9178"
+  },
+  ".language-css .token.string.url": {
+    textDecoration: "underline"
+  },
+  operator: {
+    color: "#d4d4d4"
+  },
+  entity: {
+    color: "#569cd6"
+  },
+  "operator.arrow": {
+    color: "#569CD6"
+  },
+  atrule: {
+    color: "#ce9178"
+  },
+  "atrule.rule": {
+    color: "#c586c0"
+  },
+  "atrule.url": {
+    color: "#9cdcfe"
+  },
+  "atrule.url.function": {
+    color: "#dcdcaa"
+  },
+  "atrule.url.punctuation": {
+    color: "#d4d4d4"
+  },
+  keyword: {
+    color: "#569CD6"
+  },
+  "keyword.module": {
+    color: "#c586c0"
+  },
+  "keyword.control-flow": {
+    color: "#c586c0"
+  },
+  function: {
+    color: "#dcdcaa"
+  },
+  "function.maybe-class-name": {
+    color: "#dcdcaa"
+  },
+  regex: {
+    color: "#d16969"
+  },
+  important: {
+    color: "#569cd6"
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  "class-name": {
+    color: "#4ec9b0"
+  },
+  "maybe-class-name": {
+    color: "#4ec9b0"
+  },
+  console: {
+    color: "#9cdcfe"
+  },
+  parameter: {
+    color: "#9cdcfe"
+  },
+  interpolation: {
+    color: "#9cdcfe"
+  },
+  "punctuation.interpolation-punctuation": {
+    color: "#569cd6"
+  },
+  variable: {
+    color: "#9cdcfe"
+  },
+  "imports.maybe-class-name": {
+    color: "#9cdcfe"
+  },
+  "exports.maybe-class-name": {
+    color: "#9cdcfe"
+  },
+  escape: {
+    color: "#d7ba7d"
+  },
+  "tag.punctuation": {
+    color: "#808080"
+  },
+  cdata: {
+    color: "#808080"
+  },
+  "attr-value": {
+    color: "#ce9178"
+  },
+  "attr-value.punctuation": {
+    color: "#ce9178"
+  },
+  "attr-value.punctuation.attr-equals": {
+    color: "#d4d4d4"
+  },
+  namespace: {
+    color: "#4ec9b0"
+  },
+  'pre[class*="language-javascript"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-javascript"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-jsx"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-jsx"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-typescript"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-typescript"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-tsx"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-tsx"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-css"]': {
+    color: "#ce9178"
+  },
+  'code[class*="language-css"]': {
+    color: "#ce9178"
+  },
+  'pre[class*="language-html"]': {
+    color: "#d4d4d4"
+  },
+  'code[class*="language-html"]': {
+    color: "#d4d4d4"
+  },
+  ".language-regex .token.anchor": {
+    color: "#dcdcaa"
+  },
+  ".language-html .token.punctuation": {
+    color: "#808080"
+  },
+  'pre[class*="language-"] > code[class*="language-"]': {
+    position: "relative",
+    zIndex: "1"
+  },
+  ".line-highlight.line-highlight": {
+    background: "#f7ebc6",
+    boxShadow: "inset 5px 0 0 #f7d87c",
+    zIndex: "0"
+  }
+}, ze = ({ url: r }) => {
+  const [t, n] = w(""), [i, c] = w(!0), [d, s] = w(null);
+  return M(() => {
+    (async () => {
+      try {
+        c(!0), s(null);
+        const a = await fetch(r);
+        if (!a.ok)
+          throw new Error("加载失败");
+        const g = await a.text();
+        n(g);
+      } catch (a) {
+        s("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(
+    ge,
+    {
+      remarkPlugins: [be],
+      components: {
+        code({ node: o, inline: a, className: g, children: u, ...h }) {
+          const v = /language-(\w+)/.exec(g || "");
+          return !a && v ? /* @__PURE__ */ e(
+            X,
+            {
+              style: q,
+              language: v[1],
+              PreTag: "div",
+              className: "rounded-lg",
+              ...h,
+              children: String(u).replace(/\n$/, "")
+            }
+          ) : /* @__PURE__ */ e("code", { className: "bg-white/10 px-1.5 py-0.5 rounded text-sm", ...h, children: u });
+        },
+        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 }),
+        h3: ({ children: o }) => /* @__PURE__ */ e("h3", { className: "text-2xl font-bold mb-2 text-white mt-6", children: o }),
+        p: ({ children: o }) => /* @__PURE__ */ e("p", { className: "text-white/90 mb-4 leading-relaxed", children: o }),
+        a: ({ href: o, children: a }) => /* @__PURE__ */ e(
+          "a",
+          {
+            href: o,
+            className: "text-blue-400 hover:text-blue-300 underline",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: a
+          }
+        ),
+        ul: ({ children: o }) => /* @__PURE__ */ e("ul", { className: "list-disc list-inside mb-4 text-white/90", children: o }),
+        ol: ({ children: o }) => /* @__PURE__ */ e("ol", { className: "list-decimal list-inside mb-4 text-white/90", children: o }),
+        li: ({ children: o }) => /* @__PURE__ */ e("li", { className: "mb-1", children: o }),
+        blockquote: ({ children: o }) => /* @__PURE__ */ e("blockquote", { className: "border-l-4 border-blue-500 pl-4 italic text-white/80 my-4", children: o }),
+        table: ({ children: o }) => /* @__PURE__ */ e("div", { className: "overflow-x-auto my-4", children: /* @__PURE__ */ e("table", { className: "min-w-full border border-white/20", children: o }) }),
+        th: ({ children: o }) => /* @__PURE__ */ e("th", { className: "border border-white/20 px-4 py-2 bg-white/10 text-white font-semibold", children: o }),
+        td: ({ children: o }) => /* @__PURE__ */ e("td", { className: "border border-white/20 px-4 py-2 text-white/90", children: o }),
+        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
+    }
+  ) }) }) });
+}, Fe = (r) => {
+  var i;
+  const t = ((i = r.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
+  return {
+    js: "javascript",
+    jsx: "jsx",
+    ts: "typescript",
+    tsx: "tsx",
+    py: "python",
+    java: "java",
+    cpp: "cpp",
+    c: "c",
+    cs: "csharp",
+    php: "php",
+    rb: "ruby",
+    go: "go",
+    rs: "rust",
+    swift: "swift",
+    kt: "kotlin",
+    scala: "scala",
+    sh: "bash",
+    bash: "bash",
+    zsh: "bash",
+    json: "json",
+    xml: "xml",
+    html: "html",
+    css: "css",
+    scss: "scss",
+    sass: "sass",
+    less: "less",
+    sql: "sql",
+    yaml: "yaml",
+    yml: "yaml",
+    toml: "toml",
+    ini: "ini",
+    conf: "nginx",
+    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);
+  return M(() => {
+    (async () => {
+      try {
+        d(!0), o(null);
+        const u = await fetch(r);
+        if (!u.ok)
+          throw new Error("加载失败");
+        const h = await u.text();
+        i(h);
+      } catch (u) {
+        o("文本文件加载失败"), console.error(u);
+      } 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" }),
+      /* @__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,
+        showLineNumbers: !0,
+        customStyle: {
+          margin: 0,
+          padding: "1.5rem",
+          background: "transparent",
+          fontSize: "0.875rem"
+        },
+        lineNumberStyle: {
+          minWidth: "3em",
+          paddingRight: "1em",
+          color: "rgba(255, 255, 255, 0.3)",
+          userSelect: "none"
+        },
+        children: n
+      }
+    ) })
+  ] }) });
+}, $e = ({
+  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__ */ e("p", { className: "text-xl font-medium mb-2", children: r }),
+    /* @__PURE__ */ p("p", { className: "text-white/70", children: [
+      "不支持预览此文件类型 (",
+      t,
+      ")"
+    ] })
+  ] }),
+  /* @__PURE__ */ p(
+    "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" }),
+        "下载文件查看"
+      ]
+    }
+  )
+] }), Be = (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))
+    return "image";
+  if (n.includes("pdf") || t === "pdf")
+    return "pdf";
+  if (n.includes("wordprocessingml") || t === "docx")
+    return "docx";
+  if (n.includes("spreadsheetml") || t === "xlsx")
+    return "xlsx";
+  if (n.includes("presentationml") || t === "pptx" || t === "ppt")
+    return "pptx";
+  if (n.startsWith("video/") || ["mp4", "webm", "ogg", "ogv", "mov", "avi", "mkv", "m4v", "3gp", "flv"].includes(t))
+    return "video";
+  if (n.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a", "flac", "aac"].includes(t))
+    return "audio";
+  if (t === "md" || t === "markdown")
+    return "markdown";
+  const i = [
+    "txt",
+    "log",
+    "csv",
+    "js",
+    "jsx",
+    "ts",
+    "tsx",
+    "json",
+    "py",
+    "java",
+    "cpp",
+    "c",
+    "h",
+    "cs",
+    "php",
+    "rb",
+    "go",
+    "rs",
+    "swift",
+    "kt",
+    "html",
+    "css",
+    "scss",
+    "sass",
+    "less",
+    "xml",
+    "yaml",
+    "yml",
+    "toml",
+    "ini",
+    "conf",
+    "sh",
+    "bash",
+    "zsh",
+    "sql"
+  ];
+  return n.startsWith("text/") || i.includes(t) ? "text" : "unsupported";
+}, Ye = ({
+  files: r,
+  currentIndex: t,
+  isOpen: n,
+  onClose: i,
+  onNavigate: c
+}) => {
+  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";
+  M(() => {
+    s(1), a(0), u(1), h(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;
+      };
+    }
+  }, [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));
+    };
+    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);
+  }, []), T = C(() => {
+    a((b) => b - 90);
+  }, []), L = C(() => {
+    s(1), a(0);
+  }, []), P = C(() => {
+    s(1);
+  }, []), z = C((b) => {
+    s(b);
+  }, []), x = C(() => {
+    s(1), a(0);
+  }, []), j = C(() => {
+    if (!l) return;
+    const b = document.createElement("a");
+    b.href = l.url, b.download = l.name, b.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,
+    {
+      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",
+      onClick: i,
+      onWheel: (b) => b.stopPropagation(),
+      children: /* @__PURE__ */ p(
+        "div",
+        {
+          className: "relative w-full h-full flex flex-col overflow-hidden",
+          onClick: (b) => b.stopPropagation(),
+          children: [
+            /* @__PURE__ */ e(
+              F.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: [
+                    /* @__PURE__ */ e("h2", { className: "text-white font-medium text-lg truncate", children: l.name }),
+                    /* @__PURE__ */ p("p", { className: "text-white/60 text-sm", children: [
+                      t + 1,
+                      " / ",
+                      v.length
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ p("div", { className: "flex items-center gap-2 ml-4", children: [
+                    N && /* @__PURE__ */ p($, { children: [
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          icon: /* @__PURE__ */ e(ne, { className: "w-5 h-5" }),
+                          label: "缩小",
+                          onClick: y,
+                          disabled: d <= 0.5
+                        }
+                      ),
+                      /* @__PURE__ */ p("span", { className: "text-white/70 text-sm min-w-[4rem] text-center font-medium", children: [
+                        Math.round(d * 100),
+                        "%"
+                      ] }),
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          icon: /* @__PURE__ */ e(le, { className: "w-5 h-5" }),
+                          label: "放大",
+                          onClick: f,
+                          disabled: d >= 5
+                        }
+                      ),
+                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" }),
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          icon: /* @__PURE__ */ e(ae, { className: "w-5 h-5" }),
+                          label: "适应窗口",
+                          onClick: L
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          icon: /* @__PURE__ */ e(se, { className: "w-5 h-5" }),
+                          label: "原始尺寸",
+                          onClick: P
+                        }
+                      ),
+                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
+                    ] }),
+                    R && /* @__PURE__ */ p($, { children: [
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          icon: /* @__PURE__ */ e(ie, { className: "w-5 h-5" }),
+                          label: "向左旋转",
+                          onClick: T
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          icon: /* @__PURE__ */ e(ce, { className: "w-5 h-5" }),
+                          label: "向右旋转",
+                          onClick: k
+                        }
+                      ),
+                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
+                    ] }),
+                    (N || R) && /* @__PURE__ */ p($, { children: [
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          icon: /* @__PURE__ */ e(de, { className: "w-5 h-5" }),
+                          label: "复原",
+                          onClick: x
+                        }
+                      ),
+                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
+                    ] }),
+                    /* @__PURE__ */ e(
+                      D,
+                      {
+                        icon: /* @__PURE__ */ e(V, { className: "w-5 h-5" }),
+                        label: "下载",
+                        onClick: j
+                      }
+                    ),
+                    /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" }),
+                    /* @__PURE__ */ e(
+                      D,
+                      {
+                        icon: /* @__PURE__ */ e(me, { className: "w-5 h-5" }),
+                        label: "关闭",
+                        onClick: i
+                      }
+                    )
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ p("div", { className: "flex-1 flex items-center justify-center pt-24 pb-8 overflow-auto", children: [
+              m === "image" && /* @__PURE__ */ e(
+                ke,
+                {
+                  url: l.url,
+                  zoom: d,
+                  rotation: o,
+                  onZoomChange: z
+                }
+              ),
+              m === "pdf" && /* @__PURE__ */ e(
+                Te,
+                {
+                  url: l.url,
+                  zoom: d,
+                  currentPage: g,
+                  onPageChange: u,
+                  onTotalPagesChange: h
+                }
+              ),
+              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 === "unsupported" && /* @__PURE__ */ e(
+                $e,
+                {
+                  fileName: l.name,
+                  fileType: l.type,
+                  onDownload: j
+                }
+              )
+            ] }),
+            v.length > 1 && /* @__PURE__ */ p($, { children: [
+              t > 0 && /* @__PURE__ */ e(
+                F.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" })
+                }
+              ),
+              t < v.length - 1 && /* @__PURE__ */ e(
+                F.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" })
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}, D = ({ icon: r, label: t, onClick: n, disabled: i }) => /* @__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
+  }
+);
+export {
+  Ye as FilePreviewModal,
+  ye as normalizeFile,
+  Ne as normalizeFiles
+};
+//# sourceMappingURL=index.mjs.map