@tencentcloud/roomkit-electron-vue3 2.3.3 → 2.4.1

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

@@ -17,22 +17,15 @@ function useChatEditor() {
   const chatStore = chat.useChatStore();
   const roomStore = room.useRoomStore();
   const { roomId } = pinia.storeToRefs(basicStore);
-  const { isMessageDisableByAdmin } = pinia.storeToRefs(chatStore);
-  const { isMessageDisableForAllUser } = pinia.storeToRefs(roomStore);
+  const { isMessageDisabled } = pinia.storeToRefs(chatStore);
   const editorInputEle = Vue.ref();
   const sendMsg = Vue.ref("");
   const isEmojiToolbarVisible = Vue.ref(false);
-  Vue.watch(isMessageDisableByAdmin, (value) => {
+  Vue.watch(isMessageDisabled, (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);
@@ -80,8 +73,7 @@ function useChatEditor() {
     t,
     editorInputEle,
     sendMsg,
-    isMessageDisableByAdmin,
-    cannotSendMessage,
+    isMessageDisabled,
     sendMessage,
     handleChooseEmoji,
     isEmojiToolbarVisible,

package/lib/components/ManageMember/MemberControl/index.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 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 MemberControl = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-bee0d25c"]]);
+const MemberControl = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4309b988"]]);
 exports.default = MemberControl;

package/lib/components/ManageMember/MemberControl/index.vue2.js

@@ -41,15 +41,15 @@ const _sfc_main = /* @__PURE__ */ Vue.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();
@@ -61,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       let dropDownContainerHeight = 0;
       if (!showMoreControl.value) {
         operateListRef.value.style = "display:block;position:absolute;z-index:-1000";
+        await Vue.nextTick();
         dropDownContainerHeight = operateListRef.value.offsetHeight;
         operateListRef.value.style = "";
       } else {

package/lib/components/ManageMember/MemberControl/useMemberControlHooks.js

@@ -35,7 +35,14 @@ function useMemberControl(props) {
   });
   const kickOffDialogContent = Vue.computed(() => t("whether to kick sb off the room", { name: props.userInfo.userName || props.userInfo.userId }));
   const transferOwnerTitle = Vue.computed(() => t("Transfer the roomOwner to sb", { name: props.userInfo.userName || props.userInfo.userId }));
-  const { isFreeSpeakMode, isSpeakAfterTakingSeatMode, localUser, isGeneralUser } = pinia.storeToRefs(roomStore);
+  const {
+    isFreeSpeakMode,
+    isSpeakAfterTakingSeatMode,
+    localUser,
+    isGeneralUser,
+    anchorUserList,
+    maxSeatCount
+  } = pinia.storeToRefs(roomStore);
   const {
     agreeUserOnStage,
     denyUserOnStage,
@@ -105,19 +112,19 @@ function useMemberControl(props) {
   const chatControl = Vue.computed(() => ({
     key: "chatControl",
     icon: ChatForbiddenIcon.default,
-    title: props.userInfo.isChatMutedByMasterOrAdmin ? t("Enable chat") : t("Disable chat"),
+    title: props.userInfo.isMessageDisabled ? t("Enable chat") : t("Disable chat"),
     func: disableUserChat
   }));
   const transferOwner = Vue.computed(() => ({
     key: "transferOwner",
     icon: TransferOwnerIcon.default,
-    title: t("Transfer owner"),
+    title: t("Make host"),
     func: () => handleOpenDialog("transferOwner")
   }));
   const setOrRevokeAdmin = Vue.computed(() => ({
     key: "setOrRevokeAdmin",
     icon: props.userInfo.userRole === TUIRoomEngine.TUIRole.kAdministrator ? RevokeAdminIcon.default : SetAdminIcon.default,
-    title: props.userInfo.userRole === TUIRoomEngine.TUIRole.kAdministrator ? t("Revoke administrator") : t("Set as administrator"),
+    title: props.userInfo.userRole === TUIRoomEngine.TUIRole.kAdministrator ? t("Remove administrator") : t("Set as administrator"),
     func: handleSetOrRevokeAdmin
   }));
   const kickUser = Vue.computed(() => ({
@@ -145,6 +152,14 @@ function useMemberControl(props) {
     if (isInvitingUserToAnchor) {
       cancelInviteUserOnStage(userInfo);
     } else {
+      if (anchorUserList.value.length === maxSeatCount.value) {
+        Message.default({
+          type: "warning",
+          message: `${t("The stage is full")}`,
+          duration: message.MESSAGE_DURATION.NORMAL
+        });
+        return;
+      }
       inviteUserOnStage(userInfo);
     }
   }
@@ -240,14 +255,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) {
+      Message.default({
+        type: "error",
+        message: t("Failed to disable chat"),
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+    }
   }
   async function kickOffUser(userInfo) {
     var _a;
@@ -273,7 +296,7 @@ function useMemberControl(props) {
       } catch (error) {
         Message.default({
           type: "error",
-          message: t("Transfer owner failed, please try again."),
+          message: t("Make host failed, please try again."),
           duration: message.MESSAGE_DURATION.NORMAL
         });
       }

package/lib/components/ManageMember/useIndexHooks.js

@@ -139,7 +139,8 @@ function useIndex() {
   }
   const applyToAnchorUserContent = Vue.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/lib/components/RoomFooter/ApplyControl/MemberApplyControl.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const MemberApplyControl_vue_vue_type_script_setup_true_lang = require("./MemberApplyControl.vue2.js");
 require("./MemberApplyControl.vue3.js");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const MemberApplyControl = /* @__PURE__ */ _pluginVue_exportHelper.default(MemberApplyControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-24ecea29"]]);
+const MemberApplyControl = /* @__PURE__ */ _pluginVue_exportHelper.default(MemberApplyControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-915fbd92"]]);
 exports.default = MemberApplyControl;

package/lib/components/RoomFooter/ApplyControl/MemberApplyControl.vue2.js

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

package/lib/components/RoomFooter/EndControl/useEndControlHooks.js

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

package/lib/components/RoomFooter/VirtualBackground.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const VirtualBackground_vue_vue_type_script_setup_true_lang = require("./VirtualBackground.vue2.js");
 require("./VirtualBackground.vue3.js");
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const VirtualBackground = /* @__PURE__ */ _pluginVue_exportHelper.default(VirtualBackground_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f058868a"]]);
+const VirtualBackground = /* @__PURE__ */ _pluginVue_exportHelper.default(VirtualBackground_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-46cc60bc"]]);
 exports.default = VirtualBackground;

package/lib/components/RoomFooter/VirtualBackground.vue2.js

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

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 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 RoomFooter = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0175eb1f"]]);
+const RoomFooter = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-cc1a7a3e"]]);
 exports.default = RoomFooter;

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

@@ -15,7 +15,6 @@ const index = require("../EndControl/index.vue.js");
 const SettingControl_vue_vue_type_script_setup_true_lang = require("../SettingControl.vue.js");
 const VirtualBackground = require("../VirtualBackground.vue.js");
 const useMitt = require("../../../hooks/useMitt.js");
-const index$1 = require("../../../utils/aegis/index.js");
 const useRoomFooterHooks = require("./useRoomFooterHooks.js");
 const _hoisted_1 = { class: "footer-container" };
 const _hoisted_2 = { class: "left-container" };
@@ -31,7 +30,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       isAudience
     } = useRoomFooterHooks.default();
     function handleControlClick(name) {
-      index$1.default.reportEvent({ name, ext1: name });
       useMitt.default.emit("experience-communication", name);
     }
     return (_ctx, _cache) => {

package/lib/components/RoomHeader/RoomInfo/useRoomInfoHooks.js

@@ -19,7 +19,7 @@ function useRoomInfo() {
   const basicStore = basic.useBasicStore();
   const roomStore = room.useRoomStore();
   const { roomId, isRoomLinkVisible } = pinia.storeToRefs(basicStore);
-  const { masterUserId } = pinia.storeToRefs(roomStore);
+  const { masterUserId, roomName } = pinia.storeToRefs(roomStore);
   const { t } = index.useI18n();
   const isShowRoomInfo = Vue.ref(false);
   const roomType = Vue.computed(() => roomStore.isFreeSpeakMode ? t("Free Speech Room") : t("On-stage Speaking Room"));
@@ -27,7 +27,7 @@ function useRoomInfo() {
   const roomLinkConfig = roomService.roomService.getComponentConfig("RoomLink");
   const masterUserName = Vue.computed(() => roomStore.getUserName(masterUserId.value) || masterUserId.value);
   const isShowRoomInfoTitle = Vue.computed(() => masterUserName.value);
-  const conferenceTitle = Vue.computed(() => `${masterUserName.value}${t("Quick Meeting")}`);
+  const conferenceTitle = Vue.computed(() => `${roomName.value}`);
   const roomInfoTabList = Vue.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/lib/components/RoomHeader/index/LayoutControl.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const LayoutControl_vue_vue_type_script_setup_true_lang = require("./LayoutControl.vue2.js");
 require("./LayoutControl.vue3.js");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const LayoutControl = /* @__PURE__ */ _pluginVue_exportHelper.default(LayoutControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-80cb6f9f"]]);
+const LayoutControl = /* @__PURE__ */ _pluginVue_exportHelper.default(LayoutControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7afa85d3"]]);
 exports.default = LayoutControl;

package/lib/components/RoomHeader/index/LayoutControl.vue2.js

@@ -5,7 +5,6 @@ const render = require("../../../constants/render.js");
 const basic = require("../../../stores/basic.js");
 const room = require("../../../stores/room.js");
 const pinia = require("pinia");
-const index$1 = require("../../../utils/aegis/index.js");
 const index = require("../../../locales/index.js");
 const room$1 = require("../../../constants/room.js");
 const IconButton = require("../../common/base/IconButton.vue.js");
@@ -16,7 +15,7 @@ const roomService = require("../../../services/roomService.js");
 require("@tencentcloud/tuiroom-engine-electron");
 require("mitt");
 require("../../../services/manager/roomActionManager.js");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-80cb6f9f"), n = n(), Vue.popScopeId(), n);
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-7afa85d3"), n = n(), Vue.popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "layout-container"
@@ -48,7 +47,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const layoutControlConfig = roomService.roomService.getComponentConfig("LayoutControl");
     function handleClick(layout2) {
       basicStore.setLayout(layout2);
-      index$1.default.reportEvent({ name: "layout", ext1: layout2 });
     }
     function handleClickLayoutIcon() {
       if (isStreamNumberLessThanTwo.value) {

package/lib/components/RoomHeader/index/NetworkInfo.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const NetworkInfo_vue_vue_type_script_setup_true_lang = require("./NetworkInfo.vue2.js");
 require("./NetworkInfo.vue3.js");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const NetworkInfo = /* @__PURE__ */ _pluginVue_exportHelper.default(NetworkInfo_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7764fd2c"]]);
+const NetworkInfo = /* @__PURE__ */ _pluginVue_exportHelper.default(NetworkInfo_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4b8a18b9"]]);
 exports.default = NetworkInfo;

package/lib/components/RoomHeader/index/NetworkInfo.vue2.js

@@ -3,7 +3,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 const basic = require("../../../stores/basic.js");
 const pinia = require("pinia");
-const index$1 = require("../../../utils/aegis/index.js");
 const index = require("../../../locales/index.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const useRoomEngine = require("../../../hooks/useRoomEngine.js");
@@ -67,7 +66,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     });
     function handleClickNetworkIcon() {
       showNetworkInfo.value = !showNetworkInfo.value;
-      index$1.default.reportEvent({ name: "networkInfo", ext1: "networkInfo" });
     }
     function handleClickOutSide() {
       if (showNetworkInfo.value) {

package/lib/components/common/base/MessageBox/index.js

@@ -4,7 +4,9 @@ const Vue = require("vue");
 const index = require("./index.vue.js");
 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 = () => {
     Vue.render(null, container);

package/lib/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/lib/conference.js

@@ -19,6 +19,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.roomService.initRoomKit(params);
@@ -77,5 +85,6 @@ class Conference {
   }
 }
 const conference = new Conference();
+exports.FeatureButton = FeatureButton;
 exports.RoomEvent = RoomEvent;
 exports.conference = conference;

package/lib/conference.vue.js

@@ -4,5 +4,5 @@ const conference_vue_vue_type_script_setup_true_lang = require("./conference.vue
 require("./conference.vue3.js");
 require("./conference.vue4.js");
 const _pluginVue_exportHelper = require("./_virtual/_plugin-vue_export-helper.js");
-const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a415c478"]]);
+const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c315cc3d"]]);
 exports.default = ConferenceMainView;

package/lib/conference.vue2.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const index$1 = require("./components/RoomHeader/index/index.vue.js");
-const index$3 = require("./components/RoomFooter/index/index.vue.js");
+const index = require("./components/RoomHeader/index/index.vue.js");
+const index$2 = require("./components/RoomFooter/index/index.vue.js");
 const index_vue_vue_type_script_setup_true_lang = require("./components/RoomSidebar/index.vue.js");
-const index$2 = require("./components/RoomContent/index.vue.js");
-const index$4 = require("./components/RoomSetting/index.vue.js");
+const index$1 = require("./components/RoomContent/index.vue.js");
+const index$3 = require("./components/RoomSetting/index.vue.js");
 const utils = require("./utils/utils.js");
 const basic = require("./stores/basic.js");
 const environment = require("./utils/environment.js");
 const vTap = require("./directives/vTap.js");
-const index = require("./utils/aegis/index.js");
-const index$5 = require("./components/common/base/MessageBox/index.js");
+const index$4 = require("./components/common/base/MessageBox/index.js");
 const Message = require("./components/common/base/Message/Message.js");
 require("./services/main.js");
 const roomService = require("./services/roomService.js");
@@ -60,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         callback = () => {
         }
       } = data;
-      index$5.default({
+      index$4.default({
         title,
         message,
         confirmButtonText,
@@ -103,18 +102,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       roomService.roomService.resetStore();
     });
     const { sdkAppId, showHeaderTool } = roomService.roomService.basicStore;
-    Vue.watch(
-      () => sdkAppId,
-      (val) => {
-        if (val) {
-          index.default.setSdkAppId(val);
-          index.default.reportEvent({
-            name: "loaded",
-            ext1: "loaded-success"
-          });
-        }
-      }
-    );
     const tuiRoomClass = Vue.computed(() => {
       const roomClassList = ["tui-room", `tui-theme-${roomService.roomService.basicStore.defaultTheme}`];
       if (environment.isMobile) {
@@ -232,13 +219,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         ref: roomRef,
         class: Vue.normalizeClass(tuiRoomClass.value)
       }, [
-        Vue.withDirectives(Vue.createVNode(index$1.default, {
+        Vue.withDirectives(Vue.createVNode(index.default, {
           class: "header",
           onLogOut: logOut
         }, null, 512), [
           [Vue.vShow, showRoomTool.value && Vue.unref(showHeaderTool)]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$2.default, {
+        Vue.withDirectives(Vue.createVNode(index$1.default, {
           ref_key: "roomContentRef",
           ref: roomContentRef,
           "show-room-tool": showRoomTool.value,
@@ -246,11 +233,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }, null, 8, ["show-room-tool"]), [
           [Vue.unref(vTap.default), handleRoomContentTap]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$3.default, { class: "footer" }, null, 512), [
+        Vue.withDirectives(Vue.createVNode(index$2.default, { class: "footer" }, null, 512), [
           [Vue.vShow, showRoomTool.value]
         ]),
         Vue.createVNode(index_vue_vue_type_script_setup_true_lang.default),
-        Vue.createVNode(index$4.default)
+        Vue.createVNode(index$3.default)
       ], 2)) : Vue.createCommentVNode("", true);
     };
   }