@eternalheart/react-file-preview 1.0.3 → 1.0.5

package/lib/index.mjs

@@ -1,10 +1,10 @@
-import { jsxs as d, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { useState as f, useRef as R, useEffect as L, useCallback as M, useMemo as q } from "react";
+import { jsxs as i, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { useState as h, useRef as R, useEffect as L, useCallback as M, useMemo as q } from "react";
 import { createPortal as le } from "react-dom";
 import { motion as B, AnimatePresence as ne } from "framer-motion";
-import { Presentation as se, Music as ae, SkipBack as ie, Pause as ce, Play as de, SkipForward as me, VolumeX as ue, Volume2 as he, FileText as pe, FileQuestion as fe, Download as Y, X as Z, ZoomOut as xe, ZoomIn as we, Minimize2 as ge, Maximize2 as be, RotateCcw as ve, RotateCw as ye, RefreshCw as Ne, ChevronLeft as ke, ChevronRight as je } from "lucide-react";
+import { Presentation as pe, Music as fe, SkipBack as se, Pause as ae, Play as ie, SkipForward as ce, VolumeX as de, Volume2 as me, FileText as ue, FileQuestion as he, Download as Y, X as Z, ZoomOut as xe, ZoomIn as we, Minimize2 as ge, Maximize2 as be, RotateCcw as ve, RotateCw as ye, RefreshCw as Ne, ChevronLeft as ke, ChevronRight as je } from "lucide-react";
 import { pdfjs as W, Document as Te, Page as Me } from "react-pdf";
-import { pdfjs as ut } from "react-pdf";
+import { pdfjs as dr } from "react-pdf";
 import Ce from "mammoth";
 import * as _ from "xlsx";
 import { init as G } from "pptx-preview";
@@ -12,21 +12,21 @@ import Se from "video.js";
 import Le from "react-markdown";
 import Pe from "remark-gfm";
 import { Prism as J } from "react-syntax-highlighter";
-const Re = "1.0.3", Ee = {
+const Re = "1.0.5", Ee = {
   version: Re
 };
-function De(r) {
+function De(t) {
   try {
-    const a = new URL(r).pathname.split("/").pop() || "file";
-    return decodeURIComponent(a);
+    const f = new URL(t).pathname.split("/").pop() || "file";
+    return decodeURIComponent(f);
   } catch {
-    const t = r.split("/").pop() || "file";
-    return decodeURIComponent(t);
+    const r = t.split("/").pop() || "file";
+    return decodeURIComponent(r);
   }
 }
-function U(r) {
-  var a;
-  const t = ((a = r.split(".").pop()) == null ? void 0 : a.toLowerCase()) || "";
+function U(t) {
+  var f;
+  const r = ((f = t.split(".").pop()) == null ? void 0 : f.toLowerCase()) || "";
   return {
     // 图片
     jpg: "image/jpeg",
@@ -83,105 +83,105 @@ function U(r) {
     rs: "text/x-rust",
     yaml: "text/yaml",
     yml: "text/yaml"
-  }[t] || "application/octet-stream";
+  }[r] || "application/octet-stream";
 }
-function ze(r, t = 0) {
-  if (r instanceof File)
+function ze(t, r = 0) {
+  if (t instanceof File)
     return {
-      id: `file-${Date.now()}-${t}`,
-      name: r.name,
-      url: URL.createObjectURL(r),
-      type: r.type || U(r.name),
-      size: r.size
+      id: `file-${Date.now()}-${r}`,
+      name: t.name,
+      url: URL.createObjectURL(t),
+      type: t.type || U(t.name),
+      size: t.size
     };
-  if (typeof r == "string") {
-    const l = De(r);
+  if (typeof t == "string") {
+    const l = De(t);
     return {
-      id: `url-${Date.now()}-${t}`,
+      id: `url-${Date.now()}-${r}`,
       name: l,
-      url: r,
+      url: t,
       type: U(l)
     };
   }
   return {
-    id: r.id || `link-${Date.now()}-${t}`,
-    name: r.name,
-    url: r.url,
-    type: r.type || U(r.name),
-    size: r.size
+    id: t.id || `link-${Date.now()}-${r}`,
+    name: t.name,
+    url: t.url,
+    type: t.type || U(t.name),
+    size: t.size
   };
 }
-function Fe(r) {
-  return r.map((t, l) => ze(t, l));
+function Fe(t) {
+  return t.map((r, l) => ze(r, l));
 }
 const $e = ({
-  url: r,
-  zoom: t,
+  url: t,
+  zoom: r,
   rotation: l,
-  onZoomChange: a
+  onZoomChange: f
 }) => {
-  const [n, c] = f(!1), [i, o] = f(null), [s, w] = f({ x: 0, y: 0 }), [h, m] = f(!1), [N, x] = f({ x: 0, y: 0 }), [b, p] = f(1), y = R(null);
+  const [n, a] = h(!1), [s, o] = h(null), [p, w] = h({ x: 0, y: 0 }), [m, c] = h(!1), [N, x] = h({ x: 0, y: 0 }), [b, u] = h(1), y = R(null);
   L(() => {
-    c(!1), o(null), w({ x: 0, y: 0 }), p(1);
-  }, [r]), L(() => {
-    p(t);
+    a(!1), o(null), w({ x: 0, y: 0 }), u(1);
   }, [t]), L(() => {
+    u(r);
+  }, [r]), L(() => {
     w({ x: 0, y: 0 });
-  }, [t, l]);
+  }, [r, l]);
   const k = () => {
-    c(!0);
+    a(!0);
   }, j = () => {
-    o("图片加载失败"), c(!0);
-  }, u = () => {
+    o("图片加载失败"), a(!0);
+  }, d = () => {
     w({ x: 0, y: 0 });
   }, P = M((T) => {
     T.preventDefault(), T.stopPropagation();
     const z = T.deltaY > 0 ? -0.1 : 0.1;
-    p((D) => {
-      const H = Math.max(0.5, Math.min(5, D + z));
-      return a && a(H), H;
+    u((D) => {
+      const H = Math.max(0.01, Math.min(10, D + z));
+      return f && f(H), H;
     });
-  }, [a]), C = M((T) => {
-    T.button === 0 && (m(!0), x({
-      x: T.clientX - s.x,
-      y: T.clientY - s.y
+  }, [f]), C = M((T) => {
+    T.button === 0 && (c(!0), x({
+      x: T.clientX - p.x,
+      y: T.clientY - p.y
     }));
-  }, [s]), g = M((T) => {
-    h && w({
+  }, [p]), g = M((T) => {
+    m && w({
       x: T.clientX - N.x,
       y: T.clientY - N.y
     });
-  }, [h, N]), S = M(() => {
-    m(!1);
+  }, [m, N]), S = M(() => {
+    c(!1);
   }, []);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: y,
-      className: "flex items-center justify-center w-full h-full overflow-hidden",
+      className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-overflow-hidden",
       onWheel: P,
       onMouseDown: C,
       onMouseMove: g,
       onMouseUp: S,
       onMouseLeave: S,
-      style: { cursor: h ? "grabbing" : "grab" },
+      style: { cursor: m ? "grabbing" : "grab" },
       children: [
-        !n && !i && /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }),
-        i && /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: i }) }),
+        !n && !s && /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center", children: /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }) }),
+        s && /* @__PURE__ */ e("div", { className: "rfp-text-white/70 rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: s }) }),
         /* @__PURE__ */ e(
           B.img,
           {
-            src: r,
+            src: t,
             alt: "Preview",
-            className: `max-w-none select-none ${n ? "" : "hidden"}`,
+            className: `rfp-max-w-none rfp-select-none ${n ? "" : "rfp-hidden"}`,
             style: {
-              transform: `translate(${s.x}px, ${s.y}px) scale(${b}) rotate(${l}deg)`,
+              transform: `translate(${p.x}px, ${p.y}px) scale(${b}) rotate(${l}deg)`,
               transformOrigin: "center",
-              transition: h ? "none" : "transform 0.3s ease-out"
+              transition: m ? "none" : "transform 0.3s ease-out"
             },
             onLoad: k,
             onError: j,
-            onDoubleClick: u,
+            onDoubleClick: d,
             initial: { opacity: 0 },
             animate: { opacity: n ? 1 : 0 },
             transition: { duration: 0.3 },
@@ -192,82 +192,82 @@ const $e = ({
     }
   );
 };
-function We(r) {
+function We(t) {
   if (typeof window > "u") return;
   const {
-    workerSrc: t = `https://unpkg.com/pdfjs-dist@${W.version}/build/pdf.worker.min.mjs`,
+    workerSrc: r = `https://unpkg.com/pdfjs-dist@${W.version}/build/pdf.worker.min.mjs`,
     cMapUrl: l = `https://unpkg.com/pdfjs-dist@${W.version}/cmaps/`,
-    cMapPacked: a = !0
-  } = r || {};
-  W.GlobalWorkerOptions.workerSrc = t, W.GlobalWorkerOptions.cMapUrl = l, W.GlobalWorkerOptions.cMapPacked = a;
+    cMapPacked: f = !0
+  } = t || {};
+  W.GlobalWorkerOptions.workerSrc = r, W.GlobalWorkerOptions.cMapUrl = l, W.GlobalWorkerOptions.cMapPacked = f;
 }
 We();
 const Be = ({
-  url: r,
-  zoom: t,
+  url: t,
+  zoom: r,
   currentPage: l,
-  onPageChange: a,
+  onPageChange: f,
   onTotalPagesChange: n
 }) => {
-  const [c, i] = f(0), [o, s] = f(null), w = R(null), h = R(/* @__PURE__ */ new Map());
+  const [a, s] = h(0), [o, p] = h(null), w = R(null), m = R(/* @__PURE__ */ new Map());
   L(() => {
-    s(null);
-  }, [r]);
-  const m = ({ numPages: p }) => {
-    i(p), n(p), a(1);
-  }, N = (p) => {
-    console.error("PDF 加载错误:", p), s("PDF 文件加载失败");
+    p(null);
+  }, [t]);
+  const c = ({ numPages: u }) => {
+    s(u), n(u), f(1);
+  }, N = (u) => {
+    console.error("PDF 加载错误:", u), p("PDF 文件加载失败");
   }, x = M(() => {
     if (!w.current) return;
-    const p = w.current, y = p.scrollTop, k = p.clientHeight, j = y + k / 2;
-    let u = 1, P = 1 / 0;
-    h.current.forEach((C, g) => {
-      const S = C.getBoundingClientRect(), T = p.getBoundingClientRect(), z = S.top - T.top + S.height / 2 + y, D = Math.abs(z - j);
-      D < P && (P = D, u = g);
-    }), u !== l && a(u);
-  }, [l, a]);
+    const u = w.current, y = u.scrollTop, k = u.clientHeight, j = y + k / 2;
+    let d = 1, P = 1 / 0;
+    m.current.forEach((C, g) => {
+      const S = C.getBoundingClientRect(), T = u.getBoundingClientRect(), z = S.top - T.top + S.height / 2 + y, D = Math.abs(z - j);
+      D < P && (P = D, d = g);
+    }), d !== l && f(d);
+  }, [l, f]);
   L(() => {
-    const p = w.current;
-    if (p)
-      return p.addEventListener("scroll", x), () => p.removeEventListener("scroll", x);
+    const u = w.current;
+    if (u)
+      return u.addEventListener("scroll", x), () => u.removeEventListener("scroll", x);
   }, [x]);
-  const b = M((p, y) => {
-    y ? h.current.set(p, y) : h.current.delete(p);
+  const b = M((u, y) => {
+    y ? m.current.set(u, y) : m.current.delete(u);
   }, []);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: w,
-      className: "flex flex-col items-center w-full h-full overflow-auto py-4 md:py-8 px-2 md:px-4",
+      className: "rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full rfp-overflow-auto rfp-py-4 md:rfp-py-8 rfp-px-2 md:rfp-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("div", { className: "rfp-text-white/70 rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: o }) }),
         !o && /* @__PURE__ */ e(
           Te,
           {
-            file: r,
-            onLoadSuccess: m,
+            file: t,
+            onLoadSuccess: c,
             onLoadError: N,
-            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(c), (p, y) => {
+            loading: /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-min-h-screen", children: /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }) }),
+            children: /* @__PURE__ */ e("div", { className: "rfp-flex rfp-flex-col rfp-gap-4", children: Array.from(new Array(a), (u, y) => {
               const k = y + 1;
-              return /* @__PURE__ */ d(
+              return /* @__PURE__ */ i(
                 "div",
                 {
                   ref: (j) => b(k, j),
-                  className: "relative",
+                  className: "rfp-relative",
                   children: [
                     /* @__PURE__ */ e(
                       Me,
                       {
                         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" }) }),
+                        scale: r,
+                        loading: /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-p-8 rfp-bg-white/5 rfp-rounded-lg rfp-min-h-[600px]", children: /* @__PURE__ */ e("div", { className: "rfp-w-8 rfp-h-8 rfp-border-4 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }) }),
                         renderTextLayer: !0,
                         renderAnnotationLayer: !0,
-                        className: "shadow-2xl"
+                        className: "rfp-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 })
+                    /* @__PURE__ */ e("div", { className: "rfp-absolute rfp-top-2 rfp-right-2 rfp-bg-black/60 rfp-backdrop-blur-sm rfp-text-white rfp-text-xs rfp-px-3 rfp-py-1 rfp-rounded-full", children: k })
                   ]
                 },
                 `page_${k}`
@@ -275,38 +275,38 @@ const Be = ({
             }) })
           }
         ),
-        c > 0 && /* @__PURE__ */ d("div", { className: "sticky bottom-2 md:bottom-4 mt-4 md:mt-8 bg-black/60 backdrop-blur-xl text-white px-4 py-2 md:px-6 md:py-3 rounded-full text-xs md:text-sm font-medium shadow-2xl border border-white/10", children: [
+        a > 0 && /* @__PURE__ */ i("div", { className: "rfp-sticky rfp-bottom-2 md:rfp-bottom-4 rfp-mt-4 md:rfp-mt-8 rfp-bg-black/60 rfp-backdrop-blur-xl rfp-text-white rfp-px-4 rfp-py-2 md:rfp-px-6 md:rfp-py-3 rfp-rounded-full rfp-text-xs md:rfp-text-sm rfp-font-medium rfp-shadow-2xl rfp-border rfp-border-white/10", children: [
           "第 ",
           l,
           " 页 / 共 ",
-          c,
+          a,
           " 页"
         ] })
       ]
     }
   );
-}, He = ({ url: r }) => {
-  const [t, l] = f(""), [a, n] = f(!0), [c, i] = f(null);
+}, He = ({ url: t }) => {
+  const [r, l] = h(""), [f, n] = h(!0), [a, s] = h(null);
   return L(() => {
     (async () => {
-      n(!0), i(null), l("");
+      n(!0), s(null), l("");
       try {
-        const s = await fetch(r);
-        if (!s.ok)
+        const p = await fetch(t);
+        if (!p.ok)
           throw new Error("文件加载失败");
-        const w = await s.arrayBuffer(), h = await Ce.convertToHtml({ arrayBuffer: w });
-        l(h.value);
-      } catch (s) {
-        console.error("Docx 解析错误:", s), i("Word 文档解析失败");
+        const w = await p.arrayBuffer(), m = await Ce.convertToHtml({ arrayBuffer: w });
+        l(m.value);
+      } catch (p) {
+        console.error("Docx 解析错误:", p), s("Word 文档解析失败");
       } finally {
         n(!1);
       }
     })();
-  }, [r]), a ? /* @__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" }) }) : c ? /* @__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: c }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-4 md:p-8", children: /* @__PURE__ */ e(
+  }, [t]), f ? /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }) }) : a ? /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-white/70 rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: a }) }) }) : /* @__PURE__ */ e("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-p-4 md:rfp-p-8", children: /* @__PURE__ */ e(
     "div",
     {
-      className: "max-w-full md:max-w-4xl mx-auto bg-white rounded-lg shadow-2xl p-6 md:p-12",
-      dangerouslySetInnerHTML: { __html: t },
+      className: "rfp-max-w-full md:rfp-max-w-4xl rfp-mx-auto rfp-bg-white rfp-rounded-lg rfp-shadow-2xl rfp-p-6 md:rfp-p-12",
+      dangerouslySetInnerHTML: { __html: r },
       style: {
         fontFamily: "system-ui, -apple-system, sans-serif",
         lineHeight: "1.6",
@@ -314,136 +314,136 @@ const Be = ({
       }
     }
   ) });
-}, Ae = ({ url: r }) => {
-  const [t, l] = f([]), [a, n] = f(0), [c, i] = f(!0), [o, s] = f(null);
+}, Ae = ({ url: t }) => {
+  const [r, l] = h([]), [f, n] = h(0), [a, s] = h(!0), [o, p] = h(null);
   if (L(() => {
     (async () => {
-      i(!0), s(null), l([]);
+      s(!0), p(null), l([]);
       try {
-        const m = await fetch(r);
-        if (!m.ok)
+        const c = await fetch(t);
+        if (!c.ok)
           throw new Error("文件加载失败");
-        const N = await m.arrayBuffer(), x = _.read(N, { type: "array" }), b = x.SheetNames.map((p) => {
-          const y = x.Sheets[p], k = _.utils.sheet_to_json(y, { header: 1 });
-          return { name: p, data: k };
+        const N = await c.arrayBuffer(), x = _.read(N, { type: "array" }), b = x.SheetNames.map((u) => {
+          const y = x.Sheets[u], k = _.utils.sheet_to_json(y, { header: 1 });
+          return { name: u, data: k };
         });
         l(b), n(0);
-      } catch (m) {
-        console.error("Excel 解析错误:", m), s("Excel 文件解析失败");
+      } catch (c) {
+        console.error("Excel 解析错误:", c), p("Excel 文件解析失败");
       } finally {
-        i(!1);
+        s(!1);
       }
     })();
-  }, [r]), c)
-    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" }) });
+  }, [t]), a)
+    return /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }) });
   if (o)
-    return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: o }) }) });
-  const w = t[a];
-  return /* @__PURE__ */ d("div", { className: "w-full h-full flex flex-col overflow-hidden", children: [
-    t.length > 1 && /* @__PURE__ */ e("div", { className: "flex gap-1 md:gap-2 p-2 md:p-4 bg-black/20 backdrop-blur-sm overflow-x-auto border-b border-white/10 scrollbar-hide", children: t.map((h, m) => /* @__PURE__ */ e(
+    return /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-white/70 rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: o }) }) });
+  const w = r[f];
+  return /* @__PURE__ */ i("div", { className: "rfp-w-full rfp-h-full rfp-flex rfp-flex-col rfp-overflow-hidden", children: [
+    r.length > 1 && /* @__PURE__ */ e("div", { className: "rfp-flex rfp-gap-1 md:rfp-gap-2 rfp-p-2 md:rfp-p-4 rfp-bg-black/20 rfp-backdrop-blur-sm rfp-overflow-x-auto rfp-border-b rfp-border-white/10 scrollbar-hide", children: r.map((m, c) => /* @__PURE__ */ e(
       "button",
       {
-        onClick: () => n(m),
-        className: `px-3 py-1.5 md:px-4 md:py-2 rounded-lg text-xs md:text-sm font-medium transition-all flex-shrink-0 ${a === m ? "bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg" : "bg-white/10 text-white hover:bg-white/20"}`,
-        children: h.name
+        onClick: () => n(c),
+        className: `rfp-px-3 rfp-py-1.5 md:rfp-px-4 md:rfp-py-2 rfp-rounded-lg rfp-text-xs md:rfp-text-sm rfp-font-medium rfp-transition-all rfp-flex-shrink-0 ${f === c ? "rfp-bg-gradient-to-r rfp-from-purple-500 rfp-to-pink-500 rfp-text-white rfp-shadow-lg" : "rfp-bg-white/10 rfp-text-white hover:rfp-bg-white/20"}`,
+        children: m.name
       },
-      m
+      c
     )) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-2 md: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-xl md: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((h, m) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "rfp-flex-1 rfp-overflow-auto rfp-p-2 md:rfp-p-8", children: /* @__PURE__ */ e("div", { className: "rfp-inline-block rfp-min-w-full rfp-bg-gradient-to-br rfp-from-gray-800/90 rfp-to-gray-900/90 rfp-backdrop-blur-xl rfp-rounded-xl md:rfp-rounded-2xl rfp-shadow-2xl rfp-overflow-hidden rfp-border rfp-border-white/10", children: /* @__PURE__ */ e("table", { className: "rfp-min-w-full rfp-divide-y rfp-divide-white/10", children: /* @__PURE__ */ e("tbody", { className: "rfp-divide-y rfp-divide-white/10", children: w == null ? void 0 : w.data.map((m, c) => /* @__PURE__ */ e(
       "tr",
       {
-        className: `transition-colors ${m === 0 ? "bg-gradient-to-r from-purple-500/20 to-pink-500/20 font-semibold" : "hover:bg-white/5"}`,
-        children: h.map((N, x) => /* @__PURE__ */ e(
+        className: `rfp-transition-colors ${c === 0 ? "rfp-bg-gradient-to-r rfp-from-purple-500/20 rfp-to-pink-500/20 rfp-font-semibold" : "hover:rfp-bg-white/5"}`,
+        children: m.map((N, x) => /* @__PURE__ */ e(
           "td",
           {
-            className: "px-3 py-2 md:px-6 md:py-4 whitespace-nowrap text-xs md:text-sm text-gray-200 border-r border-white/10",
+            className: "rfp-px-3 rfp-py-2 md:rfp-px-6 md:rfp-py-4 rfp-whitespace-nowrap rfp-text-xs md:rfp-text-sm rfp-text-gray-200 rfp-border-r rfp-border-white/10",
             children: String(N ?? "")
           },
           x
         ))
       },
-      m
+      c
     )) }) }) }) })
   ] });
-}, Ue = ({ url: r }) => {
-  const [t, l] = f(!0), [a, n] = f(null), c = R(null), i = R(null), o = R(null), s = R(null), w = R(null), h = R({ width: 0, height: 0 }), m = M(() => {
-    if (!c.current) return { width: 960, height: 540 };
-    const x = c.current.clientWidth, b = Math.floor(x * 9 / 16);
+}, Ue = ({ url: t }) => {
+  const [r, l] = h(!0), [f, n] = h(null), a = R(null), s = R(null), o = R(null), p = R(null), w = R(null), m = R({ width: 0, height: 0 }), c = M(() => {
+    if (!a.current) return { width: 960, height: 540 };
+    const x = a.current.clientWidth, b = Math.floor(x * 9 / 16);
     return console.log("计算尺寸:", { width: x, height: b }), { width: x, height: b };
   }, []), N = M(async () => {
-    if (!(!c.current || !s.current)) {
+    if (!(!a.current || !p.current)) {
       console.log("重新初始化预览器...");
       try {
-        if (i.current)
+        if (s.current)
           try {
-            i.current.destroy();
-          } catch (p) {
-            console.error("销毁预览器失败:", p);
+            s.current.destroy();
+          } catch (u) {
+            console.error("销毁预览器失败:", u);
           }
-        c.current.innerHTML = "";
-        const x = m();
+        a.current.innerHTML = "";
+        const x = c();
         console.log("重新初始化使用尺寸:", x);
-        const b = G(c.current, {
+        const b = G(a.current, {
           width: x.width,
           height: x.height
         });
-        i.current = b, await b.preview(s.current), console.log("重新初始化成功");
+        s.current = b, await b.preview(p.current), console.log("重新初始化成功");
       } catch (x) {
         console.error("重新初始化失败:", x);
       }
     }
-  }, [m]);
+  }, [c]);
   return L(() => {
-    if (!c.current) return;
+    if (!a.current) return;
     let x = !0;
     const b = () => {
       if (x) {
         x = !1;
-        const u = m();
-        h.current = u;
+        const d = c();
+        m.current = d;
         return;
       }
-      const p = m(), y = h.current, k = Math.abs(y.width - p.width), j = Math.abs(y.height - p.height);
+      const u = c(), y = m.current, k = Math.abs(y.width - u.width), j = Math.abs(y.height - u.height);
       if (k < 10 && j < 10) {
         console.log("尺寸变化太小，忽略");
         return;
       }
       console.log("检测到尺寸变化:", {
         old: y,
-        new: p,
+        new: u,
         diff: { width: k, height: j }
-      }), h.current = p, w.current && clearTimeout(w.current), w.current = window.setTimeout(() => {
-        i.current && s.current && (console.log("尺寸变化，准备重新初始化"), N());
+      }), m.current = u, w.current && clearTimeout(w.current), w.current = window.setTimeout(() => {
+        s.current && p.current && (console.log("尺寸变化，准备重新初始化"), N());
       }, 800);
     };
     return o.current = new ResizeObserver(() => {
       b();
-    }), o.current.observe(c.current), () => {
+    }), o.current.observe(a.current), () => {
       o.current && o.current.disconnect(), w.current && clearTimeout(w.current);
     };
-  }, [m, N]), L(() => {
+  }, [c, N]), L(() => {
     let x = !0;
     const b = async () => {
-      if (!c.current) {
+      if (!a.current) {
         console.log("Container ref not ready");
         return;
       }
       l(!0), n(null);
       try {
-        console.log("开始加载 PPTX:", r);
-        const y = await fetch(r);
+        console.log("开始加载 PPTX:", t);
+        const y = await fetch(t);
         if (!y.ok)
           throw new Error("文件加载失败");
         const k = await y.arrayBuffer();
-        if (s.current = k, console.log("文件加载成功，大小:", k.byteLength), !x) return;
-        c.current && (c.current.innerHTML = "");
-        const j = m();
+        if (p.current = k, console.log("文件加载成功，大小:", k.byteLength), !x) return;
+        a.current && (a.current.innerHTML = "");
+        const j = c();
         console.log("使用尺寸:", j), console.log("初始化预览器...");
-        const u = G(c.current, {
+        const d = G(a.current, {
           width: j.width,
           height: j.height
         });
-        i.current = u, console.log("开始预览..."), u.preview(k).then(() => {
+        s.current = d, console.log("开始预览..."), d.preview(k).then(() => {
           console.log("预览成功"), x && l(!1);
         }).catch((P) => {
           console.error("预览失败:", P), x && (n("PPT 文件预览失败"), l(!1));
@@ -451,52 +451,52 @@ const Be = ({
       } catch (y) {
         console.error("PPTX 解析错误:", y), x && (n(y instanceof Error ? y.message : "PPT 文件解析失败"), l(!1));
       }
-    }, p = setTimeout(() => {
+    }, u = setTimeout(() => {
       b();
     }, 100);
     return () => {
-      if (x = !1, clearTimeout(p), s.current = null, i.current)
+      if (x = !1, clearTimeout(u), p.current = null, s.current)
         try {
-          i.current.destroy();
+          s.current.destroy();
         } catch (y) {
           console.error("销毁预览器失败:", y);
         }
-      i.current = null;
+      s.current = null;
     };
-  }, [r, m]), /* @__PURE__ */ d("div", { className: "relative flex flex-col items-center w-full h-full pt-2 px-2 md:px-4", children: [
-    t && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-10 rounded-xl md:rounded-2xl", children: /* @__PURE__ */ d("div", { className: "text-center", children: [
-      /* @__PURE__ */ e("div", { className: "w-10 h-10 md:w-12 md:h-12 mx-auto mb-3 border-4 border-white/20 border-t-white rounded-full animate-spin" }),
-      /* @__PURE__ */ e("p", { className: "text-xs md:text-sm text-white/70 font-medium", children: "加载 PPT 中..." })
+  }, [t, c]), /* @__PURE__ */ i("div", { className: "rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full rfp-pt-2 rfp-px-2 md:rfp-px-4", children: [
+    r && /* @__PURE__ */ e("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-black/50 rfp-backdrop-blur-sm rfp-z-10 rfp-rounded-xl md:rfp-rounded-2xl", children: /* @__PURE__ */ i("div", { className: "rfp-text-center", children: [
+      /* @__PURE__ */ e("div", { className: "rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-4 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }),
+      /* @__PURE__ */ e("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-white/70 rfp-font-medium", children: "加载 PPT 中..." })
     ] }) }),
-    a && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-10 rounded-xl md:rounded-2xl", children: /* @__PURE__ */ d("div", { className: "text-center max-w-sm md:max-w-md px-4", children: [
-      /* @__PURE__ */ e("div", { className: "w-24 h-24 md:w-32 md:h-32 mx-auto mb-4 md:mb-6 rounded-2xl md: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(se, { className: "w-12 h-12 md:w-16 md:h-16 text-white" }) }),
-      /* @__PURE__ */ e("p", { className: "text-lg md:text-xl text-white/90 mb-2 md:mb-3 font-medium", children: "PPT 预览" }),
-      /* @__PURE__ */ e("p", { className: "text-xs md:text-sm text-white/60 mb-4 md:mb-6", children: a || "浏览器暂不支持直接预览 PPT 文件" }),
-      /* @__PURE__ */ d(
+    f && /* @__PURE__ */ e("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-black/50 rfp-backdrop-blur-sm rfp-z-10 rfp-rounded-xl md:rfp-rounded-2xl", children: /* @__PURE__ */ i("div", { className: "rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4", children: [
+      /* @__PURE__ */ e("div", { className: "rfp-w-24 rfp-h-24 md:rfp-w-32 md:rfp-h-32 rfp-mx-auto rfp-mb-4 md:rfp-mb-6 rfp-rounded-2xl md:rfp-rounded-3xl rfp-bg-gradient-to-br rfp-from-orange-500 rfp-via-red-500 rfp-to-pink-500 rfp-flex rfp-items-center rfp-justify-center rfp-shadow-2xl", children: /* @__PURE__ */ e(pe, { className: "rfp-w-12 rfp-h-12 md:rfp-w-16 md:rfp-h-16 rfp-text-white" }) }),
+      /* @__PURE__ */ e("p", { className: "rfp-text-lg md:rfp-text-xl rfp-text-white/90 rfp-mb-2 md:rfp-mb-3 rfp-font-medium", children: "PPT 预览" }),
+      /* @__PURE__ */ e("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-white/60 rfp-mb-4 md:rfp-mb-6", children: f || "浏览器暂不支持直接预览 PPT 文件" }),
+      /* @__PURE__ */ i(
         "a",
         {
-          href: r,
+          href: t,
           download: !0,
-          className: "inline-flex items-center gap-2 px-4 py-2 md:px-6 md:py-3 bg-gradient-to-r from-purple-500 to-pink-500 text-white text-sm md:text-base rounded-lg md:rounded-xl hover:scale-105 transition-all shadow-lg",
+          className: "rfp-inline-flex rfp-items-center rfp-gap-2 rfp-px-4 rfp-py-2 md:rfp-px-6 md:rfp-py-3 rfp-bg-gradient-to-r rfp-from-purple-500 rfp-to-pink-500 rfp-text-white rfp-text-sm md:rfp-text-base rfp-rounded-lg md:rfp-rounded-xl hover:rfp-scale-105 rfp-transition-all rfp-shadow-lg",
           children: [
-            /* @__PURE__ */ e("svg", { className: "w-4 h-4 md:w-5 md: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("svg", { className: "rfp-w-4 rfp-h-4 md:rfp-w-5 md:rfp-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-3 md:mt-4", children: "提示：可以使用 Microsoft PowerPoint 或 WPS 打开" })
+      /* @__PURE__ */ e("p", { className: "rfp-text-xs rfp-text-white/40 rfp-mt-3 md:rfp-mt-4", children: "提示：可以使用 Microsoft PowerPoint 或 WPS 打开" })
     ] }) }),
     /* @__PURE__ */ e(
       "div",
       {
-        ref: c,
-        className: "pptx-wrapper w-full max-w-full md:max-w-6xl"
+        ref: a,
+        className: "pptx-wrapper rfp-w-full rfp-max-w-full md:rfp-max-w-6xl"
       }
     )
   ] });
-}, Xe = (r) => {
-  var a;
-  const t = ((a = r.split(".").pop()) == null ? void 0 : a.toLowerCase().split("?")[0]) || "";
+}, Xe = (t) => {
+  var f;
+  const r = ((f = t.split(".").pop()) == null ? void 0 : f.toLowerCase().split("?")[0]) || "";
   return {
     mp4: "video/mp4",
     webm: "video/webm",
@@ -509,14 +509,14 @@ const Be = ({
     m4v: "video/mp4",
     "3gp": "video/3gpp",
     flv: "video/x-flv"
-  }[t] || "video/mp4";
-}, Oe = ({ url: r }) => {
-  const [t, l] = f(null), [a, n] = f(!0), c = R(null), i = R(null);
+  }[r] || "video/mp4";
+}, Oe = ({ url: t }) => {
+  const [r, l] = h(null), [f, n] = h(!0), a = R(null), s = R(null);
   return L(() => {
-    if (!i.current && c.current) {
+    if (!s.current && a.current) {
       const o = document.createElement("video-js");
-      o.classList.add("vjs-big-play-centered", "vjs-theme-apple"), c.current.appendChild(o);
-      const s = Xe(r), h = Se(o, {
+      o.classList.add("vjs-big-play-centered", "vjs-theme-apple"), a.current.appendChild(o);
+      const p = Xe(t), m = Se(o, {
         controls: !0,
         responsive: !0,
         fluid: !0,
@@ -544,46 +544,46 @@ const Be = ({
           nativeAudioTracks: !1,
           nativeTextTracks: !1
         },
-        sources: s === "video/quicktime" ? [
-          { src: r, type: "video/quicktime" },
-          { src: r, type: "video/mp4" }
+        sources: p === "video/quicktime" ? [
+          { src: t, type: "video/quicktime" },
+          { src: t, type: "video/mp4" }
           // 备用方案
-        ] : [{ src: r, type: s }]
+        ] : [{ src: t, type: p }]
       });
-      h.on("loadeddata", () => {
+      m.on("loadeddata", () => {
         n(!1);
-      }), h.on("error", () => {
-        const m = h.error();
-        console.error("Video.js error:", m), l(`视频加载失败: ${(m == null ? void 0 : m.message) || "未知错误"}`), n(!1);
-      }), i.current = h;
+      }), m.on("error", () => {
+        const c = m.error();
+        console.error("Video.js error:", c), l(`视频加载失败: ${(c == null ? void 0 : c.message) || "未知错误"}`), n(!1);
+      }), s.current = m;
     }
-  }, [r]), L(() => {
-    const o = i.current;
+  }, [t]), L(() => {
+    const o = s.current;
     return () => {
-      o && !o.isDisposed() && (o.dispose(), i.current = null);
+      o && !o.isDisposed() && (o.dispose(), s.current = null);
     };
-  }, []), t ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ d("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-4 md:p-8", children: /* @__PURE__ */ d("div", { className: "w-full max-w-full md:max-w-5xl relative", children: [
-    a && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded-2xl z-10", children: /* @__PURE__ */ d("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: "加载视频中..." })
+  }, []), r ? /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ i("div", { className: "rfp-text-center", children: [
+    /* @__PURE__ */ e("div", { className: "rfp-w-16 rfp-h-16 rfp-mx-auto rfp-mb-4 rfp-rounded-full rfp-bg-red-500/10 rfp-flex rfp-items-center rfp-justify-center", children: /* @__PURE__ */ e("svg", { className: "rfp-w-8 rfp-h-8 rfp-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: "rfp-text-lg rfp-font-medium rfp-text-white/90 rfp-mb-2", children: "视频加载失败" }),
+    /* @__PURE__ */ e("p", { className: "rfp-text-sm rfp-text-white/60", children: r })
+  ] }) }) : /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-4 md:rfp-p-8", children: /* @__PURE__ */ i("div", { className: "rfp-w-full rfp-max-w-full md:rfp-max-w-5xl rfp-relative", children: [
+    f && /* @__PURE__ */ e("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-black/20 rfp-backdrop-blur-sm rfp-rounded-2xl rfp-z-10", children: /* @__PURE__ */ i("div", { className: "rfp-text-center", children: [
+      /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-3 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }),
+      /* @__PURE__ */ e("p", { className: "rfp-text-sm rfp-text-white/70 rfp-font-medium", children: "加载视频中..." })
     ] }) }),
     /* @__PURE__ */ e(
       "div",
       {
-        ref: c,
-        className: "overflow-hidden",
+        ref: a,
+        className: "rfp-overflow-hidden",
         style: {
           boxShadow: "0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)"
         }
       }
     )
   ] }) });
-}, Ve = ({ url: r, fileName: t }) => {
-  const [l, a] = f(null), [n, c] = f(!1), [i, o] = f(0), [s, w] = f(0), [h, m] = f(1), [N, x] = f(!1), b = R(null);
+}, Ve = ({ url: t, fileName: r }) => {
+  const [l, f] = h(null), [n, a] = h(!1), [s, o] = h(0), [p, w] = h(0), [m, c] = h(1), [N, x] = h(!1), b = R(null);
   L(() => {
     const g = b.current;
     if (!g) return;
@@ -591,46 +591,46 @@ const Be = ({
       isNaN(g.currentTime) || o(g.currentTime);
     }, T = () => {
       !isNaN(g.duration) && isFinite(g.duration) && w(g.duration);
-    }, z = () => c(!1), D = () => T();
+    }, z = () => a(!1), D = () => T();
     return g.addEventListener("timeupdate", S), g.addEventListener("loadedmetadata", T), g.addEventListener("durationchange", T), g.addEventListener("canplay", D), g.addEventListener("ended", z), g.readyState >= 1 && T(), () => {
       g.removeEventListener("timeupdate", S), g.removeEventListener("loadedmetadata", T), g.removeEventListener("durationchange", T), g.removeEventListener("canplay", D), g.removeEventListener("ended", z);
     };
   }, []);
-  const p = () => {
-    b.current && (n ? b.current.pause() : b.current.play(), c(!n));
+  const u = () => {
+    b.current && (n ? b.current.pause() : b.current.play(), a(!n));
   }, y = (g) => {
     const S = parseFloat(g.target.value);
     o(S), b.current && (b.current.currentTime = S);
   }, k = (g) => {
     const S = parseFloat(g.target.value);
-    m(S), b.current && (b.current.volume = S), S > 0 && x(!1);
+    c(S), b.current && (b.current.volume = S), S > 0 && x(!1);
   }, j = () => {
     b.current && (b.current.muted = !N, x(!N));
-  }, u = (g) => {
+  }, d = (g) => {
     b.current && (b.current.currentTime += g);
   }, P = (g) => {
     if (!isFinite(g) || isNaN(g) || g < 0) return "0:00";
     const S = Math.floor(g / 60), T = Math.floor(g % 60);
     return `${S}:${T.toString().padStart(2, "0")}`;
   }, C = () => {
-    a("音频加载失败");
+    f("音频加载失败");
   };
-  return l ? /* @__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: l }) }) }) : /* @__PURE__ */ d("div", { className: "flex flex-col items-center justify-center w-full h-full p-4 md:p-8 gap-4 md:gap-8", children: [
-    /* @__PURE__ */ e("div", { className: "w-48 h-48 md:w-64 md: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(ae, { className: "w-24 h-24 md:w-32 md:h-32 text-white" }) }),
-    /* @__PURE__ */ d("div", { className: "text-white text-center max-w-sm md:max-w-md px-4", children: [
-      /* @__PURE__ */ e("p", { className: "text-xl md:text-2xl font-medium mb-1 truncate", children: t }),
-      /* @__PURE__ */ e("p", { className: "text-xs md:text-sm text-white/60", children: "音频文件" })
+  return l ? /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-white/70 rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: l }) }) }) : /* @__PURE__ */ i("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-4 md:rfp-p-8 rfp-gap-4 md:rfp-gap-8", children: [
+    /* @__PURE__ */ e("div", { className: "rfp-w-48 rfp-h-48 md:rfp-w-64 md:rfp-h-64 rfp-rounded-3xl rfp-bg-gradient-to-br rfp-from-purple-500 rfp-via-pink-500 rfp-to-rose-500 rfp-flex rfp-items-center rfp-justify-center rfp-shadow-2xl rfp-backdrop-blur-xl", children: /* @__PURE__ */ e(fe, { className: "rfp-w-24 rfp-h-24 md:rfp-w-32 md:rfp-h-32 rfp-text-white" }) }),
+    /* @__PURE__ */ i("div", { className: "rfp-text-white rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4", children: [
+      /* @__PURE__ */ e("p", { className: "rfp-text-xl md:rfp-text-2xl rfp-font-medium rfp-mb-1 rfp-truncate", children: r }),
+      /* @__PURE__ */ e("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-white/60", children: "音频文件" })
     ] }),
-    /* @__PURE__ */ d("div", { className: "w-full max-w-sm md:max-w-md bg-white/10 backdrop-blur-xl rounded-2xl p-4 md:p-6 border border-white/20", children: [
-      /* @__PURE__ */ d("div", { className: "mb-4", children: [
-        /* @__PURE__ */ d("div", { className: "relative h-4 flex items-center", children: [
-          /* @__PURE__ */ e("div", { className: "absolute w-full h-[6px] bg-white/20 rounded-full" }),
+    /* @__PURE__ */ i("div", { className: "rfp-w-full rfp-max-w-sm md:rfp-max-w-md rfp-bg-white/10 rfp-backdrop-blur-xl rfp-rounded-2xl rfp-p-4 md:rfp-p-6 rfp-border rfp-border-white/20", children: [
+      /* @__PURE__ */ i("div", { className: "rfp-mb-4", children: [
+        /* @__PURE__ */ i("div", { className: "rfp-relative rfp-h-4 rfp-flex rfp-items-center", children: [
+          /* @__PURE__ */ e("div", { className: "rfp-absolute rfp-w-full rfp-h-[6px] rfp-bg-white/20 rfp-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",
+              className: "rfp-absolute rfp-h-[6px] rfp-bg-gradient-to-r rfp-from-purple-500 rfp-to-pink-500 rfp-rounded-full rfp-transition-all rfp-duration-100 rfp-ease-linear rfp-pointer-events-none",
               style: {
-                width: `${s > 0 ? i / s * 100 : i > 100 ? 100 : i}%`
+                width: `${p > 0 ? s / p * 100 : s > 100 ? 100 : s}%`
               }
             }
           ),
@@ -639,61 +639,61 @@ const Be = ({
             {
               type: "range",
               min: "0",
-              max: s > 0 ? s : 100 + (i > 100 ? i % 100 : 0),
-              value: i,
+              max: p > 0 ? p : 100 + (s > 100 ? s % 100 : 0),
+              value: s,
               onChange: y,
-              className: "audio-slider absolute w-full"
+              className: "audio-slider rfp-absolute rfp-w-full"
             }
           )
         ] }),
-        /* @__PURE__ */ d("div", { className: "flex justify-between text-xs text-white/60 mt-3", children: [
-          /* @__PURE__ */ e("span", { children: P(i) }),
-          /* @__PURE__ */ e("span", { children: P(s) })
+        /* @__PURE__ */ i("div", { className: "rfp-flex rfp-justify-between rfp-text-xs rfp-text-white/60 rfp-mt-3", children: [
+          /* @__PURE__ */ e("span", { children: P(s) }),
+          /* @__PURE__ */ e("span", { children: P(p) })
         ] })
       ] }),
-      /* @__PURE__ */ d("div", { className: "flex items-center justify-center gap-4 mb-4", children: [
+      /* @__PURE__ */ i("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-gap-4 rfp-mb-4", children: [
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => u(-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(ie, { className: "w-5 h-5" })
+            onClick: () => d(-10),
+            className: "rfp-w-10 rfp-h-10 rfp-rounded-full rfp-bg-white/10 hover:rfp-bg-white/20 rfp-flex rfp-items-center rfp-justify-center rfp-text-white rfp-transition-all",
+            children: /* @__PURE__ */ e(se, { className: "rfp-w-5 rfp-h-5" })
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: p,
-            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: n ? /* @__PURE__ */ e(ce, { className: "w-6 h-6" }) : /* @__PURE__ */ e(de, { className: "w-6 h-6 ml-1" })
+            onClick: u,
+            className: "rfp-w-14 rfp-h-14 rfp-rounded-full rfp-bg-gradient-to-br rfp-from-purple-500 rfp-to-pink-500 hover:rfp-scale-105 rfp-flex rfp-items-center rfp-justify-center rfp-text-white rfp-transition-all rfp-shadow-lg",
+            children: n ? /* @__PURE__ */ e(ae, { className: "rfp-w-6 rfp-h-6" }) : /* @__PURE__ */ e(ie, { className: "rfp-w-6 rfp-h-6 rfp-ml-1" })
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => u(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(me, { className: "w-5 h-5" })
+            onClick: () => d(10),
+            className: "rfp-w-10 rfp-h-10 rfp-rounded-full rfp-bg-white/10 hover:rfp-bg-white/20 rfp-flex rfp-items-center rfp-justify-center rfp-text-white rfp-transition-all",
+            children: /* @__PURE__ */ e(ce, { className: "rfp-w-5 rfp-h-5" })
           }
         )
       ] }),
-      /* @__PURE__ */ d("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ i("div", { className: "rfp-flex rfp-items-center rfp-gap-3", children: [
         /* @__PURE__ */ e(
           "button",
           {
             onClick: j,
-            className: "text-white/80 hover:text-white transition-colors",
-            children: N || h === 0 ? /* @__PURE__ */ e(ue, { className: "w-5 h-5" }) : /* @__PURE__ */ e(he, { className: "w-5 h-5" })
+            className: "rfp-text-white/80 hover:rfp-text-white rfp-transition-colors",
+            children: N || m === 0 ? /* @__PURE__ */ e(de, { className: "rfp-w-5 rfp-h-5" }) : /* @__PURE__ */ e(me, { className: "rfp-w-5 rfp-h-5" })
           }
         ),
-        /* @__PURE__ */ d("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__ */ i("div", { className: "rfp-flex-1 rfp-relative rfp-h-3 rfp-flex rfp-items-center", children: [
+          /* @__PURE__ */ e("div", { className: "rfp-absolute rfp-w-full rfp-h-[4px] rfp-bg-white/20 rfp-rounded-full" }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: "absolute h-[4px] bg-purple-500 rounded-full transition-all duration-100 pointer-events-none",
+              className: "rfp-absolute rfp-h-[4px] rfp-bg-purple-500 rfp-rounded-full rfp-transition-all rfp-duration-100 rfp-pointer-events-none",
               style: {
-                width: `${(N ? 0 : h) * 100}%`
+                width: `${(N ? 0 : m) * 100}%`
               }
             }
           ),
@@ -704,9 +704,9 @@ const Be = ({
               min: "0",
               max: "1",
               step: "0.01",
-              value: N ? 0 : h,
+              value: N ? 0 : m,
               onChange: k,
-              className: "volume-slider absolute w-full"
+              className: "volume-slider rfp-absolute rfp-w-full"
             }
           )
         ] })
@@ -716,9 +716,9 @@ const Be = ({
       "audio",
       {
         ref: b,
-        src: r,
+        src: t,
         onError: C,
-        className: "hidden"
+        className: "rfp-hidden"
       }
     )
   ] });
@@ -1003,72 +1003,72 @@ const Be = ({
     boxShadow: "inset 5px 0 0 #f7d87c",
     zIndex: "0"
   }
-}, qe = ({ url: r }) => {
-  const [t, l] = f(""), [a, n] = f(!0), [c, i] = f(null);
+}, qe = ({ url: t }) => {
+  const [r, l] = h(""), [f, n] = h(!0), [a, s] = h(null);
   return L(() => {
     (async () => {
       try {
-        n(!0), i(null);
-        const s = await fetch(r);
-        if (!s.ok)
+        n(!0), s(null);
+        const p = await fetch(t);
+        if (!p.ok)
           throw new Error("加载失败");
-        const w = await s.text();
+        const w = await p.text();
         l(w);
-      } catch (s) {
-        i("Markdown 文件加载失败"), console.error(s);
+      } catch (p) {
+        s("Markdown 文件加载失败"), console.error(p);
       } finally {
         n(!1);
       }
     })();
-  }, [r]), a ? /* @__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" }) }) : c ? /* @__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: c }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-4 md:p-8", children: /* @__PURE__ */ e("div", { className: "max-w-full md:max-w-4xl mx-auto bg-white/5 backdrop-blur-sm rounded-2xl p-4 md:p-8 border border-white/10", children: /* @__PURE__ */ e("div", { className: "prose prose-invert prose-sm md:prose-lg max-w-none", children: /* @__PURE__ */ e(
+  }, [t]), f ? /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }) }) : a ? /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-white/70 rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: a }) }) }) : /* @__PURE__ */ e("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-p-4 md:rfp-p-8", children: /* @__PURE__ */ e("div", { className: "rfp-max-w-full md:rfp-max-w-4xl rfp-mx-auto rfp-bg-white/5 rfp-backdrop-blur-sm rfp-rounded-2xl rfp-p-4 md:rfp-p-8 rfp-border rfp-border-white/10", children: /* @__PURE__ */ e("div", { className: "rfp-max-w-none", children: /* @__PURE__ */ e(
     Le,
     {
       remarkPlugins: [Pe],
       components: {
-        code({ node: o, inline: s, className: w, children: h, ...m }) {
+        code({ node: o, inline: p, className: w, children: m, ...c }) {
           const N = /language-(\w+)/.exec(w || "");
-          return !s && N ? /* @__PURE__ */ e(
+          return !p && N ? /* @__PURE__ */ e(
             J,
             {
               style: K,
               language: N[1],
               PreTag: "div",
-              className: "rounded-lg",
-              ...m,
-              children: String(h).replace(/\n$/, "")
+              className: "rfp-rounded-lg",
+              ...c,
+              children: String(m).replace(/\n$/, "")
             }
-          ) : /* @__PURE__ */ e("code", { className: "bg-white/10 px-1.5 py-0.5 rounded text-sm", ...m, children: h });
+          ) : /* @__PURE__ */ e("code", { className: "rfp-bg-white/10 rfp-px-1.5 rfp-py-0.5 rfp-rounded rfp-text-sm", ...c, children: m });
         },
-        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: s }) => /* @__PURE__ */ e(
+        h1: ({ children: o }) => /* @__PURE__ */ e("h1", { className: "rfp-text-4xl rfp-font-bold rfp-mb-4 rfp-text-white rfp-border-b rfp-border-white/20 rfp-pb-2", children: o }),
+        h2: ({ children: o }) => /* @__PURE__ */ e("h2", { className: "rfp-text-3xl rfp-font-bold rfp-mb-3 rfp-text-white rfp-mt-8", children: o }),
+        h3: ({ children: o }) => /* @__PURE__ */ e("h3", { className: "rfp-text-2xl rfp-font-bold rfp-mb-2 rfp-text-white rfp-mt-6", children: o }),
+        p: ({ children: o }) => /* @__PURE__ */ e("p", { className: "rfp-text-white/90 rfp-mb-4 rfp-leading-relaxed", children: o }),
+        a: ({ href: o, children: p }) => /* @__PURE__ */ e(
           "a",
           {
             href: o,
-            className: "text-blue-400 hover:text-blue-300 underline",
+            className: "rfp-text-blue-400 hover:rfp-text-blue-300 rfp-underline",
             target: "_blank",
             rel: "noopener noreferrer",
-            children: s
+            children: p
           }
         ),
-        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: s }) => /* @__PURE__ */ e("img", { src: o, alt: s, className: "rounded-lg max-w-full h-auto my-4" })
+        ul: ({ children: o }) => /* @__PURE__ */ e("ul", { className: "rfp-list-disc rfp-list-inside rfp-mb-4 rfp-text-white/90", children: o }),
+        ol: ({ children: o }) => /* @__PURE__ */ e("ol", { className: "rfp-list-decimal rfp-list-inside rfp-mb-4 rfp-text-white/90", children: o }),
+        li: ({ children: o }) => /* @__PURE__ */ e("li", { className: "rfp-mb-1", children: o }),
+        blockquote: ({ children: o }) => /* @__PURE__ */ e("blockquote", { className: "rfp-border-l-4 rfp-border-blue-500 rfp-pl-4 rfp-italic rfp-text-white/80 rfp-my-4", children: o }),
+        table: ({ children: o }) => /* @__PURE__ */ e("div", { className: "rfp-overflow-x-auto rfp-my-4", children: /* @__PURE__ */ e("table", { className: "rfp-min-w-full rfp-border rfp-border-white/20", children: o }) }),
+        th: ({ children: o }) => /* @__PURE__ */ e("th", { className: "rfp-border rfp-border-white/20 rfp-px-4 rfp-py-2 rfp-bg-white/10 rfp-text-white rfp-font-semibold", children: o }),
+        td: ({ children: o }) => /* @__PURE__ */ e("td", { className: "rfp-border rfp-border-white/20 rfp-px-4 rfp-py-2 rfp-text-white/90", children: o }),
+        hr: () => /* @__PURE__ */ e("hr", { className: "rfp-border-white/20 rfp-my-6" }),
+        img: ({ src: o, alt: p }) => /* @__PURE__ */ e("img", { src: o, alt: p, className: "rfp-rounded-lg rfp-max-w-full rfp-h-auto rfp-my-4" })
       },
-      children: t
+      children: r
     }
   ) }) }) });
-}, Ze = (r) => {
-  var a;
-  const t = ((a = r.split(".").pop()) == null ? void 0 : a.toLowerCase()) || "";
+}, Ze = (t) => {
+  var f;
+  const r = ((f = t.split(".").pop()) == null ? void 0 : f.toLowerCase()) || "";
   return {
     js: "javascript",
     jsx: "jsx",
@@ -1104,34 +1104,34 @@ const Be = ({
     conf: "nginx",
     md: "markdown",
     txt: "text"
-  }[t] || "text";
-}, _e = ({ url: r, fileName: t }) => {
-  const [l, a] = f(""), [n, c] = f(!0), [i, o] = f(null), s = Ze(t);
+  }[r] || "text";
+}, _e = ({ url: t, fileName: r }) => {
+  const [l, f] = h(""), [n, a] = h(!0), [s, o] = h(null), p = Ze(r);
   return L(() => {
     (async () => {
       try {
-        c(!0), o(null);
-        const h = await fetch(r);
-        if (!h.ok)
+        a(!0), o(null);
+        const m = await fetch(t);
+        if (!m.ok)
           throw new Error("加载失败");
-        const m = await h.text();
-        a(m);
-      } catch (h) {
-        o("文本文件加载失败"), console.error(h);
+        const c = await m.text();
+        f(c);
+      } catch (m) {
+        o("文本文件加载失败"), console.error(m);
       } finally {
-        c(!1);
+        a(!1);
       }
     })();
-  }, [r]), n ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-4 border-white/20 border-t-white rounded-full animate-spin" }) }) : i ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e("div", { className: "text-white/70 text-center", children: /* @__PURE__ */ e("p", { className: "text-lg", children: i }) }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full overflow-auto p-4 md:p-8", children: /* @__PURE__ */ d("div", { className: "max-w-full md:max-w-6xl mx-auto bg-white/5 backdrop-blur-sm rounded-2xl border border-white/10 overflow-hidden", children: [
-    /* @__PURE__ */ d("div", { className: "flex items-center gap-2 md:gap-3 px-4 py-3 md:px-6 md:py-4 bg-white/5 border-b border-white/10", children: [
-      /* @__PURE__ */ e(pe, { className: "w-4 h-4 md:w-5 md:h-5 text-white/70 flex-shrink-0" }),
-      /* @__PURE__ */ e("span", { className: "text-white font-medium text-sm md:text-base truncate", children: t }),
-      /* @__PURE__ */ e("span", { className: "ml-auto text-xs text-white/50 uppercase flex-shrink-0", children: s })
+  }, [t]), n ? /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-white/20 rfp-border-t-white rfp-rounded-full rfp-animate-spin" }) }) : s ? /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-white/70 rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: s }) }) }) : /* @__PURE__ */ e("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-p-4 md:rfp-p-8", children: /* @__PURE__ */ i("div", { className: "rfp-max-w-full md:rfp-max-w-6xl rfp-mx-auto rfp-bg-white/5 rfp-backdrop-blur-sm rfp-rounded-2xl rfp-border rfp-border-white/10 rfp-overflow-hidden", children: [
+    /* @__PURE__ */ i("div", { className: "rfp-flex rfp-items-center rfp-gap-2 md:rfp-gap-3 rfp-px-4 rfp-py-3 md:rfp-px-6 md:rfp-py-4 rfp-bg-white/5 rfp-border-b rfp-border-white/10", children: [
+      /* @__PURE__ */ e(ue, { className: "rfp-w-4 rfp-h-4 md:rfp-w-5 md:rfp-h-5 rfp-text-white/70 rfp-flex-shrink-0" }),
+      /* @__PURE__ */ e("span", { className: "rfp-text-white rfp-font-medium rfp-text-sm md:rfp-text-base rfp-truncate", children: r }),
+      /* @__PURE__ */ e("span", { className: "rfp-ml-auto rfp-text-xs rfp-text-white/50 rfp-uppercase rfp-flex-shrink-0", children: p })
     ] }),
-    /* @__PURE__ */ e("div", { className: "text-sm", children: s === "text" ? /* @__PURE__ */ e("pre", { className: "p-6 text-white/90 font-mono whitespace-pre-wrap break-words", children: l }) : /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "rfp-text-sm", children: p === "text" ? /* @__PURE__ */ e("pre", { className: "rfp-p-6 rfp-text-white/90 rfp-font-mono rfp-whitespace-pre-wrap rfp-break-words", children: l }) : /* @__PURE__ */ e(
       J,
       {
-        language: s,
+        language: p,
         style: K,
         showLineNumbers: !0,
         customStyle: {
@@ -1151,50 +1151,50 @@ const Be = ({
     ) })
   ] }) });
 }, Ge = ({
-  fileName: r,
-  fileType: t,
+  fileName: t,
+  fileType: r,
   onDownload: l
-}) => /* @__PURE__ */ d("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(fe, { className: "w-16 h-16 text-white/70" }) }),
-  /* @__PURE__ */ d("div", { className: "text-white text-center", children: [
-    /* @__PURE__ */ e("p", { className: "text-xl font-medium mb-2", children: r }),
-    /* @__PURE__ */ d("p", { className: "text-white/70", children: [
+}) => /* @__PURE__ */ i("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-8 rfp-gap-6", children: [
+  /* @__PURE__ */ e("div", { className: "rfp-w-32 rfp-h-32 rfp-rounded-full rfp-bg-white/10 rfp-flex rfp-items-center rfp-justify-center", children: /* @__PURE__ */ e(he, { className: "rfp-w-16 rfp-h-16 rfp-text-white/70" }) }),
+  /* @__PURE__ */ i("div", { className: "rfp-text-white rfp-text-center", children: [
+    /* @__PURE__ */ e("p", { className: "rfp-text-xl rfp-font-medium rfp-mb-2", children: t }),
+    /* @__PURE__ */ i("p", { className: "rfp-text-white/70", children: [
       "不支持预览此文件类型 (",
-      t,
+      r,
       ")"
     ] })
   ] }),
-  /* @__PURE__ */ d(
+  /* @__PURE__ */ i(
     "button",
     {
       onClick: l,
-      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",
+      className: "rfp-flex rfp-items-center rfp-gap-2 rfp-px-6 rfp-py-3 rfp-bg-white/10 hover:rfp-bg-white/20 rfp-backdrop-blur-sm rfp-rounded-lg rfp-text-white rfp-font-medium rfp-transition-all",
       children: [
-        /* @__PURE__ */ e(Y, { className: "w-5 h-5" }),
+        /* @__PURE__ */ e(Y, { className: "rfp-w-5 rfp-h-5" }),
         "下载文件查看"
       ]
     }
   )
-] }), Ye = (r) => {
+] }), Ye = (t) => {
   var n;
-  const t = ((n = r.name.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "", l = r.type.toLowerCase();
-  if (l.startsWith("image/") || ["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(t))
+  const r = ((n = t.name.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "", l = t.type.toLowerCase();
+  if (l.startsWith("image/") || ["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(r))
     return "image";
-  if (l.includes("pdf") || t === "pdf")
+  if (l.includes("pdf") || r === "pdf")
     return "pdf";
-  if (l.includes("wordprocessingml") || t === "docx")
+  if (l.includes("wordprocessingml") || r === "docx")
     return "docx";
-  if (l.includes("spreadsheetml") || t === "xlsx")
+  if (l.includes("spreadsheetml") || r === "xlsx")
     return "xlsx";
-  if (l.includes("presentationml") || t === "pptx" || t === "ppt")
+  if (l.includes("presentationml") || r === "pptx" || r === "ppt")
     return "pptx";
-  if (l.startsWith("video/") || ["mp4", "webm", "ogg", "ogv", "mov", "avi", "mkv", "m4v", "3gp", "flv"].includes(t))
+  if (l.startsWith("video/") || ["mp4", "webm", "ogg", "ogv", "mov", "avi", "mkv", "m4v", "3gp", "flv"].includes(r))
     return "video";
-  if (l.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a", "flac", "aac"].includes(t))
+  if (l.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a", "flac", "aac"].includes(r))
     return "audio";
-  if (t === "md" || t === "markdown")
+  if (r === "md" || r === "markdown")
     return "markdown";
-  const a = [
+  const f = [
     "txt",
     "log",
     "csv",
@@ -1231,19 +1231,19 @@ const Be = ({
     "zsh",
     "sql"
   ];
-  return l.startsWith("text/") || a.includes(t) ? "text" : "unsupported";
-}, it = ({
-  files: r,
-  currentIndex: t,
+  return l.startsWith("text/") || f.includes(r) ? "text" : "unsupported";
+}, sr = ({
+  files: t,
+  currentIndex: r,
   isOpen: l,
-  onClose: a,
+  onClose: f,
   onNavigate: n,
-  customRenderers: c = []
+  customRenderers: a = []
 }) => {
-  const [i, o] = f(1), [s, w] = f(0), [h, m] = f(1), [, N] = f(1), [x, b] = f(null), [p, y] = f(null), k = 50, j = q(() => Fe(r), [r]), u = j[t], P = q(() => u ? c.find((v) => v.test(u)) : null, [u, c]), C = u ? Ye(u) : "unsupported";
+  const [s, o] = h(1), [p, w] = h(0), [m, c] = h(1), [, N] = h(1), [x, b] = h(null), [u, y] = h(null), k = 50, j = q(() => Fe(t), [t]), d = j[r], P = q(() => d ? a.find((v) => v.test(d)) : null, [d, a]), C = d ? Ye(d) : "unsupported";
   L(() => {
-    o(1), w(0), m(1), N(1);
-  }, [t]), L(() => {
+    o(1), w(0), c(1), N(1);
+  }, [r]), L(() => {
     if (l) {
       const v = document.body.style.overflow, F = document.body.style.paddingRight, A = window.innerWidth - document.documentElement.clientWidth;
       return document.body.style.overflow = "hidden", A > 0 && (document.body.style.paddingRight = `${A}px`), () => {
@@ -1253,14 +1253,14 @@ const Be = ({
   }, [l]), L(() => {
     if (!l) return;
     const v = (F) => {
-      F.key === "Escape" ? a() : F.key === "ArrowLeft" && t > 0 ? n == null || n(t - 1) : F.key === "ArrowRight" && t < j.length - 1 && (n == null || n(t + 1));
+      F.key === "Escape" ? f() : F.key === "ArrowLeft" && r > 0 ? n == null || n(r - 1) : F.key === "ArrowRight" && r < j.length - 1 && (n == null || n(r + 1));
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, [l, t, j.length, a, n]);
+  }, [l, r, j.length, f, n]);
   const g = M(() => {
-    o((v) => Math.min(v + 0.25, 5));
+    o((v) => Math.min(v + 0.25, 10));
   }, []), S = M(() => {
-    o((v) => Math.max(v - 0.25, 0.5));
+    o((v) => Math.max(v - 0.25, 0.01));
   }, []), T = M(() => {
     w((v) => v + 90);
   }, []), z = M(() => {
@@ -1274,32 +1274,32 @@ const Be = ({
   }, []), I = M(() => {
     o(1), w(0);
   }, []), X = M(() => {
-    if (!u) return;
+    if (!d) return;
     const v = document.createElement("a");
-    v.href = u.url, v.download = u.name, v.click();
-  }, [u]), ee = M((v) => {
+    v.href = d.url, v.download = d.name, v.click();
+  }, [d]), ee = M((v) => {
     y(null), b(v.targetTouches[0].clientX);
-  }, []), te = M((v) => {
+  }, []), re = M((v) => {
     y(v.targetTouches[0].clientX);
-  }, []), re = M(() => {
-    if (!x || !p) return;
-    const v = x - p, F = v > k, A = v < -k;
-    F && t < j.length - 1 && (n == null || n(t + 1)), A && t > 0 && (n == null || n(t - 1));
-  }, [x, p, k, t, j.length, n]);
-  if (!l || !u) return null;
-  const O = C === "image" || C === "pdf", V = C === "image", oe = /* @__PURE__ */ e(ne, { children: l && /* @__PURE__ */ e(
+  }, []), te = M(() => {
+    if (!x || !u) return;
+    const v = x - u, F = v > k, A = v < -k;
+    F && r < j.length - 1 && (n == null || n(r + 1)), A && r > 0 && (n == null || n(r - 1));
+  }, [x, u, k, r, j.length, n]);
+  if (!l || !d) return null;
+  const O = C === "image" || C === "pdf", V = C === "image", oe = /* @__PURE__ */ e("div", { className: "rfp-root", children: /* @__PURE__ */ e(ne, { children: l && /* @__PURE__ */ e(
     B.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/80 backdrop-blur-md overflow-hidden",
-      onClick: a,
+      className: "rfp-fixed rfp-inset-0 rfp-z-[9999] rfp-flex rfp-items-center rfp-justify-center rfp-bg-black/80 rfp-backdrop-blur-md rfp-overflow-hidden",
+      onClick: f,
       onWheel: (v) => v.stopPropagation(),
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ i(
         "div",
         {
-          className: "relative w-full h-full flex flex-col overflow-hidden",
+          className: "rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-flex-col rfp-overflow-hidden",
           onClick: (v) => v.stopPropagation(),
           children: [
             /* @__PURE__ */ e(
@@ -1308,55 +1308,55 @@ const Be = ({
                 initial: { y: -100 },
                 animate: { y: 0 },
                 exit: { y: -100 },
-                className: "absolute top-0 left-0 right-0 z-10 p-4",
-                children: /* @__PURE__ */ d("div", { className: "max-w-7xl mx-auto flex flex-col md:flex-row md:items-center md:justify-between bg-black/40 backdrop-blur-xl rounded-2xl px-3 md:px-6 py-3 md:py-4 shadow-2xl border border-white/10 gap-2 md:gap-0", children: [
-                  /* @__PURE__ */ d("div", { className: "flex items-center justify-between md:flex-1 md:min-w-0 md:mr-4", children: [
-                    /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ e("h2", { className: "text-white font-medium text-sm md:text-lg truncate", children: u.name }),
-                      /* @__PURE__ */ d("p", { className: "text-white/60 text-xs md:text-sm", children: [
-                        t + 1,
+                className: "rfp-absolute rfp-top-0 rfp-left-0 rfp-right-0 rfp-z-10 rfp-p-4",
+                children: /* @__PURE__ */ i("div", { className: "rfp-max-w-7xl rfp-mx-auto rfp-flex rfp-flex-col md:rfp-flex-row md:rfp-items-center md:rfp-justify-between rfp-bg-black/40 rfp-backdrop-blur-xl rfp-rounded-2xl rfp-px-3 md:rfp-px-6 rfp-py-3 md:rfp-py-4 rfp-shadow-2xl rfp-border rfp-border-white/10 rfp-gap-2 md:rfp-gap-0", children: [
+                  /* @__PURE__ */ i("div", { className: "rfp-flex rfp-items-center rfp-justify-between md:rfp-flex-1 md:rfp-min-w-0 md:rfp-mr-4", children: [
+                    /* @__PURE__ */ i("div", { className: "rfp-flex-1 rfp-min-w-0", children: [
+                      /* @__PURE__ */ e("h2", { className: "rfp-text-white rfp-font-medium rfp-text-sm md:rfp-text-lg rfp-truncate", children: d.name }),
+                      /* @__PURE__ */ i("p", { className: "rfp-text-white/60 rfp-text-xs md:rfp-text-sm", children: [
+                        r + 1,
                         " / ",
                         j.length
                       ] })
                     ] }),
-                    /* @__PURE__ */ e("div", { className: "md:hidden ml-2", children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e("div", { className: "md:rfp-hidden rfp-ml-2", children: /* @__PURE__ */ e(
                       E,
                       {
-                        icon: /* @__PURE__ */ e(Z, { className: "w-5 h-5" }),
+                        icon: /* @__PURE__ */ e(Z, { className: "rfp-w-5 rfp-h-5" }),
                         label: "关闭",
-                        onClick: a
+                        onClick: f
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ d("div", { className: "flex items-center gap-1 md:gap-2 overflow-x-auto scrollbar-hide flex-shrink-0", children: [
-                    O && /* @__PURE__ */ d($, { children: [
+                  /* @__PURE__ */ i("div", { className: "rfp-flex rfp-items-center rfp-gap-1 md:rfp-gap-2 rfp-overflow-x-auto scrollbar-hide rfp-flex-shrink-0", children: [
+                    O && /* @__PURE__ */ i($, { children: [
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(xe, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(xe, { className: "rfp-w-5 rfp-h-5" }),
                           label: "缩小",
                           onClick: S,
-                          disabled: i <= 0.5
+                          disabled: s <= 0.01
                         }
                       ),
-                      /* @__PURE__ */ d("span", { className: "text-white/70 text-sm min-w-[4rem] text-center font-medium", children: [
-                        Math.round(i * 100),
+                      /* @__PURE__ */ i("span", { className: "rfp-text-white/70 rfp-text-sm rfp-min-w-[4rem] rfp-text-center rfp-font-medium", children: [
+                        Math.round(s * 100),
                         "%"
                       ] }),
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(we, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(we, { className: "rfp-w-5 rfp-h-5" }),
                           label: "放大",
                           onClick: g,
-                          disabled: i >= 5
+                          disabled: s >= 10
                         }
                       ),
-                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" }),
+                      /* @__PURE__ */ e("div", { className: "rfp-w-px rfp-h-6 rfp-bg-white/20 rfp-mx-2" }),
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(ge, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ge, { className: "rfp-w-5 rfp-h-5" }),
                           label: "适应窗口",
                           onClick: D
                         }
@@ -1364,18 +1364,18 @@ const Be = ({
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(be, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(be, { className: "rfp-w-5 rfp-h-5" }),
                           label: "原始尺寸",
                           onClick: H
                         }
                       ),
-                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
+                      /* @__PURE__ */ e("div", { className: "rfp-w-px rfp-h-6 rfp-bg-white/20 rfp-mx-2" })
                     ] }),
-                    V && /* @__PURE__ */ d($, { children: [
+                    V && /* @__PURE__ */ i($, { children: [
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(ve, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ve, { className: "rfp-w-5 rfp-h-5" }),
                           label: "向左旋转",
                           onClick: z
                         }
@@ -1383,40 +1383,40 @@ const Be = ({
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(ye, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(ye, { className: "rfp-w-5 rfp-h-5" }),
                           label: "向右旋转",
                           onClick: T
                         }
                       ),
-                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
+                      /* @__PURE__ */ e("div", { className: "rfp-w-px rfp-h-6 rfp-bg-white/20 rfp-mx-2" })
                     ] }),
-                    (O || V) && /* @__PURE__ */ d($, { children: [
+                    (O || V) && /* @__PURE__ */ i($, { children: [
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(Ne, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(Ne, { className: "rfp-w-5 rfp-h-5" }),
                           label: "复原",
                           onClick: I
                         }
                       ),
-                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" })
+                      /* @__PURE__ */ e("div", { className: "rfp-w-px rfp-h-6 rfp-bg-white/20 rfp-mx-2" })
                     ] }),
                     /* @__PURE__ */ e(
                       E,
                       {
-                        icon: /* @__PURE__ */ e(Y, { className: "w-5 h-5" }),
+                        icon: /* @__PURE__ */ e(Y, { className: "rfp-w-5 rfp-h-5" }),
                         label: "下载",
                         onClick: X
                       }
                     ),
-                    /* @__PURE__ */ d("div", { className: "hidden md:flex items-center", children: [
-                      /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/20 mx-2" }),
+                    /* @__PURE__ */ i("div", { className: "rfp-hidden md:rfp-flex rfp-items-center", children: [
+                      /* @__PURE__ */ e("div", { className: "rfp-w-px rfp-h-6 rfp-bg-white/20 rfp-mx-2" }),
                       /* @__PURE__ */ e(
                         E,
                         {
-                          icon: /* @__PURE__ */ e(Z, { className: "w-5 h-5" }),
+                          icon: /* @__PURE__ */ e(Z, { className: "rfp-w-5 rfp-h-5" }),
                           label: "关闭",
-                          onClick: a
+                          onClick: f
                         }
                       )
                     ] })
@@ -1427,72 +1427,72 @@ const Be = ({
             /* @__PURE__ */ e(
               "div",
               {
-                className: "flex-1 flex items-center justify-center pt-32 md:pt-24 pb-4 md:pb-8 overflow-auto",
+                className: "rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center rfp-pt-32 md:rfp-pt-24 rfp-pb-4 md:rfp-pb-8 rfp-overflow-auto",
                 onTouchStart: ee,
-                onTouchMove: te,
-                onTouchEnd: re,
+                onTouchMove: re,
+                onTouchEnd: te,
                 children: P ? (
                   // 使用自定义渲染器
-                  P.render(u)
-                ) : /* @__PURE__ */ d($, { children: [
+                  P.render(d)
+                ) : /* @__PURE__ */ i($, { children: [
                   C === "image" && /* @__PURE__ */ e(
                     $e,
                     {
-                      url: u.url,
-                      zoom: i,
-                      rotation: s,
+                      url: d.url,
+                      zoom: s,
+                      rotation: p,
                       onZoomChange: Q
                     }
                   ),
                   C === "pdf" && /* @__PURE__ */ e(
                     Be,
                     {
-                      url: u.url,
-                      zoom: i,
-                      currentPage: h,
-                      onPageChange: m,
+                      url: d.url,
+                      zoom: s,
+                      currentPage: m,
+                      onPageChange: c,
                       onTotalPagesChange: N
                     }
                   ),
-                  C === "docx" && /* @__PURE__ */ e(He, { url: u.url }),
-                  C === "xlsx" && /* @__PURE__ */ e(Ae, { url: u.url }),
-                  C === "pptx" && /* @__PURE__ */ e(Ue, { url: u.url }),
-                  C === "video" && /* @__PURE__ */ e(Oe, { url: u.url }),
-                  C === "audio" && /* @__PURE__ */ e(Ve, { url: u.url, fileName: u.name }),
-                  C === "markdown" && /* @__PURE__ */ e(qe, { url: u.url }),
-                  C === "text" && /* @__PURE__ */ e(_e, { url: u.url, fileName: u.name }),
+                  C === "docx" && /* @__PURE__ */ e(He, { url: d.url }),
+                  C === "xlsx" && /* @__PURE__ */ e(Ae, { url: d.url }),
+                  C === "pptx" && /* @__PURE__ */ e(Ue, { url: d.url }),
+                  C === "video" && /* @__PURE__ */ e(Oe, { url: d.url }),
+                  C === "audio" && /* @__PURE__ */ e(Ve, { url: d.url, fileName: d.name }),
+                  C === "markdown" && /* @__PURE__ */ e(qe, { url: d.url }),
+                  C === "text" && /* @__PURE__ */ e(_e, { url: d.url, fileName: d.name }),
                   C === "unsupported" && /* @__PURE__ */ e(
                     Ge,
                     {
-                      fileName: u.name,
-                      fileType: u.type,
+                      fileName: d.name,
+                      fileType: d.type,
                       onDownload: X
                     }
                   )
                 ] })
               }
             ),
-            j.length > 1 && /* @__PURE__ */ d($, { children: [
-              t > 0 && /* @__PURE__ */ e(
+            j.length > 1 && /* @__PURE__ */ i($, { children: [
+              r > 0 && /* @__PURE__ */ e(
                 B.button,
                 {
                   initial: { x: -100, opacity: 0 },
                   animate: { x: 0, opacity: 1 },
                   exit: { x: -100, opacity: 0 },
-                  onClick: () => n == null ? void 0 : n(t - 1),
-                  className: "absolute left-2 md:left-4 top-1/2 -translate-y-1/2 w-10 h-10 md:w-12 md: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(ke, { className: "w-5 h-5 md:w-6 md:h-6" })
+                  onClick: () => n == null ? void 0 : n(r - 1),
+                  className: "rfp-absolute rfp-left-2 md:rfp-left-4 rfp-top-1/2 -rfp-translate-y-1/2 rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-rounded-full rfp-bg-black/40 rfp-backdrop-blur-xl rfp-border rfp-border-white/10 rfp-flex rfp-items-center rfp-justify-center rfp-text-white hover:rfp-bg-black/60 rfp-transition-all rfp-shadow-2xl",
+                  children: /* @__PURE__ */ e(ke, { className: "rfp-w-5 rfp-h-5 md:rfp-w-6 md:rfp-h-6" })
                 }
               ),
-              t < j.length - 1 && /* @__PURE__ */ e(
+              r < j.length - 1 && /* @__PURE__ */ e(
                 B.button,
                 {
                   initial: { x: 100, opacity: 0 },
                   animate: { x: 0, opacity: 1 },
                   exit: { x: 100, opacity: 0 },
-                  onClick: () => n == null ? void 0 : n(t + 1),
-                  className: "absolute right-2 md:right-4 top-1/2 -translate-y-1/2 w-10 h-10 md:w-12 md: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(je, { className: "w-5 h-5 md:w-6 md:h-6" })
+                  onClick: () => n == null ? void 0 : n(r + 1),
+                  className: "rfp-absolute rfp-right-2 md:rfp-right-4 rfp-top-1/2 -rfp-translate-y-1/2 rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-rounded-full rfp-bg-black/40 rfp-backdrop-blur-xl rfp-border rfp-border-white/10 rfp-flex rfp-items-center rfp-justify-center rfp-text-white hover:rfp-bg-black/60 rfp-transition-all rfp-shadow-2xl",
+                  children: /* @__PURE__ */ e(je, { className: "rfp-w-5 rfp-h-5 md:rfp-w-6 md:rfp-h-6" })
                 }
               )
             ] })
@@ -1500,24 +1500,24 @@ const Be = ({
         }
       )
     }
-  ) });
+  ) }) });
   return le(oe, document.body);
-}, E = ({ icon: r, label: t, onClick: l, disabled: a }) => /* @__PURE__ */ e(
+}, E = ({ icon: t, label: r, onClick: l, disabled: f }) => /* @__PURE__ */ e(
   "button",
   {
     onClick: l,
-    disabled: a,
-    title: t,
-    className: `p-2 rounded-lg transition-all ${a ? "text-white/30 cursor-not-allowed" : "text-white hover:bg-white/10 active:bg-white/20"}`,
-    children: r
+    disabled: f,
+    title: r,
+    className: `rfp-p-2 rfp-rounded-lg rfp-transition-all ${f ? "rfp-text-white/30 rfp-cursor-not-allowed" : "rfp-text-white hover:rfp-bg-white/10 active:rfp-bg-white/20"}`,
+    children: t
   }
-), ct = Ee.version;
+), ar = Ee.version;
 export {
-  it as FilePreviewModal,
-  ct as VERSION,
+  sr as FilePreviewModal,
+  ar as VERSION,
   We as configurePdfjs,
   ze as normalizeFile,
   Fe as normalizeFiles,
-  ut as pdfjs
+  dr as pdfjs
 };
 //# sourceMappingURL=index.mjs.map