ProfileMenu
用户资料弹层:头像触发器 + 资料卡片(渐变头部 / settings 槽位 / 退出登录)。弹层行为(焦点、aria、dismiss)交给 Reka UI Popover。
settings槽位给宿主放偏好配置(目前仅 admin 需要),不填则整段不渲染。- 头像图片缺省回落到昵称首字母;
userId展示于头部并支持点击复制(复制态短暂驻留后回落)。 accountUrl给「账号与安全」入口用,不给则不渲染。它是整页跳转的<a>而不是路由跳转:用户中心是授权服务器托管的独立站点,不在宿主的路由表里。
基础
资料卡 + settings 槽位
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
displayName 必填 | string | — | — |
roles | string[] | undefined | — | 角色标签(展示用,宿主自行决定给 code 还是名称) |
userId | string | undefined | — | 用户 ID,展示于头部并支持点击复制 |
avatarUrl | string | undefined | — | 头像图片地址;缺省回落到昵称首字母 |
Emits
| 事件 | 载荷 | 说明 |
|---|---|---|
logout | [] | — |
Slots
| 插槽 | 说明 |
|---|---|
settings | — |