Chain of Thought

基础用法

示例加载中...

展开态由组件自己持有，初值取 defaultOpen（默认 true，与 TxReasoningDisclosure 相反）。同为非受控：之后改 defaultOpen 不生效。
点击头部切换并派发 toggle，参数是切换之后的状态。
头部图标只在 streaming 为真且存在 status === 'active' 的步骤时换成思考球；只设 streaming 而没有活跃步骤不会有动效。
头部计数直接取 steps.length，不区分状态。
每步按 status 呈现三种形态：active（旋转指示）、done、error。kind 区分 thinking 与 tool，用于图标与排版。
任一步骤的 body 长度变化都会把活跃步骤的正文滚到底部——这是按正文长度串联监听的，所以流式追加文本时会持续跟随。
body 可选；未提供的步骤只显示标题，适合表达纯工具调用。
头部是原生 <button>，带 aria-expanded 与 aria-controls；步骤列表是 <ol>，序号来自渲染顺序。

属性名	类型	默认值	说明
`steps`	`AiChainStep[]`	—	步骤列表；`AiChainStep` 为 `{ id, kind: 'thinking' \| 'tool', title, body?, status: 'active' \| 'done' \| 'error' }`。必填。
`streaming`	`boolean`	`false`	是否仍在输出；需与活跃步骤同时成立才会显示思考球。
`defaultOpen`	`boolean`	`true`	初始是否展开。仅在挂载时读取一次。
`label`	`string`	`'Chain of thought'`	头部文案。

事件名	参数	说明
`toggle`	`(open: boolean)`	用户点击头部时派发，携带切换后的展开状态。

TxChainOfThought 不暴露插槽。步骤的呈现由 kind 与 status 决定；需要自定义渲染时请自行组合 TxReasoningDisclosure 与 TxToolCallCard。