tuikit-atomicx-vue3 0.1.0

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

@@ -0,0 +1,116 @@
+import { defineComponent, toRefs, computed, createBlock, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, toDisplayString, withCtx, resolveDynamicComponent } from "vue";
+import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+import { _ as _sfc_main$2 } from "../../../../CustomMessage.vue_vue_type_script_setup_true_lang-By3MsAd0.js";
+import FaceMessage from "../FaceMessage/FaceMessage.js";
+import { _ as _sfc_main$1 } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-Dw2-5Ner.js";
+import ImageMessage from "../ImageMessage/ImageMessage.js";
+import MergerMessage from "../MergerMessage/MergerMessage.js";
+import RecalledMessage from "../RecalledMessage/RecalledMessage.js";
+import TextMessage from "../TextMessage/TextMessage.js";
+import MessageBubble from "./MessageBubble/MessageBubble.js";
+import MessageMeta from "./MessageMeta/MessageMeta.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = ["data-message-id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MessageLayout",
+  props: {
+    message: { default: () => ({}) },
+    isLastInChunk: { type: Boolean, default: true },
+    className: { default: "" },
+    style: { default: () => ({}) }
+  },
+  setup(__props) {
+    const props = __props;
+    const {
+      message,
+      isLastInChunk,
+      // messageActionList,
+      className,
+      style
+    } = toRefs(props);
+    const MessageComponentsFactory = {
+      [ChatEngine.TYPES.MSG_TEXT]: TextMessage,
+      [ChatEngine.TYPES.MSG_IMAGE]: ImageMessage,
+      [ChatEngine.TYPES.MSG_FACE]: FaceMessage,
+      [ChatEngine.TYPES.MSG_MERGER]: MergerMessage,
+      [ChatEngine.TYPES.MSG_CUSTOM]: _sfc_main$2,
+      [ChatEngine.TYPES.MSG_GRP_TIP]: _sfc_main$1
+    };
+    const MessageComponent = computed(() => MessageComponentsFactory[message.value.type]);
+    const isMessageOwner = computed(() => message.value.flow === "out");
+    return (_ctx, _cache) => {
+      return unref(message).isRevoked ? (openBlock(), createBlock(unref(RecalledMessage), {
+        key: 0,
+        class: "message-recalled",
+        message: unref(message)
+      }, null, 8, ["message"])) : unref(message).type === unref(ChatEngine).TYPES.MSG_GRP_TIP || unref(message).type === unref(ChatEngine).TYPES.MSG_CUSTOM ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        key: 1,
+        message: unref(message)
+      }, null, 8, ["message"])) : MessageComponent.value ? (openBlock(), createElementBlock("div", {
+        key: 2,
+        "data-message-id": unref(message).ID,
+        class: normalizeClass(
+          unref(cs)(
+            "message-layout",
+            {
+              "message-layout--self": isMessageOwner.value,
+              [`message-layout--not-last${isMessageOwner.value ? "--self" : ""}`]: !unref(isLastInChunk)
+            },
+            unref(className)
+          )
+        ),
+        style: normalizeStyle(unref(style))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs)("message-layout__wrapper", { "message-layout__wrapper--self": isMessageOwner.value }))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(
+              unref(cs)("message-layout__wrapper__middle", {
+                "message-layout__wrapper__middle--self": isMessageOwner.value
+              })
+            )
+          }, [
+            unref(isLastInChunk) && unref(message).type !== unref(ChatEngine).TYPES.MSG_TEXT ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(cs)("message-layout__nick"))
+            }, toDisplayString(unref(message).nick + ": "), 3)) : createCommentVNode("", true),
+            createVNode(unref(MessageBubble), {
+              class: normalizeClass(
+                unref(cs)({
+                  [`message-layout__bubble--last${isMessageOwner.value ? "--self" : ""}`]: unref(isLastInChunk)
+                })
+              ),
+              message: unref(message),
+              "is-last-in-chunk": unref(isLastInChunk)
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(MessageComponent.value), {
+                  message: unref(message),
+                  "is-last-in-chunk": unref(isLastInChunk)
+                }, null, 8, ["message", "is-last-in-chunk"]))
+              ]),
+              _: 1
+            }, 8, ["class", "message", "is-last-in-chunk"])
+          ], 2),
+          unref(isLastInChunk) ? (openBlock(), createBlock(unref(MessageMeta), {
+            key: 0,
+            class: normalizeClass(
+              unref(cs)("message-layout__meta", {
+                "message-layout__meta--self": isMessageOwner.value
+              })
+            ),
+            status: unref(message).status,
+            "is-show-read-status": true,
+            timestamp: unref(message).time
+          }, null, 8, ["class", "status", "timestamp"])) : createCommentVNode("", true)
+        ], 2)
+      ], 14, _hoisted_1)) : createCommentVNode("", true);
+    };
+  }
+});
+const MessageLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7cdd355a"]]);
+export {
+  MessageLayout as default
+};

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

@@ -0,0 +1,44 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IMessageLayoutProps {
+    message: IMessageModel;
+    isLastInChunk?: boolean;
+    className?: string;
+    style?: Record<string, any>;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageLayoutProps>, {
+    message: () => IMessageModel;
+    isLastInChunk: boolean;
+    messageActionList: () => never[];
+    className: string;
+    style: () => {};
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageLayoutProps>, {
+    message: () => IMessageModel;
+    isLastInChunk: boolean;
+    messageActionList: () => never[];
+    className: string;
+    style: () => {};
+}>>> & Readonly<{}>, {
+    style: Record<string, any>;
+    message: IMessageModel;
+    className: string;
+    isLastInChunk: 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/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.js

@@ -0,0 +1,45 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, toDisplayString, createVNode } from "vue";
+import { c as cs } from "../../../../../index-BF6QB9jF.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__time"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "message-meta__status"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MessageMeta",
+  props: {
+    timestamp: {},
+    isShowSendStatus: { type: Boolean, default: false },
+    isShowReadStatus: { type: Boolean, default: false },
+    isShowTime: { type: Boolean, default: false },
+    status: { default: void 0 },
+    class: { default: void 0 },
+    style: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs)("message-meta", props.class)),
+        style: normalizeStyle(props.style)
+      }, [
+        props.isShowTime ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(getTimeStampAuto)(props.timestamp)), 1)) : createCommentVNode("", true),
+        props.status && props.isShowSendStatus ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(MessageStatusIcon, {
+            status: props.status
+          }, null, 8, ["status"])
+        ])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+const MessageMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9a18686c"]]);
+export {
+  MessageMeta as default
+};

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

@@ -0,0 +1,54 @@
+interface IMessageMetaProps {
+    timestamp: number;
+    /**
+     * - unSend: not sent
+     * - success: sent successfully
+     * - fail: sending failed
+     */
+    isShowSendStatus?: boolean;
+    isShowReadStatus?: boolean;
+    isShowTime?: boolean;
+    status?: string;
+    class?: string;
+    style?: Record<string, any>;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageMetaProps>, {
+    isShowSendStatus: boolean;
+    isShowReadStatus: boolean;
+    isShowTime: boolean;
+    status: undefined;
+    class: undefined;
+    style: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageMetaProps>, {
+    isShowSendStatus: boolean;
+    isShowReadStatus: boolean;
+    isShowTime: boolean;
+    status: undefined;
+    class: undefined;
+    style: undefined;
+}>>> & Readonly<{}>, {
+    style: Record<string, any>;
+    class: string;
+    status: string;
+    isShowSendStatus: boolean;
+    isShowReadStatus: boolean;
+    isShowTime: 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/BarrageList/Message/MessageLayout/MessageMeta/MessageStatusIcon.js

@@ -0,0 +1,26 @@
+import { defineComponent, createBlock, createCommentVNode, openBlock, unref } from "vue";
+import { IconLoading, IconSuccess } from "@tencentcloud/uikit-base-component-vue3";
+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 _ctx.status === "unSend" ? (openBlock(), createBlock(unref(IconLoading), {
+        key: 0,
+        class: "message-meta__status--unSend",
+        size: 16
+      })) : _ctx.status === "success" ? (openBlock(), createBlock(unref(IconSuccess), {
+        key: 1,
+        name: "",
+        size: 16
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+const MessageStatusIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-570fe2c0"]]);
+export {
+  MessageStatusIcon as default
+};

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

@@ -0,0 +1,15 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    status: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    status: 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/BarrageList/Message/MessageLayout/MessageMeta/index.d.ts

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

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

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

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

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

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

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

package/dist/components/BarrageList/Message/RecalledMessage/RecalledMessage.js

@@ -0,0 +1,49 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, Fragment, createTextVNode, createCommentVNode, toDisplayString } from "vue";
+import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RecalledMessage",
+  props: {
+    message: {},
+    class: { default: void 0 },
+    style: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useUIKit();
+    const setInputValue = (text) => {
+      console.log("Set input value:", text);
+    };
+    const isTextMessage = computed(() => props.message.type === ChatEngine.TYPES.MSG_TEXT);
+    const isMessageOwner = computed(() => props.message.flow === "out");
+    const otherDisplayName = computed(() => props.message.nick || props.message.from || "");
+    function recallMessageToInput() {
+      const transformedText = props.message.payload.text;
+      setInputValue(transformedText);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs)("recalled-message", props.class)),
+        style: normalizeStyle(props.style)
+      }, [
+        isMessageOwner.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createTextVNode(toDisplayString(unref(t)("TUIChat.You")) + toDisplayString(unref(t)("TUIChat.recalled a message")) + " ", 1),
+          isTextMessage.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            role: "button",
+            class: "recalled-message__button",
+            onClick: recallMessageToInput
+          }, toDisplayString(unref(t)("TUIChat.Re-edit")), 1)) : createCommentVNode("", true)
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createTextVNode(toDisplayString(otherDisplayName.value) + " " + toDisplayString(unref(t)("TUIChat.recalled a message")), 1)
+        ], 64))
+      ], 6);
+    };
+  }
+});
+const RecalledMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7f05e3cc"]]);
+export {
+  RecalledMessage as default
+};

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

@@ -0,0 +1,35 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IRecalledMessageProps {
+    message: IMessageModel;
+    class?: string;
+    style?: Record<string, any>;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IRecalledMessageProps>, {
+    class: undefined;
+    style: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IRecalledMessageProps>, {
+    class: undefined;
+    style: undefined;
+}>>> & Readonly<{}>, {
+    style: Record<string, any>;
+    class: string;
+}, {}, {}, {}, 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/BarrageList/Message/RecalledMessage/index.d.ts

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

package/dist/components/BarrageList/Message/RecalledMessage/index.js

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

package/dist/components/BarrageList/Message/TextMessage/TextMessage.js

@@ -0,0 +1,120 @@
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, unref, Fragment, createTextVNode, toDisplayString, createBlock, resolveDynamicComponent, renderList } from "vue";
+import { TUIStore } from "@tencentcloud/chat-uikit-engine";
+import { useUIKit, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+import { useScroll } from "../../../../hooks/useScroll.js";
+import { useBarrageListState } from "../../../../states/BarrageListState/BarrageListState.js";
+import { safeJSONParse } from "../../../../utils/json.js";
+import { useMessageListContext } from "../../MessageListContext.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "text-message" };
+const _hoisted_2 = { class: "text-message__reference__header" };
+const _hoisted_3 = { class: "text-message__reference__content" };
+const _hoisted_4 = { class: "text-message__content" };
+const _hoisted_5 = {
+  key: 0,
+  class: "text-message__content__text"
+};
+const _hoisted_6 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextMessage",
+  props: {
+    message: { default: () => ({}) },
+    isLastInChunk: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const context = useMessageListContext("");
+    const props = __props;
+    const { t } = useUIKit();
+    const { scrollToMessage } = useScroll();
+    const { highlightMessageIDList, recalledMessageIDSet } = useBarrageListState();
+    const messageContent = computed(
+      () => props.message.getMessageContent()
+    );
+    const referencedInfo = computed(() => {
+      var _a, _b, _c, _d;
+      const cloudCustomData = safeJSONParse((_a = props.message) == null ? void 0 : _a.cloudCustomData, {});
+      const content = ((_b = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _b.messageAbstract) || "";
+      const sender = ((_c = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _c.messageSender) || "";
+      const messageID = ((_d = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _d.messageID) || "";
+      return {
+        content,
+        sender,
+        messageID
+      };
+    });
+    const isOriginMessageHasRecalled = computed(() => recalledMessageIDSet.value.has(referencedInfo.value.messageID));
+    const handleReferenceClick = () => {
+      if (referencedInfo.value.messageID) {
+        const { messageID } = referencedInfo.value;
+        const messageModel = TUIStore.getMessageModel(messageID);
+        if (isOriginMessageHasRecalled.value || !messageModel || messageModel.isDeleted || messageModel.isRevoked) {
+          TUIToast.error({
+            message: t("TUIChat.Message has been deleted or recalled")
+          });
+          return;
+        }
+        const isExist = highlightMessageIDList.value.includes(messageID);
+        if (!isExist) {
+          highlightMessageIDList.value.push(messageID);
+          setTimeout(() => {
+            highlightMessageIDList.value = highlightMessageIDList.value.filter((id) => id !== messageID);
+          }, 3e3);
+        }
+        scrollToMessage(messageID, {
+          block: "center",
+          skipIfVisible: true,
+          behavior: "instant"
+        }).catch(() => {
+        });
+      }
+    };
+    const handleNickClick = (event) => {
+      context.nickClick({
+        message: props.message,
+        event
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        referencedInfo.value.content ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(
+            unref(cs)("text-message__reference", {
+              "text-danger": isOriginMessageHasRecalled.value
+            })
+          ),
+          onClick: handleReferenceClick
+        }, [
+          isOriginMessageHasRecalled.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(unref(t)("TUIChat.origin message has been recalled")), 1)
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createElementVNode("div", _hoisted_2, toDisplayString(referencedInfo.value.sender), 1),
+            createElementVNode("div", _hoisted_3, toDisplayString(referencedInfo.value.content), 1)
+          ], 64))
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(context).slots["user-badge"]), { message: _ctx.message }, null, 8, ["message"])),
+          createElementVNode("span", {
+            class: "text-message__content__nick",
+            onClick: handleNickClick
+          }, toDisplayString(`${_ctx.message.nick || _ctx.message.from}: `), 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(messageContent.value.text, (item, index) => {
+            return openBlock(), createElementBlock(Fragment, { key: index }, [
+              item.name === "text" ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.text), 1)) : (openBlock(), createElementBlock("img", {
+                key: 1,
+                class: "text-message__content__img",
+                src: item.src,
+                alt: item.emojiKey || ""
+              }, null, 8, _hoisted_6))
+            ], 64);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-df01dc37"]]);
+export {
+  TextMessage as default
+};

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

@@ -0,0 +1,36 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    message: IMessageModel;
+    isLastInChunk: boolean;
+}>, {
+    message: () => IMessageModel;
+    isLastInChunk: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    message: IMessageModel;
+    isLastInChunk: boolean;
+}>, {
+    message: () => IMessageModel;
+    isLastInChunk: boolean;
+}>>> & Readonly<{}>, {
+    message: IMessageModel;
+    isLastInChunk: 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/BarrageList/Message/TextMessage/index.d.ts

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

package/dist/components/BarrageList/Message/TextMessage/index.js

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

package/dist/components/BarrageList/Message/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { _ } from "../../../Message.vue_vue_type_script_setup_true_lang-mEw2syBo.js";
+export {
+  _ as Message
+};

package/dist/components/BarrageList/MessageForward/ForwardListItem.js

@@ -0,0 +1,54 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, createBlock, createCommentVNode, toDisplayString } from "vue";
+import { IconCheckSm } from "@tencentcloud/uikit-base-component-vue3";
+import { c as cs } from "../../../index-BF6QB9jF.js";
+import Avatar from "../../Avatar/Avatar.js";
+import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "forward-item__info" };
+const _hoisted_2 = { class: "forward-item__name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ForwardListItem",
+  props: {
+    conversationID: {},
+    isSelected: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { conversationList } = useConversationListState();
+    const conversation = computed(
+      () => {
+        var _a;
+        return (_a = conversationList.value) == null ? void 0 : _a.find((_conversation) => _conversation.conversationID === props.conversationID);
+      }
+    );
+    const conversationName = computed(() => {
+      var _a, _b;
+      return ((_a = conversation.value) == null ? void 0 : _a.getShowName()) || ((_b = conversation.value) == null ? void 0 : _b.conversationID) || "";
+    });
+    const conversationAvatar = computed(() => {
+      var _a;
+      return (_a = conversation.value) == null ? void 0 : _a.getAvatar();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs)("forward-list-item", { "forward-list-item--selected": props.isSelected }))
+      }, [
+        createVNode(unref(Avatar), {
+          src: conversationAvatar.value,
+          style: { marginRight: "8px" }
+        }, null, 8, ["src"]),
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, toDisplayString(conversationName.value), 1)
+        ]),
+        props.isSelected ? (openBlock(), createBlock(unref(IconCheckSm), {
+          key: 0,
+          class: "forward-item__checkbox"
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const ForwardListItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f55d133b"]]);
+export {
+  ForwardListItem as default
+};