feat(component): ✨ 新增AI选项卡，封装提及框功能

[nongyehong]

提供hooks和策略模式两种方式来实现多种特殊符号唤起提及框

💻 变更类型 | 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 23.06122% with 377 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
src/hooks/useTrigger.ts	24.16%	91 Missing ⚠️
src/strategy/TriggerStrategy.ts	0.00%	85 Missing ⚠️
src/components/rightBox/MsgInput.vue	0.00%	72 Missing ⚠️
src/hooks/useCommon.ts	0.00%	54 Missing ⚠️
src/hooks/useMsgInput.ts	68.51%	34 Missing ⚠️
src/components/rightBox/chatBox/ChatHeader.vue	0.00%	18 Missing ⚠️
src/hooks/useMessage.ts	11.11%	16 Missing ⚠️
src/views/homeWindow/message/index.vue	0.00%	6 Missing ⚠️
src/stores/cached.ts	0.00%	1 Missing ⚠️

Files with missing lines	Coverage Δ
src/enums/index.ts	100.00% <100.00%> (ø)
src/services/types.ts	100.00% <ø> (ø)
src/stores/cached.ts	37.93% <0.00%> (ø)
src/views/homeWindow/message/index.vue	0.00% <0.00%> (ø)
src/hooks/useMessage.ts	50.00% <11.11%> (ø)
src/components/rightBox/chatBox/ChatHeader.vue	0.00% <0.00%> (ø)
src/hooks/useMsgInput.ts	34.23% <68.51%> (ø)
src/hooks/useCommon.ts	10.67% <0.00%> (ø)
src/components/rightBox/MsgInput.vue	0.00% <0.00%> (ø)
src/strategy/TriggerStrategy.ts	0.00% <0.00%> (ø)
... and 1 more

[github-actions]

PR 代码分析

### 代码变更分析

1. 代码逻辑的改动

• 提示文字更新：MsgInput.vue 中的提示文字从“聊点什么吧...”改为“输入 / 唤起 AI 助手”，反映了新功能的引入。
• 新增AI助手功能：增加了AI助手提及框，当用户输入 / 时会触发AI助手选择列表。该功能与原有的 @ 提及框类似，但针对AI模型进行选择。
• 处理键盘事件优化：在 useMsgInput.ts 中，对键盘事件处理进行了优化，增加了对AI助手提及框的支持，并且在发送消息时重置所有状态。
• 删除会话功能：在 useMessage.ts 中添加了 handleMsgDelete 函数，用于删除会话，并在 ChatHeader.vue 和 index.vue 中调用此函数。

2. 潜在的问题或优化空间

• 性能问题：handleTrigger 函数中使用了 nextTick 来确保 DOM 更新后执行样式调整，这可能会导致一定的延迟。可以考虑优化触发时机，减少不必要的等待。
• 代码重复：handleMention、handleAI 和 handleTopic 函数逻辑相似，可以进一步抽象成通用函数，减少代码冗余。
• 类型定义：部分类型的定义不够严格，例如 personList 和 groupedAIModels 的类型为 unknown[]，建议使用更具体的类型定义以提高代码的安全性。

3. TypeScript 类型定义的准确性

• AIModel 类型：新增的 AIModel 类型定义较为完整，涵盖了AI模型的基本信息。
• SessionItem 类型：增加了 friendId 字段，用于区分单聊和群聊，类型定义准确。
• 其他类型：部分地方如 personList 和 groupedAIModels 使用了 unknown[]，建议改为具体类型，例如 BaseUserItem[] 和 AIModel[]。

4. Vue 组件的性能影响

• 虚拟列表优化：n-virtual-list 的使用有助于提高长列表的渲染性能，但在频繁触发时可能会有一定的性能开销。可以通过减少不必要的 DOM 操作来优化性能。
• 事件监听优化：在 onMounted 中注册了多个事件监听器，建议在组件卸载时移除这些监听器，避免内存泄漏。

5. Rust 代码的安全性和性能

• 无Rust代码：本次变更不涉及Rust代码，因此无需特别关注Rust的安全性和性能问题。

总结

本次代码变更主要增加了AI助手功能，并优化了现有功能的逻辑和性能。整体改动合理，但仍有一些优化空间，特别是在代码复用和类型定义方面。建议进一步完善类型定义，减少代码冗余，并优化性能关键路径。

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