梧桐设计语言v0.4.1

批量操作条BatchBar

批量操作条:多选时从底部中央浮出,float 深色底、on-float 字、radius-lgshadow-float、高 44。不占页面空间


  • 左侧「已选 N 条」+ 独立的关闭键(x 图标,点了清空选择)。
  • 右侧是图标动作:派单、导出、删除;删除用 destructive 字色。
  • 桌面端轻提示因此走右下角,避免与它重叠。
  • 移动端与底部主按钮二选一:多选模式时主按钮换成它。

消费者提供:选中数、动作列表与回调。

示例

import
import { BatchBar } from "@wutong/ui";

批量操作条

深色浮在底部中央,左侧独立关闭键,右侧图标动作

API

属性类型默认说明
countnumber已选条数;0 时不渲染
actions{ label, icon?, onClick, danger? }[]删除用 danger
onClear() => void关闭键清空选择
inlineboolean不 fixed(文档 / 表格内)