vue-chat-kit 0.1.1 → 0.1.3

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

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