AiActionGroup 操作组

AiActionGroup 是一组用于 AI 回复气泡底部的操作按钮集合，常用于消息复制、重新生成、评价等交互，提供紧凑而优雅的布局。

基础用法

你可以通过简单的字符串数组快速生成预设样式的操作组。

基础用法

垂直布局与自定义

支持自定义图标、标签和点击逻辑。

垂直布局与自定义

结合 AiBubble 使用

将操作组放置在对话气泡底部。

结合 AiBubble 使用

API

Props

属性名	说明	类型	默认值
items	操作项列表	ActionItem[]	[]
size	按钮尺寸	'small' | 'default' | 'large'	'small'
direction	布局方向	'horizontal' | 'vertical'	'horizontal'

ActionItem 类型

如果是字符串，支持预设：'copy' | 'refresh' | 'regenerate' | 'share' | 'thumb-up' | 'thumb-down' | 'edit' | 'delete'。如果是对象：

属性名	说明	类型
key	唯一标识符	string
icon	图标名称	string
label	文字标签	string
disabled	是否禁用	boolean
tooltip	悬浮提示文本	string

Events

事件名	说明	回调参数
click	点击按钮时触发	(key: string, item: ActionItem)

Slots

插槽名	说明
default	在操作列表后追加自定义内容

主题变量

变量名	默认值
--yh-ai-action-gap	8px
--yh-ai-action-icon-size	16px
--yh-ai-action-hover-bg	var(--yh-fill-color-light)