iter(g119): 空状态支持自定义图标

This commit is contained in:
HIsheR
2026-10-26 14:12:36 +08:00
parent c67b167f44
commit 176504b6c4
7 changed files with 30 additions and 7 deletions
+8
View File
@@ -1308,6 +1308,14 @@
"acceptance": "npm run changelog 重新生成(309 提交),与提交史一致;npm run check 全绿",
"notes": "自补:发版前刷新步骤;本次唤起收尾轮",
"status": "done"
},
{
"id": "g119",
"title": "空状态支持自定义图标",
"motivation": "empty 的图标位写死成 ⌀,业务方几乎都会换成自己的插图(搜索无结果用放大镜、空订单用纸箱);现在只能在外面再包一层插画 div,既影响居中节奏又和组件内置图标同屏",
"acceptance": "EmptyProps 新增 icon(unknown):字符串或图标 DOM 直接进图标位,缺省仍是 ⌀;图标位保持 aria-hidden,语义由 title / description 承担;文档参数表 / 手把手与演示(搜索无结果换成 🔍)同步;npm run check 全绿",
"notes": "自补:可用性;一个可选参数透传,行为向后兼容",
"status": "open"
}
]
}
+8 -2
View File
@@ -1,6 +1,6 @@
{
"$schema": "ui-arch-registry-index/0.1",
"generatedAt": "2026-10-26T06:10:04.137Z",
"generatedAt": "2026-10-26T06:12:21.011Z",
"repoRoot": ".",
"packages": [
{
@@ -1456,6 +1456,11 @@
"t": "string",
"d": "补充说明;缺省不渲染"
},
{
"n": "icon",
"t": "unknown",
"d": "图标区内容(字符串或图标 DOM);缺省渲染 ⌀ 占位符号,装饰性元素不进无障碍树"
},
{
"n": "action",
"t": "unknown",
@@ -1466,7 +1471,8 @@
"steps": [
"在列表 / 表格 / 筛选结果为空时渲染 empty 占位",
"title 一句话说明状态,description 补充原因或建议",
"action 传入 DOM(如 ghost 按钮)引导用户下一步操作"
"action 传入 DOM(如 ghost 按钮)引导用户下一步操作",
"要换成自家插图就传 icon(字符串或 SVG 节点):它固定 aria-hidden,文案仍由 title / description 承担"
]
},
{