@incremark/vue 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,25 +1,101 @@
 // src/composables/useIncremark.ts
-import { ref, shallowRef, computed, markRaw, watch, onUnmounted } from "vue";
+import { ref as ref3, shallowRef as shallowRef2, computed as computed2, markRaw } from "vue";
+import {
+  createIncremarkParser
+} from "@incremark/core";
+
+// src/composables/useProvideDefinations.ts
+import { ref, provide } from "vue";
+var definationsInjectionKey = /* @__PURE__ */ Symbol("provideDefinations");
+function useProvideDefinations() {
+  const definations = ref({});
+  const footnoteDefinitions = ref({});
+  const footnoteReferenceOrder = ref([]);
+  provide(definationsInjectionKey, {
+    definations,
+    footnoteDefinitions,
+    footnoteReferenceOrder
+  });
+  function setDefinations(definitions) {
+    definations.value = definitions;
+  }
+  function setFootnoteDefinitions(definitions) {
+    footnoteDefinitions.value = definitions;
+  }
+  function setFootnoteReferenceOrder(order) {
+    footnoteReferenceOrder.value = order;
+  }
+  function clearDefinations() {
+    definations.value = {};
+  }
+  function clearFootnoteDefinitions() {
+    footnoteDefinitions.value = {};
+  }
+  function clearFootnoteReferenceOrder() {
+    footnoteReferenceOrder.value = [];
+  }
+  function clearAllDefinations() {
+    clearDefinations();
+    clearFootnoteDefinitions();
+    clearFootnoteReferenceOrder();
+  }
+  return {
+    setDefinations,
+    setFootnoteDefinitions,
+    setFootnoteReferenceOrder,
+    clearDefinations,
+    clearFootnoteDefinitions,
+    clearFootnoteReferenceOrder,
+    clearAllDefinations
+  };
+}
+
+// src/composables/useTypewriter.ts
+import { ref as ref2, shallowRef, computed, watch, onUnmounted } from "vue";
 import {
-  createIncremarkParser,
   createBlockTransformer,
   defaultPlugins
 } from "@incremark/core";
-function useIncremark(options = {}) {
-  const parser = createIncremarkParser(options);
-  const completedBlocks = shallowRef([]);
-  const pendingBlocks = shallowRef([]);
-  const isLoading = ref(false);
-  const markdown = ref("");
-  const typewriterEnabled = ref(options.typewriter?.enabled ?? !!options.typewriter);
+
+// src/utils/cursor.ts
+function addCursorToNode(node, cursor) {
+  const cloned = JSON.parse(JSON.stringify(node));
+  function addToLast(n) {
+    if (n.children && n.children.length > 0) {
+      for (let i = n.children.length - 1; i >= 0; i--) {
+        if (addToLast(n.children[i])) {
+          return true;
+        }
+      }
+      n.children.push({ type: "text", value: cursor });
+      return true;
+    }
+    if (n.type === "text" && typeof n.value === "string") {
+      n.value += cursor;
+      return true;
+    }
+    if (typeof n.value === "string") {
+      n.value += cursor;
+      return true;
+    }
+    return false;
+  }
+  addToLast(cloned);
+  return cloned;
+}
+
+// src/composables/useTypewriter.ts
+function useTypewriter(options) {
+  const { typewriter: typewriterConfig, completedBlocks, pendingBlocks } = options;
+  const typewriterEnabled = ref2(typewriterConfig?.enabled ?? !!typewriterConfig);
   const displayBlocksRef = shallowRef([]);
-  const isTypewriterProcessing = ref(false);
-  const isTypewriterPaused = ref(false);
-  const typewriterEffect = ref(options.typewriter?.effect ?? "none");
-  const typewriterCursor = ref(options.typewriter?.cursor ?? "|");
+  const isTypewriterProcessing = ref2(false);
+  const isTypewriterPaused = ref2(false);
+  const typewriterEffect = ref2(typewriterConfig?.effect ?? "none");
+  const typewriterCursor = ref2(typewriterConfig?.cursor ?? "|");
   let transformer = null;
-  if (options.typewriter) {
-    const twOptions = options.typewriter;
+  if (typewriterConfig) {
+    const twOptions = typewriterConfig;
     transformer = createBlockTransformer({
       charsPerTick: twOptions.charsPerTick ?? [1, 3],
       tickInterval: twOptions.tickInterval ?? 30,
@@ -33,13 +109,6 @@ function useIncremark(options = {}) {
       }
     });
   }
-  const ast = computed(() => ({
-    type: "root",
-    children: [
-      ...completedBlocks.value.map((b) => b.node),
-      ...pendingBlocks.value.map((b) => b.node)
-    ]
-  }));
   const sourceBlocks = computed(() => {
     return completedBlocks.value.map((block) => ({
       id: block.id,
@@ -63,31 +132,6 @@ function useIncremark(options = {}) {
       { immediate: true, deep: true }
     );
   }
-  function addCursorToNode(node, cursor) {
-    const cloned = JSON.parse(JSON.stringify(node));
-    function addToLast(n) {
-      if (n.children && n.children.length > 0) {
-        for (let i = n.children.length - 1; i >= 0; i--) {
-          if (addToLast(n.children[i])) {
-            return true;
-          }
-        }
-        n.children.push({ type: "text", value: cursor });
-        return true;
-      }
-      if (n.type === "text" && typeof n.value === "string") {
-        n.value += cursor;
-        return true;
-      }
-      if (typeof n.value === "string") {
-        n.value += cursor;
-        return true;
-      }
-      return false;
-    }
-    addToLast(cloned);
-    return cloned;
-  }
   const rawBlocks = computed(() => {
     const result = [];
     for (const block of completedBlocks.value) {
@@ -124,6 +168,82 @@ function useIncremark(options = {}) {
       };
     });
   });
+  const typewriterControls = {
+    enabled: computed(() => typewriterEnabled.value),
+    setEnabled: (value) => {
+      typewriterEnabled.value = value;
+    },
+    isProcessing: computed(() => isTypewriterProcessing.value),
+    isPaused: computed(() => isTypewriterPaused.value),
+    effect: computed(() => typewriterEffect.value),
+    skip: () => transformer?.skip(),
+    pause: () => {
+      transformer?.pause();
+      isTypewriterPaused.value = true;
+    },
+    resume: () => {
+      transformer?.resume();
+      isTypewriterPaused.value = false;
+    },
+    setOptions: (opts) => {
+      if (opts.enabled !== void 0) {
+        typewriterEnabled.value = opts.enabled;
+      }
+      if (opts.charsPerTick !== void 0 || opts.tickInterval !== void 0 || opts.effect !== void 0 || opts.pauseOnHidden !== void 0) {
+        transformer?.setOptions({
+          charsPerTick: opts.charsPerTick,
+          tickInterval: opts.tickInterval,
+          effect: opts.effect,
+          pauseOnHidden: opts.pauseOnHidden
+        });
+      }
+      if (opts.effect !== void 0) {
+        typewriterEffect.value = opts.effect;
+      }
+      if (opts.cursor !== void 0) {
+        typewriterCursor.value = opts.cursor;
+      }
+    }
+  };
+  onUnmounted(() => {
+    transformer?.destroy();
+  });
+  return {
+    blocks,
+    typewriter: typewriterControls,
+    transformer
+  };
+}
+
+// src/composables/useIncremark.ts
+function useIncremark(options = {}) {
+  const { setDefinations, setFootnoteDefinitions, setFootnoteReferenceOrder } = useProvideDefinations();
+  const parser = createIncremarkParser({
+    ...options,
+    onChange: (state) => {
+      setDefinations(state.definitions);
+      setFootnoteDefinitions(state.footnoteDefinitions);
+      options.onChange?.(state);
+    }
+  });
+  const completedBlocks = shallowRef2([]);
+  const pendingBlocks = shallowRef2([]);
+  const isLoading = ref3(false);
+  const markdown = ref3("");
+  const isFinalized = ref3(false);
+  const footnoteReferenceOrder = ref3([]);
+  const { blocks, typewriter, transformer } = useTypewriter({
+    typewriter: options.typewriter,
+    completedBlocks,
+    pendingBlocks
+  });
+  const ast = computed2(() => ({
+    type: "root",
+    children: [
+      ...completedBlocks.value.map((b) => b.node),
+      ...pendingBlocks.value.map((b) => b.node)
+    ]
+  }));
   function append(chunk) {
     isLoading.value = true;
     const update = parser.append(chunk);
@@ -135,6 +255,8 @@ function useIncremark(options = {}) {
       ];
     }
     pendingBlocks.value = update.pending.map((b) => markRaw(b));
+    footnoteReferenceOrder.value = update.footnoteReferenceOrder;
+    setFootnoteReferenceOrder(update.footnoteReferenceOrder);
     return update;
   }
   function finalize() {
@@ -148,6 +270,9 @@ function useIncremark(options = {}) {
     }
     pendingBlocks.value = [];
     isLoading.value = false;
+    isFinalized.value = true;
+    footnoteReferenceOrder.value = update.footnoteReferenceOrder;
+    setFootnoteReferenceOrder(update.footnoteReferenceOrder);
     return update;
   }
   function abort() {
@@ -159,53 +284,21 @@ function useIncremark(options = {}) {
     pendingBlocks.value = [];
     markdown.value = "";
     isLoading.value = false;
+    isFinalized.value = false;
+    footnoteReferenceOrder.value = [];
     transformer?.reset();
   }
-  function render14(content) {
+  function render17(content) {
     const update = parser.render(content);
     markdown.value = parser.getBuffer();
     completedBlocks.value = parser.getCompletedBlocks().map((b) => markRaw(b));
     pendingBlocks.value = [];
     isLoading.value = false;
+    isFinalized.value = true;
+    footnoteReferenceOrder.value = update.footnoteReferenceOrder;
+    setFootnoteReferenceOrder(update.footnoteReferenceOrder);
     return update;
   }
-  const typewriter = {
-    enabled: typewriterEnabled,
-    isProcessing: computed(() => isTypewriterProcessing.value),
-    isPaused: computed(() => isTypewriterPaused.value),
-    effect: computed(() => typewriterEffect.value),
-    skip: () => transformer?.skip(),
-    pause: () => {
-      transformer?.pause();
-      isTypewriterPaused.value = true;
-    },
-    resume: () => {
-      transformer?.resume();
-      isTypewriterPaused.value = false;
-    },
-    setOptions: (opts) => {
-      if (opts.enabled !== void 0) {
-        typewriterEnabled.value = opts.enabled;
-      }
-      if (opts.charsPerTick !== void 0 || opts.tickInterval !== void 0 || opts.effect !== void 0 || opts.pauseOnHidden !== void 0) {
-        transformer?.setOptions({
-          charsPerTick: opts.charsPerTick,
-          tickInterval: opts.tickInterval,
-          effect: opts.effect,
-          pauseOnHidden: opts.pauseOnHidden
-        });
-      }
-      if (opts.effect !== void 0) {
-        typewriterEffect.value = opts.effect;
-      }
-      if (opts.cursor !== void 0) {
-        typewriterCursor.value = opts.cursor;
-      }
-    }
-  };
-  onUnmounted(() => {
-    transformer?.destroy();
-  });
   return {
     /** 已收集的完整 Markdown 字符串 */
     markdown,
@@ -219,6 +312,10 @@ function useIncremark(options = {}) {
     blocks,
     /** 是否正在加载 */
     isLoading,
+    /** 是否已完成（finalize） */
+    isFinalized,
+    /** 脚注引用的出现顺序 */
+    footnoteReferenceOrder,
     /** 追加内容 */
     append,
     /** 完成解析 */
@@ -228,7 +325,7 @@ function useIncremark(options = {}) {
     /** 重置解析器和打字机 */
     reset,
     /** 一次性渲染（reset + append + finalize） */
-    render: render14,
+    render: render17,
     /** 解析器实例 */
     parser,
     /** 打字机控制 */
@@ -237,22 +334,22 @@ function useIncremark(options = {}) {
 }
 
 // src/composables/useStreamRenderer.ts
-import { computed as computed2 } from "vue";
+import { computed as computed3 } from "vue";
 function useStreamRenderer(options) {
   const { completedBlocks, pendingBlocks } = options;
-  const stableCompletedBlocks = computed2(
+  const stableCompletedBlocks = computed3(
     () => completedBlocks.value.map((block) => ({
       ...block,
       stableId: block.id
     }))
   );
-  const stablePendingBlocks = computed2(
+  const stablePendingBlocks = computed3(
     () => pendingBlocks.value.map((block, index) => ({
       ...block,
       stableId: `pending-${index}`
     }))
   );
-  const allStableBlocks = computed2(() => [...stableCompletedBlocks.value, ...stablePendingBlocks.value]);
+  const allStableBlocks = computed3(() => [...stableCompletedBlocks.value, ...stablePendingBlocks.value]);
   return {
     stableCompletedBlocks,
     stablePendingBlocks,
@@ -290,15 +387,15 @@ function useDevTools(incremark, options = {}) {
 }
 
 // src/composables/useBlockTransformer.ts
-import { ref as ref3, watch as watch2, computed as computed3, onUnmounted as onUnmounted3 } from "vue";
+import { ref as ref5, watch as watch2, computed as computed4, onUnmounted as onUnmounted3 } from "vue";
 import {
   createBlockTransformer as createBlockTransformer2
 } from "@incremark/core";
 function useBlockTransformer(sourceBlocks, options = {}) {
-  const displayBlocksRef = ref3([]);
-  const isProcessingRef = ref3(false);
-  const isPausedRef = ref3(false);
-  const effectRef = ref3(options.effect ?? "none");
+  const displayBlocksRef = ref5([]);
+  const isProcessingRef = ref5(false);
+  const isPausedRef = ref5(false);
+  const effectRef = ref5(options.effect ?? "none");
   const transformer = createBlockTransformer2({
     ...options,
     onChange: (blocks) => {
@@ -325,10 +422,10 @@ function useBlockTransformer(sourceBlocks, options = {}) {
     transformer.destroy();
   });
   return {
-    displayBlocks: computed3(() => displayBlocksRef.value),
-    isProcessing: computed3(() => isProcessingRef.value),
-    isPaused: computed3(() => isPausedRef.value),
-    effect: computed3(() => effectRef.value),
+    displayBlocks: computed4(() => displayBlocksRef.value),
+    isProcessing: computed4(() => isProcessingRef.value),
+    isPaused: computed4(() => isPausedRef.value),
+    effect: computed4(() => effectRef.value),
     skip: () => transformer.skip(),
     reset: () => transformer.reset(),
     pause: () => {
@@ -349,20 +446,35 @@ function useBlockTransformer(sourceBlocks, options = {}) {
   };
 }
 
+// src/composables/useDefinationsContext.ts
+import { inject } from "vue";
+function useDefinationsContext() {
+  const definationContext = inject(definationsInjectionKey);
+  if (!definationContext) {
+    throw new Error("definationContext not found");
+  }
+  return definationContext;
+}
+
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=script
-import { defineComponent as _defineComponent11 } from "vue";
-import { computed as computed8 } from "vue";
+import { defineComponent as _defineComponent14 } from "vue";
+import { computed as computed10 } from "vue";
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=script
-import { defineComponent as _defineComponent3 } from "vue";
-import { computed as computed5 } from "vue";
+import { defineComponent as _defineComponent4 } from "vue";
+import { computed as computed6 } from "vue";
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=script
-import { defineComponent as _defineComponent2 } from "vue";
+import { defineComponent as _defineComponent3 } from "vue";
+import {
+  hasChunks,
+  getStableText,
+  isHtmlNode
+} from "@incremark/shared";
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkMath.vue?type=script
 import { defineComponent as _defineComponent } from "vue";
-import { computed as computed4, ref as ref4, watch as watch3, shallowRef as shallowRef2, onUnmounted as onUnmounted4 } from "vue";
+import { computed as computed5, ref as ref6, watch as watch3, shallowRef as shallowRef3, onUnmounted as onUnmounted4 } from "vue";
 var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
   __name: "IncremarkMath",
   props: {
@@ -372,13 +484,13 @@ var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const renderedHtml = ref4("");
-    const renderError = ref4("");
-    const isLoading = ref4(false);
-    const katexRef = shallowRef2(null);
+    const renderedHtml = ref6("");
+    const renderError = ref6("");
+    const isLoading = ref6(false);
+    const katexRef = shallowRef3(null);
     let renderTimer = null;
-    const isInline = computed4(() => props.node.type === "inlineMath");
-    const formula = computed4(() => props.node.value);
+    const isInline = computed5(() => props.node.type === "inlineMath");
+    const formula = computed5(() => props.node.value);
     function scheduleRender() {
       if (!formula.value) {
         renderedHtml.value = "";
@@ -510,83 +622,304 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 // src/components/IncremarkMath.vue
 IncremarkMath_default.render = render;
 IncremarkMath_default.__file = "src/components/IncremarkMath.vue";
-IncremarkMath_default.__scopeId = "data-v-6146c361";
 var IncremarkMath_default2 = IncremarkMath_default;
 
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHtmlElement.vue?type=script
+import { defineComponent as _defineComponent2 } from "vue";
+var IncremarkHtmlElement_default = /* @__PURE__ */ _defineComponent2({
+  __name: "IncremarkHtmlElement",
+  props: {
+    node: { type: Object, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    function isInlineElement(tagName) {
+      const inlineElements = [
+        "a",
+        "abbr",
+        "acronym",
+        "b",
+        "bdo",
+        "big",
+        "br",
+        "button",
+        "cite",
+        "code",
+        "dfn",
+        "em",
+        "i",
+        "img",
+        "input",
+        "kbd",
+        "label",
+        "map",
+        "object",
+        "output",
+        "q",
+        "samp",
+        "script",
+        "select",
+        "small",
+        "span",
+        "strong",
+        "sub",
+        "sup",
+        "textarea",
+        "time",
+        "tt",
+        "var"
+      ];
+      return inlineElements.includes(tagName.toLowerCase());
+    }
+    function isVoidElement(tagName) {
+      const voidElements = [
+        "area",
+        "base",
+        "br",
+        "col",
+        "embed",
+        "hr",
+        "img",
+        "input",
+        "link",
+        "meta",
+        "param",
+        "source",
+        "track",
+        "wbr"
+      ];
+      return voidElements.includes(tagName.toLowerCase());
+    }
+    function hasOnlyInlineChildren(children) {
+      if (!children || children.length === 0) return true;
+      return children.every((child) => {
+        const type = child.type;
+        const inlineTypes = ["text", "strong", "emphasis", "inlineCode", "link", "image", "break", "html", "htmlElement"];
+        if (inlineTypes.includes(type)) {
+          if (type === "htmlElement") {
+            return isInlineElement(child.tagName);
+          }
+          return true;
+        }
+        return false;
+      });
+    }
+    function getAttrs(attrs) {
+      const result = {};
+      for (const [key, value] of Object.entries(attrs)) {
+        if (key.startsWith("on")) continue;
+        result[key] = value;
+      }
+      return result;
+    }
+    const __returned__ = { isInlineElement, isVoidElement, hasOnlyInlineChildren, getAttrs, IncremarkInline: IncremarkInline_default };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHtmlElement.vue?type=template
+import { createCommentVNode as _createCommentVNode2, openBlock as _openBlock2, createBlock as _createBlock, renderList as _renderList, Fragment as _Fragment2, createElementBlock as _createElementBlock2, resolveComponent as _resolveComponent, toDisplayString as _toDisplayString2, createTextVNode as _createTextVNode, createVNode as _createVNode, createElementVNode as _createElementVNode2, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
+var _hoisted_12 = { class: "incremark-unknown-child" };
+function render2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_IncremarkHtmlElement = _resolveComponent("IncremarkHtmlElement", true);
+  return _openBlock2(), _createBlock(_resolveDynamicComponent($props.node.tagName), _mergeProps($setup.getAttrs($props.node.attrs), {
+    class: ["incremark-html-element", `incremark-${$props.node.tagName}`]
+  }), {
+    default: _withCtx(() => [
+      _createCommentVNode2(" \u81EA\u95ED\u5408\u5143\u7D20\u6CA1\u6709\u5B50\u8282\u70B9 "),
+      !$setup.isVoidElement($props.node.tagName) ? (_openBlock2(), _createElementBlock2(
+        _Fragment2,
+        { key: 0 },
+        [
+          _createCommentVNode2(" \u5982\u679C\u5B50\u8282\u70B9\u90FD\u662F\u884C\u5185\u5185\u5BB9\uFF0C\u4F7F\u7528 IncremarkInline "),
+          $setup.hasOnlyInlineChildren($props.node.children) ? (_openBlock2(), _createBlock($setup["IncremarkInline"], {
+            key: 0,
+            nodes: $props.node.children
+          }, null, 8, ["nodes"])) : (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 1 },
+            [
+              _createCommentVNode2(" \u5426\u5219\u9012\u5F52\u6E32\u67D3\u6BCF\u4E2A\u5B50\u8282\u70B9 "),
+              (_openBlock2(true), _createElementBlock2(
+                _Fragment2,
+                null,
+                _renderList($props.node.children, (child, idx) => {
+                  return _openBlock2(), _createElementBlock2(
+                    _Fragment2,
+                    { key: idx },
+                    [
+                      _createCommentVNode2(" \u5982\u679C\u5B50\u8282\u70B9\u662F htmlElement\uFF0C\u9012\u5F52 "),
+                      child.type === "htmlElement" ? (_openBlock2(), _createBlock(_component_IncremarkHtmlElement, {
+                        key: 0,
+                        node: child
+                      }, null, 8, ["node"])) : child.type === "text" ? (_openBlock2(), _createElementBlock2(
+                        _Fragment2,
+                        { key: 1 },
+                        [
+                          _createCommentVNode2(" \u5982\u679C\u662F\u6587\u672C\u8282\u70B9 "),
+                          _createTextVNode(
+                            _toDisplayString2(child.value),
+                            1
+                            /* TEXT */
+                          )
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : ["strong", "emphasis", "inlineCode", "link", "image", "break"].includes(child.type) ? (_openBlock2(), _createElementBlock2(
+                        _Fragment2,
+                        { key: 2 },
+                        [
+                          _createCommentVNode2(" \u5176\u4ED6\u7C7B\u578B\u5C1D\u8BD5\u7528 IncremarkInline "),
+                          _createVNode($setup["IncremarkInline"], {
+                            nodes: [child]
+                          }, null, 8, ["nodes"])
+                        ],
+                        2112
+                        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                      )) : child.type === "paragraph" ? (_openBlock2(), _createElementBlock2(
+                        _Fragment2,
+                        { key: 3 },
+                        [
+                          _createCommentVNode2(" \u6BB5\u843D\u7B49\u5757\u7EA7\u5143\u7D20 "),
+                          _createElementVNode2("p", null, [
+                            _createVNode($setup["IncremarkInline"], {
+                              nodes: child.children
+                            }, null, 8, ["nodes"])
+                          ])
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : (_openBlock2(), _createElementBlock2(
+                        _Fragment2,
+                        { key: 4 },
+                        [
+                          _createCommentVNode2(" \u5176\u4ED6\u672A\u77E5\u7C7B\u578B\uFF0C\u663E\u793A\u539F\u59CB "),
+                          _createElementVNode2(
+                            "div",
+                            _hoisted_12,
+                            _toDisplayString2(child.type),
+                            1
+                            /* TEXT */
+                          )
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : _createCommentVNode2("v-if", true)
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["class"]);
+}
+
+// src/components/IncremarkHtmlElement.vue
+IncremarkHtmlElement_default.render = render2;
+IncremarkHtmlElement_default.__file = "src/components/IncremarkHtmlElement.vue";
+IncremarkHtmlElement_default.__scopeId = "data-v-b3af0c5a";
+var IncremarkHtmlElement_default2 = IncremarkHtmlElement_default;
+
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=script
-var IncremarkInline_default = /* @__PURE__ */ _defineComponent2({
+var IncremarkInline_default2 = /* @__PURE__ */ _defineComponent3({
   __name: "IncremarkInline",
   props: {
     nodes: { type: Array, required: true }
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    function getStableText(node) {
-      if (!node.chunks || node.chunks.length === 0) {
-        return node.value;
-      }
-      return node.value.slice(0, node.stableLength ?? 0);
+    function isHtmlElementNode(node) {
+      return node.type === "htmlElement";
+    }
+    function isImageReference(node) {
+      return node.type === "imageReference";
     }
-    function hasChunks(node) {
-      return node.type === "text" && "chunks" in node && Array.isArray(node.chunks);
+    function isLinkReference(node) {
+      return node.type === "linkReference";
     }
+    const props = __props;
+    const {
+      definations,
+      footnoteDefinitions
+    } = useDefinationsContext();
     function getChunks(node) {
       if (hasChunks(node)) {
         return node.chunks;
       }
       return void 0;
     }
-    function isHtmlNode(node) {
-      return node.type === "html";
-    }
     function isInlineMath(node) {
       return node.type === "inlineMath";
     }
-    const __returned__ = { getStableText, hasChunks, getChunks, isHtmlNode, isInlineMath, IncremarkMath: IncremarkMath_default2 };
+    const __returned__ = { isHtmlElementNode, isImageReference, isLinkReference, props, definations, footnoteDefinitions, getChunks, isInlineMath, get getStableText() {
+      return getStableText;
+    }, get isHtmlNode() {
+      return isHtmlNode;
+    }, IncremarkMath: IncremarkMath_default2, IncremarkHtmlElement: IncremarkHtmlElement_default2 };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=template
-import { renderList as _renderList, Fragment as _Fragment2, openBlock as _openBlock2, createElementBlock as _createElementBlock2, createCommentVNode as _createCommentVNode2, toDisplayString as _toDisplayString2, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, createElementVNode as _createElementVNode2 } from "vue";
-var _hoisted_12 = { class: "incremark-inline-code" };
-var _hoisted_22 = ["href"];
-var _hoisted_32 = ["src", "alt"];
-var _hoisted_42 = ["innerHTML"];
-function render2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_IncremarkInline = _resolveComponent("IncremarkInline", true);
-  return _openBlock2(true), _createElementBlock2(
-    _Fragment2,
+import { renderList as _renderList2, Fragment as _Fragment3, openBlock as _openBlock3, createElementBlock as _createElementBlock3, createCommentVNode as _createCommentVNode3, toDisplayString as _toDisplayString3, createTextVNode as _createTextVNode2, createVNode as _createVNode2, createElementVNode as _createElementVNode3, resolveComponent as _resolveComponent2 } from "vue";
+var _hoisted_13 = ["innerHTML"];
+var _hoisted_22 = { class: "incremark-inline-code" };
+var _hoisted_32 = ["href"];
+var _hoisted_42 = ["src", "alt", "title"];
+var _hoisted_52 = ["src", "alt", "title"];
+var _hoisted_62 = { class: "incremark-image-ref-missing" };
+var _hoisted_7 = ["href", "title"];
+var _hoisted_8 = { class: "incremark-link-ref-missing" };
+var _hoisted_9 = { class: "incremark-footnote-ref" };
+var _hoisted_10 = ["href", "id"];
+function render3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_IncremarkInline = _resolveComponent2("IncremarkInline", true);
+  return _openBlock3(true), _createElementBlock3(
+    _Fragment3,
     null,
-    _renderList($props.nodes, (node, idx) => {
-      return _openBlock2(), _createElementBlock2(
-        _Fragment2,
+    _renderList2($props.nodes, (node, idx) => {
+      return _openBlock3(), _createElementBlock3(
+        _Fragment3,
         { key: idx },
         [
-          _createCommentVNode2(" \u6587\u672C\uFF08\u652F\u6301 chunks \u6E10\u5165\u52A8\u753B\uFF09 "),
-          node.type === "text" ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
+          _createCommentVNode3(" \u6587\u672C\uFF08\u652F\u6301 chunks \u6E10\u5165\u52A8\u753B\uFF09 "),
+          node.type === "text" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
             { key: 0 },
             [
-              _createCommentVNode2(" \u7A33\u5B9A\u6587\u672C\uFF08\u5DF2\u7ECF\u663E\u793A\u8FC7\u7684\u90E8\u5206\uFF0C\u65E0\u52A8\u753B\uFF09 "),
-              _createTextVNode(
-                " " + _toDisplayString2($setup.getStableText(node)) + " ",
+              _createCommentVNode3(" \u7A33\u5B9A\u6587\u672C\uFF08\u5DF2\u7ECF\u663E\u793A\u8FC7\u7684\u90E8\u5206\uFF0C\u65E0\u52A8\u753B\uFF09 "),
+              _createTextVNode2(
+                " " + _toDisplayString3($setup.getStableText(node)) + " ",
                 1
                 /* TEXT */
               ),
-              _createCommentVNode2(" \u65B0\u589E\u7684 chunk \u90E8\u5206\uFF08\u5E26\u6E10\u5165\u52A8\u753B\uFF09 "),
-              (_openBlock2(true), _createElementBlock2(
-                _Fragment2,
+              _createCommentVNode3(" \u65B0\u589E\u7684 chunk \u90E8\u5206\uFF08\u5E26\u6E10\u5165\u52A8\u753B\uFF09 "),
+              (_openBlock3(true), _createElementBlock3(
+                _Fragment3,
                 null,
-                _renderList($setup.getChunks(node), (chunk) => {
-                  return _openBlock2(), _createElementBlock2(
+                _renderList2($setup.getChunks(node), (chunk) => {
+                  return _openBlock3(), _createElementBlock3(
                     "span",
                     {
                       key: chunk.createdAt,
                       class: "incremark-fade-in"
                     },
-                    _toDisplayString2(chunk.text),
+                    _toDisplayString3(chunk.text),
                     1
                     /* TEXT */
                   );
@@ -597,94 +930,200 @@ function render2(_ctx, _cache, $props, $setup, $data, $options) {
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : $setup.isInlineMath(node) ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
+          )) : $setup.isInlineMath(node) ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
             { key: 1 },
             [
-              _createCommentVNode2(" \u884C\u5185\u516C\u5F0F "),
-              _createVNode($setup["IncremarkMath"], {
+              _createCommentVNode3(" \u884C\u5185\u516C\u5F0F "),
+              _createVNode2($setup["IncremarkMath"], {
                 node
               }, null, 8, ["node"])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : node.type === "strong" ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
+          )) : $setup.isHtmlElementNode(node) ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
             { key: 2 },
             [
-              _createCommentVNode2(" \u52A0\u7C97 "),
-              _createElementVNode2("strong", null, [
-                _createVNode(_component_IncremarkInline, {
+              _createCommentVNode3(" htmlElement \u8282\u70B9\uFF08\u7ED3\u6784\u5316\u7684 HTML \u5143\u7D20\uFF09 "),
+              _createVNode2($setup["IncremarkHtmlElement"], {
+                node
+              }, null, 8, ["node"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isHtmlNode(node) ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 3 },
+            [
+              _createCommentVNode3(" HTML \u8282\u70B9\uFF08\u539F\u59CB HTML\uFF0C\u5982\u672A\u542F\u7528 htmlTree \u9009\u9879\uFF09 "),
+              _createElementVNode3("span", {
+                style: { "display": "contents" },
+                innerHTML: node.value
+              }, null, 8, _hoisted_13)
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "strong" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 4 },
+            [
+              _createCommentVNode3(" \u52A0\u7C97 "),
+              _createElementVNode3("strong", null, [
+                _createVNode2(_component_IncremarkInline, {
                   nodes: node.children
                 }, null, 8, ["nodes"])
               ])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : node.type === "emphasis" ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
-            { key: 3 },
+          )) : node.type === "emphasis" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 5 },
             [
-              _createCommentVNode2(" \u659C\u4F53 "),
-              _createElementVNode2("em", null, [
-                _createVNode(_component_IncremarkInline, {
+              _createCommentVNode3(" \u659C\u4F53 "),
+              _createElementVNode3("em", null, [
+                _createVNode2(_component_IncremarkInline, {
                   nodes: node.children
                 }, null, 8, ["nodes"])
               ])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : node.type === "inlineCode" ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
-            { key: 4 },
+          )) : node.type === "inlineCode" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 6 },
             [
-              _createCommentVNode2(" \u884C\u5185\u4EE3\u7801 "),
-              _createElementVNode2(
+              _createCommentVNode3(" \u884C\u5185\u4EE3\u7801 "),
+              _createElementVNode3(
                 "code",
-                _hoisted_12,
-                _toDisplayString2(node.value),
+                _hoisted_22,
+                _toDisplayString3(node.value),
                 1
                 /* TEXT */
               )
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : node.type === "link" ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
-            { key: 5 },
+          )) : node.type === "link" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 7 },
             [
-              _createCommentVNode2(" \u94FE\u63A5 "),
-              _createElementVNode2("a", {
+              _createCommentVNode3(" \u94FE\u63A5 "),
+              _createElementVNode3("a", {
+                class: "incremark-link",
                 href: node.url,
                 target: "_blank",
-                rel: "noopener"
+                rel: "noopener noreferrer"
               }, [
-                _createVNode(_component_IncremarkInline, {
+                _createVNode2(_component_IncremarkInline, {
                   nodes: node.children
                 }, null, 8, ["nodes"])
-              ], 8, _hoisted_22)
+              ], 8, _hoisted_32)
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "image" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 8 },
+            [
+              _createCommentVNode3(" \u56FE\u7247 "),
+              _createElementVNode3("img", {
+                class: "incremark-image",
+                src: node.url,
+                alt: node.alt || "",
+                title: node.title || void 0,
+                loading: "lazy"
+              }, null, 8, _hoisted_42)
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.isImageReference(node) ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 9 },
+            [
+              _createCommentVNode3(" \u5F15\u7528\u5F0F\u56FE\u7247\uFF08imageReference\uFF09 "),
+              $setup.definations[node.identifier] ? (_openBlock3(), _createElementBlock3("img", {
+                key: 0,
+                class: "incremark-image incremark-reference-image",
+                src: $setup.definations[node.identifier].url,
+                alt: node.alt || "",
+                title: $setup.definations[node.identifier].title || void 0,
+                loading: "lazy"
+              }, null, 8, _hoisted_52)) : (_openBlock3(), _createElementBlock3(
+                _Fragment3,
+                { key: 1 },
+                [
+                  _createCommentVNode3(" \u5982\u679C\u6CA1\u6709\u627E\u5230\u5B9A\u4E49\uFF0C\u6E32\u67D3\u4E3A\u539F\u59CB\u6587\u672C\uFF08\u964D\u7EA7\u5904\u7406\uFF09 "),
+                  _createElementVNode3(
+                    "span",
+                    _hoisted_62,
+                    " ![" + _toDisplayString3(node.alt) + "][" + _toDisplayString3(node.identifier || node.label) + "] ",
+                    1
+                    /* TEXT */
+                  )
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              ))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : $setup.isLinkReference(node) ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 10 },
+            [
+              _createCommentVNode3(" \u5F15\u7528\u5F0F\u94FE\u63A5\uFF08linkReference\uFF09 "),
+              $setup.definations[node.identifier] ? (_openBlock3(), _createElementBlock3("a", {
+                key: 0,
+                class: "incremark-link incremark-reference-link",
+                href: $setup.definations[node.identifier].url,
+                title: $setup.definations[node.identifier].title || void 0,
+                target: "_blank",
+                rel: "noopener noreferrer"
+              }, [
+                _createVNode2(_component_IncremarkInline, {
+                  nodes: node.children
+                }, null, 8, ["nodes"])
+              ], 8, _hoisted_7)) : (_openBlock3(), _createElementBlock3(
+                _Fragment3,
+                { key: 1 },
+                [
+                  _createCommentVNode3(" \u5982\u679C\u6CA1\u6709\u627E\u5230\u5B9A\u4E49\uFF0C\u6E32\u67D3\u4E3A\u539F\u59CB\u6587\u672C\uFF08\u964D\u7EA7\u5904\u7406\uFF09 "),
+                  _createElementVNode3(
+                    "span",
+                    _hoisted_8,
+                    " [" + _toDisplayString3(node.children.map((c) => c.value).join("")) + "][" + _toDisplayString3(node.identifier || node.label) + "] ",
+                    1
+                    /* TEXT */
+                  )
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              ))
             ],
-            2112
-            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : node.type === "image" ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
-            { key: 6 },
+            64
+            /* STABLE_FRAGMENT */
+          )) : node.type === "footnoteReference" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 11 },
             [
-              _createCommentVNode2(" \u56FE\u7247 "),
-              _createElementVNode2("img", {
-                src: node.url,
-                alt: node.alt || "",
-                loading: "lazy"
-              }, null, 8, _hoisted_32)
+              _createCommentVNode3(" \u811A\u6CE8\u5F15\u7528\uFF08footnoteReference\uFF09 "),
+              _createElementVNode3("sup", _hoisted_9, [
+                _createElementVNode3("a", {
+                  href: `#fn-${node.identifier}`,
+                  id: `fnref-${node.identifier}`
+                }, " [" + _toDisplayString3(node.identifier) + "] ", 9, _hoisted_10)
+              ])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : node.type === "break" ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
-            { key: 7 },
+          )) : node.type === "break" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 12 },
             [
-              _createCommentVNode2(" \u6362\u884C "),
-              _cache[0] || (_cache[0] = _createElementVNode2(
+              _createCommentVNode3(" \u6362\u884C "),
+              _cache[0] || (_cache[0] = _createElementVNode3(
                 "br",
                 null,
                 null,
@@ -694,31 +1133,20 @@ function render2(_ctx, _cache, $props, $setup, $data, $options) {
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : node.type === "delete" ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
-            { key: 8 },
+          )) : node.type === "delete" ? (_openBlock3(), _createElementBlock3(
+            _Fragment3,
+            { key: 13 },
             [
-              _createCommentVNode2(" \u5220\u9664\u7EBF "),
-              _createElementVNode2("del", null, [
-                _createVNode(_component_IncremarkInline, {
+              _createCommentVNode3(" \u5220\u9664\u7EBF "),
+              _createElementVNode3("del", null, [
+                _createVNode2(_component_IncremarkInline, {
                   nodes: node.children
                 }, null, 8, ["nodes"])
               ])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : $setup.isHtmlNode(node) ? (_openBlock2(), _createElementBlock2(
-            _Fragment2,
-            { key: 9 },
-            [
-              _createCommentVNode2(" \u539F\u59CB HTML "),
-              _createElementVNode2("span", {
-                innerHTML: node.value
-              }, null, 8, _hoisted_42)
-            ],
-            2112
-            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : _createCommentVNode2("v-if", true)
+          )) : _createCommentVNode3("v-if", true)
         ],
         64
         /* STABLE_FRAGMENT */
@@ -730,12 +1158,12 @@ function render2(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkInline.vue
-IncremarkInline_default.render = render2;
-IncremarkInline_default.__file = "src/components/IncremarkInline.vue";
-var IncremarkInline_default2 = IncremarkInline_default;
+IncremarkInline_default2.render = render3;
+IncremarkInline_default2.__file = "src/components/IncremarkInline.vue";
+var IncremarkInline_default = IncremarkInline_default2;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=script
-var IncremarkHeading_default = /* @__PURE__ */ _defineComponent3({
+var IncremarkHeading_default = /* @__PURE__ */ _defineComponent4({
   __name: "IncremarkHeading",
   props: {
     node: { type: null, required: true }
@@ -743,69 +1171,69 @@ var IncremarkHeading_default = /* @__PURE__ */ _defineComponent3({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const tag = computed5(() => `h${props.node.depth}`);
-    const __returned__ = { props, tag, IncremarkInline: IncremarkInline_default2 };
+    const tag = computed6(() => `h${props.node.depth}`);
+    const __returned__ = { props, tag, IncremarkInline: IncremarkInline_default };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=template
-import { createVNode as _createVNode2, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock3, createBlock as _createBlock } from "vue";
-function render3(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock3(), _createBlock(_resolveDynamicComponent($setup.tag), { class: "incremark-heading" }, {
-    default: _withCtx(() => [
-      _createVNode2($setup["IncremarkInline"], {
+import { createVNode as _createVNode3, resolveDynamicComponent as _resolveDynamicComponent2, normalizeClass as _normalizeClass, withCtx as _withCtx2, openBlock as _openBlock4, createBlock as _createBlock2 } from "vue";
+function render4(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock4(), _createBlock2(_resolveDynamicComponent2($setup.tag), {
+    class: _normalizeClass(`incremark-heading h${$props.node.depth}`)
+  }, {
+    default: _withCtx2(() => [
+      _createVNode3($setup["IncremarkInline"], {
         nodes: $props.node.children
       }, null, 8, ["nodes"])
     ]),
     _: 1
     /* STABLE */
-  });
+  }, 8, ["class"]);
 }
 
 // src/components/IncremarkHeading.vue
-IncremarkHeading_default.render = render3;
+IncremarkHeading_default.render = render4;
 IncremarkHeading_default.__file = "src/components/IncremarkHeading.vue";
-IncremarkHeading_default.__scopeId = "data-v-56c8779f";
 var IncremarkHeading_default2 = IncremarkHeading_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkParagraph.vue?type=script
-import { defineComponent as _defineComponent4 } from "vue";
-var IncremarkParagraph_default = /* @__PURE__ */ _defineComponent4({
+import { defineComponent as _defineComponent5 } from "vue";
+var IncremarkParagraph_default = /* @__PURE__ */ _defineComponent5({
   __name: "IncremarkParagraph",
   props: {
     node: { type: null, required: true }
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    const __returned__ = { IncremarkInline: IncremarkInline_default2 };
+    const __returned__ = { IncremarkInline: IncremarkInline_default };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkParagraph.vue?type=template
-import { createVNode as _createVNode3, openBlock as _openBlock4, createElementBlock as _createElementBlock3 } from "vue";
-var _hoisted_13 = { class: "incremark-paragraph" };
-function render4(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock4(), _createElementBlock3("p", _hoisted_13, [
-    _createVNode3($setup["IncremarkInline"], {
+import { createVNode as _createVNode4, openBlock as _openBlock5, createElementBlock as _createElementBlock4 } from "vue";
+var _hoisted_14 = { class: "incremark-paragraph" };
+function render5(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock5(), _createElementBlock4("p", _hoisted_14, [
+    _createVNode4($setup["IncremarkInline"], {
       nodes: $props.node.children
     }, null, 8, ["nodes"])
   ]);
 }
 
 // src/components/IncremarkParagraph.vue
-IncremarkParagraph_default.render = render4;
+IncremarkParagraph_default.render = render5;
 IncremarkParagraph_default.__file = "src/components/IncremarkParagraph.vue";
-IncremarkParagraph_default.__scopeId = "data-v-6fa83031";
 var IncremarkParagraph_default2 = IncremarkParagraph_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=script
-import { defineComponent as _defineComponent5 } from "vue";
-import { computed as computed6, ref as ref5, watch as watch4, shallowRef as shallowRef3, onUnmounted as onUnmounted5 } from "vue";
-var IncremarkCode_default = /* @__PURE__ */ _defineComponent5({
+import { defineComponent as _defineComponent6 } from "vue";
+import { computed as computed7, ref as ref7, watch as watch4, shallowRef as shallowRef4, onUnmounted as onUnmounted5 } from "vue";
+var IncremarkCode_default = /* @__PURE__ */ _defineComponent6({
   __name: "IncremarkCode",
   props: {
     node: { type: null, required: true },
@@ -816,23 +1244,23 @@ var IncremarkCode_default = /* @__PURE__ */ _defineComponent5({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const copied = ref5(false);
-    const highlightedHtml = ref5("");
-    const isHighlighting = ref5(false);
-    const highlightError = ref5(false);
-    const mermaidSvg = ref5("");
-    const mermaidError = ref5("");
-    const mermaidLoading = ref5(false);
-    const mermaidRef = shallowRef3(null);
+    const copied = ref7(false);
+    const highlightedHtml = ref7("");
+    const isHighlighting = ref7(false);
+    const highlightError = ref7(false);
+    const mermaidSvg = ref7("");
+    const mermaidError = ref7("");
+    const mermaidLoading = ref7(false);
+    const mermaidRef = shallowRef4(null);
     let mermaidTimer = null;
-    const mermaidViewMode = ref5("preview");
+    const mermaidViewMode = ref7("preview");
     function toggleMermaidView() {
       mermaidViewMode.value = mermaidViewMode.value === "preview" ? "source" : "preview";
     }
-    const language = computed6(() => props.node.lang || "text");
-    const code = computed6(() => props.node.value);
-    const isMermaid = computed6(() => language.value === "mermaid");
-    const highlighterRef = shallowRef3(null);
+    const language = computed7(() => props.node.lang || "text");
+    const code = computed7(() => props.node.value);
+    const isMermaid = computed7(() => language.value === "mermaid");
+    const highlighterRef = shallowRef4(null);
     const loadedLanguages = /* @__PURE__ */ new Set();
     const loadedThemes = /* @__PURE__ */ new Set();
     function scheduleRenderMermaid() {
@@ -944,114 +1372,114 @@ var IncremarkCode_default = /* @__PURE__ */ _defineComponent5({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=template
-import { createCommentVNode as _createCommentVNode3, createElementVNode as _createElementVNode3, toDisplayString as _toDisplayString3, openBlock as _openBlock5, createElementBlock as _createElementBlock4, Fragment as _Fragment3 } from "vue";
-var _hoisted_14 = {
+import { createCommentVNode as _createCommentVNode4, createElementVNode as _createElementVNode4, toDisplayString as _toDisplayString4, openBlock as _openBlock6, createElementBlock as _createElementBlock5, Fragment as _Fragment4 } from "vue";
+var _hoisted_15 = {
   key: 0,
   class: "incremark-mermaid"
 };
 var _hoisted_23 = { class: "mermaid-header" };
 var _hoisted_33 = { class: "mermaid-actions" };
 var _hoisted_43 = ["disabled"];
-var _hoisted_52 = { class: "mermaid-content" };
-var _hoisted_62 = {
+var _hoisted_53 = { class: "mermaid-content" };
+var _hoisted_63 = {
   key: 0,
   class: "mermaid-loading"
 };
-var _hoisted_7 = { class: "mermaid-source-code" };
-var _hoisted_8 = { class: "mermaid-source-code" };
-var _hoisted_9 = ["innerHTML"];
-var _hoisted_10 = { class: "mermaid-source-code" };
+var _hoisted_72 = { class: "mermaid-source-code" };
+var _hoisted_82 = { class: "mermaid-source-code" };
+var _hoisted_92 = ["innerHTML"];
+var _hoisted_102 = { class: "mermaid-source-code" };
 var _hoisted_11 = { class: "incremark-code" };
 var _hoisted_122 = { class: "code-header" };
 var _hoisted_132 = { class: "language" };
 var _hoisted_142 = { class: "code-content" };
-var _hoisted_15 = {
+var _hoisted_152 = {
   key: 0,
   class: "code-loading"
 };
 var _hoisted_16 = ["innerHTML"];
 var _hoisted_17 = { class: "code-fallback" };
-function render5(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock5(), _createElementBlock4(
-    _Fragment3,
+function render6(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock6(), _createElementBlock5(
+    _Fragment4,
     null,
     [
-      _createCommentVNode3(" Mermaid \u56FE\u8868 "),
-      $setup.isMermaid ? (_openBlock5(), _createElementBlock4("div", _hoisted_14, [
-        _createElementVNode3("div", _hoisted_23, [
-          _cache[0] || (_cache[0] = _createElementVNode3(
+      _createCommentVNode4(" Mermaid \u56FE\u8868 "),
+      $setup.isMermaid ? (_openBlock6(), _createElementBlock5("div", _hoisted_15, [
+        _createElementVNode4("div", _hoisted_23, [
+          _cache[0] || (_cache[0] = _createElementVNode4(
             "span",
             { class: "language" },
             "MERMAID",
             -1
             /* CACHED */
           )),
-          _createElementVNode3("div", _hoisted_33, [
-            _createElementVNode3("button", {
-              class: "view-toggle",
+          _createElementVNode4("div", _hoisted_33, [
+            _createElementVNode4("button", {
+              class: "code-btn",
               onClick: $setup.toggleMermaidView,
               type: "button",
               disabled: !$setup.mermaidSvg
-            }, _toDisplayString3($setup.mermaidViewMode === "preview" ? "\u6E90\u7801" : "\u9884\u89C8"), 9, _hoisted_43),
-            _createElementVNode3(
+            }, _toDisplayString4($setup.mermaidViewMode === "preview" ? "\u6E90\u7801" : "\u9884\u89C8"), 9, _hoisted_43),
+            _createElementVNode4(
               "button",
               {
-                class: "copy-btn",
+                class: "code-btn",
                 onClick: $setup.copyCode,
                 type: "button"
               },
-              _toDisplayString3($setup.copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236"),
+              _toDisplayString4($setup.copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236"),
               1
               /* TEXT */
             )
           ])
         ]),
-        _createElementVNode3("div", _hoisted_52, [
-          _createCommentVNode3(" \u52A0\u8F7D\u4E2D "),
-          $setup.mermaidLoading && !$setup.mermaidSvg ? (_openBlock5(), _createElementBlock4("div", _hoisted_62, [
-            _createElementVNode3(
+        _createElementVNode4("div", _hoisted_53, [
+          _createCommentVNode4(" \u52A0\u8F7D\u4E2D "),
+          $setup.mermaidLoading && !$setup.mermaidSvg ? (_openBlock6(), _createElementBlock5("div", _hoisted_63, [
+            _createElementVNode4(
               "pre",
-              _hoisted_7,
-              _toDisplayString3($setup.code),
+              _hoisted_72,
+              _toDisplayString4($setup.code),
               1
               /* TEXT */
             )
-          ])) : $setup.mermaidViewMode === "source" ? (_openBlock5(), _createElementBlock4(
-            _Fragment3,
+          ])) : $setup.mermaidViewMode === "source" ? (_openBlock6(), _createElementBlock5(
+            _Fragment4,
             { key: 1 },
             [
-              _createCommentVNode3(" \u6E90\u7801\u6A21\u5F0F "),
-              _createElementVNode3(
+              _createCommentVNode4(" \u6E90\u7801\u6A21\u5F0F "),
+              _createElementVNode4(
                 "pre",
-                _hoisted_8,
-                _toDisplayString3($setup.code),
+                _hoisted_82,
+                _toDisplayString4($setup.code),
                 1
                 /* TEXT */
               )
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : $setup.mermaidSvg ? (_openBlock5(), _createElementBlock4(
-            _Fragment3,
+          )) : $setup.mermaidSvg ? (_openBlock6(), _createElementBlock5(
+            _Fragment4,
             { key: 2 },
             [
-              _createCommentVNode3(" \u9884\u89C8\u6A21\u5F0F "),
-              _createElementVNode3("div", {
+              _createCommentVNode4(" \u9884\u89C8\u6A21\u5F0F "),
+              _createElementVNode4("div", {
                 innerHTML: $setup.mermaidSvg,
                 class: "mermaid-svg"
-              }, null, 8, _hoisted_9)
+              }, null, 8, _hoisted_92)
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : (_openBlock5(), _createElementBlock4(
-            _Fragment3,
+          )) : (_openBlock6(), _createElementBlock5(
+            _Fragment4,
             { key: 3 },
             [
-              _createCommentVNode3(" \u65E0\u6CD5\u6E32\u67D3\u65F6\u663E\u793A\u6E90\u7801 "),
-              _createElementVNode3(
+              _createCommentVNode4(" \u65E0\u6CD5\u6E32\u67D3\u65F6\u663E\u793A\u6E90\u7801 "),
+              _createElementVNode4(
                 "pre",
-                _hoisted_10,
-                _toDisplayString3($setup.code),
+                _hoisted_102,
+                _toDisplayString4($setup.code),
                 1
                 /* TEXT */
               )
@@ -1060,66 +1488,66 @@ function render5(_ctx, _cache, $props, $setup, $data, $options) {
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
           ))
         ])
-      ])) : (_openBlock5(), _createElementBlock4(
-        _Fragment3,
+      ])) : (_openBlock6(), _createElementBlock5(
+        _Fragment4,
         { key: 1 },
         [
-          _createCommentVNode3(" \u666E\u901A\u4EE3\u7801\u5757 "),
-          _createElementVNode3("div", _hoisted_11, [
-            _createElementVNode3("div", _hoisted_122, [
-              _createElementVNode3(
+          _createCommentVNode4(" \u666E\u901A\u4EE3\u7801\u5757 "),
+          _createElementVNode4("div", _hoisted_11, [
+            _createElementVNode4("div", _hoisted_122, [
+              _createElementVNode4(
                 "span",
                 _hoisted_132,
-                _toDisplayString3($setup.language),
+                _toDisplayString4($setup.language),
                 1
                 /* TEXT */
               ),
-              _createElementVNode3(
+              _createElementVNode4(
                 "button",
                 {
-                  class: "copy-btn",
+                  class: "code-btn",
                   onClick: $setup.copyCode,
                   type: "button"
                 },
-                _toDisplayString3($setup.copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236"),
+                _toDisplayString4($setup.copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236"),
                 1
                 /* TEXT */
               )
             ]),
-            _createElementVNode3("div", _hoisted_142, [
-              _createCommentVNode3(" \u6B63\u5728\u52A0\u8F7D\u9AD8\u4EAE "),
-              $setup.isHighlighting && !$setup.highlightedHtml ? (_openBlock5(), _createElementBlock4("div", _hoisted_15, [
-                _createElementVNode3("pre", null, [
-                  _createElementVNode3(
+            _createElementVNode4("div", _hoisted_142, [
+              _createCommentVNode4(" \u6B63\u5728\u52A0\u8F7D\u9AD8\u4EAE "),
+              $setup.isHighlighting && !$setup.highlightedHtml ? (_openBlock6(), _createElementBlock5("div", _hoisted_152, [
+                _createElementVNode4("pre", null, [
+                  _createElementVNode4(
                     "code",
                     null,
-                    _toDisplayString3($setup.code),
+                    _toDisplayString4($setup.code),
                     1
                     /* TEXT */
                   )
                 ])
-              ])) : $setup.highlightedHtml ? (_openBlock5(), _createElementBlock4(
-                _Fragment3,
+              ])) : $setup.highlightedHtml ? (_openBlock6(), _createElementBlock5(
+                _Fragment4,
                 { key: 1 },
                 [
-                  _createCommentVNode3(" \u9AD8\u4EAE\u540E\u7684\u4EE3\u7801 "),
-                  _createElementVNode3("div", {
+                  _createCommentVNode4(" \u9AD8\u4EAE\u540E\u7684\u4EE3\u7801 "),
+                  _createElementVNode4("div", {
                     innerHTML: $setup.highlightedHtml,
                     class: "shiki-wrapper"
                   }, null, 8, _hoisted_16)
                 ],
                 2112
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : (_openBlock5(), _createElementBlock4(
-                _Fragment3,
+              )) : (_openBlock6(), _createElementBlock5(
+                _Fragment4,
                 { key: 2 },
                 [
-                  _createCommentVNode3(" \u56DE\u9000\uFF1A\u65E0\u9AD8\u4EAE "),
-                  _createElementVNode3("pre", _hoisted_17, [
-                    _createElementVNode3(
+                  _createCommentVNode4(" \u56DE\u9000\uFF1A\u65E0\u9AD8\u4EAE "),
+                  _createElementVNode4("pre", _hoisted_17, [
+                    _createElementVNode4(
                       "code",
                       null,
-                      _toDisplayString3($setup.code),
+                      _toDisplayString4($setup.code),
                       1
                       /* TEXT */
                     )
@@ -1141,15 +1569,14 @@ function render5(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkCode.vue
-IncremarkCode_default.render = render5;
+IncremarkCode_default.render = render6;
 IncremarkCode_default.__file = "src/components/IncremarkCode.vue";
-IncremarkCode_default.__scopeId = "data-v-c48b1022";
 var IncremarkCode_default2 = IncremarkCode_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=script
-import { defineComponent as _defineComponent6 } from "vue";
-import { computed as computed7 } from "vue";
-var IncremarkList_default = /* @__PURE__ */ _defineComponent6({
+import { defineComponent as _defineComponent7 } from "vue";
+import { computed as computed8 } from "vue";
+var IncremarkList_default = /* @__PURE__ */ _defineComponent7({
   __name: "IncremarkList",
   props: {
     node: { type: null, required: true }
@@ -1157,7 +1584,7 @@ var IncremarkList_default = /* @__PURE__ */ _defineComponent6({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const tag = computed7(() => props.node.ordered ? "ol" : "ul");
+    const tag = computed8(() => props.node.ordered ? "ol" : "ul");
     function getItemContent(item) {
       const firstChild = item.children[0];
       if (firstChild?.type === "paragraph") {
@@ -1165,49 +1592,49 @@ var IncremarkList_default = /* @__PURE__ */ _defineComponent6({
       }
       return [];
     }
-    const __returned__ = { props, tag, getItemContent, IncremarkInline: IncremarkInline_default2 };
+    const __returned__ = { props, tag, getItemContent, IncremarkInline: IncremarkInline_default };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=template
-import { renderList as _renderList2, Fragment as _Fragment4, openBlock as _openBlock6, createElementBlock as _createElementBlock5, createElementVNode as _createElementVNode4, createVNode as _createVNode4, createBlock as _createBlock2, normalizeClass as _normalizeClass, resolveDynamicComponent as _resolveDynamicComponent2, withCtx as _withCtx2 } from "vue";
+import { renderList as _renderList3, Fragment as _Fragment5, openBlock as _openBlock7, createElementBlock as _createElementBlock6, createElementVNode as _createElementVNode5, createVNode as _createVNode5, createBlock as _createBlock3, normalizeClass as _normalizeClass2, resolveDynamicComponent as _resolveDynamicComponent3, withCtx as _withCtx3 } from "vue";
 var _hoisted_18 = {
   key: 0,
   class: "task-label"
 };
 var _hoisted_24 = ["checked"];
 var _hoisted_34 = { class: "task-content" };
-function render6(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock6(), _createBlock2(_resolveDynamicComponent2($setup.tag), {
-    class: _normalizeClass(["incremark-list", { "task-list": $props.node.children.some((item) => item.checked !== null && item.checked !== void 0) }])
+function render7(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock7(), _createBlock3(_resolveDynamicComponent3($setup.tag), {
+    class: _normalizeClass2(["incremark-list", { "task-list": $props.node.children.some((item) => item.checked !== null && item.checked !== void 0) }])
   }, {
-    default: _withCtx2(() => [
-      (_openBlock6(true), _createElementBlock5(
-        _Fragment4,
+    default: _withCtx3(() => [
+      (_openBlock7(true), _createElementBlock6(
+        _Fragment5,
         null,
-        _renderList2($props.node.children, (item, index) => {
-          return _openBlock6(), _createElementBlock5(
+        _renderList3($props.node.children, (item, index) => {
+          return _openBlock7(), _createElementBlock6(
             "li",
             {
               key: index,
-              class: _normalizeClass(["incremark-list-item", { "task-item": item.checked !== null && item.checked !== void 0 }])
+              class: _normalizeClass2(["incremark-list-item", { "task-item": item.checked !== null && item.checked !== void 0 }])
             },
             [
-              item.checked !== null && item.checked !== void 0 ? (_openBlock6(), _createElementBlock5("label", _hoisted_18, [
-                _createElementVNode4("input", {
+              item.checked !== null && item.checked !== void 0 ? (_openBlock7(), _createElementBlock6("label", _hoisted_18, [
+                _createElementVNode5("input", {
                   type: "checkbox",
                   checked: item.checked,
                   disabled: "",
                   class: "checkbox"
                 }, null, 8, _hoisted_24),
-                _createElementVNode4("span", _hoisted_34, [
-                  _createVNode4($setup["IncremarkInline"], {
+                _createElementVNode5("span", _hoisted_34, [
+                  _createVNode5($setup["IncremarkInline"], {
                     nodes: $setup.getItemContent(item)
                   }, null, 8, ["nodes"])
                 ])
-              ])) : (_openBlock6(), _createBlock2($setup["IncremarkInline"], {
+              ])) : (_openBlock7(), _createBlock3($setup["IncremarkInline"], {
                 key: 1,
                 nodes: $setup.getItemContent(item)
               }, null, 8, ["nodes"]))
@@ -1226,14 +1653,13 @@ function render6(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkList.vue
-IncremarkList_default.render = render6;
+IncremarkList_default.render = render7;
 IncremarkList_default.__file = "src/components/IncremarkList.vue";
-IncremarkList_default.__scopeId = "data-v-0778ccea";
 var IncremarkList_default2 = IncremarkList_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=script
-import { defineComponent as _defineComponent7 } from "vue";
-var IncremarkTable_default = /* @__PURE__ */ _defineComponent7({
+import { defineComponent as _defineComponent8 } from "vue";
+var IncremarkTable_default = /* @__PURE__ */ _defineComponent8({
   __name: "IncremarkTable",
   props: {
     node: { type: null, required: true }
@@ -1243,34 +1669,34 @@ var IncremarkTable_default = /* @__PURE__ */ _defineComponent7({
     function getCellContent(cell) {
       return cell.children;
     }
-    const __returned__ = { getCellContent, IncremarkInline: IncremarkInline_default2 };
+    const __returned__ = { getCellContent, IncremarkInline: IncremarkInline_default };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=template
-import { renderList as _renderList3, Fragment as _Fragment5, openBlock as _openBlock7, createElementBlock as _createElementBlock6, createVNode as _createVNode5, normalizeStyle as _normalizeStyle, createCommentVNode as _createCommentVNode5, createElementVNode as _createElementVNode5 } from "vue";
+import { renderList as _renderList4, Fragment as _Fragment6, openBlock as _openBlock8, createElementBlock as _createElementBlock7, createVNode as _createVNode6, normalizeStyle as _normalizeStyle, createCommentVNode as _createCommentVNode6, createElementVNode as _createElementVNode6 } from "vue";
 var _hoisted_19 = { class: "incremark-table-wrapper" };
 var _hoisted_25 = { class: "incremark-table" };
 var _hoisted_35 = { key: 0 };
-function render7(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock7(), _createElementBlock6("div", _hoisted_19, [
-    _createElementVNode5("table", _hoisted_25, [
-      _createElementVNode5("thead", null, [
-        $props.node.children[0] ? (_openBlock7(), _createElementBlock6("tr", _hoisted_35, [
-          (_openBlock7(true), _createElementBlock6(
-            _Fragment5,
+function render8(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock8(), _createElementBlock7("div", _hoisted_19, [
+    _createElementVNode6("table", _hoisted_25, [
+      _createElementVNode6("thead", null, [
+        $props.node.children[0] ? (_openBlock8(), _createElementBlock7("tr", _hoisted_35, [
+          (_openBlock8(true), _createElementBlock7(
+            _Fragment6,
             null,
-            _renderList3($props.node.children[0].children, (cell, cellIndex) => {
-              return _openBlock7(), _createElementBlock6(
+            _renderList4($props.node.children[0].children, (cell, cellIndex) => {
+              return _openBlock8(), _createElementBlock7(
                 "th",
                 {
                   key: cellIndex,
                   style: _normalizeStyle({ textAlign: $props.node.align?.[cellIndex] || "left" })
                 },
                 [
-                  _createVNode5($setup["IncremarkInline"], {
+                  _createVNode6($setup["IncremarkInline"], {
                     nodes: $setup.getCellContent(cell)
                   }, null, 8, ["nodes"])
                 ],
@@ -1281,26 +1707,26 @@ function render7(_ctx, _cache, $props, $setup, $data, $options) {
             128
             /* KEYED_FRAGMENT */
           ))
-        ])) : _createCommentVNode5("v-if", true)
+        ])) : _createCommentVNode6("v-if", true)
       ]),
-      _createElementVNode5("tbody", null, [
-        (_openBlock7(true), _createElementBlock6(
-          _Fragment5,
+      _createElementVNode6("tbody", null, [
+        (_openBlock8(true), _createElementBlock7(
+          _Fragment6,
           null,
-          _renderList3($props.node.children.slice(1), (row, rowIndex) => {
-            return _openBlock7(), _createElementBlock6("tr", { key: rowIndex }, [
-              (_openBlock7(true), _createElementBlock6(
-                _Fragment5,
+          _renderList4($props.node.children.slice(1), (row, rowIndex) => {
+            return _openBlock8(), _createElementBlock7("tr", { key: rowIndex }, [
+              (_openBlock8(true), _createElementBlock7(
+                _Fragment6,
                 null,
-                _renderList3(row.children, (cell, cellIndex) => {
-                  return _openBlock7(), _createElementBlock6(
+                _renderList4(row.children, (cell, cellIndex) => {
+                  return _openBlock8(), _createElementBlock7(
                     "td",
                     {
                       key: cellIndex,
                       style: _normalizeStyle({ textAlign: $props.node.align?.[cellIndex] || "left" })
                     },
                     [
-                      _createVNode5($setup["IncremarkInline"], {
+                      _createVNode6($setup["IncremarkInline"], {
                         nodes: $setup.getCellContent(cell)
                       }, null, 8, ["nodes"])
                     ],
@@ -1322,14 +1748,13 @@ function render7(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkTable.vue
-IncremarkTable_default.render = render7;
+IncremarkTable_default.render = render8;
 IncremarkTable_default.__file = "src/components/IncremarkTable.vue";
-IncremarkTable_default.__scopeId = "data-v-7aea7ba6";
 var IncremarkTable_default2 = IncremarkTable_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=script
-import { defineComponent as _defineComponent8 } from "vue";
-var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent8({
+import { defineComponent as _defineComponent9 } from "vue";
+var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent9({
   __name: "IncremarkBlockquote",
   props: {
     node: { type: null, required: true }
@@ -1343,29 +1768,29 @@ var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent8({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=template
-import { renderList as _renderList4, Fragment as _Fragment6, openBlock as _openBlock8, createElementBlock as _createElementBlock7, createBlock as _createBlock3, toDisplayString as _toDisplayString4 } from "vue";
+import { renderList as _renderList5, Fragment as _Fragment7, openBlock as _openBlock9, createElementBlock as _createElementBlock8, createBlock as _createBlock4, toDisplayString as _toDisplayString5 } from "vue";
 var _hoisted_110 = { class: "incremark-blockquote" };
 var _hoisted_26 = {
   key: 1,
   class: "unknown-child"
 };
-function render8(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock8(), _createElementBlock7("blockquote", _hoisted_110, [
-    (_openBlock8(true), _createElementBlock7(
-      _Fragment6,
+function render9(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock9(), _createElementBlock8("blockquote", _hoisted_110, [
+    (_openBlock9(true), _createElementBlock8(
+      _Fragment7,
       null,
-      _renderList4($props.node.children, (child, index) => {
-        return _openBlock8(), _createElementBlock7(
-          _Fragment6,
+      _renderList5($props.node.children, (child, index) => {
+        return _openBlock9(), _createElementBlock8(
+          _Fragment7,
           { key: index },
           [
-            child.type === "paragraph" ? (_openBlock8(), _createBlock3($setup["IncremarkParagraph"], {
+            child.type === "paragraph" ? (_openBlock9(), _createBlock4($setup["IncremarkParagraph"], {
               key: 0,
               node: child
-            }, null, 8, ["node"])) : (_openBlock8(), _createElementBlock7(
+            }, null, 8, ["node"])) : (_openBlock9(), _createElementBlock8(
               "div",
               _hoisted_26,
-              _toDisplayString4(child.type),
+              _toDisplayString5(child.type),
               1
               /* TEXT */
             ))
@@ -1381,14 +1806,13 @@ function render8(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkBlockquote.vue
-IncremarkBlockquote_default.render = render8;
+IncremarkBlockquote_default.render = render9;
 IncremarkBlockquote_default.__file = "src/components/IncremarkBlockquote.vue";
-IncremarkBlockquote_default.__scopeId = "data-v-67363f13";
 var IncremarkBlockquote_default2 = IncremarkBlockquote_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=script
-import { defineComponent as _defineComponent9 } from "vue";
-var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent9({
+import { defineComponent as _defineComponent10 } from "vue";
+var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent10({
   __name: "IncremarkThematicBreak",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -1399,21 +1823,20 @@ var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent9({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=template
-import { openBlock as _openBlock9, createElementBlock as _createElementBlock8 } from "vue";
+import { openBlock as _openBlock10, createElementBlock as _createElementBlock9 } from "vue";
 var _hoisted_111 = { class: "incremark-hr" };
-function render9(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock9(), _createElementBlock8("hr", _hoisted_111);
+function render10(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock10(), _createElementBlock9("hr", _hoisted_111);
 }
 
 // src/components/IncremarkThematicBreak.vue
-IncremarkThematicBreak_default.render = render9;
+IncremarkThematicBreak_default.render = render10;
 IncremarkThematicBreak_default.__file = "src/components/IncremarkThematicBreak.vue";
-IncremarkThematicBreak_default.__scopeId = "data-v-cb316429";
 var IncremarkThematicBreak_default2 = IncremarkThematicBreak_default;
 
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=script
-import { defineComponent as _defineComponent10 } from "vue";
-var IncremarkDefault_default = /* @__PURE__ */ _defineComponent10({
+import { defineComponent as _defineComponent11 } from "vue";
+var IncremarkDefault_default = /* @__PURE__ */ _defineComponent11({
   __name: "IncremarkDefault",
   props: {
     node: { type: null, required: true }
@@ -1427,22 +1850,22 @@ var IncremarkDefault_default = /* @__PURE__ */ _defineComponent10({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=template
-import { toDisplayString as _toDisplayString5, createElementVNode as _createElementVNode6, openBlock as _openBlock10, createElementBlock as _createElementBlock9 } from "vue";
+import { toDisplayString as _toDisplayString6, createElementVNode as _createElementVNode7, openBlock as _openBlock11, createElementBlock as _createElementBlock10 } from "vue";
 var _hoisted_112 = { class: "incremark-default" };
 var _hoisted_27 = { class: "type-badge" };
-function render10(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock10(), _createElementBlock9("div", _hoisted_112, [
-    _createElementVNode6(
+function render11(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock11(), _createElementBlock10("div", _hoisted_112, [
+    _createElementVNode7(
       "span",
       _hoisted_27,
-      _toDisplayString5($props.node.type),
+      _toDisplayString6($props.node.type),
       1
       /* TEXT */
     ),
-    _createElementVNode6(
+    _createElementVNode7(
       "pre",
       null,
-      _toDisplayString5(JSON.stringify($props.node, null, 2)),
+      _toDisplayString6(JSON.stringify($props.node, null, 2)),
       1
       /* TEXT */
     )
@@ -1450,24 +1873,216 @@ function render10(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/IncremarkDefault.vue
-IncremarkDefault_default.render = render10;
+IncremarkDefault_default.render = render11;
 IncremarkDefault_default.__file = "src/components/IncremarkDefault.vue";
-IncremarkDefault_default.__scopeId = "data-v-5542d517";
 var IncremarkDefault_default2 = IncremarkDefault_default;
 
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkFootnotes.vue?type=script
+import { defineComponent as _defineComponent13 } from "vue";
+import { computed as computed9 } from "vue";
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=script
+import { defineComponent as _defineComponent12 } from "vue";
+var IncremarkRenderer_default = /* @__PURE__ */ _defineComponent12({
+  __name: "IncremarkRenderer",
+  props: {
+    node: { type: null, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const componentMap = {
+      heading: IncremarkHeading_default2,
+      paragraph: IncremarkParagraph_default2,
+      code: IncremarkCode_default2,
+      list: IncremarkList_default2,
+      table: IncremarkTable_default2,
+      blockquote: IncremarkBlockquote_default2,
+      thematicBreak: IncremarkThematicBreak_default2,
+      math: IncremarkMath_default2,
+      inlineMath: IncremarkMath_default2,
+      htmlElement: IncremarkHtmlElement_default2
+    };
+    function getComponent(type) {
+      return componentMap[type] || IncremarkDefault_default2;
+    }
+    function isHtmlNode2(node) {
+      return node.type === "html";
+    }
+    const __returned__ = { props, componentMap, getComponent, isHtmlNode: isHtmlNode2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=template
+import { createCommentVNode as _createCommentVNode8, toDisplayString as _toDisplayString7, createElementVNode as _createElementVNode8, openBlock as _openBlock12, createElementBlock as _createElementBlock11, resolveDynamicComponent as _resolveDynamicComponent4, createBlock as _createBlock5, Fragment as _Fragment8 } from "vue";
+var _hoisted_113 = {
+  key: 0,
+  class: "incremark-html-code"
+};
+function render12(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock12(), _createElementBlock11(
+    _Fragment8,
+    null,
+    [
+      _createCommentVNode8(" HTML \u8282\u70B9\uFF1A\u6E32\u67D3\u4E3A\u4EE3\u7801\u5757\u663E\u793A\u6E90\u4EE3\u7801 "),
+      $setup.isHtmlNode($props.node) ? (_openBlock12(), _createElementBlock11("pre", _hoisted_113, [
+        _createElementVNode8(
+          "code",
+          null,
+          _toDisplayString7($props.node.value),
+          1
+          /* TEXT */
+        )
+      ])) : (_openBlock12(), _createElementBlock11(
+        _Fragment8,
+        { key: 1 },
+        [
+          _createCommentVNode8(" \u5176\u4ED6\u8282\u70B9\uFF1A\u4F7F\u7528\u5BF9\u5E94\u7EC4\u4EF6 "),
+          (_openBlock12(), _createBlock5(_resolveDynamicComponent4($setup.getComponent($props.node.type)), { node: $props.node }, null, 8, ["node"]))
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      ))
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+
+// src/components/IncremarkRenderer.vue
+IncremarkRenderer_default.render = render12;
+IncremarkRenderer_default.__file = "src/components/IncremarkRenderer.vue";
+var IncremarkRenderer_default2 = IncremarkRenderer_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkFootnotes.vue?type=script
+var IncremarkFootnotes_default = /* @__PURE__ */ _defineComponent13({
+  __name: "IncremarkFootnotes",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { definations, footnoteDefinitions, footnoteReferenceOrder } = useDefinationsContext();
+    const orderedFootnotes = computed9(() => {
+      return footnoteReferenceOrder.value.map((identifier) => ({
+        identifier,
+        definition: footnoteDefinitions.value[identifier]
+      })).filter((item) => item.definition !== void 0);
+    });
+    const hasFootnotes = computed9(() => orderedFootnotes.value.length > 0);
+    const __returned__ = { definations, footnoteDefinitions, footnoteReferenceOrder, orderedFootnotes, hasFootnotes, IncremarkRenderer: IncremarkRenderer_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkFootnotes.vue?type=template
+import { createElementVNode as _createElementVNode9, renderList as _renderList6, Fragment as _Fragment9, openBlock as _openBlock13, createElementBlock as _createElementBlock12, createCommentVNode as _createCommentVNode9, toDisplayString as _toDisplayString8, createBlock as _createBlock6 } from "vue";
+var _hoisted_114 = {
+  key: 0,
+  class: "incremark-footnotes"
+};
+var _hoisted_28 = { class: "incremark-footnotes-list" };
+var _hoisted_36 = ["id"];
+var _hoisted_44 = { class: "incremark-footnote-content" };
+var _hoisted_54 = { class: "incremark-footnote-number" };
+var _hoisted_64 = { class: "incremark-footnote-body" };
+var _hoisted_73 = ["href"];
+function render13(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.hasFootnotes ? (_openBlock13(), _createElementBlock12("section", _hoisted_114, [
+    _cache[0] || (_cache[0] = _createElementVNode9(
+      "hr",
+      { class: "incremark-footnotes-divider" },
+      null,
+      -1
+      /* CACHED */
+    )),
+    _createElementVNode9("ol", _hoisted_28, [
+      (_openBlock13(true), _createElementBlock12(
+        _Fragment9,
+        null,
+        _renderList6($setup.orderedFootnotes, (item, index) => {
+          return _openBlock13(), _createElementBlock12("li", {
+            key: item.identifier,
+            id: `fn-${item.identifier}`,
+            class: "incremark-footnote-item"
+          }, [
+            _createElementVNode9("div", _hoisted_44, [
+              _createCommentVNode9(" \u811A\u6CE8\u5E8F\u53F7 "),
+              _createElementVNode9(
+                "span",
+                _hoisted_54,
+                _toDisplayString8(index + 1) + ".",
+                1
+                /* TEXT */
+              ),
+              _createCommentVNode9(" \u811A\u6CE8\u5185\u5BB9 "),
+              _createElementVNode9("div", _hoisted_64, [
+                (_openBlock13(true), _createElementBlock12(
+                  _Fragment9,
+                  null,
+                  _renderList6(item.definition.children, (child, childIndex) => {
+                    return _openBlock13(), _createBlock6($setup["IncremarkRenderer"], {
+                      key: childIndex,
+                      node: child
+                    }, null, 8, ["node"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ]),
+            _createCommentVNode9(" \u8FD4\u56DE\u94FE\u63A5 "),
+            _createElementVNode9("a", {
+              href: `#fnref-${item.identifier}`,
+              class: "incremark-footnote-backref",
+              "aria-label": "\u8FD4\u56DE\u5F15\u7528\u4F4D\u7F6E"
+            }, " \u21A9 ", 8, _hoisted_73)
+          ], 8, _hoisted_36);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ])
+  ])) : _createCommentVNode9("v-if", true);
+}
+
+// src/components/IncremarkFootnotes.vue
+IncremarkFootnotes_default.render = render13;
+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__ */ _defineComponent11({
+var Incremark_default = /* @__PURE__ */ _defineComponent14({
   __name: "Incremark",
   props: {
-    blocks: { type: Array, required: true },
+    blocks: { type: Array, required: false, default: () => [] },
     components: { type: Object, required: false, default: () => ({}) },
     pendingClass: { type: String, required: false, default: "incremark-pending" },
     completedClass: { type: String, required: false, default: "incremark-completed" },
-    showBlockStatus: { type: Boolean, required: false, default: false }
+    showBlockStatus: { type: Boolean, required: false, default: false },
+    incremark: { type: null, required: false }
   },
   setup(__props, { expose: __expose }) {
     __expose();
+    function isHtmlNode2(node) {
+      return node.type === "html";
+    }
     const props = __props;
+    let footnoteReferenceOrder;
+    try {
+      const context = useDefinationsContext();
+      footnoteReferenceOrder = context.footnoteReferenceOrder;
+    } catch {
+      footnoteReferenceOrder = computed10(() => []);
+    }
+    const actualBlocks = computed10(() => props.incremark?.blocks.value || props.blocks || []);
+    const actualIsFinalized = computed10(() => {
+      if (props.incremark) {
+        return props.incremark.isFinalized.value;
+      }
+      const blocks = props.blocks || [];
+      return blocks.length > 0 && blocks.every((b) => b.status === "completed");
+    });
     const defaultComponents = {
       heading: IncremarkHeading_default2,
       paragraph: IncremarkParagraph_default2,
@@ -1477,37 +2092,49 @@ var Incremark_default = /* @__PURE__ */ _defineComponent11({
       blockquote: IncremarkBlockquote_default2,
       thematicBreak: IncremarkThematicBreak_default2,
       math: IncremarkMath_default2,
-      inlineMath: IncremarkMath_default2
+      inlineMath: IncremarkMath_default2,
+      htmlElement: IncremarkHtmlElement_default2
     };
-    const mergedComponents = computed8(() => ({
+    const mergedComponents = computed10(() => ({
       ...defaultComponents,
       ...props.components
     }));
     function getComponent(type) {
       return mergedComponents.value[type] || props.components?.default || IncremarkDefault_default2;
     }
-    const __returned__ = { props, defaultComponents, mergedComponents, getComponent };
+    const __returned__ = { isHtmlNode: isHtmlNode2, props, get footnoteReferenceOrder() {
+      return footnoteReferenceOrder;
+    }, set footnoteReferenceOrder(v) {
+      footnoteReferenceOrder = v;
+    }, actualBlocks, actualIsFinalized, defaultComponents, mergedComponents, getComponent, IncremarkFootnotes: IncremarkFootnotes_default2 };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=template
-import { renderList as _renderList5, Fragment as _Fragment7, openBlock as _openBlock11, createElementBlock as _createElementBlock10, resolveDynamicComponent as _resolveDynamicComponent3, createBlock as _createBlock4, normalizeClass as _normalizeClass2, TransitionGroup as _TransitionGroup, withCtx as _withCtx3, createVNode as _createVNode6 } from "vue";
-var _hoisted_113 = { class: "incremark" };
-function render11(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock11(), _createElementBlock10("div", _hoisted_113, [
-    _createVNode6(_TransitionGroup, { name: "incremark-fade" }, {
-      default: _withCtx3(() => [
-        (_openBlock11(true), _createElementBlock10(
-          _Fragment7,
+import { createCommentVNode as _createCommentVNode10, renderList as _renderList7, Fragment as _Fragment10, openBlock as _openBlock14, createElementBlock as _createElementBlock13, toDisplayString as _toDisplayString9, createElementVNode as _createElementVNode10, resolveDynamicComponent as _resolveDynamicComponent5, createBlock as _createBlock7, normalizeClass as _normalizeClass3 } from "vue";
+var _hoisted_115 = { class: "incremark" };
+var _hoisted_29 = {
+  key: 0,
+  class: "incremark-html-code"
+};
+function render14(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock14(), _createElementBlock13("div", _hoisted_115, [
+    _createCommentVNode10(" \u4E3B\u8981\u5185\u5BB9\u5757 "),
+    (_openBlock14(true), _createElementBlock13(
+      _Fragment10,
+      null,
+      _renderList7($setup.actualBlocks, (block) => {
+        return _openBlock14(), _createElementBlock13(
+          _Fragment10,
           null,
-          _renderList5($props.blocks, (block) => {
-            return _openBlock11(), _createElementBlock10(
+          [
+            block.node.type !== "definition" && block.node.type !== "footnoteDefinition" ? (_openBlock14(), _createElementBlock13(
               "div",
               {
                 key: block.stableId,
-                class: _normalizeClass2([
+                class: _normalizeClass3([
                   "incremark-block",
                   block.status === "completed" ? $props.completedClass : $props.pendingClass,
                   { "incremark-show-status": $props.showBlockStatus },
@@ -1515,74 +2142,53 @@ function render11(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               },
               [
-                (_openBlock11(), _createBlock4(_resolveDynamicComponent3($setup.getComponent(block.node.type)), {
-                  node: block.node
-                }, null, 8, ["node"]))
+                _createCommentVNode10(" HTML \u8282\u70B9\uFF1A\u6E32\u67D3\u4E3A\u4EE3\u7801\u5757\u663E\u793A\u6E90\u4EE3\u7801 "),
+                $setup.isHtmlNode(block.node) ? (_openBlock14(), _createElementBlock13("pre", _hoisted_29, [
+                  _createElementVNode10(
+                    "code",
+                    null,
+                    _toDisplayString9(block.node.value),
+                    1
+                    /* TEXT */
+                  )
+                ])) : (_openBlock14(), _createElementBlock13(
+                  _Fragment10,
+                  { key: 1 },
+                  [
+                    _createCommentVNode10(" \u5176\u4ED6\u8282\u70B9\uFF1A\u4F7F\u7528\u5BF9\u5E94\u7EC4\u4EF6 "),
+                    (_openBlock14(), _createBlock7(_resolveDynamicComponent5($setup.getComponent(block.node.type)), {
+                      node: block.node
+                    }, null, 8, ["node"]))
+                  ],
+                  2112
+                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                ))
               ],
               2
               /* CLASS */
-            );
-          }),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ]),
-      _: 1
-      /* STABLE */
-    })
+            )) : _createCommentVNode10("v-if", true)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        );
+      }),
+      256
+      /* UNKEYED_FRAGMENT */
+    )),
+    _createCommentVNode10(" \u811A\u6CE8\u5217\u8868\uFF08\u4EC5\u5728 finalize \u540E\u663E\u793A\uFF09 "),
+    $setup.actualIsFinalized && $setup.footnoteReferenceOrder.value?.length > 0 ? (_openBlock14(), _createBlock7($setup["IncremarkFootnotes"], { key: 0 })) : _createCommentVNode10("v-if", true)
   ]);
 }
 
 // src/components/Incremark.vue
-Incremark_default.render = render11;
+Incremark_default.render = render14;
 Incremark_default.__file = "src/components/Incremark.vue";
-Incremark_default.__scopeId = "data-v-5966b843";
 var Incremark_default2 = Incremark_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=script
-import { defineComponent as _defineComponent12 } from "vue";
-var IncremarkRenderer_default = /* @__PURE__ */ _defineComponent12({
-  __name: "IncremarkRenderer",
-  props: {
-    node: { type: null, required: true }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const componentMap = {
-      heading: IncremarkHeading_default2,
-      paragraph: IncremarkParagraph_default2,
-      code: IncremarkCode_default2,
-      list: IncremarkList_default2,
-      table: IncremarkTable_default2,
-      blockquote: IncremarkBlockquote_default2,
-      thematicBreak: IncremarkThematicBreak_default2,
-      math: IncremarkMath_default2,
-      inlineMath: IncremarkMath_default2
-    };
-    function getComponent(type) {
-      return componentMap[type] || IncremarkDefault_default2;
-    }
-    const __returned__ = { componentMap, getComponent };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=template
-import { resolveDynamicComponent as _resolveDynamicComponent4, openBlock as _openBlock12, createBlock as _createBlock5 } from "vue";
-function render12(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock12(), _createBlock5(_resolveDynamicComponent4($setup.getComponent($props.node.type)), { node: $props.node }, null, 8, ["node"]);
-}
-
-// src/components/IncremarkRenderer.vue
-IncremarkRenderer_default.render = render12;
-IncremarkRenderer_default.__file = "src/components/IncremarkRenderer.vue";
-var IncremarkRenderer_default2 = IncremarkRenderer_default;
-
 // sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/AutoScrollContainer.vue?type=script
-import { defineComponent as _defineComponent13 } from "vue";
-import { ref as ref6, onMounted as onMounted2, onUnmounted as onUnmounted6, nextTick } from "vue";
-var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent13({
+import { defineComponent as _defineComponent15 } from "vue";
+import { ref as ref8, onMounted as onMounted2, onUnmounted as onUnmounted6, nextTick } from "vue";
+var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent15({
   __name: "AutoScrollContainer",
   props: {
     enabled: { type: Boolean, required: false, default: true },
@@ -1591,8 +2197,8 @@ var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent13({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const containerRef = ref6(null);
-    const isUserScrolledUp = ref6(false);
+    const containerRef = ref8(null);
+    const isUserScrolledUp = ref8(false);
     let lastScrollTop = 0;
     let lastScrollHeight = 0;
     function isNearBottom() {
@@ -1690,9 +2296,9 @@ var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent13({
 });
 
 // sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/AutoScrollContainer.vue?type=template
-import { renderSlot as _renderSlot, openBlock as _openBlock13, createElementBlock as _createElementBlock11 } from "vue";
-function render13(_ctx, _cache, $props, $setup, $data, $options) {
-  return _openBlock13(), _createElementBlock11(
+import { renderSlot as _renderSlot, openBlock as _openBlock15, createElementBlock as _createElementBlock14 } from "vue";
+function render15(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock15(), _createElementBlock14(
     "div",
     {
       ref: "containerRef",
@@ -1708,11 +2314,62 @@ function render13(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 // src/components/AutoScrollContainer.vue
-AutoScrollContainer_default.render = render13;
+AutoScrollContainer_default.render = render15;
 AutoScrollContainer_default.__file = "src/components/AutoScrollContainer.vue";
 AutoScrollContainer_default.__scopeId = "data-v-e0d180b8";
 var AutoScrollContainer_default2 = AutoScrollContainer_default;
 
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/ThemeProvider.vue?type=script
+import { defineComponent as _defineComponent16 } from "vue";
+import { ref as ref9, watch as watch6 } from "vue";
+import { applyTheme } from "@incremark/theme";
+var ThemeProvider_default = /* @__PURE__ */ _defineComponent16({
+  __name: "ThemeProvider",
+  props: {
+    theme: { type: null, required: true },
+    class: { type: String, required: false, default: "" }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const containerRef = ref9();
+    watch6(
+      () => props.theme,
+      (theme) => {
+        if (containerRef.value) {
+          applyTheme(containerRef.value, theme);
+        }
+      },
+      { immediate: true }
+    );
+    const __returned__ = { props, containerRef };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/ThemeProvider.vue?type=template
+import { renderSlot as _renderSlot2, normalizeClass as _normalizeClass4, openBlock as _openBlock16, createElementBlock as _createElementBlock15 } from "vue";
+function render16(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock16(), _createElementBlock15(
+    "div",
+    {
+      ref: "containerRef",
+      class: _normalizeClass4([$setup.props.class, "incremark-theme-provider"])
+    },
+    [
+      _renderSlot2(_ctx.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
+}
+
+// src/ThemeProvider.vue
+ThemeProvider_default.render = render16;
+ThemeProvider_default.__file = "src/ThemeProvider.vue";
+var ThemeProvider_default2 = ThemeProvider_default;
+
 // src/index.ts
 import {
   BlockTransformer as BlockTransformer2,
@@ -1729,6 +2386,13 @@ import {
   allPlugins,
   createPlugin
 } from "@incremark/core";
+import {
+  defaultTheme,
+  darkTheme,
+  generateCSSVars,
+  mergeTheme,
+  applyTheme as applyTheme2
+} from "@incremark/theme";
 export {
   AutoScrollContainer_default2 as AutoScrollContainer,
   BlockTransformer2 as BlockTransformer,
@@ -1736,29 +2400,57 @@ export {
   IncremarkBlockquote_default2 as IncremarkBlockquote,
   IncremarkCode_default2 as IncremarkCode,
   IncremarkDefault_default2 as IncremarkDefault,
+  IncremarkFootnotes_default2 as IncremarkFootnotes,
   IncremarkHeading_default2 as IncremarkHeading,
-  IncremarkInline_default2 as IncremarkInline,
+  IncremarkHtmlElement_default2 as IncremarkHtmlElement,
+  IncremarkInline_default as IncremarkInline,
   IncremarkList_default2 as IncremarkList,
   IncremarkMath_default2 as IncremarkMath,
   IncremarkParagraph_default2 as IncremarkParagraph,
   IncremarkRenderer_default2 as IncremarkRenderer,
   IncremarkTable_default2 as IncremarkTable,
   IncremarkThematicBreak_default2 as IncremarkThematicBreak,
+  ThemeProvider_default2 as ThemeProvider,
   allPlugins,
+  applyTheme2 as applyTheme,
   cloneNode,
   codeBlockPlugin,
   countChars,
   createBlockTransformer3 as createBlockTransformer,
   createPlugin,
+  darkTheme,
   defaultPlugins2 as defaultPlugins,
+  defaultTheme,
+  generateCSSVars,
   imagePlugin,
   mathPlugin,
+  mergeTheme,
   mermaidPlugin,
   sliceAst,
   thematicBreakPlugin,
   useBlockTransformer,
+  useDefinationsContext,
   useDevTools,
   useIncremark,
+  useProvideDefinations,
   useStreamRenderer
 };
+/**
+ * @file Cursor Utils - 光标工具函数
+ *
+ * @description
+ * 用于在 AST 节点末尾添加光标的工具函数。
+ *
+ * @author Incremark Team
+ * @license MIT
+ */
+/**
+ * @file useTypewriter Composable - 打字机效果管理
+ *
+ * @description
+ * 管理打字机效果的状态和控制逻辑，从 useIncremark 中拆分出来以简化代码。
+ *
+ * @author Incremark Team
+ * @license MIT
+ */
 //# sourceMappingURL=index.js.map