跳转正文

YFormSection ​

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

定位 / Owner ​

YFormSection 统一表单 section 的标题、说明、可选 action 与 body hierarchy,并在窄屏把 action 稳定下排。

什么时候使用 ​

用于一个编辑任务中按业务主题组织多组字段。

不什么时候使用 ​

不要把每个字段都包成 Section;页面级 header 和 task footer 使用 Application UI owner。

Public API ​

props:title、description;slots:action、default。

Composition ​

body 常组合 YFormGrid,action 只放帮助或局部轻量动作。

Anti-pattern ​

不要把保存/取消放进每个 Section,也不要在 feature 复制标题/说明 ARIA wiring。

Production Example ​

Edition Editor 与 Role Data Workbench Editor 直接消费它。

Live Workbench ​

/frontend-module-demo/component-workbench/form-section

Verification / Source ​

  • packages/yoyo-admin/admin-kit/src/ui/components/form/YFormSection.vue
  • form-feedback-grammar.spec.ts 与 Edition/Role consumers

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