@mxmweb/fviewer 1.5.4 → 1.5.5

package/index.js

@@ -1,5 +1,5 @@
-import n, { useRef as H, useState as P, useCallback as A, useEffect as te, forwardRef as ve, createElement as Ee } from "react";
-import G from "styled-components";
+import n, { useRef as O, useState as z, useCallback as $, useEffect as te, forwardRef as ve, createElement as Ee } from "react";
+import J from "styled-components";
 import { Markdownit as we, DataType as ye } from "@mxmweb/rtext";
 import * as re from "pdfjs-dist";
 const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, ke = ({
@@ -8,62 +8,62 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
   isAnnotating: o,
   annotations: u = [],
   onAnnotationAdd: r,
-  onAnnotationDelete: c,
-  readOnly: p = !1
+  onAnnotationDelete: i,
+  readOnly: v = !1
 }) => {
-  const g = H(null), [m, f] = P(!1), [C, x] = P({ x: 0, y: 0 }), [v, D] = P(null), [s, a] = P(null), B = A(
-    (i) => {
-      if (!o || !g.current) return;
-      const b = g.current.getBoundingClientRect(), h = (i.clientX - b.left) / b.width, j = (i.clientY - b.top) / b.height;
-      console.log("\u9F20\u6807\u6309\u4E0B\u4F4D\u7F6E:", { clientX: i.clientX, clientY: i.clientY, rect: b, x: h, y: j, scale: t }), f(!0), x({ x: h, y: j });
+  const f = O(null), [s, h] = z(!1), [p, B] = z({ x: 0, y: 0 }), [w, x] = z(null), [C, l] = z(null), F = $(
+    (d) => {
+      if (!o || !f.current) return;
+      const y = f.current.getBoundingClientRect(), g = (d.clientX - y.left) / y.width, I = (d.clientY - y.top) / y.height;
+      console.log("\u9F20\u6807\u6309\u4E0B\u4F4D\u7F6E:", { clientX: d.clientX, clientY: d.clientY, rect: y, x: g, y: I, scale: t }), h(!0), B({ x: g, y: I });
     },
     [o, t]
-  ), y = A(
-    (i) => {
-      if (!m || !g.current) return;
-      const b = g.current.getBoundingClientRect(), h = (i.clientX - b.left) / b.width, j = (i.clientY - b.top) / b.height;
-      D({
-        x: Math.min(C.x, h),
-        y: Math.min(C.y, j),
-        width: Math.abs(h - C.x),
-        height: Math.abs(j - C.y)
+  ), b = $(
+    (d) => {
+      if (!s || !f.current) return;
+      const y = f.current.getBoundingClientRect(), g = (d.clientX - y.left) / y.width, I = (d.clientY - y.top) / y.height;
+      x({
+        x: Math.min(p.x, g),
+        y: Math.min(p.y, I),
+        width: Math.abs(g - p.x),
+        height: Math.abs(I - p.y)
       });
     },
-    [m, C, t]
-  ), Z = A(() => {
-    if (!m || !v) return;
-    if (f(!1), v.width < 5 || v.height < 5) {
-      D(null);
+    [s, p, t]
+  ), S = $(() => {
+    if (!s || !w) return;
+    if (h(!1), w.width < 5 || w.height < 5) {
+      x(null);
       return;
     }
-    const i = {
+    const d = {
       id: Be(),
       pageNumber: e,
-      ...v,
+      ...w,
       content: "",
       color: De
     };
-    r == null || r(i), D(null);
-  }, [m, v, e, r]), z = A((i) => {
-    a(s === i ? null : i);
-  }, [s]);
-  return A((i, b) => {
-    const h = {
-      ...i,
-      content: b
+    r == null || r(d), x(null);
+  }, [s, w, e, r]), M = $((d) => {
+    l(C === d ? null : d);
+  }, [C]);
+  return $((d, y) => {
+    const g = {
+      ...d,
+      content: y
     };
-    r == null || r(h);
-  }, [r]), A((i) => {
-    c == null || c(i), a(null);
-  }, [c]), console.log("\u6807\u6CE8\u7EC4\u4EF6\u6E32\u67D3:", {
+    r == null || r(g);
+  }, [r]), $((d) => {
+    i == null || i(d), l(null);
+  }, [i]), console.log("\u6807\u6CE8\u7EC4\u4EF6\u6E32\u67D3:", {
     pageNumber: e,
     annotations: u.length,
-    currentPageAnnotationsCount: u.filter((i) => i.pageNumber === e).length,
-    currentPageAnnotations: u.filter((i) => i.pageNumber === e)
+    currentPageAnnotationsCount: u.filter((d) => d.pageNumber === e).length,
+    currentPageAnnotations: u.filter((d) => d.pageNumber === e)
   }), /* @__PURE__ */ n.createElement(
     "div",
     {
-      ref: g,
+      ref: f,
       style: {
         position: "absolute",
         top: 0,
@@ -74,24 +74,24 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
         pointerEvents: "auto"
         // 确保可以接收鼠标事件
       },
-      onMouseDown: B,
-      onMouseMove: y,
-      onMouseUp: Z,
-      onMouseLeave: Z
+      onMouseDown: F,
+      onMouseMove: b,
+      onMouseUp: S,
+      onMouseLeave: S
     },
-    v && /* @__PURE__ */ n.createElement(
+    w && /* @__PURE__ */ n.createElement(
       "div",
       {
         className: "absolute border-2 border-yellow-400 bg-yellow-100/30",
         style: {
-          left: `${v.x * 100}%`,
-          top: `${v.y * 100}%`,
-          width: `${v.width * 100}%`,
-          height: `${v.height * 100}%`
+          left: `${w.x * 100}%`,
+          top: `${w.y * 100}%`,
+          width: `${w.width * 100}%`,
+          height: `${w.height * 100}%`
         }
       }
     ),
-    u.filter((i) => i.pageNumber === e).map((i) => (console.log("\u6E32\u67D3\u6807\u6CE8:", i.id, `\u4F4D\u7F6E: ${i.x * 100}%, ${i.y * 100}%`), /* @__PURE__ */ n.createElement("div", { key: i.id, style: {
+    u.filter((d) => d.pageNumber === e).map((d) => (console.log("\u6E32\u67D3\u6807\u6CE8:", d.id, `\u4F4D\u7F6E: ${d.x * 100}%, ${d.y * 100}%`), /* @__PURE__ */ n.createElement("div", { key: d.id, style: {
       width: "100%",
       height: "100%",
       position: "absolute",
@@ -103,17 +103,17 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
         className: "border border-solid",
         style: {
           position: "absolute",
-          left: `${i.x * 100}%`,
-          top: `${i.y * 100}%`,
-          width: `${i.width * 100}%`,
-          height: `${i.height * 100}%`,
+          left: `${d.x * 100}%`,
+          top: `${d.y * 100}%`,
+          width: `${d.width * 100}%`,
+          height: `${d.height * 100}%`,
           borderWidth: "2px",
-          borderColor: `${i.color}`,
-          backgroundColor: `${i.color}4D`,
+          borderColor: `${d.color}`,
+          backgroundColor: `${d.color}4D`,
           // 30%透明度 (4D = 77/255 ≈ 0.3)
           zIndex: 1e3
         },
-        onClick: () => z(i.id)
+        onClick: () => M(d.id)
       }
     ))))
   );
@@ -141,14 +141,14 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
     shadow: "md",
     lineHeight: "md"
   }
-}, $e = G.div`
+}, $e = J.div`
   display: flex;
   align-items: center;
   justify-content: center;
   height: 200px;
   color: ${(e) => e.$theme.colors.disabledText};
   font-size: 14px;
-`, Pe = G.div`
+`, Pe = J.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -163,68 +163,104 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
   // 默认从第1页开始
   scale: u,
   annotations: r,
-  isAnnotating: c,
-  isSlidesMode: p = !1,
-  onPageChange: g,
-  onScaleChange: m,
-  onAnnotationChange: f,
-  onAnnotationDelete: C,
-  styles: x
+  isAnnotating: i,
+  isSlidesMode: v = !1,
+  setScale: f,
+  onScaleChange: s,
+  onAnnotationChange: h,
+  onAnnotationDelete: p,
+  styles: B
 }) => {
-  const [v, D] = P(!1), [s, a] = P(null), [B, y] = P(0), [Z, z] = P(0), [i, b] = P(!1), [h, j] = P(!0), q = (x == null ? void 0 : x.theme) || Ae, R = H(null), T = H(null), _ = H(!1), V = H(null), Q = A((X) => {
-    if (!T.current || !h || !m) return null;
-    const d = T.current, l = d.offsetWidth - 40, E = d.offsetHeight - 40, w = l / X.width, k = E / X.height, S = Math.min(w, k, 1), W = Math.max(0.3, Math.min(1, S));
-    return console.log("\u81EA\u52A8\u8BA1\u7B97\u7F29\u653E\u6BD4\u4F8B:", {
-      containerWidth: l,
-      containerHeight: E,
-      viewportWidth: X.width,
-      viewportHeight: X.height,
-      scaleX: w,
-      scaleY: k,
-      autoScale: S,
-      finalScale: W
-    }), W;
-  }, [h, m]), K = A(async () => {
-    if (!(!e || !R.current)) {
-      if (_.current || V.current === t) {
+  const [w, x] = z(!1), [C, l] = z(null), [F, b] = z(null), [S, M] = z(!0), d = (B == null ? void 0 : B.theme) || Ae, y = O(null), g = O(null), I = O(!1), U = O(null), Q = $(
+    (A) => {
+      if (!g.current || !S || !s) return null;
+      const X = g.current, P = X.offsetWidth - 40, c = X.offsetHeight - 40, a = P / A.width, m = c / A.height, D = Math.min(a, m, 1), R = Math.max(0.3, Math.min(1, D));
+      return console.log("\u81EA\u52A8\u8BA1\u7B97\u7F29\u653E\u6BD4\u4F8B:", {
+        containerWidth: P,
+        containerHeight: c,
+        viewportWidth: A.width,
+        viewportHeight: A.height,
+        scaleX: a,
+        scaleY: m,
+        autoScale: D,
+        finalScale: R
+      }), R;
+    },
+    [S, s]
+  ), k = $(async () => {
+    if (!(!e || !y.current)) {
+      if (I.current || U.current === t) {
         console.log("\u9875\u9762\u6B63\u5728\u6E32\u67D3\u4E2D\uFF0C\u8DF3\u8FC7");
         return;
       }
       try {
-        V.current = t, _.current = !0;
-        const X = t - o + 1;
-        if (console.log(`\u8BA1\u7B97\u4E0B\uFF0C\u6E32\u67D3\u9875\u9762: PDF\u8D77\u59CB\u9875\uFF1ApdfStartPage=${o}, \u5168\u5C40\u9875\u7801\uFF1AcurrentPage=${t}, \u76F8\u5BF9\u9875\u7801=${X}`), X < 1 || X > e.numPages)
-          throw console.error(`\u9875\u7801\u8D85\u51FA\u8303\u56F4: \u76F8\u5BF9\u9875\u7801=${X}, PDF\u603B\u9875\u6570=${e.numPages}`), new Error(`\u9875\u7801\u8D85\u51FA\u8303\u56F4: \u8BF7\u6C42\u7B2C${t}\u9875\uFF0C\u4F46PDF\u6587\u6863\u53EA\u5305\u542B${e.numPages}\u9875`);
-        const d = await e.getPage(X), l = R.current, E = l.getContext("2d");
+        U.current = t, I.current = !0;
+        const A = t - o + 1;
+        if (console.log(
+          `\u8BA1\u7B97\u4E0B\uFF0C\u6E32\u67D3\u9875\u9762: PDF\u8D77\u59CB\u9875\uFF1ApdfStartPage=${o}, \u5168\u5C40\u9875\u7801\uFF1AcurrentPage=${t}, \u76F8\u5BF9\u9875\u7801=${A}`
+        ), A < 1 || A > e.numPages)
+          throw console.error(
+            `\u9875\u7801\u8D85\u51FA\u8303\u56F4: \u76F8\u5BF9\u9875\u7801=${A}, PDF\u603B\u9875\u6570=${e.numPages}`
+          ), new Error(
+            `\u9875\u7801\u8D85\u51FA\u8303\u56F4: \u8BF7\u6C42\u7B2C${t}\u9875\uFF0C\u4F46PDF\u6587\u6863\u53EA\u5305\u542B${e.numPages}\u9875`
+          );
+        const X = await e.getPage(A), P = y.current, c = P.getContext("2d");
         console.log("\u5F53\u524Dscale\u503C:", u);
-        const w = d.getViewport({ scale: 1 });
-        if (console.log("viewport\u5C3A\u5BF8:", w.width, "x", w.height), h && j(!1), l.width = w.width, l.height = w.height, await d.render({
-          canvasContext: E,
-          viewport: w
-        }).promise, console.log("PDF\u6E32\u67D3\u6210\u529F, canvas\u5C3A\u5BF8:", l.width, "x", l.height), T.current) {
-          const k = T.current;
-          console.log("\u5BB9\u5668\u5C3A\u5BF8:", k.offsetWidth, "x", k.offsetHeight), console.log("Canvas\u663E\u793A\u5C3A\u5BF8:", l.offsetWidth, "x", l.offsetHeight);
+        const a = X.getViewport({ scale: 1 });
+        if (console.log("viewport\u5C3A\u5BF8:", a.width, "x", a.height), S && M(!1), P.width = a.width, P.height = a.height, P.width && P.height && b({ width: P.width, height: P.height }), await X.render({
+          canvasContext: c,
+          viewport: a
+        }).promise, console.log("PDF\u6E32\u67D3\u6210\u529F, canvas\u5C3A\u5BF8:", P.width, "x", P.height), g.current) {
+          const m = g.current;
+          console.log("\u5BB9\u5668\u5C3A\u5BF8:", m.offsetWidth, "x", m.offsetHeight), console.log("Canvas\u663E\u793A\u5C3A\u5BF8:", P.offsetWidth, "x", P.offsetHeight);
         }
-      } catch (X) {
-        console.error("PDF\u6E32\u67D3\u5931\u8D25:", X);
+      } catch (A) {
+        console.error("PDF\u6E32\u67D3\u5931\u8D25:", A);
       } finally {
-        _.current = !1;
+        I.current = !1;
       }
     }
-  }, [e, u, o, Q, m, t]);
-  return te(() => {
-    e && t && o && (console.log("\u8BA1\u7B97\u4E0B\uFF0CrenderPage:", "pdfStartPage:" + o, "currentPage:" + t, "pdfDocument:", e), K());
+  }, [e, u, o, Q, s, t]);
+  if (te(() => {
+    e && t && o && (console.log(
+      "\u8BA1\u7B97\u4E0B\uFF0CrenderPage:",
+      "pdfStartPage:" + o,
+      "currentPage:" + t,
+      "pdfDocument:",
+      e
+    ), k());
   }, [t, e, o]), te(() => {
-    e && t && K();
-  }, [u, e, t]), v ? /* @__PURE__ */ n.createElement("div", { className: "flex justify-center items-center min-h-full" }, /* @__PURE__ */ n.createElement($e, { $theme: q }, "\u52A0\u8F7D\u4E2D...")) : s ? /* @__PURE__ */ n.createElement("div", { className: "flex justify-center items-center min-h-full" }, /* @__PURE__ */ n.createElement(Pe, { $theme: q }, /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("div", null, "\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ n.createElement("div", { style: { fontSize: "12px", marginTop: "8px" } }, s)))) : /* @__PURE__ */ n.createElement(
+    e && t && k();
+  }, [u, e, t]), w)
+    return /* @__PURE__ */ n.createElement("div", { className: "flex justify-center items-center min-h-full" }, /* @__PURE__ */ n.createElement($e, { $theme: d }, "\u52A0\u8F7D\u4E2D..."));
+  if (C)
+    return /* @__PURE__ */ n.createElement("div", { className: "flex justify-center items-center min-h-full" }, /* @__PURE__ */ n.createElement(Pe, { $theme: d }, /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("div", null, "\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ n.createElement("div", { style: { fontSize: "12px", marginTop: "8px" } }, C))));
+  const _ = O(null), Y = () => {
+    const A = g.current ? g.current.offsetWidth - 40 : null;
+    if (!A || !(F != null && F.width)) return;
+    const X = F.width, c = +(A / X).toFixed(2);
+    typeof c == "number" ? f && f(c) : (clearInterval(_.current), _.current = null);
+  };
+  return te(() => {
+    if (!g.current || !(F != null && F.width) || !(F != null && F.height)) {
+      clearInterval(_.current), _.current = null, _.current = setInterval(() => {
+        Y();
+      }, 34);
+      return;
+    } else
+      Y();
+    return () => {
+      clearInterval(_.current), _.current = null;
+    };
+  }, [F]), /* @__PURE__ */ n.createElement(
     "div",
     {
-      ref: T,
+      ref: g,
       className: "bg-gray-100",
       style: {
-        display: p ? "block" : "flex",
-        justifyContent: p ? "initial" : "center",
-        alignItems: p ? "initial" : "flex-start",
+        display: v ? "block" : "flex",
+        justifyContent: v ? "initial" : "center",
+        alignItems: v ? "initial" : "flex-start",
         padding: "20px",
         minHeight: "100%",
         width: "100%",
@@ -232,7 +268,7 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
         overflow: "visible"
       }
     },
-    v ? /* @__PURE__ */ n.createElement("div", { className: "flex flex-col items-center gap-2 mt-20" }, /* @__PURE__ */ n.createElement("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-gray-900" }), /* @__PURE__ */ n.createElement("div", { className: "text-xs text-gray-600" }, "PDF\u52A0\u8F7D\u4E2D...")) : s ? /* @__PURE__ */ n.createElement("div", { className: "flex flex-col items-center gap-2 mt-20 text-red-500" }, /* @__PURE__ */ n.createElement("div", null, "\u6E32\u67D3\u9519\u8BEF"), /* @__PURE__ */ n.createElement("div", { className: "text-xs" }, s)) : /* @__PURE__ */ n.createElement("div", { className: "flex justify-center items-start" }, /* @__PURE__ */ n.createElement(
+    w ? /* @__PURE__ */ n.createElement("div", { className: "flex flex-col items-center gap-2 mt-20" }, /* @__PURE__ */ n.createElement("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-gray-900" }), /* @__PURE__ */ n.createElement("div", { className: "text-xs text-gray-600" }, "PDF\u52A0\u8F7D\u4E2D...")) : C ? /* @__PURE__ */ n.createElement("div", { className: "flex flex-col items-center gap-2 mt-20 text-red-500" }, /* @__PURE__ */ n.createElement("div", null, "\u6E32\u67D3\u9519\u8BEF"), /* @__PURE__ */ n.createElement("div", { className: "text-xs" }, C)) : /* @__PURE__ */ n.createElement("div", { className: "flex justify-center items-start" }, /* @__PURE__ */ n.createElement(
       "div",
       {
         className: "relative",
@@ -246,7 +282,7 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
       /* @__PURE__ */ n.createElement(
         "canvas",
         {
-          ref: R,
+          ref: y,
           className: "shadow-lg bg-white border border-gray-300",
           style: {
             display: "block"
@@ -257,17 +293,17 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
         ke,
         {
           pageNumber: t,
-          scale: u,
-          isAnnotating: c,
+          scale: u || 1,
+          isAnnotating: i,
           annotations: r,
-          onAnnotationAdd: f,
-          onAnnotationDelete: C,
-          readOnly: !c
+          onAnnotationAdd: h,
+          onAnnotationDelete: p,
+          readOnly: !i
         }
       )
     ))
   );
-}, _e = G.div`
+}, _e = J.div`
   flex: 1;
   background: ${(e) => e.$theme.colors.background};
   position: relative;
@@ -280,13 +316,13 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
   /* 支持大尺寸内容的滚动 */
   overflow-x: auto;
   overflow-y: auto; /* 改为auto，允许垂直滚动 */
-`, Re = G.div`
+`, Re = J.div`
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   color: ${(e) => e.$theme.colors.disabledText};
-`, Ne = G.div`
+`, Ne = J.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -404,467 +440,529 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
     return console.log("\u6570\u636E\u4E3A\u7A7A\uFF0C\u8FD4\u56DE unknown"), "unknown";
   const t = e.fileName || "", o = e.fileType || "", u = e.content;
   return console.log("\u68C0\u6D4B\u53C2\u6570:", { fileName: t, fileType: o, content: u }), o === "pdf" || o === "pdf_slides" ? (console.log("\u68C0\u6D4B\u5230PDF\u6587\u4EF6"), o) : o === "image" ? (console.log("\u68C0\u6D4B\u5230\u56FE\u7247\u6587\u4EF6"), "image") : o === "markdown_table" ? (console.log("\u68C0\u6D4B\u5230Markdown\u8868\u683C\u6587\u4EF6"), "markdown_table") : o === "markdown" ? (console.log("\u68C0\u6D4B\u5230Markdown\u6587\u4EF6"), "markdown") : o === "html" ? (console.log("\u68C0\u6D4B\u5230HTML\u6587\u4EF6"), "html") : o === "text" ? (console.log("\u68C0\u6D4B\u5230\u6587\u672C\u6587\u4EF6"), "text") : t.toLowerCase().endsWith(".pdf") || (u == null ? void 0 : u.type) === "pdf" ? (console.log("\u68C0\u6D4B\u5230PDF\u6587\u4EF6"), "pdf") : t.toLowerCase().match(/\.(jpg|jpeg|png|gif|bmp|webp)$/) || (u == null ? void 0 : u.type) === "image" ? (console.log("\u68C0\u6D4B\u5230\u56FE\u7247\u6587\u4EF6"), "image") : t.toLowerCase().endsWith(".md") || (u == null ? void 0 : u.type) === "markdown" ? (console.log("\u68C0\u6D4B\u5230Markdown\u6587\u4EF6"), "markdown") : t.toLowerCase().match(/\.(html|htm)$/) || (u == null ? void 0 : u.type) === "html" ? (console.log("\u68C0\u6D4B\u5230HTML\u6587\u4EF6"), "html") : t.toLowerCase().match(/\.(txt|log|json|xml|css|js|ts)$/) || (u == null ? void 0 : u.type) === "text" ? (console.log("\u68C0\u6D4B\u5230\u6587\u672C\u6587\u4EF6"), "text") : (console.log("\u672A\u8BC6\u522B\u7684\u6587\u4EF6\u7C7B\u578B\uFF0C\u8FD4\u56DE unknown"), "unknown");
-}, Me = (e, t, o = !1) => {
-  var u, r, c, p, g, m, f;
-  console.log("\u8BA1\u7B97\u4E0B\uFF0CrenderPdfContent:", "pdfStartPage:" + e.pdfStartPage, "currentPage:" + t.currentPage), console.log("=== renderPdfContent \u5F00\u59CB ==="), console.log("PDF\u6570\u636E:", e), console.log("PDF\u6587\u6863:", (u = e.content) == null ? void 0 : u.document), console.log("PDF\u6587\u6863\u7C7B\u578B:", typeof ((r = e.content) == null ? void 0 : r.document)), console.log("PDF\u6587\u6863\u662F\u5426\u4E3Anull:", ((c = e.content) == null ? void 0 : c.document) === null), console.log("PDF\u6587\u6863\u662F\u5426\u4E3Aundefined:", ((p = e.content) == null ? void 0 : p.document) === void 0), console.log("PDF\u6587\u6863\u65B9\u6CD5:", (g = e.content) != null && g.document ? Object.getOwnPropertyNames(Object.getPrototypeOf(e.content.document)) : "\u65E0\u6587\u6863"), console.log("PDF\u6587\u6863\u5C5E\u6027:", (m = e.content) != null && m.document ? Object.keys(e.content.document) : "\u65E0\u6587\u6863");
-  const C = e.pdfStartPage || 1;
-  console.log("PDF\u8D77\u59CB\u9875:", C);
-  const x = (t.annotationData || []).filter(
-    (s) => "pageNumber" in s && "x" in s && "y" in s
+}, Me = (e, t, o = !1, u = void 0) => {
+  var r, i, v, f, s, h, p;
+  console.log(
+    "\u8BA1\u7B97\u4E0B\uFF0CrenderPdfContent:",
+    "pdfStartPage:" + e.pdfStartPage,
+    "currentPage:" + t.currentPage
+  ), console.log("=== renderPdfContent \u5F00\u59CB ==="), console.log("PDF\u6570\u636E:", e), console.log("PDF\u6587\u6863:", (r = e.content) == null ? void 0 : r.document), console.log("PDF\u6587\u6863\u7C7B\u578B:", typeof ((i = e.content) == null ? void 0 : i.document)), console.log("PDF\u6587\u6863\u662F\u5426\u4E3Anull:", ((v = e.content) == null ? void 0 : v.document) === null), console.log("PDF\u6587\u6863\u662F\u5426\u4E3Aundefined:", ((f = e.content) == null ? void 0 : f.document) === void 0), console.log(
+    "PDF\u6587\u6863\u65B9\u6CD5:",
+    (s = e.content) != null && s.document ? Object.getOwnPropertyNames(Object.getPrototypeOf(e.content.document)) : "\u65E0\u6587\u6863"
+  ), console.log(
+    "PDF\u6587\u6863\u5C5E\u6027:",
+    (h = e.content) != null && h.document ? Object.keys(e.content.document) : "\u65E0\u6587\u6863"
+  );
+  const B = e.pdfStartPage || 1;
+  console.log("PDF\u8D77\u59CB\u9875:", B);
+  const w = (t.annotationData || []).filter(
+    (l) => "pageNumber" in l && "x" in l && "y" in l
   );
-  console.log("=== PDF\u6807\u6CE8\u6570\u636E ==="), console.log("\u539F\u59CBannotationData:", t.annotationData), console.log("\u8FC7\u6EE4\u540E\u7684pdfAnnotations:", x);
-  const v = o ? 0.82 : 1, D = t.initialZoom || t.scale || v;
+  console.log("=== PDF\u6807\u6CE8\u6570\u636E ==="), console.log("\u539F\u59CBannotationData:", t.annotationData), console.log("\u8FC7\u6EE4\u540E\u7684pdfAnnotations:", w);
+  const x = o ? 0.82 : 1, C = t.initialZoom || t.scale || x;
   return /* @__PURE__ */ n.createElement(
     Te,
     {
-      pdfDocument: ((f = e.content) == null ? void 0 : f.document) || null,
+      pdfDocument: ((p = e.content) == null ? void 0 : p.document) || null,
       currentPage: t.currentPage || 1,
-      pdfStartPage: C,
-      scale: D,
-      annotations: x,
+      pdfStartPage: B,
+      scale: C,
+      setScale: u,
+      annotations: w,
       isAnnotating: !1,
       isSlidesMode: o,
-      onPageChange: t.eventsEmit ? (s) => {
-        var a;
-        return (a = t.eventsEmit) == null ? void 0 : a.call(t, "pageChange", { pageNumber: s });
+      onPageChange: t.eventsEmit ? (l) => {
+        var F;
+        return (F = t.eventsEmit) == null ? void 0 : F.call(t, "pageChange", { pageNumber: l });
       } : void 0,
-      onScaleChange: t.eventsEmit ? (s) => {
-        var a;
-        return (a = t.eventsEmit) == null ? void 0 : a.call(t, "scaleChange", { scale: s });
+      onScaleChange: t.eventsEmit ? (l) => {
+        var F;
+        return (F = t.eventsEmit) == null ? void 0 : F.call(t, "scaleChange", { scale: l });
       } : void 0,
-      onAnnotationChange: t.eventsEmit ? (s) => {
-        var a;
-        return (a = t.eventsEmit) == null ? void 0 : a.call(t, "annotationChange", { annotation: s });
+      onAnnotationChange: t.eventsEmit ? (l) => {
+        var F;
+        return (F = t.eventsEmit) == null ? void 0 : F.call(t, "annotationChange", { annotation: l });
       } : void 0,
-      onAnnotationDelete: t.eventsEmit ? (s) => {
-        var a;
-        return (a = t.eventsEmit) == null ? void 0 : a.call(t, "annotationDelete", { annotationId: s });
+      onAnnotationDelete: t.eventsEmit ? (l) => {
+        var F;
+        return (F = t.eventsEmit) == null ? void 0 : F.call(t, "annotationDelete", { annotationId: l });
       } : void 0,
       styles: t.styles
     }
   );
-}, We = (e, t) => {
-  var o, u, r, c, p, g, m, f, C, x, v, D, s, a;
+}, Ie = (e, t) => {
+  var o, u, r, i, v, f, s, h, p, B, w, x, C, l;
   console.log("=== Fviewer renderImageContent ==="), console.log("data:", e), console.log("data.content:", e.content), console.log("data.content?.url:", (o = e.content) == null ? void 0 : o.url), console.log("rotation:", t.rotation);
-  const B = ((u = e.content) == null ? void 0 : u.url) || e.content, [y, Z] = P(!0), [z, i] = P(!1), b = () => {
-    console.log("\u56FE\u7247\u52A0\u8F7D\u5B8C\u6210:", B), Z(!1), i(!1);
-  }, h = () => {
-    console.error("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25:", B), Z(!1), i(!0);
+  const F = ((u = e.content) == null ? void 0 : u.url) || e.content, [b, S] = z(!0), [M, d] = z(!1), y = () => {
+    console.log("\u56FE\u7247\u52A0\u8F7D\u5B8C\u6210:", F), S(!1), d(!1);
+  }, g = () => {
+    console.error("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25:", F), S(!1), d(!0);
   };
-  return /* @__PURE__ */ n.createElement("div", { style: {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    height: "100%",
-    padding: "20px",
-    overflow: "auto",
-    position: "relative",
-    backgroundColor: "#272727"
-    // 图片模式深色背景
-  } }, y && /* @__PURE__ */ n.createElement("div", { style: {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    gap: "12px",
-    zIndex: 1
-  } }, /* @__PURE__ */ n.createElement("div", { style: {
-    width: "32px",
-    height: "32px",
-    border: `3px solid ${((p = (c = (r = t.styles) == null ? void 0 : r.theme) == null ? void 0 : c.colors) == null ? void 0 : p.border) || "#dee2e6"}`,
-    borderTop: `3px solid ${((f = (m = (g = t.styles) == null ? void 0 : g.theme) == null ? void 0 : m.colors) == null ? void 0 : f.primary) || "#007bff"}`,
-    borderRadius: "50%",
-    animation: "spin 1s linear infinite"
-  } }), /* @__PURE__ */ n.createElement("div", { style: {
-    fontSize: "12px",
-    color: ((v = (x = (C = t.styles) == null ? void 0 : C.theme) == null ? void 0 : x.colors) == null ? void 0 : v.text) || "#343a40"
-  } }, "\u56FE\u7247\u52A0\u8F7D\u4E2D...")), z && /* @__PURE__ */ n.createElement("div", { style: {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    gap: "8px",
-    zIndex: 1
-  } }, /* @__PURE__ */ n.createElement("div", { style: {
-    fontSize: "14px",
-    color: ((a = (s = (D = t.styles) == null ? void 0 : D.theme) == null ? void 0 : s.colors) == null ? void 0 : a.error) || "#dc3545"
-  } }, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25")), /* @__PURE__ */ n.createElement(
-    "img",
+  return /* @__PURE__ */ n.createElement(
+    "div",
     {
-      src: B,
-      alt: e.fileName || "\u56FE\u7247",
-      onLoad: b,
-      onError: h,
       style: {
-        maxWidth: "100%",
-        maxHeight: "100%",
-        objectFit: "contain",
-        transform: `scale(${t.scale || 1}) rotate(${t.rotation || 0}deg)`,
-        opacity: y ? 0 : 1,
-        transition: "opacity 0.3s ease-in-out, transform 0.2s ease-in-out"
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%",
+        padding: "20px",
+        overflow: "auto",
+        position: "relative",
+        backgroundColor: "#272727"
+        // 图片模式深色背景
       }
-    }
-  ), /* @__PURE__ */ n.createElement("style", null, `
+    },
+    b && /* @__PURE__ */ n.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          gap: "12px",
+          zIndex: 1
+        }
+      },
+      /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          style: {
+            width: "32px",
+            height: "32px",
+            border: `3px solid ${((v = (i = (r = t.styles) == null ? void 0 : r.theme) == null ? void 0 : i.colors) == null ? void 0 : v.border) || "#dee2e6"}`,
+            borderTop: `3px solid ${((h = (s = (f = t.styles) == null ? void 0 : f.theme) == null ? void 0 : s.colors) == null ? void 0 : h.primary) || "#007bff"}`,
+            borderRadius: "50%",
+            animation: "spin 1s linear infinite"
+          }
+        }
+      ),
+      /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          style: {
+            fontSize: "12px",
+            color: ((w = (B = (p = t.styles) == null ? void 0 : p.theme) == null ? void 0 : B.colors) == null ? void 0 : w.text) || "#343a40"
+          }
+        },
+        "\u56FE\u7247\u52A0\u8F7D\u4E2D..."
+      )
+    ),
+    M && /* @__PURE__ */ n.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          gap: "8px",
+          zIndex: 1
+        }
+      },
+      /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          style: {
+            fontSize: "14px",
+            color: ((l = (C = (x = t.styles) == null ? void 0 : x.theme) == null ? void 0 : C.colors) == null ? void 0 : l.error) || "#dc3545"
+          }
+        },
+        "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"
+      )
+    ),
+    /* @__PURE__ */ n.createElement(
+      "img",
+      {
+        src: F,
+        alt: e.fileName || "\u56FE\u7247",
+        onLoad: y,
+        onError: g,
+        style: {
+          maxWidth: "100%",
+          maxHeight: "100%",
+          objectFit: "contain",
+          transform: `scale(${t.scale || 1}) rotate(${t.rotation || 0}deg)`,
+          opacity: b ? 0 : 1,
+          transition: "opacity 0.3s ease-in-out, transform 0.2s ease-in-out"
+        }
+      }
+    ),
+    /* @__PURE__ */ n.createElement("style", null, `
         @keyframes spin {
           0% { transform: rotate(0deg); }
           100% { transform: rotate(360deg); }
         }
-      `));
-}, Ie = (e, t) => {
-  var o, u, r, c, p;
+      `)
+  );
+}, We = (e, t) => {
+  var o, u, r, i, v;
   console.log("=== Fviewer renderTextContent ==="), console.log("data:", e), console.log("data.content:", e.content);
-  let g = "";
-  typeof e.content == "string" ? g = e.content : (o = e.content) != null && o.text ? g = e.content.text : (u = e.content) != null && u.content && (g = e.content.content), console.log("\u5B9E\u9645\u6587\u672C\u5185\u5BB9:", g);
-  const m = H(null), f = H(null);
+  let f = "";
+  typeof e.content == "string" ? f = e.content : (o = e.content) != null && o.text ? f = e.content.text : (u = e.content) != null && u.content && (f = e.content.content), console.log("\u5B9E\u9645\u6587\u672C\u5185\u5BB9:", f);
+  const s = O(null), h = O(null);
   return te(() => {
-    if (m.current && f.current && g) {
-      const C = setTimeout(() => {
-        var x;
-        const v = ((x = m.current) == null ? void 0 : x.scrollHeight) || 0, D = Math.max(v + 80, 200);
-        f.current && (f.current.style.minHeight = `${D}px`, console.log("\u6587\u672C\u7EB8\u5F20\u9AD8\u5EA6\u8C03\u6574\u5B8C\u6210:", D));
+    if (s.current && h.current && f) {
+      const p = setTimeout(() => {
+        var B;
+        const w = ((B = s.current) == null ? void 0 : B.scrollHeight) || 0, x = Math.max(w + 80, 200);
+        h.current && (h.current.style.minHeight = `${x}px`, console.log("\u6587\u672C\u7EB8\u5F20\u9AD8\u5EA6\u8C03\u6574\u5B8C\u6210:", x));
       }, 100);
-      return () => clearTimeout(C);
+      return () => clearTimeout(p);
     }
-  }, [g]), /* @__PURE__ */ n.createElement("div", { style: {
-    height: "100%",
-    overflow: "auto",
-    backgroundColor: "#f5f5f5",
-    // 纸张背景色
-    padding: "20px",
-    display: "flex",
-    justifyContent: "center",
-    position: "relative"
-  } }, /* @__PURE__ */ n.createElement(
+  }, [f]), /* @__PURE__ */ n.createElement(
     "div",
     {
-      ref: f,
       style: {
-        width: "100%",
-        maxWidth: "800px",
-        backgroundColor: "white",
-        boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06)",
-        borderRadius: "8px",
-        padding: "40px",
-        margin: "20px 0",
-        position: "relative",
-        transform: `scale(${t.scale || 1})`,
-        transition: "transform 0.2s ease-in-out",
-        transformOrigin: "top center"
+        height: "100%",
+        overflow: "auto",
+        backgroundColor: "#f5f5f5",
+        // 纸张背景色
+        padding: "20px",
+        display: "flex",
+        justifyContent: "center",
+        position: "relative"
       }
     },
     /* @__PURE__ */ n.createElement(
       "div",
       {
-        ref: m,
+        ref: h,
         style: {
           width: "100%",
-          overflow: "visible"
+          maxWidth: "800px",
+          backgroundColor: "white",
+          boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06)",
+          borderRadius: "8px",
+          padding: "40px",
+          margin: "20px 0",
+          position: "relative",
+          transform: `scale(${t.scale || 1})`,
+          transition: "transform 0.2s ease-in-out",
+          transformOrigin: "top center"
         }
       },
       /* @__PURE__ */ n.createElement(
-        we,
+        "div",
         {
-          dataSource: {
-            type: ye.TEXT,
-            content: g
-          },
-          size: "md",
-          theme: {
-            primaryColor: ((p = (c = (r = t.styles) == null ? void 0 : r.theme) == null ? void 0 : c.colors) == null ? void 0 : p.primary) || "#007bff",
-            backgroundColor: "transparent",
-            textColor: "#333",
-            borderColor: "transparent",
-            borderRadius: "0",
-            padding: "0"
-          },
+          ref: s,
           style: {
-            border: "none",
-            background: "transparent",
             width: "100%",
-            height: "auto",
             overflow: "visible"
           }
+        },
+        /* @__PURE__ */ n.createElement(
+          we,
+          {
+            dataSource: {
+              type: ye.TEXT,
+              content: f
+            },
+            size: "md",
+            theme: {
+              primaryColor: ((v = (i = (r = t.styles) == null ? void 0 : r.theme) == null ? void 0 : i.colors) == null ? void 0 : v.primary) || "#007bff",
+              backgroundColor: "transparent",
+              textColor: "#333",
+              borderColor: "transparent",
+              borderRadius: "0",
+              padding: "0"
+            },
+            style: {
+              border: "none",
+              background: "transparent",
+              width: "100%",
+              height: "auto",
+              overflow: "visible"
+            }
+          }
+        )
+      ),
+      /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: "0",
+            left: "0",
+            right: "0",
+            height: "2px",
+            background: "linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%)",
+            borderTopLeftRadius: "8px",
+            borderTopRightRadius: "8px"
+          }
         }
       )
-    ),
-    /* @__PURE__ */ n.createElement("div", { style: {
-      position: "absolute",
-      top: "0",
-      left: "0",
-      right: "0",
-      height: "2px",
-      background: "linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%)",
-      borderTopLeftRadius: "8px",
-      borderTopRightRadius: "8px"
-    } })
-  ));
+    )
+  );
 }, je = ({ data: e, parentProps: t, isTableMode: o = !1 }) => {
-  var u, r, c, p, g, m, f, C, x, v, D, s;
-  const a = H(null), B = H(null), y = H(null), Z = H(!1);
-  H(0), H(null);
-  const [z] = P(!1), i = (d, l) => {
-    console.log("=== Markdownit\u6EDA\u52A8\u4E8B\u4EF6\u89E6\u53D1 ==="), console.log("\u6EDA\u52A8\u4F4D\u7F6E:", { scrollTop: d, scrollHeight: l }), t.eventsEmit && t.eventsEmit("markdown_scroll", { scrollTop: d, scrollHeight: l });
-  }, b = () => {
+  var u, r, i, v, f, s, h, p, B, w, x, C;
+  const l = O(null), F = O(null), b = O(null), S = O(!1);
+  O(0), O(null);
+  const [M] = z(!1), d = (c, a) => {
+    console.log("=== Markdownit\u6EDA\u52A8\u4E8B\u4EF6\u89E6\u53D1 ==="), console.log("\u6EDA\u52A8\u4F4D\u7F6E:", { scrollTop: c, scrollHeight: a }), t.eventsEmit && t.eventsEmit("markdown_scroll", { scrollTop: c, scrollHeight: a });
+  }, y = () => {
     console.log("=== Markdownit\u6EDA\u52A8\u5230\u9876\u90E8 ==="), t.eventsEmit && t.eventsEmit("markdown_scroll_to_top");
-  }, h = () => {
+  }, g = () => {
     console.log("=== Markdownit\u6EDA\u52A8\u5230\u5E95\u90E8 ==="), t.eventsEmit && t.eventsEmit("markdown_scroll_to_bottom");
-  }, j = H();
-  j.current = (d) => {
-    var l, E;
+  }, I = O();
+  I.current = (c) => {
+    var a, m;
     try {
       if (!o) return;
-      const w = typeof e.content == "string" ? e.content : ((l = e.content) == null ? void 0 : l.content) || "";
-      if (!w || _.length === 0) return;
-      const k = JSON.stringify(_.map((U) => ({ o: U.offsets, c: U.color }))), S = `${w.length}:${w.substring(0, 64)}:${w.substring(w.length - 64)}|${k}`;
-      if (((E = d.dataset) == null ? void 0 : E.tableAnnoRuntimeSig) === S) return;
+      const D = typeof e.content == "string" ? e.content : ((a = e.content) == null ? void 0 : a.content) || "";
+      if (!D || _.length === 0) return;
+      const R = JSON.stringify(_.map((G) => ({ o: G.offsets, c: G.color }))), H = `${D.length}:${D.substring(0, 64)}:${D.substring(D.length - 64)}|${R}`;
+      if (((m = c.dataset) == null ? void 0 : m.tableAnnoRuntimeSig) === H) return;
       setTimeout(() => {
-        K(), d.dataset && (d.dataset.tableAnnoRuntimeSig = S);
+        X(), c.dataset && (c.dataset.tableAnnoRuntimeSig = H);
       }, 50);
-    } catch (w) {
-      console.warn("[MarkdownRendered] apply failed", w);
+    } catch (D) {
+      console.warn("[MarkdownRendered] apply failed", D);
     }
   };
-  const q = n.useCallback((d) => {
-    var l;
-    return (l = j.current) == null ? void 0 : l.call(j, d);
-  }, []), R = A(() => {
-    var d;
-    if (!z || !a.current) return;
-    const l = window.getSelection();
-    if (!l || l.isCollapsed) return;
-    const E = l.getRangeAt(0), w = E.toString().trim();
-    if (!w) return;
-    const k = a.current;
-    let S = 0, W = 0;
-    const U = document.createTreeWalker(
-      k,
-      NodeFilter.SHOW_TEXT,
-      {
-        acceptNode: (I) => {
-          var Y;
-          return (Y = I.parentElement) != null && Y.closest("pre") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
-        }
+  const U = n.useCallback(
+    (c) => {
+      var a;
+      return (a = I.current) == null ? void 0 : a.call(I, c);
+    },
+    []
+  ), Q = $(() => {
+    var c;
+    if (!M || !l.current) return;
+    const a = window.getSelection();
+    if (!a || a.isCollapsed) return;
+    const m = a.getRangeAt(0), D = m.toString().trim();
+    if (!D) return;
+    const R = l.current;
+    let H = 0, q = 0;
+    const G = document.createTreeWalker(R, NodeFilter.SHOW_TEXT, {
+      acceptNode: (j) => {
+        var V;
+        return (V = j.parentElement) != null && V.closest("pre") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
       }
-    );
-    let ee = U.nextNode();
+    });
+    let ee = G.nextNode();
     for (; ee; ) {
-      if (ee === E.startContainer) {
-        W = S + E.startOffset;
+      if (ee === m.startContainer) {
+        q = H + m.startOffset;
         break;
       }
-      S += ((d = ee.textContent) == null ? void 0 : d.length) || 0, ee = U.nextNode();
+      H += ((c = ee.textContent) == null ? void 0 : c.length) || 0, ee = G.nextNode();
     }
     console.log("\u9009\u4E2D\u6587\u672C\u4FE1\u606F:", {
-      text: w,
-      startOffset: W,
-      charCount: S,
-      container: E.startContainer.textContent
+      text: D,
+      startOffset: q,
+      charCount: H,
+      container: m.startContainer.textContent
     });
     const N = {
       id: `md-anno-${Date.now()}`,
-      start: W,
-      end: W + w.length,
+      start: q,
+      end: q + D.length,
       color: "#FFE599"
     };
-    console.log("\u521B\u5EFA\u65B0\u6807\u6CE8:", N), t.eventsEmit && t.eventsEmit("md_annotation_add", N), l.removeAllRanges();
-  }, [z, t.eventsEmit]), T = o ? [] : (t.annotationData || []).filter(
-    (d) => "start" in d && "end" in d && !("pageNumber" in d)
+    console.log("\u521B\u5EFA\u65B0\u6807\u6CE8:", N), t.eventsEmit && t.eventsEmit("md_annotation_add", N), a.removeAllRanges();
+  }, [M, t.eventsEmit]), k = o ? [] : (t.annotationData || []).filter(
+    (c) => "start" in c && "end" in c && !("pageNumber" in c)
   ), _ = o ? (t.annotationData || []).filter(
-    (d) => "offsets" in d && Array.isArray(d.offsets)
-  ) : [], V = A(() => {
-    if (console.log("=== \u5F00\u59CB\u6E05\u7A7A\u6240\u6709\u6807\u6CE8 ==="), !a.current) {
+    (c) => "offsets" in c && Array.isArray(c.offsets)
+  ) : [], Y = $(() => {
+    if (console.log("=== \u5F00\u59CB\u6E05\u7A7A\u6240\u6709\u6807\u6CE8 ==="), !l.current) {
       console.log("markdownRef\u4E0D\u5B58\u5728\uFF0C\u65E0\u6CD5\u6E05\u7A7A\u6807\u6CE8");
       return;
     }
-    const d = a.current.querySelectorAll(".md-annotation");
-    console.log("\u6E05\u7A7AMarkdown\u6807\u6CE8\u6570\u91CF:", d.length), d.length > 0 && d.forEach((l) => {
-      const E = l.parentNode;
-      E && E.replaceChild(document.createTextNode(l.textContent || ""), l);
+    const c = l.current.querySelectorAll(".md-annotation");
+    console.log("\u6E05\u7A7AMarkdown\u6807\u6CE8\u6570\u91CF:", c.length), c.length > 0 && c.forEach((a) => {
+      const m = a.parentNode;
+      m && m.replaceChild(document.createTextNode(a.textContent || ""), a);
     }), console.log("\u6240\u6709\u6807\u6CE8\u5DF2\u6E05\u7A7A");
-  }, []), Q = A(() => {
-    if (!a.current) return;
-    a.current.querySelectorAll("table").forEach((l) => {
-      Array.from(l.rows).forEach((w) => {
-        Array.from(w.cells).forEach((k) => {
-          k.getAttribute("data-table-annotated") === "1" && (k.style.removeProperty("background"), k.style.removeProperty("background-color"), k.removeAttribute("data-table-annotated"), k.removeAttribute("title"));
+  }, []), A = $(() => {
+    if (!l.current) return;
+    l.current.querySelectorAll("table").forEach((a) => {
+      Array.from(a.rows).forEach((D) => {
+        Array.from(D.cells).forEach((R) => {
+          R.getAttribute("data-table-annotated") === "1" && (R.style.removeProperty("background"), R.style.removeProperty("background-color"), R.removeAttribute("data-table-annotated"), R.removeAttribute("title"));
         });
       });
     }), console.log("\u5DF2\u6E05\u7A7A\u6240\u6709\u8868\u683C\u6807\u6CE8");
-  }, []), K = A(() => {
-    if (console.log("=== \u5F00\u59CB\u5E94\u7528\u8868\u683C\u6807\u6CE8 ==="), console.log("tableAnnotations:", _), !a.current) {
+  }, []), X = $(() => {
+    if (console.log("=== \u5F00\u59CB\u5E94\u7528\u8868\u683C\u6807\u6CE8 ==="), console.log("tableAnnotations:", _), !l.current) {
       console.log("markdownRef\u4E0D\u5B58\u5728\uFF0C\u9000\u51FA");
       return;
     }
-    if (Q(), !_.length) {
+    if (A(), !_.length) {
       console.log("\u6CA1\u6709\u8868\u683C\u6807\u6CE8\u6570\u636E\uFF0C\u4EC5\u6E05\u7A7A\u65E7\u6807\u6CE8");
       return;
     }
-    const d = a.current.querySelectorAll("table");
-    if (console.log("\u627E\u5230\u8868\u683C\u6570\u91CF:", d.length), d.length === 0) {
+    const c = l.current.querySelectorAll("table");
+    if (console.log("\u627E\u5230\u8868\u683C\u6570\u91CF:", c.length), c.length === 0) {
       console.log("\u6CA1\u6709\u627E\u5230\u8868\u683C\u5143\u7D20");
       return;
     }
-    Z.current = !0, _.forEach((l, E) => {
-      const w = l.offsets;
-      if (console.log("\u5904\u7406\u8868\u683C\u6807\u6CE8:", l), !Array.isArray(w) || !w.length || !Array.isArray(w[0]) || w[0].length !== 2) {
-        console.warn("[TableAnnotation] annotation.offsets is not valid", l);
+    S.current = !0, _.forEach((a, m) => {
+      const D = a.offsets;
+      if (console.log("\u5904\u7406\u8868\u683C\u6807\u6CE8:", a), !Array.isArray(D) || !D.length || !Array.isArray(D[0]) || D[0].length !== 2) {
+        console.warn("[TableAnnotation] annotation.offsets is not valid", a);
         return;
       }
-      w.forEach((k, S) => {
-        const [W, U] = k;
-        if (typeof W != "number" || typeof U != "number") {
-          console.warn("[TableAnnotation] offset is not [number, number]", k);
+      D.forEach((R, H) => {
+        const [q, G] = R;
+        if (typeof q != "number" || typeof G != "number") {
+          console.warn("[TableAnnotation] offset is not [number, number]", R);
           return;
         }
-        d.forEach((ee, N) => {
-          var I;
-          const Y = Array.from(ee.rows), oe = Y[W];
+        c.forEach((ee, N) => {
+          var j;
+          const V = Array.from(ee.rows), oe = V[q];
           if (!oe) {
-            console.warn("[TableAnnotation] row out of range", { row: W, tableIndex: N, totalRows: Y.length });
+            console.warn("[TableAnnotation] row out of range", {
+              row: q,
+              tableIndex: N,
+              totalRows: V.length
+            });
             return;
           }
-          const O = (I = oe.cells) == null ? void 0 : I[U];
-          if (!O) {
-            console.warn("[TableAnnotation] cell is undefined", { row: W, col: U, tableIndex: N });
+          const Z = (j = oe.cells) == null ? void 0 : j[G];
+          if (!Z) {
+            console.warn("[TableAnnotation] cell is undefined", { row: q, col: G, tableIndex: N });
             return;
           }
-          const $ = l.color || "rgba(255, 229, 153, 0.5)", F = getComputedStyle(O).backgroundColor;
-          O.getAttribute("data-table-annotated") === "1" && (F === $ || O.style.backgroundColor === $) || (O.style.setProperty("background", $, "important"), O.style.setProperty("background-color", $, "important"), O.setAttribute("data-table-annotated", "1")), l.content && (O.title = l.content), S === 0 && E === 0 && setTimeout(() => {
-            O.scrollIntoView({ behavior: "smooth", block: "start" });
+          const T = a.color || "rgba(255, 229, 153, 0.5)", E = getComputedStyle(Z).backgroundColor;
+          Z.getAttribute("data-table-annotated") === "1" && (E === T || Z.style.backgroundColor === T) || (Z.style.setProperty("background", T, "important"), Z.style.setProperty("background-color", T, "important"), Z.setAttribute("data-table-annotated", "1")), a.content && (Z.title = a.content), H === 0 && m === 0 && setTimeout(() => {
+            Z.scrollIntoView({ behavior: "smooth", block: "start" });
           }, 300);
         });
       });
     }), requestAnimationFrame(() => {
-      Z.current = !1;
+      S.current = !1;
     });
-  }, [_, Q]), X = A(() => {
-    if (console.log("=== \u5F00\u59CB\u5E94\u7528Markdown\u6807\u6CE8 ==="), !a.current || !T.length) {
+  }, [_, A]), P = $(() => {
+    if (console.log("=== \u5F00\u59CB\u5E94\u7528Markdown\u6807\u6CE8 ==="), !l.current || !k.length) {
       console.log("\u6761\u4EF6\u4E0D\u6EE1\u8DB3\uFF0C\u8DF3\u8FC7\u6807\u6CE8\u5E94\u7528");
       return;
     }
-    B.current && clearTimeout(B.current);
-    const d = () => {
-      var l;
+    F.current && clearTimeout(F.current);
+    const c = () => {
+      var a;
       console.log("\u5F00\u59CB\u5E94\u7528\u6807\u6CE8...");
-      const E = (l = a.current) == null ? void 0 : l.querySelectorAll(".md-annotation");
-      console.log("\u79FB\u9664\u73B0\u6709\u6807\u6CE8\u6570\u91CF:", (E == null ? void 0 : E.length) || 0), E == null || E.forEach((N) => {
-        const I = N.parentNode;
-        I && I.replaceChild(document.createTextNode(N.textContent || ""), N);
+      const m = (a = l.current) == null ? void 0 : a.querySelectorAll(".md-annotation");
+      console.log("\u79FB\u9664\u73B0\u6709\u6807\u6CE8\u6570\u91CF:", (m == null ? void 0 : m.length) || 0), m == null || m.forEach((N) => {
+        const j = N.parentNode;
+        j && j.replaceChild(document.createTextNode(N.textContent || ""), N);
       });
-      const w = document.createTreeWalker(
-        a.current,
-        NodeFilter.SHOW_TEXT,
-        {
-          acceptNode: (N) => {
-            var I;
-            return (I = N.parentElement) != null && I.closest("pre") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
-          }
+      const D = document.createTreeWalker(l.current, NodeFilter.SHOW_TEXT, {
+        acceptNode: (N) => {
+          var j;
+          return (j = N.parentElement) != null && j.closest("pre") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
         }
-      ), k = [];
-      let S;
-      for (; S = w.nextNode(); )
-        k.push(S);
-      if (console.log("\u627E\u5230\u6587\u672C\u8282\u70B9\u6570\u91CF:", k.length), k.length === 0) {
-        console.log("\u6CA1\u6709\u627E\u5230\u6587\u672C\u8282\u70B9\uFF0C\u5EF6\u8FDF\u91CD\u8BD5..."), B.current = setTimeout(() => {
-          d();
+      }), R = [];
+      let H;
+      for (; H = D.nextNode(); )
+        R.push(H);
+      if (console.log("\u627E\u5230\u6587\u672C\u8282\u70B9\u6570\u91CF:", R.length), R.length === 0) {
+        console.log("\u6CA1\u6709\u627E\u5230\u6587\u672C\u8282\u70B9\uFF0C\u5EF6\u8FDF\u91CD\u8BD5..."), F.current = setTimeout(() => {
+          c();
         }, 200);
         return;
       }
-      let W = 0;
-      const U = k.map((N) => {
-        var I;
-        const Y = W;
-        return W += ((I = N.textContent) == null ? void 0 : I.length) || 0, {
+      let q = 0;
+      const G = R.map((N) => {
+        var j;
+        const V = q;
+        return q += ((j = N.textContent) == null ? void 0 : j.length) || 0, {
           node: N,
-          start: Y,
-          end: W,
+          start: V,
+          end: q,
           text: N.textContent
         };
       });
-      console.log("\u6587\u672C\u8282\u70B9\u4F4D\u7F6E:", U), console.log("\u603B\u6587\u672C\u957F\u5EA6:", W);
-      const ee = [...T].sort((N, I) => I.start - N.start);
+      console.log("\u6587\u672C\u8282\u70B9\u4F4D\u7F6E:", G), console.log("\u603B\u6587\u672C\u957F\u5EA6:", q);
+      const ee = [...k].sort((N, j) => j.start - N.start);
       console.log("\u6392\u5E8F\u540E\u7684\u6807\u6CE8:", ee), ee.forEach((N) => {
-        const { start: I, end: Y, color: oe } = N;
-        console.log("\u5904\u7406\u6807\u6CE8:", { annotation: N, nodePositions: U });
-        const O = U.filter(
-          ($) => I < $.end && Y > $.start
-        );
-        console.log("\u76F8\u5173\u8282\u70B9\u6570\u91CF:", O.length), O.forEach(({ node: $, start: F }) => {
-          var L, J, M, he, Fe, pe;
-          const le = Math.max(0, I - F), ae = Math.min(((L = $.textContent) == null ? void 0 : L.length) || 0, Y - F);
-          if (console.log("\u672C\u5730\u4F4D\u7F6E:", { localStart: le, localEnd: ae, nodeTextLength: (J = $.textContent) == null ? void 0 : J.length }), le >= ae) {
+        const { start: j, end: V, color: oe } = N;
+        console.log("\u5904\u7406\u6807\u6CE8:", { annotation: N, nodePositions: G });
+        const Z = G.filter((T) => j < T.end && V > T.start);
+        console.log("\u76F8\u5173\u8282\u70B9\u6570\u91CF:", Z.length), Z.forEach(({ node: T, start: E }) => {
+          var L, K, W, he, Fe, pe;
+          const le = Math.max(0, j - E), ae = Math.min(((L = T.textContent) == null ? void 0 : L.length) || 0, V - E);
+          if (console.log("\u672C\u5730\u4F4D\u7F6E:", {
+            localStart: le,
+            localEnd: ae,
+            nodeTextLength: (K = T.textContent) == null ? void 0 : K.length
+          }), le >= ae) {
             console.log("\u672C\u5730\u4F4D\u7F6E\u65E0\u6548\uFF0C\u8DF3\u8FC7");
             return;
           }
-          const me = ((M = $.textContent) == null ? void 0 : M.slice(0, le)) || "", ge = ((he = $.textContent) == null ? void 0 : he.slice(le, ae)) || "", fe = ((Fe = $.textContent) == null ? void 0 : Fe.slice(ae)) || "";
+          const me = ((W = T.textContent) == null ? void 0 : W.slice(0, le)) || "", ge = ((he = T.textContent) == null ? void 0 : he.slice(le, ae)) || "", fe = ((Fe = T.textContent) == null ? void 0 : Fe.slice(ae)) || "";
           console.log("\u5206\u5272\u6587\u672C:", { before: me, annotatedText: ge, after: fe });
-          const se = document.createElement("span");
-          se.className = "md-annotation", se.style.backgroundColor = oe || "#FFE599", se.textContent = ge;
-          const ie = document.createDocumentFragment();
-          me && ie.appendChild(document.createTextNode(me)), ie.appendChild(se), fe && ie.appendChild(document.createTextNode(fe)), (pe = $.parentNode) == null || pe.replaceChild(ie, $), console.log("\u6210\u529F\u5E94\u7528\u6807\u6CE8:", ge);
+          const ie = document.createElement("span");
+          ie.className = "md-annotation", ie.style.backgroundColor = oe || "#FFE599", ie.textContent = ge;
+          const se = document.createDocumentFragment();
+          me && se.appendChild(document.createTextNode(me)), se.appendChild(ie), fe && se.appendChild(document.createTextNode(fe)), (pe = T.parentNode) == null || pe.replaceChild(se, T), console.log("\u6210\u529F\u5E94\u7528\u6807\u6CE8:", ge);
         });
       });
     };
-    B.current = setTimeout(() => {
-      d();
+    F.current = setTimeout(() => {
+      c();
     }, 100);
-  }, [T]);
+  }, [k]);
   return te(() => {
-    var d;
+    var c;
     if (o) {
       console.log("[MarkdownContentView] table mode: skip effect, wait for onRendered");
       return;
     }
-    const l = typeof e.content == "string" ? e.content : ((d = e.content) == null ? void 0 : d.content) || "";
-    if (!l || typeof l != "string") {
+    const a = typeof e.content == "string" ? e.content : ((c = e.content) == null ? void 0 : c.content) || "";
+    if (!a || typeof a != "string") {
       console.log("Markdown\u5185\u5BB9\u4E0D\u662F\u5B57\u7B26\u4E32\u7C7B\u578B\uFF0C\u8DF3\u8FC7\u6807\u6CE8\u5E94\u7528");
       return;
     }
-    if (console.log("=== \u5F00\u59CB\u5E94\u7528Markdown\u6807\u6CE8\u9AD8\u4EAE ==="), console.log("markdownRef.current:", a.current), console.log("isTableMode:", o), console.log("mdAnnotations:", T), console.log("tableAnnotations:", _), console.log("data.content:", e.content), console.log("\u5B9E\u9645\u5185\u5BB9:", l), !a.current) {
+    if (console.log("=== \u5F00\u59CB\u5E94\u7528Markdown\u6807\u6CE8\u9AD8\u4EAE ==="), console.log("markdownRef.current:", l.current), console.log("isTableMode:", o), console.log("mdAnnotations:", k), console.log("tableAnnotations:", _), console.log("data.content:", e.content), console.log("\u5B9E\u9645\u5185\u5BB9:", a), !l.current) {
       console.log("markdownRef\u4E0D\u5B58\u5728\uFF0C\u9000\u51FA\u6807\u6CE8\u5E94\u7528");
       return;
     }
-    if (o || V(), !o && T.length > 0) {
-      X();
+    if (o || Y(), !o && k.length > 0) {
+      P();
       return;
     }
     console.log("\u6CA1\u6709\u9700\u8981\u5E94\u7528\u7684\u6807\u6CE8");
-  }, [o, _, T]), te(() => {
+  }, [o, _, k]), te(() => {
     if (!o)
-      return document.addEventListener("mouseup", R), () => {
-        document.removeEventListener("mouseup", R);
+      return document.addEventListener("mouseup", Q), () => {
+        document.removeEventListener("mouseup", Q);
       };
-  }, [R, o]), te(() => {
-    var d;
-    const l = typeof e.content == "string" ? e.content : ((d = e.content) == null ? void 0 : d.content) || "";
-    if (!l || typeof l != "string") {
+  }, [Q, o]), te(() => {
+    var c;
+    const a = typeof e.content == "string" ? e.content : ((c = e.content) == null ? void 0 : c.content) || "";
+    if (!a || typeof a != "string") {
       console.log("Markdown\u5185\u5BB9\u4E0D\u662F\u5B57\u7B26\u4E32\u7C7B\u578B\uFF0C\u8DF3\u8FC7\u8C03\u8BD5\u4FE1\u606F\u6253\u5370");
       return;
     }
-    console.log("=== Markdown\u5185\u5BB9\u4FE1\u606F ==="), console.log("isTableMode:", o), console.log("\u5185\u5BB9\u957F\u5EA6:", l.length || 0), typeof l == "string" ? (console.log("\u5185\u5BB9\u524D100\u5B57\u7B26:", l.substring(0, 100)), console.log("\u5185\u5BB9\u540E100\u5B57\u7B26:", l.substring(l.length - 100))) : (console.log("\u5185\u5BB9\u4E0D\u662F\u5B57\u7B26\u4E32\u7C7B\u578B:", typeof l), console.log("\u5185\u5BB9\u503C:", l)), console.log("\u6807\u6CE8\u6570\u636E:", T), console.log("\u8868\u683C\u6807\u6CE8\u6570\u636E:", _);
-  }, [T, _, o]), te(() => {
-    if (o && a.current) {
-      const d = setTimeout(() => {
-        var l;
-        const E = (l = a.current) == null ? void 0 : l.querySelectorAll("table");
-        E && E.length > 0 && (console.log("\u8C03\u6574\u8868\u683C\u5C3A\u5BF8\uFF0C\u627E\u5230\u8868\u683C\u6570\u91CF:", E.length), E.forEach((w, k) => {
-          if (w instanceof HTMLTableElement) {
-            w.style.width = "100%", w.style.minWidth = "100%", w.style.tableLayout = "auto";
-            const S = w.closest(".markdown-table-mode");
-            S && S instanceof HTMLElement && (S.style.width = "100%", S.style.overflowX = "auto"), console.log(`\u8868\u683C ${k + 1} \u5C3A\u5BF8\u8C03\u6574\u5B8C\u6210`);
+    console.log("=== Markdown\u5185\u5BB9\u4FE1\u606F ==="), console.log("isTableMode:", o), console.log("\u5185\u5BB9\u957F\u5EA6:", a.length || 0), typeof a == "string" ? (console.log("\u5185\u5BB9\u524D100\u5B57\u7B26:", a.substring(0, 100)), console.log("\u5185\u5BB9\u540E100\u5B57\u7B26:", a.substring(a.length - 100))) : (console.log("\u5185\u5BB9\u4E0D\u662F\u5B57\u7B26\u4E32\u7C7B\u578B:", typeof a), console.log("\u5185\u5BB9\u503C:", a)), console.log("\u6807\u6CE8\u6570\u636E:", k), console.log("\u8868\u683C\u6807\u6CE8\u6570\u636E:", _);
+  }, [k, _, o]), te(() => {
+    if (o && l.current) {
+      const c = setTimeout(() => {
+        var a;
+        const m = (a = l.current) == null ? void 0 : a.querySelectorAll("table");
+        m && m.length > 0 && (console.log("\u8C03\u6574\u8868\u683C\u5C3A\u5BF8\uFF0C\u627E\u5230\u8868\u683C\u6570\u91CF:", m.length), m.forEach((D, R) => {
+          if (D instanceof HTMLTableElement) {
+            D.style.width = "100%", D.style.minWidth = "100%", D.style.tableLayout = "auto";
+            const H = D.closest(".markdown-table-mode");
+            H && H instanceof HTMLElement && (H.style.width = "100%", H.style.overflowX = "auto"), console.log(`\u8868\u683C ${R + 1} \u5C3A\u5BF8\u8C03\u6574\u5B8C\u6210`);
           }
         }));
       }, 500);
-      return () => clearTimeout(d);
+      return () => clearTimeout(c);
     }
   }, [o, e.content]), te(() => () => {
-    B.current && clearTimeout(B.current), y.current && (y.current.disconnect(), y.current = null);
+    F.current && clearTimeout(F.current), b.current && (b.current.disconnect(), b.current = null);
   }, []), /* @__PURE__ */ n.createElement(
     "div",
     {
@@ -877,26 +975,26 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
       className: `markdown-container markdown-scrollbar ${o ? "markdown-table-mode" : ""}`
     },
     /* @__PURE__ */ n.createElement("style", null, Le),
-    /* @__PURE__ */ n.createElement("div", { ref: a }, /* @__PURE__ */ n.createElement(
+    /* @__PURE__ */ n.createElement("div", { ref: l }, /* @__PURE__ */ n.createElement(
       we,
       {
         dataSource: {
           type: ye.MARKDOWN,
           content: (() => {
-            var d, l;
-            return typeof e.content == "string" ? e.content : (d = e.content) != null && d.text ? e.content.text : (l = e.content) != null && l.content ? e.content.content : "";
+            var c, a;
+            return typeof e.content == "string" ? e.content : (c = e.content) != null && c.text ? e.content.text : (a = e.content) != null && a.content ? e.content.content : "";
           })()
         },
         size: "md",
-        onScroll: o ? void 0 : i,
-        onScrollToTop: o ? void 0 : b,
-        onScrollToBottom: o ? void 0 : h,
-        onRendered: q,
+        onScroll: o ? void 0 : d,
+        onScrollToTop: o ? void 0 : y,
+        onScrollToBottom: o ? void 0 : g,
+        onRendered: U,
         theme: {
-          primaryColor: ((c = (r = (u = t.styles) == null ? void 0 : u.theme) == null ? void 0 : r.colors) == null ? void 0 : c.primary) || "#007bff",
-          backgroundColor: ((m = (g = (p = t.styles) == null ? void 0 : p.theme) == null ? void 0 : g.colors) == null ? void 0 : m.background) || "#f8f9fa",
-          textColor: ((x = (C = (f = t.styles) == null ? void 0 : f.theme) == null ? void 0 : C.colors) == null ? void 0 : x.text) || "#343a40",
-          borderColor: ((s = (D = (v = t.styles) == null ? void 0 : v.theme) == null ? void 0 : D.colors) == null ? void 0 : s.border) || "#dee2e6",
+          primaryColor: ((i = (r = (u = t.styles) == null ? void 0 : u.theme) == null ? void 0 : r.colors) == null ? void 0 : i.primary) || "#007bff",
+          backgroundColor: ((s = (f = (v = t.styles) == null ? void 0 : v.theme) == null ? void 0 : f.colors) == null ? void 0 : s.background) || "#f8f9fa",
+          textColor: ((B = (p = (h = t.styles) == null ? void 0 : h.theme) == null ? void 0 : p.colors) == null ? void 0 : B.text) || "#343a40",
+          borderColor: ((C = (x = (w = t.styles) == null ? void 0 : w.theme) == null ? void 0 : x.colors) == null ? void 0 : C.border) || "#dee2e6",
           borderRadius: o ? "0px" : "8px",
           padding: o ? "0px" : "20px"
         },
@@ -910,60 +1008,62 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
     ))
   );
 }, Oe = ({ markdown: e, onRendered: t, tableAnnotations: o = [] }) => {
-  const u = H(null), r = (g) => {
-    const m = g.split(/\r?\n/).filter((s) => s.trim().length > 0);
-    let f = -1;
-    for (let s = 0; s < m.length - 1; s++) {
-      const a = m[s].trim(), B = m[s + 1].trim();
-      if (a.startsWith("|") && a.endsWith("|") && B.replace(/\s|:|\|/g, "").match(/^[-]+$/)) {
-        f = s;
+  const u = O(null), r = (f) => {
+    const s = f.split(/\r?\n/).filter((C) => C.trim().length > 0);
+    let h = -1;
+    for (let C = 0; C < s.length - 1; C++) {
+      const l = s[C].trim(), F = s[C + 1].trim();
+      if (l.startsWith("|") && l.endsWith("|") && F.replace(/\s|:|\|/g, "").match(/^[-]+$/)) {
+        h = C;
         break;
       }
     }
-    if (f === -1) return null;
-    const x = m[f].split("|").slice(1, -1).map((s) => s.trim()), v = [];
-    for (let s = f + 2; s < m.length; s++) {
-      const a = m[s].trim();
-      if (!a.startsWith("|") || !a.endsWith("|")) break;
-      v.push(a);
+    if (h === -1) return null;
+    const B = s[h].split("|").slice(1, -1).map((C) => C.trim()), w = [];
+    for (let C = h + 2; C < s.length; C++) {
+      const l = s[C].trim();
+      if (!l.startsWith("|") || !l.endsWith("|")) break;
+      w.push(l);
     }
-    const D = v.map((s) => s.split("|").slice(1, -1).map((a) => a.trim()));
-    return { headers: x, rows: D };
-  }, c = n.useMemo(() => r(e), [e]);
+    const x = w.map(
+      (C) => C.split("|").slice(1, -1).map((l) => l.trim())
+    );
+    return { headers: B, rows: x };
+  }, i = n.useMemo(() => r(e), [e]);
   return te(() => {
-    const g = () => {
+    const f = () => {
       try {
         if (!u.current) return;
-        const f = u.current.querySelectorAll("table");
-        if (f.forEach((C) => {
-          Array.from(C.rows).forEach((v) => {
-            Array.from(v.cells).forEach((D) => {
-              D.getAttribute("data-table-annotated") === "1" && (D.style.removeProperty("background"), D.style.removeProperty("background-color"), D.removeAttribute("data-table-annotated"), D.removeAttribute("title"));
+        const h = u.current.querySelectorAll("table");
+        if (h.forEach((p) => {
+          Array.from(p.rows).forEach((w) => {
+            Array.from(w.cells).forEach((x) => {
+              x.getAttribute("data-table-annotated") === "1" && (x.style.removeProperty("background"), x.style.removeProperty("background-color"), x.removeAttribute("data-table-annotated"), x.removeAttribute("title"));
             });
           });
-        }), !o.length || !f || f.length === 0) return;
-        o.forEach((C, x) => {
-          (C.offsets || []).forEach((D, s) => {
-            const [a, B] = D;
-            f.forEach((y) => {
-              var Z;
-              const i = Array.from(y.rows)[a];
-              if (!i) return;
-              const b = (Z = i.cells) == null ? void 0 : Z[B];
-              if (!b) return;
-              const h = C.color || "rgba(255, 229, 153, 0.5)";
-              b.getAttribute("data-table-annotated") === "1" || (b.style.setProperty("background", h, "important"), b.style.setProperty("background-color", h, "important"), b.setAttribute("data-table-annotated", "1"), C.content && (b.title = C.content)), x === 0 && s === 0 && setTimeout(() => b.scrollIntoView({ behavior: "smooth", block: "start" }), 50);
+        }), !o.length || !h || h.length === 0) return;
+        o.forEach((p, B) => {
+          (p.offsets || []).forEach((x, C) => {
+            const [l, F] = x;
+            h.forEach((b) => {
+              var S;
+              const d = Array.from(b.rows)[l];
+              if (!d) return;
+              const y = (S = d.cells) == null ? void 0 : S[F];
+              if (!y) return;
+              const g = p.color || "rgba(255, 229, 153, 0.5)";
+              y.getAttribute("data-table-annotated") === "1" || (y.style.setProperty("background", g, "important"), y.style.setProperty("background-color", g, "important"), y.setAttribute("data-table-annotated", "1"), p.content && (y.title = p.content)), B === 0 && C === 0 && setTimeout(() => y.scrollIntoView({ behavior: "smooth", block: "start" }), 50);
             });
           });
         });
-      } catch (f) {
-        console.warn("[MinimalMarkdownTable] apply annotations failed", f);
+      } catch (h) {
+        console.warn("[MinimalMarkdownTable] apply annotations failed", h);
       }
-    }, m = requestAnimationFrame(() => {
-      g(), t && t();
+    }, s = requestAnimationFrame(() => {
+      f(), t && t();
     });
-    return () => cancelAnimationFrame(m);
-  }, [e, o, t]), c ? /* @__PURE__ */ n.createElement("div", { ref: u, className: "markdown-table-mode z-mdtbl-wrapper" }, /* @__PURE__ */ n.createElement("style", null, `
+    return () => cancelAnimationFrame(s);
+  }, [e, o, t]), i ? /* @__PURE__ */ n.createElement("div", { ref: u, className: "markdown-table-mode z-mdtbl-wrapper" }, /* @__PURE__ */ n.createElement("style", null, `
     .z-mdtbl-wrapper { overflow: auto;  position: relative; }
     .z-mdtbl { border-collapse: separate; border-spacing: 0; background: transparent; box-shadow: 0 1px 3px rgba(16,24,40,.08), 0 1px 2px rgba(16,24,40,.06); border-radius: 8px; }
     .z-mdtbl th, .z-mdtbl td { border: 1px solid #e5e7eb; padding: 10px 14px; font-size: 13px; line-height: 1.4; color: inherit; }
@@ -975,93 +1075,139 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
     .z-mdtbl thead tr:first-child th:last-child { border-top-right-radius: 8px; }
     .z-mdtbl tbody tr:last-child td:first-child { border-bottom-left-radius: 8px; }
     .z-mdtbl tbody tr:last-child td:last-child { border-bottom-right-radius: 8px; }
-  `), /* @__PURE__ */ n.createElement("table", { className: "z-mdtbl" }, /* @__PURE__ */ n.createElement("thead", null, /* @__PURE__ */ n.createElement("tr", null, c.headers.map((g, m) => /* @__PURE__ */ n.createElement("th", { key: m }, g)))), /* @__PURE__ */ n.createElement("tbody", null, c.rows.map((g, m) => /* @__PURE__ */ n.createElement("tr", { key: m }, g.map((f, C) => /* @__PURE__ */ n.createElement("td", { key: C }, f))))))) : /* @__PURE__ */ n.createElement("div", { ref: u, style: { padding: "8px" } }, "\u65E0\u6CD5\u89E3\u6790\u4E3A\u8868\u683C");
+  `), /* @__PURE__ */ n.createElement("table", { className: "z-mdtbl" }, /* @__PURE__ */ n.createElement("thead", null, /* @__PURE__ */ n.createElement("tr", null, i.headers.map((f, s) => /* @__PURE__ */ n.createElement("th", { key: s }, f)))), /* @__PURE__ */ n.createElement("tbody", null, i.rows.map((f, s) => /* @__PURE__ */ n.createElement("tr", { key: s }, f.map((h, p) => /* @__PURE__ */ n.createElement("td", { key: p }, h))))))) : /* @__PURE__ */ n.createElement("div", { ref: u, style: { padding: "8px" } }, "\u65E0\u6CD5\u89E3\u6790\u4E3A\u8868\u683C");
 }, He = (e, t) => {
   var o, u;
   console.log("=== Fviewer renderHtmlContent ==="), console.log("data:", e), console.log("data.content:", e.content);
   let r = "";
-  return typeof e.content == "string" ? r = e.content : (o = e.content) != null && o.text ? r = e.content.text : (u = e.content) != null && u.content && (r = e.content.content), console.log("\u6700\u7EC8\u4F20\u9012\u7ED9 iframe \u7684 content:", r), /* @__PURE__ */ n.createElement("div", { style: {
-    height: "100%",
-    overflow: "auto",
-    position: "relative"
-  } }, /* @__PURE__ */ n.createElement(
-    "iframe",
+  return typeof e.content == "string" ? r = e.content : (o = e.content) != null && o.text ? r = e.content.text : (u = e.content) != null && u.content && (r = e.content.content), console.log("\u6700\u7EC8\u4F20\u9012\u7ED9 iframe \u7684 content:", r), /* @__PURE__ */ n.createElement(
+    "div",
     {
-      srcDoc: r,
       style: {
-        width: "100%",
         height: "100%",
-        border: "none",
-        background: "white"
-      },
-      title: "HTML Preview",
-      sandbox: "allow-same-origin allow-scripts"
+        overflow: "auto",
+        position: "relative"
+      }
+    },
+    /* @__PURE__ */ n.createElement(
+      "iframe",
+      {
+        srcDoc: r,
+        style: {
+          width: "100%",
+          height: "100%",
+          border: "none",
+          background: "white"
+        },
+        title: "HTML Preview",
+        sandbox: "allow-same-origin allow-scripts"
+      }
+    )
+  );
+}, Ze = (e, t) => /* @__PURE__ */ n.createElement(
+  "div",
+  {
+    style: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      height: "100%",
+      color: "#666"
     }
-  ));
-}, Ze = (e, t) => /* @__PURE__ */ n.createElement("div", { style: {
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  height: "100%",
-  color: "#666"
-} }, /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("div", null, "\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B"), /* @__PURE__ */ n.createElement("div", { style: { fontSize: "12px", marginTop: "8px" } }, e.fileName || "\u672A\u77E5\u6587\u4EF6"))), Xe = ({
+  },
+  /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("div", null, "\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B"), /* @__PURE__ */ n.createElement("div", { style: { fontSize: "12px", marginTop: "8px" } }, e.fileName || "\u672A\u77E5\u6587\u4EF6"))
+), Xe = ({
   data: e,
   annotationData: t = [],
   totalPage: o = 0,
   currentPage: u = 1,
-  scale: r,
+  setScale: r,
+  scale: i,
   // 重命名避免冲突
-  rotation: c = 0,
+  rotation: v = 0,
   // 添加rotation参数
-  eventsEmit: p,
-  styles: g,
-  tools: m = {
+  eventsEmit: f,
+  styles: s,
+  tools: h = {
     annotation: !0,
     download: !0,
     zoom: !0,
     close: !0,
     navigation: !0
   },
-  customComponents: f,
-  className: C,
-  contentClass: x
+  customComponents: p,
+  className: B,
+  contentClass: w
 }) => {
-  var v, D, s, a;
-  const B = (g == null ? void 0 : g.theme) || ze, [y, Z] = P(!1), [z] = P("\u5185\u5BB9\u52A0\u8F7D\u4E2D..."), [i, b] = P(null);
-  console.log("=== Fviewer \u63A5\u6536\u6570\u636E ==="), console.log("Fviewer data:", e), console.log("Fviewer data.content:", e == null ? void 0 : e.content), console.log("Fviewer data.content.document:", (v = e == null ? void 0 : e.content) == null ? void 0 : v.document), console.log("Fviewer data.content.document\u7C7B\u578B:", typeof ((D = e == null ? void 0 : e.content) == null ? void 0 : D.document)), console.log("Fviewer data.content.document\u662F\u5426\u4E3Anull:", ((s = e == null ? void 0 : e.content) == null ? void 0 : s.document) === null), console.log("Fviewer data.content.document\u662F\u5426\u4E3Aundefined:", ((a = e == null ? void 0 : e.content) == null ? void 0 : a.document) === void 0), console.log("Fviewer currentPage:", u), console.log("Fviewer scale:", r);
-  const h = H(null), j = H(null), q = H(0);
-  q.current += 1, console.log("[Fviewer] render count:", q.current);
-  const R = Se(e);
-  console.log("=== Fviewer \u7EC4\u4EF6 ==="), console.log("\u68C0\u6D4B\u5230\u7684\u6587\u4EF6\u7C7B\u578B:", R), console.log("\u5B8C\u6574\u6570\u636E:", e);
-  const T = () => {
-    var _;
-    switch (console.log("\u5F00\u59CB\u6E32\u67D3\u5185\u5BB9\uFF0C\u6587\u4EF6\u7C7B\u578B:", R), R) {
+  var x, C, l, F;
+  const b = (s == null ? void 0 : s.theme) || ze, [S, M] = z(!1), [d] = z("\u5185\u5BB9\u52A0\u8F7D\u4E2D..."), [y, g] = z(null);
+  console.log("=== Fviewer \u63A5\u6536\u6570\u636E ==="), console.log("Fviewer data:", e), console.log("Fviewer data.content:", e == null ? void 0 : e.content), console.log("Fviewer data.content.document:", (x = e == null ? void 0 : e.content) == null ? void 0 : x.document), console.log("Fviewer data.content.document\u7C7B\u578B:", typeof ((C = e == null ? void 0 : e.content) == null ? void 0 : C.document)), console.log("Fviewer data.content.document\u662F\u5426\u4E3Anull:", ((l = e == null ? void 0 : e.content) == null ? void 0 : l.document) === null), console.log(
+    "Fviewer data.content.document\u662F\u5426\u4E3Aundefined:",
+    ((F = e == null ? void 0 : e.content) == null ? void 0 : F.document) === void 0
+  ), console.log("Fviewer currentPage:", u), console.log("Fviewer scale:", i);
+  const I = O(null), U = O(null), Q = O(0);
+  Q.current += 1, console.log("[Fviewer] render count:", Q.current);
+  const k = Se(e);
+  console.log("=== Fviewer \u7EC4\u4EF6 ==="), console.log("\u68C0\u6D4B\u5230\u7684\u6587\u4EF6\u7C7B\u578B:", k), console.log("\u5B8C\u6574\u6570\u636E:", e);
+  const _ = () => {
+    var Y;
+    switch (console.log("\u5F00\u59CB\u6E32\u67D3\u5185\u5BB9\uFF0C\u6587\u4EF6\u7C7B\u578B:", k), k) {
       case "pdf":
       case "pdf_slides":
-        return console.log("\u8BA1\u7B97\u4E0B\uFF0C\u6E32\u67D3PDF\u5185\u5BB9:", R, "pdfStartPage:" + e.pdfStartPage, "currentPage:" + u), Me(e, { data: e, annotationData: t, totalPage: o, currentPage: u, scale: r, eventsEmit: p, styles: g, tools: m, className: C, contentClass: x }, R === "pdf_slides");
+        return console.log(
+          "\u8BA1\u7B97\u4E0B\uFF0C\u6E32\u67D3PDF\u5185\u5BB9:",
+          k,
+          "pdfStartPage:" + e.pdfStartPage,
+          "currentPage:" + u
+        ), Me(
+          e,
+          {
+            data: e,
+            annotationData: t,
+            totalPage: o,
+            currentPage: u,
+            scale: i,
+            eventsEmit: f,
+            styles: s,
+            tools: h,
+            className: B,
+            contentClass: w
+          },
+          k === "pdf_slides",
+          r
+        );
       case "image":
-        return console.log("\u6E32\u67D3\u56FE\u7247\u5185\u5BB9"), We(e, { scale: r, rotation: c, styles: g });
+        return console.log("\u6E32\u67D3\u56FE\u7247\u5185\u5BB9"), Ie(e, {
+          scale: i,
+          rotation: v,
+          styles: s
+        });
       case "text":
-        return console.log("\u6E32\u67D3\u6587\u672C\u5185\u5BB9"), Ie(e, { scale: r, styles: g });
+        return console.log("\u6E32\u67D3\u6587\u672C\u5185\u5BB9"), We(e, {
+          scale: i,
+          styles: s
+        });
       case "markdown":
       case "markdown_table":
-        if (console.log("\u6E32\u67D3Markdown\u5185\u5BB9:", R), R === "markdown_table") {
-          const V = typeof e.content == "string" ? e.content : ((_ = e.content) == null ? void 0 : _.content) || "", Q = (t || []).filter(
-            (K) => "offsets" in K && Array.isArray(K.offsets)
-          );
-          return /* @__PURE__ */ n.createElement(
-            Oe,
-            {
-              markdown: V,
-              tableAnnotations: Q
-            }
+        if (console.log("\u6E32\u67D3Markdown\u5185\u5BB9:", k), k === "markdown_table") {
+          const A = typeof e.content == "string" ? e.content : ((Y = e.content) == null ? void 0 : Y.content) || "", X = (t || []).filter(
+            (P) => "offsets" in P && Array.isArray(P.offsets)
           );
+          return /* @__PURE__ */ n.createElement(Oe, { markdown: A, tableAnnotations: X });
         }
         return /* @__PURE__ */ n.createElement(
           je,
           {
             data: e,
-            parentProps: { data: e, annotationData: t, eventsEmit: p, styles: g, tools: m, className: C, contentClass: x },
+            parentProps: {
+              data: e,
+              annotationData: t,
+              eventsEmit: f,
+              styles: s,
+              tools: h,
+              className: B,
+              contentClass: w
+            },
             isTableMode: !1
           }
         );
@@ -1072,31 +1218,19 @@ const De = "#FFEB3B", Be = () => `annotation_${Date.now()}_${Math.random().toStr
     }
   };
   return n.useEffect(() => {
-    const _ = h.current, V = j.current, Q = _ !== e, K = V !== (e ? e.content : void 0);
+    const Y = I.current, A = U.current, X = Y !== e, P = A !== (e ? e.content : void 0);
     console.log("[Fviewer useEffect:data] triggered", {
-      dataChanged: Q,
-      contentChanged: K,
+      dataChanged: X,
+      contentChanged: P,
       hasData: !!e,
       hasContent: !!(e != null && e.content),
-      isLoadingBefore: y
-    }), h.current = e, j.current = e ? e.content : void 0;
+      isLoadingBefore: S
+    }), I.current = e, U.current = e ? e.content : void 0;
   }, [e == null ? void 0 : e.content]), n.useEffect(() => {
-    i && Z(!1);
-  }, [i]), n.useEffect(() => {
-    console.log("=== Fviewer annotationData \u53D8\u5316\u76D1\u542C ==="), console.log("annotationData:", t), console.log("annotationData \u957F\u5EA6:", (t == null ? void 0 : t.length) || 0), console.log("\u5F53\u524D\u6587\u4EF6\u7C7B\u578B:", R);
-  }, [t, R]), /* @__PURE__ */ n.createElement(_e, { $theme: B, className: x }, y ? f != null && f.LoadingComponent ? /* @__PURE__ */ n.createElement(
-    f.LoadingComponent,
-    {
-      status: z,
-      theme: B
-    }
-  ) : /* @__PURE__ */ n.createElement(Re, { $theme: B }, z) : i ? f != null && f.ErrorComponent ? /* @__PURE__ */ n.createElement(
-    f.ErrorComponent,
-    {
-      error: i,
-      theme: B
-    }
-  ) : /* @__PURE__ */ n.createElement(Ne, { $theme: B }, /* @__PURE__ */ n.createElement("div", null, "\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ n.createElement("div", { style: { fontSize: "12px", marginTop: "8px" } }, i)) : T());
+    y && M(!1);
+  }, [y]), n.useEffect(() => {
+    console.log("=== Fviewer annotationData \u53D8\u5316\u76D1\u542C ==="), console.log("annotationData:", t), console.log("annotationData \u957F\u5EA6:", (t == null ? void 0 : t.length) || 0), console.log("\u5F53\u524D\u6587\u4EF6\u7C7B\u578B:", k);
+  }, [t, k]), /* @__PURE__ */ n.createElement(_e, { $theme: b, className: w }, S ? p != null && p.LoadingComponent ? /* @__PURE__ */ n.createElement(p.LoadingComponent, { status: d, theme: b }) : /* @__PURE__ */ n.createElement(Re, { $theme: b }, d) : y ? p != null && p.ErrorComponent ? /* @__PURE__ */ n.createElement(p.ErrorComponent, { error: y, theme: b }) : /* @__PURE__ */ n.createElement(Ne, { $theme: b }, /* @__PURE__ */ n.createElement("div", null, "\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ n.createElement("div", { style: { fontSize: "12px", marginTop: "8px" } }, y)) : _());
 };
 /**
  * @license lucide-react v0.456.0 - ISC
@@ -1135,24 +1269,24 @@ const Ye = ve(
     strokeWidth: o = 2,
     absoluteStrokeWidth: u,
     className: r = "",
-    children: c,
-    iconNode: p,
-    ...g
-  }, m) => Ee(
+    children: i,
+    iconNode: v,
+    ...f
+  }, s) => Ee(
     "svg",
     {
-      ref: m,
+      ref: s,
       ...Ue,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: u ? Number(o) * 24 / Number(t) : o,
       className: be("lucide", r),
-      ...g
+      ...f
     },
     [
-      ...p.map(([f, C]) => Ee(f, C)),
-      ...Array.isArray(c) ? c : [c]
+      ...v.map(([h, p]) => Ee(h, p)),
+      ...Array.isArray(i) ? i : [i]
     ]
   )
 );
@@ -1164,8 +1298,8 @@ const Ye = ve(
  */
 const ue = (e, t) => {
   const o = ve(
-    ({ className: u, ...r }, c) => Ee(Ye, {
-      ref: c,
+    ({ className: u, ...r }, i) => Ee(Ye, {
+      ref: i,
       iconNode: t,
       className: be(`lucide-${qe(e)}`, u),
       ...r
@@ -1270,7 +1404,7 @@ const nt = ue("ZoomOut", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65", key: "13gj7c" }],
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
-]), ut = G.div`
+]), ut = J.div`
   display: flex;
   align-items: center;
   padding: 0px 12px;
@@ -1279,28 +1413,28 @@ const nt = ue("ZoomOut", [
   border-bottom: 1px solid ${(e) => e.$theme.colors.border};
   background: ${(e) => e.$theme.colors.background};
   min-height: 52px;
-`, rt = G.div`
+`, rt = J.div`
   display: flex;
   align-items: center;
   gap: 8px;
   flex: 1;
   min-width: 0;
-`, lt = G.div`
+`, lt = J.div`
   font-size: 14px;
   font-weight: 500;
   color: ${(e) => e.$theme.colors.text};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`, at = G.div`
+`, at = J.div`
   font-size: 12px;
   color: ${(e) => e.$theme.colors.disabledText};
   white-space: nowrap;
-`, st = G.div`
+`, it = J.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`, ne = G.button`
+`, ne = J.button`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1328,7 +1462,7 @@ const nt = ue("ZoomOut", [
     opacity: 0.5;
     cursor: not-allowed;
   }
-`, it = G.div`
+`, st = J.div`
   font-size: 12px;
   color: ${(e) => e.$theme.colors.disabledText};
   min-width: 40px;
@@ -1370,34 +1504,34 @@ const nt = ue("ZoomOut", [
     rotate: !0
   },
   styles: r,
-  onPrevPage: c,
-  onNextPage: p,
-  onZoomIn: g,
-  onZoomOut: m,
-  onAnnotationToggle: f,
-  onDownload: C,
-  onRotateLeft: x,
-  onRotateRight: v,
-  onClose: D,
-  scale: s = 1,
-  isAnnotating: a = !1,
-  className: B
+  onPrevPage: i,
+  onNextPage: v,
+  onZoomIn: f,
+  onZoomOut: s,
+  onAnnotationToggle: h,
+  onDownload: p,
+  onRotateLeft: B,
+  onRotateRight: w,
+  onClose: x,
+  scale: C = 1,
+  isAnnotating: l = !1,
+  className: F
 }) => {
-  const y = (r == null ? void 0 : r.theme) || ct;
-  return console.log("Header\u7EC4\u4EF6\u6E32\u67D3 - currentPage:", t, "totalPage:", o), /* @__PURE__ */ n.createElement(ut, { $theme: y, className: B }, /* @__PURE__ */ n.createElement(rt, { $theme: y }, /* @__PURE__ */ n.createElement(lt, { $theme: y }, e)), /* @__PURE__ */ n.createElement(st, { $theme: y }, u.navigation && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
+  const b = (r == null ? void 0 : r.theme) || ct;
+  return console.log("Header\u7EC4\u4EF6\u6E32\u67D3 - currentPage:", t, "totalPage:", o), /* @__PURE__ */ n.createElement(ut, { $theme: b, className: F }, /* @__PURE__ */ n.createElement(rt, { $theme: b }, /* @__PURE__ */ n.createElement(lt, { $theme: b }, e)), /* @__PURE__ */ n.createElement(it, { $theme: b }, u.navigation && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      onClick: c,
+      $theme: b,
+      onClick: i,
       disabled: t <= 1,
       title: "\u4E0A\u4E00\u9875"
     },
     /* @__PURE__ */ n.createElement(Ge, { size: 16 })
-  ), o > 0 && /* @__PURE__ */ n.createElement(at, { $theme: y }, t, " / ", o), /* @__PURE__ */ n.createElement(
+  ), o > 0 && /* @__PURE__ */ n.createElement(at, { $theme: b }, t, " / ", o), /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      onClick: p,
+      $theme: b,
+      onClick: v,
       disabled: !o || t >= o,
       title: "\u4E0B\u4E00\u9875"
     },
@@ -1405,59 +1539,59 @@ const nt = ue("ZoomOut", [
   )), u.zoom && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      onClick: m,
-      disabled: s <= 0.3,
+      $theme: b,
+      onClick: s,
+      disabled: C <= 0.3,
       title: "\u7F29\u5C0F"
     },
     /* @__PURE__ */ n.createElement(nt, { size: 16 })
-  ), /* @__PURE__ */ n.createElement(it, { $theme: y }, Math.round(s * 100), "%"), /* @__PURE__ */ n.createElement(
+  ), /* @__PURE__ */ n.createElement(st, { $theme: b }, Math.round(C * 100), "%"), /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      onClick: g,
-      disabled: s >= 3,
+      $theme: b,
+      onClick: f,
+      disabled: C >= 3,
       title: "\u653E\u5927"
     },
     /* @__PURE__ */ n.createElement(ot, { size: 16 })
   )), u.annotation && /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      $active: a,
-      onClick: f,
-      title: a ? "\u9000\u51FA\u6807\u6CE8" : "\u5F00\u59CB\u6807\u6CE8"
+      $theme: b,
+      $active: l,
+      onClick: h,
+      title: l ? "\u9000\u51FA\u6807\u6CE8" : "\u5F00\u59CB\u6807\u6CE8"
     },
     /* @__PURE__ */ n.createElement(Ke, { size: 16 })
   ), u.download && /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      onClick: C,
+      $theme: b,
+      onClick: p,
       title: "\u4E0B\u8F7D"
     },
     /* @__PURE__ */ n.createElement(Je, { size: 16 })
   ), u.rotate && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      onClick: x,
+      $theme: b,
+      onClick: B,
       title: "\u5411\u5DE6\u65CB\u8F6C"
     },
     /* @__PURE__ */ n.createElement(Qe, { size: 16 })
   ), /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      onClick: v,
+      $theme: b,
+      onClick: w,
       title: "\u5411\u53F3\u65CB\u8F6C"
     },
     /* @__PURE__ */ n.createElement(et, { size: 16 })
   )), u.close && /* @__PURE__ */ n.createElement(
     ne,
     {
-      $theme: y,
-      onClick: D,
+      $theme: b,
+      onClick: x,
       title: "\u5173\u95ED"
     },
     /* @__PURE__ */ n.createElement(tt, { size: 16 })
@@ -1483,17 +1617,17 @@ const nt = ue("ZoomOut", [
     let o;
     if (typeof e == "string") {
       console.log("\u4ECEURL\u52A0\u8F7DPDF:", e);
-      const c = re.getDocument({
+      const i = re.getDocument({
         url: e,
         httpHeaders: t.token ? { Authorization: t.token } : void 0
       });
-      console.log("=== PDF\u52A0\u8F7D\u4EFB\u52A1\u8BE6\u7EC6\u4FE1\u606F ==="), console.log("\u52A0\u8F7D\u4EFB\u52A1\u5BF9\u8C61:", c), console.log("\u52A0\u8F7D\u4EFB\u52A1\u7C7B\u578B:", typeof c), console.log("\u52A0\u8F7D\u4EFB\u52A1\u65B9\u6CD5:", Object.getOwnPropertyNames(Object.getPrototypeOf(c))), console.log("\u52A0\u8F7D\u4EFB\u52A1\u5C5E\u6027:", Object.keys(c)), o = await c.promise, console.log("=== PDF\u6587\u6863\u52A0\u8F7D\u5B8C\u6210 ==="), console.log("PDF\u6587\u6863\u5BF9\u8C61:", o), console.log("PDF\u6587\u6863\u7C7B\u578B:", typeof o), console.log("PDF\u6587\u6863\u65B9\u6CD5:", Object.getOwnPropertyNames(Object.getPrototypeOf(o))), console.log("PDF\u6587\u6863\u5C5E\u6027:", Object.keys(o));
+      console.log("=== PDF\u52A0\u8F7D\u4EFB\u52A1\u8BE6\u7EC6\u4FE1\u606F ==="), console.log("\u52A0\u8F7D\u4EFB\u52A1\u5BF9\u8C61:", i), console.log("\u52A0\u8F7D\u4EFB\u52A1\u7C7B\u578B:", typeof i), console.log("\u52A0\u8F7D\u4EFB\u52A1\u65B9\u6CD5:", Object.getOwnPropertyNames(Object.getPrototypeOf(i))), console.log("\u52A0\u8F7D\u4EFB\u52A1\u5C5E\u6027:", Object.keys(i)), o = await i.promise, console.log("=== PDF\u6587\u6863\u52A0\u8F7D\u5B8C\u6210 ==="), console.log("PDF\u6587\u6863\u5BF9\u8C61:", o), console.log("PDF\u6587\u6863\u7C7B\u578B:", typeof o), console.log("PDF\u6587\u6863\u65B9\u6CD5:", Object.getOwnPropertyNames(Object.getPrototypeOf(o))), console.log("PDF\u6587\u6863\u5C5E\u6027:", Object.keys(o));
     } else {
       console.log("\u4ECEArrayBuffer\u52A0\u8F7DPDF");
-      const c = re.getDocument({
+      const i = re.getDocument({
         data: e
       });
-      console.log("=== PDF\u52A0\u8F7D\u4EFB\u52A1\u8BE6\u7EC6\u4FE1\u606F ==="), console.log("\u52A0\u8F7D\u4EFB\u52A1\u5BF9\u8C61:", c), console.log("\u52A0\u8F7D\u4EFB\u52A1\u7C7B\u578B:", typeof c), o = await c.promise, console.log("=== PDF\u6587\u6863\u52A0\u8F7D\u5B8C\u6210 ==="), console.log("PDF\u6587\u6863\u5BF9\u8C61:", o), console.log("PDF\u6587\u6863\u7C7B\u578B:", typeof o);
+      console.log("=== PDF\u52A0\u8F7D\u4EFB\u52A1\u8BE6\u7EC6\u4FE1\u606F ==="), console.log("\u52A0\u8F7D\u4EFB\u52A1\u5BF9\u8C61:", i), console.log("\u52A0\u8F7D\u4EFB\u52A1\u7C7B\u578B:", typeof i), o = await i.promise, console.log("=== PDF\u6587\u6863\u52A0\u8F7D\u5B8C\u6210 ==="), console.log("PDF\u6587\u6863\u5BF9\u8C61:", o), console.log("PDF\u6587\u6863\u7C7B\u578B:", typeof o);
     }
     const u = o.numPages;
     console.log("PDF\u52A0\u8F7D\u6210\u529F\uFF0C\u603B\u9875\u6570:", u), console.log("PDF\u6307\u7EB9:", o.fingerprints), console.log("PDF\u4F20\u8F93\u5BF9\u8C61:", o._transport);
@@ -1537,21 +1671,21 @@ const nt = ue("ZoomOut", [
       const r = new Blob([e]);
       o = URL.createObjectURL(r);
     }
-    console.log("\u5F00\u59CB\u9884\u52A0\u8F7D\u56FE\u7247:", o), await new Promise((r, c) => {
-      const p = new Image();
-      p.onload = () => {
-        console.log("\u56FE\u7247\u9884\u52A0\u8F7D\u6210\u529F:", o), console.log("\u56FE\u7247\u5C3A\u5BF8:", p.width, "x", p.height), r();
-      }, p.onerror = () => {
-        console.error("\u56FE\u7247\u9884\u52A0\u8F7D\u5931\u8D25:", o), c(new Error("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"));
+    console.log("\u5F00\u59CB\u9884\u52A0\u8F7D\u56FE\u7247:", o), await new Promise((r, i) => {
+      const v = new Image();
+      v.onload = () => {
+        console.log("\u56FE\u7247\u9884\u52A0\u8F7D\u6210\u529F:", o), console.log("\u56FE\u7247\u5C3A\u5BF8:", v.width, "x", v.height), r();
+      }, v.onerror = () => {
+        console.error("\u56FE\u7247\u9884\u52A0\u8F7D\u5931\u8D25:", o), i(new Error("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"));
       };
-      const g = setTimeout(() => {
-        c(new Error("\u56FE\u7247\u52A0\u8F7D\u8D85\u65F6"));
+      const f = setTimeout(() => {
+        i(new Error("\u56FE\u7247\u52A0\u8F7D\u8D85\u65F6"));
       }, 1e4);
-      p.onload = () => {
-        clearTimeout(g), console.log("\u56FE\u7247\u9884\u52A0\u8F7D\u6210\u529F:", o), console.log("\u56FE\u7247\u5C3A\u5BF8:", p.width, "x", p.height), r();
-      }, p.onerror = () => {
-        clearTimeout(g), console.error("\u56FE\u7247\u9884\u52A0\u8F7D\u5931\u8D25:", o), c(new Error("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"));
-      }, p.src = o;
+      v.onload = () => {
+        clearTimeout(f), console.log("\u56FE\u7247\u9884\u52A0\u8F7D\u6210\u529F:", o), console.log("\u56FE\u7247\u5C3A\u5BF8:", v.width, "x", v.height), r();
+      }, v.onerror = () => {
+        clearTimeout(f), console.error("\u56FE\u7247\u9884\u52A0\u8F7D\u5931\u8D25:", o), i(new Error("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"));
+      }, v.src = o;
     });
     const u = {
       type: "image",
@@ -1687,7 +1821,7 @@ const nt = ue("ZoomOut", [
         error: "\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B"
       };
   }
-}, de = G.div`
+}, de = J.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1697,65 +1831,113 @@ const nt = ue("ZoomOut", [
   border-radius: ${(e) => e.$theme.space.radius};
   overflow: hidden;
   min-height: 0; /* 确保flex子元素可以收缩 */
-`, pt = ({ status: e, theme: t }) => /* @__PURE__ */ n.createElement("div", { style: {
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  height: "100%",
-  padding: "40px",
-  background: t.colors.background
-} }, /* @__PURE__ */ n.createElement("div", { style: {
-  position: "relative",
-  width: "80px",
-  height: "80px",
-  marginBottom: "24px"
-} }, /* @__PURE__ */ n.createElement("div", { style: {
-  width: "60px",
-  height: "80px",
-  background: t.colors.primary,
-  borderRadius: "8px 8px 0 0",
-  position: "relative",
-  margin: "0 auto"
-} }, /* @__PURE__ */ n.createElement("div", { style: {
-  position: "absolute",
-  top: "0",
-  right: "0",
-  width: "0",
-  height: "0",
-  borderStyle: "solid",
-  borderWidth: "0 20px 20px 0",
-  borderColor: `transparent ${t.colors.background} transparent transparent`
-} })), /* @__PURE__ */ n.createElement("div", { style: {
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  width: "20px",
-  height: "20px",
-  borderRadius: "50%",
-  background: t.colors.background,
-  animation: "pulse 1.5s ease-in-out infinite"
-} })), /* @__PURE__ */ n.createElement("div", { style: {
-  fontSize: "16px",
-  fontWeight: "500",
-  color: t.colors.text,
-  marginBottom: "8px",
-  textAlign: "center"
-} }, e), /* @__PURE__ */ n.createElement("div", { style: {
-  width: "200px",
-  height: "4px",
-  background: t.colors.border,
-  borderRadius: "2px",
-  overflow: "hidden",
-  position: "relative"
-} }, /* @__PURE__ */ n.createElement("div", { style: {
-  width: "30%",
-  height: "100%",
-  background: t.colors.primary,
-  borderRadius: "2px",
-  animation: "loading-progress 2s ease-in-out infinite"
-} })), /* @__PURE__ */ n.createElement("style", null, `
+`, pt = ({ status: e, theme: t }) => /* @__PURE__ */ n.createElement(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      padding: "40px",
+      background: t.colors.background
+    }
+  },
+  /* @__PURE__ */ n.createElement(
+    "div",
+    {
+      style: {
+        position: "relative",
+        width: "80px",
+        height: "80px",
+        marginBottom: "24px"
+      }
+    },
+    /* @__PURE__ */ n.createElement(
+      "div",
+      {
+        style: {
+          width: "60px",
+          height: "80px",
+          background: t.colors.primary,
+          borderRadius: "8px 8px 0 0",
+          position: "relative",
+          margin: "0 auto"
+        }
+      },
+      /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: "0",
+            right: "0",
+            width: "0",
+            height: "0",
+            borderStyle: "solid",
+            borderWidth: "0 20px 20px 0",
+            borderColor: `transparent ${t.colors.background} transparent transparent`
+          }
+        }
+      )
+    ),
+    /* @__PURE__ */ n.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          width: "20px",
+          height: "20px",
+          borderRadius: "50%",
+          background: t.colors.background,
+          animation: "pulse 1.5s ease-in-out infinite"
+        }
+      }
+    )
+  ),
+  /* @__PURE__ */ n.createElement(
+    "div",
+    {
+      style: {
+        fontSize: "16px",
+        fontWeight: "500",
+        color: t.colors.text,
+        marginBottom: "8px",
+        textAlign: "center"
+      }
+    },
+    e
+  ),
+  /* @__PURE__ */ n.createElement(
+    "div",
+    {
+      style: {
+        width: "200px",
+        height: "4px",
+        background: t.colors.border,
+        borderRadius: "2px",
+        overflow: "hidden",
+        position: "relative"
+      }
+    },
+    /* @__PURE__ */ n.createElement(
+      "div",
+      {
+        style: {
+          width: "30%",
+          height: "100%",
+          background: t.colors.primary,
+          borderRadius: "2px",
+          animation: "loading-progress 2s ease-in-out infinite"
+        }
+      }
+    )
+  ),
+  /* @__PURE__ */ n.createElement("style", null, `
         @keyframes pulse {
           0%, 100% {
             opacity: 1;
@@ -1778,8 +1960,9 @@ const nt = ue("ZoomOut", [
             transform: translateX(100%);
           }
         }
-      `));
-G.div`
+      `)
+);
+J.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1787,7 +1970,7 @@ G.div`
   color: ${(e) => e.$theme.colors.disabledText};
   font-size: 14px;
 `;
-const Ce = G.div`
+const Ce = J.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1826,133 +2009,136 @@ const Ce = G.div`
   annotations: o,
   fileName: u,
   token: r,
-  initialPage: c = 1,
-  data: p,
-  eventsEmit: g = () => {
+  initialPage: i = 1,
+  data: v,
+  eventsEmit: f = () => {
   },
-  styles: m,
-  tools: f = {
+  styles: s,
+  tools: h = {
     annotation: !1,
     download: !1,
     zoom: !0,
     close: !0,
     navigation: !0
   },
-  customComponents: C,
-  className: x,
-  headerClass: v,
-  contentClass: D
+  customComponents: p,
+  className: B,
+  headerClass: w,
+  contentClass: x
 }) => {
-  var s;
-  const a = (m == null ? void 0 : m.theme) || Ct, [B, y] = P(!0), [Z, z] = P("\u6587\u4EF6\u4E0B\u8F7D\u4E2D..."), [i, b] = P(null), [h, j] = P(null), [q, R] = P(c), [T, _] = P(1), [V, Q] = P(0), [K, X] = P(!1), d = A(() => {
-    y(!0), z("\u6587\u4EF6\u4E0B\u8F7D\u4E2D..."), b(null), j(null), R(c), _(1), Q(0), X(!1);
-  }, [c]), l = A(async () => {
-    var F, L;
-    if (console.log("=== loadFile \u5F00\u59CB ==="), console.log("\u5F53\u524D\u53C2\u6570:", { fileUrl: e, fileName: u, fileType: t, data: p }), d(), p) {
-      y(!1), b(null), j({
-        type: p.fileType || t || "text",
-        content: p.content,
-        fileName: p.fileName || u,
-        fileType: p.fileType || t,
-        totalPages: p.totalPages || 1
+  var C;
+  const l = (s == null ? void 0 : s.theme) || Ct, [F, b] = z(!0), [S, M] = z("\u6587\u4EF6\u4E0B\u8F7D\u4E2D..."), [d, y] = z(null), [g, I] = z(null), [U, Q] = z(i), [k, _] = z(1), [Y, A] = z(0), [X, P] = z(!1), c = $(() => {
+    b(!0), M("\u6587\u4EF6\u4E0B\u8F7D\u4E2D..."), y(null), I(null), Q(i), A(0), P(!1);
+  }, [i]), a = $(async () => {
+    var E, L;
+    if (console.log("=== loadFile \u5F00\u59CB ==="), console.log("\u5F53\u524D\u53C2\u6570:", { fileUrl: e, fileName: u, fileType: t, data: v }), c(), v) {
+      b(!1), y(null), I({
+        type: v.fileType || t || "text",
+        content: v.content,
+        fileName: v.fileName || u,
+        fileType: v.fileType || t,
+        totalPages: v.totalPages || 1
       });
       return;
     }
     if (!e) {
-      b("\u6587\u4EF6URL\u4E0D\u80FD\u4E3A\u7A7A"), y(!1);
+      y("\u6587\u4EF6URL\u4E0D\u80FD\u4E3A\u7A7A"), b(!1);
       return;
     }
     try {
-      y(!0), b(null);
-      const J = xe(u, t);
-      z(J === "image" ? "\u56FE\u7247\u4E0B\u8F7D\u4E2D..." : J === "pdf" ? "PDF\u6587\u4EF6\u4E0B\u8F7D\u4E2D..." : J === "markdown" || J === "markdown_table" ? "Markdown\u6587\u4EF6\u4E0B\u8F7D\u4E2D..." : "\u6587\u4EF6\u4E0B\u8F7D\u4E2D...");
-      const M = await Ft(e, {
+      b(!0), y(null);
+      const K = xe(u, t);
+      M(K === "image" ? "\u56FE\u7247\u4E0B\u8F7D\u4E2D..." : K === "pdf" ? "PDF\u6587\u4EF6\u4E0B\u8F7D\u4E2D..." : K === "markdown" || K === "markdown_table" ? "Markdown\u6587\u4EF6\u4E0B\u8F7D\u4E2D..." : "\u6587\u4EF6\u4E0B\u8F7D\u4E2D...");
+      const W = await Ft(e, {
         fileName: u,
         fileType: t,
         token: r
       });
-      console.log("=== StaticFileReader parseFile \u7ED3\u679C ==="), console.log("result:", M), console.log("result.type:", M.type), console.log("result.content:", M.content), console.log("result.content?.text:", (F = M.content) == null ? void 0 : F.text), console.log("result.fileName:", M.fileName), console.log("result.fileType:", M.fileType), M.error ? b(M.error) : (M.type === "image" ? z("\u56FE\u7247\u52A0\u8F7D\u5B8C\u6210") : M.type === "pdf" ? z("PDF\u52A0\u8F7D\u5B8C\u6210") : M.type === "markdown" || M.type === "markdown_table" ? z("Markdown\u52A0\u8F7D\u5B8C\u6210") : z("\u6587\u4EF6\u52A0\u8F7D\u5B8C\u6210"), console.log("=== parseResult \u8BBE\u7F6E ==="), console.log("parseResult:", M), console.log("parseResult.content:", M.content), console.log("parseResult.content.document:", (L = M.content) == null ? void 0 : L.document), j(M));
-    } catch (J) {
-      b(`\u6587\u4EF6\u52A0\u8F7D\u5931\u8D25: ${J instanceof Error ? J.message : "\u672A\u77E5\u9519\u8BEF"}`);
+      console.log("=== StaticFileReader parseFile \u7ED3\u679C ==="), console.log("result:", W), console.log("result.type:", W.type), console.log("result.content:", W.content), console.log("result.content?.text:", (E = W.content) == null ? void 0 : E.text), console.log("result.fileName:", W.fileName), console.log("result.fileType:", W.fileType), W.error ? y(W.error) : (W.type === "image" ? M("\u56FE\u7247\u52A0\u8F7D\u5B8C\u6210") : W.type === "pdf" ? M("PDF\u52A0\u8F7D\u5B8C\u6210") : W.type === "markdown" || W.type === "markdown_table" ? M("Markdown\u52A0\u8F7D\u5B8C\u6210") : M("\u6587\u4EF6\u52A0\u8F7D\u5B8C\u6210"), console.log("=== parseResult \u8BBE\u7F6E ==="), console.log("parseResult:", W), console.log("parseResult.content:", W.content), console.log("parseResult.content.document:", (L = W.content) == null ? void 0 : L.document), I(W));
+    } catch (K) {
+      y(`\u6587\u4EF6\u52A0\u8F7D\u5931\u8D25: ${K instanceof Error ? K.message : "\u672A\u77E5\u9519\u8BEF"}`);
     } finally {
-      y(!1);
+      b(!1);
     }
-  }, [e, u, t, r, p, d]);
+  }, [e, u, t, r, v, c]);
   te(() => {
-    l();
-  }, [l]);
-  const E = A((F, L, J) => {
-    switch (F) {
-      case "pageChange":
-        L != null && L.pageNumber && R(L.pageNumber);
-        break;
-      // if (data?.annotationId) {
-      //   setAnnotations(prev => prev.filter(a => a.id !== data.annotationId));
-      // }
-      // break;
-      default:
-        g(F, L, J);
-        break;
-    }
-  }, [g]), w = A(() => {
-    const F = Math.min(3, T + 0.1);
-    _(F), E("zoom:change", { scale: F });
-  }, [T, E]), k = A(() => {
-    const F = Math.max(0.3, T - 0.1);
-    _(F), E("zoom:change", { scale: F });
-  }, [T, E]), S = A(() => {
-    if (q > 1) {
-      const F = q - 1;
-      R(F), E("page:change", { page: F });
+    a();
+  }, [a]);
+  const m = $(
+    (E, L, K) => {
+      switch (E) {
+        case "pageChange":
+          L != null && L.pageNumber && Q(L.pageNumber);
+          break;
+        // if (data?.annotationId) {
+        //   setAnnotations(prev => prev.filter(a => a.id !== data.annotationId));
+        // }
+        // break;
+        default:
+          f(E, L, K);
+          break;
+      }
+    },
+    [f]
+  ), D = $(() => {
+    const E = Math.min(3, k + 0.1);
+    _(E), m("zoom:change", { scale: E });
+  }, [k, m]), R = $(() => {
+    const E = Math.max(0.3, k - 0.1);
+    _(E), m("zoom:change", { scale: E });
+  }, [k, m]), H = $(() => {
+    if (U > 1) {
+      const E = U - 1;
+      Q(E), m("page:change", { page: E });
     }
-  }, [q, E]), W = A(() => {
-    const F = (h == null ? void 0 : h.totalPages) || 0;
-    if (F && q < F) {
-      const L = q + 1;
-      R(L), E("page:change", { page: L });
+  }, [U, m]), q = $(() => {
+    const E = (g == null ? void 0 : g.totalPages) || 0;
+    if (E && U < E) {
+      const L = U + 1;
+      Q(L), m("page:change", { page: L });
     }
-  }, [q, h == null ? void 0 : h.totalPages, E]), U = A(() => {
-    const F = !K;
-    X(F), E("annotation:toggle", { isAnnotating: F });
-  }, [K, E]), ee = A(() => {
-    E("download:start", { fileUrl: e, fileName: u });
-  }, [E, e, u]), N = A(() => {
-    Q((F) => (F - 90) % 360), E("rotate:left", { rotation: (V - 90) % 360 });
-  }, [V, E]), I = A(() => {
-    Q((F) => (F + 90) % 360), E("rotate:right", { rotation: (V + 90) % 360 });
-  }, [V, E]), Y = A(() => {
-    E("viewer:close");
-  }, [E]), oe = A((F, L) => {
-    const J = F === "pdf", M = F === "text" || F === "markdown" || F === "markdown_table" || F === "html";
+  }, [U, g == null ? void 0 : g.totalPages, m]), G = $(() => {
+    const E = !X;
+    P(E), m("annotation:toggle", { isAnnotating: E });
+  }, [X, m]), ee = $(() => {
+    m("download:start", { fileUrl: e, fileName: u });
+  }, [m, e, u]), N = $(() => {
+    A((E) => (E - 90) % 360), m("rotate:left", { rotation: (Y - 90) % 360 });
+  }, [Y, m]), j = $(() => {
+    A((E) => (E + 90) % 360), m("rotate:right", { rotation: (Y + 90) % 360 });
+  }, [Y, m]), V = $(() => {
+    m("viewer:close");
+  }, [m]), oe = $((E, L) => {
+    const K = E === "pdf", W = E === "text" || E === "markdown" || E === "markdown_table" || E === "html";
     return {
       ...L,
       // 缩放功能：只有 PDF 和图片支持
-      zoom: L.zoom && !M,
+      zoom: L.zoom && !W,
       // 导航功能：只有多页文件支持（PDF）
-      navigation: L.navigation && J,
+      navigation: L.navigation && K,
       // 标注功能：PDF、Markdown、Markdown表格都支持
-      annotation: L.annotation && (F === "pdf" || F === "markdown" || F === "markdown_table"),
+      annotation: L.annotation && (E === "pdf" || E === "markdown" || E === "markdown_table"),
       // 旋转功能：只有图片支持
-      rotate: L.rotate && F === "image",
+      rotate: L.rotate && E === "image",
       // 下载功能：所有文件都支持
       download: L.download,
       // 关闭功能：所有文件都支持
       close: L.close
     };
   }, []);
-  if (B) {
-    const F = oe(t || "unknown", {
-      ...f,
+  if (F) {
+    const E = oe(t || "unknown", {
+      ...h,
       navigation: !1
     });
-    return /* @__PURE__ */ n.createElement(de, { $theme: a, className: x }, /* @__PURE__ */ n.createElement(
+    return /* @__PURE__ */ n.createElement(de, { $theme: l, className: B }, /* @__PURE__ */ n.createElement(
       ce,
       {
         fileName: u || "\u52A0\u8F7D\u4E2D...",
         currentPage: 1,
         totalPage: 0,
-        tools: F,
-        styles: m,
+        tools: E,
+        styles: s,
         onPrevPage: () => {
         },
         onNextPage: () => {
@@ -1965,38 +2151,26 @@ const Ce = G.div`
         },
         onDownload: () => {
         },
-        onClose: Y,
+        onClose: V,
         scale: 1,
         isAnnotating: !1,
-        className: v
-      }
-    ), C != null && C.LoadingComponent ? /* @__PURE__ */ n.createElement(
-      C.LoadingComponent,
-      {
-        status: Z,
-        theme: a
-      }
-    ) : /* @__PURE__ */ n.createElement(
-      pt,
-      {
-        status: Z,
-        theme: a
+        className: w
       }
-    ));
+    ), p != null && p.LoadingComponent ? /* @__PURE__ */ n.createElement(p.LoadingComponent, { status: S, theme: l }) : /* @__PURE__ */ n.createElement(pt, { status: S, theme: l }));
   }
-  if (i) {
-    const F = oe(t || "unknown", {
-      ...f,
+  if (d) {
+    const E = oe(t || "unknown", {
+      ...h,
       navigation: !1
     });
-    return /* @__PURE__ */ n.createElement(de, { $theme: a, className: x }, /* @__PURE__ */ n.createElement(
+    return /* @__PURE__ */ n.createElement(de, { $theme: l, className: B }, /* @__PURE__ */ n.createElement(
       ce,
       {
         fileName: u || "\u9519\u8BEF",
         currentPage: 1,
         totalPage: 0,
-        tools: F,
-        styles: m,
+        tools: E,
+        styles: s,
         onPrevPage: () => {
         },
         onNextPage: () => {
@@ -2009,26 +2183,26 @@ const Ce = G.div`
         },
         onDownload: () => {
         },
-        onClose: Y,
+        onClose: V,
         scale: 1,
         isAnnotating: !1,
-        className: v
+        className: w
       }
-    ), /* @__PURE__ */ n.createElement(Ce, { $theme: a }, /* @__PURE__ */ n.createElement("div", null, "\u6587\u4EF6\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ n.createElement("div", { style: { fontSize: "12px", marginTop: "8px" } }, i)));
+    ), /* @__PURE__ */ n.createElement(Ce, { $theme: l }, /* @__PURE__ */ n.createElement("div", null, "\u6587\u4EF6\u52A0\u8F7D\u5931\u8D25"), /* @__PURE__ */ n.createElement("div", { style: { fontSize: "12px", marginTop: "8px" } }, d)));
   }
-  if (!h) {
-    const F = oe(t || "unknown", {
-      ...f,
+  if (!g) {
+    const E = oe(t || "unknown", {
+      ...h,
       navigation: !1
     });
-    return /* @__PURE__ */ n.createElement(de, { $theme: a, className: x }, /* @__PURE__ */ n.createElement(
+    return /* @__PURE__ */ n.createElement(de, { $theme: l, className: B }, /* @__PURE__ */ n.createElement(
       ce,
       {
         fileName: u || "\u672A\u77E5\u6587\u4EF6",
         currentPage: 1,
         totalPage: 0,
-        tools: F,
-        styles: m,
+        tools: E,
+        styles: s,
         onPrevPage: () => {
         },
         onNextPage: () => {
@@ -2041,61 +2215,62 @@ const Ce = G.div`
         },
         onDownload: () => {
         },
-        onClose: Y,
+        onClose: V,
         scale: 1,
         isAnnotating: !1,
-        className: v
+        className: w
       }
-    ), /* @__PURE__ */ n.createElement(Ce, { $theme: a }, /* @__PURE__ */ n.createElement("div", null, "\u65E0\u6CD5\u89E3\u6790\u6587\u4EF6")));
+    ), /* @__PURE__ */ n.createElement(Ce, { $theme: l }, /* @__PURE__ */ n.createElement("div", null, "\u65E0\u6CD5\u89E3\u6790\u6587\u4EF6")));
   }
-  const O = {
-    content: h.content,
-    ...(h.fileName || u) && { fileName: h.fileName || u },
-    ...(h.fileType || t) && { fileType: h.fileType || t },
-    ...h.totalPages && { totalPages: h.totalPages }
-  }, $ = oe(h.type, f);
-  return console.log("=== viewerData \u51C6\u5907 ==="), console.log("viewerData:", O), console.log("viewerData.content:", O.content), console.log("viewerData.content.document:", (s = O.content) == null ? void 0 : s.document), console.log("\u6587\u4EF6\u7C7B\u578B:", h.type), console.log("\u52A8\u6001\u5DE5\u5177\u914D\u7F6E:", $), console.log("=== \u6807\u6CE8\u6570\u636E\u4F20\u9012 ==="), console.log("annotations prop:", o), console.log("annotations \u957F\u5EA6:", (o == null ? void 0 : o.length) || 0), /* @__PURE__ */ n.createElement(de, { $theme: a, className: x }, /* @__PURE__ */ n.createElement(
+  const Z = {
+    content: g.content,
+    ...(g.fileName || u) && { fileName: g.fileName || u },
+    ...(g.fileType || t) && { fileType: g.fileType || t },
+    ...g.totalPages && { totalPages: g.totalPages }
+  }, T = oe(g.type, h);
+  return console.log("=== viewerData \u51C6\u5907 ==="), console.log("viewerData:", Z), console.log("viewerData.content:", Z.content), console.log("viewerData.content.document:", (C = Z.content) == null ? void 0 : C.document), console.log("\u6587\u4EF6\u7C7B\u578B:", g.type), console.log("\u52A8\u6001\u5DE5\u5177\u914D\u7F6E:", T), console.log("=== \u6807\u6CE8\u6570\u636E\u4F20\u9012 ==="), console.log("annotations prop:", o), console.log("annotations \u957F\u5EA6:", (o == null ? void 0 : o.length) || 0), /* @__PURE__ */ n.createElement(de, { $theme: l, className: B }, /* @__PURE__ */ n.createElement(
     ce,
     {
-      fileName: O.fileName || h.fileName || u || "\u672A\u77E5\u6587\u4EF6",
-      currentPage: h.type === "pdf" ? q : 1,
-      totalPage: h.type === "pdf" && h.totalPages || 0,
-      tools: $,
-      styles: m,
-      onPrevPage: h.type === "pdf" ? S : () => {
+      fileName: Z.fileName || g.fileName || u || "\u672A\u77E5\u6587\u4EF6",
+      currentPage: g.type === "pdf" ? U : 1,
+      totalPage: g.type === "pdf" && g.totalPages || 0,
+      tools: T,
+      styles: s,
+      onPrevPage: g.type === "pdf" ? H : () => {
       },
-      onNextPage: h.type === "pdf" ? W : () => {
+      onNextPage: g.type === "pdf" ? q : () => {
       },
-      onZoomIn: $.zoom ? w : () => {
+      onZoomIn: T.zoom ? D : () => {
       },
-      onZoomOut: $.zoom ? k : () => {
+      onZoomOut: T.zoom ? R : () => {
       },
-      onAnnotationToggle: $.annotation ? U : () => {
+      onAnnotationToggle: T.annotation ? G : () => {
       },
-      onDownload: $.download ? ee : () => {
+      onDownload: T.download ? ee : () => {
       },
-      onRotateLeft: $.rotate ? N : () => {
+      onRotateLeft: T.rotate ? N : () => {
       },
-      onRotateRight: $.rotate ? I : () => {
+      onRotateRight: T.rotate ? j : () => {
       },
-      onClose: Y,
-      scale: T,
-      isAnnotating: K,
-      className: v
+      onClose: V,
+      scale: k,
+      isAnnotating: X,
+      className: w
     }
   ), /* @__PURE__ */ n.createElement(
     Xe,
     {
-      data: O,
+      data: Z,
       annotationData: o || [],
-      totalPage: h.type === "pdf" && h.totalPages || 0,
-      currentPage: h.type === "pdf" ? q : 1,
-      scale: T,
-      rotation: V,
-      eventsEmit: E,
-      styles: m,
-      tools: $,
-      className: D
+      totalPage: g.type === "pdf" && g.totalPages || 0,
+      currentPage: g.type === "pdf" ? U : 1,
+      scale: k,
+      rotation: Y,
+      eventsEmit: m,
+      styles: s,
+      tools: T,
+      className: x,
+      setScale: _
     }
   ));
 }, vt = () => !!re.GlobalWorkerOptions.workerSrc, Dt = () => re.GlobalWorkerOptions.workerSrc, Bt = (e = "/worker/pdf.worker.min.js") => {