@tencentcloud/roomkit-electron-vue3 2.7.1 → 2.8.1

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

@@ -1,83 +0,0 @@
-"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 { isMessageDisabled } = pinia.storeToRefs(chatStore);
-  const editorInputEle = Vue.ref();
-  const sendMsg = Vue.ref("");
-  const isEmojiToolbarVisible = Vue.ref(false);
-  Vue.watch(isMessageDisabled, (value) => {
-    if (value) {
-      sendMsg.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.nameCard || 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,
-    isMessageDisabled,
-    sendMessage,
-    handleChooseEmoji,
-    isEmojiToolbarVisible,
-    togglePopover
-  };
-}
-exports.default = useChatEditor;

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

@@ -1,6 +0,0 @@
-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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
-;/* empty css            */
-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-9a8a8a39"]]);
-exports.default = emoji;

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

@@ -1,59 +0,0 @@
-"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/MessageList/index.vue.d.ts

@@ -1,2 +0,0 @@
-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.vue2.js

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const pinia = require("pinia");
-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 room = require("../../../stores/room.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 roomStore = room.useRoomStore();
-    const { getDisplayName } = pinia.storeToRefs(roomStore);
-    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(Vue.unref(getDisplayName)(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/useMessageListHook.js

@@ -1,142 +0,0 @@
-"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;
-    }
-    const currentConversationId = `GROUP${roomId.value}`;
-    options.data.forEach((message) => {
-      if (message.conversationID !== currentConversationId || 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

@@ -1,8 +0,0 @@
-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

@@ -1,7 +0,0 @@
-"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");
-;/* empty css                  */
-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-98238edd"]]);
-exports.default = MessageText;

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

@@ -1,31 +0,0 @@
-"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;