perf(service): ⚡ 优化群聊功能

[nongyehong]

完善一些代码和操作的提示

💻 变更类型 | Change Type

• ✨ feat | 新增功能
• 🐛 fix | 修复缺陷
• ♻️ refactor | 代码重构（不包括 bug 修复、功能新增）
• 💄 style | 代码格式（不影响功能，例如空格、分号等格式修正）
• 📦️ build | 构建流程、外部依赖变更（如升级 npm 包、修改 vite 配置等）
• 🚀 perf | 性能优化
• 📝 docs | 文档变更
• 🧪 test | 添加疏漏测试或已有测试改动
• ⚙️ ci | 修改 CI 配置、脚本
• ↩️ revert | 回滚 commit
• 🛠️ chore | 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）

🔀 变更说明 | Description of Change

📝 补充信息 | Additional Information

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 141 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
src/hooks/useChatMain.ts	0.00%	85 Missing ⚠️
src/components/common/ContextMenu.vue	0.00%	18 Missing ⚠️
src/layout/index.vue	0.00%	15 Missing ⚠️
src/components/rightBox/chatBox/ChatMain.vue	0.00%	10 Missing ⚠️
src/components/rightBox/chatBox/ChatSidebar.vue	0.00%	6 Missing ⚠️
src/components/rightBox/chatBox/ChatHeader.vue	0.00%	5 Missing ⚠️
src/components/rightBox/renderMessage/Image.vue	0.00%	1 Missing ⚠️
src/services/urls.ts	0.00%	1 Missing ⚠️

Files with missing lines	Coverage Δ
src/services/http.ts	0.00% <ø> (-4.09%)	⬇️
src/services/webSocket.ts	0.00% <ø> (ø)
src/workers/webSocket.worker.ts	0.71% <ø> (ø)
src/components/rightBox/renderMessage/Image.vue	0.00% <0.00%> (ø)
src/services/urls.ts	0.00% <0.00%> (-100.00%)	⬇️
src/components/rightBox/chatBox/ChatHeader.vue	0.00% <0.00%> (ø)
src/components/rightBox/chatBox/ChatSidebar.vue	0.00% <0.00%> (ø)
src/components/rightBox/chatBox/ChatMain.vue	0.00% <0.00%> (ø)
src/layout/index.vue	0.00% <0.00%> (ø)
src/components/common/ContextMenu.vue	0.00% <0.00%> (ø)
... and 1 more

... and 67 files with indirect coverage changes

[github-actions]

PR 代码分析

### 代码变更分析

1. ContextMenu.vue

• 逻辑改动：

  • 移除了 emoji 和 visibleMenu 的类型断言 (as any[])，简化了模板中的代码。
  • 新增了 visibleSpecialMenu 计算属性，用于过滤 specialMenu 中的可见项。
  • 更新了 handleReplyEmoji 方法，使其只传递 item.label 而不是整个 item 对象。
  • 使用 props.menu 替代直接访问 menu，确保数据流更加明确。

• 潜在问题或优化空间：

  • emoji 和 visibleMenu 的类型定义仍然是 any[]，可以考虑更具体的类型定义以提高代码可读性和安全性。
  • handleReplyEmoji 只传递 item.label，需要确保其他地方使用 reply-emoji 事件时不会依赖于整个 item 对象。

• TypeScript 类型定义：

  • 引入了 Props 类型，并使用 withDefaults 来设置默认值，增强了类型安全性和代码的可维护性。

• Vue 组件性能影响：

  • 移除了一些不必要的模板标签，可能会稍微提升渲染性能。
  • 新增的计算属性 visibleSpecialMenu 可能会增加一些计算开销，但通常是可以接受的。

2. ChatHeader.vue

• 逻辑改动：

  • 添加了对 roomId === 1 的特殊处理，防止退出频道。

• 潜在问题或优化空间：

  • 没有明显的性能或类型问题，但可以考虑将 roomId === 1 的检查逻辑提取到一个单独的函数中，以提高代码复用性。

3. ChatMain.vue

• 逻辑改动：

  • 修改了用户徽章显示的条件，增加了对 currentRoomId === 1 的检查。
  • 更新了群主和管理员的标识逻辑，使用 groupStore.currentLordId 和 groupStore.adminUidList 进行判断。
  • 引入了 useGroupStore 和 useGlobalStore，并添加了 currentRoomId 的计算属性。

• 潜在问题或优化空间：

  • 确保 currentRoomId 和 groupStore 的状态同步，避免因状态不同步导致的显示问题。

4. ChatSidebar.vue

• 逻辑改动：

  • 修改了 item-size 从 42 改为 46，调整了部分样式类，如 flex-1 truncate 和 title 属性。

• 潜在问题或优化空间：

  • 样式调整可能会影响布局，建议在实际环境中测试以确保视觉效果符合预期。

5. Image.vue

• 逻辑改动：

  • 在打开图片查看器时调用了 setFocus 方法，确保窗口获得焦点。

• 潜在问题或优化空间：

  • 没有明显的性能或类型问题，但可以考虑在 setFocus 失败时进行适当的错误处理。

6. useChatMain.ts

• 逻辑改动：

  • 新增了“设为管理员”、“撤销管理员”和“移出本群”功能，增加了相应的权限检查逻辑。

• 潜在问题或优化空间：

  • 权限检查逻辑较为复杂，建议将其封装成独立的函数，以提高代码的可读性和可维护性。

7. layout/index.vue

• 逻辑改动：

  • 添加了 initListener 和 readCountQueue 的初始化和清理逻辑。
  • 监听 userStore.isSign 的变化，初始化监听器和读取消息队列。

• 潜在问题或优化空间：

  • 确保 clearListener 在组件卸载时正确执行，避免内存泄漏。

8. http.ts

• 逻辑改动：

  • 移除了刷新 token 失败时清除 localStorage 的逻辑。

• 潜在问题或优化空间：

  • 需要确保清除 token 的逻辑在其他合适的地方实现，以避免用户被意外登出。

9. urls.ts

• 逻辑改动：

  • 更新了 inviteGroupMember 的注释，说明其支持邀请和移出群成员的操作。

• 潜在问题或优化空间：

  • 没有明显的性能或类型问题，但建议在 API 文档中明确说明这些操作的具体行为。

10. webSocket.ts 和 webSocket.worker.ts

*这是由通义千问 AI 自动生成的 PR 分析，仅供参考。*