vue-chat-kit 0.1.2 → 0.2.1

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

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