项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。

EtEmptyState · 工具界面空态 ​

空态即首屏:一句引导 + 一个主按钮,图标取 lg 档、无插画、强调色只出现一次。

紧凑 24

从粘贴一段数据开始

支持 CSV 与 JSON。

默认 32

从粘贴一段数据开始

支持 CSV 与 JSON。

宽松 40

从粘贴一段数据开始

支持 CSV 与 JSON。

主按钮点击 0 次

API ​

import { EtEmptyState } from '@wil-works/evoke-tools-ui'公共工具反馈功能块

Props

名称类型默认说明
iconString'search'图标名(第 ② 层语义名;缺省 search = 默认档的引导情景)
titleString必填引导句(必填;动词开头、说人话,≤4 字优先——06 §三 文案门)
descString''一行补充说明(可选;空串不渲染,0 档不写)
actionLabelString''主按钮文案(给了 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 文案门:引导句动词开头、说人话;空态禁成段介绍。