@eternalheart/react-file-preview 1.3.12 → 1.3.13

package/lib/index.mjs

@@ -1,4 +1,4 @@
-import { d as r, e as i, f as o, L as l, v as P, V as d, g as f, B as m, w as n, h as t, u as F } from "./chunks/index-BCbSb9Ob.mjs";
+import { d as r, e as i, f as o, L as l, v as P, V as d, g as f, B as m, w as n, h as t, u as F } from "./chunks/index-CWCNvV2X.mjs";
 import * as e from "pdfjs-dist/build/pdf.mjs";
 export {
   r as FilePreviewContent,

package/lib/renderers/Image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderers/Image/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGnE,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgZtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderers/Image/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGnE,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6ftD,CAAC"}

package/lib/renderers/Zip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderers/Zip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AASjD,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CACzD;AA4HD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsOlD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderers/Zip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AASjD,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CACzD;AA4HD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6OlD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eternalheart/react-file-preview",
-  "version": "1.3.12",
+  "version": "1.3.13",
   "description": "A modern, feature-rich file preview component for React with support for images, videos, audio, PDFs, Office documents (Word, Excel, PowerPoint), Markdown, and code files.",
   "type": "module",
   "main": "./lib/index.cjs",

package/lib/chunks/index-CeQf1qNC.mjs

@@ -1,301 +0,0 @@
-import { jsxs as j, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { useRef as Z, useState as o, useEffect as z, useCallback as F, useMemo as J, Suspense as Q, lazy as V } from "react";
-import { createPortal as K } from "react-dom";
-import { ChevronRight as ee, FolderOpen as re, Folder as te, FileImage as ne, FileText as fe, FileCode as se, File as le } from "lucide-react";
-import { R as ie } from "./RendererError-BH6fzLrN.mjs";
-import { u as pe, a as oe, c as H, R as ae, j as ce, D as de, A as ue, C as me, F as he } from "./index-BCbSb9Ob.mjs";
-const xe = ({
-  left: t,
-  right: l,
-  initialLeftWidth: w = 280,
-  minLeftWidth: v = 160,
-  maxLeftWidth: b = 640,
-  minRightWidth: d = 200,
-  storageKey: a,
-  desktopMedia: p = "(min-width: 768px)",
-  className: g = ""
-}) => {
-  const y = Z(null), [u, N] = o(() => {
-    if (a && typeof window < "u") {
-      const s = Number(window.localStorage.getItem(a));
-      if (!isNaN(s) && s > 0) return s;
-    }
-    return w;
-  }), [c, L] = o(!1), [m, n] = o(!1);
-  z(() => {
-    if (typeof window > "u") return;
-    const s = window.matchMedia(p), h = () => n(s.matches);
-    return h(), s.addEventListener("change", h), () => s.removeEventListener("change", h);
-  }, [p]), z(() => {
-    if (!c) return;
-    const s = (E) => {
-      if (!y.current) return;
-      const U = y.current.getBoundingClientRect(), x = E.clientX - U.left, S = U.width - d - 6, $ = Math.min(b, S), C = Math.max(v, Math.min($, x));
-      N(C);
-    }, h = () => L(!1);
-    window.addEventListener("mousemove", s), window.addEventListener("mouseup", h);
-    const R = document.body.style.cursor, M = document.body.style.userSelect;
-    return document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", () => {
-      window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", h), document.body.style.cursor = R, document.body.style.userSelect = M;
-    };
-  }, [c, v, b, d]), z(() => {
-    if (!(!a || c))
-      try {
-        window.localStorage.setItem(a, String(u));
-      } catch {
-      }
-  }, [u, a, c]);
-  const T = F((s) => {
-    s.preventDefault(), L(!0);
-  }, []);
-  return /* @__PURE__ */ j(
-    "div",
-    {
-      ref: y,
-      className: `rfp-w-full rfp-h-full rfp-flex rfp-flex-col md:rfp-flex-row rfp-min-h-0 rfp-min-w-0 ${g}`,
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "rfp-min-h-0 rfp-min-w-0 rfp-flex-shrink-0 rfp-w-full rfp-max-h-60 md:rfp-h-full md:rfp-max-h-none",
-            style: m ? { width: `${u}px` } : void 0,
-            children: t
-          }
-        ),
-        /* @__PURE__ */ e(
-          "div",
-          {
-            role: "separator",
-            "aria-orientation": "vertical",
-            onMouseDown: T,
-            className: `rfp-hidden md:rfp-block rfp-relative rfp-w-1.5 rfp-flex-shrink-0 rfp-cursor-col-resize rfp-transition-colors ${c ? "rfp-bg-surface-toolbar" : "rfp-bg-surface-2 hover:rfp-bg-surface-3"}`,
-            children: /* @__PURE__ */ e("span", { className: "rfp-absolute rfp-inset-y-0 -rfp-left-1 -rfp-right-1" })
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "rfp-flex-1 rfp-min-w-0 rfp-min-h-0 rfp-overflow-hidden", children: l })
-      ]
-    }
-  );
-}, we = V(
-  () => import("./index-BCbSb9Ob.mjs").then((t) => t.i).then((t) => ({ default: t.FilePreviewContent }))
-), ve = (t) => {
-  const l = he({ name: t, type: "" });
-  return l === "image" ? ne : l === "text" || l === "markdown" || l === "json" || l === "csv" || l === "xml" || l === "subtitle" ? t.endsWith(".md") || t.endsWith(".markdown") ? fe : se : le;
-}, _ = ({
-  node: t,
-  depth: l,
-  selectedPath: w,
-  expanded: v,
-  onToggle: b,
-  onSelect: d,
-  onHover: a,
-  onLeave: p
-}) => {
-  var L;
-  const g = v.has(t.path), y = w === t.path, u = { paddingLeft: `${l * 14 + 10}px` }, N = (m) => {
-    const n = m.currentTarget.getBoundingClientRect();
-    a(t.name || "/", n);
-  };
-  if (t.isDir)
-    return /* @__PURE__ */ j(O, { children: [
-      /* @__PURE__ */ j(
-        "button",
-        {
-          type: "button",
-          onClick: () => b(t.path),
-          onMouseEnter: N,
-          onMouseLeave: p,
-          className: "rfp-w-full rfp-flex rfp-items-center rfp-gap-1.5 rfp-py-1.5 rfp-pr-2 rfp-text-left rfp-text-fg-secondary hover:rfp-bg-surface-1 rfp-text-sm",
-          style: u,
-          children: [
-            /* @__PURE__ */ e(
-              ee,
-              {
-                className: `rfp-w-3.5 rfp-h-3.5 rfp-flex-shrink-0 rfp-transition-transform ${g ? "rfp-rotate-90" : ""}`
-              }
-            ),
-            g ? /* @__PURE__ */ e(re, { className: "rfp-w-4 rfp-h-4 rfp-flex-shrink-0 rfp-text-amber-300/80" }) : /* @__PURE__ */ e(te, { className: "rfp-w-4 rfp-h-4 rfp-flex-shrink-0 rfp-text-amber-300/80" }),
-            /* @__PURE__ */ e("span", { className: "rfp-truncate rfp-flex-1 rfp-min-w-0", children: t.name || "/" })
-          ]
-        }
-      ),
-      g && ((L = t.children) == null ? void 0 : L.map((m) => /* @__PURE__ */ e(
-        _,
-        {
-          node: m,
-          depth: l + 1,
-          selectedPath: w,
-          expanded: v,
-          onToggle: b,
-          onSelect: d,
-          onHover: a,
-          onLeave: p
-        },
-        m.path
-      )))
-    ] });
-  const c = ve(t.name);
-  return /* @__PURE__ */ j(
-    "button",
-    {
-      type: "button",
-      onClick: () => d(t),
-      onMouseEnter: N,
-      onMouseLeave: p,
-      className: `rfp-w-full rfp-flex rfp-items-center rfp-gap-1.5 rfp-py-1.5 rfp-pr-2 rfp-text-left rfp-text-sm ${y ? "rfp-bg-surface-2 rfp-text-fg-primary" : "rfp-text-fg-secondary hover:rfp-bg-surface-1"}`,
-      style: u,
-      children: [
-        /* @__PURE__ */ e("span", { className: "rfp-w-3.5 rfp-h-3.5 rfp-flex-shrink-0" }),
-        /* @__PURE__ */ e(c, { className: "rfp-w-4 rfp-h-4 rfp-flex-shrink-0 rfp-text-fg-tertiary" }),
-        /* @__PURE__ */ e("span", { className: "rfp-flex-1 rfp-truncate rfp-min-w-0", children: t.name }),
-        /* @__PURE__ */ e("span", { className: "rfp-text-xs rfp-text-fg-disabled rfp-flex-shrink-0 rfp-ml-2", children: me(t.size) })
-      ]
-    }
-  );
-}, ze = ({ url: t, nestingDepth: l = 0, onStatsChange: w }) => {
-  var W;
-  const v = pe(), b = oe(), [d, a] = o(null), [p, g] = o(null), [y, u] = o(!0), [N, c] = o(null), [L, m] = o(/* @__PURE__ */ new Set([""])), [n, T] = o(null), [s, h] = o(!1), [R, M] = o(null), [E, U] = o(null), x = Z(w);
-  z(() => {
-    x.current = w;
-  }, [w]), z(() => {
-    if (!t) return;
-    let r = !1;
-    return (async () => {
-      try {
-        u(!0), c(null);
-        const i = await b(t);
-        if (!i.ok) throw new Error("加载失败");
-        const D = await i.arrayBuffer(), k = await ce(D);
-        if (r) return;
-        const I = de(k), P = ue(I);
-        a(k), g(P);
-        const B = /* @__PURE__ */ new Set([""]);
-        if (P.children)
-          for (const A of P.children) A.isDir && B.add(A.path);
-        m(B);
-      } catch (i) {
-        console.error(i), r || c(v("zip.load_failed"));
-      } finally {
-        r || u(!1);
-      }
-    })(), () => {
-      r = !0;
-    };
-  }, [t]), z(() => () => {
-    n != null && n.blobUrl && URL.revokeObjectURL(n.blobUrl);
-  }, [n]);
-  const S = J(() => {
-    if (!p) return null;
-    let r = 0, f = 0, i = 0;
-    const D = (k) => {
-      var I;
-      k.isDir ? (k.path && f++, (I = k.children) == null || I.forEach(D)) : (r++, i += k.size);
-    };
-    return D(p), { files: r, dirs: f, size: i };
-  }, [p]);
-  z(() => {
-    var r;
-    return (r = x.current) == null || r.call(x, S), () => {
-      var f;
-      (f = x.current) == null || f.call(x, null);
-    };
-  }, [S]);
-  const $ = F((r) => {
-    m((f) => {
-      const i = new Set(f);
-      return i.has(r) ? i.delete(r) : i.add(r), i;
-    });
-  }, []), C = F((r, f) => {
-    U({
-      text: r,
-      x: f.right + 8,
-      y: f.top + f.height / 2
-    });
-  }, []), q = F(() => {
-    U(null);
-  }, []), X = F(
-    async (r) => {
-      if (!(!d || r.isDir)) {
-        n != null && n.blobUrl && URL.revokeObjectURL(n.blobUrl), h(!0), M(null);
-        try {
-          const f = H(r.name), i = await ae(d, r.path, f !== "application/octet-stream" ? f : void 0), D = URL.createObjectURL(i);
-          T({ path: r.path, name: r.name, size: r.size, blobUrl: D });
-        } catch (f) {
-          console.error(f), M("条目读取失败");
-        } finally {
-          h(!1);
-        }
-      }
-    },
-    [d, n]
-  );
-  if (y)
-    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-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) });
-  if (N || !p)
-    return /* @__PURE__ */ e(ie, { message: N || v("zip.parse_failed") });
-  const Y = /* @__PURE__ */ e("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto", children: (W = p.children) == null ? void 0 : W.map((r) => /* @__PURE__ */ e(
-    _,
-    {
-      node: r,
-      depth: 0,
-      selectedPath: (n == null ? void 0 : n.path) ?? null,
-      expanded: L,
-      onToggle: $,
-      onSelect: X,
-      onHover: C,
-      onLeave: q
-    },
-    r.path
-  )) }), G = /* @__PURE__ */ j("div", { className: "rfp-w-full rfp-h-full rfp-flex rfp-flex-col", children: [
-    !n && /* @__PURE__ */ e("div", { className: "rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center rfp-text-fg-muted rfp-text-sm rfp-p-6", children: "从左侧选择一个文件以预览" }),
-    n && s && /* @__PURE__ */ e("div", { className: "rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center", children: /* @__PURE__ */ e("div", { className: "rfp-w-8 rfp-h-8 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
-    n && !s && R && /* @__PURE__ */ e("div", { className: "rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center rfp-text-fg-secondary", children: R }),
-    n && !s && !R && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e("div", { className: "rfp-flex-1 rfp-min-h-0 rfp-overflow-hidden rfp-flex rfp-relative rfp-z-0", children: /* @__PURE__ */ e(
-      Q,
-      {
-        fallback: /* @__PURE__ */ e("div", { className: "rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center", children: /* @__PURE__ */ e("div", { className: "rfp-w-8 rfp-h-8 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
-        children: /* @__PURE__ */ e(
-          we,
-          {
-            mode: "embed",
-            files: [{ name: n.name, url: n.blobUrl, type: H(n.name) }],
-            currentIndex: 0,
-            zipNestingDepth: l + 1
-          }
-        )
-      }
-    ) }) })
-  ] });
-  return /* @__PURE__ */ j(O, { children: [
-    /* @__PURE__ */ e(
-      xe,
-      {
-        left: Y,
-        right: G,
-        initialLeftWidth: 280,
-        minLeftWidth: 180,
-        maxLeftWidth: 560,
-        storageKey: "rfp-zip-split-left"
-      }
-    ),
-    E && typeof document < "u" && K(
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: "rfp-fixed rfp-z-[9999] rfp-pointer-events-none rfp-px-2 rfp-py-1 rfp-bg-[rgba(0,0,0,0.85)] rfp-text-fg-primary rfp-text-xs rfp-rounded rfp-whitespace-nowrap rfp-shadow-lg",
-          style: {
-            left: `${E.x}px`,
-            top: `${E.y}px`,
-            transform: "translateY(-50%)"
-          },
-          children: E.text
-        }
-      ),
-      document.body
-    )
-  ] });
-};
-export {
-  ze as ZipRenderer
-};
-//# sourceMappingURL=index-CeQf1qNC.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-CeQf1qNC.mjs","sources":["../../src/components/ResizableSplit.tsx","../../src/renderers/Zip/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\n\nexport interface ResizableSplitProps {\n  /** 左侧内容 */\n  left: React.ReactNode;\n  /** 右侧内容 */\n  right: React.ReactNode;\n  /** 左侧初始宽度（px）；传入 storageKey 时会从 localStorage 读取 */\n  initialLeftWidth?: number;\n  /** 左侧最小宽度（px） */\n  minLeftWidth?: number;\n  /** 左侧最大宽度（px），同时不超过 `容器宽 - minRightWidth - 分隔线宽` */\n  maxLeftWidth?: number;\n  /** 右侧至少保留的宽度（px） */\n  minRightWidth?: number;\n  /** localStorage 持久化 key；不传则不持久化 */\n  storageKey?: string;\n  /** 启用横向拖动的媒体查询，默认 `(min-width: 768px)` */\n  desktopMedia?: string;\n  /** 容器额外类名 */\n  className?: string;\n}\n\n/**\n * 通用可拖动分隔布局：\n * - 桌面端（由 `desktopMedia` 判定）横向分两栏，中间分隔线可左右拖动调整左栏宽度\n * - 移动端退化为上下堆叠，不显示分隔线\n * - 可选 `storageKey` 将宽度持久化到 localStorage\n */\nexport const ResizableSplit: React.FC<ResizableSplitProps> = ({\n  left,\n  right,\n  initialLeftWidth = 280,\n  minLeftWidth = 160,\n  maxLeftWidth = 640,\n  minRightWidth = 200,\n  storageKey,\n  desktopMedia = '(min-width: 768px)',\n  className = '',\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [leftWidth, setLeftWidth] = useState<number>(() => {\n    if (storageKey && typeof window !== 'undefined') {\n      const saved = Number(window.localStorage.getItem(storageKey));\n      if (!isNaN(saved) && saved > 0) return saved;\n    }\n    return initialLeftWidth;\n  });\n  const [dragging, setDragging] = useState(false);\n  const [isDesktop, setIsDesktop] = useState(false);\n\n  // 响应式：监听媒体查询\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const mq = window.matchMedia(desktopMedia);\n    const handler = () => setIsDesktop(mq.matches);\n    handler();\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, [desktopMedia]);\n\n  // 拖动\n  useEffect(() => {\n    if (!dragging) return;\n    const handleMove = (e: MouseEvent) => {\n      if (!containerRef.current) return;\n      const rect = containerRef.current.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const cap = rect.width - minRightWidth - 6;\n      const effectiveMax = Math.min(maxLeftWidth, cap);\n      const newW = Math.max(minLeftWidth, Math.min(effectiveMax, x));\n      setLeftWidth(newW);\n    };\n    const handleUp = () => setDragging(false);\n    window.addEventListener('mousemove', handleMove);\n    window.addEventListener('mouseup', handleUp);\n    const prevCursor = document.body.style.cursor;\n    const prevSelect = document.body.style.userSelect;\n    document.body.style.cursor = 'col-resize';\n    document.body.style.userSelect = 'none';\n    return () => {\n      window.removeEventListener('mousemove', handleMove);\n      window.removeEventListener('mouseup', handleUp);\n      document.body.style.cursor = prevCursor;\n      document.body.style.userSelect = prevSelect;\n    };\n  }, [dragging, minLeftWidth, maxLeftWidth, minRightWidth]);\n\n  // 持久化\n  useEffect(() => {\n    if (!storageKey || dragging) return;\n    try {\n      window.localStorage.setItem(storageKey, String(leftWidth));\n    } catch {\n      // ignore\n    }\n  }, [leftWidth, storageKey, dragging]);\n\n  const handleDividerDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    setDragging(true);\n  }, []);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`rfp-w-full rfp-h-full rfp-flex rfp-flex-col md:rfp-flex-row rfp-min-h-0 rfp-min-w-0 ${className}`}\n    >\n      <div\n        className=\"rfp-min-h-0 rfp-min-w-0 rfp-flex-shrink-0 rfp-w-full rfp-max-h-60 md:rfp-h-full md:rfp-max-h-none\"\n        style={isDesktop ? { width: `${leftWidth}px` } : undefined}\n      >\n        {left}\n      </div>\n      {/* 分隔线：仅桌面显示 */}\n      <div\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        onMouseDown={handleDividerDown}\n        className={`rfp-hidden md:rfp-block rfp-relative rfp-w-1.5 rfp-flex-shrink-0 rfp-cursor-col-resize rfp-transition-colors ${\n          dragging ? 'rfp-bg-surface-toolbar' : 'rfp-bg-surface-2 hover:rfp-bg-surface-3'\n        }`}\n      >\n        {/* 加宽命中区，改善拖动体验 */}\n        <span className=\"rfp-absolute rfp-inset-y-0 -rfp-left-1 -rfp-right-1\" />\n      </div>\n      <div className=\"rfp-flex-1 rfp-min-w-0 rfp-min-h-0 rfp-overflow-hidden\">{right}</div>\n    </div>\n  );\n};\n","import { useState, useEffect, useMemo, useCallback, useRef, lazy, Suspense } from 'react';\nimport React from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  Folder,\n  FolderOpen,\n  FileText,\n  FileImage,\n  FileCode,\n  File as FileIcon,\n  ChevronRight,\n} from 'lucide-react';\nimport { RendererError } from '../RendererError';\nimport type JSZip from 'jszip';\nimport {\n  loadZip,\n  listZipEntries,\n  buildZipTree,\n  readZipEntryBlob,\n  formatFileSize,\n  getFileType,\n  inferMimeType,\n  type ZipTreeNode,\n} from '@eternalheart/file-preview-core';\nimport { ResizableSplit } from '../../components/ResizableSplit';\nimport type { ZipToolbarStats } from './toolbar';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\n\n// 懒加载 FilePreviewContent 以打破循环依赖\nconst LazyFilePreviewContent = lazy(() =>\n  import('../../FilePreviewContent').then(m => ({ default: m.FilePreviewContent }))\n);\n\ninterface ZipRendererProps {\n  url: string;\n  /** ZIP 嵌套深度（由 FilePreviewContent 传入） */\n  nestingDepth?: number;\n  /** 解析完成后向外回报统计信息（files / dirs / size），供工具栏展示 */\n  onStatsChange?: (stats: ZipToolbarStats | null) => void;\n}\n\ninterface SelectedPreview {\n  path: string;\n  name: string;\n  size: number;\n  blobUrl: string;\n}\n\n/** 根据文件类型返回树节点图标 */\nconst resolveIcon = (name: string) => {\n  const ft = getFileType({ id: '', name, url: '', type: '' });\n  if (ft === 'image') return FileImage;\n  if (ft === 'text' || ft === 'markdown' || ft === 'json' || ft === 'csv' || ft === 'xml' || ft === 'subtitle') {\n    return name.endsWith('.md') || name.endsWith('.markdown') ? FileText : FileCode;\n  }\n  return FileIcon;\n};\n\n// ---------- Tooltip via portal ----------\n\ninterface HoverTipState {\n  text: string;\n  x: number;\n  y: number;\n}\n\n// ---------- Tree item ----------\n\ninterface TreeItemProps {\n  node: ZipTreeNode;\n  depth: number;\n  selectedPath: string | null;\n  expanded: Set<string>;\n  onToggle: (path: string) => void;\n  onSelect: (node: ZipTreeNode) => void;\n  onHover: (text: string, rect: DOMRect) => void;\n  onLeave: () => void;\n}\n\nconst TreeItem: React.FC<TreeItemProps> = ({\n  node,\n  depth,\n  selectedPath,\n  expanded,\n  onToggle,\n  onSelect,\n  onHover,\n  onLeave,\n}) => {\n  const isOpen = expanded.has(node.path);\n  const isSelected = selectedPath === node.path;\n  const pad = { paddingLeft: `${depth * 14 + 10}px` };\n  const handleEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    onHover(node.name || '/', rect);\n  };\n\n  if (node.isDir) {\n    return (\n      <>\n        <button\n          type=\"button\"\n          onClick={() => onToggle(node.path)}\n          onMouseEnter={handleEnter}\n          onMouseLeave={onLeave}\n          className=\"rfp-w-full rfp-flex rfp-items-center rfp-gap-1.5 rfp-py-1.5 rfp-pr-2 rfp-text-left rfp-text-fg-secondary hover:rfp-bg-surface-1 rfp-text-sm\"\n          style={pad}\n        >\n          <ChevronRight\n            className={`rfp-w-3.5 rfp-h-3.5 rfp-flex-shrink-0 rfp-transition-transform ${\n              isOpen ? 'rfp-rotate-90' : ''\n            }`}\n          />\n          {isOpen ? (\n            <FolderOpen className=\"rfp-w-4 rfp-h-4 rfp-flex-shrink-0 rfp-text-amber-300/80\" />\n          ) : (\n            <Folder className=\"rfp-w-4 rfp-h-4 rfp-flex-shrink-0 rfp-text-amber-300/80\" />\n          )}\n          <span className=\"rfp-truncate rfp-flex-1 rfp-min-w-0\">{node.name || '/'}</span>\n        </button>\n        {isOpen &&\n          node.children?.map((child) => (\n            <TreeItem\n              key={child.path}\n              node={child}\n              depth={depth + 1}\n              selectedPath={selectedPath}\n              expanded={expanded}\n              onToggle={onToggle}\n              onSelect={onSelect}\n              onHover={onHover}\n              onLeave={onLeave}\n            />\n          ))}\n      </>\n    );\n  }\n\n  const Icon = resolveIcon(node.name);\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onSelect(node)}\n      onMouseEnter={handleEnter}\n      onMouseLeave={onLeave}\n      className={`rfp-w-full rfp-flex rfp-items-center rfp-gap-1.5 rfp-py-1.5 rfp-pr-2 rfp-text-left rfp-text-sm ${\n        isSelected ? 'rfp-bg-surface-2 rfp-text-fg-primary' : 'rfp-text-fg-secondary hover:rfp-bg-surface-1'\n      }`}\n      style={pad}\n    >\n      <span className=\"rfp-w-3.5 rfp-h-3.5 rfp-flex-shrink-0\" />\n      <Icon className=\"rfp-w-4 rfp-h-4 rfp-flex-shrink-0 rfp-text-fg-tertiary\" />\n      <span className=\"rfp-flex-1 rfp-truncate rfp-min-w-0\">{node.name}</span>\n      <span className=\"rfp-text-xs rfp-text-fg-disabled rfp-flex-shrink-0 rfp-ml-2\">\n        {formatFileSize(node.size)}\n      </span>\n    </button>\n  );\n};\n\n// ---------- Main Zip Renderer ----------\n\nexport const ZipRenderer: React.FC<ZipRendererProps> = ({ url, nestingDepth = 0, onStatsChange }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [zip, setZip] = useState<JSZip | null>(null);\n  const [tree, setTree] = useState<ZipTreeNode | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [expanded, setExpanded] = useState<Set<string>>(new Set(['']));\n  const [selected, setSelected] = useState<SelectedPreview | null>(null);\n  const [previewLoading, setPreviewLoading] = useState(false);\n  const [previewError, setPreviewError] = useState<string | null>(null);\n  const [hoverTip, setHoverTip] = useState<HoverTipState | null>(null);\n  const onStatsChangeRef = useRef(onStatsChange);\n\n  useEffect(() => {\n    onStatsChangeRef.current = onStatsChange;\n  }, [onStatsChange]);\n\n  useEffect(() => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (!url) return;\n\n    let cancelled = false;\n    const load = async () => {\n      try {\n        setLoading(true);\n        setError(null);\n        const res = await fetcher(url);\n        if (!res.ok) throw new Error('加载失败');\n        const buf = await res.arrayBuffer();\n        const z = await loadZip(buf);\n        if (cancelled) return;\n        const entries = listZipEntries(z);\n        const root = buildZipTree(entries);\n        setZip(z);\n        setTree(root);\n        const init = new Set<string>(['']);\n        if (root.children) {\n          for (const c of root.children) if (c.isDir) init.add(c.path);\n        }\n        setExpanded(init);\n      } catch (err) {\n        console.error(err);\n        if (!cancelled) setError(t('zip.load_failed'));\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    };\n    load();\n    return () => {\n      cancelled = true;\n    };\n  }, [url]);\n\n  // 切换文件时回收 blob URL\n  useEffect(() => {\n    return () => {\n      if (selected?.blobUrl) URL.revokeObjectURL(selected.blobUrl);\n    };\n  }, [selected]);\n\n  const totalStats = useMemo<ZipToolbarStats | null>(() => {\n    if (!tree) return null;\n    let files = 0;\n    let dirs = 0;\n    let size = 0;\n    const walk = (n: ZipTreeNode) => {\n      if (n.isDir) {\n        if (n.path) dirs++;\n        n.children?.forEach(walk);\n      } else {\n        files++;\n        size += n.size;\n      }\n    };\n    walk(tree);\n    return { files, dirs, size };\n  }, [tree]);\n\n  // 向外回报 stats\n  useEffect(() => {\n    onStatsChangeRef.current?.(totalStats);\n    return () => {\n      onStatsChangeRef.current?.(null);\n    };\n  }, [totalStats]);\n\n  const handleToggle = useCallback((path: string) => {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (next.has(path)) next.delete(path);\n      else next.add(path);\n      return next;\n    });\n  }, []);\n\n  const handleHover = useCallback((text: string, rect: DOMRect) => {\n    setHoverTip({\n      text,\n      x: rect.right + 8,\n      y: rect.top + rect.height / 2,\n    });\n  }, []);\n\n  const handleLeave = useCallback(() => {\n    setHoverTip(null);\n  }, []);\n\n  const handleSelect = useCallback(\n    async (node: ZipTreeNode) => {\n      if (!zip || node.isDir) return;\n      if (selected?.blobUrl) URL.revokeObjectURL(selected.blobUrl);\n      setPreviewLoading(true);\n      setPreviewError(null);\n\n      try {\n        const mime = inferMimeType(node.name);\n        const blob = await readZipEntryBlob(zip, node.path, mime !== 'application/octet-stream' ? mime : undefined);\n        const blobUrl = URL.createObjectURL(blob);\n        setSelected({ path: node.path, name: node.name, size: node.size, blobUrl });\n      } catch (err) {\n        console.error(err);\n        setPreviewError('条目读取失败');\n      } finally {\n        setPreviewLoading(false);\n      }\n    },\n    [zip, selected]\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-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 || !tree) {\n    return <RendererError message={error || t('zip.parse_failed')} />;\n  }\n\n  // 左侧：文件树\n  const leftPane = (\n    <div className=\"rfp-w-full rfp-h-full rfp-overflow-auto\">\n      {tree.children?.map((child) => (\n        <TreeItem\n          key={child.path}\n          node={child}\n          depth={0}\n          selectedPath={selected?.path ?? null}\n          expanded={expanded}\n          onToggle={handleToggle}\n          onSelect={handleSelect}\n          onHover={handleHover}\n          onLeave={handleLeave}\n        />\n      ))}\n    </div>\n  );\n\n  // 右侧：预览区\n  const rightPane = (\n    <div className=\"rfp-w-full rfp-h-full rfp-flex rfp-flex-col\">\n      {!selected && (\n        <div className=\"rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center rfp-text-fg-muted rfp-text-sm rfp-p-6\">\n          从左侧选择一个文件以预览\n        </div>\n      )}\n      {selected && previewLoading && (\n        <div className=\"rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center\">\n          <div className=\"rfp-w-8 rfp-h-8 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n        </div>\n      )}\n      {selected && !previewLoading && previewError && (\n        <div className=\"rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center rfp-text-fg-secondary\">\n          {previewError}\n        </div>\n      )}\n      {selected && !previewLoading && !previewError && (\n        <>\n          <div className=\"rfp-flex-1 rfp-min-h-0 rfp-overflow-hidden rfp-flex rfp-relative rfp-z-0\">\n            <Suspense\n              fallback={\n                <div className=\"rfp-flex-1 rfp-flex rfp-items-center rfp-justify-center\">\n                  <div className=\"rfp-w-8 rfp-h-8 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n                </div>\n              }\n            >\n              <LazyFilePreviewContent\n                mode=\"embed\"\n                files={[{ name: selected.name, url: selected.blobUrl, type: inferMimeType(selected.name) }]}\n                currentIndex={0}\n                zipNestingDepth={nestingDepth + 1}\n              />\n            </Suspense>\n          </div>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <>\n      <ResizableSplit\n        left={leftPane}\n        right={rightPane}\n        initialLeftWidth={280}\n        minLeftWidth={180}\n        maxLeftWidth={560}\n        storageKey=\"rfp-zip-split-left\"\n      />\n      {/* 文件名 hover tooltip（portal 到 body，避免被滚动区裁剪） */}\n      {hoverTip &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            className=\"rfp-fixed rfp-z-[9999] rfp-pointer-events-none rfp-px-2 rfp-py-1 rfp-bg-[rgba(0,0,0,0.85)] rfp-text-fg-primary rfp-text-xs rfp-rounded rfp-whitespace-nowrap rfp-shadow-lg\"\n            style={{\n              left: `${hoverTip.x}px`,\n              top: `${hoverTip.y}px`,\n              transform: 'translateY(-50%)',\n            }}\n          >\n            {hoverTip.text}\n          </div>,\n          document.body\n        )}\n    </>\n  );\n};\n"],"names":["ResizableSplit","left","right","initialLeftWidth","minLeftWidth","maxLeftWidth","minRightWidth","storageKey","desktopMedia","className","containerRef","useRef","leftWidth","setLeftWidth","useState","saved","dragging","setDragging","isDesktop","setIsDesktop","useEffect","mq","handler","handleMove","e","rect","cap","effectiveMax","newW","handleUp","prevCursor","prevSelect","handleDividerDown","useCallback","jsxs","jsx","LazyFilePreviewContent","lazy","n","m","resolveIcon","name","ft","getFileType","FileImage","FileText","FileCode","FileIcon","TreeItem","node","depth","selectedPath","expanded","onToggle","onSelect","onHover","onLeave","isOpen","isSelected","pad","handleEnter","Fragment","ChevronRight","FolderOpen","Folder","_a","child","Icon","formatFileSize","ZipRenderer","url","nestingDepth","onStatsChange","t","useTranslator","fetcher","useFetcher","zip","setZip","tree","setTree","loading","setLoading","error","setError","setExpanded","selected","setSelected","previewLoading","setPreviewLoading","previewError","setPreviewError","hoverTip","setHoverTip","onStatsChangeRef","cancelled","res","buf","z","loadZip","entries","listZipEntries","root","buildZipTree","init","c","err","totalStats","useMemo","files","dirs","size","walk","handleToggle","path","prev","next","handleHover","text","handleLeave","handleSelect","mime","inferMimeType","blob","readZipEntryBlob","blobUrl","RendererError","leftPane","rightPane","Suspense","createPortal"],"mappings":"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"}

package/lib/chunks/index-fhiaa9rv.mjs

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