@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

package/es/components/RoomInvite/index.vue2.mjs

@@ -1,34 +1,109 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createVNode, withCtx } from "vue";
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, unref, createVNode, createElementVNode, toDisplayString, isRef, withCtx, createTextVNode, withDirectives, createBlock, createCommentVNode, vShow } from "vue";
 import useRoomInvite from "./useRoomInviteHooks.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
-import CopyIcon from "../common/icons/CopyIcon.vue.mjs";
+import TuiButton from "../common/base/Button.vue.mjs";
+import Contacts from "../ScheduleConference/Contacts.vue.mjs";
+import SuccessIcon from "../common/icons/SuccessIcon.vue.mjs";
+import copyIcon from "../common/icons/CopyIcon.vue.mjs";
+import Dialog from "../common/base/Dialog/index.vue.mjs";
 const _hoisted_1 = { class: "invite-container" };
-const _hoisted_2 = { class: "invite-title" };
-const _hoisted_3 = { class: "invite-content" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "invite-title" };
+const _hoisted_4 = { class: "invite-member" };
+const _hoisted_5 = { class: "invite-member-container" };
+const _hoisted_6 = { class: "invite-member-title" };
+const _hoisted_7 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
-    const { t, visibleInviteContentList, onCopy } = useRoomInvite();
+    const {
+      t,
+      invitationFeatureDetails,
+      showContacts,
+      contactsConfirm,
+      contacts,
+      remoteEnteredUserList,
+      showRoomInvite,
+      userId,
+      userName,
+      conferenceInviteList,
+      onCopy,
+      copyRoomIdAndRoomLink
+    } = useRoomInvite();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleInviteContentList), (item) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(invitationFeatureDetails), (item, index) => {
           return openBlock(), createElementBlock("div", {
-            key: item.id,
-            class: "invite-item"
+            key: index,
+            class: "invite-item",
+            onClick: ($event) => item.function()
           }, [
-            createElementVNode("div", _hoisted_2, toDisplayString(unref(t)(item.pcTitle)), 1),
-            createElementVNode("div", _hoisted_3, toDisplayString(item.content), 1),
             createVNode(SvgIcon, {
-              class: "copy-icon",
-              onClick: ($event) => unref(onCopy)(item.copyLink)
-            }, {
-              default: withCtx(() => [
-                createVNode(CopyIcon)
-              ]),
-              _: 2
-            }, 1032, ["onClick"])
-          ]);
-        }), 128))
+              class: "icon",
+              icon: item.icon
+            }, null, 8, ["icon"]),
+            createElementVNode("span", _hoisted_3, toDisplayString(unref(t)(item.text)), 1)
+          ], 8, _hoisted_2);
+        }), 128)),
+        createVNode(Contacts, {
+          visible: unref(showContacts),
+          contacts: unref(contacts),
+          "disabled-list": unref(remoteEnteredUserList),
+          onInput: _cache[0] || (_cache[0] = ($event) => showContacts.value = $event),
+          onConfirm: unref(contactsConfirm)
+        }, null, 8, ["visible", "contacts", "disabled-list", "onConfirm"]),
+        createVNode(Dialog, {
+          modelValue: unref(showRoomInvite),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(showRoomInvite) ? showRoomInvite.value = $event : null),
+          title: unref(t)("sb invites you to join the conference", { name: unref(userName) || unref(userId) }),
+          modal: true,
+          "show-close": true,
+          "close-on-click-modal": true,
+          width: "540px",
+          "append-to-body": true,
+          "title-icon": SuccessIcon
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("span", null, [
+              createVNode(TuiButton, {
+                class: "dialog-button",
+                size: "default",
+                onClick: _cache[1] || (_cache[1] = ($event) => unref(copyRoomIdAndRoomLink)())
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("Copy the conference number and link")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(conferenceInviteList), (item) => {
+                return withDirectives((openBlock(), createElementBlock("div", {
+                  key: item.title
+                }, [
+                  createElementVNode("div", _hoisted_5, [
+                    createElementVNode("span", _hoisted_6, toDisplayString(unref(t)(item.title)), 1),
+                    createElementVNode("span", {
+                      class: "invite-member-content",
+                      title: item.content
+                    }, toDisplayString(item.content), 9, _hoisted_7),
+                    item.isShowCopyIcon ? (openBlock(), createBlock(SvgIcon, {
+                      key: 0,
+                      class: "copy",
+                      icon: copyIcon,
+                      onClick: ($event) => unref(onCopy)(item.content)
+                    }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                  ])
+                ])), [
+                  [vShow, item.isVisible]
+                ]);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
       ]);
     };
   }

package/es/components/RoomInvite/useRoomInviteHooks.d.ts

@@ -1,3 +1,5 @@
+import { TUIUserInfo } from '../../services';
+
 export default function useRoomInvite(): {
     t: any;
     isRoomLinkVisible: any;
@@ -24,4 +26,28 @@ export default function useRoomInvite(): {
         copyLink: string;
         visible: any;
     })[]>;
+    invitationFeatureDetails: import('vue').Ref<{
+        icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+        text: string;
+        function: () => void;
+    }[]>;
+    showContacts: import('vue').Ref<boolean>;
+    contactsConfirm: (contacts: TUIUserInfo[]) => Promise<void>;
+    contacts: import('vue').Ref<never[]>;
+    remoteEnteredUserList: any;
+    showRoomInvite: import('vue').Ref<boolean>;
+    userId: any;
+    userName: any;
+    conferenceInviteList: import('vue').ComputedRef<({
+        title: string;
+        content: any;
+        isShowCopyIcon: boolean;
+        isVisible: boolean;
+    } | {
+        title: string;
+        content: string;
+        isShowCopyIcon: boolean;
+        isVisible: any;
+    })[]>;
+    copyRoomIdAndRoomLink: () => void;
 };

package/es/components/RoomInvite/useRoomInviteHooks.mjs

@@ -1,16 +1,38 @@
 import { ref, computed } from "vue";
 import { useBasicStore } from "../../stores/basic.mjs";
+import { useRoomStore } from "../../stores/room.mjs";
 import renderMsg from "../common/base/Message/Message.mjs";
 import { storeToRefs } from "pinia";
 import { useI18n } from "../../locales/index.mjs";
-import { clipBoard } from "../../utils/adapter.mjs";
+import { getUrlWithRoomId } from "../../utils/utils.mjs";
 import { isElectron } from "../../utils/environment.mjs";
+import InviteIcon from "../common/icons/InviteIcon.vue.mjs";
+import ShareIcon from "../common/icons/ShareIcon.vue.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import { MESSAGE_DURATION } from "../../constants/message.mjs";
+import { clipBoard } from "../../utils/adapter.mjs";
 function useRoomInvite() {
   const { t } = useI18n();
   const basicStore = useBasicStore();
-  const { roomId, shareLink, isRoomLinkVisible, isSchemeLinkVisible } = storeToRefs(basicStore);
+  const roomLinkConfig = roomService.getComponentConfig("RoomLink");
+  const roomStore = useRoomStore();
+  const { remoteEnteredUserList, roomName, isSeatEnabled, password } = storeToRefs(roomStore);
+  const {
+    roomId,
+    shareLink,
+    isRoomLinkVisible,
+    isSchemeLinkVisible,
+    userId,
+    userName
+  } = storeToRefs(basicStore);
   const { origin, pathname } = location || {};
   const isShowLink = ref(true);
+  const showContacts = ref(false);
+  const showRoomInvite = ref(false);
   const inviteLink = computed(() => {
     if (shareLink.value) {
       const urlConcatenation = shareLink.value.indexOf("?") !== -1 ? "&" : "?";
@@ -18,8 +40,35 @@ function useRoomInvite() {
     }
     return `${origin}${pathname}#/home?roomId=${roomId.value}`;
   });
-  const schemeLink = computed(() => `tuiroom://joinroom?roomId=${roomId.value}`);
-  const inviteBarTitle = computed(() => isRoomLinkVisible.value ? t("You can share the room number or link to invite more people to join the room.") : t("You can share the room number to invite more people to join the room"));
+  const schemeLink = computed(
+    () => `tuiroom://joinroom?roomId=${roomId.value}`
+  );
+  const inviteBarTitle = computed(
+    () => isRoomLinkVisible.value ? t(
+      "You can share the room number or link to invite more people to join the room."
+    ) : t(
+      "You can share the room number to invite more people to join the room"
+    )
+  );
+  const isShowPassword = computed(() => !!(password == null ? void 0 : password.value));
+  const invitationFeatureDetails = ref([
+    {
+      icon: InviteIcon,
+      text: "addMember",
+      function: async () => {
+        contacts.value = await roomService.scheduleConferenceManager.fetchFriendList();
+        showContacts.value = true;
+      }
+    },
+    {
+      icon: ShareIcon,
+      text: "shareRoom",
+      function: () => {
+        showRoomInvite.value = true;
+      }
+    }
+  ]);
+  const contacts = ref([]);
   async function onCopy(value) {
     try {
       await clipBoard(value);
@@ -35,11 +84,96 @@ function useRoomInvite() {
     }
   }
   const inviteContentList = computed(() => [
-    { id: 1, mobileTitle: "Room ID", pcTitle: "Invite by room number", content: roomId.value, copyLink: roomId.value, visible: isShowLink.value },
-    { id: 2, mobileTitle: "Room Link", pcTitle: "Invite via room link", content: inviteLink.value, copyLink: inviteLink.value, visible: isRoomLinkVisible.value },
-    { id: 3, mobileTitle: "scheme", pcTitle: "Invite via client scheme", content: schemeLink.value, copyLink: schemeLink.value, visible: isSchemeLinkVisible.value }
+    {
+      id: 1,
+      mobileTitle: "Room ID",
+      pcTitle: "Invite by room number",
+      content: roomId.value,
+      copyLink: roomId.value,
+      visible: isShowLink.value
+    },
+    {
+      id: 2,
+      mobileTitle: "Room Link",
+      pcTitle: "Invite via room link",
+      content: inviteLink.value,
+      copyLink: inviteLink.value,
+      visible: isRoomLinkVisible.value
+    },
+    {
+      id: 3,
+      mobileTitle: "scheme",
+      pcTitle: "Invite via client scheme",
+      content: schemeLink.value,
+      copyLink: schemeLink.value,
+      visible: isSchemeLinkVisible.value
+    }
   ]);
-  const visibleInviteContentList = computed(() => inviteContentList.value.filter((item) => item.visible));
+  const visibleInviteContentList = computed(
+    () => inviteContentList.value.filter((item) => item.visible)
+  );
+  const conferenceInviteList = computed(() => [
+    {
+      title: "Room Name",
+      content: roomName.value,
+      isShowCopyIcon: false,
+      isVisible: true
+    },
+    {
+      title: "Room Type",
+      content: `${t(getSeatModeDisplay(isSeatEnabled.value))}`,
+      isShowCopyIcon: false,
+      isVisible: true
+    },
+    {
+      title: "Room ID",
+      content: roomId.value,
+      isShowCopyIcon: true,
+      isVisible: true
+    },
+    {
+      title: "Room Password",
+      content: password == null ? void 0 : password.value,
+      isShowCopyIcon: true,
+      isVisible: isShowPassword.value
+    },
+    {
+      title: "Room Link",
+      content: getUrlWithRoomId(roomId.value),
+      isShowCopyIcon: true,
+      isVisible: isRoomLinkVisible.value && roomLinkConfig.visible
+    }
+  ]);
+  function getSeatModeDisplay(isSeatEnabled2) {
+    return isSeatEnabled2 ? "On-stage Speaking Room" : "Free Speech Room";
+  }
+  function copyRoomIdAndRoomLink() {
+    const invitationList = [
+      roomName.value,
+      `${t("Room Type")}: ${t(getSeatModeDisplay(isSeatEnabled.value))}`,
+      `${t("Room ID")}: ${roomId.value}`
+    ];
+    if (isShowPassword.value) {
+      invitationList.push(`${t("Room Password")}: ${password == null ? void 0 : password.value}`);
+    }
+    if (isRoomLinkVisible.value && roomLinkConfig.visible) {
+      invitationList.push(
+        `${t("Room Link")}: ${getUrlWithRoomId(roomId.value)}`
+      );
+    }
+    const invitation = invitationList.join("\n");
+    onCopy(invitation);
+    showRoomInvite.value = false;
+  }
+  const contactsConfirm = async (contacts2) => {
+    const userIdList = contacts2.map((contacts3) => contacts3.userId);
+    await roomService.conferenceInvitationManager.inviteUsers({ userIdList });
+    renderMsg({
+      type: "success",
+      message: t("Invitation sent, waiting for members to join."),
+      duration: MESSAGE_DURATION.NORMAL
+    });
+  };
   return {
     t,
     isRoomLinkVisible,
@@ -51,7 +185,17 @@ function useRoomInvite() {
     schemeLink,
     inviteBarTitle,
     onCopy,
-    visibleInviteContentList
+    visibleInviteContentList,
+    invitationFeatureDetails,
+    showContacts,
+    contactsConfirm,
+    contacts,
+    remoteEnteredUserList,
+    showRoomInvite,
+    userId,
+    userName,
+    conferenceInviteList,
+    copyRoomIdAndRoomLink
   };
 }
 export {

package/es/components/RoomMore/index.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/es/components/RoomMore/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const RoomMore = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-acb09f87"]]);
+const RoomMore = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee379323"]]);
 export {
   RoomMore as default
 };

package/es/components/RoomMore/index.vue2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, createCommentVNode } from "vue";
 import useRoomMoreHooks from "./useRoomMoreHooks.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
-import CopyIcon from "../common/icons/CopyIcon.vue.mjs";
+import copyIcon from "../common/icons/CopyIcon.vue.mjs";
 import EmailIcon from "../common/icons/EmailIcon.vue.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 const _hoisted_1 = { class: "more-container" };
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_8, toDisplayString(unref(email)), 1),
           createVNode(SvgIcon, {
             class: "copy-icon",
-            icon: CopyIcon,
+            icon: copyIcon,
             onClick: _cache[0] || (_cache[0] = ($event) => unref(onCopy)(unref(email)))
           })
         ])

package/es/components/RoomMore/useRoomMoreHooks.mjs

@@ -1,6 +1,7 @@
 import { computed } from "vue";
 import renderMsg from "../common/base/Message/Message.mjs";
 import i18n, { useI18n } from "../../locales/index.mjs";
+import "../../utils/environment.mjs";
 import { clipBoard } from "../../utils/adapter.mjs";
 function useRoomMoreHooks() {
   const { t } = useI18n();

package/es/components/RoomSetting/index.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/es/components/RoomSetting/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const RoomSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a02b9d3"]]);
+const RoomSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cadaf945"]]);
 export {
   RoomSetting as default
 };

package/es/components/RoomSetting/index.vue2.mjs

@@ -7,7 +7,7 @@ import { storeToRefs } from "pinia";
 import { SettingMode } from "../../constants/render.mjs";
 import { useI18n } from "../../locales/index.mjs";
 import CloseIcon from "../common/icons/CloseIcon.vue.mjs";
-const _withScopeId = (n) => (pushScopeId("data-v-1a02b9d3"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-cadaf945"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "setting-container" };
 const _hoisted_2 = { class: "setting-header" };
 const _hoisted_3 = { class: "setting-title" };
@@ -58,7 +58,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(settingTabsTitleList.value, (item, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
-                  class: normalizeClass(["tabs-title", `${unref(activeSettingTab) === item.value ? "active" : ""}`]),
+                  class: normalizeClass([
+                    "tabs-title",
+                    `${unref(activeSettingTab) === item.value ? "active" : ""}`
+                  ]),
                   onClick: ($event) => handleUpdateActiveTab(item.value)
                 }, toDisplayString(item.label), 11, _hoisted_6);
               }), 128))

package/es/components/RoomSidebar/index.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/es/components/RoomSidebar/index.vue.mjs

@@ -2,19 +2,13 @@ import { defineComponent, openBlock, createElementBlock, createVNode, unref, isR
 import Chat from "../Chat/index.vue.mjs";
 import Drawer from "../common/base/Drawer.vue.mjs";
 import useSideBar from "./useSideBarHooks.mjs";
-import RoomInvite from "../RoomInvite/index.vue.mjs";
 import ManageMember from "../ManageMember/index.vue.mjs";
 import RoomMore from "../RoomMore/index.vue.mjs";
 const _hoisted_1 = { class: "sidebar-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
-    const {
-      isSidebarOpen,
-      title,
-      handleClose,
-      sidebarName
-    } = useSideBar();
+    const { isSidebarOpen, title, handleClose, sidebarName } = useSideBar();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(Drawer, {
@@ -27,9 +21,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             unref(sidebarName) == "chat" ? (openBlock(), createBlock(Chat, { key: 0 })) : createCommentVNode("", true),
-            unref(sidebarName) == "invite" ? (openBlock(), createBlock(RoomInvite, { key: 1 })) : createCommentVNode("", true),
-            unref(sidebarName) == "more" ? (openBlock(), createBlock(RoomMore, { key: 2 })) : createCommentVNode("", true),
-            unref(sidebarName) == "manage-member" ? (openBlock(), createBlock(ManageMember, { key: 3 })) : createCommentVNode("", true)
+            unref(sidebarName) == "more" ? (openBlock(), createBlock(RoomMore, { key: 1 })) : createCommentVNode("", true),
+            unref(sidebarName) == "manage-member" ? (openBlock(), createBlock(ManageMember, { key: 2 })) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["modelValue", "title", "before-close"])

package/es/components/RoomSidebar/useSideBarHooks.mjs

@@ -12,10 +12,12 @@ function useSideBar() {
   const { t } = useI18n();
   const chatStore = useChatStore();
   const basicStore = useBasicStore();
-  const { sdkAppId, isSidebarOpen, sidebarName } = storeToRefs(basicStore);
+  const { sdkAppId, isSidebarOpen, sidebarName, roomId } = storeToRefs(basicStore);
   const roomStore = useRoomStore();
   const { userNumber } = storeToRefs(roomStore);
-  const showSideBar = computed(() => isSidebarOpen.value && sidebarName.value !== "transfer-leave");
+  const showSideBar = computed(
+    () => isSidebarOpen.value && sidebarName.value !== "transfer-leave"
+  );
   const title = computed(() => {
     let sidebarTitle = "";
     switch (sidebarName.value) {
@@ -46,8 +48,9 @@ function useSideBar() {
     if (!options || !options.data) {
       return;
     }
+    const currentConversationId = `GROUP${roomId.value}`;
     options.data.forEach((message) => {
-      if (message.type === TencentCloudChat.TYPES.MSG_TEXT) {
+      if (message.conversationID === currentConversationId && message.type === TencentCloudChat.TYPES.MSG_TEXT) {
         if (!basicStore.isSidebarOpen || basicStore.sidebarName !== "chat") {
           chatStore.updateUnReadCount(++chatStore.unReadCount);
         }

package/es/components/ScheduleConference/ConferenceDetail.vue.d.ts

@@ -0,0 +1,33 @@
+import { TUIConferenceStatus, TUIConferenceInfo } from '@tencentcloud/tuiroom-engine-electron';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    conferenceInfo: TUIConferenceInfo;
+    scheduleRoomDetailList: {
+        title: string;
+        content: string;
+        isShowCopyIcon: boolean;
+        status: TUIConferenceStatus | null;
+        isShowStatus: boolean;
+        isVisible: boolean;
+    }[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    conferenceInfo: TUIConferenceInfo;
+    scheduleRoomDetailList: {
+        title: string;
+        content: string;
+        isShowCopyIcon: boolean;
+        status: TUIConferenceStatus | null;
+        isShowStatus: boolean;
+        isVisible: boolean;
+    }[];
+}>>>, {}, {}>;
+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/es/components/ScheduleConference/ConferenceDetail.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ConferenceDetail.vue2.mjs";
+/* empty css                       */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const ConferenceDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dae6214b"]]);
+export {
+  ConferenceDetail as default
+};

package/es/components/ScheduleConference/ConferenceDetail.vue2.mjs

@@ -0,0 +1,75 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, toDisplayString, createVNode, createCommentVNode } from "vue";
+import useRoomInfo from "../RoomHeader/RoomInfo/useRoomInfoHooks.mjs";
+import copyIcon from "../common/icons/CopyIcon.vue.mjs";
+import SvgIcon from "../common/base/SvgIcon.vue.mjs";
+import { isMobile } from "../../utils/environment.mjs";
+import { TUIConferenceStatus } from "@tencentcloud/tuiroom-engine-electron";
+import { useI18n } from "../../locales/index.mjs";
+const _hoisted_1 = { class: "detail-title" };
+const _hoisted_2 = { class: "detail-info" };
+const _hoisted_3 = ["title"];
+const _hoisted_4 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ConferenceDetail",
+  props: {
+    conferenceInfo: {},
+    scheduleRoomDetailList: {}
+  },
+  setup(__props) {
+    const { t } = useI18n();
+    const statusMap = {
+      [TUIConferenceStatus.kConferenceStatusRunning]: {
+        text: "Ongoing",
+        className: "status-running"
+      }
+    };
+    const props = __props;
+    const { onCopy } = useRoomInfo();
+    const getStatusTextAndClass = (status) => {
+      if (!status) return { text: "", className: "" };
+      return statusMap[status] || { text: "", className: "" };
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["detail-container", unref(isMobile) ? "h5" : ""])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.scheduleRoomDetailList, (item, index) => {
+          return openBlock(), createElementBlock(Fragment, null, [
+            item.isVisible ? (openBlock(), createElementBlock("div", {
+              class: normalizeClass(["detail-content"]),
+              key: index
+            }, [
+              createElementVNode("span", _hoisted_1, toDisplayString(unref(t)(item.title)), 1),
+              createElementVNode("span", _hoisted_2, [
+                createElementVNode("span", {
+                  class: "detail-item",
+                  title: item.content
+                }, toDisplayString(item.content), 9, _hoisted_3),
+                item.isShowCopyIcon ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: "copy-container",
+                  onClick: ($event) => unref(onCopy)(item.content)
+                }, [
+                  createVNode(SvgIcon, {
+                    class: "copy",
+                    icon: copyIcon
+                  })
+                ], 8, _hoisted_4)) : createCommentVNode("", true),
+                item.isShowStatus ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: normalizeClass([
+                    "detail-status",
+                    getStatusTextAndClass(item.status).className
+                  ])
+                }, toDisplayString(unref(t)(getStatusTextAndClass(item.status).text)), 3)) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true)
+          ], 64);
+        }), 256))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};