tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/MessageList/Message/MessageLayout/MessageActionDropdown/MessageActionDropdown.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 MessageActionDropdownProps {
     message: MessageModel;

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

@@ -1,4 +1,4 @@
-import { default as default2 } from "./MessageActionDropdown.js";
+import { default as a } from "./MessageActionDropdown.js";
 export {
-  default2 as MessageActionDropdown
+  a as MessageActionDropdown
 };

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

@@ -1,55 +1,47 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, withCtx, renderSlot } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { c as cs } from "../../../../../index-BF6QB9jF.js";
-import MessageActionDropdown from "../MessageActionDropdown/MessageActionDropdown.js";
-import { useMessageListState } from "../../../../../states/MessageListState/MessageListState.js";
-import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
+import { defineComponent as d, computed as o, createElementBlock as n, openBlock as s, normalizeClass as r, unref as l, createBlock as h, withCtx as f, renderSlot as b } from "vue";
+import m from "@tencentcloud/chat-uikit-engine";
+import { c as M } from "../../../../../index-DPczIrgX.js";
+import k from "../MessageActionDropdown/MessageActionDropdown.js";
+import { useMessageListState as E } from "../../../../../states/MessageListState/MessageListState.js";
+import { _ as v } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const I = {
   key: 0,
   class: "has-risk-content"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, S = /* @__PURE__ */ d({
   __name: "MessageBubble",
   props: {
     message: { default: () => ({}) },
     alignment: { default: "two-sided" },
-    isLastInChunk: { type: Boolean, default: true },
+    isLastInChunk: { type: Boolean, default: !0 },
     messageActionList: { default: void 0 }
   },
-  setup(__props) {
-    const MEDIA_MESSAGE_TYPE = [
-      TUIChatEngine.TYPES.MSG_IMAGE,
-      TUIChatEngine.TYPES.MSG_VIDEO
-    ];
-    const props = __props;
-    const { highlightMessageIDSet } = useMessageListState();
-    const isMediaMessage = computed(() => MEDIA_MESSAGE_TYPE.includes(props.message.type));
-    const isHighlighted = computed(() => highlightMessageIDSet.value.has(props.message.ID));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["message-bubble", unref(cs)({
-          [`bubble-${_ctx.message.flow}`]: _ctx.message.flow && true,
-          "all-round-radius": !_ctx.isLastInChunk,
-          "media-bubble": MEDIA_MESSAGE_TYPE.includes(_ctx.message.type),
-          "highlight--normal": isHighlighted.value,
-          "highlight--media": isHighlighted.value && isMediaMessage.value
-        })])
-      }, [
-        _ctx.message.hasRiskContent ? (openBlock(), createElementBlock("div", _hoisted_1, " hasRiskContent ")) : (openBlock(), createBlock(unref(MessageActionDropdown), {
-          key: 1,
-          messageActionList: _ctx.messageActionList,
-          message: _ctx.message
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ]),
-          _: 3
-        }, 8, ["messageActionList", "message"]))
-      ], 2);
-    };
+  setup(e) {
+    const t = [
+      m.TYPES.MSG_IMAGE,
+      m.TYPES.MSG_VIDEO
+    ], a = e, { highlightMessageIDSet: c } = E(), g = o(() => t.includes(a.message.type)), i = o(() => c.value.has(a.message.ID));
+    return (u, A) => (s(), n("div", {
+      class: r(["message-bubble", l(M)({
+        [`bubble-${e.message.flow}`]: e.message.flow && !0,
+        "all-round-radius": !e.isLastInChunk,
+        "media-bubble": t.includes(e.message.type),
+        "highlight--normal": i.value,
+        "highlight--media": i.value && g.value
+      })])
+    }, [
+      e.message.hasRiskContent ? (s(), n("div", I, " hasRiskContent ")) : (s(), h(l(k), {
+        key: 1,
+        messageActionList: e.messageActionList,
+        message: e.message
+      }, {
+        default: f(() => [
+          b(u.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["messageActionList", "message"]))
+    ], 2));
   }
-});
-const MessageBubble = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-034907a5"]]);
+}), D = /* @__PURE__ */ v(S, [["__scopeId", "data-v-ab8bd5a2"]]);
 export {
-  MessageBubble as default
+  D as default
 };

package/dist/components/MessageList/Message/MessageLayout/MessageBubble/MessageBubble.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 MessageBubbleProps {
     message: MessageModel;

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

@@ -1,4 +1,4 @@
-import { default as default2 } from "./MessageBubble.js";
+import { default as s } from "./MessageBubble.js";
 export {
-  default2 as MessageBubble
+  s as MessageBubble
 };

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

@@ -1,31 +1,32 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createVNode, unref, normalizeStyle, normalizeClass, withCtx, resolveDynamicComponent } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { c as cs } from "../../../../index-BF6QB9jF.js";
-import { View as _sfc_main$3 } from "../../../../baseComp/View/index.js";
-import Avatar from "../../../Avatar/Avatar.js";
-import ReadReceiptInfo from "../../ReadReceiptInfo/ReadReceiptInfo.js";
-import AudioMessage from "../AudioMessage/AudioMessage.js";
-import { CustomMessage as _sfc_main$2 } from "../CustomMessage/index.js";
-import FaceMessage from "../FaceMessage/FaceMessage.js";
-import FileMessage from "../FileMessage/FileMessage.js";
-import { GroupTipMessage as _sfc_main$1 } from "../GroupTipMessage/index.js";
-import ImageMessage from "../ImageMessage/ImageMessage.js";
-import LocationMessage from "../LocationMessage/LocationMessage.js";
-import MergerMessage from "../MergerMessage/MergerMessage.js";
-import RecalledMessage from "../RecalledMessage/RecalledMessage.js";
-import TextMessage from "../TextMessage/TextMessage.js";
-import VideoMessage from "../VideoMessage/VideoMessage.js";
-import MessageBubble from "./MessageBubble/MessageBubble.js";
-import MessageMeta from "./MessageMeta/MessageMeta.js";
-import { useMessageLayoutClasses } from "./useMessageLayoutClasses.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+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 { 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({
   __name: "MessageLayout",
   props: {
     message: { default: () => ({}) },
-    isAggregated: { type: Boolean, default: false },
-    isHiddenMessageAvatar: { type: Boolean, default: false },
-    isHiddenMessageMeta: { type: Boolean, default: false },
+    isAggregated: { type: Boolean, default: !1 },
+    isHiddenMessageAvatar: { type: Boolean, default: !1 },
+    isHiddenMessageMeta: { type: Boolean, default: !1 },
     isFirstInChunk: { type: Boolean, default: void 0 },
     isLastInChunk: { type: Boolean, default: void 0 },
     alignment: { default: "two-sided" },
@@ -33,107 +34,99 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     className: { default: "" },
     style: { default: void 0 }
   },
-  setup(__props) {
-    const props = __props;
-    const isReadReceiptInfoOpen = ref(false);
-    const MessageComponentsFactory = {
-      [TUIChatEngine.TYPES.MSG_TEXT]: TextMessage,
-      [TUIChatEngine.TYPES.MSG_IMAGE]: ImageMessage,
-      [TUIChatEngine.TYPES.MSG_AUDIO]: AudioMessage,
-      [TUIChatEngine.TYPES.MSG_VIDEO]: VideoMessage,
-      [TUIChatEngine.TYPES.MSG_FILE]: FileMessage,
-      [TUIChatEngine.TYPES.MSG_FACE]: FaceMessage,
-      [TUIChatEngine.TYPES.MSG_LOCATION]: LocationMessage,
-      [TUIChatEngine.TYPES.MSG_MERGER]: MergerMessage,
-      [TUIChatEngine.TYPES.MSG_CUSTOM]: _sfc_main$2,
-      [TUIChatEngine.TYPES.MSG_GRP_TIP]: _sfc_main$1
-    };
-    const MessageComponent = computed(() => MessageComponentsFactory[props.message.type]);
-    const isMessageOwner = computed(() => props.message.flow === "out");
-    const {
-      layoutClasses,
-      wrapperClasses,
-      avatarClasses,
-      bubbleClasses,
-      metaClasses
-    } = useMessageLayoutClasses({
-      isMessageOwner: isMessageOwner.value,
-      alignment: props.alignment,
-      isAggregated: props.isAggregated
+  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({
+      isMessageOwner: R.value,
+      alignment: t.alignment,
+      isAggregated: t.isAggregated
     });
-    function handleReadReceiptOpen() {
-      isReadReceiptInfoOpen.value = true;
+    function k() {
+      i.value = !0;
     }
-    function handleReadReceiptClose() {
-      isReadReceiptInfoOpen.value = false;
+    function L() {
+      i.value = !1;
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.message.isRevoked ? (openBlock(), createBlock(unref(RecalledMessage), {
-          key: 0,
-          class: "message-recalled",
-          message: _ctx.message
-        }, null, 8, ["message"])) : _ctx.message.type === unref(TUIChatEngine).TYPES.MSG_GRP_TIP || _ctx.message.type === unref(TUIChatEngine).TYPES.MSG_CUSTOM && _ctx.message.getMessageContent().businessID === "group_create" ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: 1,
-          message: _ctx.message
-        }, null, 8, ["message"])) : MessageComponent.value ? (openBlock(), createBlock(unref(_sfc_main$3), {
-          key: 2,
-          "data-message-id": _ctx.message.ID,
-          class: normalizeClass(unref(layoutClasses)),
-          style: normalizeStyle(_ctx.style)
-        }, {
-          default: withCtx(() => [
-            !_ctx.isHiddenMessageAvatar ? (openBlock(), createBlock(unref(Avatar), {
-              key: 0,
-              class: normalizeClass(unref(cs)(unref(avatarClasses))),
-              src: _ctx.message.avatar
-            }, null, 8, ["class", "src"])) : createCommentVNode("", true),
-            createVNode(unref(_sfc_main$3), {
-              class: normalizeClass(unref(cs)(unref(wrapperClasses)))
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(MessageBubble), {
-                  class: normalizeClass(unref(bubbleClasses)),
-                  message: _ctx.message,
-                  alignment: _ctx.alignment,
-                  isLastInChunk: false,
-                  messageActionList: _ctx.messageActionList
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(MessageComponent.value), { message: _ctx.message }, null, 8, ["message"]))
-                  ]),
-                  _: 1
-                }, 8, ["class", "message", "alignment", "messageActionList"]),
-                !_ctx.isHiddenMessageMeta ? (openBlock(), createBlock(unref(MessageMeta), {
-                  key: 0,
-                  class: normalizeClass(unref(metaClasses)),
-                  status: _ctx.message.status,
-                  flow: _ctx.message.flow,
-                  timestamp: _ctx.message.time * 1e3,
-                  "need-read-receipt": _ctx.message.needReadReceipt,
-                  "read-receipt-info": _ctx.message.readReceiptInfo,
-                  "is-group": _ctx.message.conversationType === unref(TUIChatEngine).TYPES.CONV_GROUP,
-                  onOnReadReceiptTextClick: handleReadReceiptOpen
-                }, null, 8, ["class", "status", "flow", "timestamp", "need-read-receipt", "read-receipt-info", "is-group"])) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ]),
-          _: 1
-        }, 8, ["data-message-id", "class", "style"])) : createCommentVNode("", true),
-        createVNode(unref(ReadReceiptInfo), {
-          open: isReadReceiptInfoOpen.value,
-          messageID: _ctx.message.ID,
-          "read-count": _ctx.message.readReceiptInfo.readCount,
-          "unread-count": _ctx.message.readReceiptInfo.unreadCount,
-          "is-peer-read": _ctx.message.readReceiptInfo.isPeerRead,
-          onOnClose: handleReadReceiptClose
-        }, null, 8, ["open", "messageID", "read-count", "unread-count", "is-peer-read"])
-      ], 64);
-    };
+    return (Y, Z) => (o(), h(D, null, [
+      e.message.isRevoked ? (o(), n(s($), {
+        key: 0,
+        class: "message-recalled",
+        message: e.message
+      }, null, 8, ["message"])) : e.message.type === s(a).GRP_TIP || C.value ? (o(), n(s(p), {
+        key: 1,
+        message: e.message
+      }, null, 8, ["message"])) : u.value ? (o(), n(s(f), {
+        key: 2,
+        "data-message-id": e.message.ID,
+        class: m(s(I)),
+        style: E(e.style)
+      }, {
+        default: d(() => [
+          e.isHiddenMessageAvatar ? r("", !0) : (o(), n(s(P), {
+            key: 0,
+            class: m(s(c)(s(A))),
+            src: e.message.avatar
+          }, null, 8, ["class", "src"])),
+          g(s(f), {
+            class: m(s(c)(s(v)))
+          }, {
+            default: d(() => [
+              g(s(q), {
+                class: m(s(T)),
+                message: e.message,
+                alignment: e.alignment,
+                isLastInChunk: !1,
+                messageActionList: e.messageActionList
+              }, {
+                default: d(() => [
+                  (o(), n(G(u.value), { message: e.message }, null, 8, ["message"]))
+                ]),
+                _: 1
+              }, 8, ["class", "message", "alignment", "messageActionList"]),
+              e.isHiddenMessageMeta ? r("", !0) : (o(), n(s(J), {
+                key: 0,
+                class: m(s(O)),
+                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
+              }, 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,
+        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
+      }, null, 8, ["open", "messageID", "read-count", "unread-count", "is-peer-read"])
+    ], 64));
   }
-});
-const MessageLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e509377"]]);
+}), ve = /* @__PURE__ */ Q(W, [["__scopeId", "data-v-af693331"]]);
 export {
-  MessageLayout as default
+  ve as default
 };

package/dist/components/MessageList/Message/MessageLayout/MessageLayout.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 MessageLayoutProps {
     message: MessageModel;

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

@@ -1,91 +1,65 @@
-import { defineComponent, useCssModule, computed, createBlock, openBlock, unref, normalizeClass, withCtx, createElementBlock, createCommentVNode, Fragment, toDisplayString } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { View as _sfc_main$1 } from "../../../../../baseComp/View/index.js";
-import { getTimeStampAuto } from "../../../../../utils/time.js";
-import MessageStatusIcon from "./MessageStatusIcon.js";
-import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as y, useCssModule as v, computed as l, createBlock as d, openBlock as t, unref as a, normalizeClass as u, withCtx as C, createElementBlock as r, createCommentVNode as m, Fragment as _, toDisplayString as i } from "vue";
+import { useUIKit as M } from "@tencentcloud/uikit-base-component-vue3";
+import { View as I } from "../../../../../baseComp/View/index.js";
+import { getTimeStampAuto as w } from "../../../../../utils/time.js";
+import x from "./MessageStatusIcon.js";
+import { _ as $ } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const B = /* @__PURE__ */ y({
   __name: "MessageMeta",
   props: {
     isGroup: { type: Boolean },
     timestamp: { default: 0 },
     flow: { default: "in" },
-    needReadReceipt: { type: Boolean, default: false },
+    needReadReceipt: { type: Boolean, default: !1 },
     readReceiptInfo: { default: void 0 },
     status: { default: void 0 }
   },
   emits: ["onReadReceiptTextClick"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { t } = useUIKit();
-    const classes = useCssModule();
-    const displayTime = computed(() => getTimeStampAuto(props.timestamp));
-    const handleGroupUnreadClick = () => {
-      emits("onReadReceiptTextClick");
-    };
-    const shouldShowStatusIcon = computed(() => props.flow === "out" && (!props.needReadReceipt || props.status === "unSend" || props.status === "fail"));
-    const readReceiptText = computed(() => {
-      if (!props.needReadReceipt || props.status !== "success" || !props.readReceiptInfo || props.flow === "in") {
-        return "";
-      }
-      if (props.isGroup) {
-        if (props.readReceiptInfo.unreadCount > 0) {
-          return `${props.readReceiptInfo.unreadCount} ${t("MessageList.unread")} ·`;
-        }
-        return `${t("MessageList.all_read")} ·`;
-      }
-      if (props.readReceiptInfo.isPeerRead) {
-        return `${t("MessageList.read")} ·`;
-      }
-      return `${t("MessageList.unread")} ·`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
-        class: normalizeClass(unref(classes)["message-meta"]),
-        dir: "row",
-        align: "center"
-      }, {
-        default: withCtx(() => [
-          shouldShowStatusIcon.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            props.status ? (openBlock(), createBlock(MessageStatusIcon, {
-              key: 0,
-              status: props.status
-            }, null, 8, ["status"])) : createCommentVNode("", true)
-          ], 64)) : Boolean(readReceiptText.value) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            readReceiptText.value && !props.isGroup ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: normalizeClass(unref(classes)["message-meta__read-status"])
-            }, toDisplayString(readReceiptText.value), 3)) : readReceiptText.value && props.isGroup && props.readReceiptInfo && props.readReceiptInfo.unreadCount > 0 ? (openBlock(), createElementBlock("span", {
-              key: 1,
-              class: normalizeClass(unref(classes)["message-meta__group-unread"]),
-              onClick: handleGroupUnreadClick
-            }, toDisplayString(readReceiptText.value), 3)) : readReceiptText.value && props.isGroup ? (openBlock(), createElementBlock("span", {
-              key: 2,
-              class: normalizeClass(unref(classes)["message-meta__group-all-read"])
-            }, toDisplayString(readReceiptText.value), 3)) : createCommentVNode("", true)
-          ], 64)) : createCommentVNode("", true),
-          displayTime.value ? (openBlock(), createElementBlock("span", {
+  setup(p, { emit: f }) {
+    const e = p, g = f, { t: n } = M(), o = v(), c = l(() => w(e.timestamp)), k = () => {
+      g("onReadReceiptTextClick");
+    }, R = l(() => e.flow === "out" && (!e.needReadReceipt || e.status === "unSend" || e.status === "fail")), s = l(() => !e.needReadReceipt || e.status !== "success" || !e.readReceiptInfo || e.flow === "in" ? "" : e.isGroup ? e.readReceiptInfo.unreadCount > 0 ? `${e.readReceiptInfo.unreadCount} ${n("MessageList.unread")} ·` : `${n("MessageList.all_read")} ·` : e.readReceiptInfo.isPeerRead ? `${n("MessageList.read")} ·` : `${n("MessageList.unread")} ·`);
+    return (h, T) => (t(), d(a(I), {
+      class: u(a(o)["message-meta"]),
+      dir: "row",
+      align: "center"
+    }, {
+      default: C(() => [
+        R.value ? (t(), r(_, { key: 0 }, [
+          e.status ? (t(), d(x, {
+            key: 0,
+            status: e.status
+          }, null, 8, ["status"])) : m("", !0)
+        ], 64)) : s.value ? (t(), r(_, { key: 1 }, [
+          s.value && !e.isGroup ? (t(), r("span", {
+            key: 0,
+            class: u(a(o)["message-meta__read-status"])
+          }, i(s.value), 3)) : s.value && e.isGroup && e.readReceiptInfo && e.readReceiptInfo.unreadCount > 0 ? (t(), r("span", {
+            key: 1,
+            class: u(a(o)["message-meta__group-unread"]),
+            onClick: k
+          }, i(s.value), 3)) : s.value && e.isGroup ? (t(), r("span", {
             key: 2,
-            class: normalizeClass(unref(classes)["message-meta__time"])
-          }, toDisplayString(displayTime.value), 3)) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
+            class: u(a(o)["message-meta__group-all-read"])
+          }, i(s.value), 3)) : m("", !0)
+        ], 64)) : m("", !0),
+        c.value ? (t(), r("span", {
+          key: 2,
+          class: u(a(o)["message-meta__time"])
+        }, i(c.value), 3)) : m("", !0)
+      ]),
+      _: 1
+    }, 8, ["class"]));
   }
-});
-const style0 = {
+}), G = {
   "message-meta": "_message-meta_rk5t7_1",
   "message-meta__read-status": "_message-meta__read-status_rk5t7_6",
   "message-meta__group-unread": "_message-meta__group-unread_rk5t7_9",
   "message-meta__group-all-read": "_message-meta__group-all-read_rk5t7_18",
   "message-meta__time": "_message-meta__time_rk5t7_21"
-};
-const cssModules = {
-  "$style": style0
-};
-const MessageMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, S = {
+  $style: G
+}, E = /* @__PURE__ */ $(B, [["__cssModules", S]]);
 export {
-  MessageMeta as default
+  E as default
 };

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

@@ -1,34 +1,31 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createCommentVNode } from "vue";
-import { IconLoading, IconSuccess, IconErrorToast } from "@tencentcloud/uikit-base-component-vue3";
-import { View as _sfc_main$1 } from "../../../../../baseComp/View/index.js";
-import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as o, createBlock as e, openBlock as s, unref as t, withCtx as n, createCommentVNode as c } from "vue";
+import { IconLoading as r, IconSuccess as u, IconErrorToast as m } from "@tencentcloud/uikit-base-component-vue3";
+import { View as i } from "../../../../../baseComp/View/index.js";
+import { _ as f } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const _ = /* @__PURE__ */ o({
   __name: "MessageStatusIcon",
   props: {
     status: {}
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), null, {
-        default: withCtx(() => [
-          _ctx.status === "unSend" ? (openBlock(), createBlock(unref(IconLoading), {
-            key: 0,
-            class: "message-meta__status--unSend",
-            size: 14
-          })) : _ctx.status === "success" ? (openBlock(), createBlock(unref(IconSuccess), {
-            key: 1,
-            size: 14
-          })) : _ctx.status === "fail" ? (openBlock(), createBlock(unref(IconErrorToast), {
-            key: 2,
-            size: 14
-          })) : createCommentVNode("", true)
-        ]),
-        _: 1
-      });
-    };
+  setup(a) {
+    return (d, l) => (s(), e(t(i), null, {
+      default: n(() => [
+        a.status === "unSend" ? (s(), e(t(r), {
+          key: 0,
+          class: "message-meta__status--unSend",
+          size: 14
+        })) : a.status === "success" ? (s(), e(t(u), {
+          key: 1,
+          size: 14
+        })) : a.status === "fail" ? (s(), e(t(m), {
+          key: 2,
+          size: 14
+        })) : c("", !0)
+      ]),
+      _: 1
+    }));
   }
-});
-const MessageStatusIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68770f71"]]);
+}), g = /* @__PURE__ */ f(_, [["__scopeId", "data-v-68770f71"]]);
 export {
-  MessageStatusIcon as default
+  g as default
 };

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

@@ -1,4 +1,4 @@
-import { default as default2 } from "./MessageMeta.js";
+import { default as s } from "./MessageMeta.js";
 export {
-  default2 as MessageMeta
+  s as MessageMeta
 };

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

@@ -1,4 +1,4 @@
-import { default as default2 } from "./MessageLayout.js";
+import { default as o } from "./MessageLayout.js";
 export {
-  default2 as MessageLayout
+  o as MessageLayout
 };