@incremark/vue 0.3.1 → 0.3.3

package/dist/index.js

@@ -54,13 +54,21 @@ function useProvideDefinations() {
 import { ref as ref2, shallowRef, computed, watch, toValue, onUnmounted } from "vue";
 import {
   createBlockTransformer,
-  defaultPlugins
+  defaultPlugins,
+  mathPlugin,
+  collectFootnoteReferences
 } from "@incremark/core";
 
 // src/utils/cursor.ts
 function addCursorToNode(node, cursor) {
+  if (node.type === "code") {
+    return node;
+  }
   const cloned = JSON.parse(JSON.stringify(node));
   function addToLast(n) {
+    if (n.type === "code") {
+      return false;
+    }
     if (n.children && n.children.length > 0) {
       for (let i = n.children.length - 1; i >= 0; i--) {
         if (addToLast(n.children[i])) {
@@ -102,14 +110,12 @@ function useTypewriter(options) {
       tickInterval: initialConfig.tickInterval ?? 30,
       effect: initialConfig.effect ?? "none",
       pauseOnHidden: initialConfig.pauseOnHidden ?? true,
-      plugins: initialConfig.plugins ?? defaultPlugins,
+      // 默认插件 + 数学公式插件（数学公式应该整体显示，不参与打字机逐字符效果）
+      plugins: initialConfig.plugins ?? [...defaultPlugins, mathPlugin],
       onChange: (blocks2) => {
         displayBlocksRef.value = blocks2;
         isTypewriterProcessing.value = transformer?.isProcessing() ?? false;
         isTypewriterPaused.value = transformer?.isPausedState() ?? false;
-        if (transformer?.isProcessing()) {
-          isAnimationComplete.value = false;
-        }
       },
       onAllComplete: () => {
         isAnimationComplete.value = true;
@@ -138,27 +144,14 @@ function useTypewriter(options) {
     },
     { deep: true }
   );
-  const sourceBlocks = computed(() => {
-    return completedBlocks.value.map((block) => ({
-      id: block.id,
-      node: block.node,
-      status: block.status
-    }));
-  });
   if (transformer) {
     watch(
-      sourceBlocks,
-      (blocks2) => {
-        transformer.push(blocks2);
-        const currentDisplaying = displayBlocksRef.value.find((b) => !b.isDisplayComplete);
-        if (currentDisplaying) {
-          const updated = blocks2.find((b) => b.id === currentDisplaying.id);
-          if (updated) {
-            transformer.update(updated);
-          }
-        }
+      [completedBlocks, pendingBlocks],
+      () => {
+        const allBlocks = [...completedBlocks.value, ...pendingBlocks.value];
+        transformer.push(allBlocks);
       },
-      { immediate: true, deep: true }
+      { immediate: true }
     );
   }
   const rawBlocks = computed(() => {
@@ -177,15 +170,47 @@ function useTypewriter(options) {
       }
       return {
         id: db.id,
-        status: db.isDisplayComplete ? "completed" : "pending",
-        isLastPending,
+        status: db.status,
         node,
+        // 这些字段在打字机模式下没有意义，设为默认值以满足类型要求
         startOffset: 0,
         endOffset: 0,
-        rawText: ""
+        rawText: "",
+        isLastPending
       };
     });
   });
+  const displayedFootnoteReferenceOrder = computed(() => {
+    if (!typewriterEnabled.value || !transformer) {
+      const references2 = [];
+      const seen2 = /* @__PURE__ */ new Set();
+      for (const block of rawBlocks.value) {
+        const blockRefs = collectFootnoteReferences(block.node);
+        for (const ref13 of blockRefs) {
+          if (!seen2.has(ref13)) {
+            seen2.add(ref13);
+            references2.push(ref13);
+          }
+        }
+      }
+      return references2;
+    }
+    if (!isAnimationComplete.value) {
+      return [];
+    }
+    const references = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const db of displayBlocksRef.value) {
+      const blockRefs = collectFootnoteReferences(db.displayNode);
+      for (const ref13 of blockRefs) {
+        if (!seen.has(ref13)) {
+          seen.add(ref13);
+          references.push(ref13);
+        }
+      }
+    }
+    return references;
+  });
   const typewriterControls = {
     enabled: computed(() => typewriterEnabled.value),
     setEnabled: (value) => {
@@ -230,7 +255,8 @@ function useTypewriter(options) {
     blocks,
     typewriter: typewriterControls,
     transformer,
-    isAnimationComplete
+    isAnimationComplete,
+    displayedFootnoteReferenceOrder
   };
 }
 
@@ -254,7 +280,7 @@ function useIncremark(optionsInput = {}) {
   const markdown = ref3("");
   const isFinalized = ref3(false);
   const footnoteReferenceOrder = ref3([]);
-  const { blocks, typewriter, transformer, isAnimationComplete } = useTypewriter({
+  const { blocks, typewriter, transformer, isAnimationComplete, displayedFootnoteReferenceOrder } = useTypewriter({
     typewriter: () => toValue2(optionsInput).typewriter,
     completedBlocks,
     pendingBlocks
@@ -265,33 +291,35 @@ function useIncremark(optionsInput = {}) {
     }
     return isFinalized.value && isAnimationComplete.value;
   });
-  const ast = computed2(() => ({
+  const ast = ref3({
     type: "root",
-    children: [
-      ...completedBlocks.value.map((b) => b.node),
-      ...pendingBlocks.value.map((b) => b.node)
-    ]
-  }));
+    children: []
+  });
   function handleUpdate(update, isFinalize = false) {
     markdown.value = parser.getBuffer();
+    if (update.updated.length > 0) {
+      const idsToRemove = new Set(update.updated.map((b) => b.id));
+      completedBlocks.value = completedBlocks.value.filter((b) => !idsToRemove.has(b.id));
+    }
     if (update.completed.length > 0) {
-      completedBlocks.value = [
-        ...completedBlocks.value,
-        ...update.completed.map((b) => markRaw(b))
-      ];
+      completedBlocks.value.push(...update.completed.map((b) => markRaw(b)));
     }
     pendingBlocks.value = update.pending.map((b) => markRaw(b));
     if (isFinalize) {
+      if (pendingBlocks.value.length) {
+        completedBlocks.value.push(...pendingBlocks.value.map((b) => markRaw(b)));
+        pendingBlocks.value = [];
+      }
       isLoading.value = false;
       isFinalized.value = true;
     } else {
       isLoading.value = true;
     }
     footnoteReferenceOrder.value = update.footnoteReferenceOrder;
-    setFootnoteReferenceOrder(update.footnoteReferenceOrder);
   }
   function append(chunk) {
     const update = parser.append(chunk);
+    ast.value = update.ast;
     handleUpdate(update, false);
     return update;
   }
@@ -332,7 +360,14 @@ function useIncremark(optionsInput = {}) {
       transformer?.reset();
     }
   );
-  function render23(content) {
+  watch2(
+    displayedFootnoteReferenceOrder,
+    (newOrder) => {
+      setFootnoteReferenceOrder(newOrder);
+    },
+    { immediate: true }
+  );
+  function render24(content) {
     const update = parser.render(content);
     markdown.value = parser.getBuffer();
     completedBlocks.value = parser.getCompletedBlocks().map((b) => markRaw(b));
@@ -343,7 +378,7 @@ function useIncremark(optionsInput = {}) {
     setFootnoteReferenceOrder(update.footnoteReferenceOrder);
     return update;
   }
-  return {
+  const result = {
     /** 已收集的完整 Markdown 字符串 */
     markdown,
     /** 已完成的块列表 */
@@ -376,12 +411,13 @@ function useIncremark(optionsInput = {}) {
     /** 重置解析器和打字机 */
     reset,
     /** 一次性渲染（reset + append + finalize） */
-    render: render23,
+    render: render24,
     /** 解析器实例 */
     parser,
     /** 打字机控制 */
     typewriter
   };
+  return result;
 }
 
 // src/composables/useStreamRenderer.ts
@@ -488,22 +524,11 @@ function useBlockTransformer(sourceBlocks, options = {}) {
 }
 
 // src/composables/useLocale.ts
-import { inject, computed as computed5 } from "vue";
+import { inject, computed as computed5, ref as ref5 } from "vue";
+import { zhCN } from "@incremark/shared";
 var LOCALE_KEY = /* @__PURE__ */ Symbol("incremark-locale");
 function useLocale() {
-  const locale = inject(LOCALE_KEY);
-  if (!locale) {
-    const defaultLocale = enShared;
-    const t2 = computed5(() => (key) => {
-      const keys = key.split(".");
-      let value = defaultLocale;
-      for (const k of keys) {
-        value = value?.[k];
-      }
-      return value || key;
-    });
-    return { t: t2 };
-  }
+  const locale = inject(LOCALE_KEY, ref5(zhCN));
   const t = computed5(() => (key) => {
     const keys = key.split(".");
     let value = locale.value;
@@ -526,11 +551,11 @@ function useDefinationsContext() {
 }
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=script
-import { defineComponent as _defineComponent18 } from "vue";
+import { defineComponent as _defineComponent19 } from "vue";
 import { computed as computed14 } from "vue";
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=script
-import { defineComponent as _defineComponent16 } from "vue";
+import { defineComponent as _defineComponent17 } from "vue";
 import { computed as computed12 } from "vue";
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=script
@@ -547,19 +572,19 @@ import {
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkMath.vue?type=script
 import { defineComponent as _defineComponent } from "vue";
-import { computed as computed6, ref as ref5, watch as watch4, shallowRef as shallowRef3, onUnmounted as onUnmounted4 } from "vue";
+import { computed as computed6, ref as ref6, watch as watch4, shallowRef as shallowRef3, onUnmounted as onUnmounted4 } from "vue";
 var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
   __name: "IncremarkMath",
   props: {
     node: { type: Object, required: true },
-    renderDelay: { type: Number, required: false, default: 300 }
+    renderDelay: { type: Number, required: false, default: 0 }
   },
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const renderedHtml = ref5("");
-    const renderError = ref5("");
-    const isLoading = ref5(false);
+    const renderedHtml = ref6("");
+    const renderError = ref6("");
+    const isLoading = ref6(false);
     const katexRef = shallowRef3(null);
     let renderTimer = null;
     const isInline = computed6(() => props.node.type === "inlineMath");
@@ -1303,12 +1328,12 @@ IncremarkParagraph_default.__file = "src/components/IncremarkParagraph.vue";
 var IncremarkParagraph_default2 = IncremarkParagraph_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=script
-import { defineComponent as _defineComponent9 } from "vue";
+import { defineComponent as _defineComponent10 } from "vue";
 import { computed as computed10 } from "vue";
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeMermaid.vue?type=script
 import { defineComponent as _defineComponent7 } from "vue";
-import { computed as computed8, ref as ref6, onUnmounted as onUnmounted5, shallowRef as shallowRef4, watch as watch5 } from "vue";
+import { computed as computed8, ref as ref7, onUnmounted as onUnmounted5, shallowRef as shallowRef4, watch as watch5 } from "vue";
 import { GravityMermaid, LucideCode, LucideEye, LucideCopy, LucideCopyCheck } from "@incremark/icons";
 import { isClipboardAvailable } from "@incremark/shared";
 
@@ -1355,12 +1380,12 @@ var IncremarkCodeMermaid_default = /* @__PURE__ */ _defineComponent7({
     __expose();
     const props = __props;
     const { t } = useLocale();
-    const mermaidSvg = ref6("");
-    const mermaidError = ref6("");
-    const mermaidLoading = ref6(false);
+    const mermaidSvg = ref7("");
+    const mermaidError = ref7("");
+    const mermaidLoading = ref7(false);
     const mermaidRef = shallowRef4(null);
     let mermaidTimer = null;
-    const mermaidViewMode = ref6("preview");
+    const mermaidViewMode = ref7("preview");
     function toggleMermaidView() {
       mermaidViewMode.value = mermaidViewMode.value === "preview" ? "source" : "preview";
     }
@@ -1409,7 +1434,7 @@ var IncremarkCodeMermaid_default = /* @__PURE__ */ _defineComponent7({
         clearTimeout(copyTimeoutId);
       }
     });
-    const copied = ref6(false);
+    const copied = ref7(false);
     let copyTimeoutId = null;
     async function copyCode() {
       if (!isClipboardAvailable()) return;
@@ -1569,8 +1594,8 @@ IncremarkCodeMermaid_default.__file = "src/components/IncremarkCodeMermaid.vue";
 var IncremarkCodeMermaid_default2 = IncremarkCodeMermaid_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeDefault.vue?type=script
-import { defineComponent as _defineComponent8 } from "vue";
-import { computed as computed9, onUnmounted as onUnmounted6, ref as ref7, watch as watch6 } from "vue";
+import { defineComponent as _defineComponent9 } from "vue";
+import { computed as computed9, ref as ref9, watch as watch7 } from "vue";
 import { LucideCopy as LucideCopy2, LucideCopyCheck as LucideCopyCheck2 } from "@incremark/icons";
 import { isClipboardAvailable as isClipboardAvailable2 } from "@incremark/shared";
 
@@ -1677,9 +1702,22 @@ function getShikiManager() {
 function useShiki(theme) {
   const highlighterInfo = shallowRef5(null);
   const isHighlighting = shallowRef5(false);
+  const isReady = shallowRef5(false);
+  async function initHighlighter() {
+    if (isReady.value) return;
+    try {
+      const info = await getShikiManager().getHighlighter(theme);
+      highlighterInfo.value = info;
+      isReady.value = true;
+    } catch (e) {
+      console.warn("Failed to initialize Shiki highlighter:", e);
+      throw e;
+    }
+  }
   async function getHighlighter() {
     if (!highlighterInfo.value) {
       highlighterInfo.value = await getShikiManager().getHighlighter(theme);
+      isReady.value = true;
     }
     return highlighterInfo.value;
   }
@@ -1704,41 +1742,787 @@ function useShiki(theme) {
   return {
     highlighterInfo,
     isHighlighting,
+    isReady,
+    initHighlighter,
     highlight
   };
 }
 
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/CachedCodeRenderer.vue?type=script
+import { defineComponent as _defineComponent8 } from "vue";
+import { h, ref as ref8, reactive, watch as watch6, renderList, onUnmounted as onUnmounted6 } from "vue";
+import { CodeToTokenTransformStream } from "shiki-stream";
+
+// ../../node_modules/.pnpm/@shikijs+vscode-textmate@10.0.2/node_modules/@shikijs/vscode-textmate/dist/index.js
+function escapeRegExpCharacters(value) {
+  return value.replace(/[\-\\\{\}\*\+\?\|\^\$\.\,\[\]\(\)\#\s]/g, "\\$&");
+}
+var CachedFn = class {
+  constructor(fn) {
+    this.fn = fn;
+  }
+  cache = /* @__PURE__ */ new Map();
+  get(key) {
+    if (this.cache.has(key)) {
+      return this.cache.get(key);
+    }
+    const value = this.fn(key);
+    this.cache.set(key, value);
+    return value;
+  }
+};
+var ScopeStack = class _ScopeStack {
+  constructor(parent, scopeName) {
+    this.parent = parent;
+    this.scopeName = scopeName;
+  }
+  static push(path, scopeNames) {
+    for (const name of scopeNames) {
+      path = new _ScopeStack(path, name);
+    }
+    return path;
+  }
+  static from(...segments) {
+    let result = null;
+    for (let i = 0; i < segments.length; i++) {
+      result = new _ScopeStack(result, segments[i]);
+    }
+    return result;
+  }
+  push(scopeName) {
+    return new _ScopeStack(this, scopeName);
+  }
+  getSegments() {
+    let item = this;
+    const result = [];
+    while (item) {
+      result.push(item.scopeName);
+      item = item.parent;
+    }
+    result.reverse();
+    return result;
+  }
+  toString() {
+    return this.getSegments().join(" ");
+  }
+  extends(other) {
+    if (this === other) {
+      return true;
+    }
+    if (this.parent === null) {
+      return false;
+    }
+    return this.parent.extends(other);
+  }
+  getExtensionIfDefined(base) {
+    const result = [];
+    let item = this;
+    while (item && item !== base) {
+      result.push(item.scopeName);
+      item = item.parent;
+    }
+    return item === base ? result.reverse() : void 0;
+  }
+};
+var FontStyle = /* @__PURE__ */ ((FontStyle2) => {
+  FontStyle2[FontStyle2["NotSet"] = -1] = "NotSet";
+  FontStyle2[FontStyle2["None"] = 0] = "None";
+  FontStyle2[FontStyle2["Italic"] = 1] = "Italic";
+  FontStyle2[FontStyle2["Bold"] = 2] = "Bold";
+  FontStyle2[FontStyle2["Underline"] = 4] = "Underline";
+  FontStyle2[FontStyle2["Strikethrough"] = 8] = "Strikethrough";
+  return FontStyle2;
+})(FontStyle || {});
+var emptyParentScopes = Object.freeze([]);
+var EncodedTokenMetadata = class _EncodedTokenMetadata {
+  static toBinaryStr(encodedTokenAttributes) {
+    return encodedTokenAttributes.toString(2).padStart(32, "0");
+  }
+  static print(encodedTokenAttributes) {
+    const languageId = _EncodedTokenMetadata.getLanguageId(encodedTokenAttributes);
+    const tokenType = _EncodedTokenMetadata.getTokenType(encodedTokenAttributes);
+    const fontStyle = _EncodedTokenMetadata.getFontStyle(encodedTokenAttributes);
+    const foreground = _EncodedTokenMetadata.getForeground(encodedTokenAttributes);
+    const background = _EncodedTokenMetadata.getBackground(encodedTokenAttributes);
+    console.log({
+      languageId,
+      tokenType,
+      fontStyle,
+      foreground,
+      background
+    });
+  }
+  static getLanguageId(encodedTokenAttributes) {
+    return (encodedTokenAttributes & 255) >>> 0;
+  }
+  static getTokenType(encodedTokenAttributes) {
+    return (encodedTokenAttributes & 768) >>> 8;
+  }
+  static containsBalancedBrackets(encodedTokenAttributes) {
+    return (encodedTokenAttributes & 1024) !== 0;
+  }
+  static getFontStyle(encodedTokenAttributes) {
+    return (encodedTokenAttributes & 30720) >>> 11;
+  }
+  static getForeground(encodedTokenAttributes) {
+    return (encodedTokenAttributes & 16744448) >>> 15;
+  }
+  static getBackground(encodedTokenAttributes) {
+    return (encodedTokenAttributes & 4278190080) >>> 24;
+  }
+  /**
+   * Updates the fields in `metadata`.
+   * A value of `0`, `NotSet` or `null` indicates that the corresponding field should be left as is.
+   */
+  static set(encodedTokenAttributes, languageId, tokenType, containsBalancedBrackets, fontStyle, foreground, background) {
+    let _languageId = _EncodedTokenMetadata.getLanguageId(encodedTokenAttributes);
+    let _tokenType = _EncodedTokenMetadata.getTokenType(encodedTokenAttributes);
+    let _containsBalancedBracketsBit = _EncodedTokenMetadata.containsBalancedBrackets(encodedTokenAttributes) ? 1 : 0;
+    let _fontStyle = _EncodedTokenMetadata.getFontStyle(encodedTokenAttributes);
+    let _foreground = _EncodedTokenMetadata.getForeground(encodedTokenAttributes);
+    let _background = _EncodedTokenMetadata.getBackground(encodedTokenAttributes);
+    if (languageId !== 0) {
+      _languageId = languageId;
+    }
+    if (tokenType !== 8) {
+      _tokenType = fromOptionalTokenType(tokenType);
+    }
+    if (containsBalancedBrackets !== null) {
+      _containsBalancedBracketsBit = containsBalancedBrackets ? 1 : 0;
+    }
+    if (fontStyle !== -1) {
+      _fontStyle = fontStyle;
+    }
+    if (foreground !== 0) {
+      _foreground = foreground;
+    }
+    if (background !== 0) {
+      _background = background;
+    }
+    return (_languageId << 0 | _tokenType << 8 | _containsBalancedBracketsBit << 10 | _fontStyle << 11 | _foreground << 15 | _background << 24) >>> 0;
+  }
+};
+function fromOptionalTokenType(standardType) {
+  return standardType;
+}
+function ruleIdFromNumber(id) {
+  return id;
+}
+function ruleIdToNumber(id) {
+  return id;
+}
+var BasicScopeAttributes = class {
+  constructor(languageId, tokenType) {
+    this.languageId = languageId;
+    this.tokenType = tokenType;
+  }
+};
+var BasicScopeAttributesProvider = class _BasicScopeAttributesProvider {
+  _defaultAttributes;
+  _embeddedLanguagesMatcher;
+  constructor(initialLanguageId, embeddedLanguages) {
+    this._defaultAttributes = new BasicScopeAttributes(
+      initialLanguageId,
+      8
+      /* NotSet */
+    );
+    this._embeddedLanguagesMatcher = new ScopeMatcher(Object.entries(embeddedLanguages || {}));
+  }
+  getDefaultAttributes() {
+    return this._defaultAttributes;
+  }
+  getBasicScopeAttributes(scopeName) {
+    if (scopeName === null) {
+      return _BasicScopeAttributesProvider._NULL_SCOPE_METADATA;
+    }
+    return this._getBasicScopeAttributes.get(scopeName);
+  }
+  static _NULL_SCOPE_METADATA = new BasicScopeAttributes(0, 0);
+  _getBasicScopeAttributes = new CachedFn((scopeName) => {
+    const languageId = this._scopeToLanguage(scopeName);
+    const standardTokenType = this._toStandardTokenType(scopeName);
+    return new BasicScopeAttributes(languageId, standardTokenType);
+  });
+  /**
+   * Given a produced TM scope, return the language that token describes or null if unknown.
+   * e.g. source.html => html, source.css.embedded.html => css, punctuation.definition.tag.html => null
+   */
+  _scopeToLanguage(scope) {
+    return this._embeddedLanguagesMatcher.match(scope) || 0;
+  }
+  _toStandardTokenType(scopeName) {
+    const m = scopeName.match(_BasicScopeAttributesProvider.STANDARD_TOKEN_TYPE_REGEXP);
+    if (!m) {
+      return 8;
+    }
+    switch (m[1]) {
+      case "comment":
+        return 1;
+      case "string":
+        return 2;
+      case "regex":
+        return 3;
+      case "meta.embedded":
+        return 0;
+    }
+    throw new Error("Unexpected match for standard token type!");
+  }
+  static STANDARD_TOKEN_TYPE_REGEXP = /\b(comment|string|regex|meta\.embedded)\b/;
+};
+var ScopeMatcher = class {
+  values;
+  scopesRegExp;
+  constructor(values) {
+    if (values.length === 0) {
+      this.values = null;
+      this.scopesRegExp = null;
+    } else {
+      this.values = new Map(values);
+      const escapedScopes = values.map(
+        ([scopeName, value]) => escapeRegExpCharacters(scopeName)
+      );
+      escapedScopes.sort();
+      escapedScopes.reverse();
+      this.scopesRegExp = new RegExp(
+        `^((${escapedScopes.join(")|(")}))($|\\.)`,
+        ""
+      );
+    }
+  }
+  match(scope) {
+    if (!this.scopesRegExp) {
+      return void 0;
+    }
+    const m = scope.match(this.scopesRegExp);
+    if (!m) {
+      return void 0;
+    }
+    return this.values.get(m[1]);
+  }
+};
+var DebugFlags = {
+  InDebugMode: typeof process !== "undefined" && !!process.env["VSCODE_TEXTMATE_DEBUG"]
+};
+var AttributedScopeStack = class _AttributedScopeStack {
+  /**
+   * Invariant:
+   * ```
+   * if (parent && !scopePath.extends(parent.scopePath)) {
+   * 	throw new Error();
+   * }
+   * ```
+   */
+  constructor(parent, scopePath, tokenAttributes) {
+    this.parent = parent;
+    this.scopePath = scopePath;
+    this.tokenAttributes = tokenAttributes;
+  }
+  static fromExtension(namesScopeList, contentNameScopesList) {
+    let current = namesScopeList;
+    let scopeNames = namesScopeList?.scopePath ?? null;
+    for (const frame of contentNameScopesList) {
+      scopeNames = ScopeStack.push(scopeNames, frame.scopeNames);
+      current = new _AttributedScopeStack(current, scopeNames, frame.encodedTokenAttributes);
+    }
+    return current;
+  }
+  static createRoot(scopeName, tokenAttributes) {
+    return new _AttributedScopeStack(null, new ScopeStack(null, scopeName), tokenAttributes);
+  }
+  static createRootAndLookUpScopeName(scopeName, tokenAttributes, grammar) {
+    const rawRootMetadata = grammar.getMetadataForScope(scopeName);
+    const scopePath = new ScopeStack(null, scopeName);
+    const rootStyle = grammar.themeProvider.themeMatch(scopePath);
+    const resolvedTokenAttributes = _AttributedScopeStack.mergeAttributes(
+      tokenAttributes,
+      rawRootMetadata,
+      rootStyle
+    );
+    return new _AttributedScopeStack(null, scopePath, resolvedTokenAttributes);
+  }
+  get scopeName() {
+    return this.scopePath.scopeName;
+  }
+  toString() {
+    return this.getScopeNames().join(" ");
+  }
+  equals(other) {
+    return _AttributedScopeStack.equals(this, other);
+  }
+  static equals(a, b) {
+    do {
+      if (a === b) {
+        return true;
+      }
+      if (!a && !b) {
+        return true;
+      }
+      if (!a || !b) {
+        return false;
+      }
+      if (a.scopeName !== b.scopeName || a.tokenAttributes !== b.tokenAttributes) {
+        return false;
+      }
+      a = a.parent;
+      b = b.parent;
+    } while (true);
+  }
+  static mergeAttributes(existingTokenAttributes, basicScopeAttributes, styleAttributes) {
+    let fontStyle = -1;
+    let foreground = 0;
+    let background = 0;
+    if (styleAttributes !== null) {
+      fontStyle = styleAttributes.fontStyle;
+      foreground = styleAttributes.foregroundId;
+      background = styleAttributes.backgroundId;
+    }
+    return EncodedTokenMetadata.set(
+      existingTokenAttributes,
+      basicScopeAttributes.languageId,
+      basicScopeAttributes.tokenType,
+      null,
+      fontStyle,
+      foreground,
+      background
+    );
+  }
+  pushAttributed(scopePath, grammar) {
+    if (scopePath === null) {
+      return this;
+    }
+    if (scopePath.indexOf(" ") === -1) {
+      return _AttributedScopeStack._pushAttributed(this, scopePath, grammar);
+    }
+    const scopes = scopePath.split(/ /g);
+    let result = this;
+    for (const scope of scopes) {
+      result = _AttributedScopeStack._pushAttributed(result, scope, grammar);
+    }
+    return result;
+  }
+  static _pushAttributed(target, scopeName, grammar) {
+    const rawMetadata = grammar.getMetadataForScope(scopeName);
+    const newPath = target.scopePath.push(scopeName);
+    const scopeThemeMatchResult = grammar.themeProvider.themeMatch(newPath);
+    const metadata = _AttributedScopeStack.mergeAttributes(
+      target.tokenAttributes,
+      rawMetadata,
+      scopeThemeMatchResult
+    );
+    return new _AttributedScopeStack(target, newPath, metadata);
+  }
+  getScopeNames() {
+    return this.scopePath.getSegments();
+  }
+  getExtensionIfDefined(base) {
+    const result = [];
+    let self = this;
+    while (self && self !== base) {
+      result.push({
+        encodedTokenAttributes: self.tokenAttributes,
+        scopeNames: self.scopePath.getExtensionIfDefined(self.parent?.scopePath ?? null)
+      });
+      self = self.parent;
+    }
+    return self === base ? result.reverse() : void 0;
+  }
+};
+var StateStackImpl = class _StateStackImpl {
+  /**
+   * Invariant:
+   * ```
+   * if (contentNameScopesList !== nameScopesList && contentNameScopesList?.parent !== nameScopesList) {
+   * 	throw new Error();
+   * }
+   * if (this.parent && !nameScopesList.extends(this.parent.contentNameScopesList)) {
+   * 	throw new Error();
+   * }
+   * ```
+   */
+  constructor(parent, ruleId, enterPos, anchorPos, beginRuleCapturedEOL, endRule, nameScopesList, contentNameScopesList) {
+    this.parent = parent;
+    this.ruleId = ruleId;
+    this.beginRuleCapturedEOL = beginRuleCapturedEOL;
+    this.endRule = endRule;
+    this.nameScopesList = nameScopesList;
+    this.contentNameScopesList = contentNameScopesList;
+    this.depth = this.parent ? this.parent.depth + 1 : 1;
+    this._enterPos = enterPos;
+    this._anchorPos = anchorPos;
+  }
+  _stackElementBrand = void 0;
+  // TODO remove me
+  static NULL = new _StateStackImpl(
+    null,
+    0,
+    0,
+    0,
+    false,
+    null,
+    null,
+    null
+  );
+  /**
+   * The position on the current line where this state was pushed.
+   * This is relevant only while tokenizing a line, to detect endless loops.
+   * Its value is meaningless across lines.
+   */
+  _enterPos;
+  /**
+   * The captured anchor position when this stack element was pushed.
+   * This is relevant only while tokenizing a line, to restore the anchor position when popping.
+   * Its value is meaningless across lines.
+   */
+  _anchorPos;
+  /**
+   * The depth of the stack.
+   */
+  depth;
+  equals(other) {
+    if (other === null) {
+      return false;
+    }
+    return _StateStackImpl._equals(this, other);
+  }
+  static _equals(a, b) {
+    if (a === b) {
+      return true;
+    }
+    if (!this._structuralEquals(a, b)) {
+      return false;
+    }
+    return AttributedScopeStack.equals(a.contentNameScopesList, b.contentNameScopesList);
+  }
+  /**
+   * A structural equals check. Does not take into account `scopes`.
+   */
+  static _structuralEquals(a, b) {
+    do {
+      if (a === b) {
+        return true;
+      }
+      if (!a && !b) {
+        return true;
+      }
+      if (!a || !b) {
+        return false;
+      }
+      if (a.depth !== b.depth || a.ruleId !== b.ruleId || a.endRule !== b.endRule) {
+        return false;
+      }
+      a = a.parent;
+      b = b.parent;
+    } while (true);
+  }
+  clone() {
+    return this;
+  }
+  static _reset(el) {
+    while (el) {
+      el._enterPos = -1;
+      el._anchorPos = -1;
+      el = el.parent;
+    }
+  }
+  reset() {
+    _StateStackImpl._reset(this);
+  }
+  pop() {
+    return this.parent;
+  }
+  safePop() {
+    if (this.parent) {
+      return this.parent;
+    }
+    return this;
+  }
+  push(ruleId, enterPos, anchorPos, beginRuleCapturedEOL, endRule, nameScopesList, contentNameScopesList) {
+    return new _StateStackImpl(
+      this,
+      ruleId,
+      enterPos,
+      anchorPos,
+      beginRuleCapturedEOL,
+      endRule,
+      nameScopesList,
+      contentNameScopesList
+    );
+  }
+  getEnterPos() {
+    return this._enterPos;
+  }
+  getAnchorPos() {
+    return this._anchorPos;
+  }
+  getRule(grammar) {
+    return grammar.getRule(this.ruleId);
+  }
+  toString() {
+    const r = [];
+    this._writeString(r, 0);
+    return "[" + r.join(",") + "]";
+  }
+  _writeString(res, outIndex) {
+    if (this.parent) {
+      outIndex = this.parent._writeString(res, outIndex);
+    }
+    res[outIndex++] = `(${this.ruleId}, ${this.nameScopesList?.toString()}, ${this.contentNameScopesList?.toString()})`;
+    return outIndex;
+  }
+  withContentNameScopesList(contentNameScopeStack) {
+    if (this.contentNameScopesList === contentNameScopeStack) {
+      return this;
+    }
+    return this.parent.push(
+      this.ruleId,
+      this._enterPos,
+      this._anchorPos,
+      this.beginRuleCapturedEOL,
+      this.endRule,
+      this.nameScopesList,
+      contentNameScopeStack
+    );
+  }
+  withEndRule(endRule) {
+    if (this.endRule === endRule) {
+      return this;
+    }
+    return new _StateStackImpl(
+      this.parent,
+      this.ruleId,
+      this._enterPos,
+      this._anchorPos,
+      this.beginRuleCapturedEOL,
+      endRule,
+      this.nameScopesList,
+      this.contentNameScopesList
+    );
+  }
+  // Used to warn of endless loops
+  hasSameRuleAs(other) {
+    let el = this;
+    while (el && el._enterPos === other._enterPos) {
+      if (el.ruleId === other.ruleId) {
+        return true;
+      }
+      el = el.parent;
+    }
+    return false;
+  }
+  toStateStackFrame() {
+    return {
+      ruleId: ruleIdToNumber(this.ruleId),
+      beginRuleCapturedEOL: this.beginRuleCapturedEOL,
+      endRule: this.endRule,
+      nameScopesList: this.nameScopesList?.getExtensionIfDefined(this.parent?.nameScopesList ?? null) ?? [],
+      contentNameScopesList: this.contentNameScopesList?.getExtensionIfDefined(this.nameScopesList) ?? []
+    };
+  }
+  static pushFrame(self, frame) {
+    const namesScopeList = AttributedScopeStack.fromExtension(self?.nameScopesList ?? null, frame.nameScopesList);
+    return new _StateStackImpl(
+      self,
+      ruleIdFromNumber(frame.ruleId),
+      frame.enterPos ?? -1,
+      frame.anchorPos ?? -1,
+      frame.beginRuleCapturedEOL,
+      frame.endRule,
+      namesScopeList,
+      AttributedScopeStack.fromExtension(namesScopeList, frame.contentNameScopesList)
+    );
+  }
+};
+var INITIAL = StateStackImpl.NULL;
+
+// ../../node_modules/.pnpm/@shikijs+core@3.21.0/node_modules/@shikijs/core/dist/index.mjs
+function getTokenStyleObject(token) {
+  const styles = {};
+  if (token.color)
+    styles.color = token.color;
+  if (token.bgColor)
+    styles["background-color"] = token.bgColor;
+  if (token.fontStyle) {
+    if (token.fontStyle & FontStyle.Italic)
+      styles["font-style"] = "italic";
+    if (token.fontStyle & FontStyle.Bold)
+      styles["font-weight"] = "bold";
+    const decorations = [];
+    if (token.fontStyle & FontStyle.Underline)
+      decorations.push("underline");
+    if (token.fontStyle & FontStyle.Strikethrough)
+      decorations.push("line-through");
+    if (decorations.length)
+      styles["text-decoration"] = decorations.join(" ");
+  }
+  return styles;
+}
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/CachedCodeRenderer.vue?type=script
+import { objectId } from "@antfu/utils";
+var CachedCodeRenderer_default = /* @__PURE__ */ _defineComponent8({
+  __name: "CachedCodeRenderer",
+  props: {
+    code: { type: String, required: true },
+    lang: { type: String, required: true },
+    theme: { type: String, required: true },
+    highlighter: { type: null, required: true }
+  },
+  emits: ["stream-start", "stream-end", "stream-error"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const isBrowser = typeof window !== "undefined";
+    const hasStreamError = ref8(false);
+    const tokens = reactive([]);
+    const index = ref8(0);
+    let controller = null;
+    let textStream = null;
+    let tokenStream = null;
+    if (isBrowser) {
+      textStream = new ReadableStream({
+        start(_controller) {
+          controller = _controller;
+        }
+      });
+      try {
+        tokenStream = textStream.pipeThrough(
+          new CodeToTokenTransformStream({
+            highlighter: props.highlighter,
+            lang: props.lang,
+            theme: props.theme,
+            allowRecalls: true
+          })
+        );
+      } catch (error) {
+        console.error("Failed to create token stream:", error);
+        hasStreamError.value = true;
+        emit("stream-error");
+      }
+      if (tokenStream) {
+        tokenStream.pipeTo(new WritableStream({
+          write(token) {
+            if ("recall" in token)
+              tokens.splice(tokens.length - token.recall, token.recall);
+            else
+              tokens.push(token);
+          },
+          close: () => {
+            emit("stream-end");
+          }
+        })).catch((error) => {
+          console.error("Stream error:", error);
+          hasStreamError.value = true;
+          emit("stream-error");
+        });
+      }
+    }
+    watch6(() => props.code, (newCode) => {
+      if (!isBrowser || !controller) return;
+      if (newCode.length > index.value && !hasStreamError.value) {
+        const incremental = newCode.slice(index.value);
+        controller.enqueue(incremental);
+        index.value = newCode.length;
+      }
+    }, { immediate: true });
+    const render24 = () => {
+      if (hasStreamError.value || !isBrowser || tokens.length === 0) {
+        return h("pre", { class: "shiki incremark-code-stream" }, h("code", {}, props.code));
+      }
+      return h(
+        "pre",
+        { class: "shiki incremark-code-stream" },
+        h(
+          "code",
+          {},
+          renderList(tokens, (token) => h("span", { key: objectId(token), style: token.htmlStyle || getTokenStyleObject(token) }, token.content))
+        )
+      );
+    };
+    onUnmounted6(() => {
+      hasStreamError.value = false;
+      tokens.length = 0;
+      index.value = 0;
+    });
+    const __returned__ = { props, emit, isBrowser, hasStreamError, tokens, index, get controller() {
+      return controller;
+    }, set controller(v) {
+      controller = v;
+    }, get textStream() {
+      return textStream;
+    }, set textStream(v) {
+      textStream = v;
+    }, get tokenStream() {
+      return tokenStream;
+    }, set tokenStream(v) {
+      tokenStream = v;
+    }, render: render24 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/CachedCodeRenderer.vue?type=template
+import { resolveDynamicComponent as _resolveDynamicComponent3, openBlock as _openBlock8, createBlock as _createBlock3 } from "vue";
+function render8(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock8(), _createBlock3(_resolveDynamicComponent3($setup.render));
+}
+
+// src/components/CachedCodeRenderer.vue
+CachedCodeRenderer_default.render = render8;
+CachedCodeRenderer_default.__file = "src/components/CachedCodeRenderer.vue";
+var CachedCodeRenderer_default2 = CachedCodeRenderer_default;
+
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeDefault.vue?type=script
-var IncremarkCodeDefault_default = /* @__PURE__ */ _defineComponent8({
+var IncremarkCodeDefault_default = /* @__PURE__ */ _defineComponent9({
   __name: "IncremarkCodeDefault",
   props: {
     node: { type: null, required: true },
     theme: { type: String, required: false, default: "github-dark" },
     fallbackTheme: { type: String, required: false, default: "github-dark" },
-    disableHighlight: { type: Boolean, required: false, default: false }
+    disableHighlight: { type: Boolean, required: false, default: false },
+    blockStatus: { type: String, required: false, default: "pending" }
   },
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const copied = ref7(false);
-    const highlightedHtml = ref7("");
+    const copied = ref9(false);
     const language = computed9(() => props.node.lang || "text");
     const code = computed9(() => props.node.value);
     const { t } = useLocale();
-    const { isHighlighting, highlight } = useShiki(props.theme);
-    async function doHighlight() {
-      if (!code.value || props.disableHighlight) {
-        highlightedHtml.value = "";
+    const { highlighterInfo, initHighlighter } = useShiki(props.theme);
+    const isLanguageLoaded = ref9(false);
+    const shouldEnableHighlight = computed9(() => {
+      return !props.disableHighlight && code.value && code.value.length > 0;
+    });
+    watch7([highlighterInfo, language, shouldEnableHighlight], async ([info, lang, shouldHighlight]) => {
+      if (!shouldHighlight) {
         return;
       }
-      try {
-        const html = await highlight(code.value, language.value, props.fallbackTheme);
-        highlightedHtml.value = html;
-      } catch (e) {
-        highlightedHtml.value = "";
+      if (!info) {
+        await initHighlighter();
+      } else if (lang && lang !== "text") {
+        if (!info.loadedLanguages.has(lang)) {
+          try {
+            isLanguageLoaded.value = false;
+            const supportedLangs = info.highlighter.getLoadedLanguages();
+            const bundledLangs = await import("shiki").then((m) => Object.keys(m.bundledLanguages || {}));
+            const isSupported = supportedLangs.includes(lang) || bundledLangs.includes(lang);
+            if (isSupported) {
+              await info.highlighter.loadLanguage(lang);
+              info.loadedLanguages.add(lang);
+            }
+            isLanguageLoaded.value = true;
+          } catch {
+            isLanguageLoaded.value = true;
+          }
+        } else {
+          isLanguageLoaded.value = true;
+        }
+      } else {
+        isLanguageLoaded.value = true;
       }
-    }
-    watch6([code, () => props.theme], doHighlight, { immediate: true });
+    }, { immediate: true, deep: true });
     let copyTimeoutId = null;
     async function copyCode() {
       if (!isClipboardAvailable2()) return;
@@ -1754,12 +2538,7 @@ var IncremarkCodeDefault_default = /* @__PURE__ */ _defineComponent8({
       } catch {
       }
     }
-    onUnmounted6(() => {
-      if (copyTimeoutId) {
-        clearTimeout(copyTimeoutId);
-      }
-    });
-    const __returned__ = { props, copied, highlightedHtml, language, code, t, isHighlighting, highlight, doHighlight, get copyTimeoutId() {
+    const __returned__ = { props, copied, language, code, t, highlighterInfo, initHighlighter, isLanguageLoaded, shouldEnableHighlight, get copyTimeoutId() {
       return copyTimeoutId;
     }, set copyTimeoutId(v) {
       copyTimeoutId = v;
@@ -1767,27 +2546,23 @@ var IncremarkCodeDefault_default = /* @__PURE__ */ _defineComponent8({
       return LucideCopy2;
     }, get LucideCopyCheck() {
       return LucideCopyCheck2;
-    }, SvgIcon: SvgIcon_default2 };
+    }, SvgIcon: SvgIcon_default2, CachedCodeRenderer: CachedCodeRenderer_default2 };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeDefault.vue?type=template
-import { toDisplayString as _toDisplayString5, createElementVNode as _createElementVNode5, createVNode as _createVNode6, createCommentVNode as _createCommentVNode5, openBlock as _openBlock8, createElementBlock as _createElementBlock7, Fragment as _Fragment5 } from "vue";
+import { toDisplayString as _toDisplayString5, createElementVNode as _createElementVNode5, createVNode as _createVNode6, createCommentVNode as _createCommentVNode5, openBlock as _openBlock9, createBlock as _createBlock4, Fragment as _Fragment5, createElementBlock as _createElementBlock7 } from "vue";
 var _hoisted_17 = { class: "incremark-code" };
 var _hoisted_24 = { class: "code-header" };
 var _hoisted_34 = { class: "language" };
 var _hoisted_44 = ["aria-label", "title"];
 var _hoisted_54 = { class: "code-content" };
-var _hoisted_64 = {
-  key: 0,
-  class: "code-loading"
-};
-var _hoisted_73 = ["innerHTML"];
-var _hoisted_83 = { class: "code-fallback" };
-function render8(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock8(), _createElementBlock7("div", _hoisted_17, [
+var _hoisted_64 = { class: "shiki-wrapper" };
+var _hoisted_73 = { class: "code-fallback" };
+function render9(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock9(), _createElementBlock7("div", _hoisted_17, [
     _createElementVNode5("div", _hoisted_24, [
       _createElementVNode5(
         "span",
@@ -1809,58 +2584,44 @@ function render8(_ctx, _cache, $props, $setup, $data, $options) {
       ], 8, _hoisted_44)
     ]),
     _createElementVNode5("div", _hoisted_54, [
-      _createCommentVNode5(" \u6B63\u5728\u52A0\u8F7D\u9AD8\u4EAE "),
-      $setup.isHighlighting && !$setup.highlightedHtml ? (_openBlock8(), _createElementBlock7("div", _hoisted_64, [
-        _createElementVNode5("pre", null, [
-          _createElementVNode5(
-            "code",
-            null,
-            _toDisplayString5($setup.code),
-            1
-            /* TEXT */
-          )
-        ])
-      ])) : $setup.highlightedHtml ? (_openBlock8(), _createElementBlock7(
-        _Fragment5,
-        { key: 1 },
-        [
-          _createCommentVNode5(" \u9AD8\u4EAE\u540E\u7684\u4EE3\u7801 "),
-          _createElementVNode5("div", {
-            innerHTML: $setup.highlightedHtml,
-            class: "shiki-wrapper"
-          }, null, 8, _hoisted_73)
-        ],
-        2112
-        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      )) : (_openBlock8(), _createElementBlock7(
-        _Fragment5,
-        { key: 2 },
-        [
-          _createCommentVNode5(" \u56DE\u9000\uFF1A\u65E0\u9AD8\u4EAE "),
-          _createElementVNode5("pre", _hoisted_83, [
-            _createElementVNode5(
-              "code",
-              null,
-              _toDisplayString5($setup.code),
-              1
-              /* TEXT */
-            )
-          ])
-        ],
-        2112
-        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      ))
+      _createElementVNode5("div", _hoisted_64, [
+        _createCommentVNode5(" Stream \u9AD8\u4EAE\uFF08\u53EA\u6709\u5F53\u5B58\u5728\u4EE3\u7801\u5185\u5BB9\u4E14\u8BED\u8A00\u52A0\u8F7D\u5B8C\u6210\u540E\u624D\u6E32\u67D3\uFF09 "),
+        $setup.shouldEnableHighlight && $setup.highlighterInfo && $setup.isLanguageLoaded ? (_openBlock9(), _createBlock4($setup["CachedCodeRenderer"], {
+          key: 0,
+          code: $setup.code,
+          lang: $setup.language,
+          theme: $props.theme,
+          highlighter: $setup.highlighterInfo.highlighter
+        }, null, 8, ["code", "lang", "theme", "highlighter"])) : (_openBlock9(), _createElementBlock7(
+          _Fragment5,
+          { key: 1 },
+          [
+            _createCommentVNode5(" \u65E0\u9AD8\u4EAE\u6A21\u5F0F\uFF08\u7981\u7528\u9AD8\u4EAE\u3001\u65E0\u4EE3\u7801\u5185\u5BB9\u3001\u6216\u8BED\u8A00\u672A\u52A0\u8F7D\u5B8C\u6210\u65F6\u663E\u793A\uFF09 "),
+            _createElementVNode5("pre", _hoisted_73, [
+              _createElementVNode5(
+                "code",
+                null,
+                _toDisplayString5($setup.code),
+                1
+                /* TEXT */
+              )
+            ])
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        ))
+      ])
     ])
   ]);
 }
 
 // src/components/IncremarkCodeDefault.vue
-IncremarkCodeDefault_default.render = render8;
+IncremarkCodeDefault_default.render = render9;
 IncremarkCodeDefault_default.__file = "src/components/IncremarkCodeDefault.vue";
 var IncremarkCodeDefault_default2 = IncremarkCodeDefault_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=script
-var IncremarkCode_default = /* @__PURE__ */ _defineComponent9({
+var IncremarkCode_default = /* @__PURE__ */ _defineComponent10({
   __name: "IncremarkCode",
   props: {
     node: { type: null, required: true },
@@ -1897,20 +2658,20 @@ var IncremarkCode_default = /* @__PURE__ */ _defineComponent9({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=template
-import { createCommentVNode as _createCommentVNode6, resolveDynamicComponent as _resolveDynamicComponent3, openBlock as _openBlock9, createBlock as _createBlock3, createVNode as _createVNode7, Fragment as _Fragment6, createElementBlock as _createElementBlock8 } from "vue";
-function render9(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock9(), _createElementBlock8(
+import { createCommentVNode as _createCommentVNode6, resolveDynamicComponent as _resolveDynamicComponent4, openBlock as _openBlock10, createBlock as _createBlock5, createVNode as _createVNode7, Fragment as _Fragment6, createElementBlock as _createElementBlock8 } from "vue";
+function render10(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock10(), _createElementBlock8(
     _Fragment6,
     null,
     [
       _createCommentVNode6(" \u81EA\u5B9A\u4E49\u4EE3\u7801\u5757\u7EC4\u4EF6 "),
-      $setup.CustomCodeBlock ? (_openBlock9(), _createBlock3(_resolveDynamicComponent3($setup.CustomCodeBlock), {
+      $setup.CustomCodeBlock ? (_openBlock10(), _createBlock5(_resolveDynamicComponent4($setup.CustomCodeBlock), {
         key: 0,
         "code-str": $props.node.value,
         lang: $setup.language,
         completed: $props.blockStatus === "completed",
         takeOver: $props.codeBlockConfigs?.[$setup.language]?.takeOver
-      }, null, 8, ["code-str", "lang", "completed", "takeOver"])) : $setup.isMermaid ? (_openBlock9(), _createElementBlock8(
+      }, null, 8, ["code-str", "lang", "completed", "takeOver"])) : $setup.isMermaid ? (_openBlock10(), _createElementBlock8(
         _Fragment6,
         { key: 1 },
         [
@@ -1922,17 +2683,18 @@ function render9(_ctx, _cache, $props, $setup, $data, $options) {
         ],
         2112
         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      )) : (_openBlock9(), _createElementBlock8(
+      )) : (_openBlock10(), _createElementBlock8(
         _Fragment6,
         { key: 2 },
         [
-          _createCommentVNode6(" \u9ED8\u8BA4\u4EE3\u7801\u5757\u6E32\u67D3\uFF08\u652F\u6301\u7528\u6237\u81EA\u5B9A\u4E49\uFF09 "),
-          (_openBlock9(), _createBlock3(_resolveDynamicComponent3($props.defaultCodeComponent), {
+          _createCommentVNode6(" \u9ED8\u8BA4\u4EE3\u7801\u5757\u6E32\u67D3\uFF08\u652F\u6301\u7528\u6237\u81EA\u5B9A\u4E49\uFF0C\u4F7F\u7528 stream \u9AD8\u4EAE\uFF09"),
+          (_openBlock10(), _createBlock5(_resolveDynamicComponent4($props.defaultCodeComponent), {
             node: $props.node,
             theme: $props.theme,
             "fallback-theme": $props.fallbackTheme,
-            "disable-highlight": $props.disableHighlight
-          }, null, 8, ["node", "theme", "fallback-theme", "disable-highlight"]))
+            "disable-highlight": $props.disableHighlight,
+            "block-status": $props.blockStatus
+          }, null, 8, ["node", "theme", "fallback-theme", "disable-highlight", "block-status"]))
         ],
         2112
         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -1944,14 +2706,14 @@ function render9(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkCode.vue
-IncremarkCode_default.render = render9;
+IncremarkCode_default.render = render10;
 IncremarkCode_default.__file = "src/components/IncremarkCode.vue";
 var IncremarkCode_default2 = IncremarkCode_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=script
-import { defineComponent as _defineComponent10 } from "vue";
+import { defineComponent as _defineComponent11 } from "vue";
 import { computed as computed11 } from "vue";
-var IncremarkList_default = /* @__PURE__ */ _defineComponent10({
+var IncremarkList_default = /* @__PURE__ */ _defineComponent11({
   ...{
     name: "IncremarkList"
   },
@@ -1988,31 +2750,31 @@ var IncremarkList_default = /* @__PURE__ */ _defineComponent10({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=template
-import { renderList as _renderList3, Fragment as _Fragment7, openBlock as _openBlock10, createElementBlock as _createElementBlock9, createElementVNode as _createElementVNode6, createVNode as _createVNode8, createCommentVNode as _createCommentVNode7, createBlock as _createBlock4, normalizeClass as _normalizeClass3, resolveDynamicComponent as _resolveDynamicComponent4, withCtx as _withCtx3 } from "vue";
+import { renderList as _renderList3, Fragment as _Fragment7, openBlock as _openBlock11, createElementBlock as _createElementBlock9, createElementVNode as _createElementVNode6, createVNode as _createVNode8, createCommentVNode as _createCommentVNode7, createBlock as _createBlock6, normalizeClass as _normalizeClass3, resolveDynamicComponent as _resolveDynamicComponent5, withCtx as _withCtx3 } from "vue";
 var _hoisted_18 = {
   key: 0,
   class: "task-label"
 };
 var _hoisted_25 = ["checked"];
 var _hoisted_35 = { class: "task-content" };
-function render10(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock10(), _createBlock4(_resolveDynamicComponent4($setup.tag), {
+function render11(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock11(), _createBlock6(_resolveDynamicComponent5($setup.tag), {
     class: _normalizeClass3(["incremark-list", { "task-list": $props.node.children.some((item) => item.checked !== null && item.checked !== void 0) }]),
     start: $props.node.start || void 0
   }, {
     default: _withCtx3(() => [
-      (_openBlock10(true), _createElementBlock9(
+      (_openBlock11(true), _createElementBlock9(
         _Fragment7,
         null,
         _renderList3($props.node.children, (item, index) => {
-          return _openBlock10(), _createElementBlock9(
+          return _openBlock11(), _createElementBlock9(
             "li",
             {
               key: index,
               class: _normalizeClass3(["incremark-list-item", { "task-item": item.checked !== null && item.checked !== void 0 }])
             },
             [
-              item.checked !== null && item.checked !== void 0 ? (_openBlock10(), _createElementBlock9("label", _hoisted_18, [
+              item.checked !== null && item.checked !== void 0 ? (_openBlock11(), _createElementBlock9("label", _hoisted_18, [
                 _createElementVNode6("input", {
                   type: "checkbox",
                   checked: item.checked,
@@ -2024,7 +2786,7 @@ function render10(_ctx, _cache, $props, $setup, $data, $options) {
                     nodes: $setup.getItemInlineContent(item)
                   }, null, 8, ["nodes"])
                 ])
-              ])) : (_openBlock10(), _createElementBlock9(
+              ])) : (_openBlock11(), _createElementBlock9(
                 _Fragment7,
                 { key: 1 },
                 [
@@ -2032,11 +2794,11 @@ function render10(_ctx, _cache, $props, $setup, $data, $options) {
                     nodes: $setup.getItemInlineContent(item)
                   }, null, 8, ["nodes"]),
                   _createCommentVNode7(" \u9012\u5F52\u6E32\u67D3\u6240\u6709\u5757\u7EA7\u5185\u5BB9\uFF08\u5D4C\u5957\u5217\u8868\u3001heading\u3001blockquote\u3001code\u3001table \u7B49\uFF09 "),
-                  $setup.hasBlockChildren(item) ? (_openBlock10(true), _createElementBlock9(
+                  $setup.hasBlockChildren(item) ? (_openBlock11(true), _createElementBlock9(
                     _Fragment7,
                     { key: 0 },
                     _renderList3($setup.getItemBlockChildren(item), (child, childIndex) => {
-                      return _openBlock10(), _createBlock4($setup["IncremarkRenderer"], {
+                      return _openBlock11(), _createBlock6($setup["IncremarkRenderer"], {
                         key: childIndex,
                         node: child
                       }, null, 8, ["node"]);
@@ -2063,13 +2825,13 @@ function render10(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkList.vue
-IncremarkList_default.render = render10;
+IncremarkList_default.render = render11;
 IncremarkList_default.__file = "src/components/IncremarkList.vue";
 var IncremarkList_default2 = IncremarkList_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=script
-import { defineComponent as _defineComponent11 } from "vue";
-var IncremarkTable_default = /* @__PURE__ */ _defineComponent11({
+import { defineComponent as _defineComponent12 } from "vue";
+var IncremarkTable_default = /* @__PURE__ */ _defineComponent12({
   __name: "IncremarkTable",
   props: {
     node: { type: null, required: true }
@@ -2086,20 +2848,20 @@ var IncremarkTable_default = /* @__PURE__ */ _defineComponent11({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=template
-import { renderList as _renderList4, Fragment as _Fragment8, openBlock as _openBlock11, createElementBlock as _createElementBlock10, createVNode as _createVNode9, normalizeClass as _normalizeClass4, createCommentVNode as _createCommentVNode8, createElementVNode as _createElementVNode7 } from "vue";
+import { renderList as _renderList4, Fragment as _Fragment8, openBlock as _openBlock12, createElementBlock as _createElementBlock10, createVNode as _createVNode9, normalizeClass as _normalizeClass4, createCommentVNode as _createCommentVNode8, createElementVNode as _createElementVNode7 } from "vue";
 var _hoisted_19 = { class: "incremark-table-wrapper" };
 var _hoisted_26 = { class: "incremark-table" };
 var _hoisted_36 = { key: 0 };
-function render11(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock11(), _createElementBlock10("div", _hoisted_19, [
+function render12(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock12(), _createElementBlock10("div", _hoisted_19, [
     _createElementVNode7("table", _hoisted_26, [
       _createElementVNode7("thead", null, [
-        $props.node.children[0] ? (_openBlock11(), _createElementBlock10("tr", _hoisted_36, [
-          (_openBlock11(true), _createElementBlock10(
+        $props.node.children[0] ? (_openBlock12(), _createElementBlock10("tr", _hoisted_36, [
+          (_openBlock12(true), _createElementBlock10(
             _Fragment8,
             null,
             _renderList4($props.node.children[0].children, (cell, cellIndex) => {
-              return _openBlock11(), _createElementBlock10(
+              return _openBlock12(), _createElementBlock10(
                 "th",
                 {
                   key: cellIndex,
@@ -2120,16 +2882,16 @@ function render11(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : _createCommentVNode8("v-if", true)
       ]),
       _createElementVNode7("tbody", null, [
-        (_openBlock11(true), _createElementBlock10(
+        (_openBlock12(true), _createElementBlock10(
           _Fragment8,
           null,
           _renderList4($props.node.children.slice(1), (row, rowIndex) => {
-            return _openBlock11(), _createElementBlock10("tr", { key: rowIndex }, [
-              (_openBlock11(true), _createElementBlock10(
+            return _openBlock12(), _createElementBlock10("tr", { key: rowIndex }, [
+              (_openBlock12(true), _createElementBlock10(
                 _Fragment8,
                 null,
                 _renderList4(row.children, (cell, cellIndex) => {
-                  return _openBlock11(), _createElementBlock10(
+                  return _openBlock12(), _createElementBlock10(
                     "td",
                     {
                       key: cellIndex,
@@ -2158,13 +2920,13 @@ function render11(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkTable.vue
-IncremarkTable_default.render = render11;
+IncremarkTable_default.render = render12;
 IncremarkTable_default.__file = "src/components/IncremarkTable.vue";
 var IncremarkTable_default2 = IncremarkTable_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=script
-import { defineComponent as _defineComponent12 } from "vue";
-var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent12({
+import { defineComponent as _defineComponent13 } from "vue";
+var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent13({
   __name: "IncremarkBlockquote",
   props: {
     node: { type: null, required: true }
@@ -2178,15 +2940,15 @@ var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent12({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=template
-import { renderList as _renderList5, Fragment as _Fragment9, openBlock as _openBlock12, createElementBlock as _createElementBlock11, createBlock as _createBlock5 } from "vue";
+import { renderList as _renderList5, Fragment as _Fragment9, openBlock as _openBlock13, createElementBlock as _createElementBlock11, createBlock as _createBlock7 } from "vue";
 var _hoisted_110 = { class: "incremark-blockquote" };
-function render12(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock12(), _createElementBlock11("blockquote", _hoisted_110, [
-    (_openBlock12(true), _createElementBlock11(
+function render13(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock13(), _createElementBlock11("blockquote", _hoisted_110, [
+    (_openBlock13(true), _createElementBlock11(
       _Fragment9,
       null,
       _renderList5($props.node.children, (child, index) => {
-        return _openBlock12(), _createBlock5($setup["IncremarkRenderer"], {
+        return _openBlock13(), _createBlock7($setup["IncremarkRenderer"], {
           key: index,
           node: child
         }, null, 8, ["node"]);
@@ -2198,13 +2960,13 @@ function render12(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkBlockquote.vue
-IncremarkBlockquote_default.render = render12;
+IncremarkBlockquote_default.render = render13;
 IncremarkBlockquote_default.__file = "src/components/IncremarkBlockquote.vue";
 var IncremarkBlockquote_default2 = IncremarkBlockquote_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=script
-import { defineComponent as _defineComponent13 } from "vue";
-var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent13({
+import { defineComponent as _defineComponent14 } from "vue";
+var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent14({
   __name: "IncremarkThematicBreak",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -2215,20 +2977,20 @@ var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent13({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=template
-import { openBlock as _openBlock13, createElementBlock as _createElementBlock12 } from "vue";
+import { openBlock as _openBlock14, createElementBlock as _createElementBlock12 } from "vue";
 var _hoisted_111 = { class: "incremark-hr" };
-function render13(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock13(), _createElementBlock12("hr", _hoisted_111);
+function render14(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock14(), _createElementBlock12("hr", _hoisted_111);
 }
 
 // src/components/IncremarkThematicBreak.vue
-IncremarkThematicBreak_default.render = render13;
+IncremarkThematicBreak_default.render = render14;
 IncremarkThematicBreak_default.__file = "src/components/IncremarkThematicBreak.vue";
 var IncremarkThematicBreak_default2 = IncremarkThematicBreak_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkContainer.vue?type=script
-import { defineComponent as _defineComponent14 } from "vue";
-var IncremarkContainer_default = /* @__PURE__ */ _defineComponent14({
+import { defineComponent as _defineComponent15 } from "vue";
+var IncremarkContainer_default = /* @__PURE__ */ _defineComponent15({
   __name: "IncremarkContainer",
   props: {
     node: { type: Object, required: true },
@@ -2260,29 +3022,29 @@ var IncremarkContainer_default = /* @__PURE__ */ _defineComponent14({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkContainer.vue?type=template
-import { createCommentVNode as _createCommentVNode9, renderList as _renderList6, Fragment as _Fragment10, openBlock as _openBlock14, createElementBlock as _createElementBlock13, createBlock as _createBlock6, resolveDynamicComponent as _resolveDynamicComponent5, withCtx as _withCtx4, normalizeClass as _normalizeClass5, createElementVNode as _createElementVNode8 } from "vue";
+import { createCommentVNode as _createCommentVNode9, renderList as _renderList6, Fragment as _Fragment10, openBlock as _openBlock15, createElementBlock as _createElementBlock13, createBlock as _createBlock8, resolveDynamicComponent as _resolveDynamicComponent6, withCtx as _withCtx4, normalizeClass as _normalizeClass5, createElementVNode as _createElementVNode8 } from "vue";
 var _hoisted_112 = {
   key: 0,
   class: "incremark-container-content"
 };
-function render14(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock14(), _createElementBlock13(
+function render15(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock15(), _createElementBlock13(
     _Fragment10,
     null,
     [
       _createCommentVNode9(" \u5982\u679C\u6709\u81EA\u5B9A\u4E49\u5BB9\u5668\u7EC4\u4EF6\uFF0C\u4F7F\u7528\u81EA\u5B9A\u4E49\u7EC4\u4EF6 "),
-      $setup.hasCustomContainer ? (_openBlock14(), _createBlock6(_resolveDynamicComponent5($setup.CustomContainer), {
+      $setup.hasCustomContainer ? (_openBlock15(), _createBlock8(_resolveDynamicComponent6($setup.CustomContainer), {
         key: 0,
         name: $setup.containerName,
         options: $setup.options
       }, {
         default: _withCtx4(() => [
           _createCommentVNode9(" \u5C06\u5BB9\u5668\u5185\u5BB9\u4F5C\u4E3A\u9ED8\u8BA4 slot \u4F20\u9012 "),
-          $props.node.children && $props.node.children.length > 0 ? (_openBlock14(true), _createElementBlock13(
+          $props.node.children && $props.node.children.length > 0 ? (_openBlock15(true), _createElementBlock13(
             _Fragment10,
             { key: 0 },
             _renderList6($props.node.children, (child, index) => {
-              return _openBlock14(), _createBlock6($setup["IncremarkRenderer"], {
+              return _openBlock15(), _createBlock8($setup["IncremarkRenderer"], {
                 key: index,
                 node: child
               }, null, 8, ["node"]);
@@ -2293,7 +3055,7 @@ function render14(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["name", "options"])) : (_openBlock14(), _createElementBlock13(
+      }, 8, ["name", "options"])) : (_openBlock15(), _createElementBlock13(
         _Fragment10,
         { key: 1 },
         [
@@ -2304,12 +3066,12 @@ function render14(_ctx, _cache, $props, $setup, $data, $options) {
               class: _normalizeClass5(["incremark-container", `incremark-container-${$setup.containerName}`])
             },
             [
-              $props.node.children && $props.node.children.length > 0 ? (_openBlock14(), _createElementBlock13("div", _hoisted_112, [
-                (_openBlock14(true), _createElementBlock13(
+              $props.node.children && $props.node.children.length > 0 ? (_openBlock15(), _createElementBlock13("div", _hoisted_112, [
+                (_openBlock15(true), _createElementBlock13(
                   _Fragment10,
                   null,
                   _renderList6($props.node.children, (child, index) => {
-                    return _openBlock14(), _createBlock6($setup["IncremarkRenderer"], {
+                    return _openBlock15(), _createBlock8($setup["IncremarkRenderer"], {
                       key: index,
                       node: child
                     }, null, 8, ["node"]);
@@ -2333,13 +3095,13 @@ function render14(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkContainer.vue
-IncremarkContainer_default.render = render14;
+IncremarkContainer_default.render = render15;
 IncremarkContainer_default.__file = "src/components/IncremarkContainer.vue";
 var IncremarkContainer_default2 = IncremarkContainer_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=script
-import { defineComponent as _defineComponent15 } from "vue";
-var IncremarkDefault_default = /* @__PURE__ */ _defineComponent15({
+import { defineComponent as _defineComponent16 } from "vue";
+var IncremarkDefault_default = /* @__PURE__ */ _defineComponent16({
   __name: "IncremarkDefault",
   props: {
     node: { type: null, required: true }
@@ -2353,11 +3115,11 @@ var IncremarkDefault_default = /* @__PURE__ */ _defineComponent15({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=template
-import { toDisplayString as _toDisplayString6, createElementVNode as _createElementVNode9, openBlock as _openBlock15, createElementBlock as _createElementBlock14 } from "vue";
+import { toDisplayString as _toDisplayString6, createElementVNode as _createElementVNode9, openBlock as _openBlock16, createElementBlock as _createElementBlock14 } from "vue";
 var _hoisted_113 = { class: "incremark-default" };
 var _hoisted_27 = { class: "type-badge" };
-function render15(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock15(), _createElementBlock14("div", _hoisted_113, [
+function render16(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock16(), _createElementBlock14("div", _hoisted_113, [
     _createElementVNode9(
       "span",
       _hoisted_27,
@@ -2376,12 +3138,12 @@ function render15(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkDefault.vue
-IncremarkDefault_default.render = render15;
+IncremarkDefault_default.render = render16;
 IncremarkDefault_default.__file = "src/components/IncremarkDefault.vue";
 var IncremarkDefault_default2 = IncremarkDefault_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=script
-var IncremarkRenderer_default2 = /* @__PURE__ */ _defineComponent16({
+var IncremarkRenderer_default2 = /* @__PURE__ */ _defineComponent17({
   __name: "IncremarkRenderer",
   props: {
     node: { type: null, required: true },
@@ -2429,18 +3191,18 @@ var IncremarkRenderer_default2 = /* @__PURE__ */ _defineComponent16({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=template
-import { createCommentVNode as _createCommentVNode10, toDisplayString as _toDisplayString7, createElementVNode as _createElementVNode10, openBlock as _openBlock16, createElementBlock as _createElementBlock15, createVNode as _createVNode10, Fragment as _Fragment11, resolveDynamicComponent as _resolveDynamicComponent6, createBlock as _createBlock7 } from "vue";
+import { createCommentVNode as _createCommentVNode10, toDisplayString as _toDisplayString7, createElementVNode as _createElementVNode10, openBlock as _openBlock17, createElementBlock as _createElementBlock15, createVNode as _createVNode10, Fragment as _Fragment11, resolveDynamicComponent as _resolveDynamicComponent7, createBlock as _createBlock9 } from "vue";
 var _hoisted_114 = {
   key: 0,
   class: "incremark-html-code"
 };
-function render16(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock16(), _createElementBlock15(
+function render17(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock17(), _createElementBlock15(
     _Fragment11,
     null,
     [
       _createCommentVNode10(" HTML \u8282\u70B9\uFF1A\u6E32\u67D3\u4E3A\u4EE3\u7801\u5757\u663E\u793A\u6E90\u4EE3\u7801 "),
-      $setup.isHtmlNode($props.node) ? (_openBlock16(), _createElementBlock15("pre", _hoisted_114, [
+      $setup.isHtmlNode($props.node) ? (_openBlock17(), _createElementBlock15("pre", _hoisted_114, [
         _createElementVNode10(
           "code",
           null,
@@ -2448,7 +3210,7 @@ function render16(_ctx, _cache, $props, $setup, $data, $options) {
           1
           /* TEXT */
         )
-      ])) : $setup.isContainerNode($props.node) ? (_openBlock16(), _createElementBlock15(
+      ])) : $setup.isContainerNode($props.node) ? (_openBlock17(), _createElementBlock15(
         _Fragment11,
         { key: 1 },
         [
@@ -2460,7 +3222,7 @@ function render16(_ctx, _cache, $props, $setup, $data, $options) {
         ],
         2112
         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      )) : $props.node.type === "code" ? (_openBlock16(), _createElementBlock15(
+      )) : $props.node.type === "code" ? (_openBlock17(), _createElementBlock15(
         _Fragment11,
         { key: 2 },
         [
@@ -2475,12 +3237,12 @@ function render16(_ctx, _cache, $props, $setup, $data, $options) {
         ],
         2112
         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      )) : (_openBlock16(), _createElementBlock15(
+      )) : (_openBlock17(), _createElementBlock15(
         _Fragment11,
         { key: 3 },
         [
           _createCommentVNode10(" \u5176\u4ED6\u8282\u70B9\uFF1A\u4F7F\u7528\u5BF9\u5E94\u7EC4\u4EF6 "),
-          (_openBlock16(), _createBlock7(_resolveDynamicComponent6($setup.getComponent($props.node.type)), {
+          (_openBlock17(), _createBlock9(_resolveDynamicComponent7($setup.getComponent($props.node.type)), {
             node: $props.node
           }, null, 8, ["node"]))
         ],
@@ -2494,14 +3256,14 @@ function render16(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkRenderer.vue
-IncremarkRenderer_default2.render = render16;
+IncremarkRenderer_default2.render = render17;
 IncremarkRenderer_default2.__file = "src/components/IncremarkRenderer.vue";
 var IncremarkRenderer_default = IncremarkRenderer_default2;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkFootnotes.vue?type=script
-import { defineComponent as _defineComponent17 } from "vue";
+import { defineComponent as _defineComponent18 } from "vue";
 import { computed as computed13 } from "vue";
-var IncremarkFootnotes_default = /* @__PURE__ */ _defineComponent17({
+var IncremarkFootnotes_default = /* @__PURE__ */ _defineComponent18({
   __name: "IncremarkFootnotes",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -2520,7 +3282,7 @@ var IncremarkFootnotes_default = /* @__PURE__ */ _defineComponent17({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkFootnotes.vue?type=template
-import { createElementVNode as _createElementVNode11, renderList as _renderList7, Fragment as _Fragment12, openBlock as _openBlock17, createElementBlock as _createElementBlock16, createCommentVNode as _createCommentVNode11, toDisplayString as _toDisplayString8, createBlock as _createBlock8 } from "vue";
+import { createElementVNode as _createElementVNode11, renderList as _renderList7, Fragment as _Fragment12, openBlock as _openBlock18, createElementBlock as _createElementBlock16, createCommentVNode as _createCommentVNode11, toDisplayString as _toDisplayString8, createBlock as _createBlock10 } from "vue";
 var _hoisted_115 = {
   key: 0,
   class: "incremark-footnotes"
@@ -2531,8 +3293,8 @@ var _hoisted_45 = { class: "incremark-footnote-content" };
 var _hoisted_55 = { class: "incremark-footnote-number" };
 var _hoisted_65 = { class: "incremark-footnote-body" };
 var _hoisted_74 = ["href"];
-function render17(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.hasFootnotes ? (_openBlock17(), _createElementBlock16("section", _hoisted_115, [
+function render18(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.hasFootnotes ? (_openBlock18(), _createElementBlock16("section", _hoisted_115, [
     _cache[0] || (_cache[0] = _createElementVNode11(
       "hr",
       { class: "incremark-footnotes-divider" },
@@ -2541,11 +3303,11 @@ function render17(_ctx, _cache, $props, $setup, $data, $options) {
       /* CACHED */
     )),
     _createElementVNode11("ol", _hoisted_28, [
-      (_openBlock17(true), _createElementBlock16(
+      (_openBlock18(true), _createElementBlock16(
         _Fragment12,
         null,
         _renderList7($setup.orderedFootnotes, (item, index) => {
-          return _openBlock17(), _createElementBlock16("li", {
+          return _openBlock18(), _createElementBlock16("li", {
             key: item.identifier,
             id: `fn-${item.identifier}`,
             class: "incremark-footnote-item"
@@ -2561,11 +3323,11 @@ function render17(_ctx, _cache, $props, $setup, $data, $options) {
               ),
               _createCommentVNode11(" \u811A\u6CE8\u5185\u5BB9 "),
               _createElementVNode11("div", _hoisted_65, [
-                (_openBlock17(true), _createElementBlock16(
+                (_openBlock18(true), _createElementBlock16(
                   _Fragment12,
                   null,
                   _renderList7(item.definition.children, (child, childIndex) => {
-                    return _openBlock17(), _createBlock8($setup["IncremarkRenderer"], {
+                    return _openBlock18(), _createBlock10($setup["IncremarkRenderer"], {
                       key: childIndex,
                       node: child
                     }, null, 8, ["node"]);
@@ -2591,12 +3353,12 @@ function render17(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkFootnotes.vue
-IncremarkFootnotes_default.render = render17;
+IncremarkFootnotes_default.render = render18;
 IncremarkFootnotes_default.__file = "src/components/IncremarkFootnotes.vue";
 var IncremarkFootnotes_default2 = IncremarkFootnotes_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=script
-var Incremark_default = /* @__PURE__ */ _defineComponent18({
+var Incremark_default = /* @__PURE__ */ _defineComponent19({
   __name: "Incremark",
   props: {
     blocks: { type: Array, required: false, default: () => [] },
@@ -2630,20 +3392,20 @@ var Incremark_default = /* @__PURE__ */ _defineComponent18({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=template
-import { createCommentVNode as _createCommentVNode12, renderList as _renderList8, Fragment as _Fragment13, openBlock as _openBlock18, createElementBlock as _createElementBlock17, createVNode as _createVNode11, normalizeClass as _normalizeClass6, createBlock as _createBlock9 } from "vue";
+import { createCommentVNode as _createCommentVNode12, renderList as _renderList8, Fragment as _Fragment13, openBlock as _openBlock19, createElementBlock as _createElementBlock17, createVNode as _createVNode11, normalizeClass as _normalizeClass6, createBlock as _createBlock11 } from "vue";
 var _hoisted_116 = { class: "incremark" };
-function render18(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock18(), _createElementBlock17("div", _hoisted_116, [
+function render19(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock19(), _createElementBlock17("div", _hoisted_116, [
     _createCommentVNode12(" \u4E3B\u8981\u5185\u5BB9\u5757 "),
-    (_openBlock18(true), _createElementBlock17(
+    (_openBlock19(true), _createElementBlock17(
       _Fragment13,
       null,
       _renderList8($setup.actualBlocks, (block) => {
-        return _openBlock18(), _createElementBlock17(
+        return _openBlock19(), _createElementBlock17(
           _Fragment13,
           null,
           [
-            block.node.type !== "definition" && block.node.type !== "footnoteDefinition" ? (_openBlock18(), _createElementBlock17(
+            block.node.type !== "definition" && block.node.type !== "footnoteDefinition" ? (_openBlock19(), _createElementBlock17(
               "div",
               {
                 key: block.id,
@@ -2655,7 +3417,6 @@ function render18(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               },
               [
-                _createCommentVNode12(" \u4F7F\u7528 IncremarkRenderer \u7EDF\u4E00\u5904\u7406\u6240\u6709\u8282\u70B9\u7C7B\u578B "),
                 _createVNode11($setup["IncremarkRenderer"], {
                   node: block.node,
                   "block-status": block.status,
@@ -2677,19 +3438,19 @@ function render18(_ctx, _cache, $props, $setup, $data, $options) {
       /* UNKEYED_FRAGMENT */
     )),
     _createCommentVNode12(" \u811A\u6CE8\u5217\u8868\uFF08\u4EC5\u5728\u5185\u5BB9\u5B8C\u5168\u663E\u793A\u540E\u663E\u793A\uFF09 "),
-    $setup.actualIsDisplayComplete && $setup.footnoteReferenceOrder.length > 0 ? (_openBlock18(), _createBlock9($setup["IncremarkFootnotes"], { key: 0 })) : _createCommentVNode12("v-if", true)
+    $setup.actualIsDisplayComplete && $setup.footnoteReferenceOrder.length > 0 ? (_openBlock19(), _createBlock11($setup["IncremarkFootnotes"], { key: 0 })) : _createCommentVNode12("v-if", true)
   ]);
 }
 
 // src/components/Incremark.vue
-Incremark_default.render = render18;
+Incremark_default.render = render19;
 Incremark_default.__file = "src/components/Incremark.vue";
 var Incremark_default2 = Incremark_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkContent.vue?type=script
-import { defineComponent as _defineComponent19 } from "vue";
-import { computed as computed15, watch as watch7 } from "vue";
-var IncremarkContent_default = /* @__PURE__ */ _defineComponent19({
+import { defineComponent as _defineComponent20 } from "vue";
+import { computed as computed15, watch as watch8 } from "vue";
+var IncremarkContent_default = /* @__PURE__ */ _defineComponent20({
   __name: "IncremarkContent",
   props: {
     stream: { type: Function, required: false },
@@ -2713,7 +3474,7 @@ var IncremarkContent_default = /* @__PURE__ */ _defineComponent19({
       math: true,
       ...props.incremarkOptions
     }));
-    const { blocks, append, finalize, render: render23, reset, isDisplayComplete, markdown } = useIncremark(incremarkOptions);
+    const { blocks, append, finalize, render: render24, reset, isDisplayComplete, markdown } = useIncremark(incremarkOptions);
     const isStreamMode = computed15(() => typeof props.stream === "function");
     async function handleStreamInput() {
       if (!props.stream) return;
@@ -2739,32 +3500,31 @@ var IncremarkContent_default = /* @__PURE__ */ _defineComponent19({
         const delta = newContent.slice((oldContent || "").length);
         append(delta);
       } else {
-        render23(newContent);
+        render24(newContent);
       }
     }
-    watch7(() => props.content, async (newContent, oldContent) => {
+    watch8(() => props.content, async (newContent, oldContent) => {
       if (isStreamMode.value) {
         await handleStreamInput();
-        return;
       } else {
         handleContentInput(newContent, oldContent);
       }
     }, { immediate: true });
-    watch7(() => props.isFinished, (newIsFinished) => {
+    watch8(() => props.isFinished, (newIsFinished) => {
       if (newIsFinished && props.content === markdown.value) {
         finalize();
       }
     }, { immediate: true });
-    const __returned__ = { props, incremarkOptions, blocks, append, finalize, render: render23, reset, isDisplayComplete, markdown, isStreamMode, handleStreamInput, handleContentInput, Incremark: Incremark_default2 };
+    const __returned__ = { props, incremarkOptions, blocks, append, finalize, render: render24, reset, isDisplayComplete, markdown, isStreamMode, handleStreamInput, handleContentInput, Incremark: Incremark_default2 };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkContent.vue?type=template
-import { openBlock as _openBlock19, createBlock as _createBlock10 } from "vue";
-function render19(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock19(), _createBlock10($setup["Incremark"], {
+import { openBlock as _openBlock20, createBlock as _createBlock12 } from "vue";
+function render20(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock20(), _createBlock12($setup["Incremark"], {
     blocks: $setup.blocks,
     "pending-class": $props.pendingClass,
     "is-display-complete": $setup.isDisplayComplete,
@@ -2777,14 +3537,14 @@ function render19(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkContent.vue
-IncremarkContent_default.render = render19;
+IncremarkContent_default.render = render20;
 IncremarkContent_default.__file = "src/components/IncremarkContent.vue";
 var IncremarkContent_default2 = IncremarkContent_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/AutoScrollContainer.vue?type=script
-import { defineComponent as _defineComponent20 } from "vue";
-import { ref as ref8, onMounted as onMounted2, onUnmounted as onUnmounted7, nextTick } from "vue";
-var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent20({
+import { defineComponent as _defineComponent21 } from "vue";
+import { ref as ref10, onMounted as onMounted5, onUnmounted as onUnmounted7, nextTick } from "vue";
+var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent21({
   __name: "AutoScrollContainer",
   props: {
     enabled: { type: Boolean, required: false, default: true },
@@ -2793,8 +3553,8 @@ var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent20({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const containerRef = ref8(null);
-    const isUserScrolledUp = ref8(false);
+    const containerRef = ref10(null);
+    const isUserScrolledUp = ref10(false);
     let lastScrollTop = 0;
     let lastScrollHeight = 0;
     function isNearBottom() {
@@ -2840,7 +3600,7 @@ var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent20({
       lastScrollHeight = scrollHeight;
     }
     let observer = null;
-    onMounted2(() => {
+    onMounted5(() => {
       if (!containerRef.value) return;
       lastScrollTop = containerRef.value.scrollTop;
       lastScrollHeight = containerRef.value.scrollHeight;
@@ -2892,9 +3652,9 @@ var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent20({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/AutoScrollContainer.vue?type=template
-import { renderSlot as _renderSlot, openBlock as _openBlock20, createElementBlock as _createElementBlock18 } from "vue";
-function render20(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock20(), _createElementBlock18(
+import { renderSlot as _renderSlot, openBlock as _openBlock21, createElementBlock as _createElementBlock18 } from "vue";
+function render21(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock21(), _createElementBlock18(
     "div",
     {
       ref: "containerRef",
@@ -2910,16 +3670,16 @@ function render20(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/AutoScrollContainer.vue
-AutoScrollContainer_default.render = render20;
+AutoScrollContainer_default.render = render21;
 AutoScrollContainer_default.__file = "src/components/AutoScrollContainer.vue";
 var AutoScrollContainer_default2 = AutoScrollContainer_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/ThemeProvider.vue?type=script
-import { defineComponent as _defineComponent21 } from "vue";
-import { ref as ref9, watch as watch9 } from "vue";
+import { defineComponent as _defineComponent22 } from "vue";
+import { ref as ref11, watch as watch10 } from "vue";
 import { applyTheme } from "@incremark/theme";
 import { isServer } from "@incremark/shared";
-var ThemeProvider_default = /* @__PURE__ */ _defineComponent21({
+var ThemeProvider_default = /* @__PURE__ */ _defineComponent22({
   __name: "ThemeProvider",
   props: {
     theme: { type: null, required: true },
@@ -2928,8 +3688,8 @@ var ThemeProvider_default = /* @__PURE__ */ _defineComponent21({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const containerRef = ref9();
-    watch9(
+    const containerRef = ref11();
+    watch10(
       () => props.theme,
       (theme) => {
         if (isServer()) return;
@@ -2946,9 +3706,9 @@ var ThemeProvider_default = /* @__PURE__ */ _defineComponent21({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/ThemeProvider.vue?type=template
-import { renderSlot as _renderSlot2, normalizeClass as _normalizeClass7, openBlock as _openBlock21, createElementBlock as _createElementBlock19 } from "vue";
-function render21(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock21(), _createElementBlock19(
+import { renderSlot as _renderSlot2, normalizeClass as _normalizeClass7, openBlock as _openBlock22, createElementBlock as _createElementBlock19 } from "vue";
+function render22(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock22(), _createElementBlock19(
     "div",
     {
       ref: "containerRef",
@@ -2963,24 +3723,25 @@ function render21(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/ThemeProvider.vue
-ThemeProvider_default.render = render21;
+ThemeProvider_default.render = render22;
 ThemeProvider_default.__file = "src/ThemeProvider.vue";
 var ThemeProvider_default2 = ThemeProvider_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/ConfigProvider.vue?type=script
-import { defineComponent as _defineComponent22 } from "vue";
-import { provide as provide2, ref as ref10, watch as watch10 } from "vue";
-var ConfigProvider_default = /* @__PURE__ */ _defineComponent22({
+import { defineComponent as _defineComponent23 } from "vue";
+import { provide as provide2, ref as ref12, watch as watch11 } from "vue";
+import { zhCN as zhCN2 } from "@incremark/shared";
+var ConfigProvider_default = /* @__PURE__ */ _defineComponent23({
   __name: "ConfigProvider",
   props: {
-    locale: { type: null, required: false, default: () => enShared }
+    locale: { type: null, required: false, default: () => zhCN2 }
   },
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const localeRef = ref10(props.locale);
+    const localeRef = ref12(props.locale || zhCN2);
     provide2(LOCALE_KEY, localeRef);
-    watch10(
+    watch11(
       () => props.locale,
       (newLocale) => {
         if (newLocale) {
@@ -2997,12 +3758,12 @@ var ConfigProvider_default = /* @__PURE__ */ _defineComponent22({
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/ConfigProvider.vue?type=template
 import { renderSlot as _renderSlot3 } from "vue";
-function render22(_ctx, _cache, $props, $setup, $data, $options) {
+function render23(_ctx, _cache, $props, $setup, $data, $options) {
   return _renderSlot3(_ctx.$slots, "default");
 }
 
 // src/components/ConfigProvider.vue
-ConfigProvider_default.render = render22;
+ConfigProvider_default.render = render23;
 ConfigProvider_default.__file = "src/components/ConfigProvider.vue";
 var ConfigProvider_default2 = ConfigProvider_default;
 
@@ -3016,7 +3777,7 @@ import {
   codeBlockPlugin,
   mermaidPlugin,
   imagePlugin,
-  mathPlugin,
+  mathPlugin as mathPlugin2,
   thematicBreakPlugin,
   defaultPlugins as defaultPlugins2,
   allPlugins,
@@ -3063,7 +3824,7 @@ export {
   enShared as en,
   generateCSSVars,
   imagePlugin,
-  mathPlugin,
+  mathPlugin2 as mathPlugin,
   mergeTheme,
   mermaidPlugin,
   sliceAst,