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

package/dist/components/MessageList/Message/CustomMessage/CallMessage/CallMessage.js

@@ -1,60 +1,61 @@
-import { defineComponent as v, useCssModule as y, computed as i, createBlock as c, unref as e, openBlock as t, normalizeClass as o, withCtx as m, createTextVNode as _, toDisplayString as p } from "vue";
-import { IconCall1Filled as k, IconVideoDefaultFilled as x } from "@tencentcloud/uikit-base-component-vue3";
-import { View as u } from "../../../../../baseComp/View/index.js";
-import { ConversationType as g } from "../../../../../types/engine.js";
-import { parseCallMessageText as z, parseCallMessage as M, startCall as T } from "../../../../../utils/call.js";
-import { useConversationListState as w } from "../../../../../states/ConversationListState/ConversationListState.js";
-import { _ as D } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const I = /* @__PURE__ */ v({
+import { defineComponent as k, useCssModule as x, computed as u, createBlock as l, unref as e, openBlock as c, normalizeClass as o, withCtx as _, createTextVNode as p, toDisplayString as g } from "vue";
+import { useUIKit as z, IconCall1Filled as M, IconVideoDefaultFilled as I } from "@tencentcloud/uikit-base-component-vue3";
+import { View as d } from "../../../../../baseComp/View/index.js";
+import { ConversationType as f } from "../../../../../types/engine.js";
+import { parseCallMessageText as T, parseCallMessage as D, startCall as w } from "../../../../../utils/call.js";
+import { useConversationListState as V } from "../../../../../states/ConversationListState/ConversationListState.js";
+import { _ as h } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const B = /* @__PURE__ */ k({
   __name: "CallMessage",
   props: {
     message: {}
   },
-  setup(d) {
-    const s = d, a = y(), { activeConversation: f } = w(), n = i(() => z(s.message)), l = i(() => M(s.message)), C = () => {
-      !f.value || !l.value || s.message.conversationType === g.GROUP || T({
-        type: l.value.data.data.call_type,
-        userIDList: l.value.data.inviteeList
+  setup(C) {
+    const s = C, { t: y } = z(), a = x(), { activeConversation: n } = V(), i = u(() => T(s.message, y)), t = u(() => D(s.message)), v = () => {
+      var r;
+      !n.value || !t.value || s.message.conversationType === f.GROUP || w({
+        type: t.value.data.data.call_type,
+        userIDList: [(r = n.value.userProfile) == null ? void 0 : r.userID]
       });
     };
-    return (h, B) => s.message.conversationType === e(g).C2C ? (t(), c(e(u), {
+    return (r, P) => s.message.conversationType === e(f).C2C ? (c(), l(e(d), {
       key: 0,
       gap: 8,
       dir: "row",
       class: o(e(a)["call-message-c2c"]),
-      onClick: C
+      onClick: v
     }, {
-      default: m(() => {
-        var r;
+      default: _(() => {
+        var m;
         return [
-          ((r = l.value) == null ? void 0 : r.data.data.call_type) === 1 ? (t(), c(e(k), {
+          ((m = t.value) == null ? void 0 : m.data.data.call_type) === 1 ? (c(), l(e(M), {
             key: 0,
             class: o(e(a)["call-message-c2c__icon"])
-          }, null, 8, ["class"])) : (t(), c(e(x), {
+          }, null, 8, ["class"])) : (c(), l(e(I), {
             key: 1,
             class: o(e(a)["call-message-c2c__icon"])
           }, null, 8, ["class"])),
-          _(" " + p(n.value), 1)
+          p(" " + g(i.value), 1)
         ];
       }),
       _: 1
-    }, 8, ["class"])) : (t(), c(e(u), {
+    }, 8, ["class"])) : (c(), l(e(d), {
       key: 1,
       class: o(e(a)["call-message-group"])
     }, {
-      default: m(() => [
-        _(p(n.value), 1)
+      default: _(() => [
+        p(g(i.value), 1)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), L = {
+}), F = {
   "call-message-c2c": "_call-message-c2c_u2zzk_1",
   "call-message-c2c__icon": "_call-message-c2c__icon_u2zzk_7",
   "call-message-group": "_call-message-group_u2zzk_11"
-}, V = {
-  $style: L
-}, P = /* @__PURE__ */ D(I, [["__cssModules", V]]);
+}, L = {
+  $style: F
+}, O = /* @__PURE__ */ h(B, [["__cssModules", L]]);
 export {
-  P as default
+  O as default
 };

package/dist/components/MessageList/Message/GroupTipMessage/index.js

@@ -1,21 +1,21 @@
-import { defineComponent as a, createElementBlock as n, openBlock as p, normalizeClass as m, unref as i, toDisplayString as g } from "vue";
-import { useUIKit as c } from "@tencentcloud/uikit-base-component-vue3";
-import { c as u } from "../../../../index-DPczIrgX.js";
-import { ConversationType as l } from "../../../../types/engine.js";
-import { isCallMessage as f, parseCallMessageText as _ } from "../../../../utils/call.js";
-import { resolveGroupTipMessage as C } from "./resolveGroupTipMessage.js";
-const k = /* @__PURE__ */ a({
+import { defineComponent as a, computed as n, createElementBlock as p, openBlock as m, normalizeClass as i, unref as g, toDisplayString as c } from "vue";
+import { useUIKit as u } from "@tencentcloud/uikit-base-component-vue3";
+import { c as l } from "../../../../index-DPczIrgX.js";
+import { ConversationType as f } from "../../../../types/engine.js";
+import { isCallMessage as _, parseCallMessageText as C } from "../../../../utils/call.js";
+import { resolveGroupTipMessage as M } from "./resolveGroupTipMessage.js";
+const B = /* @__PURE__ */ a({
   __name: "GroupTipMessage",
   props: {
     message: {}
   },
-  setup(r) {
-    const e = r, { t: o } = c(), s = e.message.getMessageContent(), t = () => s.businessID === "group_create" ? `${s.showName || ""} ${o("MessageList.create_group")}` : f(e.message) && e.message.conversationType === l.GROUP ? _(e.message) : C(e.message).text;
-    return (M, T) => (p(), n("div", {
-      class: m(i(u)("group-tip-message"))
-    }, g(t()), 3));
+  setup(o) {
+    const e = o, { t: s } = u(), r = e.message.getMessageContent(), t = n(() => r.businessID === "group_create" ? `${r.showName || ""} ${s("MessageList.create_group")}` : _(e.message) && e.message.conversationType === f.GROUP ? C(e.message, s) : M(e.message).text);
+    return (T, v) => (m(), p("div", {
+      class: i(g(l)("group-tip-message"))
+    }, c(t.value), 3));
   }
 });
 export {
-  k as GroupTipMessage
+  B as GroupTipMessage
 };

package/dist/components/MessageList/Message/Message.vue.d.ts

@@ -1,5 +1,5 @@
 import { MessageAction } from '../../../hooks/useMessageActions';
-import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../../types/engine';
 
 interface MessageProps {
     message: MessageModel;

package/dist/components/MessageList/Message/MessageLayout/MessageLayout.js

@@ -1,26 +1,26 @@
-import { defineComponent as w, ref as B, computed as l, createElementBlock as h, openBlock as o, Fragment as D, createBlock as n, createCommentVNode as r, createVNode as g, unref as s, normalizeStyle as E, normalizeClass as m, withCtx as d, resolveDynamicComponent as G } from "vue";
-import { c } from "../../../../index-DPczIrgX.js";
-import { View as f } from "../../../../baseComp/View/index.js";
-import { MessageType as a, ConversationType as M } from "../../../../types/engine.js";
+import { defineComponent as b, ref as B, computed as o, createElementBlock as h, openBlock as n, Fragment as D, createBlock as l, createCommentVNode as g, createVNode as u, unref as a, normalizeStyle as E, normalizeClass as i, withCtx as c, resolveDynamicComponent as G } from "vue";
+import { c as f } from "../../../../index-DPczIrgX.js";
+import { View as p } from "../../../../baseComp/View/index.js";
+import { MessageType as s, ConversationType as C } from "../../../../types/engine.js";
 import { isCallMessage as F } from "../../../../utils/call.js";
 import P from "../../../Avatar/Avatar.js";
-import b from "../../ReadReceiptInfo/ReadReceiptInfo.js";
-import x from "../AudioMessage/AudioMessage.js";
-import U from "../CustomMessage/CustomMessage.js";
-import V from "../FaceMessage/FaceMessage.js";
-import H from "../FileMessage/FileMessage.js";
-import { GroupTipMessage as p } from "../GroupTipMessage/index.js";
-import N from "../ImageMessage/ImageMessage.js";
-import S from "../LocationMessage/LocationMessage.js";
-import z from "../MergerMessage/MergerMessage.js";
-import $ from "../RecalledMessage/RecalledMessage.js";
-import X from "../TextMessage/TextMessage.js";
-import j from "../VideoMessage/VideoMessage.js";
-import q from "./MessageBubble/MessageBubble.js";
-import J from "./MessageMeta/MessageMeta.js";
-import { useMessageLayoutClasses as K } from "./useMessageLayoutClasses.js";
-import { _ as Q } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const W = /* @__PURE__ */ w({
+import x from "../../ReadReceiptInfo/ReadReceiptInfo.js";
+import U from "../AudioMessage/AudioMessage.js";
+import V from "../CustomMessage/CustomMessage.js";
+import H from "../FaceMessage/FaceMessage.js";
+import N from "../FileMessage/FileMessage.js";
+import { GroupTipMessage as M } from "../GroupTipMessage/index.js";
+import S from "../ImageMessage/ImageMessage.js";
+import z from "../LocationMessage/LocationMessage.js";
+import $ from "../MergerMessage/MergerMessage.js";
+import X from "../RecalledMessage/RecalledMessage.js";
+import j from "../TextMessage/TextMessage.js";
+import q from "../VideoMessage/VideoMessage.js";
+import J from "./MessageBubble/MessageBubble.js";
+import K from "./MessageMeta/MessageMeta.js";
+import { useMessageLayoutClasses as Q } from "./useMessageLayoutClasses.js";
+import { _ as W } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Y = /* @__PURE__ */ b({
   __name: "MessageLayout",
   props: {
     message: { default: () => ({}) },
@@ -35,98 +35,92 @@ const W = /* @__PURE__ */ w({
     style: { default: void 0 }
   },
   setup(e) {
-    const t = e, i = B(!1), C = l(() => !!(t.message.type === a.CUSTOM && t.message.getMessageContent().businessID === "group_create" || t.message.type === a.CUSTOM && F(t.message) && t.message.conversationType === M.GROUP)), y = {
-      [a.TEXT]: X,
-      [a.IMAGE]: N,
-      [a.AUDIO]: x,
-      [a.VIDEO]: j,
-      [a.FILE]: H,
-      [a.FACE]: V,
-      [a.LOCATION]: S,
-      [a.MERGER]: z,
-      [a.CUSTOM]: U,
-      [a.GRP_TIP]: p
-    }, u = l(() => y[t.message.type]), R = l(() => t.message.flow === "out"), {
-      layoutClasses: I,
-      wrapperClasses: v,
-      avatarClasses: A,
-      bubbleClasses: T,
-      metaClasses: O
-    } = K({
+    const t = e, r = B(!1), v = o(() => !!(t.message.type === s.CUSTOM && t.message.getMessageContent().businessID === "group_create" || t.message.type === s.CUSTOM && F(t.message) && t.message.conversationType === C.GROUP)), y = {
+      [s.TEXT]: j,
+      [s.IMAGE]: S,
+      [s.AUDIO]: U,
+      [s.VIDEO]: q,
+      [s.FILE]: N,
+      [s.FACE]: H,
+      [s.LOCATION]: z,
+      [s.MERGER]: $,
+      [s.CUSTOM]: V,
+      [s.GRP_TIP]: M
+    }, d = o(() => y[t.message.type]), R = o(() => t.message.flow === "out"), m = o(() => Q({
       isMessageOwner: R.value,
       alignment: t.alignment,
       isAggregated: t.isAggregated
-    });
-    function k() {
-      i.value = !0;
-    }
+    })), I = o(() => m.value.layoutClasses), A = o(() => m.value.wrapperClasses), T = o(() => m.value.avatarClasses), O = o(() => m.value.bubbleClasses), k = o(() => m.value.metaClasses);
     function L() {
-      i.value = !1;
+      r.value = !0;
+    }
+    function w() {
+      r.value = !1;
     }
-    return (Y, Z) => (o(), h(D, null, [
-      e.message.isRevoked ? (o(), n(s($), {
+    return (Z, _) => (n(), h(D, null, [
+      e.message.isRevoked ? (n(), l(a(X), {
         key: 0,
         class: "message-recalled",
         message: e.message
-      }, null, 8, ["message"])) : e.message.type === s(a).GRP_TIP || C.value ? (o(), n(s(p), {
+      }, null, 8, ["message"])) : e.message.type === a(s).GRP_TIP || v.value ? (n(), l(a(M), {
         key: 1,
         message: e.message
-      }, null, 8, ["message"])) : u.value ? (o(), n(s(f), {
+      }, null, 8, ["message"])) : d.value ? (n(), l(a(p), {
         key: 2,
         "data-message-id": e.message.ID,
-        class: m(s(I)),
+        class: i(I.value),
         style: E(e.style)
       }, {
-        default: d(() => [
-          e.isHiddenMessageAvatar ? r("", !0) : (o(), n(s(P), {
+        default: c(() => [
+          e.isHiddenMessageAvatar ? g("", !0) : (n(), l(a(P), {
             key: 0,
-            class: m(s(c)(s(A))),
+            class: i(a(f)(T.value)),
             src: e.message.avatar
           }, null, 8, ["class", "src"])),
-          g(s(f), {
-            class: m(s(c)(s(v)))
+          u(a(p), {
+            class: i(a(f)(A.value))
           }, {
-            default: d(() => [
-              g(s(q), {
-                class: m(s(T)),
+            default: c(() => [
+              u(a(J), {
+                class: i(O.value),
                 message: e.message,
                 alignment: e.alignment,
                 isLastInChunk: !1,
                 messageActionList: e.messageActionList
               }, {
-                default: d(() => [
-                  (o(), n(G(u.value), { message: e.message }, null, 8, ["message"]))
+                default: c(() => [
+                  (n(), l(G(d.value), { message: e.message }, null, 8, ["message"]))
                 ]),
                 _: 1
               }, 8, ["class", "message", "alignment", "messageActionList"]),
-              e.isHiddenMessageMeta ? r("", !0) : (o(), n(s(J), {
+              e.isHiddenMessageMeta ? g("", !0) : (n(), l(a(K), {
                 key: 0,
-                class: m(s(O)),
+                class: i(k.value),
                 status: e.message.status,
                 flow: e.message.flow,
                 timestamp: e.message.time * 1e3,
                 "need-read-receipt": e.message.needReadReceipt,
                 "read-receipt-info": e.message.readReceiptInfo,
-                "is-group": e.message.conversationType === s(M).GROUP,
-                onOnReadReceiptTextClick: k
+                "is-group": e.message.conversationType === a(C).GROUP,
+                onOnReadReceiptTextClick: L
               }, null, 8, ["class", "status", "flow", "timestamp", "need-read-receipt", "read-receipt-info", "is-group"]))
             ]),
             _: 1
           }, 8, ["class"])
         ]),
         _: 1
-      }, 8, ["data-message-id", "class", "style"])) : r("", !0),
-      g(s(b), {
-        open: i.value,
+      }, 8, ["data-message-id", "class", "style"])) : g("", !0),
+      u(a(x), {
+        open: r.value,
         messageID: e.message.ID,
         "read-count": e.message.readReceiptInfo.readCount,
         "unread-count": e.message.readReceiptInfo.unreadCount,
         "is-peer-read": e.message.readReceiptInfo.isPeerRead,
-        onOnClose: L
+        onOnClose: w
       }, null, 8, ["open", "messageID", "read-count", "unread-count", "is-peer-read"])
     ], 64));
   }
-}), ve = /* @__PURE__ */ Q(W, [["__scopeId", "data-v-af693331"]]);
+}), Ae = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-e038fbd1"]]);
 export {
-  ve as default
+  Ae as default
 };

package/dist/components/MessageList/Message/VideoMessage/VideoMessage.js

@@ -1,83 +1,78 @@
-import { defineComponent as f, ref as d, computed as v, onMounted as _, onUnmounted as H, watch as w, createBlock as R, openBlock as g, unref as i, normalizeStyle as I, normalizeClass as C, withCtx as E, createElementBlock as L, createCommentVNode as x, createElementVNode as z } from "vue";
-import { c as M } from "../../../../index-DPczIrgX.js";
+import { defineComponent as f, computed as i, ref as h, watch as _, createBlock as H, openBlock as v, unref as p, normalizeStyle as E, normalizeClass as C, withCtx as I, createElementBlock as L, createCommentVNode as R, createElementVNode as A } from "vue";
+import { c as T } from "../../../../index-DPczIrgX.js";
 import { View as k } from "../../../../baseComp/View/index.js";
-import { _ as y } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const A = {
+import { _ as x } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = {
   key: 0,
   class: "video-placeholder"
-}, T = ["src", "poster"], V = /* @__PURE__ */ f({
+}, w = ["src", "poster"], z = /* @__PURE__ */ f({
   __name: "VideoMessage",
   props: {
     message: { default: () => ({}) },
     isLastInChunk: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    const l = n, e = l.message.getMessageContent(), u = d(!1), t = d(!1), s = d(
-      e.snapshotWidth && e.snapshotHeight ? {
+  setup(l) {
+    const n = l, m = (e, t) => e === 200 && t === 200, c = i(
+      () => n.message.getMessageContent()
+    ), a = h(null), s = h(!1), u = i(() => {
+      if (a.value)
+        return a.value;
+      const e = c.value;
+      return m(e.snapshotWidth, e.snapshotHeight) ? null : e.snapshotWidth && e.snapshotHeight ? {
         height: e.snapshotHeight,
         aspectRatio: e.snapshotWidth / e.snapshotHeight
-      } : null
-    ), r = v(() => l.message.flow === "out"), a = v(() => {
-      if (!s.value)
+      } : null;
+    }), o = i(() => {
+      if (!u.value)
         return {
-          height: 400,
+          height: 200,
           aspectRatio: 0.75
         };
-      const { aspectRatio: c } = s.value;
-      return c > 1 ? {
-        aspectRatio: c,
+      const { aspectRatio: r } = u.value;
+      return r > 1 ? {
+        aspectRatio: r,
         height: 200
       } : {
-        aspectRatio: c,
-        height: 400
+        aspectRatio: r,
+        height: 300
       };
-    }), p = () => {
-      u.value = !0;
-    }, m = (h) => {
-      const o = h.target;
-      s.value = {
-        aspectRatio: o.videoWidth / o.videoHeight,
-        height: o.videoHeight
-      }, t.value = !0;
+    }), d = i(() => n.message.flow === "out"), g = (e) => {
+      const t = e.target;
+      a.value = {
+        aspectRatio: t.videoWidth / t.videoHeight,
+        height: t.videoHeight
+      }, s.value = !0;
     };
-    return _(() => {
-      window.addEventListener("resize", p);
-    }), H(() => {
-      window.removeEventListener("resize", p);
-    }), w(() => l.message.ID, () => {
-      t.value = !1, s.value = e.snapshotWidth && e.snapshotHeight ? {
-        height: e.snapshotHeight,
-        aspectRatio: e.snapshotWidth / e.snapshotHeight
-      } : null;
-    }), (h, o) => (g(), R(i(k), {
-      class: C(i(M)("video-message", {
-        "video-message--last--self": r.value && n.isLastInChunk,
-        "video-message--last--other": !r.value && n.isLastInChunk,
-        "video-message--loaded": t.value
+    return _(() => n.message.ID, () => {
+      s.value = !1, a.value = null;
+    }), (e, t) => (v(), H(p(k), {
+      class: C(p(T)("video-message", {
+        "video-message--last--self": d.value && l.isLastInChunk,
+        "video-message--last--other": !d.value && l.isLastInChunk,
+        "video-message--loaded": s.value
       })),
-      style: I({
-        minHeight: u.value ? "auto" : `${a.value.height}px`,
-        maxHeight: `${a.value.height}px`,
-        aspectRatio: s.value ? `${a.value.aspectRatio}` : "auto",
-        width: t.value ? void 0 : `${a.value.height * a.value.aspectRatio}px`
+      style: E({
+        maxHeight: `${o.value.height}px`,
+        aspectRatio: u.value ? `${o.value.aspectRatio}` : "auto",
+        width: s.value ? void 0 : `${o.value.height * o.value.aspectRatio}px`
       })
     }, {
-      default: E(() => [
-        t.value ? x("", !0) : (g(), L("div", A)),
-        z("video", {
+      default: I(() => [
+        s.value ? R("", !0) : (v(), L("div", y)),
+        A("video", {
           class: "video-message__video",
-          src: i(e).url,
-          poster: i(e).snapshotUrl,
+          src: c.value.url,
+          poster: c.value.snapshotUrl,
           controls: "",
           muted: "",
           autoplay: !1,
-          onLoadedmetadata: m
-        }, null, 40, T)
+          onLoadedmetadata: g
+        }, null, 40, w)
       ]),
       _: 1
     }, 8, ["class", "style"]));
   }
-}), D = /* @__PURE__ */ y(V, [["__scopeId", "data-v-c5688c84"]]);
+}), B = /* @__PURE__ */ x(z, [["__scopeId", "data-v-a02e7d43"]]);
 export {
-  D as default
+  B as default
 };

package/dist/components/MessageList/Message/VideoMessage/VideoMessage.vue.d.ts

@@ -1,17 +1,17 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../../../types/engine';
 
-interface IVideoMessageProps {
-    message: IMessageModel;
+interface VideoMessageProps {
+    message: MessageModel;
     isLastInChunk?: boolean;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IVideoMessageProps>, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VideoMessageProps>, {
     isLastInChunk: boolean;
-    message: () => IMessageModel;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IVideoMessageProps>, {
+    message: () => MessageModel;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VideoMessageProps>, {
     isLastInChunk: boolean;
-    message: () => IMessageModel;
+    message: () => MessageModel;
 }>>> & Readonly<{}>, {
-    message: IMessageModel;
+    message: MessageModel;
     isLastInChunk: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/MessageList/MessageList.js

@@ -51,9 +51,9 @@ const ce = { class: "message-list" }, me = { class: "message-chunk" }, y = 150,
           key: `chunk-${e.ID}`
         }) : T.messages.push(e);
       }), s;
-    }), b = se(() => {
+    }), H = se(() => {
       t.value && (f.value = t.value.scrollHeight - t.value.scrollTop - t.value.clientHeight, f.value > y && (p(!0), h.value = !0), f.value < y && (p(!1), h.value = !1));
-    }, 100), H = async () => {
+    }, 100), b = async () => {
       v.value = !1, p(!1), h.value = !1;
     }, X = async () => {
       var l;
@@ -73,7 +73,7 @@ const ce = { class: "message-list" }, me = { class: "message-chunk" }, y = 150,
       }
     };
     return A(U, () => {
-      H();
+      b();
     }), A(g, (l, s) => {
       if (s === void 0 && l && !v.value) {
         w(() => {
@@ -85,14 +85,16 @@ const ce = { class: "message-list" }, me = { class: "message-chunk" }, y = 150,
         return;
       const o = l[l.length - 1], e = s[s.length - 1];
       (o == null ? void 0 : o.ID) !== (e == null ? void 0 : e.ID) && (o.flow === "out" || !P.value && f.value < y) && _({ behavior: "smooth" });
+    }, {
+      immediate: !0
     }), A(() => a.enableReadReceipt, (l) => {
       W(l);
     }, {
       immediate: !0
     }), K(() => {
-      t.value && t.value.addEventListener("scroll", b), H();
+      t.value && t.value.addEventListener("scroll", H), b();
     }), Q(() => {
-      t.value && t.value.removeEventListener("scroll", b);
+      t.value && t.value.removeEventListener("scroll", H);
     }), (l, s) => (u(), C("div", ce, [
       S("div", {
         id: "messageScrollList",
@@ -145,7 +147,7 @@ const ce = { class: "message-list" }, me = { class: "message-chunk" }, y = 150,
       }, null, 8, ["class"])) : Y("", !0)
     ]));
   }
-}), De = /* @__PURE__ */ ue(ge, [["__scopeId", "data-v-cb526f87"]]);
+}), De = /* @__PURE__ */ ue(ge, [["__scopeId", "data-v-ac83869e"]]);
 export {
   De as default
 };

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

@@ -40,11 +40,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>>> & Readonly<{}>, {
     filter: (message: MessageModel) => boolean;
     enableReadReceipt: boolean;
-    messageActionList: MessageAction[];
     Message: Component;
-    messageAggregationTime: number;
     MessageTimeDivider: Component;
+    messageActionList: MessageAction[];
     alignment: "left" | "right" | "two-sided";
+    messageAggregationTime: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/MessageList/i18n/en-US.d.ts

@@ -65,4 +65,68 @@ declare const CallMessage: {
     no_answer_from_recipient: string;
     no_answer_timeout: string;
 };
-export { MessageList, CallMessage, };
+declare const Emoji: {
+    '[TUIEmoji_Smile]': string;
+    '[TUIEmoji_Expect]': string;
+    '[TUIEmoji_Blink]': string;
+    '[TUIEmoji_Guffaw]': string;
+    '[TUIEmoji_KindSmile]': string;
+    '[TUIEmoji_Haha]': string;
+    '[TUIEmoji_Cheerful]': string;
+    '[TUIEmoji_Speechless]': string;
+    '[TUIEmoji_Amazed]': string;
+    '[TUIEmoji_Sorrow]': string;
+    '[TUIEmoji_Complacent]': string;
+    '[TUIEmoji_Silly]': string;
+    '[TUIEmoji_Lustful]': string;
+    '[TUIEmoji_Giggle]': string;
+    '[TUIEmoji_Kiss]': string;
+    '[TUIEmoji_Wail]': string;
+    '[TUIEmoji_TearsLaugh]': string;
+    '[TUIEmoji_Trapped]': string;
+    '[TUIEmoji_Mask]': string;
+    '[TUIEmoji_Fear]': string;
+    '[TUIEmoji_BareTeeth]': string;
+    '[TUIEmoji_FlareUp]': string;
+    '[TUIEmoji_Yawn]': string;
+    '[TUIEmoji_Tact]': string;
+    '[TUIEmoji_Stareyes]': string;
+    '[TUIEmoji_ShutUp]': string;
+    '[TUIEmoji_Sigh]': string;
+    '[TUIEmoji_Hehe]': string;
+    '[TUIEmoji_Silent]': string;
+    '[TUIEmoji_Surprised]': string;
+    '[TUIEmoji_Askance]': string;
+    '[TUIEmoji_Ok]': string;
+    '[TUIEmoji_Shit]': string;
+    '[TUIEmoji_Monster]': string;
+    '[TUIEmoji_Daemon]': string;
+    '[TUIEmoji_Rage]': string;
+    '[TUIEmoji_Fool]': string;
+    '[TUIEmoji_Pig]': string;
+    '[TUIEmoji_Cow]': string;
+    '[TUIEmoji_Ai]': string;
+    '[TUIEmoji_Skull]': string;
+    '[TUIEmoji_Bombs]': string;
+    '[TUIEmoji_Coffee]': string;
+    '[TUIEmoji_Cake]': string;
+    '[TUIEmoji_Beer]': string;
+    '[TUIEmoji_Flower]': string;
+    '[TUIEmoji_Watermelon]': string;
+    '[TUIEmoji_Rich]': string;
+    '[TUIEmoji_Heart]': string;
+    '[TUIEmoji_Moon]': string;
+    '[TUIEmoji_Sun]': string;
+    '[TUIEmoji_Star]': string;
+    '[TUIEmoji_RedPacket]': string;
+    '[TUIEmoji_Celebrate]': string;
+    '[TUIEmoji_Bless]': string;
+    '[TUIEmoji_Fortune]': string;
+    '[TUIEmoji_Convinced]': string;
+    '[TUIEmoji_Prohibit]': string;
+    '[TUIEmoji_666]': string;
+    '[TUIEmoji_857]': string;
+    '[TUIEmoji_Knife]': string;
+    '[TUIEmoji_Like]': string;
+};
+export { MessageList, CallMessage, Emoji, };