CommandButton命令按钮

启停/清零/补料/校准等命令入口。变体: allowed / condition-disabled / permission-denied / pending / success / failed(实现指南 §4)。

claude-design-proposed
语义变体(启动/停止在灰阶下必须可区分:实心+三角 vs 描边+方块)

危险动作按钮文案带"…"表示必经确认(ConfirmDialog),点击本身绝不直接执行。相邻启动/停止保持 --hit-gap ≥12px。

禁用的三种原因——不得是同一种灰

条件不满足 condition-disabled

虚线边框 + 条件图标 + 具体原因

Feeder3 离线,无法满足启动前校验

权限不足 permission-denied

实线边框 + 锁图标 + 所需等级

需 L2(车间管理员)及以上权限

只读数据 read-only

动作不出现——只读属于数据性质,用 MetricValue/ConfigField 的只读态表达,不渲染禁用按钮占位

实际值为通讯读取,只读(rec actualPoint)
命令生命周期(点击成功 ≠ 设备成功;防重复点击)
correlation: cmd-0142 · 重复点击不重复执行
6/6 台确认 · 10:21:35
Feeder5 超时 — 查看逐台结果 

pending 期间按钮锁定并保留原语义色;结果态展示时间与逐设备计数,失败可重试且保留 correlation id(审计可回溯)。

触控命中区
视觉高度可为 40px,但有效命中区仍 ≥48px(虚线示意,::before 扩展热区)