跳转正文

YCopyButton ​

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

定位 / Owner ​

YCopyButton 是剪贴板 capability action;不支持 Clipboard API 时 fail closed,成功或失败时提供可访问反馈。

什么时候使用 ​

用于复制 ID、URL、token 的非敏感显示值。

不什么时候使用 ​

不要把未展示的秘密值静默复制,也不要用它代替下载或导出。

Public API ​

props:content、tooltipText、ariaLabel。Clipboard 不可用时 button disabled。

Composition ​

业务页面拥有要复制的值和敏感性判断;组件只调用浏览器 capability。

Anti-pattern ​

不要假设 writeText 永远成功;不要只用图标而省略可访问名称。

Production Example ​

Main Dashboard 的共享标识区域直接消费它。

Live Workbench ​

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

Verification / Source ​

  • packages/yoyo-admin/admin-kit/src/ui/components/copy-button/YCopyButton.vue
  • component-productization-batch-2.spec.ts

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