vue-chat-kit 0.3.7 → 0.3.8

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

@@ -1,8 +1,8 @@
-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 {
+import { ref as g, computed as ke, watch as _t, nextTick as Ke, resolveComponent as ye, openBlock as a, createBlock as Z, withCtx as k, createElementVNode as e, createElementBlock as p, normalizeStyle as He, Fragment as de, renderList as ue, withModifiers as Fe, normalizeClass as K, createVNode as m, createTextVNode as me, toDisplayString as y, createCommentVNode as S, onMounted as bt, onUnmounted as kt, unref as u, resolveDynamicComponent as wt, isRef as Re, withDirectives as Ct, withKeys as xt, vModelText as Ut } from "vue";
+import { ChatDotRound as Xe, UserFilled as Je, Bell as $t, Setting as St, Search as Ye, Plus as zt, MoreFilled as At, Document as Ft, Download as Vt, Folder as Qe, Picture as Rt, ChatLineRound as Mt, Camera as It } from "@element-plus/icons-vue";
+import ft from "dayjs";
+import { ElMessage as ee } from "element-plus";
+class Wt {
   constructor(t, n = {}) {
     this.userId = t, this.wsUrl = n.wsUrl || "", this.socket = null, this.reconnectAttempts = 0, this.maxReconnectAttempts = n.maxReconnectAttempts || 5, this.reconnectDelay = n.reconnectDelay || 3e3, this.handlers = {
       message: [],
@@ -40,17 +40,17 @@ class Dt {
   /**
    * 发送消息
    */
-  send(t, n, v = "text", $ = "", ee = "", H = 0) {
+  send(t, n, v = "text", $ = "", O = "", H = 0) {
     if (this.isConnected()) {
-      const Z = JSON.stringify({
+      const G = JSON.stringify({
         to: t,
         msg: n,
         type: v,
         fileUrl: $,
-        fileName: ee,
+        fileName: O,
         fileSize: H
       });
-      return this.socket.send(Z), !0;
+      return this.socket.send(G), !0;
     }
     return console.warn("[VueChatKit] WebSocket 连接未建立，无法发送消息"), !1;
   }
@@ -99,12 +99,12 @@ class Dt {
     return this.socket && this.socket.readyState === WebSocket.OPEN;
   }
 }
-class Je extends Error {
+class Ge extends Error {
   constructor(t, n, v, $) {
     super(t), this.name = "RequestError", this.status = n || 0, this.code = v || 0, this.data = $;
   }
 }
-class Wt {
+class jt {
   constructor(t = {}) {
     this.baseUrl = t.baseUrl || "", this.timeout = t.timeout || 1e4, this.headers = t.headers || {}, this.requestInterceptors = [], this.responseInterceptors = [], t.requestInterceptors && Array.isArray(t.requestInterceptors) && t.requestInterceptors.forEach((n) => {
       this.requestInterceptors.push(n);
@@ -133,7 +133,7 @@ class Wt {
   timeoutPromise(t) {
     return new Promise((n, v) => {
       setTimeout(() => {
-        v(new Je("请求超时", 408, 408));
+        v(new Ge("请求超时", 408, 408));
       }, t);
     });
   }
@@ -141,47 +141,47 @@ class Wt {
    * 核心请求方法
    */
   async request(t, n = {}) {
-    const { method: v = "GET", headers: $ = {}, body: ee, params: H } = n;
-    let Z = t.startsWith("http") ? t : `${this.baseUrl}${t}`, X = {
+    const { method: v = "GET", headers: $ = {}, body: O, params: H } = n;
+    let G = t.startsWith("http") ? t : `${this.baseUrl}${t}`, V = {
       method: v,
       headers: { ...this.headers, ...$ },
-      body: ee,
+      body: O,
       params: H
     };
-    this.requestInterceptors.forEach((V) => {
-      X = V(X);
+    this.requestInterceptors.forEach((R) => {
+      V = R(V);
     });
-    const ve = {
-      method: X.method,
-      headers: X.headers,
+    const ie = {
+      method: V.method,
+      headers: V.headers,
       credentials: "include"
     };
-    if (X.body && v !== "GET" && (X.body instanceof FormData ? ve.body = X.body : typeof X.body == "object" ? ve.body = JSON.stringify(X.body) : ve.body = X.body), X.params) {
-      const V = new URLSearchParams();
-      for (const A in X.params)
-        X.params[A] !== void 0 && X.params[A] !== null && X.params[A] !== "" && V.append(A, X.params[A]);
-      const U = V.toString();
-      U && (Z += (Z.includes("?") ? "&" : "?") + U);
+    if (V.body && v !== "GET" && (V.body instanceof FormData ? ie.body = V.body : typeof V.body == "object" ? ie.body = JSON.stringify(V.body) : ie.body = V.body), V.params) {
+      const R = new URLSearchParams();
+      for (const A in V.params)
+        V.params[A] !== void 0 && V.params[A] !== null && V.params[A] !== "" && R.append(A, V.params[A]);
+      const U = R.toString();
+      U && (G += (G.includes("?") ? "&" : "?") + U);
     }
     try {
       let U = await Promise.race([
-        fetch(Z, ve),
+        fetch(G, ie),
         this.timeoutPromise(this.timeout)
       ]);
-      if (this.responseInterceptors.forEach((ce) => {
-        U = ce(U);
+      if (this.responseInterceptors.forEach((ve) => {
+        U = ve(U);
       }), !U.ok)
-        throw new Je(
+        throw new Ge(
           `HTTP ${U.status}: ${U.statusText}`,
           U.status,
           U.status
         );
       const A = U.headers.get("content-type");
-      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 : "网络错误",
+      let f;
+      return A && A.includes("application/json") ? f = await U.json() : f = await U.text(), f;
+    } catch (R) {
+      throw R instanceof Ge ? R : new Ge(
+        R instanceof Error ? R.message : "网络错误",
         0,
         0
       );
@@ -201,9 +201,9 @@ class Wt {
     return this.request(t, { ...n, method: "DELETE" });
   }
 }
-class ft {
+class gt {
   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({
+    this.config = t, this.endpoints = t.api.endpoints, this.customAdapter = t.api.adapter, n ? this.http = n : this.http = new jt({
       baseUrl: t.api.baseUrl,
       headers: t.headers,
       requestInterceptors: t.requestInterceptors,
@@ -310,16 +310,6 @@ class ft {
     const n = new FormData();
     return n.append("file", t), this.http.post(this.endpoints.uploadFile, n);
   }
-  // ========== 用户相关 ==========
-  /**
-   * 获取用户信息
-   */
-  async getUserInfo(t) {
-    return this._call("getUserInfo", t);
-  }
-  async _getUserInfo(t) {
-    return this.http.get(this.endpoints.getUserInfo, { username: t });
-  }
   /**
    * 更新用户信息
    */
@@ -351,393 +341,379 @@ class ft {
 }
 const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ChatApi: ft,
-  default: ft
+  ChatApi: gt,
+  default: gt
 }, Symbol.toStringTag, { value: "Module" }));
-function Tt(x, t) {
-  const n = new ft(x);
+function Tt(w, t) {
+  const n = new gt(w);
   let v = null;
-  const $ = x.user.username, ee = _(x.user.avatar || `https://api.dicebear.com/7.x/avataaars/svg?seed=${$}`), H = _({
+  const $ = w.user.username, O = g(w.user.avatar || `https://api.dicebear.com/7.x/avataaars/svg?seed=${$}`), H = g({
     username: $,
-    nickname: x.user.nickname || "",
-    email: x.user.email || "",
-    phone: x.user.phone || "",
-    bio: x.user.bio || ""
-  }), 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;
+    nickname: w.user.nickname || "",
+    email: w.user.email || "",
+    phone: w.user.phone || "",
+    bio: w.user.bio || ""
+  }), G = g(!1), V = g([]), ie = g([]), R = g([]), U = g(""), A = g(""), f = g(""), ve = g(null), Se = g(!1), ge = g(""), x = g([]), he = g(!1), we = g([]), ze = g(!1), Ce = ke(() => {
+    let c = ie.value;
     if (A.value) {
-      const c = A.value.toLowerCase();
-      i = i.filter(
-        (g) => {
-          var F;
-          return (F = g.username) == null ? void 0 : F.toLowerCase().includes(c);
+      const r = A.value.toLowerCase();
+      c = c.filter(
+        (_) => {
+          var I;
+          return (I = _.username) == null ? void 0 : I.toLowerCase().includes(r);
         }
       );
     }
-    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
+    return c.map((r) => ({
+      id: r.username,
+      name: r.username,
+      avatar: r.avatar || O.value,
+      online: r.online,
+      lastMsg: r.lastMsg || "暂无消息",
+      lastTime: r.lastTime,
+      unread: r.unReadNum || 0
     }));
-  }), Se = we(() => {
-    let i = X.value;
+  }), Ue = ke(() => {
+    let c = V.value;
     if (A.value) {
-      const c = A.value.toLowerCase();
-      i = i.filter(
-        (g) => {
-          var F;
-          return (F = g.username) == null ? void 0 : F.toLowerCase().includes(c);
+      const r = A.value.toLowerCase();
+      c = c.filter(
+        (_) => {
+          var I;
+          return (I = _.username) == null ? void 0 : I.toLowerCase().includes(r);
         }
       );
     }
-    return i.map((c) => ({
-      id: c.username,
-      name: c.username,
-      avatar: c.avatar || ee.value,
-      online: c.online,
-      isChatting: c.isChatting
+    return c.map((r) => ({
+      id: r.username,
+      name: r.username,
+      avatar: r.avatar || O.value,
+      online: r.online,
+      isChatting: r.isChatting
     }));
-  }), 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;
+  }), Ve = ke(() => x.value), Me = ke(() => Ce.value.find((c) => c.id === U.value) || null), De = ke(() => R.value.map((c) => {
+    const r = c.type === "file" || c.fileUrl || c.fileName, _ = c.fileName || c.msgContent;
     return {
-      text: i.msgContent,
-      isSelf: i.sendUsername === $,
-      time: i.createTime,
-      sendUsername: i.sendUsername,
-      type: c ? "file" : "text",
-      fileType: w(g) ? "image" : z(g),
-      fileUrl: i.fileUrl || "",
-      fileName: g,
-      fileSize: i.fileSize || 0
+      text: c.msgContent,
+      isSelf: c.sendUsername === $,
+      time: c.createTime,
+      sendUsername: c.sendUsername,
+      type: r ? "file" : "text",
+      fileType: C(_) ? "image" : z(_),
+      fileUrl: c.fileUrl || "",
+      fileName: _,
+      fileSize: c.fileSize || 0
     };
-  })), We = (i) => ht(i).format("HH:mm"), Me = (i) => {
-    if (!i) return "";
-    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 c = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"], g = i.split(".").pop().toLowerCase();
-    return c.includes(g);
-  }, z = (i) => {
-    if (!i) return "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(() => {
-      ce.value && (ce.value.scrollTop = ce.value.scrollHeight);
+  })), We = (c) => ft(c).format("HH:mm"), Ie = (c) => {
+    if (!c) return "";
+    const r = ft(), _ = ft(c);
+    return r.isSame(_, "day") ? _.format("HH:mm") : r.diff(_, "day") === 1 ? "昨天" : r.diff(_, "day") < 7 ? ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][_.day()] : _.format("MM/DD");
+  }, C = (c) => {
+    if (!c) return !1;
+    const r = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"], _ = c.split(".").pop().toLowerCase();
+    return r.includes(_);
+  }, z = (c) => {
+    if (!c) return "default";
+    const r = c.split(".").pop().toLowerCase();
+    return ["xls", "xlsx"].includes(r) ? "excel" : ["pdf"].includes(r) ? "pdf" : ["doc", "docx"].includes(r) ? "docx" : "default";
+  }, q = () => {
+    Ke(() => {
+      ve.value && (ve.value.scrollTop = ve.value.scrollHeight);
     });
-  }, I = async () => {
+  }, L = async () => {
     try {
-      const c = (await n.getFriends($)).data || [];
-      X.value = c, ve.value = c.filter((g) => g.isChatting === 1);
-      for (const g of ve.value)
+      const r = (await n.getFriends($)).data || [];
+      V.value = r, ie.value = r.filter((_) => _.isChatting === 1);
+      for (const _ of ie.value)
         try {
-          const _e = (await n.getHistory($, g.username)).data || [];
-          g.unReadNum = _e.filter(
-            (j) => j.isRead === 0 && j.sendUsername === g.username
+          const ae = (await n.getHistory($, _.username)).data || [];
+          _.unReadNum = ae.filter(
+            (B) => B.isRead === 0 && B.sendUsername === _.username
           ).length;
         } catch {
-          g.unReadNum = 0;
+          _.unReadNum = 0;
         }
-    } catch (i) {
-      console.error("[VueChatKit] 获取好友列表失败", i);
+    } catch (c) {
+      console.error("[VueChatKit] 获取好友列表失败", c);
     }
-  }, R = async (i) => {
+  }, E = async (c) => {
     try {
-      const c = await n.getHistory($, i);
-      V.value = c.data || [], Y();
-    } catch (c) {
-      console.error("[VueChatKit] 获取聊天历史失败", c);
+      const r = await n.getHistory($, c);
+      R.value = r.data || [], q();
+    } catch (r) {
+      console.error("[VueChatKit] 获取聊天历史失败", r);
     }
-  }, M = async (i) => {
+  }, D = async (c) => {
     try {
-      await n.setRead($, i), I();
-    } catch (c) {
-      console.error("[VueChatKit] 标记已读失败", c);
+      await n.setRead($, c), L();
+    } catch (r) {
+      console.error("[VueChatKit] 标记已读失败", r);
     }
-  }, E = async (i) => {
-    U.value = i.id, await R(i.id), await M(i.id), Y();
-  }, N = async (i, c = 1) => {
+  }, X = async (c) => {
+    U.value = c.id, await E(c.id), await D(c.id), q();
+  }, J = async (c, r = 1) => {
     try {
-      return await n.setChatStatus($, i, c), await I(), !0;
-    } catch (g) {
-      return console.error("[VueChatKit] 设置聊天状态失败", g), !1;
+      return await n.setChatStatus($, c, r), await L(), !0;
+    } catch (_) {
+      return console.error("[VueChatKit] 设置聊天状态失败", _), !1;
     }
-  }, P = () => {
-    if (!h.value.trim() || !U.value || !v) return;
-    if (v.send(U.value, h.value.trim(), "text")) {
-      const c = {
-        msgContent: h.value.trim(),
+  }, Q = () => {
+    if (!f.value.trim() || !U.value || !v) return;
+    if (v.send(U.value, f.value.trim(), "text")) {
+      const r = {
+        msgContent: f.value.trim(),
         sendUsername: $,
         receiveUsername: U.value,
         createTime: /* @__PURE__ */ new Date(),
         isRead: 0,
         type: "text"
       };
-      V.value.push(c), h.value = "", Y(), setTimeout(() => {
-        R(U.value), I();
+      R.value.push(r), f.value = "", q(), setTimeout(() => {
+        E(U.value), L();
       }, 300);
     }
-  }, L = async (i) => {
+  }, W = async (c) => {
     if (!U.value || !v) return !1;
     try {
-      const c = await n.uploadFile(i);
-      if (c.code === 200 && c.data) {
-        const { fileUrl: g, fileName: F } = c.data;
+      const r = await n.uploadFile(c);
+      if (r.code === 200 && r.data) {
+        const { fileUrl: _, fileName: I } = r.data;
         if (v.send(
           U.value,
-          F,
+          I,
           "file",
-          g,
-          F,
-          i.size
+          _,
+          I,
+          c.size
         )) {
-          const j = {
-            msgContent: F,
+          const B = {
+            msgContent: I,
             sendUsername: $,
             receiveUsername: U.value,
             createTime: /* @__PURE__ */ new Date(),
             isRead: 0,
             type: "file",
-            fileUrl: g,
-            fileName: F,
-            fileSize: i.size
+            fileUrl: _,
+            fileName: I,
+            fileSize: c.size
           };
-          return V.value.push(j), Y(), !0;
+          return R.value.push(B), q(), !0;
         }
       }
       return !1;
-    } catch (c) {
-      return console.error("[VueChatKit] 发送文件失败", c), !1;
+    } catch (r) {
+      return console.error("[VueChatKit] 发送文件失败", r), !1;
     }
-  }, q = async (i, c) => {
+  }, N = async (c, r) => {
     if (!(!U.value || !v)) {
-      if (c && c.trim() && v.send(U.value, c.trim(), "text")) {
-        const F = {
-          msgContent: c.trim(),
+      if (r && r.trim() && v.send(U.value, r.trim(), "text")) {
+        const I = {
+          msgContent: r.trim(),
           sendUsername: $,
           receiveUsername: U.value,
           createTime: /* @__PURE__ */ new Date(),
           isRead: 0,
           type: "text"
         };
-        V.value.push(F);
+        R.value.push(I);
       }
-      for (const g of i) {
-        const F = g.file || g;
-        await L(F);
+      for (const _ of c) {
+        const I = _.file || _;
+        await W(I);
       }
       setTimeout(() => {
-        R(U.value), I();
+        E(U.value), L();
       }, 300);
     }
-  }, te = (i) => {
+  }, te = (c) => {
     try {
       try {
-        const g = JSON.parse(i);
-        if (g.to || g.msg)
+        const _ = JSON.parse(c);
+        if (_.to || _.msg)
           return {
-            to: g.to,
-            content: g.msg,
-            type: g.type || "text",
-            fileUrl: g.fileUrl || "",
-            fileName: g.fileName || "",
-            fileSize: g.fileSize || 0
+            to: _.to,
+            content: _.msg,
+            type: _.type || "text",
+            fileUrl: _.fileUrl || "",
+            fileName: _.fileName || "",
+            fileSize: _.fileSize || 0
           };
       } catch {
       }
-      const c = i.match(/^\[(.+?)\]：(.+)$/);
-      if (c)
+      const r = c.match(/^\[(.+?)\]：(.+)$/);
+      if (r)
         return {
-          username: c[1],
-          content: c[2],
+          username: r[1],
+          content: r[2],
           type: "text"
         };
-    } catch (c) {
-      console.error("[VueChatKit] 解析消息失败", c);
+    } catch (r) {
+      console.error("[VueChatKit] 解析消息失败", r);
     }
     return null;
-  }, ae = (i) => {
-    if (i.includes("【状态变更】")) {
-      const g = /【状态变更】(.+?) 已(上线|下线)/, F = i.match(g);
-      if (F) {
-        const _e = F[1], j = F[2] === "上线", O = X.value.find((Ue) => Ue.username === _e);
-        O && (O.online = j);
+  }, ne = (c) => {
+    if (c.includes("【状态变更】")) {
+      const _ = /【状态变更】(.+?) 已(上线|下线)/, I = c.match(_);
+      if (I) {
+        const ae = I[1], B = I[2] === "上线", pe = V.value.find((Ae) => Ae.username === ae);
+        pe && (pe.online = B);
       }
       return;
     }
-    const c = te(i);
-    if (c) {
-      const g = {
-        content: c.content,
-        username: c.username || U.value,
-        type: c.type || "text",
-        fileUrl: c.fileUrl || "",
-        fileName: c.fileName || "",
-        fileSize: c.fileSize || 0,
+    const r = te(c);
+    if (r) {
+      const _ = {
+        content: r.content,
+        username: r.username || U.value,
+        type: r.type || "text",
+        fileUrl: r.fileUrl || "",
+        fileName: r.fileName || "",
+        fileSize: r.fileSize || 0,
         timestamp: /* @__PURE__ */ new Date()
       };
       if (U.value) {
         try {
-          let F = {
-            msgContent: c.content,
-            sendUsername: g.username,
+          let I = {
+            msgContent: r.content,
+            sendUsername: _.username,
             receiveUsername: $,
             createTime: /* @__PURE__ */ new Date(),
             isRead: 0,
-            type: c.type || "text",
-            fileUrl: c.fileUrl || "",
-            fileName: c.fileName || "",
-            fileSize: c.fileSize || 0
+            type: r.type || "text",
+            fileUrl: r.fileUrl || "",
+            fileName: r.fileName || "",
+            fileSize: r.fileSize || 0
           };
-          V.value.push(F), Y();
-        } catch (F) {
-          console.error("[VueChatKit] 添加临时消息失败", F);
+          R.value.push(I), q();
+        } catch (I) {
+          console.error("[VueChatKit] 添加临时消息失败", I);
         }
-        R(U.value);
+        E(U.value);
       }
-      I(), t && typeof t == "function" && t(g);
+      L(), t && typeof t == "function" && t(_);
     }
-  }, de = () => {
-    const i = `${x.api.websocketUrl}?userId=${$}`;
-    v = new Dt($, {
-      wsUrl: i,
-      maxReconnectAttempts: x.websocket.maxReconnectAttempts,
-      reconnectDelay: x.websocket.reconnectDelay
-    }), v.on("message", ae), v.connect();
-  }, pe = () => {
+  }, le = () => {
+    const c = `${w.api.websocketUrl}?userId=${$}`;
+    v = new Wt($, {
+      wsUrl: c,
+      maxReconnectAttempts: w.websocket.maxReconnectAttempts,
+      reconnectDelay: w.websocket.reconnectDelay
+    }), v.on("message", ne), v.connect();
+  }, se = () => {
     v && (v.close(), v = null);
-  }, B = async () => {
-    Ae.value = !0, ye.value = "", C.value = [];
-  }, se = async (i = "") => {
-    fe.value = !0;
+  }, F = async () => {
+    Se.value = !0, ge.value = "", x.value = [];
+  }, T = async (c = "") => {
+    he.value = !0;
     try {
-      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);
+      let r;
+      c ? r = await n.searchUser(c) : r = await n.getAvailableUsers($), x.value = (r == null ? void 0 : r.data) || [];
+    } catch (r) {
+      console.error("[VueChatKit] 获取可用用户失败", r);
     } finally {
-      fe.value = !1;
+      he.value = !1;
     }
-  }, ne = async (i) => {
+  }, M = async (c) => {
     try {
-      await n.addFriend($, i.username), await I(), Ae.value = !1;
-    } catch (c) {
-      console.error("[VueChatKit] 添加好友失败", c);
-    }
-  }, D = async () => {
-    Ve.value = !0;
-    try {
-      const i = await n.getApplyList($);
-      Ce.value = i.data || [];
-    } catch (i) {
-      console.error("[VueChatKit] 获取好友申请列表失败", i);
-    } finally {
-      Ve.value = !1;
+      await n.addFriend($, c.username), await L(), Se.value = !1;
+    } catch (r) {
+      console.error("[VueChatKit] 添加好友失败", r);
     }
-  }, W = async (i) => {
+  }, Y = async () => {
+    ze.value = !0;
     try {
-      await n.agreeFriend(i, $), await D(), await I();
+      const c = await n.getApplyList($);
+      we.value = c.data || [];
     } catch (c) {
-      console.error("[VueChatKit] 同意好友申请失败", c);
+      console.error("[VueChatKit] 获取好友申请列表失败", c);
+    } finally {
+      ze.value = !1;
     }
-  }, ie = async () => {
+  }, oe = async (c) => {
     try {
-      const i = await n.getUserAvatar($);
-      i.code === 200 && i.data && (ee.value = i.data);
-    } catch (i) {
-      console.warn("[VueChatKit] 加载头像失败", i);
+      await n.agreeFriend(c, $), await Y(), await L();
+    } catch (r) {
+      console.error("[VueChatKit] 同意好友申请失败", r);
     }
-  }, le = (i) => {
-    ee.value = i;
-  }, K = async () => {
-    Z.value = !0;
+  }, P = async () => {
     try {
-      const i = await n.getUserInfo($);
-      i.code === 200 && i.data && (H.value = {
-        ...H.value,
-        ...i.data
-      });
-    } catch (i) {
-      console.error("[VueChatKit] 获取用户信息失败", i);
-    } finally {
-      Z.value = !1;
+      const c = await n.getUserAvatar($);
+      c.code === 200 && c.data && (O.value = c.data);
+    } catch (c) {
+      console.warn("[VueChatKit] 加载头像失败", c);
     }
-  }, oe = async (i) => {
+  }, re = (c) => {
+    O.value = c;
+  }, $e = async (c) => {
     try {
-      return (await n.updateUserInfo($, i)).code === 200 ? (H.value = {
+      return (await n.updateUserInfo($, c)).code === 200 ? (H.value = {
         ...H.value,
-        ...i
+        ...c
       }, !0) : !1;
-    } catch (c) {
-      return console.error("[VueChatKit] 更新用户信息失败", c), !1;
+    } catch (r) {
+      return console.error("[VueChatKit] 更新用户信息失败", r), !1;
     }
-  }, ze = () => {
-    U.value = "", V.value = [], h.value = "", A.value = "";
+  }, _e = () => {
+    U.value = "", R.value = [], f.value = "", A.value = "";
   };
-  return ie(), _t(ye, async (i) => {
-    await se(i);
+  return P(), _t(ge, async (c) => {
+    await T(c);
   }), {
     // 状态
     myUsername: $,
-    myAvatar: ee,
+    myAvatar: O,
     userInfo: H,
-    loadingUserInfo: Z,
-    friendList: X,
-    chatList: ve,
-    filteredFriendList: Se,
-    chatMsgList: V,
+    loadingUserInfo: G,
+    friendList: V,
+    chatList: ie,
+    filteredFriendList: Ue,
+    chatMsgList: R,
     currentSelectName: U,
     searchText: A,
-    inputText: h,
-    messagesContainer: ce,
-    filteredUsers: xe,
-    filteredAvailableUsers: Fe,
-    currentUser: Re,
+    inputText: f,
+    messagesContainer: ve,
+    filteredUsers: Ce,
+    filteredAvailableUsers: Ve,
+    currentUser: Me,
     currentMessages: De,
-    addFriendDialogVisible: Ae,
-    addFriendSearchText: ye,
-    availableUsers: C,
-    loadingAvailableUsers: fe,
-    friendApplyList: Ce,
-    loadingFriendApply: Ve,
+    addFriendDialogVisible: Se,
+    addFriendSearchText: ge,
+    availableUsers: x,
+    loadingAvailableUsers: he,
+    friendApplyList: we,
+    loadingFriendApply: ze,
     // 方法
     formatTime: We,
-    formatLastTime: Me,
-    scrollToBottom: Y,
-    getFriendList: I,
-    getChatHistory: R,
-    setFriendToChatStatus: N,
-    selectUser: E,
-    sendMessage: P,
-    sendFile: L,
-    sendFilesAndText: q,
-    initWebSocket: de,
-    closeWebSocket: pe,
-    reset: ze,
-    openAddFriendDialog: B,
-    loadAvailableUsers: se,
-    addFriend: ne,
-    loadFriendApplyList: D,
-    agreeFriend: W,
-    updateMyAvatar: le,
-    getUserInfo: K,
-    updateUserInfo: oe
+    formatLastTime: Ie,
+    scrollToBottom: q,
+    getFriendList: L,
+    getChatHistory: E,
+    setFriendToChatStatus: J,
+    selectUser: X,
+    sendMessage: Q,
+    sendFile: W,
+    sendFilesAndText: N,
+    initWebSocket: le,
+    closeWebSocket: se,
+    reset: _e,
+    openAddFriendDialog: F,
+    loadAvailableUsers: T,
+    addFriend: M,
+    loadFriendApplyList: Y,
+    agreeFriend: oe,
+    updateMyAvatar: re,
+    updateUserInfo: $e
   };
 }
-const gt = (x, t) => {
-  const n = x.__vccOpts || x;
+const Ze = (w, t) => {
+  const n = w.__vccOpts || w;
   for (const [v, $] of t)
     n[v] = $;
   return n;
 }, Ht = { class: "avatar-crop-container" }, Xt = {
   key: 0,
   class: "crop-wrapper"
-}, Yt = ["src"], qt = ["onMousedown", "onTouchstart"], Bt = { class: "preview-wrapper" }, Kt = ["width", "height"], Nt = { class: "dialog-footer" }, Pt = {
+}, Yt = ["src"], qt = ["onMousedown", "onTouchstart"], Bt = { class: "preview-wrapper" }, Nt = ["width", "height"], Pt = { class: "dialog-footer" }, Kt = {
   __name: "AvatarCrop",
   props: {
     modelValue: Boolean,
@@ -753,198 +729,198 @@ const gt = (x, t) => {
     minSize: { type: Number, default: 50 }
   },
   emits: ["update:modelValue", "confirm", "cancel", "closed"],
-  setup(x, { expose: t, emit: n }) {
-    const v = x, $ = n, ee = we({
+  setup(w, { expose: t, emit: n }) {
+    const v = w, $ = n, O = ke({
       get: () => v.modelValue,
-      set: (w) => $("update:modelValue", w)
-    }), H = we({
+      set: (C) => $("update:modelValue", C)
+    }), H = ke({
       get: () => v.src,
-      set: (w) => {
+      set: (C) => {
       }
-    }), Z = ["nw", "n", "ne", "e", "se", "s", "sw", "w"], X = _(!1), ve = _(null), V = _(null), U = _(null), A = _({
+    }), G = ["nw", "n", "ne", "e", "se", "s", "sw", "w"], V = g(!1), ie = g(null), R = g(null), U = g(null), A = g({
       naturalWidth: 0,
       naturalHeight: 0,
       displayWidth: 0,
       displayHeight: 0,
       offsetX: 0,
       offsetY: 0
-    }), h = _({
+    }), f = g({
       x: 0,
       y: 0,
       size: 150,
       minSize: v.minSize
-    }), ce = we(() => ({
+    }), ve = ke(() => ({
       width: `${A.value.displayWidth}px`,
       height: `${A.value.displayHeight}px`,
       maxWidth: "none",
       maxHeight: "none",
       display: "block"
-    })), Ae = we(() => ({
-      left: `${h.value.x}px`,
-      top: `${h.value.y}px`,
-      width: `${h.value.size}px`,
-      height: `${h.value.size / v.aspectRatio}px`
+    })), Se = ke(() => ({
+      left: `${f.value.x}px`,
+      top: `${f.value.y}px`,
+      width: `${f.value.size}px`,
+      height: `${f.value.size / v.aspectRatio}px`
     }));
-    let ye = null, C = null;
-    const fe = () => {
-      Oe(() => {
-        const w = V.value, z = ve.value;
-        if (!w || !z) return;
-        const Y = z.clientWidth, I = z.clientHeight, R = w.naturalWidth / w.naturalHeight, M = Y / I;
-        let E, N, P, L;
-        R > M ? (E = Y, N = Y / R, P = 0, L = (I - N) / 2) : (N = I, E = I * R, P = (Y - E) / 2, L = 0), A.value = {
-          naturalWidth: w.naturalWidth,
-          naturalHeight: w.naturalHeight,
-          displayWidth: E,
-          displayHeight: N,
-          offsetX: P,
-          offsetY: L
+    let ge = null, x = null;
+    const he = () => {
+      Ke(() => {
+        const C = R.value, z = ie.value;
+        if (!C || !z) return;
+        const q = z.clientWidth, L = z.clientHeight, E = C.naturalWidth / C.naturalHeight, D = q / L;
+        let X, J, Q, W;
+        E > D ? (X = q, J = q / E, Q = 0, W = (L - J) / 2) : (J = L, X = L * E, Q = (q - X) / 2, W = 0), A.value = {
+          naturalWidth: C.naturalWidth,
+          naturalHeight: C.naturalHeight,
+          displayWidth: X,
+          displayHeight: J,
+          offsetX: Q,
+          offsetY: W
         };
-        const q = Math.min(E, N) * 0.6;
-        h.value.size = q, h.value.x = P + (E - q) / 2, h.value.y = L + (N - q / v.aspectRatio) / 2, Ce();
+        const N = Math.min(X, J) * 0.6;
+        f.value.size = N, f.value.x = Q + (X - N) / 2, f.value.y = W + (J - N / v.aspectRatio) / 2, we();
       });
-    }, 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 = (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;
-      ye = {
+    }, we = () => {
+      const C = U.value, z = R.value;
+      if (!C || !z) return;
+      const q = C.getContext("2d"), { naturalWidth: L, naturalHeight: E, displayWidth: D, displayHeight: X, offsetX: J, offsetY: Q } = A.value, W = L / D, N = E / X, te = (f.value.x - J) * W, ne = (f.value.y - Q) * N, le = f.value.size * W, se = f.value.size / v.aspectRatio * N;
+      q.clearRect(0, 0, C.width, C.height), q.drawImage(z, te, ne, le, se, 0, 0, C.width, C.height);
+    }, ze = (C) => {
+      C.preventDefault();
+      const z = C.clientX || C.touches[0].clientX, q = C.clientY || C.touches[0].clientY;
+      ge = {
         startX: z,
-        startY: Y,
-        boxX: h.value.x,
-        boxY: h.value.y
+        startY: q,
+        boxX: f.value.x,
+        boxY: f.value.y
       };
-      const I = (M) => {
-        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 = () => {
-        ye = null, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", R), document.removeEventListener("touchmove", I), document.removeEventListener("touchend", R);
+      const L = (D) => {
+        const X = D.clientX || D.touches[0].clientX, J = D.clientY || D.touches[0].clientY, Q = X - ge.startX, W = J - ge.startY, { offsetX: N, offsetY: te, displayWidth: ne, displayHeight: le } = A.value, se = f.value.size / v.aspectRatio, F = Math.max(N, Math.min(N + ne - f.value.size, ge.boxX + Q)), T = Math.max(te, Math.min(te + le - se, ge.boxY + W));
+        f.value.x = F, f.value.y = T, we();
+      }, E = () => {
+        ge = null, document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", E), document.removeEventListener("touchmove", L), document.removeEventListener("touchend", E);
       };
-      document.addEventListener("mousemove", I), document.addEventListener("mouseup", R), document.addEventListener("touchmove", I, { passive: !1 }), document.addEventListener("touchend", R);
-    }, xe = (w, z) => {
+      document.addEventListener("mousemove", L), document.addEventListener("mouseup", E), document.addEventListener("touchmove", L, { passive: !1 }), document.addEventListener("touchend", E);
+    }, Ce = (C, z) => {
       z.preventDefault();
-      const Y = z.clientX || z.touches[0].clientX, I = z.clientY || z.touches[0].clientY;
-      C = {
-        handle: w,
-        startX: Y,
-        startY: I,
-        boxX: h.value.x,
-        boxY: h.value.y,
-        boxSize: h.value.size
+      const q = z.clientX || z.touches[0].clientX, L = z.clientY || z.touches[0].clientY;
+      x = {
+        handle: C,
+        startX: q,
+        startY: L,
+        boxX: f.value.x,
+        boxY: f.value.y,
+        boxSize: f.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: 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) {
+      const E = (X) => {
+        const J = X.clientX || X.touches[0].clientX, Q = X.clientY || X.touches[0].clientY, W = J - x.startX, N = Q - x.startY, { offsetX: te, offsetY: ne, displayWidth: le, displayHeight: se } = A.value;
+        let F = x.boxSize, T = x.boxX, M = x.boxY;
+        const Y = x.boxSize / v.aspectRatio;
+        switch (C) {
           case "se":
-            B = Math.max(h.value.minSize, Math.min(de - (C.boxX - te), pe - (C.boxY - ae), C.boxSize + Math.max(L, q)));
+            F = Math.max(f.value.minSize, Math.min(le - (x.boxX - te), se - (x.boxY - ne), x.boxSize + Math.max(W, N)));
             break;
           case "nw":
-            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);
+            F = Math.max(f.value.minSize, Math.min(x.boxX - te + x.boxSize, x.boxY - ne + Y, x.boxSize - Math.max(W, N))), T = x.boxX + (x.boxSize - F), M = x.boxY + (Y - F / v.aspectRatio);
             break;
           case "ne":
-            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);
+            F = Math.max(f.value.minSize, Math.min(te + le - x.boxX, x.boxY - ne + Y, x.boxSize + Math.max(W, -N))), M = x.boxY + (Y - F / v.aspectRatio);
             break;
           case "sw":
-            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);
+            F = Math.max(f.value.minSize, Math.min(x.boxX - te + x.boxSize, ne + se - x.boxY, x.boxSize + Math.max(-W, N))), T = x.boxX + (x.boxSize - F);
             break;
           case "n":
-            B = Math.max(h.value.minSize, Math.min(C.boxY - ae + D, C.boxSize - q)), ne = C.boxY + (D - B / v.aspectRatio);
+            F = Math.max(f.value.minSize, Math.min(x.boxY - ne + Y, x.boxSize - N)), M = x.boxY + (Y - F / v.aspectRatio);
             break;
           case "s":
-            B = Math.max(h.value.minSize, Math.min(ae + pe - C.boxY, C.boxSize + q));
+            F = Math.max(f.value.minSize, Math.min(ne + se - x.boxY, x.boxSize + N));
             break;
           case "w":
-            B = Math.max(h.value.minSize, Math.min(C.boxX - te + C.boxSize, C.boxSize - L)), se = C.boxX + (C.boxSize - B);
+            F = Math.max(f.value.minSize, Math.min(x.boxX - te + x.boxSize, x.boxSize - W)), T = x.boxX + (x.boxSize - F);
             break;
           case "e":
-            B = Math.max(h.value.minSize, Math.min(te + de - C.boxX, C.boxSize + L));
+            F = Math.max(f.value.minSize, Math.min(te + le - x.boxX, x.boxSize + W));
             break;
         }
-        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);
+        f.value.size = F, f.value.x = T, f.value.y = M, we();
+      }, D = () => {
+        x = null, document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", D), document.removeEventListener("touchmove", E), document.removeEventListener("touchend", D);
       };
-      document.addEventListener("mousemove", R), document.addEventListener("mouseup", M), document.addEventListener("touchmove", R, { passive: !1 }), document.addEventListener("touchend", M);
-    }, Se = () => {
-      const w = document.createElement("canvas"), z = V.value;
+      document.addEventListener("mousemove", E), document.addEventListener("mouseup", D), document.addEventListener("touchmove", E, { passive: !1 }), document.addEventListener("touchend", D);
+    }, Ue = () => {
+      const C = document.createElement("canvas"), z = R.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 = (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(
-          (se) => {
-            B(new File([se], "avatar.jpg", { type: v.outputType }));
+      const { naturalWidth: q, naturalHeight: L, displayWidth: E, displayHeight: D, offsetX: X, offsetY: J } = A.value, Q = q / E, W = L / D, N = (f.value.x - X) * Q, te = (f.value.y - J) * W, ne = f.value.size * Q, le = f.value.size / v.aspectRatio * W;
+      return C.width = v.outputSize, C.height = v.outputSize / v.aspectRatio, C.getContext("2d").drawImage(z, N, te, ne, le, 0, 0, C.width, C.height), new Promise((F) => {
+        C.toBlob(
+          (T) => {
+            F(new File([T], "avatar.jpg", { type: v.outputType }));
           },
           v.outputType,
           v.outputQuality
         );
       });
-    }, Fe = () => {
-      const w = document.createElement("canvas"), z = V.value;
+    }, Ve = () => {
+      const C = document.createElement("canvas"), z = R.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 = (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 () => {
+      const { naturalWidth: q, naturalHeight: L, displayWidth: E, displayHeight: D, offsetX: X, offsetY: J } = A.value, Q = q / E, W = L / D, N = (f.value.x - X) * Q, te = (f.value.y - J) * W, ne = f.value.size * Q, le = f.value.size / v.aspectRatio * W;
+      return C.width = v.outputSize, C.height = v.outputSize / v.aspectRatio, C.getContext("2d").drawImage(z, N, te, ne, le, 0, 0, C.width, C.height), C.toDataURL(v.outputType, v.outputQuality);
+    }, Me = async () => {
       if (H.value) {
-        X.value = !0;
+        V.value = !0;
         try {
-          const w = await Se(), z = Fe();
-          w && $("confirm", { file: w, dataUrl: z });
-        } catch (w) {
-          console.error(w), Q.error("生成图片失败");
+          const C = await Ue(), z = Ve();
+          C && $("confirm", { file: C, dataUrl: z });
+        } catch (C) {
+          console.error(C), ee.error("生成图片失败");
         } finally {
-          X.value = !1;
+          V.value = !1;
         }
       }
     }, De = () => {
-      $("cancel"), ee.value = !1;
+      $("cancel"), O.value = !1;
     }, We = () => {
-      Me(), $("closed");
-    }, Me = () => {
-      h.value = { x: 0, y: 0, size: 150, minSize: v.minSize };
+      Ie(), $("closed");
+    }, Ie = () => {
+      f.value = { x: 0, y: 0, size: 150, minSize: v.minSize };
     };
     return _t(
       () => v.src,
-      (w) => {
-        w && Oe(() => {
-          V.value && V.value.complete && fe();
+      (C) => {
+        C && Ke(() => {
+          R.value && R.value.complete && he();
         });
       }
     ), t({
-      getCroppedImage: Se,
-      getCroppedImageDataUrl: Fe,
-      reset: Me
-    }), (w, z) => {
-      const Y = be("el-empty"), I = be("el-button"), R = be("el-dialog");
-      return a(), G(R, {
-        modelValue: ee.value,
-        "onUpdate:modelValue": z[0] || (z[0] = (M) => ee.value = M),
+      getCroppedImage: Ue,
+      getCroppedImageDataUrl: Ve,
+      reset: Ie
+    }), (C, z) => {
+      const q = ye("el-empty"), L = ye("el-button"), E = ye("el-dialog");
+      return a(), Z(E, {
+        modelValue: O.value,
+        "onUpdate:modelValue": z[0] || (z[0] = (D) => O.value = D),
         title: "调整头像",
-        width: x.dialogWidth,
+        width: w.dialogWidth,
         "close-on-click-modal": !1,
-        "append-to-body": x.appendToBody,
+        "append-to-body": w.appendToBody,
         onClosed: We
       }, {
         footer: k(() => [
-          e("div", Nt, [
-            m(I, { onClick: De }, {
+          e("div", Pt, [
+            m(L, { onClick: De }, {
               default: k(() => [...z[2] || (z[2] = [
-                ue("取消", -1)
+                me("取消", -1)
               ])]),
               _: 1
             }),
-            m(I, {
+            m(L, {
               type: "primary",
-              loading: X.value,
+              loading: V.value,
               disabled: !H.value,
-              onClick: Re
+              onClick: Me
             }, {
               default: k(() => [...z[3] || (z[3] = [
-                ue(" 确认 ", -1)
+                me(" 确认 ", -1)
               ])]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -955,28 +931,28 @@ const gt = (x, t) => {
             H.value ? (a(), p("div", Xt, [
               e("div", {
                 ref_key: "cropAreaRef",
-                ref: ve,
+                ref: ie,
                 class: "crop-area",
-                style: Xe({ height: x.cropAreaHeight })
+                style: He({ height: w.cropAreaHeight })
               }, [
                 e("img", {
                   src: H.value,
                   ref_key: "imageRef",
-                  ref: V,
-                  onLoad: fe,
-                  style: Xe(ce.value)
+                  ref: R,
+                  onLoad: he,
+                  style: He(ve.value)
                 }, null, 44, Yt),
                 e("div", {
                   class: "crop-box",
-                  style: Xe(Ae.value),
-                  onMousedown: Ve,
-                  onTouchstart: Ve
+                  style: He(Se.value),
+                  onMousedown: ze,
+                  onTouchstart: ze
                 }, [
-                  (a(), p(me, null, he(Z, (M) => e("div", {
-                    key: M,
-                    class: J(["crop-handle", M]),
-                    onMousedown: Be((E) => xe(M, E), ["stop"]),
-                    onTouchstart: Be((E) => xe(M, E), ["stop"])
+                  (a(), p(de, null, ue(G, (D) => e("div", {
+                    key: D,
+                    class: K(["crop-handle", D]),
+                    onMousedown: Fe((X) => Ce(D, X), ["stop"]),
+                    onTouchstart: Fe((X) => Ce(D, X), ["stop"])
                   }, null, 42, qt)), 64))
                 ], 36)
               ], 4),
@@ -984,18 +960,18 @@ const gt = (x, t) => {
                 z[1] || (z[1] = e("div", { class: "preview-label" }, "预览", -1)),
                 e("div", {
                   class: "preview-box",
-                  style: Xe({ width: x.previewSize + "px", height: x.previewSize + "px" })
+                  style: He({ width: w.previewSize + "px", height: w.previewSize + "px" })
                 }, [
                   e("canvas", {
                     ref_key: "previewCanvasRef",
                     ref: U,
-                    width: x.previewSize,
-                    height: x.previewSize,
+                    width: w.previewSize,
+                    height: w.previewSize,
                     class: "preview-canvas"
-                  }, null, 8, Kt)
+                  }, null, 8, Nt)
                 ], 4)
               ])
-            ])) : (a(), G(Y, {
+            ])) : (a(), Z(q, {
               key: 1,
               description: "请上传图片"
             }))
@@ -1005,422 +981,830 @@ const gt = (x, t) => {
       }, 8, ["modelValue", "width", "append-to-body"]);
     };
   }
-}, yt = /* @__PURE__ */ gt(Pt, [["__scopeId", "data-v-594eeaf3"]]), jt = { class: "chat-panel" }, Ot = { class: "chat-sidebar" }, Gt = ["src"], Jt = ["onClick"], Qt = {
+}, yt = /* @__PURE__ */ Ze(Kt, [["__scopeId", "data-v-594eeaf3"]]), Ot = { class: "emoji-header" }, Gt = ["onClick"], Jt = { class: "emoji-body" }, Qt = ["onClick"], Zt = {
+  __name: "EmojiPicker",
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["select", "close"],
+  setup(w, { emit: t }) {
+    const n = t, v = g(0), $ = [
+      {
+        id: "emoticons",
+        icon: "😀",
+        name: "表情",
+        emojis: [
+          "😀",
+          "😃",
+          "😄",
+          "😁",
+          "😆",
+          "😅",
+          "🤣",
+          "😂",
+          "🙂",
+          "🙃",
+          "😉",
+          "😊",
+          "😇",
+          "🥰",
+          "😍",
+          "🤩",
+          "😘",
+          "😗",
+          "😚",
+          "😋",
+          "😛",
+          "😜",
+          "🤪",
+          "😝",
+          "🤑",
+          "🤗",
+          "🤭",
+          "🤫",
+          "🤔",
+          "🤐",
+          "🤨",
+          "😐",
+          "😑",
+          "😶",
+          "😏",
+          "😒",
+          "🙄",
+          "😬",
+          "🤥",
+          "😌",
+          "😔",
+          "😪",
+          "🤤",
+          "😴",
+          "😷",
+          "🤒",
+          "🤕",
+          "🤢",
+          "🤮",
+          "🤧",
+          "🥵",
+          "🥶",
+          "🥴",
+          "😵",
+          "🤯",
+          "🤠",
+          "🥳",
+          "😎",
+          "🤓",
+          "🧐",
+          "😕",
+          "😟",
+          "🙁",
+          "☹️",
+          "😮",
+          "😯",
+          "😲",
+          "😳",
+          "🥺",
+          "😦",
+          "😧",
+          "😨",
+          "😰",
+          "😥",
+          "😢",
+          "😭",
+          "😱",
+          "😖",
+          "😣",
+          "😞"
+        ]
+      },
+      {
+        id: "gestures",
+        icon: "👋",
+        name: "手势",
+        emojis: [
+          "👋",
+          "🤚",
+          "🖐️",
+          "✋",
+          "🖖",
+          "👌",
+          "🤌",
+          "🤏",
+          "✌️",
+          "🤞",
+          "🤟",
+          "🤘",
+          "🤙",
+          "👈",
+          "👉",
+          "👆",
+          "🖕",
+          "👇",
+          "☝️",
+          "👍",
+          "👎",
+          "✊",
+          "👊",
+          "🤛",
+          "🤜",
+          "👏",
+          "🙌",
+          "👐",
+          "🤲",
+          "🤝",
+          "🙏",
+          "🤚🏻",
+          "🖐🏻",
+          "✋🏻",
+          "🖖🏻",
+          "👌🏻",
+          "🤌🏻",
+          "🤏🏻",
+          "✌🏻",
+          "🤞🏻",
+          "🤟🏻",
+          "🤘🏻",
+          "🤙🏻",
+          "👈🏻",
+          "👉🏻",
+          "👆🏻",
+          "🖕🏻",
+          "👇🏻",
+          "☝🏻",
+          "👍🏻"
+        ]
+      },
+      {
+        id: "animals",
+        icon: "🐶",
+        name: "动物",
+        emojis: [
+          "🐶",
+          "🐱",
+          "🐭",
+          "🐹",
+          "🐰",
+          "🦊",
+          "🐻",
+          "🐼",
+          "🐨",
+          "🐯",
+          "🦁",
+          "🐮",
+          "🐷",
+          "🐸",
+          "🐵",
+          "🙈",
+          "🙉",
+          "🙊",
+          "🐒",
+          "🐔",
+          "🐧",
+          "🐦",
+          "🐤",
+          "🐣",
+          "🐥",
+          "🦆",
+          "🦅",
+          "🦉",
+          "🦇",
+          "🐺",
+          "🐗",
+          "🐴",
+          "🦄",
+          "🐝",
+          "🐛",
+          "🦋",
+          "🐌",
+          "🐞",
+          "🐜",
+          "🦟",
+          "🦗",
+          "🕷️",
+          "🦂",
+          "🐢",
+          "🐍",
+          "🦎",
+          "🦖",
+          "🦕",
+          "🐙",
+          "🦑"
+        ]
+      },
+      {
+        id: "food",
+        icon: "🍎",
+        name: "食物",
+        emojis: [
+          "🍎",
+          "🍊",
+          "🍋",
+          "🍌",
+          "🍉",
+          "🍇",
+          "🍓",
+          "🍈",
+          "🍒",
+          "🍑",
+          "🥭",
+          "🍍",
+          "🥥",
+          "🥝",
+          "🍅",
+          "🍆",
+          "🥑",
+          "🥦",
+          "🥬",
+          "🥒",
+          "🌶️",
+          "🌽",
+          "🥕",
+          "🧄",
+          "🧅",
+          "🥔",
+          "🍠",
+          "🥐",
+          "🥯",
+          "🍞",
+          "🥖",
+          "🥨",
+          "🧀",
+          "🥚",
+          "🍳",
+          "🧈",
+          "🥞",
+          "🧇",
+          "🥓",
+          "🥩",
+          "🍗",
+          "🍖",
+          "🌭",
+          "🍔",
+          "🍟",
+          "🍕",
+          "🥪",
+          "🥙",
+          "🧆",
+          "🌮"
+        ]
+      },
+      {
+        id: "objects",
+        icon: "⌚",
+        name: "物品",
+        emojis: [
+          "⌚",
+          "📱",
+          "📲",
+          "💻",
+          "⌨️",
+          "🖥️",
+          "🖨️",
+          "🖱️",
+          "🖲️",
+          "🕹️",
+          "🗜️",
+          "💽",
+          "💾",
+          "💿",
+          "📀",
+          "🧮",
+          "🎥",
+          "🎞️",
+          "📽️",
+          "🎬",
+          "📺",
+          "📷",
+          "📸",
+          "📹",
+          "📼",
+          "🔍",
+          "🔎",
+          "🕯️",
+          "💡",
+          "🔦",
+          "🏮",
+          "📔",
+          "📕",
+          "📖",
+          "📗",
+          "📘",
+          "📙",
+          "📚",
+          "📓",
+          "📒",
+          "📃",
+          "📜",
+          "📄",
+          "📰",
+          "🗞️",
+          "📑",
+          "🔖",
+          "🏷️",
+          "💰",
+          "🪙"
+        ]
+      },
+      {
+        id: "nature",
+        icon: "☀️",
+        name: "自然",
+        emojis: [
+          "☀️",
+          "🌤️",
+          "⛅",
+          "🌥️",
+          "☁️",
+          "🌦️",
+          "🌧️",
+          "⛈️",
+          "🌩️",
+          "🌨️",
+          "❄️",
+          "☃️",
+          "⛄",
+          "🌬️",
+          "💨",
+          "🌪️",
+          "🌫️",
+          "🌊",
+          "💧",
+          "💦",
+          "☔",
+          "☂️",
+          "🌱",
+          "🌲",
+          "🌳",
+          "🌴",
+          "🌵",
+          "🌷",
+          "🌹",
+          "🥀",
+          "🌺",
+          "🌸",
+          "🌼",
+          "🌻",
+          "🌞",
+          "⭐",
+          "🌟",
+          "✨",
+          "💫",
+          "🌙",
+          "🌚",
+          "🌛",
+          "🌜",
+          "🌝",
+          "🪐",
+          "🌍",
+          "🌎",
+          "🌏",
+          "⛱️",
+          "🏖️"
+        ]
+      }
+    ], O = (H) => {
+      n("select", H);
+    };
+    return (H, G) => w.visible ? (a(), p("div", {
+      key: 0,
+      class: "emoji-picker",
+      onClick: G[0] || (G[0] = Fe(() => {
+      }, ["stop"]))
+    }, [
+      e("div", Ot, [
+        (a(), p(de, null, ue($, (V, ie) => e("div", {
+          key: V.id,
+          class: K(["emoji-category-tab", { active: v.value === ie }]),
+          onClick: (R) => v.value = ie
+        }, y(V.icon), 11, Gt)), 64))
+      ]),
+      e("div", Jt, [
+        (a(!0), p(de, null, ue($[v.value].emojis, (V) => (a(), p("div", {
+          key: V,
+          class: "emoji-item",
+          onClick: (ie) => O(V)
+        }, y(V), 9, Qt))), 128))
+      ])
+    ])) : S("", !0);
+  }
+}, Et = /* @__PURE__ */ Ze(Zt, [["__scopeId", "data-v-6ca53096"]]), es = { class: "chat-panel" }, ts = { class: "chat-sidebar" }, ss = ["src"], as = ["onClick"], ns = {
   key: 0,
   class: "sidebar-nav-badge"
-}, Zt = { class: "chat-content-panel" }, es = { class: "chat-search-bar" }, ts = { class: "chat-content-scroll" }, ss = { key: 0 }, as = ["onClick", "onContextmenu"], ns = { class: "chat-list-avatar-wrapper" }, is = ["src", "alt"], ls = {
+}, is = { class: "chat-content-panel" }, ls = { class: "chat-search-bar" }, os = { class: "chat-content-scroll" }, rs = { key: 0 }, cs = ["onClick", "onContextmenu"], ds = { class: "chat-list-avatar-wrapper" }, us = ["src", "alt"], vs = {
   key: 0,
   class: "chat-list-online-indicator"
-}, 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 = {
+}, ps = { class: "chat-list-info" }, ms = { class: "chat-list-header" }, hs = { class: "chat-list-name" }, fs = { class: "chat-list-time" }, gs = { class: "chat-list-preview" }, ys = { class: "chat-list-last-msg" }, _s = {
   key: 0,
   class: "chat-list-unread"
-}, 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 = {
+}, bs = { key: 1 }, ks = { class: "add-friend-section" }, ws = { class: "add-friend-icon" }, Cs = ["onClick"], xs = { class: "chat-list-avatar-wrapper" }, Us = ["src", "alt"], $s = { class: "chat-list-info" }, Ss = { class: "chat-list-name" }, zs = { key: 2 }, As = { class: "friend-request-info" }, Fs = ["src", "alt"], Vs = { class: "friend-request-details" }, Rs = { class: "friend-request-username" }, Ms = { class: "chat-main-area" }, Is = {
   key: 0,
   class: "friend-profile-area"
-}, As = ["src", "alt"], Vs = { class: "profile-name" }, Fs = { class: "profile-status" }, Is = {
+}, Ls = ["src", "alt"], Ts = { class: "profile-name" }, Es = { class: "profile-status" }, Ds = {
   key: 1,
   class: "chat-window-area"
-}, Rs = { class: "chat-window-header" }, Ms = { class: "chat-window-title" }, Ls = { class: "chat-window-name" }, Ts = { class: "chat-window-actions" }, Es = { class: "message-avatar" }, Ds = ["src"], Ws = {
+}, Ws = { class: "chat-window-header" }, js = { class: "chat-window-title" }, Hs = { class: "chat-window-name" }, Xs = { class: "chat-window-actions" }, Ys = { class: "message-avatar" }, qs = ["src"], Bs = {
   key: 0,
   class: "message-sender-name"
-}, Hs = { class: "message-bubble-wrapper" }, Xs = ["onClick"], Ys = ["src", "alt"], qs = {
+}, Ns = { class: "message-bubble-wrapper" }, Ps = ["onClick"], Ks = ["src", "alt"], Os = {
   key: 0,
   class: "message-image-size"
-}, Bs = ["onClick"], Ks = { class: "message-file-content" }, Ns = { class: "message-file-icon" }, Ps = { class: "message-file-info" }, js = { class: "message-file-name" }, Os = { class: "message-file-meta" }, Gs = { key: 0 }, Js = { class: "chat-input-area" }, Qs = {
+}, Gs = ["onClick"], Js = { class: "message-file-content" }, Qs = { class: "message-file-icon" }, Zs = { class: "message-file-info" }, ea = { class: "message-file-name" }, ta = { class: "message-file-meta" }, sa = { key: 0 }, aa = {
   key: 0,
   class: "pending-files-area"
-}, Zs = {
+}, na = {
   key: 0,
   class: "pending-image-wrapper"
-}, ea = ["src", "alt"], ta = ["onClick"], sa = {
+}, ia = ["src", "alt"], la = ["onClick"], oa = {
   key: 1,
   class: "pending-file-wrapper"
-}, aa = { class: "pending-file-name" }, na = ["onClick"], ia = {
+}, ra = { class: "pending-file-name" }, ca = ["onClick"], da = {
   key: 1,
   class: "input-toolbar"
-}, la = { class: "input-textarea-wrapper" }, oa = ["onKeydown"], ra = { class: "input-send-wrapper" }, ca = {
+}, ua = { class: "emoji-button-wrapper" }, va = { class: "input-textarea-wrapper" }, pa = ["onKeydown"], ma = { class: "input-send-wrapper" }, ha = {
   key: 2,
   class: "chat-empty-state"
-}, da = { class: "empty-state-text" }, ua = {
+}, fa = { class: "empty-state-text" }, ga = {
   key: 0,
   class: "chat-detail-panel"
-}, 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 = {
+}, ya = { class: "chat-detail-content" }, _a = { class: "chat-detail-profile" }, ba = ["src", "alt"], ka = { class: "chat-detail-name" }, wa = { class: "add-friend-search-wrapper" }, Ca = { class: "add-friend-users-list" }, xa = { class: "add-friend-user-info" }, Ua = ["src", "alt"], $a = { class: "add-friend-user-name" }, Sa = { class: "chat-settings-container" }, za = { class: "chat-settings-avatar-section" }, Aa = { class: "chat-settings-avatar-wrapper" }, Fa = ["src"], Va = { class: "chat-settings-user-display" }, Ra = { class: "chat-settings-nickname" }, Ma = { class: "chat-settings-username" }, Ia = { class: "chat-settings-form-section" }, La = { class: "chat-settings-form-header" }, Ta = { class: "chat-settings-form-title" }, Ea = { class: "chat-settings-form" }, Da = { class: "chat-settings-form-item" }, Wa = {
   key: 1,
   class: "chat-settings-form-value"
-}, Ma = { class: "chat-settings-form-item" }, La = {
+}, ja = { class: "chat-settings-form-item" }, Ha = {
   key: 1,
   class: "chat-settings-form-value"
-}, Ta = { class: "chat-settings-form-item" }, Ea = {
+}, Xa = { class: "chat-settings-form-item" }, Ya = {
   key: 1,
   class: "chat-settings-form-value"
-}, Da = { class: "chat-settings-form-item" }, Wa = {
+}, qa = { class: "chat-settings-form-item" }, Ba = {
   key: 1,
   class: "chat-settings-form-value bio-value"
-}, Ha = {
+}, Na = {
   key: 0,
   class: "chat-settings-form-actions"
-}, Xa = {
+}, Pa = {
   __name: "ChatPanel",
   props: {
     config: { type: Object, required: !0 }
   },
   emits: ["message", "send", "error", "init"],
-  setup(x, { emit: t }) {
-    const n = x, v = t, {
+  setup(w, { emit: t }) {
+    const n = w, v = t, {
       myUsername: $,
-      myAvatar: ee,
+      myAvatar: O,
       userInfo: H,
-      loadingUserInfo: Z,
-      friendList: X,
-      filteredFriendList: ve,
-      searchText: V,
+      loadingUserInfo: G,
+      friendList: V,
+      filteredFriendList: ie,
+      searchText: R,
       inputText: U,
       messagesContainer: A,
-      filteredUsers: h,
-      filteredAvailableUsers: ce,
-      currentUser: Ae,
-      currentMessages: ye,
-      addFriendDialogVisible: C,
-      addFriendSearchText: fe,
-      availableUsers: Ce,
-      loadingAvailableUsers: Ve,
-      friendApplyList: xe,
-      loadingFriendApply: Se,
-      formatTime: Fe,
-      formatLastTime: Re,
+      filteredUsers: f,
+      filteredAvailableUsers: ve,
+      currentUser: Se,
+      currentMessages: ge,
+      addFriendDialogVisible: x,
+      addFriendSearchText: he,
+      availableUsers: we,
+      loadingAvailableUsers: ze,
+      friendApplyList: Ce,
+      loadingFriendApply: Ue,
+      formatTime: Ve,
+      formatLastTime: Me,
       scrollToBottom: De,
       getFriendList: We,
-      getChatHistory: Me,
-      setFriendToChatStatus: w,
+      getChatHistory: Ie,
+      setFriendToChatStatus: C,
       selectUser: z,
-      sendMessage: Y,
-      sendFile: I,
-      sendFilesAndText: R,
-      initWebSocket: M,
-      closeWebSocket: E,
-      reset: N,
-      openAddFriendDialog: P,
-      addFriend: L,
-      loadFriendApplyList: q,
+      sendMessage: q,
+      sendFile: L,
+      sendFilesAndText: E,
+      initWebSocket: D,
+      closeWebSocket: X,
+      reset: J,
+      openAddFriendDialog: Q,
+      addFriend: W,
+      loadFriendApplyList: N,
       agreeFriend: te,
-      updateMyAvatar: ae,
-      getUserInfo: de,
-      updateUserInfo: pe
-    } = Tt(n.config, (f) => {
-      v("message", f);
-    }), B = we(() => {
-      var 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 };
+      updateMyAvatar: ne
+    } = Tt(n.config, (h) => {
+      v("message", h);
+    }), le = ke(() => {
+      var o;
+      const h = [{ id: "chat", icon: Xe, badge: 0 }];
+      return n.config.modules.friends && h.push({ id: "friends", icon: Je, badge: 0 }), n.config.modules.apply && h.push({ id: "apply", icon: $t, badge: ((o = Ce.value) == null ? void 0 : o.length) || 0 }), h;
+    }), se = g("chat"), F = g(null), T = g(null), M = g(null), Y = g(!1), oe = g(!1), P = g({ nickname: "", email: "", phone: "", bio: "" }), re = g(!1), $e = g(!1), _e = g(!1), c = g(!1), r = g(null), _ = g(""), I = g(null), ae = g([]), B = g({ visible: !1, x: 0, y: 0, chat: null }), pe = g(!1), Ae = (h, o) => {
+      h.preventDefault(), h.stopPropagation(), B.value = { visible: !0, x: h.clientX, y: h.clientY, chat: o };
     }, Le = () => {
-      O.value.visible = !1;
+      B.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 = (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
+      if (!B.value.chat) return;
+      await C(B.value.chat.id, 0) && F.value === B.value.chat.id && (F.value = null, T.value = null), Le();
+    }, Te = (h) => {
+      F.value = h.id, T.value = h, M.value = null, Y.value = !1, z({
+        id: h.id,
+        name: h.name,
+        avatar: h.avatar,
+        online: h.online
       });
-    }, tt = (f) => {
-      W.value = f, ne.value = null, D.value = null;
+    }, tt = (h) => {
+      M.value = h, F.value = null, T.value = null;
     }, st = async () => {
-      if (!W.value) return;
-      if (await w(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;
+      if (!M.value) return;
+      if (await C(M.value.id)) {
+        se.value = "chat", await Ke();
+        const o = f.value.find((d) => d.id === M.value.id);
+        o && Te(o), M.value = null;
       }
     }, at = () => {
-      ze.value = !0;
+      $e.value = !0;
     }, nt = () => {
-      var f;
-      (f = g.value) == null || f.click();
+      var h;
+      (h = r.value) == null || h.click();
     }, it = () => {
-      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) {
-            Q.warning(`文件 ${u.name} 超过50MB，已跳过`);
+      var h;
+      (h = I.value) == null || h.click();
+    }, lt = (h) => {
+      const o = Array.from(h.target.files || []);
+      if (o.length !== 0) {
+        for (const d of o) {
+          if (d.size > 50 * 1024 * 1024) {
+            ee.warning(`文件 ${d.name} 超过50MB，已跳过`);
             continue;
           }
-          const s = URL.createObjectURL(u);
-          j.value.push({
+          const s = URL.createObjectURL(d);
+          ae.value.push({
             id: Date.now() + Math.random(),
-            file: u,
-            name: u.name,
-            size: u.size,
-            type: u.type,
+            file: d,
+            name: d.name,
+            size: d.size,
+            type: d.type,
             previewUrl: s,
-            isImage: u.type.startsWith("image/")
+            isImage: d.type.startsWith("image/")
           });
         }
-        _e.value && (_e.value.value = "");
+        I.value && (I.value.value = "");
       }
-    }, 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 f = [...j.value], r = U.value;
-      U.value = "", j.value.forEach((u) => {
-        u.previewUrl && URL.revokeObjectURL(u.previewUrl);
-      }), j.value = [], await R(f, r), v("send", { text: r, files: f });
-    }, ot = (f) => {
-      var u;
-      const r = (u = f.clipboardData) == null ? void 0 : u.items;
-      if (r) {
-        for (const s of r)
+    }, qe = (h) => {
+      const o = ae.value[h];
+      o.previewUrl && URL.revokeObjectURL(o.previewUrl), ae.value.splice(h, 1);
+    }, Be = (h) => {
+      if (h === 0) return "0 B";
+      const o = 1024, d = ["B", "KB", "MB", "GB"], s = Math.floor(Math.log(h) / Math.log(o));
+      return parseFloat((h / Math.pow(o, s)).toFixed(2)) + " " + d[s];
+    }, Ne = async () => {
+      if (!U.value.trim() && ae.value.length === 0) return;
+      const h = [...ae.value], o = U.value;
+      U.value = "", ae.value.forEach((d) => {
+        d.previewUrl && URL.revokeObjectURL(d.previewUrl);
+      }), ae.value = [], await E(h, o), v("send", { text: o, files: h });
+    }, ot = (h) => {
+      var d;
+      const o = (d = h.clipboardData) == null ? void 0 : d.items;
+      if (o) {
+        for (const s of o)
           if (s.kind === "file") {
             const b = s.getAsFile();
             if (b) {
               if (b.size > 50 * 1024 * 1024) {
-                Q.warning(`文件 ${b.name} 超过50MB，已跳过`);
+                ee.warning(`文件 ${b.name} 超过50MB，已跳过`);
                 continue;
               }
-              const T = URL.createObjectURL(b);
-              j.value.push({
+              const j = URL.createObjectURL(b);
+              ae.value.push({
                 id: Date.now() + Math.random(),
                 file: b,
                 name: b.name,
                 size: b.size,
                 type: b.type,
-                previewUrl: T,
+                previewUrl: j,
                 isImage: b.type.startsWith("image/")
               });
             }
           }
       }
-    }, je = (f) => {
-      if (!f) {
-        Q.warning("文件地址无效");
+    }, Pe = (h) => {
+      if (!h) {
+        ee.warning("文件地址无效");
         return;
       }
-      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("只能上传图片文件");
+      window.open(h, "_blank");
+    }, rt = (h) => {
+      console.warn("图片加载失败", h);
+    }, ct = (h) => {
+      U.value += h, pe.value = !1;
+    }, dt = (h) => {
+      const o = h.target.files[0];
+      if (!o) return;
+      if (!o.type.startsWith("image/")) {
+        ee.error("只能上传图片文件");
         return;
       }
-      if (r.size > 5 * 1024 * 1024) {
-        Q.error("图片大小不能超过 5MB");
+      if (o.size > 5 * 1024 * 1024) {
+        ee.error("图片大小不能超过 5MB");
         return;
       }
-      const u = new FileReader();
-      u.onload = (s) => {
-        F.value = s.target.result, i.value = !0;
-      }, u.readAsDataURL(r);
-    }, dt = async ({ file: f }) => {
-      if (f) {
+      const d = new FileReader();
+      d.onload = (s) => {
+        _.value = s.target.result, _e.value = !0;
+      }, d.readAsDataURL(o);
+    }, ut = async ({ file: h }) => {
+      if (h) {
         c.value = !0;
         try {
-          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("头像上传失败");
+          const { ChatApi: o } = await Promise.resolve().then(() => Lt), s = await new o(n.config).uploadAvatar(h, $);
+          s.code === 200 ? (ee.success("头像上传成功"), ne(s.data), Oe()) : ee.error(s.msg || "头像上传失败");
+        } catch (o) {
+          console.error(o), ee.error("头像上传失败");
         } finally {
           c.value = !1;
         }
       }
-    }, Ge = () => {
-      F.value = "", i.value = !1, g.value && (g.value.value = "");
-    }, ut = () => {
-      K.value = {
+    }, Oe = () => {
+      _.value = "", _e.value = !1, r.value && (r.value.value = "");
+    }, vt = () => {
+      P.value = {
         nickname: H.value.nickname || "",
         email: H.value.email || "",
         phone: H.value.phone || "",
         bio: H.value.bio || ""
-      }, le.value = !0;
-    }, vt = () => {
-      le.value = !1, K.value = { nickname: "", email: "", phone: "", bio: "" };
-    }, pt = async () => {
-      oe.value = !0;
+      }, oe.value = !0;
+    }, pt = () => {
+      oe.value = !1, P.value = { nickname: "", email: "", phone: "", bio: "" };
+    }, mt = async () => {
+      re.value = !0;
       try {
-        await pe(K.value) ? (Q.success("保存成功"), le.value = !1) : Q.error("保存失败");
-      } catch (f) {
-        console.error(f), Q.error("保存失败");
+        await updateUserInfo(P.value) ? (ee.success("保存成功"), oe.value = !1) : ee.error("保存失败");
+      } catch (h) {
+        console.error(h), ee.error("保存失败");
       } finally {
-        oe.value = !1;
+        re.value = !1;
       }
     };
     return bt(async () => {
-      await Promise.all([We(), q()]), M(), h.value.length > 0 && Te(h.value[0]), v("init"), document.addEventListener("click", Le);
+      await Promise.all([We(), N()]), D(), f.value.length > 0 && Te(f.value[0]), v("init"), document.addEventListener("click", Le);
     }), kt(() => {
-      N(), E(), document.removeEventListener("click", Le);
-    }), (f, r) => {
-      var ke, He, Ee;
-      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, [
+      J(), X(), document.removeEventListener("click", Le);
+    }), (h, o) => {
+      var be, je, Ee;
+      const d = ye("el-icon"), s = ye("el-input"), b = ye("el-empty"), j = ye("el-button"), ce = ye("el-dialog");
+      return a(), p("div", es, [
+        e("div", ts, [
           e("div", {
             class: "sidebar-avatar",
             onClick: at
           }, [
             e("img", {
-              src: d(ee),
+              src: u(O),
               alt: "头像",
               class: "sidebar-avatar-img"
-            }, null, 8, Gt)
+            }, null, 8, ss)
           ]),
-          (a(!0), p(me, null, he(B.value, (o) => (a(), p("div", {
-            key: o.id,
-            class: J([
+          (a(!0), p(de, null, ue(le.value, (l) => (a(), p("div", {
+            key: l.id,
+            class: K([
               "sidebar-nav-item",
-              se.value === o.id ? "sidebar-nav-item-active" : "sidebar-nav-item-inactive"
+              se.value === l.id ? "sidebar-nav-item-active" : "sidebar-nav-item-inactive"
             ]),
-            onClick: (ge) => se.value = o.id
+            onClick: (fe) => se.value = l.id
           }, [
-            m(u, { size: 24 }, {
+            m(d, { size: 24 }, {
               default: k(() => [
-                (a(), G(wt(o.icon)))
+                (a(), Z(wt(l.icon)))
               ]),
               _: 2
             }, 1024),
-            o.badge ? (a(), p("span", Qt, y(o.badge > 99 ? "99+" : o.badge), 1)) : S("", !0)
-          ], 10, Jt))), 128)),
-          r[13] || (r[13] = e("div", { class: "sidebar-spacer" }, null, -1)),
-          x.config.modules.settings ? (a(), p("div", {
+            l.badge ? (a(), p("span", ns, y(l.badge > 99 ? "99+" : l.badge), 1)) : S("", !0)
+          ], 10, as))), 128)),
+          o[15] || (o[15] = e("div", { class: "sidebar-spacer" }, null, -1)),
+          w.config.modules.settings ? (a(), p("div", {
             key: 0,
             class: "sidebar-nav-item sidebar-nav-item-inactive",
-            onClick: r[0] || (r[0] = (o) => ze.value = !0),
+            onClick: o[0] || (o[0] = (l) => $e.value = !0),
             title: "设置"
           }, [
-            m(u, { size: 24 }, {
+            m(d, { size: 24 }, {
               default: k(() => [
-                m(d(St))
+                m(u(St))
               ]),
               _: 1
             })
           ])) : S("", !0)
         ]),
-        e("div", Zt, [
-          e("div", es, [
+        e("div", is, [
+          e("div", ls, [
             m(s, {
-              modelValue: d(V),
-              "onUpdate:modelValue": r[1] || (r[1] = (o) => Ie(V) ? V.value = o : null),
+              modelValue: u(R),
+              "onUpdate:modelValue": o[1] || (o[1] = (l) => Re(R) ? R.value = l : null),
               placeholder: "搜索",
-              "prefix-icon": d(qe),
+              "prefix-icon": u(Ye),
               class: "chat-search-input"
             }, null, 8, ["modelValue", "prefix-icon"])
           ]),
-          e("div", ts, [
-            se.value === "chat" ? (a(), p("div", ss, [
-              (a(!0), p(me, null, he(d(h), (o) => (a(), p("div", {
-                key: o.id,
-                class: J([
+          e("div", os, [
+            se.value === "chat" ? (a(), p("div", rs, [
+              (a(!0), p(de, null, ue(u(f), (l) => (a(), p("div", {
+                key: l.id,
+                class: K([
                   "chat-list-item",
-                  ne.value === o.id ? "chat-list-item-active" : ""
+                  F.value === l.id ? "chat-list-item-active" : ""
                 ]),
-                onClick: (ge) => Te(o),
-                onContextmenu: Be((ge) => Ue(ge, o), ["prevent", "stop"])
+                onClick: (fe) => Te(l),
+                onContextmenu: Fe((fe) => Ae(fe, l), ["prevent", "stop"])
               }, [
-                e("div", ns, [
+                e("div", ds, [
                   e("img", {
-                    src: o.avatar,
-                    alt: o.name,
+                    src: l.avatar,
+                    alt: l.name,
                     class: "chat-list-avatar"
-                  }, null, 8, is),
-                  o.online ? (a(), p("span", ls)) : S("", !0)
+                  }, null, 8, us),
+                  l.online ? (a(), p("span", vs)) : S("", !0)
                 ]),
-                e("div", os, [
-                  e("div", rs, [
-                    e("span", cs, y(o.name), 1),
-                    e("span", ds, y(d(Re)(o.lastTime)), 1)
+                e("div", ps, [
+                  e("div", ms, [
+                    e("span", hs, y(l.name), 1),
+                    e("span", fs, y(u(Me)(l.lastTime)), 1)
                   ]),
-                  e("div", us, [
-                    e("span", vs, y(o.lastMsg), 1),
-                    o.unread > 0 ? (a(), p("span", ps, y(o.unread > 99 ? "99+" : o.unread), 1)) : S("", !0)
+                  e("div", gs, [
+                    e("span", ys, y(l.lastMsg), 1),
+                    l.unread > 0 ? (a(), p("span", _s, y(l.unread > 99 ? "99+" : l.unread), 1)) : S("", !0)
                   ])
                 ])
-              ], 42, as))), 128))
+              ], 42, cs))), 128))
             ])) : S("", !0),
-            se.value === "friends" && x.config.modules.friends ? (a(), p("div", ms, [
-              e("div", hs, [
+            se.value === "friends" && w.config.modules.friends ? (a(), p("div", bs, [
+              e("div", ks, [
                 e("div", {
                   class: "add-friend-btn",
-                  onClick: r[2] || (r[2] = (...o) => d(P) && d(P)(...o))
+                  onClick: o[2] || (o[2] = (...l) => u(Q) && u(Q)(...l))
                 }, [
-                  e("div", fs, [
-                    m(u, {
+                  e("div", ws, [
+                    m(d, {
                       class: "text-white",
                       size: 20
                     }, {
                       default: k(() => [
-                        m(d(zt))
+                        m(u(zt))
                       ]),
                       _: 1
                     })
                   ]),
-                  r[14] || (r[14] = e("span", { class: "add-friend-text" }, "添加好友", -1))
+                  o[16] || (o[16] = e("span", { class: "add-friend-text" }, "添加好友", -1))
                 ])
               ]),
-              (a(!0), p(me, null, he(d(ve), (o) => (a(), p("div", {
-                key: o.id,
+              (a(!0), p(de, null, ue(u(ie), (l) => (a(), p("div", {
+                key: l.id,
                 class: "chat-list-item",
-                onClick: (ge) => tt(o)
+                onClick: (fe) => tt(l)
               }, [
-                e("div", ys, [
+                e("div", xs, [
                   e("img", {
-                    src: o.avatar,
-                    alt: o.name,
+                    src: l.avatar,
+                    alt: l.name,
                     class: "chat-list-avatar"
-                  }, null, 8, _s),
+                  }, null, 8, Us),
                   e("span", {
-                    class: J([
+                    class: K([
                       "chat-list-online-indicator",
-                      o.online ? "chat-list-online" : "chat-list-offline"
+                      l.online ? "chat-list-online" : "chat-list-offline"
                     ])
                   }, null, 2)
                 ]),
-                e("div", bs, [
-                  e("span", ks, y(o.name), 1)
+                e("div", $s, [
+                  e("span", Ss, y(l.name), 1)
                 ])
-              ], 8, gs))), 128))
+              ], 8, Cs))), 128))
             ])) : S("", !0),
-            se.value === "apply" && x.config.modules.apply ? (a(), p("div", ws, [
-              d(Se) ? (a(), G(b, {
+            se.value === "apply" && w.config.modules.apply ? (a(), p("div", zs, [
+              u(Ue) ? (a(), Z(b, {
                 key: 0,
                 description: "加载中..."
-              })) : d(xe).length === 0 ? (a(), G(b, {
+              })) : u(Ce).length === 0 ? (a(), Z(b, {
                 key: 1,
                 description: "暂无好友申请"
-              })) : (a(!0), p(me, { key: 2 }, he(d(xe), (o) => (a(), p("div", {
-                key: o.applyUser || o.id,
+              })) : (a(!0), p(de, { key: 2 }, ue(u(Ce), (l) => (a(), p("div", {
+                key: l.applyUser || l.id,
                 class: "friend-request-item"
               }, [
-                e("div", Cs, [
+                e("div", As, [
                   e("img", {
-                    src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${o.applyUser}`,
-                    alt: o.applyUser,
+                    src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${l.applyUser}`,
+                    alt: l.applyUser,
                     class: "friend-request-avatar"
-                  }, null, 8, xs),
-                  e("div", Us, [
-                    e("div", $s, y(o.applyUser), 1),
-                    r[15] || (r[15] = e("div", { class: "friend-request-desc" }, "请求添加你为好友", -1))
+                  }, null, 8, Fs),
+                  e("div", Vs, [
+                    e("div", Rs, y(l.applyUser), 1),
+                    o[17] || (o[17] = e("div", { class: "friend-request-desc" }, "请求添加你为好友", -1))
                   ])
                 ]),
-                m(T, {
+                m(j, {
                   type: "primary",
                   size: "small",
-                  onClick: (ge) => d(te)(o.applyUser)
+                  onClick: (fe) => u(te)(l.applyUser)
                 }, {
-                  default: k(() => [...r[16] || (r[16] = [
-                    ue("同意", -1)
+                  default: k(() => [...o[18] || (o[18] = [
+                    me("同意", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"])
@@ -1428,65 +1812,65 @@ const gt = (x, t) => {
             ])) : S("", !0)
           ])
         ]),
-        e("div", Ss, [
-          W.value && !D.value ? (a(), p("div", zs, [
+        e("div", Ms, [
+          M.value && !T.value ? (a(), p("div", Is, [
             e("img", {
-              src: W.value.avatar,
-              alt: W.value.name,
+              src: M.value.avatar,
+              alt: M.value.name,
               class: "profile-avatar"
-            }, null, 8, As),
-            e("div", Vs, y(W.value.name), 1),
-            e("div", Fs, [
+            }, null, 8, Ls),
+            e("div", Ts, y(M.value.name), 1),
+            e("div", Es, [
               e("span", {
-                class: J([
+                class: K([
                   "profile-status-dot",
-                  W.value.online ? "profile-status-online" : "profile-status-offline"
+                  M.value.online ? "profile-status-online" : "profile-status-offline"
                 ])
               }, null, 2),
-              e("span", null, y(W.value.online ? "在线" : "离线"), 1)
+              e("span", null, y(M.value.online ? "在线" : "离线"), 1)
             ]),
-            m(T, {
+            m(j, {
               type: "primary",
               size: "large",
               onClick: st,
               class: "profile-start-chat-btn"
             }, {
               default: k(() => [
-                m(u, null, {
+                m(d, null, {
                   default: k(() => [
-                    m(d(Ye))
+                    m(u(Xe))
                   ]),
                   _: 1
                 }),
-                r[17] || (r[17] = e("span", null, "发消息", -1))
+                o[19] || (o[19] = e("span", null, "发消息", -1))
               ]),
               _: 1
             })
           ])) : S("", !0),
-          D.value ? (a(), p("div", Is, [
-            e("div", Rs, [
-              e("div", Ms, [
-                e("span", Ls, y(D.value.name), 1),
+          T.value ? (a(), p("div", Ds, [
+            e("div", Ws, [
+              e("div", js, [
+                e("span", Hs, y(T.value.name), 1),
                 e("span", {
-                  class: J([
+                  class: K([
                     "chat-window-status",
-                    D.value.online ? "chat-window-status-online" : "chat-window-status-offline"
+                    T.value.online ? "chat-window-status-online" : "chat-window-status-offline"
                   ])
-                }, y(D.value.online ? "在线" : "离线"), 3)
+                }, y(T.value.online ? "在线" : "离线"), 3)
               ]),
-              e("div", Ts, [
-                m(u, { class: "chat-action-icon" }, {
+              e("div", Xs, [
+                m(d, { class: "chat-action-icon" }, {
                   default: k(() => [
-                    m(d(qe))
+                    m(u(Ye))
                   ]),
                   _: 1
                 }),
-                m(u, {
+                m(d, {
                   class: "chat-action-icon",
-                  onClick: r[3] || (r[3] = (o) => ie.value = !ie.value)
+                  onClick: o[3] || (o[3] = (l) => Y.value = !Y.value)
                 }, {
                   default: k(() => [
-                    m(d(At))
+                    m(u(At))
                   ]),
                   _: 1
                 })
@@ -1497,253 +1881,265 @@ const gt = (x, t) => {
               ref: A,
               class: "chat-messages-container"
             }, [
-              (a(!0), p(me, null, he(d(ye), (o, ge) => (a(), p("div", {
-                key: ge,
-                class: J([
+              (a(!0), p(de, null, ue(u(ge), (l, fe) => (a(), p("div", {
+                key: fe,
+                class: K([
                   "message-wrapper",
-                  o.isSelf ? "message-self" : "message-other"
+                  l.isSelf ? "message-self" : "message-other"
                 ])
               }, [
-                e("div", Es, [
+                e("div", Ys, [
                   e("img", {
-                    src: o.isSelf ? d(ee) : D.value.avatar,
+                    src: l.isSelf ? u(O) : T.value.avatar,
                     class: "message-avatar-img"
-                  }, null, 8, Ds)
+                  }, null, 8, qs)
                 ]),
                 e("div", {
-                  class: J([
+                  class: K([
                     "message-content",
-                    o.isSelf ? "message-content-self" : "message-content-other"
+                    l.isSelf ? "message-content-self" : "message-content-other"
                   ])
                 }, [
-                  o.isSelf ? S("", !0) : (a(), p("div", Ws, y(D.value.name), 1)),
-                  e("div", Hs, [
-                    o.type === "text" ? (a(), p("div", {
+                  l.isSelf ? S("", !0) : (a(), p("div", Bs, y(T.value.name), 1)),
+                  e("div", Ns, [
+                    l.type === "text" ? (a(), p("div", {
                       key: 0,
-                      class: J([
+                      class: K([
                         "message-bubble",
-                        o.isSelf ? "message-bubble-self" : "message-bubble-other"
+                        l.isSelf ? "message-bubble-self" : "message-bubble-other"
                       ])
-                    }, y(o.text), 3)) : o.type === "file" && o.fileType === "image" ? (a(), p("div", {
+                    }, y(l.text), 3)) : l.type === "file" && l.fileType === "image" ? (a(), p("div", {
                       key: 1,
-                      class: J([
+                      class: K([
                         "message-bubble",
                         "message-image-bubble",
-                        o.isSelf ? "message-bubble-self" : "message-bubble-other"
+                        l.isSelf ? "message-bubble-self" : "message-bubble-other"
                       ]),
-                      onClick: (l) => je(o.fileUrl)
+                      onClick: (i) => Pe(l.fileUrl)
                     }, [
                       e("img", {
-                        src: o.fileUrl,
-                        alt: o.fileName,
+                        src: l.fileUrl,
+                        alt: l.fileName,
                         class: "message-image",
                         onError: rt
-                      }, null, 40, Ys),
-                      o.fileSize ? (a(), p("div", qs, y(Ne(o.fileSize)), 1)) : S("", !0)
-                    ], 10, Xs)) : o.type === "file" ? (a(), p("div", {
+                      }, null, 40, Ks),
+                      l.fileSize ? (a(), p("div", Os, y(Be(l.fileSize)), 1)) : S("", !0)
+                    ], 10, Ps)) : l.type === "file" ? (a(), p("div", {
                       key: 2,
-                      class: J([
+                      class: K([
                         "message-bubble",
                         "message-file-bubble",
-                        o.isSelf ? "message-bubble-self" : "message-bubble-other"
+                        l.isSelf ? "message-bubble-self" : "message-bubble-other"
                       ]),
-                      onClick: (l) => je(o.fileUrl)
+                      onClick: (i) => Pe(l.fileUrl)
                     }, [
-                      e("div", Ks, [
-                        e("div", Ns, [
-                          m(u, { size: 28 }, {
+                      e("div", Js, [
+                        e("div", Qs, [
+                          m(d, { size: 28 }, {
                             default: k(() => [
-                              m(d(Vt))
+                              m(u(Ft))
                             ]),
                             _: 1
                           })
                         ]),
-                        e("div", Ps, [
-                          e("div", js, y(o.fileName || o.text), 1),
-                          e("div", Os, [
-                            m(u, { size: 12 }, {
+                        e("div", Zs, [
+                          e("div", ea, y(l.fileName || l.text), 1),
+                          e("div", ta, [
+                            m(d, { size: 12 }, {
                               default: k(() => [
-                                m(d(Ft))
+                                m(u(Vt))
                               ]),
                               _: 1
                             }),
-                            r[18] || (r[18] = e("span", null, "点击下载", -1)),
-                            o.fileSize ? (a(), p("span", Gs, "· " + y(Ne(o.fileSize)), 1)) : S("", !0)
+                            o[20] || (o[20] = e("span", null, "点击下载", -1)),
+                            l.fileSize ? (a(), p("span", sa, "· " + y(Be(l.fileSize)), 1)) : S("", !0)
                           ])
                         ])
                       ])
-                    ], 10, Bs)) : S("", !0),
+                    ], 10, Gs)) : S("", !0),
                     e("div", {
-                      class: J([
+                      class: K([
                         "message-time",
-                        o.isSelf ? "message-time-right" : "message-time-left"
+                        l.isSelf ? "message-time-right" : "message-time-left"
                       ])
-                    }, y(d(Fe)(o.time)), 3)
+                    }, y(u(Ve)(l.time)), 3)
                   ])
                 ], 2)
               ], 2))), 128))
             ], 512),
-            e("div", Js, [
-              j.value.length > 0 ? (a(), p("div", Qs, [
-                (a(!0), p(me, null, he(j.value, (o, ge) => (a(), p("div", {
-                  key: o.id,
+            e("div", {
+              class: "chat-input-area",
+              onClick: o[6] || (o[6] = (l) => pe.value = !1)
+            }, [
+              ae.value.length > 0 ? (a(), p("div", aa, [
+                (a(!0), p(de, null, ue(ae.value, (l, fe) => (a(), p("div", {
+                  key: l.id,
                   class: "pending-file-item"
                 }, [
-                  o.isImage ? (a(), p("div", Zs, [
+                  l.isImage ? (a(), p("div", na, [
                     e("img", {
-                      src: o.previewUrl,
-                      alt: o.name,
+                      src: l.previewUrl,
+                      alt: l.name,
                       class: "pending-image"
-                    }, null, 8, ea),
+                    }, null, 8, ia),
                     e("button", {
-                      onClick: (l) => Ke(ge),
+                      onClick: (i) => qe(fe),
                       class: "pending-file-remove-btn"
-                    }, " × ", 8, ta)
-                  ])) : (a(), p("div", sa, [
-                    m(u, { class: "pending-file-icon" }, {
+                    }, " × ", 8, la)
+                  ])) : (a(), p("div", oa, [
+                    m(d, { class: "pending-file-icon" }, {
                       default: k(() => [
-                        m(d(Ze))
+                        m(u(Qe))
                       ]),
                       _: 1
                     }),
-                    e("span", aa, y(o.name), 1),
+                    e("span", ra, y(l.name), 1),
                     e("button", {
-                      onClick: (l) => Ke(ge),
+                      onClick: (i) => qe(fe),
                       class: "pending-file-remove-btn"
-                    }, " × ", 8, na)
+                    }, " × ", 8, ca)
                   ]))
                 ]))), 128))
               ])) : S("", !0),
-              x.config.modules.fileUpload ? (a(), p("div", ia, [
-                m(u, { class: "input-toolbar-icon" }, {
-                  default: k(() => [
-                    m(d(Ye))
-                  ]),
-                  _: 1
-                }),
-                m(u, {
+              w.config.modules.fileUpload ? (a(), p("div", da, [
+                e("div", ua, [
+                  m(d, {
+                    class: "input-toolbar-icon",
+                    onClick: o[4] || (o[4] = Fe((l) => pe.value = !pe.value, ["stop"]))
+                  }, {
+                    default: k(() => [
+                      m(u(Xe))
+                    ]),
+                    _: 1
+                  }),
+                  m(Et, {
+                    visible: pe.value,
+                    onSelect: ct
+                  }, null, 8, ["visible"])
+                ]),
+                m(d, {
                   class: "input-toolbar-icon",
                   onClick: it
                 }, {
                   default: k(() => [
-                    m(d(Ze))
+                    m(u(Qe))
                   ]),
                   _: 1
                 }),
-                m(u, { class: "input-toolbar-icon" }, {
+                m(d, { class: "input-toolbar-icon" }, {
                   default: k(() => [
-                    m(d(It))
+                    m(u(Rt))
                   ]),
                   _: 1
                 })
               ])) : S("", !0),
-              e("div", la, [
+              e("div", va, [
                 Ct(e("textarea", {
-                  "onUpdate:modelValue": r[4] || (r[4] = (o) => Ie(U) ? U.value = o : null),
-                  onKeydown: xt(Be(Pe, ["prevent"]), ["enter"]),
+                  "onUpdate:modelValue": o[5] || (o[5] = (l) => Re(U) ? U.value = l : null),
+                  onKeydown: xt(Fe(Ne, ["prevent"]), ["enter"]),
                   onPaste: ot,
                   placeholder: "输入消息或粘贴文件...",
                   class: "message-input-textarea",
                   rows: "3"
-                }, null, 40, oa), [
-                  [Ut, d(U)]
+                }, null, 40, pa), [
+                  [Ut, u(U)]
                 ])
               ]),
-              e("div", ra, [
-                m(T, {
+              e("div", ma, [
+                m(j, {
                   type: "primary",
-                  disabled: !d(U).trim() && j.value.length === 0,
-                  onClick: Pe,
+                  disabled: !u(U).trim() && ae.value.length === 0,
+                  onClick: Ne,
                   class: "send-message-btn"
                 }, {
-                  default: k(() => [...r[19] || (r[19] = [
-                    ue(" 发送 ", -1)
+                  default: k(() => [...o[21] || (o[21] = [
+                    me(" 发送 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
               e("input", {
                 ref_key: "fileInputRef",
-                ref: _e,
+                ref: I,
                 type: "file",
                 multiple: "",
                 class: "hidden-file-input",
                 onChange: lt
               }, null, 544)
             ])
-          ])) : W.value ? S("", !0) : (a(), p("div", ca, [
-            m(u, {
+          ])) : M.value ? S("", !0) : (a(), p("div", ha, [
+            m(d, {
               size: 64,
               class: "empty-state-icon"
             }, {
               default: k(() => [
-                m(d(Rt))
+                m(u(Mt))
               ]),
               _: 1
             }),
-            e("div", da, y(se.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
+            e("div", fa, y(se.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
           ]))
         ]),
-        ie.value ? (a(), p("div", ua, [
-          r[21] || (r[21] = e("div", { class: "chat-detail-header" }, "聊天详情", -1)),
-          e("div", va, [
-            e("div", pa, [
+        Y.value ? (a(), p("div", ga, [
+          o[23] || (o[23] = e("div", { class: "chat-detail-header" }, "聊天详情", -1)),
+          e("div", ya, [
+            e("div", _a, [
               e("img", {
-                src: (ke = D.value) == null ? void 0 : ke.avatar,
-                alt: (He = D.value) == null ? void 0 : He.name,
+                src: (be = T.value) == null ? void 0 : be.avatar,
+                alt: (je = T.value) == null ? void 0 : je.name,
                 class: "chat-detail-avatar"
-              }, null, 8, ma),
-              e("div", ha, y((Ee = D.value) == null ? void 0 : Ee.name), 1),
-              r[20] || (r[20] = e("div", { class: "chat-detail-actions" }, [
+              }, null, 8, ba),
+              e("div", ka, y((Ee = T.value) == null ? void 0 : Ee.name), 1),
+              o[22] || (o[22] = e("div", { class: "chat-detail-actions" }, [
                 e("div", { class: "chat-detail-action-item" }, "查找聊天记录"),
                 e("div", { class: "chat-detail-action-item" }, "清空聊天记录")
               ], -1))
             ])
           ])
         ])) : S("", !0),
-        m(re, {
-          modelValue: d(C),
-          "onUpdate:modelValue": r[6] || (r[6] = (o) => Ie(C) ? C.value = o : null),
+        m(ce, {
+          modelValue: u(x),
+          "onUpdate:modelValue": o[8] || (o[8] = (l) => Re(x) ? x.value = l : null),
           title: "添加好友",
           width: "500px",
           "append-to-body": ""
         }, {
           default: k(() => [
-            e("div", fa, [
+            e("div", wa, [
               m(s, {
-                modelValue: d(fe),
-                "onUpdate:modelValue": r[5] || (r[5] = (o) => Ie(fe) ? fe.value = o : null),
+                modelValue: u(he),
+                "onUpdate:modelValue": o[7] || (o[7] = (l) => Re(he) ? he.value = l : null),
                 placeholder: "搜索用户",
-                "prefix-icon": d(qe),
+                "prefix-icon": u(Ye),
                 class: "add-friend-search-input"
               }, null, 8, ["modelValue", "prefix-icon"])
             ]),
-            e("div", ga, [
-              d(Ve) ? (a(), G(b, {
+            e("div", Ca, [
+              u(ze) ? (a(), Z(b, {
                 key: 0,
                 description: "加载中..."
-              })) : d(ce).length === 0 ? (a(), G(b, {
+              })) : u(ve).length === 0 ? (a(), Z(b, {
                 key: 1,
                 description: "暂无用户"
-              })) : (a(!0), p(me, { key: 2 }, he(d(ce), (o) => (a(), p("div", {
-                key: o.username,
+              })) : (a(!0), p(de, { key: 2 }, ue(u(ve), (l) => (a(), p("div", {
+                key: l.username,
                 class: "add-friend-user-item"
               }, [
-                e("div", ya, [
+                e("div", xa, [
                   e("img", {
-                    src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${o.username}`,
-                    alt: o.username,
+                    src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${l.username}`,
+                    alt: l.username,
                     class: "add-friend-user-avatar"
-                  }, null, 8, _a),
-                  e("div", ba, y(o.username), 1)
+                  }, null, 8, Ua),
+                  e("div", $a, y(l.username), 1)
                 ]),
-                m(T, {
+                m(j, {
                   type: "primary",
                   size: "small",
-                  onClick: (ge) => d(L)(o)
+                  onClick: (fe) => u(W)(l)
                 }, {
-                  default: k(() => [...r[22] || (r[22] = [
-                    ue("添加", -1)
+                  default: k(() => [...o[24] || (o[24] = [
+                    me("添加", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"])
@@ -1752,9 +2148,9 @@ const gt = (x, t) => {
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        m(re, {
-          modelValue: ze.value,
-          "onUpdate:modelValue": r[11] || (r[11] = (o) => ze.value = o),
+        m(ce, {
+          modelValue: $e.value,
+          "onUpdate:modelValue": o[13] || (o[13] = (l) => $e.value = l),
           title: "个人设置",
           width: "560px",
           "close-on-click-modal": !1,
@@ -1762,128 +2158,128 @@ const gt = (x, t) => {
           class: "chat-settings-dialog"
         }, {
           default: k(() => [
-            e("div", ka, [
-              e("div", wa, [
-                e("div", Ca, [
+            e("div", Sa, [
+              e("div", za, [
+                e("div", Aa, [
                   e("img", {
-                    src: d(ee),
+                    src: u(O),
                     alt: "头像",
                     class: "chat-settings-avatar"
-                  }, null, 8, xa),
-                  x.config.modules.avatarCrop ? (a(), p("div", {
+                  }, null, 8, Fa),
+                  w.config.modules.avatarCrop ? (a(), p("div", {
                     key: 0,
                     class: "chat-settings-avatar-edit",
                     onClick: nt
                   }, [
-                    m(u, {
+                    m(d, {
                       size: 18,
                       class: "chat-settings-avatar-icon"
                     }, {
                       default: k(() => [
-                        m(d(Mt))
+                        m(u(It))
                       ]),
                       _: 1
                     })
                   ])) : S("", !0),
                   e("input", {
                     ref_key: "avatarInputRef",
-                    ref: g,
+                    ref: r,
                     type: "file",
                     accept: "image/*",
                     class: "hidden-avatar-input",
-                    onChange: ct
+                    onChange: dt
                   }, null, 544)
                 ]),
-                e("div", Ua, [
-                  e("div", $a, y(d(H).nickname || d($)), 1),
-                  e("div", Sa, "@" + y(d($)), 1)
+                e("div", Va, [
+                  e("div", Ra, y(u(H).nickname || u($)), 1),
+                  e("div", Ma, "@" + y(u($)), 1)
                 ])
               ]),
-              e("div", za, [
-                e("div", Aa, [
-                  e("div", Va, [
-                    m(u, null, {
+              e("div", Ia, [
+                e("div", La, [
+                  e("div", Ta, [
+                    m(d, null, {
                       default: k(() => [
-                        m(d(Qe))
+                        m(u(Je))
                       ]),
                       _: 1
                     }),
-                    r[23] || (r[23] = ue(" 个人信息 ", -1))
+                    o[25] || (o[25] = me(" 个人信息 ", -1))
                   ]),
-                  le.value ? S("", !0) : (a(), G(T, {
+                  oe.value ? S("", !0) : (a(), Z(j, {
                     key: 0,
                     type: "primary",
                     size: "small",
-                    onClick: ut,
+                    onClick: vt,
                     class: "chat-settings-edit-btn"
                   }, {
-                    default: k(() => [...r[24] || (r[24] = [
-                      ue(" 编辑 ", -1)
+                    default: k(() => [...o[26] || (o[26] = [
+                      me(" 编辑 ", -1)
                     ])]),
                     _: 1
                   }))
                 ]),
-                e("div", Fa, [
-                  e("div", Ia, [
-                    r[25] || (r[25] = e("label", { class: "chat-settings-form-label" }, "昵称", -1)),
-                    le.value ? (a(), G(s, {
+                e("div", Ea, [
+                  e("div", Da, [
+                    o[27] || (o[27] = e("label", { class: "chat-settings-form-label" }, "昵称", -1)),
+                    oe.value ? (a(), Z(s, {
                       key: 0,
-                      modelValue: K.value.nickname,
-                      "onUpdate:modelValue": r[7] || (r[7] = (o) => K.value.nickname = o),
+                      modelValue: P.value.nickname,
+                      "onUpdate:modelValue": o[9] || (o[9] = (l) => P.value.nickname = l),
                       placeholder: "请输入昵称",
                       size: "large"
-                    }, null, 8, ["modelValue"])) : (a(), p("div", Ra, y(d(H).nickname || "未设置"), 1))
+                    }, null, 8, ["modelValue"])) : (a(), p("div", Wa, y(u(H).nickname || "未设置"), 1))
                   ]),
-                  e("div", Ma, [
-                    r[26] || (r[26] = e("label", { class: "chat-settings-form-label" }, "邮箱", -1)),
-                    le.value ? (a(), G(s, {
+                  e("div", ja, [
+                    o[28] || (o[28] = e("label", { class: "chat-settings-form-label" }, "邮箱", -1)),
+                    oe.value ? (a(), Z(s, {
                       key: 0,
-                      modelValue: K.value.email,
-                      "onUpdate:modelValue": r[8] || (r[8] = (o) => K.value.email = o),
+                      modelValue: P.value.email,
+                      "onUpdate:modelValue": o[10] || (o[10] = (l) => P.value.email = l),
                       placeholder: "请输入邮箱",
                       size: "large"
-                    }, null, 8, ["modelValue"])) : (a(), p("div", La, y(d(H).email || "未设置"), 1))
+                    }, null, 8, ["modelValue"])) : (a(), p("div", Ha, y(u(H).email || "未设置"), 1))
                   ]),
-                  e("div", Ta, [
-                    r[27] || (r[27] = e("label", { class: "chat-settings-form-label" }, "手机号", -1)),
-                    le.value ? (a(), G(s, {
+                  e("div", Xa, [
+                    o[29] || (o[29] = e("label", { class: "chat-settings-form-label" }, "手机号", -1)),
+                    oe.value ? (a(), Z(s, {
                       key: 0,
-                      modelValue: K.value.phone,
-                      "onUpdate:modelValue": r[9] || (r[9] = (o) => K.value.phone = o),
+                      modelValue: P.value.phone,
+                      "onUpdate:modelValue": o[11] || (o[11] = (l) => P.value.phone = l),
                       placeholder: "请输入手机号",
                       size: "large"
-                    }, null, 8, ["modelValue"])) : (a(), p("div", Ea, y(d(H).phone || "未设置"), 1))
+                    }, null, 8, ["modelValue"])) : (a(), p("div", Ya, y(u(H).phone || "未设置"), 1))
                   ]),
-                  e("div", Da, [
-                    r[28] || (r[28] = e("label", { class: "chat-settings-form-label" }, "个人简介", -1)),
-                    le.value ? (a(), G(s, {
+                  e("div", qa, [
+                    o[30] || (o[30] = e("label", { class: "chat-settings-form-label" }, "个人简介", -1)),
+                    oe.value ? (a(), Z(s, {
                       key: 0,
-                      modelValue: K.value.bio,
-                      "onUpdate:modelValue": r[10] || (r[10] = (o) => K.value.bio = o),
+                      modelValue: P.value.bio,
+                      "onUpdate:modelValue": o[12] || (o[12] = (l) => P.value.bio = l),
                       type: "textarea",
                       rows: 4,
                       placeholder: "介绍一下自己吧...",
                       size: "large"
-                    }, null, 8, ["modelValue"])) : (a(), p("div", Wa, y(d(H).bio || "这个人很懒，什么都没写~"), 1))
+                    }, null, 8, ["modelValue"])) : (a(), p("div", Ba, y(u(H).bio || "这个人很懒，什么都没写~"), 1))
                   ]),
-                  le.value ? (a(), p("div", Ha, [
-                    m(T, {
+                  oe.value ? (a(), p("div", Na, [
+                    m(j, {
                       size: "default",
-                      onClick: vt
+                      onClick: pt
                     }, {
-                      default: k(() => [...r[29] || (r[29] = [
-                        ue("取消", -1)
+                      default: k(() => [...o[31] || (o[31] = [
+                        me("取消", -1)
                       ])]),
                       _: 1
                     }),
-                    m(T, {
+                    m(j, {
                       type: "primary",
                       size: "default",
-                      loading: oe.value,
-                      onClick: pt
+                      loading: re.value,
+                      onClick: mt
                     }, {
-                      default: k(() => [...r[30] || (r[30] = [
-                        ue("保存更改", -1)
+                      default: k(() => [...o[32] || (o[32] = [
+                        me("保存更改", -1)
                       ])]),
                       _: 1
                     }, 8, ["loading"])
@@ -1895,15 +2291,15 @@ const gt = (x, t) => {
           _: 1
         }, 8, ["modelValue"]),
         m(yt, {
-          modelValue: i.value,
-          "onUpdate:modelValue": r[12] || (r[12] = (o) => i.value = o),
-          src: F.value,
-          onConfirm: dt
+          modelValue: _e.value,
+          "onUpdate:modelValue": o[14] || (o[14] = (l) => _e.value = l),
+          src: _.value,
+          onConfirm: ut
         }, null, 8, ["modelValue", "src"]),
-        O.value.visible ? (a(), p("div", {
+        B.value.visible ? (a(), p("div", {
           key: 1,
           class: "chat-context-menu",
-          style: Xe({ left: O.value.x + "px", top: O.value.y + "px" })
+          style: He({ left: B.value.x + "px", top: B.value.y + "px" })
         }, [
           e("div", {
             class: "chat-context-menu-item",
@@ -1913,61 +2309,61 @@ const gt = (x, t) => {
       ]);
     };
   }
-}, Ya = /* @__PURE__ */ gt(Xa, [["__scopeId", "data-v-c08932e1"]]), qa = { class: "chat-container" }, Ba = { class: "sidebar-nav" }, Ka = ["src"], Na = ["onClick"], Pa = {
+}, Ka = /* @__PURE__ */ Ze(Pa, [["__scopeId", "data-v-4f950e86"]]), Oa = { class: "chat-container" }, Ga = { class: "sidebar-nav" }, Ja = ["src"], Qa = ["onClick"], Za = {
   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 = {
+}, en = { class: "content-panel" }, tn = { class: "search-bar" }, sn = { class: "content-scroll" }, an = { key: 0 }, nn = ["onClick", "onContextmenu"], ln = { class: "friend-avatar-wrapper" }, on = ["src", "alt"], rn = {
   key: 0,
   class: "online-indicator"
-}, 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 = {
+}, cn = { class: "friend-info" }, dn = { class: "friend-header" }, un = { class: "friend-name" }, vn = { class: "last-time" }, pn = { class: "friend-preview" }, mn = { class: "last-msg" }, hn = {
   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" }, 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 = {
+}, fn = { key: 1 }, gn = { class: "add-friend-section" }, yn = { class: "add-friend-icon" }, _n = ["onClick"], bn = { class: "friend-avatar-wrapper" }, kn = ["src", "alt"], wn = { class: "friend-info" }, Cn = { class: "friend-name" }, xn = { key: 2 }, Un = { class: "request-info" }, $n = ["src", "alt"], Sn = { class: "request-details" }, zn = { class: "request-username" }, An = { class: "chat-area" }, Fn = {
   key: 0,
   class: "friend-profile"
-}, Un = ["src", "alt"], $n = { class: "profile-name" }, Sn = { class: "profile-status" }, zn = {
+}, Vn = ["src", "alt"], Rn = { class: "profile-name" }, Mn = { class: "profile-status" }, In = {
   key: 1,
   class: "chat-window"
-}, An = { class: "chat-header" }, Vn = { class: "chat-title" }, Fn = { class: "chat-name" }, In = { class: "chat-actions" }, Rn = { class: "message-avatar" }, Mn = ["src"], Ln = {
+}, Ln = { class: "chat-header" }, Tn = { class: "chat-title" }, En = { class: "chat-name" }, Dn = { class: "chat-actions" }, Wn = { class: "message-avatar" }, jn = ["src"], Hn = {
   key: 0,
   class: "sender-name"
-}, Tn = { class: "message-bubble-wrapper" }, En = ["onClick"], Dn = ["src", "alt"], Wn = {
+}, Xn = { class: "message-bubble-wrapper" }, Yn = ["onClick"], qn = ["src", "alt"], Bn = {
   key: 0,
   class: "image-size"
-}, Hn = ["onClick"], Xn = { class: "file-content" }, Yn = { class: "file-icon" }, qn = { class: "file-info" }, Bn = { class: "file-name" }, Kn = { class: "file-meta" }, Nn = { key: 0 }, Pn = { class: "input-area" }, jn = {
+}, Nn = ["onClick"], Pn = { class: "file-content" }, Kn = { class: "file-icon" }, On = { class: "file-info" }, Gn = { class: "file-name" }, Jn = { class: "file-meta" }, Qn = { key: 0 }, Zn = {
   key: 0,
   class: "pending-files"
-}, On = {
+}, ei = {
   key: 0,
   class: "pending-image-wrapper"
-}, Gn = ["src", "alt"], Jn = ["onClick"], Qn = {
+}, ti = ["src", "alt"], si = ["onClick"], ai = {
   key: 1,
   class: "pending-file-wrapper"
-}, Zn = { class: "pending-file-name" }, ei = ["onClick"], ti = {
+}, ni = { class: "pending-file-name" }, ii = ["onClick"], li = {
   key: 1,
   class: "input-actions"
-}, si = { class: "input-wrapper" }, ai = ["onKeydown"], ni = { class: "send-btn-wrapper" }, ii = {
+}, oi = { class: "emoji-button-wrapper" }, ri = { class: "input-wrapper" }, ci = ["onKeydown"], di = { class: "send-btn-wrapper" }, ui = {
   key: 2,
   class: "empty-state"
-}, li = { class: "empty-text" }, oi = {
+}, vi = { class: "empty-text" }, pi = {
   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" }, 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 = {
+}, mi = { class: "detail-content" }, hi = { class: "detail-profile" }, fi = ["src", "alt"], gi = { class: "detail-name" }, yi = { class: "search-users-wrapper" }, _i = { class: "search-users-input" }, bi = { class: "users-list-scroll" }, ki = { class: "available-user-info" }, wi = ["src", "alt"], Ci = { class: "available-user-name" }, xi = { class: "settings-container" }, Ui = { class: "settings-avatar-section" }, $i = { class: "settings-avatar-wrapper" }, Si = ["src"], zi = { class: "settings-user-display" }, Ai = { class: "settings-nickname" }, Fi = { class: "settings-username" }, Vi = { class: "settings-form-section" }, Ri = { class: "settings-form-header" }, Mi = { class: "settings-form-title" }, Ii = { class: "settings-form" }, Li = { class: "settings-form-item" }, Ti = {
   key: 1,
   class: "settings-form-value"
-}, Fi = { class: "settings-form-item" }, Ii = {
+}, Ei = { class: "settings-form-item" }, Di = {
   key: 1,
   class: "settings-form-value"
-}, Ri = { class: "settings-form-item" }, Mi = {
+}, Wi = { class: "settings-form-item" }, ji = {
   key: 1,
   class: "settings-form-value"
-}, Li = { class: "settings-form-item" }, Ti = {
+}, Hi = { class: "settings-form-item" }, Xi = {
   key: 1,
   class: "settings-form-value bio-value"
-}, Ei = {
+}, Yi = {
   key: 0,
   class: "settings-form-actions"
-}, Di = {
+}, qi = {
   __name: "ChatWindow",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1975,376 +2371,376 @@ const gt = (x, t) => {
     width: { type: [String, Number], default: "1100px" }
   },
   emits: ["update:modelValue", "open", "close", "message", "send", "error"],
-  setup(x, { emit: t }) {
-    const n = x, v = t, $ = we({
+  setup(w, { emit: t }) {
+    const n = w, v = t, $ = ke({
       get: () => n.modelValue,
-      set: (u) => v("update:modelValue", u)
+      set: (d) => v("update:modelValue", d)
     }), {
-      myUsername: ee,
+      myUsername: O,
       myAvatar: H,
-      userInfo: Z,
-      loadingUserInfo: X,
-      friendList: ve,
-      filteredFriendList: V,
+      userInfo: G,
+      loadingUserInfo: V,
+      friendList: ie,
+      filteredFriendList: R,
       searchText: U,
       inputText: A,
-      messagesContainer: h,
-      filteredUsers: ce,
-      filteredAvailableUsers: Ae,
-      currentUser: ye,
-      currentMessages: C,
-      addFriendDialogVisible: fe,
-      addFriendSearchText: Ce,
-      availableUsers: Ve,
-      loadingAvailableUsers: xe,
-      friendApplyList: Se,
-      loadingFriendApply: Fe,
-      formatTime: Re,
+      messagesContainer: f,
+      filteredUsers: ve,
+      filteredAvailableUsers: Se,
+      currentUser: ge,
+      currentMessages: x,
+      addFriendDialogVisible: he,
+      addFriendSearchText: we,
+      availableUsers: ze,
+      loadingAvailableUsers: Ce,
+      friendApplyList: Ue,
+      loadingFriendApply: Ve,
+      formatTime: Me,
       formatLastTime: De,
       scrollToBottom: We,
-      getFriendList: Me,
-      getChatHistory: w,
+      getFriendList: Ie,
+      getChatHistory: C,
       setFriendToChatStatus: z,
-      selectUser: Y,
-      sendMessage: I,
-      sendFile: R,
-      sendFilesAndText: M,
-      initWebSocket: E,
-      closeWebSocket: N,
-      reset: P,
-      openAddFriendDialog: L,
-      addFriend: q,
+      selectUser: q,
+      sendMessage: L,
+      sendFile: E,
+      sendFilesAndText: D,
+      initWebSocket: X,
+      closeWebSocket: J,
+      reset: Q,
+      openAddFriendDialog: W,
+      addFriend: N,
       loadFriendApplyList: te,
-      agreeFriend: ae,
-      updateMyAvatar: de,
-      getUserInfo: pe,
-      updateUserInfo: B
-    } = Tt(n.config), se = we(() => {
+      agreeFriend: ne,
+      updateMyAvatar: le
+    } = Tt(n.config), se = ke(() => {
       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: $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;
+      const d = [{ id: "chat", icon: Xe, badge: 0 }];
+      return n.config.modules.friends && d.push({ id: "friends", icon: Je, badge: 0 }), n.config.modules.apply && d.push({ id: "apply", icon: $t, badge: ((s = Ue.value) == null ? void 0 : s.length) || 0 }), d;
+    }), F = g("chat"), T = g(null), M = g(null), Y = g(null), oe = g(!1), P = g(!1), re = g({ nickname: "", email: "", phone: "", bio: "" }), $e = g(!1), _e = g(!1), c = g(!1), r = g(!1), _ = g(null), I = g(""), ae = g(null), B = g([]), pe = g({ visible: !1, x: 0, y: 0, chat: null }), Ae = g(!1), Le = () => {
+      pe.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, le.value = !1, Y({
-        id: u.id,
-        name: u.name,
-        avatar: u.avatar,
-        online: u.online
+      if (!pe.value.chat) return;
+      await z(pe.value.chat.id, 0) && T.value === pe.value.chat.id && (T.value = null, M.value = null), Le();
+    }, Te = (d) => {
+      T.value = d.id, M.value = d, Y.value = null, oe.value = !1, q({
+        id: d.id,
+        name: d.name,
+        avatar: d.avatar,
+        online: d.online
       });
-    }, tt = (u) => {
-      ie.value = u, D.value = null, W.value = null;
+    }, tt = (d) => {
+      Y.value = d, T.value = null, M.value = null;
     }, st = async () => {
-      if (!ie.value) return;
-      if (await z(ie.value.id)) {
-        ne.value = "chat", await Oe();
-        const s = ce.value.find((b) => b.id === ie.value.id);
-        s && Te(s), ie.value = null;
+      if (!Y.value) return;
+      if (await z(Y.value.id)) {
+        F.value = "chat", await Ke();
+        const s = ve.value.find((b) => b.id === Y.value.id);
+        s && Te(s), Y.value = null;
       }
     }, at = () => {
-      i.value = !0;
+      _e.value = !0;
     }, nt = () => {
-      var u;
-      (u = F.value) == null || u.click();
+      var d;
+      (d = _.value) == null || d.click();
     }, it = () => {
-      var u;
-      (u = j.value) == null || u.click();
-    }, lt = (u) => {
-      const s = Array.from(u.target.files || []);
+      var d;
+      (d = ae.value) == null || d.click();
+    }, lt = (d) => {
+      const s = Array.from(d.target.files || []);
       if (s.length !== 0) {
         for (const b of s) {
           if (b.size > 50 * 1024 * 1024) {
-            Q.warning(`文件 ${b.name} 超过50MB，已跳过`);
+            ee.warning(`文件 ${b.name} 超过50MB，已跳过`);
             continue;
           }
-          const T = URL.createObjectURL(b);
-          O.value.push({
+          const j = URL.createObjectURL(b);
+          B.value.push({
             id: Date.now() + Math.random(),
             file: b,
             name: b.name,
             size: b.size,
             type: b.type,
-            previewUrl: T,
+            previewUrl: j,
             isImage: b.type.startsWith("image/")
           });
         }
-        j.value && (j.value.value = "");
+        ae.value && (ae.value.value = "");
       }
-    }, Ke = (u) => {
-      const s = O.value[u];
-      s.previewUrl && URL.revokeObjectURL(s.previewUrl), O.value.splice(u, 1);
-    }, Ne = (u) => {
-      if (u === 0) return "0 B";
-      const s = 1024, b = ["B", "KB", "MB", "GB"], T = Math.floor(Math.log(u) / Math.log(s));
-      return parseFloat((u / Math.pow(s, T)).toFixed(2)) + " " + b[T];
-    }, Pe = async () => {
-      if (!A.value.trim() && O.value.length === 0) return;
-      const u = [...O.value], s = A.value;
-      A.value = "", O.value.forEach((b) => {
+    }, qe = (d) => {
+      const s = B.value[d];
+      s.previewUrl && URL.revokeObjectURL(s.previewUrl), B.value.splice(d, 1);
+    }, Be = (d) => {
+      if (d === 0) return "0 B";
+      const s = 1024, b = ["B", "KB", "MB", "GB"], j = Math.floor(Math.log(d) / Math.log(s));
+      return parseFloat((d / Math.pow(s, j)).toFixed(2)) + " " + b[j];
+    }, Ne = async () => {
+      if (!A.value.trim() && B.value.length === 0) return;
+      const d = [...B.value], s = A.value;
+      A.value = "", B.value.forEach((b) => {
         b.previewUrl && URL.revokeObjectURL(b.previewUrl);
-      }), O.value = [], await M(u, s), v("send", { text: s, files: u });
-    }, ot = (u) => {
+      }), B.value = [], await D(d, s), v("send", { text: s, files: d });
+    }, ot = (d) => {
       var b;
-      const s = (b = u.clipboardData) == null ? void 0 : b.items;
+      const s = (b = d.clipboardData) == null ? void 0 : b.items;
       if (s) {
-        for (const T of s)
-          if (T.kind === "file") {
-            const re = T.getAsFile();
-            if (re) {
-              if (re.size > 50 * 1024 * 1024) {
-                Q.warning(`文件 ${re.name} 超过50MB，已跳过`);
+        for (const j of s)
+          if (j.kind === "file") {
+            const ce = j.getAsFile();
+            if (ce) {
+              if (ce.size > 50 * 1024 * 1024) {
+                ee.warning(`文件 ${ce.name} 超过50MB，已跳过`);
                 continue;
               }
-              const ke = URL.createObjectURL(re);
-              O.value.push({
+              const be = URL.createObjectURL(ce);
+              B.value.push({
                 id: Date.now() + Math.random(),
-                file: re,
-                name: re.name,
-                size: re.size,
-                type: re.type,
-                previewUrl: ke,
-                isImage: re.type.startsWith("image/")
+                file: ce,
+                name: ce.name,
+                size: ce.size,
+                type: ce.type,
+                previewUrl: be,
+                isImage: ce.type.startsWith("image/")
               });
             }
           }
       }
-    }, je = (u) => {
-      if (!u) {
-        Q.warning("文件地址无效");
+    }, Pe = (d) => {
+      if (!d) {
+        ee.warning("文件地址无效");
         return;
       }
-      window.open(u, "_blank");
-    }, rt = (u) => {
-      console.warn("图片加载失败", u);
-    }, ct = (u) => {
-      const s = u.target.files[0];
+      window.open(d, "_blank");
+    }, rt = (d) => {
+      console.warn("图片加载失败", d);
+    }, ct = (d) => {
+      A.value += d, Ae.value = !1;
+    }, dt = (d) => {
+      const s = d.target.files[0];
       if (!s) return;
       if (!s.type.startsWith("image/")) {
-        Q.error("只能上传图片文件");
+        ee.error("只能上传图片文件");
         return;
       }
       if (s.size > 5 * 1024 * 1024) {
-        Q.error("图片大小不能超过 5MB");
+        ee.error("图片大小不能超过 5MB");
         return;
       }
       const b = new FileReader();
-      b.onload = (T) => {
-        _e.value = T.target.result, c.value = !0;
+      b.onload = (j) => {
+        I.value = j.target.result, c.value = !0;
       }, b.readAsDataURL(s);
-    }, dt = async ({ file: u }) => {
-      if (u) {
-        g.value = !0;
+    }, ut = async ({ file: d }) => {
+      if (d) {
+        r.value = !0;
         try {
-          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 || "头像上传失败");
+          const { ChatApi: s } = await Promise.resolve().then(() => Lt), j = await new s(n.config).uploadAvatar(d, O);
+          j.code === 200 ? (ee.success("头像上传成功"), le(j.data), Oe()) : ee.error(j.msg || "头像上传失败");
         } catch (s) {
-          console.error(s), Q.error("头像上传失败");
+          console.error(s), ee.error("头像上传失败");
         } finally {
-          g.value = !1;
+          r.value = !1;
         }
       }
-    }, Ge = () => {
-      _e.value = "", c.value = !1, F.value && (F.value.value = "");
-    }, ut = () => {
-      oe.value = {
-        nickname: Z.value.nickname || "",
-        email: Z.value.email || "",
-        phone: Z.value.phone || "",
-        bio: Z.value.bio || ""
-      }, K.value = !0;
+    }, Oe = () => {
+      I.value = "", c.value = !1, _.value && (_.value.value = "");
     }, vt = () => {
-      K.value = !1, oe.value = { nickname: "", email: "", phone: "", bio: "" };
-    }, pt = async () => {
-      ze.value = !0;
+      re.value = {
+        nickname: G.value.nickname || "",
+        email: G.value.email || "",
+        phone: G.value.phone || "",
+        bio: G.value.bio || ""
+      }, P.value = !0;
+    }, pt = () => {
+      P.value = !1, re.value = { nickname: "", email: "", phone: "", bio: "" };
+    }, mt = async () => {
+      $e.value = !0;
       try {
-        await B(oe.value) ? (Q.success("保存成功"), K.value = !1) : Q.error("保存失败");
-      } catch (u) {
-        console.error(u), Q.error("保存失败");
+        await updateUserInfo(re.value) ? (ee.success("保存成功"), P.value = !1) : ee.error("保存失败");
+      } catch (d) {
+        console.error(d), ee.error("保存失败");
       } finally {
-        ze.value = !1;
+        $e.value = !1;
       }
-    }, f = () => {
-      P(), N(), le.value = !1, i.value = !1, Ge(), K.value = !1, v("close");
-    }, r = async () => {
-      await Promise.all([Me(), te(), pe()]), E(), ce.value.length > 0 && Te(ce.value[0]), v("open");
+    }, h = () => {
+      Q(), J(), oe.value = !1, _e.value = !1, Oe(), P.value = !1, v("close");
+    }, o = async () => {
+      await Promise.all([Ie(), te()]), X(), ve.value.length > 0 && Te(ve.value[0]), v("open");
     };
     return bt(() => {
       document.addEventListener("click", Le);
     }), kt(() => {
-      document.removeEventListener("click", Le), N();
-    }), (u, s) => {
-      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, {
+      document.removeEventListener("click", Le), J();
+    }), (d, s) => {
+      const b = ye("el-icon"), j = ye("el-input"), ce = ye("el-empty"), be = ye("el-button"), je = ye("el-dialog");
+      return a(), Z(je, {
         modelValue: $.value,
-        "onUpdate:modelValue": s[13] || (s[13] = (Ee) => $.value = Ee),
-        width: x.width,
+        "onUpdate:modelValue": s[15] || (s[15] = (Ee) => $.value = Ee),
+        width: w.width,
         "close-on-click-modal": !1,
         class: "chat-dialog",
         "append-to-body": "",
-        onClosed: f,
-        onOpen: r
+        onClosed: h,
+        onOpen: o
       }, {
         default: k(() => {
-          var Ee, o, ge;
+          var Ee, l, fe;
           return [
-            e("div", qa, [
-              e("div", Ba, [
+            e("div", Oa, [
+              e("div", Ga, [
                 e("div", {
                   class: "sidebar-avatar",
                   onClick: at
                 }, [
                   e("img", {
-                    src: d(H),
+                    src: u(H),
                     alt: "头像",
                     class: "avatar-img"
-                  }, null, 8, Ka)
+                  }, null, 8, Ja)
                 ]),
-                (a(!0), p(me, null, he(se.value, (l) => (a(), p("div", {
-                  key: l.id,
-                  class: J([
+                (a(!0), p(de, null, ue(se.value, (i) => (a(), p("div", {
+                  key: i.id,
+                  class: K([
                     "nav-item",
-                    ne.value === l.id ? "nav-item-active" : "nav-item-inactive"
+                    F.value === i.id ? "nav-item-active" : "nav-item-inactive"
                   ]),
-                  onClick: ($e) => ne.value = l.id
+                  onClick: (xe) => F.value = i.id
                 }, [
                   m(b, { size: 24 }, {
                     default: k(() => [
-                      (a(), G(wt(l.icon)))
+                      (a(), Z(wt(i.icon)))
                     ]),
                     _: 2
                   }, 1024),
-                  l.badge ? (a(), p("span", Pa, y(l.badge > 99 ? "99+" : l.badge), 1)) : S("", !0)
-                ], 10, Na))), 128)),
-                s[14] || (s[14] = e("div", { class: "nav-spacer" }, null, -1)),
-                x.config.modules.settings ? (a(), p("div", {
+                  i.badge ? (a(), p("span", Za, y(i.badge > 99 ? "99+" : i.badge), 1)) : S("", !0)
+                ], 10, Qa))), 128)),
+                s[16] || (s[16] = e("div", { class: "nav-spacer" }, null, -1)),
+                w.config.modules.settings ? (a(), p("div", {
                   key: 0,
                   class: "nav-item nav-item-inactive",
-                  onClick: s[0] || (s[0] = (l) => i.value = !0),
+                  onClick: s[0] || (s[0] = (i) => _e.value = !0),
                   title: "设置"
                 }, [
                   m(b, { size: 24 }, {
                     default: k(() => [
-                      m(d(St))
+                      m(u(St))
                     ]),
                     _: 1
                   })
                 ])) : S("", !0)
               ]),
-              e("div", ja, [
-                e("div", Oa, [
-                  m(T, {
-                    modelValue: d(U),
-                    "onUpdate:modelValue": s[1] || (s[1] = (l) => Ie(U) ? U.value = l : null),
+              e("div", en, [
+                e("div", tn, [
+                  m(j, {
+                    modelValue: u(U),
+                    "onUpdate:modelValue": s[1] || (s[1] = (i) => Re(U) ? U.value = i : null),
                     placeholder: "搜索",
-                    "prefix-icon": d(qe)
+                    "prefix-icon": u(Ye)
                   }, null, 8, ["modelValue", "prefix-icon"])
                 ]),
-                e("div", Ga, [
-                  ne.value === "chat" ? (a(), p("div", Ja, [
-                    (a(!0), p(me, null, he(d(ce), (l) => (a(), p("div", {
-                      key: l.id,
-                      class: J([
+                e("div", sn, [
+                  F.value === "chat" ? (a(), p("div", an, [
+                    (a(!0), p(de, null, ue(u(ve), (i) => (a(), p("div", {
+                      key: i.id,
+                      class: K([
                         "chat-item",
-                        D.value === l.id ? "chat-item-active" : ""
+                        T.value === i.id ? "chat-item-active" : ""
                       ]),
-                      onClick: ($e) => Te(l),
-                      onContextmenu: Be(($e) => u.showContextMenu($e, l), ["prevent", "stop"])
+                      onClick: (xe) => Te(i),
+                      onContextmenu: Fe((xe) => d.showContextMenu(xe, i), ["prevent", "stop"])
                     }, [
-                      e("div", Za, [
+                      e("div", ln, [
                         e("img", {
-                          src: l.avatar,
-                          alt: l.name,
+                          src: i.avatar,
+                          alt: i.name,
                           class: "friend-avatar"
-                        }, null, 8, en),
-                        l.online ? (a(), p("span", tn)) : S("", !0)
+                        }, null, 8, on),
+                        i.online ? (a(), p("span", rn)) : S("", !0)
                       ]),
-                      e("div", sn, [
-                        e("div", an, [
-                          e("span", nn, y(l.name), 1),
-                          e("span", ln, y(d(De)(l.lastTime)), 1)
+                      e("div", cn, [
+                        e("div", dn, [
+                          e("span", un, y(i.name), 1),
+                          e("span", vn, y(u(De)(i.lastTime)), 1)
                         ]),
-                        e("div", on, [
-                          e("span", rn, y(l.lastMsg), 1),
-                          l.unread > 0 ? (a(), p("span", cn, y(l.unread > 99 ? "99+" : l.unread), 1)) : S("", !0)
+                        e("div", pn, [
+                          e("span", mn, y(i.lastMsg), 1),
+                          i.unread > 0 ? (a(), p("span", hn, y(i.unread > 99 ? "99+" : i.unread), 1)) : S("", !0)
                         ])
                       ])
-                    ], 42, Qa))), 128))
+                    ], 42, nn))), 128))
                   ])) : S("", !0),
-                  ne.value === "friends" && x.config.modules.friends ? (a(), p("div", dn, [
-                    e("div", un, [
+                  F.value === "friends" && w.config.modules.friends ? (a(), p("div", fn, [
+                    e("div", gn, [
                       e("div", {
                         class: "add-friend-btn",
-                        onClick: s[2] || (s[2] = (...l) => d(L) && d(L)(...l))
+                        onClick: s[2] || (s[2] = (...i) => u(W) && u(W)(...i))
                       }, [
-                        e("div", vn, [
+                        e("div", yn, [
                           m(b, {
                             class: "text-white",
                             size: 20
                           }, {
                             default: k(() => [
-                              m(d(zt))
+                              m(u(zt))
                             ]),
                             _: 1
                           })
                         ]),
-                        s[15] || (s[15] = e("span", { class: "add-friend-text" }, "添加好友", -1))
+                        s[17] || (s[17] = e("span", { class: "add-friend-text" }, "添加好友", -1))
                       ])
                     ]),
-                    (a(!0), p(me, null, he(d(V), (l) => (a(), p("div", {
-                      key: l.id,
+                    (a(!0), p(de, null, ue(u(R), (i) => (a(), p("div", {
+                      key: i.id,
                       class: "chat-item",
-                      onClick: ($e) => tt(l)
+                      onClick: (xe) => tt(i)
                     }, [
-                      e("div", mn, [
+                      e("div", bn, [
                         e("img", {
-                          src: l.avatar,
-                          alt: l.name,
+                          src: i.avatar,
+                          alt: i.name,
                           class: "friend-avatar"
-                        }, null, 8, hn),
+                        }, null, 8, kn),
                         e("span", {
-                          class: J([
+                          class: K([
                             "online-indicator",
-                            l.online ? "online" : "offline"
+                            i.online ? "online" : "offline"
                           ])
                         }, null, 2)
                       ]),
-                      e("div", fn, [
-                        e("span", gn, y(l.name), 1)
+                      e("div", wn, [
+                        e("span", Cn, y(i.name), 1)
                       ])
-                    ], 8, pn))), 128))
+                    ], 8, _n))), 128))
                   ])) : S("", !0),
-                  ne.value === "apply" && x.config.modules.apply ? (a(), p("div", yn, [
-                    d(Fe) ? (a(), G(re, {
+                  F.value === "apply" && w.config.modules.apply ? (a(), p("div", xn, [
+                    u(Ve) ? (a(), Z(ce, {
                       key: 0,
                       description: "加载中..."
-                    })) : d(Se).length === 0 ? (a(), G(re, {
+                    })) : u(Ue).length === 0 ? (a(), Z(ce, {
                       key: 1,
                       description: "暂无好友申请"
-                    })) : (a(!0), p(me, { key: 2 }, he(d(Se), (l) => (a(), p("div", {
-                      key: l.applyUser || l.id,
+                    })) : (a(!0), p(de, { key: 2 }, ue(u(Ue), (i) => (a(), p("div", {
+                      key: i.applyUser || i.id,
                       class: "friend-request-item"
                     }, [
-                      e("div", _n, [
+                      e("div", Un, [
                         e("img", {
-                          src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${l.applyUser}`,
-                          alt: l.applyUser,
+                          src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${i.applyUser}`,
+                          alt: i.applyUser,
                           class: "request-avatar"
-                        }, null, 8, bn),
-                        e("div", kn, [
-                          e("div", wn, y(l.applyUser), 1),
-                          s[16] || (s[16] = e("div", { class: "request-desc" }, "请求添加你为好友", -1))
+                        }, null, 8, $n),
+                        e("div", Sn, [
+                          e("div", zn, y(i.applyUser), 1),
+                          s[18] || (s[18] = e("div", { class: "request-desc" }, "请求添加你为好友", -1))
                         ])
                       ]),
-                      m(ke, {
+                      m(be, {
                         type: "primary",
                         size: "small",
-                        onClick: ($e) => d(ae)(l.applyUser)
+                        onClick: (xe) => u(ne)(i.applyUser)
                       }, {
-                        default: k(() => [...s[17] || (s[17] = [
-                          ue("同意", -1)
+                        default: k(() => [...s[19] || (s[19] = [
+                          me("同意", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"])
@@ -2352,24 +2748,24 @@ const gt = (x, t) => {
                   ])) : S("", !0)
                 ])
               ]),
-              e("div", Cn, [
-                ie.value && !W.value ? (a(), p("div", xn, [
+              e("div", An, [
+                Y.value && !M.value ? (a(), p("div", Fn, [
                   e("img", {
-                    src: ie.value.avatar,
-                    alt: ie.value.name,
+                    src: Y.value.avatar,
+                    alt: Y.value.name,
                     class: "profile-avatar"
-                  }, null, 8, Un),
-                  e("div", $n, y(ie.value.name), 1),
-                  e("div", Sn, [
+                  }, null, 8, Vn),
+                  e("div", Rn, y(Y.value.name), 1),
+                  e("div", Mn, [
                     e("span", {
-                      class: J([
+                      class: K([
                         "status-dot",
-                        ie.value.online ? "status-online" : "status-offline"
+                        Y.value.online ? "status-online" : "status-offline"
                       ])
                     }, null, 2),
-                    e("span", null, y(ie.value.online ? "在线" : "离线"), 1)
+                    e("span", null, y(Y.value.online ? "在线" : "离线"), 1)
                   ]),
-                  m(ke, {
+                  m(be, {
                     type: "primary",
                     size: "large",
                     onClick: st,
@@ -2378,39 +2774,39 @@ const gt = (x, t) => {
                     default: k(() => [
                       m(b, null, {
                         default: k(() => [
-                          m(d(Ye))
+                          m(u(Xe))
                         ]),
                         _: 1
                       }),
-                      s[18] || (s[18] = e("span", null, "发消息", -1))
+                      s[20] || (s[20] = e("span", null, "发消息", -1))
                     ]),
                     _: 1
                   })
                 ])) : S("", !0),
-                W.value ? (a(), p("div", zn, [
-                  e("div", An, [
-                    e("div", Vn, [
-                      e("span", Fn, y(W.value.name), 1),
+                M.value ? (a(), p("div", In, [
+                  e("div", Ln, [
+                    e("div", Tn, [
+                      e("span", En, y(M.value.name), 1),
                       e("span", {
-                        class: J([
+                        class: K([
                           "status-badge",
-                          W.value.online ? "status-badge-online" : "status-badge-offline"
+                          M.value.online ? "status-badge-online" : "status-badge-offline"
                         ])
-                      }, y(W.value.online ? "在线" : "离线"), 3)
+                      }, y(M.value.online ? "在线" : "离线"), 3)
                     ]),
-                    e("div", In, [
+                    e("div", Dn, [
                       m(b, { class: "action-icon" }, {
                         default: k(() => [
-                          m(d(qe))
+                          m(u(Ye))
                         ]),
                         _: 1
                       }),
                       m(b, {
                         class: "action-icon",
-                        onClick: s[3] || (s[3] = (l) => le.value = !le.value)
+                        onClick: s[3] || (s[3] = (i) => oe.value = !oe.value)
                       }, {
                         default: k(() => [
-                          m(d(At))
+                          m(u(At))
                         ]),
                         _: 1
                       })
@@ -2418,207 +2814,219 @@ const gt = (x, t) => {
                   ]),
                   e("div", {
                     ref_key: "messagesContainer",
-                    ref: h,
+                    ref: f,
                     class: "messages-container"
                   }, [
-                    (a(!0), p(me, null, he(d(C), (l, $e) => (a(), p("div", {
-                      key: $e,
-                      class: J([
+                    (a(!0), p(de, null, ue(u(x), (i, xe) => (a(), p("div", {
+                      key: xe,
+                      class: K([
                         "message-wrapper",
-                        l.isSelf ? "message-self" : "message-other"
+                        i.isSelf ? "message-self" : "message-other"
                       ])
                     }, [
-                      e("div", Rn, [
+                      e("div", Wn, [
                         e("img", {
-                          src: l.isSelf ? d(H) : W.value.avatar,
+                          src: i.isSelf ? u(H) : M.value.avatar,
                           class: "avatar-sm"
-                        }, null, 8, Mn)
+                        }, null, 8, jn)
                       ]),
                       e("div", {
-                        class: J([
+                        class: K([
                           "message-content-wrapper",
-                          l.isSelf ? "content-self" : "content-other"
+                          i.isSelf ? "content-self" : "content-other"
                         ])
                       }, [
-                        l.isSelf ? S("", !0) : (a(), p("div", Ln, y(W.value.name), 1)),
-                        e("div", Tn, [
-                          l.type === "text" ? (a(), p("div", {
+                        i.isSelf ? S("", !0) : (a(), p("div", Hn, y(M.value.name), 1)),
+                        e("div", Xn, [
+                          i.type === "text" ? (a(), p("div", {
                             key: 0,
-                            class: J([
+                            class: K([
                               "message-bubble",
-                              l.isSelf ? "bubble-self" : "bubble-other"
+                              i.isSelf ? "bubble-self" : "bubble-other"
                             ])
-                          }, y(l.text), 3)) : l.type === "file" && l.fileType === "image" ? (a(), p("div", {
+                          }, y(i.text), 3)) : i.type === "file" && i.fileType === "image" ? (a(), p("div", {
                             key: 1,
-                            class: J([
+                            class: K([
                               "message-bubble",
                               "image-bubble",
-                              l.isSelf ? "bubble-self" : "bubble-other"
+                              i.isSelf ? "bubble-self" : "bubble-other"
                             ]),
-                            onClick: (mt) => je(l.fileUrl)
+                            onClick: (ht) => Pe(i.fileUrl)
                           }, [
                             e("img", {
-                              src: l.fileUrl,
-                              alt: l.fileName,
+                              src: i.fileUrl,
+                              alt: i.fileName,
                               class: "message-image",
                               onError: rt
-                            }, null, 40, Dn),
-                            l.fileSize ? (a(), p("div", Wn, y(Ne(l.fileSize)), 1)) : S("", !0)
-                          ], 10, En)) : l.type === "file" ? (a(), p("div", {
+                            }, null, 40, qn),
+                            i.fileSize ? (a(), p("div", Bn, y(Be(i.fileSize)), 1)) : S("", !0)
+                          ], 10, Yn)) : i.type === "file" ? (a(), p("div", {
                             key: 2,
-                            class: J([
+                            class: K([
                               "message-bubble",
                               "file-bubble",
-                              l.isSelf ? "bubble-self" : "bubble-other"
+                              i.isSelf ? "bubble-self" : "bubble-other"
                             ]),
-                            onClick: (mt) => je(l.fileUrl)
+                            onClick: (ht) => Pe(i.fileUrl)
                           }, [
-                            e("div", Xn, [
-                              e("div", Yn, [
+                            e("div", Pn, [
+                              e("div", Kn, [
                                 m(b, { size: 28 }, {
                                   default: k(() => [
-                                    m(d(Vt))
+                                    m(u(Ft))
                                   ]),
                                   _: 1
                                 })
                               ]),
-                              e("div", qn, [
-                                e("div", Bn, y(l.fileName || l.text), 1),
-                                e("div", Kn, [
+                              e("div", On, [
+                                e("div", Gn, y(i.fileName || i.text), 1),
+                                e("div", Jn, [
                                   m(b, { size: 12 }, {
                                     default: k(() => [
-                                      m(d(Ft))
+                                      m(u(Vt))
                                     ]),
                                     _: 1
                                   }),
-                                  s[19] || (s[19] = e("span", null, "点击下载", -1)),
-                                  l.fileSize ? (a(), p("span", Nn, "· " + y(Ne(l.fileSize)), 1)) : S("", !0)
+                                  s[21] || (s[21] = e("span", null, "点击下载", -1)),
+                                  i.fileSize ? (a(), p("span", Qn, "· " + y(Be(i.fileSize)), 1)) : S("", !0)
                                 ])
                               ])
                             ])
-                          ], 10, Hn)) : S("", !0),
+                          ], 10, Nn)) : S("", !0),
                           e("div", {
-                            class: J([
+                            class: K([
                               "message-time",
-                              l.isSelf ? "time-right" : "time-left"
+                              i.isSelf ? "time-right" : "time-left"
                             ])
-                          }, y(d(Re)(l.time)), 3)
+                          }, y(u(Me)(i.time)), 3)
                         ])
                       ], 2)
                     ], 2))), 128))
                   ], 512),
-                  e("div", Pn, [
-                    O.value.length > 0 ? (a(), p("div", jn, [
-                      (a(!0), p(me, null, he(O.value, (l, $e) => (a(), p("div", {
-                        key: l.id,
+                  e("div", {
+                    class: "input-area",
+                    onClick: s[6] || (s[6] = (i) => Ae.value = !1)
+                  }, [
+                    B.value.length > 0 ? (a(), p("div", Zn, [
+                      (a(!0), p(de, null, ue(B.value, (i, xe) => (a(), p("div", {
+                        key: i.id,
                         class: "pending-file"
                       }, [
-                        l.isImage ? (a(), p("div", On, [
+                        i.isImage ? (a(), p("div", ei, [
                           e("img", {
-                            src: l.previewUrl,
-                            alt: l.name,
+                            src: i.previewUrl,
+                            alt: i.name,
                             class: "pending-image"
-                          }, null, 8, Gn),
+                          }, null, 8, ti),
                           e("button", {
-                            onClick: (mt) => Ke($e),
+                            onClick: (ht) => qe(xe),
                             class: "remove-file-btn"
-                          }, " × ", 8, Jn)
-                        ])) : (a(), p("div", Qn, [
+                          }, " × ", 8, si)
+                        ])) : (a(), p("div", ai, [
                           m(b, { class: "pending-file-icon" }, {
                             default: k(() => [
-                              m(d(Ze))
+                              m(u(Qe))
                             ]),
                             _: 1
                           }),
-                          e("span", Zn, y(l.name), 1),
+                          e("span", ni, y(i.name), 1),
                           e("button", {
-                            onClick: (mt) => Ke($e),
+                            onClick: (ht) => qe(xe),
                             class: "remove-file-btn"
-                          }, " × ", 8, ei)
+                          }, " × ", 8, ii)
                         ]))
                       ]))), 128))
                     ])) : S("", !0),
-                    x.config.modules.fileUpload ? (a(), p("div", ti, [
-                      m(b, { class: "action-icon" }, {
-                        default: k(() => [
-                          m(d(Ye))
-                        ]),
-                        _: 1
-                      }),
+                    w.config.modules.fileUpload ? (a(), p("div", li, [
+                      e("div", oi, [
+                        m(b, {
+                          class: "action-icon",
+                          onClick: s[4] || (s[4] = Fe((i) => Ae.value = !Ae.value, ["stop"]))
+                        }, {
+                          default: k(() => [
+                            m(u(Xe))
+                          ]),
+                          _: 1
+                        }),
+                        m(Et, {
+                          visible: Ae.value,
+                          onSelect: ct
+                        }, null, 8, ["visible"])
+                      ]),
                       m(b, {
                         class: "action-icon",
                         onClick: it
                       }, {
                         default: k(() => [
-                          m(d(Ze))
+                          m(u(Qe))
                         ]),
                         _: 1
                       }),
                       m(b, { class: "action-icon" }, {
                         default: k(() => [
-                          m(d(It))
+                          m(u(Rt))
                         ]),
                         _: 1
                       })
                     ])) : S("", !0),
-                    e("div", si, [
+                    e("div", ri, [
                       Ct(e("textarea", {
-                        "onUpdate:modelValue": s[4] || (s[4] = (l) => Ie(A) ? A.value = l : null),
-                        onKeydown: xt(Be(Pe, ["prevent"]), ["enter"]),
+                        "onUpdate:modelValue": s[5] || (s[5] = (i) => Re(A) ? A.value = i : null),
+                        onKeydown: xt(Fe(Ne, ["prevent"]), ["enter"]),
                         onPaste: ot,
                         placeholder: "输入消息或粘贴文件...",
                         class: "message-input",
                         rows: "3"
-                      }, null, 40, ai), [
-                        [Ut, d(A)]
+                      }, null, 40, ci), [
+                        [Ut, u(A)]
                       ])
                     ]),
-                    e("div", ni, [
-                      m(ke, {
+                    e("div", di, [
+                      m(be, {
                         type: "primary",
-                        disabled: !d(A).trim() && O.value.length === 0,
-                        onClick: Pe,
+                        disabled: !u(A).trim() && B.value.length === 0,
+                        onClick: Ne,
                         class: "send-btn"
                       }, {
-                        default: k(() => [...s[20] || (s[20] = [
-                          ue(" 发送 ", -1)
+                        default: k(() => [...s[22] || (s[22] = [
+                          me(" 发送 ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled"])
                     ]),
                     e("input", {
                       ref_key: "fileInputRef",
-                      ref: j,
+                      ref: ae,
                       type: "file",
                       multiple: "",
                       class: "hidden-file-input",
                       onChange: lt
                     }, null, 544)
                   ])
-                ])) : ie.value ? S("", !0) : (a(), p("div", ii, [
+                ])) : Y.value ? S("", !0) : (a(), p("div", ui, [
                   m(b, {
                     size: 64,
                     class: "empty-icon"
                   }, {
                     default: k(() => [
-                      m(d(Rt))
+                      m(u(Mt))
                     ]),
                     _: 1
                   }),
-                  e("div", li, y(ne.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
+                  e("div", vi, y(F.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
                 ]))
               ]),
-              le.value ? (a(), p("div", oi, [
-                s[22] || (s[22] = e("div", { class: "detail-header" }, "聊天详情", -1)),
-                e("div", ri, [
-                  e("div", ci, [
+              oe.value ? (a(), p("div", pi, [
+                s[24] || (s[24] = e("div", { class: "detail-header" }, "聊天详情", -1)),
+                e("div", mi, [
+                  e("div", hi, [
                     e("img", {
-                      src: (Ee = W.value) == null ? void 0 : Ee.avatar,
-                      alt: (o = W.value) == null ? void 0 : o.name,
+                      src: (Ee = M.value) == null ? void 0 : Ee.avatar,
+                      alt: (l = M.value) == null ? void 0 : l.name,
                       class: "detail-avatar"
-                    }, null, 8, di),
-                    e("div", ui, y((ge = W.value) == null ? void 0 : ge.name), 1),
-                    s[21] || (s[21] = e("div", { class: "detail-actions" }, [
+                    }, null, 8, fi),
+                    e("div", gi, y((fe = M.value) == null ? void 0 : fe.name), 1),
+                    s[23] || (s[23] = e("div", { class: "detail-actions" }, [
                       e("div", { class: "detail-action-item" }, "查找聊天记录"),
                       e("div", { class: "detail-action-item" }, "清空聊天记录")
                     ], -1))
@@ -2626,50 +3034,50 @@ const gt = (x, t) => {
                 ])
               ])) : S("", !0)
             ]),
-            m(He, {
-              modelValue: d(fe),
-              "onUpdate:modelValue": s[6] || (s[6] = (l) => Ie(fe) ? fe.value = l : null),
+            m(je, {
+              modelValue: u(he),
+              "onUpdate:modelValue": s[8] || (s[8] = (i) => Re(he) ? he.value = i : null),
               title: "添加好友",
               width: "500px",
               "append-to-body": ""
             }, {
               default: k(() => [
-                e("div", vi, [
-                  e("div", pi, [
-                    m(T, {
-                      modelValue: d(Ce),
-                      "onUpdate:modelValue": s[5] || (s[5] = (l) => Ie(Ce) ? Ce.value = l : null),
+                e("div", yi, [
+                  e("div", _i, [
+                    m(j, {
+                      modelValue: u(we),
+                      "onUpdate:modelValue": s[7] || (s[7] = (i) => Re(we) ? we.value = i : null),
                       placeholder: "搜索用户",
-                      "prefix-icon": d(qe)
+                      "prefix-icon": u(Ye)
                     }, null, 8, ["modelValue", "prefix-icon"])
                   ])
                 ]),
-                e("div", mi, [
-                  d(xe) ? (a(), G(re, {
+                e("div", bi, [
+                  u(Ce) ? (a(), Z(ce, {
                     key: 0,
                     description: "加载中..."
-                  })) : d(Ae).length === 0 ? (a(), G(re, {
+                  })) : u(Se).length === 0 ? (a(), Z(ce, {
                     key: 1,
                     description: "暂无用户"
-                  })) : (a(!0), p(me, { key: 2 }, he(d(Ae), (l) => (a(), p("div", {
-                    key: l.username,
+                  })) : (a(!0), p(de, { key: 2 }, ue(u(Se), (i) => (a(), p("div", {
+                    key: i.username,
                     class: "available-user-item"
                   }, [
-                    e("div", hi, [
+                    e("div", ki, [
                       e("img", {
-                        src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${l.username}`,
-                        alt: l.username,
+                        src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${i.username}`,
+                        alt: i.username,
                         class: "available-user-avatar"
-                      }, null, 8, fi),
-                      e("div", gi, y(l.username), 1)
+                      }, null, 8, wi),
+                      e("div", Ci, y(i.username), 1)
                     ]),
-                    m(ke, {
+                    m(be, {
                       type: "primary",
                       size: "small",
-                      onClick: ($e) => d(q)(l)
+                      onClick: (xe) => u(N)(i)
                     }, {
-                      default: k(() => [...s[23] || (s[23] = [
-                        ue("添加", -1)
+                      default: k(() => [...s[25] || (s[25] = [
+                        me("添加", -1)
                       ])]),
                       _: 1
                     }, 8, ["onClick"])
@@ -2678,9 +3086,9 @@ const gt = (x, t) => {
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            m(He, {
-              modelValue: i.value,
-              "onUpdate:modelValue": s[11] || (s[11] = (l) => i.value = l),
+            m(je, {
+              modelValue: _e.value,
+              "onUpdate:modelValue": s[13] || (s[13] = (i) => _e.value = i),
               title: "个人设置",
               width: "560px",
               "close-on-click-modal": !1,
@@ -2688,15 +3096,15 @@ const gt = (x, t) => {
               class: "settings-dialog"
             }, {
               default: k(() => [
-                e("div", yi, [
-                  e("div", _i, [
-                    e("div", bi, [
+                e("div", xi, [
+                  e("div", Ui, [
+                    e("div", $i, [
                       e("img", {
-                        src: d(H),
+                        src: u(H),
                         alt: "头像",
                         class: "settings-avatar"
-                      }, null, 8, ki),
-                      x.config.modules.avatarCrop ? (a(), p("div", {
+                      }, null, 8, Si),
+                      w.config.modules.avatarCrop ? (a(), p("div", {
                         key: 0,
                         class: "settings-avatar-edit",
                         onClick: nt
@@ -2706,110 +3114,110 @@ const gt = (x, t) => {
                           class: "settings-avatar-icon"
                         }, {
                           default: k(() => [
-                            m(d(Mt))
+                            m(u(It))
                           ]),
                           _: 1
                         })
                       ])) : S("", !0),
                       e("input", {
                         ref_key: "avatarInputRef",
-                        ref: F,
+                        ref: _,
                         type: "file",
                         accept: "image/*",
                         class: "hidden-avatar-input",
-                        onChange: ct
+                        onChange: dt
                       }, null, 544)
                     ]),
-                    e("div", wi, [
-                      e("div", Ci, y(d(Z).nickname || d(ee)), 1),
-                      e("div", xi, "@" + y(d(ee)), 1)
+                    e("div", zi, [
+                      e("div", Ai, y(u(G).nickname || u(O)), 1),
+                      e("div", Fi, "@" + y(u(O)), 1)
                     ])
                   ]),
-                  e("div", Ui, [
-                    e("div", $i, [
-                      e("div", Si, [
+                  e("div", Vi, [
+                    e("div", Ri, [
+                      e("div", Mi, [
                         m(b, null, {
                           default: k(() => [
-                            m(d(Qe))
+                            m(u(Je))
                           ]),
                           _: 1
                         }),
-                        s[24] || (s[24] = ue(" 个人信息 ", -1))
+                        s[26] || (s[26] = me(" 个人信息 ", -1))
                       ]),
-                      K.value ? S("", !0) : (a(), G(ke, {
+                      P.value ? S("", !0) : (a(), Z(be, {
                         key: 0,
                         type: "primary",
                         size: "small",
-                        onClick: ut,
+                        onClick: vt,
                         class: "settings-edit-btn"
                       }, {
-                        default: k(() => [...s[25] || (s[25] = [
-                          ue(" 编辑 ", -1)
+                        default: k(() => [...s[27] || (s[27] = [
+                          me(" 编辑 ", -1)
                         ])]),
                         _: 1
                       }))
                     ]),
-                    e("div", zi, [
-                      e("div", Ai, [
-                        s[26] || (s[26] = e("label", { class: "settings-form-label" }, "昵称", -1)),
-                        K.value ? (a(), G(T, {
+                    e("div", Ii, [
+                      e("div", Li, [
+                        s[28] || (s[28] = e("label", { class: "settings-form-label" }, "昵称", -1)),
+                        P.value ? (a(), Z(j, {
                           key: 0,
-                          modelValue: oe.value.nickname,
-                          "onUpdate:modelValue": s[7] || (s[7] = (l) => oe.value.nickname = l),
+                          modelValue: re.value.nickname,
+                          "onUpdate:modelValue": s[9] || (s[9] = (i) => re.value.nickname = i),
                           placeholder: "请输入昵称",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (a(), p("div", Vi, y(d(Z).nickname || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (a(), p("div", Ti, y(u(G).nickname || "未设置"), 1))
                       ]),
-                      e("div", Fi, [
-                        s[27] || (s[27] = e("label", { class: "settings-form-label" }, "邮箱", -1)),
-                        K.value ? (a(), G(T, {
+                      e("div", Ei, [
+                        s[29] || (s[29] = e("label", { class: "settings-form-label" }, "邮箱", -1)),
+                        P.value ? (a(), Z(j, {
                           key: 0,
-                          modelValue: oe.value.email,
-                          "onUpdate:modelValue": s[8] || (s[8] = (l) => oe.value.email = l),
+                          modelValue: re.value.email,
+                          "onUpdate:modelValue": s[10] || (s[10] = (i) => re.value.email = i),
                           placeholder: "请输入邮箱",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (a(), p("div", Ii, y(d(Z).email || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (a(), p("div", Di, y(u(G).email || "未设置"), 1))
                       ]),
-                      e("div", Ri, [
-                        s[28] || (s[28] = e("label", { class: "settings-form-label" }, "手机号", -1)),
-                        K.value ? (a(), G(T, {
+                      e("div", Wi, [
+                        s[30] || (s[30] = e("label", { class: "settings-form-label" }, "手机号", -1)),
+                        P.value ? (a(), Z(j, {
                           key: 0,
-                          modelValue: oe.value.phone,
-                          "onUpdate:modelValue": s[9] || (s[9] = (l) => oe.value.phone = l),
+                          modelValue: re.value.phone,
+                          "onUpdate:modelValue": s[11] || (s[11] = (i) => re.value.phone = i),
                           placeholder: "请输入手机号",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (a(), p("div", Mi, y(d(Z).phone || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (a(), p("div", ji, y(u(G).phone || "未设置"), 1))
                       ]),
-                      e("div", Li, [
-                        s[29] || (s[29] = e("label", { class: "settings-form-label" }, "个人简介", -1)),
-                        K.value ? (a(), G(T, {
+                      e("div", Hi, [
+                        s[31] || (s[31] = e("label", { class: "settings-form-label" }, "个人简介", -1)),
+                        P.value ? (a(), Z(j, {
                           key: 0,
-                          modelValue: oe.value.bio,
-                          "onUpdate:modelValue": s[10] || (s[10] = (l) => oe.value.bio = l),
+                          modelValue: re.value.bio,
+                          "onUpdate:modelValue": s[12] || (s[12] = (i) => re.value.bio = i),
                           type: "textarea",
                           rows: 4,
                           placeholder: "介绍一下自己吧...",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (a(), p("div", Ti, y(d(Z).bio || "这个人很懒，什么都没写~"), 1))
+                        }, null, 8, ["modelValue"])) : (a(), p("div", Xi, y(u(G).bio || "这个人很懒，什么都没写~"), 1))
                       ]),
-                      K.value ? (a(), p("div", Ei, [
-                        m(ke, {
+                      P.value ? (a(), p("div", Yi, [
+                        m(be, {
                           size: "default",
-                          onClick: vt
+                          onClick: pt
                         }, {
-                          default: k(() => [...s[30] || (s[30] = [
-                            ue("取消", -1)
+                          default: k(() => [...s[32] || (s[32] = [
+                            me("取消", -1)
                           ])]),
                           _: 1
                         }),
-                        m(ke, {
+                        m(be, {
                           type: "primary",
                           size: "default",
-                          loading: ze.value,
-                          onClick: pt
+                          loading: $e.value,
+                          onClick: mt
                         }, {
-                          default: k(() => [...s[31] || (s[31] = [
-                            ue("保存更改", -1)
+                          default: k(() => [...s[33] || (s[33] = [
+                            me("保存更改", -1)
                           ])]),
                           _: 1
                         }, 8, ["loading"])
@@ -2822,14 +3230,14 @@ const gt = (x, t) => {
             }, 8, ["modelValue"]),
             m(yt, {
               modelValue: c.value,
-              "onUpdate:modelValue": s[12] || (s[12] = (l) => c.value = l),
-              src: _e.value,
-              onConfirm: dt
+              "onUpdate:modelValue": s[14] || (s[14] = (i) => c.value = i),
+              src: I.value,
+              onConfirm: ut
             }, null, 8, ["modelValue", "src"]),
-            Ue.value.visible ? (a(), p("div", {
+            pe.value.visible ? (a(), p("div", {
               key: 0,
               class: "context-menu",
-              style: Xe({ left: Ue.value.x + "px", top: Ue.value.y + "px" })
+              style: He({ left: pe.value.x + "px", top: pe.value.y + "px" })
             }, [
               e("div", {
                 class: "context-menu-item",
@@ -2842,7 +3250,7 @@ const gt = (x, t) => {
       }, 8, ["modelValue", "width"]);
     };
   }
-}, Wi = /* @__PURE__ */ gt(Di, [["__scopeId", "data-v-a76a4ef3"]]), Hi = {
+}, Bi = /* @__PURE__ */ Ze(qi, [["__scopeId", "data-v-b69ff046"]]), Ni = {
   // API 配置
   api: {
     baseUrl: "",
@@ -2858,8 +3266,6 @@ const gt = (x, t) => {
       setChatStatus: "/chart/friend/chat/status",
       getAvailableUsers: "/chart/user/canAddFriend",
       searchUser: "/chart/user/search",
-      getUserInfo: "/user/info",
-      updateUserInfo: "/user/info",
       getUserAvatar: "/user/getAvatar",
       uploadAvatar: "/user/uploadAvatar"
     },
@@ -2906,30 +3312,30 @@ const gt = (x, t) => {
     allowedTypes: ["*"]
   }
 };
-function Ki(x = {}) {
-  const t = Et(Hi, x);
+function Ji(w = {}) {
+  const t = Dt(Ni, w);
   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 Et(x, t) {
-  const n = { ...x };
+function Dt(w, t) {
+  const n = { ...w };
   for (const v in t)
-    t[v] && typeof t[v] == "object" && !Array.isArray(t[v]) ? n[v] = Et(x[v] || {}, t[v]) : n[v] = t[v];
+    t[v] && typeof t[v] == "object" && !Array.isArray(t[v]) ? n[v] = Dt(w[v] || {}, t[v]) : n[v] = t[v];
   return n;
 }
-const Ni = {
-  install(x) {
-    x.component("ChatPanel", Ya), x.component("ChatWindow", Wi), x.component("AvatarCrop", yt);
+const Qi = {
+  install(w) {
+    w.component("ChatPanel", Ka), w.component("ChatWindow", Bi), w.component("AvatarCrop", yt);
   }
 };
 export {
   yt as AvatarCrop,
-  ft as ChatApi,
-  Ya as ChatPanel,
-  Dt as ChatWebSocket,
-  Wi as ChatWindow,
-  Wt as HttpClient,
-  Ni as VueChatKit,
-  Ki as createChatConfig,
-  Ni as default,
+  gt as ChatApi,
+  Ka as ChatPanel,
+  Wt as ChatWebSocket,
+  Bi as ChatWindow,
+  jt as HttpClient,
+  Qi as VueChatKit,
+  Ji as createChatConfig,
+  Qi as default,
   Tt as useChat
 };