PROTOTYPE PREVIEW
Workspace Switcher
点击左上角 Workspace 切换器,切换个人/团队空间。下方为本组件的设计标注。
设计要点
- 位置 · Sidebar 顶部,替代 V0.9 的纯 logo,占用 60px 高度
- 触发 · 点击展开下拉,Esc 或点击外部收起,自动 focus 当前项
- 下拉宽度 · 280px,定位 left:14px / top:76px
- 切换逻辑 · 调用
POST /v1/workspace/switch,刷新当前页路由 - 用户角色徽标 · 仅在团队 workspace 显示「管理员/成员」
- 无团队场景 · 仅显示「个人空间」+「创建团队」+「通过邀请码加入」
数据来源
// GET /v1/me/workspaces
{
"current": {
"type": "team",
"team_id": "team_8f3kd92",
"team_name": "一鸣女装切片工作室",
"role": "admin",
"member_count": 8
},
"available": [
{ "type": "personal", "label": "个人空间" }
]
}