- 左侧「已选 N 条」+ 独立的关闭键(
x图标,点了清空选择)。 - 右侧是图标动作:派单、导出、删除;删除用
destructive字色。 - 桌面端轻提示因此走右下角,避免与它重叠。
- 移动端与底部主按钮二选一:多选模式时主按钮换成它。
消费者提供:选中数、动作列表与回调。
批量操作条:多选时从底部中央浮出,float 深色底、on-float 字、radius-lg、shadow-float、高 44。不占页面空间。
x 图标,点了清空选择)。destructive 字色。消费者提供:选中数、动作列表与回调。
import { BatchBar } from "@wutong/ui";
深色浮在底部中央,左侧独立关闭键,右侧图标动作
| 属性 | 类型 | 默认 | 说明 |
|---|---|---|---|
| count | number | — | 已选条数;0 时不渲染 |
| actions | { label, icon?, onClick, danger? }[] | — | 删除用 danger |
| onClear | () => void | — | 关闭键清空选择 |
| inline | boolean | — | 不 fixed(文档 / 表格内) |