@superlc/md-vue 0.1.0

package/dist/Markdown.d.ts

@@ -0,0 +1,85 @@
+import { VNode, PropType } from 'vue';
+import { PluginConfig } from '@superlc/md-core';
+import { MarkdownComponents } from './types';
+
+/**
+ * Vue Markdown 渲染组件
+ */
+export declare const Markdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    gfm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    math: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    components: {
+        type: PropType<MarkdownComponents>;
+        default: () => {};
+    };
+    remarkPlugins: {
+        type: PropType<PluginConfig[]>;
+        default: () => never[];
+    };
+    rehypePlugins: {
+        type: PropType<PluginConfig[]>;
+        default: () => never[];
+    };
+}>, () => string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    gfm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    math: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    components: {
+        type: PropType<MarkdownComponents>;
+        default: () => {};
+    };
+    remarkPlugins: {
+        type: PropType<PluginConfig[]>;
+        default: () => never[];
+    };
+    rehypePlugins: {
+        type: PropType<PluginConfig[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    components: MarkdownComponents;
+    class: string;
+    gfm: boolean;
+    highlight: boolean;
+    math: boolean;
+    remarkPlugins: PluginConfig[];
+    rehypePlugins: PluginConfig[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Markdown.d.ts.map

package/dist/Markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../src/Markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,KAAK,EAAE,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACrF,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;cAwBC,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI7B,QAAQ,CAAC,YAAY,EAAE,CAAC;;;;cAIxB,QAAQ,CAAC,YAAY,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;cARvB,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI7B,QAAQ,CAAC,YAAY,EAAE,CAAC;;;;cAIxB,QAAQ,CAAC,YAAY,EAAE,CAAC;;;;;;;;;;;4EAmF3C,CAAC"}

package/dist/MathProvider.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 检查 KaTeX CSS 是否已加载
+ */
+export declare function isKatexCssLoaded(): boolean;
+/**
+ * 预加载 KaTeX CSS
+ */
+export declare function preloadKatexCss(): Promise<void>;
+//# sourceMappingURL=MathProvider.d.ts.map

package/dist/MathProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathProvider.d.ts","sourceRoot":"","sources":["../src/MathProvider.ts"],"names":[],"mappings":"AA4BA;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,CAE/C"}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var E=Object.create;var O=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var W=(e,r,n,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of H(r))!$.call(e,i)&&i!==n&&O(e,i,{get:()=>r[i],enumerable:!(t=I(r,i))||t.enumerable});return e};var z=(e,r,n)=>(n=e!=null?E(_(e)):{},W(r||!e||!e.__esModule?O(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),N=require("@superlc/md-core");let b=!1,w=null;async function D(){if(!b)return w||(w=(async()=>{await import("katex/dist/katex.min.css"),b=!0})(),w)}function G(){return b}function U(){return D()}const j=a.defineComponent({name:"Markdown",props:{content:{type:String,required:!0},class:{type:String,default:""},gfm:{type:Boolean,default:!0},highlight:{type:Boolean,default:!0},math:{type:Boolean,default:!1},components:{type:Object,default:()=>({})},remarkPlugins:{type:Array,default:()=>[]},rehypePlugins:{type:Array,default:()=>[]}},setup(e){a.watch(()=>e.math,t=>{t&&U()},{immediate:!0});function r(t,i={}){if(t.type==="text")return t.value;if(t.type==="comment")return null;if(t.type==="root"){const l=t.children.map(s=>r(s,i)).filter(s=>s!==null);return a.h("div",{class:e.class},l)}if(t.type==="element"){const{tagName:l,properties:s,children:o}=t,c=i[l]||l,d={};if(s)for(const[m,u]of Object.entries(s))m==="className"?d.class=Array.isArray(u)?u.join(" "):u:d[m]=u;const p=o.map(m=>r(m,i)).filter(m=>m!==null);return typeof c=="string"?a.h(c,d,p):a.h(c,d,()=>p)}return null}const n=a.computed(()=>{if(!e.content)return null;const t=N.parseToHast(e.content,{gfm:e.gfm,highlight:e.highlight,math:e.math,remarkPlugins:e.remarkPlugins,rehypePlugins:e.rehypePlugins});return r(t,e.components)});return()=>n.value?n.value:null}});function M(e,r){if(e.type==="text")return e.value;if(e.type==="root"){const n=e.children.map(t=>M(t,r)).filter(t=>t!==null);return a.h("div",{},n)}if(e.type==="element"){const n=e,t=n.tagName,i=r==null?void 0:r[t],l={...n.properties};l.className&&(l.class=Array.isArray(l.className)?l.className.join(" "):l.className,delete l.className);const s=n.children.map(o=>M(o,r)).filter(o=>o!==null);return i?a.h(i,l,()=>s):a.h(t,l,s)}return null}function J(e={}){const{components:r,minUpdateInterval:n=16,immediate:t=!1,outputRate:i="medium",...l}=e,s=N.createStreamingParser(l),o=new N.OutputRateController(i),c=a.ref(0),d=a.ref(!1),p=a.ref(0),m=a.ref("idle");let u=0,f=null;const v=()=>{const g=performance.now(),C=g-u;t||C>=n?(u=g,c.value++):f===null&&(f=requestAnimationFrame(()=>{f=null,u=performance.now(),c.value++}))},h=g=>{s.append(g),v()},y=g=>{s.reset(),d.value=!1,p.value=0,m.value="running",o.start(g,C=>{C&&s.append(C),p.value=o.progress,v()},()=>{s.finish(),d.value=!0,p.value=1,m.value="complete",v()})},A=()=>{o.pause(),m.value=o.status},S=()=>{o.resume(),m.value=o.status},F=()=>{o.skipToEnd(),m.value=o.status,p.value=1},R=()=>{o.stop(),s.finish(),d.value=!0,m.value="complete",f!==null&&(cancelAnimationFrame(f),f=null),c.value++},V=()=>{o.stop(),s.reset(),d.value=!1,p.value=0,m.value="idle",f!==null&&(cancelAnimationFrame(f),f=null),c.value++};a.onUnmounted(()=>{o.stop(),f!==null&&cancelAnimationFrame(f)});const q=a.computed(()=>(c.value,s.getState().blocks)),K=a.computed(()=>(c.value,s.getStats())),L=a.computed(()=>(c.value,s.getContent()));return{vnode:a.computed(()=>{c.value;const g=s.getState();if(g.blocks.length===0)return null;const C=g.blocks.map(k=>k.hast?a.h("div",{key:k.key,"data-block-key":k.key,"data-pending":!k.stable||void 0},[M(k.hast,r)]):null).filter(k=>k!==null);return a.h("div",{"data-streaming":!d.value},C)}),append:h,start:y,pause:A,resume:S,skipToEnd:F,reset:V,finish:R,blocks:q,stats:K,isComplete:d,content:L,progress:p,outputStatus:m}}function x(e,r){if(e.type==="text")return e.value;if(e.type==="root"){const n=e.children.map(t=>x(t,r)).filter(t=>t!==null);return a.h("div",{},n)}if(e.type==="element"){const n=e,t=n.tagName,i=r==null?void 0:r[t],l={...n.properties};l.className&&(l.class=Array.isArray(l.className)?l.className.join(" "):l.className,delete l.className);const s=n.children.map(o=>x(o,r)).filter(o=>o!==null);return i?a.h(i,l,()=>s):a.h(t,l,s)}return null}const B=a.defineComponent({name:"StreamingMarkdown",props:{content:{type:String,default:void 0},source:{type:String,default:void 0},outputRate:{type:[String,Object],default:"medium"},isComplete:{type:Boolean,default:!1},components:{type:Object,default:void 0},class:{type:String,default:void 0},minUpdateInterval:{type:Number,default:16},autoStart:{type:Boolean,default:!0},gfm:{type:Boolean,default:!0},highlight:{type:Boolean,default:!0},math:{type:Boolean,default:!1}},emits:["complete","blockStable","progress"],setup(e,{emit:r}){a.watch(()=>e.math,u=>{u&&U()},{immediate:!0});const n=N.createStreamingParser({gfm:e.gfm,highlight:e.highlight,math:e.math}),t=new N.OutputRateController(e.outputRate),i=a.ref(0),l=a.ref(""),s=a.ref(void 0),o=a.ref([]),c=a.ref(!1);let d=0,p=null;const m=()=>{const u=performance.now();u-d>=e.minUpdateInterval?(d=u,i.value++):p===null&&(p=requestAnimationFrame(()=>{p=null,d=performance.now(),i.value++}))};return a.watch(()=>e.source,u=>{u!==void 0&&u!==s.value&&(s.value=u,e.autoStart&&u&&(n.reset(),l.value="",c.value=!1,t.start(u,f=>{f&&(n.append(f),l.value+=f),r("progress",t.progress),m()},()=>{n.finish(),c.value=!0,r("complete"),m()})))},{immediate:!0}),a.watch(()=>e.content,u=>{if(e.source!==void 0)return;const f=l.value,v=u||"";if(v!==f){if(v.startsWith(f)){const y=v.slice(f.length);y&&n.append(y)}else n.reset(),v&&n.append(v);l.value=v,m();const h=n.getState().blocks;h.forEach((y,A)=>{const S=o.value[A];y.stable&&(!S||!S.stable)&&r("blockStable",y)}),o.value=h}},{immediate:!0}),a.watch(()=>e.isComplete,u=>{e.source===void 0&&u&&(n.finish(),p!==null&&(cancelAnimationFrame(p),p=null),i.value++,r("complete"))}),a.watch(()=>e.outputRate,u=>{t.setRate(u)}),a.onUnmounted(()=>{t.stop(),p!==null&&cancelAnimationFrame(p)}),()=>{i.value;const u=n.getState(),f=e.source!==void 0?c.value:e.isComplete,v=u.blocks.map(h=>h.hast?a.h("div",{key:h.key,"data-block-key":h.key,"data-pending":!h.stable||void 0},[x(h.hast,e.components)]):null).filter(h=>h!==null);return a.h("div",{class:e.class,"data-streaming":!f},v)}}});function P(e,r={}){if(e.type==="text")return e.value;if(e.type==="comment")return null;if(e.type==="root"){const n=e.children.map(t=>P(t,r)).filter(t=>t!==null);return a.h("div",{},n)}if(e.type==="element"){const{tagName:n,properties:t,children:i}=e,l=r[n]||n,s={};if(t)for(const[c,d]of Object.entries(t))c==="className"?s.class=Array.isArray(d)?d.join(" "):d:s[c]=d;const o=i.map(c=>P(c,r)).filter(c=>c!==null);return a.h(l,s,()=>o)}return null}function Q(e,r={}){const{components:n={},...t}=r;return a.computed(()=>{const i=e();if(!i)return null;const l=N.parseToHast(i,t);return P(l,n)})}function T(e){e.component("Markdown",j),e.component("StreamingMarkdown",B)}const X={install:T,Markdown:j,StreamingMarkdown:B};exports.Markdown=j;exports.StreamingMarkdown=B;exports.default=X;exports.install=T;exports.isKatexCssLoaded=G;exports.preloadKatexCss=U;exports.useMarkdown=Q;exports.useStreamingMarkdown=J;

package/dist/index.d.ts

@@ -0,0 +1,205 @@
+import { App } from 'vue';
+import { Markdown } from './Markdown';
+
+export { Markdown };
+export { useMarkdown } from './useMarkdown';
+export type { MarkdownProps, MarkdownComponents, UseMarkdownOptions } from './types';
+export { useStreamingMarkdown, StreamingMarkdown } from './streaming';
+export type { UseStreamingMarkdownOptions, UseStreamingMarkdownResult, StreamingMarkdownProps, StreamingMarkdownEmits, } from './streaming';
+export { preloadKatexCss, isKatexCssLoaded } from './MathProvider';
+export type { ProcessorOptions, PluginConfig, BlockInfo, ParserStats, OutputRate, OutputRatePreset, OutputRateCustom, OutputRateStatus, InlineType, InlinePredictionOptions, } from '@superlc/md-core';
+/**
+ * Vue 插件安装函数
+ */
+export declare function install(app: App): void;
+declare const _default: {
+    install: typeof install;
+    Markdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            required: true;
+        };
+        class: {
+            type: StringConstructor;
+            default: string;
+        };
+        gfm: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        highlight: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        math: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        components: {
+            type: import('vue').PropType<import('./types').MarkdownComponents>;
+            default: () => {};
+        };
+        remarkPlugins: {
+            type: import('vue').PropType<import('@superlc/md-core').PluginConfig[]>;
+            default: () => never[];
+        };
+        rehypePlugins: {
+            type: import('vue').PropType<import('@superlc/md-core').PluginConfig[]>;
+            default: () => never[];
+        };
+    }>, () => string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            required: true;
+        };
+        class: {
+            type: StringConstructor;
+            default: string;
+        };
+        gfm: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        highlight: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        math: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        components: {
+            type: import('vue').PropType<import('./types').MarkdownComponents>;
+            default: () => {};
+        };
+        remarkPlugins: {
+            type: import('vue').PropType<import('@superlc/md-core').PluginConfig[]>;
+            default: () => never[];
+        };
+        rehypePlugins: {
+            type: import('vue').PropType<import('@superlc/md-core').PluginConfig[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{}>, {
+        components: import('./types').MarkdownComponents;
+        class: string;
+        gfm: boolean;
+        highlight: boolean;
+        math: boolean;
+        remarkPlugins: import('@superlc/md-core').PluginConfig[];
+        rehypePlugins: import('@superlc/md-core').PluginConfig[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    StreamingMarkdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        source: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        outputRate: {
+            type: import('vue').PropType<import('@superlc/md-core').OutputRate>;
+            default: string;
+        };
+        isComplete: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        components: {
+            type: import('vue').PropType<import('./types').MarkdownComponents>;
+            default: undefined;
+        };
+        class: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        minUpdateInterval: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoStart: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        gfm: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        highlight: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        math: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("progress" | "complete" | "blockStable")[], "progress" | "complete" | "blockStable", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        source: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        outputRate: {
+            type: import('vue').PropType<import('@superlc/md-core').OutputRate>;
+            default: string;
+        };
+        isComplete: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        components: {
+            type: import('vue').PropType<import('./types').MarkdownComponents>;
+            default: undefined;
+        };
+        class: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        minUpdateInterval: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoStart: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        gfm: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        highlight: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        math: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onProgress?: ((...args: any[]) => any) | undefined;
+        onComplete?: ((...args: any[]) => any) | undefined;
+        onBlockStable?: ((...args: any[]) => any) | undefined;
+    }>, {
+        content: string;
+        components: import('./types').MarkdownComponents;
+        class: string;
+        gfm: boolean;
+        highlight: boolean;
+        math: boolean;
+        source: string;
+        minUpdateInterval: number;
+        outputRate: import('@superlc/md-core').OutputRate;
+        isComplete: boolean;
+        autoStart: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGrF,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACtE,YAAY,EACV,2BAA2B,EAC3B,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGnE,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,uBAAuB,GACxB,MAAM,kBAAkB,CAAC;AAE1B;;GAEG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAGtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,wBAIE"}

package/dist/index.js

@@ -0,0 +1,379 @@
+import { defineComponent as M, watch as S, computed as A, h as p, ref as y, onUnmounted as O } from "vue";
+import { parseToHast as F, createStreamingParser as T, OutputRateController as R } from "@superlc/md-core";
+let B = !1, b = null;
+async function z() {
+  if (!B)
+    return b || (b = (async () => {
+      await import("katex/dist/katex.min.css"), B = !0;
+    })(), b);
+}
+function X() {
+  return B;
+}
+function V() {
+  return z();
+}
+const q = M({
+  name: "Markdown",
+  props: {
+    content: {
+      type: String,
+      required: !0
+    },
+    class: {
+      type: String,
+      default: ""
+    },
+    gfm: {
+      type: Boolean,
+      default: !0
+    },
+    highlight: {
+      type: Boolean,
+      default: !0
+    },
+    math: {
+      type: Boolean,
+      default: !1
+    },
+    components: {
+      type: Object,
+      default: () => ({})
+    },
+    remarkPlugins: {
+      type: Array,
+      default: () => []
+    },
+    rehypePlugins: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    S(
+      () => e.math,
+      (t) => {
+        t && V();
+      },
+      { immediate: !0 }
+    );
+    function r(t, c = {}) {
+      if (t.type === "text")
+        return t.value;
+      if (t.type === "comment")
+        return null;
+      if (t.type === "root") {
+        const a = t.children.map((l) => r(l, c)).filter((l) => l !== null);
+        return p("div", { class: e.class }, a);
+      }
+      if (t.type === "element") {
+        const { tagName: a, properties: l, children: i } = t, u = c[a] || a, f = {};
+        if (l)
+          for (const [m, s] of Object.entries(l))
+            m === "className" ? f.class = Array.isArray(s) ? s.join(" ") : s : f[m] = s;
+        const d = i.map((m) => r(m, c)).filter((m) => m !== null);
+        return typeof u == "string" ? p(u, f, d) : p(u, f, () => d);
+      }
+      return null;
+    }
+    const n = A(() => {
+      if (!e.content) return null;
+      const t = F(e.content, {
+        gfm: e.gfm,
+        highlight: e.highlight,
+        math: e.math,
+        remarkPlugins: e.remarkPlugins,
+        rehypePlugins: e.rehypePlugins
+      });
+      return r(t, e.components);
+    });
+    return () => n.value ? n.value : null;
+  }
+});
+function U(e, r) {
+  if (e.type === "text")
+    return e.value;
+  if (e.type === "root") {
+    const n = e.children.map((t) => U(t, r)).filter((t) => t !== null);
+    return p("div", {}, n);
+  }
+  if (e.type === "element") {
+    const n = e, t = n.tagName, c = r == null ? void 0 : r[t], a = { ...n.properties };
+    a.className && (a.class = Array.isArray(a.className) ? a.className.join(" ") : a.className, delete a.className);
+    const l = n.children.map((i) => U(i, r)).filter((i) => i !== null);
+    return c ? p(c, a, () => l) : p(t, a, l);
+  }
+  return null;
+}
+function Y(e = {}) {
+  const {
+    components: r,
+    minUpdateInterval: n = 16,
+    immediate: t = !1,
+    outputRate: c = "medium",
+    ...a
+  } = e, l = T(a), i = new R(c), u = y(0), f = y(!1), d = y(0), m = y("idle");
+  let s = 0, o = null;
+  const v = () => {
+    const h = performance.now(), C = h - s;
+    t || C >= n ? (s = h, u.value++) : o === null && (o = requestAnimationFrame(() => {
+      o = null, s = performance.now(), u.value++;
+    }));
+  }, g = (h) => {
+    l.append(h), v();
+  }, k = (h) => {
+    l.reset(), f.value = !1, d.value = 0, m.value = "running", i.start(
+      h,
+      (C) => {
+        C && l.append(C), d.value = i.progress, v();
+      },
+      () => {
+        l.finish(), f.value = !0, d.value = 1, m.value = "complete", v();
+      }
+    );
+  }, x = () => {
+    i.pause(), m.value = i.status;
+  }, w = () => {
+    i.resume(), m.value = i.status;
+  }, I = () => {
+    i.skipToEnd(), m.value = i.status, d.value = 1;
+  }, K = () => {
+    i.stop(), l.finish(), f.value = !0, m.value = "complete", o !== null && (cancelAnimationFrame(o), o = null), u.value++;
+  }, L = () => {
+    i.stop(), l.reset(), f.value = !1, d.value = 0, m.value = "idle", o !== null && (cancelAnimationFrame(o), o = null), u.value++;
+  };
+  O(() => {
+    i.stop(), o !== null && cancelAnimationFrame(o);
+  });
+  const $ = A(() => (u.value, l.getState().blocks)), H = A(() => (u.value, l.getStats())), W = A(() => (u.value, l.getContent()));
+  return {
+    vnode: A(() => {
+      u.value;
+      const h = l.getState();
+      if (h.blocks.length === 0)
+        return null;
+      const C = h.blocks.map((N) => N.hast ? p(
+        "div",
+        {
+          key: N.key,
+          "data-block-key": N.key,
+          "data-pending": !N.stable || void 0
+        },
+        [U(N.hast, r)]
+      ) : null).filter((N) => N !== null);
+      return p("div", { "data-streaming": !f.value }, C);
+    }),
+    append: g,
+    start: k,
+    pause: x,
+    resume: w,
+    skipToEnd: I,
+    reset: L,
+    finish: K,
+    blocks: $,
+    stats: H,
+    isComplete: f,
+    content: W,
+    progress: d,
+    outputStatus: m
+  };
+}
+function j(e, r) {
+  if (e.type === "text")
+    return e.value;
+  if (e.type === "root") {
+    const n = e.children.map((t) => j(t, r)).filter((t) => t !== null);
+    return p("div", {}, n);
+  }
+  if (e.type === "element") {
+    const n = e, t = n.tagName, c = r == null ? void 0 : r[t], a = { ...n.properties };
+    a.className && (a.class = Array.isArray(a.className) ? a.className.join(" ") : a.className, delete a.className);
+    const l = n.children.map((i) => j(i, r)).filter((i) => i !== null);
+    return c ? p(c, a, () => l) : p(t, a, l);
+  }
+  return null;
+}
+const E = M({
+  name: "StreamingMarkdown",
+  props: {
+    content: {
+      type: String,
+      default: void 0
+    },
+    source: {
+      type: String,
+      default: void 0
+    },
+    outputRate: {
+      type: [String, Object],
+      default: "medium"
+    },
+    isComplete: {
+      type: Boolean,
+      default: !1
+    },
+    components: {
+      type: Object,
+      default: void 0
+    },
+    class: {
+      type: String,
+      default: void 0
+    },
+    minUpdateInterval: {
+      type: Number,
+      default: 16
+    },
+    autoStart: {
+      type: Boolean,
+      default: !0
+    },
+    gfm: {
+      type: Boolean,
+      default: !0
+    },
+    highlight: {
+      type: Boolean,
+      default: !0
+    },
+    math: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["complete", "blockStable", "progress"],
+  setup(e, { emit: r }) {
+    S(
+      () => e.math,
+      (s) => {
+        s && V();
+      },
+      { immediate: !0 }
+    );
+    const n = T({
+      gfm: e.gfm,
+      highlight: e.highlight,
+      math: e.math
+    }), t = new R(e.outputRate), c = y(0), a = y(""), l = y(void 0), i = y([]), u = y(!1);
+    let f = 0, d = null;
+    const m = () => {
+      const s = performance.now();
+      s - f >= e.minUpdateInterval ? (f = s, c.value++) : d === null && (d = requestAnimationFrame(() => {
+        d = null, f = performance.now(), c.value++;
+      }));
+    };
+    return S(
+      () => e.source,
+      (s) => {
+        s !== void 0 && s !== l.value && (l.value = s, e.autoStart && s && (n.reset(), a.value = "", u.value = !1, t.start(
+          s,
+          (o) => {
+            o && (n.append(o), a.value += o), r("progress", t.progress), m();
+          },
+          () => {
+            n.finish(), u.value = !0, r("complete"), m();
+          }
+        )));
+      },
+      { immediate: !0 }
+    ), S(
+      () => e.content,
+      (s) => {
+        if (e.source !== void 0)
+          return;
+        const o = a.value, v = s || "";
+        if (v !== o) {
+          if (v.startsWith(o)) {
+            const k = v.slice(o.length);
+            k && n.append(k);
+          } else
+            n.reset(), v && n.append(v);
+          a.value = v, m();
+          const g = n.getState().blocks;
+          g.forEach((k, x) => {
+            const w = i.value[x];
+            k.stable && (!w || !w.stable) && r("blockStable", k);
+          }), i.value = g;
+        }
+      },
+      { immediate: !0 }
+    ), S(
+      () => e.isComplete,
+      (s) => {
+        e.source === void 0 && s && (n.finish(), d !== null && (cancelAnimationFrame(d), d = null), c.value++, r("complete"));
+      }
+    ), S(
+      () => e.outputRate,
+      (s) => {
+        t.setRate(s);
+      }
+    ), O(() => {
+      t.stop(), d !== null && cancelAnimationFrame(d);
+    }), () => {
+      c.value;
+      const s = n.getState(), o = e.source !== void 0 ? u.value : e.isComplete, v = s.blocks.map((g) => g.hast ? p(
+        "div",
+        {
+          key: g.key,
+          "data-block-key": g.key,
+          "data-pending": !g.stable || void 0
+        },
+        [j(g.hast, e.components)]
+      ) : null).filter((g) => g !== null);
+      return p(
+        "div",
+        {
+          class: e.class,
+          "data-streaming": !o
+        },
+        v
+      );
+    };
+  }
+});
+function P(e, r = {}) {
+  if (e.type === "text")
+    return e.value;
+  if (e.type === "comment")
+    return null;
+  if (e.type === "root") {
+    const n = e.children.map((t) => P(t, r)).filter((t) => t !== null);
+    return p("div", {}, n);
+  }
+  if (e.type === "element") {
+    const { tagName: n, properties: t, children: c } = e, a = r[n] || n, l = {};
+    if (t)
+      for (const [u, f] of Object.entries(t))
+        u === "className" ? l.class = Array.isArray(f) ? f.join(" ") : f : l[u] = f;
+    const i = c.map((u) => P(u, r)).filter((u) => u !== null);
+    return p(a, l, () => i);
+  }
+  return null;
+}
+function Z(e, r = {}) {
+  const { components: n = {}, ...t } = r;
+  return A(() => {
+    const c = e();
+    if (!c) return null;
+    const a = F(c, t);
+    return P(a, n);
+  });
+}
+function D(e) {
+  e.component("Markdown", q), e.component("StreamingMarkdown", E);
+}
+const _ = {
+  install: D,
+  Markdown: q,
+  StreamingMarkdown: E
+};
+export {
+  q as Markdown,
+  E as StreamingMarkdown,
+  _ as default,
+  D as install,
+  X as isKatexCssLoaded,
+  V as preloadKatexCss,
+  Z as useMarkdown,
+  Y as useStreamingMarkdown
+};

package/dist/streaming/StreamingMarkdown.d.ts

@@ -0,0 +1,117 @@
+import { PropType, VNode } from 'vue';
+import { OutputRate } from '@superlc/md-core';
+import { MarkdownComponents } from '../types';
+
+/**
+ * 流式 Markdown 渲染组件
+ */
+export declare const StreamingMarkdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    source: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    outputRate: {
+        type: PropType<OutputRate>;
+        default: string;
+    };
+    isComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    components: {
+        type: PropType<MarkdownComponents>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    minUpdateInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoStart: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gfm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    math: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("progress" | "complete" | "blockStable")[], "progress" | "complete" | "blockStable", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    source: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    outputRate: {
+        type: PropType<OutputRate>;
+        default: string;
+    };
+    isComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    components: {
+        type: PropType<MarkdownComponents>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    minUpdateInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoStart: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gfm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    math: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onProgress?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((...args: any[]) => any) | undefined;
+    onBlockStable?: ((...args: any[]) => any) | undefined;
+}>, {
+    content: string;
+    components: MarkdownComponents;
+    class: string;
+    gfm: boolean;
+    highlight: boolean;
+    math: boolean;
+    source: string;
+    minUpdateInterval: number;
+    outputRate: OutputRate;
+    isComplete: boolean;
+    autoStart: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=StreamingMarkdown.d.ts.map

package/dist/streaming/StreamingMarkdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingMarkdown.d.ts","sourceRoot":"","sources":["../../src/streaming/StreamingMarkdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,KAAK,EACX,MAAM,KAAK,CAAC;AACb,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAgDnD;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;cAaE,QAAQ,CAAC,UAAU,CAAC;;;;;;;;cAQ9B,QAAQ,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cARlB,QAAQ,CAAC,UAAU,CAAC;;;;;;;;cAQ9B,QAAQ,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA2NhD,CAAC"}

package/dist/streaming/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 流式渲染模块
+ */
+export { useStreamingMarkdown } from './useStreamingMarkdown';
+export { StreamingMarkdown } from './StreamingMarkdown';
+export type { UseStreamingMarkdownOptions, UseStreamingMarkdownResult, StreamingMarkdownProps, StreamingMarkdownEmits, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/streaming/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/streaming/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,2BAA2B,EAC3B,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/dist/streaming/types.d.ts

@@ -0,0 +1,83 @@
+import { VNode, Ref } from 'vue';
+import { StreamingParserOptions, ParserStats, BlockInfo, OutputRate, OutputRateStatus } from '@superlc/md-core';
+import { MarkdownComponents } from '../types';
+
+/**
+ * useStreamingMarkdown Composable 配置
+ */
+export interface UseStreamingMarkdownOptions extends StreamingParserOptions {
+    /** 自定义组件映射 */
+    components?: MarkdownComponents;
+    /** 最小更新间隔 (ms)，默认 16 (约 60fps) */
+    minUpdateInterval?: number;
+    /** 是否禁用批处理，每次 append 立即更新 */
+    immediate?: boolean;
+    /** 输出速率配置 */
+    outputRate?: OutputRate;
+}
+/**
+ * useStreamingMarkdown Composable 返回值
+ */
+export interface UseStreamingMarkdownResult {
+    /** 渲染后的 VNode */
+    vnode: Ref<VNode | null>;
+    /** 追加内容（手动模式） */
+    append: (chunk: string) => void;
+    /** 开始按速率输出（速率控制模式） */
+    start: (source: string) => void;
+    /** 暂停输出 */
+    pause: () => void;
+    /** 恢复输出 */
+    resume: () => void;
+    /** 跳过到结束 */
+    skipToEnd: () => void;
+    /** 重置解析器 */
+    reset: () => void;
+    /** 标记完成 */
+    finish: () => void;
+    /** 当前块信息 */
+    blocks: Ref<BlockInfo[]>;
+    /** 性能统计 */
+    stats: Ref<ParserStats>;
+    /** 是否已完成 */
+    isComplete: Ref<boolean>;
+    /** 累积的内容 */
+    content: Ref<string>;
+    /** 输出进度 (0-1) */
+    progress: Ref<number>;
+    /** 输出状态 */
+    outputStatus: Ref<OutputRateStatus>;
+}
+/**
+ * StreamingMarkdown 组件 Props
+ */
+export interface StreamingMarkdownProps extends StreamingParserOptions {
+    /** 当前累积的 Markdown 内容（外部控制模式） */
+    content?: string;
+    /** 完整的 Markdown 源内容（内置速率控制模式） */
+    source?: string;
+    /** 输出速率配置，默认 'medium' */
+    outputRate?: OutputRate;
+    /** 是否已完成流式输入 */
+    isComplete?: boolean;
+    /** 自定义组件映射 */
+    components?: MarkdownComponents;
+    /** 容器 class */
+    class?: string;
+    /** 最小更新间隔 (ms) */
+    minUpdateInterval?: number;
+    /** 是否自动开始输出（仅 source 模式） */
+    autoStart?: boolean;
+}
+/**
+ * StreamingMarkdown 组件 Emits
+ */
+export interface StreamingMarkdownEmits {
+    /** 完成事件 */
+    (e: 'complete'): void;
+    /** 块稳定事件 */
+    (e: 'blockStable', block: BlockInfo): void;
+    /** 进度变化事件 */
+    (e: 'progress', progress: number): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/streaming/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/streaming/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACrH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,sBAAsB;IACzE,cAAc;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa;IACb,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,iBAAiB;IACjB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,iBAAiB;IACjB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,sBAAsB;IACtB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW;IACX,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY;IACZ,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY;IACZ,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW;IACX,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY;IACZ,MAAM,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC;IACzB,WAAW;IACX,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACxB,YAAY;IACZ,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACzB,YAAY;IACZ,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,iBAAiB;IACjB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,WAAW;IACX,YAAY,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,WAAW;IACX,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACtB,YAAY;IACZ,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3C,aAAa;IACb,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzC"}

package/dist/streaming/useStreamingMarkdown.d.ts

@@ -0,0 +1,7 @@
+import { UseStreamingMarkdownOptions, UseStreamingMarkdownResult } from './types';
+
+/**
+ * 流式 Markdown 渲染 Composable
+ */
+export declare function useStreamingMarkdown(options?: UseStreamingMarkdownOptions): UseStreamingMarkdownResult;
+//# sourceMappingURL=useStreamingMarkdown.d.ts.map

package/dist/streaming/useStreamingMarkdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStreamingMarkdown.d.ts","sourceRoot":"","sources":["../../src/streaming/useStreamingMarkdown.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAgDvF;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,2BAAgC,GACxC,0BAA0B,CA4K5B"}

package/dist/types.d.ts

@@ -0,0 +1,62 @@
+import { Component } from 'vue';
+import { ProcessorOptions } from '@superlc/md-core';
+
+export type { PluginConfig } from '@superlc/md-core';
+/**
+ * 自定义组件映射表
+ * 可用于覆盖默认 HTML 元素的渲染方式
+ */
+export interface MarkdownComponents {
+    /** 标题 h1-h6 */
+    h1?: Component;
+    h2?: Component;
+    h3?: Component;
+    h4?: Component;
+    h5?: Component;
+    h6?: Component;
+    /** 段落 */
+    p?: Component;
+    /** 链接 */
+    a?: Component;
+    /** 图片 */
+    img?: Component;
+    /** 代码块 */
+    pre?: Component;
+    code?: Component;
+    /** 列表 */
+    ul?: Component;
+    ol?: Component;
+    li?: Component;
+    /** 引用 */
+    blockquote?: Component;
+    /** 表格 */
+    table?: Component;
+    thead?: Component;
+    tbody?: Component;
+    tr?: Component;
+    th?: Component;
+    td?: Component;
+    /** 水平线 */
+    hr?: Component;
+    /** 其他自定义元素 */
+    [key: string]: Component | undefined;
+}
+/**
+ * Markdown 组件 Props
+ */
+export interface MarkdownProps extends ProcessorOptions {
+    /** Markdown 源文本 */
+    content: string;
+    /** 自定义组件映射 */
+    components?: MarkdownComponents;
+    /** 容器 class */
+    class?: string;
+}
+/**
+ * useMarkdown Composable 配置
+ */
+export interface UseMarkdownOptions extends ProcessorOptions {
+    /** 自定义组件映射 */
+    components?: MarkdownComponents;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,eAAe;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,SAAS;IACT,CAAC,CAAC,EAAE,SAAS,CAAC;IACd,SAAS;IACT,CAAC,CAAC,EAAE,SAAS,CAAC;IACd,SAAS;IACT,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,UAAU;IACV,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS;IACT,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,SAAS;IACT,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS;IACT,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,UAAU;IACV,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,cAAc;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,mBAAmB;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,cAAc;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC"}

package/dist/useMarkdown.d.ts

@@ -0,0 +1,27 @@
+import { VNode, ComputedRef } from 'vue';
+import { UseMarkdownOptions } from './types';
+
+/**
+ * 将 Markdown 转换为 Vue VNode 的 Composable
+ *
+ * @param content - Markdown 源文本（响应式 ref 或 getter）
+ * @param options - 配置选项
+ * @returns 计算属性，返回 Vue VNode
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { ref } from 'vue';
+ * import { useMarkdown } from '@superlc/md-vue';
+ *
+ * const content = ref('# Hello World');
+ * const vnode = useMarkdown(() => content.value);
+ * </script>
+ *
+ * <template>
+ *   <component :is="vnode" />
+ * </template>
+ * ```
+ */
+export declare function useMarkdown(content: () => string, options?: UseMarkdownOptions): ComputedRef<VNode | null>;
+//# sourceMappingURL=useMarkdown.d.ts.map

package/dist/useMarkdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdown.d.ts","sourceRoot":"","sources":["../src/useMarkdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,KAAK,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAGhE,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,SAAS,CAAC;AAiDtE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,MAAM,EACrB,OAAO,GAAE,kBAAuB,GAC/B,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,CAY3B"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@superlc/md-vue",
+  "version": "0.1.0",
+  "description": "基于 @superlc/md-core 的 Vue 3 Markdown 渲染组件",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles.css": "@superlc/md-core/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "test": "vitest",
+    "test:run": "vitest run"
+  },
+  "dependencies": {
+    "@superlc/md-core": "workspace:*",
+    "katex": "^0.16.28"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3.0"
+  },
+  "devDependencies": {
+    "@types/hast": "^3.0.0",
+    "vue": "^3.4.0"
+  },
+  "keywords": [
+    "markdown",
+    "vue",
+    "vue3",
+    "component",
+    "unified"
+  ],
+  "license": "MIT"
+}