AiActionGroup 操作组

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

基础用法

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

基础用法

垂直布局与自定义

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

分享对话

重写内容

删除记录

垂直布局与自定义

结合 AiBubble 使用

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

这是 AI 生成的一段非常棒的回答！

结合 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)