跳转正文

YLoadingState ​

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

定位 / Owner ​

YLoadingState 是工作区级 loading skeleton,提供可命名 status、aria-busy 与可配置的视觉延迟。

什么时候使用 ​

用于列表、详情或 EditorPanel 内容尚未准备时维持布局。

不什么时候使用 ​

按钮提交使用 YButton loading;未知时长且需要解释的后台任务应显示明确进度文案。

Public API ​

props:title、lines、delay。

Composition ​

YEditorPanel/LegacyYDataTable 决定 loading 状态;组件不发请求、不维护 query state。

Anti-pattern ​

不要在 feature 中复制 skeleton anatomy,也不要让视觉 delay 延迟真实状态 owner。

Production Example ​

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

Live Workbench ​

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

Verification / Source ​

  • packages/yoyo-admin/admin-kit/src/ui/components/loading-state/YLoadingState.vue
  • component-productization-batch-2.spec.ts 与 Data Workbench tests

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