跳转正文

YEmptyState ​

适用范围:Legacy Admin Kit / Schema 与旧 admin-vue。新 admin-nuxtui 的开发入口见管理端 Nuxt UI 指南。

定位 / Owner ​

YEmptyState 表达成功加载后的空结果,拥有 neutral state grammar、可访问名称和可选恢复动作。

什么时候使用 ​

用于列表无数据、详情没有可展示字段或编辑器尚无内容。

不什么时候使用 ​

加载中、失败或权限拒绝必须使用对应 State component,不要把不同状态合成一个空态。

Public API ​

props:title、description;slots:icon、actions。

Composition ​

状态判定由 LegacyYDataTable/YEditorPanel 或业务 query owner 负责。

Anti-pattern ​

不要默认提供“新增”动作;只有业务确实允许创建时才由宿主传入。

Production Example ​

LegacyYDataTable detail/overlay、Data Workbench renderer 与 YEditorPanel 正式消费它。

Live Workbench ​

/frontend-module-demo/component-workbench/empty-state

Verification / Source ​

  • packages/yoyo-admin/admin-kit/src/ui/components/empty-state/YEmptyState.vue
  • Admin Kit state grammar/facade tests

YoyoBoot · 从真实项目走向可复用能力