@eternalheart/react-file-preview 1.3.14 → 1.5.0

package/lib/chunks/index-CuTz7dbd.mjs

@@ -0,0 +1,313 @@
+import { jsx as o, jsxs as R } from "react/jsx-runtime";
+import { forwardRef as ce, useState as P, useRef as k, useCallback as l, useEffect as m, useImperativeHandle as ie } from "react";
+import { u as le } from "./index-Cz23v-TW.mjs";
+import { R as fe } from "./RendererError-D5i8eSpN.mjs";
+import { Menu as ue, ChevronLeft as pe, ChevronRight as de, ZoomOut as me, ZoomIn as ge, RefreshCw as he, X as be } from "lucide-react";
+import * as ye from "pdfjs-dist/build/pdf.mjs";
+const ke = ce(({
+  url: I
+}, re) => {
+  const g = le(), [y, $] = P(1), [f, q] = P(1), [h, V] = P(0), [T, E] = P(!1), [M, Z] = P(null), [ne, L] = P(!0), [C, ae] = P([]), [j, _] = P(null), O = k(/* @__PURE__ */ new Map()), oe = k(null), u = k(null), s = k(null), d = k(/* @__PURE__ */ new Map()), b = k(null), z = k(/* @__PURE__ */ new Set()), v = l(() => {
+    z.current.forEach((e) => e());
+  }, []);
+  m(() => {
+    v();
+  }, [y, v]), m(() => {
+    v();
+  }, [f, v]), m(() => {
+    v();
+  }, [h, v]), m(() => {
+    v();
+  }, [C.length, v]);
+  const B = l(async (e, r) => {
+    if (!s.current) return;
+    const t = d.current.get(e);
+    if (!(!t || t.rendering)) {
+      t.rendering = !0;
+      try {
+        const n = await s.current.getPage(e), i = n.getViewport({ scale: r }), a = document.createElement("canvas");
+        a.width = i.width, a.height = i.height, a.style.maxWidth = "100%", a.style.height = "auto", a.style.borderRadius = "0", a.style.display = "block";
+        const c = a.getContext("2d");
+        if (!c) return;
+        const p = n.render({ canvasContext: c, viewport: i });
+        t.renderTask = p, await p.promise, t.element.innerHTML = "", t.element.appendChild(a), t.rendered = !0;
+      } catch (n) {
+        (n == null ? void 0 : n.name) !== "RenderingCancelledException" && console.error(`渲染页面 ${e} 失败:`, n);
+      } finally {
+        t.rendering = !1, t.renderTask = null;
+      }
+    }
+  }, []), A = l((e) => {
+    const r = d.current.get(e);
+    if (!r) return;
+    r.renderTask && (r.renderTask.cancel(), r.renderTask = null);
+    const t = r.element.querySelector("canvas");
+    if (t) {
+      const n = t.getContext("2d");
+      n && n.clearRect(0, 0, t.width, t.height), t.remove();
+    }
+    r.element.innerHTML = "", r.rendered = !1, r.rendering = !1;
+  }, []), W = async (e, r, t = 0) => {
+    var n, i, a;
+    for (let c = 0; c < e.length; c++) {
+      const p = e[c], S = `${p.title}-${c}-${t}`;
+      try {
+        let x = null;
+        const w = p.dest;
+        if (typeof w == "string") {
+          const N = await ((n = r.getDestination) == null ? void 0 : n.call(r, w));
+          N && N[0] && typeof N[0] == "object" && (x = await ((i = r.getPageIndex) == null ? void 0 : i.call(r, N[0])) + 1);
+        } else Array.isArray(w) && w[0] && typeof w[0] == "object" && (x = await ((a = r.getPageIndex) == null ? void 0 : a.call(r, w[0])) + 1);
+        x !== null && x > 0 && O.current.set(S, x), p.items && p.items.length > 0 && await W(p.items, r, t + 1);
+      } catch {
+      }
+    }
+  }, X = l((e) => {
+    let r = null, t = 1 / 0;
+    O.current.forEach((n, i) => {
+      if (n <= e) {
+        const a = e - n;
+        a < t && (t = a, r = i);
+      }
+    }), r !== j && _(r);
+  }, [j]);
+  m(() => {
+    f > 0 && O.current.size > 0 && X(f);
+  }, [f, X]);
+  const F = l(() => {
+    if (!s.current || !u.current) return;
+    const e = u.current.querySelector(".pdf-pages");
+    if (e) {
+      e.innerHTML = "", d.current.clear();
+      for (let r = 1; r <= h; r++) {
+        const t = document.createElement("div");
+        t.className = "rfp-pdf-page-placeholder rfp-relative rfp-flex rfp-justify-center", t.setAttribute("data-page-number", String(r)), e.appendChild(t), d.current.set(r, {
+          element: t,
+          rendered: !1,
+          rendering: !1,
+          renderTask: null
+        }), b.current && b.current.observe(t);
+      }
+    }
+  }, [h]), K = l(async () => {
+    if (Z(null), L(!0), V(0), s.current) {
+      try {
+        s.current.destroy();
+      } catch {
+      }
+      s.current = null;
+    }
+    try {
+      const e = ye.getDocument({ url: I });
+      s.current = await e.promise;
+      const r = s.current.numPages;
+      V(r), q(1);
+      try {
+        const t = await s.current.getOutline();
+        t && (ae(t), O.current.clear(), await W(t, s.current));
+      } catch (t) {
+        console.warn("PDF 大纲提取失败:", t);
+      }
+      L(!1);
+    } catch (e) {
+      console.error("PDF 加载错误:", e), Z(g("pdf.load_failed")), L(!1);
+    }
+  }, [I, g]), H = l(() => {
+    if (!u.current || d.current.size === 0) return;
+    const e = u.current, r = e.scrollTop, t = e.clientHeight, n = r + t / 2;
+    let i = 1, a = 1 / 0;
+    d.current.forEach((c, p) => {
+      const S = c.element.getBoundingClientRect(), x = e.getBoundingClientRect(), w = S.top - x.top + S.height / 2 + r, N = Math.abs(w - n);
+      N < a && (a = N, i = p);
+    }), i !== f && q(i);
+  }, [f]);
+  m(() => (b.current = new IntersectionObserver(
+    (e) => {
+      e.forEach((r) => {
+        const t = Number(r.target.getAttribute("data-page-number"));
+        if (t)
+          if (r.isIntersecting)
+            B(t, y);
+          else {
+            const n = d.current.get(t);
+            n && n.rendered && A(t);
+          }
+      });
+    },
+    {
+      root: u.current,
+      rootMargin: "500px 0px",
+      threshold: 0
+    }
+  ), () => {
+    b.current && (b.current.disconnect(), b.current = null);
+  }), [y, B, A]), m(() => {
+    I && K();
+  }, [I, K]), m(() => {
+    h > 0 && setTimeout(() => {
+      F();
+    }, 0);
+  }, [h, F]), m(() => {
+    const e = setTimeout(() => {
+      d.current.forEach((r, t) => {
+        r.rendered && A(t);
+      }), b.current && u.current && d.current.forEach((r) => {
+        var t, n;
+        (t = b.current) == null || t.unobserve(r.element), (n = b.current) == null || n.observe(r.element);
+      });
+    }, 150);
+    return () => clearTimeout(e);
+  }, [y, A]), m(() => {
+    const e = u.current;
+    if (e)
+      return e.addEventListener("scroll", H), () => e.removeEventListener("scroll", H);
+  }, [H]), m(() => () => {
+    if (d.current.forEach((e) => {
+      e.renderTask && e.renderTask.cancel();
+    }), d.current.clear(), s.current) {
+      try {
+        s.current.destroy();
+      } catch {
+      }
+      s.current = null;
+    }
+  }, []);
+  const se = l(async (e, r, t) => {
+    if (!(!s.current || !u.current))
+      try {
+        let n;
+        if (typeof e == "string") {
+          const c = await s.current.getDestination(e);
+          if (c && c[0]) {
+            const p = c[0];
+            n = await s.current.getPageIndex(p) + 1;
+          } else
+            return;
+        } else if (Array.isArray(e) && e[0]) {
+          const c = e[0];
+          n = await s.current.getPageIndex(c) + 1;
+        } else
+          return;
+        _(r);
+        const a = u.current.querySelectorAll("[data-page-number]")[n - 1];
+        a && a.scrollIntoView({ behavior: "smooth", block: "start" }), t && setTimeout(() => t(), 300);
+      } catch (n) {
+        console.error("大纲跳转失败:", n);
+      }
+  }, []), G = (e, r = 0, t) => /* @__PURE__ */ o("ul", { style: { marginLeft: r > 0 ? 16 : 0 }, children: e.map((n, i) => {
+    const a = `${n.title}-${i}-${r}`;
+    return /* @__PURE__ */ R("li", { children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: () => se(n.dest, a, t),
+          className: `rfp-w-full rfp-text-left rfp-py-2 rfp-px-3 rfp-text-sm rfp-rounded rfp-transition-all rfp-truncate ${j === a ? "rfp-bg-surface-2 rfp-text-fg-primary rfp-font-medium" : "rfp-text-fg-secondary hover:rfp-text-fg-primary hover:rfp-bg-surface-2"}`,
+          title: n.title,
+          children: n.title
+        }
+      ),
+      n.items && n.items.length > 0 && G(n.items, r + 1, t)
+    ] }, a);
+  }) }), J = l(() => {
+    $((e) => Math.min(e + 0.1, 3));
+  }, []), Q = l(() => {
+    $((e) => Math.max(e - 0.1, 0.5));
+  }, []), U = l(() => {
+    $(1);
+  }, []), Y = l(() => {
+    if (!u.current) return;
+    const t = u.current.querySelectorAll("[data-page-number]")[Math.max(0, f - 2)];
+    t && t.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, [f]), D = l(() => {
+    if (!u.current) return;
+    const r = u.current.querySelectorAll("[data-page-number]"), t = r[Math.min(r.length - 1, f)];
+    t && t.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, [f, h]), ee = l(() => {
+    E((e) => !e);
+  }, []), te = l(() => {
+    const e = [];
+    return C.length > 0 && e.push({
+      items: [
+        { type: "button", icon: /* @__PURE__ */ o(ue, { className: "rfp-w-4 rfp-h-4" }), tooltip: g("toolbar.outline"), action: ee, active: T }
+      ]
+    }), e.push({
+      items: [
+        { type: "button", icon: /* @__PURE__ */ o(pe, { className: "rfp-w-4 rfp-h-4" }), tooltip: g("toolbar.prev_page"), action: Y, disabled: f <= 1 },
+        { type: "text", content: `${f} / ${h}`, minWidth: "4rem" },
+        { type: "button", icon: /* @__PURE__ */ o(de, { className: "rfp-w-4 rfp-h-4" }), tooltip: g("toolbar.next_page"), action: D, disabled: f >= h }
+      ]
+    }), e.push({
+      items: [
+        { type: "button", icon: /* @__PURE__ */ o(me, { className: "rfp-w-4 rfp-h-4" }), tooltip: g("toolbar.zoom_out"), action: Q, disabled: y <= 0.5 },
+        { type: "text", content: `${Math.round(y * 100)}%`, minWidth: "3rem" },
+        { type: "button", icon: /* @__PURE__ */ o(ge, { className: "rfp-w-4 rfp-h-4" }), tooltip: g("toolbar.zoom_in"), action: J, disabled: y >= 3 }
+      ]
+    }), e.push({
+      items: [
+        { type: "button", icon: /* @__PURE__ */ o(he, { className: "rfp-w-4 rfp-h-4" }), tooltip: g("toolbar.reset"), action: U }
+      ]
+    }), e;
+  }, [y, f, h, T, C.length, g, J, Q, Y, D, ee, U]);
+  return ie(re, () => ({
+    getToolbarGroups: te,
+    onToolbarChange: (e) => (z.current.add(e), () => z.current.delete(e))
+  }), [te]), /* @__PURE__ */ R("div", { ref: oe, className: "rfp-relative rfp-w-full rfp-h-full", children: [
+    C.length > 0 && /* @__PURE__ */ R(
+      "div",
+      {
+        className: "rfp-absolute rfp-inset-0 rfp-z-20 rfp-flex rfp-transition-opacity rfp-duration-300",
+        style: {
+          opacity: T ? 1 : 0,
+          pointerEvents: T ? "auto" : "none"
+        },
+        children: [
+          /* @__PURE__ */ R(
+            "div",
+            {
+              className: "rfp-w-72 rfp-max-w-[80%] rfp-h-full rfp-bg-surface-overlay rfp-backdrop-blur-xl rfp-border-r rfp-border-line-weak rfp-flex rfp-flex-col rfp-shadow-2xl rfp-transition-transform rfp-duration-300",
+              style: { transform: T ? "translateX(0)" : "translateX(-100%)" },
+              children: [
+                /* @__PURE__ */ R("div", { className: "rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-3 rfp-border-b rfp-border-line-weak rfp-flex-shrink-0", children: [
+                  /* @__PURE__ */ o("span", { className: "rfp-text-fg-primary rfp-font-medium rfp-text-sm", children: g("toolbar.outline") }),
+                  /* @__PURE__ */ o(
+                    "button",
+                    {
+                      onClick: () => E(!1),
+                      className: "rfp-text-fg-tertiary hover:rfp-text-fg-primary rfp-transition-colors",
+                      children: /* @__PURE__ */ o(be, { className: "rfp-w-4 rfp-h-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ o("div", { className: "rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1", children: G(C, 0, () => E(!1)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: "rfp-flex-1 rfp-transition-opacity rfp-duration-300",
+              style: { background: T ? "rgba(0,0,0,0.3)" : "transparent" },
+              onClick: () => E(!1)
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ R(
+      "div",
+      {
+        ref: u,
+        className: "rfp-pdf-container rfp-w-full rfp-h-full rfp-overflow-auto rfp-py-6 rfp-px-4",
+        children: [
+          M && /* @__PURE__ */ o(fe, { message: M }),
+          !M && ne && /* @__PURE__ */ o("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-min-h-screen", children: /* @__PURE__ */ o("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
+          !M && /* @__PURE__ */ o("div", { className: "rfp-flex rfp-flex-col rfp-items-center", children: /* @__PURE__ */ o("div", { className: "pdf-pages rfp-flex rfp-flex-col rfp-gap-4" }) })
+        ]
+      }
+    )
+  ] });
+});
+export {
+  ke as PdfRenderer
+};
+//# sourceMappingURL=index-CuTz7dbd.mjs.map

package/lib/chunks/index-CuTz7dbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CuTz7dbd.mjs","sources":["../../src/renderers/Pdf/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback, useImperativeHandle, forwardRef } from 'react';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { RendererError } from '../RendererError';\nimport { X, ZoomIn, ZoomOut, ChevronLeft, ChevronRight, Menu, RefreshCw } from 'lucide-react';\nimport type { RendererHandle } from '../base.types';\nimport type { ToolbarGroup } from '../toolbar.types';\n// @ts-ignore - pdfjs-dist 类型路径\nimport * as pdfjsLib from 'pdfjs-dist/build/pdf.mjs';\n\ninterface PdfOutlineItem {\n  title: string;\n  dest: any;\n  items?: PdfOutlineItem[];\n}\n\ninterface PdfPageProxy {\n  getViewport(opts: { scale: number }): { width: number; height: number };\n  render(opts: { canvasContext: CanvasRenderingContext2D; viewport: { width: number; height: number } }): {\n    promise: Promise<void>;\n    cancel(): void;\n  };\n}\n\ninterface PdfDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PdfPageProxy>;\n  getOutline(): Promise<PdfOutlineItem[] | null>;\n  destroy(): void;\n}\n\ninterface PageState {\n  element: HTMLDivElement;\n  rendered: boolean;\n  rendering: boolean;\n  renderTask: { cancel(): void } | null;\n}\n\nexport interface PdfRendererHandle extends RendererHandle {\n  // 可选的公开方法\n}\n\ninterface PdfRendererProps {\n  url: string;\n}\n\nexport const PdfRenderer = forwardRef<PdfRendererHandle, PdfRendererProps>(({\n  url,\n}, ref) => {\n  const t = useTranslator();\n\n  // 内部状态管理\n  const [zoom, setZoom] = useState(1);\n  const [currentPage, setCurrentPage] = useState(1);\n  const [numPages, setNumPages] = useState<number>(0);\n  const [showOutline, setShowOutline] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [outline, setOutline] = useState<PdfOutlineItem[]>([]);\n  const [activeOutlineItem, setActiveOutlineItem] = useState<string | null>(null);\n  const outlinePageMapRef = useRef<Map<string, number>>(new Map());\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const pdfDocRef = useRef<PdfDocumentProxy | null>(null);\n  const pageStatesRef = useRef<Map<number, PageState>>(new Map());\n  const observerRef = useRef<IntersectionObserver | null>(null);\n\n  // 事件发射器：用于通知主组件工具栏状态变化\n  const listenersRef = useRef<Set<() => void>>(new Set());\n  const notifyToolbarChange = useCallback(() => {\n    listenersRef.current.forEach(listener => listener());\n  }, []);\n\n  // 监听影响工具栏的状态变化\n  useEffect(() => {\n    notifyToolbarChange();\n  }, [zoom, notifyToolbarChange]);\n\n  useEffect(() => {\n    notifyToolbarChange();\n  }, [currentPage, notifyToolbarChange]);\n\n  useEffect(() => {\n    notifyToolbarChange();\n  }, [numPages, notifyToolbarChange]);\n\n  useEffect(() => {\n    notifyToolbarChange();\n  }, [outline.length, notifyToolbarChange]);\n\n  // 渲染单个页面\n  const renderPage = useCallback(async (pageNumber: number, scale: number) => {\n    if (!pdfDocRef.current) return;\n    const state = pageStatesRef.current.get(pageNumber);\n    if (!state || state.rendering) return;\n\n    state.rendering = true;\n\n    try {\n      const page = await pdfDocRef.current.getPage(pageNumber);\n      const viewport = page.getViewport({ scale });\n\n      const canvas = document.createElement('canvas');\n      canvas.width = viewport.width;\n      canvas.height = viewport.height;\n      canvas.style.maxWidth = '100%';\n      canvas.style.height = 'auto';\n      canvas.style.borderRadius = '0';\n      canvas.style.display = 'block';\n\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n\n      const renderTask = page.render({ canvasContext: ctx, viewport });\n      state.renderTask = renderTask;\n      await renderTask.promise;\n\n      state.element.innerHTML = '';\n      state.element.appendChild(canvas);\n\n      state.rendered = true;\n    } catch (err: any) {\n      if (err?.name !== 'RenderingCancelledException') {\n        console.error(`渲染页面 ${pageNumber} 失败:`, err);\n      }\n    } finally {\n      state.rendering = false;\n      state.renderTask = null;\n    }\n  }, []);\n\n  // 清理页面 canvas\n  const clearPageCanvas = useCallback((pageNumber: number) => {\n    const state = pageStatesRef.current.get(pageNumber);\n    if (!state) return;\n\n    // 取消正在进行的渲染\n    if (state.renderTask) {\n      state.renderTask.cancel();\n      state.renderTask = null;\n    }\n\n    // 清理 canvas\n    const canvas = state.element.querySelector('canvas');\n    if (canvas) {\n      const ctx = canvas.getContext('2d');\n      if (ctx) {\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\n      }\n      canvas.remove();\n    }\n\n    state.element.innerHTML = '';\n    state.rendered = false;\n    state.rendering = false;\n  }, []);\n\n  // 初始化页面占位符\n  // 构建大纲-页码映射\n  const buildOutlinePageMap = async (items: PdfOutlineItem[], pdfDoc: PdfDocumentProxy, depth = 0) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i];\n      const itemKey = `${item.title}-${i}-${depth}`;\n\n      try {\n        let pageNumber: number | null = null;\n        const dest = item.dest;\n\n        if (typeof dest === 'string') {\n          const namedDest = await (pdfDoc as any).getDestination?.(dest);\n          if (namedDest && namedDest[0] && typeof namedDest[0] === 'object') {\n            pageNumber = await (pdfDoc as any).getPageIndex?.(namedDest[0]) + 1;\n          }\n        } else if (Array.isArray(dest) && dest[0] && typeof dest[0] === 'object') {\n          pageNumber = await (pdfDoc as any).getPageIndex?.(dest[0]) + 1;\n        }\n\n        if (pageNumber !== null && pageNumber > 0) {\n          outlinePageMapRef.current.set(itemKey, pageNumber);\n        }\n\n        if (item.items && item.items.length > 0) {\n          await buildOutlinePageMap(item.items, pdfDoc, depth + 1);\n        }\n      } catch (err) {\n        // 静默失败，某些大纲项可能无法映射到页码\n      }\n    }\n  };\n\n  // 根据当前页码更新激活的大纲项\n  const updateActiveOutlineByPage = useCallback((page: number) => {\n    let closestItem: string | null = null;\n    let closestDistance = Infinity;\n\n    outlinePageMapRef.current.forEach((itemPage, itemKey) => {\n      if (itemPage <= page) {\n        const distance = page - itemPage;\n        if (distance < closestDistance) {\n          closestDistance = distance;\n          closestItem = itemKey;\n        }\n      }\n    });\n\n    if (closestItem !== activeOutlineItem) {\n      setActiveOutlineItem(closestItem);\n    }\n  }, [activeOutlineItem]);\n\n  // 监听页码变化，更新大纲高亮\n  useEffect(() => {\n    if (currentPage > 0 && outlinePageMapRef.current.size > 0) {\n      updateActiveOutlineByPage(currentPage);\n    }\n  }, [currentPage, updateActiveOutlineByPage]);\n\n  const initPagePlaceholders = useCallback(() => {\n    if (!pdfDocRef.current || !scrollContainerRef.current) return;\n\n    const wrapper = scrollContainerRef.current.querySelector('.pdf-pages') as HTMLDivElement | null;\n    if (!wrapper) return;\n\n    wrapper.innerHTML = '';\n    pageStatesRef.current.clear();\n\n    for (let i = 1; i <= numPages; i++) {\n      const pageDiv = document.createElement('div');\n      pageDiv.className = 'rfp-pdf-page-placeholder rfp-relative rfp-flex rfp-justify-center';\n      pageDiv.setAttribute('data-page-number', String(i));\n      wrapper.appendChild(pageDiv);\n\n      pageStatesRef.current.set(i, {\n        element: pageDiv,\n        rendered: false,\n        rendering: false,\n        renderTask: null,\n      });\n\n      // 观察页面元素\n      if (observerRef.current) {\n        observerRef.current.observe(pageDiv);\n      }\n    }\n  }, [numPages]);\n\n  // 加载 PDF 文档\n  const loadPdf = useCallback(async () => {\n    setError(null);\n    setIsLoading(true);\n    setNumPages(0);\n\n    if (pdfDocRef.current) {\n      try {\n        pdfDocRef.current.destroy();\n      } catch {\n        // ignore\n      }\n      pdfDocRef.current = null;\n    }\n\n    try {\n      const loadingTask = pdfjsLib.getDocument({ url });\n      pdfDocRef.current = (await loadingTask.promise) as PdfDocumentProxy;\n      const total = pdfDocRef.current.numPages;\n\n      setNumPages(total);\n      setCurrentPage(1);\n\n      // 提取大纲\n      try {\n        const outlineData = await pdfDocRef.current.getOutline();\n        if (outlineData) {\n          setOutline(outlineData);\n          // 构建大纲-页码映射\n          outlinePageMapRef.current.clear();\n          await buildOutlinePageMap(outlineData, pdfDocRef.current);\n        }\n      } catch (err) {\n        console.warn('PDF 大纲提取失败:', err);\n      }\n\n      setIsLoading(false);\n    } catch (err) {\n      console.error('PDF 加载错误:', err);\n      setError(t('pdf.load_failed'));\n      setIsLoading(false);\n    }\n  }, [url, t]);\n\n  // 滚动处理\n  const handleScroll = useCallback(() => {\n    if (!scrollContainerRef.current || pageStatesRef.current.size === 0) return;\n\n    const container = scrollContainerRef.current;\n    const scrollTop = container.scrollTop;\n    const containerHeight = container.clientHeight;\n    const scrollCenter = scrollTop + containerHeight / 2;\n\n    let currentVisiblePage = 1;\n    let minDistance = Infinity;\n\n    pageStatesRef.current.forEach((state, pageNumber) => {\n      const rect = state.element.getBoundingClientRect();\n      const containerRect = container.getBoundingClientRect();\n      const pageCenter = rect.top - containerRect.top + rect.height / 2 + scrollTop;\n      const distance = Math.abs(pageCenter - scrollCenter);\n\n      if (distance < minDistance) {\n        minDistance = distance;\n        currentVisiblePage = pageNumber;\n      }\n    });\n\n    if (currentVisiblePage !== currentPage) {\n      setCurrentPage(currentVisiblePage);\n    }\n  }, [currentPage]);\n\n  // 初始化 IntersectionObserver\n  useEffect(() => {\n    observerRef.current = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          const pageNumber = Number(entry.target.getAttribute('data-page-number'));\n          if (!pageNumber) return;\n\n          if (entry.isIntersecting) {\n            // 页面进入视口，渲染\n            renderPage(pageNumber, zoom);\n          } else {\n            // 页面离开视口，清理\n            const state = pageStatesRef.current.get(pageNumber);\n            if (state && state.rendered) {\n              clearPageCanvas(pageNumber);\n            }\n          }\n        });\n      },\n      {\n        root: scrollContainerRef.current,\n        rootMargin: '500px 0px',\n        threshold: 0,\n      }\n    );\n\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n        observerRef.current = null;\n      }\n    };\n  }, [zoom, renderPage, clearPageCanvas]);\n\n  // 监听 URL 变化\n  useEffect(() => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (url) {\n      loadPdf();\n    }\n  }, [url, loadPdf]);\n\n  // 监听 numPages 变化，初始化占位符\n  useEffect(() => {\n    if (numPages > 0) {\n      // 等待 DOM 更新后初始化占位符\n      setTimeout(() => {\n        initPagePlaceholders();\n      }, 0);\n    }\n  }, [numPages, initPagePlaceholders]);\n\n  // 监听 zoom 变化（防抖）\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      // 清理所有已渲染页面\n      pageStatesRef.current.forEach((state, pageNumber) => {\n        if (state.rendered) {\n          clearPageCanvas(pageNumber);\n        }\n      });\n\n      // 触发重新渲染\n      if (observerRef.current && scrollContainerRef.current) {\n        pageStatesRef.current.forEach((state) => {\n          observerRef.current?.unobserve(state.element);\n          observerRef.current?.observe(state.element);\n        });\n      }\n    }, 150);\n\n    return () => clearTimeout(timer);\n  }, [zoom, clearPageCanvas]);\n\n  // 监听滚动事件\n  useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    container.addEventListener('scroll', handleScroll);\n    return () => container.removeEventListener('scroll', handleScroll);\n  }, [handleScroll]);\n\n  // 清理\n  useEffect(() => {\n    return () => {\n      // 清理所有渲染任务\n      pageStatesRef.current.forEach((state) => {\n        if (state.renderTask) {\n          state.renderTask.cancel();\n        }\n      });\n      pageStatesRef.current.clear();\n\n      if (pdfDocRef.current) {\n        try {\n          pdfDocRef.current.destroy();\n        } catch {\n          // ignore\n        }\n        pdfDocRef.current = null;\n      }\n    };\n  }, []);\n\n  // 处理大纲点击跳转\n  const handleOutlineClick = useCallback(async (dest: any, itemKey: string, onClose?: () => void) => {\n    if (!pdfDocRef.current || !scrollContainerRef.current) return;\n\n    try {\n      let pageNumber: number;\n\n      if (typeof dest === 'string') {\n        // 命名目标\n        const namedDest = await (pdfDocRef.current as any).getDestination(dest);\n        if (namedDest && namedDest[0]) {\n          const pageRef = namedDest[0];\n          pageNumber = await (pdfDocRef.current as any).getPageIndex(pageRef) + 1;\n        } else {\n          return;\n        }\n      } else if (Array.isArray(dest) && dest[0]) {\n        // 直接页面引用\n        const pageRef = dest[0];\n        pageNumber = await (pdfDocRef.current as any).getPageIndex(pageRef) + 1;\n      } else {\n        return;\n      }\n\n      // 设置激活项\n      setActiveOutlineItem(itemKey);\n\n      // 滚动到目标页面\n      const pages = scrollContainerRef.current.querySelectorAll('[data-page-number]');\n      const targetPage = pages[pageNumber - 1];\n      if (targetPage) {\n        targetPage.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n\n      // 跳转后自动关闭侧边栏\n      if (onClose) {\n        setTimeout(() => onClose(), 300);\n      }\n    } catch (err) {\n      console.error('大纲跳转失败:', err);\n    }\n  }, []);\n\n  // 渲染大纲项\n  const renderOutlineItems = (items: PdfOutlineItem[], depth = 0, onClose?: () => void): React.ReactNode => {\n    return (\n      <ul style={{ marginLeft: depth > 0 ? 16 : 0 }}>\n        {items.map((item, i) => {\n          const itemKey = `${item.title}-${i}-${depth}`;\n          const isActive = activeOutlineItem === itemKey;\n          return (\n            <li key={itemKey}>\n              <button\n                onClick={() => handleOutlineClick(item.dest, itemKey, onClose)}\n                className={`rfp-w-full rfp-text-left rfp-py-2 rfp-px-3 rfp-text-sm rfp-rounded rfp-transition-all rfp-truncate ${\n                  isActive\n                    ? 'rfp-bg-surface-2 rfp-text-fg-primary rfp-font-medium'\n                    : 'rfp-text-fg-secondary hover:rfp-text-fg-primary hover:rfp-bg-surface-2'\n                }`}\n                title={item.title}\n              >\n                {item.title}\n              </button>\n              {item.items && item.items.length > 0 && renderOutlineItems(item.items, depth + 1, onClose)}\n            </li>\n          );\n        })}\n      </ul>\n    );\n  };\n\n  // 工具栏事件处理\n  const handleZoomIn = useCallback(() => {\n    setZoom(z => Math.min(z + 0.1, 3));\n  }, []);\n\n  const handleZoomOut = useCallback(() => {\n    setZoom(z => Math.max(z - 0.1, 0.5));\n  }, []);\n\n  const handleReset = useCallback(() => {\n    setZoom(1);\n  }, []);\n\n  const handlePrevPage = useCallback(() => {\n    if (!scrollContainerRef.current) return;\n    const container = scrollContainerRef.current;\n    const pages = container.querySelectorAll('[data-page-number]');\n    const targetPage = pages[Math.max(0, currentPage - 2)];\n    if (targetPage) {\n      targetPage.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }, [currentPage]);\n\n  const handleNextPage = useCallback(() => {\n    if (!scrollContainerRef.current) return;\n    const container = scrollContainerRef.current;\n    const pages = container.querySelectorAll('[data-page-number]');\n    const targetPage = pages[Math.min(pages.length - 1, currentPage)];\n    if (targetPage) {\n      targetPage.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }, [currentPage, numPages]);\n\n  const handleToggleOutline = useCallback(() => {\n    setShowOutline(prev => !prev);\n  }, []);\n\n  // 工具栏配置\n  const getToolbarGroups = useCallback((): ToolbarGroup[] => {\n    const groups: ToolbarGroup[] = [];\n\n    // 大纲按钮（如果有大纲）\n    if (outline.length > 0) {\n      groups.push({\n        items: [\n          { type: 'button', icon: <Menu className=\"rfp-w-4 rfp-h-4\" />, tooltip: t('toolbar.outline'), action: handleToggleOutline, active: showOutline },\n        ],\n      });\n    }\n\n    // 翻页\n    groups.push({\n      items: [\n        { type: 'button', icon: <ChevronLeft className=\"rfp-w-4 rfp-h-4\" />, tooltip: t('toolbar.prev_page'), action: handlePrevPage, disabled: currentPage <= 1 },\n        { type: 'text', content: `${currentPage} / ${numPages}`, minWidth: '4rem' },\n        { type: 'button', icon: <ChevronRight className=\"rfp-w-4 rfp-h-4\" />, tooltip: t('toolbar.next_page'), action: handleNextPage, disabled: currentPage >= numPages },\n      ],\n    });\n\n    // 缩放\n    groups.push({\n      items: [\n        { type: 'button', icon: <ZoomOut className=\"rfp-w-4 rfp-h-4\" />, tooltip: t('toolbar.zoom_out'), action: handleZoomOut, disabled: zoom <= 0.5 },\n        { type: 'text', content: `${Math.round(zoom * 100)}%`, minWidth: '3rem' },\n        { type: 'button', icon: <ZoomIn className=\"rfp-w-4 rfp-h-4\" />, tooltip: t('toolbar.zoom_in'), action: handleZoomIn, disabled: zoom >= 3 },\n      ],\n    });\n\n    // 重置\n    groups.push({\n      items: [\n        { type: 'button', icon: <RefreshCw className=\"rfp-w-4 rfp-h-4\" />, tooltip: t('toolbar.reset'), action: handleReset },\n      ],\n    });\n\n    return groups;\n  }, [zoom, currentPage, numPages, showOutline, outline.length, t, handleZoomIn, handleZoomOut, handlePrevPage, handleNextPage, handleToggleOutline, handleReset]);\n\n  // 暴露接口给父组件\n  useImperativeHandle(ref, () => ({\n    getToolbarGroups,\n    onToolbarChange: (listener: () => void) => {\n      listenersRef.current.add(listener);\n      return () => listenersRef.current.delete(listener);\n    },\n  }), [getToolbarGroups]);\n\n  return (\n    <div ref={containerRef} className=\"rfp-relative rfp-w-full rfp-h-full\">\n      {/* 大纲侧边栏 */}\n      {outline.length > 0 && (\n        <div\n          className=\"rfp-absolute rfp-inset-0 rfp-z-20 rfp-flex rfp-transition-opacity rfp-duration-300\"\n          style={{\n            opacity: showOutline ? 1 : 0,\n            pointerEvents: showOutline ? 'auto' : 'none',\n          }}\n        >\n          <div\n            className=\"rfp-w-72 rfp-max-w-[80%] rfp-h-full rfp-bg-surface-overlay rfp-backdrop-blur-xl rfp-border-r rfp-border-line-weak rfp-flex rfp-flex-col rfp-shadow-2xl rfp-transition-transform rfp-duration-300\"\n            style={{ transform: showOutline ? 'translateX(0)' : 'translateX(-100%)' }}\n          >\n            <div className=\"rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-3 rfp-border-b rfp-border-line-weak rfp-flex-shrink-0\">\n              <span className=\"rfp-text-fg-primary rfp-font-medium rfp-text-sm\">{t('toolbar.outline')}</span>\n              <button\n                onClick={() => setShowOutline(false)}\n                className=\"rfp-text-fg-tertiary hover:rfp-text-fg-primary rfp-transition-colors\"\n              >\n                <X className=\"rfp-w-4 rfp-h-4\" />\n              </button>\n            </div>\n            <div className=\"rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1\">\n              {renderOutlineItems(outline, 0, () => setShowOutline(false))}\n            </div>\n          </div>\n          <div\n            className=\"rfp-flex-1 rfp-transition-opacity rfp-duration-300\"\n            style={{ background: showOutline ? 'rgba(0,0,0,0.3)' : 'transparent' }}\n            onClick={() => setShowOutline(false)}\n          />\n        </div>\n      )}\n\n      <div\n        ref={scrollContainerRef}\n        className=\"rfp-pdf-container rfp-w-full rfp-h-full rfp-overflow-auto rfp-py-6 rfp-px-4\"\n      >\n        {error && (\n          <RendererError message={error} />\n        )}\n\n        {!error && isLoading && (\n          <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-min-h-screen\">\n            <div className=\"rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n          </div>\n        )}\n\n        {!error && (\n          <div className=\"rfp-flex rfp-flex-col rfp-items-center\">\n            <div className=\"pdf-pages rfp-flex rfp-flex-col rfp-gap-4\" />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"names":["PdfRenderer","forwardRef","url","ref","t","useTranslator","zoom","setZoom","useState","currentPage","setCurrentPage","numPages","setNumPages","showOutline","setShowOutline","error","setError","isLoading","setIsLoading","outline","setOutline","activeOutlineItem","setActiveOutlineItem","outlinePageMapRef","useRef","containerRef","scrollContainerRef","pdfDocRef","pageStatesRef","observerRef","listenersRef","notifyToolbarChange","useCallback","listener","useEffect","renderPage","pageNumber","scale","state","page","viewport","canvas","ctx","renderTask","err","clearPageCanvas","buildOutlinePageMap","items","pdfDoc","depth","i","item","itemKey","dest","namedDest","_a","_b","_c","updateActiveOutlineByPage","closestItem","closestDistance","itemPage","distance","initPagePlaceholders","wrapper","pageDiv","loadPdf","loadingTask","pdfjsLib","total","outlineData","handleScroll","container","scrollTop","containerHeight","scrollCenter","currentVisiblePage","minDistance","rect","containerRect","pageCenter","entries","entry","timer","handleOutlineClick","onClose","pageRef","targetPage","renderOutlineItems","jsx","handleZoomIn","z","handleZoomOut","handleReset","handlePrevPage","handleNextPage","pages","handleToggleOutline","prev","getToolbarGroups","groups","Menu","ChevronLeft","ChevronRight","ZoomOut","ZoomIn","RefreshCw","useImperativeHandle","jsxs","X","RendererError"],"mappings":";;;;;;AA6CO,MAAMA,KAAcC,GAAgD,CAAC;AAAA,EAC1E,KAAAC;AACF,GAAGC,OAAQ;AACT,QAAMC,IAAIC,GAAA,GAGJ,CAACC,GAAMC,CAAO,IAAIC,EAAS,CAAC,GAC5B,CAACC,GAAaC,CAAc,IAAIF,EAAS,CAAC,GAC1C,CAACG,GAAUC,CAAW,IAAIJ,EAAiB,CAAC,GAC5C,CAACK,GAAaC,CAAc,IAAIN,EAAS,EAAK,GAC9C,CAACO,GAAOC,CAAQ,IAAIR,EAAwB,IAAI,GAChD,CAACS,IAAWC,CAAY,IAAIV,EAAkB,EAAI,GAClD,CAACW,GAASC,EAAU,IAAIZ,EAA2B,CAAA,CAAE,GACrD,CAACa,GAAmBC,CAAoB,IAAId,EAAwB,IAAI,GACxEe,IAAoBC,EAA4B,oBAAI,KAAK,GACzDC,KAAeD,EAAuB,IAAI,GAC1CE,IAAqBF,EAAuB,IAAI,GAChDG,IAAYH,EAAgC,IAAI,GAChDI,IAAgBJ,EAA+B,oBAAI,KAAK,GACxDK,IAAcL,EAAoC,IAAI,GAGtDM,IAAeN,EAAwB,oBAAI,KAAK,GAChDO,IAAsBC,EAAY,MAAM;AAC5C,IAAAF,EAAa,QAAQ,QAAQ,CAAAG,MAAYA,EAAA,CAAU;AAAA,EACrD,GAAG,CAAA,CAAE;AAGL,EAAAC,EAAU,MAAM;AACd,IAAAH,EAAA;AAAA,EACF,GAAG,CAACzB,GAAMyB,CAAmB,CAAC,GAE9BG,EAAU,MAAM;AACd,IAAAH,EAAA;AAAA,EACF,GAAG,CAACtB,GAAasB,CAAmB,CAAC,GAErCG,EAAU,MAAM;AACd,IAAAH,EAAA;AAAA,EACF,GAAG,CAACpB,GAAUoB,CAAmB,CAAC,GAElCG,EAAU,MAAM;AACd,IAAAH,EAAA;AAAA,EACF,GAAG,CAACZ,EAAQ,QAAQY,CAAmB,CAAC;AAGxC,QAAMI,IAAaH,EAAY,OAAOI,GAAoBC,MAAkB;AAC1E,QAAI,CAACV,EAAU,QAAS;AACxB,UAAMW,IAAQV,EAAc,QAAQ,IAAIQ,CAAU;AAClD,QAAI,GAACE,KAASA,EAAM,YAEpB;AAAA,MAAAA,EAAM,YAAY;AAElB,UAAI;AACF,cAAMC,IAAO,MAAMZ,EAAU,QAAQ,QAAQS,CAAU,GACjDI,IAAWD,EAAK,YAAY,EAAE,OAAAF,GAAO,GAErCI,IAAS,SAAS,cAAc,QAAQ;AAC9C,QAAAA,EAAO,QAAQD,EAAS,OACxBC,EAAO,SAASD,EAAS,QACzBC,EAAO,MAAM,WAAW,QACxBA,EAAO,MAAM,SAAS,QACtBA,EAAO,MAAM,eAAe,KAC5BA,EAAO,MAAM,UAAU;AAEvB,cAAMC,IAAMD,EAAO,WAAW,IAAI;AAClC,YAAI,CAACC,EAAK;AAEV,cAAMC,IAAaJ,EAAK,OAAO,EAAE,eAAeG,GAAK,UAAAF,GAAU;AAC/D,QAAAF,EAAM,aAAaK,GACnB,MAAMA,EAAW,SAEjBL,EAAM,QAAQ,YAAY,IAC1BA,EAAM,QAAQ,YAAYG,CAAM,GAEhCH,EAAM,WAAW;AAAA,MACnB,SAASM,GAAU;AACjB,SAAIA,KAAA,gBAAAA,EAAK,UAAS,iCAChB,QAAQ,MAAM,QAAQR,CAAU,QAAQQ,CAAG;AAAA,MAE/C,UAAA;AACE,QAAAN,EAAM,YAAY,IAClBA,EAAM,aAAa;AAAA,MACrB;AAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAGCO,IAAkBb,EAAY,CAACI,MAAuB;AAC1D,UAAME,IAAQV,EAAc,QAAQ,IAAIQ,CAAU;AAClD,QAAI,CAACE,EAAO;AAGZ,IAAIA,EAAM,eACRA,EAAM,WAAW,OAAA,GACjBA,EAAM,aAAa;AAIrB,UAAMG,IAASH,EAAM,QAAQ,cAAc,QAAQ;AACnD,QAAIG,GAAQ;AACV,YAAMC,IAAMD,EAAO,WAAW,IAAI;AAClC,MAAIC,KACFA,EAAI,UAAU,GAAG,GAAGD,EAAO,OAAOA,EAAO,MAAM,GAEjDA,EAAO,OAAA;AAAA,IACT;AAEA,IAAAH,EAAM,QAAQ,YAAY,IAC1BA,EAAM,WAAW,IACjBA,EAAM,YAAY;AAAA,EACpB,GAAG,CAAA,CAAE,GAICQ,IAAsB,OAAOC,GAAyBC,GAA0BC,IAAQ,MAAM;;AAClG,aAASC,IAAI,GAAGA,IAAIH,EAAM,QAAQG,KAAK;AACrC,YAAMC,IAAOJ,EAAMG,CAAC,GACdE,IAAU,GAAGD,EAAK,KAAK,IAAID,CAAC,IAAID,CAAK;AAE3C,UAAI;AACF,YAAIb,IAA4B;AAChC,cAAMiB,IAAOF,EAAK;AAElB,YAAI,OAAOE,KAAS,UAAU;AAC5B,gBAAMC,IAAY,QAAOC,IAAAP,EAAe,mBAAf,gBAAAO,EAAA,KAAAP,GAAgCK;AACzD,UAAIC,KAAaA,EAAU,CAAC,KAAK,OAAOA,EAAU,CAAC,KAAM,aACvDlB,IAAa,QAAOoB,IAAAR,EAAe,iBAAf,gBAAAQ,EAAA,KAAAR,GAA8BM,EAAU,CAAC,MAAK;AAAA,QAEtE,MAAA,CAAW,MAAM,QAAQD,CAAI,KAAKA,EAAK,CAAC,KAAK,OAAOA,EAAK,CAAC,KAAM,aAC9DjB,IAAa,QAAOqB,IAAAT,EAAe,iBAAf,gBAAAS,EAAA,KAAAT,GAA8BK,EAAK,CAAC,MAAK;AAG/D,QAAIjB,MAAe,QAAQA,IAAa,KACtCb,EAAkB,QAAQ,IAAI6B,GAAShB,CAAU,GAG/Ce,EAAK,SAASA,EAAK,MAAM,SAAS,KACpC,MAAML,EAAoBK,EAAK,OAAOH,GAAQC,IAAQ,CAAC;AAAA,MAE3D,QAAc;AAAA,MAEd;AAAA,IACF;AAAA,EACF,GAGMS,IAA4B1B,EAAY,CAACO,MAAiB;AAC9D,QAAIoB,IAA6B,MAC7BC,IAAkB;AAEtB,IAAArC,EAAkB,QAAQ,QAAQ,CAACsC,GAAUT,MAAY;AACvD,UAAIS,KAAYtB,GAAM;AACpB,cAAMuB,IAAWvB,IAAOsB;AACxB,QAAIC,IAAWF,MACbA,IAAkBE,GAClBH,IAAcP;AAAA,MAElB;AAAA,IACF,CAAC,GAEGO,MAAgBtC,KAClBC,EAAqBqC,CAAW;AAAA,EAEpC,GAAG,CAACtC,CAAiB,CAAC;AAGtB,EAAAa,EAAU,MAAM;AACd,IAAIzB,IAAc,KAAKc,EAAkB,QAAQ,OAAO,KACtDmC,EAA0BjD,CAAW;AAAA,EAEzC,GAAG,CAACA,GAAaiD,CAAyB,CAAC;AAE3C,QAAMK,IAAuB/B,EAAY,MAAM;AAC7C,QAAI,CAACL,EAAU,WAAW,CAACD,EAAmB,QAAS;AAEvD,UAAMsC,IAAUtC,EAAmB,QAAQ,cAAc,YAAY;AACrE,QAAKsC,GAEL;AAAA,MAAAA,EAAQ,YAAY,IACpBpC,EAAc,QAAQ,MAAA;AAEtB,eAASsB,IAAI,GAAGA,KAAKvC,GAAUuC,KAAK;AAClC,cAAMe,IAAU,SAAS,cAAc,KAAK;AAC5C,QAAAA,EAAQ,YAAY,qEACpBA,EAAQ,aAAa,oBAAoB,OAAOf,CAAC,CAAC,GAClDc,EAAQ,YAAYC,CAAO,GAE3BrC,EAAc,QAAQ,IAAIsB,GAAG;AAAA,UAC3B,SAASe;AAAA,UACT,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,QAAA,CACb,GAGGpC,EAAY,WACdA,EAAY,QAAQ,QAAQoC,CAAO;AAAA,MAEvC;AAAA;AAAA,EACF,GAAG,CAACtD,CAAQ,CAAC,GAGPuD,IAAUlC,EAAY,YAAY;AAKtC,QAJAhB,EAAS,IAAI,GACbE,EAAa,EAAI,GACjBN,EAAY,CAAC,GAETe,EAAU,SAAS;AACrB,UAAI;AACF,QAAAA,EAAU,QAAQ,QAAA;AAAA,MACpB,QAAQ;AAAA,MAER;AACA,MAAAA,EAAU,UAAU;AAAA,IACtB;AAEA,QAAI;AACF,YAAMwC,IAAcC,GAAS,YAAY,EAAE,KAAAlE,GAAK;AAChD,MAAAyB,EAAU,UAAW,MAAMwC,EAAY;AACvC,YAAME,IAAQ1C,EAAU,QAAQ;AAEhC,MAAAf,EAAYyD,CAAK,GACjB3D,EAAe,CAAC;AAGhB,UAAI;AACF,cAAM4D,IAAc,MAAM3C,EAAU,QAAQ,WAAA;AAC5C,QAAI2C,MACFlD,GAAWkD,CAAW,GAEtB/C,EAAkB,QAAQ,MAAA,GAC1B,MAAMuB,EAAoBwB,GAAa3C,EAAU,OAAO;AAAA,MAE5D,SAASiB,GAAK;AACZ,gBAAQ,KAAK,eAAeA,CAAG;AAAA,MACjC;AAEA,MAAA1B,EAAa,EAAK;AAAA,IACpB,SAAS0B,GAAK;AACZ,cAAQ,MAAM,aAAaA,CAAG,GAC9B5B,EAASZ,EAAE,iBAAiB,CAAC,GAC7Bc,EAAa,EAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAChB,GAAKE,CAAC,CAAC,GAGLmE,IAAevC,EAAY,MAAM;AACrC,QAAI,CAACN,EAAmB,WAAWE,EAAc,QAAQ,SAAS,EAAG;AAErE,UAAM4C,IAAY9C,EAAmB,SAC/B+C,IAAYD,EAAU,WACtBE,IAAkBF,EAAU,cAC5BG,IAAeF,IAAYC,IAAkB;AAEnD,QAAIE,IAAqB,GACrBC,IAAc;AAElB,IAAAjD,EAAc,QAAQ,QAAQ,CAACU,GAAOF,MAAe;AACnD,YAAM0C,IAAOxC,EAAM,QAAQ,sBAAA,GACrByC,IAAgBP,EAAU,sBAAA,GAC1BQ,IAAaF,EAAK,MAAMC,EAAc,MAAMD,EAAK,SAAS,IAAIL,GAC9DX,IAAW,KAAK,IAAIkB,IAAaL,CAAY;AAEnD,MAAIb,IAAWe,MACbA,IAAcf,GACdc,IAAqBxC;AAAA,IAEzB,CAAC,GAEGwC,MAAuBnE,KACzBC,EAAekE,CAAkB;AAAA,EAErC,GAAG,CAACnE,CAAW,CAAC;AAGhB,EAAAyB,EAAU,OACRL,EAAY,UAAU,IAAI;AAAA,IACxB,CAACoD,MAAY;AACX,MAAAA,EAAQ,QAAQ,CAACC,MAAU;AACzB,cAAM9C,IAAa,OAAO8C,EAAM,OAAO,aAAa,kBAAkB,CAAC;AACvE,YAAK9C;AAEL,cAAI8C,EAAM;AAER,YAAA/C,EAAWC,GAAY9B,CAAI;AAAA,eACtB;AAEL,kBAAMgC,IAAQV,EAAc,QAAQ,IAAIQ,CAAU;AAClD,YAAIE,KAASA,EAAM,YACjBO,EAAgBT,CAAU;AAAA,UAE9B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE,MAAMV,EAAmB;AAAA,MACzB,YAAY;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,EACb,GAGK,MAAM;AACX,IAAIG,EAAY,YACdA,EAAY,QAAQ,WAAA,GACpBA,EAAY,UAAU;AAAA,EAE1B,IACC,CAACvB,GAAM6B,GAAYU,CAAe,CAAC,GAGtCX,EAAU,MAAM;AAEd,IAAIhC,KACFgE,EAAA;AAAA,EAEJ,GAAG,CAAChE,GAAKgE,CAAO,CAAC,GAGjBhC,EAAU,MAAM;AACd,IAAIvB,IAAW,KAEb,WAAW,MAAM;AACf,MAAAoD,EAAA;AAAA,IACF,GAAG,CAAC;AAAA,EAER,GAAG,CAACpD,GAAUoD,CAAoB,CAAC,GAGnC7B,EAAU,MAAM;AACd,UAAMiD,IAAQ,WAAW,MAAM;AAE7B,MAAAvD,EAAc,QAAQ,QAAQ,CAACU,GAAOF,MAAe;AACnD,QAAIE,EAAM,YACRO,EAAgBT,CAAU;AAAA,MAE9B,CAAC,GAGGP,EAAY,WAAWH,EAAmB,WAC5CE,EAAc,QAAQ,QAAQ,CAACU,MAAU;;AACvC,SAAAiB,IAAA1B,EAAY,YAAZ,QAAA0B,EAAqB,UAAUjB,EAAM,WACrCkB,IAAA3B,EAAY,YAAZ,QAAA2B,EAAqB,QAAQlB,EAAM;AAAA,MACrC,CAAC;AAAA,IAEL,GAAG,GAAG;AAEN,WAAO,MAAM,aAAa6C,CAAK;AAAA,EACjC,GAAG,CAAC7E,GAAMuC,CAAe,CAAC,GAG1BX,EAAU,MAAM;AACd,UAAMsC,IAAY9C,EAAmB;AACrC,QAAK8C;AAEL,aAAAA,EAAU,iBAAiB,UAAUD,CAAY,GAC1C,MAAMC,EAAU,oBAAoB,UAAUD,CAAY;AAAA,EACnE,GAAG,CAACA,CAAY,CAAC,GAGjBrC,EAAU,MACD,MAAM;AASX,QAPAN,EAAc,QAAQ,QAAQ,CAACU,MAAU;AACvC,MAAIA,EAAM,cACRA,EAAM,WAAW,OAAA;AAAA,IAErB,CAAC,GACDV,EAAc,QAAQ,MAAA,GAElBD,EAAU,SAAS;AACrB,UAAI;AACF,QAAAA,EAAU,QAAQ,QAAA;AAAA,MACpB,QAAQ;AAAA,MAER;AACA,MAAAA,EAAU,UAAU;AAAA,IACtB;AAAA,EACF,GACC,CAAA,CAAE;AAGL,QAAMyD,KAAqBpD,EAAY,OAAOqB,GAAWD,GAAiBiC,MAAyB;AACjG,QAAI,GAAC1D,EAAU,WAAW,CAACD,EAAmB;AAE9C,UAAI;AACF,YAAIU;AAEJ,YAAI,OAAOiB,KAAS,UAAU;AAE5B,gBAAMC,IAAY,MAAO3B,EAAU,QAAgB,eAAe0B,CAAI;AACtE,cAAIC,KAAaA,EAAU,CAAC,GAAG;AAC7B,kBAAMgC,IAAUhC,EAAU,CAAC;AAC3B,YAAAlB,IAAa,MAAOT,EAAU,QAAgB,aAAa2D,CAAO,IAAI;AAAA,UACxE;AACE;AAAA,QAEJ,WAAW,MAAM,QAAQjC,CAAI,KAAKA,EAAK,CAAC,GAAG;AAEzC,gBAAMiC,IAAUjC,EAAK,CAAC;AACtB,UAAAjB,IAAa,MAAOT,EAAU,QAAgB,aAAa2D,CAAO,IAAI;AAAA,QACxE;AACE;AAIF,QAAAhE,EAAqB8B,CAAO;AAI5B,cAAMmC,IADQ7D,EAAmB,QAAQ,iBAAiB,oBAAoB,EACrDU,IAAa,CAAC;AACvC,QAAImD,KACFA,EAAW,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,GAI9DF,KACF,WAAW,MAAMA,EAAA,GAAW,GAAG;AAAA,MAEnC,SAASzC,GAAK;AACZ,gBAAQ,MAAM,WAAWA,CAAG;AAAA,MAC9B;AAAA,EACF,GAAG,CAAA,CAAE,GAGC4C,IAAqB,CAACzC,GAAyBE,IAAQ,GAAGoC,MAE5D,gBAAAI,EAAC,MAAA,EAAG,OAAO,EAAE,YAAYxC,IAAQ,IAAI,KAAK,EAAA,GACvC,UAAAF,EAAM,IAAI,CAACI,GAAM,MAAM;AACtB,UAAMC,IAAU,GAAGD,EAAK,KAAK,IAAI,CAAC,IAAIF,CAAK;AAE3C,6BACG,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAwC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAML,GAAmBjC,EAAK,MAAMC,GAASiC,CAAO;AAAA,UAC7D,WAAW,sGALAhE,MAAsB+B,IAO3B,yDACA,wEACN;AAAA,UACA,OAAOD,EAAK;AAAA,UAEX,UAAAA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEPA,EAAK,SAASA,EAAK,MAAM,SAAS,KAAKqC,EAAmBrC,EAAK,OAAOF,IAAQ,GAAGoC,CAAO;AAAA,IAAA,EAAA,GAZlFjC,CAaT;AAAA,EAEJ,CAAC,EAAA,CACH,GAKEsC,IAAe1D,EAAY,MAAM;AACrC,IAAAzB,EAAQ,OAAK,KAAK,IAAIoF,IAAI,KAAK,CAAC,CAAC;AAAA,EACnC,GAAG,CAAA,CAAE,GAECC,IAAgB5D,EAAY,MAAM;AACtC,IAAAzB,EAAQ,OAAK,KAAK,IAAIoF,IAAI,KAAK,GAAG,CAAC;AAAA,EACrC,GAAG,CAAA,CAAE,GAECE,IAAc7D,EAAY,MAAM;AACpC,IAAAzB,EAAQ,CAAC;AAAA,EACX,GAAG,CAAA,CAAE,GAECuF,IAAiB9D,EAAY,MAAM;AACvC,QAAI,CAACN,EAAmB,QAAS;AAGjC,UAAM6D,IAFY7D,EAAmB,QACb,iBAAiB,oBAAoB,EACpC,KAAK,IAAI,GAAGjB,IAAc,CAAC,CAAC;AACrD,IAAI8E,KACFA,EAAW,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS;AAAA,EAEpE,GAAG,CAAC9E,CAAW,CAAC,GAEVsF,IAAiB/D,EAAY,MAAM;AACvC,QAAI,CAACN,EAAmB,QAAS;AAEjC,UAAMsE,IADYtE,EAAmB,QACb,iBAAiB,oBAAoB,GACvD6D,IAAaS,EAAM,KAAK,IAAIA,EAAM,SAAS,GAAGvF,CAAW,CAAC;AAChE,IAAI8E,KACFA,EAAW,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS;AAAA,EAEpE,GAAG,CAAC9E,GAAaE,CAAQ,CAAC,GAEpBsF,KAAsBjE,EAAY,MAAM;AAC5C,IAAAlB,EAAe,CAAAoF,MAAQ,CAACA,CAAI;AAAA,EAC9B,GAAG,CAAA,CAAE,GAGCC,KAAmBnE,EAAY,MAAsB;AACzD,UAAMoE,IAAyB,CAAA;AAG/B,WAAIjF,EAAQ,SAAS,KACnBiF,EAAO,KAAK;AAAA,MACV,OAAO;AAAA,QACL,EAAE,MAAM,UAAU,MAAM,gBAAAX,EAACY,MAAK,WAAU,kBAAA,CAAkB,GAAI,SAASjG,EAAE,iBAAiB,GAAG,QAAQ6F,IAAqB,QAAQpF,EAAA;AAAA,MAAY;AAAA,IAChJ,CACD,GAIHuF,EAAO,KAAK;AAAA,MACV,OAAO;AAAA,QACL,EAAE,MAAM,UAAU,MAAM,gBAAAX,EAACa,MAAY,WAAU,kBAAA,CAAkB,GAAI,SAASlG,EAAE,mBAAmB,GAAG,QAAQ0F,GAAgB,UAAUrF,KAAe,EAAA;AAAA,QACvJ,EAAE,MAAM,QAAQ,SAAS,GAAGA,CAAW,MAAME,CAAQ,IAAI,UAAU,OAAA;AAAA,QACnE,EAAE,MAAM,UAAU,MAAM,gBAAA8E,EAACc,MAAa,WAAU,kBAAA,CAAkB,GAAI,SAASnG,EAAE,mBAAmB,GAAG,QAAQ2F,GAAgB,UAAUtF,KAAeE,EAAA;AAAA,MAAS;AAAA,IACnK,CACD,GAGDyF,EAAO,KAAK;AAAA,MACV,OAAO;AAAA,QACL,EAAE,MAAM,UAAU,MAAM,gBAAAX,EAACe,MAAQ,WAAU,kBAAA,CAAkB,GAAI,SAASpG,EAAE,kBAAkB,GAAG,QAAQwF,GAAe,UAAUtF,KAAQ,IAAA;AAAA,QAC1I,EAAE,MAAM,QAAQ,SAAS,GAAG,KAAK,MAAMA,IAAO,GAAG,CAAC,KAAK,UAAU,OAAA;AAAA,QACjE,EAAE,MAAM,UAAU,MAAM,gBAAAmF,EAACgB,MAAO,WAAU,kBAAA,CAAkB,GAAI,SAASrG,EAAE,iBAAiB,GAAG,QAAQsF,GAAc,UAAUpF,KAAQ,EAAA;AAAA,MAAE;AAAA,IAC3I,CACD,GAGD8F,EAAO,KAAK;AAAA,MACV,OAAO;AAAA,QACL,EAAE,MAAM,UAAU,wBAAOM,IAAA,EAAU,WAAU,kBAAA,CAAkB,GAAI,SAAStG,EAAE,eAAe,GAAG,QAAQyF,EAAA;AAAA,MAAY;AAAA,IACtH,CACD,GAEMO;AAAA,EACT,GAAG,CAAC9F,GAAMG,GAAaE,GAAUE,GAAaM,EAAQ,QAAQf,GAAGsF,GAAcE,GAAeE,GAAgBC,GAAgBE,IAAqBJ,CAAW,CAAC;AAG/J,SAAAc,GAAoBxG,IAAK,OAAO;AAAA,IAC9B,kBAAAgG;AAAA,IACA,iBAAiB,CAAClE,OAChBH,EAAa,QAAQ,IAAIG,CAAQ,GAC1B,MAAMH,EAAa,QAAQ,OAAOG,CAAQ;AAAA,EACnD,IACE,CAACkE,EAAgB,CAAC,GAGpB,gBAAAS,EAAC,OAAA,EAAI,KAAKnF,IAAc,WAAU,sCAE/B,UAAA;AAAA,IAAAN,EAAQ,SAAS,KAChB,gBAAAyF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,SAAS/F,IAAc,IAAI;AAAA,UAC3B,eAAeA,IAAc,SAAS;AAAA,QAAA;AAAA,QAGxC,UAAA;AAAA,UAAA,gBAAA+F;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,WAAW/F,IAAc,kBAAkB,oBAAA;AAAA,cAEpD,UAAA;AAAA,gBAAA,gBAAA+F,EAAC,OAAA,EAAI,WAAU,uHACb,UAAA;AAAA,kBAAA,gBAAAnB,EAAC,QAAA,EAAK,WAAU,mDAAmD,UAAArF,EAAE,iBAAiB,GAAE;AAAA,kBACxF,gBAAAqF;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,SAAS,MAAM3E,EAAe,EAAK;AAAA,sBACnC,WAAU;AAAA,sBAEV,UAAA,gBAAA2E,EAACoB,IAAA,EAAE,WAAU,kBAAA,CAAkB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjC,GACF;AAAA,gBACA,gBAAApB,EAAC,OAAA,EAAI,WAAU,oDACZ,UAAAD,EAAmBrE,GAAS,GAAG,MAAML,EAAe,EAAK,CAAC,EAAA,CAC7D;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAA2E;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,YAAY5E,IAAc,oBAAoB,cAAA;AAAA,cACvD,SAAS,MAAMC,EAAe,EAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACrC;AAAA,MAAA;AAAA,IAAA;AAAA,IAIJ,gBAAA8F;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKlF;AAAA,QACL,WAAU;AAAA,QAET,UAAA;AAAA,UAAAX,KACC,gBAAA0E,EAACqB,IAAA,EAAc,SAAS/F,EAAA,CAAO;AAAA,UAGhC,CAACA,KAASE,MACT,gBAAAwE,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,oHAAA,CAAoH,EAAA,CACrI;AAAA,UAGD,CAAC1E,KACA,gBAAA0E,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4CAAA,CAA4C,EAAA,CAC7D;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ,CAAC;"}

package/lib/chunks/index-CuWzRQZw.mjs

@@ -0,0 +1,116 @@
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as T, useState as x, useRef as b, useEffect as h, useImperativeHandle as k } from "react";
+import E from "video.js";
+import { u as R } from "./index-Cz23v-TW.mjs";
+import { R as j } from "./RendererError-D5i8eSpN.mjs";
+const _ = /* @__PURE__ */ new Set(["avi", "wmv", "flv"]), N = (r) => {
+  var e;
+  const i = ((e = r.split(".").pop()) == null ? void 0 : e.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"
+  }[i] || "video/mp4";
+}, S = (r, i) => {
+  var e;
+  return ((e = (i || r).split(".").pop()) == null ? void 0 : e.toLowerCase().split("?")[0]) || "";
+}, q = T(({ url: r, fileName: i }, a) => {
+  const e = R(), [p, d] = x(null), [w, f] = x(!0), c = b(null), n = b(null);
+  return h(() => {
+    const t = S(r, i);
+    if (_.has(t)) {
+      d({
+        title: e("video.unsupported_title"),
+        detail: e("video.unsupported_detail", { format: t.toUpperCase() })
+      }), f(!1);
+      return;
+    }
+    if (!n.current && c.current) {
+      const m = document.createElement("video-js");
+      m.classList.add("vjs-big-play-centered", "vjs-theme-apple"), c.current.appendChild(m);
+      const v = N(r);
+      let u;
+      v === "video/quicktime" ? u = [
+        { src: r, type: "video/quicktime" },
+        { src: r, type: "video/mp4" }
+      ] : u = [{ src: r, type: v }];
+      const l = E(m, {
+        controls: !0,
+        fill: !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: u
+      }), g = l.el().querySelector("video");
+      g && (g.style.objectFit = "contain"), l.on("loadeddata", () => {
+        f(!1);
+      }), l.on("error", () => {
+        const o = l.error();
+        console.warn("[VideoRenderer] Video playback error:", (o == null ? void 0 : o.message) || "Unknown error"), (o == null ? void 0 : o.code) === 4 ? d({
+          title: e("video.unsupported_title"),
+          detail: e("video.unsupported_detail", {
+            format: t ? t.toUpperCase() : e("common.unknown_error")
+          })
+        }) : d({
+          title: e("video.load_failed"),
+          detail: (o == null ? void 0 : o.message) || e("common.unknown_error")
+        }), f(!1);
+      }), n.current = l;
+    }
+  }, [r, i, e]), h(() => {
+    const t = n.current;
+    return () => {
+      t && !t.isDisposed() && (t.dispose(), n.current = null);
+    };
+  }, []), k(a, () => ({
+    getToolbarGroups: () => []
+  }), []), p ? /* @__PURE__ */ s(j, { message: p.title, detail: p.detail }) : /* @__PURE__ */ s("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ y("div", { className: "rfp-w-full rfp-h-full rfp-relative", children: [
+    w && /* @__PURE__ */ s("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-3 rfp-backdrop-blur-sm rfp-z-10", children: /* @__PURE__ */ y("div", { className: "rfp-text-center", children: [
+      /* @__PURE__ */ s("div", { className: "rfp-w-12 rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-3 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }),
+      /* @__PURE__ */ s("p", { className: "rfp-text-sm rfp-text-fg-secondary rfp-font-medium", children: e("video.loading") })
+    ] }) }),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        ref: c,
+        className: "rfp-overflow-hidden rfp-w-full rfp-h-full [&_video]:rfp-object-contain",
+        style: {
+          boxShadow: "0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)"
+        }
+      }
+    )
+  ] }) });
+});
+export {
+  q as VideoRenderer
+};
+//# sourceMappingURL=index-CuWzRQZw.mjs.map

package/lib/chunks/index-CuWzRQZw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CuWzRQZw.mjs","sources":["../../src/renderers/Video/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState, forwardRef, useImperativeHandle } from 'react';\nimport videojs from 'video.js';\nimport 'video.js/dist/video-js.css';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { RendererError } from '../RendererError';\nimport type { RendererHandle } from '../base.types';\n\ntype VideoJsPlayer = ReturnType<typeof videojs>;\n\ninterface VideoRendererProps {\n  url: string;\n  fileName?: string;\n}\n\n// 浏览器原生不支持的视频容器（无论编码，<video> 都无法播放）\n// — 这些扩展名直接短路 videojs 初始化，给出明确提示\nconst BROWSER_UNSUPPORTED_EXTS = new Set(['avi', 'wmv', 'flv']);\n\n// 根据 URL 获取视频 MIME 类型\nconst getVideoType = (url: string): string => {\n  const ext = url.split('.').pop()?.toLowerCase().split('?')[0] || '';\n  const typeMap: Record<string, string> = {\n    mp4: 'video/mp4',\n    webm: 'video/webm',\n    ogg: 'video/ogg',\n    ogv: 'video/ogg',\n    mov: 'video/quicktime', // MOV 使用 QuickTime MIME 类型\n    avi: 'video/x-msvideo',\n    mkv: 'video/x-matroska',\n    m4v: 'video/mp4',\n    '3gp': 'video/3gpp',\n    flv: 'video/x-flv',\n  };\n  return typeMap[ext] || 'video/mp4';\n};\n\n// 获取视频文件扩展名（优先用文件名，blob/HTTP URL 都拿不到真扩展名）\nconst getVideoExt = (url: string, fileName?: string): string => {\n  const source = fileName || url;\n  return source.split('.').pop()?.toLowerCase().split('?')[0] || '';\n};\n\ninterface ErrorState {\n  title: string;\n  detail: string;\n}\n\nexport const VideoRenderer = forwardRef<RendererHandle, VideoRendererProps>(({ url, fileName }, ref) => {\n  const t = useTranslator();\n  const [error, setError] = useState<ErrorState | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const videoRef = useRef<HTMLDivElement>(null);\n  const playerRef = useRef<VideoJsPlayer | null>(null);\n\n  useEffect(() => {\n    const videoExt = getVideoExt(url, fileName);\n\n    // 已知浏览器不支持的容器：跳过 videojs 初始化，直接展示友好提示\n    if (BROWSER_UNSUPPORTED_EXTS.has(videoExt)) {\n      setError({\n        title: t('video.unsupported_title'),\n        detail: t('video.unsupported_detail', { format: videoExt.toUpperCase() }),\n      });\n      setIsLoading(false);\n      return;\n    }\n\n    // 确保 Video.js 播放器只初始化一次\n    if (!playerRef.current && videoRef.current) {\n      const videoElement = document.createElement('video-js');\n      videoElement.classList.add('vjs-big-play-centered', 'vjs-theme-apple');\n      videoRef.current.appendChild(videoElement);\n\n      const videoType = getVideoType(url);\n\n      // 为特定格式提供多个 MIME 类型作为备用\n      let sources: Array<{ src: string; type: string }>;\n\n      if (videoType === 'video/quicktime') {\n        // MOV 格式 fallback\n        sources = [\n          { src: url, type: 'video/quicktime' },\n          { src: url, type: 'video/mp4' }\n        ];\n      } else {\n        sources = [{ src: url, type: videoType }];\n      }\n\n      const player = videojs(videoElement, {\n        controls: true,\n        fill: true,\n        preload: 'auto',\n        controlBar: {\n          children: [\n            'playToggle',\n            'volumePanel',\n            'currentTimeDisplay',\n            'timeDivider',\n            'durationDisplay',\n            'progressControl',\n            'remainingTimeDisplay',\n            'fullscreenToggle'\n          ],\n          volumePanel: {\n            inline: false\n          }\n        },\n        html5: {\n          vhs: {\n            overrideNative: true\n          },\n          nativeVideoTracks: false,\n          nativeAudioTracks: false,\n          nativeTextTracks: false\n        },\n        sources\n      });\n\n      // 确保视频保持比例\n      const videoEl = player.el().querySelector('video');\n      if (videoEl) {\n        (videoEl as HTMLVideoElement).style.objectFit = 'contain';\n      }\n\n      // 监听加载完成\n      player.on('loadeddata', () => {\n        setIsLoading(false);\n      });\n\n      player.on('error', () => {\n        const err = player.error();\n        // 视频加载错误是正常情况（格式不支持、编解码器缺失等），用 warn 级别记录\n        console.warn('[VideoRenderer] Video playback error:', err?.message || 'Unknown error');\n\n        // MEDIA_ERR_SRC_NOT_SUPPORTED（code=4）：编码或容器层面浏览器解不了\n        if (err?.code === 4) {\n          setError({\n            title: t('video.unsupported_title'),\n            detail: t('video.unsupported_detail', {\n              format: videoExt ? videoExt.toUpperCase() : t('common.unknown_error'),\n            }),\n          });\n        } else {\n          setError({\n            title: t('video.load_failed'),\n            detail: err?.message || t('common.unknown_error'),\n          });\n        }\n        setIsLoading(false);\n      });\n\n      playerRef.current = player;\n    }\n  }, [url, fileName, t]);\n\n  // 清理函数\n  useEffect(() => {\n    const player = playerRef.current;\n\n    return () => {\n      if (player && !player.isDisposed()) {\n        player.dispose();\n        playerRef.current = null;\n      }\n    };\n  }, []);\n\n  // 暴露接口给父组件（必须在所有提前 return 之前）\n  useImperativeHandle(ref, () => ({\n    getToolbarGroups: () => [],\n  }), []);\n\n  if (error) {\n    return <RendererError message={error.title} detail={error.detail} />;\n  }\n\n  return (\n    <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full\">\n      <div className=\"rfp-w-full rfp-h-full rfp-relative\">\n        {/* 加载状态 */}\n        {isLoading && (\n          <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-3 rfp-backdrop-blur-sm rfp-z-10\">\n            <div className=\"rfp-text-center\">\n              <div className=\"rfp-w-12 rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-3 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n              <p className=\"rfp-text-sm rfp-text-fg-secondary rfp-font-medium\">{t('video.loading')}</p>\n            </div>\n          </div>\n        )}\n\n        {/* 视频播放器容器 */}\n        <div\n          ref={videoRef}\n          className=\"rfp-overflow-hidden rfp-w-full rfp-h-full [&_video]:rfp-object-contain\"\n          style={{\n            boxShadow: '0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)'\n          }}\n        />\n      </div>\n    </div>\n  );\n});\n"],"names":["BROWSER_UNSUPPORTED_EXTS","getVideoType","url","ext","_a","getVideoExt","fileName","VideoRenderer","forwardRef","ref","t","useTranslator","error","setError","useState","isLoading","setIsLoading","videoRef","useRef","playerRef","useEffect","videoExt","videoElement","videoType","sources","player","videojs","videoEl","err","useImperativeHandle","RendererError","jsxs","jsx"],"mappings":";;;;;AAgBA,MAAMA,IAA2B,oBAAI,IAAI,CAAC,OAAO,OAAO,KAAK,CAAC,GAGxDC,IAAe,CAACC,MAAwB;;AAC5C,QAAMC,MAAMC,IAAAF,EAAI,MAAM,GAAG,EAAE,IAAA,MAAf,gBAAAE,EAAsB,cAAc,MAAM,KAAK,OAAM;AAajE,SAZwC;AAAA,IACtC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,KAAK;AAAA,EAAA,EAEQD,CAAG,KAAK;AACzB,GAGME,IAAc,CAACH,GAAaI,MAA8B;;AAE9D,WAAOF,KADQE,KAAYJ,GACb,MAAM,GAAG,EAAE,IAAA,MAAlB,gBAAAE,EAAyB,cAAc,MAAM,KAAK,OAAM;AACjE,GAOaG,IAAgBC,EAA+C,CAAC,EAAE,KAAAN,GAAK,UAAAI,EAAA,GAAYG,MAAQ;AACtG,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAOC,CAAQ,IAAIC,EAA4B,IAAI,GACpD,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAI,GACzCG,IAAWC,EAAuB,IAAI,GACtCC,IAAYD,EAA6B,IAAI;AAwHnD,SAtHAE,EAAU,MAAM;AACd,UAAMC,IAAWhB,EAAYH,GAAKI,CAAQ;AAG1C,QAAIN,EAAyB,IAAIqB,CAAQ,GAAG;AAC1C,MAAAR,EAAS;AAAA,QACP,OAAOH,EAAE,yBAAyB;AAAA,QAClC,QAAQA,EAAE,4BAA4B,EAAE,QAAQW,EAAS,eAAe;AAAA,MAAA,CACzE,GACDL,EAAa,EAAK;AAClB;AAAA,IACF;AAGA,QAAI,CAACG,EAAU,WAAWF,EAAS,SAAS;AAC1C,YAAMK,IAAe,SAAS,cAAc,UAAU;AACtD,MAAAA,EAAa,UAAU,IAAI,yBAAyB,iBAAiB,GACrEL,EAAS,QAAQ,YAAYK,CAAY;AAEzC,YAAMC,IAAYtB,EAAaC,CAAG;AAGlC,UAAIsB;AAEJ,MAAID,MAAc,oBAEhBC,IAAU;AAAA,QACR,EAAE,KAAKtB,GAAK,MAAM,kBAAA;AAAA,QAClB,EAAE,KAAKA,GAAK,MAAM,YAAA;AAAA,MAAY,IAGhCsB,IAAU,CAAC,EAAE,KAAKtB,GAAK,MAAMqB,GAAW;AAG1C,YAAME,IAASC,EAAQJ,GAAc;AAAA,QACnC,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,YAAY;AAAA,UACV,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,aAAa;AAAA,YACX,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAEF,OAAO;AAAA,UACL,KAAK;AAAA,YACH,gBAAgB;AAAA,UAAA;AAAA,UAElB,mBAAmB;AAAA,UACnB,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,QAAA;AAAA,QAEpB,SAAAE;AAAA,MAAA,CACD,GAGKG,IAAUF,EAAO,GAAA,EAAK,cAAc,OAAO;AACjD,MAAIE,MACDA,EAA6B,MAAM,YAAY,YAIlDF,EAAO,GAAG,cAAc,MAAM;AAC5B,QAAAT,EAAa,EAAK;AAAA,MACpB,CAAC,GAEDS,EAAO,GAAG,SAAS,MAAM;AACvB,cAAMG,IAAMH,EAAO,MAAA;AAEnB,gBAAQ,KAAK,0CAAyCG,KAAA,gBAAAA,EAAK,YAAW,eAAe,IAGjFA,KAAA,gBAAAA,EAAK,UAAS,IAChBf,EAAS;AAAA,UACP,OAAOH,EAAE,yBAAyB;AAAA,UAClC,QAAQA,EAAE,4BAA4B;AAAA,YACpC,QAAQW,IAAWA,EAAS,YAAA,IAAgBX,EAAE,sBAAsB;AAAA,UAAA,CACrE;AAAA,QAAA,CACF,IAEDG,EAAS;AAAA,UACP,OAAOH,EAAE,mBAAmB;AAAA,UAC5B,SAAQkB,KAAA,gBAAAA,EAAK,YAAWlB,EAAE,sBAAsB;AAAA,QAAA,CACjD,GAEHM,EAAa,EAAK;AAAA,MACpB,CAAC,GAEDG,EAAU,UAAUM;AAAA,IACtB;AAAA,EACF,GAAG,CAACvB,GAAKI,GAAUI,CAAC,CAAC,GAGrBU,EAAU,MAAM;AACd,UAAMK,IAASN,EAAU;AAEzB,WAAO,MAAM;AACX,MAAIM,KAAU,CAACA,EAAO,iBACpBA,EAAO,QAAA,GACPN,EAAU,UAAU;AAAA,IAExB;AAAA,EACF,GAAG,CAAA,CAAE,GAGLU,EAAoBpB,GAAK,OAAO;AAAA,IAC9B,kBAAkB,MAAM,CAAA;AAAA,EAAC,IACvB,CAAA,CAAE,GAEFG,sBACMkB,GAAA,EAAc,SAASlB,EAAM,OAAO,QAAQA,EAAM,QAAQ,sBAIjE,OAAA,EAAI,WAAU,sEACb,UAAA,gBAAAmB,EAAC,OAAA,EAAI,WAAU,sCAEZ,UAAA;AAAA,IAAAhB,uBACE,OAAA,EAAI,WAAU,wHACb,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yIAAA,CAAyI;AAAA,wBACvJ,KAAA,EAAE,WAAU,qDAAqD,UAAAtB,EAAE,eAAe,EAAA,CAAE;AAAA,IAAA,EAAA,CACvF,EAAA,CACF;AAAA,IAIF,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKf;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ,CAAC;"}