docs(design): 全系统徽章圆点统一图标化(icons.js BADGE_ICON 单源自动注入)

- icons.js 新增 BADGE_ICON 全量状态映射(库存/单据/往来/角色/设备/盘点/兑换券/
  收付 28 词)+ MutationObserver 运行时增强:任何屏渲染的 .badge.b-* 自动注入
  代表图标并隐藏圆点,动态重渲染同样生效,屏内无需手写 svg
- 新增状态只需在 BADGE_ICON 登记一行即全局生效;已手写 .bi/.ico 的徽章跳过
- index.html 徽章登记区注明机制;实测 index 47/47、库存/往来/移动出入库全部命中

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o
This commit is contained in:
wangjia
2026-07-04 09:55:13 +08:00
parent 4d82d37495
commit 6cadc276bd
2 changed files with 30 additions and 1 deletions
+1 -1
View File
@@ -366,7 +366,7 @@
<div class="chip on">分类 <span class="cv">浓香</span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
<div class="chip">时间范围 <svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
</div></div>
<div class="pcard"><div class="pcard-h"><h3>状态徽章 · 全部</h3><span class="tk">.badge .b-* · 对齐 schema 真实枚举</span></div><div class="pcard-b" style="display:block">
<div class="pcard"><div class="pcard-h"><h3>状态徽章 · 全部</h3><span class="tk">.badge .b-* · 对齐 schema 真实枚举 · 圆点已全局图标化(icons.js BADGE_ICON 单源映射自动注入,屏内无需手写 svg)</span></div><div class="pcard-b" style="display:block">
<div style="display:flex;flex-direction:column;gap:13px">
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap"><span style="width:160px;flex:none;font-size:var(--fs-xs);color:var(--muted);font-weight:600">库存 · 按 min_stock 派生</span><span class="badge b-在售">在售</span><span class="badge b-预警">预警</span><span class="badge b-缺货">缺货</span></div>
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap"><span style="width:160px;flex:none;font-size:var(--fs-xs);color:var(--muted);font-weight:600">单据 · 入库/出库</span><span class="badge b-草稿">草稿</span><span class="badge b-待审核">待审核</span><span class="badge b-已通过">已通过</span><span class="badge b-已驳回">已驳回</span></div>
File diff suppressed because one or more lines are too long