@eternalheart/react-file-preview 1.3.7 → 1.3.9

package/lib/chunks/{index-BOEtlHD3.mjs → index-CgV8T0G5.mjs}

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useState as D, useEffect as X } from "react";
-import J from "@kenjiuno/msgreader";
-import { User as O, Users as E, Calendar as W, Clock as q, Tag as U, Mail as Q, Paperclip as V, Hash as Y } from "lucide-react";
-import { u as Z } from "./index-LNXbKjrI.mjs";
+import { useState as D, useEffect as J } from "react";
+import O from "@kenjiuno/msgreader";
+import { User as Q, Users as E, Calendar as q, Clock as U, Tag as G, Mail as V, Paperclip as Y, Hash as Z } from "lucide-react";
+import { u as ee, a as te } from "./index-Bv93wiEK.mjs";
 function P(l, d) {
   return l ? l.filter((o) => o.recipType === d).map((o) => {
-    const p = o.name || "", y = o.smtpAddress || o.email || "";
-    return p && y && p !== y ? `${p} <${y}>` : p || y;
+    const f = o.name || "", p = o.smtpAddress || o.email || "";
+    return f && p && f !== p ? `${f} <${p}>` : f || p;
   }).filter(Boolean).join("; ") : "";
 }
 function S(l) {
@@ -18,7 +18,7 @@ function S(l) {
     return l;
   }
 }
-function ee(l, d) {
+function le(l, d) {
   if (l.bodyHtml)
     return l.bodyHtml;
   if (l.html)
@@ -28,7 +28,7 @@ function ee(l, d) {
     }
   return l.body ? `<pre style="white-space: pre-wrap; word-wrap: break-word; font-family: system-ui, sans-serif;">${l.body.replace(/&/g, "&amp;").replace(/\x3c/g, "&lt;").replace(/>/g, "&gt;")}</pre>` : `<p style="color: #999;">${d}</p>`;
 }
-function te(l) {
+function se(l) {
   return l ? {
     "IPM.Note": "Email",
     "IPM.Note.SMIME": "Encrypted Email",
@@ -64,28 +64,28 @@ const n = {
   color: "#111827",
   wordBreak: "break-word",
   flex: 1
-}, ce = ({ url: l }) => {
-  const d = Z(), [o, p] = D(!0), [y, H] = D(null), [s, B] = D(null);
-  if (X(() => {
+}, oe = ({ url: l }) => {
+  const d = ee(), o = te(), [f, p] = D(!0), [H, B] = D(null), [s, R] = D(null);
+  if (J(() => {
     (async () => {
-      p(!0), H(null), B(null);
+      p(!0), B(null), R(null);
       try {
-        const m = await fetch(l);
+        const m = await o(l);
         if (!m.ok)
           throw new Error("文件加载失败");
-        const k = await m.arrayBuffer(), M = new J(k).getFileData();
-        B(M);
+        const k = await m.arrayBuffer(), M = new O(k).getFileData();
+        R(M);
       } catch (m) {
-        console.error("MSG 解析错误:", m), H(d("msg.parse_failed"));
+        console.error("MSG 解析错误:", m), B(d("msg.parse_failed"));
       } finally {
         p(!1);
       }
     })();
-  }, [l]), o)
+  }, [l]), f)
     return /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) });
-  if (y || !s)
-    return /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-fg-secondary rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: y || d("msg.parse_failed_short") }) }) });
-  const R = P(s.recipients, "to"), C = P(s.recipients, "cc"), L = P(s.recipients, "bcc"), u = s.senderName || "", v = s.senderSmtpAddress || s.senderEmail || "", $ = u && v && u !== v ? `${u} <${v}>` : u || v, x = S(s.clientSubmitTime), g = S(s.messageDeliveryTime), j = S(s.creationTime), b = S(s.lastModificationTime), G = s.subject || "（无主题）", z = (s.attachments || []).filter((h) => !h.attachmentHidden), K = ee(s, d("msg.empty_body")), T = te(s.messageClass), F = s.messageId || "", w = s, I = typeof w.importance == "number" ? w.importance : void 0, A = I === 2 ? "High" : I === 0 ? "Low" : "", N = typeof w.sensitivity == "number" ? w.sensitivity : void 0, _ = N !== void 0 && N !== 0 && {
+  if (H || !s)
+    return /* @__PURE__ */ e("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ e("div", { className: "rfp-text-fg-secondary rfp-text-center", children: /* @__PURE__ */ e("p", { className: "rfp-text-lg", children: H || d("msg.parse_failed_short") }) }) });
+  const C = P(s.recipients, "to"), L = P(s.recipients, "cc"), $ = P(s.recipients, "bcc"), g = s.senderName || "", v = s.senderSmtpAddress || s.senderEmail || "", F = g && v && g !== v ? `${g} <${v}>` : g || v, x = S(s.clientSubmitTime), u = S(s.messageDeliveryTime), j = S(s.creationTime), b = S(s.lastModificationTime), K = s.subject || "（无主题）", z = (s.attachments || []).filter((h) => !h.attachmentHidden), X = le(s, d("msg.empty_body")), T = se(s.messageClass), A = s.messageId || "", w = s, I = typeof w.importance == "number" ? w.importance : void 0, _ = I === 2 ? "High" : I === 0 ? "Low" : "", N = typeof w.sensitivity == "number" ? w.sensitivity : void 0, W = N !== void 0 && N !== 0 && {
     0: "Normal",
     1: "Personal",
     2: "Private",
@@ -106,88 +106,88 @@ const n = {
           },
           children: [
             /* @__PURE__ */ t("div", { style: { borderBottom: "1px solid #e5e7eb", padding: "clamp(12px, 3vw, 24px) clamp(16px, 3vw, 28px)", background: "#f9fafb" }, children: [
-              /* @__PURE__ */ e("h2", { style: { margin: "0 0 16px 0", fontSize: "clamp(16px, 2.5vw, 20px)", fontWeight: 600, color: "#111827", lineHeight: 1.4 }, children: G }),
+              /* @__PURE__ */ e("h2", { style: { margin: "0 0 16px 0", fontSize: "clamp(16px, 2.5vw, 20px)", fontWeight: 600, color: "#111827", lineHeight: 1.4 }, children: K }),
               /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", fontSize: "clamp(12px, 1.8vw, 14px)", color: "#4b5563" }, children: [
-                $ && /* @__PURE__ */ t("div", { style: i, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(O, { size: 16, style: a }) }),
+                F && /* @__PURE__ */ t("div", { style: i, children: [
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(Q, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "From" }),
-                    /* @__PURE__ */ e("span", { style: c, children: $ })
+                    /* @__PURE__ */ e("span", { style: c, children: F })
                   ] })
                 ] }),
-                R && /* @__PURE__ */ t("div", { style: i, children: [
+                C && /* @__PURE__ */ t("div", { style: i, children: [
                   /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(E, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "To" }),
-                    /* @__PURE__ */ e("span", { style: c, children: R })
+                    /* @__PURE__ */ e("span", { style: c, children: C })
                   ] })
                 ] }),
-                C && /* @__PURE__ */ t("div", { style: i, children: [
+                L && /* @__PURE__ */ t("div", { style: i, children: [
                   /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(E, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Cc" }),
-                    /* @__PURE__ */ e("span", { style: c, children: C })
+                    /* @__PURE__ */ e("span", { style: c, children: L })
                   ] })
                 ] }),
-                L && /* @__PURE__ */ t("div", { style: i, children: [
+                $ && /* @__PURE__ */ t("div", { style: i, children: [
                   /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(E, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Bcc" }),
-                    /* @__PURE__ */ e("span", { style: c, children: L })
+                    /* @__PURE__ */ e("span", { style: c, children: $ })
                   ] })
                 ] }),
                 x && /* @__PURE__ */ t("div", { style: i, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(W, { size: 16, style: a }) }),
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(q, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Sent" }),
                     /* @__PURE__ */ e("span", { style: c, children: x })
                   ] })
                 ] }),
-                g && g !== x && /* @__PURE__ */ t("div", { style: i, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(q, { size: 16, style: a }) }),
+                u && u !== x && /* @__PURE__ */ t("div", { style: i, children: [
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(U, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Received" }),
-                    /* @__PURE__ */ e("span", { style: c, children: g })
+                    /* @__PURE__ */ e("span", { style: c, children: u })
                   ] })
                 ] }),
-                !x && !g && j && /* @__PURE__ */ t("div", { style: i, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(W, { size: 16, style: a }) }),
+                !x && !u && j && /* @__PURE__ */ t("div", { style: i, children: [
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(q, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Date" }),
                     /* @__PURE__ */ e("span", { style: c, children: j })
                   ] })
                 ] }),
-                A && /* @__PURE__ */ t("div", { style: i, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(U, { size: 16, style: a }) }),
+                _ && /* @__PURE__ */ t("div", { style: i, children: [
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(G, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Importance" }),
                     /* @__PURE__ */ e("span", { style: {
                       ...c,
                       color: I === 2 ? "#dc2626" : "#2563eb",
                       fontWeight: 500
-                    }, children: A })
+                    }, children: _ })
                   ] })
                 ] }),
-                _ && /* @__PURE__ */ t("div", { style: i, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(U, { size: 16, style: a }) }),
+                W && /* @__PURE__ */ t("div", { style: i, children: [
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(G, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Sensitivity" }),
-                    /* @__PURE__ */ e("span", { style: c, children: _ })
+                    /* @__PURE__ */ e("span", { style: c, children: W })
                   ] })
                 ] }),
                 T && T !== "Email" && /* @__PURE__ */ t("div", { style: i, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(Q, { size: 16, style: a }) }),
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(V, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Type" }),
                     /* @__PURE__ */ e("span", { style: c, children: T })
                   ] })
                 ] }),
                 z.length > 0 && /* @__PURE__ */ t("div", { style: { ...i, borderTop: "1px solid #e5e7eb", marginTop: "4px", paddingTop: "10px" }, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(V, { size: 16, style: a }) }),
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(Y, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Attachments" }),
                     /* @__PURE__ */ e("div", { style: { ...c, display: "flex", flexWrap: "wrap", gap: "6px" }, children: z.map((h, m) => {
-                      const k = h.fileName || h.name || "未知文件", f = h.contentLength, M = f ? f > 1048576 ? `${(f / 1048576).toFixed(1)} MB` : f > 1024 ? `${(f / 1024).toFixed(0)} KB` : `${f} B` : "";
+                      const k = h.fileName || h.name || "未知文件", y = h.contentLength, M = y ? y > 1048576 ? `${(y / 1048576).toFixed(1)} MB` : y > 1024 ? `${(y / 1024).toFixed(0)} KB` : `${y} B` : "";
                       return /* @__PURE__ */ t(
                         "span",
                         {
@@ -216,15 +216,15 @@ const n = {
                     }) })
                   ] })
                 ] }),
-                F && /* @__PURE__ */ t("div", { style: { ...i, borderTop: z.length > 0 ? "none" : "1px solid #e5e7eb", marginTop: "4px", paddingTop: "10px" }, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(Y, { size: 16, style: a }) }),
+                A && /* @__PURE__ */ t("div", { style: { ...i, borderTop: z.length > 0 ? "none" : "1px solid #e5e7eb", marginTop: "4px", paddingTop: "10px" }, children: [
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(Z, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Message-ID" }),
-                    /* @__PURE__ */ e("span", { style: { ...c, fontSize: "12px", color: "#9ca3af", fontFamily: "monospace" }, children: F })
+                    /* @__PURE__ */ e("span", { style: { ...c, fontSize: "12px", color: "#9ca3af", fontFamily: "monospace" }, children: A })
                   ] })
                 ] }),
-                b && b !== x && b !== g && /* @__PURE__ */ t("div", { style: i, children: [
-                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(q, { size: 16, style: a }) }),
+                b && b !== x && b !== u && /* @__PURE__ */ t("div", { style: i, children: [
+                  /* @__PURE__ */ e("span", { style: r, children: /* @__PURE__ */ e(U, { size: 16, style: a }) }),
                   /* @__PURE__ */ t("div", { style: { display: "flex", flex: 1 }, children: [
                     /* @__PURE__ */ e("span", { style: n, children: "Modified" }),
                     /* @__PURE__ */ e("span", { style: { ...c, fontSize: "12px", color: "#9ca3af" }, children: b })
@@ -242,7 +242,7 @@ const n = {
                   color: "#333",
                   overflowX: "auto"
                 },
-                dangerouslySetInnerHTML: { __html: K }
+                dangerouslySetInnerHTML: { __html: X }
               }
             )
           ]
@@ -252,6 +252,6 @@ const n = {
   );
 };
 export {
-  ce as MsgRenderer
+  oe as MsgRenderer
 };
-//# sourceMappingURL=index-BOEtlHD3.mjs.map
+//# sourceMappingURL=index-CgV8T0G5.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CgV8T0G5.mjs","sources":["../../src/renderers/Msg/index.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport MsgReader from '@kenjiuno/msgreader';\nimport type { FieldsData } from '@kenjiuno/msgreader';\nimport { User, Users, Paperclip, Calendar, Mail, Tag, Clock, Hash } from 'lucide-react';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\n\ninterface MsgRendererProps {\n  url: string;\n}\n\nfunction formatRecipients(recipients: FieldsData[] | undefined, type: 'to' | 'cc' | 'bcc'): string {\n  if (!recipients) return '';\n  return recipients\n    .filter((r) => r.recipType === type)\n    .map((r) => {\n      const name = r.name || '';\n      const email = r.smtpAddress || r.email || '';\n      if (name && email && name !== email) {\n        return `${name} <${email}>`;\n      }\n      return name || email;\n    })\n    .filter(Boolean)\n    .join('; ');\n}\n\nfunction formatDate(dateStr: string | undefined): string {\n  if (!dateStr) return '';\n  try {\n    const date = new Date(dateStr);\n    if (isNaN(date.getTime())) return dateStr;\n    return date.toLocaleString();\n  } catch {\n    return dateStr;\n  }\n}\n\nfunction decodeHtmlBody(fields: FieldsData, emptyBodyText: string): string {\n  // 优先使用 bodyHtml (string 类型)\n  if (fields.bodyHtml) {\n    return fields.bodyHtml;\n  }\n  // 其次尝试 html (Uint8Array 类型)\n  if (fields.html) {\n    try {\n      const decoder = new TextDecoder('utf-8');\n      return decoder.decode(fields.html);\n    } catch {\n      // fallback\n    }\n  }\n  // 最后使用纯文本，转换为简单 HTML\n  if (fields.body) {\n    return `<pre style=\"white-space: pre-wrap; word-wrap: break-word; font-family: system-ui, sans-serif;\">${fields.body.replace(/&/g, '&amp;').replace(/\\x3c/g, '&lt;').replace(/>/g, '&gt;')\n      }</pre>`;\n  }\n  return `<p style=\"color: #999;\">${emptyBodyText}</p>`;\n}\n\nfunction formatMessageClass(messageClass: string | undefined): string {\n  if (!messageClass) return '';\n  const classMap: Record<string, string> = {\n    'IPM.Note': 'Email',\n    'IPM.Note.SMIME': 'Encrypted Email',\n    'IPM.Note.SMIME.MultipartSigned': 'Signed Email',\n    'IPM.Appointment': 'Appointment',\n    'IPM.Schedule.Meeting.Request': 'Meeting Request',\n    'IPM.Schedule.Meeting.Canceled': 'Meeting Cancellation',\n    'IPM.Contact': 'Contact',\n    'IPM.Task': 'Task',\n    'IPM.StickyNote': 'Sticky Note',\n  };\n  return classMap[messageClass] || messageClass;\n}\n\nconst labelStyle: React.CSSProperties = {\n  flexShrink: 0,\n  color: '#6b7280',\n  fontWeight: 500,\n  marginRight: '8px',\n  whiteSpace: 'nowrap',\n};\n\nconst rowStyle: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: '8px',\n  padding: '6px 0',\n};\n\nconst iconWrapStyle: React.CSSProperties = {\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  height: '1.4em',\n};\n\nconst iconStyle: React.CSSProperties = {\n  flexShrink: 0,\n  color: '#9ca3af',\n};\n\nconst valueStyle: React.CSSProperties = {\n  color: '#111827',\n  wordBreak: 'break-word' as const,\n  flex: 1,\n};\n\nexport const MsgRenderer: React.FC<MsgRendererProps> = ({ url }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [fields, setFields] = useState<FieldsData | null>(null);\n\n  useEffect(() => {\n    const loadMsg = async () => {\n      setLoading(true);\n      setError(null);\n      setFields(null);\n\n      try {\n        const response = await fetcher(url);\n        if (!response.ok) {\n          throw new Error('文件加载失败');\n        }\n\n        const arrayBuffer = await response.arrayBuffer();\n        const msgReader = new MsgReader(arrayBuffer);\n        const fileData = msgReader.getFileData();\n        setFields(fileData);\n      } catch (err) {\n        console.error('MSG 解析错误:', err);\n        setError(t('msg.parse_failed'));\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    loadMsg();\n  }, [url]);\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 || !fields) {\n    return (\n      <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full\">\n        <div className=\"rfp-text-fg-secondary rfp-text-center\">\n          <p className=\"rfp-text-lg\">{error || t('msg.parse_failed_short')}</p>\n        </div>\n      </div>\n    );\n  }\n\n  const toStr = formatRecipients(fields.recipients, 'to');\n  const ccStr = formatRecipients(fields.recipients, 'cc');\n  const bccStr = formatRecipients(fields.recipients, 'bcc');\n  const senderName = fields.senderName || '';\n  const senderEmail = fields.senderSmtpAddress || fields.senderEmail || '';\n  const sender = senderName && senderEmail && senderName !== senderEmail\n    ? `${senderName} <${senderEmail}>`\n    : senderName || senderEmail;\n  const sentDate = formatDate(fields.clientSubmitTime);\n  const receivedDate = formatDate(fields.messageDeliveryTime);\n  const createdDate = formatDate(fields.creationTime);\n  const lastModified = formatDate(fields.lastModificationTime);\n  const subject = fields.subject || '（无主题）';\n  const attachments = (fields.attachments || []).filter((a) => !a.attachmentHidden);\n  const bodyHtml = decodeHtmlBody(fields, t('msg.empty_body'));\n  const messageClass = formatMessageClass(fields.messageClass);\n  const messageId = fields.messageId || '';\n  const fieldsAny = fields as FieldsData & Record<string, unknown>;\n  const importance = typeof fieldsAny.importance === 'number' ? fieldsAny.importance : undefined;\n  const importanceLabel = importance === 2 ? 'High' : importance === 0 ? 'Low' : '';\n  const sensitivity = typeof fieldsAny.sensitivity === 'number' ? fieldsAny.sensitivity : undefined;\n  const sensitivityLabels: Record<number, string> = {\n    0: 'Normal',\n    1: 'Personal',\n    2: 'Private',\n    3: 'Confidential',\n  };\n  const sensitivityLabel = sensitivity !== undefined && sensitivity !== 0 ? sensitivityLabels[sensitivity] || '' : '';\n\n  return (\n    <div\n      className=\"rfp-w-full rfp-h-full rfp-overflow-auto\"\n      style={{ background: 'white' }}\n    >\n      <div\n        style={{\n          width: '100%',\n          background: 'white',\n          minHeight: '100%',\n        }}\n      >\n        {/* 邮件头部 */}\n        <div style={{ borderBottom: '1px solid #e5e7eb', padding: 'clamp(12px, 3vw, 24px) clamp(16px, 3vw, 28px)', background: '#f9fafb' }}>\n          {/* 主题 */}\n          <h2 style={{ margin: '0 0 16px 0', fontSize: 'clamp(16px, 2.5vw, 20px)', fontWeight: 600, color: '#111827', lineHeight: 1.4 }}>\n            {subject}\n          </h2>\n\n          {/* 元信息 */}\n          <div style={{ display: 'flex', flexDirection: 'column', fontSize: 'clamp(12px, 1.8vw, 14px)', color: '#4b5563' }}>\n            {sender && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><User size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>From</span>\n                  <span style={valueStyle}>{sender}</span>\n                </div>\n              </div>\n            )}\n\n            {toStr && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Users size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>To</span>\n                  <span style={valueStyle}>{toStr}</span>\n                </div>\n              </div>\n            )}\n\n            {ccStr && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Users size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Cc</span>\n                  <span style={valueStyle}>{ccStr}</span>\n                </div>\n              </div>\n            )}\n\n            {bccStr && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Users size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Bcc</span>\n                  <span style={valueStyle}>{bccStr}</span>\n                </div>\n              </div>\n            )}\n\n            {sentDate && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Calendar size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Sent</span>\n                  <span style={valueStyle}>{sentDate}</span>\n                </div>\n              </div>\n            )}\n\n            {receivedDate && receivedDate !== sentDate && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Clock size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Received</span>\n                  <span style={valueStyle}>{receivedDate}</span>\n                </div>\n              </div>\n            )}\n\n            {!sentDate && !receivedDate && createdDate && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Calendar size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Date</span>\n                  <span style={valueStyle}>{createdDate}</span>\n                </div>\n              </div>\n            )}\n\n            {importanceLabel && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Tag size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Importance</span>\n                  <span style={{\n                    ...valueStyle,\n                    color: importance === 2 ? '#dc2626' : '#2563eb',\n                    fontWeight: 500,\n                  }}>\n                    {importanceLabel}\n                  </span>\n                </div>\n              </div>\n            )}\n\n            {sensitivityLabel && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Tag size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Sensitivity</span>\n                  <span style={valueStyle}>{sensitivityLabel}</span>\n                </div>\n              </div>\n            )}\n\n            {messageClass && messageClass !== 'Email' && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Mail size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Type</span>\n                  <span style={valueStyle}>{messageClass}</span>\n                </div>\n              </div>\n            )}\n\n            {attachments.length > 0 && (\n              <div style={{ ...rowStyle, borderTop: '1px solid #e5e7eb', marginTop: '4px', paddingTop: '10px' }}>\n                <span style={iconWrapStyle}><Paperclip size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Attachments</span>\n                  <div style={{ ...valueStyle, display: 'flex', flexWrap: 'wrap', gap: '6px' }}>\n                    {attachments.map((a, i) => {\n                      const name = a.fileName || a.name || '未知文件';\n                      const size = a.contentLength;\n                      const sizeStr = size\n                        ? size > 1048576\n                          ? `${(size / 1048576).toFixed(1)} MB`\n                          : size > 1024\n                            ? `${(size / 1024).toFixed(0)} KB`\n                            : `${size} B`\n                        : '';\n                      return (\n                        <span\n                          key={i}\n                          style={{\n                            display: 'inline-flex',\n                            alignItems: 'center',\n                            gap: '4px',\n                            padding: '2px 8px',\n                            background: '#f3f4f6',\n                            borderRadius: '4px',\n                            fontSize: '13px',\n                            color: '#374151',\n                            border: '1px solid #e5e7eb',\n                          }}\n                        >\n                          {name}\n                          {sizeStr && (\n                            <span style={{ color: '#9ca3af', fontSize: '12px' }}>({sizeStr})</span>\n                          )}\n                        </span>\n                      );\n                    })}\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {messageId && (\n              <div style={{ ...rowStyle, borderTop: attachments.length > 0 ? 'none' : '1px solid #e5e7eb', marginTop: '4px', paddingTop: '10px' }}>\n                <span style={iconWrapStyle}><Hash size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Message-ID</span>\n                  <span style={{ ...valueStyle, fontSize: '12px', color: '#9ca3af', fontFamily: 'monospace' }}>{messageId}</span>\n                </div>\n              </div>\n            )}\n\n            {lastModified && lastModified !== sentDate && lastModified !== receivedDate && (\n              <div style={rowStyle}>\n                <span style={iconWrapStyle}><Clock size={16} style={iconStyle} /></span>\n                <div style={{ display: 'flex', flex: 1 }}>\n                  <span style={labelStyle}>Modified</span>\n                  <span style={{ ...valueStyle, fontSize: '12px', color: '#9ca3af' }}>{lastModified}</span>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* 邮件正文 */}\n        <div\n          style={{\n            padding: 'clamp(12px, 3vw, 24px) clamp(16px, 3vw, 28px)',\n            fontFamily: 'system-ui, -apple-system, sans-serif',\n            lineHeight: '1.6',\n            color: '#333',\n            overflowX: 'auto',\n          }}\n          dangerouslySetInnerHTML={{ __html: bodyHtml }}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["formatRecipients","recipients","type","r","name","email","formatDate","dateStr","date","decodeHtmlBody","fields","emptyBodyText","formatMessageClass","messageClass","labelStyle","rowStyle","iconWrapStyle","iconStyle","valueStyle","MsgRenderer","url","t","useTranslator","fetcher","useFetcher","loading","setLoading","useState","error","setError","setFields","useEffect","response","arrayBuffer","fileData","MsgReader","err","jsx","toStr","ccStr","bccStr","senderName","senderEmail","sender","sentDate","receivedDate","createdDate","lastModified","subject","attachments","a","bodyHtml","messageId","fieldsAny","importance","importanceLabel","sensitivity","sensitivityLabel","jsxs","User","Users","Calendar","Clock","Tag","Mail","Paperclip","i","size","sizeStr","Hash"],"mappings":";;;;;AAWA,SAASA,EAAiBC,GAAsCC,GAAmC;AACjG,SAAKD,IACEA,EACJ,OAAO,CAACE,MAAMA,EAAE,cAAcD,CAAI,EAClC,IAAI,CAACC,MAAM;AACV,UAAMC,IAAOD,EAAE,QAAQ,IACjBE,IAAQF,EAAE,eAAeA,EAAE,SAAS;AAC1C,WAAIC,KAAQC,KAASD,MAASC,IACrB,GAAGD,CAAI,KAAKC,CAAK,MAEnBD,KAAQC;AAAA,EACjB,CAAC,EACA,OAAO,OAAO,EACd,KAAK,IAAI,IAZY;AAa1B;AAEA,SAASC,EAAWC,GAAqC;AACvD,MAAI,CAACA,EAAS,QAAO;AACrB,MAAI;AACF,UAAMC,IAAO,IAAI,KAAKD,CAAO;AAC7B,WAAI,MAAMC,EAAK,QAAA,CAAS,IAAUD,IAC3BC,EAAK,eAAA;AAAA,EACd,QAAQ;AACN,WAAOD;AAAA,EACT;AACF;AAEA,SAASE,GAAeC,GAAoBC,GAA+B;AAEzE,MAAID,EAAO;AACT,WAAOA,EAAO;AAGhB,MAAIA,EAAO;AACT,QAAI;AAEF,aADgB,IAAI,YAAY,OAAO,EACxB,OAAOA,EAAO,IAAI;AAAA,IACnC,QAAQ;AAAA,IAER;AAGF,SAAIA,EAAO,OACF,kGAAkGA,EAAO,KAAK,QAAQ,MAAM,OAAO,EAAE,QAAQ,SAAS,MAAM,EAAE,QAAQ,MAAM,MAAM,CACvL,WAEG,2BAA2BC,CAAa;AACjD;AAEA,SAASC,GAAmBC,GAA0C;AACpE,SAAKA,IACoC;AAAA,IACvC,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,kCAAkC;AAAA,IAClC,mBAAmB;AAAA,IACnB,gCAAgC;AAAA,IAChC,iCAAiC;AAAA,IACjC,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,kBAAkB;AAAA,EAAA,EAEJA,CAAY,KAAKA,IAZP;AAa5B;AAEA,MAAMC,IAAkC;AAAA,EACtC,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd,GAEMC,IAAgC;AAAA,EACpC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,SAAS;AACX,GAEMC,IAAqC;AAAA,EACzC,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AACV,GAEMC,IAAiC;AAAA,EACrC,YAAY;AAAA,EACZ,OAAO;AACT,GAEMC,IAAkC;AAAA,EACtC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,GAEaC,KAA0C,CAAC,EAAE,KAAAC,QAAU;AAClE,QAAMC,IAAIC,GAAA,GACJC,IAAUC,GAAA,GACV,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI,GACrC,CAACC,GAAOC,CAAQ,IAAIF,EAAwB,IAAI,GAChD,CAACjB,GAAQoB,CAAS,IAAIH,EAA4B,IAAI;AA6B5D,MA3BAI,EAAU,MAAM;AAwBd,KAvBgB,YAAY;AAC1B,MAAAL,EAAW,EAAI,GACfG,EAAS,IAAI,GACbC,EAAU,IAAI;AAEd,UAAI;AACF,cAAME,IAAW,MAAMT,EAAQH,CAAG;AAClC,YAAI,CAACY,EAAS;AACZ,gBAAM,IAAI,MAAM,QAAQ;AAG1B,cAAMC,IAAc,MAAMD,EAAS,YAAA,GAE7BE,IADY,IAAIC,EAAUF,CAAW,EAChB,YAAA;AAC3B,QAAAH,EAAUI,CAAQ;AAAA,MACpB,SAASE,GAAK;AACZ,gBAAQ,MAAM,aAAaA,CAAG,GAC9BP,EAASR,EAAE,kBAAkB,CAAC;AAAA,MAChC,UAAA;AACE,QAAAK,EAAW,EAAK;AAAA,MAClB;AAAA,IACF,GAEA;AAAA,EACF,GAAG,CAACN,CAAG,CAAC,GAEJK;AACF,WACE,gBAAAY,EAAC,SAAI,WAAU,sEACb,4BAAC,OAAA,EAAI,WAAU,qHAAoH,EAAA,CACrI;AAIJ,MAAIT,KAAS,CAAClB;AACZ,6BACG,OAAA,EAAI,WAAU,sEACb,UAAA,gBAAA2B,EAAC,SAAI,WAAU,yCACb,UAAA,gBAAAA,EAAC,KAAA,EAAE,WAAU,eAAe,UAAAT,KAASP,EAAE,wBAAwB,GAAE,GACnE,EAAA,CACF;AAIJ,QAAMiB,IAAQtC,EAAiBU,EAAO,YAAY,IAAI,GAChD6B,IAAQvC,EAAiBU,EAAO,YAAY,IAAI,GAChD8B,IAASxC,EAAiBU,EAAO,YAAY,KAAK,GAClD+B,IAAa/B,EAAO,cAAc,IAClCgC,IAAchC,EAAO,qBAAqBA,EAAO,eAAe,IAChEiC,IAASF,KAAcC,KAAeD,MAAeC,IACvD,GAAGD,CAAU,KAAKC,CAAW,MAC7BD,KAAcC,GACZE,IAAWtC,EAAWI,EAAO,gBAAgB,GAC7CmC,IAAevC,EAAWI,EAAO,mBAAmB,GACpDoC,IAAcxC,EAAWI,EAAO,YAAY,GAC5CqC,IAAezC,EAAWI,EAAO,oBAAoB,GACrDsC,IAAUtC,EAAO,WAAW,SAC5BuC,KAAevC,EAAO,eAAe,CAAA,GAAI,OAAO,CAACwC,MAAM,CAACA,EAAE,gBAAgB,GAC1EC,IAAW1C,GAAeC,GAAQW,EAAE,gBAAgB,CAAC,GACrDR,IAAeD,GAAmBF,EAAO,YAAY,GACrD0C,IAAY1C,EAAO,aAAa,IAChC2C,IAAY3C,GACZ4C,IAAa,OAAOD,EAAU,cAAe,WAAWA,EAAU,aAAa,QAC/EE,IAAkBD,MAAe,IAAI,SAASA,MAAe,IAAI,QAAQ,IACzEE,IAAc,OAAOH,EAAU,eAAgB,WAAWA,EAAU,cAAc,QAOlFI,IAAmBD,MAAgB,UAAaA,MAAgB,KANpB;AAAA,IAChD,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,EAEuFA,CAAW,KAAK;AAE5G,SACE,gBAAAnB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,YAAY,QAAA;AAAA,MAErB,UAAA,gBAAAqB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,WAAW;AAAA,UAAA;AAAA,UAIb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,OAAO,EAAE,cAAc,qBAAqB,SAAS,iDAAiD,YAAY,UAAA,GAErH,UAAA;AAAA,cAAA,gBAAArB,EAAC,MAAA,EAAG,OAAO,EAAE,QAAQ,cAAc,UAAU,4BAA4B,YAAY,KAAK,OAAO,WAAW,YAAY,OACrH,UAAAW,GACH;AAAA,cAGA,gBAAAU,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,UAAU,4BAA4B,OAAO,UAAA,GAClG,UAAA;AAAA,gBAAAf,KACC,gBAAAe,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACsB,KAAK,MAAM,IAAI,OAAO1C,EAAA,CAAW,EAAA,CAAE;AAAA,kBAChE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,QAAI;AAAA,oBAC7B,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAAyB,EAAA,CAAO;AAAA,kBAAA,EAAA,CACnC;AAAA,gBAAA,GACF;AAAA,gBAGDL,KACC,gBAAAoB,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACuB,KAAM,MAAM,IAAI,OAAO3C,EAAA,CAAW,EAAA,CAAE;AAAA,kBACjE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,MAAE;AAAA,oBAC3B,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAAoB,EAAA,CAAM;AAAA,kBAAA,EAAA,CAClC;AAAA,gBAAA,GACF;AAAA,gBAGDC,KACC,gBAAAmB,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACuB,KAAM,MAAM,IAAI,OAAO3C,EAAA,CAAW,EAAA,CAAE;AAAA,kBACjE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,MAAE;AAAA,oBAC3B,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAAqB,EAAA,CAAM;AAAA,kBAAA,EAAA,CAClC;AAAA,gBAAA,GACF;AAAA,gBAGDC,KACC,gBAAAkB,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACuB,KAAM,MAAM,IAAI,OAAO3C,EAAA,CAAW,EAAA,CAAE;AAAA,kBACjE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,OAAG;AAAA,oBAC5B,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAAsB,EAAA,CAAO;AAAA,kBAAA,EAAA,CACnC;AAAA,gBAAA,GACF;AAAA,gBAGDI,KACC,gBAAAc,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACwB,KAAS,MAAM,IAAI,OAAO5C,EAAA,CAAW,EAAA,CAAE;AAAA,kBACpE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,QAAI;AAAA,oBAC7B,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAA0B,EAAA,CAAS;AAAA,kBAAA,EAAA,CACrC;AAAA,gBAAA,GACF;AAAA,gBAGDC,KAAgBA,MAAiBD,KAChC,gBAAAc,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACyB,KAAM,MAAM,IAAI,OAAO7C,EAAA,CAAW,EAAA,CAAE;AAAA,kBACjE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,YAAQ;AAAA,oBACjC,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAA2B,EAAA,CAAa;AAAA,kBAAA,EAAA,CACzC;AAAA,gBAAA,GACF;AAAA,gBAGD,CAACD,KAAY,CAACC,KAAgBC,KAC7B,gBAAAY,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACwB,KAAS,MAAM,IAAI,OAAO5C,EAAA,CAAW,EAAA,CAAE;AAAA,kBACpE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,QAAI;AAAA,oBAC7B,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAA4B,EAAA,CAAY;AAAA,kBAAA,EAAA,CACxC;AAAA,gBAAA,GACF;AAAA,gBAGDS,KACC,gBAAAG,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAAC0B,KAAI,MAAM,IAAI,OAAO9C,EAAA,CAAW,EAAA,CAAE;AAAA,kBAC/D,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,cAAU;AAAA,oBACnC,gBAAAuB,EAAC,UAAK,OAAO;AAAA,sBACX,GAAGnB;AAAA,sBACH,OAAOoC,MAAe,IAAI,YAAY;AAAA,sBACtC,YAAY;AAAA,oBAAA,GAEX,UAAAC,EAAA,CACH;AAAA,kBAAA,EAAA,CACF;AAAA,gBAAA,GACF;AAAA,gBAGDE,KACC,gBAAAC,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAAC0B,KAAI,MAAM,IAAI,OAAO9C,EAAA,CAAW,EAAA,CAAE;AAAA,kBAC/D,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,eAAW;AAAA,oBACpC,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAAuC,EAAA,CAAiB;AAAA,kBAAA,EAAA,CAC7C;AAAA,gBAAA,GACF;AAAA,gBAGD5C,KAAgBA,MAAiB,WAChC,gBAAA6C,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAAC2B,KAAK,MAAM,IAAI,OAAO/C,EAAA,CAAW,EAAA,CAAE;AAAA,kBAChE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,QAAI;AAAA,oBAC7B,gBAAAuB,EAAC,QAAA,EAAK,OAAOnB,GAAa,UAAAL,EAAA,CAAa;AAAA,kBAAA,EAAA,CACzC;AAAA,gBAAA,GACF;AAAA,gBAGDoC,EAAY,SAAS,KACpB,gBAAAS,EAAC,SAAI,OAAO,EAAE,GAAG3C,GAAU,WAAW,qBAAqB,WAAW,OAAO,YAAY,UACvF,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAAC4B,KAAU,MAAM,IAAI,OAAOhD,EAAA,CAAW,EAAA,CAAE;AAAA,kBACrE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,eAAW;AAAA,sCACnC,OAAA,EAAI,OAAO,EAAE,GAAGI,GAAY,SAAS,QAAQ,UAAU,QAAQ,KAAK,MAAA,GAClE,YAAY,IAAI,CAACgC,GAAGgB,MAAM;AACzB,4BAAM9D,IAAO8C,EAAE,YAAYA,EAAE,QAAQ,QAC/BiB,IAAOjB,EAAE,eACTkB,IAAUD,IACZA,IAAO,UACL,IAAIA,IAAO,SAAS,QAAQ,CAAC,CAAC,QAC9BA,IAAO,OACL,IAAIA,IAAO,MAAM,QAAQ,CAAC,CAAC,QAC3B,GAAGA,CAAI,OACX;AACJ,6BACE,gBAAAT;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BAEC,OAAO;AAAA,4BACL,SAAS;AAAA,4BACT,YAAY;AAAA,4BACZ,KAAK;AAAA,4BACL,SAAS;AAAA,4BACT,YAAY;AAAA,4BACZ,cAAc;AAAA,4BACd,UAAU;AAAA,4BACV,OAAO;AAAA,4BACP,QAAQ;AAAA,0BAAA;AAAA,0BAGT,UAAA;AAAA,4BAAAtD;AAAA,4BACAgE,uBACE,QAAA,EAAK,OAAO,EAAE,OAAO,WAAW,UAAU,OAAA,GAAU,UAAA;AAAA,8BAAA;AAAA,8BAAEA;AAAA,8BAAQ;AAAA,4BAAA,EAAA,CAAC;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAf7DF;AAAA,sBAAA;AAAA,oBAmBX,CAAC,EAAA,CACH;AAAA,kBAAA,EAAA,CACF;AAAA,gBAAA,GACF;AAAA,gBAGDd,KACC,gBAAAM,EAAC,OAAA,EAAI,OAAO,EAAE,GAAG3C,GAAU,WAAWkC,EAAY,SAAS,IAAI,SAAS,qBAAqB,WAAW,OAAO,YAAY,UACzH,UAAA;AAAA,kBAAA,gBAAAZ,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACgC,KAAK,MAAM,IAAI,OAAOpD,EAAA,CAAW,EAAA,CAAE;AAAA,kBAChE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,cAAU;AAAA,oBACnC,gBAAAuB,EAAC,QAAA,EAAK,OAAO,EAAE,GAAGnB,GAAY,UAAU,QAAQ,OAAO,WAAW,YAAY,YAAA,GAAgB,UAAAkC,EAAA,CAAU;AAAA,kBAAA,EAAA,CAC1G;AAAA,gBAAA,GACF;AAAA,gBAGDL,KAAgBA,MAAiBH,KAAYG,MAAiBF,KAC7D,gBAAAa,EAAC,OAAA,EAAI,OAAO3C,GACV,UAAA;AAAA,kBAAA,gBAAAsB,EAAC,QAAA,EAAK,OAAOrB,GAAe,UAAA,gBAAAqB,EAACyB,KAAM,MAAM,IAAI,OAAO7C,EAAA,CAAW,EAAA,CAAE;AAAA,kBACjE,gBAAAyC,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAArB,EAAC,QAAA,EAAK,OAAOvB,GAAY,UAAA,YAAQ;AAAA,oBACjC,gBAAAuB,EAAC,QAAA,EAAK,OAAO,EAAE,GAAGnB,GAAY,UAAU,QAAQ,OAAO,aAAc,UAAA6B,EAAA,CAAa;AAAA,kBAAA,EAAA,CACpF;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA,EAAA,CAEJ;AAAA,YAAA,GACF;AAAA,YAGA,gBAAAV;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,YAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,WAAW;AAAA,gBAAA;AAAA,gBAEb,yBAAyB,EAAE,QAAQc,EAAA;AAAA,cAAS;AAAA,YAAA;AAAA,UAC9C;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/lib/chunks/{index-DinKO2op.mjs → index-D8GtNeDn.mjs}

@@ -1,7 +1,7 @@
 import { jsxs as U, jsx as m } from "react/jsx-runtime";
 import { useState as a, useRef as W, useEffect as M, useCallback as b } from "react";
 import { motion as S } from "framer-motion";
-import { u as V } from "./index-LNXbKjrI.mjs";
+import { u as V } from "./index-Bv93wiEK.mjs";
 const et = ({
   url: j,
   zoom: B,
@@ -113,4 +113,4 @@ const et = ({
 export {
   et as ImageRenderer
 };
-//# sourceMappingURL=index-DinKO2op.mjs.map
+//# sourceMappingURL=index-D8GtNeDn.mjs.map

package/lib/chunks/{index-DinKO2op.mjs.map → index-D8GtNeDn.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DinKO2op.mjs","sources":["../../src/renderers/Image/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { motion } from 'framer-motion';\nimport { useTranslator } from '../../i18n/LocaleContext';\n\ninterface ImageRendererProps {\n  url: string;\n  zoom: number;\n  rotation: number;\n  resetKey?: number;\n  fileSize?: number;\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  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 [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\n  useEffect(() => {\n    setLoaded(false);\n    setError(null);\n    setPosition({ x: 0, y: 0 });\n    setInternalZoom(1);\n  }, [url]);\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  // 使用原生事件 + 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  const handleMouseDown = useCallback((e: React.MouseEvent) => {\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 (!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    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' }}\n    >\n      {!loaded && !error && (\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        <div className=\"rfp-text-fg-secondary rfp-text-center\">\n          <p className=\"rfp-text-lg\">{error}</p>\n        </div>\n      )}\n\n      <motion.img\n        ref={imgRef}\n        src={url}\n        alt=\"Preview\"\n        className={`rfp-max-w-none rfp-select-none ${!loaded ? '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 ? 1 : 0 }}\n        transition={{ duration: 0.3 }}\n        draggable={false}\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    </div>\n  );\n};\n"],"names":["ImageRenderer","url","zoom","rotation","resetKey","fileSize","onZoomChange","onNaturalWidthChange","onNaturalHeightChange","t","useTranslator","loaded","setLoaded","useState","error","setError","position","setPosition","isDragging","setIsDragging","dragStart","setDragStart","internalZoom","setInternalZoom","naturalSize","setNaturalSize","imgRef","useRef","containerRef","useEffect","handleLoad","e","img","clampPosition","useCallback","pos","currentZoom","container","containerW","containerH","imgW","imgH","margin","rangeX","rangeY","handleError","handleDoubleClick","handleWheelNative","rect","mouseX","mouseY","delta","prev","newZoom","scale","handleMouseDown","handleMouseMove","handleMouseUp","jsxs","jsx","motion"],"mappings":"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"}
+{"version":3,"file":"index-D8GtNeDn.mjs","sources":["../../src/renderers/Image/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { motion } from 'framer-motion';\nimport { useTranslator } from '../../i18n/LocaleContext';\n\ninterface ImageRendererProps {\n  url: string;\n  zoom: number;\n  rotation: number;\n  resetKey?: number;\n  fileSize?: number;\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  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 [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\n  useEffect(() => {\n    setLoaded(false);\n    setError(null);\n    setPosition({ x: 0, y: 0 });\n    setInternalZoom(1);\n  }, [url]);\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  // 使用原生事件 + 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  const handleMouseDown = useCallback((e: React.MouseEvent) => {\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 (!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    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' }}\n    >\n      {!loaded && !error && (\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        <div className=\"rfp-text-fg-secondary rfp-text-center\">\n          <p className=\"rfp-text-lg\">{error}</p>\n        </div>\n      )}\n\n      <motion.img\n        ref={imgRef}\n        src={url}\n        alt=\"Preview\"\n        className={`rfp-max-w-none rfp-select-none ${!loaded ? '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 ? 1 : 0 }}\n        transition={{ duration: 0.3 }}\n        draggable={false}\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    </div>\n  );\n};\n"],"names":["ImageRenderer","url","zoom","rotation","resetKey","fileSize","onZoomChange","onNaturalWidthChange","onNaturalHeightChange","t","useTranslator","loaded","setLoaded","useState","error","setError","position","setPosition","isDragging","setIsDragging","dragStart","setDragStart","internalZoom","setInternalZoom","naturalSize","setNaturalSize","imgRef","useRef","containerRef","useEffect","handleLoad","e","img","clampPosition","useCallback","pos","currentZoom","container","containerW","containerH","imgW","imgH","margin","rangeX","rangeY","handleError","handleDoubleClick","handleWheelNative","rect","mouseX","mouseY","delta","prev","newZoom","scale","handleMouseDown","handleMouseMove","handleMouseUp","jsxs","jsx","motion"],"mappings":"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"}

package/lib/chunks/{index-CQABwGVP.mjs → index-DGuiWJr7.mjs}

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as t, Fragment as y } from "react/jsx-runtime";
-import { useState as c, useEffect as w, useMemo as k } from "react";
-import { u as j, b as T, x as n, h as _ } from "./index-LNXbKjrI.mjs";
-const $ = {
+import { jsx as r, jsxs as t, Fragment as w } from "react/jsx-runtime";
+import { useState as c, useEffect as k, useMemo as _ } from "react";
+import { u as j, a as F, _ as T, y as n, b as $ } from "./index-Bv93wiEK.mjs";
+const E = {
   srt: "srt",
   vtt: "vtt",
   lrc: "lrc",
@@ -10,16 +10,16 @@ const $ = {
   ssa: "ssa",
   ttml: "ttml",
   dfxp: "ttml"
-}, E = (s) => {
+}, L = (s) => {
   var p;
   const a = ((p = s.split(".").pop()) == null ? void 0 : p.toLowerCase()) || "";
-  return $[a];
-}, R = ({ url: s, fileName: a }) => {
-  const p = j(), [o, b] = c(""), [h, m] = c(!0), [x, u] = c(null);
-  w(() => {
+  return E[a];
+}, A = ({ url: s, fileName: a }) => {
+  const p = j(), b = F(), [o, h] = c(""), [v, m] = c(!0), [x, u] = c(null);
+  k(() => {
     (async () => {
       try {
-        m(!0), u(null), b(await _(s));
+        m(!0), u(null), h(await $(s, { fetcher: b }));
       } catch (l) {
         console.error(l), u(p("subtitle.load_failed"));
       } finally {
@@ -27,19 +27,19 @@ const $ = {
       }
     })();
   }, [s]);
-  const f = k(() => {
+  const f = _(() => {
     if (!o) return null;
     try {
-      return T(o, E(a));
+      return T(o, L(a));
     } catch (e) {
       return console.error(e), null;
     }
   }, [o, a]);
-  if (h)
+  if (v)
     return /* @__PURE__ */ r("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-bg-[#0f0f12]", children: /* @__PURE__ */ r("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 (x || !f)
     return /* @__PURE__ */ r("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-bg-[#0f0f12]", children: /* @__PURE__ */ r("div", { className: "rfp-text-fg-secondary rfp-text-center", children: /* @__PURE__ */ r("p", { className: "rfp-text-lg", children: x || p("subtitle.parse_failed") }) }) });
-  const i = f.format === "lrc" || f.format === "elrc", g = f.metadata ?? {}, v = i ? "group-hover:rfp-bg-violet-400" : "group-hover:rfp-bg-sky-400";
+  const i = f.format === "lrc" || f.format === "elrc", g = f.metadata ?? {}, y = i ? "group-hover:rfp-bg-violet-400" : "group-hover:rfp-bg-sky-400";
   return /* @__PURE__ */ t("div", { className: "rfp-relative rfp-w-full rfp-h-full rfp-bg-[#0f0f12]", children: [
     /* @__PURE__ */ r("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-px-6 md:rfp-px-10 rfp-pt-6 rfp-pb-16 md:rfp-pb-20", children: /* @__PURE__ */ t("div", { className: "rfp-relative rfp-max-w-5xl rfp-mx-auto", children: [
       /* @__PURE__ */ r("div", { className: "rfp-absolute rfp-left-[5px] md:rfp-left-[7px] rfp-top-2 rfp-bottom-2 rfp-w-px rfp-bg-surface-1" }),
@@ -47,7 +47,7 @@ const $ = {
         /* @__PURE__ */ r(
           "div",
           {
-            className: `rfp-absolute rfp-left-0 rfp-top-2 rfp-w-3 rfp-h-3 rfp-rounded-full rfp-bg-surface-3 rfp-border-2 rfp-border-[#0f0f12] rfp-transition-colors ${v}`
+            className: `rfp-absolute rfp-left-0 rfp-top-2 rfp-w-3 rfp-h-3 rfp-rounded-full rfp-bg-surface-3 rfp-border-2 rfp-border-[#0f0f12] rfp-transition-colors ${y}`
           }
         ),
         /* @__PURE__ */ t("div", { className: "rfp-flex rfp-flex-wrap rfp-items-baseline rfp-gap-x-3 rfp-gap-y-1 rfp-mb-1.5", children: [
@@ -86,7 +86,7 @@ const $ = {
         " ",
         p(i ? "subtitle.lines" : "subtitle.cues")
       ] }),
-      g.length && /* @__PURE__ */ t(y, { children: [
+      g.length && /* @__PURE__ */ t(w, { children: [
         /* @__PURE__ */ r("span", { className: "rfp-text-fg-disabled", children: "·" }),
         /* @__PURE__ */ r("span", { children: g.length })
       ] })
@@ -94,6 +94,6 @@ const $ = {
   ] });
 };
 export {
-  R as SubtitleRenderer
+  A as SubtitleRenderer
 };
-//# sourceMappingURL=index-CQABwGVP.mjs.map
+//# sourceMappingURL=index-DGuiWJr7.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DGuiWJr7.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';\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 load = async () => {\n      try {\n        setLoading(true);\n        setError(null);\n        setText(await fetchTextUtf8(url, { fetcher }));\n      } catch (err) {\n        console.error(err);\n        setError(t('subtitle.load_failed'));\n      } finally {\n        setLoading(false);\n      }\n    };\n    load();\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      console.error(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 (\n      <div className=\"rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-bg-[#0f0f12]\">\n        <div className=\"rfp-text-fg-secondary rfp-text-center\">\n          <p className=\"rfp-text-lg\">{error || t('subtitle.parse_failed')}</p>\n        </div>\n      </div>\n    );\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-6 md:rfp-px-10 rfp-pt-6 rfp-pb-16 md:rfp-pb-20\">\n        <div className=\"rfp-relative rfp-max-w-5xl rfp-mx-auto\">\n          {/* vertical line */}\n          <div className=\"rfp-absolute rfp-left-[5px] md:rfp-left-[7px] rfp-top-2 rfp-bottom-2 rfp-w-px rfp-bg-surface-1\" />\n\n          <ol className=\"rfp-space-y-5 md:rfp-space-y-6\">\n            {parsed.cues.map((cue, i) => (\n              <li key={`cue-${i}`} className=\"rfp-relative rfp-pl-6 md:rfp-pl-8 rfp-group\">\n                {/* dot */}\n                <div\n                  className={`rfp-absolute rfp-left-0 rfp-top-2 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 md:rfp-text-lg 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 ${\n                      isLyric ? 'rfp-text-base md:rfp-text-xl rfp-font-medium' : 'rfp-text-sm md:rfp-text-base'\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 md:rfp-bottom-4 md:rfp-right-4 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","fetchTextUtf8","err","parsed","useMemo","parseSubtitle","jsx","isLyric","meta","dotHover","jsxs","cue","i","formatSubtitleTime","word","wi","Fragment"],"mappings":"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"}