@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—头像图片地址;缺省回落到昵称首字母
    accountUrlstring | undefined—「账号与安全」的跳转地址;不给则不渲染该入口
    accountTarget"_self" | "_blank" | undefined—「账号与安全」在哪打开;离开当前页会丢状态的宿主(画布、编辑器)给 `_blank` 新开标签页
    badgestring | undefined—等级角标(如会员等级名),显示在触发器与资料卡的昵称旁;不给则不渲染

    Emits

    事件载荷说明
    logout[]—

    Slots

    插槽说明
    summary—
    settings—