@tencentcloud/roomkit-electron-vue3 2.3.3

package/lib/assets/imgs/close-virtual-background.png.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const CloseVirtualBackground = "data:image/png;base64,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";
+exports.default = CloseVirtualBackground;

package/lib/components/Chat/ChatEditor/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Chat/ChatEditor/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+require("./index.vue3.js");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const ChatEditor = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-69c8675e"]]);
+exports.default = ChatEditor;

package/lib/components/Chat/ChatEditor/index.vue2.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index = require("../EditorTools/index.vue.js");
+const useChatEditor = require("./useChatEditor.js");
+const _hoisted_1 = ["disabled", "placeholder"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      t,
+      editorInputEle,
+      sendMsg,
+      cannotSendMessage,
+      sendMessage,
+      handleChooseEmoji
+    } = useChatEditor.default();
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass(["chat-editor", { "disable": Vue.unref(cannotSendMessage) }])
+      }, [
+        Vue.createVNode(index.default, {
+          class: "chat-emoji",
+          onChooseEmoji: Vue.unref(handleChooseEmoji)
+        }, null, 8, ["onChooseEmoji"]),
+        Vue.withDirectives(Vue.createElementVNode("textarea", {
+          ref_key: "editorInputEle",
+          ref: editorInputEle,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(sendMsg) ? sendMsg.value = $event : null),
+          disabled: Vue.unref(cannotSendMessage),
+          class: "content-bottom-input",
+          placeholder: Vue.unref(cannotSendMessage) ? Vue.unref(t)("Muted by the moderator") : Vue.unref(t)("Type a message"),
+          onKeyup: _cache[1] || (_cache[1] = Vue.withKeys(
+            //@ts-ignore
+            (...args) => Vue.unref(sendMessage) && Vue.unref(sendMessage)(...args),
+            ["enter"]
+          ))
+        }, null, 40, _hoisted_1), [
+          [Vue.vModelText, Vue.unref(sendMsg)]
+        ])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/ChatEditor/index.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/Chat/ChatEditor/useChatEditor.d.ts

@@ -0,0 +1,11 @@
+export default function useChatEditor(): {
+    t: any;
+    editorInputEle: import('vue').Ref<any>;
+    sendMsg: import('vue').Ref<string>;
+    isMessageDisableByAdmin: any;
+    cannotSendMessage: import('vue').ComputedRef<boolean>;
+    sendMessage: () => Promise<void>;
+    handleChooseEmoji: (emojiName: string) => void;
+    isEmojiToolbarVisible: import('vue').Ref<boolean>;
+    togglePopover: () => void;
+};

package/lib/components/Chat/ChatEditor/useChatEditor.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const pinia = require("pinia");
+const Message = require("../../common/base/Message/Message.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const useRoomEngine = require("../../../hooks/useRoomEngine.js");
+const chat = require("../../../stores/chat.js");
+const room = require("../../../stores/room.js");
+const index = require("../../../locales/index.js");
+const basic = require("../../../stores/basic.js");
+const util = require("../util.js");
+function useChatEditor() {
+  const roomEngine = useRoomEngine.default();
+  const { t } = index.useI18n();
+  const basicStore = basic.useBasicStore();
+  const chatStore = chat.useChatStore();
+  const roomStore = room.useRoomStore();
+  const { roomId } = pinia.storeToRefs(basicStore);
+  const { isMessageDisableByAdmin } = pinia.storeToRefs(chatStore);
+  const { isMessageDisableForAllUser } = pinia.storeToRefs(roomStore);
+  const editorInputEle = Vue.ref();
+  const sendMsg = Vue.ref("");
+  const isEmojiToolbarVisible = Vue.ref(false);
+  Vue.watch(isMessageDisableByAdmin, (value) => {
+    if (value) {
+      sendMsg.value = "";
+    }
+  });
+  Vue.watch(isMessageDisableForAllUser, (value) => {
+    if (value) {
+      sendMsg.value = "";
+    }
+  });
+  const cannotSendMessage = Vue.computed(() => Boolean(isMessageDisableByAdmin.value || isMessageDisableForAllUser.value));
+  const sendMessage = async () => {
+    var _a;
+    const result = util.decodeSendTextMsg(sendMsg.value);
+    if (result === "") {
+      return;
+    }
+    sendMsg.value = "";
+    isEmojiToolbarVisible.value = false;
+    try {
+      const tim = (_a = roomEngine.instance) == null ? void 0 : _a.getTIM();
+      if (!tim) {
+        throw new Error("tim is null");
+      }
+      const message = tim.createTextMessage({
+        to: roomId.value,
+        conversationType: TUIRoomEngine.TencentCloudChat.TYPES.CONV_GROUP,
+        payload: {
+          text: result
+        }
+      });
+      await tim.sendMessage(message);
+      chatStore.updateMessageList({
+        ID: Math.random().toString(),
+        type: "TIMTextElem",
+        payload: {
+          text: result
+        },
+        nick: roomStore.localUser.userName || roomStore.localUser.userId,
+        from: roomStore.localUser.userId,
+        flow: "out",
+        sequence: Math.random()
+      });
+    } catch (e) {
+      Message.default({ type: "error", message: t("Failed to send the message") });
+    }
+  };
+  const handleChooseEmoji = (emojiName) => {
+    sendMsg.value += emojiName;
+    editorInputEle.value.focus();
+  };
+  const togglePopover = () => {
+    isEmojiToolbarVisible.value = !isEmojiToolbarVisible.value;
+  };
+  return {
+    t,
+    editorInputEle,
+    sendMsg,
+    isMessageDisableByAdmin,
+    cannotSendMessage,
+    sendMessage,
+    handleChooseEmoji,
+    isEmojiToolbarVisible,
+    togglePopover
+  };
+}
+exports.default = useChatEditor;

package/lib/components/Chat/EditorTools/index.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "choose-emoji": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onChoose-emoji"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/components/Chat/EditorTools/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+require("./index.vue3.js");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const emoji = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-522fd19b"]]);
+exports.default = emoji;

package/lib/components/Chat/EditorTools/index.vue2.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const util = require("../util.js");
+const environment = require("../../../utils/environment.js");
+const SvgIcon = require("../../common/base/SvgIcon.vue.js");
+const EmojiIcon = require("../../common/icons/EmojiIcon.vue.js");
+const vClickOutside = require("../../../directives/vClickOutside.js");
+const _hoisted_1 = { class: "emoji-tool" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["src"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  emits: ["choose-emoji"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const showEmojiToolbar = Vue.ref(false);
+    const chooseEmoji = (itemName) => {
+      const emojiInfo = itemName;
+      emit("choose-emoji", emojiInfo);
+    };
+    const handleEmojiToobar = () => {
+      showEmojiToolbar.value = !showEmojiToolbar.value;
+    };
+    const handleClickOutsideEmojiToobar = () => {
+      if (showEmojiToolbar.value) {
+        showEmojiToolbar.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(SvgIcon.default, {
+          icon: EmojiIcon.default,
+          class: "emoji-icon",
+          onClick: Vue.withModifiers(handleEmojiToobar, ["stop"])
+        }),
+        Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", {
+          class: Vue.normalizeClass(Vue.unref(environment.isMobile) ? "emoji-list-h5" : "emoji-list")
+        }, [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(util.emojiList), (childrenItem, childrenIndex) => {
+            return Vue.openBlock(), Vue.createElementBlock("div", {
+              key: childrenIndex,
+              class: "emoji-item",
+              onClick: ($event) => chooseEmoji(childrenItem)
+            }, [
+              Vue.createElementVNode("img", {
+                src: Vue.unref(util.emojiBaseUrl) + Vue.unref(util.emojiMap)[childrenItem]
+              }, null, 8, _hoisted_3)
+            ], 8, _hoisted_2);
+          }), 128))
+        ], 2)), [
+          [Vue.vShow, showEmojiToolbar.value],
+          [Vue.unref(vClickOutside.default), handleClickOutsideEmojiToobar]
+        ])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/EditorTools/index.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/Chat/MessageList/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Chat/MessageList/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+require("./index.vue3.js");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const MessageList = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-277e0346"]]);
+exports.default = MessageList;

package/lib/components/Chat/MessageList/index.vue2.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const MessageText = require("../MessageTypes/MessageText.vue.js");
+const environment = require("../../../utils/environment.js");
+const useMessageListHook = require("./useMessageListHook.js");
+const domOperation = require("../../../utils/domOperation.js");
+const utils = require("../../../utils/utils.js");
+const _hoisted_1 = ["title"];
+const _hoisted_2 = { class: "message-body" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const messageListRef = Vue.ref();
+    const {
+      messageList,
+      setMessageListInfo,
+      handleGetHistoryMessageList,
+      isCompleted,
+      getDisplaySenderName
+    } = useMessageListHook.default();
+    let isScrollAtBottom = true;
+    const handleMessageListScroll = (e) => {
+      const messageContainer = e.target;
+      const bottom = messageContainer.scrollHeight - messageContainer.scrollTop - messageContainer.clientHeight;
+      isScrollAtBottom = bottom <= 80;
+      if (messageContainer.scrollTop < 40 && !isCompleted.value) {
+        handleGetHistoryMessageList();
+      }
+    };
+    const handleScroll = utils.throttle(handleMessageListScroll, 1e3);
+    async function scrollToLatestMessage() {
+      const { scrollHeight } = await domOperation.getScrollInfo("#messageScrollList");
+      if (messageListRef.value) {
+        messageListRef.value.scrollTop = scrollHeight;
+      }
+    }
+    Vue.watch(messageList, async (newMessageList, oldMessageList) => {
+      var _a;
+      if (newMessageList.length === 0)
+        return;
+      const lastMessage = newMessageList.slice(-1);
+      const oldLastMessage = oldMessageList.slice(-1);
+      const isSendByMe = lastMessage[0].flow === "out";
+      const isNewMessage = lastMessage[0].ID !== ((_a = oldLastMessage[0]) == null ? void 0 : _a.ID);
+      await Vue.nextTick();
+      if (isScrollAtBottom) {
+        scrollToLatestMessage();
+        return;
+      }
+      if (isSendByMe && isNewMessage) {
+        scrollToLatestMessage();
+      }
+    });
+    Vue.onMounted(() => {
+      var _a;
+      setMessageListInfo();
+      (_a = messageListRef.value) == null ? void 0 : _a.addEventListener("scroll", handleScroll);
+    });
+    Vue.onUnmounted(() => {
+      var _a;
+      (_a = messageListRef.value) == null ? void 0 : _a.removeEventListener("scroll", handleScroll);
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass(Vue.unref(environment.isMobile) ? "message-list-container-h5" : "message-list-container")
+      }, [
+        Vue.createElementVNode("div", {
+          id: "messageScrollList",
+          ref_key: "messageListRef",
+          ref: messageListRef,
+          class: "message-list"
+        }, [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(messageList), (item, index) => {
+            return Vue.openBlock(), Vue.createElementBlock("div", {
+              key: item.ID,
+              ref_for: true,
+              ref: "messageAimId",
+              class: Vue.normalizeClass(["message-item", `${"out" === item.flow ? "is-me" : ""}`])
+            }, [
+              Vue.unref(getDisplaySenderName)(index) ? (Vue.openBlock(), Vue.createElementBlock("div", {
+                key: 0,
+                class: "message-header",
+                title: item.nick || item.from
+              }, Vue.toDisplayString(item.nick || item.from), 9, _hoisted_1)) : Vue.createCommentVNode("", true),
+              Vue.createElementVNode("div", _hoisted_2, [
+                Vue.createVNode(MessageText.default, {
+                  data: item.payload.text
+                }, null, 8, ["data"])
+              ])
+            ], 2);
+          }), 128))
+        ], 512)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/MessageList/index.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/Chat/MessageList/useMessageListHook.d.ts

@@ -0,0 +1,13 @@
+export default function useMessageList(): {
+    t: any;
+    handleGetHistoryMessageList: () => Promise<void>;
+    messageList: any;
+    getMessageList: () => Promise<{
+        currentMessageList: any[];
+        isCompleted: boolean;
+        nextReqMessageId: string;
+    }>;
+    setMessageListInfo: () => Promise<void>;
+    getDisplaySenderName: (index: number) => boolean;
+    isCompleted: any;
+};

package/lib/components/Chat/MessageList/useMessageListHook.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const pinia = require("pinia");
+const chat = require("../../../stores/chat.js");
+const basic = require("../../../stores/basic.js");
+const index = require("../../../locales/index.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const useRoomEngine = require("../../../hooks/useRoomEngine.js");
+function useMessageList() {
+  var _a;
+  const { t } = index.useI18n();
+  const roomEngine = useRoomEngine.default();
+  const chatStore = chat.useChatStore();
+  const basicStore = basic.useBasicStore();
+  const { roomId } = pinia.storeToRefs(basicStore);
+  const { messageList, isCompleted, nextReqMessageId } = pinia.storeToRefs(chatStore);
+  Vue.watch(isCompleted, (value) => {
+    isCompleted.value = value;
+  }, { immediate: true, deep: true });
+  async function handleGetHistoryMessageList() {
+    var _a2;
+    const tim2 = (_a2 = roomEngine.instance) == null ? void 0 : _a2.getTIM();
+    const imResponse = await (tim2 == null ? void 0 : tim2.getMessageList({
+      conversationID: `GROUP${roomId.value}`,
+      nextReqMessageID: nextReqMessageId.value
+    }));
+    const { nextReqMessageID: middleReqMessageId, messageList: historyMessageList, isCompleted: isCompleted2 } = imResponse.data;
+    messageList.value.splice(0, 0, ...historyMessageList);
+    const currentMessageList = messageList.value.filter((item) => item.type === "TIMTextElem");
+    chatStore.setMessageListInfo(currentMessageList, isCompleted2, middleReqMessageId);
+  }
+  async function getMessageList() {
+    var _a2;
+    let count = 0;
+    const result = {
+      currentMessageList: [],
+      isCompleted: false,
+      nextReqMessageId: ""
+    };
+    const tim2 = (_a2 = roomEngine.instance) == null ? void 0 : _a2.getTIM();
+    const getIMMessageList = async () => {
+      const conversationData = {
+        conversationID: `GROUP${roomId.value}`
+      };
+      if (result.nextReqMessageId !== "") {
+        conversationData.nextReqMessageID = result.nextReqMessageId;
+      }
+      const imResponse = await tim2.getMessageList(conversationData);
+      const { messageList: messageList2, isCompleted: isCompleted2, nextReqMessageID } = imResponse.data;
+      result.currentMessageList.splice(0, 0, ...messageList2);
+      result.isCompleted = messageList2.length > 0 ? isCompleted2 : true;
+      result.nextReqMessageId = nextReqMessageID;
+      if (result.isCompleted || result.currentMessageList.length >= 15) {
+        return;
+      }
+      count += 1;
+      if (count === 1) {
+        await getIMMessageList();
+      }
+    };
+    await getIMMessageList();
+    return result;
+  }
+  const onReceiveMessage = (options) => {
+    if (!options || !options.data) {
+      return;
+    }
+    options.data.forEach((message) => {
+      if (message.type !== TUIRoomEngine.TencentCloudChat.TYPES.MSG_TEXT) {
+        return;
+      }
+      const { ID, payload: { text }, nick: userName, from: userId } = message;
+      chatStore.updateMessageList({
+        ID,
+        type: "TIMTextElem",
+        payload: {
+          text
+        },
+        nick: userName || userId,
+        from: userId,
+        flow: "in",
+        sequence: Math.random()
+      });
+    });
+  };
+  async function setMessageListInfo() {
+    const { currentMessageList, isCompleted: isCompleted2, nextReqMessageId: nextReqMessageId2 } = await getMessageList();
+    const filterCurrentMessageList = currentMessageList.filter((item) => item.type === "TIMTextElem");
+    chatStore.setMessageListInfo(filterCurrentMessageList, isCompleted2, nextReqMessageId2);
+  }
+  function getDisplaySenderName(index2) {
+    if (index2 === 0)
+      return true;
+    return messageList.value[index2].from !== messageList.value[index2 - 1].from;
+  }
+  let tim = (_a = roomEngine.instance) == null ? void 0 : _a.getTIM();
+  if (!tim) {
+    tim = TUIRoomEngine.TencentCloudChat.create({ SDKAppID: basicStore.sdkAppId });
+  }
+  TUIRoomEngine.once("ready", () => {
+    tim == null ? void 0 : tim.on(TUIRoomEngine.TencentCloudChat.EVENT.MESSAGE_RECEIVED, onReceiveMessage);
+  });
+  Vue.onUnmounted(() => {
+    tim == null ? void 0 : tim.off(TUIRoomEngine.TencentCloudChat.EVENT.MESSAGE_RECEIVED, onReceiveMessage);
+  });
+  return {
+    t,
+    handleGetHistoryMessageList,
+    messageList,
+    getMessageList,
+    setMessageListInfo,
+    getDisplaySenderName,
+    isCompleted
+  };
+}
+exports.default = useMessageList;

package/lib/components/Chat/MessageTypes/MessageText.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<Readonly<{
+    data?: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    data?: any;
+}>>>, {
+    readonly data?: any;
+}, {}>;
+export default _default;

package/lib/components/Chat/MessageTypes/MessageText.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const MessageText_vue_vue_type_script_setup_true_lang = require("./MessageText.vue2.js");
+require("./MessageText.vue3.js");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const MessageText = /* @__PURE__ */ _pluginVue_exportHelper.default(MessageText_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-2d009ef3"]]);
+exports.default = MessageText;

package/lib/components/Chat/MessageTypes/MessageText.vue2.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const util = require("../util.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "text-box"
+};
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "MessageText",
+  props: ["data"],
+  setup(__props) {
+    const props = __props;
+    const handleTextMessageShowContext = (text) => util.decodeMessageText(text);
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("span", null, [
+        (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(handleTextMessageShowContext(props.data), (item, index) => {
+          return Vue.openBlock(), Vue.createElementBlock("span", { key: index }, [
+            item.name === "text" ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_1, Vue.toDisplayString(item.text), 1)) : item.name === "img" ? (Vue.openBlock(), Vue.createElementBlock("img", {
+              key: 1,
+              class: "text-img",
+              src: item.src
+            }, null, 8, _hoisted_2)) : Vue.createCommentVNode("", true)
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/MessageTypes/MessageText.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/Chat/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Chat/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+require("./index.vue3.js");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const Chat = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c0b1c904"]]);
+exports.default = Chat;

package/lib/components/Chat/index.vue2.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index = require("./MessageList/index.vue.js");
+const index$1 = require("./ChatEditor/index.vue.js");
+const environment = require("../../utils/environment.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass([Vue.unref(environment.isMobile) ? "chat-container-h5" : "chat-container"])
+      }, [
+        Vue.createVNode(index.default),
+        !Vue.unref(environment.isMobile) ? (Vue.openBlock(), Vue.createBlock(index$1.default, { key: 0 })) : Vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/index.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/Chat/util.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Emoji input interface in the chat screen.
+ * It should be noted that the emoticons in TUIRoomKit are copyrighted. The purchased IM service does not include the
+ * right to use the emoticons. Please replace them with your own emoticons when you go online, otherwise you will
+ * face legal risks.
+ * The yellow face emoji is copyrighted by Tencent Cloud. To use it, authorization is required.
+ * Please contact us through the following link.
+ *
+ * https://cloud.tencent.com/document/product/269/59590
+ */
+export declare const emojiBaseUrl = "https://web.sdk.qcloud.com/im/assets/emoji-plugin/";
+export declare const emojiMap: Record<string, string>;
+export declare const emojiList: string[];
+export declare function decodeMessageText(payload: string): {
+    name: string;
+    text?: string | undefined;
+    src?: string | undefined;
+}[];
+export declare function decodeSendTextMsg(payload: string): string;