tuikit-atomicx-vue3 0.1.0

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

@@ -0,0 +1,44 @@
+import { MessageAction } from '../../../../../hooks/useMessageActions';
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IMessageActionDropdownProps {
+    message: IMessageModel;
+    messageActionList?: MessageAction[] | undefined;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageActionDropdownProps>, {
+    messageActionList: undefined;
+    message: () => IMessageModel;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageActionDropdownProps>, {
+    messageActionList: undefined;
+    message: () => IMessageModel;
+}>>> & Readonly<{}>, {
+    message: IMessageModel;
+    messageActionList: MessageAction[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageList/Message/MessageLayout/MessageActionDropdown/index.d.ts

@@ -0,0 +1,3 @@
+import { default as MessageActionDropdown } from './MessageActionDropdown.vue';
+
+export { MessageActionDropdown };

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

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

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

@@ -0,0 +1,55 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, withCtx, renderSlot } from "vue";
+import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import { c as cs } from "../../../../../index-BF6QB9jF.js";
+import { useMessageListState } from "../../../../../states/MessageListState/MessageListState.js";
+import MessageActionDropdown from "../MessageActionDropdown/MessageActionDropdown.js";
+import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "has-risk-content"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MessageBubble",
+  props: {
+    message: { default: () => ({}) },
+    alignment: { default: "two-sided" },
+    isLastInChunk: { type: Boolean, default: true },
+    messageActionList: { default: void 0 }
+  },
+  setup(__props) {
+    const MEDIA_MESSAGE_TYPE = [
+      ChatEngine.TYPES.MSG_IMAGE,
+      ChatEngine.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);
+    };
+  }
+});
+const MessageBubble = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-034907a5"]]);
+export {
+  MessageBubble as default
+};

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

@@ -0,0 +1,52 @@
+import { MessageAction } from '../../../../../hooks/useMessageActions';
+import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface MessageBubbleProps {
+    message: MessageModel;
+    alignment?: 'left' | 'right' | 'two-sided';
+    isLastInChunk?: boolean;
+    messageActionList?: MessageAction[];
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageBubbleProps>, {
+    message: () => MessageModel;
+    alignment: string;
+    isLastInChunk: boolean;
+    messageActionList: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageBubbleProps>, {
+    message: () => MessageModel;
+    alignment: string;
+    isLastInChunk: boolean;
+    messageActionList: undefined;
+}>>> & Readonly<{}>, {
+    message: MessageModel;
+    isLastInChunk: boolean;
+    messageActionList: MessageAction[];
+    alignment: "left" | "right" | "two-sided";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageList/Message/MessageLayout/MessageBubble/index.d.ts

@@ -0,0 +1,3 @@
+import { default as MessageBubble } from './MessageBubble.vue';
+
+export { MessageBubble };

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

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

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

@@ -0,0 +1,138 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createVNode, unref, normalizeStyle, normalizeClass, withCtx, resolveDynamicComponent } from "vue";
+import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+import View from "../../../../baseComp/View/View.js";
+import Avatar from "../../../Avatar/Avatar.js";
+import ReadReceiptInfo from "../../ReadReceiptInfo/ReadReceiptInfo.js";
+import AudioMessage from "../AudioMessage/AudioMessage.js";
+import { _ as _sfc_main$2 } from "../../../../CustomMessage.vue_vue_type_script_setup_true_lang-CoK94Qxs.js";
+import FaceMessage from "../FaceMessage/FaceMessage.js";
+import FileMessage from "../FileMessage/FileMessage.js";
+import { _ as _sfc_main$1 } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-BqyPcZln.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({
+  __name: "MessageLayout",
+  props: {
+    message: { default: () => ({}) },
+    isAggregated: { type: Boolean, default: false },
+    isHiddenMessageAvatar: { type: Boolean, default: false },
+    isHiddenMessageMeta: { type: Boolean, default: false },
+    isFirstInChunk: { type: Boolean, default: void 0 },
+    isLastInChunk: { type: Boolean, default: void 0 },
+    alignment: { default: "two-sided" },
+    messageActionList: { default: void 0 },
+    className: { default: "" },
+    style: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const isReadReceiptInfoOpen = ref(false);
+    const MessageComponentsFactory = {
+      [ChatEngine.TYPES.MSG_TEXT]: TextMessage,
+      [ChatEngine.TYPES.MSG_IMAGE]: ImageMessage,
+      [ChatEngine.TYPES.MSG_AUDIO]: AudioMessage,
+      [ChatEngine.TYPES.MSG_VIDEO]: VideoMessage,
+      [ChatEngine.TYPES.MSG_FILE]: FileMessage,
+      [ChatEngine.TYPES.MSG_FACE]: FaceMessage,
+      [ChatEngine.TYPES.MSG_LOCATION]: LocationMessage,
+      [ChatEngine.TYPES.MSG_MERGER]: MergerMessage,
+      [ChatEngine.TYPES.MSG_CUSTOM]: _sfc_main$2,
+      [ChatEngine.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
+    });
+    function handleReadReceiptOpen() {
+      isReadReceiptInfoOpen.value = true;
+    }
+    function handleReadReceiptClose() {
+      isReadReceiptInfoOpen.value = false;
+    }
+    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(ChatEngine).TYPES.MSG_GRP_TIP || _ctx.message.type === unref(ChatEngine).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(View), {
+          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(View), {
+              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,
+                  timestamp: _ctx.message.time * 1e3,
+                  "need-read-receipt": _ctx.message.needReadReceipt,
+                  "read-receipt-info": _ctx.message.readReceiptInfo,
+                  "is-group": _ctx.message.conversationType === unref(ChatEngine).TYPES.CONV_GROUP,
+                  onOnReadReceiptTextClick: handleReadReceiptOpen
+                }, null, 8, ["class", "status", "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);
+    };
+  }
+});
+const MessageLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-33bc408a"]]);
+export {
+  MessageLayout as default
+};

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

@@ -0,0 +1,67 @@
+import { MessageAction } from '../../../../hooks/useMessageActions';
+import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface MessageLayoutProps {
+    message: MessageModel;
+    isAggregated?: boolean;
+    isHiddenMessageAvatar?: boolean;
+    isHiddenMessageMeta?: boolean;
+    isFirstInChunk?: boolean;
+    isLastInChunk?: boolean;
+    alignment?: 'left' | 'right' | 'two-sided';
+    messageActionList?: MessageAction[];
+    className?: string;
+    style?: Record<string, any>;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageLayoutProps>, {
+    message: () => MessageModel;
+    alignment: string;
+    isAggregated: boolean;
+    isHiddenMessageAvatar: boolean;
+    isHiddenMessageMeta: boolean;
+    isFirstInChunk: undefined;
+    isLastInChunk: undefined;
+    messageActionList: undefined;
+    className: string;
+    style: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageLayoutProps>, {
+    message: () => MessageModel;
+    alignment: string;
+    isAggregated: boolean;
+    isHiddenMessageAvatar: boolean;
+    isHiddenMessageMeta: boolean;
+    isFirstInChunk: undefined;
+    isLastInChunk: undefined;
+    messageActionList: undefined;
+    className: string;
+    style: undefined;
+}>>> & Readonly<{}>, {
+    style: Record<string, any>;
+    message: MessageModel;
+    className: string;
+    isLastInChunk: boolean;
+    messageActionList: MessageAction[];
+    alignment: "left" | "right" | "two-sided";
+    isAggregated: boolean;
+    isHiddenMessageAvatar: boolean;
+    isHiddenMessageMeta: boolean;
+    isFirstInChunk: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,86 @@
+import { defineComponent, computed, createBlock, openBlock, unref, normalizeStyle, normalizeClass, withCtx, createElementBlock, createCommentVNode, Fragment, toDisplayString } from "vue";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { c as cs } from "../../../../../index-BF6QB9jF.js";
+import View from "../../../../../baseComp/View/View.js";
+import { getTimeStampAuto } from "../../../../../utils/time.js";
+import MessageStatusIcon from "./MessageStatusIcon.js";
+import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "message-meta__read-status"
+};
+const _hoisted_2 = {
+  key: 2,
+  class: "message-meta__group-all-read"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "message-meta__time"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MessageMeta",
+  props: {
+    isGroup: { type: Boolean },
+    timestamp: { default: 0 },
+    needReadReceipt: { type: Boolean, default: false },
+    readReceiptInfo: { default: void 0 },
+    status: { default: void 0 },
+    class: { default: void 0 },
+    style: { default: void 0 }
+  },
+  emits: ["onReadReceiptTextClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useUIKit();
+    const displayTime = computed(() => getTimeStampAuto(props.timestamp));
+    const handleGroupUnreadClick = () => {
+      emits("onReadReceiptTextClick");
+    };
+    const shouldShowStatusIcon = computed(() => !props.needReadReceipt || props.status === "unSend" || props.status === "fail");
+    const readReceiptText = computed(() => {
+      if (!props.needReadReceipt || props.status !== "success" || !props.readReceiptInfo) {
+        return "";
+      }
+      if (props.isGroup) {
+        if (props.readReceiptInfo.unreadCount > 0) {
+          return `${props.readReceiptInfo.unreadCount} ${t("TUIChat.UNREAD")} ·`;
+        }
+        return `${t("TUIChat.ALL_READ")} ·`;
+      }
+      if (props.readReceiptInfo.isPeerRead) {
+        return `${t("TUIChat.READ")} ·`;
+      }
+      return `${t("TUIChat.UNREAD")} ·`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(View), {
+        class: normalizeClass(unref(cs)("message-meta", props.class)),
+        dir: "row",
+        align: "center",
+        style: normalizeStyle(props.style)
+      }, {
+        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)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            readReceiptText.value && !props.isGroup ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(readReceiptText.value), 1)) : readReceiptText.value && props.isGroup && props.readReceiptInfo && props.readReceiptInfo.unreadCount > 0 ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: "message-meta__group-unread",
+              onClick: handleGroupUnreadClick
+            }, toDisplayString(readReceiptText.value), 1)) : readReceiptText.value && props.isGroup ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(readReceiptText.value), 1)) : createCommentVNode("", true)
+          ], 64)),
+          displayTime.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(displayTime.value), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+const MessageMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ba3e4d41"]]);
+export {
+  MessageMeta as default
+};

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

@@ -0,0 +1,63 @@
+import { CSSProperties } from 'vue';
+
+interface MessageMetaProps {
+    isGroup: boolean;
+    timestamp: number;
+    needReadReceipt?: boolean;
+    readReceiptInfo?: {
+        readCount: number;
+        unreadCount: number;
+        isPeerRead: boolean;
+    };
+    status?: 'unSend' | 'success' | 'fail' | string;
+    class?: string;
+    style?: CSSProperties;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageMetaProps>, {
+    timestamp: number;
+    needReadReceipt: boolean;
+    readReceiptInfo: undefined;
+    status: undefined;
+    class: undefined;
+    style: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onReadReceiptTextClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageMetaProps>, {
+    timestamp: number;
+    needReadReceipt: boolean;
+    readReceiptInfo: undefined;
+    status: undefined;
+    class: undefined;
+    style: undefined;
+}>>> & Readonly<{
+    onOnReadReceiptTextClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: CSSProperties;
+    class: string;
+    status: "unSend" | "success" | "fail" | string;
+    needReadReceipt: boolean;
+    readReceiptInfo: {
+        readCount: number;
+        unreadCount: number;
+        isPeerRead: boolean;
+    };
+    timestamp: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,34 @@
+import { defineComponent, createBlock, openBlock, unref, withCtx, createCommentVNode } from "vue";
+import { IconLoading, IconSuccess, IconErrorToast } from "@tencentcloud/uikit-base-component-vue3";
+import View from "../../../../../baseComp/View/View.js";
+import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MessageStatusIcon",
+  props: {
+    status: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(View), 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
+      });
+    };
+  }
+});
+const MessageStatusIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68770f71"]]);
+export {
+  MessageStatusIcon as default
+};

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

@@ -0,0 +1,15 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    status: "unSend" | "success" | "fail" | string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    status: "unSend" | "success" | "fail" | string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/MessageList/Message/MessageLayout/MessageMeta/index.d.ts

@@ -0,0 +1,3 @@
+import { default as MessageMeta } from './MessageMeta.vue';
+
+export { MessageMeta };

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

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

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

@@ -0,0 +1,3 @@
+import { default as MessageLayout } from './MessageLayout.vue';
+
+export { MessageLayout };

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

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

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

@@ -0,0 +1,11 @@
+export declare function useMessageLayoutClasses({ isMessageOwner, alignment, isAggregated, }: {
+    isMessageOwner: boolean;
+    alignment: 'left' | 'right' | 'two-sided';
+    isAggregated: boolean;
+}): {
+    layoutClasses: string;
+    wrapperClasses: string;
+    bubbleClasses: string;
+    avatarClasses: string;
+    metaClasses: string;
+};

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

@@ -0,0 +1,40 @@
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+function useMessageLayoutClasses({
+  isMessageOwner,
+  alignment,
+  isAggregated
+}) {
+  const isRightAligned = alignment === "two-sided" && isMessageOwner || alignment === "right";
+  const layoutClasses = cs(
+    "message-layout",
+    isRightAligned ? "message-layout--right" : "message-layout--left"
+  );
+  const wrapperClasses = cs(
+    "message-layout__wrapper",
+    isRightAligned ? "message-layout__wrapper--right" : "message-layout__wrapper--left",
+    isAggregated ? "message-layout__wrapper--aggregated" : "",
+    alignment === "two-sided" && isMessageOwner ? "message-layout__wrapper--no-padding" : ""
+  );
+  const bubbleClasses = cs(
+    "message-layout__bubble",
+    isRightAligned ? "message-layout__bubble--right" : "message-layout__bubble--left",
+    isAggregated ? "message-layout__bubble--aggregated" : ""
+  );
+  const avatarClasses = cs(
+    "message-layout__avatar"
+  );
+  const metaClasses = cs(
+    "message-layout__meta",
+    isRightAligned ? "message-layout__meta--right" : "message-layout__meta--left"
+  );
+  return {
+    layoutClasses,
+    wrapperClasses,
+    bubbleClasses,
+    avatarClasses,
+    metaClasses
+  };
+}
+export {
+  useMessageLayoutClasses
+};