vue-chat-kit 0.2.2 → 0.3.1

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

@@ -1,7 +1,7 @@
-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 { ref as h, computed as ye, nextTick as Qe, watch as Dt, resolveComponent as ie, openBlock as n, createBlock as K, withCtx as b, createElementVNode as e, createElementBlock as v, createCommentVNode as U, createVNode as p, createTextVNode as J, onMounted as _t, onUnmounted as yt, unref as c, Fragment as se, renderList as ae, normalizeClass as W, resolveDynamicComponent as bt, toDisplayString as _, isRef as Ce, withModifiers as Ye, withDirectives as kt, withKeys as wt, vModelText as Ct, normalizeStyle as Ut } from "vue";
+import { ChatDotRound as Re, UserFilled as Ge, Bell as $t, Setting as xt, Search as Le, Plus as Vt, MoreFilled as At, Document as St, Download as Ft, Folder as Je, Picture as It, ChatLineRound as zt, Camera as Rt } from "@element-plus/icons-vue";
 import mt from "dayjs";
-import { ElMessage as P } from "element-plus";
+import { ElMessage as N } 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 = {
@@ -40,14 +40,14 @@ class Et {
   /**
    * 发送消息
    */
-  send(t, a, m = "text", C = "", N = "", I = 0) {
+  send(t, a, m = "text", C = "", P = "", I = 0) {
     if (this.isConnected()) {
       const T = JSON.stringify({
         to: t,
         msg: a,
         type: m,
         fileUrl: C,
-        fileName: N,
+        fileName: P,
         fileSize: I
       });
       return this.socket.send(T), !0;
@@ -141,11 +141,11 @@ class qt {
    * 核心请求方法
    */
   async request(t, a = {}) {
-    const { method: m = "GET", headers: C = {}, body: N, params: I } = a;
+    const { method: m = "GET", headers: C = {}, body: P, params: I } = a;
     let T = t.startsWith("http") ? t : `${this.baseUrl}${t}`, L = {
       method: m,
       headers: { ...this.headers, ...C },
-      body: N,
+      body: P,
       params: I
     };
     this.requestInterceptors.forEach((x) => {
@@ -340,15 +340,15 @@ class ft {
     return m.append("file", t), m.append("username", a), this.http.post(this.endpoints.uploadAvatar, m);
   }
 }
-const Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ChatApi: ft,
   default: ft
 }, Symbol.toStringTag, { value: "Module" }));
-function Lt(w, t) {
+function Tt(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({
+  const C = w.user.username, P = 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 || "",
@@ -360,15 +360,15 @@ function Lt(w, t) {
       const d = S.value.toLowerCase();
       l = l.filter(
         (g) => {
-          var A;
-          return (A = g.username) == null ? void 0 : A.toLowerCase().includes(d);
+          var V;
+          return (V = g.username) == null ? void 0 : V.toLowerCase().includes(d);
         }
       );
     }
     return l.map((d) => ({
       id: d.username,
       name: d.username,
-      avatar: d.avatar || N.value,
+      avatar: d.avatar || P.value,
       online: d.online,
       lastMsg: d.lastMsg || "暂无消息",
       lastTime: d.lastTime,
@@ -380,15 +380,15 @@ function Lt(w, t) {
       const d = S.value.toLowerCase();
       l = l.filter(
         (g) => {
-          var A;
-          return (A = g.username) == null ? void 0 : A.toLowerCase().includes(d);
+          var V;
+          return (V = g.username) == null ? void 0 : V.toLowerCase().includes(d);
         }
       );
     }
     return l.map((d) => ({
       id: d.username,
       name: d.username,
-      avatar: d.avatar || N.value,
+      avatar: d.avatar || P.value,
       online: d.online,
       isChatting: d.isChatting
     }));
@@ -483,24 +483,24 @@ function Lt(w, t) {
     try {
       const d = await a.uploadFile(l);
       if (d.code === 200 && d.data) {
-        const { fileUrl: g, fileName: A } = d.data;
+        const { fileUrl: g, fileName: V } = d.data;
         if (m.send(
           k.value,
-          A,
+          V,
           "file",
           g,
-          A,
+          V,
           l.size
         )) {
           const E = {
-            msgContent: A,
+            msgContent: V,
             sendUsername: C,
             receiveUsername: k.value,
             createTime: /* @__PURE__ */ new Date(),
             isRead: 0,
             type: "file",
             fileUrl: g,
-            fileName: A,
+            fileName: V,
             fileSize: l.size
           };
           return x.value.push(E), ce(), !0;
@@ -513,7 +513,7 @@ function Lt(w, t) {
   }, De = async (l, d) => {
     if (!(!k.value || !m)) {
       if (d && d.trim() && m.send(k.value, d.trim(), "text")) {
-        const A = {
+        const V = {
           msgContent: d.trim(),
           sendUsername: C,
           receiveUsername: k.value,
@@ -521,11 +521,11 @@ function Lt(w, t) {
           isRead: 0,
           type: "text"
         };
-        x.value.push(A);
+        x.value.push(V);
       }
       for (const g of l) {
-        const A = g.file || g;
-        await xe(A);
+        const V = g.file || g;
+        await xe(V);
       }
       setTimeout(() => {
         we(k.value), de();
@@ -559,9 +559,9 @@ function Lt(w, t) {
     return null;
   }, 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);
+      const g = /【状态变更】(.+?) 已(上线|下线)/, V = l.match(g);
+      if (V) {
+        const le = V[1], E = V[2] === "上线", q = L.value.find((pe) => pe.username === le);
         q && (q.online = E);
       }
       return;
@@ -579,7 +579,7 @@ function Lt(w, t) {
       };
       if (k.value) {
         try {
-          let A = {
+          let V = {
             msgContent: d.content,
             sendUsername: g.username,
             receiveUsername: C,
@@ -590,24 +590,24 @@ function Lt(w, t) {
             fileName: d.fileName || "",
             fileSize: d.fileSize || 0
           };
-          x.value.push(A), ce();
-        } catch (A) {
-          console.error("[VueChatKit] 添加临时消息失败", A);
+          x.value.push(V), ce();
+        } catch (V) {
+          console.error("[VueChatKit] 添加临时消息失败", V);
         }
         we(k.value);
       }
       de(), t && typeof t == "function" && t(g);
     }
-  }, We = () => {
+  }, Be = () => {
     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 = () => {
+  }, Ke = () => {
     m && (m.close(), m = null);
-  }, Ke = async () => {
+  }, We = async () => {
     fe.value = !0, oe.value = "", await ve();
   }, ve = async () => {
     ne.value = !0;
@@ -625,7 +625,7 @@ function Lt(w, t) {
     } catch (d) {
       console.error("[VueChatKit] 添加好友失败", d);
     }
-  }, W = async () => {
+  }, B = async () => {
     $.value = !0;
     try {
       const l = await a.getApplyList(C);
@@ -637,19 +637,19 @@ function Lt(w, t) {
     }
   }, F = async (l) => {
     try {
-      await a.agreeFriend(l, C), await W(), await de();
+      await a.agreeFriend(l, C), await B(), await de();
     } catch (d) {
       console.error("[VueChatKit] 同意好友申请失败", d);
     }
   }, O = async () => {
     try {
       const l = await a.getUserAvatar(C);
-      l.code === 200 && l.data && (N.value = l.data);
+      l.code === 200 && l.data && (P.value = l.data);
     } catch (l) {
       console.warn("[VueChatKit] 加载头像失败", l);
     }
   }, j = (l) => {
-    N.value = l;
+    P.value = l;
   }, D = async () => {
     T.value = !0;
     try {
@@ -678,7 +678,7 @@ function Lt(w, t) {
   return O(), {
     // 状态
     myUsername: C,
-    myAvatar: N,
+    myAvatar: P,
     userInfo: I,
     loadingUserInfo: T,
     friendList: L,
@@ -710,12 +710,12 @@ function Lt(w, t) {
     sendMessage: Ie,
     sendFile: xe,
     sendFilesAndText: De,
-    initWebSocket: We,
-    closeWebSocket: Be,
+    initWebSocket: Be,
+    closeWebSocket: Ke,
     reset: ge,
-    openAddFriendDialog: Ke,
+    openAddFriendDialog: We,
     addFriend: ee,
-    loadFriendApplyList: W,
+    loadFriendApplyList: B,
     agreeFriend: F,
     updateMyAvatar: j,
     getUserInfo: D,
@@ -727,7 +727,7 @@ const ht = (w, t) => {
   for (const [m, C] of t)
     a[m] = C;
   return a;
-}, Wt = { class: "avatar-crop-container" }, Bt = ["src"], Kt = { class: "crop-overlay" }, Pt = { class: "crop-box" }, Nt = {
+}, Bt = { class: "avatar-crop-container" }, Kt = ["src"], Wt = { class: "crop-overlay" }, Nt = { class: "crop-box" }, Pt = {
   key: 0,
   class: "crop-mask"
 }, Ht = { class: "zoom-controls" }, Ot = {
@@ -741,9 +741,9 @@ const ht = (w, t) => {
     const a = w, m = t, C = ye({
       get: () => a.modelValue,
       set: ($) => m("update:modelValue", $)
-    }), N = h(""), I = h(null), T = h(null), L = h(null), H = h(1), x = h({ x: 0, y: 0 }), k = h(!1), S = h({ x: 0, y: 0 }), z = h({ width: 0, height: 0 });
+    }), P = 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 });
+      $ && (P.value = $, H.value = 1, x.value = { x: 0, y: 0 });
     });
     const G = () => {
       Qe(() => {
@@ -789,11 +789,11 @@ const ht = (w, t) => {
         }, "image/png");
       }
     }, _e = () => {
-      N.value = "", H.value = 1, x.value = { x: 0, y: 0 };
+      P.value = "", H.value = 1, x.value = { x: 0, y: 0 };
     };
     return ($, R) => {
       const M = ie("el-slider"), Z = ie("el-button"), he = ie("el-dialog");
-      return n(), B(he, {
+      return n(), K(he, {
         modelValue: C.value,
         "onUpdate:modelValue": R[2] || (R[2] = (re) => C.value = re),
         title: "裁剪头像",
@@ -821,23 +821,23 @@ const ht = (w, t) => {
           })
         ]),
         default: b(() => [
-          e("div", Wt, [
+          e("div", Bt, [
             e("div", {
               class: "crop-area",
               ref_key: "cropAreaRef",
               ref: T
             }, [
               e("img", {
-                src: N.value,
+                src: P.value,
                 ref_key: "imageRef",
                 ref: I,
                 class: "crop-image",
                 onLoad: G,
                 onMousedown: fe,
                 onTouchstart: fe
-              }, null, 40, Bt),
-              e("div", Kt, [
-                e("div", Pt, [
+              }, null, 40, Kt),
+              e("div", Wt, [
+                e("div", Nt, [
                   e("div", {
                     class: "crop-border",
                     ref_key: "cropBoxRef",
@@ -845,7 +845,7 @@ const ht = (w, t) => {
                   }, null, 512)
                 ])
               ]),
-              k.value ? (n(), v("div", Nt)) : U("", !0)
+              k.value ? (n(), v("div", Pt)) : U("", !0)
             ], 512),
             e("div", Ht, [
               p(M, {
@@ -863,7 +863,7 @@ const ht = (w, t) => {
       }, 8, ["modelValue"]);
     };
   }
-}, Tt = /* @__PURE__ */ ht(Ot, [["__scopeId", "data-v-4e4a992b"]]), jt = { class: "chat-panel" }, Xt = { class: "chat-sidebar" }, Yt = ["src"], Gt = ["onClick"], Jt = {
+}, gt = /* @__PURE__ */ ht(Ot, [["__scopeId", "data-v-4e4a992b"]]), jt = { class: "chat-panel" }, Xt = { class: "chat-sidebar" }, Yt = ["src"], Gt = ["onClick"], Jt = {
   key: 0,
   class: "sidebar-nav-badge"
 }, Qt = { class: "chat-content-panel" }, Zt = { class: "chat-search-bar" }, es = { class: "chat-content-scroll" }, ts = { key: 0 }, ss = ["onClick", "onContextmenu"], as = { class: "chat-list-avatar-wrapper" }, ns = ["src", "alt"], ls = {
@@ -872,19 +872,19 @@ const ht = (w, t) => {
 }, is = { class: "chat-list-info" }, os = { class: "chat-list-header" }, rs = { class: "chat-list-name" }, cs = { class: "chat-list-time" }, ds = { class: "chat-list-preview" }, us = { class: "chat-list-last-msg" }, vs = {
   key: 0,
   class: "chat-list-unread"
-}, ps = { key: 1 }, ms = { class: "add-friend-section" }, fs = { class: "add-friend-icon" }, hs = ["onClick"], gs = { class: "chat-list-avatar-wrapper" }, _s = ["src", "alt"], ys = { class: "chat-list-info" }, bs = { class: "chat-list-name" }, ks = { key: 2 }, ws = { class: "friend-request-info" }, Cs = ["src", "alt"], Us = { class: "friend-request-details" }, $s = { class: "friend-request-username" }, xs = { class: "chat-main-area" }, As = {
+}, 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" }, Vs = {
   key: 0,
   class: "friend-profile-area"
-}, Vs = ["src", "alt"], Ss = { class: "profile-name" }, Fs = { class: "profile-status" }, Is = {
+}, As = ["src", "alt"], Ss = { class: "profile-name" }, Fs = { class: "profile-status" }, Is = {
   key: 1,
   class: "chat-window-area"
 }, zs = { class: "chat-window-header" }, Rs = { class: "chat-window-title" }, Ls = { class: "chat-window-name" }, Ts = { class: "chat-window-actions" }, Ms = { class: "message-avatar" }, Ds = ["src"], Es = {
   key: 0,
   class: "message-sender-name"
-}, qs = { class: "message-bubble-wrapper" }, Ws = ["onClick"], Bs = ["src", "alt"], Ks = {
+}, qs = { class: "message-bubble-wrapper" }, Bs = ["onClick"], Ks = ["src", "alt"], Ws = {
   key: 0,
   class: "message-image-size"
-}, Ps = ["onClick"], Ns = { class: "message-file-content" }, Hs = { class: "message-file-icon" }, Os = { class: "message-file-info" }, js = { class: "message-file-name" }, Xs = { class: "message-file-meta" }, Ys = { key: 0 }, Gs = { class: "chat-input-area" }, Js = {
+}, Ns = ["onClick"], Ps = { class: "message-file-content" }, Hs = { class: "message-file-icon" }, Os = { class: "message-file-info" }, js = { class: "message-file-name" }, Xs = { class: "message-file-meta" }, Ys = { key: 0 }, Gs = { class: "chat-input-area" }, Js = {
   key: 0,
   class: "pending-files-area"
 }, Qs = {
@@ -902,7 +902,7 @@ const ht = (w, t) => {
 }, ca = { class: "empty-state-text" }, da = {
   key: 0,
   class: "chat-detail-panel"
-}, ua = { class: "chat-detail-content" }, va = { class: "chat-detail-profile" }, pa = ["src", "alt"], ma = { class: "chat-detail-name" }, fa = { class: "add-friend-search-wrapper" }, ha = { class: "add-friend-users-list" }, ga = { class: "add-friend-user-info" }, _a = ["src", "alt"], ya = { class: "add-friend-user-name" }, ba = { class: "chat-settings-container" }, ka = { class: "chat-settings-avatar-section" }, wa = { class: "chat-settings-avatar-wrapper" }, Ca = ["src"], Ua = { class: "chat-settings-user-display" }, $a = { class: "chat-settings-nickname" }, xa = { class: "chat-settings-username" }, Aa = { class: "chat-settings-form-section" }, Va = { class: "chat-settings-form-header" }, Sa = { class: "chat-settings-form-title" }, Fa = { class: "chat-settings-form" }, Ia = { class: "chat-settings-form-item" }, za = {
+}, 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" }, Va = { class: "chat-settings-form-section" }, Aa = { class: "chat-settings-form-header" }, Sa = { class: "chat-settings-form-title" }, Fa = { class: "chat-settings-form" }, Ia = { class: "chat-settings-form-item" }, za = {
   key: 1,
   class: "chat-settings-form-value"
 }, Ra = { class: "chat-settings-form-item" }, La = {
@@ -917,7 +917,7 @@ const ht = (w, t) => {
 }, qa = {
   key: 0,
   class: "chat-settings-form-actions"
-}, Wa = {
+}, Ba = {
   __name: "ChatPanel",
   props: {
     config: { type: Object, required: !0 }
@@ -926,7 +926,7 @@ const ht = (w, t) => {
   setup(w, { emit: t }) {
     const a = w, m = t, {
       myUsername: C,
-      myAvatar: N,
+      myAvatar: P,
       userInfo: I,
       loadingUserInfo: T,
       friendList: L,
@@ -962,36 +962,36 @@ const ht = (w, t) => {
       loadFriendApplyList: De,
       agreeFriend: Ee,
       updateMyAvatar: qe,
-      getUserInfo: We,
-      updateUserInfo: Be
-    } = Lt(a.config, (f) => {
+      getUserInfo: Be,
+      updateUserInfo: Ke
+    } = Tt(a.config, (f) => {
       m("message", f);
-    }), Ke = ye(() => {
+    }), We = 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) => {
+      return a.config.modules.friends && f.push({ id: "friends", icon: Ge, badge: 0 }), a.config.modules.apply && f.push({ id: "apply", icon: $t, badge: ((r = R.value) == null ? void 0 : r.length) || 0 }), f;
+    }), ve = h("chat"), ee = h(null), B = 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), V = 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 = () => {
+    }, Ve = () => {
       q.value.visible = !1;
     }, Ze = async () => {
       if (!q.value.chat) return;
-      await $e(q.value.chat.id, 0) && ee.value === q.value.chat.id && (ee.value = null, W.value = null), Ae();
-    }, Ve = (f) => {
-      ee.value = f.id, W.value = f, F.value = null, O.value = !1, ke({
+      await $e(q.value.chat.id, 0) && ee.value === q.value.chat.id && (ee.value = null, B.value = null), Ve();
+    }, Ae = (f) => {
+      ee.value = f.id, B.value = f, F.value = null, O.value = !1, ke({
         id: f.id,
         name: f.name,
         avatar: f.avatar,
         online: f.online
       });
     }, et = (f) => {
-      F.value = f, ee.value = null, W.value = null;
+      F.value = f, ee.value = null, B.value = null;
     }, tt = async () => {
       if (!F.value) return;
       if (await $e(F.value.id)) {
         ve.value = "chat", await Qe();
         const r = z.value.find((u) => u.id === F.value.id);
-        r && Ve(r), F.value = null;
+        r && Ae(r), F.value = null;
       }
     }, st = () => {
       ge.value = !0;
@@ -1006,7 +1006,7 @@ const ht = (w, t) => {
       if (r.length !== 0) {
         for (const u of r) {
           if (u.size > 50 * 1024 * 1024) {
-            P.warning(`文件 ${u.name} 超过50MB，已跳过`);
+            N.warning(`文件 ${u.name} 超过50MB，已跳过`);
             continue;
           }
           const s = URL.createObjectURL(u);
@@ -1022,10 +1022,10 @@ const ht = (w, t) => {
         }
         le.value && (le.value.value = "");
       }
-    }, Pe = (f) => {
+    }, Ne = (f) => {
       const r = E.value[f];
       r.previewUrl && URL.revokeObjectURL(r.previewUrl), E.value.splice(f, 1);
-    }, Ne = (f) => {
+    }, Pe = (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];
@@ -1044,17 +1044,17 @@ const ht = (w, t) => {
             const y = s.getAsFile();
             if (y) {
               if (y.size > 50 * 1024 * 1024) {
-                P.warning(`文件 ${y.name} 超过50MB，已跳过`);
+                N.warning(`文件 ${y.name} 超过50MB，已跳过`);
                 continue;
               }
-              const V = URL.createObjectURL(y);
+              const A = URL.createObjectURL(y);
               E.value.push({
                 id: Date.now() + Math.random(),
                 file: y,
                 name: y.name,
                 size: y.size,
                 type: y.type,
-                previewUrl: V,
+                previewUrl: A,
                 isImage: y.type.startsWith("image/")
               });
             }
@@ -1062,7 +1062,7 @@ const ht = (w, t) => {
       }
     }, Oe = (f) => {
       if (!f) {
-        P.warning("文件地址无效");
+        N.warning("文件地址无效");
         return;
       }
       window.open(f, "_blank");
@@ -1072,31 +1072,31 @@ const ht = (w, t) => {
       const r = f.target.files[0];
       if (!r) return;
       if (!r.type.startsWith("image/")) {
-        P.error("只能上传图片文件");
+        N.error("只能上传图片文件");
         return;
       }
       if (r.size > 5 * 1024 * 1024) {
-        P.error("图片大小不能超过 5MB");
+        N.error("图片大小不能超过 5MB");
         return;
       }
       const u = new FileReader();
       u.onload = (s) => {
-        A.value = s.target.result, l.value = !0;
+        V.value = s.target.result, l.value = !0;
       }, u.readAsDataURL(r);
     }, ct = async ({ file: f }) => {
       if (f) {
         d.value = !0;
         try {
-          const { ChatApi: r } = await Promise.resolve().then(() => Rt), s = await new r(a.config).uploadAvatar(f, C);
-          s.code === 200 ? (P.success("头像上传成功"), qe(s.data), je()) : P.error(s.msg || "头像上传失败");
+          const { ChatApi: r } = await Promise.resolve().then(() => Lt), s = await new r(a.config).uploadAvatar(f, C);
+          s.code === 200 ? (N.success("头像上传成功"), qe(s.data), je()) : N.error(s.msg || "头像上传失败");
         } catch (r) {
-          console.error(r), P.error("头像上传失败");
+          console.error(r), N.error("头像上传失败");
         } finally {
           d.value = !1;
         }
       }
     }, je = () => {
-      A.value = "", l.value = !1, g.value && (g.value.value = "");
+      V.value = "", l.value = !1, g.value && (g.value.value = "");
     }, dt = () => {
       D.value = {
         nickname: I.value.nickname || "",
@@ -1109,20 +1109,20 @@ const ht = (w, t) => {
     }, vt = async () => {
       X.value = !0;
       try {
-        await Be(D.value) ? (P.success("保存成功"), j.value = !1) : P.error("保存失败");
+        await Ke(D.value) ? (N.success("保存成功"), j.value = !1) : N.error("保存失败");
       } catch (f) {
-        console.error(f), P.error("保存失败");
+        console.error(f), N.error("保存失败");
       } finally {
         X.value = !1;
       }
     };
-    return gt(async () => {
-      await Promise.all([be(), De(), We()]), Te(), z.value.length > 0 && Ve(z.value[0]), m("init"), document.addEventListener("click", Ae);
-    }), _t(() => {
-      Fe(), Me(), document.removeEventListener("click", Ae);
+    return _t(async () => {
+      await Promise.all([be(), De(), Be()]), Te(), z.value.length > 0 && Ae(z.value[0]), m("init"), document.addEventListener("click", Ve);
+    }), yt(() => {
+      Fe(), Me(), document.removeEventListener("click", Ve);
     }), (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");
+      const u = ie("el-icon"), s = ie("el-input"), y = ie("el-empty"), A = ie("el-button"), Y = ie("el-dialog");
       return n(), v("div", jt, [
         e("div", Xt, [
           e("div", {
@@ -1130,14 +1130,14 @@ const ht = (w, t) => {
             onClick: st
           }, [
             e("img", {
-              src: c(N),
+              src: c(P),
               alt: "头像",
               class: "sidebar-avatar-img"
             }, null, 8, Yt)
           ]),
-          (n(!0), v(se, null, ae(Ke.value, (o) => (n(), v("div", {
+          (n(!0), v(se, null, ae(We.value, (o) => (n(), v("div", {
             key: o.id,
-            class: K([
+            class: W([
               "sidebar-nav-item",
               ve.value === o.id ? "sidebar-nav-item-active" : "sidebar-nav-item-inactive"
             ]),
@@ -1145,7 +1145,7 @@ const ht = (w, t) => {
           }, [
             p(u, { size: 24 }, {
               default: b(() => [
-                (n(), B(yt(o.icon)))
+                (n(), K(bt(o.icon)))
               ]),
               _: 2
             }, 1024),
@@ -1160,7 +1160,7 @@ const ht = (w, t) => {
           }, [
             p(u, { size: 24 }, {
               default: b(() => [
-                p(c($t))
+                p(c(xt))
               ]),
               _: 1
             })
@@ -1180,11 +1180,11 @@ const ht = (w, t) => {
             ve.value === "chat" ? (n(), v("div", ts, [
               (n(!0), v(se, null, ae(c(z), (o) => (n(), v("div", {
                 key: o.id,
-                class: K([
+                class: W([
                   "chat-list-item",
                   ee.value === o.id ? "chat-list-item-active" : ""
                 ]),
-                onClick: (te) => Ve(o),
+                onClick: (te) => Ae(o),
                 onContextmenu: Ye((te) => pe(te, o), ["prevent", "stop"])
               }, [
                 e("div", as, [
@@ -1219,7 +1219,7 @@ const ht = (w, t) => {
                       size: 20
                     }, {
                       default: b(() => [
-                        p(c(xt))
+                        p(c(Vt))
                       ]),
                       _: 1
                     })
@@ -1239,7 +1239,7 @@ const ht = (w, t) => {
                     class: "chat-list-avatar"
                   }, null, 8, _s),
                   e("span", {
-                    class: K([
+                    class: W([
                       "chat-list-online-indicator",
                       o.online ? "chat-list-online" : "chat-list-offline"
                     ])
@@ -1251,10 +1251,10 @@ const ht = (w, t) => {
               ], 8, hs))), 128))
             ])) : U("", !0),
             ve.value === "apply" && w.config.modules.apply ? (n(), v("div", ks, [
-              c(M) ? (n(), B(y, {
+              c(M) ? (n(), K(y, {
                 key: 0,
                 description: "加载中..."
-              })) : c(R).length === 0 ? (n(), B(y, {
+              })) : c(R).length === 0 ? (n(), K(y, {
                 key: 1,
                 description: "暂无好友申请"
               })) : (n(!0), v(se, { key: 2 }, ae(c(R), (o) => (n(), v("div", {
@@ -1272,7 +1272,7 @@ const ht = (w, t) => {
                     r[15] || (r[15] = e("div", { class: "friend-request-desc" }, "请求添加你为好友", -1))
                   ])
                 ]),
-                p(V, {
+                p(A, {
                   type: "primary",
                   size: "small",
                   onClick: (te) => c(Ee)(o.applyUser)
@@ -1287,23 +1287,23 @@ const ht = (w, t) => {
           ])
         ]),
         e("div", xs, [
-          F.value && !W.value ? (n(), v("div", As, [
+          F.value && !B.value ? (n(), v("div", Vs, [
             e("img", {
               src: F.value.avatar,
               alt: F.value.name,
               class: "profile-avatar"
-            }, null, 8, Vs),
+            }, null, 8, As),
             e("div", Ss, _(F.value.name), 1),
             e("div", Fs, [
               e("span", {
-                class: K([
+                class: W([
                   "profile-status-dot",
                   F.value.online ? "profile-status-online" : "profile-status-offline"
                 ])
               }, null, 2),
               e("span", null, _(F.value.online ? "在线" : "离线"), 1)
             ]),
-            p(V, {
+            p(A, {
               type: "primary",
               size: "large",
               onClick: tt,
@@ -1321,16 +1321,16 @@ const ht = (w, t) => {
               _: 1
             })
           ])) : U("", !0),
-          W.value ? (n(), v("div", Is, [
+          B.value ? (n(), v("div", Is, [
             e("div", zs, [
               e("div", Rs, [
-                e("span", Ls, _(W.value.name), 1),
+                e("span", Ls, _(B.value.name), 1),
                 e("span", {
-                  class: K([
+                  class: W([
                     "chat-window-status",
-                    W.value.online ? "chat-window-status-online" : "chat-window-status-offline"
+                    B.value.online ? "chat-window-status-online" : "chat-window-status-offline"
                   ])
-                }, _(W.value.online ? "在线" : "离线"), 3)
+                }, _(B.value.online ? "在线" : "离线"), 3)
               ]),
               e("div", Ts, [
                 p(u, { class: "chat-action-icon" }, {
@@ -1357,34 +1357,34 @@ const ht = (w, t) => {
             }, [
               (n(!0), v(se, null, ae(c(oe), (o, te) => (n(), v("div", {
                 key: te,
-                class: K([
+                class: W([
                   "message-wrapper",
                   o.isSelf ? "message-self" : "message-other"
                 ])
               }, [
                 e("div", Ms, [
                   e("img", {
-                    src: o.isSelf ? c(N) : W.value.avatar,
+                    src: o.isSelf ? c(P) : B.value.avatar,
                     class: "message-avatar-img"
                   }, null, 8, Ds)
                 ]),
                 e("div", {
-                  class: K([
+                  class: W([
                     "message-content",
                     o.isSelf ? "message-content-self" : "message-content-other"
                   ])
                 }, [
-                  o.isSelf ? U("", !0) : (n(), v("div", Es, _(W.value.name), 1)),
+                  o.isSelf ? U("", !0) : (n(), v("div", Es, _(B.value.name), 1)),
                   e("div", qs, [
                     o.type === "text" ? (n(), v("div", {
                       key: 0,
-                      class: K([
+                      class: W([
                         "message-bubble",
                         o.isSelf ? "message-bubble-self" : "message-bubble-other"
                       ])
                     }, _(o.text), 3)) : o.type === "file" && o.fileType === "image" ? (n(), v("div", {
                       key: 1,
-                      class: K([
+                      class: W([
                         "message-bubble",
                         "message-image-bubble",
                         o.isSelf ? "message-bubble-self" : "message-bubble-other"
@@ -1396,22 +1396,22 @@ const ht = (w, t) => {
                         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", {
+                      }, null, 40, Ks),
+                      o.fileSize ? (n(), v("div", Ws, _(Pe(o.fileSize)), 1)) : U("", !0)
+                    ], 10, Bs)) : o.type === "file" ? (n(), v("div", {
                       key: 2,
-                      class: K([
+                      class: W([
                         "message-bubble",
                         "message-file-bubble",
                         o.isSelf ? "message-bubble-self" : "message-bubble-other"
                       ]),
                       onClick: (i) => Oe(o.fileUrl)
                     }, [
-                      e("div", Ns, [
+                      e("div", Ps, [
                         e("div", Hs, [
                           p(u, { size: 28 }, {
                             default: b(() => [
-                              p(c(Vt))
+                              p(c(St))
                             ]),
                             _: 1
                           })
@@ -1421,18 +1421,18 @@ const ht = (w, t) => {
                           e("div", Xs, [
                             p(u, { size: 12 }, {
                               default: b(() => [
-                                p(c(St))
+                                p(c(Ft))
                               ]),
                               _: 1
                             }),
                             r[18] || (r[18] = e("span", null, "点击下载", -1)),
-                            o.fileSize ? (n(), v("span", Ys, "· " + _(Ne(o.fileSize)), 1)) : U("", !0)
+                            o.fileSize ? (n(), v("span", Ys, "· " + _(Pe(o.fileSize)), 1)) : U("", !0)
                           ])
                         ])
                       ])
-                    ], 10, Ps)) : U("", !0),
+                    ], 10, Ns)) : U("", !0),
                     e("div", {
-                      class: K([
+                      class: W([
                         "message-time",
                         o.isSelf ? "message-time-right" : "message-time-left"
                       ])
@@ -1454,7 +1454,7 @@ const ht = (w, t) => {
                       class: "pending-image"
                     }, null, 8, Zs),
                     e("button", {
-                      onClick: (i) => Pe(te),
+                      onClick: (i) => Ne(te),
                       class: "pending-file-remove-btn"
                     }, " × ", 8, ea)
                   ])) : (n(), v("div", ta, [
@@ -1466,7 +1466,7 @@ const ht = (w, t) => {
                     }),
                     e("span", sa, _(o.name), 1),
                     e("button", {
-                      onClick: (i) => Pe(te),
+                      onClick: (i) => Ne(te),
                       class: "pending-file-remove-btn"
                     }, " × ", 8, aa)
                   ]))
@@ -1490,25 +1490,25 @@ const ht = (w, t) => {
                 }),
                 p(u, { class: "input-toolbar-icon" }, {
                   default: b(() => [
-                    p(c(Ft))
+                    p(c(It))
                   ]),
                   _: 1
                 })
               ])) : U("", !0),
               e("div", la, [
-                bt(e("textarea", {
+                kt(e("textarea", {
                   "onUpdate:modelValue": r[4] || (r[4] = (o) => Ce(k) ? k.value = o : null),
-                  onKeydown: kt(Ye(He, ["prevent"]), ["enter"]),
+                  onKeydown: wt(Ye(He, ["prevent"]), ["enter"]),
                   onPaste: it,
                   placeholder: "输入消息或粘贴文件...",
                   class: "message-input-textarea",
                   rows: "3"
                 }, null, 40, ia), [
-                  [wt, c(k)]
+                  [Ct, c(k)]
                 ])
               ]),
               e("div", oa, [
-                p(V, {
+                p(A, {
                   type: "primary",
                   disabled: !c(k).trim() && E.value.length === 0,
                   onClick: He,
@@ -1535,7 +1535,7 @@ const ht = (w, t) => {
               class: "empty-state-icon"
             }, {
               default: b(() => [
-                p(c(It))
+                p(c(zt))
               ]),
               _: 1
             }),
@@ -1547,11 +1547,11 @@ const ht = (w, t) => {
           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,
+                src: (ue = B.value) == null ? void 0 : ue.avatar,
+                alt: (ze = B.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),
+              e("div", ma, _((Se = B.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" }, "清空聊天记录")
@@ -1577,10 +1577,10 @@ const ht = (w, t) => {
               }, null, 8, ["modelValue", "prefix-icon"])
             ]),
             e("div", ha, [
-              c($) ? (n(), B(y, {
+              c($) ? (n(), K(y, {
                 key: 0,
                 description: "加载中..."
-              })) : c(G).length === 0 ? (n(), B(y, {
+              })) : c(G).length === 0 ? (n(), K(y, {
                 key: 1,
                 description: "暂无用户"
               })) : (n(!0), v(se, { key: 2 }, ae(c(G), (o) => (n(), v("div", {
@@ -1595,7 +1595,7 @@ const ht = (w, t) => {
                   }, null, 8, _a),
                   e("div", ya, _(o.username), 1)
                 ]),
-                p(V, {
+                p(A, {
                   type: "primary",
                   size: "small",
                   onClick: (te) => c(xe)(o)
@@ -1624,7 +1624,7 @@ const ht = (w, t) => {
               e("div", ka, [
                 e("div", wa, [
                   e("img", {
-                    src: c(N),
+                    src: c(P),
                     alt: "头像",
                     class: "chat-settings-avatar"
                   }, null, 8, Ca),
@@ -1638,7 +1638,7 @@ const ht = (w, t) => {
                       class: "chat-settings-avatar-icon"
                     }, {
                       default: b(() => [
-                        p(c(zt))
+                        p(c(Rt))
                       ]),
                       _: 1
                     })
@@ -1657,8 +1657,8 @@ const ht = (w, t) => {
                   e("div", xa, "@" + _(c(C)), 1)
                 ])
               ]),
-              e("div", Aa, [
-                e("div", Va, [
+              e("div", Va, [
+                e("div", Aa, [
                   e("div", Sa, [
                     p(u, null, {
                       default: b(() => [
@@ -1668,7 +1668,7 @@ const ht = (w, t) => {
                     }),
                     r[23] || (r[23] = J(" 个人信息 ", -1))
                   ]),
-                  j.value ? U("", !0) : (n(), B(V, {
+                  j.value ? U("", !0) : (n(), K(A, {
                     key: 0,
                     type: "primary",
                     size: "small",
@@ -1684,7 +1684,7 @@ const ht = (w, t) => {
                 e("div", Fa, [
                   e("div", Ia, [
                     r[25] || (r[25] = e("label", { class: "chat-settings-form-label" }, "昵称", -1)),
-                    j.value ? (n(), B(s, {
+                    j.value ? (n(), K(s, {
                       key: 0,
                       modelValue: D.value.nickname,
                       "onUpdate:modelValue": r[7] || (r[7] = (o) => D.value.nickname = o),
@@ -1694,7 +1694,7 @@ const ht = (w, t) => {
                   ]),
                   e("div", Ra, [
                     r[26] || (r[26] = e("label", { class: "chat-settings-form-label" }, "邮箱", -1)),
-                    j.value ? (n(), B(s, {
+                    j.value ? (n(), K(s, {
                       key: 0,
                       modelValue: D.value.email,
                       "onUpdate:modelValue": r[8] || (r[8] = (o) => D.value.email = o),
@@ -1704,7 +1704,7 @@ const ht = (w, t) => {
                   ]),
                   e("div", Ta, [
                     r[27] || (r[27] = e("label", { class: "chat-settings-form-label" }, "手机号", -1)),
-                    j.value ? (n(), B(s, {
+                    j.value ? (n(), K(s, {
                       key: 0,
                       modelValue: D.value.phone,
                       "onUpdate:modelValue": r[9] || (r[9] = (o) => D.value.phone = o),
@@ -1714,7 +1714,7 @@ const ht = (w, t) => {
                   ]),
                   e("div", Da, [
                     r[28] || (r[28] = e("label", { class: "chat-settings-form-label" }, "个人简介", -1)),
-                    j.value ? (n(), B(s, {
+                    j.value ? (n(), K(s, {
                       key: 0,
                       modelValue: D.value.bio,
                       "onUpdate:modelValue": r[10] || (r[10] = (o) => D.value.bio = o),
@@ -1725,7 +1725,7 @@ const ht = (w, t) => {
                     }, null, 8, ["modelValue"])) : (n(), v("div", Ea, _(c(I).bio || "这个人很懒，什么都没写~"), 1))
                   ]),
                   j.value ? (n(), v("div", qa, [
-                    p(V, {
+                    p(A, {
                       size: "default",
                       onClick: ut
                     }, {
@@ -1734,7 +1734,7 @@ const ht = (w, t) => {
                       ])]),
                       _: 1
                     }),
-                    p(V, {
+                    p(A, {
                       type: "primary",
                       size: "default",
                       loading: X.value,
@@ -1752,16 +1752,16 @@ const ht = (w, t) => {
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        p(Tt, {
+        p(gt, {
           modelValue: l.value,
           "onUpdate:modelValue": r[12] || (r[12] = (o) => l.value = o),
-          src: A.value,
+          src: V.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" })
+          style: Ut({ left: q.value.x + "px", top: q.value.y + "px" })
         }, [
           e("div", {
             class: "chat-context-menu-item",
@@ -1771,61 +1771,61 @@ const ht = (w, t) => {
       ]);
     };
   }
-}, Kl = /* @__PURE__ */ ht(Wa, [["__scopeId", "data-v-f5908195"]]), Ba = { class: "chat-container" }, Ka = { class: "sidebar-nav" }, Pa = ["src"], Na = ["onClick"], Ha = {
+}, Ka = /* @__PURE__ */ ht(Ba, [["__scopeId", "data-v-f5908195"]]), Wa = { class: "chat-container" }, Na = { class: "sidebar-nav" }, Pa = ["src"], Ha = ["onClick"], Oa = {
   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 = {
+}, ja = { class: "content-panel" }, Xa = { class: "search-bar" }, Ya = { class: "content-scroll" }, Ga = { key: 0 }, Ja = ["onClick", "onContextmenu"], Qa = { class: "friend-avatar-wrapper" }, Za = ["src", "alt"], en = {
   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 = {
+}, tn = { class: "friend-info" }, sn = { class: "friend-header" }, an = { class: "friend-name" }, nn = { class: "last-time" }, ln = { class: "friend-preview" }, on = { class: "last-msg" }, rn = {
   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 = {
+}, cn = { key: 1 }, dn = { class: "add-friend-section" }, un = { class: "add-friend-icon" }, vn = ["onClick"], pn = { class: "friend-avatar-wrapper" }, mn = ["src", "alt"], fn = { class: "friend-info" }, hn = { class: "friend-name" }, gn = { key: 2 }, _n = { class: "request-info" }, yn = ["src", "alt"], bn = { class: "request-details" }, kn = { class: "request-username" }, wn = { class: "chat-area" }, Cn = {
   key: 0,
   class: "friend-profile"
-}, Cn = ["src", "alt"], Un = { class: "profile-name" }, $n = { class: "profile-status" }, xn = {
+}, Un = ["src", "alt"], $n = { class: "profile-name" }, xn = { class: "profile-status" }, Vn = {
   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 = {
+}, An = { class: "chat-header" }, Sn = { class: "chat-title" }, Fn = { class: "chat-name" }, In = { class: "chat-actions" }, zn = { class: "message-avatar" }, Rn = ["src"], Ln = {
   key: 0,
   class: "sender-name"
-}, Ln = { class: "message-bubble-wrapper" }, Tn = ["onClick"], Mn = ["src", "alt"], Dn = {
+}, Tn = { class: "message-bubble-wrapper" }, Mn = ["onClick"], Dn = ["src", "alt"], En = {
   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 = {
+}, qn = ["onClick"], Bn = { class: "file-content" }, Kn = { class: "file-icon" }, Wn = { class: "file-info" }, Nn = { class: "file-name" }, Pn = { class: "file-meta" }, Hn = { key: 0 }, On = { class: "input-area" }, jn = {
   key: 0,
   class: "pending-files"
-}, jn = {
+}, Xn = {
   key: 0,
   class: "pending-image-wrapper"
-}, Xn = ["src", "alt"], Yn = ["onClick"], Gn = {
+}, Yn = ["src", "alt"], Gn = ["onClick"], Jn = {
   key: 1,
   class: "pending-file-wrapper"
-}, Jn = { class: "pending-file-name" }, Qn = ["onClick"], Zn = {
+}, Qn = { class: "pending-file-name" }, Zn = ["onClick"], el = {
   key: 1,
   class: "input-actions"
-}, el = { class: "input-wrapper" }, tl = ["onKeydown"], sl = { class: "send-btn-wrapper" }, al = {
+}, tl = { class: "input-wrapper" }, sl = ["onKeydown"], al = { class: "send-btn-wrapper" }, nl = {
   key: 2,
   class: "empty-state"
-}, nl = { class: "empty-text" }, ll = {
+}, ll = { class: "empty-text" }, il = {
   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 = {
+}, ol = { class: "detail-content" }, rl = { class: "detail-profile" }, cl = ["src", "alt"], dl = { class: "detail-name" }, ul = { class: "search-users-wrapper" }, vl = { class: "search-users-input" }, pl = { class: "users-list-scroll" }, ml = { class: "available-user-info" }, fl = ["src", "alt"], hl = { class: "available-user-name" }, gl = { class: "settings-container" }, _l = { class: "settings-avatar-section" }, yl = { class: "settings-avatar-wrapper" }, bl = ["src"], kl = { class: "settings-user-display" }, wl = { class: "settings-nickname" }, Cl = { class: "settings-username" }, Ul = { class: "settings-form-section" }, $l = { class: "settings-form-header" }, xl = { class: "settings-form-title" }, Vl = { class: "settings-form" }, Al = { class: "settings-form-item" }, Sl = {
   key: 1,
   class: "settings-form-value"
-}, Sl = { class: "settings-form-item" }, Fl = {
+}, Fl = { class: "settings-form-item" }, Il = {
   key: 1,
   class: "settings-form-value"
-}, Il = { class: "settings-form-item" }, zl = {
+}, zl = { class: "settings-form-item" }, Rl = {
   key: 1,
   class: "settings-form-value"
-}, Rl = { class: "settings-form-item" }, Ll = {
+}, Ll = { class: "settings-form-item" }, Tl = {
   key: 1,
   class: "settings-form-value bio-value"
-}, Tl = {
+}, Ml = {
   key: 0,
   class: "settings-form-actions"
-}, Ml = {
+}, Dl = {
   __name: "ChatWindow",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1838,7 +1838,7 @@ const ht = (w, t) => {
       get: () => a.modelValue,
       set: (u) => m("update:modelValue", u)
     }), {
-      myUsername: N,
+      myUsername: P,
       myAvatar: I,
       userInfo: T,
       loadingUserInfo: L,
@@ -1874,39 +1874,39 @@ const ht = (w, t) => {
       addFriend: De,
       loadFriendApplyList: Ee,
       agreeFriend: qe,
-      updateMyAvatar: We,
-      getUserInfo: Be,
-      updateUserInfo: Ke
-    } = Lt(a.config), ve = ye(() => {
+      updateMyAvatar: Be,
+      getUserInfo: Ke,
+      updateUserInfo: We
+    } = Tt(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 = () => {
+      return a.config.modules.friends && u.push({ id: "friends", icon: Ge, badge: 0 }), a.config.modules.apply && u.push({ id: "apply", icon: $t, badge: ((s = M.value) == null ? void 0 : s.length) || 0 }), u;
+    }), ee = h("chat"), B = 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), V = h(null), le = h(""), E = h(null), q = h([]), pe = h({ visible: !1, x: 0, y: 0, chat: null }), Ve = () => {
       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({
+      await ke(pe.value.chat.id, 0) && B.value === pe.value.chat.id && (B.value = null, F.value = null), Ve();
+    }, Ae = (u) => {
+      B.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;
+      O.value = u, B.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;
+        s && Ae(s), O.value = null;
       }
     }, st = () => {
       l.value = !0;
     }, at = () => {
       var u;
-      (u = A.value) == null || u.click();
+      (u = V.value) == null || u.click();
     }, nt = () => {
       var u;
       (u = E.value) == null || u.click();
@@ -1915,29 +1915,29 @@ const ht = (w, t) => {
       if (s.length !== 0) {
         for (const y of s) {
           if (y.size > 50 * 1024 * 1024) {
-            P.warning(`文件 ${y.name} 超过50MB，已跳过`);
+            N.warning(`文件 ${y.name} 超过50MB，已跳过`);
             continue;
           }
-          const V = URL.createObjectURL(y);
+          const A = URL.createObjectURL(y);
           q.value.push({
             id: Date.now() + Math.random(),
             file: y,
             name: y.name,
             size: y.size,
             type: y.type,
-            previewUrl: V,
+            previewUrl: A,
             isImage: y.type.startsWith("image/")
           });
         }
         E.value && (E.value.value = "");
       }
-    }, Pe = (u) => {
+    }, Ne = (u) => {
       const s = q.value[u];
       s.previewUrl && URL.revokeObjectURL(s.previewUrl), q.value.splice(u, 1);
-    }, Ne = (u) => {
+    }, Pe = (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];
+      const s = 1024, y = ["B", "KB", "MB", "GB"], A = Math.floor(Math.log(u) / Math.log(s));
+      return parseFloat((u / Math.pow(s, A)).toFixed(2)) + " " + y[A];
     }, He = async () => {
       if (!S.value.trim() && q.value.length === 0) return;
       const u = [...q.value], s = S.value;
@@ -1948,12 +1948,12 @@ const ht = (w, t) => {
       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();
+        for (const A of s)
+          if (A.kind === "file") {
+            const Y = A.getAsFile();
             if (Y) {
               if (Y.size > 50 * 1024 * 1024) {
-                P.warning(`文件 ${Y.name} 超过50MB，已跳过`);
+                N.warning(`文件 ${Y.name} 超过50MB，已跳过`);
                 continue;
               }
               const ue = URL.createObjectURL(Y);
@@ -1971,7 +1971,7 @@ const ht = (w, t) => {
       }
     }, Oe = (u) => {
       if (!u) {
-        P.warning("文件地址无效");
+        N.warning("文件地址无效");
         return;
       }
       window.open(u, "_blank");
@@ -1981,31 +1981,31 @@ const ht = (w, t) => {
       const s = u.target.files[0];
       if (!s) return;
       if (!s.type.startsWith("image/")) {
-        P.error("只能上传图片文件");
+        N.error("只能上传图片文件");
         return;
       }
       if (s.size > 5 * 1024 * 1024) {
-        P.error("图片大小不能超过 5MB");
+        N.error("图片大小不能超过 5MB");
         return;
       }
       const y = new FileReader();
-      y.onload = (V) => {
-        le.value = V.target.result, d.value = !0;
+      y.onload = (A) => {
+        le.value = A.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 || "头像上传失败");
+          const { ChatApi: s } = await Promise.resolve().then(() => Lt), A = await new s(a.config).uploadAvatar(u, P);
+          A.code === 200 ? (N.success("头像上传成功"), Be(A.data), je()) : N.error(A.msg || "头像上传失败");
         } catch (s) {
-          console.error(s), P.error("头像上传失败");
+          console.error(s), N.error("头像上传失败");
         } finally {
           g.value = !1;
         }
       }
     }, je = () => {
-      le.value = "", d.value = !1, A.value && (A.value.value = "");
+      le.value = "", d.value = !1, V.value && (V.value.value = "");
     }, dt = () => {
       X.value = {
         nickname: T.value.nickname || "",
@@ -2018,24 +2018,24 @@ const ht = (w, t) => {
     }, vt = async () => {
       ge.value = !0;
       try {
-        await Ke(X.value) ? (P.success("保存成功"), D.value = !1) : P.error("保存失败");
+        await We(X.value) ? (N.success("保存成功"), D.value = !1) : N.error("保存失败");
       } catch (u) {
-        console.error(u), P.error("保存失败");
+        console.error(u), N.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");
+      await Promise.all([Ue(), Ee(), Ke()]), Me(), G.value.length > 0 && Ae(G.value[0]), m("open");
     };
-    return gt(() => {
-      document.addEventListener("click", Ae);
-    }), _t(() => {
-      document.removeEventListener("click", Ae), Fe();
+    return _t(() => {
+      document.addEventListener("click", Ve);
+    }), yt(() => {
+      document.removeEventListener("click", Ve), 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, {
+      const y = ie("el-icon"), A = ie("el-input"), Y = ie("el-empty"), ue = ie("el-button"), ze = ie("el-dialog");
+      return n(), K(ze, {
         modelValue: C.value,
         "onUpdate:modelValue": s[13] || (s[13] = (Se) => C.value = Se),
         width: w.width,
@@ -2048,8 +2048,8 @@ const ht = (w, t) => {
         default: b(() => {
           var Se, o, te;
           return [
-            e("div", Ba, [
-              e("div", Ka, [
+            e("div", Wa, [
+              e("div", Na, [
                 e("div", {
                   class: "sidebar-avatar",
                   onClick: st
@@ -2062,7 +2062,7 @@ const ht = (w, t) => {
                 ]),
                 (n(!0), v(se, null, ae(ve.value, (i) => (n(), v("div", {
                   key: i.id,
-                  class: K([
+                  class: W([
                     "nav-item",
                     ee.value === i.id ? "nav-item-active" : "nav-item-inactive"
                   ]),
@@ -2070,12 +2070,12 @@ const ht = (w, t) => {
                 }, [
                   p(y, { size: 24 }, {
                     default: b(() => [
-                      (n(), B(yt(i.icon)))
+                      (n(), K(bt(i.icon)))
                     ]),
                     _: 2
                   }, 1024),
-                  i.badge ? (n(), v("span", Ha, _(i.badge > 99 ? "99+" : i.badge), 1)) : U("", !0)
-                ], 10, Na))), 128)),
+                  i.badge ? (n(), v("span", Oa, _(i.badge > 99 ? "99+" : i.badge), 1)) : U("", !0)
+                ], 10, Ha))), 128)),
                 s[14] || (s[14] = e("div", { class: "nav-spacer" }, null, -1)),
                 w.config.modules.settings ? (n(), v("div", {
                   key: 0,
@@ -2085,65 +2085,65 @@ const ht = (w, t) => {
                 }, [
                   p(y, { size: 24 }, {
                     default: b(() => [
-                      p(c($t))
+                      p(c(xt))
                     ]),
                     _: 1
                   })
                 ])) : U("", !0)
               ]),
-              e("div", Oa, [
-                e("div", ja, [
-                  p(V, {
+              e("div", ja, [
+                e("div", Xa, [
+                  p(A, {
                     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, [
+                e("div", Ya, [
+                  ee.value === "chat" ? (n(), v("div", Ga, [
                     (n(!0), v(se, null, ae(c(G), (i) => (n(), v("div", {
                       key: i.id,
-                      class: K([
+                      class: W([
                         "chat-item",
-                        W.value === i.id ? "chat-item-active" : ""
+                        B.value === i.id ? "chat-item-active" : ""
                       ]),
-                      onClick: (me) => Ve(i),
+                      onClick: (me) => Ae(i),
                       onContextmenu: Ye((me) => u.showContextMenu(me, i), ["prevent", "stop"])
                     }, [
-                      e("div", Ja, [
+                      e("div", Qa, [
                         e("img", {
                           src: i.avatar,
                           alt: i.name,
                           class: "friend-avatar"
-                        }, null, 8, Qa),
-                        i.online ? (n(), v("span", Za)) : U("", !0)
+                        }, null, 8, Za),
+                        i.online ? (n(), v("span", en)) : U("", !0)
                       ]),
-                      e("div", en, [
-                        e("div", tn, [
-                          e("span", sn, _(i.name), 1),
-                          e("span", an, _(c(re)(i.lastTime)), 1)
+                      e("div", tn, [
+                        e("div", sn, [
+                          e("span", an, _(i.name), 1),
+                          e("span", nn, _(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)
+                        e("div", ln, [
+                          e("span", on, _(i.lastMsg), 1),
+                          i.unread > 0 ? (n(), v("span", rn, _(i.unread > 99 ? "99+" : i.unread), 1)) : U("", !0)
                         ])
                       ])
-                    ], 42, Ga))), 128))
+                    ], 42, Ja))), 128))
                   ])) : U("", !0),
-                  ee.value === "friends" && w.config.modules.friends ? (n(), v("div", rn, [
-                    e("div", cn, [
+                  ee.value === "friends" && w.config.modules.friends ? (n(), v("div", cn, [
+                    e("div", dn, [
                       e("div", {
                         class: "add-friend-btn",
                         onClick: s[2] || (s[2] = (...i) => c(xe) && c(xe)(...i))
                       }, [
-                        e("div", dn, [
+                        e("div", un, [
                           p(y, {
                             class: "text-white",
                             size: 20
                           }, {
                             default: b(() => [
-                              p(c(xt))
+                              p(c(Vt))
                             ]),
                             _: 1
                           })
@@ -2156,43 +2156,43 @@ const ht = (w, t) => {
                       class: "chat-item",
                       onClick: (me) => et(i)
                     }, [
-                      e("div", vn, [
+                      e("div", pn, [
                         e("img", {
                           src: i.avatar,
                           alt: i.name,
                           class: "friend-avatar"
-                        }, null, 8, pn),
+                        }, null, 8, mn),
                         e("span", {
-                          class: K([
+                          class: W([
                             "online-indicator",
                             i.online ? "online" : "offline"
                           ])
                         }, null, 2)
                       ]),
-                      e("div", mn, [
-                        e("span", fn, _(i.name), 1)
+                      e("div", fn, [
+                        e("span", hn, _(i.name), 1)
                       ])
-                    ], 8, un))), 128))
+                    ], 8, vn))), 128))
                   ])) : U("", !0),
-                  ee.value === "apply" && w.config.modules.apply ? (n(), v("div", hn, [
-                    c(Z) ? (n(), B(Y, {
+                  ee.value === "apply" && w.config.modules.apply ? (n(), v("div", gn, [
+                    c(Z) ? (n(), K(Y, {
                       key: 0,
                       description: "加载中..."
-                    })) : c(M).length === 0 ? (n(), B(Y, {
+                    })) : c(M).length === 0 ? (n(), K(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("div", _n, [
                         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),
+                        }, null, 8, yn),
+                        e("div", bn, [
+                          e("div", kn, _(i.applyUser), 1),
                           s[16] || (s[16] = e("div", { class: "request-desc" }, "请求添加你为好友", -1))
                         ])
                       ]),
@@ -2210,17 +2210,17 @@ const ht = (w, t) => {
                   ])) : U("", !0)
                 ])
               ]),
-              e("div", kn, [
-                O.value && !F.value ? (n(), v("div", wn, [
+              e("div", wn, [
+                O.value && !F.value ? (n(), v("div", Cn, [
                   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, [
+                  }, null, 8, Un),
+                  e("div", $n, _(O.value.name), 1),
+                  e("div", xn, [
                     e("span", {
-                      class: K([
+                      class: W([
                         "status-dot",
                         O.value.online ? "status-online" : "status-offline"
                       ])
@@ -2245,18 +2245,18 @@ const ht = (w, t) => {
                     _: 1
                   })
                 ])) : U("", !0),
-                F.value ? (n(), v("div", xn, [
+                F.value ? (n(), v("div", Vn, [
                   e("div", An, [
-                    e("div", Vn, [
-                      e("span", Sn, _(F.value.name), 1),
+                    e("div", Sn, [
+                      e("span", Fn, _(F.value.name), 1),
                       e("span", {
-                        class: K([
+                        class: W([
                           "status-badge",
                           F.value.online ? "status-badge-online" : "status-badge-offline"
                         ])
                       }, _(F.value.online ? "在线" : "离线"), 3)
                     ]),
-                    e("div", Fn, [
+                    e("div", In, [
                       p(y, { class: "action-icon" }, {
                         default: b(() => [
                           p(c(Le))
@@ -2281,34 +2281,34 @@ const ht = (w, t) => {
                   }, [
                     (n(!0), v(se, null, ae(c(Q), (i, me) => (n(), v("div", {
                       key: me,
-                      class: K([
+                      class: W([
                         "message-wrapper",
                         i.isSelf ? "message-self" : "message-other"
                       ])
                     }, [
-                      e("div", In, [
+                      e("div", zn, [
                         e("img", {
                           src: i.isSelf ? c(I) : F.value.avatar,
                           class: "avatar-sm"
-                        }, null, 8, zn)
+                        }, null, 8, Rn)
                       ]),
                       e("div", {
-                        class: K([
+                        class: W([
                           "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.isSelf ? U("", !0) : (n(), v("div", Ln, _(F.value.name), 1)),
+                        e("div", Tn, [
                           i.type === "text" ? (n(), v("div", {
                             key: 0,
-                            class: K([
+                            class: W([
                               "message-bubble",
                               i.isSelf ? "bubble-self" : "bubble-other"
                             ])
                           }, _(i.text), 3)) : i.type === "file" && i.fileType === "image" ? (n(), v("div", {
                             key: 1,
-                            class: K([
+                            class: W([
                               "message-bubble",
                               "image-bubble",
                               i.isSelf ? "bubble-self" : "bubble-other"
@@ -2320,43 +2320,43 @@ const ht = (w, t) => {
                               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", {
+                            }, null, 40, Dn),
+                            i.fileSize ? (n(), v("div", En, _(Pe(i.fileSize)), 1)) : U("", !0)
+                          ], 10, Mn)) : i.type === "file" ? (n(), v("div", {
                             key: 2,
-                            class: K([
+                            class: W([
                               "message-bubble",
                               "file-bubble",
                               i.isSelf ? "bubble-self" : "bubble-other"
                             ]),
                             onClick: (pt) => Oe(i.fileUrl)
                           }, [
-                            e("div", qn, [
-                              e("div", Wn, [
+                            e("div", Bn, [
+                              e("div", Kn, [
                                 p(y, { size: 28 }, {
                                   default: b(() => [
-                                    p(c(Vt))
+                                    p(c(St))
                                   ]),
                                   _: 1
                                 })
                               ]),
-                              e("div", Bn, [
-                                e("div", Kn, _(i.fileName || i.text), 1),
+                              e("div", Wn, [
+                                e("div", Nn, _(i.fileName || i.text), 1),
                                 e("div", Pn, [
                                   p(y, { size: 12 }, {
                                     default: b(() => [
-                                      p(c(St))
+                                      p(c(Ft))
                                     ]),
                                     _: 1
                                   }),
                                   s[19] || (s[19] = e("span", null, "点击下载", -1)),
-                                  i.fileSize ? (n(), v("span", Nn, "· " + _(Ne(i.fileSize)), 1)) : U("", !0)
+                                  i.fileSize ? (n(), v("span", Hn, "· " + _(Pe(i.fileSize)), 1)) : U("", !0)
                                 ])
                               ])
                             ])
-                          ], 10, En)) : U("", !0),
+                          ], 10, qn)) : U("", !0),
                           e("div", {
-                            class: K([
+                            class: W([
                               "message-time",
                               i.isSelf ? "time-right" : "time-left"
                             ])
@@ -2365,38 +2365,38 @@ const ht = (w, t) => {
                       ], 2)
                     ], 2))), 128))
                   ], 512),
-                  e("div", Hn, [
-                    q.value.length > 0 ? (n(), v("div", On, [
+                  e("div", On, [
+                    q.value.length > 0 ? (n(), v("div", jn, [
                       (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, [
+                        i.isImage ? (n(), v("div", Xn, [
                           e("img", {
                             src: i.previewUrl,
                             alt: i.name,
                             class: "pending-image"
-                          }, null, 8, Xn),
+                          }, null, 8, Yn),
                           e("button", {
-                            onClick: (pt) => Pe(me),
+                            onClick: (pt) => Ne(me),
                             class: "remove-file-btn"
-                          }, " × ", 8, Yn)
-                        ])) : (n(), v("div", Gn, [
+                          }, " × ", 8, Gn)
+                        ])) : (n(), v("div", Jn, [
                           p(y, { class: "pending-file-icon" }, {
                             default: b(() => [
                               p(c(Je))
                             ]),
                             _: 1
                           }),
-                          e("span", Jn, _(i.name), 1),
+                          e("span", Qn, _(i.name), 1),
                           e("button", {
-                            onClick: (pt) => Pe(me),
+                            onClick: (pt) => Ne(me),
                             class: "remove-file-btn"
-                          }, " × ", 8, Qn)
+                          }, " × ", 8, Zn)
                         ]))
                       ]))), 128))
                     ])) : U("", !0),
-                    w.config.modules.fileUpload ? (n(), v("div", Zn, [
+                    w.config.modules.fileUpload ? (n(), v("div", el, [
                       p(y, { class: "action-icon" }, {
                         default: b(() => [
                           p(c(Re))
@@ -2414,24 +2414,24 @@ const ht = (w, t) => {
                       }),
                       p(y, { class: "action-icon" }, {
                         default: b(() => [
-                          p(c(Ft))
+                          p(c(It))
                         ]),
                         _: 1
                       })
                     ])) : U("", !0),
-                    e("div", el, [
-                      bt(e("textarea", {
+                    e("div", tl, [
+                      kt(e("textarea", {
                         "onUpdate:modelValue": s[4] || (s[4] = (i) => Ce(S) ? S.value = i : null),
-                        onKeydown: kt(Ye(He, ["prevent"]), ["enter"]),
+                        onKeydown: wt(Ye(He, ["prevent"]), ["enter"]),
                         onPaste: it,
                         placeholder: "输入消息或粘贴文件...",
                         class: "message-input",
                         rows: "3"
-                      }, null, 40, tl), [
-                        [wt, c(S)]
+                      }, null, 40, sl), [
+                        [Ct, c(S)]
                       ])
                     ]),
-                    e("div", sl, [
+                    e("div", al, [
                       p(ue, {
                         type: "primary",
                         disabled: !c(S).trim() && q.value.length === 0,
@@ -2453,29 +2453,29 @@ const ht = (w, t) => {
                       onChange: lt
                     }, null, 544)
                   ])
-                ])) : O.value ? U("", !0) : (n(), v("div", al, [
+                ])) : O.value ? U("", !0) : (n(), v("div", nl, [
                   p(y, {
                     size: 64,
                     class: "empty-icon"
                   }, {
                     default: b(() => [
-                      p(c(It))
+                      p(c(zt))
                     ]),
                     _: 1
                   }),
-                  e("div", nl, _(ee.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
+                  e("div", ll, _(ee.value === "apply" ? "在左侧选择好友申请" : "在左侧选择好友开始聊天"), 1)
                 ]))
               ]),
-              j.value ? (n(), v("div", ll, [
+              j.value ? (n(), v("div", il, [
                 s[22] || (s[22] = e("div", { class: "detail-header" }, "聊天详情", -1)),
-                e("div", il, [
-                  e("div", ol, [
+                e("div", ol, [
+                  e("div", rl, [
                     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),
+                    }, null, 8, cl),
+                    e("div", dl, _((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" }, "清空聊天记录")
@@ -2492,9 +2492,9 @@ const ht = (w, t) => {
               "append-to-body": ""
             }, {
               default: b(() => [
-                e("div", dl, [
-                  e("div", ul, [
-                    p(V, {
+                e("div", ul, [
+                  e("div", vl, [
+                    p(A, {
                       modelValue: c(_e),
                       "onUpdate:modelValue": s[5] || (s[5] = (i) => Ce(_e) ? _e.value = i : null),
                       placeholder: "搜索用户",
@@ -2502,24 +2502,24 @@ const ht = (w, t) => {
                     }, null, 8, ["modelValue", "prefix-icon"])
                   ])
                 ]),
-                e("div", vl, [
-                  c(R) ? (n(), B(Y, {
+                e("div", pl, [
+                  c(R) ? (n(), K(Y, {
                     key: 0,
                     description: "加载中..."
-                  })) : c(fe).length === 0 ? (n(), B(Y, {
+                  })) : c(fe).length === 0 ? (n(), K(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("div", ml, [
                       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)
+                      }, null, 8, fl),
+                      e("div", hl, _(i.username), 1)
                     ]),
                     p(ue, {
                       type: "primary",
@@ -2546,14 +2546,14 @@ const ht = (w, t) => {
               class: "settings-dialog"
             }, {
               default: b(() => [
-                e("div", hl, [
-                  e("div", gl, [
-                    e("div", _l, [
+                e("div", gl, [
+                  e("div", _l, [
+                    e("div", yl, [
                       e("img", {
                         src: c(I),
                         alt: "头像",
                         class: "settings-avatar"
-                      }, null, 8, yl),
+                      }, null, 8, bl),
                       w.config.modules.avatarCrop ? (n(), v("div", {
                         key: 0,
                         class: "settings-avatar-edit",
@@ -2564,28 +2564,28 @@ const ht = (w, t) => {
                           class: "settings-avatar-icon"
                         }, {
                           default: b(() => [
-                            p(c(zt))
+                            p(c(Rt))
                           ]),
                           _: 1
                         })
                       ])) : U("", !0),
                       e("input", {
                         ref_key: "avatarInputRef",
-                        ref: A,
+                        ref: V,
                         type: "file",
                         accept: "image/*",
                         class: "hidden-avatar-input",
                         onChange: rt
                       }, null, 544)
                     ]),
-                    e("div", bl, [
-                      e("div", kl, _(c(T).nickname || c(N)), 1),
-                      e("div", wl, "@" + _(c(N)), 1)
+                    e("div", kl, [
+                      e("div", wl, _(c(T).nickname || c(P)), 1),
+                      e("div", Cl, "@" + _(c(P)), 1)
                     ])
                   ]),
-                  e("div", Cl, [
-                    e("div", Ul, [
-                      e("div", $l, [
+                  e("div", Ul, [
+                    e("div", $l, [
+                      e("div", xl, [
                         p(y, null, {
                           default: b(() => [
                             p(c(Ge))
@@ -2594,7 +2594,7 @@ const ht = (w, t) => {
                         }),
                         s[24] || (s[24] = J(" 个人信息 ", -1))
                       ]),
-                      D.value ? U("", !0) : (n(), B(ue, {
+                      D.value ? U("", !0) : (n(), K(ue, {
                         key: 0,
                         type: "primary",
                         size: "small",
@@ -2607,40 +2607,40 @@ const ht = (w, t) => {
                         _: 1
                       }))
                     ]),
-                    e("div", xl, [
+                    e("div", Vl, [
                       e("div", Al, [
                         s[26] || (s[26] = e("label", { class: "settings-form-label" }, "昵称", -1)),
-                        D.value ? (n(), B(V, {
+                        D.value ? (n(), K(A, {
                           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))
+                        }, null, 8, ["modelValue"])) : (n(), v("div", Sl, _(c(T).nickname || "未设置"), 1))
                       ]),
-                      e("div", Sl, [
+                      e("div", Fl, [
                         s[27] || (s[27] = e("label", { class: "settings-form-label" }, "邮箱", -1)),
-                        D.value ? (n(), B(V, {
+                        D.value ? (n(), K(A, {
                           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))
+                        }, null, 8, ["modelValue"])) : (n(), v("div", Il, _(c(T).email || "未设置"), 1))
                       ]),
-                      e("div", Il, [
+                      e("div", zl, [
                         s[28] || (s[28] = e("label", { class: "settings-form-label" }, "手机号", -1)),
-                        D.value ? (n(), B(V, {
+                        D.value ? (n(), K(A, {
                           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))
+                        }, null, 8, ["modelValue"])) : (n(), v("div", Rl, _(c(T).phone || "未设置"), 1))
                       ]),
-                      e("div", Rl, [
+                      e("div", Ll, [
                         s[29] || (s[29] = e("label", { class: "settings-form-label" }, "个人简介", -1)),
-                        D.value ? (n(), B(V, {
+                        D.value ? (n(), K(A, {
                           key: 0,
                           modelValue: X.value.bio,
                           "onUpdate:modelValue": s[10] || (s[10] = (i) => X.value.bio = i),
@@ -2648,9 +2648,9 @@ const ht = (w, t) => {
                           rows: 4,
                           placeholder: "介绍一下自己吧...",
                           size: "large"
-                        }, null, 8, ["modelValue"])) : (n(), v("div", Ll, _(c(T).bio || "这个人很懒，什么都没写~"), 1))
+                        }, null, 8, ["modelValue"])) : (n(), v("div", Tl, _(c(T).bio || "这个人很懒，什么都没写~"), 1))
                       ]),
-                      D.value ? (n(), v("div", Tl, [
+                      D.value ? (n(), v("div", Ml, [
                         p(ue, {
                           size: "default",
                           onClick: ut
@@ -2678,7 +2678,7 @@ const ht = (w, t) => {
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            p(Tt, {
+            p(gt, {
               modelValue: d.value,
               "onUpdate:modelValue": s[12] || (s[12] = (i) => d.value = i),
               src: le.value,
@@ -2687,7 +2687,7 @@ const ht = (w, t) => {
             pe.value.visible ? (n(), v("div", {
               key: 0,
               class: "context-menu",
-              style: Ct({ left: pe.value.x + "px", top: pe.value.y + "px" })
+              style: Ut({ left: pe.value.x + "px", top: pe.value.y + "px" })
             }, [
               e("div", {
                 class: "context-menu-item",
@@ -2700,7 +2700,7 @@ const ht = (w, t) => {
       }, 8, ["modelValue", "width"]);
     };
   }
-}, Pl = /* @__PURE__ */ ht(Ml, [["__scopeId", "data-v-a76a4ef3"]]), Dl = {
+}, El = /* @__PURE__ */ ht(Dl, [["__scopeId", "data-v-a76a4ef3"]]), ql = {
   // API 配置
   api: {
     baseUrl: "",
@@ -2763,8 +2763,8 @@ const ht = (w, t) => {
     allowedTypes: ["*"]
   }
 };
-function Nl(w = {}) {
-  const t = Mt(Dl, w);
+function Pl(w = {}) {
+  const t = Mt(ql, 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 Mt(w, t) {
@@ -2775,18 +2775,18 @@ function Mt(w, t) {
 }
 const Hl = {
   install(w) {
-    w.component("ChatPanel", ChatPanel), w.component("ChatWindow", ChatWindow), w.component("AvatarCrop", AvatarCrop);
+    w.component("ChatPanel", Ka), w.component("ChatWindow", El), w.component("AvatarCrop", gt);
   }
 };
 export {
-  Tt as AvatarCrop,
+  gt as AvatarCrop,
   ft as ChatApi,
-  Kl as ChatPanel,
+  Ka as ChatPanel,
   Et as ChatWebSocket,
-  Pl as ChatWindow,
+  El as ChatWindow,
   qt as HttpClient,
   Hl as VueChatKit,
-  Nl as createChatConfig,
+  Pl as createChatConfig,
   Hl as default,
-  Lt as useChat
+  Tt as useChat
 };