yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
5,104 Commits
8 Branches
26 Tags
44 MiB
Commit Graph

5104 Commits (744229a02ee0025563dfcddb81ce44f09637b499)

Author SHA1 Message Date
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