MultiButtonAction 多按钮操作 new

通用多按钮操作组件，当按钮数量超过指定数量时，超出部分收纳到下拉菜单中。

安装

npm

yarn

pnpm

bun

deno

npx shadcn@latest add https://codebase.anyask.dev/r/multi-button-action.json

通过 maxCount 属性设置最多显示几个主要按钮，超出部分会收纳到下拉菜单中。

当 onAction 返回 Promise 时，按钮会自动显示 loading 状态，异步完成后自动关闭。

通过 direction 属性设置按钮排列方向，支持 horizontal（水平）和 vertical（垂直）。

通用多按钮操作组件

属性	说明	类型	默认值
actions*	要渲染的操作按钮配置	`ActionConfig[]`	`-`
onAction*	按钮点击处理函数	`(code: string) => void \| Promise<void>`	`-`
maxCount	最多显示几个主要按钮，超过则使用下拉菜单，默认为 3	`number`	`3`
direction	排列方向，默认为水平	`"horizontal" \| "vertical"`	`horizontal`