@incremark/vue 0.0.5 → 0.1.2

package/dist/index.css

@@ -48,6 +48,17 @@
     monospace;
   font-size: 0.9em;
 }
+.incremark-fade-in {
+  animation: incremark-fade-in 0.4s ease-out;
+}
+@keyframes incremark-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 
 /* sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=style&index=0 */
 .incremark-heading[data-v-56c8779f] {

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkMath.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkParagraph.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/AutoScrollContainer.vue?type=style&index=0"],"sourcesContent":["\n.incremark-math-inline[data-v-6146c361] {\n  display: inline;\n}\n.incremark-math-block[data-v-6146c361] {\n  margin: 1em 0;\n  padding: 1em;\n  overflow-x: auto;\n  text-align: center;\n}\n.math-source[data-v-6146c361] {\n  background: #f3f4f6;\n  padding: 0.1em 0.3em;\n  border-radius: 3px;\n  font-size: 0.9em;\n  color: #6b7280;\n}\n.math-source-block[data-v-6146c361] {\n  margin: 0;\n  padding: 1em;\n  background: #f3f4f6;\n  border-radius: 6px;\n  text-align: left;\n}\n.math-source-block code[data-v-6146c361] {\n  font-family: 'Fira Code', monospace;\n  font-size: 0.9em;\n  color: #374151;\n}\n.math-rendered[data-v-6146c361] .katex {\n  font-size: 1.1em;\n}\n.math-rendered[data-v-6146c361] .katex-display {\n  margin: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n","\n.incremark-inline-code {\n  padding: 0.2em 0.4em;\n  background: rgba(0, 0, 0, 0.06);\n  border-radius: 4px;\n  font-family: 'Fira Code', 'SF Mono', Consolas, monospace;\n  font-size: 0.9em;\n}\n","\n.incremark-heading[data-v-56c8779f] {\n  margin: 0.5em 0;\n  font-weight: 600;\n  line-height: 1.3;\n}\nh1[data-v-56c8779f] { font-size: 2em; border-bottom: 1px solid #eee; padding-bottom: 0.3em;\n}\nh2[data-v-56c8779f] { font-size: 1.5em;\n}\nh3[data-v-56c8779f] { font-size: 1.25em;\n}\nh4[data-v-56c8779f] { font-size: 1em;\n}\nh5[data-v-56c8779f] { font-size: 0.875em;\n}\nh6[data-v-56c8779f] { font-size: 0.85em; color: #666;\n}\n","\n.incremark-paragraph[data-v-6fa83031] {\n  margin: 0.75em 0;\n  line-height: 1.6;\n}\n","\n/* Mermaid 样式 */\n.incremark-mermaid[data-v-c48b1022] {\n  margin: 1em 0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #1a1a2e;\n}\n.mermaid-header[data-v-c48b1022] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 16px;\n  background: #16213e;\n  border-bottom: 1px solid #0f3460;\n  font-size: 12px;\n}\n.mermaid-actions[data-v-c48b1022] {\n  display: flex;\n  gap: 8px;\n}\n.view-toggle[data-v-c48b1022] {\n  padding: 4px 10px;\n  border: 1px solid #0f3460;\n  border-radius: 6px;\n  background: transparent;\n  color: #8b949e;\n  font-size: 12px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.view-toggle[data-v-c48b1022]:hover:not(:disabled) {\n  background: #0f3460;\n  color: #e0e0e0;\n}\n.view-toggle[data-v-c48b1022]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.mermaid-content[data-v-c48b1022] {\n  padding: 16px;\n  min-height: 100px;\n}\n.mermaid-loading[data-v-c48b1022] {\n  color: #8b949e;\n  font-size: 14px;\n}\n.mermaid-source-code[data-v-c48b1022] {\n  margin: 0;\n  padding: 12px;\n  background: #0d1117;\n  border-radius: 6px;\n  color: #c9d1d9;\n  font-family: 'Fira Code', 'SF Mono', monospace;\n  font-size: 13px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  overflow-x: auto;\n}\n.mermaid-svg[data-v-c48b1022] {\n  overflow-x: auto;\n}\n.mermaid-svg[data-v-c48b1022] svg {\n  max-width: 100%;\n  height: auto;\n}\n\n/* 代码块样式 */\n.incremark-code[data-v-c48b1022] {\n  margin: 1em 0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #24292e;\n}\n.code-header[data-v-c48b1022] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 16px;\n  background: #1f2428;\n  border-bottom: 1px solid #30363d;\n  font-size: 12px;\n}\n.language[data-v-c48b1022] {\n  color: #8b949e;\n  text-transform: uppercase;\n  font-weight: 500;\n  letter-spacing: 0.5px;\n}\n.copy-btn[data-v-c48b1022] {\n  padding: 4px 12px;\n  border: 1px solid #30363d;\n  border-radius: 6px;\n  background: transparent;\n  color: #8b949e;\n  font-size: 12px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.copy-btn[data-v-c48b1022]:hover {\n  background: #30363d;\n  color: #c9d1d9;\n}\n.code-content[data-v-c48b1022] {\n  overflow-x: auto;\n}\n.code-loading[data-v-c48b1022] {\n  opacity: 0.7;\n}\n\n/* Shiki 生成的代码样式 */\n.shiki-wrapper[data-v-c48b1022] pre {\n  margin: 0;\n  padding: 16px;\n  background: transparent !important;\n  overflow-x: auto;\n}\n.shiki-wrapper[data-v-c48b1022] code {\n  font-family: 'Fira Code', 'SF Mono', 'Monaco', 'Consolas', monospace;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n/* 回退样式 */\n.code-fallback[data-v-c48b1022],\n.code-loading pre[data-v-c48b1022] {\n  margin: 0;\n  padding: 16px;\n  overflow-x: auto;\n  background: transparent;\n}\n.code-fallback code[data-v-c48b1022],\n.code-loading code[data-v-c48b1022] {\n  font-family: 'Fira Code', 'SF Mono', 'Monaco', 'Consolas', monospace;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #c9d1d9;\n}\n","\n.incremark-list[data-v-0778ccea] {\n  margin: 0.75em 0;\n  padding-left: 2em;\n}\n.incremark-list.task-list[data-v-0778ccea] {\n  list-style: none;\n  padding-left: 0;\n}\n.incremark-list-item[data-v-0778ccea] {\n  margin: 0.25em 0;\n  line-height: 1.6;\n}\n.task-item[data-v-0778ccea] {\n  list-style: none;\n}\n.task-label[data-v-0778ccea] {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5em;\n  cursor: default;\n}\n.checkbox[data-v-0778ccea] {\n  margin-top: 0.3em;\n  flex-shrink: 0;\n}\n.task-content[data-v-0778ccea] {\n  flex: 1;\n}\n","\n.incremark-table-wrapper[data-v-7aea7ba6] {\n  overflow-x: auto;\n  margin: 1em 0;\n}\n.incremark-table[data-v-7aea7ba6] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.incremark-table th[data-v-7aea7ba6],\n.incremark-table td[data-v-7aea7ba6] {\n  border: 1px solid #ddd;\n  padding: 10px 14px;\n}\n.incremark-table th[data-v-7aea7ba6] {\n  background: #f8f9fa;\n  font-weight: 600;\n}\n.incremark-table tr[data-v-7aea7ba6]:nth-child(even) {\n  background: #fafafa;\n}\n.incremark-table tr[data-v-7aea7ba6]:hover {\n  background: #f0f0f0;\n}\n","\n.incremark-blockquote[data-v-67363f13] {\n  margin: 1em 0;\n  padding: 0.5em 1em;\n  border-left: 4px solid #3b82f6;\n  background: #f0f7ff;\n  border-radius: 0 4px 4px 0;\n}\n.incremark-blockquote[data-v-67363f13] p {\n  margin: 0.5em 0;\n}\n.incremark-blockquote[data-v-67363f13] p:first-child {\n  margin-top: 0;\n}\n.incremark-blockquote[data-v-67363f13] p:last-child {\n  margin-bottom: 0;\n}\n","\n.incremark-hr[data-v-cb316429] {\n  margin: 2em 0;\n  border: none;\n  border-top: 2px solid #e5e5e5;\n}\n","\n.incremark-default[data-v-5542d517] {\n  margin: 0.5em 0;\n  padding: 10px;\n  background: #fff3cd;\n  border: 1px solid #ffc107;\n  border-radius: 4px;\n  font-size: 12px;\n}\n.type-badge[data-v-5542d517] {\n  display: inline-block;\n  padding: 2px 8px;\n  background: #ffc107;\n  border-radius: 4px;\n  font-weight: 600;\n  margin-bottom: 8px;\n}\npre[data-v-5542d517] {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  font-size: 11px;\n}\n","\n.incremark-block.incremark-show-status.incremark-pending[data-v-5966b843] {\n  border-left: 3px solid #a855f7;\n  padding-left: 12px;\n  opacity: 0.8;\n}\n.incremark-fade-enter-active[data-v-5966b843] {\n  transition: opacity 0.2s ease-out;\n}\n.incremark-fade-enter-from[data-v-5966b843] {\n  opacity: 0;\n}\n","\n.auto-scroll-container[data-v-e0d180b8] {\n  overflow-y: auto;\n  height: 100%;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkMath.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkParagraph.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=style&index=0","sfc-style:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/AutoScrollContainer.vue?type=style&index=0"],"sourcesContent":["\n.incremark-math-inline[data-v-6146c361] {\n  display: inline;\n}\n.incremark-math-block[data-v-6146c361] {\n  margin: 1em 0;\n  padding: 1em;\n  overflow-x: auto;\n  text-align: center;\n}\n.math-source[data-v-6146c361] {\n  background: #f3f4f6;\n  padding: 0.1em 0.3em;\n  border-radius: 3px;\n  font-size: 0.9em;\n  color: #6b7280;\n}\n.math-source-block[data-v-6146c361] {\n  margin: 0;\n  padding: 1em;\n  background: #f3f4f6;\n  border-radius: 6px;\n  text-align: left;\n}\n.math-source-block code[data-v-6146c361] {\n  font-family: 'Fira Code', monospace;\n  font-size: 0.9em;\n  color: #374151;\n}\n.math-rendered[data-v-6146c361] .katex {\n  font-size: 1.1em;\n}\n.math-rendered[data-v-6146c361] .katex-display {\n  margin: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n","\n.incremark-inline-code {\n  padding: 0.2em 0.4em;\n  background: rgba(0, 0, 0, 0.06);\n  border-radius: 4px;\n  font-family: 'Fira Code', 'SF Mono', Consolas, monospace;\n  font-size: 0.9em;\n}\n\n/* 渐入动画 */\n.incremark-fade-in {\n  animation: incremark-fade-in 0.4s ease-out;\n}\n@keyframes incremark-fade-in {\nfrom { \n    opacity: 0;\n}\nto { \n    opacity: 1;\n}\n}\n","\n.incremark-heading[data-v-56c8779f] {\n  margin: 0.5em 0;\n  font-weight: 600;\n  line-height: 1.3;\n}\nh1[data-v-56c8779f] { font-size: 2em; border-bottom: 1px solid #eee; padding-bottom: 0.3em;\n}\nh2[data-v-56c8779f] { font-size: 1.5em;\n}\nh3[data-v-56c8779f] { font-size: 1.25em;\n}\nh4[data-v-56c8779f] { font-size: 1em;\n}\nh5[data-v-56c8779f] { font-size: 0.875em;\n}\nh6[data-v-56c8779f] { font-size: 0.85em; color: #666;\n}\n","\n.incremark-paragraph[data-v-6fa83031] {\n  margin: 0.75em 0;\n  line-height: 1.6;\n}\n","\n/* Mermaid 样式 */\n.incremark-mermaid[data-v-c48b1022] {\n  margin: 1em 0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #1a1a2e;\n}\n.mermaid-header[data-v-c48b1022] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 16px;\n  background: #16213e;\n  border-bottom: 1px solid #0f3460;\n  font-size: 12px;\n}\n.mermaid-actions[data-v-c48b1022] {\n  display: flex;\n  gap: 8px;\n}\n.view-toggle[data-v-c48b1022] {\n  padding: 4px 10px;\n  border: 1px solid #0f3460;\n  border-radius: 6px;\n  background: transparent;\n  color: #8b949e;\n  font-size: 12px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.view-toggle[data-v-c48b1022]:hover:not(:disabled) {\n  background: #0f3460;\n  color: #e0e0e0;\n}\n.view-toggle[data-v-c48b1022]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.mermaid-content[data-v-c48b1022] {\n  padding: 16px;\n  min-height: 100px;\n}\n.mermaid-loading[data-v-c48b1022] {\n  color: #8b949e;\n  font-size: 14px;\n}\n.mermaid-source-code[data-v-c48b1022] {\n  margin: 0;\n  padding: 12px;\n  background: #0d1117;\n  border-radius: 6px;\n  color: #c9d1d9;\n  font-family: 'Fira Code', 'SF Mono', monospace;\n  font-size: 13px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  overflow-x: auto;\n}\n.mermaid-svg[data-v-c48b1022] {\n  overflow-x: auto;\n}\n.mermaid-svg[data-v-c48b1022] svg {\n  max-width: 100%;\n  height: auto;\n}\n\n/* 代码块样式 */\n.incremark-code[data-v-c48b1022] {\n  margin: 1em 0;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #24292e;\n}\n.code-header[data-v-c48b1022] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 16px;\n  background: #1f2428;\n  border-bottom: 1px solid #30363d;\n  font-size: 12px;\n}\n.language[data-v-c48b1022] {\n  color: #8b949e;\n  text-transform: uppercase;\n  font-weight: 500;\n  letter-spacing: 0.5px;\n}\n.copy-btn[data-v-c48b1022] {\n  padding: 4px 12px;\n  border: 1px solid #30363d;\n  border-radius: 6px;\n  background: transparent;\n  color: #8b949e;\n  font-size: 12px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.copy-btn[data-v-c48b1022]:hover {\n  background: #30363d;\n  color: #c9d1d9;\n}\n.code-content[data-v-c48b1022] {\n  overflow-x: auto;\n}\n.code-loading[data-v-c48b1022] {\n  opacity: 0.7;\n}\n\n/* Shiki 生成的代码样式 */\n.shiki-wrapper[data-v-c48b1022] pre {\n  margin: 0;\n  padding: 16px;\n  background: transparent !important;\n  overflow-x: auto;\n}\n.shiki-wrapper[data-v-c48b1022] code {\n  font-family: 'Fira Code', 'SF Mono', 'Monaco', 'Consolas', monospace;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n/* 回退样式 */\n.code-fallback[data-v-c48b1022],\n.code-loading pre[data-v-c48b1022] {\n  margin: 0;\n  padding: 16px;\n  overflow-x: auto;\n  background: transparent;\n}\n.code-fallback code[data-v-c48b1022],\n.code-loading code[data-v-c48b1022] {\n  font-family: 'Fira Code', 'SF Mono', 'Monaco', 'Consolas', monospace;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #c9d1d9;\n}\n","\n.incremark-list[data-v-0778ccea] {\n  margin: 0.75em 0;\n  padding-left: 2em;\n}\n.incremark-list.task-list[data-v-0778ccea] {\n  list-style: none;\n  padding-left: 0;\n}\n.incremark-list-item[data-v-0778ccea] {\n  margin: 0.25em 0;\n  line-height: 1.6;\n}\n.task-item[data-v-0778ccea] {\n  list-style: none;\n}\n.task-label[data-v-0778ccea] {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5em;\n  cursor: default;\n}\n.checkbox[data-v-0778ccea] {\n  margin-top: 0.3em;\n  flex-shrink: 0;\n}\n.task-content[data-v-0778ccea] {\n  flex: 1;\n}\n","\n.incremark-table-wrapper[data-v-7aea7ba6] {\n  overflow-x: auto;\n  margin: 1em 0;\n}\n.incremark-table[data-v-7aea7ba6] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.incremark-table th[data-v-7aea7ba6],\n.incremark-table td[data-v-7aea7ba6] {\n  border: 1px solid #ddd;\n  padding: 10px 14px;\n}\n.incremark-table th[data-v-7aea7ba6] {\n  background: #f8f9fa;\n  font-weight: 600;\n}\n.incremark-table tr[data-v-7aea7ba6]:nth-child(even) {\n  background: #fafafa;\n}\n.incremark-table tr[data-v-7aea7ba6]:hover {\n  background: #f0f0f0;\n}\n","\n.incremark-blockquote[data-v-67363f13] {\n  margin: 1em 0;\n  padding: 0.5em 1em;\n  border-left: 4px solid #3b82f6;\n  background: #f0f7ff;\n  border-radius: 0 4px 4px 0;\n}\n.incremark-blockquote[data-v-67363f13] p {\n  margin: 0.5em 0;\n}\n.incremark-blockquote[data-v-67363f13] p:first-child {\n  margin-top: 0;\n}\n.incremark-blockquote[data-v-67363f13] p:last-child {\n  margin-bottom: 0;\n}\n","\n.incremark-hr[data-v-cb316429] {\n  margin: 2em 0;\n  border: none;\n  border-top: 2px solid #e5e5e5;\n}\n","\n.incremark-default[data-v-5542d517] {\n  margin: 0.5em 0;\n  padding: 10px;\n  background: #fff3cd;\n  border: 1px solid #ffc107;\n  border-radius: 4px;\n  font-size: 12px;\n}\n.type-badge[data-v-5542d517] {\n  display: inline-block;\n  padding: 2px 8px;\n  background: #ffc107;\n  border-radius: 4px;\n  font-weight: 600;\n  margin-bottom: 8px;\n}\npre[data-v-5542d517] {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  font-size: 11px;\n}\n","\n.incremark-block.incremark-show-status.incremark-pending[data-v-5966b843] {\n  border-left: 3px solid #a855f7;\n  padding-left: 12px;\n  opacity: 0.8;\n}\n.incremark-fade-enter-active[data-v-5966b843] {\n  transition: opacity 0.2s ease-out;\n}\n.incremark-fade-enter-from[data-v-5966b843] {\n  opacity: 0;\n}\n","\n.auto-scroll-container[data-v-e0d180b8] {\n  overflow-y: auto;\n  height: 100%;\n}\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -1,7 +1,9 @@
 // src/composables/useIncremark.ts
-import { ref, shallowRef, computed, markRaw } from "vue";
+import { ref, shallowRef, computed, markRaw, watch, onUnmounted } from "vue";
 import {
-  createIncremarkParser
+  createIncremarkParser,
+  createBlockTransformer,
+  defaultPlugins
 } from "@incremark/core";
 function useIncremark(options = {}) {
   const parser = createIncremarkParser(options);
@@ -9,6 +11,28 @@ function useIncremark(options = {}) {
   const pendingBlocks = shallowRef([]);
   const isLoading = ref(false);
   const markdown = ref("");
+  const typewriterEnabled = ref(options.typewriter?.enabled ?? !!options.typewriter);
+  const displayBlocksRef = shallowRef([]);
+  const isTypewriterProcessing = ref(false);
+  const isTypewriterPaused = ref(false);
+  const typewriterEffect = ref(options.typewriter?.effect ?? "none");
+  const typewriterCursor = ref(options.typewriter?.cursor ?? "|");
+  let transformer = null;
+  if (options.typewriter) {
+    const twOptions = options.typewriter;
+    transformer = createBlockTransformer({
+      charsPerTick: twOptions.charsPerTick ?? [1, 3],
+      tickInterval: twOptions.tickInterval ?? 30,
+      effect: twOptions.effect ?? "none",
+      pauseOnHidden: twOptions.pauseOnHidden ?? true,
+      plugins: twOptions.plugins ?? defaultPlugins,
+      onChange: (blocks2) => {
+        displayBlocksRef.value = blocks2;
+        isTypewriterProcessing.value = transformer?.isProcessing() ?? false;
+        isTypewriterPaused.value = transformer?.isPausedState() ?? false;
+      }
+    });
+  }
   const ast = computed(() => ({
     type: "root",
     children: [
@@ -16,7 +40,55 @@ function useIncremark(options = {}) {
       ...pendingBlocks.value.map((b) => b.node)
     ]
   }));
-  const blocks = computed(() => {
+  const sourceBlocks = computed(() => {
+    return completedBlocks.value.map((block) => ({
+      id: block.id,
+      node: block.node,
+      status: block.status
+    }));
+  });
+  if (transformer) {
+    watch(
+      sourceBlocks,
+      (blocks2) => {
+        transformer.push(blocks2);
+        const currentDisplaying = displayBlocksRef.value.find((b) => !b.isDisplayComplete);
+        if (currentDisplaying) {
+          const updated = blocks2.find((b) => b.id === currentDisplaying.id);
+          if (updated) {
+            transformer.update(updated);
+          }
+        }
+      },
+      { 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) {
       result.push({ ...block, stableId: block.id });
@@ -29,6 +101,29 @@ function useIncremark(options = {}) {
     }
     return result;
   });
+  const blocks = computed(() => {
+    if (!typewriterEnabled.value || !transformer) {
+      return rawBlocks.value;
+    }
+    return displayBlocksRef.value.map((db, index) => {
+      const isPending = !db.isDisplayComplete;
+      const isLastPending = isPending && index === displayBlocksRef.value.length - 1;
+      let node = db.displayNode;
+      if (typewriterEffect.value === "typing" && isLastPending) {
+        node = addCursorToNode(db.displayNode, typewriterCursor.value);
+      }
+      return {
+        id: db.id,
+        stableId: db.id,
+        status: db.isDisplayComplete ? "completed" : "pending",
+        isLastPending,
+        node,
+        startOffset: 0,
+        endOffset: 0,
+        rawText: ""
+      };
+    });
+  });
   function append(chunk) {
     isLoading.value = true;
     const update = parser.append(chunk);
@@ -64,6 +159,7 @@ function useIncremark(options = {}) {
     pendingBlocks.value = [];
     markdown.value = "";
     isLoading.value = false;
+    transformer?.reset();
   }
   function render14(content) {
     const update = parser.render(content);
@@ -73,6 +169,43 @@ function useIncremark(options = {}) {
     isLoading.value = false;
     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,
@@ -82,7 +215,7 @@ function useIncremark(options = {}) {
     pendingBlocks,
     /** 当前完整的 AST */
     ast,
-    /** 所有块（完成 + 待处理），带稳定 ID */
+    /** 用于渲染的 blocks（根据打字机设置自动处理） */
     blocks,
     /** 是否正在加载 */
     isLoading,
@@ -92,12 +225,14 @@ function useIncremark(options = {}) {
     finalize,
     /** 强制中断 */
     abort,
-    /** 重置解析器 */
+    /** 重置解析器和打字机 */
     reset,
     /** 一次性渲染（reset + append + finalize） */
     render: render14,
     /** 解析器实例 */
-    parser
+    parser,
+    /** 打字机控制 */
+    typewriter
   };
 }
 
@@ -126,7 +261,7 @@ function useStreamRenderer(options) {
 }
 
 // src/composables/useDevTools.ts
-import { onMounted, onUnmounted } from "vue";
+import { onMounted, onUnmounted as onUnmounted2 } from "vue";
 import { createDevTools } from "@incremark/devtools";
 function useDevTools(incremark, options = {}) {
   const devtools = createDevTools(options);
@@ -147,7 +282,7 @@ function useDevTools(incremark, options = {}) {
   onMounted(() => {
     devtools.mount();
   });
-  onUnmounted(() => {
+  onUnmounted2(() => {
     devtools.unmount();
     incremark.parser.setOnChange(void 0);
   });
@@ -155,16 +290,16 @@ function useDevTools(incremark, options = {}) {
 }
 
 // src/composables/useBlockTransformer.ts
-import { ref as ref3, watch, computed as computed3, onUnmounted as onUnmounted2 } from "vue";
+import { ref as ref3, watch as watch2, computed as computed3, onUnmounted as onUnmounted3 } from "vue";
 import {
-  createBlockTransformer
+  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 transformer = createBlockTransformer({
+  const transformer = createBlockTransformer2({
     ...options,
     onChange: (blocks) => {
       displayBlocksRef.value = blocks;
@@ -172,7 +307,7 @@ function useBlockTransformer(sourceBlocks, options = {}) {
       isPausedRef.value = transformer.isPausedState();
     }
   });
-  watch(
+  watch2(
     sourceBlocks,
     (blocks) => {
       transformer.push(blocks);
@@ -186,7 +321,7 @@ function useBlockTransformer(sourceBlocks, options = {}) {
     },
     { immediate: true, deep: true }
   );
-  onUnmounted2(() => {
+  onUnmounted3(() => {
     transformer.destroy();
   });
   return {
@@ -227,7 +362,7 @@ import { defineComponent as _defineComponent2 } from "vue";
 
 // 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 watch2, shallowRef as shallowRef2, onUnmounted as onUnmounted3 } from "vue";
+import { computed as computed4, ref as ref4, watch as watch3, shallowRef as shallowRef2, onUnmounted as onUnmounted4 } from "vue";
 var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
   __name: "IncremarkMath",
   props: {
@@ -278,12 +413,12 @@ var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
         isLoading.value = false;
       }
     }
-    onUnmounted3(() => {
+    onUnmounted4(() => {
       if (renderTimer) {
         clearTimeout(renderTimer);
       }
     });
-    watch2(formula, scheduleRender, { immediate: true });
+    watch3(formula, scheduleRender, { immediate: true });
     const __returned__ = { props, renderedHtml, renderError, isLoading, katexRef, get renderTimer() {
       return renderTimer;
     }, set renderTimer(v) {
@@ -386,10 +521,28 @@ var IncremarkInline_default = /* @__PURE__ */ _defineComponent2({
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    function escapeHtml(str) {
-      return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    function getStableText(node) {
+      if (!node.chunks || node.chunks.length === 0) {
+        return node.value;
+      }
+      return node.value.slice(0, node.stableLength ?? 0);
+    }
+    function hasChunks(node) {
+      return node.type === "text" && "chunks" in node && Array.isArray(node.chunks);
+    }
+    function getChunks(node) {
+      if (hasChunks(node)) {
+        return node.chunks;
+      }
+      return void 0;
+    }
+    function isHtmlNode(node) {
+      return node.type === "html";
     }
-    const __returned__ = { escapeHtml, IncremarkMath: IncremarkMath_default2 };
+    function isInlineMath(node) {
+      return node.type === "inlineMath";
+    }
+    const __returned__ = { getStableText, hasChunks, getChunks, isHtmlNode, isInlineMath, IncremarkMath: IncremarkMath_default2 };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -411,20 +564,40 @@ function render2(_ctx, _cache, $props, $setup, $data, $options) {
         _Fragment2,
         { key: idx },
         [
-          _createCommentVNode2(" \u6587\u672C "),
+          _createCommentVNode2(" \u6587\u672C\uFF08\u652F\u6301 chunks \u6E10\u5165\u52A8\u753B\uFF09 "),
           node.type === "text" ? (_openBlock2(), _createElementBlock2(
             _Fragment2,
             { key: 0 },
             [
+              _createCommentVNode2(" \u7A33\u5B9A\u6587\u672C\uFF08\u5DF2\u7ECF\u663E\u793A\u8FC7\u7684\u90E8\u5206\uFF0C\u65E0\u52A8\u753B\uFF09 "),
               _createTextVNode(
-                _toDisplayString2(node.value),
+                " " + _toDisplayString2($setup.getStableText(node)) + " ",
                 1
                 /* TEXT */
-              )
+              ),
+              _createCommentVNode2(" \u65B0\u589E\u7684 chunk \u90E8\u5206\uFF08\u5E26\u6E10\u5165\u52A8\u753B\uFF09 "),
+              (_openBlock2(true), _createElementBlock2(
+                _Fragment2,
+                null,
+                _renderList($setup.getChunks(node), (chunk) => {
+                  return _openBlock2(), _createElementBlock2(
+                    "span",
+                    {
+                      key: chunk.createdAt,
+                      class: "incremark-fade-in"
+                    },
+                    _toDisplayString2(chunk.text),
+                    1
+                    /* TEXT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : node.type === "inlineMath" ? (_openBlock2(), _createElementBlock2(
+          )) : $setup.isInlineMath(node) ? (_openBlock2(), _createElementBlock2(
             _Fragment2,
             { key: 1 },
             [
@@ -534,11 +707,11 @@ function render2(_ctx, _cache, $props, $setup, $data, $options) {
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : node.type === "html" ? (_openBlock2(), _createElementBlock2(
+          )) : $setup.isHtmlNode(node) ? (_openBlock2(), _createElementBlock2(
             _Fragment2,
             { key: 9 },
             [
-              _createCommentVNode2(" \u539F\u59CB HTML\uFF08\u7528\u4E8E fade-mask \u7B49\u7279\u6B8A\u5143\u7D20\uFF09 "),
+              _createCommentVNode2(" \u539F\u59CB HTML "),
               _createElementVNode2("span", {
                 innerHTML: node.value
               }, null, 8, _hoisted_42)
@@ -631,7 +804,7 @@ 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 watch3, shallowRef as shallowRef3, onUnmounted as onUnmounted4 } 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({
   __name: "IncremarkCode",
   props: {
@@ -696,7 +869,7 @@ var IncremarkCode_default = /* @__PURE__ */ _defineComponent5({
         mermaidLoading.value = false;
       }
     }
-    onUnmounted4(() => {
+    onUnmounted5(() => {
       if (mermaidTimer) {
         clearTimeout(mermaidTimer);
       }
@@ -749,7 +922,7 @@ var IncremarkCode_default = /* @__PURE__ */ _defineComponent5({
         isHighlighting.value = false;
       }
     }
-    watch3([code, () => props.theme, isMermaid], highlight, { immediate: true });
+    watch4([code, () => props.theme, isMermaid], highlight, { immediate: true });
     async function copyCode() {
       try {
         await navigator.clipboard.writeText(code.value);
@@ -1408,7 +1581,7 @@ 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 onUnmounted5, nextTick } from "vue";
+import { ref as ref6, onMounted as onMounted2, onUnmounted as onUnmounted6, nextTick } from "vue";
 var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent13({
   __name: "AutoScrollContainer",
   props: {
@@ -1487,7 +1660,7 @@ var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent13({
         characterData: true
       });
     });
-    onUnmounted5(() => {
+    onUnmounted6(() => {
       observer?.disconnect();
     });
     __expose({
@@ -1543,7 +1716,7 @@ var AutoScrollContainer_default2 = AutoScrollContainer_default;
 // src/index.ts
 import {
   BlockTransformer as BlockTransformer2,
-  createBlockTransformer as createBlockTransformer2,
+  createBlockTransformer as createBlockTransformer3,
   countChars,
   sliceAst,
   cloneNode,
@@ -1552,7 +1725,7 @@ import {
   imagePlugin,
   mathPlugin,
   thematicBreakPlugin,
-  defaultPlugins,
+  defaultPlugins as defaultPlugins2,
   allPlugins,
   createPlugin
 } from "@incremark/core";
@@ -1575,9 +1748,9 @@ export {
   cloneNode,
   codeBlockPlugin,
   countChars,
-  createBlockTransformer2 as createBlockTransformer,
+  createBlockTransformer3 as createBlockTransformer,
   createPlugin,
-  defaultPlugins,
+  defaultPlugins2 as defaultPlugins,
   imagePlugin,
   mathPlugin,
   mermaidPlugin,