vue-chat-kit 0.3.5 → 0.3.7

package/dist/vue-chat-kit.es.js

@@ -1,6 +1,6 @@
-import { ref as _, computed as we, nextTick as Oe, watch as Et, resolveComponent as be, openBlock as a, createBlock as G, withCtx as k, createElementVNode as e, createElementBlock as p, normalizeStyle as Xe, Fragment as me, renderList as fe, withModifiers as Be, normalizeClass as J, createVNode as m, createTextVNode as ue, onMounted as _t, onUnmounted as bt, unref as c, resolveDynamicComponent as kt, toDisplayString as y, createCommentVNode as S, isRef as Ie, withDirectives as wt, withKeys as Ct, vModelText as xt } from "vue";
-import { ChatDotRound as Ye, UserFilled as Qe, Bell as Ut, Setting as $t, Search as qe, Plus as St, MoreFilled as zt, Document as At, Download as Vt, Folder as Ze, Picture as Ft, ChatLineRound as It, Camera as Rt } from "@element-plus/icons-vue";
-import ft from "dayjs";
+import { ref as _, computed as we, watch as _t, nextTick as Oe, resolveComponent as be, openBlock as a, createBlock as G, withCtx as k, createElementVNode as e, createElementBlock as p, normalizeStyle as Xe, Fragment as me, renderList as he, withModifiers as Be, normalizeClass as J, createVNode as m, createTextVNode as ue, onMounted as bt, onUnmounted as kt, unref as d, resolveDynamicComponent as wt, toDisplayString as y, createCommentVNode as S, isRef as Ie, withDirectives as Ct, withKeys as xt, vModelText as Ut } from "vue";
+import { ChatDotRound as Ye, UserFilled as Qe, Bell as $t, Setting as St, Search as qe, Plus as zt, MoreFilled as At, Document as Vt, Download as Ft, Folder as Ze, Picture as It, ChatLineRound as Rt, Camera as Mt } from "@element-plus/icons-vue";
+import ht from "dayjs";
 import { ElMessage as Q } from "element-plus";
 class Dt {
   constructor(t, n = {}) {
@@ -168,8 +168,8 @@ class Wt {
         fetch(Z, ve),
         this.timeoutPromise(this.timeout)
       ]);
-      if (this.responseInterceptors.forEach((de) => {
-        U = de(U);
+      if (this.responseInterceptors.forEach((ce) => {
+        U = ce(U);
       }), !U.ok)
         throw new Je(
           `HTTP ${U.status}: ${U.statusText}`,
@@ -177,8 +177,8 @@ class Wt {
           U.status
         );
       const A = U.headers.get("content-type");
-      let f;
-      return A && A.includes("application/json") ? f = await U.json() : f = await U.text(), f;
+      let h;
+      return A && A.includes("application/json") ? h = await U.json() : h = await U.text(), h;
     } catch (V) {
       throw V instanceof Je ? V : new Je(
         V instanceof Error ? V.message : "网络错误",
@@ -201,7 +201,7 @@ class Wt {
     return this.request(t, { ...n, method: "DELETE" });
   }
 }
-class ht {
+class ft {
   constructor(t, n = null) {
     this.config = t, this.endpoints = t.api.endpoints, this.customAdapter = t.api.adapter, n ? this.http = n : this.http = new Wt({
       baseUrl: t.api.baseUrl,
@@ -235,6 +235,15 @@ class ht {
   async _getAvailableUsers(t) {
     return this.http.get(this.endpoints.getAvailableUsers, { currentUser: t });
   }
+  /**
+   * 搜索用户
+   */
+  async searchUser(t) {
+    return this._call("searchUser", t);
+  }
+  async _searchUser(t) {
+    return this.http.get(this.endpoints.searchUser, { keyword: t });
+  }
   /**
    * 添加好友
    */
@@ -340,13 +349,13 @@ class ht {
     return v.append("file", t), v.append("username", n), this.http.post(this.endpoints.uploadAvatar, v);
   }
 }
-const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ChatApi: ht,
-  default: ht
+  ChatApi: ft,
+  default: ft
 }, Symbol.toStringTag, { value: "Module" }));
-function Lt(x, t) {
-  const n = new ht(x);
+function Tt(x, t) {
+  const n = new ft(x);
   let v = null;
   const $ = x.user.username, ee = _(x.user.avatar || `https://api.dicebear.com/7.x/avataaars/svg?seed=${$}`), H = _({
     username: $,
@@ -354,82 +363,77 @@ function Lt(x, t) {
     email: x.user.email || "",
     phone: x.user.phone || "",
     bio: x.user.bio || ""
-  }), Z = _(!1), X = _([]), ve = _([]), V = _([]), U = _(""), A = _(""), f = _(""), de = _(null), Ae = _(!1), he = _(""), C = _([]), ge = _(!1), Ce = _([]), Ve = _(!1), xe = we(() => {
+  }), Z = _(!1), X = _([]), ve = _([]), V = _([]), U = _(""), A = _(""), h = _(""), ce = _(null), Ae = _(!1), ye = _(""), C = _([]), fe = _(!1), Ce = _([]), Ve = _(!1), xe = we(() => {
     let i = ve.value;
     if (A.value) {
-      const d = A.value.toLowerCase();
+      const c = A.value.toLowerCase();
       i = i.filter(
         (g) => {
           var F;
-          return (F = g.username) == null ? void 0 : F.toLowerCase().includes(d);
+          return (F = g.username) == null ? void 0 : F.toLowerCase().includes(c);
         }
       );
     }
-    return i.map((d) => ({
-      id: d.username,
-      name: d.username,
-      avatar: d.avatar || ee.value,
-      online: d.online,
-      lastMsg: d.lastMsg || "暂无消息",
-      lastTime: d.lastTime,
-      unread: d.unReadNum || 0
+    return i.map((c) => ({
+      id: c.username,
+      name: c.username,
+      avatar: c.avatar || ee.value,
+      online: c.online,
+      lastMsg: c.lastMsg || "暂无消息",
+      lastTime: c.lastTime,
+      unread: c.unReadNum || 0
     }));
   }), Se = we(() => {
     let i = X.value;
     if (A.value) {
-      const d = A.value.toLowerCase();
+      const c = A.value.toLowerCase();
       i = i.filter(
         (g) => {
           var F;
-          return (F = g.username) == null ? void 0 : F.toLowerCase().includes(d);
+          return (F = g.username) == null ? void 0 : F.toLowerCase().includes(c);
         }
       );
     }
-    return i.map((d) => ({
-      id: d.username,
-      name: d.username,
-      avatar: d.avatar || ee.value,
-      online: d.online,
-      isChatting: d.isChatting
+    return i.map((c) => ({
+      id: c.username,
+      name: c.username,
+      avatar: c.avatar || ee.value,
+      online: c.online,
+      isChatting: c.isChatting
     }));
-  }), Fe = we(() => he.value ? C.value.filter(
-    (i) => {
-      var d;
-      return (d = i.username) == null ? void 0 : d.toLowerCase().includes(he.value.toLowerCase());
-    }
-  ) : C.value), Re = we(() => xe.value.find((i) => i.id === U.value) || null), De = we(() => V.value.map((i) => {
-    const d = i.type === "file" || i.fileUrl || i.fileName, g = i.fileName || i.msgContent;
+  }), Fe = we(() => C.value), Re = we(() => xe.value.find((i) => i.id === U.value) || null), De = we(() => V.value.map((i) => {
+    const c = i.type === "file" || i.fileUrl || i.fileName, g = i.fileName || i.msgContent;
     return {
       text: i.msgContent,
       isSelf: i.sendUsername === $,
       time: i.createTime,
       sendUsername: i.sendUsername,
-      type: d ? "file" : "text",
+      type: c ? "file" : "text",
       fileType: w(g) ? "image" : z(g),
       fileUrl: i.fileUrl || "",
       fileName: g,
       fileSize: i.fileSize || 0
     };
-  })), We = (i) => ft(i).format("HH:mm"), Me = (i) => {
+  })), We = (i) => ht(i).format("HH:mm"), Me = (i) => {
     if (!i) return "";
-    const d = ft(), g = ft(i);
-    return d.isSame(g, "day") ? g.format("HH:mm") : d.diff(g, "day") === 1 ? "昨天" : d.diff(g, "day") < 7 ? ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][g.day()] : g.format("MM/DD");
+    const c = ht(), g = ht(i);
+    return c.isSame(g, "day") ? g.format("HH:mm") : c.diff(g, "day") === 1 ? "昨天" : c.diff(g, "day") < 7 ? ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][g.day()] : g.format("MM/DD");
   }, w = (i) => {
     if (!i) return !1;
-    const d = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"], g = i.split(".").pop().toLowerCase();
-    return d.includes(g);
+    const c = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"], g = i.split(".").pop().toLowerCase();
+    return c.includes(g);
   }, z = (i) => {
     if (!i) return "default";
-    const d = i.split(".").pop().toLowerCase();
-    return ["xls", "xlsx"].includes(d) ? "excel" : ["pdf"].includes(d) ? "pdf" : ["doc", "docx"].includes(d) ? "docx" : "default";
+    const c = i.split(".").pop().toLowerCase();
+    return ["xls", "xlsx"].includes(c) ? "excel" : ["pdf"].includes(c) ? "pdf" : ["doc", "docx"].includes(c) ? "docx" : "default";
   }, Y = () => {
     Oe(() => {
-      de.value && (de.value.scrollTop = de.value.scrollHeight);
+      ce.value && (ce.value.scrollTop = ce.value.scrollHeight);
     });
   }, I = async () => {
     try {
-      const d = (await n.getFriends($)).data || [];
-      X.value = d, ve.value = d.filter((g) => g.isChatting === 1);
+      const c = (await n.getFriends($)).data || [];
+      X.value = c, ve.value = c.filter((g) => g.isChatting === 1);
       for (const g of ve.value)
         try {
           const _e = (await n.getHistory($, g.username)).data || [];
@@ -444,46 +448,46 @@ function Lt(x, t) {
     }
   }, R = async (i) => {
     try {
-      const d = await n.getHistory($, i);
-      V.value = d.data || [], Y();
-    } catch (d) {
-      console.error("[VueChatKit] 获取聊天历史失败", d);
+      const c = await n.getHistory($, i);
+      V.value = c.data || [], Y();
+    } catch (c) {
+      console.error("[VueChatKit] 获取聊天历史失败", c);
     }
   }, M = async (i) => {
     try {
       await n.setRead($, i), I();
-    } catch (d) {
-      console.error("[VueChatKit] 标记已读失败", d);
+    } catch (c) {
+      console.error("[VueChatKit] 标记已读失败", c);
     }
   }, E = async (i) => {
     U.value = i.id, await R(i.id), await M(i.id), Y();
-  }, N = async (i, d = 1) => {
+  }, N = async (i, c = 1) => {
     try {
-      return await n.setChatStatus($, i, d), await I(), !0;
+      return await n.setChatStatus($, i, c), await I(), !0;
     } catch (g) {
       return console.error("[VueChatKit] 设置聊天状态失败", g), !1;
     }
   }, P = () => {
-    if (!f.value.trim() || !U.value || !v) return;
-    if (v.send(U.value, f.value.trim(), "text")) {
-      const d = {
-        msgContent: f.value.trim(),
+    if (!h.value.trim() || !U.value || !v) return;
+    if (v.send(U.value, h.value.trim(), "text")) {
+      const c = {
+        msgContent: h.value.trim(),
         sendUsername: $,
         receiveUsername: U.value,
         createTime: /* @__PURE__ */ new Date(),
         isRead: 0,
         type: "text"
       };
-      V.value.push(d), f.value = "", Y(), setTimeout(() => {
+      V.value.push(c), h.value = "", Y(), setTimeout(() => {
         R(U.value), I();
       }, 300);
     }
   }, L = async (i) => {
     if (!U.value || !v) return !1;
     try {
-      const d = await n.uploadFile(i);
-      if (d.code === 200 && d.data) {
-        const { fileUrl: g, fileName: F } = d.data;
+      const c = await n.uploadFile(i);
+      if (c.code === 200 && c.data) {
+        const { fileUrl: g, fileName: F } = c.data;
         if (v.send(
           U.value,
           F,
@@ -507,14 +511,14 @@ function Lt(x, t) {
         }
       }
       return !1;
-    } catch (d) {
-      return console.error("[VueChatKit] 发送文件失败", d), !1;
+    } catch (c) {
+      return console.error("[VueChatKit] 发送文件失败", c), !1;
     }
-  }, q = async (i, d) => {
+  }, q = async (i, c) => {
     if (!(!U.value || !v)) {
-      if (d && d.trim() && v.send(U.value, d.trim(), "text")) {
+      if (c && c.trim() && v.send(U.value, c.trim(), "text")) {
         const F = {
-          msgContent: d.trim(),
+          msgContent: c.trim(),
           sendUsername: $,
           receiveUsername: U.value,
           createTime: /* @__PURE__ */ new Date(),
@@ -546,18 +550,18 @@ function Lt(x, t) {
           };
       } catch {
       }
-      const d = i.match(/^\[(.+?)\]：(.+)$/);
-      if (d)
+      const c = i.match(/^\[(.+?)\]：(.+)$/);
+      if (c)
         return {
-          username: d[1],
-          content: d[2],
+          username: c[1],
+          content: c[2],
           type: "text"
         };
-    } catch (d) {
-      console.error("[VueChatKit] 解析消息失败", d);
+    } catch (c) {
+      console.error("[VueChatKit] 解析消息失败", c);
     }
     return null;
-  }, se = (i) => {
+  }, ae = (i) => {
     if (i.includes("【状态变更】")) {
       const g = /【状态变更】(.+?) 已(上线|下线)/, F = i.match(g);
       if (F) {
@@ -566,29 +570,29 @@ function Lt(x, t) {
       }
       return;
     }
-    const d = te(i);
-    if (d) {
+    const c = te(i);
+    if (c) {
       const g = {
-        content: d.content,
-        username: d.username || U.value,
-        type: d.type || "text",
-        fileUrl: d.fileUrl || "",
-        fileName: d.fileName || "",
-        fileSize: d.fileSize || 0,
+        content: c.content,
+        username: c.username || U.value,
+        type: c.type || "text",
+        fileUrl: c.fileUrl || "",
+        fileName: c.fileName || "",
+        fileSize: c.fileSize || 0,
         timestamp: /* @__PURE__ */ new Date()
       };
       if (U.value) {
         try {
           let F = {
-            msgContent: d.content,
+            msgContent: c.content,
             sendUsername: g.username,
             receiveUsername: $,
             createTime: /* @__PURE__ */ new Date(),
             isRead: 0,
-            type: d.type || "text",
-            fileUrl: d.fileUrl || "",
-            fileName: d.fileName || "",
-            fileSize: d.fileSize || 0
+            type: c.type || "text",
+            fileUrl: c.fileUrl || "",
+            fileName: c.fileName || "",
+            fileSize: c.fileSize || 0
           };
           V.value.push(F), Y();
         } catch (F) {
@@ -598,32 +602,32 @@ function Lt(x, t) {
       }
       I(), t && typeof t == "function" && t(g);
     }
-  }, le = () => {
+  }, de = () => {
     const i = `${x.api.websocketUrl}?userId=${$}`;
     v = new Dt($, {
       wsUrl: i,
       maxReconnectAttempts: x.websocket.maxReconnectAttempts,
       reconnectDelay: x.websocket.reconnectDelay
-    }), v.on("message", se), v.connect();
+    }), v.on("message", ae), v.connect();
   }, pe = () => {
     v && (v.close(), v = null);
   }, B = async () => {
-    Ae.value = !0, he.value = "", await ae();
-  }, ae = async () => {
-    ge.value = !0;
+    Ae.value = !0, ye.value = "", C.value = [];
+  }, se = async (i = "") => {
+    fe.value = !0;
     try {
-      const i = await n.getAvailableUsers($);
-      C.value = (i == null ? void 0 : i.data) || [];
-    } catch (i) {
-      console.error("[VueChatKit] 获取可用用户失败", i);
+      let c;
+      i ? c = await n.searchUser(i) : c = await n.getAvailableUsers($), C.value = (c == null ? void 0 : c.data) || [];
+    } catch (c) {
+      console.error("[VueChatKit] 获取可用用户失败", c);
     } finally {
-      ge.value = !1;
+      fe.value = !1;
     }
   }, ne = async (i) => {
     try {
       await n.addFriend($, i.username), await I(), Ae.value = !1;
-    } catch (d) {
-      console.error("[VueChatKit] 添加好友失败", d);
+    } catch (c) {
+      console.error("[VueChatKit] 添加好友失败", c);
     }
   }, D = async () => {
     Ve.value = !0;
@@ -638,8 +642,8 @@ function Lt(x, t) {
   }, W = async (i) => {
     try {
       await n.agreeFriend(i, $), await D(), await I();
-    } catch (d) {
-      console.error("[VueChatKit] 同意好友申请失败", d);
+    } catch (c) {
+      console.error("[VueChatKit] 同意好友申请失败", c);
     }
   }, ie = async () => {
     try {
@@ -648,7 +652,7 @@ function Lt(x, t) {
     } catch (i) {
       console.warn("[VueChatKit] 加载头像失败", i);
     }
-  }, oe = (i) => {
+  }, le = (i) => {
     ee.value = i;
   }, K = async () => {
     Z.value = !0;
@@ -663,19 +667,21 @@ function Lt(x, t) {
     } finally {
       Z.value = !1;
     }
-  }, re = async (i) => {
+  }, oe = async (i) => {
     try {
       return (await n.updateUserInfo($, i)).code === 200 ? (H.value = {
         ...H.value,
         ...i
       }, !0) : !1;
-    } catch (d) {
-      return console.error("[VueChatKit] 更新用户信息失败", d), !1;
+    } catch (c) {
+      return console.error("[VueChatKit] 更新用户信息失败", c), !1;
     }
   }, ze = () => {
-    U.value = "", V.value = [], f.value = "", A.value = "";
+    U.value = "", V.value = [], h.value = "", A.value = "";
   };
-  return ie(), {
+  return ie(), _t(ye, async (i) => {
+    await se(i);
+  }), {
     // 状态
     myUsername: $,
     myAvatar: ee,
@@ -687,16 +693,16 @@ function Lt(x, t) {
     chatMsgList: V,
     currentSelectName: U,
     searchText: A,
-    inputText: f,
-    messagesContainer: de,
+    inputText: h,
+    messagesContainer: ce,
     filteredUsers: xe,
     filteredAvailableUsers: Fe,
     currentUser: Re,
     currentMessages: De,
     addFriendDialogVisible: Ae,
-    addFriendSearchText: he,
+    addFriendSearchText: ye,
     availableUsers: C,
-    loadingAvailableUsers: ge,
+    loadingAvailableUsers: fe,
     friendApplyList: Ce,
     loadingFriendApply: Ve,
     // 方法
@@ -710,16 +716,17 @@ function Lt(x, t) {
     sendMessage: P,
     sendFile: L,
     sendFilesAndText: q,
-    initWebSocket: le,
+    initWebSocket: de,
     closeWebSocket: pe,
     reset: ze,
     openAddFriendDialog: B,
+    loadAvailableUsers: se,
     addFriend: ne,
     loadFriendApplyList: D,
     agreeFriend: W,
-    updateMyAvatar: oe,
+    updateMyAvatar: le,
     getUserInfo: K,
-    updateUserInfo: re
+    updateUserInfo: oe
   };
 }
 const gt = (x, t) => {
@@ -761,25 +768,25 @@ const gt = (x, t) => {
       displayHeight: 0,
       offsetX: 0,
       offsetY: 0
-    }), f = _({
+    }), h = _({
       x: 0,
       y: 0,
       size: 150,
       minSize: v.minSize
-    }), de = we(() => ({
+    }), ce = we(() => ({
       width: `${A.value.displayWidth}px`,
       height: `${A.value.displayHeight}px`,
       maxWidth: "none",
       maxHeight: "none",
       display: "block"
     })), Ae = we(() => ({
-      left: `${f.value.x}px`,
-      top: `${f.value.y}px`,
-      width: `${f.value.size}px`,
-      height: `${f.value.size / v.aspectRatio}px`
+      left: `${h.value.x}px`,
+      top: `${h.value.y}px`,
+      width: `${h.value.size}px`,
+      height: `${h.value.size / v.aspectRatio}px`
     }));
-    let he = null, C = null;
-    const ge = () => {
+    let ye = null, C = null;
+    const fe = () => {
       Oe(() => {
         const w = V.value, z = ve.value;
         if (!w || !z) return;
@@ -794,27 +801,27 @@ const gt = (x, t) => {
           offsetY: L
         };
         const q = Math.min(E, N) * 0.6;
-        f.value.size = q, f.value.x = P + (E - q) / 2, f.value.y = L + (N - q / v.aspectRatio) / 2, Ce();
+        h.value.size = q, h.value.x = P + (E - q) / 2, h.value.y = L + (N - q / v.aspectRatio) / 2, Ce();
       });
     }, Ce = () => {
       const w = U.value, z = V.value;
       if (!w || !z) return;
-      const Y = w.getContext("2d"), { naturalWidth: I, naturalHeight: R, displayWidth: M, displayHeight: E, offsetX: N, offsetY: P } = A.value, L = I / M, q = R / E, te = (f.value.x - N) * L, se = (f.value.y - P) * q, le = f.value.size * L, pe = f.value.size / v.aspectRatio * q;
-      Y.clearRect(0, 0, w.width, w.height), Y.drawImage(z, te, se, le, pe, 0, 0, w.width, w.height);
+      const Y = w.getContext("2d"), { naturalWidth: I, naturalHeight: R, displayWidth: M, displayHeight: E, offsetX: N, offsetY: P } = A.value, L = I / M, q = R / E, te = (h.value.x - N) * L, ae = (h.value.y - P) * q, de = h.value.size * L, pe = h.value.size / v.aspectRatio * q;
+      Y.clearRect(0, 0, w.width, w.height), Y.drawImage(z, te, ae, de, pe, 0, 0, w.width, w.height);
     }, Ve = (w) => {
       w.preventDefault();
       const z = w.clientX || w.touches[0].clientX, Y = w.clientY || w.touches[0].clientY;
-      he = {
+      ye = {
         startX: z,
         startY: Y,
-        boxX: f.value.x,
-        boxY: f.value.y
+        boxX: h.value.x,
+        boxY: h.value.y
       };
       const I = (M) => {
-        const E = M.clientX || M.touches[0].clientX, N = M.clientY || M.touches[0].clientY, P = E - he.startX, L = N - he.startY, { offsetX: q, offsetY: te, displayWidth: se, displayHeight: le } = A.value, pe = f.value.size / v.aspectRatio, B = Math.max(q, Math.min(q + se - f.value.size, he.boxX + P)), ae = Math.max(te, Math.min(te + le - pe, he.boxY + L));
-        f.value.x = B, f.value.y = ae, Ce();
+        const E = M.clientX || M.touches[0].clientX, N = M.clientY || M.touches[0].clientY, P = E - ye.startX, L = N - ye.startY, { offsetX: q, offsetY: te, displayWidth: ae, displayHeight: de } = A.value, pe = h.value.size / v.aspectRatio, B = Math.max(q, Math.min(q + ae - h.value.size, ye.boxX + P)), se = Math.max(te, Math.min(te + de - pe, ye.boxY + L));
+        h.value.x = B, h.value.y = se, Ce();
       }, R = () => {
-        he = null, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", R), document.removeEventListener("touchmove", I), document.removeEventListener("touchend", R);
+        ye = null, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", R), document.removeEventListener("touchmove", I), document.removeEventListener("touchend", R);
       };
       document.addEventListener("mousemove", I), document.addEventListener("mouseup", R), document.addEventListener("touchmove", I, { passive: !1 }), document.addEventListener("touchend", R);
     }, xe = (w, z) => {
@@ -824,41 +831,41 @@ const gt = (x, t) => {
         handle: w,
         startX: Y,
         startY: I,
-        boxX: f.value.x,
-        boxY: f.value.y,
-        boxSize: f.value.size
+        boxX: h.value.x,
+        boxY: h.value.y,
+        boxSize: h.value.size
       };
       const R = (E) => {
-        const N = E.clientX || E.touches[0].clientX, P = E.clientY || E.touches[0].clientY, L = N - C.startX, q = P - C.startY, { offsetX: te, offsetY: se, displayWidth: le, displayHeight: pe } = A.value;
-        let B = C.boxSize, ae = C.boxX, ne = C.boxY;
+        const N = E.clientX || E.touches[0].clientX, P = E.clientY || E.touches[0].clientY, L = N - C.startX, q = P - C.startY, { offsetX: te, offsetY: ae, displayWidth: de, displayHeight: pe } = A.value;
+        let B = C.boxSize, se = C.boxX, ne = C.boxY;
         const D = C.boxSize / v.aspectRatio;
         switch (w) {
           case "se":
-            B = Math.max(f.value.minSize, Math.min(le - (C.boxX - te), pe - (C.boxY - se), C.boxSize + Math.max(L, q)));
+            B = Math.max(h.value.minSize, Math.min(de - (C.boxX - te), pe - (C.boxY - ae), C.boxSize + Math.max(L, q)));
             break;
           case "nw":
-            B = Math.max(f.value.minSize, Math.min(C.boxX - te + C.boxSize, C.boxY - se + D, C.boxSize - Math.max(L, q))), ae = C.boxX + (C.boxSize - B), ne = C.boxY + (D - B / v.aspectRatio);
+            B = Math.max(h.value.minSize, Math.min(C.boxX - te + C.boxSize, C.boxY - ae + D, C.boxSize - Math.max(L, q))), se = C.boxX + (C.boxSize - B), ne = C.boxY + (D - B / v.aspectRatio);
             break;
           case "ne":
-            B = Math.max(f.value.minSize, Math.min(te + le - C.boxX, C.boxY - se + D, C.boxSize + Math.max(L, -q))), ne = C.boxY + (D - B / v.aspectRatio);
+            B = Math.max(h.value.minSize, Math.min(te + de - C.boxX, C.boxY - ae + D, C.boxSize + Math.max(L, -q))), ne = C.boxY + (D - B / v.aspectRatio);
             break;
           case "sw":
-            B = Math.max(f.value.minSize, Math.min(C.boxX - te + C.boxSize, se + pe - C.boxY, C.boxSize + Math.max(-L, q))), ae = C.boxX + (C.boxSize - B);
+            B = Math.max(h.value.minSize, Math.min(C.boxX - te + C.boxSize, ae + pe - C.boxY, C.boxSize + Math.max(-L, q))), se = C.boxX + (C.boxSize - B);
             break;
           case "n":
-            B = Math.max(f.value.minSize, Math.min(C.boxY - se + D, C.boxSize - q)), ne = C.boxY + (D - B / v.aspectRatio);
+            B = Math.max(h.value.minSize, Math.min(C.boxY - ae + D, C.boxSize - q)), ne = C.boxY + (D - B / v.aspectRatio);
             break;
           case "s":
-            B = Math.max(f.value.minSize, Math.min(se + pe - C.boxY, C.boxSize + q));
+            B = Math.max(h.value.minSize, Math.min(ae + pe - C.boxY, C.boxSize + q));
             break;
           case "w":
-            B = Math.max(f.value.minSize, Math.min(C.boxX - te + C.boxSize, C.boxSize - L)), ae = C.boxX + (C.boxSize - B);
+            B = Math.max(h.value.minSize, Math.min(C.boxX - te + C.boxSize, C.boxSize - L)), se = C.boxX + (C.boxSize - B);
             break;
           case "e":
-            B = Math.max(f.value.minSize, Math.min(te + le - C.boxX, C.boxSize + L));
+            B = Math.max(h.value.minSize, Math.min(te + de - C.boxX, C.boxSize + L));
             break;
         }
-        f.value.size = B, f.value.x = ae, f.value.y = ne, Ce();
+        h.value.size = B, h.value.x = se, h.value.y = ne, Ce();
       }, M = () => {
         C = null, document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", M), document.removeEventListener("touchmove", R), document.removeEventListener("touchend", M);
       };
@@ -866,11 +873,11 @@ const gt = (x, t) => {
     }, Se = () => {
       const w = document.createElement("canvas"), z = V.value;
       if (!z) return null;
-      const { naturalWidth: Y, naturalHeight: I, displayWidth: R, displayHeight: M, offsetX: E, offsetY: N } = A.value, P = Y / R, L = I / M, q = (f.value.x - E) * P, te = (f.value.y - N) * L, se = f.value.size * P, le = f.value.size / v.aspectRatio * L;
-      return w.width = v.outputSize, w.height = v.outputSize / v.aspectRatio, w.getContext("2d").drawImage(z, q, te, se, le, 0, 0, w.width, w.height), new Promise((B) => {
+      const { naturalWidth: Y, naturalHeight: I, displayWidth: R, displayHeight: M, offsetX: E, offsetY: N } = A.value, P = Y / R, L = I / M, q = (h.value.x - E) * P, te = (h.value.y - N) * L, ae = h.value.size * P, de = h.value.size / v.aspectRatio * L;
+      return w.width = v.outputSize, w.height = v.outputSize / v.aspectRatio, w.getContext("2d").drawImage(z, q, te, ae, de, 0, 0, w.width, w.height), new Promise((B) => {
         w.toBlob(
-          (ae) => {
-            B(new File([ae], "avatar.jpg", { type: v.outputType }));
+          (se) => {
+            B(new File([se], "avatar.jpg", { type: v.outputType }));
           },
           v.outputType,
           v.outputQuality
@@ -879,8 +886,8 @@ const gt = (x, t) => {
     }, Fe = () => {
       const w = document.createElement("canvas"), z = V.value;
       if (!z) return null;
-      const { naturalWidth: Y, naturalHeight: I, displayWidth: R, displayHeight: M, offsetX: E, offsetY: N } = A.value, P = Y / R, L = I / M, q = (f.value.x - E) * P, te = (f.value.y - N) * L, se = f.value.size * P, le = f.value.size / v.aspectRatio * L;
-      return w.width = v.outputSize, w.height = v.outputSize / v.aspectRatio, w.getContext("2d").drawImage(z, q, te, se, le, 0, 0, w.width, w.height), w.toDataURL(v.outputType, v.outputQuality);
+      const { naturalWidth: Y, naturalHeight: I, displayWidth: R, displayHeight: M, offsetX: E, offsetY: N } = A.value, P = Y / R, L = I / M, q = (h.value.x - E) * P, te = (h.value.y - N) * L, ae = h.value.size * P, de = h.value.size / v.aspectRatio * L;
+      return w.width = v.outputSize, w.height = v.outputSize / v.aspectRatio, w.getContext("2d").drawImage(z, q, te, ae, de, 0, 0, w.width, w.height), w.toDataURL(v.outputType, v.outputQuality);
     }, Re = async () => {
       if (H.value) {
         X.value = !0;
@@ -898,13 +905,13 @@ const gt = (x, t) => {
     }, We = () => {
       Me(), $("closed");
     }, Me = () => {
-      f.value = { x: 0, y: 0, size: 150, minSize: v.minSize };
+      h.value = { x: 0, y: 0, size: 150, minSize: v.minSize };
     };
-    return Et(
+    return _t(
       () => v.src,
       (w) => {
         w && Oe(() => {
-          V.value && V.value.complete && ge();
+          V.value && V.value.complete && fe();
         });
       }
     ), t({
@@ -956,8 +963,8 @@ const gt = (x, t) => {
                   src: H.value,
                   ref_key: "imageRef",
                   ref: V,
-                  onLoad: ge,
-                  style: Xe(de.value)
+                  onLoad: fe,
+                  style: Xe(ce.value)
                 }, null, 44, Yt),
                 e("div", {
                   class: "crop-box",
@@ -965,7 +972,7 @@ const gt = (x, t) => {
                   onMousedown: Ve,
                   onTouchstart: Ve
                 }, [
-                  (a(), p(me, null, fe(Z, (M) => e("div", {
+                  (a(), p(me, null, he(Z, (M) => e("div", {
                     key: M,
                     class: J(["crop-handle", M]),
                     onMousedown: Be((E) => xe(M, E), ["stop"]),
@@ -1007,7 +1014,7 @@ const gt = (x, t) => {
 }, os = { class: "chat-list-info" }, rs = { class: "chat-list-header" }, cs = { class: "chat-list-name" }, ds = { class: "chat-list-time" }, us = { class: "chat-list-preview" }, vs = { class: "chat-list-last-msg" }, ps = {
   key: 0,
   class: "chat-list-unread"
-}, ms = { key: 1 }, fs = { class: "add-friend-section" }, hs = { class: "add-friend-icon" }, gs = ["onClick"], ys = { class: "chat-list-avatar-wrapper" }, _s = ["src", "alt"], bs = { class: "chat-list-info" }, ks = { class: "chat-list-name" }, ws = { key: 2 }, Cs = { class: "friend-request-info" }, xs = ["src", "alt"], Us = { class: "friend-request-details" }, $s = { class: "friend-request-username" }, Ss = { class: "chat-main-area" }, zs = {
+}, ms = { key: 1 }, hs = { class: "add-friend-section" }, fs = { class: "add-friend-icon" }, gs = ["onClick"], ys = { class: "chat-list-avatar-wrapper" }, _s = ["src", "alt"], bs = { class: "chat-list-info" }, ks = { class: "chat-list-name" }, ws = { key: 2 }, Cs = { class: "friend-request-info" }, xs = ["src", "alt"], Us = { class: "friend-request-details" }, $s = { class: "friend-request-username" }, Ss = { class: "chat-main-area" }, zs = {
   key: 0,
   class: "friend-profile-area"
 }, As = ["src", "alt"], Vs = { class: "profile-name" }, Fs = { class: "profile-status" }, Is = {
@@ -1037,7 +1044,7 @@ const gt = (x, t) => {
 }, da = { class: "empty-state-text" }, ua = {
   key: 0,
   class: "chat-detail-panel"
-}, va = { class: "chat-detail-content" }, pa = { class: "chat-detail-profile" }, ma = ["src", "alt"], fa = { class: "chat-detail-name" }, ha = { class: "add-friend-search-wrapper" }, ga = { class: "add-friend-users-list" }, ya = { class: "add-friend-user-info" }, _a = ["src", "alt"], ba = { class: "add-friend-user-name" }, ka = { class: "chat-settings-container" }, wa = { class: "chat-settings-avatar-section" }, Ca = { class: "chat-settings-avatar-wrapper" }, xa = ["src"], Ua = { class: "chat-settings-user-display" }, $a = { class: "chat-settings-nickname" }, Sa = { class: "chat-settings-username" }, za = { class: "chat-settings-form-section" }, Aa = { class: "chat-settings-form-header" }, Va = { class: "chat-settings-form-title" }, Fa = { class: "chat-settings-form" }, Ia = { class: "chat-settings-form-item" }, Ra = {
+}, va = { class: "chat-detail-content" }, pa = { class: "chat-detail-profile" }, ma = ["src", "alt"], ha = { class: "chat-detail-name" }, fa = { class: "add-friend-search-wrapper" }, ga = { class: "add-friend-users-list" }, ya = { class: "add-friend-user-info" }, _a = ["src", "alt"], ba = { class: "add-friend-user-name" }, ka = { class: "chat-settings-container" }, wa = { class: "chat-settings-avatar-section" }, Ca = { class: "chat-settings-avatar-wrapper" }, xa = ["src"], Ua = { class: "chat-settings-user-display" }, $a = { class: "chat-settings-nickname" }, Sa = { class: "chat-settings-username" }, za = { class: "chat-settings-form-section" }, Aa = { class: "chat-settings-form-header" }, Va = { class: "chat-settings-form-title" }, Fa = { class: "chat-settings-form" }, Ia = { class: "chat-settings-form-item" }, Ra = {
   key: 1,
   class: "chat-settings-form-value"
 }, Ma = { class: "chat-settings-form-item" }, La = {
@@ -1069,12 +1076,12 @@ const gt = (x, t) => {
       searchText: V,
       inputText: U,
       messagesContainer: A,
-      filteredUsers: f,
-      filteredAvailableUsers: de,
+      filteredUsers: h,
+      filteredAvailableUsers: ce,
       currentUser: Ae,
-      currentMessages: he,
+      currentMessages: ye,
       addFriendDialogVisible: C,
-      addFriendSearchText: ge,
+      addFriendSearchText: fe,
       availableUsers: Ce,
       loadingAvailableUsers: Ve,
       friendApplyList: xe,
@@ -1096,48 +1103,48 @@ const gt = (x, t) => {
       addFriend: L,
       loadFriendApplyList: q,
       agreeFriend: te,
-      updateMyAvatar: se,
-      getUserInfo: le,
+      updateMyAvatar: ae,
+      getUserInfo: de,
       updateUserInfo: pe
-    } = Lt(n.config, (h) => {
-      v("message", h);
+    } = Tt(n.config, (f) => {
+      v("message", f);
     }), B = we(() => {
       var r;
-      const h = [{ id: "chat", icon: Ye, badge: 0 }];
-      return n.config.modules.friends && h.push({ id: "friends", icon: Qe, badge: 0 }), n.config.modules.apply && h.push({ id: "apply", icon: Ut, badge: ((r = xe.value) == null ? void 0 : r.length) || 0 }), h;
-    }), ae = _("chat"), ne = _(null), D = _(null), W = _(null), ie = _(!1), oe = _(!1), K = _({ nickname: "", email: "", phone: "", bio: "" }), re = _(!1), ze = _(!1), i = _(!1), d = _(!1), g = _(null), F = _(""), _e = _(null), j = _([]), O = _({ visible: !1, x: 0, y: 0, chat: null }), Ue = (h, r) => {
-      h.preventDefault(), h.stopPropagation(), O.value = { visible: !0, x: h.clientX, y: h.clientY, chat: r };
+      const f = [{ id: "chat", icon: Ye, badge: 0 }];
+      return n.config.modules.friends && f.push({ id: "friends", icon: Qe, badge: 0 }), n.config.modules.apply && f.push({ id: "apply", icon: $t, badge: ((r = xe.value) == null ? void 0 : r.length) || 0 }), f;
+    }), se = _("chat"), ne = _(null), D = _(null), W = _(null), ie = _(!1), le = _(!1), K = _({ nickname: "", email: "", phone: "", bio: "" }), oe = _(!1), ze = _(!1), i = _(!1), c = _(!1), g = _(null), F = _(""), _e = _(null), j = _([]), O = _({ visible: !1, x: 0, y: 0, chat: null }), Ue = (f, r) => {
+      f.preventDefault(), f.stopPropagation(), O.value = { visible: !0, x: f.clientX, y: f.clientY, chat: r };
     }, Le = () => {
       O.value.visible = !1;
     }, et = async () => {
       if (!O.value.chat) return;
       await w(O.value.chat.id, 0) && ne.value === O.value.chat.id && (ne.value = null, D.value = null), Le();
-    }, Te = (h) => {
-      ne.value = h.id, D.value = h, W.value = null, ie.value = !1, z({
-        id: h.id,
-        name: h.name,
-        avatar: h.avatar,
-        online: h.online
+    }, Te = (f) => {
+      ne.value = f.id, D.value = f, W.value = null, ie.value = !1, z({
+        id: f.id,
+        name: f.name,
+        avatar: f.avatar,
+        online: f.online
       });
-    }, tt = (h) => {
-      W.value = h, ne.value = null, D.value = null;
+    }, tt = (f) => {
+      W.value = f, ne.value = null, D.value = null;
     }, st = async () => {
       if (!W.value) return;
       if (await w(W.value.id)) {
-        ae.value = "chat", await Oe();
-        const r = f.value.find((u) => u.id === W.value.id);
+        se.value = "chat", await Oe();
+        const r = h.value.find((u) => u.id === W.value.id);
         r && Te(r), W.value = null;
       }
     }, at = () => {
       ze.value = !0;
     }, nt = () => {
-      var h;
-      (h = g.value) == null || h.click();
+      var f;
+      (f = g.value) == null || f.click();
     }, it = () => {
-      var h;
-      (h = _e.value) == null || h.click();
-    }, lt = (h) => {
-      const r = Array.from(h.target.files || []);
+      var f;
+      (f = _e.value) == null || f.click();
+    }, lt = (f) => {
+      const r = Array.from(f.target.files || []);
       if (r.length !== 0) {
         for (const u of r) {
           if (u.size > 50 * 1024 * 1024) {
@@ -1157,22 +1164,22 @@ const gt = (x, t) => {
         }
         _e.value && (_e.value.value = "");
       }
-    }, Ke = (h) => {
-      const r = j.value[h];
-      r.previewUrl && URL.revokeObjectURL(r.previewUrl), j.value.splice(h, 1);
-    }, Ne = (h) => {
-      if (h === 0) return "0 B";
-      const r = 1024, u = ["B", "KB", "MB", "GB"], s = Math.floor(Math.log(h) / Math.log(r));
-      return parseFloat((h / Math.pow(r, s)).toFixed(2)) + " " + u[s];
+    }, Ke = (f) => {
+      const r = j.value[f];
+      r.previewUrl && URL.revokeObjectURL(r.previewUrl), j.value.splice(f, 1);
+    }, Ne = (f) => {
+      if (f === 0) return "0 B";
+      const r = 1024, u = ["B", "KB", "MB", "GB"], s = Math.floor(Math.log(f) / Math.log(r));
+      return parseFloat((f / Math.pow(r, s)).toFixed(2)) + " " + u[s];
     }, Pe = async () => {
       if (!U.value.trim() && j.value.length === 0) return;
-      const h = [...j.value], r = U.value;
+      const f = [...j.value], r = U.value;
       U.value = "", j.value.forEach((u) => {
         u.previewUrl && URL.revokeObjectURL(u.previewUrl);
-      }), j.value = [], await R(h, r), v("send", { text: r, files: h });
-    }, ot = (h) => {
+      }), j.value = [], await R(f, r), v("send", { text: r, files: f });
+    }, ot = (f) => {
       var u;
-      const r = (u = h.clipboardData) == null ? void 0 : u.items;
+      const r = (u = f.clipboardData) == null ? void 0 : u.items;
       if (r) {
         for (const s of r)
           if (s.kind === "file") {
@@ -1195,16 +1202,16 @@ const gt = (x, t) => {
             }
           }
       }
-    }, je = (h) => {
-      if (!h) {
+    }, je = (f) => {
+      if (!f) {
         Q.warning("文件地址无效");
         return;
       }
-      window.open(h, "_blank");
-    }, rt = (h) => {
-      console.warn("图片加载失败", h);
-    }, ct = (h) => {
-      const r = h.target.files[0];
+      window.open(f, "_blank");
+    }, rt = (f) => {
+      console.warn("图片加载失败", f);
+    }, ct = (f) => {
+      const r = f.target.files[0];
       if (!r) return;
       if (!r.type.startsWith("image/")) {
         Q.error("只能上传图片文件");
@@ -1218,16 +1225,16 @@ const gt = (x, t) => {
       u.onload = (s) => {
         F.value = s.target.result, i.value = !0;
       }, u.readAsDataURL(r);
-    }, dt = async ({ file: h }) => {
-      if (h) {
-        d.value = !0;
+    }, dt = async ({ file: f }) => {
+      if (f) {
+        c.value = !0;
         try {
-          const { ChatApi: r } = await Promise.resolve().then(() => Mt), s = await new r(n.config).uploadAvatar(h, $);
-          s.code === 200 ? (Q.success("头像上传成功"), se(s.data), Ge()) : Q.error(s.msg || "头像上传失败");
+          const { ChatApi: r } = await Promise.resolve().then(() => Lt), s = await new r(n.config).uploadAvatar(f, $);
+          s.code === 200 ? (Q.success("头像上传成功"), ae(s.data), Ge()) : Q.error(s.msg || "头像上传失败");
         } catch (r) {
           console.error(r), Q.error("头像上传失败");
         } finally {
-          d.value = !1;
+          c.value = !1;
         }
       }
     }, Ge = () => {
@@ -1238,26 +1245,26 @@ const gt = (x, t) => {
         email: H.value.email || "",
         phone: H.value.phone || "",
         bio: H.value.bio || ""
-      }, oe.value = !0;
+      }, le.value = !0;
     }, vt = () => {
-      oe.value = !1, K.value = { nickname: "", email: "", phone: "", bio: "" };
+      le.value = !1, K.value = { nickname: "", email: "", phone: "", bio: "" };
     }, pt = async () => {
-      re.value = !0;
+      oe.value = !0;
       try {
-        await pe(K.value) ? (Q.success("保存成功"), oe.value = !1) : Q.error("保存失败");
-      } catch (h) {
-        console.error(h), Q.error("保存失败");
+        await pe(K.value) ? (Q.success("保存成功"), le.value = !1) : Q.error("保存失败");
+      } catch (f) {
+        console.error(f), Q.error("保存失败");
       } finally {
-        re.value = !1;
+        oe.value = !1;
       }
     };
-    return _t(async () => {
-      await Promise.all([We(), q(), le()]), M(), f.value.length > 0 && Te(f.value[0]), v("init"), document.addEventListener("click", Le);
-    }), bt(() => {
+    return bt(async () => {
+      await Promise.all([We(), q()]), M(), h.value.length > 0 && Te(h.value[0]), v("init"), document.addEventListener("click", Le);
+    }), kt(() => {
       N(), E(), document.removeEventListener("click", Le);
-    }), (h, r) => {
+    }), (f, r) => {
       var ke, He, Ee;
-      const u = be("el-icon"), s = be("el-input"), b = be("el-empty"), T = be("el-button"), ce = be("el-dialog");
+      const u = be("el-icon"), s = be("el-input"), b = be("el-empty"), T = be("el-button"), re = be("el-dialog");
       return a(), p("div", jt, [
         e("div", Ot, [
           e("div", {
@@ -1265,22 +1272,22 @@ const gt = (x, t) => {
             onClick: at
           }, [
             e("img", {
-              src: c(ee),
+              src: d(ee),
               alt: "头像",
               class: "sidebar-avatar-img"
             }, null, 8, Gt)
           ]),
-          (a(!0), p(me, null, fe(B.value, (o) => (a(), p("div", {
+          (a(!0), p(me, null, he(B.value, (o) => (a(), p("div", {
             key: o.id,
             class: J([
               "sidebar-nav-item",
-              ae.value === o.id ? "sidebar-nav-item-active" : "sidebar-nav-item-inactive"
+              se.value === o.id ? "sidebar-nav-item-active" : "sidebar-nav-item-inactive"
             ]),
-            onClick: (ye) => ae.value = o.id
+            onClick: (ge) => se.value = o.id
           }, [
             m(u, { size: 24 }, {
               default: k(() => [
-                (a(), G(kt(o.icon)))
+                (a(), G(wt(o.icon)))
               ]),
               _: 2
             }, 1024),
@@ -1295,7 +1302,7 @@ const gt = (x, t) => {
           }, [
             m(u, { size: 24 }, {
               default: k(() => [
-                m(c($t))
+                m(d(St))
               ]),
               _: 1
             })
@@ -1304,23 +1311,23 @@ const gt = (x, t) => {
         e("div", Zt, [
           e("div", es, [
             m(s, {
-              modelValue: c(V),
+              modelValue: d(V),
               "onUpdate:modelValue": r[1] || (r[1] = (o) => Ie(V) ? V.value = o : null),
               placeholder: "搜索",
-              "prefix-icon": c(qe),
+              "prefix-icon": d(qe),
               class: "chat-search-input"
             }, null, 8, ["modelValue", "prefix-icon"])
           ]),
           e("div", ts, [
-            ae.value === "chat" ? (a(), p("div", ss, [
-              (a(!0), p(me, null, fe(c(f), (o) => (a(), p("div", {
+            se.value === "chat" ? (a(), p("div", ss, [
+              (a(!0), p(me, null, he(d(h), (o) => (a(), p("div", {
                 key: o.id,
                 class: J([
                   "chat-list-item",
                   ne.value === o.id ? "chat-list-item-active" : ""
                 ]),
-                onClick: (ye) => Te(o),
-                onContextmenu: Be((ye) => Ue(ye, o), ["prevent", "stop"])
+                onClick: (ge) => Te(o),
+                onContextmenu: Be((ge) => Ue(ge, o), ["prevent", "stop"])
               }, [
                 e("div", ns, [
                   e("img", {
@@ -1333,7 +1340,7 @@ const gt = (x, t) => {
                 e("div", os, [
                   e("div", rs, [
                     e("span", cs, y(o.name), 1),
-                    e("span", ds, y(c(Re)(o.lastTime)), 1)
+                    e("span", ds, y(d(Re)(o.lastTime)), 1)
                   ]),
                   e("div", us, [
                     e("span", vs, y(o.lastMsg), 1),
@@ -1342,19 +1349,19 @@ const gt = (x, t) => {
                 ])
               ], 42, as))), 128))
             ])) : S("", !0),
-            ae.value === "friends" && x.config.modules.friends ? (a(), p("div", ms, [
-              e("div", fs, [
+            se.value === "friends" && x.config.modules.friends ? (a(), p("div", ms, [
+              e("div", hs, [
                 e("div", {
                   class: "add-friend-btn",
-                  onClick: r[2] || (r[2] = (...o) => c(P) && c(P)(...o))
+                  onClick: r[2] || (r[2] = (...o) => d(P) && d(P)(...o))
                 }, [
-                  e("div", hs, [
+                  e("div", fs, [
                     m(u, {
                       class: "text-white",
                       size: 20
                     }, {
                       default: k(() => [
-                        m(c(St))
+                        m(d(zt))
                       ]),
                       _: 1
                     })
@@ -1362,10 +1369,10 @@ const gt = (x, t) => {
                   r[14] || (r[14] = e("span", { class: "add-friend-text" }, "添加好友", -1))
                 ])
               ]),
-              (a(!0), p(me, null, fe(c(ve), (o) => (a(), p("div", {
+              (a(!0), p(me, null, he(d(ve), (o) => (a(), p("div", {
                 key: o.id,
                 class: "chat-list-item",
-                onClick: (ye) => tt(o)
+                onClick: (ge) => tt(o)
               }, [
                 e("div", ys, [
                   e("img", {
@@ -1385,14 +1392,14 @@ const gt = (x, t) => {
                 ])
               ], 8, gs))), 128))
             ])) : S("", !0),
-            ae.value === "apply" && x.config.modules.apply ? (a(), p("div", ws, [
-              c(Se) ? (a(), G(b, {
+            se.value === "apply" && x.config.modules.apply ? (a(), p("div", ws, [
+              d(Se) ? (a(), G(b, {
                 key: 0,
                 description: "加载中..."
-              })) : c(xe).length === 0 ? (a(), G(b, {
+              })) : d(xe).length === 0 ? (a(), G(b, {
                 key: 1,
                 description: "暂无好友申请"
-              })) : (a(!0), p(me, { key: 2 }, fe(c(xe), (o) => (a(), p("div", {
+              })) : (a(!0), p(me, { key: 2 }, he(d(xe), (o) => (a(), p("div", {
                 key: o.applyUser || o.id,
                 class: "friend-request-item"
               }, [
@@ -1410,7 +1417,7 @@ const gt = (x, t) => {
                 m(T, {
                   type: "primary",
                   size: "small",
-                  onClick: (ye) => c(te)(o.applyUser)
+                  onClick: (ge) => d(te)(o.applyUser)
                 }, {
                   default: k(() => [...r[16] || (r[16] = [
                     ue("同意", -1)
@@ -1447,7 +1454,7 @@ const gt = (x, t) => {
               default: k(() => [
                 m(u, null, {
                   default: k(() => [
-                    m(c(Ye))
+                    m(d(Ye))
                   ]),
                   _: 1
                 }),
@@ -1470,7 +1477,7 @@ const gt = (x, t) => {
               e("div", Ts, [
                 m(u, { class: "chat-action-icon" }, {
                   default: k(() => [
-                    m(c(qe))
+                    m(d(qe))
                   ]),
                   _: 1
                 }),
@@ -1479,7 +1486,7 @@ const gt = (x, t) => {
                   onClick: r[3] || (r[3] = (o) => ie.value = !ie.value)
                 }, {
                   default: k(() => [
-                    m(c(zt))
+                    m(d(At))
                   ]),
                   _: 1
                 })
@@ -1490,8 +1497,8 @@ const gt = (x, t) => {
               ref: A,
               class: "chat-messages-container"
             }, [
-              (a(!0), p(me, null, fe(c(he), (o, ye) => (a(), p("div", {
-                key: ye,
+              (a(!0), p(me, null, he(d(ye), (o, ge) => (a(), p("div", {
+                key: ge,
                 class: J([
                   "message-wrapper",
                   o.isSelf ? "message-self" : "message-other"
@@ -1499,7 +1506,7 @@ const gt = (x, t) => {
               }, [
                 e("div", Es, [
                   e("img", {
-                    src: o.isSelf ? c(ee) : D.value.avatar,
+                    src: o.isSelf ? d(ee) : D.value.avatar,
                     class: "message-avatar-img"
                   }, null, 8, Ds)
                 ]),
@@ -1546,7 +1553,7 @@ const gt = (x, t) => {
                         e("div", Ns, [
                           m(u, { size: 28 }, {
                             default: k(() => [
-                              m(c(At))
+                              m(d(Vt))
                             ]),
                             _: 1
                           })
@@ -1556,7 +1563,7 @@ const gt = (x, t) => {
                           e("div", Os, [
                             m(u, { size: 12 }, {
                               default: k(() => [
-                                m(c(Vt))
+                                m(d(Ft))
                               ]),
                               _: 1
                             }),
@@ -1571,14 +1578,14 @@ const gt = (x, t) => {
                         "message-time",
                         o.isSelf ? "message-time-right" : "message-time-left"
                       ])
-                    }, y(c(Fe)(o.time)), 3)
+                    }, y(d(Fe)(o.time)), 3)
                   ])
                 ], 2)
               ], 2))), 128))
             ], 512),
             e("div", Js, [
               j.value.length > 0 ? (a(), p("div", Qs, [
-                (a(!0), p(me, null, fe(j.value, (o, ye) => (a(), p("div", {
+                (a(!0), p(me, null, he(j.value, (o, ge) => (a(), p("div", {
                   key: o.id,
                   class: "pending-file-item"
                 }, [
@@ -1589,19 +1596,19 @@ const gt = (x, t) => {
                       class: "pending-image"
                     }, null, 8, ea),
                     e("button", {
-                      onClick: (l) => Ke(ye),
+                      onClick: (l) => Ke(ge),
                       class: "pending-file-remove-btn"
                     }, " × ", 8, ta)
                   ])) : (a(), p("div", sa, [
                     m(u, { class: "pending-file-icon" }, {
                       default: k(() => [
-                        m(c(Ze))
+                        m(d(Ze))
                       ]),
                       _: 1
                     }),
                     e("span", aa, y(o.name), 1),
                     e("button", {
-                      onClick: (l) => Ke(ye),
+                      onClick: (l) => Ke(ge),
                       class: "pending-file-remove-btn"
                     }, " × ", 8, na)
                   ]))
@@ -1610,7 +1617,7 @@ const gt = (x, t) => {
               x.config.modules.fileUpload ? (a(), p("div", ia, [
                 m(u, { class: "input-toolbar-icon" }, {
                   default: k(() => [
-                    m(c(Ye))
+                    m(d(Ye))
                   ]),
                   _: 1
                 }),
@@ -1619,33 +1626,33 @@ const gt = (x, t) => {
                   onClick: it
                 }, {
                   default: k(() => [
-                    m(c(Ze))
+                    m(d(Ze))
                   ]),
                   _: 1
                 }),
                 m(u, { class: "input-toolbar-icon" }, {
                   default: k(() => [
-                    m(c(Ft))
+                    m(d(It))
                   ]),
                   _: 1
                 })
               ])) : S("", !0),
               e("div", la, [
-                wt(e("textarea", {
+                Ct(e("textarea", {
                   "onUpdate:modelValue": r[4] || (r[4] = (o) => Ie(U) ? U.value = o : null),
-                  onKeydown: Ct(Be(Pe, ["prevent"]), ["enter"]),
+                  onKeydown: xt(Be(Pe, ["prevent"]), ["enter"]),
                   onPaste: ot,
                   placeholder: "输入消息或粘贴文件...",
                   class: "message-input-textarea",
                   rows: "3"
                 }, null, 40, oa), [
-                  [xt, c(U)]
+                  [Ut, d(U)]
                 ])
               ]),
               e("div", ra, [
                 m(T, {
                   type: "primary",
-                  disabled: !c(U).trim() && j.value.length === 0,
+                  disabled: !d(U).trim() && j.value.length === 0,
                   onClick: Pe,
                   class: "send-message-btn"
                 }, {
@@ -1670,11 +1677,11 @@ const gt = (x, t) => {
               class: "empty-state-icon"
             }, {
               default: k(() => [
-                m(c(It))
+                m(d(Rt))
               ]),
               _: 1
             }),
-            e("div", da, y(ae.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
+            e("div", da, y(se.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
           ]))
         ]),
         ie.value ? (a(), p("div", ua, [
@@ -1686,7 +1693,7 @@ const gt = (x, t) => {
                 alt: (He = D.value) == null ? void 0 : He.name,
                 class: "chat-detail-avatar"
               }, null, 8, ma),
-              e("div", fa, y((Ee = D.value) == null ? void 0 : Ee.name), 1),
+              e("div", ha, y((Ee = D.value) == null ? void 0 : Ee.name), 1),
               r[20] || (r[20] = e("div", { class: "chat-detail-actions" }, [
                 e("div", { class: "chat-detail-action-item" }, "查找聊天记录"),
                 e("div", { class: "chat-detail-action-item" }, "清空聊天记录")
@@ -1694,31 +1701,31 @@ const gt = (x, t) => {
             ])
           ])
         ])) : S("", !0),
-        m(ce, {
-          modelValue: c(C),
+        m(re, {
+          modelValue: d(C),
           "onUpdate:modelValue": r[6] || (r[6] = (o) => Ie(C) ? C.value = o : null),
           title: "添加好友",
           width: "500px",
           "append-to-body": ""
         }, {
           default: k(() => [
-            e("div", ha, [
+            e("div", fa, [
               m(s, {
-                modelValue: c(ge),
-                "onUpdate:modelValue": r[5] || (r[5] = (o) => Ie(ge) ? ge.value = o : null),
+                modelValue: d(fe),
+                "onUpdate:modelValue": r[5] || (r[5] = (o) => Ie(fe) ? fe.value = o : null),
                 placeholder: "搜索用户",
-                "prefix-icon": c(qe),
+                "prefix-icon": d(qe),
                 class: "add-friend-search-input"
               }, null, 8, ["modelValue", "prefix-icon"])
             ]),
             e("div", ga, [
-              c(Ve) ? (a(), G(b, {
+              d(Ve) ? (a(), G(b, {
                 key: 0,
                 description: "加载中..."
-              })) : c(de).length === 0 ? (a(), G(b, {
+              })) : d(ce).length === 0 ? (a(), G(b, {
                 key: 1,
                 description: "暂无用户"
-              })) : (a(!0), p(me, { key: 2 }, fe(c(de), (o) => (a(), p("div", {
+              })) : (a(!0), p(me, { key: 2 }, he(d(ce), (o) => (a(), p("div", {
                 key: o.username,
                 class: "add-friend-user-item"
               }, [
@@ -1733,7 +1740,7 @@ const gt = (x, t) => {
                 m(T, {
                   type: "primary",
                   size: "small",
-                  onClick: (ye) => c(L)(o)
+                  onClick: (ge) => d(L)(o)
                 }, {
                   default: k(() => [...r[22] || (r[22] = [
                     ue("添加", -1)
@@ -1745,7 +1752,7 @@ const gt = (x, t) => {
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        m(ce, {
+        m(re, {
           modelValue: ze.value,
           "onUpdate:modelValue": r[11] || (r[11] = (o) => ze.value = o),
           title: "个人设置",
@@ -1759,7 +1766,7 @@ const gt = (x, t) => {
               e("div", wa, [
                 e("div", Ca, [
                   e("img", {
-                    src: c(ee),
+                    src: d(ee),
                     alt: "头像",
                     class: "chat-settings-avatar"
                   }, null, 8, xa),
@@ -1773,7 +1780,7 @@ const gt = (x, t) => {
                       class: "chat-settings-avatar-icon"
                     }, {
                       default: k(() => [
-                        m(c(Rt))
+                        m(d(Mt))
                       ]),
                       _: 1
                     })
@@ -1788,8 +1795,8 @@ const gt = (x, t) => {
                   }, null, 544)
                 ]),
                 e("div", Ua, [
-                  e("div", $a, y(c(H).nickname || c($)), 1),
-                  e("div", Sa, "@" + y(c($)), 1)
+                  e("div", $a, y(d(H).nickname || d($)), 1),
+                  e("div", Sa, "@" + y(d($)), 1)
                 ])
               ]),
               e("div", za, [
@@ -1797,13 +1804,13 @@ const gt = (x, t) => {
                   e("div", Va, [
                     m(u, null, {
                       default: k(() => [
-                        m(c(Qe))
+                        m(d(Qe))
                       ]),
                       _: 1
                     }),
                     r[23] || (r[23] = ue(" 个人信息 ", -1))
                   ]),
-                  oe.value ? S("", !0) : (a(), G(T, {
+                  le.value ? S("", !0) : (a(), G(T, {
                     key: 0,
                     type: "primary",
                     size: "small",
@@ -1819,37 +1826,37 @@ const gt = (x, t) => {
                 e("div", Fa, [
                   e("div", Ia, [
                     r[25] || (r[25] = e("label", { class: "chat-settings-form-label" }, "昵称", -1)),
-                    oe.value ? (a(), G(s, {
+                    le.value ? (a(), G(s, {
                       key: 0,
                       modelValue: K.value.nickname,
                       "onUpdate:modelValue": r[7] || (r[7] = (o) => K.value.nickname = o),
                       placeholder: "请输入昵称",
                       size: "large"
-                    }, null, 8, ["modelValue"])) : (a(), p("div", Ra, y(c(H).nickname || "未设置"), 1))
+                    }, null, 8, ["modelValue"])) : (a(), p("div", Ra, y(d(H).nickname || "未设置"), 1))
                   ]),
                   e("div", Ma, [
                     r[26] || (r[26] = e("label", { class: "chat-settings-form-label" }, "邮箱", -1)),
-                    oe.value ? (a(), G(s, {
+                    le.value ? (a(), G(s, {
                       key: 0,
                       modelValue: K.value.email,
                       "onUpdate:modelValue": r[8] || (r[8] = (o) => K.value.email = o),
                       placeholder: "请输入邮箱",
                       size: "large"
-                    }, null, 8, ["modelValue"])) : (a(), p("div", La, y(c(H).email || "未设置"), 1))
+                    }, null, 8, ["modelValue"])) : (a(), p("div", La, y(d(H).email || "未设置"), 1))
                   ]),
                   e("div", Ta, [
                     r[27] || (r[27] = e("label", { class: "chat-settings-form-label" }, "手机号", -1)),
-                    oe.value ? (a(), G(s, {
+                    le.value ? (a(), G(s, {
                       key: 0,
                       modelValue: K.value.phone,
                       "onUpdate:modelValue": r[9] || (r[9] = (o) => K.value.phone = o),
                       placeholder: "请输入手机号",
                       size: "large"
-                    }, null, 8, ["modelValue"])) : (a(), p("div", Ea, y(c(H).phone || "未设置"), 1))
+                    }, null, 8, ["modelValue"])) : (a(), p("div", Ea, y(d(H).phone || "未设置"), 1))
                   ]),
                   e("div", Da, [
                     r[28] || (r[28] = e("label", { class: "chat-settings-form-label" }, "个人简介", -1)),
-                    oe.value ? (a(), G(s, {
+                    le.value ? (a(), G(s, {
                       key: 0,
                       modelValue: K.value.bio,
                       "onUpdate:modelValue": r[10] || (r[10] = (o) => K.value.bio = o),
@@ -1857,9 +1864,9 @@ const gt = (x, t) => {
                       rows: 4,
                       placeholder: "介绍一下自己吧...",
                       size: "large"
-                    }, null, 8, ["modelValue"])) : (a(), p("div", Wa, y(c(H).bio || "这个人很懒，什么都没写~"), 1))
+                    }, null, 8, ["modelValue"])) : (a(), p("div", Wa, y(d(H).bio || "这个人很懒，什么都没写~"), 1))
                   ]),
-                  oe.value ? (a(), p("div", Ha, [
+                  le.value ? (a(), p("div", Ha, [
                     m(T, {
                       size: "default",
                       onClick: vt
@@ -1872,7 +1879,7 @@ const gt = (x, t) => {
                     m(T, {
                       type: "primary",
                       size: "default",
-                      loading: re.value,
+                      loading: oe.value,
                       onClick: pt
                     }, {
                       default: k(() => [...r[30] || (r[30] = [
@@ -1906,7 +1913,7 @@ const gt = (x, t) => {
       ]);
     };
   }
-}, Ya = /* @__PURE__ */ gt(Xa, [["__scopeId", "data-v-f5908195"]]), qa = { class: "chat-container" }, Ba = { class: "sidebar-nav" }, Ka = ["src"], Na = ["onClick"], Pa = {
+}, Ya = /* @__PURE__ */ gt(Xa, [["__scopeId", "data-v-c08932e1"]]), qa = { class: "chat-container" }, Ba = { class: "sidebar-nav" }, Ka = ["src"], Na = ["onClick"], Pa = {
   key: 0,
   class: "nav-badge"
 }, ja = { class: "content-panel" }, Oa = { class: "search-bar" }, Ga = { class: "content-scroll" }, Ja = { key: 0 }, Qa = ["onClick", "onContextmenu"], Za = { class: "friend-avatar-wrapper" }, en = ["src", "alt"], tn = {
@@ -1915,7 +1922,7 @@ const gt = (x, t) => {
 }, sn = { class: "friend-info" }, an = { class: "friend-header" }, nn = { class: "friend-name" }, ln = { class: "last-time" }, on = { class: "friend-preview" }, rn = { class: "last-msg" }, cn = {
   key: 0,
   class: "unread-badge"
-}, dn = { key: 1 }, un = { class: "add-friend-section" }, vn = { class: "add-friend-icon" }, pn = ["onClick"], mn = { class: "friend-avatar-wrapper" }, fn = ["src", "alt"], hn = { class: "friend-info" }, gn = { class: "friend-name" }, yn = { key: 2 }, _n = { class: "request-info" }, bn = ["src", "alt"], kn = { class: "request-details" }, wn = { class: "request-username" }, Cn = { class: "chat-area" }, xn = {
+}, dn = { key: 1 }, un = { class: "add-friend-section" }, vn = { class: "add-friend-icon" }, pn = ["onClick"], mn = { class: "friend-avatar-wrapper" }, hn = ["src", "alt"], fn = { class: "friend-info" }, gn = { class: "friend-name" }, yn = { key: 2 }, _n = { class: "request-info" }, bn = ["src", "alt"], kn = { class: "request-details" }, wn = { class: "request-username" }, Cn = { class: "chat-area" }, xn = {
   key: 0,
   class: "friend-profile"
 }, Un = ["src", "alt"], $n = { class: "profile-name" }, Sn = { class: "profile-status" }, zn = {
@@ -1945,7 +1952,7 @@ const gt = (x, t) => {
 }, li = { class: "empty-text" }, oi = {
   key: 0,
   class: "detail-panel"
-}, ri = { class: "detail-content" }, ci = { class: "detail-profile" }, di = ["src", "alt"], ui = { class: "detail-name" }, vi = { class: "search-users-wrapper" }, pi = { class: "search-users-input" }, mi = { class: "users-list-scroll" }, fi = { class: "available-user-info" }, hi = ["src", "alt"], gi = { class: "available-user-name" }, yi = { class: "settings-container" }, _i = { class: "settings-avatar-section" }, bi = { class: "settings-avatar-wrapper" }, ki = ["src"], wi = { class: "settings-user-display" }, Ci = { class: "settings-nickname" }, xi = { class: "settings-username" }, Ui = { class: "settings-form-section" }, $i = { class: "settings-form-header" }, Si = { class: "settings-form-title" }, zi = { class: "settings-form" }, Ai = { class: "settings-form-item" }, Vi = {
+}, ri = { class: "detail-content" }, ci = { class: "detail-profile" }, di = ["src", "alt"], ui = { class: "detail-name" }, vi = { class: "search-users-wrapper" }, pi = { class: "search-users-input" }, mi = { class: "users-list-scroll" }, hi = { class: "available-user-info" }, fi = ["src", "alt"], gi = { class: "available-user-name" }, yi = { class: "settings-container" }, _i = { class: "settings-avatar-section" }, bi = { class: "settings-avatar-wrapper" }, ki = ["src"], wi = { class: "settings-user-display" }, Ci = { class: "settings-nickname" }, xi = { class: "settings-username" }, Ui = { class: "settings-form-section" }, $i = { class: "settings-form-header" }, Si = { class: "settings-form-title" }, zi = { class: "settings-form" }, Ai = { class: "settings-form-item" }, Vi = {
   key: 1,
   class: "settings-form-value"
 }, Fi = { class: "settings-form-item" }, Ii = {
@@ -1981,12 +1988,12 @@ const gt = (x, t) => {
       filteredFriendList: V,
       searchText: U,
       inputText: A,
-      messagesContainer: f,
-      filteredUsers: de,
+      messagesContainer: h,
+      filteredUsers: ce,
       filteredAvailableUsers: Ae,
-      currentUser: he,
+      currentUser: ye,
       currentMessages: C,
-      addFriendDialogVisible: ge,
+      addFriendDialogVisible: fe,
       addFriendSearchText: Ce,
       availableUsers: Ve,
       loadingAvailableUsers: xe,
@@ -2008,21 +2015,21 @@ const gt = (x, t) => {
       openAddFriendDialog: L,
       addFriend: q,
       loadFriendApplyList: te,
-      agreeFriend: se,
-      updateMyAvatar: le,
+      agreeFriend: ae,
+      updateMyAvatar: de,
       getUserInfo: pe,
       updateUserInfo: B
-    } = Lt(n.config), ae = we(() => {
+    } = Tt(n.config), se = we(() => {
       var s;
       const u = [{ id: "chat", icon: Ye, badge: 0 }];
-      return n.config.modules.friends && u.push({ id: "friends", icon: Qe, badge: 0 }), n.config.modules.apply && u.push({ id: "apply", icon: Ut, badge: ((s = Se.value) == null ? void 0 : s.length) || 0 }), u;
-    }), ne = _("chat"), D = _(null), W = _(null), ie = _(null), oe = _(!1), K = _(!1), re = _({ nickname: "", email: "", phone: "", bio: "" }), ze = _(!1), i = _(!1), d = _(!1), g = _(!1), F = _(null), _e = _(""), j = _(null), O = _([]), Ue = _({ visible: !1, x: 0, y: 0, chat: null }), Le = () => {
+      return n.config.modules.friends && u.push({ id: "friends", icon: Qe, badge: 0 }), n.config.modules.apply && u.push({ id: "apply", icon: $t, badge: ((s = Se.value) == null ? void 0 : s.length) || 0 }), u;
+    }), ne = _("chat"), D = _(null), W = _(null), ie = _(null), le = _(!1), K = _(!1), oe = _({ nickname: "", email: "", phone: "", bio: "" }), ze = _(!1), i = _(!1), c = _(!1), g = _(!1), F = _(null), _e = _(""), j = _(null), O = _([]), Ue = _({ visible: !1, x: 0, y: 0, chat: null }), Le = () => {
       Ue.value.visible = !1;
     }, et = async () => {
       if (!Ue.value.chat) return;
       await z(Ue.value.chat.id, 0) && D.value === Ue.value.chat.id && (D.value = null, W.value = null), Le();
     }, Te = (u) => {
-      D.value = u.id, W.value = u, ie.value = null, oe.value = !1, Y({
+      D.value = u.id, W.value = u, ie.value = null, le.value = !1, Y({
         id: u.id,
         name: u.name,
         avatar: u.avatar,
@@ -2034,7 +2041,7 @@ const gt = (x, t) => {
       if (!ie.value) return;
       if (await z(ie.value.id)) {
         ne.value = "chat", await Oe();
-        const s = de.value.find((b) => b.id === ie.value.id);
+        const s = ce.value.find((b) => b.id === ie.value.id);
         s && Te(s), ie.value = null;
       }
     }, at = () => {
@@ -2085,21 +2092,21 @@ const gt = (x, t) => {
       if (s) {
         for (const T of s)
           if (T.kind === "file") {
-            const ce = T.getAsFile();
-            if (ce) {
-              if (ce.size > 50 * 1024 * 1024) {
-                Q.warning(`文件 ${ce.name} 超过50MB，已跳过`);
+            const re = T.getAsFile();
+            if (re) {
+              if (re.size > 50 * 1024 * 1024) {
+                Q.warning(`文件 ${re.name} 超过50MB，已跳过`);
                 continue;
               }
-              const ke = URL.createObjectURL(ce);
+              const ke = URL.createObjectURL(re);
               O.value.push({
                 id: Date.now() + Math.random(),
-                file: ce,
-                name: ce.name,
-                size: ce.size,
-                type: ce.type,
+                file: re,
+                name: re.name,
+                size: re.size,
+                type: re.type,
                 previewUrl: ke,
-                isImage: ce.type.startsWith("image/")
+                isImage: re.type.startsWith("image/")
               });
             }
           }
@@ -2125,14 +2132,14 @@ const gt = (x, t) => {
       }
       const b = new FileReader();
       b.onload = (T) => {
-        _e.value = T.target.result, d.value = !0;
+        _e.value = T.target.result, c.value = !0;
       }, b.readAsDataURL(s);
     }, dt = async ({ file: u }) => {
       if (u) {
         g.value = !0;
         try {
-          const { ChatApi: s } = await Promise.resolve().then(() => Mt), T = await new s(n.config).uploadAvatar(u, ee);
-          T.code === 200 ? (Q.success("头像上传成功"), le(T.data), Ge()) : Q.error(T.msg || "头像上传失败");
+          const { ChatApi: s } = await Promise.resolve().then(() => Lt), T = await new s(n.config).uploadAvatar(u, ee);
+          T.code === 200 ? (Q.success("头像上传成功"), de(T.data), Ge()) : Q.error(T.msg || "头像上传失败");
         } catch (s) {
           console.error(s), Q.error("头像上传失败");
         } finally {
@@ -2140,36 +2147,36 @@ const gt = (x, t) => {
         }
       }
     }, Ge = () => {
-      _e.value = "", d.value = !1, F.value && (F.value.value = "");
+      _e.value = "", c.value = !1, F.value && (F.value.value = "");
     }, ut = () => {
-      re.value = {
+      oe.value = {
         nickname: Z.value.nickname || "",
         email: Z.value.email || "",
         phone: Z.value.phone || "",
         bio: Z.value.bio || ""
       }, K.value = !0;
     }, vt = () => {
-      K.value = !1, re.value = { nickname: "", email: "", phone: "", bio: "" };
+      K.value = !1, oe.value = { nickname: "", email: "", phone: "", bio: "" };
     }, pt = async () => {
       ze.value = !0;
       try {
-        await B(re.value) ? (Q.success("保存成功"), K.value = !1) : Q.error("保存失败");
+        await B(oe.value) ? (Q.success("保存成功"), K.value = !1) : Q.error("保存失败");
       } catch (u) {
         console.error(u), Q.error("保存失败");
       } finally {
         ze.value = !1;
       }
-    }, h = () => {
-      P(), N(), oe.value = !1, i.value = !1, Ge(), K.value = !1, v("close");
+    }, f = () => {
+      P(), N(), le.value = !1, i.value = !1, Ge(), K.value = !1, v("close");
     }, r = async () => {
-      await Promise.all([Me(), te(), pe()]), E(), de.value.length > 0 && Te(de.value[0]), v("open");
+      await Promise.all([Me(), te(), pe()]), E(), ce.value.length > 0 && Te(ce.value[0]), v("open");
     };
-    return _t(() => {
+    return bt(() => {
       document.addEventListener("click", Le);
-    }), bt(() => {
+    }), kt(() => {
       document.removeEventListener("click", Le), N();
     }), (u, s) => {
-      const b = be("el-icon"), T = be("el-input"), ce = be("el-empty"), ke = be("el-button"), He = be("el-dialog");
+      const b = be("el-icon"), T = be("el-input"), re = be("el-empty"), ke = be("el-button"), He = be("el-dialog");
       return a(), G(He, {
         modelValue: $.value,
         "onUpdate:modelValue": s[13] || (s[13] = (Ee) => $.value = Ee),
@@ -2177,11 +2184,11 @@ const gt = (x, t) => {
         "close-on-click-modal": !1,
         class: "chat-dialog",
         "append-to-body": "",
-        onClosed: h,
+        onClosed: f,
         onOpen: r
       }, {
         default: k(() => {
-          var Ee, o, ye;
+          var Ee, o, ge;
           return [
             e("div", qa, [
               e("div", Ba, [
@@ -2190,12 +2197,12 @@ const gt = (x, t) => {
                   onClick: at
                 }, [
                   e("img", {
-                    src: c(H),
+                    src: d(H),
                     alt: "头像",
                     class: "avatar-img"
                   }, null, 8, Ka)
                 ]),
-                (a(!0), p(me, null, fe(ae.value, (l) => (a(), p("div", {
+                (a(!0), p(me, null, he(se.value, (l) => (a(), p("div", {
                   key: l.id,
                   class: J([
                     "nav-item",
@@ -2205,7 +2212,7 @@ const gt = (x, t) => {
                 }, [
                   m(b, { size: 24 }, {
                     default: k(() => [
-                      (a(), G(kt(l.icon)))
+                      (a(), G(wt(l.icon)))
                     ]),
                     _: 2
                   }, 1024),
@@ -2220,7 +2227,7 @@ const gt = (x, t) => {
                 }, [
                   m(b, { size: 24 }, {
                     default: k(() => [
-                      m(c($t))
+                      m(d(St))
                     ]),
                     _: 1
                   })
@@ -2229,15 +2236,15 @@ const gt = (x, t) => {
               e("div", ja, [
                 e("div", Oa, [
                   m(T, {
-                    modelValue: c(U),
+                    modelValue: d(U),
                     "onUpdate:modelValue": s[1] || (s[1] = (l) => Ie(U) ? U.value = l : null),
                     placeholder: "搜索",
-                    "prefix-icon": c(qe)
+                    "prefix-icon": d(qe)
                   }, null, 8, ["modelValue", "prefix-icon"])
                 ]),
                 e("div", Ga, [
                   ne.value === "chat" ? (a(), p("div", Ja, [
-                    (a(!0), p(me, null, fe(c(de), (l) => (a(), p("div", {
+                    (a(!0), p(me, null, he(d(ce), (l) => (a(), p("div", {
                       key: l.id,
                       class: J([
                         "chat-item",
@@ -2257,7 +2264,7 @@ const gt = (x, t) => {
                       e("div", sn, [
                         e("div", an, [
                           e("span", nn, y(l.name), 1),
-                          e("span", ln, y(c(De)(l.lastTime)), 1)
+                          e("span", ln, y(d(De)(l.lastTime)), 1)
                         ]),
                         e("div", on, [
                           e("span", rn, y(l.lastMsg), 1),
@@ -2270,7 +2277,7 @@ const gt = (x, t) => {
                     e("div", un, [
                       e("div", {
                         class: "add-friend-btn",
-                        onClick: s[2] || (s[2] = (...l) => c(L) && c(L)(...l))
+                        onClick: s[2] || (s[2] = (...l) => d(L) && d(L)(...l))
                       }, [
                         e("div", vn, [
                           m(b, {
@@ -2278,7 +2285,7 @@ const gt = (x, t) => {
                             size: 20
                           }, {
                             default: k(() => [
-                              m(c(St))
+                              m(d(zt))
                             ]),
                             _: 1
                           })
@@ -2286,7 +2293,7 @@ const gt = (x, t) => {
                         s[15] || (s[15] = e("span", { class: "add-friend-text" }, "添加好友", -1))
                       ])
                     ]),
-                    (a(!0), p(me, null, fe(c(V), (l) => (a(), p("div", {
+                    (a(!0), p(me, null, he(d(V), (l) => (a(), p("div", {
                       key: l.id,
                       class: "chat-item",
                       onClick: ($e) => tt(l)
@@ -2296,7 +2303,7 @@ const gt = (x, t) => {
                           src: l.avatar,
                           alt: l.name,
                           class: "friend-avatar"
-                        }, null, 8, fn),
+                        }, null, 8, hn),
                         e("span", {
                           class: J([
                             "online-indicator",
@@ -2304,19 +2311,19 @@ const gt = (x, t) => {
                           ])
                         }, null, 2)
                       ]),
-                      e("div", hn, [
+                      e("div", fn, [
                         e("span", gn, y(l.name), 1)
                       ])
                     ], 8, pn))), 128))
                   ])) : S("", !0),
                   ne.value === "apply" && x.config.modules.apply ? (a(), p("div", yn, [
-                    c(Fe) ? (a(), G(ce, {
+                    d(Fe) ? (a(), G(re, {
                       key: 0,
                       description: "加载中..."
-                    })) : c(Se).length === 0 ? (a(), G(ce, {
+                    })) : d(Se).length === 0 ? (a(), G(re, {
                       key: 1,
                       description: "暂无好友申请"
-                    })) : (a(!0), p(me, { key: 2 }, fe(c(Se), (l) => (a(), p("div", {
+                    })) : (a(!0), p(me, { key: 2 }, he(d(Se), (l) => (a(), p("div", {
                       key: l.applyUser || l.id,
                       class: "friend-request-item"
                     }, [
@@ -2334,7 +2341,7 @@ const gt = (x, t) => {
                       m(ke, {
                         type: "primary",
                         size: "small",
-                        onClick: ($e) => c(se)(l.applyUser)
+                        onClick: ($e) => d(ae)(l.applyUser)
                       }, {
                         default: k(() => [...s[17] || (s[17] = [
                           ue("同意", -1)
@@ -2371,7 +2378,7 @@ const gt = (x, t) => {
                     default: k(() => [
                       m(b, null, {
                         default: k(() => [
-                          m(c(Ye))
+                          m(d(Ye))
                         ]),
                         _: 1
                       }),
@@ -2394,16 +2401,16 @@ const gt = (x, t) => {
                     e("div", In, [
                       m(b, { class: "action-icon" }, {
                         default: k(() => [
-                          m(c(qe))
+                          m(d(qe))
                         ]),
                         _: 1
                       }),
                       m(b, {
                         class: "action-icon",
-                        onClick: s[3] || (s[3] = (l) => oe.value = !oe.value)
+                        onClick: s[3] || (s[3] = (l) => le.value = !le.value)
                       }, {
                         default: k(() => [
-                          m(c(zt))
+                          m(d(At))
                         ]),
                         _: 1
                       })
@@ -2411,10 +2418,10 @@ const gt = (x, t) => {
                   ]),
                   e("div", {
                     ref_key: "messagesContainer",
-                    ref: f,
+                    ref: h,
                     class: "messages-container"
                   }, [
-                    (a(!0), p(me, null, fe(c(C), (l, $e) => (a(), p("div", {
+                    (a(!0), p(me, null, he(d(C), (l, $e) => (a(), p("div", {
                       key: $e,
                       class: J([
                         "message-wrapper",
@@ -2423,7 +2430,7 @@ const gt = (x, t) => {
                     }, [
                       e("div", Rn, [
                         e("img", {
-                          src: l.isSelf ? c(H) : W.value.avatar,
+                          src: l.isSelf ? d(H) : W.value.avatar,
                           class: "avatar-sm"
                         }, null, 8, Mn)
                       ]),
@@ -2470,7 +2477,7 @@ const gt = (x, t) => {
                               e("div", Yn, [
                                 m(b, { size: 28 }, {
                                   default: k(() => [
-                                    m(c(At))
+                                    m(d(Vt))
                                   ]),
                                   _: 1
                                 })
@@ -2480,7 +2487,7 @@ const gt = (x, t) => {
                                 e("div", Kn, [
                                   m(b, { size: 12 }, {
                                     default: k(() => [
-                                      m(c(Vt))
+                                      m(d(Ft))
                                     ]),
                                     _: 1
                                   }),
@@ -2495,14 +2502,14 @@ const gt = (x, t) => {
                               "message-time",
                               l.isSelf ? "time-right" : "time-left"
                             ])
-                          }, y(c(Re)(l.time)), 3)
+                          }, y(d(Re)(l.time)), 3)
                         ])
                       ], 2)
                     ], 2))), 128))
                   ], 512),
                   e("div", Pn, [
                     O.value.length > 0 ? (a(), p("div", jn, [
-                      (a(!0), p(me, null, fe(O.value, (l, $e) => (a(), p("div", {
+                      (a(!0), p(me, null, he(O.value, (l, $e) => (a(), p("div", {
                         key: l.id,
                         class: "pending-file"
                       }, [
@@ -2519,7 +2526,7 @@ const gt = (x, t) => {
                         ])) : (a(), p("div", Qn, [
                           m(b, { class: "pending-file-icon" }, {
                             default: k(() => [
-                              m(c(Ze))
+                              m(d(Ze))
                             ]),
                             _: 1
                           }),
@@ -2534,7 +2541,7 @@ const gt = (x, t) => {
                     x.config.modules.fileUpload ? (a(), p("div", ti, [
                       m(b, { class: "action-icon" }, {
                         default: k(() => [
-                          m(c(Ye))
+                          m(d(Ye))
                         ]),
                         _: 1
                       }),
@@ -2543,33 +2550,33 @@ const gt = (x, t) => {
                         onClick: it
                       }, {
                         default: k(() => [
-                          m(c(Ze))
+                          m(d(Ze))
                         ]),
                         _: 1
                       }),
                       m(b, { class: "action-icon" }, {
                         default: k(() => [
-                          m(c(Ft))
+                          m(d(It))
                         ]),
                         _: 1
                       })
                     ])) : S("", !0),
                     e("div", si, [
-                      wt(e("textarea", {
+                      Ct(e("textarea", {
                         "onUpdate:modelValue": s[4] || (s[4] = (l) => Ie(A) ? A.value = l : null),
-                        onKeydown: Ct(Be(Pe, ["prevent"]), ["enter"]),
+                        onKeydown: xt(Be(Pe, ["prevent"]), ["enter"]),
                         onPaste: ot,
                         placeholder: "输入消息或粘贴文件...",
                         class: "message-input",
                         rows: "3"
                       }, null, 40, ai), [
-                        [xt, c(A)]
+                        [Ut, d(A)]
                       ])
                     ]),
                     e("div", ni, [
                       m(ke, {
                         type: "primary",
-                        disabled: !c(A).trim() && O.value.length === 0,
+                        disabled: !d(A).trim() && O.value.length === 0,
                         onClick: Pe,
                         class: "send-btn"
                       }, {
@@ -2594,14 +2601,14 @@ const gt = (x, t) => {
                     class: "empty-icon"
                   }, {
                     default: k(() => [
-                      m(c(It))
+                      m(d(Rt))
                     ]),
                     _: 1
                   }),
                   e("div", li, y(ne.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
                 ]))
               ]),
-              oe.value ? (a(), p("div", oi, [
+              le.value ? (a(), p("div", oi, [
                 s[22] || (s[22] = e("div", { class: "detail-header" }, "聊天详情", -1)),
                 e("div", ri, [
                   e("div", ci, [
@@ -2610,7 +2617,7 @@ const gt = (x, t) => {
                       alt: (o = W.value) == null ? void 0 : o.name,
                       class: "detail-avatar"
                     }, null, 8, di),
-                    e("div", ui, y((ye = W.value) == null ? void 0 : ye.name), 1),
+                    e("div", ui, y((ge = W.value) == null ? void 0 : ge.name), 1),
                     s[21] || (s[21] = e("div", { class: "detail-actions" }, [
                       e("div", { class: "detail-action-item" }, "查找聊天记录"),
                       e("div", { class: "detail-action-item" }, "清空聊天记录")
@@ -2620,8 +2627,8 @@ const gt = (x, t) => {
               ])) : S("", !0)
             ]),
             m(He, {
-              modelValue: c(ge),
-              "onUpdate:modelValue": s[6] || (s[6] = (l) => Ie(ge) ? ge.value = l : null),
+              modelValue: d(fe),
+              "onUpdate:modelValue": s[6] || (s[6] = (l) => Ie(fe) ? fe.value = l : null),
               title: "添加好友",
               width: "500px",
               "append-to-body": ""
@@ -2630,36 +2637,36 @@ const gt = (x, t) => {
                 e("div", vi, [
                   e("div", pi, [
                     m(T, {
-                      modelValue: c(Ce),
+                      modelValue: d(Ce),
                       "onUpdate:modelValue": s[5] || (s[5] = (l) => Ie(Ce) ? Ce.value = l : null),
                       placeholder: "搜索用户",
-                      "prefix-icon": c(qe)
+                      "prefix-icon": d(qe)
                     }, null, 8, ["modelValue", "prefix-icon"])
                   ])
                 ]),
                 e("div", mi, [
-                  c(xe) ? (a(), G(ce, {
+                  d(xe) ? (a(), G(re, {
                     key: 0,
                     description: "加载中..."
-                  })) : c(Ae).length === 0 ? (a(), G(ce, {
+                  })) : d(Ae).length === 0 ? (a(), G(re, {
                     key: 1,
                     description: "暂无用户"
-                  })) : (a(!0), p(me, { key: 2 }, fe(c(Ae), (l) => (a(), p("div", {
+                  })) : (a(!0), p(me, { key: 2 }, he(d(Ae), (l) => (a(), p("div", {
                     key: l.username,
                     class: "available-user-item"
                   }, [
-                    e("div", fi, [
+                    e("div", hi, [
                       e("img", {
                         src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${l.username}`,
                         alt: l.username,
                         class: "available-user-avatar"
-                      }, null, 8, hi),
+                      }, null, 8, fi),
                       e("div", gi, y(l.username), 1)
                     ]),
                     m(ke, {
                       type: "primary",
                       size: "small",
-                      onClick: ($e) => c(q)(l)
+                      onClick: ($e) => d(q)(l)
                     }, {
                       default: k(() => [...s[23] || (s[23] = [
                         ue("添加", -1)
@@ -2685,7 +2692,7 @@ const gt = (x, t) => {
                   e("div", _i, [
                     e("div", bi, [
                       e("img", {
-                        src: c(H),
+                        src: d(H),
                         alt: "头像",
                         class: "settings-avatar"
                       }, null, 8, ki),
@@ -2699,7 +2706,7 @@ const gt = (x, t) => {
                           class: "settings-avatar-icon"
                         }, {
                           default: k(() => [
-                            m(c(Rt))
+                            m(d(Mt))
                           ]),
                           _: 1
                         })
@@ -2714,8 +2721,8 @@ const gt = (x, t) => {
                       }, null, 544)
                     ]),
                     e("div", wi, [
-                      e("div", Ci, y(c(Z).nickname || c(ee)), 1),
-                      e("div", xi, "@" + y(c(ee)), 1)
+                      e("div", Ci, y(d(Z).nickname || d(ee)), 1),
+                      e("div", xi, "@" + y(d(ee)), 1)
                     ])
                   ]),
                   e("div", Ui, [
@@ -2723,7 +2730,7 @@ const gt = (x, t) => {
                       e("div", Si, [
                         m(b, null, {
                           default: k(() => [
-                            m(c(Qe))
+                            m(d(Qe))
                           ]),
                           _: 1
                         }),
@@ -2747,43 +2754,43 @@ const gt = (x, t) => {
                         s[26] || (s[26] = e("label", { class: "settings-form-label" }, "昵称", -1)),
                         K.value ? (a(), G(T, {
                           key: 0,
-                          modelValue: re.value.nickname,
-                          "onUpdate:modelValue": s[7] || (s[7] = (l) => re.value.nickname = l),
+                          modelValue: oe.value.nickname,
+                          "onUpdate:modelValue": s[7] || (s[7] = (l) => oe.value.nickname = l),
                           placeholder: "请输入昵称",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (a(), p("div", Vi, y(c(Z).nickname || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (a(), p("div", Vi, y(d(Z).nickname || "未设置"), 1))
                       ]),
                       e("div", Fi, [
                         s[27] || (s[27] = e("label", { class: "settings-form-label" }, "邮箱", -1)),
                         K.value ? (a(), G(T, {
                           key: 0,
-                          modelValue: re.value.email,
-                          "onUpdate:modelValue": s[8] || (s[8] = (l) => re.value.email = l),
+                          modelValue: oe.value.email,
+                          "onUpdate:modelValue": s[8] || (s[8] = (l) => oe.value.email = l),
                           placeholder: "请输入邮箱",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (a(), p("div", Ii, y(c(Z).email || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (a(), p("div", Ii, y(d(Z).email || "未设置"), 1))
                       ]),
                       e("div", Ri, [
                         s[28] || (s[28] = e("label", { class: "settings-form-label" }, "手机号", -1)),
                         K.value ? (a(), G(T, {
                           key: 0,
-                          modelValue: re.value.phone,
-                          "onUpdate:modelValue": s[9] || (s[9] = (l) => re.value.phone = l),
+                          modelValue: oe.value.phone,
+                          "onUpdate:modelValue": s[9] || (s[9] = (l) => oe.value.phone = l),
                           placeholder: "请输入手机号",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (a(), p("div", Mi, y(c(Z).phone || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (a(), p("div", Mi, y(d(Z).phone || "未设置"), 1))
                       ]),
                       e("div", Li, [
                         s[29] || (s[29] = e("label", { class: "settings-form-label" }, "个人简介", -1)),
                         K.value ? (a(), G(T, {
                           key: 0,
-                          modelValue: re.value.bio,
-                          "onUpdate:modelValue": s[10] || (s[10] = (l) => re.value.bio = l),
+                          modelValue: oe.value.bio,
+                          "onUpdate:modelValue": s[10] || (s[10] = (l) => oe.value.bio = l),
                           type: "textarea",
                           rows: 4,
                           placeholder: "介绍一下自己吧...",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (a(), p("div", Ti, y(c(Z).bio || "这个人很懒，什么都没写~"), 1))
+                        }, null, 8, ["modelValue"])) : (a(), p("div", Ti, y(d(Z).bio || "这个人很懒，什么都没写~"), 1))
                       ]),
                       K.value ? (a(), p("div", Ei, [
                         m(ke, {
@@ -2814,8 +2821,8 @@ const gt = (x, t) => {
               _: 1
             }, 8, ["modelValue"]),
             m(yt, {
-              modelValue: d.value,
-              "onUpdate:modelValue": s[12] || (s[12] = (l) => d.value = l),
+              modelValue: c.value,
+              "onUpdate:modelValue": s[12] || (s[12] = (l) => c.value = l),
               src: _e.value,
               onConfirm: dt
             }, null, 8, ["modelValue", "src"]),
@@ -2850,6 +2857,7 @@ const gt = (x, t) => {
       agreeFriend: "/chart/friend/agree",
       setChatStatus: "/chart/friend/chat/status",
       getAvailableUsers: "/chart/user/canAddFriend",
+      searchUser: "/chart/user/search",
       getUserInfo: "/user/info",
       updateUserInfo: "/user/info",
       getUserAvatar: "/user/getAvatar",
@@ -2899,13 +2907,13 @@ const gt = (x, t) => {
   }
 };
 function Ki(x = {}) {
-  const t = Tt(Hi, x);
+  const t = Et(Hi, x);
   return t.api.baseUrl || console.warn("[VueChatKit] 请配置 api.baseUrl"), t.api.websocketUrl || console.warn("[VueChatKit] 请配置 api.websocketUrl"), t.user.username || console.warn("[VueChatKit] 请配置 user.username"), t;
 }
-function Tt(x, t) {
+function Et(x, t) {
   const n = { ...x };
   for (const v in t)
-    t[v] && typeof t[v] == "object" && !Array.isArray(t[v]) ? n[v] = Tt(x[v] || {}, t[v]) : n[v] = t[v];
+    t[v] && typeof t[v] == "object" && !Array.isArray(t[v]) ? n[v] = Et(x[v] || {}, t[v]) : n[v] = t[v];
   return n;
 }
 const Ni = {
@@ -2915,7 +2923,7 @@ const Ni = {
 };
 export {
   yt as AvatarCrop,
-  ht as ChatApi,
+  ft as ChatApi,
   Ya as ChatPanel,
   Dt as ChatWebSocket,
   Wi as ChatWindow,
@@ -2923,5 +2931,5 @@ export {
   Ni as VueChatKit,
   Ki as createChatConfig,
   Ni as default,
-  Lt as useChat
+  Tt as useChat
 };