批量操作
Bulk Actions
别名:批量操作批量处理勾选后操作多选了一起弄全选后删除bulk actionsbatch actionsmass actions
这是什么
先用复选框勾选多行数据，再对整个选择集一次性执行同一操作。选择时操作栏浮现，给出已选计数与撤销入口。它把重复的单条点击合并为一次批量决策，适合清理、归档、打标、导出等列表维护场景。
交互实验室
试一试，再决定怎么用正在加载实验室…
✓ 适用场景
- 同一操作要施加在大量行上（删除、归档、改状态）
- 列表是数据维护主界面（后台、收件箱、素材库）
- 误操作成本可控，且能提供撤销
✕ 不适用场景
- 一行只有零星操作，逐条点并不费力
- 操作不可逆且无审计/撤销，批量放大风险
- 移动端窄屏塞不下操作栏，勾选易误触
常见形式
复选框 + 操作栏
Checkbox + action bar
有选中时底部或顶部浮现操作栏，最常见
全选 + 反选
Select-all + inverse
表头全选三态，支持反选缩小选择集
粘性底栏
Sticky footer bar
操作栏固定在视口底部，滚动时始终可见
实现要点
positiontransformtransitionopacity选择集存于 Set 或 id 数组；表头复选框用 indeterminate 表达半选。操作栏在计数大于 0 时 入场（translateY + opacity，时长乘 var(--demo-speed, 1)）。执行后用 toast 提示并提供撤销， 尊重 prefers-reduced-motion。批量接口需服务端幂等，避免重复提交。
相关概念
用行与列精确对齐数据的二维表格：一行一条记录、一列一个字段，适合逐列比较、排序与大容量数据浏览。 行可悬停高亮、点击选中，列头通常带排序控制。
组件搭配使用用方形勾选框表示一组可多选的独立开关项，点击在选中与未选中间切换。 父级项可呈现半选态（部分子项选中），常用于批量选择、筛选与同意条款。
组件搭配使用用"先执行、给反悔窗口"的方式处理高风险操作：删除等动作立即生效并展示结果，同时在底部弹出 带倒计时的撤销条，窗口期内一键恢复，倒计时结束才真正提交。相比弹窗确认，它不打断操作流， 又比"确认一次就完"的弹窗多了一层真正可用的后悔药。
交互模式搭配使用集中承载筛选条件的面板，常驻列表侧边或以抽屉、浮层唤起：复选组、单选、滑杆组合出当前查询。 与列表实时联动刷新结果数，并支持已选条件回显与一键清除。
组件搭配使用