@tencentcloud/roomkit-electron-vue3 2.6.7-beta.1 → 2.7.0

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

@@ -70,13 +70,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         isApplyingOnSeat.value ? cancelSeatApplication() : sendSeatApplication();
       }
     }
-    const inviteDialogInfo = {
+    const inviteDialogInfo = computed(() => ({
       content: t("You can turn on the microphone and camera once you are on stage"),
       confirmButtonText: t("Agree to the stage"),
       cancelButtonText: t("Reject"),
       handleConfirm: () => handleInvite(true),
       handleCancel: () => handleInvite(false)
-    };
+    }));
     const leaveSeatDialogInfo = computed(() => ({
       content: localUser.value.userRole === TUIRole.kAdministrator ? t("To go on stage again, a new application needs to be initiated") : t(
         "To go on stage again, you need to reapply and wait for the roomOwner/administrator to approve"
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       handleCancel: () => handleStepDownDialogVisible()
     }));
     const currentDialogInfo = computed(
-      () => currentDialogType.value === "inviteDialog" ? inviteDialogInfo : leaveSeatDialogInfo.value
+      () => currentDialogType.value === "inviteDialog" ? inviteDialogInfo.value : leaveSeatDialogInfo.value
     );
     async function sendSeatApplication() {
       var _a, _b;
@@ -164,7 +164,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (roomStore.isMicrophoneDisableForAllUser && isGeneralUser.value) {
         roomStore.setCanControlSelfAudio(false);
       }
-      basicStore.setIsOpenMic(false);
     }
     function hideApplyAttention() {
       showMemberApplyAttention.value = false;

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

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

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

@@ -23,6 +23,7 @@ import CompareIcon from "../common/icons/CompareIcon.vue.mjs";
 import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import { TRTCBeautyStyle } from "../../constants/room.mjs";
+import { throttle } from "../../utils/utils.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "basicBeauty-control-container"
@@ -88,7 +89,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isLoading = ref(false);
     const sliderValue = ref(0);
     const beautyLevels = reactive({
-      close: 0,
+      smoother: 0,
+      whitening: 0,
+      ruddy: 0
+    });
+    const savedBeautyLevels = reactive({
       smoother: 0,
       whitening: 0,
       ruddy: 0
@@ -108,16 +113,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await ((_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({
         view: "test-preview"
       }));
-      await onBeautyPropertyClick(appliedBasicBeautyItem.value);
       isLoading.value = false;
     };
     const closeBeautySettingPanel = async () => {
       var _a;
       isDialogVisible.value = false;
+      Object.assign(beautyLevels, savedBeautyLevels);
+      await onBeautyPropertyClick(appliedBasicBeautyItem.value);
       (_a = roomService.roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
       selectBasicBeautyItem.value = appliedBasicBeautyItem.value;
     };
-    const confirmBeautySetting = async () => {
+    const saveBeautySetting = async () => {
       if (!isAllowed.value) return;
       appliedBasicBeautyItem.value = selectBasicBeautyItem.value;
       if (selectBasicBeautyItem.value === "close") {
@@ -135,6 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           Math.floor(beautyLevels.ruddy / 100 * 9)
         );
       }
+      Object.assign(savedBeautyLevels, beautyLevels);
       closeBeautySettingPanel();
     };
     const startBeautyTest = async () => {
@@ -154,6 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         0
       );
     };
+    const throttleStartBeautyTest = throttle(startBeautyTest, 300);
     watch(sliderValue, async (newValue) => {
       if (selectBasicBeautyItem.value === "smoother") {
         beautyLevels.smoother = newValue;
@@ -164,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (selectBasicBeautyItem.value === "ruddy") {
         beautyLevels.ruddy = newValue;
       }
-      await startBeautyTest();
+      await throttleStartBeautyTest();
     });
     const onBeautyPropertyClick = async (type) => {
       if (type === "close") {
@@ -284,7 +292,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(TuiButton, {
                 class: "button",
                 disabled: !isAllowed.value,
-                onClick: confirmBeautySetting
+                onClick: saveBeautySetting
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(t)("Save")), 1)

package/es/components/RoomFooter/InviteControl.vue.d.ts

@@ -1,2 +1,6 @@
-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, {
+    "show-overlay": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

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

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

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

@@ -4,14 +4,14 @@ import InviteIcon from "../common/icons/InviteIcon.vue.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import { storeToRefs } from "pinia";
 import { useI18n } from "../../locales/index.mjs";
-import { isMobile } from "../../utils/environment.mjs";
-import roomInvite from "../RoomInvite/index.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 "@tencentcloud/tui-core";
+import { isMobile } from "../../utils/environment.mjs";
+import RoomInviteOverlay from "../RoomInvite/index.vue.mjs";
 import vClickOutside from "../../directives/vClickOutside.mjs";
 const _hoisted_1 = {
   key: 0,
@@ -19,12 +19,14 @@ const _hoisted_1 = {
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InviteControl",
-  setup(__props) {
+  emits: ["show-overlay"],
+  setup(__props, { emit: __emit }) {
+    const isShowInviteTab = ref(false);
+    const inviteRef = ref();
     const basicStore = useBasicStore();
     const { sidebarName } = storeToRefs(basicStore);
     const { t } = useI18n();
-    const isShowInviteTab = ref(false);
-    const inviteRef = ref();
+    const emit = __emit;
     const inviteControlConfig = roomService.getComponentConfig("InviteControl");
     function toggleInviteSidebar() {
       isShowInviteTab.value = !isShowInviteTab.value;
@@ -34,11 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return;
         }
         basicStore.setSidebarName("invite");
+        emit("show-overlay", {
+          name: "RoomInviteOverlay",
+          visible: isShowInviteTab.value
+        });
       }
     }
-    function handleCloseInvite() {
-      isShowInviteTab.value = false;
-    }
     function handleClickOutSide() {
       if (isShowInviteTab.value) {
         isShowInviteTab.value = false;
@@ -53,11 +56,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           icon: InviteIcon,
           onClickIcon: toggleInviteSidebar
         }, null, 8, ["is-active", "title"]),
-        isShowInviteTab.value ? (openBlock(), createBlock(roomInvite, {
+        !unref(isMobile) && isShowInviteTab.value ? (openBlock(), createBlock(RoomInviteOverlay, {
           key: 0,
           ref_key: "inviteRef",
-          ref: inviteRef,
-          onOnCloseInvite: handleCloseInvite
+          ref: inviteRef
         }, null, 512)) : createCommentVNode("", true)
       ])), [
         [unref(vClickOutside), handleClickOutSide]

package/es/components/RoomFooter/ScreenShareControl/Index.vue.mjs

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

package/es/components/RoomFooter/ScreenShareControl/Index.vue2.mjs

@@ -64,9 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (hasOtherScreenShare.value) {
         renderMsg({
           type: "warning",
-          message: t(
-            "Another user is currently sharing the screen, screen sharing is not possible."
-          ),
+          message: t("Another user is sharing the screen."),
           duration: MESSAGE_DURATION.LONG
         });
         return;

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

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

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

@@ -56,12 +56,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await ((_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({
         view: "stream-preview"
       }));
-      await applyVirtualBackground(appliedBackground.value);
       isLoading.value = false;
     };
     const closeSettingPanel = async () => {
       var _a;
       isDialogVisible.value = false;
+      await applyVirtualBackground(appliedBackground.value);
       (_a = roomService.roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
       selectedBackground.value = appliedBackground.value;
     };
@@ -105,6 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: "600px",
           modal: true,
           "append-to-room-container": true,
+          "close-on-click-modal": false,
           onClose: closeSettingPanel
         }, {
           default: withCtx(() => [

package/es/components/RoomHeader/UserInfo/index.vue.d.ts

@@ -1,15 +1,17 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     userId: string;
     userName: string;
     avatarUrl?: string;
-}>, {}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    isShowEditName?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "log-out": (...args: any[]) => void;
     "update-user-name": (...args: any[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     userId: string;
     userName: string;
     avatarUrl?: string;
-}>, {}>>> & {
+    isShowEditName?: boolean;
+}>>> & {
     "onLog-out"?: ((...args: any[]) => any) | undefined;
     "onUpdate-user-name"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
@@ -23,11 +25,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

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

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

@@ -1,16 +1,21 @@
-import { defineComponent, unref, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, normalizeClass, createCommentVNode } from "vue";
+import { defineComponent, unref, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, normalizeClass, withDirectives, vShow, createCommentVNode, isRef, withCtx, createTextVNode } from "vue";
+import TUIRoomEngine__default from "@tencentcloud/tuiroom-engine-electron";
+import Dialog from "../../common/base/Dialog/index.vue.mjs";
 import SvgIcon from "../../common/base/SvgIcon.vue.mjs";
+import TuiButton from "../../common/base/Button.vue.mjs";
+import TuiInput from "../../common/base/Input/index.vue.mjs";
 import ArrowStrokeSelectDownIcon from "../../common/icons/ArrowStrokeSelectDownIcon.vue.mjs";
 import useUserInfo from "./useUserInfoHooks.mjs";
 import Avatar from "../../common/Avatar.vue.mjs";
 import "../../../services/main.mjs";
 import { roomService } from "../../../services/roomService.mjs";
 import "../../../locales/index.mjs";
-import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "../../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import "../../../utils/environment.mjs";
+import renderMsg from "../../common/base/Message/Message.mjs";
+import { MESSAGE_DURATION } from "../../../constants/message.mjs";
 import { useBasicStore } from "../../../stores/basic.mjs";
 import { useRoomStore } from "../../../stores/room.mjs";
 const _hoisted_1 = { class: "name" };
@@ -18,25 +23,50 @@ const _hoisted_2 = {
   key: 0,
   class: "user-control-container"
 };
+const _hoisted_3 = { class: "edit-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     userId: {},
     userName: {},
-    avatarUrl: {}
+    avatarUrl: {},
+    isShowEditName: { type: Boolean }
   },
   emits: ["log-out", "update-user-name"],
   setup(__props, { emit: __emit }) {
+    const emits = __emit;
     const userInfoConfig = roomService.getComponentConfig("UserInfo");
-    useBasicStore();
-    useRoomStore();
+    const basicStore = useBasicStore();
+    const roomStore = useRoomStore();
     const {
       t,
       showUserControl,
+      isUserNameEditorVisible,
       userInfoRef,
+      tempUserName,
       handleUserControl,
-      closeEditUserNameDialog
+      showEditUserNameDialog,
+      closeUserNameEditor
     } = useUserInfo();
+    const props = __props;
+    async function saveUserName(userName) {
+      if (userName.length === 0) {
+        renderMsg({
+          type: "warning",
+          message: t("Username length should be greater than 0"),
+          duration: MESSAGE_DURATION.NORMAL
+        });
+        return;
+      }
+      await TUIRoomEngine__default.setSelfInfo({
+        userName,
+        avatarUrl: roomStore.localUser.avatarUrl || ""
+      });
+      basicStore.setUserName(userName);
+      roomStore.setLocalUser({ userName });
+      emits("update-user-name", userName);
+      closeUserNameEditor();
+    }
     return (_ctx, _cache) => {
       return unref(userInfoConfig).visible ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -53,18 +83,73 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "avatar",
             "img-src": _ctx.avatarUrl
           }, null, 8, ["img-src"]),
-          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.userName || _ctx.userId), 1),
+          createElementVNode("div", _hoisted_1, toDisplayString(props.userName || props.userId), 1),
           createVNode(SvgIcon, {
             class: normalizeClass([unref(showUserControl) ? "up-icon" : "down-icon"]),
             icon: ArrowStrokeSelectDownIcon
           }, null, 8, ["class"])
         ]),
         unref(showUserControl) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          withDirectives(createElementVNode("div", null, [
+            createElementVNode("div", {
+              class: "user-control-item-head",
+              onClick: _cache[1] || (_cache[1] = //@ts-ignore
+              (...args) => unref(showEditUserNameDialog) && unref(showEditUserNameDialog)(...args))
+            }, toDisplayString(unref(t)("Edit profile")), 1)
+          ], 512), [
+            [vShow, props.isShowEditName]
+          ]),
           createElementVNode("div", {
             class: "user-control-item-foot",
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("log-out"))
+            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("log-out"))
           }, toDisplayString(unref(t)("Log out")), 1)
-        ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createVNode(Dialog, {
+          modelValue: unref(isUserNameEditorVisible),
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(isUserNameEditorVisible) ? isUserNameEditorVisible.value = $event : null),
+          title: unref(t)("Edit profile"),
+          modal: true,
+          width: "480px",
+          "close-on-click-modal": true,
+          "append-to-body": true
+        }, {
+          footer: withCtx(() => [
+            createVNode(TuiButton, {
+              class: "button",
+              size: "default",
+              onClick: unref(closeUserNameEditor)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(TuiButton, {
+              class: "button",
+              size: "default",
+              type: "primary",
+              onClick: _cache[4] || (_cache[4] = ($event) => saveUserName(unref(tempUserName)))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Save")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("span", null, toDisplayString(unref(t)("User Name")), 1),
+              createVNode(TuiInput, {
+                "model-value": unref(tempUserName),
+                onInput: _cache[3] || (_cache[3] = ($event) => tempUserName.value = $event),
+                class: "edit-name-input",
+                maxlength: "16",
+                placeholder: unref(t)("Please input user name")
+              }, null, 8, ["model-value", "placeholder"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
       ], 512)) : createCommentVNode("", true);
     };
   }

package/es/components/RoomHeader/UserInfo/useUserInfoHooks.d.ts

@@ -1,6 +1,12 @@
+import { Ref } from 'vue';
+
 export default function useUserInfo(): {
     t: any;
-    showUserControl: import('vue').Ref<boolean>;
-    userInfoRef: import('vue').Ref<any>;
+    showUserControl: Ref<boolean>;
+    isUserNameEditorVisible: Ref<boolean>;
+    userInfoRef: Ref<any>;
+    tempUserName: Ref<string>;
     handleUserControl: () => void;
+    showEditUserNameDialog: () => void;
+    closeUserNameEditor: () => void;
 };

package/es/components/RoomHeader/UserInfo/useUserInfoHooks.mjs

@@ -1,9 +1,15 @@
 import { ref, onMounted, onUnmounted } from "vue";
+import { storeToRefs } from "pinia";
 import { useI18n } from "../../../locales/index.mjs";
+import { useBasicStore } from "../../../stores/basic.mjs";
 function useUserInfo() {
   const { t } = useI18n();
+  const basicStore = useBasicStore();
+  const { userName } = storeToRefs(basicStore);
   const userInfoRef = ref();
   const showUserControl = ref(false);
+  const isUserNameEditorVisible = ref(false);
+  const tempUserName = ref("");
   function handleUserControl() {
     showUserControl.value = !showUserControl.value;
   }
@@ -13,6 +19,13 @@ function useUserInfo() {
       showUserControl.value = false;
     }
   }
+  function showEditUserNameDialog() {
+    isUserNameEditorVisible.value = true;
+    tempUserName.value = userName.value;
+  }
+  function closeUserNameEditor() {
+    isUserNameEditorVisible.value = false;
+  }
   onMounted(() => {
     window.addEventListener("click", hideUserControl);
   });
@@ -22,8 +35,12 @@ function useUserInfo() {
   return {
     t,
     showUserControl,
+    isUserNameEditorVisible,
     userInfoRef,
-    handleUserControl
+    tempUserName,
+    handleUserControl,
+    showEditUserNameDialog,
+    closeUserNameEditor
   };
 }
 export {

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

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

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

@@ -12,7 +12,10 @@ import NetworkLagIcon from "../../common/icons/NetworkLagIcon.vue.mjs";
 import NetworkDisconnectedIcon from "../../common/icons/NetworkDisconnectedIcon.vue.mjs";
 import ArrowStrokeUpIcon from "../../common/icons/ArrowStrokeUpIcon.vue.mjs";
 import { IconButtonLayout } from "../../../constants/room.mjs";
-const _hoisted_1 = { class: "network-info-container" };
+const _hoisted_1 = {
+  key: 0,
+  class: "network-info-container"
+};
 const _hoisted_2 = { class: "network-detail-item" };
 const _hoisted_3 = { class: "network-detail-item" };
 const _hoisted_4 = { class: "network-detail-packet" };
@@ -27,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { networkInfo } = storeToRefs(basicStore);
     const networkBoard = ref();
     const showNetworkInfo = ref(false);
+    const isShowNetworkContainer = ref(false);
     const state = reactive({
       title: "",
       titleType: void 0,
@@ -57,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watchEffect(() => {
       const quality = qualityMap[networkInfo.value.quality];
       if (quality) {
+        isShowNetworkContainer.value = true;
         state.title = quality.title;
         state.titleType = quality.titleType;
         state.networkIcon = quality.icon;
@@ -92,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+      return isShowNetworkContainer.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(IconButton, {
           layout: unref(IconButtonLayout).HORIZONTAL,
           icon: state.networkIcon,
@@ -133,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 512)) : createCommentVNode("", true)
       ])), [
         [unref(vClickOutside), handleClickOutSide]
-      ]);
+      ]) : createCommentVNode("", true);
     };
   }
 });

package/es/components/RoomInvite/InvitationNotification.vue.mjs

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

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

@@ -10,8 +10,8 @@ import { roomService } from "../../services/roomService.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import { isMobile } from "../../utils/environment.mjs";
-const _withScopeId = (n) => (pushScopeId("data-v-4c279e53"), n = n(), popScopeId(), n);
+import "../../utils/environment.mjs";
+const _withScopeId = (n) => (pushScopeId("data-v-381c2f12"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "invitation-notification-container"
@@ -80,10 +80,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onInvitationTimeout = () => {
       setInvitationDisplay(false);
     };
+    const onInvitationHandledByOtherDevice = () => {
+      setInvitationDisplay(false);
+    };
     const setInvitationDisplay = (options) => {
-      if (isMobile) {
-        return;
-      }
       showInvitation.value = options;
     };
     onMounted(() => {
@@ -95,6 +95,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         TUIConferenceInvitationManagerEvents.onInvitationTimeout,
         onInvitationTimeout
       );
+      roomService.conferenceInvitationManager.on(
+        TUIConferenceInvitationManagerEvents.onInvitationHandledByOtherDevice,
+        onInvitationHandledByOtherDevice
+      );
     });
     onUnmounted(() => {
       roomService.conferenceInvitationManager.off(
@@ -105,6 +109,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         TUIConferenceInvitationManagerEvents.onInvitationTimeout,
         onInvitationTimeout
       );
+      roomService.conferenceInvitationManager.off(
+        TUIConferenceInvitationManagerEvents.onInvitationHandledByOtherDevice,
+        onInvitationHandledByOtherDevice
+      );
     });
     return (_ctx, _cache) => {
       return showInvitation.value ? (openBlock(), createElementBlock("div", _hoisted_1, [

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

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