Feeder HMI Design SystemD1 · 索引

Claude Design 轨道 D1 交付:tokens + 11 核心组件全状态变体 + 六类页面模板骨架。仓内目标路径 Feeder/prototype/design-system/(本项目为镜像产出,拷回后仓内为唯一权威)。每个文件自包含、file:// 离线可开、无 CDN。

claude-design-proposed
FOUNDATIONS
Foundations设计基座:色彩/字体/间距/命中区tokens.css 为 token 源文件
SHELL
AppShell全局框架壳normal / alarm-active / communication-failed / permission-expired FeederSelector顶部设备选择条selected / running / stopped / refilling / offline / alarm / overflow
STATUS
StatusBadge状态徽标设备/命令/权限三族 + 灰阶对照 MetricValue指标数值good / stale / offline / invalid / editable / read-only
CONTROLS · FORMS
CommandButton命令按钮allowed / condition-disabled / permission-denied / pending / success / failed ConfigField配置字段view / edit / dirty / invalid / saving / saved / failed
DATA
DataList数据列表loading / empty / error / filtered / target-highlight / new-items TrendChart趋势图loaded / stale / loading / empty · 双轴 · 5 档时间范围
FEEDBACK
ConfirmDialog确认对话框impact / reason / pending / partial-failure DirtyGuard离开保护save / discard / cancel / save-error · 四类离开路径 PermissionGate权限门read-only / disabled-with-reason / hidden / reauth · L1–L3+L4待定
TEMPLATES · 六类页面模板骨架
T1 DeviceCardOverview设备卡片总览01 · 20 · 44–48 T2 ConfigForm配置表单02 · 15 · 17 · 23–27 · 30–43 T3 ListFilter列表与筛选03 · 08–10 T4 SteppedEditor分步编辑04–07 · 25 · 39–41 T5 FunctionGrid功能入口网格11 · 21 · 29 · 32 · 37 T6 PermissionCredential权限与凭据12–15
D1 临时验收自检(借用 open-decisions §4 清单)
D0 冻结取值(2026-08-05 用户确认 · 可随时推翻)
无构建原生 ESM · 首选回归 viewport 1920×1080 自适应(1280×720 仅作坐标相对参考)· vendored canvas 趋势图(无 CDN)· 趋势入口=单称域为主+底部插槽(OD-11)· 权限演示 L1–L3 + L4 待定(OD-04)· 紧急停止仅双分支待定卡(OD-01)· 视觉基调=现代工业浅色。
补料黄/蓝的业务语义映射未确认,成对使用不单独承诺;角色名"操作/维护/管理"为 page-observed,实现前复核。所有产物标记 claude-design-proposed,EzDesign 定稿后对照让位(OD-05 开放)。