Thinking

Thinking 展示模型推理过程，支持折叠和展开。

导入方式

按需导入

import { Thinking } from '@weimin96/ai-chat-vue'
import '@weimin96/ai-chat-vue/styles'

完整导入

import * as AiChatVue from '@weimin96/ai-chat-vue'
import '@weimin96/ai-chat-vue/styles'

app.use(AiChatVue)

// 模板中可直接使用 <Thinking />

基础用法

识别用户目标：需要一个可复用的聊天界面。

组合消息气泡、输入框和 Markdown 渲染能力。

<script setup lang="ts">
import { Thinking } from '@weimin96/ai-chat-vue'
import { sampleThinking } from '../../.vitepress/theme/demo-data'
</script>

<template>
  <div class="docs-narrow">
    <Thinking :steps="sampleThinking" />
  </div>
</template>

API

属性	类型	默认值	说明
steps	ThinkingStep[]	必填	推理步骤
collapsed	boolean	false	初始是否折叠

注意事项

推理内容可能包含敏感或内部信息，生产环境应根据产品策略决定是否展示。