YunaiV
4e181564b8
feat(im): 清理一些 TODO 的修复
2026-05-05 22:04:45 +08:00
YunaiV
a9f54fdee1
feat(im): 重构普通消息类型,和 openim 的消息编号对齐
2026-05-05 21:56:05 +08:00
YunaiV
055d4bab27
✨ feat(im): 联动好友 / 群通知重构,抽 useMuteOverlay 统一禁言拦截与媒体上传公共骨架
2026-05-05 21:33:27 +08:00
YunaiV
e48316231c
feat(im): 增加好友申请的管理界面
2026-05-05 19:36:29 +08:00
YunaiV
390b66aee8
feat(im): 群禁言/封禁 UI 交互 + 群主解散群聊
...
一、群禁言交互
- MessageItem 右键菜单新增「禁言/解除禁言/移除」(权限校验)
- 新增 GroupMuteMemberDialog 禁言时长选择弹窗
- ConversationGroupSide 新增「全群禁言」开关
- MessageInput 新增禁言/封禁覆盖层,拦截所有发送入口
- canManageSender 目标角色未知时不展示管理菜单
- 全群禁言群主按 ownerUserId 直接豁免,不依赖成员列表
二、群封禁(GROUP_BANNED 1533)
- constants 激活 GROUP_BANNED 常量,扩展 isGroupNotification 范围
- groupStore 处理 1533 事件,实时更新 banned 字段
- MessageInput 覆盖层最高优先级判断 banned(红底)
- Group 类型、convertGroup 映射 banned 字段
三、禁言事件(1512-1515)
- constants 激活 GROUP_MEMBER_MUTED / CANCEL_MUTED / MUTED / CANCEL_MUTED
- groupStore 处理 1512-1515 事件,更新 muteEndTime / mutedAll
- user.ts 新增 4 条禁言 + 2 条封禁通知文案
- GroupNotificationPayload 扩展 mutedUserId / muteEndTime / banned
四、群主解散群聊
- ConversationGroupSide 底部按钮:群主显示「解散群聊」,非群主显示「退出群聊」
- 新增 handleDissolve 实现(二次确认 → dissolveGroup API → 清本地数据)
2026-05-05 18:41:28 +08:00
YunaiV
7b4c7028a0
feat(im):群禁言功能(阶段三管理后台 UI)
...
1. group API 新增 mutedAll 字段 + 3 个禁言接口(muteAll、muteMember、cancelMuteMember)
2. group member API 新增 muteEndTime 字段
3. 管理后台群列表新增「全群禁言」列(已禁言/未禁言标签)
4. 群详情抽屉新增「全群禁言」状态行 + 成员表新增「禁言状态」列(禁言中 + 到期时间)
2026-05-05 16:58:51 +08:00
YunaiV
4d006f8e73
feat(im):将"免打扰"字段从 muted 全量重命名为 silent(DO/VO/Service/Mapper/测试/SQL + 前端 types/store/组件/管理后台),为后续 mute 禁言功能腾出词族
2026-05-05 13:51:53 +08:00
YunaiV
dd75c702db
✨ feat(im):删好友「同时清空聊天记录」弹窗 + 顶部「对方还不是你的朋友」胶囊(点击弹 UserInfoCard)+ fetchFriends 不动 DISABLE 尊重用户选择
2026-05-05 00:57:58 +08:00
YunaiV
2a55748296
✨ feat(im):增加好友删除时,增加是否删除本地聊天的选项
2026-05-05 00:33:06 +08:00
YunaiV
1400bd80dd
🐛 fix(im):loadFriendRequest 按 id 大小决定插入位置,老 id 不入避免破坏倒序 + loadMore 重复 push
2026-05-04 23:06:12 +08:00
YunaiV
14e3f85cb0
♻️ refactor(im):用户申请列表,增加流式查询,避免一次性加载过多,或者历史无法被加载到。
2026-05-04 22:46:20 +08:00
YunaiV
9fc25b7109
♻️ refactor(im):friendStore 修 setMuted/removeFriend 一致性 + 新申请直推列表 + 清 dispatcher 防御兜底
2026-05-04 21:13:36 +08:00
YunaiV
45bac49ec0
♻️ refactor(im):friendStore 回调参数 f 改全名 friend / existing
2026-05-04 19:52:44 +08:00
YunaiV
b242b017c0
✨ feat(im):fetchFriends 加 pending 去重 + FRIEND_APPLICATION 重命名 RECEIVED + inflight 命名调整为 pending
2026-05-04 19:14:51 +08:00
YunaiV
cfd152addf
✨ feat(im):实现 1209 FRIEND_INFO_UPDATED 推送(system 发 AdminUserProfileUpdateMessage,IM Consumer 监听后批量推好友多端)
2026-05-04 18:24:08 +08:00
YunaiV
7618d58a66
feat(im):好友模块 code review 多项修复(补 block/unblock 全链路 + UserInfo 菜单入口、silent 后主动入库、防 currentUserId 切账号失活、雪崩去重与命名/枚举清理)
2026-05-04 17:31:21 +08:00
YunaiV
5c2a185ff9
【IM 优化】通讯录顶部搜索栏改为 h-14,与消息 Tab 顶部对齐,避免切换抖动
2026-05-04 16:47:33 +08:00
YunaiV
42566d1e86
✨ feat(im): 优化好友申请逻辑,增加自我添加校验与异常处理
...
更新好友申请功能,使用 computed 包裹当前用户 ID,避免在 keep-alive 实例中持有旧 ID。增加自我添加好友的校验逻辑,防止用户添加自己为好友。同时,增强自动通过好友申请的异常处理,确保在事务提交后能正确处理失败情况。
2026-05-04 16:41:55 +08:00
YunaiV
7141e431e2
✨ feat(im): 前端增加「黑名单」的操作
2026-05-04 16:24:12 +08:00
YunaiV
1b51926b19
refactor(im): 移除 TIP_TIME 消息类型,时间分隔条改为渲染时按 prevMessage.sendTime 计算
...
顺带修复 Bug-Y(删除最后一条消息后孤立时间分隔条)
2026-05-04 16:05:23 +08:00
YunaiV
63c4dd1096
fix(im):修复对话置顶被关闭时,默认还选择了第一个置顶对话,导致又被打开。
2026-05-04 12:00:03 +08:00
YunaiV
b6ca1187b1
✨ feat(im): 增加好友申请的逻辑(v1.3:修复各种边界情况,包括静默添加好友)
2026-05-04 11:08:03 +08:00
YunaiV
89ee5d51ea
✨ feat(im): 增加好友申请的逻辑(v1.2:增加相关枚举、字典,减少硬编码)
2026-05-04 10:44:09 +08:00
YunaiV
5b9acb4813
fix(im):从群聊,点击好友聊天时,关闭之前的群聊面板
2026-05-04 10:31:02 +08:00
YunaiV
0e979a9f67
fix(im):私聊头像,也可以点击,方便好友管理。
2026-05-04 10:30:30 +08:00
YunaiV
ce2cdc112f
fix(im):仅普通消息进行声音通知
2026-05-04 10:29:41 +08:00
YunaiV
1469d8bb3d
✨ feat(im): 增加好友申请的逻辑(v1.1:增加各种 code review 注释)
2026-05-04 09:47:25 +08:00
YunaiV
f86cd30af4
✨ feat(im): 增加好友申请的逻辑(v1)
2026-05-04 09:18:35 +08:00
YunaiV
bf79e07d5c
♻️ refactor(im): 清理代码中的 TODO 注释并优化逻辑
2026-05-03 13:27:31 +08:00
YunaiV
7c129c18c4
✨ feat(im): 增加群消息的置顶
2026-05-03 12:53:24 +08:00
YunaiV
01e0e8e37b
✨ feat(im): 增加群消息的置顶
2026-05-03 12:15:39 +08:00
YunaiV
ffb69063b9
✨ feat(im): 重构群通知相关,对齐 openim 的消息编号(继续优化代码)
2026-05-03 09:22:53 +08:00
YunaiV
43372c05ad
✨ feat(im): 重构群通知相关,对齐 openim 的消息编号
2026-05-03 02:00:43 +08:00
YunaiV
fa27c27831
✨ feat(im): 增加群角色(管理员)
2026-05-02 14:31:42 +08:00
YunaiV
3146f64edc
✨ feat(im): 未读计数改用 isNormalMessage,对齐后端 normal 语义
2026-05-02 09:06:01 +08:00
YunaiV
fbd8615398
✨ feat(im): 消息右键菜单优化 + 修复图片场景滚不到底
...
- MessageItem:「回复」→「引用」并加图标;撤回 / 删除互斥(自己消息 2 分钟内显示撤回,超出 / 对方消息显示删除),均加分割线 + 红色样式对齐微信;MENU_KEYS 抽 const 防 typo;引用块从气泡上方移到下方,selfSend 时竖线镜像到右侧
- MessagePanel:scrollToBottom 改 async + waitMediaSettled 等图片 / 视频元数据加载;用 expectedScrollTop drift 替代 distanceFromBottom,修复「图片加载完底部上移、误判用户已滚走」导致到不了底
- ReplyPreview:删等价的 filePayload / voicePayload alias,直接复用 parsedPayload
- uiStore:ContextMenuItem 加 icon? 字段,支持菜单项前置图标
2026-05-01 23:06:14 +08:00
YunaiV
52fdf0bcab
✨ feat(im): 消息右键菜单优化 + 修复图片场景滚不到底
...
- MessageItem:「回复」→「引用」并加图标;撤回 / 删除互斥(自己消息 2 分钟内显示撤回,超出 / 对方消息显示删除),均加分割线 + 红色样式对齐微信;MENU_KEYS 抽 const 防 typo;引用块从气泡上方移到下方,selfSend 时竖线镜像到右侧
- MessagePanel:scrollToBottom 改 async + waitMediaSettled 等图片 / 视频元数据加载;用 expectedScrollTop drift 替代 distanceFromBottom,修复「图片加载完底部上移、误判用户已滚走」导致到不了底
- ReplyPreview:删等价的 filePayload / voicePayload alias,直接复用 parsedPayload
- uiStore:ContextMenuItem 加 icon? 字段,支持菜单项前置图标
2026-05-01 23:04:56 +08:00
YunaiV
43666dc56c
✨ feat(im): 优化【消息引用】的功能,增加文件、图片的展示调整
2026-05-01 19:05:57 +08:00
YunaiV
ef901b5381
✨ feat(im): 优化【消息引用】的功能,来自第二波 code review,解决安全性问题
2026-05-01 18:20:04 +08:00
YunaiV
cfeee7bbb7
✨ feat(im): 优化【消息引用】的功能,来自第一波 code review
2026-05-01 18:09:02 +08:00
YunaiV
1dfab43b8a
✨ feat(im): 增加【消息引用】的功能
2026-05-01 18:03:05 +08:00
YunaiV
744229a02e
✨ feat(im): 优化语音输入的交互。
2026-05-01 09:59:27 +08:00
YunaiV
63c711f9e2
✨ feat(im): 增加视频消息
2026-05-01 09:47:01 +08:00
YunaiV
82022b86de
✨ feat(im): 实现 im 的首页统计
2026-05-01 09:25:39 +08:00
YunaiV
f5656c8a2f
✨ feat(im): 同步输入框状态以支持粘贴功能
2026-05-01 08:50:51 +08:00
YunaiV
31dc1b1198
✨ feat(im): 用户的输入,改成 userselectv2,增强体验。
2026-05-01 08:49:14 +08:00
YunaiV
3cc7ac7f8b
Merge branch 'master' of https://gitee.com/yudaocode/yudao-ui-admin-vue3 into im
...
# Conflicts:
# pnpm-lock.yaml
# src/router/modules/remaining.ts
# src/utils/dict.ts
2026-05-01 08:22:54 +08:00
YunaiV
7ed6fa5579
✨ feat(im): 增加群管理的完善
2026-05-01 08:19:13 +08:00
YunaiV
8564788b11
✨ feat(im): 对齐微信的图标展示
2026-05-01 08:17:24 +08:00
YunaiV
92b1466597
✨ feat(im): 增加群管理的 code review
2026-05-01 07:52:31 +08:00
YunaiV
238862b572
✨ feat(im): 增加发送草稿,切换对话的时候,不丢失。对齐微信
2026-05-01 07:52:18 +08:00
YunaiV
be654bce50
✨ feat(im): 增加私聊消息的管理
2026-05-01 07:46:19 +08:00
YunaiV
d64a695673
✨ feat(im): 增加群聊消息的管理
2026-05-01 07:08:05 +08:00
YunaiV
dfbae06afa
✨ feat(im): 优化输入框的样式
2026-05-01 06:59:14 +08:00
YunaiV
384a0c134a
✨ feat(im): 完成敏感词的管理
2026-04-30 22:25:25 +08:00
YunaiV
9f1fc9ef78
reviewed
2026-04-30 21:38:17 +08:00
YunaiV
fd1ba30bdb
✨ feat(im): 优化好友列表的管理
2026-04-30 21:09:03 +08:00
YunaiV
01fff53aaf
✨ feat(im): 增加 im 的管理界面
2026-04-30 19:04:31 +08:00
YunaiV
4b4c4fab11
✨ feat(im): 优化群聊的功能界面
2026-04-30 16:59:56 +08:00
YunaiV
368b385267
✨ feat(im): 增加群邀请的功能
2026-04-30 15:47:32 +08:00
YunaiV
0ab8b292f2
✨ feat(im): 增加 pinyin 功能
2026-04-30 15:22:35 +08:00
YunaiV
d19bdd42d5
✨ feat(im): 优化添加好友界面
2026-04-30 14:53:41 +08:00
YunaiV
0c7d1f0df6
✨ feat(im): 新增通讯录界面
2026-04-30 14:07:03 +08:00
YunaiV
a762dfff84
✨ feat(im): 优化整体包结构,将 friend、group 通用组件抽过去。
2026-04-30 10:11:20 +08:00
YunaiV
4b64153044
✨ feat(im): 完善 friend、group 相关的本地存储(疯狂优化)
2026-04-29 22:03:54 +08:00
YunaiV
e90f9e5237
✨ feat(im): 增加 friend、group 相关的本地存储
2026-04-29 15:50:49 +08:00
YunaiV
de39bc7fc1
✨ feat(im): 优化代码,移除 message 里的 name 存储,避免更新困难。(为 friend、group 独立存储做准备)
2026-04-28 23:32:40 +08:00
YunaiV
f0fc144e8a
✨ feat(im): 调整代码结构,优化 side 样式
2026-04-28 20:14:24 +08:00
YunaiV
431a0bfb93
✨ feat(im): 调整代码结构,优化 side 样式
2026-04-28 20:13:01 +08:00
YunaiV
ba34e4adc0
✨ feat(im): 优化整体 message 包结构
2026-04-28 09:30:12 +08:00
YunaiV
29a03ef03d
✨ feat(im): 优化整体 message 包结构
2026-04-28 09:29:40 +08:00
YunaiV
122b1ba748
✨ feat(im): 优化 message 的导入
2026-04-28 08:48:38 +08:00
YunaiV
56b0630847
✨ feat(im): 优化 icon 的导入
2026-04-28 08:15:29 +08:00
YunaiV
6ead932813
✨ feat(im): 优化 icon 的导入
2026-04-28 08:15:10 +08:00
YunaiV
9fc10b304c
✨ feat(im): 增加 ChatPanel.vue 组件
2026-04-28 01:15:04 +08:00
YunaiV
4c8898b6f5
🐛 fix(im): 上传 URL 取错字段,粘贴图片 / 文件 / 语音消息加载失败
...
axios 配置里 request.upload 直接返回完整 axios response(不是 res.data,
跟 get/post/put 不一致),原代码 (await updateFile(form)) as unknown as string
把整个 {data, status, headers, ...} 对象当成 URL 塞进消息 JSON,接收端
<el-image src> 拿到的是序列化串自然加载失败。
uploadAndSendImage / uploadAndSendFile / onVoiceSend 三处统一改成 .data 取值:
((await updateFile(form)) as { data?: string })?.data
跟 mall PictureSelectUpload / bpm SignDialog 等其它业务代码取 URL 的方式一致。
2026-04-28 01:14:24 +08:00
YunaiV
9c5b11e551
✨ feat(im): 支持历史消息的加载
2026-04-28 01:08:45 +08:00
YunaiV
e9be6ef8b3
✨ feat(im): 增加群消息的回执开关,通过向下箭头
2026-04-27 23:56:50 +08:00
YunaiV
29695b649a
✨ feat(im): 增加群消息的回执开关,通过向下箭头
2026-04-27 23:54:41 +08:00
YunaiV
8847cdb79f
✨ feat(im): 新增 MessageReadStatus.vue
2026-04-27 22:36:47 +08:00
YunaiV
bfa267120a
♻️ refactor(im): MessageItem 头像顶右 + MentionPicker/MessageInput 命名清理
...
【MessageItem.vue】
- 头像合一:双 v-if 头像(左/右)收成单一 <UserAvatar>,DOM 顺序固定为
[头像, 气泡],selfSend 靠外层 flex-row-reverse 翻视觉 → 头像顶右、气泡在
头像左侧。早先双 v-if + row-reverse 让自己消息时气泡顶右、头像反而被
挤在 bubble 左边,跟微信观感不对齐
- 5 处脚本 TODO 注释补齐:groupMembersForReadStatus / handleContextMenu /
handleRecall / handleDelete,解释 WHY 而不是 WHAT
- formatTipTime 局部变量按"不缩写"展开:d → messageDate / n → value /
hm → hourMinute / (a,b) → (left,right) / weeks → weekNames
- senderAvatar / groupMembersForReadStatus 回调参数 m → member、g → group
【MessageInput.vue】
- groupMembers producer 局部变量 g → group、(m) => → (member) =>
【MentionPicker.vue】
- memberItems 过滤回调 (m) => → (member) =>
2026-04-27 21:48:34 +08:00
YunaiV
8fd21da555
🐛 fix(im): TIP_TEXT 系统提示不再显示空白
...
群解散 / 退群 / 踢人 等系统提示后端发的是裸字符串,之前按 TextMessage JSON
解析 → 主聊天窗显示空行、会话列表摘要变空。
- message.ts:新增 resolveTipText helper,兼容裸字符串 + {"content":"..."}
- MessageItem / conversationStore.resolveLastContent 把 TIP_TEXT 从 TEXT
分支拆出来,统一走 resolveTipText(TEXT 仍按 JSON 解析,没有裸字符串可能)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-27 19:59:56 +08:00
YunaiV
9e8d04249c
🐛 fix(im): TIP_TEXT 系统提示不再显示空白
...
群解散 / 退群 / 踢人 等系统提示后端发的是裸字符串,之前按 TextMessage JSON
解析 → 主聊天窗显示空行、会话列表摘要变空。
- message.ts:新增 resolveTipText helper,兼容裸字符串 + {"content":"..."}
- MessageItem / conversationStore.resolveLastContent 把 TIP_TEXT 从 TEXT
分支拆出来,统一走 resolveTipText(TEXT 仍按 JSON 解析,没有裸字符串可能)
2026-04-27 19:56:54 +08:00
YunaiV
cb5d30e327
✨ feat(im): 新增 MessageItem.vue
2026-04-27 19:11:31 +08:00
YunaiV
ccc9aca21c
✨ feat(im): MessageInput 工具栏挪到底部 + 4 图标统一 Iconify + 聊天历史挪到右上角
...
对齐微信 PC:输入区在上、操作图标在下;会话级操作(如聊天历史)统一放 header 右上角
【MessageInput.vue】
- 模板顺序对调:editor 在上 / 工具栏在下(justify-between:左 4 图标 gap-1 / 右"发 送"按钮)
- editor min-height 80 → 100、padding 8/12 → 10/14,输入区视觉权重接近微信
- 4 个图标统一走 Iconify ant-design outlined 同源,避免 ep / antd 混用视觉割裂:
- 表情:Sunny → ant-design:smile-outlined(Element Plus 没有 smile,必须走 Iconify)
- 图片:Picture → ant-design:picture-outlined
- 文件夹:Paperclip → ant-design:folder-outlined(附件 → 文件夹更贴近微信观感)
- 语音:Microphone → ant-design:audio-outlined
- 整条 @element-plus/icons-vue import 删除,全部改 <span class="message-input__tool inline-flex …">
+ <Icon icon="…" :size="18" /> 的统一外壳;scoped CSS 的 :deep(svg) 继续命中,padding / hover
样式不动;DOM 实测 4 图标全部 30×30、top:761、间距 34px 完全对齐
- EmojiPicker class:bottom-9 left-3 → bottom-full left-3 mb-2,picker 从工具栏顶部向上弹出
(旧值在新布局下会浮在工具栏内部,盖住图标)
- 删 defineEmits<{ openHistory }>():聊天历史挪到 ChatPanel header 后已没有调用方
【ChatPanel.vue】
- header 右上角新增"聊天历史"图标(Tickets),点击直接 historyVisible = true 弹"历史消息"抽屉
(对齐微信 PC:右上角集中放会话级操作;并列在原"聊天信息 / 群聊信息"图标左侧)
- <MessageInput :key="…" @open-history="…"> 上的 listener 摘掉,emit 链路完整解耦
2026-04-27 15:46:13 +08:00
YunaiV
fc82ed3d7e
♻️ refactor(input): 优化粘贴文件处理逻辑,简化代码结构
2026-04-27 14:30:38 +08:00
YunaiV
cba5c15604
✨ feat(im): MessageInput / MentionPicker / ChatPanel 三连修——粘贴文件、切群清空、命名规范
...
【ChatPanel.vue】
- 加 messageInputKey computed(type-targetId)+ MessageInput :key 绑它,
切会话强制 unmount + remount editor / mention range / 草稿全归零,
避免 A 群打了一半的字 / @ token 漏到 B 群被发出去
(早先用 inline template literal 做 :key,Vue SFC 编译没把表达式接到
vnode.key 上,hmr / 完整 reload 都看到 key=null;改 computed 后正常)
【MessageInput.vue】
- onPaste 加 clipboardData.items 扫一轮:image/* → uploadAndSendImage,
其它 file → uploadAndSendFile,纯文本兜底走 nativeExec('insertText');
截图 / 拖入图片 / 拖入文件不再被默默吞掉
- 抽 uploadAndSendImage / uploadAndSendFile 两个共用函数,
onImagePicked / onFilePicked 改成薄包装走它们,避免上传逻辑双份
- 删 nativeExec 里的 // eslint-disable-next-line @typescript-eslint/no-deprecated:
项目当前 @typescript-eslint v7 没有这条规则,加了会让 lint 报"规则不存在",
反而把 lint 拖红;改用单纯 JSDoc 解释为什么留着 execCommand
- 重命名 mentionPos → mentionPosition(prop / ref 一致),按"变量不缩写"
- 7 个方法补 JSDoc:onSelectionChange / insertText / onPaste / onInput /
onKeydown / onImagePicked / onFilePicked / onVoiceSend;复杂的
collectFromEditor 和 handleSend 加分步 1./2./3. 内联注释
- data-empty 改用属性"存在 / 缺失"模拟(template 里 data-empty="",JS 里
raw 为空就 set ''、否则 delete),CSS 选择器同步改 [data-empty],
比 [data-empty='true'] 直观
【MentionPicker.vue】
- prop pos → position(不缩写);ref / 内部解构 / 默认值都跟着改
- <el-icon><UserFilled /></el-icon> → <Icon icon="ep:user-filled">:
用全局 Icon 组件走 Iconify,少一个 EP 图标 import
- scrollToTop / scrollToActive 局部变量 wrap → scrollWrap、
itemH → itemHeight、activeTop → activeOffsetTop;
v-for 与 handleSelect 的 (m) → (member)
2026-04-27 13:57:18 +08:00
YunaiV
678c2d6834
✨ feat(im): MessageInput 切 contenteditable + MentionPicker 对齐微信,修一堆 @ 浮层 bug
...
【MessageInput.vue】
- textarea → contenteditable div:拿真·光标 rect 给浮层定位(textarea 拿不到),@ 成员
以 <span data-id contenteditable=false> token 节点存在,删 token 即删 atUserIds
- collectFromEditor:DOM walk 还原 plain text + atUserIds(text / br / span[data-id] /
div / 其他元素 五种节点分支),过滤零宽空格
- handleSend:从 DOM 收集而非 ref<string>,atUserIds 走 Set 去重;分步注释
- placeholder 用 [data-empty]::before + JS 维护属性"存在 / 缺失"模拟,避开浏览器删空
后留 <br> 让 :empty 不命中
- @ 浮层位置:bottom 锚定(picker 下沿贴 @ 上方 8px),无论候选多寡下沿固定,不再
随 picker 高度变化漂移;上方放不下才翻成 top 锚定到 @ 下方
- @ 浮层规则:regex 改成 `(?:^|\s)@([^\s@]*)$`,避免 email-like "test@example.com"
误触发;锚定在 @ 字符位置而非 caret,否则用户每多敲一字浮层右移
- click outside 关浮层:document mousedown 监听,target 不在 editor / picker 内即关
- Enter 兜底:mention 浮层无候选时 fall through 到正常发送,避免按 Enter 没反应
- token 首位 ZWSP:token 是 editor 第一个节点时 contenteditable=false 边缘会让光标
无法挪到 token 前,补一个零宽空格当锚点;DOM walk 滤掉
- Shift+Enter 强制 br(execCommand insertLineBreak),DOM walk 不必处理多换行容器
- onPaste 用 execCommand('insertText') 剥光所有 HTML,不留外部样式 / 脚本
- onEditorScroll 同步浮层位置,多行 + 滚动条场景下 picker 跟随 caret
- selection 保存:document selectionchange 监听 + 仅 editor 内时记录,emoji 面板偷
焦点后能回到原位
【MentionPicker.vue】
- 视觉对齐微信 PC:顶部"所有人"虚拟项(蓝方块 + UserFilled 图标)+ "群成员"分组
header + 底部三角指针;rounded-md + soft shadow
- "全体成员" → "所有人";userId=-1 / 文案常量化到 utils/constants.ts
(IM_AT_ALL_USER_ID / IM_AT_ALL_NICKNAME),三个文件共用,不再散落
- !fixed + !h-75 / max-height:用 UnoCSS important 变体压过 Element Plus 的
.el-scrollbar { position:relative; height:100% } 默认 CSS——之前 picker 落到父
容器坐标系导致 y=1326 飞出视口外,肉眼看不到的根因
- pos prop 从 {x, y} → {x, top?, bottom?},配合 MessageInput 的 bottom 锚定
- allItem / memberItems 拆成两个 computed,showMembers 做扁平合并供键盘导航;
群成员上限 100 去掉,浮层本就支持滚动
- 5 个内部函数 / watch 全部补 JSDoc(showMembers / visible 两个 watch、scrollToTop /
scrollToActive / handleSelect)
2026-04-27 13:21:27 +08:00
YunaiV
3ea04663f2
✨ feat(im): IM 5 个 store 补 HMR + 抽 atAll 常量 + 全面补齐 JSDoc
...
- 全部 5 个 store(conversation / friend / group / ui / websocket)加
acceptHMRUpdate;Pinia 单例的 actions 是 wrapper 闭包,Vite 推新模块时
不会自动替换闭包内的旧函数体,导致改 store 后看着热重载、跑的还是旧逻辑
- 抽 IM_AT_ALL_USER_ID(-1)+ IM_AT_ALL_NICKNAME('所有人')到
utils/constants.ts;conversationStore 删本地 AT_ALL_FLAG 改用共享常量;
MentionPicker 渲染虚拟项 / ChatGroupMember 类型注释也都引这两个常量
- groupStore.loadGroups 改成合并而非全量替换:用 groupMap 按 id 找已有项,
保留 loadGroupMembers 写过的 members / memberCount / muted(这三个字段
不在 ImGroupRespVO 里,全量替换会被冲掉)
- groupStore.loadGroupMembers 重写为分步注释(1. 缓存 / 2. 拉取 /
3. 回填 muted / 4.1 占位 / 4.2 直写);await 之后必须重新 getGroup
防 race(loadGroupMembers 与 loadGroups 并发时用入口快照会把真实 name
覆盖成 String(groupId))
- types/GroupMember 补 muted 字段,convertGroupMember 透传,
解决 vue-tsc TS2339 / TS2353
- 5 个 store 缺 JSDoc 的方法全部补齐:removePrivateConversation /
removeGroupConversation / getFriend / getActiveFriends / isFriend /
loadGroupInfo / upsertGroup / stopHeartbeat
- 全局"墓碑"措辞统一为"软删保留记录",types / friendStore / groupStore 三处
- groupStore 删冗余注释(与代码自描述重复的)若干处;变量 g/old 改 group/existing
2026-04-27 13:10:15 +08:00
YunaiV
a0ed0d800c
✨ feat(im): 群聊免打扰接入后端,完善免打扰失败回滚 + ContextMenu 微调
...
- groupStore.setMuted 改 async,调 /im/group-member/update 推后端
- GroupMember.muted 在类型层补齐;convertGroupMember 保留 muted;
loadGroupMembers 拉完成员后用当前用户那条 member.muted 回填 group.muted
与 conversation.muted,避免冷启动后服务端已免打扰的群在会话列表里仍显示为
未免打扰
- ConversationItem.handleMuted 失败回滚:catch 后 ElMessage.error 并反向
setMuted 把 conversationStore(已 saveConversations 落盘)拽回正确状态
- ContextMenu 分割线改用 h-[1px] + bg(UnoCSS 不带 border-style preflight,
border-t 在空内容 div 上不显形),文案 text-center → text-left 贴近微信
- groupStore.setMuted 改 async 后,ConversationItem 里两路 setMuted 调用
都用 void 显式 fire-and-forget,风格统一
2026-04-27 09:29:49 +08:00
YunaiV
45a530e8c7
✨ feat(im): 新增 MentionPicker.vue、MessageInput.vue、VoiceRecorder.vue 三个组件,vibe~
2026-04-27 09:20:10 +08:00
YunaiV
6add0b0600
✨ feat(im): 群聊免打扰接入后端,完善免打扰失败回滚 + ContextMenu 微调
...
- groupStore.setMuted 改 async,调 /im/group-member/update 推后端
- GroupMember.muted 在类型层补齐;convertGroupMember 保留 muted;
loadGroupMembers 拉完成员后用当前用户那条 member.muted 回填 group.muted
与 conversation.muted,避免冷启动后服务端已免打扰的群在会话列表里仍显示为
未免打扰
- ConversationItem.handleMuted 失败回滚:catch 后 ElMessage.error 并反向
setMuted 把 conversationStore(已 saveConversations 落盘)拽回正确状态
- ContextMenu 分割线改用 h-[1px] + bg(UnoCSS 不带 border-style preflight,
border-t 在空内容 div 上不显形),文案 text-center → text-left 贴近微信
- groupStore.setMuted 改 async 后,ConversationItem 里两路 setMuted 调用
都用 void 显式 fire-and-forget,风格统一
2026-04-27 09:03:18 +08:00
YunaiV
7f84c428a5
✨ feat(im): 优化 ConversationItem.vue,对齐微信的时间展示。
2026-04-27 08:51:35 +08:00
YunaiV
e85f8edcaa
✨ feat(im): 优化 ConversationItem.vue,对齐微信交互
2026-04-27 08:42:39 +08:00
YunaiV
115e0482db
✨ feat(im): 优化 ConversationItem.vue 增加相关评审
2026-04-27 08:22:14 +08:00
YunaiV
a1a9053aaa
✨ feat(im): 优化 MessagePage.vue 页面,对齐微信交互
2026-04-27 00:51:31 +08:00
YunaiV
1a0c11f685
✨ feat(im): 优化 MessagePage.vue 页面,对齐微信交互
2026-04-27 00:51:15 +08:00
YunaiV
e1b52be8ea
✨ feat(im): 新增 MessagePage.vue 页面 + 部分 review
2026-04-27 00:01:43 +08:00
YunaiV
8790d6b128
✨ feat(im): 优化 ToolBar.vue 组件
...
- tabs / goTab / goProfile 从 path 切到路由 name:path 后期容易随前缀调整变动,name 更稳定
- isActive 由 path 前缀比对简化为 route.name 全等比对(IM 三 Tab 无嵌套子路由,足够)
- 群聊图标 svg-icon:peoples → ant-design:team:三人组合跟 ep:user(单人)视觉区分更明显
- 给 goTab / goProfile 补 JSDoc;清理 5 个 TODO @AI
2026-04-26 23:45:27 +08:00
YunaiV
3a77001b42
🐛 fix(im): 修复主壳初始化期间消息漏拉 / 缓冲回放失效
...
三处时序竞态修复:
- loading=true 提前到 connect 前,避免 WS 早于 pullOnce 推进 maxId 漏拉断线积压
- loading=false 提到 flushBuffer 前,让回放走正常 insertMessage 而非被 push 回 buffer
- 加 bootstrapped 守卫,避免 isConnected watcher 在 friend/group 加载完前抢跑
附带:主壳文件名 Index.vue → index.vue 对齐其他模块小写惯例;清理 5 个 TODO @AI。
2026-04-26 23:32:55 +08:00