Skip to content

Agent 交互组件

v2 内置了 6 个交互/展示组件,LLM 通过标准 Markdown ::: 语法即可渲染。

ConfirmBlock — 确认操作

markdown
::: confirm action="delete_user" level=danger
确认要删除用户 **张三** 吗?此操作不可撤销。
:::

属性

属性类型默认值说明
actionstring''操作标识,回传给 Agent
level'info' | 'warning' | 'danger''warning'颜色主题
confirmTextstring'确认'确认按钮文字
cancelTextstring'取消'取消按钮文字

事件

  • confirm — 用户点击确认,data: { action, confirmed: true }
  • cancel — 用户点击取消,data: { action, confirmed: false }

SelectBlock — 选择/消歧

markdown
::: select mode=single columns=2
- **小米科技有限责任公司** | 91110108551385082Q
- **小米汽车科技有限公司** | 91110400MA7D6T4W01
- **广东小米科技有限责任公司** | 91440101MA59A5P606
:::

属性

属性类型默认值说明
mode'single' | 'multiple''single'选择模式
columnsnumber2网格列数(1-4)
maxSelectnumber1多选最大数量

事件

  • selectdata: { selectedIndices, selectedOptions }

FormBlock — 动态表单

markdown
::: form id="feedback" submitText="提交反馈"
- rating: select ["很满意", "一般", "不满意"]
- comment: textarea "请输入反馈..."
- urgent: checkbox "紧急问题"
:::

属性

属性类型默认值说明
idstring''表单标识
submitTextstring'提交'提交按钮文字
layout'vertical' | 'horizontal''vertical'布局方向

字段语法

- fieldName: text "占位提示"
- fieldName: textarea "占位提示"
- fieldName: select ["选项1", "选项2", "选项3"]
- fieldName: checkbox "标签文字"

事件

  • submitdata: { formId, values: { ... } }

ProgressBlock — 进度展示

markdown
::: progress value=73 max=100 status=active
正在导入数据... 已处理 73/100 条
:::

属性

属性类型默认值说明
valuenumber0当前进度值
maxnumber100最大值
status'active' | 'success' | 'error''active'颜色状态

DataTableBlock — 数据表格

markdown
::: datatable sortable filterable
| 姓名 | 部门 | 状态 |
|------|------|------|
| 张三 | 研发 | 在线 |
| 李四 | 产品 | 离线 |
:::

属性

属性类型默认值说明
sortablebooleanfalse是否可点击表头排序
filterablebooleanfalse是否显示搜索过滤框
pageSizenumber10每页行数

ActionPills — 快捷操作气泡

markdown
::: actions
- 查看处理进度
- 生成报告
- 导出数据
:::

属性

属性类型默认值说明
layout'inline' | 'wrap''inline'排列方式

事件

  • pill_clickdata: { text, index }

Released under the MIT License.