@eternalheart/react-file-preview 1.3.10 → 1.3.12

package/lib/chunks/index-D2t64h6I.mjs

@@ -0,0 +1,96 @@
+import { jsxs as T, jsx as o } from "react/jsx-runtime";
+import { useState as M, useRef as c, useCallback as y, useEffect as C } from "react";
+import z from "x-data-spreadsheet";
+/* empty css                       */
+import { u as N, a as j, E as H, S as W, M as k, U as A } from "./index-BCbSb9Ob.mjs";
+import { R as L } from "./RendererError-BH6fzLrN.mjs";
+const V = ({ url: v, fileName: h }) => {
+  const R = N(), E = j(), [m, w] = M(!0), [b, D] = M(null), r = c(null), g = c(null), a = c(null), u = c(null), f = c(null), x = c({ width: 0, height: 0 }), l = y(() => {
+    if (!r.current) return { width: 800, height: 600 };
+    const e = r.current.clientWidth, n = r.current.clientHeight, t = e > 100 ? e : 800, s = n > 100 ? n : 600;
+    return { width: t, height: s };
+  }, []), d = y(() => {
+    if (!r.current || !a.current) return;
+    r.current.innerHTML = "", g.current = null;
+    const { width: e, height: n } = l(), t = e < 640, s = new z(r.current, {
+      mode: "read",
+      showToolbar: !1,
+      showContextmenu: !1,
+      showGrid: !0,
+      row: {
+        len: 100,
+        height: 25
+      },
+      col: {
+        len: 26,
+        width: t ? 80 : 100,
+        indexWidth: t ? 40 : 60,
+        minWidth: t ? 40 : 60
+      },
+      view: {
+        height: () => n,
+        width: () => e
+      }
+    });
+    s.loadData(a.current), g.current = s;
+  }, [l]);
+  return C(() => {
+    if (!r.current) return;
+    let e = !0;
+    const n = () => {
+      if (e) {
+        e = !1, x.current = l();
+        return;
+      }
+      const t = l(), s = x.current, i = Math.abs(s.width - t.width), p = Math.abs(s.height - t.height);
+      i < 10 && p < 10 || (x.current = t, f.current && clearTimeout(f.current), f.current = window.setTimeout(() => {
+        a.current && d();
+      }, 500));
+    };
+    return u.current = new ResizeObserver(() => {
+      n();
+    }), u.current.observe(r.current), () => {
+      u.current && u.current.disconnect(), f.current && clearTimeout(f.current);
+    };
+  }, [l, d]), C(() => {
+    let e = !0;
+    const n = new AbortController(), t = async () => {
+      if (r.current) {
+        w(!0), D(null);
+        try {
+          const i = await H(v, { fetcher: E, signal: n.signal }), p = W(i, { delimiter: k(h) }), S = A(p.header, p.rows, h);
+          if (!e) return;
+          a.current = S, d(), w(!1);
+        } catch (i) {
+          if (i.name === "AbortError") return;
+          e && (console.error("CSV 解析错误:", i), D(R("csv.load_failed")), w(!1));
+        }
+      }
+    }, s = setTimeout(() => {
+      requestAnimationFrame(() => {
+        t();
+      });
+    }, 100);
+    return () => {
+      e = !1, n.abort(), clearTimeout(s), a.current = null, r.current && (r.current.innerHTML = ""), g.current = null;
+    };
+  }, [v, h, d]), /* @__PURE__ */ T("div", { className: "rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full", children: [
+    m && /* @__PURE__ */ o("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10", children: /* @__PURE__ */ T("div", { className: "rfp-text-center", children: [
+      /* @__PURE__ */ o("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-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }),
+      /* @__PURE__ */ o("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium", children: R("csv.loading") })
+    ] }) }),
+    b && !m && /* @__PURE__ */ o("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10", children: /* @__PURE__ */ o(L, { message: b }) }),
+    !b && /* @__PURE__ */ o(
+      "div",
+      {
+        ref: r,
+        className: "xlsx-spreadsheet-container rfp-w-full rfp-h-full",
+        style: { opacity: m ? 0 : 1 }
+      }
+    )
+  ] });
+};
+export {
+  V as CsvRenderer
+};
+//# sourceMappingURL=index-D2t64h6I.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-D2t64h6I.mjs","sources":["../../src/renderers/Csv/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport {\n  parseCsv,\n  guessCsvDelimiter,\n  fetchTextUtf8,\n  convertCsvToSpreadsheetData,\n} from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\n\ninterface CsvRendererProps {\n  url: string;\n  fileName: string;\n}\n\nexport const CsvRenderer: React.FC<CsvRendererProps> = ({ url, fileName }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const spreadsheetRef = useRef<Spreadsheet | null>(null);\n  const sheetDataRef = useRef<Record<string, unknown>[] | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const resizeTimeoutRef = useRef<number | null>(null);\n  const lastDimensionsRef = useRef({ width: 0, height: 0 });\n\n  const calculateDimensions = useCallback(() => {\n    if (!containerRef.current) return { width: 800, height: 600 };\n    const rawWidth = containerRef.current.clientWidth;\n    const rawHeight = containerRef.current.clientHeight;\n    const width = rawWidth > 100 ? rawWidth : 800;\n    const height = rawHeight > 100 ? rawHeight : 600;\n    return { width, height };\n  }, []);\n\n  const mountSpreadsheet = useCallback(() => {\n    if (!containerRef.current || !sheetDataRef.current) return;\n\n    containerRef.current.innerHTML = '';\n    spreadsheetRef.current = null;\n\n    const { width, height } = calculateDimensions();\n    const isMobile = width < 640;\n\n    const s = new Spreadsheet(containerRef.current, {\n      mode: 'read',\n      showToolbar: false,\n      showContextmenu: false,\n      showGrid: true,\n      row: {\n        len: 100,\n        height: 25,\n      },\n      col: {\n        len: 26,\n        width: isMobile ? 80 : 100,\n        indexWidth: isMobile ? 40 : 60,\n        minWidth: isMobile ? 40 : 60,\n      },\n      view: {\n        height: () => height,\n        width: () => width,\n      },\n    });\n\n    s.loadData(sheetDataRef.current as unknown as Record<string, unknown>);\n    spreadsheetRef.current = s;\n  }, [calculateDimensions]);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    let isInitialRender = true;\n\n    const updateDimensions = () => {\n      if (isInitialRender) {\n        isInitialRender = false;\n        lastDimensionsRef.current = calculateDimensions();\n        return;\n      }\n\n      const newDimensions = calculateDimensions();\n      const lastDimensions = lastDimensionsRef.current;\n      const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n      const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n      if (widthDiff < 10 && heightDiff < 10) return;\n\n      lastDimensionsRef.current = newDimensions;\n\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n\n      resizeTimeoutRef.current = window.setTimeout(() => {\n        if (sheetDataRef.current) {\n          mountSpreadsheet();\n        }\n      }, 500);\n    };\n\n    resizeObserverRef.current = new ResizeObserver(() => {\n      updateDimensions();\n    });\n\n    resizeObserverRef.current.observe(containerRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, [calculateDimensions, mountSpreadsheet]);\n\n  useEffect(() => {\n    let isMounted = true;\n    const controller = new AbortController();\n\n    const loadCsv = async () => {\n      if (!containerRef.current) return;\n\n      setLoading(true);\n      setError(null);\n\n      try {\n        const text = await fetchTextUtf8(url, { fetcher, signal: controller.signal });\n        const parsed = parseCsv(text, { delimiter: guessCsvDelimiter(fileName) });\n        const sheetData = convertCsvToSpreadsheetData(parsed.header, parsed.rows, fileName);\n\n        if (!isMounted) return;\n\n        sheetDataRef.current = sheetData as unknown as Record<string, unknown>[];\n        mountSpreadsheet();\n        setLoading(false);\n      } catch (err: any) {\n        if (err.name === 'AbortError') return;\n        if (isMounted) {\n          console.error('CSV 解析错误:', err);\n          setError(t('csv.load_failed'));\n          setLoading(false);\n        }\n      }\n    };\n\n    const timer = setTimeout(() => {\n      requestAnimationFrame(() => {\n        loadCsv();\n      });\n    }, 100);\n\n    return () => {\n      isMounted = false;\n      controller.abort();\n      clearTimeout(timer);\n      sheetDataRef.current = null;\n      if (containerRef.current) {\n        containerRef.current.innerHTML = '';\n      }\n      spreadsheetRef.current = null;\n    };\n  }, [url, fileName, mountSpreadsheet]);\n\n  return (\n    <div className=\"rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full\">\n      {loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <div className=\"rfp-text-center\">\n            <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-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n            <p className=\"rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium\">{t('csv.loading')}</p>\n          </div>\n        </div>\n      )}\n\n      {error && !loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <RendererError message={error} />\n        </div>\n      )}\n\n      {!error && (\n        <div\n          ref={containerRef}\n          className=\"xlsx-spreadsheet-container rfp-w-full rfp-h-full\"\n          style={{ opacity: loading ? 0 : 1 }}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["CsvRenderer","url","fileName","t","useTranslator","fetcher","useFetcher","loading","setLoading","useState","error","setError","containerRef","useRef","spreadsheetRef","sheetDataRef","resizeObserverRef","resizeTimeoutRef","lastDimensionsRef","calculateDimensions","useCallback","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","Spreadsheet","useEffect","isInitialRender","updateDimensions","newDimensions","lastDimensions","widthDiff","heightDiff","isMounted","controller","loadCsv","text","fetchTextUtf8","parsed","parseCsv","guessCsvDelimiter","sheetData","convertCsvToSpreadsheetData","err","timer","jsxs","jsx","RendererError"],"mappings":"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"}

package/lib/chunks/{index-C5YHI0Zs.mjs → index-DAo4n3Mq.mjs}

@@ -1,16 +1,17 @@
-import { jsxs as A, jsx as u } from "react/jsx-runtime";
-import { useState as L, useRef as y, useCallback as m, useEffect as d } from "react";
-import { u as F } from "./index-CGNWXFy3.mjs";
-import * as O from "pdfjs-dist/build/pdf.mjs";
-const J = ({
-  url: N,
-  zoom: w,
-  currentPage: T,
+import { jsxs as A, jsx as y } from "react/jsx-runtime";
+import { useState as S, useRef as w, useCallback as u, useEffect as d } from "react";
+import { u as F } from "./index-BCbSb9Ob.mjs";
+import { R as O } from "./RendererError-BH6fzLrN.mjs";
+import * as _ from "pdfjs-dist/build/pdf.mjs";
+const Q = ({
+  url: m,
+  zoom: T,
+  currentPage: k,
   onPageChange: g,
-  onTotalPagesChange: S,
-  onPageWidthChange: k
+  onTotalPagesChange: M,
+  onPageWidthChange: E
 }) => {
-  const M = F(), [i, j] = L(0), [h, D] = L(null), [H, E] = L(!0), l = y(null), c = y(null), s = y(/* @__PURE__ */ new Map()), f = y(null), I = m(async (r, t) => {
+  const N = F(), [l, j] = S(0), [h, D] = S(null), [H, R] = S(!0), i = w(null), c = w(null), s = w(/* @__PURE__ */ new Map()), f = w(null), I = u(async (r, t) => {
     if (!c.current) return;
     const e = s.current.get(r);
     if (!(!e || e.rendering)) {
@@ -21,9 +22,9 @@ const J = ({
         const v = o.getContext("2d");
         if (!v) return;
         const b = n.render({ canvasContext: v, viewport: a });
-        if (e.renderTask = b, await b.promise, r === 1 && k) {
-          const C = n.getViewport({ scale: 1 });
-          k(C.width);
+        if (e.renderTask = b, await b.promise, r === 1 && E) {
+          const L = n.getViewport({ scale: 1 });
+          E(L.width);
         }
         e.element.innerHTML = "", e.element.appendChild(o);
         const p = document.createElement("div");
@@ -34,7 +35,7 @@ const J = ({
         e.rendering = !1, e.renderTask = null;
       }
     }
-  }, [k]), x = m((r) => {
+  }, [E]), x = u((r) => {
     const t = s.current.get(r);
     if (!t) return;
     t.renderTask && (t.renderTask.cancel(), t.renderTask = null);
@@ -44,12 +45,12 @@ const J = ({
       n && n.clearRect(0, 0, e.width, e.height), e.remove();
     }
     t.element.innerHTML = "", t.rendered = !1, t.rendering = !1;
-  }, []), P = m(() => {
-    if (!c.current || !l.current) return;
-    const r = l.current.querySelector(".pdf-pages");
+  }, []), P = u(() => {
+    if (!c.current || !i.current) return;
+    const r = i.current.querySelector(".pdf-pages");
     if (r) {
       r.innerHTML = "", s.current.clear();
-      for (let t = 1; t <= i; t++) {
+      for (let t = 1; t <= l; t++) {
         const e = document.createElement("div");
         e.className = "rfp-relative rfp-flex rfp-justify-center rfp-min-h-[800px]", e.setAttribute("data-page-number", String(t)), r.appendChild(e), s.current.set(t, {
           element: e,
@@ -59,8 +60,8 @@ const J = ({
         }), f.current && f.current.observe(e);
       }
     }
-  }, [i]), V = m(async () => {
-    if (D(null), E(!0), j(0), c.current) {
+  }, [l]), V = u(async () => {
+    if (D(null), R(!0), j(0), c.current) {
       try {
         c.current.destroy();
       } catch {
@@ -68,29 +69,29 @@ const J = ({
       c.current = null;
     }
     try {
-      const r = O.getDocument({ url: N });
+      const r = _.getDocument({ url: m });
       c.current = await r.promise;
       const t = c.current.numPages;
-      j(t), S(t), g(1), E(!1);
+      j(t), M(t), g(1), R(!1);
     } catch (r) {
-      console.error("PDF 加载错误:", r), D(M("pdf.load_failed")), E(!1);
+      console.error("PDF 加载错误:", r), D(N("pdf.load_failed")), R(!1);
     }
-  }, [N, S, g, M]), R = m(() => {
-    if (!l.current || s.current.size === 0) return;
-    const r = l.current, t = r.scrollTop, e = r.clientHeight, n = t + e / 2;
+  }, [m, M, g, N]), C = u(() => {
+    if (!i.current || s.current.size === 0) return;
+    const r = i.current, t = r.scrollTop, e = r.clientHeight, n = t + e / 2;
     let a = 1, o = 1 / 0;
     s.current.forEach((v, b) => {
-      const p = v.element.getBoundingClientRect(), C = r.getBoundingClientRect(), B = p.top - C.top + p.height / 2 + t, q = Math.abs(B - n);
+      const p = v.element.getBoundingClientRect(), L = r.getBoundingClientRect(), B = p.top - L.top + p.height / 2 + t, q = Math.abs(B - n);
       q < o && (o = q, a = b);
-    }), a !== T && g(a);
-  }, [T, g]);
+    }), a !== k && g(a);
+  }, [k, g]);
   return d(() => (f.current = new IntersectionObserver(
     (r) => {
       r.forEach((t) => {
         const e = Number(t.target.getAttribute("data-page-number"));
         if (e)
           if (t.isIntersecting)
-            I(e, w);
+            I(e, T);
           else {
             const n = s.current.get(e);
             n && n.rendered && x(e);
@@ -98,33 +99,33 @@ const J = ({
       });
     },
     {
-      root: l.current,
+      root: i.current,
       rootMargin: "500px 0px",
       threshold: 0
     }
   ), () => {
     f.current && (f.current.disconnect(), f.current = null);
-  }), [w, I, x]), d(() => {
-    V();
-  }, [V]), d(() => {
-    i > 0 && setTimeout(() => {
+  }), [T, I, x]), d(() => {
+    m && V();
+  }, [m, V]), d(() => {
+    l > 0 && setTimeout(() => {
       P();
     }, 0);
-  }, [i, P]), d(() => {
+  }, [l, P]), d(() => {
     const r = setTimeout(() => {
       s.current.forEach((t, e) => {
         t.rendered && x(e);
-      }), f.current && l.current && s.current.forEach((t) => {
+      }), f.current && i.current && s.current.forEach((t) => {
         var e, n;
         (e = f.current) == null || e.unobserve(t.element), (n = f.current) == null || n.observe(t.element);
       });
     }, 150);
     return () => clearTimeout(r);
-  }, [w, x]), d(() => {
-    const r = l.current;
+  }, [T, x]), d(() => {
+    const r = i.current;
     if (r)
-      return r.addEventListener("scroll", R), () => r.removeEventListener("scroll", R);
-  }, [R]), d(() => () => {
+      return r.addEventListener("scroll", C), () => r.removeEventListener("scroll", C);
+  }, [C]), d(() => () => {
     if (s.current.forEach((r) => {
       r.renderTask && r.renderTask.cancel();
     }), s.current.clear(), c.current) {
@@ -137,17 +138,17 @@ const J = ({
   }, []), /* @__PURE__ */ A(
     "div",
     {
-      ref: l,
+      ref: i,
       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: [
-        h && /* @__PURE__ */ u("div", { className: "rfp-text-fg-secondary rfp-text-center", children: /* @__PURE__ */ u("p", { className: "rfp-text-lg", children: h }) }),
-        !h && H && /* @__PURE__ */ u("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-min-h-screen", children: /* @__PURE__ */ u("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" }) }),
-        !h && !H && /* @__PURE__ */ u("div", { className: "pdf-pages rfp-flex rfp-flex-col rfp-gap-4" }),
-        i > 0 && /* @__PURE__ */ A("div", { className: "rfp-sticky rfp-bottom-2 md:rfp-bottom-4 rfp-mt-4 md:rfp-mt-8 rfp-bg-surface-nav-hover rfp-backdrop-blur-xl rfp-text-fg-primary 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-line-weak", children: [
+        h && /* @__PURE__ */ y(O, { message: h }),
+        !h && H && /* @__PURE__ */ y("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-min-h-screen", children: /* @__PURE__ */ y("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" }) }),
+        !h && !H && /* @__PURE__ */ y("div", { className: "pdf-pages rfp-flex rfp-flex-col rfp-gap-4" }),
+        l > 0 && /* @__PURE__ */ A("div", { className: "rfp-sticky rfp-bottom-2 md:rfp-bottom-4 rfp-mt-4 md:rfp-mt-8 rfp-bg-surface-nav-hover rfp-backdrop-blur-xl rfp-text-fg-primary 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-line-weak", children: [
           "第 ",
-          T,
+          k,
           " 页 / 共 ",
-          i,
+          l,
           " 页"
         ] })
       ]
@@ -155,6 +156,6 @@ const J = ({
   );
 };
 export {
-  J as PdfRenderer
+  Q as PdfRenderer
 };
-//# sourceMappingURL=index-C5YHI0Zs.mjs.map
+//# sourceMappingURL=index-DAo4n3Mq.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DAo4n3Mq.mjs","sources":["../../src/renderers/Pdf/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { RendererError } from '../RendererError';\n// @ts-ignore - pdfjs-dist 类型路径\nimport * as pdfjsLib from 'pdfjs-dist/build/pdf.mjs';\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  destroy(): void;\n}\n\ninterface PageState {\n  element: HTMLDivElement;\n  rendered: boolean;\n  rendering: boolean;\n  renderTask: { cancel(): void } | null;\n}\n\ninterface PdfRendererProps {\n  url: string;\n  zoom: number;\n  currentPage: number;\n  onPageChange: (page: number) => void;\n  onTotalPagesChange: (total: number) => void;\n  onPageWidthChange?: (width: number) => void;\n}\n\nexport const PdfRenderer: React.FC<PdfRendererProps> = ({\n  url,\n  zoom,\n  currentPage,\n  onPageChange,\n  onTotalPagesChange,\n  onPageWidthChange,\n}) => {\n  const t = useTranslator();\n  const [numPages, setNumPages] = useState<number>(0);\n  const [error, setError] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const containerRef = 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 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      // 上报第一页原始宽度\n      if (pageNumber === 1 && onPageWidthChange) {\n        const baseViewport = page.getViewport({ scale: 1 });\n        onPageWidthChange(baseViewport.width);\n      }\n\n      state.element.innerHTML = '';\n      state.element.appendChild(canvas);\n\n      // 页码标签\n      const label = document.createElement('div');\n      label.textContent = String(pageNumber);\n      label.className = 'rfp-absolute rfp-top-2 rfp-right-2 rfp-bg-surface-nav-hover rfp-backdrop-blur-sm rfp-text-fg-primary rfp-text-xs rfp-px-3 rfp-py-1 rfp-rounded-full';\n      state.element.appendChild(label);\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  }, [onPageWidthChange]);\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  const initPagePlaceholders = useCallback(() => {\n    if (!pdfDocRef.current || !containerRef.current) return;\n\n    const wrapper = containerRef.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-relative rfp-flex rfp-justify-center rfp-min-h-[800px]';\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      onTotalPagesChange(total);\n      onPageChange(1);\n      setIsLoading(false);\n    } catch (err) {\n      console.error('PDF 加载错误:', err);\n      setError(t('pdf.load_failed'));\n      setIsLoading(false);\n    }\n  }, [url, onTotalPagesChange, onPageChange, t]);\n\n  // 滚动处理\n  const handleScroll = useCallback(() => {\n    if (!containerRef.current || pageStatesRef.current.size === 0) return;\n\n    const container = containerRef.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      onPageChange(currentVisiblePage);\n    }\n  }, [currentPage, onPageChange]);\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: containerRef.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 && containerRef.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 = containerRef.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  return (\n    <div\n      ref={containerRef}\n      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\"\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 && !isLoading && (\n        <div className=\"pdf-pages rfp-flex rfp-flex-col rfp-gap-4\" />\n      )}\n\n      {/* 底部页码指示器 */}\n      {numPages > 0 && (\n        <div className=\"rfp-sticky rfp-bottom-2 md:rfp-bottom-4 rfp-mt-4 md:rfp-mt-8 rfp-bg-surface-nav-hover rfp-backdrop-blur-xl rfp-text-fg-primary 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-line-weak\">\n          第 {currentPage} 页 / 共 {numPages} 页\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["PdfRenderer","url","zoom","currentPage","onPageChange","onTotalPagesChange","onPageWidthChange","t","useTranslator","numPages","setNumPages","useState","error","setError","isLoading","setIsLoading","containerRef","useRef","pdfDocRef","pageStatesRef","observerRef","renderPage","useCallback","pageNumber","scale","state","page","viewport","canvas","ctx","renderTask","baseViewport","label","err","clearPageCanvas","initPagePlaceholders","wrapper","i","pageDiv","loadPdf","loadingTask","pdfjsLib","total","handleScroll","container","scrollTop","containerHeight","scrollCenter","currentVisiblePage","minDistance","rect","containerRect","pageCenter","distance","useEffect","entries","entry","timer","_a","_b","jsxs","jsx","RendererError"],"mappings":";;;;;AAoCO,MAAMA,IAA0C,CAAC;AAAA,EACtD,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACJ,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAUC,CAAW,IAAIC,EAAiB,CAAC,GAC5C,CAACC,GAAOC,CAAQ,IAAIF,EAAwB,IAAI,GAChD,CAACG,GAAWC,CAAY,IAAIJ,EAAkB,EAAI,GAClDK,IAAeC,EAAuB,IAAI,GAC1CC,IAAYD,EAAgC,IAAI,GAChDE,IAAgBF,EAA+B,oBAAI,KAAK,GACxDG,IAAcH,EAAoC,IAAI,GAGtDI,IAAaC,EAAY,OAAOC,GAAoBC,MAAkB;AAC1E,QAAI,CAACN,EAAU,QAAS;AACxB,UAAMO,IAAQN,EAAc,QAAQ,IAAII,CAAU;AAClD,QAAI,GAACE,KAASA,EAAM,YAEpB;AAAA,MAAAA,EAAM,YAAY;AAElB,UAAI;AACF,cAAMC,IAAO,MAAMR,EAAU,QAAQ,QAAQK,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;AAK/D,YAJAF,EAAM,aAAaK,GACnB,MAAMA,EAAW,SAGbP,MAAe,KAAKjB,GAAmB;AACzC,gBAAMyB,IAAeL,EAAK,YAAY,EAAE,OAAO,GAAG;AAClD,UAAApB,EAAkByB,EAAa,KAAK;AAAA,QACtC;AAEA,QAAAN,EAAM,QAAQ,YAAY,IAC1BA,EAAM,QAAQ,YAAYG,CAAM;AAGhC,cAAMI,IAAQ,SAAS,cAAc,KAAK;AAC1C,QAAAA,EAAM,cAAc,OAAOT,CAAU,GACrCS,EAAM,YAAY,uJAClBP,EAAM,QAAQ,YAAYO,CAAK,GAE/BP,EAAM,WAAW;AAAA,MACnB,SAASQ,GAAU;AACjB,SAAIA,KAAA,gBAAAA,EAAK,UAAS,iCAChB,QAAQ,MAAM,QAAQV,CAAU,QAAQU,CAAG;AAAA,MAE/C,UAAA;AACE,QAAAR,EAAM,YAAY,IAClBA,EAAM,aAAa;AAAA,MACrB;AAAA;AAAA,EACF,GAAG,CAACnB,CAAiB,CAAC,GAGhB4B,IAAkBZ,EAAY,CAACC,MAAuB;AAC1D,UAAME,IAAQN,EAAc,QAAQ,IAAII,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,GAGCU,IAAuBb,EAAY,MAAM;AAC7C,QAAI,CAACJ,EAAU,WAAW,CAACF,EAAa,QAAS;AAEjD,UAAMoB,IAAUpB,EAAa,QAAQ,cAAc,YAAY;AAC/D,QAAKoB,GAEL;AAAA,MAAAA,EAAQ,YAAY,IACpBjB,EAAc,QAAQ,MAAA;AAEtB,eAASkB,IAAI,GAAGA,KAAK5B,GAAU4B,KAAK;AAClC,cAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,QAAAA,EAAQ,YAAY,8DACpBA,EAAQ,aAAa,oBAAoB,OAAOD,CAAC,CAAC,GAClDD,EAAQ,YAAYE,CAAO,GAE3BnB,EAAc,QAAQ,IAAIkB,GAAG;AAAA,UAC3B,SAASC;AAAA,UACT,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,QAAA,CACb,GAGGlB,EAAY,WACdA,EAAY,QAAQ,QAAQkB,CAAO;AAAA,MAEvC;AAAA;AAAA,EACF,GAAG,CAAC7B,CAAQ,CAAC,GAGP8B,IAAUjB,EAAY,YAAY;AAKtC,QAJAT,EAAS,IAAI,GACbE,EAAa,EAAI,GACjBL,EAAY,CAAC,GAETQ,EAAU,SAAS;AACrB,UAAI;AACF,QAAAA,EAAU,QAAQ,QAAA;AAAA,MACpB,QAAQ;AAAA,MAER;AACA,MAAAA,EAAU,UAAU;AAAA,IACtB;AAEA,QAAI;AACF,YAAMsB,IAAcC,EAAS,YAAY,EAAE,KAAAxC,GAAK;AAChD,MAAAiB,EAAU,UAAW,MAAMsB,EAAY;AACvC,YAAME,IAAQxB,EAAU,QAAQ;AAEhC,MAAAR,EAAYgC,CAAK,GACjBrC,EAAmBqC,CAAK,GACxBtC,EAAa,CAAC,GACdW,EAAa,EAAK;AAAA,IACpB,SAASkB,GAAK;AACZ,cAAQ,MAAM,aAAaA,CAAG,GAC9BpB,EAASN,EAAE,iBAAiB,CAAC,GAC7BQ,EAAa,EAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAACd,GAAKI,GAAoBD,GAAcG,CAAC,CAAC,GAGvCoC,IAAerB,EAAY,MAAM;AACrC,QAAI,CAACN,EAAa,WAAWG,EAAc,QAAQ,SAAS,EAAG;AAE/D,UAAMyB,IAAY5B,EAAa,SACzB6B,IAAYD,EAAU,WACtBE,IAAkBF,EAAU,cAC5BG,IAAeF,IAAYC,IAAkB;AAEnD,QAAIE,IAAqB,GACrBC,IAAc;AAElB,IAAA9B,EAAc,QAAQ,QAAQ,CAACM,GAAOF,MAAe;AACnD,YAAM2B,IAAOzB,EAAM,QAAQ,sBAAA,GACrB0B,IAAgBP,EAAU,sBAAA,GAC1BQ,IAAaF,EAAK,MAAMC,EAAc,MAAMD,EAAK,SAAS,IAAIL,GAC9DQ,IAAW,KAAK,IAAID,IAAaL,CAAY;AAEnD,MAAIM,IAAWJ,MACbA,IAAcI,GACdL,IAAqBzB;AAAA,IAEzB,CAAC,GAEGyB,MAAuB7C,KACzBC,EAAa4C,CAAkB;AAAA,EAEnC,GAAG,CAAC7C,GAAaC,CAAY,CAAC;AAG9B,SAAAkD,EAAU,OACRlC,EAAY,UAAU,IAAI;AAAA,IACxB,CAACmC,MAAY;AACX,MAAAA,EAAQ,QAAQ,CAACC,MAAU;AACzB,cAAMjC,IAAa,OAAOiC,EAAM,OAAO,aAAa,kBAAkB,CAAC;AACvE,YAAKjC;AAEL,cAAIiC,EAAM;AAER,YAAAnC,EAAWE,GAAYrB,CAAI;AAAA,eACtB;AAEL,kBAAMuB,IAAQN,EAAc,QAAQ,IAAII,CAAU;AAClD,YAAIE,KAASA,EAAM,YACjBS,EAAgBX,CAAU;AAAA,UAE9B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE,MAAMP,EAAa;AAAA,MACnB,YAAY;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,EACb,GAGK,MAAM;AACX,IAAII,EAAY,YACdA,EAAY,QAAQ,WAAA,GACpBA,EAAY,UAAU;AAAA,EAE1B,IACC,CAAClB,GAAMmB,GAAYa,CAAe,CAAC,GAGtCoB,EAAU,MAAM;AAEd,IAAIrD,KACFsC,EAAA;AAAA,EAEJ,GAAG,CAACtC,GAAKsC,CAAO,CAAC,GAGjBe,EAAU,MAAM;AACd,IAAI7C,IAAW,KAEb,WAAW,MAAM;AACf,MAAA0B,EAAA;AAAA,IACF,GAAG,CAAC;AAAA,EAER,GAAG,CAAC1B,GAAU0B,CAAoB,CAAC,GAGnCmB,EAAU,MAAM;AACd,UAAMG,IAAQ,WAAW,MAAM;AAE7B,MAAAtC,EAAc,QAAQ,QAAQ,CAACM,GAAOF,MAAe;AACnD,QAAIE,EAAM,YACRS,EAAgBX,CAAU;AAAA,MAE9B,CAAC,GAGGH,EAAY,WAAWJ,EAAa,WACtCG,EAAc,QAAQ,QAAQ,CAACM,MAAU;;AACvC,SAAAiC,IAAAtC,EAAY,YAAZ,QAAAsC,EAAqB,UAAUjC,EAAM,WACrCkC,IAAAvC,EAAY,YAAZ,QAAAuC,EAAqB,QAAQlC,EAAM;AAAA,MACrC,CAAC;AAAA,IAEL,GAAG,GAAG;AAEN,WAAO,MAAM,aAAagC,CAAK;AAAA,EACjC,GAAG,CAACvD,GAAMgC,CAAe,CAAC,GAG1BoB,EAAU,MAAM;AACd,UAAMV,IAAY5B,EAAa;AAC/B,QAAK4B;AAEL,aAAAA,EAAU,iBAAiB,UAAUD,CAAY,GAC1C,MAAMC,EAAU,oBAAoB,UAAUD,CAAY;AAAA,EACnE,GAAG,CAACA,CAAY,CAAC,GAGjBW,EAAU,MACD,MAAM;AASX,QAPAnC,EAAc,QAAQ,QAAQ,CAACM,MAAU;AACvC,MAAIA,EAAM,cACRA,EAAM,WAAW,OAAA;AAAA,IAErB,CAAC,GACDN,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,GAGH,gBAAA0C;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK5C;AAAA,MACL,WAAU;AAAA,MAET,UAAA;AAAA,QAAAJ,KACC,gBAAAiD,EAACC,GAAA,EAAc,SAASlD,EAAA,CAAO;AAAA,QAGhC,CAACA,KAASE,KACT,gBAAA+C,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,oHAAA,CAAoH,EAAA,CACrI;AAAA,QAGD,CAACjD,KAAS,CAACE,KACV,gBAAA+C,EAAC,OAAA,EAAI,WAAU,6CAA4C;AAAA,QAI5DpD,IAAW,KACV,gBAAAmD,EAAC,OAAA,EAAI,WAAU,uRAAsR,UAAA;AAAA,UAAA;AAAA,UAChSzD;AAAA,UAAY;AAAA,UAAQM;AAAA,UAAS;AAAA,QAAA,EAAA,CAClC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}