Skip to content

ThoughtChain 思维链

像AI中深度思考、深度研究,会大量的检索有过程的链式显示。

基础用法

简单模式

展开收起

插槽自定义

props

属性名说明类型默认值
list数据列表ThoughtChainItem[][]

slots

插槽名说明作用域参数
icon自定义图标item: ThoughtChainItem
title自定义标题item: ThoughtChainItem
description自定义描述item: ThoughtChainItem

类型定义

可以直接导入

typescript
import { ThoughtChainItem } from 'element-ai-vue'

ThoughtChainItem

typescript
interface ThoughtChainItem {
  key?: string | number
  title: string
  /** 是否显示图片 */
  icon?: string
  /** 描述信息,支持插槽 */
  description?: string
  /**
   * true、false 会显示箭头控制收起和展开
   * undfined 不会显示
   */
  extended?: boolean
  /**
   * 隐藏左侧边线
   */
  hiddenLine?: boolean
  [key: string]: any
}