@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

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

@@ -1,6 +1,6 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

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

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

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const basicStore = useBasicStore();
     const {
       isAudience,
-      localStream,
+      localUser,
       isLocalAudioIconDisable,
       isMicrophoneDisableForAllUser,
       userVolumeObj
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
         return;
       }
-      if (localStream.value.hasAudioStream) {
+      if (localUser.value.hasAudioStream) {
         await ((_a = roomEngine.instance) == null ? void 0 : _a.muteLocalAudio());
         if (roomStore.isMicrophoneDisableForAllUser) {
           roomStore.setCanControlSelfAudio(false);
@@ -79,7 +79,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const { userId, requestAction, requestId } = eventInfo.request;
       if (requestAction === TUIRequestAction.kRequestToOpenRemoteMicrophone) {
         const userRole = roomStore.getUserRole(userId) === TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
-        dialogContent.value = t("Sb invites you to turn on the microphone", { role: userRole });
+        dialogContent.value = t("Sb invites you to turn on the microphone", {
+          role: userRole
+        });
         requestOpenMicRequestId.value = requestId;
         showRequestOpenMicDialog.value = true;
       }
@@ -117,15 +119,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onUnmounted(() => {
       var _a, _b;
       (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onRequestReceived, onRequestReceived);
-      (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+      (_b = roomEngine.instance) == null ? void 0 : _b.off(
+        TUIRoomEvents.onRequestCancelled,
+        onRequestCancelled
+      );
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(AudioMediaControl, {
           "has-more": hasMore.value,
-          "is-muted": !unref(localStream).hasAudioStream,
+          "is-muted": !unref(localUser).hasAudioStream,
           "is-disabled": unref(isLocalAudioIconDisable),
-          "audio-volume": unref(userVolumeObj)[unref(localStream).userId],
+          "audio-volume": unref(userVolumeObj)[unref(localUser).userId],
           onClick: handleAudioMediaClick
         }, null, 8, ["has-more", "is-muted", "is-disabled", "audio-volume"]),
         createVNode(Dialog, {

package/es/components/RoomFooter/ChatControl.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/RoomFooter/EndControl/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/RoomFooter/EndControl/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 EndControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-288c67ea"]]);
+const EndControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99d2acdf"]]);
 export {
   EndControl as default
 };

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

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString, unref, isRef, createBlock, createCommentVNode, createElementVNode, Fragment, renderList } from "vue";
 import TuiButton from "../../common/base/Button.vue.mjs";
-import TuiSelect from "../../common/base/Select.vue.mjs";
-import TuiOption from "../../common/base/Option.vue.mjs";
+import TuiSelect from "../../common/base/Select/index.vue.mjs";
+import TuiOption from "../../common/base/Option/index.vue.mjs";
 import Dialog from "../../common/base/Dialog/index.vue.mjs";
 import { TUIRole } from "@tencentcloud/tuiroom-engine-electron";
 import useEndControl from "./useEndControlHooks.mjs";
@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       resetState,
       isMasterWithOneRemoteUser,
       isMasterWithRemoteUser,
-      remoteUserList
+      remoteEnteredUserList
     } = useEndControl();
     function handleEndBtnClick() {
       stopMeeting();
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       if (isMasterWithRemoteUser.value) {
-        selectedUser.value = remoteUserList.value[0].userId;
+        selectedUser.value = remoteEnteredUserList.value[0].userId;
         if (isMasterWithOneRemoteUser.value) {
           transferAndLeave();
           return;
@@ -80,7 +80,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       try {
         const userId = selectedUser.value;
-        const changeUserRoleResponse = await ((_a = roomEngine.instance) == null ? void 0 : _a.changeUserRole({ userId, userRole: TUIRole.kRoomOwner }));
+        const changeUserRoleResponse = await ((_a = roomEngine.instance) == null ? void 0 : _a.changeUserRole({
+          userId,
+          userRole: TUIRole.kRoomOwner
+        }));
         logger.log(`${logPrefix}transferAndLeave:`, changeUserRoleResponse);
         resetState();
         await roomService.leaveRoom();
@@ -185,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   theme: "white"
                 }, {
                   default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(remoteUserList), (user) => {
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(remoteEnteredUserList), (user) => {
                       return openBlock(), createBlock(TuiOption, {
                         key: user.userId,
                         value: user.userId,

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

@@ -30,24 +30,48 @@ function useEndControl() {
   const chatStore = useChatStore();
   logger.log(`${logPrefix} basicStore:`, basicStore);
   const roomStore = useRoomStore();
-  const { localUser, remoteUserList, applyToAnchorList } = storeToRefs(roomStore);
-  const title = computed(() => currentDialogType.value === 0 ? t("Leave room?") : t("Select a new host"));
-  const isShowLeaveRoomDialog = computed(() => roomStore.isMaster && remoteUserList.value.length > 0 || !roomStore.isMaster);
+  const { localUser, remoteEnteredUserList, applyToAnchorList } = storeToRefs(roomStore);
+  const title = computed(
+    () => currentDialogType.value === 0 ? t("Leave room?") : t("Select a new host")
+  );
+  const isShowLeaveRoomDialog = computed(
+    () => roomStore.isMaster && remoteEnteredUserList.value.length > 0 || !roomStore.isMaster
+  );
   const { isSidebarOpen, sidebarName } = storeToRefs(basicStore);
-  const showSideBar = computed(() => isSidebarOpen.value && sidebarName.value === "transfer-leave");
+  const showSideBar = computed(
+    () => isSidebarOpen.value && sidebarName.value === "transfer-leave"
+  );
   const selectedUser = ref("");
   const showTransfer = ref(false);
   const searchName = ref("");
-  const filteredList = computed(() => remoteUserList.value.filter((searchUser) => {
-    var _a, _b;
-    return ((_a = searchUser.nameCard) == null ? void 0 : _a.includes(searchName.value)) || searchUser.userId.includes(searchName.value) || ((_b = searchUser.userName) == null ? void 0 : _b.includes(searchName.value));
-  }));
+  const filteredList = computed(
+    () => remoteEnteredUserList.value.filter(
+      (searchUser) => {
+        var _a, _b;
+        return ((_a = searchUser.nameCard) == null ? void 0 : _a.includes(searchName.value)) || searchUser.userId.includes(searchName.value) || ((_b = searchUser.userName) == null ? void 0 : _b.includes(searchName.value));
+      }
+    )
+  );
   const hasNoData = computed(() => filteredList.value.length === 0);
-  const isMasterWithOneRemoteUser = computed(() => remoteUserList.value.length === 1);
-  const isMasterWithRemoteUser = computed(() => remoteUserList.value.length > 0);
-  const isMasterWithoutRemoteUser = computed(() => roomStore.isMaster && remoteUserList.value.length === 0);
-  const showEndButtonContent = computed(() => roomStore.isMaster ? t("EndPC") : t("Leave"));
-  const showEndDialogContent = computed(() => roomStore.isMaster ? isMasterWithoutRemoteUser.value ? t('You are currently the host of the room, please choose the corresponding operation. If you choose "End Room", the current room will be disbanded and all members will be removed.') : t('You are currently the host of the room, please choose the corresponding operation. If you choose "End Room", the current room will be disbanded and all members will be removed. If you choose "Leave Room", the current room will not be disbanded, and your hosting privileges will be transferred to other members.') : t("Are you sure you want to leave this room?"));
+  const isMasterWithOneRemoteUser = computed(
+    () => remoteEnteredUserList.value.length === 1
+  );
+  const isMasterWithRemoteUser = computed(
+    () => remoteEnteredUserList.value.length > 0
+  );
+  const isMasterWithoutRemoteUser = computed(
+    () => roomStore.isMaster && remoteEnteredUserList.value.length === 0
+  );
+  const showEndButtonContent = computed(
+    () => roomStore.isMaster ? t("EndPC") : t("Leave")
+  );
+  const showEndDialogContent = computed(
+    () => roomStore.isMaster ? isMasterWithoutRemoteUser.value ? t(
+      'You are currently the host of the room, please choose the corresponding operation. If you choose "End Room", the current room will be disbanded and all members will be removed.'
+    ) : t(
+      'You are currently the host of the room, please choose the corresponding operation. If you choose "End Room", the current room will be disbanded and all members will be removed. If you choose "Leave Room", the current room will not be disbanded, and your hosting privileges will be transferred to other members.'
+    ) : t("Are you sure you want to leave this room?")
+  );
   function toggleMangeMemberSidebar() {
     if (basicStore.setSidebarOpenStatus && sidebarName.value === "transfer-leave") {
       basicStore.setSidebarOpenStatus(false);
@@ -104,11 +128,7 @@ function useEndControl() {
     const { userId, userRole } = eventInfo;
     const isLocal = roomStore.localUser.userId === userId;
     const oldUserRole = roomStore.getUserRole(userId);
-    if (isLocal) {
-      roomStore.setLocalUser({ userRole });
-    } else {
-      roomStore.setRemoteUserRole(userId, userRole);
-    }
+    roomStore.updateUserInfo({ userId, userRole });
     switch (userRole) {
       case TUIRole.kGeneralUser:
         if (isLocal) {
@@ -119,7 +139,10 @@ function useEndControl() {
             roomStore.setCanControlSelfVideo(false);
           }
           if (oldUserRole === TUIRole.kAdministrator) {
-            renderMsg({ type: "warning", message: t("Your administrator status has been revoked") });
+            renderMsg({
+              type: "warning",
+              message: t("Your administrator status has been revoked")
+            });
           }
           if (roomStore.localStream.hasAudioStream) {
             roomStore.setCanControlSelfAudio(true);
@@ -131,7 +154,10 @@ function useEndControl() {
         break;
       case TUIRole.kAdministrator:
         if (isLocal) {
-          renderMsg({ type: "success", message: t("You have become a administrator") });
+          renderMsg({
+            type: "success",
+            message: t("You have become a administrator")
+          });
           roomStore.setCanControlSelfAudio(true);
           roomStore.setCanControlSelfVideo(true);
           if (roomStore.isSpeakAfterTakingSeatMode) {
@@ -142,10 +168,16 @@ function useEndControl() {
       case TUIRole.kRoomOwner: {
         roomStore.setMasterUserId(userId);
         if (isLocal) {
-          renderMsg({ type: "success", message: `${t("You are now a room owner")}` });
+          renderMsg({
+            type: "success",
+            message: `${t("You are now a room owner")}`
+          });
           if (roomStore.isSpeakAfterTakingSeatMode) {
             if (!roomStore.isAnchor) {
-              await ((_a = roomEngine.instance) == null ? void 0 : _a.takeSeat({ seatIndex: -1, timeout: 0 }));
+              await ((_a = roomEngine.instance) == null ? void 0 : _a.takeSeat({
+                seatIndex: -1,
+                timeout: 0
+              }));
             }
             handleUpdateSeatApplicationList();
           }
@@ -173,7 +205,10 @@ function useEndControl() {
   roomService.lifeCycleManager.on("mount", handleMount);
   onUnmounted(() => {
     var _a;
-    (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onUserRoleChanged, onUserRoleChanged);
+    (_a = roomEngine.instance) == null ? void 0 : _a.off(
+      TUIRoomEvents.onUserRoleChanged,
+      onUserRoleChanged
+    );
     roomService.lifeCycleManager.off("mount", handleMount);
   });
   return {
@@ -205,7 +240,7 @@ function useEndControl() {
     showSideBar,
     isMasterWithOneRemoteUser,
     isMasterWithRemoteUser,
-    remoteUserList
+    remoteEnteredUserList
   };
 }
 export {

package/es/components/RoomFooter/FullScreenControl.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/RoomFooter/FullScreenControl.vue.mjs

@@ -19,7 +19,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { t } = useI18n();
     const fullScreenConfig = roomService.getComponentConfig("FullScreen");
     const isFullScreen = ref(false);
-    const title = computed(() => isFullScreen.value ? t("Exit") : t("Full screen"));
+    const title = computed(
+      () => isFullScreen.value ? t("Exit") : t("Full screen")
+    );
     function toggleScreen() {
       if (isFullScreen.value) {
         exitFullScreen();
@@ -37,12 +39,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isFullScreen.value = !!document.fullscreenElement;
     }
     onMounted(() => {
-      ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "msfullscreenchange"].forEach((item) => {
+      [
+        "fullscreenchange",
+        "webkitfullscreenchange",
+        "mozfullscreenchange",
+        "msfullscreenchange"
+      ].forEach((item) => {
         window.addEventListener(item, handleFullScreenChange);
       });
     });
     onUnmounted(() => {
-      ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "msfullscreenchange"].forEach((item) => {
+      [
+        "fullscreenchange",
+        "webkitfullscreenchange",
+        "mozfullscreenchange",
+        "msfullscreenchange"
+      ].forEach((item) => {
         window.removeEventListener(item, handleFullScreenChange);
       });
     });

package/es/components/RoomFooter/InviteControl.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/RoomFooter/InviteControl.vue.mjs

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

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

@@ -1,24 +1,21 @@
-import { defineComponent, ref, unref, openBlock, createElementBlock, createVNode, createCommentVNode } from "vue";
+import { defineComponent, ref, unref, withDirectives, openBlock, createElementBlock, createVNode, createBlock, createCommentVNode } from "vue";
 import IconButton from "../common/base/IconButton.vue.mjs";
 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 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 vClickOutside from "../../directives/vClickOutside.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "invite-control-container"
 };
-const _hoisted_2 = {
-  key: 0,
-  class: "invite-container"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InviteControl",
   setup(__props) {
@@ -29,42 +26,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const inviteRef = ref();
     const inviteControlConfig = roomService.getComponentConfig("InviteControl");
     function toggleInviteSidebar() {
+      isShowInviteTab.value = !isShowInviteTab.value;
       if (isMobile) {
-        isShowInviteTab.value = true;
         if (basicStore.sidebarName === "invite") {
           basicStore.setSidebarName("");
           return;
         }
         basicStore.setSidebarName("invite");
-      } else {
-        if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "invite") {
-          basicStore.setSidebarOpenStatus(false);
-          basicStore.setSidebarName("");
-          return;
-        }
-        basicStore.setSidebarOpenStatus(true);
-        basicStore.setSidebarName("invite");
       }
     }
     function handleCloseInvite() {
       isShowInviteTab.value = false;
     }
+    function handleClickOutSide() {
+      if (isShowInviteTab.value) {
+        isShowInviteTab.value = false;
+      }
+    }
     return (_ctx, _cache) => {
-      return unref(inviteControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      return unref(inviteControlConfig).visible ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(IconButton, {
+          class: "invite",
           "is-active": unref(sidebarName) === "invite",
           title: unref(t)("Invite"),
           icon: InviteIcon,
           onClickIcon: toggleInviteSidebar
         }, null, 8, ["is-active", "title"]),
-        isShowInviteTab.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(RoomInvite, {
-            ref_key: "inviteRef",
-            ref: inviteRef,
-            onOnCloseInvite: handleCloseInvite
-          }, null, 512)
-        ])) : createCommentVNode("", true)
-      ])) : createCommentVNode("", true);
+        isShowInviteTab.value ? (openBlock(), createBlock(roomInvite, {
+          key: 0,
+          ref_key: "inviteRef",
+          ref: inviteRef,
+          onOnCloseInvite: handleCloseInvite
+        }, null, 512)) : createCommentVNode("", true)
+      ])), [
+        [unref(vClickOutside), handleClickOutSide]
+      ]) : createCommentVNode("", true);
     };
   }
 });

package/es/components/RoomFooter/ManageMemberControl.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/RoomFooter/ManageMemberControl.vue.mjs

@@ -17,7 +17,9 @@ const _hoisted_1 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ManageMemberControl",
   setup(__props) {
-    const manageMemberControlConfig = roomService.getComponentConfig("ManageMemberControl");
+    const manageMemberControlConfig = roomService.getComponentConfig(
+      "ManageMemberControl"
+    );
     const { t } = useI18n();
     const basicStore = useBasicStore();
     const { sidebarName } = storeToRefs(basicStore);

package/es/components/RoomFooter/ManageStageControl.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/RoomFooter/MoreControl/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/RoomFooter/MoreControl/index.vue.mjs

@@ -16,11 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const moreControlConfig = roomService.getComponentConfig("MoreControl");
-    const {
-      t,
-      basicStore,
-      sidebarName
-    } = useControl();
+    const { t, basicStore, sidebarName } = useControl();
     function toggleMoreSidebar() {
       if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "more") {
         basicStore.setSidebarOpenStatus(false);

package/es/components/RoomFooter/MoreControl/useMoreControlHooks.mjs

@@ -7,7 +7,9 @@ function useControl() {
   const { t } = useI18n();
   const basicStore = useBasicStore();
   const { sidebarName } = storeToRefs(basicStore);
-  const iconName = computed(() => sidebarName.value === "more" ? ICON_NAME.MoreActive : ICON_NAME.More);
+  const iconName = computed(
+    () => sidebarName.value === "more" ? ICON_NAME.MoreActive : ICON_NAME.More
+  );
   return {
     t,
     basicStore,

package/es/components/RoomFooter/ScreenShareControl/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/RoomFooter/ScreenShareControl/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 ScreenShareControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e5b6506"]]);
+const ScreenShareControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-416f6a17"]]);
 export {
   ScreenShareControl as default
 };