Skip to content

什么是 Stream UI?

Stream UI 是一个 Vue 3 渲染引擎,专为处理 LLM 流式输出中的类 XML 标签而设计。

核心能力

  • 标签拦截:将 <think><code> 或自定义标签映射为 Vue 组件
  • 增量渲染:文本流边到达边渲染,无需等待完整输出
  • 状态追踪:通过 isClosed 感知标签是否已闭合,区分"正在输出"和"已完成"
  • 结构化数据:通过 v-model:data 实时获取所有已解析区块的结构化信息
  • 组件交互:子组件可通过 reportData 将交互数据回传至父级

适用场景

  • AI 聊天界面中展示模型的思考过程(<think>
  • 流式输出中的代码块、公式、交互组件的实时渲染
  • 需要从流式文本中提取结构化状态的场景

Released under the MIT License.