@eternalheart/react-file-preview 1.3.10 → 1.3.12

package/lib/chunks/index-QfO-sASN.mjs

@@ -1,152 +0,0 @@
-import { jsxs as b, jsx as i } from "react/jsx-runtime";
-import { useState as M, useRef as u, useCallback as z, useEffect as L } from "react";
-import { Presentation as B } from "lucide-react";
-import { init as C } from "pptx-preview";
-import { u as F, a as S } from "./index-CGNWXFy3.mjs";
-const V = ({ url: y, tiled: a = !0 }) => {
-  const s = F(), _ = S(), [v, w] = M(!0), [N, T] = M(null), [E, P] = M(0), n = u(null), o = u(null), x = u(null), d = u(null), m = u(null), k = u({ width: 0, height: 0 }), c = z(() => {
-    var t;
-    if (!n.current) return { width: 960, height: 540 };
-    const e = n.current.clientWidth, r = ((t = n.current.parentElement) == null ? void 0 : t.clientWidth) || 0, p = e > 100 ? e : r > 100 ? r : 300, l = Math.floor(p * 9 / 16);
-    return { width: p, height: l };
-  }, []), W = z(async () => {
-    if (!(!n.current || !d.current || E === 0))
-      try {
-        if (o.current)
-          try {
-            o.current.destroy();
-          } catch {
-          }
-        n.current.innerHTML = "";
-        const e = c(), r = C(n.current, {
-          width: e.width,
-          height: a ? e.height * E : e.height,
-          mode: a ? "list" : "slide"
-        });
-        o.current = r, await r.preview(d.current);
-      } catch {
-      }
-  }, [c, a, E]);
-  return L(() => {
-    if (!n.current) return;
-    let e = !0;
-    const r = () => {
-      if (e) {
-        e = !1, k.current = c();
-        return;
-      }
-      const p = c(), l = k.current, t = Math.abs(l.width - p.width), f = Math.abs(l.height - p.height);
-      t < 10 && f < 10 || (k.current = p, m.current && clearTimeout(m.current), m.current = window.setTimeout(() => {
-        o.current && d.current && W();
-      }, 800));
-    };
-    return x.current = new ResizeObserver(() => {
-      r();
-    }), x.current.observe(n.current), () => {
-      x.current && x.current.disconnect(), m.current && clearTimeout(m.current);
-    };
-  }, [c, W]), L(() => {
-    let e = !0, r = null;
-    const p = async () => {
-      if (n.current) {
-        w(!0), T(null), r = setTimeout(() => {
-          e && (T(s("pptx.timeout")), w(!1));
-        }, 3e4);
-        try {
-          const t = await _(y, {
-            mode: "cors",
-            credentials: "omit",
-            redirect: "follow"
-          });
-          if (!t.ok)
-            throw t.status === 404 ? new Error(s("pptx.not_found")) : t.status === 403 ? new Error("无权限访问此文件") : t.status >= 500 ? new Error("服务器错误，请稍后重试") : new Error(`文件加载失败 (${t.status})`);
-          const f = await t.arrayBuffer();
-          if (f.byteLength === 0)
-            throw new Error("文件为空");
-          if (d.current = f, !e) return;
-          const h = document.createElement("div");
-          h.style.cssText = "position:absolute;left:-9999px;top:-9999px;visibility:hidden", document.body.appendChild(h);
-          try {
-            const R = C(h, {
-              width: 100,
-              height: 100,
-              mode: "slide"
-            });
-            try {
-              await R.preview(f);
-            } catch {
-              throw new Error(s("pptx.invalid_format"));
-            }
-            const g = R.slideCount;
-            if (!g || g === 0)
-              throw new Error(s("pptx.no_pages"));
-            if (R.destroy(), !e) return;
-            P(g), n.current && (n.current.innerHTML = "");
-            const D = c(), j = C(n.current, {
-              width: D.width,
-              height: a ? D.height * g : D.height,
-              mode: a ? "list" : "slide"
-            });
-            o.current = j, await j.preview(f), r && (clearTimeout(r), r = null), e && w(!1);
-          } finally {
-            document.body.contains(h) && document.body.removeChild(h);
-          }
-        } catch (t) {
-          if (r && (clearTimeout(r), r = null), e) {
-            let f = s("pptx.parse_failed");
-            t instanceof Error ? f = t.message : typeof t == "string" && (f = t), T(f), w(!1);
-          }
-        }
-      }
-    }, l = setTimeout(() => {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          p();
-        });
-      });
-    }, 150);
-    return () => {
-      if (e = !1, clearTimeout(l), r && clearTimeout(r), d.current = null, P(0), o.current)
-        try {
-          o.current.destroy();
-        } catch {
-        }
-      o.current = null;
-    };
-  }, [y, c, a]), /* @__PURE__ */ b("div", { className: "rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full", children: [
-    v && /* @__PURE__ */ i("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__ */ b("div", { className: "rfp-text-center", children: [
-      /* @__PURE__ */ i("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__ */ i("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium", children: s("pptx.loading") })
-    ] }) }),
-    N && !v && /* @__PURE__ */ i("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__ */ b("div", { className: "rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4", children: [
-      /* @__PURE__ */ i("div", { className: "rfp-w-24 rfp-h-24 md:rfp-w-32 md:rfp-h-32 rfp-mx-auto rfp-mb-4 md:rfp-mb-6 rfp-rounded-2xl md:rfp-rounded-3xl rfp-bg-gradient-to-br rfp-from-orange-500 rfp-via-red-500 rfp-to-pink-500 rfp-flex rfp-items-center rfp-justify-center rfp-shadow-2xl", children: /* @__PURE__ */ i(B, { className: "rfp-w-12 rfp-h-12 md:rfp-w-16 md:rfp-h-16 rfp-text-fg-primary" }) }),
-      /* @__PURE__ */ i("p", { className: "rfp-text-lg md:rfp-text-xl rfp-text-fg-primary rfp-mb-2 md:rfp-mb-3 rfp-font-medium", children: s("pptx.load_failed") }),
-      /* @__PURE__ */ i("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-fg-tertiary rfp-mb-4 md:rfp-mb-6", children: N }),
-      /* @__PURE__ */ b(
-        "a",
-        {
-          href: y,
-          download: !0,
-          className: "rfp-inline-flex rfp-items-center rfp-gap-2 rfp-px-4 rfp-py-2 md:rfp-px-6 md:rfp-py-3 rfp-bg-gradient-to-r rfp-from-purple-500 rfp-to-pink-500 rfp-text-fg-primary rfp-text-sm md:rfp-text-base rfp-rounded-lg md:rfp-rounded-xl hover:rfp-scale-105 rfp-transition-all rfp-shadow-lg",
-          children: [
-            /* @__PURE__ */ i("svg", { className: "rfp-w-4 rfp-h-4 md:rfp-w-5 md:rfp-h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }) }),
-            s("common.download")
-          ]
-        }
-      ),
-      /* @__PURE__ */ i("p", { className: "rfp-text-xs rfp-text-fg-muted rfp-mt-3 md:rfp-mt-4", children: "提示：可以使用 Microsoft PowerPoint 或 WPS 打开" })
-    ] }) }),
-    !N && /* @__PURE__ */ i(
-      "div",
-      {
-        ref: n,
-        className: "pptx-wrapper rfp-w-full rfp-max-w-full md:rfp-max-w-6xl",
-        style: { opacity: v ? 0 : 1 }
-      }
-    )
-  ] });
-};
-export {
-  V as PptxRenderer
-};
-//# sourceMappingURL=index-QfO-sASN.mjs.map

package/lib/chunks/index-QfO-sASN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-QfO-sASN.mjs","sources":["../../src/renderers/Pptx/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { Presentation } from 'lucide-react';\nimport { init } from 'pptx-preview';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\n\ninterface PptxRendererProps {\n  url: string;\n  /** 是否平铺展示所有页面，默认 true */\n  tiled?: boolean;\n}\n\nexport const PptxRenderer: React.FC<PptxRendererProps> = ({ url, tiled = true }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [slideCount, setSlideCount] = useState(0);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const previewerRef = useRef<ReturnType<typeof init> | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const arrayBufferRef = useRef<ArrayBuffer | null>(null);\n  const resizeTimeoutRef = useRef<number | null>(null);\n  const lastDimensionsRef = useRef({ width: 0, height: 0 });\n\n  // 计算容器尺寸，带回退逻辑\n  const calculateDimensions = useCallback(() => {\n    if (!containerRef.current) return { width: 960, height: 540 };\n    const rawWidth = containerRef.current.clientWidth;\n    const parentWidth = containerRef.current.parentElement?.clientWidth || 0;\n    // 如果容器宽度太小，回退到父容器宽度或默认最小值\n    const containerWidth = rawWidth > 100 ? rawWidth : (parentWidth > 100 ? parentWidth : 300);\n    // 16:9 比例\n    const height = Math.floor(containerWidth * 9 / 16);\n    return { width: containerWidth, height };\n  }, []);\n\n  // 重新初始化预览器\n  const reinitializePreviewer = useCallback(async () => {\n    if (!containerRef.current || !arrayBufferRef.current || slideCount === 0) return;\n\n    try {\n      // 销毁旧的预览器\n      if (previewerRef.current) {\n        try {\n          previewerRef.current.destroy();\n        } catch {\n          // 忽略销毁错误\n        }\n      }\n\n      // 清空容器\n      containerRef.current.innerHTML = '';\n\n      // 获取当前容器尺寸\n      const currentDimensions = calculateDimensions();\n\n      // 初始化新的预览器，平铺模式下高度按页数计算\n      const previewer = init(containerRef.current, {\n        width: currentDimensions.width,\n        height: tiled ? currentDimensions.height * slideCount : currentDimensions.height,\n        mode: tiled ? 'list' : 'slide',\n      });\n      previewerRef.current = previewer;\n\n      // 重新预览\n      await previewer.preview(arrayBufferRef.current);\n    } catch {\n      // 重新初始化失败，静默处理\n    }\n  }, [calculateDimensions, tiled, slideCount]);\n\n  // 监听容器尺寸变化\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    let isInitialRender = true;\n\n    const updateDimensions = () => {\n      // 跳过初始渲染时的尺寸检查\n      if (isInitialRender) {\n        isInitialRender = false;\n        lastDimensionsRef.current = calculateDimensions();\n        return;\n      }\n\n      const newDimensions = calculateDimensions();\n\n      // 检查尺寸是否真正变化（至少变化10px才触发）\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) {\n        return;\n      }\n\n      // 更新最后的尺寸\n      lastDimensionsRef.current = newDimensions;\n\n      // 清除之前的定时器\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n\n      // 防抖：800ms 后重新初始化预览器\n      resizeTimeoutRef.current = window.setTimeout(() => {\n        if (previewerRef.current && arrayBufferRef.current) {\n          reinitializePreviewer();\n        }\n      }, 800);\n    };\n\n    // 创建 ResizeObserver\n    resizeObserverRef.current = new ResizeObserver(() => {\n      updateDimensions();\n    });\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, reinitializePreviewer]);\n\n  useEffect(() => {\n    let isMounted = true;\n    let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n    const loadPptx = async () => {\n      if (!containerRef.current) return;\n\n      setLoading(true);\n      setError(null);\n\n      // 设置30秒超时\n      timeoutId = setTimeout(() => {\n        if (isMounted) {\n          setError(t('pptx.timeout'));\n          setLoading(false);\n        }\n      }, 30000);\n\n      try {\n        // 获取文件，处理 CORS 和重定向\n        const response = await fetcher(url, {\n          mode: 'cors',\n          credentials: 'omit',\n          redirect: 'follow',\n        });\n\n        if (!response.ok) {\n          if (response.status === 404) {\n            throw new Error(t('pptx.not_found'));\n          } else if (response.status === 403) {\n            throw new Error('无权限访问此文件');\n          } else if (response.status >= 500) {\n            throw new Error('服务器错误，请稍后重试');\n          } else {\n            throw new Error(`文件加载失败 (${response.status})`);\n          }\n        }\n\n        const arrayBuffer = await response.arrayBuffer();\n\n        // 验证文件大小\n        if (arrayBuffer.byteLength === 0) {\n          throw new Error('文件为空');\n        }\n\n        arrayBufferRef.current = arrayBuffer;\n\n        if (!isMounted) return;\n\n        // 步骤 1: 创建隐藏容器，预处理获取 slideCount\n        const hiddenContainer = document.createElement('div');\n        hiddenContainer.style.cssText = 'position:absolute;left:-9999px;top:-9999px;visibility:hidden';\n        document.body.appendChild(hiddenContainer);\n\n        try {\n          // 在隐藏容器中初始化临时预览器获取页数\n          const tempPreviewer = init(hiddenContainer, {\n            width: 100,\n            height: 100,\n            mode: 'slide',\n          });\n\n          try {\n            await tempPreviewer.preview(arrayBuffer);\n          } catch {\n            throw new Error(t('pptx.invalid_format'));\n          }\n\n          const count = tempPreviewer.slideCount;\n\n          if (!count || count === 0) {\n            throw new Error(t('pptx.no_pages'));\n          }\n\n          // 销毁临时预览器\n          tempPreviewer.destroy();\n\n          if (!isMounted) return;\n\n          // 保存 slideCount\n          setSlideCount(count);\n\n          // 步骤 2: 清空真实容器并初始化\n          if (containerRef.current) {\n            containerRef.current.innerHTML = '';\n          }\n\n          const currentDimensions = calculateDimensions();\n\n          // 步骤 3: 初始化真实预览器，平铺模式下使用正确的总高度\n          const previewer = init(containerRef.current, {\n            width: currentDimensions.width,\n            height: tiled ? currentDimensions.height * count : currentDimensions.height,\n            mode: tiled ? 'list' : 'slide',\n          });\n          previewerRef.current = previewer;\n\n          // 步骤 4: 预览 PPTX\n          await previewer.preview(arrayBuffer);\n\n          // 清除超时定时器\n          if (timeoutId) {\n            clearTimeout(timeoutId);\n            timeoutId = null;\n          }\n\n          if (isMounted) {\n            setLoading(false);\n          }\n        } finally {\n          // 移除隐藏容器\n          if (document.body.contains(hiddenContainer)) {\n            document.body.removeChild(hiddenContainer);\n          }\n        }\n      } catch (err) {\n        // 清除超时定时器\n        if (timeoutId) {\n          clearTimeout(timeoutId);\n          timeoutId = null;\n        }\n\n        if (isMounted) {\n          let errorMsg = t('pptx.parse_failed');\n          if (err instanceof Error) {\n            errorMsg = err.message;\n          } else if (typeof err === 'string') {\n            errorMsg = err;\n          }\n          setError(errorMsg);\n          setLoading(false);\n        }\n      }\n    };\n\n    // 延迟执行，使用 requestAnimationFrame 确保 DOM 已准备好\n    const timer = setTimeout(() => {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          loadPptx();\n        });\n      });\n    }, 150);\n\n    // 清理函数\n    return () => {\n      isMounted = false;\n      clearTimeout(timer);\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      arrayBufferRef.current = null;\n      setSlideCount(0);\n      if (previewerRef.current) {\n        try {\n          previewerRef.current.destroy();\n        } catch {\n          // 忽略销毁错误\n        }\n      }\n      previewerRef.current = null;\n    };\n  }, [url, calculateDimensions, tiled]);\n\n  return (\n    <div className=\"rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full\">\n      {/* 加载状态 - 绝对定位覆盖 */}\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('pptx.loading')}</p>\n          </div>\n        </div>\n      )}\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          <div className=\"rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4\">\n            <div className=\"rfp-w-24 rfp-h-24 md:rfp-w-32 md:rfp-h-32 rfp-mx-auto rfp-mb-4 md:rfp-mb-6 rfp-rounded-2xl md:rfp-rounded-3xl rfp-bg-gradient-to-br rfp-from-orange-500 rfp-via-red-500 rfp-to-pink-500 rfp-flex rfp-items-center rfp-justify-center rfp-shadow-2xl\">\n              <Presentation className=\"rfp-w-12 rfp-h-12 md:rfp-w-16 md:rfp-h-16 rfp-text-fg-primary\" />\n            </div>\n            <p className=\"rfp-text-lg md:rfp-text-xl rfp-text-fg-primary rfp-mb-2 md:rfp-mb-3 rfp-font-medium\">{t('pptx.load_failed')}</p>\n            <p className=\"rfp-text-xs md:rfp-text-sm rfp-text-fg-tertiary rfp-mb-4 md:rfp-mb-6\">\n              {error}\n            </p>\n            <a\n              href={url}\n              download\n              className=\"rfp-inline-flex rfp-items-center rfp-gap-2 rfp-px-4 rfp-py-2 md:rfp-px-6 md:rfp-py-3 rfp-bg-gradient-to-r rfp-from-purple-500 rfp-to-pink-500 rfp-text-fg-primary rfp-text-sm md:rfp-text-base rfp-rounded-lg md:rfp-rounded-xl hover:rfp-scale-105 rfp-transition-all rfp-shadow-lg\"\n            >\n              <svg className=\"rfp-w-4 rfp-h-4 md:rfp-w-5 md:rfp-h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\" />\n              </svg>\n              {t('common.download')}\n            </a>\n            <p className=\"rfp-text-xs rfp-text-fg-muted rfp-mt-3 md:rfp-mt-4\">\n              提示：可以使用 Microsoft PowerPoint 或 WPS 打开\n            </p>\n          </div>\n        </div>\n      )}\n\n      {/* PPT 容器 - 仅在非错误状态下渲染 */}\n      {!error && (\n        <div\n          ref={containerRef}\n          className=\"pptx-wrapper rfp-w-full rfp-max-w-full md:rfp-max-w-6xl\"\n          style={{ opacity: loading ? 0 : 1 }}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["PptxRenderer","url","tiled","t","useTranslator","fetcher","useFetcher","loading","setLoading","useState","error","setError","slideCount","setSlideCount","containerRef","useRef","previewerRef","resizeObserverRef","arrayBufferRef","resizeTimeoutRef","lastDimensionsRef","calculateDimensions","useCallback","rawWidth","parentWidth","_a","containerWidth","height","reinitializePreviewer","currentDimensions","previewer","init","useEffect","isInitialRender","updateDimensions","newDimensions","lastDimensions","widthDiff","heightDiff","isMounted","timeoutId","loadPptx","response","arrayBuffer","hiddenContainer","tempPreviewer","count","err","errorMsg","timer","jsxs","jsx","Presentation"],"mappings":"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"}

package/lib/chunks/index-h9bO9wmq.mjs

@@ -1,99 +0,0 @@
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { useState as R, useRef as i, useCallback as T, useEffect as M } from "react";
-import { FileSpreadsheet as z } from "lucide-react";
-import C from "x-data-spreadsheet";
-/* empty css                       */
-import { u as F, a as L, F as S, c as H, x as W, L as k } from "./index-CGNWXFy3.mjs";
-const I = ({ url: D, fileName: d }) => {
-  const m = F(), j = L(), [h, x] = R(!0), [w, N] = R(null), r = i(null), b = i(null), c = i(null), l = i(null), a = i(null), g = i({ width: 0, height: 0 }), o = T(() => {
-    if (!r.current) return { width: 800, height: 600 };
-    const e = r.current.clientWidth, f = r.current.clientHeight, t = e > 100 ? e : 800, n = f > 100 ? f : 600;
-    return { width: t, height: n };
-  }, []), p = T(() => {
-    if (!r.current || !c.current) return;
-    r.current.innerHTML = "", b.current = null;
-    const { width: e, height: f } = o(), t = e < 640, n = new C(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: () => f,
-        width: () => e
-      }
-    });
-    n.loadData(c.current), b.current = n;
-  }, [o]);
-  return M(() => {
-    if (!r.current) return;
-    let e = !0;
-    const f = () => {
-      if (e) {
-        e = !1, g.current = o();
-        return;
-      }
-      const t = o(), n = g.current, u = Math.abs(n.width - t.width), v = Math.abs(n.height - t.height);
-      u < 10 && v < 10 || (g.current = t, a.current && clearTimeout(a.current), a.current = window.setTimeout(() => {
-        c.current && p();
-      }, 500));
-    };
-    return l.current = new ResizeObserver(() => {
-      f();
-    }), l.current.observe(r.current), () => {
-      l.current && l.current.disconnect(), a.current && clearTimeout(a.current);
-    };
-  }, [o, p]), M(() => {
-    let e = !0;
-    const f = async () => {
-      if (r.current) {
-        x(!0), N(null);
-        try {
-          const n = await S(D, { fetcher: j }), u = H(n, { delimiter: W(d) }), v = k(u.header, u.rows, d);
-          if (!e) return;
-          c.current = v, p(), x(!1);
-        } catch (n) {
-          e && (console.error("CSV 解析错误:", n), N(m("csv.load_failed")), x(!1));
-        }
-      }
-    }, t = setTimeout(() => {
-      requestAnimationFrame(() => {
-        f();
-      });
-    }, 100);
-    return () => {
-      e = !1, clearTimeout(t), c.current = null, r.current && (r.current.innerHTML = ""), b.current = null;
-    };
-  }, [D, d, p]), /* @__PURE__ */ y("div", { className: "rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full", children: [
-    h && /* @__PURE__ */ s("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__ */ y("div", { className: "rfp-text-center", children: [
-      /* @__PURE__ */ s("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__ */ s("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium", children: m("csv.loading") })
-    ] }) }),
-    w && !h && /* @__PURE__ */ s("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__ */ y("div", { className: "rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4", children: [
-      /* @__PURE__ */ s("div", { className: "rfp-w-24 rfp-h-24 md:rfp-w-32 md:rfp-h-32 rfp-mx-auto rfp-mb-4 md:rfp-mb-6 rfp-rounded-2xl md:rfp-rounded-3xl rfp-bg-gradient-to-br rfp-from-green-500 rfp-via-emerald-500 rfp-to-teal-500 rfp-flex rfp-items-center rfp-justify-center rfp-shadow-2xl", children: /* @__PURE__ */ s(z, { className: "rfp-w-12 rfp-h-12 md:rfp-w-16 md:rfp-h-16 rfp-text-fg-primary" }) }),
-      /* @__PURE__ */ s("p", { className: "rfp-text-lg md:rfp-text-xl rfp-text-fg-primary rfp-mb-2 md:rfp-mb-3 rfp-font-medium", children: m("csv.load_failed") }),
-      /* @__PURE__ */ s("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-fg-tertiary rfp-mb-4 md:rfp-mb-6", children: w })
-    ] }) }),
-    !w && /* @__PURE__ */ s(
-      "div",
-      {
-        ref: r,
-        className: "xlsx-spreadsheet-container rfp-w-full rfp-h-full",
-        style: { opacity: h ? 0 : 1 }
-      }
-    )
-  ] });
-};
-export {
-  I as CsvRenderer
-};
-//# sourceMappingURL=index-h9bO9wmq.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-h9bO9wmq.mjs","sources":["../../src/renderers/Csv/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { FileSpreadsheet } from 'lucide-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';\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\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 });\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) {\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      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          <div className=\"rfp-text-center rfp-max-w-sm md:rfp-max-w-md rfp-px-4\">\n            <div className=\"rfp-w-24 rfp-h-24 md:rfp-w-32 md:rfp-h-32 rfp-mx-auto rfp-mb-4 md:rfp-mb-6 rfp-rounded-2xl md:rfp-rounded-3xl rfp-bg-gradient-to-br rfp-from-green-500 rfp-via-emerald-500 rfp-to-teal-500 rfp-flex rfp-items-center rfp-justify-center rfp-shadow-2xl\">\n              <FileSpreadsheet className=\"rfp-w-12 rfp-h-12 md:rfp-w-16 md:rfp-h-16 rfp-text-fg-primary\" />\n            </div>\n            <p className=\"rfp-text-lg md:rfp-text-xl rfp-text-fg-primary rfp-mb-2 md:rfp-mb-3 rfp-font-medium\">{t('csv.load_failed')}</p>\n            <p className=\"rfp-text-xs md:rfp-text-sm rfp-text-fg-tertiary rfp-mb-4 md:rfp-mb-6\">{error}</p>\n          </div>\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","s","Spreadsheet","useEffect","isInitialRender","updateDimensions","newDimensions","lastDimensions","widthDiff","heightDiff","isMounted","loadCsv","text","fetchTextUtf8","parsed","parseCsv","guessCsvDelimiter","sheetData","convertCsvToSpreadsheetData","err","timer","jsxs","jsx","FileSpreadsheet"],"mappings":"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"}

package/lib/chunks/index-mvSVNKlQ.mjs

@@ -1,228 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useState as N, useRef as A, useEffect as B, useCallback as $ } from "react";
-import { parse as I } from "opentype.js";
-import { u as U, a as G, b as J } from "./index-CGNWXFy3.mjs";
-const S = {
-  latin: `ABCDEFGHIJKLMNOPQRSTUVWXYZ
-abcdefghijklmnopqrstuvwxyz
-0123456789 .,;:!?@#$%&*()[]{}`,
-  chinese: "春夏秋冬东南西北天地人和风雨雷电山水日月",
-  mixed: `The Quick Brown Fox Jumps Over The Lazy Dog
-敏捷的棕色狐狸跳过了懒狗`
-}, Q = [72, 48, 36, 24, 18], X = ({ url: m }) => {
-  const n = U(), p = G(), l = J(), [d, w] = N(null), [f, b] = N(null), [h, s] = N(!0), [F, u] = N(null), [k, M] = N(""), [T, g] = N("fontface"), c = A(null);
-  B(() => {
-    let r = !0;
-    return (async () => {
-      var a, o, R, P, H, _, j;
-      try {
-        s(!0), u(null);
-        const v = await p(m);
-        if (!v.ok)
-          throw new Error("Failed to load font file");
-        const C = await v.arrayBuffer();
-        if (!r) return;
-        const z = C.slice(0), O = I(C);
-        if (!O)
-          throw new Error("Font data is invalid");
-        const x = O.names || {}, D = {
-          family: ((a = x.fontFamily) == null ? void 0 : a.en) || ((o = x.fontFamily) == null ? void 0 : o["zh-Hans"]) || ((R = x.postScriptName) == null ? void 0 : R.en) || "Unknown",
-          subfamily: ((P = x.fontSubfamily) == null ? void 0 : P.en) || ((H = x.fontSubfamily) == null ? void 0 : H["zh-Hans"]) || "",
-          version: ((_ = x.version) == null ? void 0 : _.en) || "",
-          designer: ((j = x.designer) == null ? void 0 : j.en) || "",
-          glyphCount: O.numGlyphs || 0,
-          format: E(m)
-        };
-        if (!r) return;
-        w(O), b(D);
-        try {
-          const L = new FontFace("PreviewFont", z);
-          if (await L.load(), !r) return;
-          document.fonts.add(L), c.current = L, g("fontface");
-        } catch (L) {
-          if (console.warn("[FontRenderer] FontFace API rejected, fallback to Canvas:", L), !r) return;
-          g("canvas");
-        }
-        r && s(!1);
-      } catch (v) {
-        if (!r) return;
-        console.error("[FontRenderer] Error:", v);
-        let C = n("font.load_failed");
-        v instanceof Error && (C = v.message), u(C), s(!1);
-      }
-    })(), () => {
-      r = !1, c.current && (document.fonts.delete(c.current), c.current = null);
-    };
-  }, [m, p, n]);
-  const E = (r) => {
-    var o;
-    const i = ((o = r.split(".").pop()) == null ? void 0 : o.toLowerCase().split("?")[0]) || "";
-    return {
-      ttf: "TrueType (TTF)",
-      otf: "OpenType (OTF)",
-      woff: "Web Open Font Format (WOFF)",
-      woff2: "Web Open Font Format 2 (WOFF2)"
-    }[i] || "TTF";
-  };
-  if (h)
-    return /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-fg-secondary", children: n("font.loading") }) });
-  if (F || !d || !f)
-    return /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-fg-secondary", children: F || n("font.parse_failed") }) });
-  const y = k || S.mixed;
-  return /* @__PURE__ */ t("div", { className: "rfp-flex rfp-flex-col rfp-w-full rfp-h-full rfp-overflow-hidden rfp-min-w-0", children: [
-    /* @__PURE__ */ e("div", { className: "rfp-flex-shrink-0 rfp-px-6 rfp-py-4 rfp-bg-surface-1 rfp-border-b rfp-border-line-weak rfp-min-w-0", children: /* @__PURE__ */ t("div", { className: "rfp-grid rfp-grid-cols-2 rfp-gap-x-6 rfp-gap-y-2 rfp-text-sm rfp-min-w-0", children: [
-      /* @__PURE__ */ t("div", { className: "rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0", children: [
-        /* @__PURE__ */ t("span", { className: "rfp-text-fg-tertiary rfp-flex-shrink-0", children: [
-          n("font.meta.family"),
-          ":"
-        ] }),
-        /* @__PURE__ */ e("span", { className: "rfp-text-fg-primary rfp-font-semibold rfp-truncate", children: f.family })
-      ] }),
-      f.subfamily && /* @__PURE__ */ t("div", { className: "rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0", children: [
-        /* @__PURE__ */ t("span", { className: "rfp-text-fg-tertiary rfp-flex-shrink-0", children: [
-          n("font.meta.subfamily"),
-          ":"
-        ] }),
-        /* @__PURE__ */ e("span", { className: "rfp-text-fg-primary rfp-truncate", children: f.subfamily })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0", children: [
-        /* @__PURE__ */ t("span", { className: "rfp-text-fg-tertiary rfp-flex-shrink-0", children: [
-          n("font.meta.format"),
-          ":"
-        ] }),
-        /* @__PURE__ */ e("span", { className: "rfp-text-fg-primary rfp-truncate", children: f.format })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0", children: [
-        /* @__PURE__ */ t("span", { className: "rfp-text-fg-tertiary rfp-flex-shrink-0", children: [
-          n("font.meta.glyphs"),
-          ":"
-        ] }),
-        /* @__PURE__ */ e("span", { className: "rfp-text-fg-primary rfp-truncate", children: f.glyphCount })
-      ] }),
-      f.designer && /* @__PURE__ */ t("div", { className: "rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0", children: [
-        /* @__PURE__ */ t("span", { className: "rfp-text-fg-tertiary rfp-flex-shrink-0", children: [
-          n("font.meta.designer"),
-          ":"
-        ] }),
-        /* @__PURE__ */ e("span", { className: "rfp-text-fg-primary rfp-truncate", children: f.designer })
-      ] }),
-      f.version && /* @__PURE__ */ t("div", { className: "rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0", children: [
-        /* @__PURE__ */ t("span", { className: "rfp-text-fg-tertiary rfp-flex-shrink-0", children: [
-          n("font.meta.version"),
-          ":"
-        ] }),
-        /* @__PURE__ */ e("span", { className: "rfp-text-fg-primary rfp-truncate", children: f.version })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e("div", { className: "rfp-flex-1 rfp-overflow-auto rfp-min-w-0", children: /* @__PURE__ */ t("div", { className: "rfp-px-6 rfp-py-6 rfp-space-y-8 rfp-min-w-0", children: [
-      /* @__PURE__ */ t("div", { className: "rfp-min-w-0", children: [
-        /* @__PURE__ */ e("label", { className: "rfp-block rfp-text-xs rfp-text-fg-tertiary rfp-mb-2", children: n("font.sample_text_placeholder") }),
-        /* @__PURE__ */ e(
-          "textarea",
-          {
-            className: "rfp-block rfp-w-full rfp-box-border rfp-px-3 rfp-py-2.5 rfp-bg-surface-2 rfp-text-fg-primary rfp-text-sm rfp-leading-relaxed rfp-border rfp-border-line rfp-rounded-md rfp-resize-y focus:rfp-outline-none focus:rfp-border-line-strong",
-            rows: 2,
-            placeholder: n("font.sample_text_placeholder"),
-            value: k,
-            onChange: (r) => M(r.target.value),
-            style: { minHeight: "64px", maxHeight: "160px" }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "rfp-space-y-6 rfp-min-w-0", children: Q.map((r) => /* @__PURE__ */ t("div", { className: "rfp-space-y-2 rfp-min-w-0", children: [
-        /* @__PURE__ */ t("div", { className: "rfp-text-xs rfp-text-fg-tertiary", children: [
-          r,
-          "px"
-        ] }),
-        /* @__PURE__ */ e(
-          W,
-          {
-            font: d,
-            text: y,
-            fontSize: r,
-            renderMode: T,
-            theme: l
-          }
-        )
-      ] }, r)) }),
-      /* @__PURE__ */ t("div", { className: "rfp-space-y-6 rfp-pt-6 rfp-border-t rfp-border-line-weak rfp-min-w-0", children: [
-        /* @__PURE__ */ t("div", { className: "rfp-min-w-0", children: [
-          /* @__PURE__ */ e("div", { className: "rfp-text-sm rfp-text-fg-tertiary rfp-mb-3", children: "Latin Alphabet" }),
-          /* @__PURE__ */ e(
-            W,
-            {
-              font: d,
-              text: S.latin,
-              fontSize: 24,
-              renderMode: T,
-              theme: l
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "rfp-min-w-0", children: [
-          /* @__PURE__ */ e("div", { className: "rfp-text-sm rfp-text-fg-tertiary rfp-mb-3", children: "Chinese Characters" }),
-          /* @__PURE__ */ e(
-            W,
-            {
-              font: d,
-              text: S.chinese,
-              fontSize: 24,
-              renderMode: T,
-              theme: l
-            }
-          )
-        ] })
-      ] })
-    ] }) })
-  ] });
-}, W = ({ font: m, text: n, fontSize: p, renderMode: l, theme: d }) => {
-  const w = A(null), f = A(null), b = $(() => {
-    const h = w.current, s = f.current;
-    if (!h || !s || l !== "canvas") return;
-    const F = h.clientWidth || 600, u = window.devicePixelRatio || 1, k = p * 1.4, M = d === "light" ? "#1f2937" : "#f3f4f6", T = (r) => {
-      if (!r) return [""];
-      const i = [];
-      let a = "";
-      for (const o of Array.from(r)) {
-        const R = a + o;
-        m.getAdvanceWidth(R, p) > F && a ? (i.push(a), a = o) : a = R;
-      }
-      return a && i.push(a), i;
-    }, g = [];
-    n.split(`
-`).forEach((r) => {
-      T(r).forEach((i) => g.push(i));
-    });
-    const c = F, E = k * g.length + 4;
-    s.width = Math.max(1, Math.floor(c * u)), s.height = Math.max(1, Math.floor(E * u)), s.style.width = `${c}px`, s.style.height = `${E}px`;
-    const y = s.getContext("2d");
-    y && (y.setTransform(u, 0, 0, u, 0, 0), y.clearRect(0, 0, c, E), g.forEach((r, i) => {
-      const a = m.getPath(r, 0, p + i * k, p);
-      a.fill = M, a.draw(y);
-    }));
-  }, [m, n, p, l, d]);
-  return B(() => {
-    if (l !== "canvas") return;
-    b();
-    const h = w.current;
-    if (!h || typeof ResizeObserver > "u") return;
-    const s = new ResizeObserver(() => b());
-    return s.observe(h), () => s.disconnect();
-  }, [b, l]), l === "canvas" ? /* @__PURE__ */ e("div", { ref: w, className: "rfp-w-full", children: /* @__PURE__ */ e("canvas", { ref: f, className: "rfp-block" }) }) : /* @__PURE__ */ e(
-    "div",
-    {
-      ref: w,
-      className: "rfp-w-full rfp-text-fg-primary rfp-whitespace-pre-wrap rfp-break-words",
-      style: {
-        fontFamily: "PreviewFont, sans-serif",
-        fontSize: `${p}px`,
-        lineHeight: 1.4
-      },
-      children: n
-    }
-  );
-};
-export {
-  X as FontRenderer
-};
-//# sourceMappingURL=index-mvSVNKlQ.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-mvSVNKlQ.mjs","sources":["../../src/renderers/Font/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { parse } from 'opentype.js';\nimport type { Font as OpentypeFont } from 'opentype.js';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { useResolvedTheme } from '../../ThemeContext';\n\nexport interface FontRendererProps {\n  url: string;\n}\n\ninterface FontMetadata {\n  family: string;\n  subfamily: string;\n  version: string;\n  designer: string;\n  glyphCount: number;\n  format: string;\n}\n\nconst DEFAULT_SAMPLES = {\n  latin: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ\\nabcdefghijklmnopqrstuvwxyz\\n0123456789 .,;:!?@#$%&*()[]{}',\n  chinese: '春夏秋冬东南西北天地人和风雨雷电山水日月',\n  mixed: 'The Quick Brown Fox Jumps Over The Lazy Dog\\n敏捷的棕色狐狸跳过了懒狗',\n};\n\nconst SIZES = [72, 48, 36, 24, 18];\n\n// 渲染模式：FontFace 用原生字体渲染，Canvas 用 opentype.js 软渲染（兼容浏览器拒绝的字体）\ntype RenderMode = 'fontface' | 'canvas';\n\nexport const FontRenderer: React.FC<FontRendererProps> = ({ url }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const resolvedTheme = useResolvedTheme();\n  const [font, setFont] = useState<OpentypeFont | null>(null);\n  const [metadata, setMetadata] = useState<FontMetadata | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [customText, setCustomText] = useState('');\n  const [renderMode, setRenderMode] = useState<RenderMode>('fontface');\n  const fontFaceRef = useRef<FontFace | null>(null);\n\n  useEffect(() => {\n    let mounted = true;\n\n    const loadFont = async () => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        // 使用 fetcher 替代原生 fetch（支持鉴权）\n        const response = await fetcher(url);\n        if (!response.ok) {\n          throw new Error('Failed to load font file');\n        }\n        const arrayBuffer = await response.arrayBuffer();\n\n        if (!mounted) return;\n\n        // 为 FontFace 克隆一份 ArrayBuffer，避免 opentype.js 的 parse 影响其状态\n        const faceBuffer = arrayBuffer.slice(0);\n\n        // 解析字体文件（opentype.js 容忍度高于浏览器 OTS）\n        // parse 返回值与官方 Font 类型存在不一致（opentype.js 类型定义瑕疵），用 unknown 二次转换\n        const fontData = parse(arrayBuffer) as unknown as OpentypeFont;\n\n        if (!fontData) {\n          throw new Error('Font data is invalid');\n        }\n\n        // 提取元数据\n        const names = fontData.names || {};\n        const meta: FontMetadata = {\n          family: names.fontFamily?.en || names.fontFamily?.['zh-Hans'] || names.postScriptName?.en || 'Unknown',\n          subfamily: names.fontSubfamily?.en || names.fontSubfamily?.['zh-Hans'] || '',\n          version: names.version?.en || '',\n          designer: names.designer?.en || '',\n          glyphCount: fontData.numGlyphs || 0,\n          format: detectFormat(url),\n        };\n\n        if (!mounted) return;\n        setFont(fontData);\n        setMetadata(meta);\n\n        // 尝试用 FontFace API 加载字体（浏览器原生渲染，性能好）\n        // 失败时降级到 Canvas 软渲染（opentype.js 容忍度更高）\n        try {\n          const face = new FontFace('PreviewFont', faceBuffer);\n          await face.load();\n          if (!mounted) return;\n          document.fonts.add(face);\n          fontFaceRef.current = face;\n          setRenderMode('fontface');\n        } catch (faceErr) {\n          // 浏览器拒绝该字体（通常是 OTS sanitizer 校验失败），降级到 Canvas 渲染\n          console.warn('[FontRenderer] FontFace API rejected, fallback to Canvas:', faceErr);\n          if (!mounted) return;\n          setRenderMode('canvas');\n        }\n\n        if (mounted) setLoading(false);\n      } catch (err) {\n        if (!mounted) return;\n        console.error('[FontRenderer] Error:', err);\n        let errorMsg = t('font.load_failed');\n        if (err instanceof Error) {\n          errorMsg = err.message;\n        }\n        setError(errorMsg);\n        setLoading(false);\n      }\n    };\n\n    loadFont();\n\n    return () => {\n      mounted = false;\n      if (fontFaceRef.current) {\n        document.fonts.delete(fontFaceRef.current);\n        fontFaceRef.current = null;\n      }\n    };\n  }, [url, fetcher, t]);\n\n  const detectFormat = (url: string): string => {\n    const ext = url.split('.').pop()?.toLowerCase().split('?')[0] || '';\n    const formatMap: Record<string, string> = {\n      ttf: 'TrueType (TTF)',\n      otf: 'OpenType (OTF)',\n      woff: 'Web Open Font Format (WOFF)',\n      woff2: 'Web Open Font Format 2 (WOFF2)',\n    };\n    return formatMap[ext] || 'TTF';\n  };\n\n  if (loading) {\n    return (\n      <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full\">\n        <div className=\"rfp-text-fg-secondary\">{t('font.loading')}</div>\n      </div>\n    );\n  }\n\n  if (error || !font || !metadata) {\n    return (\n      <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full\">\n        <div className=\"rfp-text-fg-secondary\">{error || t('font.parse_failed')}</div>\n      </div>\n    );\n  }\n\n  const displayText = customText || DEFAULT_SAMPLES.mixed;\n\n  return (\n    <div className=\"rfp-flex rfp-flex-col rfp-w-full rfp-h-full rfp-overflow-hidden rfp-min-w-0\">\n      {/* 元数据区 */}\n      <div className=\"rfp-flex-shrink-0 rfp-px-6 rfp-py-4 rfp-bg-surface-1 rfp-border-b rfp-border-line-weak rfp-min-w-0\">\n        <div className=\"rfp-grid rfp-grid-cols-2 rfp-gap-x-6 rfp-gap-y-2 rfp-text-sm rfp-min-w-0\">\n          <div className=\"rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0\">\n            <span className=\"rfp-text-fg-tertiary rfp-flex-shrink-0\">{t('font.meta.family')}:</span>\n            <span className=\"rfp-text-fg-primary rfp-font-semibold rfp-truncate\">{metadata.family}</span>\n          </div>\n          {metadata.subfamily && (\n            <div className=\"rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0\">\n              <span className=\"rfp-text-fg-tertiary rfp-flex-shrink-0\">{t('font.meta.subfamily')}:</span>\n              <span className=\"rfp-text-fg-primary rfp-truncate\">{metadata.subfamily}</span>\n            </div>\n          )}\n          <div className=\"rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0\">\n            <span className=\"rfp-text-fg-tertiary rfp-flex-shrink-0\">{t('font.meta.format')}:</span>\n            <span className=\"rfp-text-fg-primary rfp-truncate\">{metadata.format}</span>\n          </div>\n          <div className=\"rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0\">\n            <span className=\"rfp-text-fg-tertiary rfp-flex-shrink-0\">{t('font.meta.glyphs')}:</span>\n            <span className=\"rfp-text-fg-primary rfp-truncate\">{metadata.glyphCount}</span>\n          </div>\n          {metadata.designer && (\n            <div className=\"rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0\">\n              <span className=\"rfp-text-fg-tertiary rfp-flex-shrink-0\">{t('font.meta.designer')}:</span>\n              <span className=\"rfp-text-fg-primary rfp-truncate\">{metadata.designer}</span>\n            </div>\n          )}\n          {metadata.version && (\n            <div className=\"rfp-flex rfp-items-center rfp-gap-2 rfp-min-w-0\">\n              <span className=\"rfp-text-fg-tertiary rfp-flex-shrink-0\">{t('font.meta.version')}:</span>\n              <span className=\"rfp-text-fg-primary rfp-truncate\">{metadata.version}</span>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* 预览区 */}\n      <div className=\"rfp-flex-1 rfp-overflow-auto rfp-min-w-0\">\n        <div className=\"rfp-px-6 rfp-py-6 rfp-space-y-8 rfp-min-w-0\">\n          {/* 自定义输入框 */}\n          <div className=\"rfp-min-w-0\">\n            <label className=\"rfp-block rfp-text-xs rfp-text-fg-tertiary rfp-mb-2\">\n              {t('font.sample_text_placeholder')}\n            </label>\n            <textarea\n              className=\"rfp-block rfp-w-full rfp-box-border rfp-px-3 rfp-py-2.5 rfp-bg-surface-2 rfp-text-fg-primary rfp-text-sm rfp-leading-relaxed rfp-border rfp-border-line rfp-rounded-md rfp-resize-y focus:rfp-outline-none focus:rfp-border-line-strong\"\n              rows={2}\n              placeholder={t('font.sample_text_placeholder')}\n              value={customText}\n              onChange={(e) => setCustomText(e.target.value)}\n              style={{ minHeight: '64px', maxHeight: '160px' }}\n            />\n          </div>\n\n          {/* 多字号展示 */}\n          <div className=\"rfp-space-y-6 rfp-min-w-0\">\n            {SIZES.map((size) => (\n              <div key={size} className=\"rfp-space-y-2 rfp-min-w-0\">\n                <div className=\"rfp-text-xs rfp-text-fg-tertiary\">{size}px</div>\n                <FontPreviewLine\n                  font={font}\n                  text={displayText}\n                  fontSize={size}\n                  renderMode={renderMode}\n                  theme={resolvedTheme}\n                />\n              </div>\n            ))}\n          </div>\n\n          {/* 字符集样例 */}\n          <div className=\"rfp-space-y-6 rfp-pt-6 rfp-border-t rfp-border-line-weak rfp-min-w-0\">\n            <div className=\"rfp-min-w-0\">\n              <div className=\"rfp-text-sm rfp-text-fg-tertiary rfp-mb-3\">Latin Alphabet</div>\n              <FontPreviewLine\n                font={font}\n                text={DEFAULT_SAMPLES.latin}\n                fontSize={24}\n                renderMode={renderMode}\n                theme={resolvedTheme}\n              />\n            </div>\n\n            <div className=\"rfp-min-w-0\">\n              <div className=\"rfp-text-sm rfp-text-fg-tertiary rfp-mb-3\">Chinese Characters</div>\n              <FontPreviewLine\n                font={font}\n                text={DEFAULT_SAMPLES.chinese}\n                fontSize={24}\n                renderMode={renderMode}\n                theme={resolvedTheme}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ninterface FontPreviewLineProps {\n  font: OpentypeFont;\n  text: string;\n  fontSize: number;\n  renderMode: RenderMode;\n  theme: 'dark' | 'light';\n}\n\n// 单行字体预览：FontFace 模式用 div + CSS font-family（自动换行），\n// Canvas 模式用 opentype.js 软渲染并按容器宽度自动断行\nconst FontPreviewLine: React.FC<FontPreviewLineProps> = ({ font, text, fontSize, renderMode, theme }) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  const drawCanvas = useCallback(() => {\n    const wrapper = wrapperRef.current;\n    const canvas = canvasRef.current;\n    if (!wrapper || !canvas || renderMode !== 'canvas') return;\n\n    const containerWidth = wrapper.clientWidth || 600;\n    const dpr = window.devicePixelRatio || 1;\n    const lineHeight = fontSize * 1.4;\n    const fillColor = theme === 'light' ? '#1f2937' : '#f3f4f6';\n\n    // 按容器宽度做软换行：先按 \\n 拆段，再按字宽贪心断行\n    const wrapLine = (line: string): string[] => {\n      if (!line) return [''];\n      const result: string[] = [];\n      let buf = '';\n      for (const ch of Array.from(line)) {\n        const next = buf + ch;\n        const w = font.getAdvanceWidth(next, fontSize);\n        if (w > containerWidth && buf) {\n          result.push(buf);\n          buf = ch;\n        } else {\n          buf = next;\n        }\n      }\n      if (buf) result.push(buf);\n      return result;\n    };\n\n    const wrappedLines: string[] = [];\n    text.split('\\n').forEach((seg) => {\n      wrapLine(seg).forEach((l) => wrappedLines.push(l));\n    });\n\n    const width = containerWidth;\n    const height = lineHeight * wrappedLines.length + 4;\n\n    // 高 DPI 适配\n    canvas.width = Math.max(1, Math.floor(width * dpr));\n    canvas.height = Math.max(1, Math.floor(height * dpr));\n    canvas.style.width = `${width}px`;\n    canvas.style.height = `${height}px`;\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.clearRect(0, 0, width, height);\n\n    wrappedLines.forEach((line, idx) => {\n      const path = font.getPath(line, 0, fontSize + idx * lineHeight, fontSize);\n      path.fill = fillColor;\n      path.draw(ctx);\n    });\n  }, [font, text, fontSize, renderMode, theme]);\n\n  useEffect(() => {\n    if (renderMode !== 'canvas') return;\n    drawCanvas();\n    // 容器尺寸变化时重绘\n    const wrapper = wrapperRef.current;\n    if (!wrapper || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(() => drawCanvas());\n    observer.observe(wrapper);\n    return () => observer.disconnect();\n  }, [drawCanvas, renderMode]);\n\n  if (renderMode === 'canvas') {\n    return (\n      <div ref={wrapperRef} className=\"rfp-w-full\">\n        <canvas ref={canvasRef} className=\"rfp-block\" />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"rfp-w-full rfp-text-fg-primary rfp-whitespace-pre-wrap rfp-break-words\"\n      style={{\n        fontFamily: 'PreviewFont, sans-serif',\n        fontSize: `${fontSize}px`,\n        lineHeight: 1.4,\n      }}\n    >\n      {text}\n    </div>\n  );\n};\n"],"names":["DEFAULT_SAMPLES","SIZES","FontRenderer","url","t","useTranslator","fetcher","useFetcher","resolvedTheme","useResolvedTheme","font","setFont","useState","metadata","setMetadata","loading","setLoading","error","setError","customText","setCustomText","renderMode","setRenderMode","fontFaceRef","useRef","useEffect","mounted","response","arrayBuffer","faceBuffer","fontData","parse","names","meta","_a","_b","_c","_d","_e","_f","_g","detectFormat","face","faceErr","err","errorMsg","ext","jsx","displayText","jsxs","e","size","FontPreviewLine","text","fontSize","theme","wrapperRef","canvasRef","drawCanvas","useCallback","wrapper","canvas","containerWidth","dpr","lineHeight","fillColor","wrapLine","line","result","buf","ch","next","wrappedLines","seg","l","width","height","ctx","idx","path","observer"],"mappings":"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"}