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
+3 -1
View File
@@ -1,6 +1,6 @@
# @ui-arch 组件库 Agent 文档(无图形版)
> 自动生成于 2026-10-26T06:10:04.137Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 自动生成于 2026-10-26T06:12:21.011Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
## 快速上手
@@ -752,6 +752,7 @@ const score = signal(0); rate({ value: score, max: 5, onChange: (v) => console.l
- title:string —— 主标题;缺省不渲染
- description:string —— 补充说明;缺省不渲染
- icon:unknown —— 图标区内容(字符串或图标 DOM);缺省渲染 ⌀ 占位符号,装饰性元素不进无障碍树
- action:unknown —— 操作区内容(常见为按钮);缺省不渲染
示例:
@@ -765,6 +766,7 @@ empty({ title: '暂无数据', description: '调整筛选条件后再试', actio
1. 在列表 / 表格 / 筛选结果为空时渲染 empty 占位
2. title 一句话说明状态,description 补充原因或建议
3. action 传入 DOM(如 ghost 按钮)引导用户下一步操作
4. 要换成自家插图就传 icon(字符串或 SVG 节点):它固定 aria-hidden,文案仍由 title / description 承担
现场演示:apps/docs/demo.html#sec-empty