tuikit-atomicx-vue3 4.5.0 → 4.5.2

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

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

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

@@ -3,9 +3,11 @@ import { MessageModel } from '../../../../types/engine';
 
 interface MessageLayoutProps {
     message: MessageModel;
+    nick?: string;
     isAggregated?: boolean;
     isHiddenMessageAvatar?: boolean;
     isHiddenMessageMeta?: boolean;
+    isHiddenMessageNick?: boolean;
     isFirstInChunk?: boolean;
     isLastInChunk?: boolean;
     alignment?: 'left' | 'right' | 'two-sided';
@@ -16,9 +18,11 @@ interface MessageLayoutProps {
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageLayoutProps>, {
     message: () => MessageModel;
     alignment: string;
+    nick: undefined;
     isAggregated: boolean;
     isHiddenMessageAvatar: boolean;
     isHiddenMessageMeta: boolean;
+    isHiddenMessageNick: boolean;
     isFirstInChunk: undefined;
     isLastInChunk: undefined;
     messageActionList: undefined;
@@ -27,9 +31,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageLayoutProps>, {
     message: () => MessageModel;
     alignment: string;
+    nick: undefined;
     isAggregated: boolean;
     isHiddenMessageAvatar: boolean;
     isHiddenMessageMeta: boolean;
+    isHiddenMessageNick: boolean;
     isFirstInChunk: undefined;
     isLastInChunk: undefined;
     messageActionList: undefined;
@@ -38,6 +44,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>>> & Readonly<{}>, {
     style: Record<string, any>;
     message: MessageModel;
+    nick: string;
     className: string;
     isLastInChunk: boolean;
     messageActionList: MessageAction[];
@@ -45,6 +52,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isAggregated: boolean;
     isHiddenMessageAvatar: boolean;
     isHiddenMessageMeta: boolean;
+    isHiddenMessageNick: boolean;
     isFirstInChunk: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,10 +1,10 @@
-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({
+import { defineComponent as M, useCssModule as I, computed as c, createBlock as p, openBlock as s, unref as a, normalizeClass as u, withCtx as w, createElementBlock as r, createCommentVNode as m, Fragment as f, toDisplayString as l } from "vue";
+import { useUIKit as x } from "@tencentcloud/uikit-base-component-vue3";
+import { View as $ } from "../../../../../baseComp/View/index.js";
+import { getTimeStampAuto as B } from "../../../../../utils/time.js";
+import G from "./MessageStatusIcon.js";
+import { _ as S } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const h = /* @__PURE__ */ M({
   __name: "MessageMeta",
   props: {
     isGroup: { type: Boolean },
@@ -15,51 +15,60 @@ const B = /* @__PURE__ */ y({
     status: { default: void 0 }
   },
   emits: ["onReadReceiptTextClick"],
-  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), {
+  setup(g, { emit: k }) {
+    const e = g, R = k, { t: n } = x(), o = I(), d = c(() => B(e.timestamp)), v = () => {
+      R("onReadReceiptTextClick");
+    }, y = c(() => e.flow === "out" && (!e.needReadReceipt || e.status === "unSend" || e.status === "fail")), t = c(() => {
+      if (!e.needReadReceipt || e.status !== "success" || !e.readReceiptInfo || e.flow === "in")
+        return "";
+      const {
+        readCount: _,
+        unreadCount: i,
+        isPeerRead: C
+      } = e.readReceiptInfo;
+      return e.isGroup ? i === void 0 || _ === void 0 ? "" : i > 0 ? `${i} ${n("MessageList.unread")} ·` : `${n("MessageList.all_read")} ·` : C ? `${n("MessageList.read")} ·` : `${n("MessageList.unread")} ·`;
+    });
+    return (_, i) => (s(), p(a($), {
       class: u(a(o)["message-meta"]),
       dir: "row",
       align: "center"
     }, {
-      default: C(() => [
-        R.value ? (t(), r(_, { key: 0 }, [
-          e.status ? (t(), d(x, {
+      default: w(() => [
+        y.value ? (s(), r(f, { key: 0 }, [
+          e.status ? (s(), p(G, {
             key: 0,
             status: e.status
           }, null, 8, ["status"])) : m("", !0)
-        ], 64)) : s.value ? (t(), r(_, { key: 1 }, [
-          s.value && !e.isGroup ? (t(), r("span", {
+        ], 64)) : t.value ? (s(), r(f, { key: 1 }, [
+          t.value && !e.isGroup ? (s(), 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", {
+          }, l(t.value), 3)) : t.value && e.isGroup && e.readReceiptInfo && e.readReceiptInfo.unreadCount > 0 ? (s(), 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", {
+            onClick: v
+          }, l(t.value), 3)) : t.value && e.isGroup ? (s(), r("span", {
             key: 2,
             class: u(a(o)["message-meta__group-all-read"])
-          }, i(s.value), 3)) : m("", !0)
+          }, l(t.value), 3)) : m("", !0)
         ], 64)) : m("", !0),
-        c.value ? (t(), r("span", {
+        d.value ? (s(), r("span", {
           key: 2,
           class: u(a(o)["message-meta__time"])
-        }, i(c.value), 3)) : m("", !0)
+        }, l(d.value), 3)) : m("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), G = {
+}), T = {
   "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"
-}, S = {
-  $style: G
-}, E = /* @__PURE__ */ $(B, [["__cssModules", S]]);
+}, L = {
+  $style: T
+}, F = /* @__PURE__ */ S(h, [["__cssModules", L]]);
 export {
-  E as default
+  F as default
 };

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

@@ -1,19 +1,22 @@
-import { defineComponent as s, createBlock as a, openBlock as i, unref as t } from "vue";
-import n from "./MessageLayout/MessageLayout.js";
+import { defineComponent as s, createBlock as a, openBlock as i, unref as n } from "vue";
+import t from "./MessageLayout/MessageLayout.js";
 const o = /* @__PURE__ */ s({
   __name: "Message",
   props: {
     message: {},
+    nick: { default: void 0 },
     alignment: { default: "two-sided" },
     messageActionList: { default: void 0 },
     isAggregated: { type: Boolean, default: !1 },
     isFirstInChunk: { type: Boolean, default: void 0 },
     isLastInChunk: { type: Boolean, default: void 0 },
     isHiddenMessageAvatar: { type: Boolean, default: !1 },
+    isHiddenMessageNick: { type: Boolean, default: !1 },
     isHiddenMessageMeta: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (g, d) => (i(), a(t(n), {
+    return (d, g) => (i(), a(n(t), {
+      nick: e.nick,
       message: e.message,
       messageActionList: e.messageActionList,
       alignment: e.alignment,
@@ -21,8 +24,9 @@ const o = /* @__PURE__ */ s({
       "is-first-in-chunk": e.isFirstInChunk,
       "is-last-in-chunk": e.isLastInChunk,
       "is-hidden-message-avatar": e.isHiddenMessageAvatar,
+      "is-hidden-message-nick": e.isHiddenMessageNick,
       "is-hidden-message-meta": e.isHiddenMessageMeta
-    }, null, 8, ["message", "messageActionList", "alignment", "is-aggregated", "is-first-in-chunk", "is-last-in-chunk", "is-hidden-message-avatar", "is-hidden-message-meta"]));
+    }, null, 8, ["nick", "message", "messageActionList", "alignment", "is-aggregated", "is-first-in-chunk", "is-last-in-chunk", "is-hidden-message-avatar", "is-hidden-message-nick", "is-hidden-message-meta"]));
   }
 });
 export {