im-ui-mobile 0.0.2 → 0.0.4

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "im-ui-mobile",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "A Uniapp instant messaging component library based on Vue3.0+typescript",
   "main": "index.ts",
   "module": "dist/im-ui-mobile.es.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist",
-    "components"
+    "src"
   ],
   "scripts": {
     "build": "vite build",

package/src/index.ts

@@ -0,0 +1,38 @@
+import { App } from 'vue'
+import ChatItem from './components/chat-item/index.vue'
+import ChatMessageItem from './components/chat-message-item/index.vue'
+import ChatBox from './components/chat-box/index.vue'
+
+// 导出类型
+export * from './types'
+
+// 导出工具函数
+export * from './utils'
+
+// 重要：为组件添加名称，以支持开发环境
+ChatItem.name = 'ChatItem'
+ChatMessageItem.name = 'ChatMessageItem'
+ChatBox.name = 'ChatBox'
+
+const components = [
+    ChatItem,
+    ChatMessageItem,
+    ChatBox
+]
+
+const install = (app: App): void => {
+    components.forEach(component => {
+        app.component(component.name || '', component)
+    })
+}
+
+export {
+    ChatItem,
+    ChatMessageItem,
+    ChatBox,
+    install
+}
+
+export default {
+    install
+}

package/dist/index.d.ts

@@ -1 +0,0 @@
-export * from './index'

package/dist/index.js

@@ -1,694 +0,0 @@
-var w = Object.defineProperty;
-var $ = (e, t, s) => t in e ? w(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var c = (e, t, s) => ($(e, typeof t != "symbol" ? t + "" : t, s), s);
-import { defineComponent as g, openBlock as l, createElementBlock as u, normalizeClass as I, createElementVNode as o, toDisplayString as f, createCommentVNode as C, ref as v, watch as F, onMounted as V, renderSlot as p, Fragment as H, renderList as W, createBlock as X, withDirectives as z, vModelText as q, nextTick as J } from "vue";
-const A = { class: "u-im-chat-item__avatar" }, Q = ["src"], K = { class: "u-im-chat-item__content" }, Z = { class: "u-im-chat-item__header" }, j = { class: "u-im-chat-item__name" }, P = { class: "u-im-chat-item__time" }, G = { class: "u-im-chat-item__message" }, M = { class: "u-im-chat-item__text" }, Y = ["value"], E = /* @__PURE__ */ g({
-  __name: "index",
-  props: {
-    type: { default: "default" },
-    avatar: { default: "" },
-    name: {},
-    time: {},
-    lastMessage: {},
-    unreadCount: { default: 0 }
-  },
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const s = t, n = (i) => {
-      s("click", i);
-    };
-    return (i, a) => (l(), u("div", {
-      class: I(["u-im-chat-item", [`u-im-chat-item--${e.type}`]]),
-      onClick: n
-    }, [
-      o("div", A, [
-        o("u-avatar", {
-          src: e.avatar,
-          size: "40"
-        }, null, 8, Q)
-      ]),
-      o("div", K, [
-        o("div", Z, [
-          o("span", j, f(e.name), 1),
-          o("span", P, f(e.time), 1)
-        ]),
-        o("div", G, [
-          o("span", M, f(e.lastMessage), 1),
-          e.unreadCount > 0 ? (l(), u("u-badge", {
-            key: 0,
-            value: e.unreadCount,
-            max: "99",
-            class: "u-im-chat-item__badge"
-          }, null, 8, Y)) : C("", !0)
-        ])
-      ])
-    ], 2));
-  }
-});
-const D = (e, t) => {
-  const s = e.__vccOpts || e;
-  for (const [n, i] of t)
-    s[n] = i;
-  return s;
-}, U = /* @__PURE__ */ D(E, [["__scopeId", "data-v-a0bce79a"]]), S = {
-  key: 0,
-  class: "u-im-message-item__avatar"
-}, ee = ["src"], te = { class: "u-im-message-item__content" }, se = {
-  key: 0,
-  class: "u-im-message-item__text"
-}, ne = {
-  key: 1,
-  class: "u-im-message-item__image"
-}, ie = ["src"], oe = {
-  key: 2,
-  class: "u-im-message-item__voice"
-}, ae = { class: "u-im-message-item__duration" }, ce = {
-  key: 0,
-  class: "u-im-message-item__status"
-}, re = {
-  key: 0,
-  name: "loading",
-  size: "16",
-  color: "#909399"
-}, le = {
-  key: 1,
-  name: "checkmark",
-  size: "16",
-  color: "#67C23A"
-}, ue = {
-  key: 2,
-  name: "close",
-  size: "16",
-  color: "#F56C6C"
-}, he = /* @__PURE__ */ g({
-  __name: "index",
-  props: {
-    position: { default: "left" },
-    type: { default: "text" },
-    content: {},
-    avatar: {},
-    showAvatar: { type: Boolean, default: !0 },
-    status: { default: "success" },
-    duration: { default: 0 }
-  },
-  setup(e) {
-    return (t, s) => (l(), u("div", {
-      class: I(["u-im-message-item", [`u-im-message-item--${e.position}`]])
-    }, [
-      e.showAvatar ? (l(), u("div", S, [
-        o("u-avatar", {
-          src: e.avatar,
-          size: "32"
-        }, null, 8, ee)
-      ])) : C("", !0),
-      o("div", te, [
-        o("div", {
-          class: I(["u-im-message-item__bubble", [`u-im-message-item__bubble--${e.type}`]])
-        }, [
-          e.type === "text" ? (l(), u("div", se, f(e.content), 1)) : e.type === "image" ? (l(), u("div", ne, [
-            o("u-image", {
-              src: e.content,
-              width: "200",
-              height: "150",
-              mode: "aspectFill"
-            }, null, 8, ie)
-          ])) : e.type === "voice" ? (l(), u("div", oe, [
-            s[0] || (s[0] = o("u-icon", {
-              name: "play-circle",
-              size: "20"
-            }, null, -1)),
-            o("span", ae, f(e.duration) + "''", 1)
-          ])) : C("", !0)
-        ], 2),
-        e.position === "right" ? (l(), u("div", ce, [
-          e.status === "sending" ? (l(), u("u-icon", re)) : e.status === "success" ? (l(), u("u-icon", le)) : e.status === "failed" ? (l(), u("u-icon", ue)) : C("", !0)
-        ])) : C("", !0)
-      ])
-    ], 2));
-  }
-});
-const O = /* @__PURE__ */ D(he, [["__scopeId", "data-v-66e9b9aa"]]), de = { class: "u-im-chat-box" }, me = { class: "u-im-chat-box__header" }, Ce = { class: "u-im-chat-box__title" }, _e = { class: "u-im-chat-box__actions" }, fe = {
-  key: 0,
-  class: "u-im-chat-box__loading"
-}, ke = { class: "u-im-chat-box__input" }, Re = { class: "u-im-chat-box__tools" }, Ie = { class: "u-im-chat-box__textarea" }, ve = ["placeholder", "maxlength"], ge = /* @__PURE__ */ g({
-  __name: "index",
-  props: {
-    title: { default: "聊天" },
-    messages: { default: () => [] },
-    placeholder: { default: "请输入消息..." },
-    maxlength: { default: 1e3 },
-    loading: { type: Boolean, default: !1 }
-  },
-  emits: ["send", "loadMore"],
-  setup(e, { emit: t }) {
-    const s = e, n = t, i = v(""), a = v(), h = () => {
-      i.value.trim() && (n("send", i.value.trim()), i.value = "");
-    }, R = (d, m) => {
-      if (m === 0)
-        return !0;
-      const r = s.messages[m - 1];
-      return !!(r.position !== d.position || r.avatar !== d.avatar || d.timestamp && r.timestamp && d.timestamp - r.timestamp > 3e5);
-    }, L = () => {
-      J(() => {
-        a.value && (a.value.scrollTop = a.value.scrollHeight);
-      });
-    };
-    return F(() => s.messages, () => {
-      L();
-    }, { deep: !0 }), V(() => {
-      L();
-    }), (d, m) => (l(), u("div", de, [
-      o("div", me, [
-        o("div", Ce, f(e.title), 1),
-        o("div", _e, [
-          p(d.$slots, "header-actions", {}, void 0, !0)
-        ])
-      ]),
-      o("div", {
-        class: "u-im-chat-box__messages",
-        ref_key: "messagesRef",
-        ref: a
-      }, [
-        e.loading ? (l(), u("div", fe, [...m[1] || (m[1] = [
-          o("u-loading-icon", { size: "24" }, null, -1)
-        ])])) : C("", !0),
-        (l(!0), u(H, null, W(e.messages, (r, N) => (l(), X(O, {
-          key: r.id || N,
-          position: r.position,
-          type: r.type,
-          content: r.content,
-          avatar: r.avatar,
-          "show-avatar": R(r, N),
-          status: r.status,
-          duration: r.duration
-        }, null, 8, ["position", "type", "content", "avatar", "show-avatar", "status", "duration"]))), 128))
-      ], 512),
-      o("div", ke, [
-        o("div", Re, [
-          p(d.$slots, "input-tools", {}, void 0, !0)
-        ]),
-        o("div", Ie, [
-          z(o("u-textarea", {
-            "onUpdate:modelValue": m[0] || (m[0] = (r) => i.value = r),
-            placeholder: e.placeholder,
-            maxlength: e.maxlength,
-            "auto-height": !0,
-            onConfirm: h
-          }, null, 40, ve), [
-            [q, i.value]
-          ])
-        ]),
-        o("div", { class: "u-im-chat-box__send" }, [
-          o("u-button", {
-            type: "primary",
-            size: "small",
-            onClick: h
-          }, "发送")
-        ])
-      ])
-    ]));
-  }
-});
-const x = /* @__PURE__ */ D(ge, [["__scopeId", "data-v-d331769d"]]);
-class De {
-  constructor() {
-    c(this, "events", /* @__PURE__ */ new Map());
-    c(this, "globalListeners", []);
-  }
-  /**
-   * 监听特定事件
-   * @param eventName 事件名称
-   * @param callback 回调函数
-   */
-  on(t, s) {
-    this.events.has(t) || this.events.set(t, []), this.events.get(t).push({ callback: s });
-  }
-  /**
-   * 监听所有事件
-   * @param callback 全局回调函数
-   */
-  onAll(t) {
-    this.globalListeners.push(t);
-  }
-  /**
-   * 一次性监听特定事件
-   * @param eventName 事件名称
-   * @param callback 回调函数
-   */
-  once(t, s) {
-    this.events.has(t) || this.events.set(t, []), this.events.get(t).push({ callback: s, once: !0 });
-  }
-  /**
-   * 触发事件
-   * @param eventName 事件名称
-   * @param data 事件数据
-   */
-  emit(t, s) {
-    const n = this.events.get(t);
-    if (n) {
-      const i = [], a = [];
-      n.forEach((h) => {
-        h.once ? i.push(h) : a.push(h);
-      }), n.forEach((h) => {
-        try {
-          h.callback(s);
-        } catch (R) {
-          console.error(`Error executing listener for event "${t}":`, R);
-        }
-      }), i.length > 0 && this.events.set(t, a);
-    }
-    this.globalListeners.forEach((i) => {
-      try {
-        i(t, s);
-      } catch (a) {
-        console.error(`Error executing global listener for event "${t}":`, a);
-      }
-    });
-  }
-  /**
-   * 移除事件监听器
-   * @param eventName 事件名称
-   * @param callback 要移除的回调函数（不传则移除所有监听器）
-   */
-  off(t, s) {
-    if (this.events.has(t))
-      if (!s)
-        this.events.delete(t);
-      else {
-        const i = this.events.get(t).filter((a) => a.callback !== s);
-        i.length === 0 ? this.events.delete(t) : this.events.set(t, i);
-      }
-  }
-  /**
-   * 移除所有事件监听器
-   */
-  offAll() {
-    this.events.clear(), this.globalListeners = [];
-  }
-  /**
-   * 移除全局监听器
-   * @param callback 要移除的全局回调函数
-   */
-  offAllListener(t) {
-    t ? this.globalListeners = this.globalListeners.filter((s) => s !== t) : this.globalListeners = [];
-  }
-  /**
-   * 获取事件监听器数量
-   * @param eventName 事件名称（不传则返回所有事件的总数）
-   */
-  getEventCount(t) {
-    var n;
-    if (t)
-      return ((n = this.events.get(t)) == null ? void 0 : n.length) || 0;
-    let s = 0;
-    return this.events.forEach((i) => {
-      s += i.length;
-    }), s;
-  }
-  /**
-   * 检查是否存在特定事件的监听器
-   * @param eventName 事件名称
-   */
-  hasEvent(t) {
-    return this.events.has(t) && this.events.get(t).length > 0;
-  }
-  /**
-   * 获取所有已注册的事件名称
-   */
-  getEventNames() {
-    return Array.from(this.events.keys());
-  }
-  /**
-   * 清空所有事件（包括全局监听器）
-   */
-  clear() {
-    this.offAll();
-  }
-  /**
-   * 销毁事件总线实例
-   */
-  destroy() {
-    this.clear(), this.events.clear(), this.globalListeners.length = 0;
-  }
-}
-const We = new De(), Oe = (e) => {
-  uni.setStorageSync("accessToken", e);
-}, b = () => uni.getStorageSync("accessToken") || "", Le = (e) => {
-  uni.setStorageSync("refreshToken", e);
-}, Xe = () => uni.getStorageSync("refreshToken") || "", Ne = () => {
-  uni.removeStorageSync("accessToken"), uni.removeStorageSync("refreshToken");
-}, ze = (e) => {
-  Oe(e.accessToken), Le(e.refreshToken), uni.setStorageSync("expired", +/* @__PURE__ */ new Date() + Number(e.expiresIn) * 60 * 60);
-}, qe = () => {
-  const e = uni.getStorageSync("expired"), t = b();
-  return !(!e || e < +/* @__PURE__ */ new Date() || !t);
-};
-class _ {
-}
-// 表情包路径
-c(_, "EmojiUrl", "/static/emoji/"), c(_, "AuthApiUrl", "http://192.168.31.33:5002"), c(_, "BaseApiUrl", "http://192.168.31.33:8888"), c(_, "WebSocketUrl", "ws://192.168.31.33:8878/im");
-var pe = /* @__PURE__ */ ((e) => (e[e.TEXT = 0] = "TEXT", e[e.IMAGE = 1] = "IMAGE", e[e.FILE = 2] = "FILE", e[e.AUDIO = 3] = "AUDIO", e[e.VIDEO = 4] = "VIDEO", e[e.RECALL = 10] = "RECALL", e[e.READED = 11] = "READED", e[e.RECEIPT = 12] = "RECEIPT", e[e.TIP_TIME = 20] = "TIP_TIME", e[e.TIP_TEXT = 21] = "TIP_TEXT", e[e.LOADING = 30] = "LOADING", e[e.ACT_RT_VOICE = 40] = "ACT_RT_VOICE", e[e.ACT_RT_VIDEO = 41] = "ACT_RT_VIDEO", e[e.USER_BANNED = 50] = "USER_BANNED", e[e.FRIEND_NEW = 80] = "FRIEND_NEW", e[e.FRIEND_DEL = 81] = "FRIEND_DEL", e[e.FRIEND_DND = 82] = "FRIEND_DND", e[e.GROUP_NEW = 90] = "GROUP_NEW", e[e.GROUP_DEL = 91] = "GROUP_DEL", e[e.GROUP_DND = 92] = "GROUP_DND", e[e.RTC_CALL_VOICE = 100] = "RTC_CALL_VOICE", e[e.RTC_CALL_VIDEO = 101] = "RTC_CALL_VIDEO", e[e.RTC_ACCEPT = 102] = "RTC_ACCEPT", e[e.RTC_REJECT = 103] = "RTC_REJECT", e[e.RTC_CANCEL = 104] = "RTC_CANCEL", e[e.RTC_FAILED = 105] = "RTC_FAILED", e[e.RTC_HANDUP = 106] = "RTC_HANDUP", e[e.RTC_CANDIDATE = 107] = "RTC_CANDIDATE", e[e.RTC_GROUP_SETUP = 200] = "RTC_GROUP_SETUP", e[e.RTC_GROUP_ACCEPT = 201] = "RTC_GROUP_ACCEPT", e[e.RTC_GROUP_REJECT = 202] = "RTC_GROUP_REJECT", e[e.RTC_GROUP_FAILED = 203] = "RTC_GROUP_FAILED", e[e.RTC_GROUP_CANCEL = 204] = "RTC_GROUP_CANCEL", e[e.RTC_GROUP_QUIT = 205] = "RTC_GROUP_QUIT", e[e.RTC_GROUP_INVITE = 206] = "RTC_GROUP_INVITE", e[e.RTC_GROUP_JOIN = 207] = "RTC_GROUP_JOIN", e[e.RTC_GROUP_OFFER = 208] = "RTC_GROUP_OFFER", e[e.RTC_GROUP_ANSWER = 209] = "RTC_GROUP_ANSWER", e[e.RTC_GROUP_CANDIDATE = 210] = "RTC_GROUP_CANDIDATE", e[e.RTC_GROUP_DEVICE = 211] = "RTC_GROUP_DEVICE", e))(pe || {}), Ue = /* @__PURE__ */ ((e) => (e[e.FREE = 0] = "FREE", e[e.WAIT_CALL = 1] = "WAIT_CALL", e[e.WAIT_ACCEPT = 2] = "WAIT_ACCEPT", e[e.ACCEPTED = 3] = "ACCEPTED", e[e.CHATING = 4] = "CHATING", e))(Ue || {}), xe = /* @__PURE__ */ ((e) => (e[e.WEB = 0] = "WEB", e[e.APP = 1] = "APP", e))(xe || {}), be = /* @__PURE__ */ ((e) => (e[e.FAILED = -2] = "FAILED", e[e.SENDING = -1] = "SENDING", e[e.PENDING = 0] = "PENDING", e[e.DELIVERED = 1] = "DELIVERED", e[e.RECALL = 2] = "RECALL", e[e.READED = 3] = "READED", e))(be || {});
-const T = {
-  "<": "&lt;",
-  ">": "&gt;",
-  "&": "&amp;",
-  '"': "&quot;",
-  "'": "&#39;",
-  "`": "&#96;"
-}, Te = {
-  "&lt;": "<",
-  "&gt;": ">",
-  "&amp;": "&",
-  "&quot;": '"',
-  "&#39;": "'",
-  "&#96;": "`"
-}, Je = (e) => e ? e.replace(/[<>&"']/g, (t) => T[t] || t) : "", y = (e) => {
-  if (!e)
-    return "";
-  const t = /[<>&"'`]/g;
-  return e.replace(t, (s) => T[s] || s);
-}, Ae = (e) => {
-  if (!e)
-    return "";
-  const t = /&(lt|gt|amp|quot|#39|#96);/g;
-  return e.replace(t, (s) => Te[s] || s);
-}, Qe = (e) => e ? e.replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;") : "", Ke = (e) => e ? e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;") : "", Ze = (e) => e ? /[<>&"']/.test(e) : !1, je = (e, t) => {
-  e && (e.innerHTML = y(t));
-}, Pe = (e, ...t) => {
-  let s = "";
-  for (let n = 0; n < e.length; n++)
-    s += e[n], n < t.length && (s += y(String(t[n])));
-  return s;
-};
-var ye = /* @__PURE__ */ ((e) => (e[e.NORMAL_MIN = 0] = "NORMAL_MIN", e[e.NORMAL_MAX = 9] = "NORMAL_MAX", e[e.STATUS_MIN = 10] = "STATUS_MIN", e[e.STATUS_MAX = 19] = "STATUS_MAX", e[e.TIP_MIN = 20] = "TIP_MIN", e[e.TIP_MAX = 29] = "TIP_MAX", e[e.ACTION_MIN = 40] = "ACTION_MIN", e[e.ACTION_MAX = 49] = "ACTION_MAX", e[e.RTC_PRIVATE_MIN = 100] = "RTC_PRIVATE_MIN", e[e.RTC_PRIVATE_MAX = 199] = "RTC_PRIVATE_MAX", e[e.RTC_GROUP_MIN = 200] = "RTC_GROUP_MIN", e[e.RTC_GROUP_MAX = 299] = "RTC_GROUP_MAX", e))(ye || {});
-uni.getRecorderManager();
-const B = {
-  invoke(e) {
-    const t = b(), s = uni.getStorageSync("expired");
-    !e.url.startsWith("http") && !e.url.startsWith("https") && (e.url.includes("login") || e.url.includes("Token") ? e.url = _.AuthApiUrl + e.url : e.url = _.BaseApiUrl + e.url), e.timeout = 1e4, e.header = {
-      ...e.header,
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${t}`,
-      AccessToken: t
-    }, t && s && s > +/* @__PURE__ */ new Date() && (e.header.Authorization = "Bearer " + t);
-  }
-};
-uni.addInterceptor("request", B);
-uni.addInterceptor("uploadFile", B);
-const k = (e) => new Promise((t, s) => {
-  uni.request({
-    ...e,
-    success(n) {
-      n.data.code >= 200 && n.data.code < 300 ? t(n.data) : n.data.code === 401 ? (uni.showToast({
-        icon: "none",
-        title: "请先登录"
-      }), setTimeout(() => {
-        Ne(), uni.removeStorageSync("expired"), uni.removeStorageSync("user"), uni.setStorageSync("keepLoggedIn", !1), s(n);
-      }, 1e3)) : (uni.showToast({
-        icon: "none",
-        title: n.data.message || "请求错误"
-      }), console.error("请求错误", n), s(n));
-    },
-    fail(n) {
-      uni.showToast({
-        icon: "none",
-        title: "请求失败"
-      }), s(n);
-    }
-  });
-});
-class Be {
-  constructor() {
-    /**
-     * GET 请求
-     */
-    c(this, "get", (t, s, n) => k({
-      url: t,
-      method: "GET",
-      data: s,
-      ...n
-    }));
-    /**
-     * POST 请求
-     */
-    c(this, "post", (t, s, n) => k({
-      url: t,
-      method: "POST",
-      data: s,
-      ...n
-    }));
-    /**
-     * PUT 请求
-     */
-    c(this, "put", (t, s, n) => k({
-      url: t,
-      method: "PUT",
-      data: s,
-      ...n
-    }));
-    /**
-     * DELETE 请求
-     */
-    c(this, "delete", (t, s, n) => k({
-      url: t,
-      method: "DELETE",
-      data: s,
-      ...n
-    }));
-    /**
-     * 上传文件
-     */
-    c(this, "uploadFile", (t) => new Promise((s, n) => {
-      uni.uploadFile({
-        ...t,
-        success: (i) => {
-          try {
-            const a = JSON.parse(i.data);
-            if (a.code >= 200 && a.code < 300) {
-              s(a);
-              return;
-            }
-            if (a.code === 401) {
-              n(new Error("未授权访问"));
-              return;
-            }
-            n(new Error(a.message || "上传失败"));
-          } catch (a) {
-            console.error(a), n(new Error("解析响应数据失败"));
-          }
-        },
-        fail: (i) => {
-          n(i);
-        }
-      });
-    }));
-  }
-}
-const Ge = new Be();
-function Me() {
-  const e = v(/* @__PURE__ */ new Map());
-  return {
-    refs: e,
-    setRef: (i) => (a) => {
-      a ? e.value.set(i, a) : e.value.delete(i);
-    },
-    getRef: (i) => e.value.get(i),
-    getAllRefs: () => e.value
-  };
-}
-class we {
-  constructor() {
-    // 私有属性
-    // private accessToken: string = "";
-    c(this, "messageCallBack", null);
-    c(this, "closeCallBack", null);
-    c(this, "connectCallBack", null);
-    c(this, "isConnect", !1);
-    c(this, "reconnectTimer", null);
-    c(this, "lastConnectTime", /* @__PURE__ */ new Date());
-    c(this, "socketTask", null);
-    // 心跳配置
-    c(this, "heartCheckTimeout", 2e4);
-    c(this, "heartCheckTimer", null);
-  }
-  // 私有方法 - 心跳相关
-  startHeartCheck() {
-    if (!this.isConnect || !this.socketTask)
-      return;
-    const t = {
-      cmd: 1,
-      data: {}
-    };
-    this.sendMessage(JSON.stringify(t));
-  }
-  resetHeartCheck() {
-    this.clearHeartCheck(), this.heartCheckTimer = setTimeout(() => {
-      this.startHeartCheck();
-    }, this.heartCheckTimeout);
-  }
-  clearHeartCheck() {
-    this.heartCheckTimer && (clearTimeout(this.heartCheckTimer), this.heartCheckTimer = null);
-  }
-  // 连接 WebSocket
-  connect(t, s) {
-    this.isConnect || (this.lastConnectTime = /* @__PURE__ */ new Date(), this.socketTask = uni.connectSocket({
-      url: t,
-      fail: (n) => {
-        console.error("WebSocket连接失败:", n), console.log("10秒后重连..."), this.scheduleReconnect(t, s);
-      }
-    }), this.setupSocketEvents(t, s));
-  }
-  // 设置 WebSocket 事件监听
-  setupSocketEvents(t, s) {
-    this.socketTask && (this.socketTask.onOpen((n) => {
-      this.isConnect = !0;
-      const i = {
-        cmd: 0,
-        data: { accessToken: s }
-      };
-      this.sendMessage(JSON.stringify(i));
-    }), this.socketTask.onMessage((n) => {
-      try {
-        const i = JSON.parse(n.data);
-        this.handleMessage(i);
-      } catch (i) {
-        console.error("消息解析失败:", i);
-      }
-    }), this.socketTask.onClose((n) => {
-      this.handleClose(n);
-    }), this.socketTask.onError((n) => {
-      console.error("WebSocket错误:", n), this.handleClose(n);
-    }));
-  }
-  // 处理接收到的消息
-  handleMessage(t) {
-    var s, n;
-    switch (t.cmd) {
-      case 0:
-        this.resetHeartCheck(), (s = this.connectCallBack) == null || s.call(this);
-        break;
-      case 1:
-        this.resetHeartCheck();
-        break;
-      default:
-        (n = this.messageCallBack) == null || n.call(this, t.cmd, t.data);
-        break;
-    }
-  }
-  // 处理连接关闭
-  handleClose(t) {
-    var s;
-    this.isConnect = !1, this.clearHeartCheck(), (s = this.closeCallBack) == null || s.call(this, t);
-  }
-  // 重新连接
-  reconnect(t, s) {
-    if (console.log("尝试重新连接"), this.isConnect)
-      return;
-    const n = (/* @__PURE__ */ new Date()).getTime() - this.lastConnectTime.getTime(), i = n < 1e4 ? 1e4 - n : 0;
-    this.reconnectTimer && clearTimeout(this.reconnectTimer), this.reconnectTimer = setTimeout(() => {
-      this.connect(t, s);
-    }, i);
-  }
-  // 安排重新连接
-  scheduleReconnect(t, s) {
-    setTimeout(() => {
-      this.reconnect(t, s);
-    }, 1e4);
-  }
-  // 关闭连接
-  close(t = 1e3) {
-    !this.isConnect || !this.socketTask || (this.clearHeartCheck(), this.socketTask.close({
-      code: t,
-      complete: (s) => {
-        this.isConnect = !1;
-      },
-      fail: (s) => {
-        console.error("关闭WebSocket连接失败", s);
-      }
-    }));
-  }
-  // 发送消息
-  sendMessage(t) {
-    if (!this.isConnect || !this.socketTask) {
-      console.warn("WebSocket未连接，无法发送消息");
-      return;
-    }
-    this.socketTask.send({ data: t });
-  }
-  // 注册连接成功回调
-  onConnect(t) {
-    this.connectCallBack = t;
-  }
-  // 注册消息接收回调
-  onMessage(t) {
-    this.messageCallBack = t;
-  }
-  // 注册连接关闭回调
-  onClose(t) {
-    this.closeCallBack = t;
-  }
-  // 获取连接状态
-  getIsConnect() {
-    return this.isConnect;
-  }
-  // 获取最后连接时间
-  getLastConnectTime() {
-    return this.lastConnectTime;
-  }
-  // 设置心跳间隔
-  setHeartCheckTimeout(t) {
-    this.heartCheckTimeout = t;
-  }
-  // 销毁实例
-  destroy() {
-    this.close(), this.clearHeartCheck(), this.reconnectTimer && (clearTimeout(this.reconnectTimer), this.reconnectTimer = null), this.messageCallBack = null, this.closeCallBack = null, this.connectCallBack = null, this.socketTask = null;
-  }
-}
-const Ye = new we();
-U.name = "ChatItem";
-O.name = "ChatMessageItem";
-x.name = "ChatBox";
-const $e = [
-  U,
-  O,
-  x
-], Fe = (e) => {
-  $e.forEach((t) => {
-    e.component(t.name || "", t);
-  });
-}, Ee = {
-  install: Fe
-};
-export {
-  x as ChatBox,
-  U as ChatItem,
-  O as ChatMessageItem,
-  be as MESSAGE_STATUS,
-  pe as MESSAGE_TYPE,
-  ye as MessageTypeRange,
-  Ue as RTC_STATE,
-  xe as TERMINAL_TYPE,
-  we as WebSocketManager,
-  Ne as clearToken,
-  Ee as default,
-  Qe as escapeAttribute,
-  Ke as escapeTextContent,
-  We as eventBus,
-  Xe as getRefreshToken,
-  b as getToken,
-  Ze as hasHtmlSpecialChars,
-  Je as html2Escape,
-  y as htmlEscape,
-  Ae as htmlUnescape,
-  Fe as install,
-  qe as isAuthed,
-  k as request,
-  Ge as requestx,
-  Pe as safeHTML,
-  ze as setAuth,
-  Le as setRefreshToken,
-  je as setSafeHTML,
-  Oe as setToken,
-  Me as useDynamicRefs,
-  Ye as webSocketManager
-};

package/dist/style.css

@@ -1 +0,0 @@
-.u-im-chat-item[data-v-a0bce79a]{display:flex;padding:12px 16px;cursor:pointer;transition:background-color .3s}.u-im-chat-item[data-v-a0bce79a]:hover{background-color:#f5f7fa}.u-im-chat-item__avatar[data-v-a0bce79a]{margin-right:12px}.u-im-chat-item__content[data-v-a0bce79a]{flex:1;min-width:0}.u-im-chat-item__header[data-v-a0bce79a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.u-im-chat-item__name[data-v-a0bce79a]{font-size:16px;font-weight:500;color:#303133}.u-im-chat-item__time[data-v-a0bce79a]{font-size:12px;color:#909399}.u-im-chat-item__message[data-v-a0bce79a]{display:flex;justify-content:space-between;align-items:center}.u-im-chat-item__text[data-v-a0bce79a]{font-size:14px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.u-im-chat-item__badge[data-v-a0bce79a]{margin-left:8px}.u-im-message-item[data-v-66e9b9aa]{display:flex;margin-bottom:16px}.u-im-message-item--left[data-v-66e9b9aa]{justify-content:flex-start}.u-im-message-item--right[data-v-66e9b9aa]{justify-content:flex-end}.u-im-message-item--right .u-im-message-item__content[data-v-66e9b9aa]{flex-direction:row-reverse}.u-im-message-item__avatar[data-v-66e9b9aa]{margin:0 8px;align-self:flex-end}.u-im-message-item__content[data-v-66e9b9aa]{display:flex;align-items:flex-end;max-width:70%}.u-im-message-item__bubble[data-v-66e9b9aa]{padding:8px 12px;border-radius:8px;position:relative}.u-im-message-item__bubble--text[data-v-66e9b9aa]{background-color:#f0f2f5;color:#303133}.u-im-message-item--right .u-im-message-item__bubble--text[data-v-66e9b9aa]{background-color:#409eff;color:#fff}.u-im-message-item__image[data-v-66e9b9aa]{border-radius:4px;overflow:hidden}.u-im-message-item__voice[data-v-66e9b9aa]{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f0f2f5;border-radius:16px}.u-im-message-item--right .u-im-message-item__voice[data-v-66e9b9aa]{background-color:#409eff;color:#fff}.u-im-message-item__duration[data-v-66e9b9aa]{font-size:12px}.u-im-message-item__status[data-v-66e9b9aa]{margin:0 4px;display:flex;align-items:center}.u-im-chat-box[data-v-d331769d]{display:flex;flex-direction:column;height:600px;border:1px solid #e4e7ed;border-radius:8px;overflow:hidden}.u-im-chat-box__header[data-v-d331769d]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f5f7fa;border-bottom:1px solid #e4e7ed}.u-im-chat-box__title[data-v-d331769d]{font-size:16px;font-weight:500;color:#303133}.u-im-chat-box__messages[data-v-d331769d]{flex:1;padding:16px;overflow-y:auto;background-color:#fafafa}.u-im-chat-box__loading[data-v-d331769d]{display:flex;justify-content:center;padding:16px}.u-im-chat-box__input[data-v-d331769d]{border-top:1px solid #e4e7ed;background-color:#fff}.u-im-chat-box__tools[data-v-d331769d]{padding:8px 16px;border-bottom:1px solid #e4e7ed}.u-im-chat-box__textarea[data-v-d331769d]{padding:12px 16px}.u-im-chat-box__send[data-v-d331769d]{padding:0 16px 12px;text-align:right}