Files
timi-tdesign-mobile/docs/components/ai-chat-thinking.md
T
2026-09-21 16:05:14 +08:00

881 B

AiChatThinking 思考过程

折叠展示模型的思考分段,生成中自动展开。

基础用法

:::preview 基础用法 || 逐段追加内容,生成中会自动滚到底部

demo-preview=../demos/ai-chat-thinking/basic.vue

:::

何时使用

需要把模型的推理过程单独呈现时使用,通常由 AiChatMessageList 内部调用,也可以单独摆放。

行为

  • isGenerating 为真时展开并跟随滚动到底部,结束后收起
  • 内容受 max-height 限制,超出时内部滚动
  • 容器带 role="log" 与 aria-live="polite",屏幕阅读器会播报增量

与消息的关系

消息的 thinkingList 是一组分段({ id, content }),AiChatMessageList 会把它们拼成完整文本后传进来。

API