操作列表 Actions - Ant Design X

何时使用

Actions 组件用于快速配置一些 AI 场景下所需要的操作按钮/功能

代码演示

基础用法。

更多菜单项

通过设置 children 属性来展示更多菜单项，含有 children 的项可以不配置 icon，会默认使用 <EllipsisOutlined />

使用 variant 切换变体。

API

通用属性参考：通用属性

Actions

属性	说明	类型	默认值	版本
items	包含多个操作项的列表	ActionItem[]	-	-
rootClassName	根节点样式类	string	-	-
onClick	Item 操作项被点击时的回调函数	`function({ item, key, keyPath, selectedKeys, domEvent })`	-	-
style	根节点样式	React.CSSProperties	-	-
variant	变体	`'borderless' \| 'border'`	'borderless'	-
prefixCls	样式类名的前缀	string	-	-

ItemType

属性	说明	类型	默认值	版本
key	自定义操作的唯一标识	string	-	-
label	自定义操作的显示标签	string	-	-
icon	自定义操作的图标	ReactNode	-	-
children	子操作项	ActionItem[]	-	-
triggerSubMenuAction	触发子菜单的操作	`hover \| click`	-	-
onItemClick	点击自定义操作按钮时的回调函数	(info: ActionItem) => void	-	-

SubItemType

属性	说明	类型	默认值	版本
label	自定义操作的显示标签	string	-	-
key	自定义操作的唯一标识	string	-	-
icon	自定义操作的图标	ReactNode	-	-
onItemClick	点击自定义操作按钮时的回调函数	(info: ActionItem) => void	-	-
danger	语法糖，设置危险icon	boolean	false	-

ActionItem

typescript

type ActionItem = ItemType | SubItemType;