tuikit-atomicx-vue3 3.4.1 → 3.5.0-beta.7

package/dist/components/BarrageInput/utils.d.ts

@@ -0,0 +1,30 @@
+import { MessageContentType, InputContent } from './type';
+
+declare function convertInputContentToEditorNode(item: InputContent): {
+    type: string;
+    text: string | {
+        url: string;
+        key: string;
+        text: string;
+    };
+    attrs?: undefined;
+} | {
+    type: any;
+    attrs: {
+        src: string;
+        alt: string;
+        fileData: File;
+        title: string;
+    };
+    text?: undefined;
+} | {
+    type: MessageContentType;
+    attrs: {
+        src: string;
+        alt: string;
+        title: string;
+        fileData?: undefined;
+    };
+    text?: undefined;
+};
+export { convertInputContentToEditorNode, };

package/dist/components/BarrageInput/utils.js

@@ -0,0 +1,41 @@
+import { MessageContentType as n } from "./type.js";
+function c(e) {
+  switch (e.type) {
+    case n.TEXT:
+      return {
+        type: "text",
+        text: e.content
+      };
+    case n.IMAGE: {
+      const t = e.content, r = URL.createObjectURL(t);
+      return {
+        type: n.IMAGE,
+        attrs: {
+          src: r,
+          alt: t == null ? void 0 : t.name,
+          fileData: t,
+          title: t == null ? void 0 : t.name
+        }
+      };
+    }
+    case n.EMOJI: {
+      const t = e.content;
+      return {
+        type: n.EMOJI,
+        attrs: {
+          src: t.url,
+          alt: t.key,
+          title: t.text
+        }
+      };
+    }
+    default:
+      return {
+        type: "text",
+        text: String(e.content)
+      };
+  }
+}
+export {
+  c as convertInputContentToEditorNode
+};

package/dist/components/BarrageList/BarrageList.js

@@ -1,154 +1,124 @@
-import { defineComponent as q, useSlots as J, ref as i, provide as Q, watch as N, nextTick as $, onMounted as W, onUnmounted as X, createElementBlock as k, openBlock as v, Fragment as z, createElementVNode as m, createVNode as E, createBlock as O, createCommentVNode as T, normalizeStyle as x, unref as s, withCtx as Y, renderList as Z, resolveDynamicComponent as ee, toDisplayString as I } from "vue";
-import te from "../../baseComp/ObserverView/ObserverView.js";
-import { throttle as oe } from "../../utils/lodash.js";
-import { useScroll as le } from "../../hooks/useScroll.js";
-import { Message as se } from "./Message/index.js";
-import re from "./MessageForward/MessageForward.js";
-import { MessageListContextSymbol as ae } from "./MessageListContext.js";
-import { useUIKit as ie } from "@tencentcloud/uikit-base-component-vue3";
+import { defineComponent as K, ref as i, useSlots as j, provide as J, watch as F, nextTick as Q, onMounted as R, onUnmounted as W, createElementBlock as k, openBlock as c, Fragment as H, createElementVNode as h, createBlock as O, createCommentVNode as M, normalizeStyle as C, renderList as X, unref as l, resolveDynamicComponent as Y, toDisplayString as T } from "vue";
+import { useUIKit as Z } from "@tencentcloud/uikit-base-component-vue3";
+import { useScroll as ee } from "../../hooks/useScroll.js";
+import { useLoginState as te } from "../../states/LoginState.js";
+import { throttle as se } from "../../utils/lodash.js";
+import { useBarrageListState as oe } from "./BarrageListState.js";
 import ne from "./ClickAction/UserActionMenu.js";
-import { useLoginState as ue } from "../../states/LoginState.js";
-import { useLiveState as ce } from "../../states/LiveState/index.js";
-import { useBarrageListState as ve } from "../../states/BarrageListState/BarrageListState.js";
-import { _ as me } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const de = { class: "message-chunk" }, fe = {
+import { Message as le } from "./Message/index.js";
+import { MessageListContextSymbol as re } from "./MessageListContext.js";
+import { useLiveListState as ae } from "../../states/LiveListState/LiveListState.js";
+import { _ as ie } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const ue = { class: "message-chunk" }, ce = {
   key: 0,
   class: "empty-message"
-}, pe = {
+}, ve = {
   key: 0,
   class: "message-group-tip"
-}, ge = { class: "message-group-tip-name" }, he = { class: "message-group-tip-action" }, M = 150, ye = /* @__PURE__ */ q({
+}, me = { class: "message-group-tip-name" }, de = { class: "message-group-tip-action" }, b = 150, fe = /* @__PURE__ */ K({
   __name: "BarrageList",
   props: {
-    messageAggregationTime: { default: 5 * 60 },
-    filter: { type: Function, default: void 0 },
     Message: { default: void 0 },
-    MessageTimeDivider: { default: void 0 },
-    LocalNoticeMessage: { default: void 0 },
     containerStyle: {},
     itemStyle: {},
     height: {},
     style: {}
   },
-  setup(U) {
-    const { t: C } = ie(), d = U, V = J(), { loginUserInfo: B } = ue(), { currentLive: P } = ce(), c = i({}), L = i(!1), H = i({}), b = i(null), G = (o) => {
-      if (!e.value)
+  setup(P) {
+    const { t: I } = Z(), v = P, o = i(null), V = j(), { loginUserInfo: L } = te(), { currentLive: A } = ae(), u = i(), x = i(!1), $ = i({}), N = i(null), B = i(!1), y = i(!1), _ = i(0), { messageList: m, messageGroupTip: d } = oe(), { scrollToBottom: U } = ee(), G = (e) => {
+      if (!o.value)
         return {
           position: "fixed",
-          top: `${o.bottom + 5}px`,
-          left: `${o.left}px`,
+          top: `${e.bottom + 5}px`,
+          left: `${e.left}px`,
           zIndex: 1e3
         };
-      const t = e.value.getBoundingClientRect(), l = 120, r = 10, n = 5;
-      let a = o.bottom + n;
-      return a + l > t.bottom - r && (a = o.top - l - n), a < t.top + r && (a = t.top + r), {
+      const t = o.value.getBoundingClientRect(), s = 120, n = 10, a = 5;
+      let r = e.bottom + a;
+      return r + s > t.bottom - n && (r = e.top - s - a), r < t.top + n && (r = t.top + n), {
         position: "fixed",
-        top: `${a}px`,
-        left: `${o.left}px`,
+        top: `${r}px`,
+        left: `${e.left}px`,
         zIndex: 1e3
       };
     };
-    Q(ae, {
+    J(re, {
       slots: V,
-      nickClick: (o) => {
-        var p, u, F;
-        const { message: t, event: l } = o, r = ((p = B.value) == null ? void 0 : p.userId) === ((u = P.value) == null ? void 0 : u.liveOwner.userId), n = ((F = B.value) == null ? void 0 : F.userId) === t.from;
-        if (!r || n)
+      nickClick: (e) => {
+        var f, p, g;
+        const { message: t, event: s } = e, n = ((f = L.value) == null ? void 0 : f.userId) === ((p = A.value) == null ? void 0 : p.liveOwner.userId), a = ((g = L.value) == null ? void 0 : g.userId) === t.sender.userId;
+        if (!n || a)
           return;
-        c.value = t, b.value = l.currentTarget;
-        const a = l.currentTarget.getBoundingClientRect();
-        H.value = G(a), L.value = !0;
+        u.value = t, N.value = s.currentTarget;
+        const r = s.currentTarget.getBoundingClientRect();
+        $.value = G(r), x.value = !0;
       }
     });
-    const g = i(!1), h = i(!1), y = i(0), S = i(!1), e = i(null), { messageGroupTip: f, messageList: _, loadMoreMessage: K, currentConversationID: R } = ve(), { scrollToBottom: A } = le(), D = oe(() => {
-      e.value && (y.value = e.value.scrollHeight - e.value.scrollTop - e.value.clientHeight, y.value > M && (h.value = !0), y.value < M && (h.value = !1));
-    }, 100), w = async () => {
-      g.value = !1, h.value = !1;
-    }, j = async () => {
-      var t;
-      if (!g.value || S.value || !((t = _.value) != null && t.length))
-        return;
-      if (S.value = !0, !e.value) {
-        S.value = !1;
-        return;
-      }
-      const o = e.value.scrollHeight - e.value.scrollTop - e.value.clientHeight;
-      if (await K(), await $(), e.value) {
-        const l = e.value.scrollHeight - e.value.clientHeight - o;
-        e.value.scrollTop = Math.max(
-          0,
-          Math.min(e.value.scrollHeight - e.value.clientHeight, l)
-        );
-      }
-      S.value = !1;
+    const z = se(() => {
+      o.value && (_.value = o.value.scrollHeight - o.value.scrollTop - o.value.clientHeight, _.value > b && (y.value = !0), _.value < b && (y.value = !1));
+    }, 100), E = async () => {
+      B.value = !1, y.value = !1;
     };
-    return N(R, () => {
-      w();
-    }), N(_, (o, t) => {
-      if (t === void 0 && o && !g.value && $(() => {
-        A({ behavior: "instant" }), g.value = !0;
-      }), !t || !o || !o.length)
-        return;
-      const l = o[o.length - 1], r = t[t.length - 1];
-      (l == null ? void 0 : l.ID) !== (r == null ? void 0 : r.ID) && (l.flow === "out" || !h.value && y.value < M) && A({ behavior: "smooth" });
+    return F(() => {
+      var e;
+      return (e = A.value) == null ? void 0 : e.liveId;
+    }, () => {
+      E();
+    }), F(() => {
+      var e;
+      return (e = m.value) == null ? void 0 : e.length;
+    }, (e) => {
+      var n;
+      const t = m.value[e - 1], s = m.value[e - 2];
+      s === void 0 && t && !B.value && Q(() => {
+        U({ behavior: "instant" }), B.value = !0;
+      }), !(!s || !t || !e) && (t == null ? void 0 : t.sequence) !== (s == null ? void 0 : s.sequence) && (t.sender.userId === ((n = L.value) == null ? void 0 : n.userId) || !y.value && _.value < b) && U({ behavior: "smooth" });
+    }), R(() => {
+      o.value && o.value.addEventListener("scroll", z), E();
     }), W(() => {
-      e.value && e.value.addEventListener("scroll", D), w();
-    }), X(() => {
-      e.value && e.value.removeEventListener("scroll", D);
-    }), (o, t) => {
-      var l, r, n, a, p;
-      return v(), k(z, null, [
-        m("div", {
+      o.value && o.value.removeEventListener("scroll", z);
+    }), (e, t) => {
+      var s, n, a, r, f, p, g, q, w, D;
+      return c(), k(H, null, [
+        h("div", {
           class: "message-list",
-          style: x({ height: d.height, ...d.style })
+          style: C({ height: v.height, ...v.style })
         }, [
-          m("div", {
+          h("div", {
             id: "messageScrollList",
             ref_key: "scrollContainer",
-            ref: e,
+            ref: o,
             class: "message-list-container",
-            style: x(d.containerStyle)
+            style: C(v.containerStyle)
           }, [
-            E(s(te), {
-              root: "#messageScrollList",
-              rootMargin: "50px 0px 0px 0px",
-              threshold: 0.1,
-              onOnShow: j
-            }, {
-              default: Y(() => [...t[1] || (t[1] = [
-                m("div", { id: "loadMore" }, null, -1)
-              ])]),
-              _: 1
-            }),
-            m("div", de, [
-              (v(!0), k(z, null, Z(s(_), (u) => (v(), O(ee(d.Message || s(se)), {
-                key: u.ID + u.isRevoked + u.status,
-                style: x(d.itemStyle),
-                message: u,
+            h("div", ue, [
+              (c(!0), k(H, null, X(l(m), (S) => (c(), O(Y(v.Message || l(le)), {
+                key: S.sequence + S.timestampInSecond,
+                style: C(v.itemStyle),
+                message: S,
                 "is-last-in-chunk": !0
               }, null, 8, ["style", "message"]))), 128))
             ]),
-            (l = s(_)) != null && l.length ? T("", !0) : (v(), k("div", fe, I(s(C)("No message yet")), 1))
+            (s = l(m)) != null && s.length ? M("", !0) : (c(), k("div", ce, T(l(I)("No message yet")), 1))
           ], 4),
-          s(f) ? (v(), k("div", pe, [
-            m("div", ge, I(((r = s(f)) == null ? void 0 : r.nameCard) || ((n = s(f)) == null ? void 0 : n.userName) || ((a = s(f)) == null ? void 0 : a.userId)), 1),
-            m("div", he, I(((p = s(f)) == null ? void 0 : p.displayAction) === "enter" ? s(C)("Come in") : s(C)("Leave")), 1)
-          ])) : T("", !0)
+          l(d) ? (c(), k("div", ve, [
+            h("div", me, T(((n = l(d)) == null ? void 0 : n.nameCard) || ((a = l(d)) == null ? void 0 : a.userName) || ((r = l(d)) == null ? void 0 : r.userId)), 1),
+            h("div", de, T(((f = l(d)) == null ? void 0 : f.displayAction) === "enter" ? l(I)("Come in") : l(I)("Leave")), 1)
+          ])) : M("", !0)
         ], 4),
-        E(s(re)),
-        L.value ? (v(), O(ne, {
+        x.value && u.value ? (c(), O(ne, {
           key: 0,
-          "user-id": c.value.from,
-          "user-name": c.value.nameCard || c.value.nick || c.value.from,
-          "avatar-url": c.value.avatar,
-          style: x(H.value),
-          "click-target": b.value,
-          onClose: t[0] || (t[0] = (u) => L.value = !1)
-        }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : T("", !0)
+          "user-id": (p = u.value) == null ? void 0 : p.sender.userId,
+          "user-name": ((g = u.value) == null ? void 0 : g.sender.nameCard) || ((q = u.value) == null ? void 0 : q.sender.userName) || ((w = u.value) == null ? void 0 : w.sender.userId),
+          "avatar-url": (D = u.value) == null ? void 0 : D.sender.avatarUrl,
+          style: C($.value),
+          "click-target": N.value,
+          onClose: t[0] || (t[0] = (S) => x.value = !1)
+        }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : M("", !0)
       ], 64);
     };
   }
-}), De = /* @__PURE__ */ me(ye, [["__scopeId", "data-v-022ab526"]]);
+}), Be = /* @__PURE__ */ ie(fe, [["__scopeId", "data-v-5b9fdfa7"]]);
 export {
-  De as default
+  Be as default
 };

package/dist/components/BarrageList/BarrageList.vue.d.ts

@@ -1,47 +1,18 @@
 import { Component, CSSProperties } from 'vue';
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 
 interface IMessageListProps {
-    /** message actions e.g. recall, delete, etc. */
-    /** max time between message group */
-    messageAggregationTime?: number | undefined;
-    /** custom filter function */
-    filter?: ((message: IMessageModel) => boolean) | undefined;
-    /** custom message component */
     Message?: Component | undefined;
-    /** custom message timeline component */
-    MessageTimeDivider?: Component | undefined;
-    /** custom local notification message component */
-    LocalNoticeMessage?: Component | undefined;
     containerStyle?: CSSProperties | undefined;
     itemStyle?: CSSProperties | undefined;
     height?: string;
     style?: CSSProperties;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageListProps>, {
-    /** props */
-    filter: undefined;
-    enableReadReceipt: boolean;
-    messageAggregationTime: number;
-    /** custom components */
     Message: undefined;
-    MessageTimeDivider: undefined;
-    LocalNoticeMessage: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageListProps>, {
-    /** props */
-    filter: undefined;
-    enableReadReceipt: boolean;
-    messageAggregationTime: number;
-    /** custom components */
     Message: undefined;
-    MessageTimeDivider: undefined;
-    LocalNoticeMessage: undefined;
 }>>> & Readonly<{}>, {
-    filter: (message: IMessageModel) => boolean;
     Message: Component;
-    messageAggregationTime: number;
-    MessageTimeDivider: Component;
-    LocalNoticeMessage: Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/BarrageList/BarrageListH5.js

@@ -1,151 +1,124 @@
-import { defineComponent as q, useSlots as J, ref as i, provide as Q, watch as w, nextTick as F, onMounted as W, onUnmounted as X, createElementBlock as k, openBlock as d, Fragment as $, createElementVNode as v, createVNode as N, createBlock as z, createCommentVNode as E, normalizeStyle as S, unref as r, withCtx as Y, renderList as Z, resolveDynamicComponent as ee, toDisplayString as O } from "vue";
-import te from "../../baseComp/ObserverView/ObserverView.js";
-import { throttle as oe } from "../../utils/lodash.js";
-import { useScroll as le } from "../../hooks/useScroll.js";
-import { Message as se } from "./Message/index.js";
-import re from "./MessageForward/MessageForward.js";
-import { MessageListContextSymbol as ae } from "./MessageListContext.js";
-import { useUIKit as ie } from "@tencentcloud/uikit-base-component-vue3";
+import { defineComponent as K, useSlots as P, ref as i, provide as j, watch as N, nextTick as J, onMounted as Q, onUnmounted as R, createElementBlock as x, openBlock as p, normalizeStyle as _, createElementVNode as k, createBlock as q, createCommentVNode as w, Fragment as W, renderList as X, unref as r, resolveDynamicComponent as Y, toDisplayString as D } from "vue";
+import { useUIKit as Z } from "@tencentcloud/uikit-base-component-vue3";
+import { useScroll as ee } from "../../hooks/useScroll.js";
+import { useLoginState as te } from "../../states/LoginState.js";
+import { throttle as se } from "../../utils/lodash.js";
+import { useBarrageListState as oe } from "./BarrageListState.js";
 import ne from "./ClickAction/UserActionMenu.js";
-import { useLoginState as ue } from "../../states/LoginState.js";
-import { useLiveState as ce } from "../../states/LiveState/index.js";
-import { useBarrageListState as ve } from "../../states/BarrageListState/BarrageListState.js";
-import { _ as me } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const fe = { class: "message-chunk" }, de = {
+import { Message as le } from "./Message/index.js";
+import { MessageListContextSymbol as re } from "./MessageListContext.js";
+import { useLiveListState as ae } from "../../states/LiveListState/LiveListState.js";
+import { _ as ie } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const ue = { class: "message-chunk" }, ce = {
   key: 0,
   class: "message-group-tip"
-}, pe = { class: "message-group-tip-name" }, ge = { class: "message-group-tip-action" }, C = 150, he = /* @__PURE__ */ q({
+}, ve = { class: "message-group-tip-name" }, me = { class: "message-group-tip-action" }, T = 150, de = /* @__PURE__ */ K({
   __name: "BarrageListH5",
   props: {
-    messageAggregationTime: { default: 5 * 60 },
-    filter: { type: Function, default: void 0 },
     Message: { default: void 0 },
-    MessageTimeDivider: { default: void 0 },
-    LocalNoticeMessage: { default: void 0 },
     containerStyle: {},
     itemStyle: {},
     height: {},
     style: {}
   },
-  setup(U) {
-    const { t: L } = ie(), m = U, V = J(), { loginUserInfo: T } = ue(), { currentLive: G } = ce(), c = i({}), x = i(!1), H = i({}), I = i(null), K = (o) => {
-      if (!e.value)
+  setup(F) {
+    const { t: B } = Z(), c = F, O = P(), { loginUserInfo: I } = te(), { currentLive: M } = ae(), u = i(), C = i(!1), b = i({}), A = i(null), L = i(!1), g = i(!1), h = i(0), o = i(null), { messageList: y, messageGroupTip: v } = oe(), { scrollToBottom: E } = ee(), V = (e) => {
+      if (!o.value)
         return {
           position: "fixed",
-          top: `${o.bottom + 5}px`,
-          left: `${o.left}px`,
+          top: `${e.bottom + 5}px`,
+          left: `${e.left}px`,
           zIndex: 1e3
         };
-      const t = e.value.getBoundingClientRect(), l = 120, s = 10, n = 5;
-      let a = o.bottom + n;
-      return a + l > t.bottom - s && (a = o.top - l - n), a < t.top + s && (a = t.top + s), {
+      const t = o.value.getBoundingClientRect(), s = 120, n = 10, a = 5;
+      let l = e.bottom + a;
+      return l + s > t.bottom - n && (l = e.top - s - a), l < t.top + n && (l = t.top + n), {
         position: "fixed",
-        top: `${a}px`,
-        left: `${o.left}px`,
+        top: `${l}px`,
+        left: `${e.left}px`,
         zIndex: 1e3
       };
     };
-    Q(ae, {
-      slots: V,
-      nickClick: (o) => {
-        var u, A, D;
-        const { message: t, event: l } = o, s = ((u = T.value) == null ? void 0 : u.userId) === ((A = G.value) == null ? void 0 : A.liveOwner.userId), n = ((D = T.value) == null ? void 0 : D.userId) === t.from;
-        if (!s || n)
+    j(re, {
+      slots: O,
+      nickClick: (e) => {
+        var m, d, f;
+        const { message: t, event: s } = e, n = ((m = I.value) == null ? void 0 : m.userId) === ((d = M.value) == null ? void 0 : d.liveOwner.userId), a = ((f = I.value) == null ? void 0 : f.userId) === t.sender.userId;
+        if (!n || a)
           return;
-        c.value = t, I.value = l.currentTarget;
-        const a = l.currentTarget.getBoundingClientRect();
-        H.value = K(a), x.value = !0;
+        u.value = t, A.value = s.currentTarget;
+        const l = s.currentTarget.getBoundingClientRect();
+        b.value = V(l), C.value = !0;
       }
     });
-    const p = i(!1), g = i(!1), h = i(0), y = i(!1), e = i(null), { messageGroupTip: f, messageList: _, loadMoreMessage: P, currentConversationID: R } = ve(), { scrollToBottom: M } = le(), B = oe(() => {
-      e.value && (h.value = e.value.scrollHeight - e.value.scrollTop - e.value.clientHeight, h.value > C && (g.value = !0), h.value < C && (g.value = !1));
-    }, 100), b = async () => {
-      p.value = !1, g.value = !1;
-    }, j = async () => {
-      var t;
-      if (!p.value || y.value || !((t = _.value) != null && t.length))
-        return;
-      if (y.value = !0, !e.value) {
-        y.value = !1;
-        return;
-      }
-      const o = e.value.scrollHeight - e.value.scrollTop - e.value.clientHeight;
-      if (await P(), await F(), e.value) {
-        const l = e.value.scrollHeight - e.value.clientHeight - o;
-        e.value.scrollTop = Math.max(
-          0,
-          Math.min(e.value.scrollHeight - e.value.clientHeight, l)
-        );
-      }
-      y.value = !1;
+    const $ = se(() => {
+      o.value && (h.value = o.value.scrollHeight - o.value.scrollTop - o.value.clientHeight, h.value > T && (g.value = !0), h.value < T && (g.value = !1));
+    }, 100), H = async () => {
+      L.value = !1, g.value = !1;
+    };
+    N(() => {
+      var e;
+      return (e = M.value) == null ? void 0 : e.liveId;
+    }, () => {
+      H();
+    }), N(() => {
+      var e;
+      return (e = y.value) == null ? void 0 : e.length;
+    }, (e) => {
+      var n;
+      const t = y.value[e - 1], s = y.value[e - 2];
+      s === void 0 && t && !L.value && J(() => {
+        E({ behavior: "instant" }), L.value = !0;
+      }), !(!s || !t || !e) && (t == null ? void 0 : t.sequence) !== (s == null ? void 0 : s.sequence) && (t.sender.userId === ((n = I.value) == null ? void 0 : n.userId) || !g.value && h.value < T) && E({ behavior: "smooth" });
+    });
+    const G = () => {
+      const e = document.activeElement;
+      e && typeof e.blur == "function" && e.blur();
     };
-    return w(R, () => {
-      b();
-    }), w(_, (o, t) => {
-      if (t === void 0 && o && !p.value && F(() => {
-        M({ behavior: "instant" }), p.value = !0;
-      }), !t || !o || !o.length)
-        return;
-      const l = o[o.length - 1], s = t[t.length - 1];
-      (l == null ? void 0 : l.ID) !== (s == null ? void 0 : s.ID) && (l.flow === "out" || !g.value && h.value < C) && M({ behavior: "smooth" });
-    }), W(() => {
-      e.value && e.value.addEventListener("scroll", B), b();
-    }), X(() => {
-      e.value && e.value.removeEventListener("scroll", B);
-    }), (o, t) => {
-      var l, s, n, a;
-      return d(), k($, null, [
-        v("div", {
-          class: "message-list",
-          style: S({ height: m.height, ...m.style })
+    return Q(() => {
+      o.value && o.value.addEventListener("scroll", $), H();
+    }), R(() => {
+      o.value && o.value.removeEventListener("scroll", $);
+    }), (e, t) => {
+      var s, n, a, l, m, d, f, U, z;
+      return p(), x("div", {
+        class: "message-list",
+        style: _({ height: c.height, ...c.style })
+      }, [
+        k("div", {
+          id: "messageScrollList",
+          ref_key: "scrollContainer",
+          ref: o,
+          class: "message-list-container",
+          style: _(c.containerStyle),
+          onTouchstart: G
         }, [
-          v("div", {
-            id: "messageScrollList",
-            ref_key: "scrollContainer",
-            ref: e,
-            class: "message-list-container",
-            style: S(m.containerStyle)
-          }, [
-            N(r(te), {
-              root: "#messageScrollList",
-              rootMargin: "50px 0px 0px 0px",
-              threshold: 0.1,
-              onOnShow: j
-            }, {
-              default: Y(() => [...t[1] || (t[1] = [
-                v("div", { id: "loadMore" }, null, -1)
-              ])]),
-              _: 1
-            }),
-            v("div", fe, [
-              (d(!0), k($, null, Z(r(_), (u) => (d(), z(ee(m.Message || r(se)), {
-                key: u.ID + u.isRevoked + u.status,
-                class: "message-item",
-                style: S(m.itemStyle),
-                message: u,
-                "is-last-in-chunk": !0
-              }, null, 8, ["style", "message"]))), 128))
-            ])
-          ], 4),
-          r(f) ? (d(), k("div", de, [
-            v("div", pe, O(((l = r(f)) == null ? void 0 : l.nameCard) || ((s = r(f)) == null ? void 0 : s.userName) || ((n = r(f)) == null ? void 0 : n.userId)), 1),
-            v("div", ge, O(((a = r(f)) == null ? void 0 : a.displayAction) === "enter" ? r(L)("Come in") : r(L)("Leave")), 1)
-          ])) : E("", !0)
-        ], 4),
-        N(r(re)),
-        x.value ? (d(), z(ne, {
+          k("div", ue, [
+            (p(!0), x(W, null, X(r(y), (S) => (p(), q(Y(c.Message || r(le)), {
+              key: S.sequence + S.timestampInSecond,
+              style: _(c.itemStyle),
+              message: S,
+              "is-last-in-chunk": !0
+            }, null, 8, ["style", "message"]))), 128))
+          ]),
+          r(v) ? (p(), x("div", ce, [
+            k("div", ve, D(((s = r(v)) == null ? void 0 : s.nameCard) || ((n = r(v)) == null ? void 0 : n.userName) || ((a = r(v)) == null ? void 0 : a.userId)), 1),
+            k("div", me, D(((l = r(v)) == null ? void 0 : l.displayAction) === "enter" ? r(B)("Come in") : r(B)("Leave")), 1)
+          ])) : w("", !0)
+        ], 36),
+        C.value && u.value ? (p(), q(ne, {
           key: 0,
-          "user-id": c.value.from,
-          "user-name": c.value.nameCard || c.value.nick || c.value.from,
-          "avatar-url": c.value.avatar,
-          style: S(H.value),
-          "click-target": I.value,
-          onClose: t[0] || (t[0] = (u) => x.value = !1)
-        }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : E("", !0)
-      ], 64);
+          "user-id": (m = u.value) == null ? void 0 : m.sender.userId,
+          "user-name": ((d = u.value) == null ? void 0 : d.sender.nameCard) || ((f = u.value) == null ? void 0 : f.sender.userName) || ((U = u.value) == null ? void 0 : U.sender.userId),
+          "avatar-url": (z = u.value) == null ? void 0 : z.sender.avatarUrl,
+          style: _(b.value),
+          "click-target": A.value,
+          onClose: t[0] || (t[0] = (S) => C.value = !1)
+        }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : w("", !0)
+      ], 4);
     };
   }
-}), Ae = /* @__PURE__ */ me(he, [["__scopeId", "data-v-2787bca3"]]);
+}), xe = /* @__PURE__ */ ie(de, [["__scopeId", "data-v-c0c678f4"]]);
 export {
-  Ae as default
+  xe as default
 };