YButton

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

定位 / Owner

YButton 是 Admin Kit 的稳定按钮 facade，直接投影 canonical button variants，并额外拥有 loading 行为。它不拥有业务权限、mutation 或确认流程。

什么时候使用

• 页面、表单、Dialog/Drawer 中的普通动作。
• 需要统一 default / secondary / outline / ghost / link / destructive 视觉语义。
• 异步动作需要按钮级 loading/disabled 反馈。

不什么时候使用

• 删除/高风险动作需要确认时，不要只放一个 destructive button；组合 YConfirmDialog 或业务 confirmation owner。
• 不要在 feature 重新定义“brand button”或第二套 variant。

基础用法

<YButton @click="save">保存</YButton>
<YButton variant="outline">取消</YButton>
<YButton variant="destructive" :loading="deleting">删除</YButton>

Public API

API	类型 / 说明
type	button | submit | reset，默认 button
variant	default | secondary | outline | ghost | link | destructive
size	default | sm | lg | icon
loading	loading 时自动 disabled，并发布 aria-busy
disabled	禁用交互
click	透出 MouseEvent
default slot	按钮内容

Composition

标准编辑任务优先让 YEditorPanel / YTaskActions 组织 Cancel/Submit；feature 不要重复 task footer anatomy。

Production Example

Tenant Create、Role Permission、Auth Task Surface 都直接消费 YButton。

Live Workbench

Admin Vue 稳定路径：

/frontend-module-demo/component-workbench/button

该路径只标识 live scenario，不固化部署 Host；官方文档站与 Admin Vue 可以独立部署。

Verification / Source

• packages/yoyo-admin/admin-kit/src/ui/components/button/YButton.vue
• Admin Kit facade/component tests
• Live Component Workbench