vue-chat-kit 0.1.3 → 0.2.2

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

@@ -1,10 +1,10 @@
-import { ref as f, computed as re, nextTick as Ne, watch as yt, resolveComponent as ce, openBlock as r, createBlock as q, withCtx as b, createElementVNode as t, createElementBlock as v, createCommentVNode as I, createVNode as p, createTextVNode as ne, onMounted as _t, onUnmounted as bt, unref as u, Fragment as fe, renderList as me, normalizeClass as X, resolveDynamicComponent as Ct, toDisplayString as k, isRef as we, withModifiers as Je, withDirectives as kt, withKeys as wt, vModelText as Ut, normalizeStyle as xt } from "vue";
-import { ChatDotRound as Ee, UserFilled as Qe, Bell as At, Setting as St, Search as Ke, Plus as Vt, MoreFilled as Ft, Document as Rt, Download as It, Folder as Ze, Picture as Lt, ChatLineRound as Tt, Camera as zt } from "@element-plus/icons-vue";
-import We from "dayjs";
-import { ElMessage as Y } from "element-plus";
-class Dt {
-  constructor(e, s = {}) {
-    this.userId = e, this.wsUrl = s.wsUrl || "", this.socket = null, this.reconnectAttempts = 0, this.maxReconnectAttempts = s.maxReconnectAttempts || 5, this.reconnectDelay = s.reconnectDelay || 3e3, this.handlers = {
+import { ref as h, computed as ye, nextTick as Qe, watch as Dt, resolveComponent as ie, openBlock as n, createBlock as B, withCtx as b, createElementVNode as e, createElementBlock as v, createCommentVNode as U, createVNode as p, createTextVNode as J, onMounted as gt, onUnmounted as _t, unref as c, Fragment as se, renderList as ae, normalizeClass as K, resolveDynamicComponent as yt, toDisplayString as _, isRef as Ce, withModifiers as Ye, withDirectives as bt, withKeys as kt, vModelText as wt, normalizeStyle as Ct } from "vue";
+import { ChatDotRound as Re, UserFilled as Ge, Bell as Ut, Setting as $t, Search as Le, Plus as xt, MoreFilled as At, Document as Vt, Download as St, Folder as Je, Picture as Ft, ChatLineRound as It, Camera as zt } from "@element-plus/icons-vue";
+import mt from "dayjs";
+import { ElMessage as P } from "element-plus";
+class Et {
+  constructor(t, a = {}) {
+    this.userId = t, this.wsUrl = a.wsUrl || "", this.socket = null, this.reconnectAttempts = 0, this.maxReconnectAttempts = a.maxReconnectAttempts || 5, this.reconnectDelay = a.reconnectDelay || 3e3, this.handlers = {
       message: [],
       open: [],
       close: [],
@@ -20,60 +20,60 @@ class Dt {
       try {
         this.socket = new WebSocket(this.wsUrl), this.socket.onopen = () => {
           console.log("[VueChatKit] WebSocket 连接成功"), this.isConnecting = !1, this.reconnectAttempts = 0, this.emit("open");
-        }, this.socket.onmessage = (e) => {
+        }, this.socket.onmessage = (t) => {
           try {
-            const s = e.data;
-            this.emit("message", s);
-          } catch (s) {
-            console.error("[VueChatKit] WebSocket 消息解析失败", s);
+            const a = t.data;
+            this.emit("message", a);
+          } catch (a) {
+            console.error("[VueChatKit] WebSocket 消息解析失败", a);
           }
-        }, this.socket.onclose = (e) => {
-          console.log("[VueChatKit] WebSocket 连接关闭", e.code), this.isConnecting = !1, this.emit("close", e), !this.manualClose && e.code !== 1e3 && this.reconnect();
-        }, this.socket.onerror = (e) => {
-          console.error("[VueChatKit] WebSocket 连接错误", e), this.isConnecting = !1, this.emit("error", e);
+        }, this.socket.onclose = (t) => {
+          console.log("[VueChatKit] WebSocket 连接关闭", t.code), this.isConnecting = !1, this.emit("close", t), !this.manualClose && t.code !== 1e3 && this.reconnect();
+        }, this.socket.onerror = (t) => {
+          console.error("[VueChatKit] WebSocket 连接错误", t), this.isConnecting = !1, this.emit("error", t);
         };
-      } catch (e) {
-        console.error("[VueChatKit] WebSocket 创建连接失败", e), this.isConnecting = !1;
+      } catch (t) {
+        console.error("[VueChatKit] WebSocket 创建连接失败", t), this.isConnecting = !1;
       }
     }
   }
   /**
    * 发送消息
    */
-  send(e, s, o = "text", F = "", T = "", z = 0) {
+  send(t, a, m = "text", C = "", N = "", I = 0) {
     if (this.isConnected()) {
-      const w = JSON.stringify({
-        to: e,
-        msg: s,
-        type: o,
-        fileUrl: F,
-        fileName: T,
-        fileSize: z
+      const T = JSON.stringify({
+        to: t,
+        msg: a,
+        type: m,
+        fileUrl: C,
+        fileName: N,
+        fileSize: I
       });
-      return this.socket.send(w), !0;
+      return this.socket.send(T), !0;
     }
     return console.warn("[VueChatKit] WebSocket 连接未建立，无法发送消息"), !1;
   }
   /**
    * 注册事件监听
    */
-  on(e, s) {
-    this.handlers[e] && this.handlers[e].push(s);
+  on(t, a) {
+    this.handlers[t] && this.handlers[t].push(a);
   }
   /**
    * 移除事件监听
    */
-  off(e, s) {
-    if (this.handlers[e]) {
-      const o = this.handlers[e].indexOf(s);
-      o > -1 && this.handlers[e].splice(o, 1);
+  off(t, a) {
+    if (this.handlers[t]) {
+      const m = this.handlers[t].indexOf(a);
+      m > -1 && this.handlers[t].splice(m, 1);
     }
   }
   /**
    * 触发事件
    */
-  emit(e, ...s) {
-    this.handlers[e] && this.handlers[e].forEach((o) => o(...s));
+  emit(t, ...a) {
+    this.handlers[t] && this.handlers[t].forEach((m) => m(...a));
   }
   /**
    * 重连
@@ -99,743 +99,758 @@ class Dt {
     return this.socket && this.socket.readyState === WebSocket.OPEN;
   }
 }
-class Ue extends Error {
-  constructor(e, s, o, F) {
-    super(e), this.name = "RequestError", this.status = s || 0, this.code = o || 0, this.data = F;
+class Xe extends Error {
+  constructor(t, a, m, C) {
+    super(t), this.name = "RequestError", this.status = a || 0, this.code = m || 0, this.data = C;
   }
 }
-class Mt {
-  constructor(e = {}) {
-    this.baseUrl = e.baseUrl || "", this.timeout = e.timeout || 1e4, this.headers = e.headers || {}, this.requestInterceptors = [], this.responseInterceptors = [], this.addRequestInterceptor((s) => (s.body instanceof FormData || (s.headers = {
+class qt {
+  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((a) => {
+      this.requestInterceptors.push(a);
+    }), this.addRequestInterceptor((a) => (a.body instanceof FormData || (a.headers = {
       "Content-Type": "application/json",
-      ...s.headers
-    }), s));
+      ...a.headers
+    }), a)), t.responseInterceptors && Array.isArray(t.responseInterceptors) && t.responseInterceptors.forEach((a) => {
+      this.responseInterceptors.push(a);
+    });
   }
   /**
    * 添加请求拦截器
    */
-  addRequestInterceptor(e) {
-    this.requestInterceptors.push(e);
+  addRequestInterceptor(t) {
+    this.requestInterceptors.push(t);
   }
   /**
    * 添加响应拦截器
    */
-  addResponseInterceptor(e) {
-    this.responseInterceptors.push(e);
+  addResponseInterceptor(t) {
+    this.responseInterceptors.push(t);
   }
   /**
    * 超时控制
    */
-  timeoutPromise(e) {
-    return new Promise((s, o) => {
+  timeoutPromise(t) {
+    return new Promise((a, m) => {
       setTimeout(() => {
-        o(new Ue("请求超时", 408, 408));
-      }, e);
+        m(new Xe("请求超时", 408, 408));
+      }, t);
     });
   }
   /**
    * 核心请求方法
    */
-  async request(e, s = {}) {
-    const { method: o = "GET", headers: F = {}, body: T, params: z } = s;
-    let w = e.startsWith("http") ? e : `${this.baseUrl}${e}`, U = {
-      method: o,
-      headers: { ...this.headers, ...F },
-      body: T,
-      params: z
+  async request(t, a = {}) {
+    const { method: m = "GET", headers: C = {}, body: N, params: I } = a;
+    let T = t.startsWith("http") ? t : `${this.baseUrl}${t}`, L = {
+      method: m,
+      headers: { ...this.headers, ...C },
+      body: N,
+      params: I
     };
-    this.requestInterceptors.forEach((m) => {
-      U = m(U);
+    this.requestInterceptors.forEach((x) => {
+      L = x(L);
     });
-    const V = {
-      method: U.method,
-      headers: U.headers,
+    const H = {
+      method: L.method,
+      headers: L.headers,
       credentials: "include"
     };
-    if (U.body && o !== "GET" && (U.body instanceof FormData ? V.body = U.body : typeof U.body == "object" ? V.body = JSON.stringify(U.body) : V.body = U.body), U.params) {
-      const m = new URLSearchParams();
-      for (const C in U.params)
-        U.params[C] !== void 0 && U.params[C] !== null && U.params[C] !== "" && m.append(C, U.params[C]);
-      const _ = m.toString();
-      _ && (w += (w.includes("?") ? "&" : "?") + _);
+    if (L.body && m !== "GET" && (L.body instanceof FormData ? H.body = L.body : typeof L.body == "object" ? H.body = JSON.stringify(L.body) : H.body = L.body), L.params) {
+      const x = new URLSearchParams();
+      for (const S in L.params)
+        L.params[S] !== void 0 && L.params[S] !== null && L.params[S] !== "" && x.append(S, L.params[S]);
+      const k = x.toString();
+      k && (T += (T.includes("?") ? "&" : "?") + k);
     }
     try {
-      let _ = await Promise.race([
-        fetch(w, V),
+      let k = await Promise.race([
+        fetch(T, H),
         this.timeoutPromise(this.timeout)
       ]);
-      if (this.responseInterceptors.forEach((N) => {
-        _ = N(_);
-      }), !_.ok)
-        throw new Ue(
-          `HTTP ${_.status}: ${_.statusText}`,
-          _.status,
-          _.status
+      if (this.responseInterceptors.forEach((G) => {
+        k = G(k);
+      }), !k.ok)
+        throw new Xe(
+          `HTTP ${k.status}: ${k.statusText}`,
+          k.status,
+          k.status
         );
-      const C = _.headers.get("content-type");
-      let R;
-      return C && C.includes("application/json") ? R = await _.json() : R = await _.text(), R;
-    } catch (m) {
-      throw m instanceof Ue ? m : new Ue(
-        m instanceof Error ? m.message : "网络错误",
+      const S = k.headers.get("content-type");
+      let z;
+      return S && S.includes("application/json") ? z = await k.json() : z = await k.text(), z;
+    } catch (x) {
+      throw x instanceof Xe ? x : new Xe(
+        x instanceof Error ? x.message : "网络错误",
         0,
         0
       );
     }
   }
   // 便捷方法
-  get(e, s, o) {
-    return this.request(e, { ...o, method: "GET", params: s });
+  get(t, a, m) {
+    return this.request(t, { ...m, method: "GET", params: a });
   }
-  post(e, s, o) {
-    return this.request(e, { ...o, method: "POST", body: s });
+  post(t, a, m) {
+    return this.request(t, { ...m, method: "POST", body: a });
   }
-  put(e, s, o) {
-    return this.request(e, { ...o, method: "PUT", body: s });
+  put(t, a, m) {
+    return this.request(t, { ...m, method: "PUT", body: a });
   }
-  delete(e, s) {
-    return this.request(e, { ...s, method: "DELETE" });
+  delete(t, a) {
+    return this.request(t, { ...a, method: "DELETE" });
   }
 }
-class Be {
-  constructor(e, s = null) {
-    this.config = e, this.endpoints = e.api.endpoints, this.customAdapter = e.api.adapter, s ? this.http = s : this.http = new Mt({
-      baseUrl: e.api.baseUrl,
-      headers: e.headers
+class ft {
+  constructor(t, a = null) {
+    this.config = t, this.endpoints = t.api.endpoints, this.customAdapter = t.api.adapter, a ? this.http = a : this.http = new qt({
+      baseUrl: t.api.baseUrl,
+      headers: t.headers,
+      requestInterceptors: t.requestInterceptors,
+      responseInterceptors: t.responseInterceptors
     });
   }
   /**
    * 使用自定义适配器或默认实现
    */
-  async _call(e, ...s) {
-    return this.customAdapter && typeof this.customAdapter[e] == "function" ? this.customAdapter[e](...s) : this[`_${e}`](...s);
+  async _call(t, ...a) {
+    return this.customAdapter && typeof this.customAdapter[t] == "function" ? this.customAdapter[t](...a) : this[`_${t}`](...a);
   }
   // ========== 好友相关 ==========
   /**
    * 获取好友列表
    */
-  async getFriends(e) {
-    return this._call("getFriends", e);
+  async getFriends(t) {
+    return this._call("getFriends", t);
   }
-  async _getFriends(e) {
-    return this.http.get(this.endpoints.getFriends, { currentUser: e });
+  async _getFriends(t) {
+    return this.http.get(this.endpoints.getFriends, { currentUser: t });
   }
   /**
    * 获取可添加的用户列表
    */
-  async getAvailableUsers(e) {
-    return this._call("getAvailableUsers", e);
+  async getAvailableUsers(t) {
+    return this._call("getAvailableUsers", t);
   }
-  async _getAvailableUsers(e) {
-    return this.http.get(this.endpoints.getAvailableUsers, { currentUser: e });
+  async _getAvailableUsers(t) {
+    return this.http.get(this.endpoints.getAvailableUsers, { currentUser: t });
   }
   /**
    * 添加好友
    */
-  async addFriend(e, s) {
-    return this._call("addFriend", e, s);
+  async addFriend(t, a) {
+    return this._call("addFriend", t, a);
   }
-  async _addFriend(e, s) {
-    return this.http.post(this.endpoints.addFriend, { currentUser: e, friendUser: s });
+  async _addFriend(t, a) {
+    return this.http.post(this.endpoints.addFriend, { currentUser: t, friendUser: a });
   }
   /**
    * 获取好友申请列表
    */
-  async getApplyList(e) {
-    return this._call("getApplyList", e);
+  async getApplyList(t) {
+    return this._call("getApplyList", t);
   }
-  async _getApplyList(e) {
-    return this.http.get(this.endpoints.getApplyList, { currentUser: e });
+  async _getApplyList(t) {
+    return this.http.get(this.endpoints.getApplyList, { currentUser: t });
   }
   /**
    * 同意好友申请
    */
-  async agreeFriend(e, s) {
-    return this._call("agreeFriend", e, s);
+  async agreeFriend(t, a) {
+    return this._call("agreeFriend", t, a);
   }
-  async _agreeFriend(e, s) {
-    return this.http.post(this.endpoints.agreeFriend, { applyUser: e, friendUser: s });
+  async _agreeFriend(t, a) {
+    return this.http.post(this.endpoints.agreeFriend, { applyUser: t, friendUser: a });
   }
   /**
    * 设置好友聊天状态
    */
-  async setChatStatus(e, s, o = 1) {
-    return this._call("setChatStatus", e, s, o);
+  async setChatStatus(t, a, m = 1) {
+    return this._call("setChatStatus", t, a, m);
   }
-  async _setChatStatus(e, s, o) {
-    return this.http.post(this.endpoints.setChatStatus, null, { params: { currentUser: e, friendUser: s, status: o } });
+  async _setChatStatus(t, a, m) {
+    return this.http.post(this.endpoints.setChatStatus, null, { params: { currentUser: t, friendUser: a, status: m } });
   }
   // ========== 消息相关 ==========
   /**
    * 获取聊天历史
    */
-  async getHistory(e, s) {
-    return this._call("getHistory", e, s);
+  async getHistory(t, a) {
+    return this._call("getHistory", t, a);
   }
-  async _getHistory(e, s) {
-    return this.http.get(this.endpoints.getHistory, { fromUser: e, toUser: s });
+  async _getHistory(t, a) {
+    return this.http.get(this.endpoints.getHistory, { fromUser: t, toUser: a });
   }
   /**
    * 标记消息已读
    */
-  async setRead(e, s) {
-    return this._call("setRead", e, s);
+  async setRead(t, a) {
+    return this._call("setRead", t, a);
   }
-  async _setRead(e, s) {
-    return this.http.post(this.endpoints.setRead, { currentUser: e, friendUser: s });
+  async _setRead(t, a) {
+    return this.http.post(this.endpoints.setRead, { currentUser: t, friendUser: a });
   }
   // ========== 文件相关 ==========
   /**
    * 上传文件
    */
-  async uploadFile(e) {
-    return this._call("uploadFile", e);
+  async uploadFile(t) {
+    return this._call("uploadFile", t);
   }
-  async _uploadFile(e) {
-    const s = new FormData();
-    return s.append("file", e), this.http.post(this.endpoints.uploadFile, s);
+  async _uploadFile(t) {
+    const a = new FormData();
+    return a.append("file", t), this.http.post(this.endpoints.uploadFile, a);
   }
   // ========== 用户相关 ==========
   /**
    * 获取用户信息
    */
-  async getUserInfo(e) {
-    return this._call("getUserInfo", e);
+  async getUserInfo(t) {
+    return this._call("getUserInfo", t);
   }
-  async _getUserInfo(e) {
-    return this.http.get(this.endpoints.getUserInfo, { username: e });
+  async _getUserInfo(t) {
+    return this.http.get(this.endpoints.getUserInfo, { username: t });
   }
   /**
    * 更新用户信息
    */
-  async updateUserInfo(e, s) {
-    return this._call("updateUserInfo", e, s);
+  async updateUserInfo(t, a) {
+    return this._call("updateUserInfo", t, a);
   }
-  async _updateUserInfo(e, s) {
-    return this.http.put(this.endpoints.updateUserInfo, { username: e, ...s });
+  async _updateUserInfo(t, a) {
+    return this.http.put(this.endpoints.updateUserInfo, { username: t, ...a });
   }
   /**
    * 获取用户头像
    */
-  async getUserAvatar(e) {
-    return this._call("getUserAvatar", e);
+  async getUserAvatar(t) {
+    return this._call("getUserAvatar", t);
   }
-  async _getUserAvatar(e) {
-    return this.http.get(this.endpoints.getUserAvatar, { username: e });
+  async _getUserAvatar(t) {
+    return this.http.get(this.endpoints.getUserAvatar, { username: t });
   }
   /**
    * 上传头像
    */
-  async uploadAvatar(e, s) {
-    return this._call("uploadAvatar", e, s);
+  async uploadAvatar(t, a) {
+    return this._call("uploadAvatar", t, a);
   }
-  async _uploadAvatar(e, s) {
-    const o = new FormData();
-    return o.append("file", e), o.append("username", s), this.http.post(this.endpoints.uploadAvatar, o);
+  async _uploadAvatar(t, a) {
+    const m = new FormData();
+    return m.append("file", t), m.append("username", a), this.http.post(this.endpoints.uploadAvatar, m);
   }
 }
-const $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ChatApi: Be,
-  default: Be
+  ChatApi: ft,
+  default: ft
 }, Symbol.toStringTag, { value: "Module" }));
-function Et(y) {
-  const e = new Be(y);
-  let s = null;
-  const o = y.user.username, F = f(y.user.avatar || `https://api.dicebear.com/7.x/avataaars/svg?seed=${o}`), T = f({
-    username: o,
-    nickname: y.user.nickname || "",
-    email: y.user.email || "",
-    phone: y.user.phone || "",
-    bio: y.user.bio || ""
-  }), z = f(!1), w = f([]), U = f([]), V = f([]), m = f(""), _ = f(""), C = f(""), R = f(null), N = f(!1), G = f(""), J = f([]), Q = f(!1), le = f([]), te = f(!1), g = re(() => {
-    let a = U.value;
-    if (_.value) {
-      const i = _.value.toLowerCase();
-      a = a.filter(
-        (c) => {
-          var S;
-          return (S = c.username) == null ? void 0 : S.toLowerCase().includes(i);
+function Lt(w, t) {
+  const a = new ft(w);
+  let m = null;
+  const C = w.user.username, N = h(w.user.avatar || `https://api.dicebear.com/7.x/avataaars/svg?seed=${C}`), I = h({
+    username: C,
+    nickname: w.user.nickname || "",
+    email: w.user.email || "",
+    phone: w.user.phone || "",
+    bio: w.user.bio || ""
+  }), T = h(!1), L = h([]), H = h([]), x = h([]), k = h(""), S = h(""), z = h(""), G = h(null), fe = h(!1), oe = h(""), Q = h([]), ne = h(!1), _e = h([]), $ = h(!1), R = ye(() => {
+    let l = H.value;
+    if (S.value) {
+      const d = S.value.toLowerCase();
+      l = l.filter(
+        (g) => {
+          var A;
+          return (A = g.username) == null ? void 0 : A.toLowerCase().includes(d);
         }
       );
     }
-    return a.map((i) => ({
-      id: i.username,
-      name: i.username,
-      avatar: i.avatar || F.value,
-      online: i.online,
-      lastMsg: i.lastMsg || "暂无消息",
-      lastTime: i.lastTime,
-      unread: i.unReadNum || 0
+    return l.map((d) => ({
+      id: d.username,
+      name: d.username,
+      avatar: d.avatar || N.value,
+      online: d.online,
+      lastMsg: d.lastMsg || "暂无消息",
+      lastTime: d.lastTime,
+      unread: d.unReadNum || 0
     }));
-  }), x = re(() => {
-    let a = w.value;
-    if (_.value) {
-      const i = _.value.toLowerCase();
-      a = a.filter(
-        (c) => {
-          var S;
-          return (S = c.username) == null ? void 0 : S.toLowerCase().includes(i);
+  }), M = ye(() => {
+    let l = L.value;
+    if (S.value) {
+      const d = S.value.toLowerCase();
+      l = l.filter(
+        (g) => {
+          var A;
+          return (A = g.username) == null ? void 0 : A.toLowerCase().includes(d);
         }
       );
     }
-    return a.map((i) => ({
-      id: i.username,
-      name: i.username,
-      avatar: i.avatar || F.value,
-      online: i.online,
-      isChatting: i.isChatting
+    return l.map((d) => ({
+      id: d.username,
+      name: d.username,
+      avatar: d.avatar || N.value,
+      online: d.online,
+      isChatting: d.isChatting
     }));
-  }), A = re(() => G.value ? J.value.filter(
-    (a) => {
-      var i;
-      return (i = a.username) == null ? void 0 : i.toLowerCase().includes(G.value.toLowerCase());
+  }), Z = ye(() => oe.value ? Q.value.filter(
+    (l) => {
+      var d;
+      return (d = l.username) == null ? void 0 : d.toLowerCase().includes(oe.value.toLowerCase());
     }
-  ) : J.value), E = re(() => g.value.find((a) => a.id === m.value) || null), ie = re(() => V.value.map((a) => {
-    const i = a.type === "file" || a.fileUrl || a.fileName, c = a.fileName || a.msgContent;
+  ) : Q.value), he = ye(() => R.value.find((l) => l.id === k.value) || null), re = ye(() => x.value.map((l) => {
+    const d = l.type === "file" || l.fileUrl || l.fileName, g = l.fileName || l.msgContent;
     return {
-      text: a.msgContent,
-      isSelf: a.sendUsername === o,
-      time: a.createTime,
-      sendUsername: a.sendUsername,
-      type: i ? "file" : "text",
-      fileType: ge(c) ? "image" : ye(c),
-      fileUrl: a.fileUrl || "",
-      fileName: c,
-      fileSize: a.fileSize || 0
+      text: l.msgContent,
+      isSelf: l.sendUsername === C,
+      time: l.createTime,
+      sendUsername: l.sendUsername,
+      type: d ? "file" : "text",
+      fileType: $e(g) ? "image" : ke(g),
+      fileUrl: l.fileUrl || "",
+      fileName: g,
+      fileSize: l.fileSize || 0
     };
-  })), P = (a) => We(a).format("HH:mm"), he = (a) => {
-    if (!a) return "";
-    const i = We(), c = We(a);
-    return i.isSame(c, "day") ? c.format("HH:mm") : i.diff(c, "day") === 1 ? "昨天" : i.diff(c, "day") < 7 ? ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][c.day()] : c.format("MM/DD");
-  }, ge = (a) => {
-    if (!a) return !1;
-    const i = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"], c = a.split(".").pop().toLowerCase();
-    return i.includes(c);
-  }, ye = (a) => {
-    if (!a) return "default";
-    const i = a.split(".").pop().toLowerCase();
-    return ["xls", "xlsx"].includes(i) ? "excel" : ["pdf"].includes(i) ? "pdf" : ["doc", "docx"].includes(i) ? "docx" : "default";
-  }, O = () => {
-    Ne(() => {
-      R.value && (R.value.scrollTop = R.value.scrollHeight);
+  })), be = (l) => mt(l).format("HH:mm"), Ue = (l) => {
+    if (!l) return "";
+    const d = mt(), g = mt(l);
+    return d.isSame(g, "day") ? g.format("HH:mm") : d.diff(g, "day") === 1 ? "昨天" : d.diff(g, "day") < 7 ? ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][g.day()] : g.format("MM/DD");
+  }, $e = (l) => {
+    if (!l) return !1;
+    const d = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"], g = l.split(".").pop().toLowerCase();
+    return d.includes(g);
+  }, ke = (l) => {
+    if (!l) return "default";
+    const d = l.split(".").pop().toLowerCase();
+    return ["xls", "xlsx"].includes(d) ? "excel" : ["pdf"].includes(d) ? "pdf" : ["doc", "docx"].includes(d) ? "docx" : "default";
+  }, ce = () => {
+    Qe(() => {
+      G.value && (G.value.scrollTop = G.value.scrollHeight);
     });
-  }, K = async () => {
+  }, de = async () => {
     try {
-      const i = (await e.getFriends(o)).data || [];
-      w.value = i, U.value = i.filter((c) => c.isChatting === 1);
-      for (const c of U.value)
+      const d = (await a.getFriends(C)).data || [];
+      L.value = d, H.value = d.filter((g) => g.isChatting === 1);
+      for (const g of H.value)
         try {
-          const se = (await e.getHistory(o, c.username)).data || [];
-          c.unReadNum = se.filter(
-            (ee) => ee.isRead === 0 && ee.sendUsername === c.username
+          const le = (await a.getHistory(C, g.username)).data || [];
+          g.unReadNum = le.filter(
+            (E) => E.isRead === 0 && E.sendUsername === g.username
           ).length;
         } catch {
-          c.unReadNum = 0;
+          g.unReadNum = 0;
         }
-    } catch (a) {
-      console.error("[VueChatKit] 获取好友列表失败", a);
+    } catch (l) {
+      console.error("[VueChatKit] 获取好友列表失败", l);
     }
-  }, oe = async (a) => {
+  }, we = async (l) => {
     try {
-      const i = await e.getHistory(o, a);
-      V.value = i.data || [], O();
-    } catch (i) {
-      console.error("[VueChatKit] 获取聊天历史失败", i);
+      const d = await a.getHistory(C, l);
+      x.value = d.data || [], ce();
+    } catch (d) {
+      console.error("[VueChatKit] 获取聊天历史失败", d);
     }
-  }, He = async (a) => {
+  }, Te = async (l) => {
     try {
-      await e.setRead(o, a), K();
-    } catch (i) {
-      console.error("[VueChatKit] 标记已读失败", i);
+      await a.setRead(C, l), de();
+    } catch (d) {
+      console.error("[VueChatKit] 标记已读失败", d);
     }
-  }, xe = async (a) => {
-    m.value = a.id, await oe(a.id), await He(a.id), O();
-  }, Ae = async (a, i = 1) => {
+  }, Me = async (l) => {
+    k.value = l.id, await we(l.id), await Te(l.id), ce();
+  }, Fe = async (l, d = 1) => {
     try {
-      return await e.setChatStatus(o, a, i), await K(), !0;
-    } catch (c) {
-      return console.error("[VueChatKit] 设置聊天状态失败", c), !1;
+      return await a.setChatStatus(C, l, d), await de(), !0;
+    } catch (g) {
+      return console.error("[VueChatKit] 设置聊天状态失败", g), !1;
     }
-  }, _e = () => {
-    if (!C.value.trim() || !m.value || !s) return;
-    if (s.send(m.value, C.value.trim(), "text")) {
-      const i = {
-        msgContent: C.value.trim(),
-        sendUsername: o,
-        receiveUsername: m.value,
+  }, Ie = () => {
+    if (!z.value.trim() || !k.value || !m) return;
+    if (m.send(k.value, z.value.trim(), "text")) {
+      const d = {
+        msgContent: z.value.trim(),
+        sendUsername: C,
+        receiveUsername: k.value,
         createTime: /* @__PURE__ */ new Date(),
         isRead: 0,
         type: "text"
       };
-      V.value.push(i), C.value = "", O(), setTimeout(() => {
-        oe(m.value), K();
+      x.value.push(d), z.value = "", ce(), setTimeout(() => {
+        we(k.value), de();
       }, 300);
     }
-  }, be = async (a) => {
-    if (!m.value || !s) return !1;
+  }, xe = async (l) => {
+    if (!k.value || !m) return !1;
     try {
-      const i = await e.uploadFile(a);
-      if (i.code === 200 && i.data) {
-        const { fileUrl: c, fileName: S } = i.data;
-        if (s.send(
-          m.value,
-          S,
+      const d = await a.uploadFile(l);
+      if (d.code === 200 && d.data) {
+        const { fileUrl: g, fileName: A } = d.data;
+        if (m.send(
+          k.value,
+          A,
           "file",
-          c,
-          S,
-          a.size
+          g,
+          A,
+          l.size
         )) {
-          const ee = {
-            msgContent: S,
-            sendUsername: o,
-            receiveUsername: m.value,
+          const E = {
+            msgContent: A,
+            sendUsername: C,
+            receiveUsername: k.value,
             createTime: /* @__PURE__ */ new Date(),
             isRead: 0,
             type: "file",
-            fileUrl: c,
-            fileName: S,
-            fileSize: a.size
+            fileUrl: g,
+            fileName: A,
+            fileSize: l.size
           };
-          return V.value.push(ee), O(), !0;
+          return x.value.push(E), ce(), !0;
         }
       }
       return !1;
-    } catch (i) {
-      return console.error("[VueChatKit] 发送文件失败", i), !1;
+    } catch (d) {
+      return console.error("[VueChatKit] 发送文件失败", d), !1;
     }
-  }, Ce = async (a, i) => {
-    if (!(!m.value || !s)) {
-      if (i && i.trim() && s.send(m.value, i.trim(), "text")) {
-        const S = {
-          msgContent: i.trim(),
-          sendUsername: o,
-          receiveUsername: m.value,
+  }, De = async (l, d) => {
+    if (!(!k.value || !m)) {
+      if (d && d.trim() && m.send(k.value, d.trim(), "text")) {
+        const A = {
+          msgContent: d.trim(),
+          sendUsername: C,
+          receiveUsername: k.value,
           createTime: /* @__PURE__ */ new Date(),
           isRead: 0,
           type: "text"
         };
-        V.value.push(S);
+        x.value.push(A);
       }
-      for (const c of a) {
-        const S = c.file || c;
-        await be(S);
+      for (const g of l) {
+        const A = g.file || g;
+        await xe(A);
       }
       setTimeout(() => {
-        oe(m.value), K();
+        we(k.value), de();
       }, 300);
     }
-  }, Se = (a) => {
+  }, Ee = (l) => {
     try {
       try {
-        const c = JSON.parse(a);
-        if (c.to || c.msg)
+        const g = JSON.parse(l);
+        if (g.to || g.msg)
           return {
-            to: c.to,
-            content: c.msg,
-            type: c.type || "text",
-            fileUrl: c.fileUrl || "",
-            fileName: c.fileName || "",
-            fileSize: c.fileSize || 0
+            to: g.to,
+            content: g.msg,
+            type: g.type || "text",
+            fileUrl: g.fileUrl || "",
+            fileName: g.fileName || "",
+            fileSize: g.fileSize || 0
           };
       } catch {
       }
-      const i = a.match(/^\[(.+?)\]：(.+)$/);
-      if (i)
+      const d = l.match(/^\[(.+?)\]：(.+)$/);
+      if (d)
         return {
-          username: i[1],
-          content: i[2],
+          username: d[1],
+          content: d[2],
           type: "text"
         };
-    } catch (i) {
-      console.error("[VueChatKit] 解析消息失败", i);
+    } catch (d) {
+      console.error("[VueChatKit] 解析消息失败", d);
     }
     return null;
-  }, Ve = (a) => {
-    if (a.includes("【状态变更】")) {
-      const c = /【状态变更】(.+?) 已(上线|下线)/, S = a.match(c);
-      if (S) {
-        const se = S[1], ee = S[2] === "上线", ve = w.value.find((B) => B.username === se);
-        ve && (ve.online = ee);
+  }, qe = (l) => {
+    if (l.includes("【状态变更】")) {
+      const g = /【状态变更】(.+?) 已(上线|下线)/, A = l.match(g);
+      if (A) {
+        const le = A[1], E = A[2] === "上线", q = L.value.find((pe) => pe.username === le);
+        q && (q.online = E);
       }
       return;
     }
-    const i = Se(a);
-    if (i) {
-      if (m.value) {
+    const d = Ee(l);
+    if (d) {
+      const g = {
+        content: d.content,
+        username: d.username || k.value,
+        type: d.type || "text",
+        fileUrl: d.fileUrl || "",
+        fileName: d.fileName || "",
+        fileSize: d.fileSize || 0,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      if (k.value) {
         try {
-          let c = {
-            msgContent: i.content,
-            sendUsername: i.username || m.value,
-            receiveUsername: o,
+          let A = {
+            msgContent: d.content,
+            sendUsername: g.username,
+            receiveUsername: C,
             createTime: /* @__PURE__ */ new Date(),
             isRead: 0,
-            type: i.type || "text",
-            fileUrl: i.fileUrl || "",
-            fileName: i.fileName || "",
-            fileSize: i.fileSize || 0
+            type: d.type || "text",
+            fileUrl: d.fileUrl || "",
+            fileName: d.fileName || "",
+            fileSize: d.fileSize || 0
           };
-          V.value.push(c), O();
-        } catch (c) {
-          console.error("[VueChatKit] 添加临时消息失败", c);
+          x.value.push(A), ce();
+        } catch (A) {
+          console.error("[VueChatKit] 添加临时消息失败", A);
         }
-        oe(m.value);
+        we(k.value);
       }
-      K();
+      de(), t && typeof t == "function" && t(g);
     }
-  }, Fe = () => {
-    const a = `${y.api.websocketUrl}?userId=${o}`;
-    s = new Dt(o, {
-      wsUrl: a,
-      maxReconnectAttempts: y.websocket.maxReconnectAttempts,
-      reconnectDelay: y.websocket.reconnectDelay
-    }), s.on("message", Ve), s.connect();
-  }, Re = () => {
-    s && (s.close(), s = null);
-  }, Ie = async () => {
-    N.value = !0, G.value = "", await Le();
-  }, Le = async () => {
-    Q.value = !0;
+  }, We = () => {
+    const l = `${w.api.websocketUrl}?userId=${C}`;
+    m = new Et(C, {
+      wsUrl: l,
+      maxReconnectAttempts: w.websocket.maxReconnectAttempts,
+      reconnectDelay: w.websocket.reconnectDelay
+    }), m.on("message", qe), m.connect();
+  }, Be = () => {
+    m && (m.close(), m = null);
+  }, Ke = async () => {
+    fe.value = !0, oe.value = "", await ve();
+  }, ve = async () => {
+    ne.value = !0;
     try {
-      const a = await e.getAvailableUsers(o);
-      J.value = (a == null ? void 0 : a.data) || [];
-    } catch (a) {
-      console.error("[VueChatKit] 获取可用用户失败", a);
+      const l = await a.getAvailableUsers(C);
+      Q.value = (l == null ? void 0 : l.data) || [];
+    } catch (l) {
+      console.error("[VueChatKit] 获取可用用户失败", l);
     } finally {
-      Q.value = !1;
+      ne.value = !1;
     }
-  }, Te = async (a) => {
+  }, ee = async (l) => {
     try {
-      await e.addFriend(o, a.username), await K(), N.value = !1;
-    } catch (i) {
-      console.error("[VueChatKit] 添加好友失败", i);
+      await a.addFriend(C, l.username), await de(), fe.value = !1;
+    } catch (d) {
+      console.error("[VueChatKit] 添加好友失败", d);
     }
-  }, Z = async () => {
-    te.value = !0;
+  }, W = async () => {
+    $.value = !0;
     try {
-      const a = await e.getApplyList(o);
-      le.value = a.data || [];
-    } catch (a) {
-      console.error("[VueChatKit] 获取好友申请列表失败", a);
+      const l = await a.getApplyList(C);
+      _e.value = l.data || [];
+    } catch (l) {
+      console.error("[VueChatKit] 获取好友申请列表失败", l);
     } finally {
-      te.value = !1;
+      $.value = !1;
     }
-  }, de = async (a) => {
+  }, F = async (l) => {
     try {
-      await e.agreeFriend(a, o), await Z(), await K();
-    } catch (i) {
-      console.error("[VueChatKit] 同意好友申请失败", i);
+      await a.agreeFriend(l, C), await W(), await de();
+    } catch (d) {
+      console.error("[VueChatKit] 同意好友申请失败", d);
     }
-  }, D = async () => {
+  }, O = async () => {
     try {
-      const a = await e.getUserAvatar(o);
-      a.code === 200 && a.data && (F.value = a.data);
-    } catch (a) {
-      console.warn("[VueChatKit] 加载头像失败", a);
+      const l = await a.getUserAvatar(C);
+      l.code === 200 && l.data && (N.value = l.data);
+    } catch (l) {
+      console.warn("[VueChatKit] 加载头像失败", l);
     }
-  }, M = (a) => {
-    F.value = a;
-  }, ue = async () => {
-    z.value = !0;
+  }, j = (l) => {
+    N.value = l;
+  }, D = async () => {
+    T.value = !0;
     try {
-      const a = await e.getUserInfo(o);
-      a.code === 200 && a.data && (T.value = {
-        ...T.value,
-        ...a.data
+      const l = await a.getUserInfo(C);
+      l.code === 200 && l.data && (I.value = {
+        ...I.value,
+        ...l.data
       });
-    } catch (a) {
-      console.error("[VueChatKit] 获取用户信息失败", a);
+    } catch (l) {
+      console.error("[VueChatKit] 获取用户信息失败", l);
     } finally {
-      z.value = !1;
+      T.value = !1;
     }
-  }, H = async (a) => {
+  }, X = async (l) => {
     try {
-      return (await e.updateUserInfo(o, a)).code === 200 ? (T.value = {
-        ...T.value,
-        ...a
+      return (await a.updateUserInfo(C, l)).code === 200 ? (I.value = {
+        ...I.value,
+        ...l
       }, !0) : !1;
-    } catch (i) {
-      return console.error("[VueChatKit] 更新用户信息失败", i), !1;
+    } catch (d) {
+      return console.error("[VueChatKit] 更新用户信息失败", d), !1;
     }
-  }, W = () => {
-    m.value = "", V.value = [], C.value = "", _.value = "";
+  }, ge = () => {
+    k.value = "", x.value = [], z.value = "", S.value = "";
   };
-  return D(), {
+  return O(), {
     // 状态
-    myUsername: o,
-    myAvatar: F,
-    userInfo: T,
-    loadingUserInfo: z,
-    friendList: w,
-    chatList: U,
-    filteredFriendList: x,
-    chatMsgList: V,
-    currentSelectName: m,
-    searchText: _,
-    inputText: C,
-    messagesContainer: R,
-    filteredUsers: g,
-    filteredAvailableUsers: A,
-    currentUser: E,
-    currentMessages: ie,
-    addFriendDialogVisible: N,
-    addFriendSearchText: G,
-    availableUsers: J,
-    loadingAvailableUsers: Q,
-    friendApplyList: le,
-    loadingFriendApply: te,
+    myUsername: C,
+    myAvatar: N,
+    userInfo: I,
+    loadingUserInfo: T,
+    friendList: L,
+    chatList: H,
+    filteredFriendList: M,
+    chatMsgList: x,
+    currentSelectName: k,
+    searchText: S,
+    inputText: z,
+    messagesContainer: G,
+    filteredUsers: R,
+    filteredAvailableUsers: Z,
+    currentUser: he,
+    currentMessages: re,
+    addFriendDialogVisible: fe,
+    addFriendSearchText: oe,
+    availableUsers: Q,
+    loadingAvailableUsers: ne,
+    friendApplyList: _e,
+    loadingFriendApply: $,
     // 方法
-    formatTime: P,
-    formatLastTime: he,
-    scrollToBottom: O,
-    getFriendList: K,
-    getChatHistory: oe,
-    setFriendToChatStatus: Ae,
-    selectUser: xe,
-    sendMessage: _e,
-    sendFile: be,
-    sendFilesAndText: Ce,
-    initWebSocket: Fe,
-    closeWebSocket: Re,
-    reset: W,
-    openAddFriendDialog: Ie,
-    addFriend: Te,
-    loadFriendApplyList: Z,
-    agreeFriend: de,
-    updateMyAvatar: M,
-    getUserInfo: ue,
-    updateUserInfo: H
+    formatTime: be,
+    formatLastTime: Ue,
+    scrollToBottom: ce,
+    getFriendList: de,
+    getChatHistory: we,
+    setFriendToChatStatus: Fe,
+    selectUser: Me,
+    sendMessage: Ie,
+    sendFile: xe,
+    sendFilesAndText: De,
+    initWebSocket: We,
+    closeWebSocket: Be,
+    reset: ge,
+    openAddFriendDialog: Ke,
+    addFriend: ee,
+    loadFriendApplyList: W,
+    agreeFriend: F,
+    updateMyAvatar: j,
+    getUserInfo: D,
+    updateUserInfo: X
   };
 }
-const et = (y, e) => {
-  const s = y.__vccOpts || y;
-  for (const [o, F] of e)
-    s[o] = F;
-  return s;
-}, Kt = { class: "avatar-crop-container" }, Wt = ["src"], Bt = { class: "crop-overlay" }, Nt = { class: "crop-box" }, Ht = {
+const ht = (w, t) => {
+  const a = w.__vccOpts || w;
+  for (const [m, C] of t)
+    a[m] = C;
+  return a;
+}, Wt = { class: "avatar-crop-container" }, Bt = ["src"], Kt = { class: "crop-overlay" }, Pt = { class: "crop-box" }, Nt = {
   key: 0,
   class: "crop-mask"
-}, qt = { class: "zoom-controls" }, Pt = {
+}, Ht = { class: "zoom-controls" }, Ot = {
   __name: "AvatarCrop",
   props: {
     modelValue: { type: Boolean, default: !1 },
     src: { type: String, default: "" }
   },
   emits: ["update:modelValue", "confirm"],
-  setup(y, { emit: e }) {
-    const s = y, o = e, F = re({
-      get: () => s.modelValue,
-      set: (g) => o("update:modelValue", g)
-    }), T = f(""), z = f(null), w = f(null), U = f(null), V = f(1), m = f({ x: 0, y: 0 }), _ = f(!1), C = f({ x: 0, y: 0 }), R = f({ width: 0, height: 0 });
-    yt(() => s.src, (g) => {
-      g && (T.value = g, V.value = 1, m.value = { x: 0, y: 0 });
+  setup(w, { emit: t }) {
+    const a = w, m = t, C = ye({
+      get: () => a.modelValue,
+      set: ($) => m("update:modelValue", $)
+    }), N = h(""), I = h(null), T = h(null), L = h(null), H = h(1), x = h({ x: 0, y: 0 }), k = h(!1), S = h({ x: 0, y: 0 }), z = h({ width: 0, height: 0 });
+    Dt(() => a.src, ($) => {
+      $ && (N.value = $, H.value = 1, x.value = { x: 0, y: 0 });
     });
-    const N = () => {
-      Ne(() => {
-        if (z.value && w.value) {
-          const g = z.value, x = w.value, A = Math.min(x.clientWidth, x.clientHeight);
-          g.naturalWidth > g.naturalHeight ? (R.value.height = A, R.value.width = g.naturalWidth / g.naturalHeight * A) : (R.value.width = A, R.value.height = g.naturalHeight / g.naturalWidth * A), m.value = {
-            x: (A - R.value.width) / 2,
-            y: (A - R.value.height) / 2
+    const G = () => {
+      Qe(() => {
+        if (I.value && T.value) {
+          const $ = I.value, R = T.value, M = Math.min(R.clientWidth, R.clientHeight);
+          $.naturalWidth > $.naturalHeight ? (z.value.height = M, z.value.width = $.naturalWidth / $.naturalHeight * M) : (z.value.width = M, z.value.height = $.naturalHeight / $.naturalWidth * M), x.value = {
+            x: (M - z.value.width) / 2,
+            y: (M - z.value.height) / 2
           };
         }
       });
-    }, G = (g) => {
-      _.value = !0;
-      const x = g.touches ? g.touches[0].clientX : g.clientX, A = g.touches ? g.touches[0].clientY : g.clientY;
-      C.value = { x: x - m.value.x, y: A - m.value.y }, document.addEventListener("mousemove", J), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", J), document.addEventListener("touchend", Q);
-    }, J = (g) => {
-      if (!_.value) return;
-      const x = g.touches ? g.touches[0].clientX : g.clientX, A = g.touches ? g.touches[0].clientY : g.clientY;
-      m.value = {
-        x: x - C.value.x,
-        y: A - C.value.y
+    }, fe = ($) => {
+      k.value = !0;
+      const R = $.touches ? $.touches[0].clientX : $.clientX, M = $.touches ? $.touches[0].clientY : $.clientY;
+      S.value = { x: R - x.value.x, y: M - x.value.y }, document.addEventListener("mousemove", oe), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", oe), document.addEventListener("touchend", Q);
+    }, oe = ($) => {
+      if (!k.value) return;
+      const R = $.touches ? $.touches[0].clientX : $.clientX, M = $.touches ? $.touches[0].clientY : $.clientY;
+      x.value = {
+        x: R - S.value.x,
+        y: M - S.value.y
       };
     }, Q = () => {
-      _.value = !1, document.removeEventListener("mousemove", J), document.removeEventListener("mouseup", Q), document.removeEventListener("touchmove", J), document.removeEventListener("touchend", Q);
-    }, le = () => {
-      const g = document.createElement("canvas"), x = g.getContext("2d"), A = 200;
-      g.width = A, g.height = A;
-      const E = z.value, ie = U.value, P = w.value;
-      if (E && ie && P) {
-        const he = ie.getBoundingClientRect(), ge = P.getBoundingClientRect(), ye = (he.left - ge.left - m.value.x) / V.value, O = (he.top - ge.top - m.value.y) / V.value, K = he.width / V.value;
-        x.drawImage(
-          E,
-          ye * (E.naturalWidth / R.value.width),
-          O * (E.naturalHeight / R.value.height),
-          K * (E.naturalWidth / R.value.width),
-          K * (E.naturalHeight / R.value.height),
+      k.value = !1, document.removeEventListener("mousemove", oe), document.removeEventListener("mouseup", Q), document.removeEventListener("touchmove", oe), document.removeEventListener("touchend", Q);
+    }, ne = () => {
+      const $ = document.createElement("canvas"), R = $.getContext("2d"), M = 200;
+      $.width = M, $.height = M;
+      const Z = I.value, he = L.value, re = T.value;
+      if (Z && he && re) {
+        const be = he.getBoundingClientRect(), Ue = re.getBoundingClientRect(), $e = (be.left - Ue.left - x.value.x) / H.value, ke = (be.top - Ue.top - x.value.y) / H.value, ce = be.width / H.value;
+        R.drawImage(
+          Z,
+          $e * (Z.naturalWidth / z.value.width),
+          ke * (Z.naturalHeight / z.value.height),
+          ce * (Z.naturalWidth / z.value.width),
+          ce * (Z.naturalHeight / z.value.height),
           0,
           0,
-          A,
-          A
-        ), g.toBlob((oe) => {
-          o("confirm", { file: oe, url: g.toDataURL("image/png") }), F.value = !1;
+          M,
+          M
+        ), $.toBlob((de) => {
+          m("confirm", { file: de, url: $.toDataURL("image/png") }), C.value = !1;
         }, "image/png");
       }
-    }, te = () => {
-      T.value = "", V.value = 1, m.value = { x: 0, y: 0 };
+    }, _e = () => {
+      N.value = "", H.value = 1, x.value = { x: 0, y: 0 };
     };
-    return (g, x) => {
-      const A = ce("el-slider"), E = ce("el-button"), ie = ce("el-dialog");
-      return r(), q(ie, {
-        modelValue: F.value,
-        "onUpdate:modelValue": x[2] || (x[2] = (P) => F.value = P),
+    return ($, R) => {
+      const M = ie("el-slider"), Z = ie("el-button"), he = ie("el-dialog");
+      return n(), B(he, {
+        modelValue: C.value,
+        "onUpdate:modelValue": R[2] || (R[2] = (re) => C.value = re),
         title: "裁剪头像",
         width: "500px",
         "close-on-click-modal": !1,
-        onClosed: te
+        onClosed: _e
       }, {
         footer: b(() => [
-          p(E, {
-            onClick: x[1] || (x[1] = (P) => F.value = !1)
+          p(Z, {
+            onClick: R[1] || (R[1] = (re) => C.value = !1)
           }, {
-            default: b(() => [...x[3] || (x[3] = [
-              ne("取消", -1)
+            default: b(() => [...R[3] || (R[3] = [
+              J("取消", -1)
             ])]),
             _: 1
           }),
-          p(E, {
+          p(Z, {
             type: "primary",
-            onClick: le
+            onClick: ne
           }, {
-            default: b(() => [...x[4] || (x[4] = [
-              ne("确定", -1)
+            default: b(() => [...R[4] || (R[4] = [
+              J("确定", -1)
             ])]),
             _: 1
           })
         ]),
         default: b(() => [
-          t("div", Kt, [
-            t("div", {
+          e("div", Wt, [
+            e("div", {
               class: "crop-area",
               ref_key: "cropAreaRef",
-              ref: w
+              ref: T
             }, [
-              t("img", {
-                src: T.value,
+              e("img", {
+                src: N.value,
                 ref_key: "imageRef",
-                ref: z,
+                ref: I,
                 class: "crop-image",
-                onLoad: N,
-                onMousedown: G,
-                onTouchstart: G
-              }, null, 40, Wt),
-              t("div", Bt, [
-                t("div", Nt, [
-                  t("div", {
+                onLoad: G,
+                onMousedown: fe,
+                onTouchstart: fe
+              }, null, 40, Bt),
+              e("div", Kt, [
+                e("div", Pt, [
+                  e("div", {
                     class: "crop-border",
                     ref_key: "cropBoxRef",
-                    ref: U
+                    ref: L
                   }, null, 512)
                 ])
               ]),
-              _.value ? (r(), v("div", Ht)) : I("", !0)
+              k.value ? (n(), v("div", Nt)) : U("", !0)
             ], 512),
-            t("div", qt, [
-              p(A, {
-                modelValue: V.value,
-                "onUpdate:modelValue": x[0] || (x[0] = (P) => V.value = P),
+            e("div", Ht, [
+              p(M, {
+                modelValue: H.value,
+                "onUpdate:modelValue": R[0] || (R[0] = (re) => H.value = re),
                 min: 0.5,
                 max: 3,
                 step: 0.1,
@@ -848,61 +863,969 @@ const et = (y, e) => {
       }, 8, ["modelValue"]);
     };
   }
-}, Ot = /* @__PURE__ */ et(Pt, [["__scopeId", "data-v-4e4a992b"]]), jt = { class: "chat-container" }, Xt = { class: "sidebar-nav" }, Yt = ["src"], Gt = ["onClick"], Jt = {
+}, Tt = /* @__PURE__ */ ht(Ot, [["__scopeId", "data-v-4e4a992b"]]), jt = { class: "chat-panel" }, Xt = { class: "chat-sidebar" }, Yt = ["src"], Gt = ["onClick"], Jt = {
+  key: 0,
+  class: "sidebar-nav-badge"
+}, Qt = { class: "chat-content-panel" }, Zt = { class: "chat-search-bar" }, es = { class: "chat-content-scroll" }, ts = { key: 0 }, ss = ["onClick", "onContextmenu"], as = { class: "chat-list-avatar-wrapper" }, ns = ["src", "alt"], ls = {
+  key: 0,
+  class: "chat-list-online-indicator"
+}, is = { class: "chat-list-info" }, os = { class: "chat-list-header" }, rs = { class: "chat-list-name" }, cs = { class: "chat-list-time" }, ds = { class: "chat-list-preview" }, us = { class: "chat-list-last-msg" }, vs = {
+  key: 0,
+  class: "chat-list-unread"
+}, ps = { key: 1 }, ms = { class: "add-friend-section" }, fs = { class: "add-friend-icon" }, hs = ["onClick"], gs = { class: "chat-list-avatar-wrapper" }, _s = ["src", "alt"], ys = { class: "chat-list-info" }, bs = { class: "chat-list-name" }, ks = { key: 2 }, ws = { class: "friend-request-info" }, Cs = ["src", "alt"], Us = { class: "friend-request-details" }, $s = { class: "friend-request-username" }, xs = { class: "chat-main-area" }, As = {
+  key: 0,
+  class: "friend-profile-area"
+}, Vs = ["src", "alt"], Ss = { class: "profile-name" }, Fs = { class: "profile-status" }, Is = {
+  key: 1,
+  class: "chat-window-area"
+}, zs = { class: "chat-window-header" }, Rs = { class: "chat-window-title" }, Ls = { class: "chat-window-name" }, Ts = { class: "chat-window-actions" }, Ms = { class: "message-avatar" }, Ds = ["src"], Es = {
+  key: 0,
+  class: "message-sender-name"
+}, qs = { class: "message-bubble-wrapper" }, Ws = ["onClick"], Bs = ["src", "alt"], Ks = {
+  key: 0,
+  class: "message-image-size"
+}, Ps = ["onClick"], Ns = { class: "message-file-content" }, Hs = { class: "message-file-icon" }, Os = { class: "message-file-info" }, js = { class: "message-file-name" }, Xs = { class: "message-file-meta" }, Ys = { key: 0 }, Gs = { class: "chat-input-area" }, Js = {
+  key: 0,
+  class: "pending-files-area"
+}, Qs = {
+  key: 0,
+  class: "pending-image-wrapper"
+}, Zs = ["src", "alt"], ea = ["onClick"], ta = {
+  key: 1,
+  class: "pending-file-wrapper"
+}, sa = { class: "pending-file-name" }, aa = ["onClick"], na = {
+  key: 1,
+  class: "input-toolbar"
+}, la = { class: "input-textarea-wrapper" }, ia = ["onKeydown"], oa = { class: "input-send-wrapper" }, ra = {
+  key: 2,
+  class: "chat-empty-state"
+}, ca = { class: "empty-state-text" }, da = {
+  key: 0,
+  class: "chat-detail-panel"
+}, ua = { class: "chat-detail-content" }, va = { class: "chat-detail-profile" }, pa = ["src", "alt"], ma = { class: "chat-detail-name" }, fa = { class: "add-friend-search-wrapper" }, ha = { class: "add-friend-users-list" }, ga = { class: "add-friend-user-info" }, _a = ["src", "alt"], ya = { class: "add-friend-user-name" }, ba = { class: "chat-settings-container" }, ka = { class: "chat-settings-avatar-section" }, wa = { class: "chat-settings-avatar-wrapper" }, Ca = ["src"], Ua = { class: "chat-settings-user-display" }, $a = { class: "chat-settings-nickname" }, xa = { class: "chat-settings-username" }, Aa = { class: "chat-settings-form-section" }, Va = { class: "chat-settings-form-header" }, Sa = { class: "chat-settings-form-title" }, Fa = { class: "chat-settings-form" }, Ia = { class: "chat-settings-form-item" }, za = {
+  key: 1,
+  class: "chat-settings-form-value"
+}, Ra = { class: "chat-settings-form-item" }, La = {
+  key: 1,
+  class: "chat-settings-form-value"
+}, Ta = { class: "chat-settings-form-item" }, Ma = {
+  key: 1,
+  class: "chat-settings-form-value"
+}, Da = { class: "chat-settings-form-item" }, Ea = {
+  key: 1,
+  class: "chat-settings-form-value bio-value"
+}, qa = {
+  key: 0,
+  class: "chat-settings-form-actions"
+}, Wa = {
+  __name: "ChatPanel",
+  props: {
+    config: { type: Object, required: !0 }
+  },
+  emits: ["message", "send", "error", "init"],
+  setup(w, { emit: t }) {
+    const a = w, m = t, {
+      myUsername: C,
+      myAvatar: N,
+      userInfo: I,
+      loadingUserInfo: T,
+      friendList: L,
+      filteredFriendList: H,
+      searchText: x,
+      inputText: k,
+      messagesContainer: S,
+      filteredUsers: z,
+      filteredAvailableUsers: G,
+      currentUser: fe,
+      currentMessages: oe,
+      addFriendDialogVisible: Q,
+      addFriendSearchText: ne,
+      availableUsers: _e,
+      loadingAvailableUsers: $,
+      friendApplyList: R,
+      loadingFriendApply: M,
+      formatTime: Z,
+      formatLastTime: he,
+      scrollToBottom: re,
+      getFriendList: be,
+      getChatHistory: Ue,
+      setFriendToChatStatus: $e,
+      selectUser: ke,
+      sendMessage: ce,
+      sendFile: de,
+      sendFilesAndText: we,
+      initWebSocket: Te,
+      closeWebSocket: Me,
+      reset: Fe,
+      openAddFriendDialog: Ie,
+      addFriend: xe,
+      loadFriendApplyList: De,
+      agreeFriend: Ee,
+      updateMyAvatar: qe,
+      getUserInfo: We,
+      updateUserInfo: Be
+    } = Lt(a.config, (f) => {
+      m("message", f);
+    }), Ke = ye(() => {
+      var r;
+      const f = [{ id: "chat", icon: Re, badge: 0 }];
+      return a.config.modules.friends && f.push({ id: "friends", icon: Ge, badge: 0 }), a.config.modules.apply && f.push({ id: "apply", icon: Ut, badge: ((r = R.value) == null ? void 0 : r.length) || 0 }), f;
+    }), ve = h("chat"), ee = h(null), W = h(null), F = h(null), O = h(!1), j = h(!1), D = h({ nickname: "", email: "", phone: "", bio: "" }), X = h(!1), ge = h(!1), l = h(!1), d = h(!1), g = h(null), A = h(""), le = h(null), E = h([]), q = h({ visible: !1, x: 0, y: 0, chat: null }), pe = (f, r) => {
+      f.preventDefault(), f.stopPropagation(), q.value = { visible: !0, x: f.clientX, y: f.clientY, chat: r };
+    }, Ae = () => {
+      q.value.visible = !1;
+    }, Ze = async () => {
+      if (!q.value.chat) return;
+      await $e(q.value.chat.id, 0) && ee.value === q.value.chat.id && (ee.value = null, W.value = null), Ae();
+    }, Ve = (f) => {
+      ee.value = f.id, W.value = f, F.value = null, O.value = !1, ke({
+        id: f.id,
+        name: f.name,
+        avatar: f.avatar,
+        online: f.online
+      });
+    }, et = (f) => {
+      F.value = f, ee.value = null, W.value = null;
+    }, tt = async () => {
+      if (!F.value) return;
+      if (await $e(F.value.id)) {
+        ve.value = "chat", await Qe();
+        const r = z.value.find((u) => u.id === F.value.id);
+        r && Ve(r), F.value = null;
+      }
+    }, st = () => {
+      ge.value = !0;
+    }, at = () => {
+      var f;
+      (f = g.value) == null || f.click();
+    }, nt = () => {
+      var f;
+      (f = le.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) {
+            P.warning(`文件 ${u.name} 超过50MB，已跳过`);
+            continue;
+          }
+          const s = URL.createObjectURL(u);
+          E.value.push({
+            id: Date.now() + Math.random(),
+            file: u,
+            name: u.name,
+            size: u.size,
+            type: u.type,
+            previewUrl: s,
+            isImage: u.type.startsWith("image/")
+          });
+        }
+        le.value && (le.value.value = "");
+      }
+    }, Pe = (f) => {
+      const r = E.value[f];
+      r.previewUrl && URL.revokeObjectURL(r.previewUrl), E.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];
+    }, He = async () => {
+      if (!k.value.trim() && E.value.length === 0) return;
+      const f = [...E.value], r = k.value;
+      k.value = "", E.value.forEach((u) => {
+        u.previewUrl && URL.revokeObjectURL(u.previewUrl);
+      }), E.value = [], await we(f, r), m("send", { text: r, files: f });
+    }, it = (f) => {
+      var u;
+      const r = (u = f.clipboardData) == null ? void 0 : u.items;
+      if (r) {
+        for (const s of r)
+          if (s.kind === "file") {
+            const y = s.getAsFile();
+            if (y) {
+              if (y.size > 50 * 1024 * 1024) {
+                P.warning(`文件 ${y.name} 超过50MB，已跳过`);
+                continue;
+              }
+              const V = URL.createObjectURL(y);
+              E.value.push({
+                id: Date.now() + Math.random(),
+                file: y,
+                name: y.name,
+                size: y.size,
+                type: y.type,
+                previewUrl: V,
+                isImage: y.type.startsWith("image/")
+              });
+            }
+          }
+      }
+    }, Oe = (f) => {
+      if (!f) {
+        P.warning("文件地址无效");
+        return;
+      }
+      window.open(f, "_blank");
+    }, ot = (f) => {
+      console.warn("图片加载失败", f);
+    }, rt = (f) => {
+      const r = f.target.files[0];
+      if (!r) return;
+      if (!r.type.startsWith("image/")) {
+        P.error("只能上传图片文件");
+        return;
+      }
+      if (r.size > 5 * 1024 * 1024) {
+        P.error("图片大小不能超过 5MB");
+        return;
+      }
+      const u = new FileReader();
+      u.onload = (s) => {
+        A.value = s.target.result, l.value = !0;
+      }, u.readAsDataURL(r);
+    }, ct = async ({ file: f }) => {
+      if (f) {
+        d.value = !0;
+        try {
+          const { ChatApi: r } = await Promise.resolve().then(() => Rt), s = await new r(a.config).uploadAvatar(f, C);
+          s.code === 200 ? (P.success("头像上传成功"), qe(s.data), je()) : P.error(s.msg || "头像上传失败");
+        } catch (r) {
+          console.error(r), P.error("头像上传失败");
+        } finally {
+          d.value = !1;
+        }
+      }
+    }, je = () => {
+      A.value = "", l.value = !1, g.value && (g.value.value = "");
+    }, dt = () => {
+      D.value = {
+        nickname: I.value.nickname || "",
+        email: I.value.email || "",
+        phone: I.value.phone || "",
+        bio: I.value.bio || ""
+      }, j.value = !0;
+    }, ut = () => {
+      j.value = !1, D.value = { nickname: "", email: "", phone: "", bio: "" };
+    }, vt = async () => {
+      X.value = !0;
+      try {
+        await Be(D.value) ? (P.success("保存成功"), j.value = !1) : P.error("保存失败");
+      } catch (f) {
+        console.error(f), P.error("保存失败");
+      } finally {
+        X.value = !1;
+      }
+    };
+    return gt(async () => {
+      await Promise.all([be(), De(), We()]), Te(), z.value.length > 0 && Ve(z.value[0]), m("init"), document.addEventListener("click", Ae);
+    }), _t(() => {
+      Fe(), Me(), document.removeEventListener("click", Ae);
+    }), (f, r) => {
+      var ue, ze, Se;
+      const u = ie("el-icon"), s = ie("el-input"), y = ie("el-empty"), V = ie("el-button"), Y = ie("el-dialog");
+      return n(), v("div", jt, [
+        e("div", Xt, [
+          e("div", {
+            class: "sidebar-avatar",
+            onClick: st
+          }, [
+            e("img", {
+              src: c(N),
+              alt: "头像",
+              class: "sidebar-avatar-img"
+            }, null, 8, Yt)
+          ]),
+          (n(!0), v(se, null, ae(Ke.value, (o) => (n(), v("div", {
+            key: o.id,
+            class: K([
+              "sidebar-nav-item",
+              ve.value === o.id ? "sidebar-nav-item-active" : "sidebar-nav-item-inactive"
+            ]),
+            onClick: (te) => ve.value = o.id
+          }, [
+            p(u, { size: 24 }, {
+              default: b(() => [
+                (n(), B(yt(o.icon)))
+              ]),
+              _: 2
+            }, 1024),
+            o.badge ? (n(), v("span", Jt, _(o.badge > 99 ? "99+" : o.badge), 1)) : U("", !0)
+          ], 10, Gt))), 128)),
+          r[13] || (r[13] = e("div", { class: "sidebar-spacer" }, null, -1)),
+          w.config.modules.settings ? (n(), v("div", {
+            key: 0,
+            class: "sidebar-nav-item sidebar-nav-item-inactive",
+            onClick: r[0] || (r[0] = (o) => ge.value = !0),
+            title: "设置"
+          }, [
+            p(u, { size: 24 }, {
+              default: b(() => [
+                p(c($t))
+              ]),
+              _: 1
+            })
+          ])) : U("", !0)
+        ]),
+        e("div", Qt, [
+          e("div", Zt, [
+            p(s, {
+              modelValue: c(x),
+              "onUpdate:modelValue": r[1] || (r[1] = (o) => Ce(x) ? x.value = o : null),
+              placeholder: "搜索",
+              "prefix-icon": c(Le),
+              class: "chat-search-input"
+            }, null, 8, ["modelValue", "prefix-icon"])
+          ]),
+          e("div", es, [
+            ve.value === "chat" ? (n(), v("div", ts, [
+              (n(!0), v(se, null, ae(c(z), (o) => (n(), v("div", {
+                key: o.id,
+                class: K([
+                  "chat-list-item",
+                  ee.value === o.id ? "chat-list-item-active" : ""
+                ]),
+                onClick: (te) => Ve(o),
+                onContextmenu: Ye((te) => pe(te, o), ["prevent", "stop"])
+              }, [
+                e("div", as, [
+                  e("img", {
+                    src: o.avatar,
+                    alt: o.name,
+                    class: "chat-list-avatar"
+                  }, null, 8, ns),
+                  o.online ? (n(), v("span", ls)) : U("", !0)
+                ]),
+                e("div", is, [
+                  e("div", os, [
+                    e("span", rs, _(o.name), 1),
+                    e("span", cs, _(c(he)(o.lastTime)), 1)
+                  ]),
+                  e("div", ds, [
+                    e("span", us, _(o.lastMsg), 1),
+                    o.unread > 0 ? (n(), v("span", vs, _(o.unread > 99 ? "99+" : o.unread), 1)) : U("", !0)
+                  ])
+                ])
+              ], 42, ss))), 128))
+            ])) : U("", !0),
+            ve.value === "friends" && w.config.modules.friends ? (n(), v("div", ps, [
+              e("div", ms, [
+                e("div", {
+                  class: "add-friend-btn",
+                  onClick: r[2] || (r[2] = (...o) => c(Ie) && c(Ie)(...o))
+                }, [
+                  e("div", fs, [
+                    p(u, {
+                      class: "text-white",
+                      size: 20
+                    }, {
+                      default: b(() => [
+                        p(c(xt))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  r[14] || (r[14] = e("span", { class: "add-friend-text" }, "添加好友", -1))
+                ])
+              ]),
+              (n(!0), v(se, null, ae(c(H), (o) => (n(), v("div", {
+                key: o.id,
+                class: "chat-list-item",
+                onClick: (te) => et(o)
+              }, [
+                e("div", gs, [
+                  e("img", {
+                    src: o.avatar,
+                    alt: o.name,
+                    class: "chat-list-avatar"
+                  }, null, 8, _s),
+                  e("span", {
+                    class: K([
+                      "chat-list-online-indicator",
+                      o.online ? "chat-list-online" : "chat-list-offline"
+                    ])
+                  }, null, 2)
+                ]),
+                e("div", ys, [
+                  e("span", bs, _(o.name), 1)
+                ])
+              ], 8, hs))), 128))
+            ])) : U("", !0),
+            ve.value === "apply" && w.config.modules.apply ? (n(), v("div", ks, [
+              c(M) ? (n(), B(y, {
+                key: 0,
+                description: "加载中..."
+              })) : c(R).length === 0 ? (n(), B(y, {
+                key: 1,
+                description: "暂无好友申请"
+              })) : (n(!0), v(se, { key: 2 }, ae(c(R), (o) => (n(), v("div", {
+                key: o.applyUser || o.id,
+                class: "friend-request-item"
+              }, [
+                e("div", ws, [
+                  e("img", {
+                    src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${o.applyUser}`,
+                    alt: o.applyUser,
+                    class: "friend-request-avatar"
+                  }, null, 8, Cs),
+                  e("div", Us, [
+                    e("div", $s, _(o.applyUser), 1),
+                    r[15] || (r[15] = e("div", { class: "friend-request-desc" }, "请求添加你为好友", -1))
+                  ])
+                ]),
+                p(V, {
+                  type: "primary",
+                  size: "small",
+                  onClick: (te) => c(Ee)(o.applyUser)
+                }, {
+                  default: b(() => [...r[16] || (r[16] = [
+                    J("同意", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]))), 128))
+            ])) : U("", !0)
+          ])
+        ]),
+        e("div", xs, [
+          F.value && !W.value ? (n(), v("div", As, [
+            e("img", {
+              src: F.value.avatar,
+              alt: F.value.name,
+              class: "profile-avatar"
+            }, null, 8, Vs),
+            e("div", Ss, _(F.value.name), 1),
+            e("div", Fs, [
+              e("span", {
+                class: K([
+                  "profile-status-dot",
+                  F.value.online ? "profile-status-online" : "profile-status-offline"
+                ])
+              }, null, 2),
+              e("span", null, _(F.value.online ? "在线" : "离线"), 1)
+            ]),
+            p(V, {
+              type: "primary",
+              size: "large",
+              onClick: tt,
+              class: "profile-start-chat-btn"
+            }, {
+              default: b(() => [
+                p(u, null, {
+                  default: b(() => [
+                    p(c(Re))
+                  ]),
+                  _: 1
+                }),
+                r[17] || (r[17] = e("span", null, "发消息", -1))
+              ]),
+              _: 1
+            })
+          ])) : U("", !0),
+          W.value ? (n(), v("div", Is, [
+            e("div", zs, [
+              e("div", Rs, [
+                e("span", Ls, _(W.value.name), 1),
+                e("span", {
+                  class: K([
+                    "chat-window-status",
+                    W.value.online ? "chat-window-status-online" : "chat-window-status-offline"
+                  ])
+                }, _(W.value.online ? "在线" : "离线"), 3)
+              ]),
+              e("div", Ts, [
+                p(u, { class: "chat-action-icon" }, {
+                  default: b(() => [
+                    p(c(Le))
+                  ]),
+                  _: 1
+                }),
+                p(u, {
+                  class: "chat-action-icon",
+                  onClick: r[3] || (r[3] = (o) => O.value = !O.value)
+                }, {
+                  default: b(() => [
+                    p(c(At))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            e("div", {
+              ref_key: "messagesContainer",
+              ref: S,
+              class: "chat-messages-container"
+            }, [
+              (n(!0), v(se, null, ae(c(oe), (o, te) => (n(), v("div", {
+                key: te,
+                class: K([
+                  "message-wrapper",
+                  o.isSelf ? "message-self" : "message-other"
+                ])
+              }, [
+                e("div", Ms, [
+                  e("img", {
+                    src: o.isSelf ? c(N) : W.value.avatar,
+                    class: "message-avatar-img"
+                  }, null, 8, Ds)
+                ]),
+                e("div", {
+                  class: K([
+                    "message-content",
+                    o.isSelf ? "message-content-self" : "message-content-other"
+                  ])
+                }, [
+                  o.isSelf ? U("", !0) : (n(), v("div", Es, _(W.value.name), 1)),
+                  e("div", qs, [
+                    o.type === "text" ? (n(), v("div", {
+                      key: 0,
+                      class: K([
+                        "message-bubble",
+                        o.isSelf ? "message-bubble-self" : "message-bubble-other"
+                      ])
+                    }, _(o.text), 3)) : o.type === "file" && o.fileType === "image" ? (n(), v("div", {
+                      key: 1,
+                      class: K([
+                        "message-bubble",
+                        "message-image-bubble",
+                        o.isSelf ? "message-bubble-self" : "message-bubble-other"
+                      ]),
+                      onClick: (i) => Oe(o.fileUrl)
+                    }, [
+                      e("img", {
+                        src: o.fileUrl,
+                        alt: o.fileName,
+                        class: "message-image",
+                        onError: ot
+                      }, null, 40, Bs),
+                      o.fileSize ? (n(), v("div", Ks, _(Ne(o.fileSize)), 1)) : U("", !0)
+                    ], 10, Ws)) : o.type === "file" ? (n(), v("div", {
+                      key: 2,
+                      class: K([
+                        "message-bubble",
+                        "message-file-bubble",
+                        o.isSelf ? "message-bubble-self" : "message-bubble-other"
+                      ]),
+                      onClick: (i) => Oe(o.fileUrl)
+                    }, [
+                      e("div", Ns, [
+                        e("div", Hs, [
+                          p(u, { size: 28 }, {
+                            default: b(() => [
+                              p(c(Vt))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        e("div", Os, [
+                          e("div", js, _(o.fileName || o.text), 1),
+                          e("div", Xs, [
+                            p(u, { size: 12 }, {
+                              default: b(() => [
+                                p(c(St))
+                              ]),
+                              _: 1
+                            }),
+                            r[18] || (r[18] = e("span", null, "点击下载", -1)),
+                            o.fileSize ? (n(), v("span", Ys, "· " + _(Ne(o.fileSize)), 1)) : U("", !0)
+                          ])
+                        ])
+                      ])
+                    ], 10, Ps)) : U("", !0),
+                    e("div", {
+                      class: K([
+                        "message-time",
+                        o.isSelf ? "message-time-right" : "message-time-left"
+                      ])
+                    }, _(c(Z)(o.time)), 3)
+                  ])
+                ], 2)
+              ], 2))), 128))
+            ], 512),
+            e("div", Gs, [
+              E.value.length > 0 ? (n(), v("div", Js, [
+                (n(!0), v(se, null, ae(E.value, (o, te) => (n(), v("div", {
+                  key: o.id,
+                  class: "pending-file-item"
+                }, [
+                  o.isImage ? (n(), v("div", Qs, [
+                    e("img", {
+                      src: o.previewUrl,
+                      alt: o.name,
+                      class: "pending-image"
+                    }, null, 8, Zs),
+                    e("button", {
+                      onClick: (i) => Pe(te),
+                      class: "pending-file-remove-btn"
+                    }, " × ", 8, ea)
+                  ])) : (n(), v("div", ta, [
+                    p(u, { class: "pending-file-icon" }, {
+                      default: b(() => [
+                        p(c(Je))
+                      ]),
+                      _: 1
+                    }),
+                    e("span", sa, _(o.name), 1),
+                    e("button", {
+                      onClick: (i) => Pe(te),
+                      class: "pending-file-remove-btn"
+                    }, " × ", 8, aa)
+                  ]))
+                ]))), 128))
+              ])) : U("", !0),
+              w.config.modules.fileUpload ? (n(), v("div", na, [
+                p(u, { class: "input-toolbar-icon" }, {
+                  default: b(() => [
+                    p(c(Re))
+                  ]),
+                  _: 1
+                }),
+                p(u, {
+                  class: "input-toolbar-icon",
+                  onClick: nt
+                }, {
+                  default: b(() => [
+                    p(c(Je))
+                  ]),
+                  _: 1
+                }),
+                p(u, { class: "input-toolbar-icon" }, {
+                  default: b(() => [
+                    p(c(Ft))
+                  ]),
+                  _: 1
+                })
+              ])) : U("", !0),
+              e("div", la, [
+                bt(e("textarea", {
+                  "onUpdate:modelValue": r[4] || (r[4] = (o) => Ce(k) ? k.value = o : null),
+                  onKeydown: kt(Ye(He, ["prevent"]), ["enter"]),
+                  onPaste: it,
+                  placeholder: "输入消息或粘贴文件...",
+                  class: "message-input-textarea",
+                  rows: "3"
+                }, null, 40, ia), [
+                  [wt, c(k)]
+                ])
+              ]),
+              e("div", oa, [
+                p(V, {
+                  type: "primary",
+                  disabled: !c(k).trim() && E.value.length === 0,
+                  onClick: He,
+                  class: "send-message-btn"
+                }, {
+                  default: b(() => [...r[19] || (r[19] = [
+                    J(" 发送 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled"])
+              ]),
+              e("input", {
+                ref_key: "fileInputRef",
+                ref: le,
+                type: "file",
+                multiple: "",
+                class: "hidden-file-input",
+                onChange: lt
+              }, null, 544)
+            ])
+          ])) : F.value ? U("", !0) : (n(), v("div", ra, [
+            p(u, {
+              size: 64,
+              class: "empty-state-icon"
+            }, {
+              default: b(() => [
+                p(c(It))
+              ]),
+              _: 1
+            }),
+            e("div", ca, _(ve.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
+          ]))
+        ]),
+        O.value ? (n(), v("div", da, [
+          r[21] || (r[21] = e("div", { class: "chat-detail-header" }, "聊天详情", -1)),
+          e("div", ua, [
+            e("div", va, [
+              e("img", {
+                src: (ue = W.value) == null ? void 0 : ue.avatar,
+                alt: (ze = W.value) == null ? void 0 : ze.name,
+                class: "chat-detail-avatar"
+              }, null, 8, pa),
+              e("div", ma, _((Se = W.value) == null ? void 0 : Se.name), 1),
+              r[20] || (r[20] = e("div", { class: "chat-detail-actions" }, [
+                e("div", { class: "chat-detail-action-item" }, "查找聊天记录"),
+                e("div", { class: "chat-detail-action-item" }, "清空聊天记录")
+              ], -1))
+            ])
+          ])
+        ])) : U("", !0),
+        p(Y, {
+          modelValue: c(Q),
+          "onUpdate:modelValue": r[6] || (r[6] = (o) => Ce(Q) ? Q.value = o : null),
+          title: "添加好友",
+          width: "500px",
+          "append-to-body": ""
+        }, {
+          default: b(() => [
+            e("div", fa, [
+              p(s, {
+                modelValue: c(ne),
+                "onUpdate:modelValue": r[5] || (r[5] = (o) => Ce(ne) ? ne.value = o : null),
+                placeholder: "搜索用户",
+                "prefix-icon": c(Le),
+                class: "add-friend-search-input"
+              }, null, 8, ["modelValue", "prefix-icon"])
+            ]),
+            e("div", ha, [
+              c($) ? (n(), B(y, {
+                key: 0,
+                description: "加载中..."
+              })) : c(G).length === 0 ? (n(), B(y, {
+                key: 1,
+                description: "暂无用户"
+              })) : (n(!0), v(se, { key: 2 }, ae(c(G), (o) => (n(), v("div", {
+                key: o.username,
+                class: "add-friend-user-item"
+              }, [
+                e("div", ga, [
+                  e("img", {
+                    src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${o.username}`,
+                    alt: o.username,
+                    class: "add-friend-user-avatar"
+                  }, null, 8, _a),
+                  e("div", ya, _(o.username), 1)
+                ]),
+                p(V, {
+                  type: "primary",
+                  size: "small",
+                  onClick: (te) => c(xe)(o)
+                }, {
+                  default: b(() => [...r[22] || (r[22] = [
+                    J("添加", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]))), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        p(Y, {
+          modelValue: ge.value,
+          "onUpdate:modelValue": r[11] || (r[11] = (o) => ge.value = o),
+          title: "个人设置",
+          width: "560px",
+          "close-on-click-modal": !1,
+          "append-to-body": "",
+          class: "chat-settings-dialog"
+        }, {
+          default: b(() => [
+            e("div", ba, [
+              e("div", ka, [
+                e("div", wa, [
+                  e("img", {
+                    src: c(N),
+                    alt: "头像",
+                    class: "chat-settings-avatar"
+                  }, null, 8, Ca),
+                  w.config.modules.avatarCrop ? (n(), v("div", {
+                    key: 0,
+                    class: "chat-settings-avatar-edit",
+                    onClick: at
+                  }, [
+                    p(u, {
+                      size: 18,
+                      class: "chat-settings-avatar-icon"
+                    }, {
+                      default: b(() => [
+                        p(c(zt))
+                      ]),
+                      _: 1
+                    })
+                  ])) : U("", !0),
+                  e("input", {
+                    ref_key: "avatarInputRef",
+                    ref: g,
+                    type: "file",
+                    accept: "image/*",
+                    class: "hidden-avatar-input",
+                    onChange: rt
+                  }, null, 544)
+                ]),
+                e("div", Ua, [
+                  e("div", $a, _(c(I).nickname || c(C)), 1),
+                  e("div", xa, "@" + _(c(C)), 1)
+                ])
+              ]),
+              e("div", Aa, [
+                e("div", Va, [
+                  e("div", Sa, [
+                    p(u, null, {
+                      default: b(() => [
+                        p(c(Ge))
+                      ]),
+                      _: 1
+                    }),
+                    r[23] || (r[23] = J(" 个人信息 ", -1))
+                  ]),
+                  j.value ? U("", !0) : (n(), B(V, {
+                    key: 0,
+                    type: "primary",
+                    size: "small",
+                    onClick: dt,
+                    class: "chat-settings-edit-btn"
+                  }, {
+                    default: b(() => [...r[24] || (r[24] = [
+                      J(" 编辑 ", -1)
+                    ])]),
+                    _: 1
+                  }))
+                ]),
+                e("div", Fa, [
+                  e("div", Ia, [
+                    r[25] || (r[25] = e("label", { class: "chat-settings-form-label" }, "昵称", -1)),
+                    j.value ? (n(), B(s, {
+                      key: 0,
+                      modelValue: D.value.nickname,
+                      "onUpdate:modelValue": r[7] || (r[7] = (o) => D.value.nickname = o),
+                      placeholder: "请输入昵称",
+                      size: "large"
+                    }, null, 8, ["modelValue"])) : (n(), v("div", za, _(c(I).nickname || "未设置"), 1))
+                  ]),
+                  e("div", Ra, [
+                    r[26] || (r[26] = e("label", { class: "chat-settings-form-label" }, "邮箱", -1)),
+                    j.value ? (n(), B(s, {
+                      key: 0,
+                      modelValue: D.value.email,
+                      "onUpdate:modelValue": r[8] || (r[8] = (o) => D.value.email = o),
+                      placeholder: "请输入邮箱",
+                      size: "large"
+                    }, null, 8, ["modelValue"])) : (n(), v("div", La, _(c(I).email || "未设置"), 1))
+                  ]),
+                  e("div", Ta, [
+                    r[27] || (r[27] = e("label", { class: "chat-settings-form-label" }, "手机号", -1)),
+                    j.value ? (n(), B(s, {
+                      key: 0,
+                      modelValue: D.value.phone,
+                      "onUpdate:modelValue": r[9] || (r[9] = (o) => D.value.phone = o),
+                      placeholder: "请输入手机号",
+                      size: "large"
+                    }, null, 8, ["modelValue"])) : (n(), v("div", Ma, _(c(I).phone || "未设置"), 1))
+                  ]),
+                  e("div", Da, [
+                    r[28] || (r[28] = e("label", { class: "chat-settings-form-label" }, "个人简介", -1)),
+                    j.value ? (n(), B(s, {
+                      key: 0,
+                      modelValue: D.value.bio,
+                      "onUpdate:modelValue": r[10] || (r[10] = (o) => D.value.bio = o),
+                      type: "textarea",
+                      rows: 4,
+                      placeholder: "介绍一下自己吧...",
+                      size: "large"
+                    }, null, 8, ["modelValue"])) : (n(), v("div", Ea, _(c(I).bio || "这个人很懒，什么都没写~"), 1))
+                  ]),
+                  j.value ? (n(), v("div", qa, [
+                    p(V, {
+                      size: "default",
+                      onClick: ut
+                    }, {
+                      default: b(() => [...r[29] || (r[29] = [
+                        J("取消", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    p(V, {
+                      type: "primary",
+                      size: "default",
+                      loading: X.value,
+                      onClick: vt
+                    }, {
+                      default: b(() => [...r[30] || (r[30] = [
+                        J("保存更改", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ])) : U("", !0)
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        p(Tt, {
+          modelValue: l.value,
+          "onUpdate:modelValue": r[12] || (r[12] = (o) => l.value = o),
+          src: A.value,
+          onConfirm: ct
+        }, null, 8, ["modelValue", "src"]),
+        q.value.visible ? (n(), v("div", {
+          key: 1,
+          class: "chat-context-menu",
+          style: Ct({ left: q.value.x + "px", top: q.value.y + "px" })
+        }, [
+          e("div", {
+            class: "chat-context-menu-item",
+            onClick: Ze
+          }, "删除聊天")
+        ], 4)) : U("", !0)
+      ]);
+    };
+  }
+}, Kl = /* @__PURE__ */ ht(Wa, [["__scopeId", "data-v-f5908195"]]), Ba = { class: "chat-container" }, Ka = { class: "sidebar-nav" }, Pa = ["src"], Na = ["onClick"], Ha = {
   key: 0,
   class: "nav-badge"
-}, Qt = { class: "content-panel" }, Zt = { class: "search-bar" }, es = { class: "content-scroll" }, ts = { key: 0 }, ss = ["onClick", "onContextmenu"], as = { class: "friend-avatar-wrapper" }, ns = ["src", "alt"], ls = {
+}, Oa = { class: "content-panel" }, ja = { class: "search-bar" }, Xa = { class: "content-scroll" }, Ya = { key: 0 }, Ga = ["onClick", "onContextmenu"], Ja = { class: "friend-avatar-wrapper" }, Qa = ["src", "alt"], Za = {
   key: 0,
   class: "online-indicator"
-}, is = { class: "friend-info" }, os = { class: "friend-header" }, rs = { class: "friend-name" }, cs = { class: "last-time" }, ds = { class: "friend-preview" }, us = { class: "last-msg" }, vs = {
+}, en = { class: "friend-info" }, tn = { class: "friend-header" }, sn = { class: "friend-name" }, an = { class: "last-time" }, nn = { class: "friend-preview" }, ln = { class: "last-msg" }, on = {
   key: 0,
   class: "unread-badge"
-}, ps = { key: 1 }, fs = { class: "add-friend-section" }, ms = { class: "add-friend-icon" }, hs = ["onClick"], gs = { class: "friend-avatar-wrapper" }, ys = ["src", "alt"], _s = { class: "friend-info" }, bs = { class: "friend-name" }, Cs = { key: 2 }, ks = { class: "request-info" }, ws = ["src", "alt"], Us = { class: "request-details" }, xs = { class: "request-username" }, As = { class: "chat-area" }, Ss = {
+}, rn = { key: 1 }, cn = { class: "add-friend-section" }, dn = { class: "add-friend-icon" }, un = ["onClick"], vn = { class: "friend-avatar-wrapper" }, pn = ["src", "alt"], mn = { class: "friend-info" }, fn = { class: "friend-name" }, hn = { key: 2 }, gn = { class: "request-info" }, _n = ["src", "alt"], yn = { class: "request-details" }, bn = { class: "request-username" }, kn = { class: "chat-area" }, wn = {
   key: 0,
   class: "friend-profile"
-}, Vs = ["src", "alt"], Fs = { class: "profile-name" }, Rs = { class: "profile-status" }, Is = {
+}, Cn = ["src", "alt"], Un = { class: "profile-name" }, $n = { class: "profile-status" }, xn = {
   key: 1,
   class: "chat-window"
-}, Ls = { class: "chat-header" }, Ts = { class: "chat-title" }, zs = { class: "chat-name" }, Ds = { class: "chat-actions" }, Ms = { class: "message-avatar" }, $s = ["src"], Es = {
+}, An = { class: "chat-header" }, Vn = { class: "chat-title" }, Sn = { class: "chat-name" }, Fn = { class: "chat-actions" }, In = { class: "message-avatar" }, zn = ["src"], Rn = {
   key: 0,
   class: "sender-name"
-}, Ks = { class: "message-bubble-wrapper" }, Ws = ["onClick"], Bs = ["src", "alt"], Ns = {
+}, Ln = { class: "message-bubble-wrapper" }, Tn = ["onClick"], Mn = ["src", "alt"], Dn = {
   key: 0,
   class: "image-size"
-}, Hs = ["onClick"], qs = { class: "file-content" }, Ps = { class: "file-icon" }, Os = { class: "file-info" }, js = { class: "file-name" }, Xs = { class: "file-meta" }, Ys = { key: 0 }, Gs = { class: "input-area" }, Js = {
+}, En = ["onClick"], qn = { class: "file-content" }, Wn = { class: "file-icon" }, Bn = { class: "file-info" }, Kn = { class: "file-name" }, Pn = { class: "file-meta" }, Nn = { key: 0 }, Hn = { class: "input-area" }, On = {
   key: 0,
   class: "pending-files"
-}, Qs = {
+}, jn = {
   key: 0,
   class: "pending-image-wrapper"
-}, Zs = ["src", "alt"], ea = ["onClick"], ta = {
+}, Xn = ["src", "alt"], Yn = ["onClick"], Gn = {
   key: 1,
   class: "pending-file-wrapper"
-}, sa = { class: "pending-file-name" }, aa = ["onClick"], na = {
+}, Jn = { class: "pending-file-name" }, Qn = ["onClick"], Zn = {
   key: 1,
   class: "input-actions"
-}, la = { class: "input-wrapper" }, ia = ["onKeydown"], oa = { class: "send-btn-wrapper" }, ra = {
+}, el = { class: "input-wrapper" }, tl = ["onKeydown"], sl = { class: "send-btn-wrapper" }, al = {
   key: 2,
   class: "empty-state"
-}, ca = { class: "empty-text" }, da = {
+}, nl = { class: "empty-text" }, ll = {
   key: 0,
   class: "detail-panel"
-}, ua = { class: "detail-content" }, va = { class: "detail-profile" }, pa = ["src", "alt"], fa = { class: "detail-name" }, ma = { class: "search-users-wrapper" }, ha = { class: "search-users-input" }, ga = { class: "users-list-scroll" }, ya = { class: "available-user-info" }, _a = ["src", "alt"], ba = { class: "available-user-name" }, Ca = { class: "settings-container" }, ka = { class: "settings-avatar-section" }, wa = { class: "settings-avatar-wrapper" }, Ua = ["src"], xa = { class: "settings-user-display" }, Aa = { class: "settings-nickname" }, Sa = { class: "settings-username" }, Va = { class: "settings-form-section" }, Fa = { class: "settings-form-header" }, Ra = { class: "settings-form-title" }, Ia = { class: "settings-form" }, La = { class: "settings-form-item" }, Ta = {
+}, il = { class: "detail-content" }, ol = { class: "detail-profile" }, rl = ["src", "alt"], cl = { class: "detail-name" }, dl = { class: "search-users-wrapper" }, ul = { class: "search-users-input" }, vl = { class: "users-list-scroll" }, pl = { class: "available-user-info" }, ml = ["src", "alt"], fl = { class: "available-user-name" }, hl = { class: "settings-container" }, gl = { class: "settings-avatar-section" }, _l = { class: "settings-avatar-wrapper" }, yl = ["src"], bl = { class: "settings-user-display" }, kl = { class: "settings-nickname" }, wl = { class: "settings-username" }, Cl = { class: "settings-form-section" }, Ul = { class: "settings-form-header" }, $l = { class: "settings-form-title" }, xl = { class: "settings-form" }, Al = { class: "settings-form-item" }, Vl = {
   key: 1,
   class: "settings-form-value"
-}, za = { class: "settings-form-item" }, Da = {
+}, Sl = { class: "settings-form-item" }, Fl = {
   key: 1,
   class: "settings-form-value"
-}, Ma = { class: "settings-form-item" }, $a = {
+}, Il = { class: "settings-form-item" }, zl = {
   key: 1,
   class: "settings-form-value"
-}, Ea = { class: "settings-form-item" }, Ka = {
+}, Rl = { class: "settings-form-item" }, Ll = {
   key: 1,
   class: "settings-form-value bio-value"
-}, Wa = {
+}, Tl = {
   key: 0,
   class: "settings-form-actions"
-}, Ba = {
+}, Ml = {
   __name: "ChatWindow",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -910,701 +1833,701 @@ const et = (y, e) => {
     width: { type: [String, Number], default: "1100px" }
   },
   emits: ["update:modelValue", "open", "close", "message", "send", "error"],
-  setup(y, { emit: e }) {
-    const s = y, o = e, F = re({
-      get: () => s.modelValue,
-      set: (d) => o("update:modelValue", d)
+  setup(w, { emit: t }) {
+    const a = w, m = t, C = ye({
+      get: () => a.modelValue,
+      set: (u) => m("update:modelValue", u)
     }), {
-      myUsername: T,
-      myAvatar: z,
-      userInfo: w,
-      loadingUserInfo: U,
-      friendList: V,
-      filteredFriendList: m,
-      searchText: _,
-      inputText: C,
-      messagesContainer: R,
-      filteredUsers: N,
-      filteredAvailableUsers: G,
-      currentUser: J,
+      myUsername: N,
+      myAvatar: I,
+      userInfo: T,
+      loadingUserInfo: L,
+      friendList: H,
+      filteredFriendList: x,
+      searchText: k,
+      inputText: S,
+      messagesContainer: z,
+      filteredUsers: G,
+      filteredAvailableUsers: fe,
+      currentUser: oe,
       currentMessages: Q,
-      addFriendDialogVisible: le,
-      addFriendSearchText: te,
-      availableUsers: g,
-      loadingAvailableUsers: x,
-      friendApplyList: A,
-      loadingFriendApply: E,
-      formatTime: ie,
-      formatLastTime: P,
-      scrollToBottom: he,
-      getFriendList: ge,
-      getChatHistory: ye,
-      setFriendToChatStatus: O,
-      selectUser: K,
-      sendMessage: oe,
-      sendFile: He,
-      sendFilesAndText: xe,
-      initWebSocket: Ae,
-      closeWebSocket: _e,
-      reset: be,
-      openAddFriendDialog: Ce,
-      addFriend: Se,
-      loadFriendApplyList: Ve,
-      agreeFriend: Fe,
-      updateMyAvatar: Re,
-      getUserInfo: Ie,
-      updateUserInfo: Le
-    } = Et(s.config), Te = re(() => {
-      var l;
-      const d = [{ id: "chat", icon: Ee, badge: 0 }];
-      return s.config.modules.friends && d.push({ id: "friends", icon: Qe, badge: 0 }), s.config.modules.apply && d.push({ id: "apply", icon: At, badge: ((l = A.value) == null ? void 0 : l.length) || 0 }), d;
-    }), Z = f("chat"), de = f(null), D = f(null), M = f(null), ue = f(!1), H = f(!1), W = f({ nickname: "", email: "", phone: "", bio: "" }), a = f(!1), i = f(!1), c = f(!1), S = f(!1), se = f(null), ee = f(""), ve = f(null), B = f([]), pe = f({ visible: !1, x: 0, y: 0, chat: null }), ze = () => {
+      addFriendDialogVisible: ne,
+      addFriendSearchText: _e,
+      availableUsers: $,
+      loadingAvailableUsers: R,
+      friendApplyList: M,
+      loadingFriendApply: Z,
+      formatTime: he,
+      formatLastTime: re,
+      scrollToBottom: be,
+      getFriendList: Ue,
+      getChatHistory: $e,
+      setFriendToChatStatus: ke,
+      selectUser: ce,
+      sendMessage: de,
+      sendFile: we,
+      sendFilesAndText: Te,
+      initWebSocket: Me,
+      closeWebSocket: Fe,
+      reset: Ie,
+      openAddFriendDialog: xe,
+      addFriend: De,
+      loadFriendApplyList: Ee,
+      agreeFriend: qe,
+      updateMyAvatar: We,
+      getUserInfo: Be,
+      updateUserInfo: Ke
+    } = Lt(a.config), ve = ye(() => {
+      var s;
+      const u = [{ id: "chat", icon: Re, badge: 0 }];
+      return a.config.modules.friends && u.push({ id: "friends", icon: Ge, badge: 0 }), a.config.modules.apply && u.push({ id: "apply", icon: Ut, badge: ((s = M.value) == null ? void 0 : s.length) || 0 }), u;
+    }), ee = h("chat"), W = h(null), F = h(null), O = h(null), j = h(!1), D = h(!1), X = h({ nickname: "", email: "", phone: "", bio: "" }), ge = h(!1), l = h(!1), d = h(!1), g = h(!1), A = h(null), le = h(""), E = h(null), q = h([]), pe = h({ visible: !1, x: 0, y: 0, chat: null }), Ae = () => {
       pe.value.visible = !1;
-    }, st = async () => {
+    }, Ze = async () => {
       if (!pe.value.chat) return;
-      await O(pe.value.chat.id, 0) && de.value === pe.value.chat.id && (de.value = null, D.value = null), ze();
-    }, De = (d) => {
-      de.value = d.id, D.value = d, M.value = null, ue.value = !1, K({
-        id: d.id,
-        name: d.name,
-        avatar: d.avatar,
-        online: d.online
+      await ke(pe.value.chat.id, 0) && W.value === pe.value.chat.id && (W.value = null, F.value = null), Ae();
+    }, Ve = (u) => {
+      W.value = u.id, F.value = u, O.value = null, j.value = !1, ce({
+        id: u.id,
+        name: u.name,
+        avatar: u.avatar,
+        online: u.online
       });
-    }, at = (d) => {
-      M.value = d, de.value = null, D.value = null;
-    }, nt = async () => {
-      if (!M.value) return;
-      if (await O(M.value.id)) {
-        Z.value = "chat", await Ne();
-        const l = N.value.find((h) => h.id === M.value.id);
-        l && De(l), M.value = null;
+    }, et = (u) => {
+      O.value = u, W.value = null, F.value = null;
+    }, tt = async () => {
+      if (!O.value) return;
+      if (await ke(O.value.id)) {
+        ee.value = "chat", await Qe();
+        const s = G.value.find((y) => y.id === O.value.id);
+        s && Ve(s), O.value = null;
       }
-    }, lt = () => {
-      i.value = !0;
-    }, it = () => {
-      var d;
-      (d = se.value) == null || d.click();
-    }, ot = () => {
-      var d;
-      (d = ve.value) == null || d.click();
-    }, rt = (d) => {
-      const l = Array.from(d.target.files || []);
-      if (l.length !== 0) {
-        for (const h of l) {
-          if (h.size > 50 * 1024 * 1024) {
-            Y.warning(`文件 ${h.name} 超过50MB，已跳过`);
+    }, st = () => {
+      l.value = !0;
+    }, at = () => {
+      var u;
+      (u = A.value) == null || u.click();
+    }, nt = () => {
+      var u;
+      (u = E.value) == null || u.click();
+    }, lt = (u) => {
+      const s = Array.from(u.target.files || []);
+      if (s.length !== 0) {
+        for (const y of s) {
+          if (y.size > 50 * 1024 * 1024) {
+            P.warning(`文件 ${y.name} 超过50MB，已跳过`);
             continue;
           }
-          const L = URL.createObjectURL(h);
-          B.value.push({
+          const V = URL.createObjectURL(y);
+          q.value.push({
             id: Date.now() + Math.random(),
-            file: h,
-            name: h.name,
-            size: h.size,
-            type: h.type,
-            previewUrl: L,
-            isImage: h.type.startsWith("image/")
+            file: y,
+            name: y.name,
+            size: y.size,
+            type: y.type,
+            previewUrl: V,
+            isImage: y.type.startsWith("image/")
           });
         }
-        ve.value && (ve.value.value = "");
+        E.value && (E.value.value = "");
       }
-    }, qe = (d) => {
-      const l = B.value[d];
-      l.previewUrl && URL.revokeObjectURL(l.previewUrl), B.value.splice(d, 1);
-    }, Pe = (d) => {
-      if (d === 0) return "0 B";
-      const l = 1024, h = ["B", "KB", "MB", "GB"], L = Math.floor(Math.log(d) / Math.log(l));
-      return parseFloat((d / Math.pow(l, L)).toFixed(2)) + " " + h[L];
-    }, Oe = async () => {
-      if (!C.value.trim() && B.value.length === 0) return;
-      const d = [...B.value], l = C.value;
-      C.value = "", B.value.forEach((h) => {
-        h.previewUrl && URL.revokeObjectURL(h.previewUrl);
-      }), B.value = [], await xe(d, l), o("send", { text: l, files: d });
-    }, ct = (d) => {
-      var h;
-      const l = (h = d.clipboardData) == null ? void 0 : h.items;
-      if (l) {
-        for (const L of l)
-          if (L.kind === "file") {
-            const $ = L.getAsFile();
-            if ($) {
-              if ($.size > 50 * 1024 * 1024) {
-                Y.warning(`文件 ${$.name} 超过50MB，已跳过`);
+    }, Pe = (u) => {
+      const s = q.value[u];
+      s.previewUrl && URL.revokeObjectURL(s.previewUrl), q.value.splice(u, 1);
+    }, Ne = (u) => {
+      if (u === 0) return "0 B";
+      const s = 1024, y = ["B", "KB", "MB", "GB"], V = Math.floor(Math.log(u) / Math.log(s));
+      return parseFloat((u / Math.pow(s, V)).toFixed(2)) + " " + y[V];
+    }, He = async () => {
+      if (!S.value.trim() && q.value.length === 0) return;
+      const u = [...q.value], s = S.value;
+      S.value = "", q.value.forEach((y) => {
+        y.previewUrl && URL.revokeObjectURL(y.previewUrl);
+      }), q.value = [], await Te(u, s), m("send", { text: s, files: u });
+    }, it = (u) => {
+      var y;
+      const s = (y = u.clipboardData) == null ? void 0 : y.items;
+      if (s) {
+        for (const V of s)
+          if (V.kind === "file") {
+            const Y = V.getAsFile();
+            if (Y) {
+              if (Y.size > 50 * 1024 * 1024) {
+                P.warning(`文件 ${Y.name} 超过50MB，已跳过`);
                 continue;
               }
-              const ae = URL.createObjectURL($);
-              B.value.push({
+              const ue = URL.createObjectURL(Y);
+              q.value.push({
                 id: Date.now() + Math.random(),
-                file: $,
-                name: $.name,
-                size: $.size,
-                type: $.type,
-                previewUrl: ae,
-                isImage: $.type.startsWith("image/")
+                file: Y,
+                name: Y.name,
+                size: Y.size,
+                type: Y.type,
+                previewUrl: ue,
+                isImage: Y.type.startsWith("image/")
               });
             }
           }
       }
-    }, je = (d) => {
-      if (!d) {
-        Y.warning("文件地址无效");
+    }, Oe = (u) => {
+      if (!u) {
+        P.warning("文件地址无效");
         return;
       }
-      window.open(d, "_blank");
-    }, dt = (d) => {
-      console.warn("图片加载失败", d);
-    }, ut = (d) => {
-      const l = d.target.files[0];
-      if (!l) return;
-      if (!l.type.startsWith("image/")) {
-        Y.error("只能上传图片文件");
+      window.open(u, "_blank");
+    }, ot = (u) => {
+      console.warn("图片加载失败", u);
+    }, rt = (u) => {
+      const s = u.target.files[0];
+      if (!s) return;
+      if (!s.type.startsWith("image/")) {
+        P.error("只能上传图片文件");
         return;
       }
-      if (l.size > 5 * 1024 * 1024) {
-        Y.error("图片大小不能超过 5MB");
+      if (s.size > 5 * 1024 * 1024) {
+        P.error("图片大小不能超过 5MB");
         return;
       }
-      const h = new FileReader();
-      h.onload = (L) => {
-        ee.value = L.target.result, c.value = !0;
-      }, h.readAsDataURL(l);
-    }, vt = async ({ file: d }) => {
-      if (d) {
-        S.value = !0;
+      const y = new FileReader();
+      y.onload = (V) => {
+        le.value = V.target.result, d.value = !0;
+      }, y.readAsDataURL(s);
+    }, ct = async ({ file: u }) => {
+      if (u) {
+        g.value = !0;
         try {
-          const { ChatApi: l } = await Promise.resolve().then(() => $t), L = await new l(s.config).uploadAvatar(d, T);
-          L.code === 200 ? (Y.success("头像上传成功"), Re(L.data), Xe()) : Y.error(L.msg || "头像上传失败");
-        } catch (l) {
-          console.error(l), Y.error("头像上传失败");
+          const { ChatApi: s } = await Promise.resolve().then(() => Rt), V = await new s(a.config).uploadAvatar(u, N);
+          V.code === 200 ? (P.success("头像上传成功"), We(V.data), je()) : P.error(V.msg || "头像上传失败");
+        } catch (s) {
+          console.error(s), P.error("头像上传失败");
         } finally {
-          S.value = !1;
+          g.value = !1;
         }
       }
-    }, Xe = () => {
-      ee.value = "", c.value = !1, se.value && (se.value.value = "");
-    }, pt = () => {
-      W.value = {
-        nickname: w.value.nickname || "",
-        email: w.value.email || "",
-        phone: w.value.phone || "",
-        bio: w.value.bio || ""
-      }, H.value = !0;
-    }, ft = () => {
-      H.value = !1, W.value = { nickname: "", email: "", phone: "", bio: "" };
-    }, mt = async () => {
-      a.value = !0;
+    }, je = () => {
+      le.value = "", d.value = !1, A.value && (A.value.value = "");
+    }, dt = () => {
+      X.value = {
+        nickname: T.value.nickname || "",
+        email: T.value.email || "",
+        phone: T.value.phone || "",
+        bio: T.value.bio || ""
+      }, D.value = !0;
+    }, ut = () => {
+      D.value = !1, X.value = { nickname: "", email: "", phone: "", bio: "" };
+    }, vt = async () => {
+      ge.value = !0;
       try {
-        await Le(W.value) ? (Y.success("保存成功"), H.value = !1) : Y.error("保存失败");
-      } catch (d) {
-        console.error(d), Y.error("保存失败");
+        await Ke(X.value) ? (P.success("保存成功"), D.value = !1) : P.error("保存失败");
+      } catch (u) {
+        console.error(u), P.error("保存失败");
       } finally {
-        a.value = !1;
+        ge.value = !1;
       }
-    }, ht = () => {
-      be(), _e(), ue.value = !1, i.value = !1, Xe(), H.value = !1, o("close");
-    }, gt = async () => {
-      await Promise.all([ge(), Ve(), Ie()]), Ae(), N.value.length > 0 && De(N.value[0]), o("open");
+    }, f = () => {
+      Ie(), Fe(), j.value = !1, l.value = !1, je(), D.value = !1, m("close");
+    }, r = async () => {
+      await Promise.all([Ue(), Ee(), Be()]), Me(), G.value.length > 0 && Ve(G.value[0]), m("open");
     };
-    return _t(() => {
-      document.addEventListener("click", ze);
-    }), bt(() => {
-      document.removeEventListener("click", ze), _e();
-    }), (d, l) => {
-      const h = ce("el-icon"), L = ce("el-input"), $ = ce("el-empty"), ae = ce("el-button"), Me = ce("el-dialog");
-      return r(), q(Me, {
-        modelValue: F.value,
-        "onUpdate:modelValue": l[13] || (l[13] = (ke) => F.value = ke),
-        width: y.width,
+    return gt(() => {
+      document.addEventListener("click", Ae);
+    }), _t(() => {
+      document.removeEventListener("click", Ae), Fe();
+    }), (u, s) => {
+      const y = ie("el-icon"), V = ie("el-input"), Y = ie("el-empty"), ue = ie("el-button"), ze = ie("el-dialog");
+      return n(), B(ze, {
+        modelValue: C.value,
+        "onUpdate:modelValue": s[13] || (s[13] = (Se) => C.value = Se),
+        width: w.width,
         "close-on-click-modal": !1,
         class: "chat-dialog",
         "append-to-body": "",
-        onClosed: ht,
-        onOpen: gt
+        onClosed: f,
+        onOpen: r
       }, {
         default: b(() => {
-          var ke, Ye, Ge;
+          var Se, o, te;
           return [
-            t("div", jt, [
-              t("div", Xt, [
-                t("div", {
+            e("div", Ba, [
+              e("div", Ka, [
+                e("div", {
                   class: "sidebar-avatar",
-                  onClick: lt
+                  onClick: st
                 }, [
-                  t("img", {
-                    src: u(z),
+                  e("img", {
+                    src: c(I),
                     alt: "头像",
                     class: "avatar-img"
-                  }, null, 8, Yt)
+                  }, null, 8, Pa)
                 ]),
-                (r(!0), v(fe, null, me(Te.value, (n) => (r(), v("div", {
-                  key: n.id,
-                  class: X([
+                (n(!0), v(se, null, ae(ve.value, (i) => (n(), v("div", {
+                  key: i.id,
+                  class: K([
                     "nav-item",
-                    Z.value === n.id ? "nav-item-active" : "nav-item-inactive"
+                    ee.value === i.id ? "nav-item-active" : "nav-item-inactive"
                   ]),
-                  onClick: (j) => Z.value = n.id
+                  onClick: (me) => ee.value = i.id
                 }, [
-                  p(h, { size: 24 }, {
+                  p(y, { size: 24 }, {
                     default: b(() => [
-                      (r(), q(Ct(n.icon)))
+                      (n(), B(yt(i.icon)))
                     ]),
                     _: 2
                   }, 1024),
-                  n.badge ? (r(), v("span", Jt, k(n.badge > 99 ? "99+" : n.badge), 1)) : I("", !0)
-                ], 10, Gt))), 128)),
-                l[14] || (l[14] = t("div", { class: "nav-spacer" }, null, -1)),
-                y.config.modules.settings ? (r(), v("div", {
+                  i.badge ? (n(), v("span", Ha, _(i.badge > 99 ? "99+" : i.badge), 1)) : U("", !0)
+                ], 10, Na))), 128)),
+                s[14] || (s[14] = e("div", { class: "nav-spacer" }, null, -1)),
+                w.config.modules.settings ? (n(), v("div", {
                   key: 0,
                   class: "nav-item nav-item-inactive",
-                  onClick: l[0] || (l[0] = (n) => i.value = !0),
+                  onClick: s[0] || (s[0] = (i) => l.value = !0),
                   title: "设置"
                 }, [
-                  p(h, { size: 24 }, {
+                  p(y, { size: 24 }, {
                     default: b(() => [
-                      p(u(St))
+                      p(c($t))
                     ]),
                     _: 1
                   })
-                ])) : I("", !0)
+                ])) : U("", !0)
               ]),
-              t("div", Qt, [
-                t("div", Zt, [
-                  p(L, {
-                    modelValue: u(_),
-                    "onUpdate:modelValue": l[1] || (l[1] = (n) => we(_) ? _.value = n : null),
+              e("div", Oa, [
+                e("div", ja, [
+                  p(V, {
+                    modelValue: c(k),
+                    "onUpdate:modelValue": s[1] || (s[1] = (i) => Ce(k) ? k.value = i : null),
                     placeholder: "搜索",
-                    "prefix-icon": u(Ke)
+                    "prefix-icon": c(Le)
                   }, null, 8, ["modelValue", "prefix-icon"])
                 ]),
-                t("div", es, [
-                  Z.value === "chat" ? (r(), v("div", ts, [
-                    (r(!0), v(fe, null, me(u(N), (n) => (r(), v("div", {
-                      key: n.id,
-                      class: X([
+                e("div", Xa, [
+                  ee.value === "chat" ? (n(), v("div", Ya, [
+                    (n(!0), v(se, null, ae(c(G), (i) => (n(), v("div", {
+                      key: i.id,
+                      class: K([
                         "chat-item",
-                        de.value === n.id ? "chat-item-active" : ""
+                        W.value === i.id ? "chat-item-active" : ""
                       ]),
-                      onClick: (j) => De(n),
-                      onContextmenu: Je((j) => d.showContextMenu(j, n), ["prevent", "stop"])
+                      onClick: (me) => Ve(i),
+                      onContextmenu: Ye((me) => u.showContextMenu(me, i), ["prevent", "stop"])
                     }, [
-                      t("div", as, [
-                        t("img", {
-                          src: n.avatar,
-                          alt: n.name,
+                      e("div", Ja, [
+                        e("img", {
+                          src: i.avatar,
+                          alt: i.name,
                           class: "friend-avatar"
-                        }, null, 8, ns),
-                        n.online ? (r(), v("span", ls)) : I("", !0)
+                        }, null, 8, Qa),
+                        i.online ? (n(), v("span", Za)) : U("", !0)
                       ]),
-                      t("div", is, [
-                        t("div", os, [
-                          t("span", rs, k(n.name), 1),
-                          t("span", cs, k(u(P)(n.lastTime)), 1)
+                      e("div", en, [
+                        e("div", tn, [
+                          e("span", sn, _(i.name), 1),
+                          e("span", an, _(c(re)(i.lastTime)), 1)
                         ]),
-                        t("div", ds, [
-                          t("span", us, k(n.lastMsg), 1),
-                          n.unread > 0 ? (r(), v("span", vs, k(n.unread > 99 ? "99+" : n.unread), 1)) : I("", !0)
+                        e("div", nn, [
+                          e("span", ln, _(i.lastMsg), 1),
+                          i.unread > 0 ? (n(), v("span", on, _(i.unread > 99 ? "99+" : i.unread), 1)) : U("", !0)
                         ])
                       ])
-                    ], 42, ss))), 128))
-                  ])) : I("", !0),
-                  Z.value === "friends" && y.config.modules.friends ? (r(), v("div", ps, [
-                    t("div", fs, [
-                      t("div", {
+                    ], 42, Ga))), 128))
+                  ])) : U("", !0),
+                  ee.value === "friends" && w.config.modules.friends ? (n(), v("div", rn, [
+                    e("div", cn, [
+                      e("div", {
                         class: "add-friend-btn",
-                        onClick: l[2] || (l[2] = (...n) => u(Ce) && u(Ce)(...n))
+                        onClick: s[2] || (s[2] = (...i) => c(xe) && c(xe)(...i))
                       }, [
-                        t("div", ms, [
-                          p(h, {
+                        e("div", dn, [
+                          p(y, {
                             class: "text-white",
                             size: 20
                           }, {
                             default: b(() => [
-                              p(u(Vt))
+                              p(c(xt))
                             ]),
                             _: 1
                           })
                         ]),
-                        l[15] || (l[15] = t("span", { class: "add-friend-text" }, "添加好友", -1))
+                        s[15] || (s[15] = e("span", { class: "add-friend-text" }, "添加好友", -1))
                       ])
                     ]),
-                    (r(!0), v(fe, null, me(u(m), (n) => (r(), v("div", {
-                      key: n.id,
+                    (n(!0), v(se, null, ae(c(x), (i) => (n(), v("div", {
+                      key: i.id,
                       class: "chat-item",
-                      onClick: (j) => at(n)
+                      onClick: (me) => et(i)
                     }, [
-                      t("div", gs, [
-                        t("img", {
-                          src: n.avatar,
-                          alt: n.name,
+                      e("div", vn, [
+                        e("img", {
+                          src: i.avatar,
+                          alt: i.name,
                           class: "friend-avatar"
-                        }, null, 8, ys),
-                        t("span", {
-                          class: X([
+                        }, null, 8, pn),
+                        e("span", {
+                          class: K([
                             "online-indicator",
-                            n.online ? "online" : "offline"
+                            i.online ? "online" : "offline"
                           ])
                         }, null, 2)
                       ]),
-                      t("div", _s, [
-                        t("span", bs, k(n.name), 1)
+                      e("div", mn, [
+                        e("span", fn, _(i.name), 1)
                       ])
-                    ], 8, hs))), 128))
-                  ])) : I("", !0),
-                  Z.value === "apply" && y.config.modules.apply ? (r(), v("div", Cs, [
-                    u(E) ? (r(), q($, {
+                    ], 8, un))), 128))
+                  ])) : U("", !0),
+                  ee.value === "apply" && w.config.modules.apply ? (n(), v("div", hn, [
+                    c(Z) ? (n(), B(Y, {
                       key: 0,
                       description: "加载中..."
-                    })) : u(A).length === 0 ? (r(), q($, {
+                    })) : c(M).length === 0 ? (n(), B(Y, {
                       key: 1,
                       description: "暂无好友申请"
-                    })) : (r(!0), v(fe, { key: 2 }, me(u(A), (n) => (r(), v("div", {
-                      key: n.applyUser || n.id,
+                    })) : (n(!0), v(se, { key: 2 }, ae(c(M), (i) => (n(), v("div", {
+                      key: i.applyUser || i.id,
                       class: "friend-request-item"
                     }, [
-                      t("div", ks, [
-                        t("img", {
-                          src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${n.applyUser}`,
-                          alt: n.applyUser,
+                      e("div", gn, [
+                        e("img", {
+                          src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${i.applyUser}`,
+                          alt: i.applyUser,
                           class: "request-avatar"
-                        }, null, 8, ws),
-                        t("div", Us, [
-                          t("div", xs, k(n.applyUser), 1),
-                          l[16] || (l[16] = t("div", { class: "request-desc" }, "请求添加你为好友", -1))
+                        }, null, 8, _n),
+                        e("div", yn, [
+                          e("div", bn, _(i.applyUser), 1),
+                          s[16] || (s[16] = e("div", { class: "request-desc" }, "请求添加你为好友", -1))
                         ])
                       ]),
-                      p(ae, {
+                      p(ue, {
                         type: "primary",
                         size: "small",
-                        onClick: (j) => u(Fe)(n.applyUser)
+                        onClick: (me) => c(qe)(i.applyUser)
                       }, {
-                        default: b(() => [...l[17] || (l[17] = [
-                          ne("同意", -1)
+                        default: b(() => [...s[17] || (s[17] = [
+                          J("同意", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"])
                     ]))), 128))
-                  ])) : I("", !0)
+                  ])) : U("", !0)
                 ])
               ]),
-              t("div", As, [
-                M.value && !D.value ? (r(), v("div", Ss, [
-                  t("img", {
-                    src: M.value.avatar,
-                    alt: M.value.name,
+              e("div", kn, [
+                O.value && !F.value ? (n(), v("div", wn, [
+                  e("img", {
+                    src: O.value.avatar,
+                    alt: O.value.name,
                     class: "profile-avatar"
-                  }, null, 8, Vs),
-                  t("div", Fs, k(M.value.name), 1),
-                  t("div", Rs, [
-                    t("span", {
-                      class: X([
+                  }, null, 8, Cn),
+                  e("div", Un, _(O.value.name), 1),
+                  e("div", $n, [
+                    e("span", {
+                      class: K([
                         "status-dot",
-                        M.value.online ? "status-online" : "status-offline"
+                        O.value.online ? "status-online" : "status-offline"
                       ])
                     }, null, 2),
-                    t("span", null, k(M.value.online ? "在线" : "离线"), 1)
+                    e("span", null, _(O.value.online ? "在线" : "离线"), 1)
                   ]),
-                  p(ae, {
+                  p(ue, {
                     type: "primary",
                     size: "large",
-                    onClick: nt,
+                    onClick: tt,
                     class: "start-chat-btn"
                   }, {
                     default: b(() => [
-                      p(h, null, {
+                      p(y, null, {
                         default: b(() => [
-                          p(u(Ee))
+                          p(c(Re))
                         ]),
                         _: 1
                       }),
-                      l[18] || (l[18] = t("span", null, "发消息", -1))
+                      s[18] || (s[18] = e("span", null, "发消息", -1))
                     ]),
                     _: 1
                   })
-                ])) : I("", !0),
-                D.value ? (r(), v("div", Is, [
-                  t("div", Ls, [
-                    t("div", Ts, [
-                      t("span", zs, k(D.value.name), 1),
-                      t("span", {
-                        class: X([
+                ])) : U("", !0),
+                F.value ? (n(), v("div", xn, [
+                  e("div", An, [
+                    e("div", Vn, [
+                      e("span", Sn, _(F.value.name), 1),
+                      e("span", {
+                        class: K([
                           "status-badge",
-                          D.value.online ? "status-badge-online" : "status-badge-offline"
+                          F.value.online ? "status-badge-online" : "status-badge-offline"
                         ])
-                      }, k(D.value.online ? "在线" : "离线"), 3)
+                      }, _(F.value.online ? "在线" : "离线"), 3)
                     ]),
-                    t("div", Ds, [
-                      p(h, { class: "action-icon" }, {
+                    e("div", Fn, [
+                      p(y, { class: "action-icon" }, {
                         default: b(() => [
-                          p(u(Ke))
+                          p(c(Le))
                         ]),
                         _: 1
                       }),
-                      p(h, {
+                      p(y, {
                         class: "action-icon",
-                        onClick: l[3] || (l[3] = (n) => ue.value = !ue.value)
+                        onClick: s[3] || (s[3] = (i) => j.value = !j.value)
                       }, {
                         default: b(() => [
-                          p(u(Ft))
+                          p(c(At))
                         ]),
                         _: 1
                       })
                     ])
                   ]),
-                  t("div", {
+                  e("div", {
                     ref_key: "messagesContainer",
-                    ref: R,
+                    ref: z,
                     class: "messages-container"
                   }, [
-                    (r(!0), v(fe, null, me(u(Q), (n, j) => (r(), v("div", {
-                      key: j,
-                      class: X([
+                    (n(!0), v(se, null, ae(c(Q), (i, me) => (n(), v("div", {
+                      key: me,
+                      class: K([
                         "message-wrapper",
-                        n.isSelf ? "message-self" : "message-other"
+                        i.isSelf ? "message-self" : "message-other"
                       ])
                     }, [
-                      t("div", Ms, [
-                        t("img", {
-                          src: n.isSelf ? u(z) : D.value.avatar,
+                      e("div", In, [
+                        e("img", {
+                          src: i.isSelf ? c(I) : F.value.avatar,
                           class: "avatar-sm"
-                        }, null, 8, $s)
+                        }, null, 8, zn)
                       ]),
-                      t("div", {
-                        class: X([
+                      e("div", {
+                        class: K([
                           "message-content-wrapper",
-                          n.isSelf ? "content-self" : "content-other"
+                          i.isSelf ? "content-self" : "content-other"
                         ])
                       }, [
-                        n.isSelf ? I("", !0) : (r(), v("div", Es, k(D.value.name), 1)),
-                        t("div", Ks, [
-                          n.type === "text" ? (r(), v("div", {
+                        i.isSelf ? U("", !0) : (n(), v("div", Rn, _(F.value.name), 1)),
+                        e("div", Ln, [
+                          i.type === "text" ? (n(), v("div", {
                             key: 0,
-                            class: X([
+                            class: K([
                               "message-bubble",
-                              n.isSelf ? "bubble-self" : "bubble-other"
+                              i.isSelf ? "bubble-self" : "bubble-other"
                             ])
-                          }, k(n.text), 3)) : n.type === "file" && n.fileType === "image" ? (r(), v("div", {
+                          }, _(i.text), 3)) : i.type === "file" && i.fileType === "image" ? (n(), v("div", {
                             key: 1,
-                            class: X([
+                            class: K([
                               "message-bubble",
                               "image-bubble",
-                              n.isSelf ? "bubble-self" : "bubble-other"
+                              i.isSelf ? "bubble-self" : "bubble-other"
                             ]),
-                            onClick: ($e) => je(n.fileUrl)
+                            onClick: (pt) => Oe(i.fileUrl)
                           }, [
-                            t("img", {
-                              src: n.fileUrl,
-                              alt: n.fileName,
+                            e("img", {
+                              src: i.fileUrl,
+                              alt: i.fileName,
                               class: "message-image",
-                              onError: dt
-                            }, null, 40, Bs),
-                            n.fileSize ? (r(), v("div", Ns, k(Pe(n.fileSize)), 1)) : I("", !0)
-                          ], 10, Ws)) : n.type === "file" ? (r(), v("div", {
+                              onError: ot
+                            }, null, 40, Mn),
+                            i.fileSize ? (n(), v("div", Dn, _(Ne(i.fileSize)), 1)) : U("", !0)
+                          ], 10, Tn)) : i.type === "file" ? (n(), v("div", {
                             key: 2,
-                            class: X([
+                            class: K([
                               "message-bubble",
                               "file-bubble",
-                              n.isSelf ? "bubble-self" : "bubble-other"
+                              i.isSelf ? "bubble-self" : "bubble-other"
                             ]),
-                            onClick: ($e) => je(n.fileUrl)
+                            onClick: (pt) => Oe(i.fileUrl)
                           }, [
-                            t("div", qs, [
-                              t("div", Ps, [
-                                p(h, { size: 28 }, {
+                            e("div", qn, [
+                              e("div", Wn, [
+                                p(y, { size: 28 }, {
                                   default: b(() => [
-                                    p(u(Rt))
+                                    p(c(Vt))
                                   ]),
                                   _: 1
                                 })
                               ]),
-                              t("div", Os, [
-                                t("div", js, k(n.fileName || n.text), 1),
-                                t("div", Xs, [
-                                  p(h, { size: 12 }, {
+                              e("div", Bn, [
+                                e("div", Kn, _(i.fileName || i.text), 1),
+                                e("div", Pn, [
+                                  p(y, { size: 12 }, {
                                     default: b(() => [
-                                      p(u(It))
+                                      p(c(St))
                                     ]),
                                     _: 1
                                   }),
-                                  l[19] || (l[19] = t("span", null, "点击下载", -1)),
-                                  n.fileSize ? (r(), v("span", Ys, "· " + k(Pe(n.fileSize)), 1)) : I("", !0)
+                                  s[19] || (s[19] = e("span", null, "点击下载", -1)),
+                                  i.fileSize ? (n(), v("span", Nn, "· " + _(Ne(i.fileSize)), 1)) : U("", !0)
                                 ])
                               ])
                             ])
-                          ], 10, Hs)) : I("", !0),
-                          t("div", {
-                            class: X([
+                          ], 10, En)) : U("", !0),
+                          e("div", {
+                            class: K([
                               "message-time",
-                              n.isSelf ? "time-right" : "time-left"
+                              i.isSelf ? "time-right" : "time-left"
                             ])
-                          }, k(u(ie)(n.time)), 3)
+                          }, _(c(he)(i.time)), 3)
                         ])
                       ], 2)
                     ], 2))), 128))
                   ], 512),
-                  t("div", Gs, [
-                    B.value.length > 0 ? (r(), v("div", Js, [
-                      (r(!0), v(fe, null, me(B.value, (n, j) => (r(), v("div", {
-                        key: n.id,
+                  e("div", Hn, [
+                    q.value.length > 0 ? (n(), v("div", On, [
+                      (n(!0), v(se, null, ae(q.value, (i, me) => (n(), v("div", {
+                        key: i.id,
                         class: "pending-file"
                       }, [
-                        n.isImage ? (r(), v("div", Qs, [
-                          t("img", {
-                            src: n.previewUrl,
-                            alt: n.name,
+                        i.isImage ? (n(), v("div", jn, [
+                          e("img", {
+                            src: i.previewUrl,
+                            alt: i.name,
                             class: "pending-image"
-                          }, null, 8, Zs),
-                          t("button", {
-                            onClick: ($e) => qe(j),
+                          }, null, 8, Xn),
+                          e("button", {
+                            onClick: (pt) => Pe(me),
                             class: "remove-file-btn"
-                          }, " × ", 8, ea)
-                        ])) : (r(), v("div", ta, [
-                          p(h, { class: "pending-file-icon" }, {
+                          }, " × ", 8, Yn)
+                        ])) : (n(), v("div", Gn, [
+                          p(y, { class: "pending-file-icon" }, {
                             default: b(() => [
-                              p(u(Ze))
+                              p(c(Je))
                             ]),
                             _: 1
                           }),
-                          t("span", sa, k(n.name), 1),
-                          t("button", {
-                            onClick: ($e) => qe(j),
+                          e("span", Jn, _(i.name), 1),
+                          e("button", {
+                            onClick: (pt) => Pe(me),
                             class: "remove-file-btn"
-                          }, " × ", 8, aa)
+                          }, " × ", 8, Qn)
                         ]))
                       ]))), 128))
-                    ])) : I("", !0),
-                    y.config.modules.fileUpload ? (r(), v("div", na, [
-                      p(h, { class: "action-icon" }, {
+                    ])) : U("", !0),
+                    w.config.modules.fileUpload ? (n(), v("div", Zn, [
+                      p(y, { class: "action-icon" }, {
                         default: b(() => [
-                          p(u(Ee))
+                          p(c(Re))
                         ]),
                         _: 1
                       }),
-                      p(h, {
+                      p(y, {
                         class: "action-icon",
-                        onClick: ot
+                        onClick: nt
                       }, {
                         default: b(() => [
-                          p(u(Ze))
+                          p(c(Je))
                         ]),
                         _: 1
                       }),
-                      p(h, { class: "action-icon" }, {
+                      p(y, { class: "action-icon" }, {
                         default: b(() => [
-                          p(u(Lt))
+                          p(c(Ft))
                         ]),
                         _: 1
                       })
-                    ])) : I("", !0),
-                    t("div", la, [
-                      kt(t("textarea", {
-                        "onUpdate:modelValue": l[4] || (l[4] = (n) => we(C) ? C.value = n : null),
-                        onKeydown: wt(Je(Oe, ["prevent"]), ["enter"]),
-                        onPaste: ct,
+                    ])) : U("", !0),
+                    e("div", el, [
+                      bt(e("textarea", {
+                        "onUpdate:modelValue": s[4] || (s[4] = (i) => Ce(S) ? S.value = i : null),
+                        onKeydown: kt(Ye(He, ["prevent"]), ["enter"]),
+                        onPaste: it,
                         placeholder: "输入消息或粘贴文件...",
                         class: "message-input",
                         rows: "3"
-                      }, null, 40, ia), [
-                        [Ut, u(C)]
+                      }, null, 40, tl), [
+                        [wt, c(S)]
                       ])
                     ]),
-                    t("div", oa, [
-                      p(ae, {
+                    e("div", sl, [
+                      p(ue, {
                         type: "primary",
-                        disabled: !u(C).trim() && B.value.length === 0,
-                        onClick: Oe,
+                        disabled: !c(S).trim() && q.value.length === 0,
+                        onClick: He,
                         class: "send-btn"
                       }, {
-                        default: b(() => [...l[20] || (l[20] = [
-                          ne(" 发送 ", -1)
+                        default: b(() => [...s[20] || (s[20] = [
+                          J(" 发送 ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled"])
                     ]),
-                    t("input", {
+                    e("input", {
                       ref_key: "fileInputRef",
-                      ref: ve,
+                      ref: E,
                       type: "file",
                       multiple: "",
                       class: "hidden-file-input",
-                      onChange: rt
+                      onChange: lt
                     }, null, 544)
                   ])
-                ])) : M.value ? I("", !0) : (r(), v("div", ra, [
-                  p(h, {
+                ])) : O.value ? U("", !0) : (n(), v("div", al, [
+                  p(y, {
                     size: 64,
                     class: "empty-icon"
                   }, {
                     default: b(() => [
-                      p(u(Tt))
+                      p(c(It))
                     ]),
                     _: 1
                   }),
-                  t("div", ca, k(Z.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
+                  e("div", nl, _(ee.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
                 ]))
               ]),
-              ue.value ? (r(), v("div", da, [
-                l[22] || (l[22] = t("div", { class: "detail-header" }, "聊天详情", -1)),
-                t("div", ua, [
-                  t("div", va, [
-                    t("img", {
-                      src: (ke = D.value) == null ? void 0 : ke.avatar,
-                      alt: (Ye = D.value) == null ? void 0 : Ye.name,
+              j.value ? (n(), v("div", ll, [
+                s[22] || (s[22] = e("div", { class: "detail-header" }, "聊天详情", -1)),
+                e("div", il, [
+                  e("div", ol, [
+                    e("img", {
+                      src: (Se = F.value) == null ? void 0 : Se.avatar,
+                      alt: (o = F.value) == null ? void 0 : o.name,
                       class: "detail-avatar"
-                    }, null, 8, pa),
-                    t("div", fa, k((Ge = D.value) == null ? void 0 : Ge.name), 1),
-                    l[21] || (l[21] = t("div", { class: "detail-actions" }, [
-                      t("div", { class: "detail-action-item" }, "查找聊天记录"),
-                      t("div", { class: "detail-action-item" }, "清空聊天记录")
+                    }, null, 8, rl),
+                    e("div", cl, _((te = F.value) == null ? void 0 : te.name), 1),
+                    s[21] || (s[21] = e("div", { class: "detail-actions" }, [
+                      e("div", { class: "detail-action-item" }, "查找聊天记录"),
+                      e("div", { class: "detail-action-item" }, "清空聊天记录")
                     ], -1))
                   ])
                 ])
-              ])) : I("", !0)
+              ])) : U("", !0)
             ]),
-            p(Me, {
-              modelValue: u(le),
-              "onUpdate:modelValue": l[6] || (l[6] = (n) => we(le) ? le.value = n : null),
+            p(ze, {
+              modelValue: c(ne),
+              "onUpdate:modelValue": s[6] || (s[6] = (i) => Ce(ne) ? ne.value = i : null),
               title: "添加好友",
               width: "500px",
               "append-to-body": ""
             }, {
               default: b(() => [
-                t("div", ma, [
-                  t("div", ha, [
-                    p(L, {
-                      modelValue: u(te),
-                      "onUpdate:modelValue": l[5] || (l[5] = (n) => we(te) ? te.value = n : null),
+                e("div", dl, [
+                  e("div", ul, [
+                    p(V, {
+                      modelValue: c(_e),
+                      "onUpdate:modelValue": s[5] || (s[5] = (i) => Ce(_e) ? _e.value = i : null),
                       placeholder: "搜索用户",
-                      "prefix-icon": u(Ke)
+                      "prefix-icon": c(Le)
                     }, null, 8, ["modelValue", "prefix-icon"])
                   ])
                 ]),
-                t("div", ga, [
-                  u(x) ? (r(), q($, {
+                e("div", vl, [
+                  c(R) ? (n(), B(Y, {
                     key: 0,
                     description: "加载中..."
-                  })) : u(G).length === 0 ? (r(), q($, {
+                  })) : c(fe).length === 0 ? (n(), B(Y, {
                     key: 1,
                     description: "暂无用户"
-                  })) : (r(!0), v(fe, { key: 2 }, me(u(G), (n) => (r(), v("div", {
-                    key: n.username,
+                  })) : (n(!0), v(se, { key: 2 }, ae(c(fe), (i) => (n(), v("div", {
+                    key: i.username,
                     class: "available-user-item"
                   }, [
-                    t("div", ya, [
-                      t("img", {
-                        src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${n.username}`,
-                        alt: n.username,
+                    e("div", pl, [
+                      e("img", {
+                        src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${i.username}`,
+                        alt: i.username,
                         class: "available-user-avatar"
-                      }, null, 8, _a),
-                      t("div", ba, k(n.username), 1)
+                      }, null, 8, ml),
+                      e("div", fl, _(i.username), 1)
                     ]),
-                    p(ae, {
+                    p(ue, {
                       type: "primary",
                       size: "small",
-                      onClick: (j) => u(Se)(n)
+                      onClick: (me) => c(De)(i)
                     }, {
-                      default: b(() => [...l[23] || (l[23] = [
-                        ne("添加", -1)
+                      default: b(() => [...s[23] || (s[23] = [
+                        J("添加", -1)
                       ])]),
                       _: 1
                     }, 8, ["onClick"])
@@ -1613,9 +2536,9 @@ const et = (y, e) => {
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            p(Me, {
-              modelValue: i.value,
-              "onUpdate:modelValue": l[11] || (l[11] = (n) => i.value = n),
+            p(ze, {
+              modelValue: l.value,
+              "onUpdate:modelValue": s[11] || (s[11] = (i) => l.value = i),
               title: "个人设置",
               width: "560px",
               "close-on-click-modal": !1,
@@ -1623,161 +2546,161 @@ const et = (y, e) => {
               class: "settings-dialog"
             }, {
               default: b(() => [
-                t("div", Ca, [
-                  t("div", ka, [
-                    t("div", wa, [
-                      t("img", {
-                        src: u(z),
+                e("div", hl, [
+                  e("div", gl, [
+                    e("div", _l, [
+                      e("img", {
+                        src: c(I),
                         alt: "头像",
                         class: "settings-avatar"
-                      }, null, 8, Ua),
-                      y.config.modules.avatarCrop ? (r(), v("div", {
+                      }, null, 8, yl),
+                      w.config.modules.avatarCrop ? (n(), v("div", {
                         key: 0,
                         class: "settings-avatar-edit",
-                        onClick: it
+                        onClick: at
                       }, [
-                        p(h, {
+                        p(y, {
                           size: 18,
                           class: "settings-avatar-icon"
                         }, {
                           default: b(() => [
-                            p(u(zt))
+                            p(c(zt))
                           ]),
                           _: 1
                         })
-                      ])) : I("", !0),
-                      t("input", {
+                      ])) : U("", !0),
+                      e("input", {
                         ref_key: "avatarInputRef",
-                        ref: se,
+                        ref: A,
                         type: "file",
                         accept: "image/*",
                         class: "hidden-avatar-input",
-                        onChange: ut
+                        onChange: rt
                       }, null, 544)
                     ]),
-                    t("div", xa, [
-                      t("div", Aa, k(u(w).nickname || u(T)), 1),
-                      t("div", Sa, "@" + k(u(T)), 1)
+                    e("div", bl, [
+                      e("div", kl, _(c(T).nickname || c(N)), 1),
+                      e("div", wl, "@" + _(c(N)), 1)
                     ])
                   ]),
-                  t("div", Va, [
-                    t("div", Fa, [
-                      t("div", Ra, [
-                        p(h, null, {
+                  e("div", Cl, [
+                    e("div", Ul, [
+                      e("div", $l, [
+                        p(y, null, {
                           default: b(() => [
-                            p(u(Qe))
+                            p(c(Ge))
                           ]),
                           _: 1
                         }),
-                        l[24] || (l[24] = ne(" 个人信息 ", -1))
+                        s[24] || (s[24] = J(" 个人信息 ", -1))
                       ]),
-                      H.value ? I("", !0) : (r(), q(ae, {
+                      D.value ? U("", !0) : (n(), B(ue, {
                         key: 0,
                         type: "primary",
                         size: "small",
-                        onClick: pt,
+                        onClick: dt,
                         class: "settings-edit-btn"
                       }, {
-                        default: b(() => [...l[25] || (l[25] = [
-                          ne(" 编辑 ", -1)
+                        default: b(() => [...s[25] || (s[25] = [
+                          J(" 编辑 ", -1)
                         ])]),
                         _: 1
                       }))
                     ]),
-                    t("div", Ia, [
-                      t("div", La, [
-                        l[26] || (l[26] = t("label", { class: "settings-form-label" }, "昵称", -1)),
-                        H.value ? (r(), q(L, {
+                    e("div", xl, [
+                      e("div", Al, [
+                        s[26] || (s[26] = e("label", { class: "settings-form-label" }, "昵称", -1)),
+                        D.value ? (n(), B(V, {
                           key: 0,
-                          modelValue: W.value.nickname,
-                          "onUpdate:modelValue": l[7] || (l[7] = (n) => W.value.nickname = n),
+                          modelValue: X.value.nickname,
+                          "onUpdate:modelValue": s[7] || (s[7] = (i) => X.value.nickname = i),
                           placeholder: "请输入昵称",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (r(), v("div", Ta, k(u(w).nickname || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (n(), v("div", Vl, _(c(T).nickname || "未设置"), 1))
                       ]),
-                      t("div", za, [
-                        l[27] || (l[27] = t("label", { class: "settings-form-label" }, "邮箱", -1)),
-                        H.value ? (r(), q(L, {
+                      e("div", Sl, [
+                        s[27] || (s[27] = e("label", { class: "settings-form-label" }, "邮箱", -1)),
+                        D.value ? (n(), B(V, {
                           key: 0,
-                          modelValue: W.value.email,
-                          "onUpdate:modelValue": l[8] || (l[8] = (n) => W.value.email = n),
+                          modelValue: X.value.email,
+                          "onUpdate:modelValue": s[8] || (s[8] = (i) => X.value.email = i),
                           placeholder: "请输入邮箱",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (r(), v("div", Da, k(u(w).email || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (n(), v("div", Fl, _(c(T).email || "未设置"), 1))
                       ]),
-                      t("div", Ma, [
-                        l[28] || (l[28] = t("label", { class: "settings-form-label" }, "手机号", -1)),
-                        H.value ? (r(), q(L, {
+                      e("div", Il, [
+                        s[28] || (s[28] = e("label", { class: "settings-form-label" }, "手机号", -1)),
+                        D.value ? (n(), B(V, {
                           key: 0,
-                          modelValue: W.value.phone,
-                          "onUpdate:modelValue": l[9] || (l[9] = (n) => W.value.phone = n),
+                          modelValue: X.value.phone,
+                          "onUpdate:modelValue": s[9] || (s[9] = (i) => X.value.phone = i),
                           placeholder: "请输入手机号",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (r(), v("div", $a, k(u(w).phone || "未设置"), 1))
+                        }, null, 8, ["modelValue"])) : (n(), v("div", zl, _(c(T).phone || "未设置"), 1))
                       ]),
-                      t("div", Ea, [
-                        l[29] || (l[29] = t("label", { class: "settings-form-label" }, "个人简介", -1)),
-                        H.value ? (r(), q(L, {
+                      e("div", Rl, [
+                        s[29] || (s[29] = e("label", { class: "settings-form-label" }, "个人简介", -1)),
+                        D.value ? (n(), B(V, {
                           key: 0,
-                          modelValue: W.value.bio,
-                          "onUpdate:modelValue": l[10] || (l[10] = (n) => W.value.bio = n),
+                          modelValue: X.value.bio,
+                          "onUpdate:modelValue": s[10] || (s[10] = (i) => X.value.bio = i),
                           type: "textarea",
                           rows: 4,
                           placeholder: "介绍一下自己吧...",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (r(), v("div", Ka, k(u(w).bio || "这个人很懒，什么都没写~"), 1))
+                        }, null, 8, ["modelValue"])) : (n(), v("div", Ll, _(c(T).bio || "这个人很懒，什么都没写~"), 1))
                       ]),
-                      H.value ? (r(), v("div", Wa, [
-                        p(ae, {
+                      D.value ? (n(), v("div", Tl, [
+                        p(ue, {
                           size: "default",
-                          onClick: ft
+                          onClick: ut
                         }, {
-                          default: b(() => [...l[30] || (l[30] = [
-                            ne("取消", -1)
+                          default: b(() => [...s[30] || (s[30] = [
+                            J("取消", -1)
                           ])]),
                           _: 1
                         }),
-                        p(ae, {
+                        p(ue, {
                           type: "primary",
                           size: "default",
-                          loading: a.value,
-                          onClick: mt
+                          loading: ge.value,
+                          onClick: vt
                         }, {
-                          default: b(() => [...l[31] || (l[31] = [
-                            ne("保存更改", -1)
+                          default: b(() => [...s[31] || (s[31] = [
+                            J("保存更改", -1)
                           ])]),
                           _: 1
                         }, 8, ["loading"])
-                      ])) : I("", !0)
+                      ])) : U("", !0)
                     ])
                   ])
                 ])
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            p(Ot, {
-              modelValue: c.value,
-              "onUpdate:modelValue": l[12] || (l[12] = (n) => c.value = n),
-              src: ee.value,
-              onConfirm: vt
+            p(Tt, {
+              modelValue: d.value,
+              "onUpdate:modelValue": s[12] || (s[12] = (i) => d.value = i),
+              src: le.value,
+              onConfirm: ct
             }, null, 8, ["modelValue", "src"]),
-            pe.value.visible ? (r(), v("div", {
+            pe.value.visible ? (n(), v("div", {
               key: 0,
               class: "context-menu",
-              style: xt({ left: pe.value.x + "px", top: pe.value.y + "px" })
+              style: Ct({ left: pe.value.x + "px", top: pe.value.y + "px" })
             }, [
-              t("div", {
+              e("div", {
                 class: "context-menu-item",
-                onClick: st
+                onClick: Ze
               }, "删除聊天")
-            ], 4)) : I("", !0)
+            ], 4)) : U("", !0)
           ];
         }),
         _: 1
       }, 8, ["modelValue", "width"]);
     };
   }
-}, ja = /* @__PURE__ */ et(Ba, [["__scopeId", "data-v-a76a4ef3"]]), Na = {
+}, Pl = /* @__PURE__ */ ht(Ml, [["__scopeId", "data-v-a76a4ef3"]]), Dl = {
   // API 配置
   api: {
     baseUrl: "",
@@ -1824,6 +2747,10 @@ const et = (y, e) => {
   },
   // 自定义请求头
   headers: {},
+  // 请求拦截器 (可选)
+  requestInterceptors: [],
+  // 响应拦截器 (可选)
+  responseInterceptors: [],
   // WebSocket 配置
   websocket: {
     maxReconnectAttempts: 5,
@@ -1836,29 +2763,30 @@ const et = (y, e) => {
     allowedTypes: ["*"]
   }
 };
-function Xa(y = {}) {
-  const e = tt(Na, y);
-  return e.api.baseUrl || console.warn("[VueChatKit] 请配置 api.baseUrl"), e.api.websocketUrl || console.warn("[VueChatKit] 请配置 api.websocketUrl"), e.user.username || console.warn("[VueChatKit] 请配置 user.username"), e;
+function Nl(w = {}) {
+  const t = Mt(Dl, 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 tt(y, e) {
-  const s = { ...y };
-  for (const o in e)
-    e[o] && typeof e[o] == "object" && !Array.isArray(e[o]) ? s[o] = tt(y[o] || {}, e[o]) : s[o] = e[o];
-  return s;
+function Mt(w, t) {
+  const a = { ...w };
+  for (const m in t)
+    t[m] && typeof t[m] == "object" && !Array.isArray(t[m]) ? a[m] = Mt(w[m] || {}, t[m]) : a[m] = t[m];
+  return a;
 }
-const Ya = {
-  install(y) {
-    y.component("ChatWindow", ChatWindow), y.component("AvatarCrop", AvatarCrop);
+const Hl = {
+  install(w) {
+    w.component("ChatPanel", ChatPanel), w.component("ChatWindow", ChatWindow), w.component("AvatarCrop", AvatarCrop);
   }
 };
 export {
-  Ot as AvatarCrop,
-  Be as ChatApi,
-  Dt as ChatWebSocket,
-  ja as ChatWindow,
-  Mt as HttpClient,
-  Ya as VueChatKit,
-  Xa as createChatConfig,
-  Ya as default,
-  Et as useChat
+  Tt as AvatarCrop,
+  ft as ChatApi,
+  Kl as ChatPanel,
+  Et as ChatWebSocket,
+  Pl as ChatWindow,
+  qt as HttpClient,
+  Hl as VueChatKit,
+  Nl as createChatConfig,
+  Hl as default,
+  Lt as useChat
 };