EtEmptyState · 工具界面空态
空态即首屏:一句引导 + 一个主按钮,图标取 lg 档、无插画、强调色只出现一次。
紧凑 24
从粘贴一段数据开始
支持 CSV 与 JSON。
默认 32
从粘贴一段数据开始
支持 CSV 与 JSON。
宽松 40
从粘贴一段数据开始
支持 CSV 与 JSON。
主按钮点击 0 次
API
Props
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
| icon | String | 'search' | 图标名(第 ② 层语义名;缺省 search = 默认档的引导情景) |
| title | String | 必填 | 引导句(必填;动词开头、说人话,≤4 字优先——06 §三 文案门) |
| desc | String | '' | 一行补充说明(可选;空串不渲染,0 档不写) |
| actionLabel | String | '' | 主按钮文案(给了 action slot 时忽略) |
Emits
| 事件 | 载荷 | 说明 |
|---|---|---|
| action | — | 主按钮被点击(actionLabel 非空才渲染该钮) |
Slots
| 槽 | 吃什么 | 作用域 |
|---|---|---|
| #action | 主操作位(一句引导 + 一个主按钮) | — |
键盘 · 可访问名 · 密度
| 键盘 | 不接管按键 |
|---|---|
| 可访问名 | aria-hiddenrole=status |
| 密度 | --et-density-base-font--et-density-caption-font--et-density-line-height |
行为
role="status":空态常驻首屏,读屏进入即播报。- 图标盒
aria-hidden:图标是引导的视线锚,不是可读信息,可访问名由标题承担。 - 图标未命中走
EtIcon兜底(显式兜底图标 + dev warn,不渲染空白)。 - 与底座
EbEmptyState的分界:底座面向中后台数据表格(插画 + 描述 + 底部操作位),本件对齐工具界面的安静密度。
令牌与门禁
--et-icon-lg(图标盒 24 / 20 / 28 随密度)。- G6 文案门:引导句动词开头、说人话;空态禁成段介绍。