@superlc/md-vue 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,28 +1,28 @@
-import { defineComponent as C, ref as h, h as e, computed as B, onMounted as $, onUnmounted as F, watch as H } from "vue";
-import { detectColorScheme as te, observeColorScheme as ae, MermaidRenderer as ne, downloadAsPng as le, parseToHast as j, createStreamingParser as P, OutputRateController as U } from "@superlc/md-core";
-let O = !1, A = null;
+import { defineComponent as C, ref as y, h as t, computed as N, onMounted as $, onUnmounted as E, watch as T } from "vue";
+import { detectColorScheme as te, observeColorScheme as ae, downloadAsPng as ne, MermaidRenderer as le, parseToHast as j, createStreamingParser as P, OutputRateController as U } from "@superlc/md-core";
+let R = !1, F = null;
 async function oe() {
-  if (!O)
-    return A || (A = (async () => {
-      await import("katex/dist/katex.min.css"), O = !0;
-    })(), A);
+  if (!R)
+    return F || (F = (async () => {
+      await import("katex/dist/katex.min.css"), R = !0;
+    })(), F);
 }
-function Se() {
-  return O;
+function Ne() {
+  return R;
 }
 function Y() {
   return oe();
 }
-async function re(t) {
+async function re(e) {
   try {
-    return await navigator.clipboard.writeText(t), !0;
+    return await navigator.clipboard.writeText(e), !0;
   } catch {
-    return se(t);
+    return se(e);
   }
 }
-function se(t) {
+function se(e) {
   const n = document.createElement("textarea");
-  n.value = t, n.style.position = "fixed", n.style.left = "-9999px", document.body.appendChild(n), n.select();
+  n.value = e, n.style.position = "fixed", n.style.left = "-9999px", document.body.appendChild(n), n.select();
   try {
     return document.execCommand("copy"), !0;
   } catch {
@@ -31,31 +31,31 @@ function se(t) {
     document.body.removeChild(n);
   }
 }
-const ue = () => e(
+const ue = () => t(
   "svg",
   {
     viewBox: "0 0 24 24",
     fill: "currentColor"
   },
   [
-    e("path", {
+    t("path", {
       d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
     })
   ]
-), ce = () => e(
+), ce = () => t(
   "svg",
   {
     viewBox: "0 0 24 24",
     fill: "currentColor"
   },
   [
-    e("path", {
+    t("path", {
       d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
     })
   ]
 );
-function X(t) {
-  return typeof t == "string" ? t : Array.isArray(t) ? t.map((n) => typeof n == "string" ? n : n && typeof n == "object" && "children" in n ? X(n.children) : "").join("") : "";
+function X(e) {
+  return typeof e == "string" ? e : Array.isArray(e) ? e.map((n) => typeof n == "string" ? n : n && typeof n == "object" && "children" in n ? X(n.children) : "").join("") : "";
 }
 const q = C({
   name: "CodeBlock",
@@ -66,29 +66,29 @@ const q = C({
     }
   },
   emits: ["copy"],
-  setup(t, { slots: n, emit: l }) {
-    const s = h(!1), o = async () => {
+  setup(e, { slots: n, emit: l }) {
+    const r = y(!1), o = async () => {
       var u;
-      const a = (u = n.default) == null ? void 0 : u.call(n), r = a ? X(a) : "";
-      await re(r) && (s.value = !0, l("copy", r), setTimeout(() => {
-        s.value = !1;
+      const a = (u = n.default) == null ? void 0 : u.call(n), s = a ? X(a) : "";
+      await re(s) && (r.value = !0, l("copy", s), setTimeout(() => {
+        r.value = !1;
       }, 2e3));
     };
     return () => {
-      var r;
-      const a = (r = n.default) == null ? void 0 : r.call(n);
-      return e("div", { class: "md-code-block-wrapper" }, [
-        e("pre", {}, a),
-        t.showCopyButton && e(
+      var s;
+      const a = (s = n.default) == null ? void 0 : s.call(n);
+      return t("div", { class: "md-code-block-wrapper" }, [
+        t("pre", {}, a),
+        e.showCopyButton && t(
           "button",
           {
             type: "button",
-            class: `md-copy-button${s.value ? " md-copy-button--copied" : ""}`,
+            class: `md-copy-button${r.value ? " md-copy-button--copied" : ""}`,
             onClick: o,
-            title: s.value ? "已复制" : "复制代码",
-            "aria-label": s.value ? "已复制" : "复制代码"
+            title: r.value ? "已复制" : "复制代码",
+            "aria-label": r.value ? "已复制" : "复制代码"
           },
-          [s.value ? e(ce) : e(ue)]
+          [r.value ? t(ce) : t(ue)]
         )
       ]);
     };
@@ -99,24 +99,24 @@ const q = C({
   step: 0.25,
   default: 1
 };
-function W(t = {}) {
+function W(e = {}) {
   const {
     config: n,
     enableDrag: l = !1,
-    enableWheelZoom: s = !1
-  } = t, o = { ...ie, ...n }, a = h({
+    enableWheelZoom: r = !1
+  } = e, o = { ...ie, ...n }, a = y({
     scale: o.default,
     translateX: 0,
     translateY: 0
-  }), r = h(!1), c = h({ x: 0, y: 0 }), u = h({ x: 0, y: 0 }), d = (g) => Math.max(o.min, Math.min(o.max, g)), v = B(() => a.value.scale < o.max), y = B(() => a.value.scale > o.min), m = () => {
+  }), s = y(!1), i = y({ x: 0, y: 0 }), u = y({ x: 0, y: 0 }), c = (m) => Math.max(o.min, Math.min(o.max, m)), f = N(() => a.value.scale < o.max), g = N(() => a.value.scale > o.min), v = () => {
     a.value = {
       ...a.value,
-      scale: d(a.value.scale + o.step)
+      scale: c(a.value.scale + o.step)
     };
-  }, i = () => {
+  }, d = () => {
     a.value = {
       ...a.value,
-      scale: d(a.value.scale - o.step)
+      scale: c(a.value.scale - o.step)
     };
   }, p = () => {
     a.value = {
@@ -124,72 +124,72 @@ function W(t = {}) {
       translateX: 0,
       translateY: 0
     };
-  }, k = (g) => {
+  }, M = (m) => {
     a.value = {
       ...a.value,
-      scale: d(g)
+      scale: c(m)
     };
-  }, f = (g, z) => {
-    const T = g.width / z.width, M = g.height / z.height, V = Math.min(T, M) * 0.95;
+  }, h = (m, b) => {
+    const k = m.width / b.width, z = m.height / b.height, V = Math.min(k, z) * 0.95;
     a.value = {
-      scale: d(V),
+      scale: c(V),
       translateX: 0,
       translateY: 0
     };
-  }, I = (g) => {
-    l && (g.preventDefault(), r.value = !0, c.value = { x: g.clientX, y: g.clientY }, u.value = { x: a.value.translateX, y: a.value.translateY });
-  }, x = (g) => {
-    if (!r.value) return;
-    const z = g.clientX - c.value.x, T = g.clientY - c.value.y;
+  }, x = (m) => {
+    l && (m.preventDefault(), s.value = !0, i.value = { x: m.clientX, y: m.clientY }, u.value = { x: a.value.translateX, y: a.value.translateY });
+  }, w = (m) => {
+    if (!s.value) return;
+    const b = m.clientX - i.value.x, k = m.clientY - i.value.y;
     a.value = {
       ...a.value,
-      translateX: u.value.x + z,
-      translateY: u.value.y + T
+      translateX: u.value.x + b,
+      translateY: u.value.y + k
     };
-  }, b = () => {
-    r.value = !1;
-  }, w = (g) => {
-    if (!s) return;
-    g.preventDefault();
-    const z = g.deltaY > 0 ? -o.step : o.step;
+  }, B = () => {
+    s.value = !1;
+  }, I = (m) => {
+    if (!r) return;
+    m.preventDefault();
+    const b = m.deltaY > 0 ? -o.step : o.step;
     a.value = {
       ...a.value,
-      scale: d(a.value.scale + z)
+      scale: c(a.value.scale + b)
     };
-  }, S = () => {
+  }, L = () => {
     p();
-  }, N = B(() => ({
+  }, S = N(() => ({
     transform: `translate(${a.value.translateX}px, ${a.value.translateY}px) scale(${a.value.scale})`,
     transformOrigin: "center center",
-    transition: r.value ? "none" : "transform 0.2s ease-out",
-    cursor: l ? r.value ? "grabbing" : "grab" : "default"
+    transition: s.value ? "none" : "transform 0.2s ease-out",
+    cursor: l ? s.value ? "grabbing" : "grab" : "default"
   }));
   return $(() => {
-    l && (document.addEventListener("mousemove", x), document.addEventListener("mouseup", b));
-  }), F(() => {
-    l && (document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", b));
+    l && (document.addEventListener("mousemove", w), document.addEventListener("mouseup", B));
+  }), E(() => {
+    l && (document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", B));
   }), {
     state: a,
-    zoomIn: m,
-    zoomOut: i,
+    zoomIn: v,
+    zoomOut: d,
     reset: p,
-    fitToContainer: f,
-    setScale: k,
-    canZoomIn: v,
-    canZoomOut: y,
-    contentStyle: N,
-    onMouseDown: I,
-    onWheel: w,
-    onDoubleClick: S
+    fitToContainer: h,
+    setScale: M,
+    canZoomIn: f,
+    canZoomOut: g,
+    contentStyle: S,
+    onMouseDown: x,
+    onWheel: I,
+    onDoubleClick: L
   };
 }
 const de = C({
   name: "ImageIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"
       })
     );
@@ -197,43 +197,43 @@ const de = C({
 }), me = C({
   name: "CodeIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"
       })
     );
   }
-}), K = C({
+}), _ = C({
   name: "ZoomInIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2V7z"
       })
     );
   }
-}), G = C({
+}), K = C({
   name: "ZoomOutIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z"
       })
     );
   }
-}), _ = C({
+}), G = C({
   name: "ResetIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"
       })
     );
@@ -241,10 +241,10 @@ const de = C({
 }), ve = C({
   name: "FullscreenIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"
       })
     );
@@ -252,10 +252,10 @@ const de = C({
 }), fe = C({
   name: "FullscreenExitIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"
       })
     );
@@ -263,10 +263,10 @@ const de = C({
 }), J = C({
   name: "DownloadIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
       })
     );
@@ -274,10 +274,10 @@ const de = C({
 }), pe = C({
   name: "CloseIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
       })
     );
@@ -285,10 +285,10 @@ const de = C({
 }), he = C({
   name: "CopyIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
       })
     );
@@ -296,10 +296,10 @@ const de = C({
 }), ye = C({
   name: "CheckIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
       })
     );
@@ -308,10 +308,10 @@ const de = C({
 C({
   name: "FitIcon",
   setup() {
-    return () => e(
+    return () => t(
       "svg",
       { viewBox: "0 0 24 24", fill: "currentColor" },
-      e("path", {
+      t("path", {
         d: "M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z"
       })
     );
@@ -330,70 +330,70 @@ const ge = C({
     }
   },
   emits: ["close", "download"],
-  setup(t, { emit: n }) {
-    const l = h(null), s = h(null), o = h(null), a = h(!1), {
-      state: r,
-      zoomIn: c,
+  setup(e, { emit: n }) {
+    const l = y(null), r = y(null), o = y(null), a = y(!1), {
+      state: s,
+      zoomIn: i,
       zoomOut: u,
-      reset: d,
-      fitToContainer: v,
-      canZoomIn: y,
-      canZoomOut: m,
-      contentStyle: i,
+      reset: c,
+      fitToContainer: f,
+      canZoomIn: g,
+      canZoomOut: v,
+      contentStyle: d,
       onMouseDown: p,
-      onWheel: k,
-      onDoubleClick: f
+      onWheel: M,
+      onDoubleClick: h
     } = W({
       enableDrag: !0,
       enableWheelZoom: !0
-    }), I = async () => {
+    }), x = async () => {
       if (l.value)
         try {
           await l.value.requestFullscreen(), a.value = !0;
         } catch {
           a.value = !0;
         }
-    }, x = () => {
+    }, w = () => {
       document.fullscreenElement && document.exitFullscreen().catch(() => {
       }), a.value = !1, n("close");
     };
-    H(
-      () => t.open,
-      (N) => {
-        N ? I() : a.value && x();
+    T(
+      () => e.open,
+      (S) => {
+        S ? x() : a.value && w();
       }
     );
-    const b = () => {
+    const B = () => {
       !document.fullscreenElement && a.value && (a.value = !1, n("close"));
-    }, w = (N) => {
+    }, I = (S) => {
       if (a.value)
-        switch (N.key) {
+        switch (S.key) {
           case "+":
           case "=":
-            c();
+            i();
             break;
           case "-":
             u();
             break;
           case "0":
-            d();
+            c();
             break;
         }
     };
     $(() => {
-      document.addEventListener("fullscreenchange", b), document.addEventListener("keydown", w);
-    }), F(() => {
-      document.removeEventListener("fullscreenchange", b), document.removeEventListener("keydown", w);
+      document.addEventListener("fullscreenchange", B), document.addEventListener("keydown", I);
+    }), E(() => {
+      document.removeEventListener("fullscreenchange", B), document.removeEventListener("keydown", I);
     });
-    const S = () => {
-      if (!s.value || !o.value) return;
-      const N = s.value.getBoundingClientRect(), g = o.value.querySelector("svg");
-      if (g) {
-        const z = g.getBoundingClientRect();
-        v(N, z);
+    const L = () => {
+      if (!r.value || !o.value) return;
+      const S = r.value.getBoundingClientRect(), m = o.value.querySelector("svg");
+      if (m) {
+        const b = m.getBoundingClientRect();
+        f(S, b);
       }
     };
-    return () => e(
+    return () => t(
       "div",
       {
         ref: l,
@@ -408,62 +408,62 @@ const ge = C({
       },
       a.value ? [
         // 工具栏
-        e("div", { class: "md-mermaid-fullscreen-toolbar" }, [
-          e("div", { class: "md-mermaid-toolbar-group" }, [
-            e(
+        t("div", { class: "md-mermaid-fullscreen-toolbar" }, [
+          t("div", { class: "md-mermaid-toolbar-group" }, [
+            t(
               "button",
               {
                 type: "button",
                 class: "md-mermaid-toolbar-btn",
                 onClick: u,
-                disabled: !m.value,
+                disabled: !v.value,
                 title: "缩小 (-)",
                 "aria-label": "缩小"
               },
-              e(G)
+              t(K)
             ),
-            e(
+            t(
               "span",
               { class: "md-mermaid-zoom-label" },
-              `${Math.round(r.value.scale * 100)}%`
+              `${Math.round(s.value.scale * 100)}%`
             ),
-            e(
+            t(
               "button",
               {
                 type: "button",
                 class: "md-mermaid-toolbar-btn",
-                onClick: c,
-                disabled: !y.value,
+                onClick: i,
+                disabled: !g.value,
                 title: "放大 (+)",
                 "aria-label": "放大"
               },
-              e(K)
+              t(_)
             ),
-            e(
+            t(
               "button",
               {
                 type: "button",
                 class: "md-mermaid-toolbar-btn",
-                onClick: d,
+                onClick: c,
                 title: "重置 (0)",
                 "aria-label": "重置"
               },
-              e(_)
+              t(G)
             ),
-            e(
+            t(
               "button",
               {
                 type: "button",
                 class: "md-mermaid-toolbar-btn",
-                onClick: S,
+                onClick: L,
                 title: "适应窗口",
                 "aria-label": "适应窗口"
               },
-              e(fe)
+              t(fe)
             )
           ]),
-          e("div", { class: "md-mermaid-toolbar-group" }, [
-            e(
+          t("div", { class: "md-mermaid-toolbar-group" }, [
+            t(
               "button",
               {
                 type: "button",
@@ -472,52 +472,52 @@ const ge = C({
                 title: "下载 PNG",
                 "aria-label": "下载"
               },
-              e(J)
+              t(J)
             ),
-            e(
+            t(
               "button",
               {
                 type: "button",
                 class: "md-mermaid-toolbar-btn",
-                onClick: x,
+                onClick: w,
                 title: "退出全屏 (Esc)",
                 "aria-label": "退出全屏"
               },
-              e(pe)
+              t(pe)
             )
           ])
         ]),
         // 内容区域
-        e(
+        t(
           "div",
           {
-            ref: s,
+            ref: r,
             class: "md-mermaid-fullscreen-content",
-            onWheel: k
+            onWheel: M
           },
-          e("div", {
+          t("div", {
             ref: o,
             class: "md-mermaid-fullscreen-svg",
-            style: i.value,
+            style: d.value,
             onMousedown: p,
-            onDblclick: f,
-            innerHTML: t.svg
+            onDblclick: h,
+            innerHTML: e.svg
           })
         )
       ] : void 0
     );
   }
-});
-let E = null;
-function be(t = "auto") {
-  return E ? E.setTheme(t ?? "auto") : E = new ne({ theme: t }), E;
+}), be = 150;
+let A = null;
+function Ce(e = "auto") {
+  return A ? A.setTheme(e ?? "auto") : A = new le({ theme: e }), A;
 }
-async function Ce(t) {
+async function we(e) {
   try {
-    return await navigator.clipboard.writeText(t), !0;
+    return await navigator.clipboard.writeText(e), !0;
   } catch {
     const n = document.createElement("textarea");
-    n.value = t, n.style.position = "fixed", n.style.left = "-9999px", document.body.appendChild(n), n.select();
+    n.value = e, n.style.position = "fixed", n.style.left = "-9999px", document.body.appendChild(n), n.select();
     try {
       return document.execCommand("copy"), !0;
     } catch {
@@ -527,7 +527,7 @@ async function Ce(t) {
     }
   }
 }
-const we = C({
+const ke = C({
   name: "MermaidBlock",
   props: {
     code: {
@@ -541,73 +541,90 @@ const we = C({
     showToolbar: {
       type: Boolean,
       default: !0
+    },
+    streamStatus: {
+      type: String,
+      default: "done"
     }
   },
   emits: ["copy"],
-  setup(t, { emit: n }) {
-    const l = h("preview"), s = h(null), o = h(!0), a = h(!1), r = h(!1), c = h(te()), {
-      state: u,
-      zoomIn: d,
+  setup(e, { emit: n }) {
+    const l = y("preview"), r = y(null), o = y(!0), a = y(!1), s = y(!1), i = y(te());
+    let u = null, c = null;
+    const {
+      state: f,
+      zoomIn: g,
       zoomOut: v,
-      reset: y,
-      canZoomIn: m,
-      canZoomOut: i,
-      contentStyle: p
-    } = W(), k = B(
+      reset: d,
+      canZoomIn: p,
+      canZoomOut: M,
+      contentStyle: h
+    } = W(), x = N(
       () => {
-        var b;
-        return ((b = s.value) == null ? void 0 : b.success) && s.value.svg;
+        var m;
+        return ((m = r.value) == null ? void 0 : m.success) && r.value.svg;
       }
     );
-    let f = null;
+    let w = null;
     $(() => {
-      t.theme === "auto" && (f = ae((b) => {
-        c.value = b;
+      e.theme === "auto" && (w = ae((m) => {
+        i.value = m;
       }));
-    }), F(() => {
-      f == null || f();
-    }), H(
-      () => [t.code, t.theme, c.value],
+    }), E(() => {
+      w == null || w(), c && (clearTimeout(c), c = null);
+    });
+    let B = e.code, I = e.streamStatus;
+    T(
+      () => [e.code, e.theme, i.value, e.streamStatus],
       async () => {
-        o.value = !0;
-        const w = await be(t.theme).render(t.code);
-        s.value = w, o.value = !1, w.success || (l.value = "code");
+        B = e.code, I = e.streamStatus;
+        const m = async () => {
+          I === "loading" && u || (o.value = !0);
+          const k = await Ce(e.theme).render(B);
+          k.success && k.svg ? (u = k.svg, r.value = k, o.value = !1, l.value = "preview") : I === "loading" ? u && (r.value = {
+            success: !0,
+            svg: u
+          }, o.value = !1) : (r.value = k, o.value = !1, l.value = "code");
+        };
+        e.streamStatus === "loading" ? c || (c = setTimeout(() => {
+          c = null, m();
+        }, be)) : (c && (clearTimeout(c), c = null), m());
       },
       { immediate: !0 }
     );
-    const I = async () => {
-      await Ce(t.code) && (r.value = !0, n("copy", t.code), setTimeout(() => r.value = !1, 2e3));
-    }, x = async () => {
-      var b, w;
-      if ((b = s.value) != null && b.svg)
+    const L = async () => {
+      await we(e.code) && (s.value = !0, n("copy", e.code), setTimeout(() => s.value = !1, 2e3));
+    }, S = async () => {
+      var m, b;
+      if ((m = r.value) != null && m.svg)
         try {
-          const S = ((w = window.matchMedia) == null ? void 0 : w.call(window, "(prefers-color-scheme: dark)").matches) ?? !1;
-          await le(s.value.svg, {
-            backgroundColor: S ? "#1a1a2e" : "#ffffff",
+          const k = ((b = window.matchMedia) == null ? void 0 : b.call(window, "(prefers-color-scheme: dark)").matches) ?? !1;
+          await ne(r.value.svg, {
+            backgroundColor: k ? "#1a1a2e" : "#ffffff",
             padding: 20,
             scale: 2
           });
-        } catch (S) {
-          console.error("Download failed:", S);
+        } catch (k) {
+          console.error("Download failed:", k);
         }
     };
     return () => {
-      const b = t.showToolbar ? e("div", { class: "md-mermaid-toolbar" }, [
+      const m = e.showToolbar ? t("div", { class: "md-mermaid-toolbar" }, [
         // 模式切换
-        e("div", { class: "md-mermaid-toolbar-group md-mermaid-mode-switch" }, [
-          e(
+        t("div", { class: "md-mermaid-toolbar-group md-mermaid-mode-switch" }, [
+          t(
             "button",
             {
               type: "button",
               class: `md-mermaid-toolbar-btn${l.value === "preview" ? " md-mermaid-toolbar-btn--active" : ""}`,
               onClick: () => l.value = "preview",
-              disabled: !k.value,
+              disabled: !x.value,
               title: "图片模式",
               "aria-label": "图片模式"
             },
-            e(de)
+            t(de)
           ),
-          e(
+          t(
             "button",
             {
               type: "button",
@@ -616,56 +633,56 @@ const we = C({
               title: "代码模式",
               "aria-label": "代码模式"
             },
-            e(me)
+            t(me)
           )
         ]),
         // 缩放控制 - 仅图片模式显示
-        l.value === "preview" && k.value ? e("div", { class: "md-mermaid-toolbar-group" }, [
-          e(
+        l.value === "preview" && x.value ? t("div", { class: "md-mermaid-toolbar-group" }, [
+          t(
             "button",
             {
               type: "button",
               class: "md-mermaid-toolbar-btn",
               onClick: v,
-              disabled: !i.value,
+              disabled: !M.value,
               title: "缩小",
               "aria-label": "缩小"
             },
-            e(G)
+            t(K)
           ),
-          e(
+          t(
             "span",
             { class: "md-mermaid-zoom-label" },
-            `${Math.round(u.value.scale * 100)}%`
+            `${Math.round(f.value.scale * 100)}%`
           ),
-          e(
+          t(
             "button",
             {
               type: "button",
               class: "md-mermaid-toolbar-btn",
-              onClick: d,
-              disabled: !m.value,
+              onClick: g,
+              disabled: !p.value,
               title: "放大",
               "aria-label": "放大"
             },
-            e(K)
+            t(_)
           ),
-          e(
+          t(
             "button",
             {
               type: "button",
               class: "md-mermaid-toolbar-btn",
-              onClick: y,
+              onClick: d,
               title: "重置",
               "aria-label": "重置缩放"
             },
-            e(_)
+            t(G)
           )
         ]) : null,
         // 操作按钮
-        e("div", { class: "md-mermaid-toolbar-group" }, [
-          l.value === "preview" && k.value ? [
-            e(
+        t("div", { class: "md-mermaid-toolbar-group" }, [
+          l.value === "preview" && x.value ? [
+            t(
               "button",
               {
                 type: "button",
@@ -674,80 +691,81 @@ const we = C({
                 title: "全屏",
                 "aria-label": "全屏查看"
               },
-              e(ve)
+              t(ve)
             ),
-            e(
+            t(
               "button",
               {
                 type: "button",
                 class: "md-mermaid-toolbar-btn",
-                onClick: x,
+                onClick: S,
                 title: "下载 PNG",
                 "aria-label": "下载"
               },
-              e(J)
+              t(J)
             )
           ] : null,
-          l.value === "code" ? e(
+          l.value === "code" ? t(
             "button",
             {
               type: "button",
-              class: `md-mermaid-toolbar-btn${r.value ? " md-mermaid-toolbar-btn--success" : ""}`,
-              onClick: I,
-              title: r.value ? "已复制" : "复制代码",
-              "aria-label": r.value ? "已复制" : "复制代码"
+              class: `md-mermaid-toolbar-btn${s.value ? " md-mermaid-toolbar-btn--success" : ""}`,
+              onClick: L,
+              title: s.value ? "已复制" : "复制代码",
+              "aria-label": s.value ? "已复制" : "复制代码"
             },
-            r.value ? e(ye) : e(he)
+            s.value ? t(ye) : t(he)
           ) : null
         ])
       ]) : null;
-      let w;
-      return o.value ? w = e("div", { class: "md-mermaid-skeleton" }, [
-        e("div", { class: "md-mermaid-skeleton-box" })
-      ]) : l.value === "preview" && k.value ? w = e("div", { class: "md-mermaid-preview", style: { overflow: "hidden" } }, [
-        e("div", {
+      let b;
+      return o.value ? b = t("div", { class: "md-mermaid-skeleton" }, [
+        t("div", { class: "md-mermaid-skeleton-box" })
+      ]) : l.value === "preview" && x.value ? b = t("div", { class: "md-mermaid-preview", style: { overflow: "hidden" } }, [
+        t("div", {
           class: "md-mermaid-svg-container",
-          style: p.value,
-          innerHTML: s.value.svg
+          style: h.value,
+          innerHTML: r.value.svg
         })
-      ]) : w = e("div", { class: "md-mermaid-code" }, [
-        e("pre", [e("code", { class: "language-mermaid" }, t.code)]),
-        s.value && !s.value.success ? e("div", { class: "md-mermaid-error" }, [
-          e("span", "渲染失败: "),
-          e("span", s.value.error)
+      ]) : b = t("div", { class: "md-mermaid-code" }, [
+        t("pre", [t("code", { class: "language-mermaid" }, e.code)]),
+        // 错误提示 - 仅在非流式或流式完成时显示
+        r.value && !r.value.success && e.streamStatus === "done" ? t("div", { class: "md-mermaid-error" }, [
+          t("span", "渲染失败: "),
+          t("span", r.value.error)
         ]) : null
-      ]), e("div", { class: "md-mermaid-block" }, [
-        b,
-        e("div", { class: "md-mermaid-content" }, [w]),
+      ]), t("div", { class: "md-mermaid-block" }, [
+        m,
+        t("div", { class: "md-mermaid-content" }, [b]),
         // 全屏查看器
-        k.value ? e(ge, {
-          svg: s.value.svg,
+        x.value ? t(ge, {
+          svg: r.value.svg,
           open: a.value,
           onClose: () => a.value = !1,
-          onDownload: x
+          onDownload: S
         }) : null
       ]);
     };
   }
 });
-function ke(t) {
-  var s;
-  if (t.tagName !== "pre") return !1;
-  const n = t.children.find(
+function xe(e) {
+  var r;
+  if (e.tagName !== "pre") return !1;
+  const n = e.children.find(
     (o) => o.type === "element" && o.tagName === "code"
   );
   if (!n) return !1;
-  const l = (s = n.properties) == null ? void 0 : s.className;
+  const l = (r = n.properties) == null ? void 0 : r.className;
   return Array.isArray(l) ? l.some((o) => typeof o == "string" && o.includes("language-mermaid")) : typeof l == "string" && l.includes("language-mermaid");
 }
-function xe(t) {
-  const n = t.children.find(
+function Me(e) {
+  const n = e.children.find(
     (l) => l.type === "element" && l.tagName === "code"
   );
   return n ? n.children.map((l) => l.type === "text" ? l.value : "").join("") : "";
 }
-function Me(t) {
-  return t ? t === !0 ? { enabled: !0 } : t.enabled !== !1 ? t : null : null;
+function Se(e) {
+  return e ? e === !0 ? { enabled: !0 } : e.enabled !== !1 ? e : null : null;
 }
 const Q = C({
   name: "Markdown",
@@ -794,179 +812,179 @@ const Q = C({
     }
   },
   emits: ["codeCopy"],
-  setup(t, { emit: n }) {
-    H(
-      () => t.math,
+  setup(e, { emit: n }) {
+    T(
+      () => e.math,
       (o) => {
         o && Y();
       },
       { immediate: !0 }
     );
-    function l(o, a = {}, r = null) {
+    function l(o, a = {}, s = null) {
       if (o.type === "text")
         return o.value;
       if (o.type === "comment")
         return null;
       if (o.type === "root") {
-        const c = o.children.map((u) => l(u, a, r)).filter((u) => u !== null);
-        return e("div", { class: t.class }, c);
+        const i = o.children.map((u) => l(u, a, s)).filter((u) => u !== null);
+        return t("div", { class: e.class }, i);
       }
       if (o.type === "element") {
-        const { tagName: c, properties: u, children: d } = o;
-        if (r && ke(o)) {
-          const i = xe(o);
-          return e(we, {
-            code: i,
-            theme: r.theme,
+        const { tagName: i, properties: u, children: c } = o;
+        if (s && xe(o)) {
+          const d = Me(o);
+          return t(ke, {
+            code: d,
+            theme: s.theme,
             onCopy: (p) => n("codeCopy", p)
           });
         }
-        const v = a[c] || c, y = {};
+        const f = a[i] || i, g = {};
         if (u)
-          for (const [i, p] of Object.entries(u))
-            i === "className" ? y.class = Array.isArray(p) ? p.join(" ") : p : y[i] = p;
-        const m = d.map((i) => l(i, a, r)).filter((i) => i !== null);
-        return typeof v == "string" ? e(v, y, m) : e(v, y, () => m);
+          for (const [d, p] of Object.entries(u))
+            d === "className" ? g.class = Array.isArray(p) ? p.join(" ") : p : g[d] = p;
+        const v = c.map((d) => l(d, a, s)).filter((d) => d !== null);
+        return typeof f == "string" ? t(f, g, v) : t(f, g, () => v);
       }
       return null;
     }
-    const s = B(() => {
-      if (!t.content) return null;
-      const o = j(t.content, {
-        gfm: t.gfm,
-        highlight: t.highlight,
-        math: t.math,
-        remarkPlugins: t.remarkPlugins,
-        rehypePlugins: t.rehypePlugins
-      }), a = Me(t.mermaid), r = {
-        ...t.copyButton ? {
+    const r = N(() => {
+      if (!e.content) return null;
+      const o = j(e.content, {
+        gfm: e.gfm,
+        highlight: e.highlight,
+        math: e.math,
+        remarkPlugins: e.remarkPlugins,
+        rehypePlugins: e.rehypePlugins
+      }), a = Se(e.mermaid), s = {
+        ...e.copyButton ? {
           pre: C({
-            setup(c, { slots: u }) {
-              return () => e(
+            setup(i, { slots: u }) {
+              return () => t(
                 q,
                 {
-                  showCopyButton: t.copyButton,
-                  onCopy: (d) => n("codeCopy", d)
+                  showCopyButton: e.copyButton,
+                  onCopy: (c) => n("codeCopy", c)
                 },
                 u.default
               );
             }
           })
         } : {},
-        ...t.components
+        ...e.components
       };
-      return l(o, r, a);
+      return l(o, s, a);
     });
-    return () => s.value ? s.value : null;
+    return () => r.value ? r.value : null;
   }
 });
-function D(t, n) {
-  if (t.type === "text")
-    return t.value;
-  if (t.type === "root") {
-    const l = t.children.map((s) => D(s, n)).filter((s) => s !== null);
-    return e("div", {}, l);
+function D(e, n) {
+  if (e.type === "text")
+    return e.value;
+  if (e.type === "root") {
+    const l = e.children.map((r) => D(r, n)).filter((r) => r !== null);
+    return t("div", {}, l);
   }
-  if (t.type === "element") {
-    const l = t, s = l.tagName, o = n == null ? void 0 : n[s], a = { ...l.properties };
+  if (e.type === "element") {
+    const l = e, r = l.tagName, o = n == null ? void 0 : n[r], a = { ...l.properties };
     a.className && (a.class = Array.isArray(a.className) ? a.className.join(" ") : a.className, delete a.className);
-    const r = l.children.map((c) => D(c, n)).filter((c) => c !== null);
-    return o ? e(o, a, () => r) : e(s, a, r);
+    const s = l.children.map((i) => D(i, n)).filter((i) => i !== null);
+    return o ? t(o, a, () => s) : t(r, a, s);
   }
   return null;
 }
-function Ne(t = {}) {
+function Ve(e = {}) {
   const {
     components: n,
     minUpdateInterval: l = 16,
-    immediate: s = !1,
+    immediate: r = !1,
     outputRate: o = "medium",
     ...a
-  } = t, r = P(a), c = new U(o), u = h(0), d = h(!1), v = h(0), y = h("idle");
-  let m = 0, i = null;
+  } = e, s = P(a), i = new U(o), u = y(0), c = y(!1), f = y(0), g = y("idle");
+  let v = 0, d = null;
   const p = () => {
-    const M = performance.now(), V = M - m;
-    s || V >= l ? (m = M, u.value++) : i === null && (i = requestAnimationFrame(() => {
-      i = null, m = performance.now(), u.value++;
+    const z = performance.now(), V = z - v;
+    r || V >= l ? (v = z, u.value++) : d === null && (d = requestAnimationFrame(() => {
+      d = null, v = performance.now(), u.value++;
     }));
-  }, k = (M) => {
-    r.append(M), p();
-  }, f = (M) => {
-    r.reset(), d.value = !1, v.value = 0, y.value = "running", c.start(
-      M,
+  }, M = (z) => {
+    s.append(z), p();
+  }, h = (z) => {
+    s.reset(), c.value = !1, f.value = 0, g.value = "running", i.start(
+      z,
       (V) => {
-        V && r.append(V), v.value = c.progress, p();
+        V && s.append(V), f.value = i.progress, p();
       },
       () => {
-        r.finish(), d.value = !0, v.value = 1, y.value = "complete", p();
+        s.finish(), c.value = !0, f.value = 1, g.value = "complete", p();
       }
     );
-  }, I = () => {
-    c.pause(), y.value = c.status;
   }, x = () => {
-    c.resume(), y.value = c.status;
-  }, b = () => {
-    c.skipToEnd(), y.value = c.status, v.value = 1;
+    i.pause(), g.value = i.status;
   }, w = () => {
-    c.stop(), r.finish(), d.value = !0, y.value = "complete", i !== null && (cancelAnimationFrame(i), i = null), u.value++;
-  }, S = () => {
-    c.stop(), r.reset(), d.value = !1, v.value = 0, y.value = "idle", i !== null && (cancelAnimationFrame(i), i = null), u.value++;
+    i.resume(), g.value = i.status;
+  }, B = () => {
+    i.skipToEnd(), g.value = i.status, f.value = 1;
+  }, I = () => {
+    i.stop(), s.finish(), c.value = !0, g.value = "complete", d !== null && (cancelAnimationFrame(d), d = null), u.value++;
+  }, L = () => {
+    i.stop(), s.reset(), c.value = !1, f.value = 0, g.value = "idle", d !== null && (cancelAnimationFrame(d), d = null), u.value++;
   };
-  F(() => {
-    c.stop(), i !== null && cancelAnimationFrame(i);
+  E(() => {
+    i.stop(), d !== null && cancelAnimationFrame(d);
   });
-  const N = B(() => (u.value, r.getState().blocks)), g = B(() => (u.value, r.getStats())), z = B(() => (u.value, r.getContent()));
+  const S = N(() => (u.value, s.getState().blocks)), m = N(() => (u.value, s.getStats())), b = N(() => (u.value, s.getContent()));
   return {
-    vnode: B(() => {
+    vnode: N(() => {
       u.value;
-      const M = r.getState();
-      if (M.blocks.length === 0)
+      const z = s.getState();
+      if (z.blocks.length === 0)
         return null;
-      const V = M.blocks.map((L) => L.hast ? e(
+      const V = z.blocks.map((H) => H.hast ? t(
         "div",
         {
-          key: L.key,
-          "data-block-key": L.key,
-          "data-pending": !L.stable || void 0
+          key: H.key,
+          "data-block-key": H.key,
+          "data-pending": !H.stable || void 0
         },
-        [D(L.hast, n)]
-      ) : null).filter((L) => L !== null);
-      return e("div", { "data-streaming": !d.value }, V);
+        [D(H.hast, n)]
+      ) : null).filter((H) => H !== null);
+      return t("div", { "data-streaming": !c.value }, V);
     }),
-    append: k,
-    start: f,
-    pause: I,
-    resume: x,
-    skipToEnd: b,
-    reset: S,
-    finish: w,
-    blocks: N,
-    stats: g,
-    isComplete: d,
-    content: z,
-    progress: v,
-    outputStatus: y
+    append: M,
+    start: h,
+    pause: x,
+    resume: w,
+    skipToEnd: B,
+    reset: L,
+    finish: I,
+    blocks: S,
+    stats: m,
+    isComplete: c,
+    content: b,
+    progress: f,
+    outputStatus: g
   };
 }
-function R(t, n, l, s, o) {
-  if (t.type === "text")
-    return t.value;
-  if (t.type === "root") {
-    const a = t.children.map((r) => R(r, n, l, s, o)).filter((r) => r !== null);
-    return e("div", {}, a);
+function O(e, n, l, r, o) {
+  if (e.type === "text")
+    return e.value;
+  if (e.type === "root") {
+    const a = e.children.map((s) => O(s, n, l, r, o)).filter((s) => s !== null);
+    return t("div", {}, a);
   }
-  if (t.type === "element") {
-    const a = t, r = a.tagName, c = n == null ? void 0 : n[r], u = { ...a.properties };
+  if (e.type === "element") {
+    const a = e, s = a.tagName, i = n == null ? void 0 : n[s], u = { ...a.properties };
     u.className && (u.class = Array.isArray(u.className) ? u.className.join(" ") : u.className, delete u.className);
-    const d = a.children.map((v) => R(v, n, l, s, o)).filter((v) => v !== null);
-    return r === "pre" && l && !c ? e(
+    const c = a.children.map((f) => O(f, n, l, r, o)).filter((f) => f !== null);
+    return s === "pre" && l && !i ? t(
       q,
       {
         showCopyButton: o && l,
-        onCopy: s
+        onCopy: r
       },
-      () => d
-    ) : c ? e(c, u, () => d) : e(r, u, d);
+      () => c
+    ) : i ? t(i, u, () => c) : t(s, u, c);
   }
   return null;
 }
@@ -1023,127 +1041,127 @@ const ee = C({
     }
   },
   emits: ["complete", "blockStable", "progress", "codeCopy"],
-  setup(t, { emit: n }) {
-    H(
-      () => t.math,
-      (m) => {
-        m && Y();
+  setup(e, { emit: n }) {
+    T(
+      () => e.math,
+      (v) => {
+        v && Y();
       },
       { immediate: !0 }
     );
     const l = P({
-      gfm: t.gfm,
-      highlight: t.highlight,
-      math: t.math
-    }), s = new U(t.outputRate), o = h(0), a = h(""), r = h(void 0), c = h([]), u = h(!1);
-    let d = 0, v = null;
-    const y = () => {
-      const m = performance.now();
-      m - d >= t.minUpdateInterval ? (d = m, o.value++) : v === null && (v = requestAnimationFrame(() => {
-        v = null, d = performance.now(), o.value++;
+      gfm: e.gfm,
+      highlight: e.highlight,
+      math: e.math
+    }), r = new U(e.outputRate), o = y(0), a = y(""), s = y(void 0), i = y([]), u = y(!1);
+    let c = 0, f = null;
+    const g = () => {
+      const v = performance.now();
+      v - c >= e.minUpdateInterval ? (c = v, o.value++) : f === null && (f = requestAnimationFrame(() => {
+        f = null, c = performance.now(), o.value++;
       }));
     };
-    return H(
-      () => t.source,
-      (m) => {
-        m !== void 0 && m !== r.value && (r.value = m, t.autoStart && m && (l.reset(), a.value = "", u.value = !1, s.start(
-          m,
-          (i) => {
-            i && (l.append(i), a.value += i), n("progress", s.progress), y();
+    return T(
+      () => e.source,
+      (v) => {
+        v !== void 0 && v !== s.value && (s.value = v, e.autoStart && v && (l.reset(), a.value = "", u.value = !1, r.start(
+          v,
+          (d) => {
+            d && (l.append(d), a.value += d), n("progress", r.progress), g();
           },
           () => {
-            l.finish(), u.value = !0, n("complete"), y();
+            l.finish(), u.value = !0, n("complete"), g();
           }
         )));
       },
       { immediate: !0 }
-    ), H(
-      () => t.content,
-      (m) => {
-        if (t.source !== void 0)
+    ), T(
+      () => e.content,
+      (v) => {
+        if (e.source !== void 0)
           return;
-        const i = a.value, p = m || "";
-        if (p !== i) {
-          if (p.startsWith(i)) {
-            const f = p.slice(i.length);
-            f && l.append(f);
+        const d = a.value, p = v || "";
+        if (p !== d) {
+          if (p.startsWith(d)) {
+            const h = p.slice(d.length);
+            h && l.append(h);
           } else
             l.reset(), p && l.append(p);
-          a.value = p, y();
-          const k = l.getState().blocks;
-          k.forEach((f, I) => {
-            const x = c.value[I];
-            f.stable && (!x || !x.stable) && n("blockStable", f);
-          }), c.value = k;
+          a.value = p, g();
+          const M = l.getState().blocks;
+          M.forEach((h, x) => {
+            const w = i.value[x];
+            h.stable && (!w || !w.stable) && n("blockStable", h);
+          }), i.value = M;
         }
       },
       { immediate: !0 }
-    ), H(
-      () => t.isComplete,
-      (m) => {
-        t.source === void 0 && m && (l.finish(), v !== null && (cancelAnimationFrame(v), v = null), o.value++, n("complete"));
+    ), T(
+      () => e.isComplete,
+      (v) => {
+        e.source === void 0 && v && (l.finish(), f !== null && (cancelAnimationFrame(f), f = null), o.value++, n("complete"));
       }
-    ), H(
-      () => t.outputRate,
-      (m) => {
-        s.setRate(m);
+    ), T(
+      () => e.outputRate,
+      (v) => {
+        r.setRate(v);
       }
-    ), F(() => {
-      s.stop(), v !== null && cancelAnimationFrame(v);
+    ), E(() => {
+      r.stop(), f !== null && cancelAnimationFrame(f);
     }), () => {
       o.value;
-      const m = l.getState(), i = t.source !== void 0 ? u.value : t.isComplete, p = (f) => n("codeCopy", f), k = m.blocks.map((f) => f.hast ? e(
+      const v = l.getState(), d = e.source !== void 0 ? u.value : e.isComplete, p = (h) => n("codeCopy", h), M = v.blocks.map((h) => h.hast ? t(
         "div",
         {
-          key: f.key,
-          "data-block-key": f.key,
-          "data-pending": !f.stable || void 0
+          key: h.key,
+          "data-block-key": h.key,
+          "data-pending": !h.stable || void 0
         },
-        [R(f.hast, t.components, t.copyButton, p, f.stable)]
-      ) : null).filter((f) => f !== null);
-      return e(
+        [O(h.hast, e.components, e.copyButton, p, h.stable)]
+      ) : null).filter((h) => h !== null);
+      return t(
         "div",
         {
-          class: t.class,
-          "data-streaming": !i
+          class: e.class,
+          "data-streaming": !d
         },
-        k
+        M
       );
     };
   }
 });
-function Z(t, n = {}) {
-  if (t.type === "text")
-    return t.value;
-  if (t.type === "comment")
+function Z(e, n = {}) {
+  if (e.type === "text")
+    return e.value;
+  if (e.type === "comment")
     return null;
-  if (t.type === "root") {
-    const l = t.children.map((s) => Z(s, n)).filter((s) => s !== null);
-    return e("div", {}, l);
+  if (e.type === "root") {
+    const l = e.children.map((r) => Z(r, n)).filter((r) => r !== null);
+    return t("div", {}, l);
   }
-  if (t.type === "element") {
-    const { tagName: l, properties: s, children: o } = t, a = n[l] || l, r = {};
-    if (s)
-      for (const [u, d] of Object.entries(s))
-        u === "className" ? r.class = Array.isArray(d) ? d.join(" ") : d : r[u] = d;
-    const c = o.map((u) => Z(u, n)).filter((u) => u !== null);
-    return e(a, r, () => c);
+  if (e.type === "element") {
+    const { tagName: l, properties: r, children: o } = e, a = n[l] || l, s = {};
+    if (r)
+      for (const [u, c] of Object.entries(r))
+        u === "className" ? s.class = Array.isArray(c) ? c.join(" ") : c : s[u] = c;
+    const i = o.map((u) => Z(u, n)).filter((u) => u !== null);
+    return t(a, s, () => i);
   }
   return null;
 }
-function Ve(t, n = {}) {
-  const { components: l = {}, ...s } = n;
-  return B(() => {
-    const o = t();
+function Te(e, n = {}) {
+  const { components: l = {}, ...r } = n;
+  return N(() => {
+    const o = e();
     if (!o) return null;
-    const a = j(o, s);
+    const a = j(o, r);
     return Z(a, l);
   });
 }
-function ze(t) {
-  t.component("Markdown", Q), t.component("StreamingMarkdown", ee);
+function ze(e) {
+  e.component("Markdown", Q), e.component("StreamingMarkdown", ee);
 }
-const He = {
+const Le = {
   install: ze,
   Markdown: Q,
   StreamingMarkdown: ee
@@ -1151,14 +1169,14 @@ const He = {
 export {
   q as CodeBlock,
   Q as Markdown,
-  we as MermaidBlock,
+  ke as MermaidBlock,
   ge as MermaidFullscreenViewer,
   ee as StreamingMarkdown,
-  He as default,
+  Le as default,
   ze as install,
-  Se as isKatexCssLoaded,
+  Ne as isKatexCssLoaded,
   Y as preloadKatexCss,
-  Ve as useMarkdown,
-  Ne as useStreamingMarkdown,
+  Te as useMarkdown,
+  Ve as useStreamingMarkdown,
   W as useZoom
 };