@mxmweb/fviewer 1.2.0 → 1.2.1

package/index.js

@@ -184,14 +184,14 @@ const Pe = {
   onAnnotationDelete: w,
   styles: b
 }) => {
-  const [v, B] = R(!1), [a, l] = R(null), [D, C] = R(0), [q, N] = R(0), [c, x] = R(!1), [F, k] = R(!0), O = (b == null ? void 0 : b.theme) || Pe, L = X(null), A = X(null), P = X(!1), V = X(null), ee = $((i) => {
+  const [v, B] = R(!1), [a, l] = R(null), [D, C] = R(0), [q, N] = R(0), [c, x] = R(!1), [F, k] = R(!0), O = (b == null ? void 0 : b.theme) || Pe, L = X(null), A = X(null), P = X(!1), V = X(null), ee = $((s) => {
     if (!A.current || !F || !g) return null;
-    const s = A.current, y = s.offsetWidth - 40, m = s.offsetHeight - 40, _ = y / i.width, T = m / i.height, I = Math.min(_, T, 1), Z = Math.max(0.3, Math.min(1, I));
+    const i = A.current, y = i.offsetWidth - 40, m = i.offsetHeight - 40, _ = y / s.width, T = m / s.height, I = Math.min(_, T, 1), Z = Math.max(0.3, Math.min(1, I));
     return console.log("\u81EA\u52A8\u8BA1\u7B97\u7F29\u653E\u6BD4\u4F8B:", {
       containerWidth: y,
       containerHeight: m,
-      viewportWidth: i.width,
-      viewportHeight: i.height,
+      viewportWidth: s.width,
+      viewportHeight: s.height,
       scaleX: _,
       scaleY: T,
       autoScale: I,
@@ -205,21 +205,21 @@ const Pe = {
       }
       try {
         V.current = t, P.current = !0;
-        const i = 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=${i}`), i < 1 || i > e.numPages)
-          throw console.error(`\u9875\u7801\u8D85\u51FA\u8303\u56F4: \u76F8\u5BF9\u9875\u7801=${i}, 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 s = await e.getPage(i), y = L.current, m = y.getContext("2d");
+        const s = 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=${s}`), s < 1 || s > e.numPages)
+          throw console.error(`\u9875\u7801\u8D85\u51FA\u8303\u56F4: \u76F8\u5BF9\u9875\u7801=${s}, 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 i = await e.getPage(s), y = L.current, m = y.getContext("2d");
         console.log("\u5F53\u524Dscale\u503C:", u);
-        const _ = s.getViewport({ scale: 1 });
-        if (console.log("viewport\u5C3A\u5BF8:", _.width, "x", _.height), F && k(!1), y.width = _.width, y.height = _.height, await s.render({
+        const _ = i.getViewport({ scale: 1 });
+        if (console.log("viewport\u5C3A\u5BF8:", _.width, "x", _.height), F && k(!1), y.width = _.width, y.height = _.height, await i.render({
           canvasContext: m,
           viewport: _
         }).promise, console.log("PDF\u6E32\u67D3\u6210\u529F, canvas\u5C3A\u5BF8:", y.width, "x", y.height), A.current) {
           const T = A.current;
           console.log("\u5BB9\u5668\u5C3A\u5BF8:", T.offsetWidth, "x", T.offsetHeight), console.log("Canvas\u663E\u793A\u5C3A\u5BF8:", y.offsetWidth, "x", y.offsetHeight);
         }
-      } catch (i) {
-        console.error("PDF\u6E32\u67D3\u5931\u8D25:", i);
+      } catch (s) {
+        console.error("PDF\u6E32\u67D3\u5931\u8D25:", s);
       } finally {
         P.current = !1;
       }
@@ -621,37 +621,37 @@ const Pe = {
   var u, r, d, p, f, g, h, w, b, v, B, a;
   const l = X(null), D = X(null), C = X(null), q = X(!1);
   X(0), X(null);
-  const [N] = R(!1), c = (i, s) => {
-    console.log("=== Markdownit\u6EDA\u52A8\u4E8B\u4EF6\u89E6\u53D1 ==="), console.log("\u6EDA\u52A8\u4F4D\u7F6E:", { scrollTop: i, scrollHeight: s }), t.eventsEmit && t.eventsEmit("markdown_scroll", { scrollTop: i, scrollHeight: s });
+  const [N] = R(!1), c = (s, i) => {
+    console.log("=== Markdownit\u6EDA\u52A8\u4E8B\u4EF6\u89E6\u53D1 ==="), console.log("\u6EDA\u52A8\u4F4D\u7F6E:", { scrollTop: s, scrollHeight: i }), t.eventsEmit && t.eventsEmit("markdown_scroll", { scrollTop: s, scrollHeight: i });
   }, x = () => {
     console.log("=== Markdownit\u6EDA\u52A8\u5230\u9876\u90E8 ==="), t.eventsEmit && t.eventsEmit("markdown_scroll_to_top");
   }, F = () => {
     console.log("=== Markdownit\u6EDA\u52A8\u5230\u5E95\u90E8 ==="), t.eventsEmit && t.eventsEmit("markdown_scroll_to_bottom");
   }, k = X();
-  k.current = (i) => {
-    var s, y;
+  k.current = (s) => {
+    var i, y;
     try {
       if (!o) return;
-      const m = typeof e.content == "string" ? e.content : ((s = e.content) == null ? void 0 : s.content) || "";
+      const m = typeof e.content == "string" ? e.content : ((i = e.content) == null ? void 0 : i.content) || "";
       if (!m || P.length === 0) return;
       const _ = JSON.stringify(P.map((Z) => ({ o: Z.offsets, c: Z.color }))), T = `${m.length}:${m.substring(0, 64)}:${m.substring(m.length - 64)}|${_}`;
-      if (((y = i.dataset) == null ? void 0 : y.tableAnnoRuntimeSig) === T) return;
+      if (((y = s.dataset) == null ? void 0 : y.tableAnnoRuntimeSig) === T) return;
       setTimeout(() => {
-        ee(), i.dataset && (i.dataset.tableAnnoRuntimeSig = T);
+        ee(), s.dataset && (s.dataset.tableAnnoRuntimeSig = T);
       }, 50);
     } catch (m) {
       console.warn("[MarkdownRendered] apply failed", m);
     }
   };
-  const O = n.useCallback((i) => {
-    var s;
-    return (s = k.current) == null ? void 0 : s.call(k, i);
-  }, []), L = $(() => {
+  const O = n.useCallback((s) => {
     var i;
+    return (i = k.current) == null ? void 0 : i.call(k, s);
+  }, []), L = $(() => {
+    var s;
     if (!N || !l.current) return;
-    const s = window.getSelection();
-    if (!s || s.isCollapsed) return;
-    const y = s.getRangeAt(0), m = y.toString().trim();
+    const i = window.getSelection();
+    if (!i || i.isCollapsed) return;
+    const y = i.getRangeAt(0), m = y.toString().trim();
     if (!m) return;
     const _ = l.current;
     let T = 0, I = 0;
@@ -671,7 +671,7 @@ const Pe = {
         I = T + y.startOffset;
         break;
       }
-      T += ((i = U.textContent) == null ? void 0 : i.length) || 0, U = Z.nextNode();
+      T += ((s = U.textContent) == null ? void 0 : s.length) || 0, U = Z.nextNode();
     }
     console.log("\u9009\u4E2D\u6587\u672C\u4FE1\u606F:", {
       text: m,
@@ -685,35 +685,35 @@ const Pe = {
       end: I + m.length,
       color: "#FFE599"
     };
-    console.log("\u521B\u5EFA\u65B0\u6807\u6CE8:", M), t.eventsEmit && t.eventsEmit("md_annotation_add", M), s.removeAllRanges();
+    console.log("\u521B\u5EFA\u65B0\u6807\u6CE8:", M), t.eventsEmit && t.eventsEmit("md_annotation_add", M), i.removeAllRanges();
   }, [N, t.eventsEmit]), A = o ? [] : (t.annotationData || []).filter(
-    (i) => "start" in i && "end" in i && !("pageNumber" in i)
+    (s) => "start" in s && "end" in s && !("pageNumber" in s)
   ), P = o ? (t.annotationData || []).filter(
-    (i) => "offsets" in i && Array.isArray(i.offsets)
+    (s) => "offsets" in s && Array.isArray(s.offsets)
   ) : [], V = $(() => {
     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 i = l.current.querySelectorAll(".md-annotation");
-    console.log("\u6E05\u7A7AMarkdown\u6807\u6CE8\u6570\u91CF:", i.length), i.length > 0 && i.forEach((s) => {
-      const y = s.parentNode;
-      y && y.replaceChild(document.createTextNode(s.textContent || ""), s);
+    const s = l.current.querySelectorAll(".md-annotation");
+    console.log("\u6E05\u7A7AMarkdown\u6807\u6CE8\u6570\u91CF:", s.length), s.length > 0 && s.forEach((i) => {
+      const y = i.parentNode;
+      y && y.replaceChild(document.createTextNode(i.textContent || ""), i);
     }), console.log("\u6240\u6709\u6807\u6CE8\u5DF2\u6E05\u7A7A");
   }, []), ee = $(() => {
     if (console.log("=== \u5F00\u59CB\u5E94\u7528\u8868\u683C\u6807\u6CE8 ==="), console.log("tableAnnotations:", P), !l.current || !P.length) {
       console.log("\u8868\u683C\u6807\u6CE8\u6761\u4EF6\u4E0D\u6EE1\u8DB3\uFF0C\u9000\u51FA");
       return;
     }
-    const i = l.current.querySelectorAll("table");
-    if (console.log("\u627E\u5230\u8868\u683C\u6570\u91CF:", i.length), i.length === 0) {
+    const s = l.current.querySelectorAll("table");
+    if (console.log("\u627E\u5230\u8868\u683C\u6570\u91CF:", s.length), s.length === 0) {
       console.log("\u6CA1\u6709\u627E\u5230\u8868\u683C\u5143\u7D20");
       return;
     }
-    q.current = !0, P.forEach((s, y) => {
-      const m = s.offsets;
-      if (console.log("\u5904\u7406\u8868\u683C\u6807\u6CE8:", s), !Array.isArray(m) || !m.length || !Array.isArray(m[0]) || m[0].length !== 2) {
-        console.warn("[TableAnnotation] annotation.offsets is not valid", s);
+    q.current = !0, P.forEach((i, y) => {
+      const m = i.offsets;
+      if (console.log("\u5904\u7406\u8868\u683C\u6807\u6CE8:", i), !Array.isArray(m) || !m.length || !Array.isArray(m[0]) || m[0].length !== 2) {
+        console.warn("[TableAnnotation] annotation.offsets is not valid", i);
         return;
       }
       m.forEach((_, T) => {
@@ -722,7 +722,7 @@ const Pe = {
           console.warn("[TableAnnotation] offset is not [number, number]", _);
           return;
         }
-        i.forEach((U, M) => {
+        s.forEach((U, M) => {
           var j, K, oe;
           let Q;
           const H = U.tBodies && U.tBodies.length > 0 ? Array.from(U.tBodies[0].rows) : [];
@@ -741,8 +741,8 @@ const Pe = {
             console.warn("[TableAnnotation] cell is undefined", { row: I, col: Z, tableIndex: M });
             return;
           }
-          const E = s.color || "rgba(255, 229, 153, 0.5)", z = getComputedStyle(W).backgroundColor;
-          W.getAttribute("data-table-annotated") === "1" && (z === E || W.style.backgroundColor === E) || (W.style.setProperty("background", E, "important"), W.style.setProperty("background-color", E, "important"), W.setAttribute("data-table-annotated", "1")), s.content && (W.title = s.content), T === 0 && y === 0 && setTimeout(() => {
+          const E = i.color || "rgba(255, 229, 153, 0.5)", z = getComputedStyle(W).backgroundColor;
+          W.getAttribute("data-table-annotated") === "1" && (z === E || W.style.backgroundColor === E) || (W.style.setProperty("background", E, "important"), W.style.setProperty("background-color", E, "important"), W.setAttribute("data-table-annotated", "1")), i.content && (W.title = i.content), T === 0 && y === 0 && setTimeout(() => {
             W.scrollIntoView({ behavior: "smooth", block: "start" });
           }, 300);
         });
@@ -756,10 +756,10 @@ const Pe = {
       return;
     }
     D.current && clearTimeout(D.current);
-    const i = () => {
-      var s;
+    const s = () => {
+      var i;
       console.log("\u5F00\u59CB\u5E94\u7528\u6807\u6CE8...");
-      const y = (s = l.current) == null ? void 0 : s.querySelectorAll(".md-annotation");
+      const y = (i = l.current) == null ? void 0 : i.querySelectorAll(".md-annotation");
       console.log("\u79FB\u9664\u73B0\u6709\u6807\u6CE8\u6570\u91CF:", (y == null ? void 0 : y.length) || 0), y == null || y.forEach((M) => {
         const j = M.parentNode;
         j && j.replaceChild(document.createTextNode(M.textContent || ""), M);
@@ -779,7 +779,7 @@ const Pe = {
         _.push(T);
       if (console.log("\u627E\u5230\u6587\u672C\u8282\u70B9\u6570\u91CF:", _.length), _.length === 0) {
         console.log("\u6CA1\u6709\u627E\u5230\u6587\u672C\u8282\u70B9\uFF0C\u5EF6\u8FDF\u91CD\u8BD5..."), D.current = setTimeout(() => {
-          i();
+          s();
         }, 200);
         return;
       }
@@ -804,36 +804,36 @@ const Pe = {
         );
         console.log("\u76F8\u5173\u8282\u70B9\u6570\u91CF:", Q.length), Q.forEach(({ node: H, start: W }) => {
           var E, z, Y, S, me, Fe;
-          const le = Math.max(0, j - W), ie = Math.min(((E = H.textContent) == null ? void 0 : E.length) || 0, K - W);
-          if (console.log("\u672C\u5730\u4F4D\u7F6E:", { localStart: le, localEnd: ie, nodeTextLength: (z = H.textContent) == null ? void 0 : z.length }), le >= ie) {
+          const le = Math.max(0, j - W), se = Math.min(((E = H.textContent) == null ? void 0 : E.length) || 0, K - W);
+          if (console.log("\u672C\u5730\u4F4D\u7F6E:", { localStart: le, localEnd: se, nodeTextLength: (z = H.textContent) == null ? void 0 : z.length }), le >= se) {
             console.log("\u672C\u5730\u4F4D\u7F6E\u65E0\u6548\uFF0C\u8DF3\u8FC7");
             return;
           }
-          const ge = ((Y = H.textContent) == null ? void 0 : Y.slice(0, le)) || "", fe = ((S = H.textContent) == null ? void 0 : S.slice(le, ie)) || "", Ee = ((me = H.textContent) == null ? void 0 : me.slice(ie)) || "";
+          const ge = ((Y = H.textContent) == null ? void 0 : Y.slice(0, le)) || "", fe = ((S = H.textContent) == null ? void 0 : S.slice(le, se)) || "", Ee = ((me = H.textContent) == null ? void 0 : me.slice(se)) || "";
           console.log("\u5206\u5272\u6587\u672C:", { before: ge, annotatedText: fe, after: Ee });
-          const se = document.createElement("span");
-          se.className = "md-annotation", se.style.backgroundColor = oe || "#FFE599", se.textContent = fe;
+          const ie = document.createElement("span");
+          ie.className = "md-annotation", ie.style.backgroundColor = oe || "#FFE599", ie.textContent = fe;
           const ae = document.createDocumentFragment();
-          ge && ae.appendChild(document.createTextNode(ge)), ae.appendChild(se), Ee && ae.appendChild(document.createTextNode(Ee)), (Fe = H.parentNode) == null || Fe.replaceChild(ae, H), console.log("\u6210\u529F\u5E94\u7528\u6807\u6CE8:", fe);
+          ge && ae.appendChild(document.createTextNode(ge)), ae.appendChild(ie), Ee && ae.appendChild(document.createTextNode(Ee)), (Fe = H.parentNode) == null || Fe.replaceChild(ae, H), console.log("\u6210\u529F\u5E94\u7528\u6807\u6CE8:", fe);
         });
       });
     };
     D.current = setTimeout(() => {
-      i();
+      s();
     }, 100);
   }, [A]);
   return te(() => {
-    var i;
+    var s;
     if (o) {
       console.log("[MarkdownContentView] table mode: skip effect, wait for onRendered");
       return;
     }
-    const s = typeof e.content == "string" ? e.content : ((i = e.content) == null ? void 0 : i.content) || "";
-    if (!s || typeof s != "string") {
+    const i = typeof e.content == "string" ? e.content : ((s = e.content) == null ? void 0 : s.content) || "";
+    if (!i || typeof i != "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:", l.current), console.log("isTableMode:", o), console.log("mdAnnotations:", A), console.log("tableAnnotations:", P), console.log("data.content:", e.content), console.log("\u5B9E\u9645\u5185\u5BB9:", s), !l.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:", A), console.log("tableAnnotations:", P), console.log("data.content:", e.content), console.log("\u5B9E\u9645\u5185\u5BB9:", i), !l.current) {
       console.log("markdownRef\u4E0D\u5B58\u5728\uFF0C\u9000\u51FA\u6807\u6CE8\u5E94\u7528");
       return;
     }
@@ -848,18 +848,18 @@ const Pe = {
         document.removeEventListener("mouseup", L);
       };
   }, [L, o]), te(() => {
-    var i;
-    const s = typeof e.content == "string" ? e.content : ((i = e.content) == null ? void 0 : i.content) || "";
-    if (!s || typeof s != "string") {
+    var s;
+    const i = typeof e.content == "string" ? e.content : ((s = e.content) == null ? void 0 : s.content) || "";
+    if (!i || typeof i != "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:", s.length || 0), typeof s == "string" ? (console.log("\u5185\u5BB9\u524D100\u5B57\u7B26:", s.substring(0, 100)), console.log("\u5185\u5BB9\u540E100\u5B57\u7B26:", s.substring(s.length - 100))) : (console.log("\u5185\u5BB9\u4E0D\u662F\u5B57\u7B26\u4E32\u7C7B\u578B:", typeof s), console.log("\u5185\u5BB9\u503C:", s)), console.log("\u6807\u6CE8\u6570\u636E:", A), console.log("\u8868\u683C\u6807\u6CE8\u6570\u636E:", P);
+    console.log("=== Markdown\u5185\u5BB9\u4FE1\u606F ==="), console.log("isTableMode:", o), console.log("\u5185\u5BB9\u957F\u5EA6:", i.length || 0), typeof i == "string" ? (console.log("\u5185\u5BB9\u524D100\u5B57\u7B26:", i.substring(0, 100)), console.log("\u5185\u5BB9\u540E100\u5B57\u7B26:", i.substring(i.length - 100))) : (console.log("\u5185\u5BB9\u4E0D\u662F\u5B57\u7B26\u4E32\u7C7B\u578B:", typeof i), console.log("\u5185\u5BB9\u503C:", i)), console.log("\u6807\u6CE8\u6570\u636E:", A), console.log("\u8868\u683C\u6807\u6CE8\u6570\u636E:", P);
   }, [A, P, o]), te(() => {
     if (o && l.current) {
-      const i = setTimeout(() => {
-        var s;
-        const y = (s = l.current) == null ? void 0 : s.querySelectorAll("table");
+      const s = setTimeout(() => {
+        var i;
+        const y = (i = l.current) == null ? void 0 : i.querySelectorAll("table");
         y && y.length > 0 && (console.log("\u8C03\u6574\u8868\u683C\u5C3A\u5BF8\uFF0C\u627E\u5230\u8868\u683C\u6570\u91CF:", y.length), y.forEach((m, _) => {
           if (m instanceof HTMLTableElement) {
             m.style.width = "100%", m.style.minWidth = "100%", m.style.tableLayout = "auto";
@@ -868,7 +868,7 @@ const Pe = {
           }
         }));
       }, 500);
-      return () => clearTimeout(i);
+      return () => clearTimeout(s);
     }
   }, [o, e.content]), te(() => () => {
     D.current && clearTimeout(D.current), C.current && (C.current.disconnect(), C.current = null);
@@ -890,8 +890,8 @@ const Pe = {
         dataSource: {
           type: ve.MARKDOWN,
           content: (() => {
-            var i, s;
-            return typeof e.content == "string" ? e.content : (i = e.content) != null && i.text ? e.content.text : (s = e.content) != null && s.content ? e.content.content : "";
+            var s, i;
+            return typeof e.content == "string" ? e.content : (s = e.content) != null && s.text ? e.content.text : (i = e.content) != null && i.content ? e.content.content : "";
           })()
         },
         size: "md",
@@ -1287,13 +1287,13 @@ const rt = ue("ZoomOut", [
   border-bottom: 1px solid ${(e) => e.$theme.colors.border};
   background: ${(e) => e.$theme.colors.background};
   min-height: 52px;
-`, it = G.div`
+`, st = G.div`
   display: flex;
   align-items: center;
   gap: 8px;
   flex: 1;
   min-width: 0;
-`, st = G.div`
+`, it = G.div`
   font-size: 14px;
   font-weight: 500;
   color: ${(e) => e.$theme.colors.text};
@@ -1321,6 +1321,12 @@ const rt = ue("ZoomOut", [
   cursor: pointer;
   transition: all 0.2s ease;
 
+  /* 确保图标有默认颜色 */
+  & > svg {
+    color: currentColor;
+    stroke: currentColor;
+  }
+
   &:hover {
     background: ${(e) => e.$theme.colors.primary + "10"};
     color: ${(e) => e.$theme.colors.primary};
@@ -1351,13 +1357,13 @@ const rt = ue("ZoomOut", [
     disabledText: "#808080"
   },
   space: {
-    sidebar: "md",
-    size: "md",
-    radius: "md",
-    padding: "md",
-    margin: "md",
-    shadow: "md",
-    lineHeight: "md"
+    sidebar: "12px",
+    size: "12px",
+    radius: "4px",
+    padding: "8px 12px",
+    margin: "4px",
+    shadow: "0 2px 4px rgba(0,0,0,0.1)",
+    lineHeight: "1.5"
   }
 }, ce = n.memo(({
   fileName: e = "\u672A\u77E5\u6587\u4EF6",
@@ -1386,7 +1392,7 @@ const rt = ue("ZoomOut", [
   className: D
 }) => {
   const C = (r == null ? void 0 : r.theme) || mt;
-  return console.log("Header\u7EC4\u4EF6\u6E32\u67D3 - currentPage:", t, "totalPage:", o), /* @__PURE__ */ n.createElement(lt, { $theme: C, className: D }, /* @__PURE__ */ n.createElement(it, { $theme: C }, /* @__PURE__ */ n.createElement(st, { $theme: C }, e)), /* @__PURE__ */ n.createElement(ct, { $theme: C }, u.navigation && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
+  return console.log("Header\u7EC4\u4EF6\u6E32\u67D3 - currentPage:", t, "totalPage:", o), /* @__PURE__ */ n.createElement(lt, { $theme: C, className: D }, /* @__PURE__ */ n.createElement(st, { $theme: C }, /* @__PURE__ */ n.createElement(it, { $theme: C }, e)), /* @__PURE__ */ n.createElement(ct, { $theme: C }, u.navigation && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
     ne,
     {
       $theme: C,
@@ -1847,11 +1853,11 @@ const pe = G.div`
   contentClass: B
 }) => {
   var a;
-  const l = (g == null ? void 0 : g.theme) || vt, [D, C] = R(!0), [q, N] = R("\u6587\u4EF6\u4E0B\u8F7D\u4E2D..."), [c, x] = R(null), [F, k] = R(null), [O, L] = R(d), [A, P] = R(1), [V, ee] = R(0), [J, i] = R(!1), s = $(() => {
-    C(!0), N("\u6587\u4EF6\u4E0B\u8F7D\u4E2D..."), x(null), k(null), L(d), P(1), ee(0), i(!1);
+  const l = (g == null ? void 0 : g.theme) || vt, [D, C] = R(!0), [q, N] = R("\u6587\u4EF6\u4E0B\u8F7D\u4E2D..."), [c, x] = R(null), [F, k] = R(null), [O, L] = R(d), [A, P] = R(1), [V, ee] = R(0), [J, s] = R(!1), i = $(() => {
+    C(!0), N("\u6587\u4EF6\u4E0B\u8F7D\u4E2D..."), x(null), k(null), L(d), P(1), ee(0), s(!1);
   }, [d]), y = $(async () => {
     var E, z;
-    if (console.log("=== loadFile \u5F00\u59CB ==="), console.log("\u5F53\u524D\u53C2\u6570:", { fileUrl: e, fileName: u, fileType: t, data: p }), s(), p) {
+    if (console.log("=== loadFile \u5F00\u59CB ==="), console.log("\u5F53\u524D\u53C2\u6570:", { fileUrl: e, fileName: u, fileType: t, data: p }), i(), p) {
       C(!1), x(null), k({
         type: p.fileType || t || "text",
         content: p.content,
@@ -1880,7 +1886,7 @@ const pe = G.div`
     } finally {
       C(!1);
     }
-  }, [e, u, t, r, p, s]);
+  }, [e, u, t, r, p, i]);
   te(() => {
     y();
   }, [y]);
@@ -1916,7 +1922,7 @@ const pe = G.div`
     }
   }, [O, F == null ? void 0 : F.totalPages, m]), U = $(() => {
     const E = !J;
-    i(E), m("annotation:toggle", { isAnnotating: E });
+    s(E), m("annotation:toggle", { isAnnotating: E });
   }, [J, m]), M = $(() => {
     m("download:start", { fileUrl: e, fileName: u });
   }, [m, e, u]), j = $(() => {