Go to file
Phoenix e3f2346d66 fix: 更新配置和组件逻辑
- 在Editor.vue中,优化成员列表的渲染逻辑,确保在特定条件下显示'所有人'选项
- 在FileMessage.vue中,修改上传进度显示条件,避免在未开始上传时显示进度圆环
- 在uploads.ts中,简化重试上传逻辑,移除不必要的暂停状态检查
- 在PanelContent.vue中,添加对重试操作的支持,确保能够针对特定项目进行重试
2025-05-27 11:20:55 +08:00
build/icons 初始化 2024-12-24 16:14:21 +08:00
env 更新.env.test文件中的API地址,调整FileMessage.vue组件的样式,增加高度和灵活性,优化auth.js中的token获取逻辑,增强MultiSelectFooter.vue中的批量删除功能,添加确认框提示。 2025-05-26 12:00:30 +08:00
public 初始化 2024-12-24 16:14:21 +08:00
src fix: 更新配置和组件逻辑 2025-05-27 11:20:55 +08:00
.gitignore 12 2025-05-26 17:00:09 +08:00
.prettierrc.json 更新了多个文件以优化样式和功能,包括在UnoCSS配置中添加预设,调整了主题颜色和消息组件的样式,更新了环境变量,修复了头像组件的尺寸,并在消息面板中添加了多选功能。 2025-05-12 13:44:13 +08:00
env.d.ts 初始化 2024-12-24 16:14:21 +08:00
index.html 修改项目名称为“IM”,更新相关文件中的标题和版权信息,优化文件下载功能,调整部分组件的显示内容。 2025-05-22 10:30:02 +08:00
package-lock.json 修改项目名称为“IM”,更新相关文件中的标题和版权信息,优化文件下载功能,调整部分组件的显示内容。 2025-05-22 10:30:02 +08:00
package.json 修改项目名称为“IM”,更新相关文件中的标题和版权信息,优化文件下载功能,调整部分组件的显示内容。 2025-05-22 10:30:02 +08:00
pnpm-lock.yaml 新增OnlyOffice文档编辑器和Fluent图标库依赖,优化文件消息组件的下载功能,调整文本消息背景色,改进会话菜单逻辑,优化会话列表排序,修复部分样式问题。 2025-05-21 19:57:07 +08:00
README.md 修改项目名称为“IM”,更新相关文件中的标题和版权信息,优化文件下载功能,调整部分组件的显示内容。 2025-05-22 10:30:02 +08:00
tsconfig.json 优化文件消息组件的下载逻辑,新增群组信息获取功能,调整对话存储以支持群组信息 2025-05-22 15:07:27 +08:00
uno.config.ts 迁入ERP的组织结构树组件,作为通讯录的组织结构;接入相关依赖组件,调整通讯录入口及相关样式 2025-05-12 13:55:14 +08:00
vite.config.ts fix: 更新配置和组件逻辑 2025-05-27 11:20:55 +08:00

IM - 在线即时通讯应用

IM 是一个基于 Vue 3 开发的现代化在线即时通讯应用,提供实时聊天、消息管理、笔记等功能。

功能特性

  • 📱 实时聊天:支持一对一即时通讯
  • 📝 消息管理:高效管理各类消息
  • 📓 笔记功能支持Markdown格式的笔记编辑与管理
  • 🌓 暗色模式:支持明暗主题切换,呵护您的眼睛
  • 🔒 用户认证:完善的登录注册系统

技术栈

  • 前端框架Vue 3 + TypeScript
  • 状态管理Pinia
  • UI组件库Naive UI
  • 路由管理Vue Router
  • CSS预处理器Less
  • 构建工具Vite
  • WebSocket:用于实时通讯
  • 编辑器
    • Markdown编辑器@kangc/v-md-editor
    • 富文本编辑器Quill

快速开始

环境要求

  • Node.js >= 14.0.0
  • pnpm >= 6.0.0

安装依赖

pnpm install

开发环境运行

# 测试环境
pnpm dev:test

# 生产环境
pnpm dev:prod

打包构建

# 测试环境构建
pnpm build:test

# 生产环境构建
pnpm build:prod

预览构建后的项目

pnpm preview

项目结构

src/
├── api/          # API请求
├── assets/       # 静态资源
├── components/   # 公共组件
├── connect.ts    # WebSocket连接管理
├── constant/     # 常量定义
├── directive/    # 自定义指令
├── event/        # 事件管理
├── hooks/        # 自定义钩子
├── layout/       # 布局组件
├── main.ts       # 入口文件
├── plugins/      # 插件配置
├── router/       # 路由配置
├── store/        # 状态管理
├── types/        # 类型定义
├── utils/        # 工具函数
└── views/        # 页面视图

环境变量配置

项目支持不同环境配置,环境变量文件位于env/目录下。

浏览器支持

支持现代浏览器如Chrome、Firefox、Safari、Edge等。

相关链接

许可证

Copyright © 2023 IM