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