@xwink/ui

ProfileMenu

用户资料弹层:头像触发器 + 资料卡片(渐变头部 / settings 槽位 / 退出登录)。弹层行为(焦点、aria、dismiss)交给 Reka UI Popover。

  • settings 槽位给宿主放偏好配置(目前仅 admin 需要),不填则整段不渲染。
  • 头像图片缺省回落到昵称首字母;userId 展示于头部并支持点击复制(复制态短暂驻留后回落)。
  • accountUrl 给「账号与安全」入口用,不给则不渲染。它是整页跳转的 <a> 而不是路由跳转:用户中心是授权服务器托管的独立站点,不在宿主的路由表里。

基础

资料卡 + settings 槽位

API

Props

名称类型默认值说明
displayName 必填 string
rolesstring[] | undefined角色标签(展示用,宿主自行决定给 code 还是名称)
userIdstring | undefined用户 ID,展示于头部并支持点击复制
avatarUrlstring | undefined头像图片地址;缺省回落到昵称首字母

Emits

事件载荷说明
logout[]

Slots

插槽说明
settings