vue-chat-kit 0.3.8 → 0.3.10

package/src/config/index.js

@@ -18,7 +18,24 @@ const defaultConfig = {
       getAvailableUsers: '/chart/user/canAddFriend',
       searchUser: '/chart/user/search',
       getUserAvatar: '/user/getAvatar',
-      uploadAvatar: '/user/uploadAvatar'
+      uploadAvatar: '/user/uploadAvatar',
+      // 群聊相关端点
+      createGroup: '/chart/group/create',
+      getMyGroups: '/chart/group/my',
+      getGroupInfo: '/chart/group/info',
+      addGroupMember: '/chart/group/member/add',
+      getGroupMembers: '/chart/group/member/list',
+      quitGroup: '/chart/group/member/quit',
+      getGroupHistory: '/chart/group/history',
+      getGroupUnreadCount: '/chart/group/unread/count',
+      getMsgReadUserList: '/chart/group/msg/read/list',
+      updateGroupInfo: '/chart/group/update/info',
+      updateMemberNick: '/chart/group/member/nick/update',
+      deleteGroup: '/chart/group/delete',
+      removeGroupMember: '/chart/group/member/remove',
+      transferGroupOwner: '/chart/group/owner/transfer',
+      readSingleGroupMsg: '/chart/group/msg/read/single',
+      readAllGroupMsg: '/chart/group/msg/read/all'
     },
     adapter: null
   },
@@ -39,7 +56,9 @@ const defaultConfig = {
     apply: true,
     settings: true,
     fileUpload: true,
-    avatarCrop: true
+    avatarCrop: true,
+    groups: true, // 群聊模块
+    groupMembers: true // 群成员管理
   },
   
   // 主题配置

package/src/core/adapter-example.js

@@ -165,5 +165,95 @@ export const customAdapter = {
   async uploadAvatar(file, username) {
     console.log('uploadAvatar 被调用', { file, username })
     return { code: 200, data: '' }
+  },
+
+  // ========== 群聊相关 ==========
+
+  /**
+   * 创建群聊
+   * @param {Object} data - 创建群聊数据
+   * @returns {Promise<{code: number, data: {groupId: string}}>}
+   */
+  async createGroup(data) {
+    console.log('createGroup 被调用', data)
+    return { code: 200, data: { groupId: 'new-group-id' } }
+  },
+
+  /**
+   * 获取我的群聊列表
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number, data: Array}>}
+   */
+  async getMyGroups(currentUser) {
+    console.log('getMyGroups 被调用', currentUser)
+    return { code: 200, data: [] }
+  },
+
+  /**
+   * 获取群信息
+   * @param {string} groupId - 群ID
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number, data: Object}>}
+   */
+  async getGroupInfo(groupId, currentUser) {
+    console.log('getGroupInfo 被调用', { groupId, currentUser })
+    return { code: 200, data: {} }
+  },
+
+  /**
+   * 添加群成员
+   * @param {string} groupId - 群ID
+   * @param {string} targetUser - 目标用户
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number}>}
+   */
+  async addGroupMember(groupId, targetUser, currentUser) {
+    console.log('addGroupMember 被调用', { groupId, targetUser, currentUser })
+    return { code: 200 }
+  },
+
+  /**
+   * 批量邀请群成员
+   * @param {string} groupId - 群ID
+   * @param {string} currentUser - 当前用户名
+   * @param {string[]} targetUserList - 目标用户列表
+   * @returns {Promise<{code: number}>}
+   */
+  async inviteGroupMembers(groupId, currentUser, targetUserList) {
+    console.log('inviteGroupMembers 被调用', { groupId, currentUser, targetUserList })
+    return { code: 200 }
+  },
+
+  /**
+   * 获取群成员列表
+   * @param {string} groupId - 群ID
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number, data: Array}>}
+   */
+  async getGroupMembers(groupId, currentUser) {
+    console.log('getGroupMembers 被调用', { groupId, currentUser })
+    return { code: 200, data: [] }
+  },
+
+  /**
+   * 退出群聊
+   * @param {string} groupId - 群ID
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number}>}
+   */
+  async quitGroup(groupId, currentUser) {
+    console.log('quitGroup 被调用', { groupId, currentUser })
+    return { code: 200 }
+  },
+
+  /**
+   * 获取群聊历史消息
+   * @param {string} groupId - 群ID
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number, data: Array}>}
+   */
+  async getGroupHistory(groupId, currentUser) {
+    console.log('getGroupHistory 被调用', { groupId, currentUser })
+    return { code: 200, data: [] }
   }
 }

package/src/core/api.js

@@ -184,6 +184,195 @@ export class ChatApi {
     formData.append('username', username)
     return this.http.post(this.endpoints.uploadAvatar, formData)
   }
+
+  // ========== 群聊相关 ==========
+
+  /**
+   * 创建群聊
+   */
+  async createGroup(data) {
+    return this._call('createGroup', data)
+  }
+
+  async _createGroup(data) {
+    return this.http.post(this.endpoints.createGroup, data)
+  }
+
+  /**
+   * 获取我的群聊列表
+   */
+  async getMyGroups(currentUser) {
+    return this._call('getMyGroups', currentUser)
+  }
+
+  async _getMyGroups(currentUser) {
+    return this.http.get(this.endpoints.getMyGroups, { currentUser })
+  }
+
+  /**
+   * 获取群信息
+   */
+  async getGroupInfo(groupId, currentUser) {
+    return this._call('getGroupInfo', groupId, currentUser)
+  }
+
+  async _getGroupInfo(groupId, currentUser) {
+    return this.http.get(this.endpoints.getGroupInfo, { groupId, currentUser })
+  }
+
+  /**
+   * 添加群成员（单个）
+   */
+  async addGroupMember(groupId, targetUser, currentUser) {
+    return this._call('addGroupMember', groupId, targetUser, currentUser)
+  }
+
+  async _addGroupMember(groupId, targetUser, currentUser) {
+    return this.http.post(this.endpoints.addGroupMember, null, { params: { groupId, targetUser, currentUser } })
+  }
+
+  /**
+   * 批量邀请群成员
+   */
+  async inviteGroupMembers(groupId, currentUser, targetUserList) {
+    return this._call('inviteGroupMembers', groupId, currentUser, targetUserList)
+  }
+
+  async _inviteGroupMembers(groupId, currentUser, targetUserList) {
+    return this.http.post(this.endpoints.addGroupMember, { groupId, currentUser, targetUserList })
+  }
+
+  /**
+   * 获取群成员列表
+   */
+  async getGroupMembers(groupId, currentUser) {
+    return this._call('getGroupMembers', groupId, currentUser)
+  }
+
+  async _getGroupMembers(groupId, currentUser) {
+    return this.http.get(this.endpoints.getGroupMembers, { groupId, currentUser })
+  }
+
+  /**
+   * 退出群聊
+   */
+  async quitGroup(groupId, currentUser) {
+    return this._call('quitGroup', groupId, currentUser)
+  }
+
+  async _quitGroup(groupId, currentUser) {
+    return this.http.post(this.endpoints.quitGroup, null, { params: { groupId, currentUser } })
+  }
+
+  /**
+   * 获取群聊历史消息
+   */
+  async getGroupHistory(groupId, currentUser) {
+    return this._call('getGroupHistory', groupId, currentUser)
+  }
+
+  async _getGroupHistory(groupId, currentUser) {
+    return this.http.get(this.endpoints.getGroupHistory, { groupId, currentUser })
+  }
+
+  /**
+   * 获取群未读消息总数
+   */
+  async getGroupUnreadCount(groupId, currentUser) {
+    return this._call('getGroupUnreadCount', groupId, currentUser)
+  }
+
+  async _getGroupUnreadCount(groupId, currentUser) {
+    return this.http.get(this.endpoints.getGroupUnreadCount, { groupId, currentUser })
+  }
+
+  /**
+   * 获取单条群消息的已读/未读成员名单
+   */
+  async getMsgReadUserList(groupId, groupMsgId, currentUser) {
+    return this._call('getMsgReadUserList', groupId, groupMsgId, currentUser)
+  }
+
+  async _getMsgReadUserList(groupId, groupMsgId, currentUser) {
+    return this.http.get(this.endpoints.getMsgReadUserList, { groupId, groupMsgId, currentUser })
+  }
+
+  /**
+   * 修改群基础信息（群主专用）
+   */
+  async updateGroupInfo(groupId, currentUser, groupNickname, remark, notice) {
+    return this._call('updateGroupInfo', groupId, currentUser, groupNickname, remark, notice)
+  }
+
+  async _updateGroupInfo(groupId, currentUser, groupNickname, remark, notice) {
+    return this.http.post(this.endpoints.updateGroupInfo, { groupId, currentUser, groupNickname, remark, notice })
+  }
+
+  /**
+   * 修改群成员专属昵称
+   */
+  async updateMemberNick(groupId, currentUser, targetUsername, memberNick) {
+    return this._call('updateMemberNick', groupId, currentUser, targetUsername, memberNick)
+  }
+
+  async _updateMemberNick(groupId, currentUser, targetUsername, memberNick) {
+    return this.http.post(this.endpoints.updateMemberNick, { groupId, currentUser, targetUsername, memberNick })
+  }
+
+  /**
+   * 群主解散/删除群聊
+   */
+  async deleteGroup(groupId, currentUser) {
+    return this._call('deleteGroup', groupId, currentUser)
+  }
+
+  async _deleteGroup(groupId, currentUser) {
+    return this.http.post(this.endpoints.deleteGroup, { groupId, currentUser })
+  }
+
+  /**
+   * 群主移除群成员
+   */
+  async removeGroupMember(groupId, currentUser, targetUsername) {
+    return this._call('removeGroupMember', groupId, currentUser, targetUsername)
+  }
+
+  async _removeGroupMember(groupId, currentUser, targetUsername) {
+    return this.http.post(this.endpoints.removeGroupMember, { groupId, currentUser, targetUsername })
+  }
+
+  /**
+   * 转让群主权限
+   */
+  async transferGroupOwner(groupId, currentUser, newOwnerUsername) {
+    return this._call('transferGroupOwner', groupId, currentUser, newOwnerUsername)
+  }
+
+  async _transferGroupOwner(groupId, currentUser, newOwnerUsername) {
+    return this.http.post(this.endpoints.transferGroupOwner, { groupId, currentUser, newOwnerUsername })
+  }
+
+  /**
+   * 标记单条群消息为已读
+   */
+  async readSingleGroupMsg(groupId, currentUser, groupMsgId) {
+    return this._call('readSingleGroupMsg', groupId, currentUser, groupMsgId)
+  }
+
+  async _readSingleGroupMsg(groupId, currentUser, groupMsgId) {
+    return this.http.post(this.endpoints.readSingleGroupMsg, { groupId, currentUser, groupMsgId })
+  }
+
+  /**
+   * 一键标记当前群全部未读消息为已读
+   */
+  async readAllGroupMsg(groupId, currentUser) {
+    return this._call('readAllGroupMsg', groupId, currentUser)
+  }
+
+  async _readAllGroupMsg(groupId, currentUser) {
+    return this.http.post(this.endpoints.readAllGroupMsg, { groupId, currentUser })
+  }
 }
 
 export default ChatApi

package/src/core/websocket.js

@@ -70,17 +70,33 @@ export class ChatWebSocket {
 
   /**
    * 发送消息
+   * @param {string} target - 目标用户或群ID
+   * @param {string} message - 消息内容
+   * @param {string} type - 消息类型
+   * @param {string} fileUrl - 文件地址
+   * @param {string} fileName - 文件名
+   * @param {number} fileSize - 文件大小
+   * @param {boolean} isGroup - 是否为群聊消息
    */
-  send(to, message, type = 'text', fileUrl = '', fileName = '', fileSize = 0) {
+  send(target, message, type = 'text', fileUrl = '', fileName = '', fileSize = 0, isGroup = false) {
     if (this.isConnected()) {
-      const data = JSON.stringify({ 
-        to, 
-        msg: message,
-        type,
-        fileUrl,
-        fileName,
-        fileSize
-      })
+      const data = isGroup 
+        ? JSON.stringify({ 
+            toGroupId: target, 
+            msg: message,
+            type,
+            fileUrl,
+            fileName,
+            fileSize
+          })
+        : JSON.stringify({ 
+            to: target, 
+            msg: message,
+            type,
+            fileUrl,
+            fileName,
+            fileSize
+          })
       this.socket.send(data)
       return true
     }

package/src/index.js

@@ -3,14 +3,11 @@ import './style.css'
 
 // 先导入组件用于 Vue 插件
 import ChatPanel from './components/ChatPanel.vue'
-import ChatWindow from './components/ChatWindow.vue'
 import AvatarCrop from './components/AvatarCrop.vue'
 
 // 导出组件 - 新的独立面板组件（推荐使用）
 export { ChatPanel }
 
-// 保留旧版弹窗组件，向后兼容
-export { ChatWindow }
 
 export { AvatarCrop }
 
@@ -32,7 +29,6 @@ export { HttpClient } from './core/request.js'
 export const VueChatKit = {
   install(app) {
     app.component('ChatPanel', ChatPanel)
-    app.component('ChatWindow', ChatWindow)
     app.component('AvatarCrop', AvatarCrop)
   }
 }