@tencentcloud/roomkit-electron-vue3 2.3.3 → 2.4.1

package/es/components/Chat/ChatEditor/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 import "./index.vue3.mjs";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const ChatEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69c8675e"]]);
+const ChatEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-417e38fe"]]);
 export {
   ChatEditor as default
 };

package/es/components/Chat/ChatEditor/index.vue2.mjs

@@ -9,13 +9,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       t,
       editorInputEle,
       sendMsg,
-      cannotSendMessage,
+      isMessageDisabled,
       sendMessage,
       handleChooseEmoji
     } = useChatEditor();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["chat-editor", { "disable": unref(cannotSendMessage) }])
+        class: normalizeClass(["chat-editor", { "disable": unref(isMessageDisabled) }])
       }, [
         createVNode(emoji, {
           class: "chat-emoji",
@@ -25,9 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "editorInputEle",
           ref: editorInputEle,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(sendMsg) ? sendMsg.value = $event : null),
-          disabled: unref(cannotSendMessage),
+          disabled: unref(isMessageDisabled),
           class: "content-bottom-input",
-          placeholder: unref(cannotSendMessage) ? unref(t)("Muted by the moderator") : unref(t)("Type a message"),
+          placeholder: unref(isMessageDisabled) ? unref(t)("Muted by the moderator") : unref(t)("Type a message"),
           onKeyup: _cache[1] || (_cache[1] = withKeys(
             //@ts-ignore
             (...args) => unref(sendMessage) && unref(sendMessage)(...args),

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

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

package/es/components/Chat/ChatEditor/useChatEditor.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, computed } from "vue";
+import { ref, watch } from "vue";
 import { storeToRefs } from "pinia";
 import renderMsg from "../../common/base/Message/Message.mjs";
 import { TencentCloudChat } from "@tencentcloud/tuiroom-engine-electron";
@@ -15,22 +15,15 @@ function useChatEditor() {
   const chatStore = useChatStore();
   const roomStore = useRoomStore();
   const { roomId } = storeToRefs(basicStore);
-  const { isMessageDisableByAdmin } = storeToRefs(chatStore);
-  const { isMessageDisableForAllUser } = storeToRefs(roomStore);
+  const { isMessageDisabled } = storeToRefs(chatStore);
   const editorInputEle = ref();
   const sendMsg = ref("");
   const isEmojiToolbarVisible = ref(false);
-  watch(isMessageDisableByAdmin, (value) => {
+  watch(isMessageDisabled, (value) => {
     if (value) {
       sendMsg.value = "";
     }
   });
-  watch(isMessageDisableForAllUser, (value) => {
-    if (value) {
-      sendMsg.value = "";
-    }
-  });
-  const cannotSendMessage = computed(() => Boolean(isMessageDisableByAdmin.value || isMessageDisableForAllUser.value));
   const sendMessage = async () => {
     var _a;
     const result = decodeSendTextMsg(sendMsg.value);
@@ -78,8 +71,7 @@ function useChatEditor() {
     t,
     editorInputEle,
     sendMsg,
-    isMessageDisableByAdmin,
-    cannotSendMessage,
+    isMessageDisabled,
     sendMessage,
     handleChooseEmoji,
     isEmojiToolbarVisible,

package/es/components/ManageMember/MemberControl/index.vue.mjs

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

package/es/components/ManageMember/MemberControl/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, unref, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, withDirectives, Fragment, renderList, vShow, isRef, createCommentVNode } from "vue";
+import { defineComponent, computed, ref, watch, unref, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, withDirectives, Fragment, renderList, vShow, isRef, createCommentVNode, nextTick } from "vue";
 import { useI18n } from "../../../locales/index.mjs";
 import TuiButton from "../../common/base/Button.vue.mjs";
 import Dialog from "../../common/base/Dialog/index.vue.mjs";
@@ -39,15 +39,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         showMoreControl.value = false;
       }
     });
-    function toggleClickMoreBtn() {
+    async function toggleClickMoreBtn() {
       if (showMoreControl.value) {
         showMoreControl.value = false;
       } else {
-        handleDropDownPosition();
+        await handleDropDownPosition();
         showMoreControl.value = true;
       }
     }
-    function handleDropDownPosition() {
+    async function handleDropDownPosition() {
       var _a, _b, _c;
       const { top, bottom } = (_a = moreBtnRef.value) == null ? void 0 : _a.getBoundingClientRect();
       const { top: containerTop, bottom: containerBottom } = (_b = document.getElementById("memberListContainer")) == null ? void 0 : _b.getBoundingClientRect();
@@ -59,6 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let dropDownContainerHeight = 0;
       if (!showMoreControl.value) {
         operateListRef.value.style = "display:block;position:absolute;z-index:-1000";
+        await nextTick();
         dropDownContainerHeight = operateListRef.value.offsetHeight;
         operateListRef.value.style = "";
       } else {

package/es/components/ManageMember/MemberControl/useMemberControlHooks.mjs

@@ -33,7 +33,14 @@ function useMemberControl(props) {
   });
   const kickOffDialogContent = computed(() => t("whether to kick sb off the room", { name: props.userInfo.userName || props.userInfo.userId }));
   const transferOwnerTitle = computed(() => t("Transfer the roomOwner to sb", { name: props.userInfo.userName || props.userInfo.userId }));
-  const { isFreeSpeakMode, isSpeakAfterTakingSeatMode, localUser, isGeneralUser } = storeToRefs(roomStore);
+  const {
+    isFreeSpeakMode,
+    isSpeakAfterTakingSeatMode,
+    localUser,
+    isGeneralUser,
+    anchorUserList,
+    maxSeatCount
+  } = storeToRefs(roomStore);
   const {
     agreeUserOnStage,
     denyUserOnStage,
@@ -103,19 +110,19 @@ function useMemberControl(props) {
   const chatControl = computed(() => ({
     key: "chatControl",
     icon: ChatForbiddenIcon,
-    title: props.userInfo.isChatMutedByMasterOrAdmin ? t("Enable chat") : t("Disable chat"),
+    title: props.userInfo.isMessageDisabled ? t("Enable chat") : t("Disable chat"),
     func: disableUserChat
   }));
   const transferOwner = computed(() => ({
     key: "transferOwner",
     icon: TransferOwnerIcon,
-    title: t("Transfer owner"),
+    title: t("Make host"),
     func: () => handleOpenDialog("transferOwner")
   }));
   const setOrRevokeAdmin = computed(() => ({
     key: "setOrRevokeAdmin",
     icon: props.userInfo.userRole === TUIRole.kAdministrator ? RevokeAdminIcon : SetAdminIcon,
-    title: props.userInfo.userRole === TUIRole.kAdministrator ? t("Revoke administrator") : t("Set as administrator"),
+    title: props.userInfo.userRole === TUIRole.kAdministrator ? t("Remove administrator") : t("Set as administrator"),
     func: handleSetOrRevokeAdmin
   }));
   const kickUser = computed(() => ({
@@ -143,6 +150,14 @@ function useMemberControl(props) {
     if (isInvitingUserToAnchor) {
       cancelInviteUserOnStage(userInfo);
     } else {
+      if (anchorUserList.value.length === maxSeatCount.value) {
+        renderMsg({
+          type: "warning",
+          message: `${t("The stage is full")}`,
+          duration: MESSAGE_DURATION.NORMAL
+        });
+        return;
+      }
       inviteUserOnStage(userInfo);
     }
   }
@@ -238,14 +253,22 @@ function useMemberControl(props) {
       }
     }
   }
-  function disableUserChat(userInfo) {
+  async function disableUserChat(userInfo) {
     var _a;
-    const currentState = userInfo.isChatMutedByMasterOrAdmin;
-    roomStore.setMuteUserChat(userInfo.userId, !currentState);
-    (_a = roomEngine.instance) == null ? void 0 : _a.disableSendingMessageByAdmin({
-      userId: userInfo.userId,
-      isDisable: !currentState
-    });
+    const { isMessageDisabled } = userInfo;
+    try {
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.disableSendingMessageByAdmin({
+        userId: userInfo.userId,
+        isDisable: !isMessageDisabled
+      }));
+      roomStore.setMuteUserChat(userInfo.userId, !isMessageDisabled);
+    } catch (error) {
+      renderMsg({
+        type: "error",
+        message: t("Failed to disable chat"),
+        duration: MESSAGE_DURATION.NORMAL
+      });
+    }
   }
   async function kickOffUser(userInfo) {
     var _a;
@@ -271,7 +294,7 @@ function useMemberControl(props) {
       } catch (error) {
         renderMsg({
           type: "error",
-          message: t("Transfer owner failed, please try again."),
+          message: t("Make host failed, please try again."),
           duration: MESSAGE_DURATION.NORMAL
         });
       }

package/es/components/ManageMember/useIndexHooks.mjs

@@ -137,7 +137,8 @@ function useIndex() {
   }
   const applyToAnchorUserContent = computed(() => {
     var _a, _b;
-    const userName = ((_a = applyToAnchorList.value[0]) == null ? void 0 : _a.userName) || ((_b = applyToAnchorList.value[0]) == null ? void 0 : _b.userId);
+    const lastIndex = applyToAnchorList.value.length - 1;
+    const userName = ((_a = applyToAnchorList.value[lastIndex]) == null ? void 0 : _a.userName) || ((_b = applyToAnchorList.value[lastIndex]) == null ? void 0 : _b.userId);
     if (applyToAnchorList.value.length === 1) {
       return `${userName} ${t("Applying for the stage")}`;
     }

package/es/components/RoomFooter/ApplyControl/MemberApplyControl.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MemberApplyControl.vue2.mjs";
 import "./MemberApplyControl.vue3.mjs";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberApplyControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24ecea29"]]);
+const MemberApplyControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-915fbd92"]]);
 export {
   MemberApplyControl as default
 };

package/es/components/RoomFooter/ApplyControl/MemberApplyControl.vue2.mjs

@@ -107,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderMsg({ type: "warning", message: t("Application to go on stage was rejected") });
               break;
             case TUIRequestCallbackType.kRequestTimeout:
-              renderMsg({ type: "warning", message: t("Failed to go on stage, invitation has timed out") });
+              renderMsg({ type: "warning", message: t("The request to go on stage has timed out") });
               break;
           }
         }
@@ -177,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }));
       } catch (error) {
         if (error.code === TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
-          renderMsg({ type: "warning", message: t("The current number of people on stage has reached the limit") });
+          renderMsg({ type: "warning", message: t("The stage is full, please contact the host") });
         } else {
           logger.error("Failure of a user to accept/reject a roomOwner invitation", error);
         }

package/es/components/RoomFooter/EndControl/useEndControlHooks.mjs

@@ -145,7 +145,7 @@ function useEndControl() {
             }
             handleUpdateSeatApplicationList();
           }
-          if (chatStore.isMessageDisableByAdmin) {
+          if (chatStore.isMessageDisabled) {
             (_b = roomEngine.instance) == null ? void 0 : _b.disableSendingMessageByAdmin({
               userId,
               isDisable: false

package/es/components/RoomFooter/VirtualBackground.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./VirtualBackground.vue2.mjs";
 import "./VirtualBackground.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const VirtualBackground = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f058868a"]]);
+const VirtualBackground = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-46cc60bc"]]);
 export {
   VirtualBackground as default
 };

package/es/components/RoomFooter/VirtualBackground.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, unref, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, nextTick, pushScopeId, popScopeId } from "vue";
+import { defineComponent, computed, ref, unref, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, createTextVNode, nextTick } from "vue";
 import IconButton from "../common/base/IconButton.vue.mjs";
 import VirtualBackgroundIcon from "../common/icons/VirtualBackgroundIcon.vue.mjs";
 import { useI18n } from "../../locales/index.mjs";
@@ -10,46 +10,75 @@ import "../../services/manager/roomActionManager.mjs";
 import Dialog from "../common/base/Dialog/index.vue.mjs";
 import CloseVirtualBackground from "../../assets/imgs/close-virtual-background.png.mjs";
 import BlurredBackground from "../../assets/imgs/blurred-background.png.mjs";
-const _withScopeId = (n) => (pushScopeId("data-v-f058868a"), n = n(), popScopeId(), n);
+import TuiButton from "../common/base/Button.vue.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "virtualBackground-control-container"
 };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", {
+const _hoisted_2 = {
   id: "stream-preview",
   class: "stream-preview"
-}, null, -1));
-const _hoisted_3 = { class: "setting" };
-const _hoisted_4 = { class: "setting-item-icon" };
-const _hoisted_5 = ["src"];
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "mask"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "spinner"
+};
+const _hoisted_5 = { class: "setting" };
 const _hoisted_6 = { class: "setting-item-icon" };
 const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "setting-item-icon" };
+const _hoisted_9 = ["src"];
+const _hoisted_10 = { class: "footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VirtualBackground",
   setup(__props) {
     const { t } = useI18n();
     const componentConfig = roomService.componentManager.getComponentConfig("VirtualBackground");
-    const currentVirtualBackground = ref("close");
+    const isAllowed = computed(() => roomService.roomStore.localStream.hasVideoStream);
+    const appliedBackground = ref("close");
+    const selectedBackground = ref("close");
     const isDialogVisible = ref(false);
+    const isLoading = ref(false);
     const openSettingPanel = async () => {
       var _a;
       roomService.virtualBackground.initVirtualBackground();
       isDialogVisible.value = true;
+      isLoading.value = true;
       await nextTick();
-      (_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({ view: "stream-preview" });
+      await ((_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({ view: "stream-preview" }));
+      await applyVirtualBackground(appliedBackground.value);
+      isLoading.value = false;
     };
-    const closeSettingPanel = () => {
+    const closeSettingPanel = async () => {
       var _a;
       isDialogVisible.value = false;
       (_a = roomService.roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
+      selectedBackground.value = appliedBackground.value;
     };
-    const openBlurredBackground = () => {
-      currentVirtualBackground.value = "blur";
-      roomService.virtualBackground.toggleVirtualBackground(true);
+    const confirmVirtualBackground = async () => {
+      if (!isAllowed.value)
+        return;
+      appliedBackground.value = selectedBackground.value;
+      closeSettingPanel();
+      if (selectedBackground.value === "blur") {
+        await roomService.virtualBackground.toggleVirtualBackground(true);
+      }
+      if (selectedBackground.value === "close") {
+        await roomService.virtualBackground.toggleVirtualBackground(false);
+      }
     };
-    const closeVirtualBackground = () => {
-      currentVirtualBackground.value = "close";
-      roomService.virtualBackground.toggleVirtualBackground(false);
+    const applyVirtualBackground = async (type) => {
+      isLoading.value = true;
+      try {
+        selectedBackground.value = type;
+        await roomService.virtualBackground.toggleTestVirtualBackground(type === "blur");
+      } finally {
+        isLoading.value = false;
+      }
     };
     return (_ctx, _cache) => {
       return unref(componentConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -64,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 8, ["title"]),
         createVNode(Dialog, {
           modelValue: isDialogVisible.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isDialogVisible.value = $event),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isDialogVisible.value = $event),
           title: unref(t)("VirtualBackground"),
           width: "600px",
           modal: true,
@@ -72,33 +101,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClose: closeSettingPanel
         }, {
           default: withCtx(() => [
-            _hoisted_2,
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_2, [
+              isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
+              isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_5, [
               createElementVNode("div", {
-                class: normalizeClass(["setting-item", currentVirtualBackground.value === "close" ? "active" : ""]),
-                onClick: closeVirtualBackground
+                class: normalizeClass([
+                  "setting-item",
+                  selectedBackground.value === "close" ? "active" : ""
+                ]),
+                onClick: _cache[0] || (_cache[0] = ($event) => applyVirtualBackground("close"))
               }, [
-                createElementVNode("i", _hoisted_4, [
+                createElementVNode("i", _hoisted_6, [
                   createElementVNode("img", {
                     src: unref(CloseVirtualBackground),
                     alt: "close",
                     style: { "width": "32px" }
-                  }, null, 8, _hoisted_5)
+                  }, null, 8, _hoisted_7)
                 ]),
                 createElementVNode("span", null, toDisplayString(unref(t)("Close")), 1)
               ], 2),
               createElementVNode("div", {
-                class: normalizeClass(["setting-item", currentVirtualBackground.value === "blur" ? "active" : ""]),
-                onClick: openBlurredBackground
+                class: normalizeClass([
+                  "setting-item",
+                  selectedBackground.value === "blur" ? "active" : ""
+                ]),
+                onClick: _cache[1] || (_cache[1] = ($event) => applyVirtualBackground("blur"))
               }, [
-                createElementVNode("i", _hoisted_6, [
+                createElementVNode("i", _hoisted_8, [
                   createElementVNode("img", {
                     src: unref(BlurredBackground),
                     alt: "blurred"
-                  }, null, 8, _hoisted_7)
+                  }, null, 8, _hoisted_9)
                 ]),
                 createElementVNode("span", null, toDisplayString(unref(t)("BlurredBackground")), 1)
               ], 2)
+            ]),
+            createElementVNode("div", _hoisted_10, [
+              createVNode(TuiButton, {
+                class: "button",
+                disabled: !isAllowed.value,
+                onClick: confirmVirtualBackground
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("Save")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              createVNode(TuiButton, {
+                class: "button",
+                type: "primary",
+                onClick: closeSettingPanel
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
+                ]),
+                _: 1
+              })
             ])
           ]),
           _: 1

package/es/components/RoomFooter/index/index.vue.mjs

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

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

@@ -13,7 +13,6 @@ import EndControl from "../EndControl/index.vue.mjs";
 import _sfc_main$6 from "../SettingControl.vue.mjs";
 import VirtualBackground from "../VirtualBackground.vue.mjs";
 import bus from "../../../hooks/useMitt.mjs";
-import roomAegis from "../../../utils/aegis/index.mjs";
 import useRoomFooter from "./useRoomFooterHooks.mjs";
 const _hoisted_1 = { class: "footer-container" };
 const _hoisted_2 = { class: "left-container" };
@@ -29,7 +28,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isAudience
     } = useRoomFooter();
     function handleControlClick(name) {
-      roomAegis.reportEvent({ name, ext1: name });
       bus.emit("experience-communication", name);
     }
     return (_ctx, _cache) => {

package/es/components/RoomHeader/RoomInfo/useRoomInfoHooks.mjs

@@ -17,7 +17,7 @@ function useRoomInfo() {
   const basicStore = useBasicStore();
   const roomStore = useRoomStore();
   const { roomId, isRoomLinkVisible } = storeToRefs(basicStore);
-  const { masterUserId } = storeToRefs(roomStore);
+  const { masterUserId, roomName } = storeToRefs(roomStore);
   const { t } = useI18n();
   const isShowRoomInfo = ref(false);
   const roomType = computed(() => roomStore.isFreeSpeakMode ? t("Free Speech Room") : t("On-stage Speaking Room"));
@@ -25,7 +25,7 @@ function useRoomInfo() {
   const roomLinkConfig = roomService.getComponentConfig("RoomLink");
   const masterUserName = computed(() => roomStore.getUserName(masterUserId.value) || masterUserId.value);
   const isShowRoomInfoTitle = computed(() => masterUserName.value);
-  const conferenceTitle = computed(() => `${masterUserName.value}${t("Quick Meeting")}`);
+  const conferenceTitle = computed(() => `${roomName.value}`);
   const roomInfoTabList = computed(() => [
     { id: 1, title: "Host", content: masterUserName.value, copyLink: "", isShowCopyIcon: false, visible: true },
     { id: 2, title: "Room Type", content: roomType.value, copyLink: "", isShowCopyIcon: false, visible: true },

package/es/components/RoomHeader/index/LayoutControl.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./LayoutControl.vue2.mjs";
 import "./LayoutControl.vue3.mjs";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const LayoutControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-80cb6f9f"]]);
+const LayoutControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7afa85d3"]]);
 export {
   LayoutControl as default
 };

package/es/components/RoomHeader/index/LayoutControl.vue2.mjs

@@ -3,7 +3,6 @@ import { LAYOUT } from "../../../constants/render.mjs";
 import { useBasicStore } from "../../../stores/basic.mjs";
 import { useRoomStore } from "../../../stores/room.mjs";
 import { storeToRefs } from "pinia";
-import roomAegis from "../../../utils/aegis/index.mjs";
 import { useI18n } from "../../../locales/index.mjs";
 import { IconButtonLayout } from "../../../constants/room.mjs";
 import IconButton from "../../common/base/IconButton.vue.mjs";
@@ -14,7 +13,7 @@ import { roomService } from "../../../services/roomService.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "../../../services/manager/roomActionManager.mjs";
-const _withScopeId = (n) => (pushScopeId("data-v-80cb6f9f"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-7afa85d3"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "layout-container"
@@ -46,7 +45,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const layoutControlConfig = roomService.getComponentConfig("LayoutControl");
     function handleClick(layout2) {
       basicStore.setLayout(layout2);
-      roomAegis.reportEvent({ name: "layout", ext1: layout2 });
     }
     function handleClickLayoutIcon() {
       if (isStreamNumberLessThanTwo.value) {

package/es/components/RoomHeader/index/NetworkInfo.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./NetworkInfo.vue2.mjs";
 import "./NetworkInfo.vue3.mjs";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const NetworkInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7764fd2c"]]);
+const NetworkInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b8a18b9"]]);
 export {
   NetworkInfo as default
 };

package/es/components/RoomHeader/index/NetworkInfo.vue2.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, ref, reactive, shallowRef, watchEffect, onUnmounted, withDirectives, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
 import { useBasicStore } from "../../../stores/basic.mjs";
 import { storeToRefs } from "pinia";
-import roomAegis from "../../../utils/aegis/index.mjs";
 import { useI18n } from "../../../locales/index.mjs";
 import TUIRoomEngine, { TUINetworkQuality, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-electron";
 import useGetRoomEngine from "../../../hooks/useRoomEngine.mjs";
@@ -65,7 +64,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     function handleClickNetworkIcon() {
       showNetworkInfo.value = !showNetworkInfo.value;
-      roomAegis.reportEvent({ name: "networkInfo", ext1: "networkInfo" });
     }
     function handleClickOutSide() {
       if (showNetworkInfo.value) {

package/es/components/common/base/MessageBox/index.mjs

@@ -2,7 +2,9 @@ import { createVNode, render } from "vue";
 import TUIMessageBox from "./index.vue.mjs";
 const MessageBox = ({ title, message, callback, confirmButtonText }) => {
   const container = document.createElement("div");
-  const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.body;
+  const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.getElementById("pre-conference-container");
+  if (!fullscreenElement)
+    return;
   fullscreenElement.appendChild(container);
   const onRemove = () => {
     render(null, container);

package/es/conference.d.ts

@@ -55,7 +55,7 @@ declare class Conference implements IConference {
         tim?: ChatSDK;
     }): Promise<void>;
     logout(): Promise<void>;
-    getRoomEngine(): any;
+    getRoomEngine(): TUIRoomEngine | null;
     on(eventType: RoomEvent, callback: () => any): void;
     off(eventType: RoomEvent, callback: () => void): void;
     start(roomId: string, params?: StartParams): Promise<void>;

package/es/conference.mjs

@@ -17,6 +17,14 @@ var RoomEvent = /* @__PURE__ */ ((RoomEvent2) => {
   RoomEvent2["USER_LOGOUT"] = "UserLogout";
   return RoomEvent2;
 })(RoomEvent || {});
+var FeatureButton = /* @__PURE__ */ ((FeatureButton2) => {
+  FeatureButton2["SwitchTheme"] = "SwitchTheme";
+  FeatureButton2["SwitchLayout"] = "LayoutControl";
+  FeatureButton2["SwitchLanguage"] = "Language";
+  FeatureButton2["FullScreen"] = "FullScreen";
+  FeatureButton2["Invitation"] = "InviteControl";
+  return FeatureButton2;
+})(FeatureButton || {});
 class Conference {
   login(params) {
     return roomService.initRoomKit(params);
@@ -76,6 +84,7 @@ class Conference {
 }
 const conference = new Conference();
 export {
+  FeatureButton,
   RoomEvent,
   conference
 };

package/es/conference.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
 import "./conference.vue3.mjs";
 import "./conference.vue4.mjs";
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a415c478"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c315cc3d"]]);
 export {
   ConferenceMainView as default
 };