思维链组件用于可视化和追踪 Agent 对 Actions 和 Tools 的调用链。
:::demo 基础用法。
thought-chain/basic
:::
:::demo ThoughtChain 有大、中、小三种尺寸。默认尺寸为中 - middle
。
thought-chain/size
:::
:::demo 思维链节点支持配置 status
属性来明显的表明当前节点的执行状态
thought-chain/status
:::
:::demo 配置 collapsible
可开启对思维链节点内容区域的折叠功能
thought-chain/collapsible
:::
:::demo items
属性支持灵活的客制化配置,详情参考 ThoughtChainItem
定义
thought-chain/customization
:::
:::demo ThoughtChain 组件支持嵌套使用
thought-chain/nested
:::
属性 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
collapsible | 是否可折叠 | boolean | CollapsibleOptions | - | - |
classNames | 语义化结构的类名 | Record<'item' | 'itemHeader' | 'itemContent' | 'itemFooter', string> | - | - |
items | 思维节点集合 | ThoughtChainItem[] | - | - |
prefixCls | 自定义前缀 | string | - | - |
rootClassName | 自定义根类名 | string | - | - |
size | 尺寸 | 'large' | 'middle' | 'small' | 'middle' | - |
styles | 语义化结构的样式 | Record<'item' | 'itemHeader' | 'itemContent' | 'itemFooter', CSSProperties> | - | - |
属性 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
content | 思维节点内容 | VNode | string | - | - |
description | 思维节点描述 | VNode | string | - | - |
extra | 思维节点额外内容 | VNode | string | - | - |
footer | 思维节点脚注 | VNode | string | - | - |
icon | 思维节点图标 | VNode | - | - |
key | 思维节点唯一标识符 | string | - | - |
status | 思维节点状态 | 'pending' | 'success' | 'error' | - | - |
title | 思维节点标题 | VNode | string | - | - |
属性 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
expandedKeys | 当前展开的节点 | string[] | - | - |
onExpand | 展开节点变化的回调函数 | (expandedKeys: string[]) => void | - | - |