vue-chat-kit 0.3.4 → 0.3.6

package/src/components/ChatPanel.vue

@@ -996,7 +996,7 @@ const saveUserInfo = async () => {
 
 // 生命周期
 onMounted(async () => {
-  await Promise.all([getFriendList(), loadFriendApplyList(), getUserInfo()])
+  await Promise.all([getFriendList(), loadFriendApplyList()])
   initWebSocket()
   if (filteredUsers.value.length > 0) {
     selectChat(filteredUsers.value[0])
@@ -1207,7 +1207,13 @@ onUnmounted(() => {
   border-radius: 9999px;
   padding: 2px 6px;
   min-width: 18px;
+  min-height: 18px;
+  height: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   text-align: center;
+  line-height: 1;
 }
 
 /* 添加好友 */

package/src/core/adapter-example.js

@@ -0,0 +1,189 @@
+/**
+ * 聊天组件 API 适配器示例
+ * 
+ * 使用方法：
+ * 1. 复制这个文件到你的项目中
+ * 2. 修改实现以符合你的后端 API
+ * 3. 在组件配置中传入 adapter
+ * 
+ * const chatConfig = createChatConfig({
+ *   api: {
+ *     baseUrl: 'http://your-api.com',
+ *     adapter: customAdapter
+ *   }
+ * })
+ */
+
+export const customAdapter = {
+  /**
+   * 获取好友列表
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number, data: Array}>}
+   */
+  async getFriends(currentUser) {
+    // 你的实现
+    // 预期返回格式：
+    // {
+    //   code: 200,
+    //   data: [
+    //     {
+    //       username: 'friend1',
+    //       nickname: '好友昵称',
+    //       avatar: '头像地址',
+    //       online: true,
+    //       isChatting: true,
+    //       lastMsg: '最后一条消息',
+    //       lastTime: '2024-01-01 12:00:00'
+    //     }
+    //   ]
+    // }
+    console.log('getFriends 被调用, currentUser:', currentUser)
+    return { code: 200, data: [] }
+  },
+
+  /**
+   * 获取聊天历史
+   * @param {string} fromUser - 发送者
+   * @param {string} toUser - 接收者
+   * @returns {Promise<{code: number, data: Array}>}
+   */
+  async getHistory(fromUser, toUser) {
+    // 你的实现
+    // 预期返回格式：
+    // {
+    //   code: 200,
+    //   data: [
+    //     {
+    //       sendUsername: '发送者',
+    //       receiveUsername: '接收者',
+    //       msgContent: '消息内容',
+    //       type: 'text' | 'file' | 'image',
+    //       createTime: '2024-01-01 12:00:00',
+    //       fileUrl: '文件地址',
+    //       fileName: '文件名',
+    //       fileSize: 1024,
+    //       isRead: false
+    //     }
+    //   ]
+    // }
+    console.log('getHistory 被调用', { fromUser, toUser })
+    return { code: 200, data: [] }
+  },
+
+  /**
+   * 标记消息已读
+   * @param {string} currentUser - 当前用户
+   * @param {string} friendUser - 好友用户名
+   * @returns {Promise<{code: number}>}
+   */
+  async setRead(currentUser, friendUser) {
+    console.log('setRead 被调用', { currentUser, friendUser })
+    return { code: 200 }
+  },
+
+  /**
+   * 上传文件
+   * @param {File} file - 文件对象
+   * @returns {Promise<{code: number, data: {fileUrl: string, fileName: string}}>}
+   */
+  async uploadFile(file) {
+    console.log('uploadFile 被调用, file:', file)
+    return { code: 200, data: { fileUrl: '', fileName: file.name } }
+  },
+
+  /**
+   * 获取可添加的用户列表
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number, data: Array}>}
+   */
+  async getAvailableUsers(currentUser) {
+    console.log('getAvailableUsers 被调用, currentUser:', currentUser)
+    return { code: 200, data: [] }
+  },
+
+  /**
+   * 添加好友
+   * @param {string} currentUser - 当前用户
+   * @param {string} friendUser - 要添加的好友用户名
+   * @returns {Promise<{code: number}>}
+   */
+  async addFriend(currentUser, friendUser) {
+    console.log('addFriend 被调用', { currentUser, friendUser })
+    return { code: 200 }
+  },
+
+  /**
+   * 获取好友申请列表
+   * @param {string} currentUser - 当前用户名
+   * @returns {Promise<{code: number, data: Array}>}
+   */
+  async getApplyList(currentUser) {
+    console.log('getApplyList 被调用, currentUser:', currentUser)
+    return { code: 200, data: [] }
+  },
+
+  /**
+   * 同意好友申请
+   * @param {string} applyUser - 申请者用户名
+   * @param {string} friendUser - 被申请者用户名
+   * @returns {Promise<{code: number}>}
+   */
+  async agreeFriend(applyUser, friendUser) {
+    console.log('agreeFriend 被调用', { applyUser, friendUser })
+    return { code: 200 }
+  },
+
+  /**
+   * 设置聊天状态
+   * @param {string} currentUser - 当前用户
+   * @param {string} friendUser - 好友用户名
+   * @param {number} status - 状态 1=聊天中 0=关闭
+   * @returns {Promise<{code: number}>}
+   */
+  async setChatStatus(currentUser, friendUser, status) {
+    console.log('setChatStatus 被调用', { currentUser, friendUser, status })
+    return { code: 200 }
+  },
+
+  /**
+   * 获取用户信息
+   * @param {string} username - 用户名
+   * @returns {Promise<{code: number, data: Object}>}
+   */
+  async getUserInfo(username) {
+    console.log('getUserInfo 被调用, username:', username)
+    return { code: 200, data: { username, nickname: '', avatar: '', email: '', phone: '', bio: '' } }
+  },
+
+  /**
+   * 更新用户信息
+   * @param {string} username - 用户名
+   * @param {Object} data - 更新的数据
+   * @returns {Promise<{code: number}>}
+   */
+  async updateUserInfo(username, data) {
+    console.log('updateUserInfo 被调用', { username, data })
+    return { code: 200 }
+  },
+
+  /**
+   * 获取用户头像
+   * @param {string} username - 用户名
+   * @returns {Promise<{code: number, data: string}>} data 是头像地址
+   */
+  async getUserAvatar(username) {
+    console.log('getUserAvatar 被调用, username:', username)
+    return { code: 200, data: '' }
+  },
+
+  /**
+   * 上传头像
+   * @param {File} file - 头像文件
+   * @param {string} username - 用户名
+   * @returns {Promise<{code: number, data: string}>} data 是新的头像地址
+   */
+  async uploadAvatar(file, username) {
+    console.log('uploadAvatar 被调用', { file, username })
+    return { code: 200, data: '' }
+  }
+}