Whiteboard 文档好友系统

标签与分组

当你有很多好友时(同事 / 客户 / 学生 / 朋友),用标签分组可以快速过滤、快速给某一组人共享项目。

标签是你私人的

  • 你自己创建的标签只有你看得到
  • 给好友打标签对方不知道(如设备注名一样)
  • 同一个好友可能在 A 的标签里是「同事」,在 B 的标签里是「设计师」

创建标签

好友」页面 → accepted Tab 顶部的「+ 标签」按钮 → 弹 TagManagerDialog

管理标签
─────────────────────
[输入新标签名(最多 24 字)]  [+ 新建]

[Tag] 同事         5 人   [✏] [🗑]
[Tag] 设计组       3 人   [✏] [🗑]
[Tag] 客户         2 人   [✏] [🗑]
  • 新建:输框 + Enter
  • 重命名:点标签名进入编辑
  • 删除:🗑 按钮,会自动解除所有已分配的关联

每个用户独立的标签命名空间,不冲突。

给好友打标签

在好友详情 Sheet 头部下方的 tag chips:

  • 显示所有你的标签
  • 已贴过的标签高亮(primary 色 + 勾号)
  • 点击 toggle 加/取消

或者从「好友列表」点进对应好友的详情 Sheet 操作。

按标签过滤好友列表

/account/friends 的 accepted Tab 上方有 tag 过滤行

🏷  [全部]  [同事 (5)]  [设计组 (3)]  [客户 (2)]  [+ 标签]
  • 点击标签 → 列表只显示带该标签的好友
  • 点击「全部」 → 恢复显示所有好友
  • 「+ 标签」 → 打开管理标签 Dialog

应用场景示例

1. 批量给「设计组」共享新项目

  1. 创建新项目「新产品 UI 评审」
  2. 顶栏「邀请协作」→「直接授权」 Tab → 「从好友选」
  3. 看到所有好友列表,按需挑选
  4. 目前需要逐个点「+ 添加」加入

标签当前主要用于整理和筛选,不直接做批量授权。

2. 区分客户和同事

  • 客户:发链接给 ta 看预览
  • 同事:直接授权协作者权限实时编辑

打标签后视觉上能秒区分。

3. 项目结束后移除全部协作者

某个项目结束,想把所有客户都从协作里移除:

  • 进项目顶栏 → 邀请协作 → 直接授权 Tab → 看到所有协作者
  • 在列表里逐个移除

下一步:屏蔽与解除