@eternalheart/react-file-preview 1.4.0 → 1.5.1

package/lib/chunks/index-CWKbnvW6.mjs

@@ -1,270 +0,0 @@
-import { jsxs as X, jsx as m } from "react/jsx-runtime";
-import { useState as i, useRef as d, useEffect as j, useCallback as x } from "react";
-import { motion as Le } from "framer-motion";
-import { Loader2 as Me } from "lucide-react";
-import { u as Re, G as Ee, q as Ue } from "./index-CEeKt7L3.mjs";
-import { R as pe } from "./RendererError-D5i8eSpN.mjs";
-const Be = ({
-  url: F,
-  zoom: Z,
-  rotation: he,
-  resetKey: ee,
-  fileSize: L,
-  file: P,
-  onZoomChange: o,
-  onNaturalWidthChange: A,
-  onNaturalHeightChange: H
-}) => {
-  const te = Re(), [q, K] = i(!1), [M, re] = i(null), [G, y] = i(!1), [ne, ce] = i(0), [k, Q] = i(null), [se, R] = i(""), [B, z] = i(1), [T, ae] = i(1), [p, b] = i({ x: 0, y: 0 }), [E, $] = i(!1), [U, oe] = i({ x: 0, y: 0 }), [v, D] = i(1), [g, me] = i({ width: 0, height: 0 }), be = d(null), N = d(null), Y = d(null), O = d(null), S = d(null), f = d(/* @__PURE__ */ new Map()), W = d(!1), _ = d(0), ie = d(1), J = d({ x: 0, y: 0 }), le = d(0);
-  j(() => {
-    let e = !1;
-    return (async () => {
-      if (R(""), K(!1), re(null), y(!1), Q(null), ce(0), b({ x: 0, y: 0 }), D(1), z(1), ae(1), Y.current && (URL.revokeObjectURL(Y.current), Y.current = null), f.current.forEach((r) => URL.revokeObjectURL(r)), f.current.clear(), O.current = null, S.current = null, !P) {
-        e || R(F);
-        return;
-      }
-      try {
-        const r = await Ee(P), n = await Ue(r);
-        if (!n || !await n.needsDecode(r)) {
-          e || R(F);
-          return;
-        }
-        y(!0);
-        let c;
-        if (P instanceof Blob)
-          c = P;
-        else {
-          const s = await fetch(F);
-          if (!s.ok) throw new Error("Failed to fetch file");
-          c = await s.blob();
-        }
-        if (e) return;
-        if (O.current = c, S.current = n, O.current = c, S.current = n, n.getMetadata)
-          try {
-            const s = await n.getMetadata(c);
-            !e && s.pageCount && s.pageCount > 1 && ae(s.pageCount);
-          } catch {
-          }
-        const a = await n.decode(c, {
-          page: 1,
-          fullQuality: !1,
-          onProgress: (s) => {
-            e || ce(s);
-          }
-        });
-        if (e) return;
-        const l = typeof a == "string" ? a : URL.createObjectURL(a);
-        Y.current = l, f.current.set(1, l), R(l), y(!1);
-      } catch (r) {
-        e || (Q((r == null ? void 0 : r.message) || "解码失败"), y(!1));
-      }
-    })(), () => {
-      e = !0;
-    };
-  }, [F, P]);
-  const fe = x(async (e) => {
-    if (!O.current || !S.current || e < 1 || e > T) return;
-    const t = f.current.get(e);
-    if (t) {
-      z(e), R(t);
-      return;
-    }
-    y(!0);
-    try {
-      const r = await S.current.decode(O.current, { page: e }), n = typeof r == "string" ? r : URL.createObjectURL(r);
-      if (f.current.size >= 10) {
-        const c = f.current.keys().next().value;
-        if (c !== void 0) {
-          const a = f.current.get(c);
-          a && URL.revokeObjectURL(a), f.current.delete(c);
-        }
-      }
-      f.current.set(e, n), z(e), R(n), y(!1);
-    } catch (r) {
-      Q((r == null ? void 0 : r.message) || "翻页解码失败"), y(!1);
-    }
-  }, [T]);
-  j(() => () => {
-    Y.current && URL.revokeObjectURL(Y.current), f.current.forEach((e) => URL.revokeObjectURL(e)), f.current.clear();
-  }, []), j(() => {
-    D(Z);
-  }, [Z]), j(() => {
-    ee !== void 0 && b({ x: 0, y: 0 });
-  }, [ee]);
-  const ve = (e) => {
-    K(!0);
-    const t = e.currentTarget;
-    me({ width: t.naturalWidth, height: t.naturalHeight }), A == null || A(t.naturalWidth), H == null || H(t.naturalHeight);
-  }, w = x((e, t) => {
-    const r = N.current;
-    if (!r || g.width === 0) return e;
-    const n = r.clientWidth, c = r.clientHeight, a = g.width * t, l = g.height * t, s = Math.min(80, n * 0.15, c * 0.15), u = (n + a) / 2 - s, h = (c + l) / 2 - s;
-    return {
-      x: u > 0 ? Math.max(-u, Math.min(u, e.x)) : 0,
-      y: h > 0 ? Math.max(-h, Math.min(h, e.y)) : 0
-    };
-  }, [g]), xe = () => {
-    re(te("image.load_failed")), K(!0);
-  }, ye = () => {
-    b({ x: 0, y: 0 }), D(1), o == null || o(1);
-  }, V = x((e) => {
-    W.current = !0, e.preventDefault();
-    const t = e.touches;
-    if (t.length === 1) {
-      $(!0), oe({
-        x: t[0].clientX - p.x,
-        y: t[0].clientY - p.y
-      });
-      const r = Date.now();
-      r - le.current < 300 && (b({ x: 0, y: 0 }), D(1), o == null || o(1)), le.current = r;
-    } else if (t.length === 2) {
-      $(!1);
-      const r = Math.hypot(
-        t[1].clientX - t[0].clientX,
-        t[1].clientY - t[0].clientY
-      );
-      _.current = r, ie.current = v, J.current = { ...p };
-    }
-  }, [p, v, o]), C = x((e) => {
-    e.preventDefault();
-    const t = e.touches;
-    if (t.length === 1 && E)
-      b(w({
-        x: t[0].clientX - U.x,
-        y: t[0].clientY - U.y
-      }, v));
-    else if (t.length === 2) {
-      const r = N.current;
-      if (!r) return;
-      const n = Math.hypot(
-        t[1].clientX - t[0].clientX,
-        t[1].clientY - t[0].clientY
-      );
-      if (Math.abs(n - _.current) < 5) return;
-      const c = n / _.current, a = Math.max(0.01, Math.min(10, ie.current * c)), l = r.getBoundingClientRect(), s = (t[0].clientX + t[1].clientX) / 2 - l.left - l.width / 2, u = (t[0].clientY + t[1].clientY) / 2 - l.top - l.height / 2, h = a / v;
-      b(w({
-        x: s - h * (s - J.current.x),
-        y: u - h * (u - J.current.y)
-      }, a)), D(a), o == null || o(a);
-    }
-  }, [E, U, v, w, o]), I = x(() => {
-    $(!1), _.current = 0;
-  }, []);
-  j(() => {
-    const e = N.current;
-    if (!e) return;
-    const t = (r) => {
-      r.preventDefault(), r.stopPropagation();
-      const n = e.getBoundingClientRect(), c = r.clientX - n.left - n.width / 2, a = r.clientY - n.top - n.height / 2, l = r.deltaY > 0 ? -0.05 : 0.05;
-      D((s) => {
-        const u = Math.max(0.01, Math.min(10, s + l)), h = u / s;
-        return b((de) => w({
-          x: c - h * (c - de.x),
-          y: a - h * (a - de.y)
-        }, u)), o == null || o(u), u;
-      });
-    };
-    return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
-  }, [o, w]), j(() => {
-    const e = N.current;
-    if (e)
-      return e.addEventListener("touchstart", V, { passive: !1 }), e.addEventListener("touchmove", C, { passive: !1 }), e.addEventListener("touchend", I), e.addEventListener("touchcancel", I), () => {
-        e.removeEventListener("touchstart", V), e.removeEventListener("touchmove", C), e.removeEventListener("touchend", I), e.removeEventListener("touchcancel", I);
-      };
-  }, [V, C, I]);
-  const ge = x((e) => {
-    W.current || e.button === 0 && ($(!0), oe({
-      x: e.clientX - p.x,
-      y: e.clientY - p.y
-    }));
-  }, [p]), we = x((e) => {
-    W.current || E && b(w({
-      x: e.clientX - U.x,
-      y: e.clientY - U.y
-    }, v));
-  }, [E, U, v, w]), ue = x(() => {
-    W.current || $(!1);
-  }, []);
-  return /* @__PURE__ */ X(
-    "div",
-    {
-      ref: N,
-      className: "rfp-relative rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-overflow-hidden",
-      onMouseDown: ge,
-      onMouseMove: we,
-      onMouseUp: ue,
-      onMouseLeave: ue,
-      style: { cursor: E ? "grabbing" : "grab", touchAction: "none" },
-      children: [
-        G && /* @__PURE__ */ X("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-bg-surface-1/80 rfp-z-10", children: [
-          /* @__PURE__ */ m(Me, { className: "rfp-w-12 rfp-h-12 rfp-text-fg-primary rfp-animate-spin" }),
-          /* @__PURE__ */ X("p", { className: "rfp-mt-4 rfp-text-fg-secondary", children: [
-            "正在解码... ",
-            ne > 0 && `${Math.round(ne)}%`
-          ] })
-        ] }),
-        k && /* @__PURE__ */ m("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-1/80 rfp-z-10", children: /* @__PURE__ */ m(pe, { message: te("image.decode_failed"), detail: k }) }),
-        !q && !M && !G && !k && /* @__PURE__ */ m("div", { className: "rfp-flex rfp-items-center rfp-justify-center", children: /* @__PURE__ */ m("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
-        M && /* @__PURE__ */ m(pe, { message: M }),
-        se && /* @__PURE__ */ m(
-          Le.img,
-          {
-            ref: be,
-            src: se,
-            alt: "Preview",
-            className: `rfp-max-w-none rfp-select-none ${!q || M || k ? "rfp-hidden" : ""}`,
-            style: {
-              transform: `translate(${p.x}px, ${p.y}px) scale(${v}) rotate(${he}deg)`,
-              transformOrigin: "center",
-              transition: E ? "none" : "transform 0.3s ease-out"
-            },
-            onLoad: ve,
-            onError: xe,
-            onDoubleClick: ye,
-            initial: { opacity: 0 },
-            animate: { opacity: q && !M && !k ? 1 : 0 },
-            transition: { duration: 0.3 },
-            draggable: !1
-          }
-        ),
-        q && !M && g.width > 0 && /* @__PURE__ */ X("div", { className: "rfp-absolute rfp-bottom-2 rfp-right-3 rfp-text-[10px] rfp-text-fg-disabled hover:rfp-text-fg-secondary rfp-transition-colors rfp-pointer-events-auto rfp-select-none rfp-cursor-default", children: [
-          g.width,
-          " × ",
-          g.height,
-          L != null && ` · ${L < 1024 ? `${L} B` : L < 1024 * 1024 ? `${(L / 1024).toFixed(1)} KB` : `${(L / (1024 * 1024)).toFixed(1)} MB`}`
-        ] }),
-        T > 1 && /* @__PURE__ */ X("div", { className: "rfp-absolute rfp-bottom-2 rfp-left-1/2 -rfp-translate-x-1/2 rfp-flex rfp-items-center rfp-gap-2 rfp-px-3 rfp-py-1.5 rfp-bg-surface-toolbar rfp-border rfp-border-line rfp-rounded-lg rfp-text-sm rfp-text-fg-primary rfp-shadow-md", children: [
-          /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              onClick: () => fe(B - 1),
-              disabled: B <= 1 || G,
-              className: "rfp-px-2 rfp-py-0.5 rfp-rounded hover:rfp-bg-surface-nav-hover disabled:rfp-opacity-40 disabled:rfp-cursor-not-allowed",
-              children: "上一页"
-            }
-          ),
-          /* @__PURE__ */ X("span", { className: "rfp-text-fg-secondary rfp-tabular-nums", children: [
-            B,
-            " / ",
-            T
-          ] }),
-          /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              onClick: () => fe(B + 1),
-              disabled: B >= T || G,
-              className: "rfp-px-2 rfp-py-0.5 rfp-rounded hover:rfp-bg-surface-nav-hover disabled:rfp-opacity-40 disabled:rfp-cursor-not-allowed",
-              children: "下一页"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-export {
-  Be as ImageRenderer
-};
-//# sourceMappingURL=index-CWKbnvW6.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-CWKbnvW6.mjs","sources":["../../src/renderers/Image/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { motion } from 'framer-motion';\nimport { Loader2 } from 'lucide-react';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { detectImageFormat, getLoaderForMimeType } from '@eternalheart/file-preview-core';\nimport type { PreviewFile } from '@eternalheart/file-preview-core';\nimport { RendererError } from '../RendererError';\n\ninterface ImageRendererProps {\n  url: string;\n  zoom: number;\n  rotation: number;\n  resetKey?: number;\n  fileSize?: number;\n  file?: PreviewFile | File;\n  onZoomChange?: (zoom: number) => void;\n  onNaturalWidthChange?: (width: number) => void;\n  onNaturalHeightChange?: (height: number) => void;\n}\n\nexport const ImageRenderer: React.FC<ImageRendererProps> = ({\n  url,\n  zoom,\n  rotation,\n  resetKey,\n  fileSize,\n  file,\n  onZoomChange,\n  onNaturalWidthChange,\n  onNaturalHeightChange\n}) => {\n  const t = useTranslator();\n  const [loaded, setLoaded] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [decoding, setDecoding] = useState(false);\n  const [decodeProgress, setDecodeProgress] = useState(0);\n  const [decodeError, setDecodeError] = useState<string | null>(null);\n  const [imageSrc, setImageSrc] = useState<string>('');\n  const [currentPage, setCurrentPage] = useState(1);\n  const [totalPages, setTotalPages] = useState(1);\n  const [position, setPosition] = useState({ x: 0, y: 0 });\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\n  const [internalZoom, setInternalZoom] = useState(1);\n  const [naturalSize, setNaturalSize] = useState({ width: 0, height: 0 });\n  const imgRef = useRef<HTMLImageElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const blobUrlRef = useRef<string | null>(null);\n  const fileBlobRef = useRef<Blob | null>(null);\n  const loaderRef = useRef<any>(null);\n  const pageCacheRef = useRef<Map<number, string>>(new Map());\n  const isTouchDevice = useRef(false);\n  const touchStartDistance = useRef(0);\n  const touchStartZoom = useRef(1);\n  const touchStartPos = useRef({ x: 0, y: 0 });\n  const lastTapTime = useRef(0);\n\n  // 解码逻辑：检测格式并按需解码\n  useEffect(() => {\n    let cancelled = false;\n\n    const decodeIfNeeded = async () => {\n      // 重置状态：清空 src 以避免上一张图片的 onLoad/onError 误触发到新文件\n      setImageSrc('');\n      setLoaded(false);\n      setError(null);\n      setDecoding(false);\n      setDecodeError(null);\n      setDecodeProgress(0);\n      setPosition({ x: 0, y: 0 });\n      setInternalZoom(1);\n      setCurrentPage(1);\n      setTotalPages(1);\n\n      // 清理旧的 blob URL 与缓存\n      if (blobUrlRef.current) {\n        URL.revokeObjectURL(blobUrlRef.current);\n        blobUrlRef.current = null;\n      }\n      pageCacheRef.current.forEach((url) => URL.revokeObjectURL(url));\n      pageCacheRef.current.clear();\n      fileBlobRef.current = null;\n      loaderRef.current = null;\n\n      // 如果没有 file 对象，直接使用 url\n      if (!file) {\n        if (!cancelled) setImageSrc(url);\n        return;\n      }\n\n      try {\n        // 检测图片格式\n        const mimeType = await detectImageFormat(file);\n        const loader = await getLoaderForMimeType(mimeType);\n\n        // 如果不需要解码，直接使用原 URL\n        if (!loader || !(await loader.needsDecode(mimeType))) {\n          if (!cancelled) setImageSrc(url);\n          return;\n        }\n\n        // 需要解码\n        setDecoding(true);\n\n        // 获取文件 Blob\n        let fileBlob: Blob;\n        if (file instanceof Blob) {\n          fileBlob = file;\n        } else {\n          const response = await fetch(url);\n          if (!response.ok) throw new Error('Failed to fetch file');\n          fileBlob = await response.blob();\n        }\n\n        if (cancelled) return;\n\n        // 缓存 Blob 与 loader 以便后续翻页\n        fileBlobRef.current = fileBlob;\n        loaderRef.current = loader;\n\n        // 缓存 Blob 与 loader 以便后续翻页\n        fileBlobRef.current = fileBlob;\n        loaderRef.current = loader;\n\n        // 获取元数据（用于检测多页 TIFF）\n        if (loader.getMetadata) {\n          try {\n            const metadata = await loader.getMetadata(fileBlob);\n            if (!cancelled && metadata.pageCount && metadata.pageCount > 1) {\n              setTotalPages(metadata.pageCount);\n            }\n          } catch {\n            // 忽略元数据获取失败\n          }\n        }\n\n        // 调用 loader 解码（第 1 页 / 缩略图模式）\n        const decodedBlob = await loader.decode(fileBlob, {\n          page: 1,\n          fullQuality: false,\n          onProgress: (percent: number) => {\n            if (!cancelled) {\n              setDecodeProgress(percent);\n            }\n          },\n        });\n\n        if (cancelled) return;\n\n        // 生成 blob URL\n        const blobUrl = typeof decodedBlob === 'string'\n          ? decodedBlob\n          : URL.createObjectURL(decodedBlob);\n\n        blobUrlRef.current = blobUrl;\n        pageCacheRef.current.set(1, blobUrl);\n        setImageSrc(blobUrl);\n        setDecoding(false);\n      } catch (err: any) {\n        if (!cancelled) {\n          setDecodeError(err?.message || '解码失败');\n          setDecoding(false);\n        }\n      }\n    };\n\n    decodeIfNeeded();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [url, file]);\n\n  // 多页 TIFF 翻页：切换页码时重新解码\n  const handlePageChange = useCallback(async (page: number) => {\n    if (!fileBlobRef.current || !loaderRef.current) return;\n    if (page < 1 || page > totalPages) return;\n\n    // 命中缓存：直接切换\n    const cached = pageCacheRef.current.get(page);\n    if (cached) {\n      setCurrentPage(page);\n      setImageSrc(cached);\n      return;\n    }\n\n    // 解码新页面\n    setDecoding(true);\n    try {\n      const decodedBlob = await loaderRef.current.decode(fileBlobRef.current, { page });\n      const blobUrl = typeof decodedBlob === 'string'\n        ? decodedBlob\n        : URL.createObjectURL(decodedBlob);\n\n      // LRU：缓存超过 10 页时删除最早的\n      if (pageCacheRef.current.size >= 10) {\n        const firstKey = pageCacheRef.current.keys().next().value;\n        if (firstKey !== undefined) {\n          const oldUrl = pageCacheRef.current.get(firstKey);\n          if (oldUrl) URL.revokeObjectURL(oldUrl);\n          pageCacheRef.current.delete(firstKey);\n        }\n      }\n\n      pageCacheRef.current.set(page, blobUrl);\n      setCurrentPage(page);\n      setImageSrc(blobUrl);\n      setDecoding(false);\n    } catch (err: any) {\n      setDecodeError(err?.message || '翻页解码失败');\n      setDecoding(false);\n    }\n  }, [totalPages]);\n\n  // Cleanup blob URL on unmount\n  useEffect(() => {\n    return () => {\n      if (blobUrlRef.current) {\n        URL.revokeObjectURL(blobUrlRef.current);\n      }\n      pageCacheRef.current.forEach((url) => URL.revokeObjectURL(url));\n      pageCacheRef.current.clear();\n    };\n  }, []);\n\n  // 当外部 zoom 改变时,同步内部 zoom\n  useEffect(() => {\n    setInternalZoom(zoom);\n  }, [zoom]);\n\n  // 适应窗口/原始尺寸等操作时重置位置居中\n  useEffect(() => {\n    if (resetKey !== undefined) {\n      setPosition({ x: 0, y: 0 });\n    }\n  }, [resetKey]);\n\n  const handleLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    setLoaded(true);\n    const img = e.currentTarget;\n    setNaturalSize({ width: img.naturalWidth, height: img.naturalHeight });\n    onNaturalWidthChange?.(img.naturalWidth);\n    onNaturalHeightChange?.(img.naturalHeight);\n  };\n\n  // 边界限制：确保图片至少有一部分可见\n  const clampPosition = useCallback((pos: { x: number; y: number }, currentZoom: number) => {\n    const container = containerRef.current;\n    if (!container || naturalSize.width === 0) return pos;\n\n    const containerW = container.clientWidth;\n    const containerH = container.clientHeight;\n    const imgW = naturalSize.width * currentZoom;\n    const imgH = naturalSize.height * currentZoom;\n\n    // 至少保留 margin px 的图片在视口内\n    const margin = Math.min(80, containerW * 0.15, containerH * 0.15);\n    const rangeX = (containerW + imgW) / 2 - margin;\n    const rangeY = (containerH + imgH) / 2 - margin;\n\n    return {\n      x: rangeX > 0 ? Math.max(-rangeX, Math.min(rangeX, pos.x)) : 0,\n      y: rangeY > 0 ? Math.max(-rangeY, Math.min(rangeY, pos.y)) : 0,\n    };\n  }, [naturalSize]);\n\n  const handleError = () => {\n    setError(t('image.load_failed'));\n    setLoaded(true);\n  };\n\n  // 双击复原：居中 + 缩放100%\n  const handleDoubleClick = () => {\n    setPosition({ x: 0, y: 0 });\n    setInternalZoom(1);\n    onZoomChange?.(1);\n  };\n\n  // 触屏事件处理\n  const handleTouchStart = useCallback((e: TouchEvent) => {\n    isTouchDevice.current = true;\n    e.preventDefault();\n\n    const touches = e.touches;\n    if (touches.length === 1) {\n      // 单指拖拽\n      setIsDragging(true);\n      setDragStart({\n        x: touches[0].clientX - position.x,\n        y: touches[0].clientY - position.y,\n      });\n\n      // 双击检测\n      const now = Date.now();\n      if (now - lastTapTime.current < 300) {\n        // 双击复原：居中 + 缩放100%\n        setPosition({ x: 0, y: 0 });\n        setInternalZoom(1);\n        onZoomChange?.(1);\n      }\n      lastTapTime.current = now;\n    } else if (touches.length === 2) {\n      // 双指缩放初始化\n      setIsDragging(false);\n      const distance = Math.hypot(\n        touches[1].clientX - touches[0].clientX,\n        touches[1].clientY - touches[0].clientY\n      );\n      touchStartDistance.current = distance;\n      touchStartZoom.current = internalZoom;\n      touchStartPos.current = { ...position };\n    }\n  }, [position, internalZoom, onZoomChange]);\n\n  const handleTouchMove = useCallback((e: TouchEvent) => {\n    e.preventDefault();\n\n    const touches = e.touches;\n    if (touches.length === 1 && isDragging) {\n      // 单指拖拽\n      setPosition(clampPosition({\n        x: touches[0].clientX - dragStart.x,\n        y: touches[0].clientY - dragStart.y,\n      }, internalZoom));\n    } else if (touches.length === 2) {\n      // 双指缩放\n      const container = containerRef.current;\n      if (!container) return;\n\n      const distance = Math.hypot(\n        touches[1].clientX - touches[0].clientX,\n        touches[1].clientY - touches[0].clientY\n      );\n\n      // 最小距离变化阈值，防止抖动\n      if (Math.abs(distance - touchStartDistance.current) < 5) return;\n\n      const scale = distance / touchStartDistance.current;\n      const newZoom = Math.max(0.01, Math.min(10, touchStartZoom.current * scale));\n\n      // 双指中心点作为缩放原点\n      const rect = container.getBoundingClientRect();\n      const centerX = (touches[0].clientX + touches[1].clientX) / 2 - rect.left - rect.width / 2;\n      const centerY = (touches[0].clientY + touches[1].clientY) / 2 - rect.top - rect.height / 2;\n\n      const zoomScale = newZoom / internalZoom;\n      setPosition(clampPosition({\n        x: centerX - zoomScale * (centerX - touchStartPos.current.x),\n        y: centerY - zoomScale * (centerY - touchStartPos.current.y),\n      }, newZoom));\n\n      setInternalZoom(newZoom);\n      onZoomChange?.(newZoom);\n    }\n  }, [isDragging, dragStart, internalZoom, clampPosition, onZoomChange]);\n\n  const handleTouchEnd = useCallback(() => {\n    setIsDragging(false);\n    touchStartDistance.current = 0;\n  }, []);\n\n  // 鼠标滚轮缩放 —— 以鼠标位置为缩放原点\n  // 使用原生事件 + passive: false,确保 preventDefault 生效,\n  // 避免滚轮事件冒泡触发外层(如嵌入模式下的页面滚动)\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const handleWheelNative = (e: WheelEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      const rect = container.getBoundingClientRect();\n      const mouseX = e.clientX - rect.left - rect.width / 2;\n      const mouseY = e.clientY - rect.top - rect.height / 2;\n\n      const delta = e.deltaY > 0 ? -0.05 : 0.05;\n\n      setInternalZoom(prev => {\n        const newZoom = Math.max(0.01, Math.min(10, prev + delta));\n        const scale = newZoom / prev;\n\n        setPosition(pos => clampPosition({\n          x: mouseX - scale * (mouseX - pos.x),\n          y: mouseY - scale * (mouseY - pos.y),\n        }, newZoom));\n\n        onZoomChange?.(newZoom);\n        return newZoom;\n      });\n    };\n\n    container.addEventListener('wheel', handleWheelNative, { passive: false });\n    return () => container.removeEventListener('wheel', handleWheelNative);\n  }, [onZoomChange, clampPosition]);\n\n  // 触屏事件监听器\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.addEventListener('touchstart', handleTouchStart, { passive: false });\n    container.addEventListener('touchmove', handleTouchMove, { passive: false });\n    container.addEventListener('touchend', handleTouchEnd);\n    container.addEventListener('touchcancel', handleTouchEnd);\n\n    return () => {\n      container.removeEventListener('touchstart', handleTouchStart);\n      container.removeEventListener('touchmove', handleTouchMove);\n      container.removeEventListener('touchend', handleTouchEnd);\n      container.removeEventListener('touchcancel', handleTouchEnd);\n    };\n  }, [handleTouchStart, handleTouchMove, handleTouchEnd]);\n\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    if (isTouchDevice.current) return;\n    if (e.button !== 0) return;\n    setIsDragging(true);\n    setDragStart({\n      x: e.clientX - position.x,\n      y: e.clientY - position.y,\n    });\n  }, [position]);\n\n  const handleMouseMove = useCallback((e: React.MouseEvent) => {\n    if (isTouchDevice.current) return;\n    if (!isDragging) return;\n    setPosition(clampPosition({\n      x: e.clientX - dragStart.x,\n      y: e.clientY - dragStart.y,\n    }, internalZoom));\n  }, [isDragging, dragStart, internalZoom, clampPosition]);\n\n  const handleMouseUp = useCallback(() => {\n    if (isTouchDevice.current) return;\n    setIsDragging(false);\n  }, []);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"rfp-relative rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-overflow-hidden\"\n      onMouseDown={handleMouseDown}\n      onMouseMove={handleMouseMove}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      style={{ cursor: isDragging ? 'grabbing' : 'grab', touchAction: 'none' }}\n    >\n      {/* 解码中 */}\n      {decoding && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-bg-surface-1/80 rfp-z-10\">\n          <Loader2 className=\"rfp-w-12 rfp-h-12 rfp-text-fg-primary rfp-animate-spin\" />\n          <p className=\"rfp-mt-4 rfp-text-fg-secondary\">\n            正在解码... {decodeProgress > 0 && `${Math.round(decodeProgress)}%`}\n          </p>\n        </div>\n      )}\n\n      {/* 解码错误 */}\n      {decodeError && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-1/80 rfp-z-10\">\n          <RendererError message={t('image.decode_failed')} detail={decodeError} />\n        </div>\n      )}\n\n      {!loaded && !error && !decoding && !decodeError && (\n        <div className=\"rfp-flex rfp-items-center rfp-justify-center\">\n          <div className=\"rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n        </div>\n      )}\n\n      {error && (\n        <RendererError message={error} />\n      )}\n\n      {imageSrc && (\n        <motion.img\n          ref={imgRef}\n          src={imageSrc}\n          alt=\"Preview\"\n          className={`rfp-max-w-none rfp-select-none ${!loaded || error || decodeError ? 'rfp-hidden' : ''}`}\n          style={{\n            transform: `translate(${position.x}px, ${position.y}px) scale(${internalZoom}) rotate(${rotation}deg)`,\n            transformOrigin: 'center',\n            transition: isDragging ? 'none' : 'transform 0.3s ease-out',\n          }}\n          onLoad={handleLoad}\n          onError={handleError}\n          onDoubleClick={handleDoubleClick}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: loaded && !error && !decodeError ? 1 : 0 }}\n          transition={{ duration: 0.3 }}\n          draggable={false}\n        />\n      )}\n\n      {/* 右下角分辨率 */}\n      {loaded && !error && naturalSize.width > 0 && (\n        <div className=\"rfp-absolute rfp-bottom-2 rfp-right-3 rfp-text-[10px] rfp-text-fg-disabled hover:rfp-text-fg-secondary rfp-transition-colors rfp-pointer-events-auto rfp-select-none rfp-cursor-default\">\n          {naturalSize.width} × {naturalSize.height}{fileSize != null && ` · ${fileSize < 1024 ? `${fileSize} B` : fileSize < 1024 * 1024 ? `${(fileSize / 1024).toFixed(1)} KB` : `${(fileSize / (1024 * 1024)).toFixed(1)} MB`}`}\n        </div>\n      )}\n\n      {/* 多页 TIFF 翻页器 */}\n      {totalPages > 1 && (\n        <div className=\"rfp-absolute rfp-bottom-2 rfp-left-1/2 -rfp-translate-x-1/2 rfp-flex rfp-items-center rfp-gap-2 rfp-px-3 rfp-py-1.5 rfp-bg-surface-toolbar rfp-border rfp-border-line rfp-rounded-lg rfp-text-sm rfp-text-fg-primary rfp-shadow-md\">\n          <button\n            type=\"button\"\n            onClick={() => handlePageChange(currentPage - 1)}\n            disabled={currentPage <= 1 || decoding}\n            className=\"rfp-px-2 rfp-py-0.5 rfp-rounded hover:rfp-bg-surface-nav-hover disabled:rfp-opacity-40 disabled:rfp-cursor-not-allowed\"\n          >\n            上一页\n          </button>\n          <span className=\"rfp-text-fg-secondary rfp-tabular-nums\">\n            {currentPage} / {totalPages}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => handlePageChange(currentPage + 1)}\n            disabled={currentPage >= totalPages || decoding}\n            className=\"rfp-px-2 rfp-py-0.5 rfp-rounded hover:rfp-bg-surface-nav-hover disabled:rfp-opacity-40 disabled:rfp-cursor-not-allowed\"\n          >\n            下一页\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["ImageRenderer","url","zoom","rotation","resetKey","fileSize","file","onZoomChange","onNaturalWidthChange","onNaturalHeightChange","t","useTranslator","loaded","setLoaded","useState","error","setError","decoding","setDecoding","decodeProgress","setDecodeProgress","decodeError","setDecodeError","imageSrc","setImageSrc","currentPage","setCurrentPage","totalPages","setTotalPages","position","setPosition","isDragging","setIsDragging","dragStart","setDragStart","internalZoom","setInternalZoom","naturalSize","setNaturalSize","imgRef","useRef","containerRef","blobUrlRef","fileBlobRef","loaderRef","pageCacheRef","isTouchDevice","touchStartDistance","touchStartZoom","touchStartPos","lastTapTime","useEffect","cancelled","mimeType","detectImageFormat","loader","getLoaderForMimeType","fileBlob","response","metadata","decodedBlob","percent","blobUrl","err","handlePageChange","useCallback","page","cached","firstKey","oldUrl","handleLoad","img","clampPosition","pos","currentZoom","container","containerW","containerH","imgW","imgH","margin","rangeX","rangeY","handleError","handleDoubleClick","handleTouchStart","touches","now","distance","handleTouchMove","scale","newZoom","rect","centerX","centerY","zoomScale","handleTouchEnd","handleWheelNative","e","mouseX","mouseY","delta","prev","handleMouseDown","handleMouseMove","handleMouseUp","jsxs","jsx","Loader2","RendererError","motion"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-C_BJatqr.mjs","sources":["../../src/renderers/Subtitle/index.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport {\n  parseSubtitle,\n  formatSubtitleTime,\n  fetchTextUtf8,\n  type SubtitleParseResult,\n  type SubtitleFormat,\n} from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\n\ninterface SubtitleRendererProps {\n  url: string;\n  fileName: string;\n}\n\nconst FORMAT_BY_EXT: Record<string, SubtitleFormat> = {\n  srt: 'srt',\n  vtt: 'vtt',\n  lrc: 'lrc',\n  elrc: 'elrc',\n  ass: 'ass',\n  ssa: 'ssa',\n  ttml: 'ttml',\n  dfxp: 'ttml',\n};\n\nconst getFormat = (fileName: string): SubtitleFormat | undefined => {\n  const ext = fileName.split('.').pop()?.toLowerCase() || '';\n  return FORMAT_BY_EXT[ext];\n};\n\nexport const SubtitleRenderer: React.FC<SubtitleRendererProps> = ({ url, fileName }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [text, setText] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const controller = new AbortController();\n    const load = async () => {\n      try {\n        setLoading(true);\n        setError(null);\n        setText(await fetchTextUtf8(url, { fetcher, signal: controller.signal }));\n      } catch (err: any) {\n        if (err.name === 'AbortError') return;\n        console.warn('[SubtitleRenderer] Failed to load subtitle:', err instanceof Error ? err.message : String(err));\n        setError(t('subtitle.load_failed'));\n      } finally {\n        setLoading(false);\n      }\n    };\n    load();\n    return () => controller.abort();\n  }, [url]);\n\n  const parsed: SubtitleParseResult | null = useMemo(() => {\n    if (!text) return null;\n    try {\n      return parseSubtitle(text, getFormat(fileName));\n    } catch (err) {\n      // 字幕解析失败通常是格式不支持或文件损坏，用 warn 级别记录\n      console.warn('[SubtitleRenderer] Failed to parse subtitle:', err instanceof Error ? err.message : String(err));\n      return null;\n    }\n  }, [text, fileName]);\n\n  if (loading) {\n    return (\n      <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-bg-[#0f0f12]\">\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\n  if (error || !parsed) {\n    return <RendererError message={error || t('subtitle.parse_failed')} />;\n  }\n\n  const isLyric = parsed.format === 'lrc' || parsed.format === 'elrc';\n  const meta = parsed.metadata ?? {};\n  const dotHover = isLyric ? 'group-hover:rfp-bg-violet-400' : 'group-hover:rfp-bg-sky-400';\n\n  return (\n    <div className=\"rfp-relative rfp-w-full rfp-h-full rfp-bg-[#0f0f12]\">\n      {/* 内容滚动区 */}\n      <div className=\"rfp-w-full rfp-h-full rfp-overflow-auto rfp-px-4 rfp-pt-6 rfp-pb-16\">\n        <div className=\"rfp-relative\">\n          {/* vertical line */}\n          <div className=\"rfp-absolute rfp-left-[5px] rfp-top-2 rfp-bottom-2 rfp-w-px rfp-bg-surface-1\" />\n\n          <ol className=\"rfp-space-y-5\">\n            {parsed.cues.map((cue, i) => (\n              <li key={`cue-${i}`} className=\"rfp-relative rfp-pl-6 rfp-group\">\n                {/* dot */}\n                <div\n                  className={`rfp-absolute rfp-left-0 rfp-top-[0.4rem] rfp-w-3 rfp-h-3 rfp-rounded-full rfp-bg-surface-3 rfp-border-2 rfp-border-[#0f0f12] rfp-transition-colors ${dotHover}`}\n                />\n\n                <div className=\"rfp-flex rfp-flex-wrap rfp-items-baseline rfp-gap-x-3 rfp-gap-y-1 rfp-mb-1.5\">\n                  <span className=\"rfp-text-[11px] rfp-font-mono rfp-text-fg-muted rfp-tabular-nums\">\n                    {formatSubtitleTime(cue.start)}\n                  </span>\n                  <span className=\"rfp-text-[11px] rfp-text-fg-disabled\">→</span>\n                  <span className=\"rfp-text-[11px] rfp-font-mono rfp-text-fg-muted rfp-tabular-nums\">\n                    {formatSubtitleTime(cue.end)}\n                  </span>\n                  <span className=\"rfp-text-[10px] rfp-font-mono rfp-text-fg-disabled rfp-tabular-nums\">\n                    #{cue.id ?? i + 1}\n                  </span>\n                  {cue.style && (\n                    <span className=\"rfp-text-[9px] rfp-uppercase rfp-tracking-widest rfp-text-fg-tertiary rfp-px-1.5 rfp-py-0.5 rfp-rounded rfp-bg-surface-1 rfp-border rfp-border-line-weak\">\n                      {cue.style}\n                    </span>\n                  )}\n                </div>\n\n                {cue.words && cue.words.length > 0 ? (\n                  <div className=\"rfp-flex rfp-flex-wrap rfp-gap-x-1.5 rfp-gap-y-1 rfp-text-base rfp-text-fg-primary rfp-leading-relaxed group-hover:rfp-text-fg-primary rfp-transition-colors\">\n                    {cue.words.map((word, wi) => (\n                      <span\n                        key={`w-${wi}`}\n                        className=\"rfp-inline-flex rfp-flex-col rfp-items-start\"\n                        title={formatSubtitleTime(word.start)}\n                      >\n                        <span className=\"rfp-text-[9px] rfp-text-fg-disabled rfp-font-mono rfp-leading-none rfp-tabular-nums\">\n                          {formatSubtitleTime(word.start).slice(3, 8)}\n                        </span>\n                        <span className=\"rfp-leading-snug\">{word.text}</span>\n                      </span>\n                    ))}\n                  </div>\n                ) : (\n                  <p\n                    className={`rfp-whitespace-pre-wrap rfp-break-words rfp-leading-relaxed group-hover:rfp-text-fg-primary rfp-transition-colors rfp-text-fg-primary rfp-min-h-[1.25rem] ${\n                      isLyric ? 'rfp-text-base rfp-font-medium' : 'rfp-text-sm'\n                    }`}\n                  >\n                    {cue.text}\n                  </p>\n                )}\n              </li>\n            ))}\n          </ol>\n        </div>\n      </div>\n\n      {/* 底部状态栏 */}\n      <div className=\"rfp-pointer-events-none rfp-absolute rfp-bottom-3 rfp-right-3 rfp-flex rfp-items-center rfp-gap-2 rfp-px-2.5 rfp-py-1 rfp-rounded-full rfp-bg-surface-nav rfp-backdrop-blur rfp-border rfp-border-line-weak rfp-text-[10px] rfp-text-fg-tertiary rfp-font-mono rfp-tabular-nums\">\n        <span>{parsed.cues.length} {isLyric ? t('subtitle.lines') : t('subtitle.cues')}</span>\n        {meta.length && (\n          <>\n            <span className=\"rfp-text-fg-disabled\">·</span>\n            <span>{meta.length}</span>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["FORMAT_BY_EXT","getFormat","fileName","ext","_a","SubtitleRenderer","url","t","useTranslator","fetcher","useFetcher","text","setText","useState","loading","setLoading","error","setError","useEffect","controller","fetchTextUtf8","err","parsed","useMemo","parseSubtitle","jsx","RendererError","isLyric","meta","dotHover","jsxs","cue","i","formatSubtitleTime","word","wi","Fragment"],"mappings":"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"}

package/lib/chunks/index-Cbz5Z6ZK.mjs

@@ -1,263 +0,0 @@
-import { jsxs as E, jsx as l } from "react/jsx-runtime";
-import { forwardRef as dr, useRef as f, useState as x, useCallback as b, useImperativeHandle as mr, useEffect as q } from "react";
-import hr from "@likecoin/epub-ts";
-import { X as br } from "lucide-react";
-import { u as wr, a as gr } from "./index-CEeKt7L3.mjs";
-import { R as yr } from "./RendererError-D5i8eSpN.mjs";
-if (typeof document < "u" && !document.getElementById("rfp-epub-styles")) {
-  const u = document.createElement("style");
-  u.id = "rfp-epub-styles", u.textContent = `
-    .epub-container { overflow-y: auto !important; scrollbar-width: thin; }
-    .epub-container::-webkit-scrollbar { width: 8px; }
-    .epub-container::-webkit-scrollbar-track { background: transparent; }
-    .epub-container::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }
-    .epub-container::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }
-    .epub-view > iframe { background: white; }
-  `, document.head.appendChild(u);
-}
-const vr = 794, Er = dr(
-  ({ url: u, onChapterChange: M, onFullWidthChange: X }, sr) => {
-    const _ = wr(), cr = gr(), h = f(null), I = f(null), p = f(null), d = f(M), W = f(X);
-    d.current = M, W.current = X;
-    const k = f(0), w = f(null), G = f(!1), [ar, j] = x(!0), [A, O] = x(null), [U, fr] = x(!1), [B, V] = x([]), [S, T] = x(!1), [J, K] = x(""), Q = f([]);
-    Q.current = B, G.current = U;
-    const Y = b(() => {
-      var r;
-      (r = p.current) == null || r.prev();
-    }, []), Z = b(() => {
-      var r;
-      (r = p.current) == null || r.next();
-    }, []), g = f(null), z = f(0), D = f((r) => {
-      var i, s;
-      const e = g.current;
-      if (!e) return;
-      const t = e;
-      if (t.scrollTop + t.clientHeight >= t.scrollHeight - 200)
-        try {
-          const n = (i = p.current) == null ? void 0 : i.manager;
-          (s = n == null ? void 0 : n.check) == null || s.call(n, 500, 500);
-        } catch {
-        }
-    }), y = b(() => {
-      g.current && (g.current.removeEventListener("scroll", D.current), g.current = null), cancelAnimationFrame(z.current);
-      const r = () => {
-        var t;
-        const e = ((t = h.current) == null ? void 0 : t.querySelector(".epub-container")) ?? null;
-        if (!e) {
-          z.current = requestAnimationFrame(r);
-          return;
-        }
-        g.current = e, e.addEventListener("scroll", D.current, { passive: !0 });
-      };
-      z.current = requestAnimationFrame(r);
-    }, []), C = b(() => {
-      var e;
-      const r = !G.current;
-      fr(r), (e = W.current) == null || e.call(W, r), setTimeout(() => {
-        const t = h.current, o = p.current;
-        !t || !o || (o.resize(t.offsetWidth, t.offsetHeight), w.current && o.display(w.current), y());
-      }, 350);
-    }, [y]), rr = b(() => {
-      T((r) => !r);
-    }, []), lr = b((r) => {
-      var e;
-      K(r), (e = p.current) == null || e.display(r), T(!1);
-    }, []);
-    mr(sr, () => ({
-      prevPage: Y,
-      nextPage: Z,
-      toggleFullWidth: C,
-      toggleToc: rr
-    }), [Y, Z, C, rr]), q(() => {
-      const r = h.current;
-      if (!r || !u) return;
-      j(!0), O(null), V([]), T(!1), r.innerHTML = "", w.current = null, k.current = 0;
-      let e = !1;
-      const t = window.setTimeout(() => {
-        e || o();
-      }, 0), o = async () => {
-        var i;
-        try {
-          let s = u;
-          u.startsWith("blob:") && (s = await (await cr(u)).arrayBuffer());
-          const n = hr(s);
-          I.current = n;
-          const c = n.renderTo(r, {
-            manager: "continuous",
-            flow: "scrolled",
-            width: "100%",
-            height: "100%"
-          });
-          p.current = c, c.themes.register("default", {
-            body: {
-              background: "#ffffff !important",
-              color: "#1a1a1a !important",
-              "font-family": '"Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif !important',
-              "font-size": "16px !important",
-              "line-height": "2 !important",
-              padding: "40px 60px !important",
-              "max-width": "100% !important",
-              "box-sizing": "border-box !important",
-              "word-break": "break-word !important",
-              "overflow-wrap": "break-word !important"
-            },
-            p: { "text-indent": "2em !important", margin: "0.8em 0 !important" },
-            h1: { "text-align": "center !important", margin: "1.5em 0 1em !important" },
-            h2: { margin: "1.2em 0 0.8em !important" },
-            h3: { margin: "1em 0 0.6em !important" },
-            img: { "max-width": "100% !important", height: "auto !important" },
-            a: { color: "#2563eb !important", "text-decoration": "none !important" }
-          }), c.themes.select("default"), await n.ready, n.locations.generate(1024).then(() => {
-            var N, R, H;
-            if (e) return;
-            k.current = n.locations.length();
-            const m = (N = p.current) == null ? void 0 : N.currentLocation(), a = ((R = m == null ? void 0 : m.start) == null ? void 0 : R.location) ?? 0;
-            (H = d.current) == null || H.call(d, a + 1, k.current);
-          }).catch(() => {
-          });
-          const v = await n.loaded.navigation;
-          if (!e && Array.isArray(v == null ? void 0 : v.toc) && V(v.toc), await c.display(), e) return;
-          j(!1), (i = d.current) == null || i.call(d, 1, k.current || 1), c.on("relocated", (m) => {
-            var H, er, nr, or;
-            const a = m;
-            if ((H = a == null ? void 0 : a.start) != null && H.cfi && (w.current = a.start.cfi), (er = a == null ? void 0 : a.start) != null && er.href) {
-              const P = a.start.href, $ = [], ir = (pr) => {
-                for (const L of pr) {
-                  const F = L.href.split("#")[0];
-                  F && (P === F || P.endsWith("/" + F) || P.endsWith(F)) && $.push(L.href), L.subitems && ir(L.subitems);
-                }
-              };
-              ir(Q.current), $.length === 1 && K($[0]);
-            }
-            const N = (nr = a == null ? void 0 : a.start) == null ? void 0 : nr.location, R = k.current;
-            typeof N == "number" && R > 0 && ((or = d.current) == null || or.call(d, N + 1, R));
-          });
-        } catch (s) {
-          console.error("EPUB 加载错误:", s), e || (O(_("epub.load_failed")), j(!1));
-        }
-      };
-      return () => {
-        var i, s, n;
-        e = !0, window.clearTimeout(t);
-        try {
-          (s = (i = p.current) == null ? void 0 : i.destroy) == null || s.call(i);
-        } catch {
-        }
-        try {
-          (n = I.current) == null || n.destroy();
-        } catch {
-        }
-        p.current = null, I.current = null;
-      };
-    }, [u]), q(() => {
-      const r = h.current;
-      if (!r) return;
-      let e = !0, t = { width: 0, height: 0 }, o = null;
-      const i = () => {
-        const n = h.current, c = p.current;
-        if (!(!n || !c)) {
-          if (c.resize(n.offsetWidth, n.offsetHeight), w.current)
-            try {
-              c.display(w.current);
-            } catch {
-            }
-          y();
-        }
-      }, s = new ResizeObserver(() => {
-        const n = h.current;
-        if (!n) return;
-        if (e) {
-          e = !1, t = { width: n.offsetWidth, height: n.offsetHeight };
-          return;
-        }
-        const c = { width: n.offsetWidth, height: n.offsetHeight }, v = Math.abs(t.width - c.width), m = Math.abs(t.height - c.height);
-        v < 10 && m < 10 || (t = c, o !== null && clearTimeout(o), o = window.setTimeout(() => {
-          i();
-        }, 350));
-      });
-      return s.observe(r), () => {
-        s.disconnect(), o !== null && clearTimeout(o);
-      };
-    }, [y]), q(() => (y(), () => {
-      var r;
-      cancelAnimationFrame(z.current), (r = g.current) == null || r.removeEventListener("scroll", D.current);
-    }), [u, y]);
-    const ur = b((r) => r === J, [J]), tr = (r, e = 0) => /* @__PURE__ */ l("ul", { style: { marginLeft: e > 0 ? 16 : 0 }, children: r.map((t, o) => {
-      const i = ur(t.href);
-      return /* @__PURE__ */ E("li", { children: [
-        /* @__PURE__ */ l(
-          "button",
-          {
-            onClick: () => lr(t.href),
-            className: `rfp-w-full rfp-text-left rfp-py-2 rfp-px-3 rfp-text-sm rfp-rounded rfp-transition-all rfp-truncate ${i ? "rfp-text-fg-primary rfp-bg-surface-3 rfp-font-medium" : "rfp-text-fg-secondary hover:rfp-text-fg-primary hover:rfp-bg-surface-2"}`,
-            title: t.label,
-            children: t.label.trim()
-          }
-        ),
-        t.subitems && t.subitems.length > 0 && tr(t.subitems, e + 1)
-      ] }, `${t.href}-${o}`);
-    }) });
-    return /* @__PURE__ */ E("div", { className: "rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-justify-center rfp-bg-surface-1 rfp-overflow-hidden", children: [
-      A && /* @__PURE__ */ l(yr, { message: A }),
-      ar && !A && /* @__PURE__ */ l("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-z-10", children: /* @__PURE__ */ l("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" }) }),
-      B.length > 0 && /* @__PURE__ */ E(
-        "div",
-        {
-          className: "rfp-absolute rfp-inset-0 rfp-z-20 rfp-flex rfp-transition-opacity rfp-duration-300",
-          style: {
-            opacity: S ? 1 : 0,
-            pointerEvents: S ? "auto" : "none"
-          },
-          children: [
-            /* @__PURE__ */ E(
-              "div",
-              {
-                className: "rfp-w-72 rfp-max-w-[80%] rfp-h-full rfp-bg-surface-overlay rfp-backdrop-blur-xl rfp-border-r rfp-border-line-weak rfp-flex rfp-flex-col rfp-shadow-2xl rfp-transition-transform rfp-duration-300",
-                style: { transform: S ? "translateX(0)" : "translateX(-100%)" },
-                children: [
-                  /* @__PURE__ */ E("div", { className: "rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-3 rfp-border-b rfp-border-line-weak rfp-flex-shrink-0", children: [
-                    /* @__PURE__ */ l("span", { className: "rfp-text-fg-primary rfp-font-medium rfp-text-sm", children: _("toolbar.toc") }),
-                    /* @__PURE__ */ l(
-                      "button",
-                      {
-                        onClick: () => T(!1),
-                        className: "rfp-text-fg-tertiary hover:rfp-text-fg-primary rfp-transition-colors",
-                        children: /* @__PURE__ */ l(br, { className: "rfp-w-4 rfp-h-4" })
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ l("div", { className: "rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1", children: tr(B) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ l(
-              "div",
-              {
-                className: "rfp-flex-1 rfp-transition-opacity rfp-duration-300",
-                style: { background: S ? "rgba(0,0,0,0.3)" : "transparent" },
-                onClick: () => T(!1)
-              }
-            )
-          ]
-        }
-      ),
-      !A && /* @__PURE__ */ l(
-        "div",
-        {
-          ref: h,
-          className: "rfp-h-full rfp-bg-surface-toolbar rfp-shadow-lg",
-          style: {
-            width: U ? "100%" : `${vr}px`,
-            maxWidth: "100%",
-            transition: "width 0.3s ease",
-            overflow: "hidden"
-          }
-        }
-      )
-    ] });
-  }
-);
-export {
-  Er as EpubRenderer
-};
-//# sourceMappingURL=index-Cbz5Z6ZK.mjs.map