@eternalheart/react-file-preview 1.3.9 → 1.3.10

package/lib/chunks/index-DmepcY31.mjs

@@ -1,96 +0,0 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { useState as N, useRef as w, useEffect as R, useCallback as L } from "react";
-import { Document as H, Page as M } from "react-pdf";
-import { u as P } from "./index-Bv93wiEK.mjs";
-const q = ({
-  url: u,
-  zoom: x,
-  currentPage: s,
-  onPageChange: o,
-  onTotalPagesChange: E,
-  onPageWidthChange: h
-}) => {
-  const k = P(), [c, D] = N(0), [l, b] = N(null), p = w(null), a = w(/* @__PURE__ */ new Map());
-  R(() => {
-    b(null);
-  }, [u]);
-  const S = ({ numPages: r }) => {
-    D(r), E(r), o(1);
-  }, j = (r) => {
-    console.error("PDF 加载错误:", r), b(k("pdf.load_failed"));
-  }, i = L(() => {
-    if (!p.current) return;
-    const r = p.current, t = r.scrollTop, f = r.clientHeight, n = t + f / 2;
-    let d = 1, g = 1 / 0;
-    a.current.forEach((A, _) => {
-      const v = A.getBoundingClientRect(), B = r.getBoundingClientRect(), C = v.top - B.top + v.height / 2 + t, y = Math.abs(C - n);
-      y < g && (g = y, d = _);
-    }), d !== s && o(d);
-  }, [s, o]);
-  R(() => {
-    const r = p.current;
-    if (r)
-      return r.addEventListener("scroll", i), () => r.removeEventListener("scroll", i);
-  }, [i]);
-  const T = L((r, t) => {
-    t ? a.current.set(r, t) : a.current.delete(r);
-  }, []);
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      ref: p,
-      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: [
-        l && /* @__PURE__ */ e("div", { className: "rfp-text-fg-secondary rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: l }) }),
-        !l && /* @__PURE__ */ e(
-          H,
-          {
-            file: u,
-            onLoadSuccess: S,
-            onLoadError: j,
-            loading: /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-min-h-screen", children: /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
-            children: /* @__PURE__ */ e("div", { className: "rfp-flex rfp-flex-col rfp-gap-4", children: Array.from(new Array(c), (r, t) => {
-              const f = t + 1;
-              return /* @__PURE__ */ m(
-                "div",
-                {
-                  ref: (n) => T(f, n),
-                  className: "rfp-relative",
-                  children: [
-                    /* @__PURE__ */ e(
-                      M,
-                      {
-                        pageNumber: f,
-                        scale: x,
-                        loading: /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-p-8 rfp-bg-surface-1 rfp-rounded-lg rfp-min-h-[600px]", children: /* @__PURE__ */ e("div", { className: "rfp-w-8 rfp-h-8 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
-                        renderTextLayer: !1,
-                        renderAnnotationLayer: !1,
-                        className: "rfp-shadow-2xl",
-                        onRenderSuccess: (n) => {
-                          f === 1 && h && h(n.originalWidth || n.width / x);
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ e("div", { 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", children: f })
-                  ]
-                },
-                `page_${f}`
-              );
-            }) })
-          }
-        ),
-        c > 0 && /* @__PURE__ */ m("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: [
-          "第 ",
-          s,
-          " 页 / 共 ",
-          c,
-          " 页"
-        ] })
-      ]
-    }
-  );
-};
-export {
-  q as PdfRenderer
-};
-//# sourceMappingURL=index-DmepcY31.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-DmepcY31.mjs","sources":["../../src/renderers/Pdf/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { Document, Page } from 'react-pdf';\nimport { useTranslator } from '../../i18n/LocaleContext';\n\n// 导入 PDF.js 配置\nimport '../../utils/pdfConfig';\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 containerRef = useRef<HTMLDivElement>(null);\n  const pageRefs = useRef<Map<number, HTMLDivElement>>(new Map());\n\n  useEffect(() => {\n    setError(null);\n  }, [url]);\n\n  const onDocumentLoadSuccess = ({ numPages }: { numPages: number }) => {\n    setNumPages(numPages);\n    onTotalPagesChange(numPages);\n    onPageChange(1);\n  };\n\n  const onDocumentLoadError = (error: Error) => {\n    console.error('PDF 加载错误:', error);\n    setError(t('pdf.load_failed'));\n  };\n\n  // 滚动时更新当前页码\n  const handleScroll = useCallback(() => {\n    if (!containerRef.current) 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    // 找到当前可见的页面\n    let currentVisiblePage = 1;\n    let minDistance = Infinity;\n\n    pageRefs.current.forEach((pageElement, pageNumber) => {\n      const rect = pageElement.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  // 监听滚动事件\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  const setPageRef = useCallback((pageNumber: number, element: HTMLDivElement | null) => {\n    if (element) {\n      pageRefs.current.set(pageNumber, element);\n    } else {\n      pageRefs.current.delete(pageNumber);\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        <div className=\"rfp-text-fg-secondary rfp-text-center\">\n          <p className=\"rfp-text-lg\">{error}</p>\n        </div>\n      )}\n\n      {!error && (\n        <Document\n          file={url}\n          onLoadSuccess={onDocumentLoadSuccess}\n          onLoadError={onDocumentLoadError}\n          loading={\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          <div className=\"rfp-flex rfp-flex-col rfp-gap-4\">\n            {Array.from(new Array(numPages), (_, index) => {\n              const pageNumber = index + 1;\n              return (\n                <div\n                  key={`page_${pageNumber}`}\n                  ref={(el) => setPageRef(pageNumber, el)}\n                  className=\"rfp-relative\"\n                >\n                  <Page\n                    pageNumber={pageNumber}\n                    scale={zoom}\n                    loading={\n                      <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-p-8 rfp-bg-surface-1 rfp-rounded-lg rfp-min-h-[600px]\">\n                        <div className=\"rfp-w-8 rfp-h-8 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n                      </div>\n                    }\n                    renderTextLayer={false}\n                    renderAnnotationLayer={false}\n                    className=\"rfp-shadow-2xl\"\n                    onRenderSuccess={(page) => {\n                      if (pageNumber === 1 && onPageWidthChange) {\n                        // 上报 scale=1 时的原始页面宽度\n                        onPageWidthChange(page.originalWidth || page.width / zoom);\n                      }\n                    }}\n                  />\n                  {/* 页码标签 */}\n                  <div 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                    {pageNumber}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </Document>\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","containerRef","useRef","pageRefs","useEffect","onDocumentLoadSuccess","onDocumentLoadError","handleScroll","useCallback","container","scrollTop","containerHeight","scrollCenter","currentVisiblePage","minDistance","pageElement","pageNumber","rect","containerRect","pageCenter","distance","setPageRef","element","jsxs","jsx","Document","_","index","el","Page","page"],"mappings":"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"}