Skip to content

API 参考文档

Incremark 所有类型和组件的集中参考。

组件 (Components)

<IncremarkContent />

渲染 Markdown 内容的主要组件。

Props (IncremarkContentProps):

属性类型默认值说明
contentstring-要渲染的 Markdown 字符串(content 模式)。
stream() => AsyncGenerator<string>-用于流式内容的异步生成器函数(stream 模式)。
isFinishedbooleanfalse内容生成是否完成(content 模式必需)。
incremarkOptionsUseIncremarkOptions-解析器和打字机效果的配置选项。
componentsComponentMap{}自定义组件,用于覆盖默认元素的渲染。
customContainersRecord<string, Component>{}用于 ::: name 语法的自定义容器组件。
customCodeBlocksRecord<string, Component>{}特定语言的自定义代码块组件。
codeBlockConfigsRecord<string, CodeBlockConfig>{}代码块配置(例如 takeOver)。
showBlockStatusbooleanfalse是否可视化块的处理状态(pending/completed)。
pendingClassstring'incremark-pending'应用于 pending 状态块的 CSS 类。

<AutoScrollContainer />

当内容更新时自动滚动到底部的容器组件。

Props:

属性类型默认值说明
enabledbooleantrue是否启用自动滚动功能。
thresholdnumber50触发自动滚动的底部距离阈值(像素)。
behaviorScrollBehavior'instant'滚动行为 ('auto', 'smooth', 'instant')。

组合式函数 / Hooks

useIncremark

用于高级用法和细粒度控制的核心 Hook。

选项 (UseIncremarkOptions):

选项类型默认值说明
gfmbooleantrue启用 GitHub Flavored Markdown 支持。
mathbooleantrue启用数学公式 (KaTeX) 支持。
htmlTreebooleantrue启用原始 HTML 标签解析。
containersbooleantrue启用自定义容器语法 :::
typewriterTypewriterOptions-打字机效果配置。

返回值 (UseIncremarkReturn):

属性类型说明
blocksRef<Block[]>具有稳定 ID 的解析块响应式数组。
append(chunk: string) => void向解析器追加新的内容块。
render(content: string) => void渲染完整或更新的内容字符串。
reset() => void重置解析器状态并清空所有块。
finalize() => void将所有块标记为已完成。
isDisplayCompleteRef<boolean>打字机效果是否已显示完所有内容。

配置类型

TypewriterOptions

选项类型默认值说明
enabledbooleanfalse启用打字机效果。
charsPerTicknumber | [number, number]2每次显示的字符数(或范围)。
tickIntervalnumber50更新间隔(毫秒)。
effect'none' | 'fade-in' | 'typing''none'动画风格。
cursorstring`''`