@tencentcloud/roomkit-electron-vue3 2.3.3

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

@@ -0,0 +1,210 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const Button = require("../../common/base/Button.vue.js");
+const Select = require("../../common/base/Select.vue.js");
+const Option = require("../../common/base/Option.vue.js");
+const index = require("../../common/base/Dialog/index.vue.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const useEndControlHooks = require("./useEndControlHooks.js");
+const index$1 = require("../../../utils/common/logger/index.js");
+require("../../../services/main.js");
+const roomService = require("../../../services/roomService.js");
+require("../../../locales/index.js");
+require("mitt");
+require("../../../services/manager/roomActionManager.js");
+const _hoisted_1 = { class: "end-control-container" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      t,
+      isShowLeaveRoomDialog,
+      roomStore,
+      roomEngine,
+      stopMeeting,
+      cancel,
+      selectedUser,
+      DialogType,
+      showEndDialogContent,
+      logPrefix,
+      title,
+      showEndButtonContent,
+      currentDialogType,
+      visible,
+      resetState,
+      isMasterWithOneRemoteUser,
+      isMasterWithRemoteUser,
+      remoteUserList
+    } = useEndControlHooks.default();
+    function handleEndBtnClick() {
+      stopMeeting();
+    }
+    function handleEndLeaveClick() {
+      if (!roomStore.isMaster) {
+        leaveRoom();
+        return;
+      }
+      if (isMasterWithRemoteUser.value) {
+        selectedUser.value = remoteUserList.value[0].userId;
+        if (isMasterWithOneRemoteUser.value) {
+          transferAndLeave();
+          return;
+        }
+        currentDialogType.value = DialogType.TransferDialog;
+      }
+    }
+    async function dismissRoom() {
+      try {
+        index$1.default.log(`${logPrefix}dismissRoom: enter`);
+        resetState();
+        await roomService.roomService.dismissRoom();
+      } catch (error) {
+        index$1.default.error(`${logPrefix}dismissRoom error:`, error);
+      }
+    }
+    async function leaveRoom() {
+      try {
+        resetState();
+        await roomService.roomService.leaveRoom();
+      } catch (error) {
+        index$1.default.error(`${logPrefix}leaveRoom error:`, error);
+      }
+    }
+    async function transferAndLeave() {
+      var _a;
+      if (!selectedUser.value) {
+        return;
+      }
+      try {
+        const userId = selectedUser.value;
+        const changeUserRoleResponse = await ((_a = roomEngine.instance) == null ? void 0 : _a.changeUserRole({ userId, userRole: TUIRoomEngine.TUIRole.kRoomOwner }));
+        index$1.default.log(`${logPrefix}transferAndLeave:`, changeUserRoleResponse);
+        resetState();
+        await roomService.roomService.leaveRoom();
+      } catch (error) {
+        index$1.default.error(`${logPrefix}transferAndLeave error:`, error);
+      }
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(Button.default, {
+          type: "primary",
+          class: "end-button",
+          onClick: handleEndBtnClick
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createTextVNode(Vue.toDisplayString(Vue.unref(showEndButtonContent)), 1)
+          ]),
+          _: 1
+        }),
+        Vue.createVNode(index.default, {
+          modelValue: Vue.unref(visible),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(visible) ? visible.value = $event : null),
+          title: Vue.unref(title),
+          modal: true,
+          width: "480px",
+          "before-close": Vue.unref(cancel),
+          "close-on-click-modal": true,
+          "append-to-room-container": true
+        }, {
+          footer: Vue.withCtx(() => [
+            Vue.unref(currentDialogType) === Vue.unref(DialogType).BasicDialog ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
+              Vue.unref(roomStore).isMaster ? (Vue.openBlock(), Vue.createBlock(Button.default, {
+                key: 0,
+                class: "button",
+                size: "default",
+                onClick: dismissRoom
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Dismiss")), 1)
+                ]),
+                _: 1
+              })) : Vue.createCommentVNode("", true),
+              Vue.unref(isShowLeaveRoomDialog) ? (Vue.openBlock(), Vue.createBlock(Button.default, {
+                key: 1,
+                class: "button",
+                size: "default",
+                onClick: handleEndLeaveClick
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Leave")), 1)
+                ]),
+                _: 1
+              })) : Vue.createCommentVNode("", true),
+              Vue.createVNode(Button.default, {
+                class: "button",
+                type: "primary",
+                size: "default",
+                onClick: Vue.unref(cancel)
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])) : Vue.createCommentVNode("", true),
+            Vue.unref(currentDialogType) === Vue.unref(DialogType).TransferDialog ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_5, [
+              Vue.createVNode(Button.default, {
+                class: "button",
+                size: "default",
+                onClick: transferAndLeave
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Transfer and leave")), 1)
+                ]),
+                _: 1
+              }),
+              Vue.createVNode(Button.default, {
+                class: "button",
+                size: "default",
+                type: "primary",
+                onClick: Vue.unref(cancel)
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])) : Vue.createCommentVNode("", true)
+          ]),
+          default: Vue.withCtx(() => [
+            Vue.unref(currentDialogType) === Vue.unref(DialogType).BasicDialog ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+              Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(showEndDialogContent)), 1)
+            ])) : Vue.createCommentVNode("", true),
+            Vue.unref(currentDialogType) === Vue.unref(DialogType).TransferDialog ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
+              Vue.createElementVNode("div", null, Vue.toDisplayString(Vue.unref(t)("New host")), 1),
+              Vue.createElementVNode("div", null, [
+                Vue.createVNode(Select.default, {
+                  modelValue: Vue.unref(selectedUser),
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(selectedUser) ? selectedUser.value = $event : null),
+                  teleported: false,
+                  "popper-append-to-body": false,
+                  theme: "white"
+                }, {
+                  default: Vue.withCtx(() => [
+                    (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(remoteUserList), (user) => {
+                      return Vue.openBlock(), Vue.createBlock(Option.default, {
+                        key: user.userId,
+                        value: user.userId,
+                        label: user.userName,
+                        theme: "white"
+                      }, null, 8, ["value", "label"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
+            ])) : Vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "before-close"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/RoomFooter/EndControl/index.vue3.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const basic = require("../../../stores/basic.js");
+const room = require("../../../stores/room.js");
+const chat = require("../../../stores/chat.js");
+const pinia = require("pinia");
+const index = require("../../../locales/index.js");
+const useRoomEngine = require("../../../hooks/useRoomEngine.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const index$1 = require("../../../utils/common/logger/index.js");
+const Message = require("../../common/base/Message/Message.js");
+function useEndControl() {
+  const { t } = index.useI18n();
+  let DialogType;
+  ((DialogType2) => {
+    DialogType2[DialogType2["BasicDialog"] = 0] = "BasicDialog";
+    DialogType2[DialogType2["TransferDialog"] = 1] = "TransferDialog";
+  })(DialogType || (DialogType = {}));
+  const currentDialogType = Vue.ref(
+    0
+    /* BasicDialog */
+  );
+  const logPrefix = "[EndControl]";
+  const roomEngine = useRoomEngine.default();
+  const visible = Vue.ref(false);
+  const basicStore = basic.useBasicStore();
+  const chatStore = chat.useChatStore();
+  index$1.default.log(`${logPrefix} basicStore:`, basicStore);
+  const roomStore = room.useRoomStore();
+  const { localUser, remoteUserList, applyToAnchorList } = pinia.storeToRefs(roomStore);
+  const title = Vue.computed(() => currentDialogType.value === 0 ? t("Leave room?") : t("Select a new host"));
+  const isShowLeaveRoomDialog = Vue.computed(() => roomStore.isMaster && remoteUserList.value.length > 0 || !roomStore.isMaster);
+  const { isSidebarOpen, sidebarName } = pinia.storeToRefs(basicStore);
+  const showSideBar = Vue.computed(() => isSidebarOpen.value && sidebarName.value === "transfer-leave");
+  const selectedUser = Vue.ref("");
+  const showTransfer = Vue.ref(false);
+  const searchName = Vue.ref("");
+  const filteredList = Vue.computed(() => remoteUserList.value.filter((searchUser) => {
+    var _a;
+    return searchUser.userId.includes(searchName.value) || ((_a = searchUser.userName) == null ? void 0 : _a.includes(searchName.value));
+  }));
+  const hasNoData = Vue.computed(() => filteredList.value.length === 0);
+  const isMasterWithOneRemoteUser = Vue.computed(() => remoteUserList.value.length === 1);
+  const isMasterWithRemoteUser = Vue.computed(() => remoteUserList.value.length > 0);
+  const isMasterWithoutRemoteUser = Vue.computed(() => roomStore.isMaster && remoteUserList.value.length === 0);
+  const showEndButtonContent = Vue.computed(() => roomStore.isMaster ? t("EndPC") : t("Leave"));
+  const showEndDialogContent = Vue.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);
+      basicStore.setSidebarName("");
+      return;
+    }
+    basicStore.setSidebarOpenStatus(true);
+    basicStore.setSidebarName("transfer-leave");
+  }
+  function handleShowMemberControl(userId) {
+    selectedUser.value = userId;
+  }
+  function resetState() {
+    visible.value = false;
+    currentDialogType.value = 0;
+  }
+  function stopMeeting() {
+    if (!visible.value) {
+      visible.value = true;
+    }
+  }
+  function cancel() {
+    resetState();
+  }
+  function closeMediaBeforeLeave() {
+    var _a, _b;
+    if (localUser.value.hasAudioStream) {
+      (_a = roomEngine.instance) == null ? void 0 : _a.closeLocalMicrophone();
+    }
+    if (localUser.value.hasVideoStream) {
+      (_b = roomEngine.instance) == null ? void 0 : _b.closeLocalCamera();
+    }
+  }
+  async function handleUpdateSeatApplicationList() {
+    var _a;
+    if (!roomStore.isSpeakAfterTakingSeatMode) {
+      return;
+    }
+    if (applyToAnchorList.value.length > 0) {
+      applyToAnchorList.value.forEach((user) => {
+        user.applyToAnchorRequestId && roomStore.removeApplyToAnchorUser(user.applyToAnchorRequestId);
+      });
+    }
+    const applicationList = await ((_a = roomEngine.instance) == null ? void 0 : _a.getSeatApplicationList());
+    if (applicationList && applicationList.length > 0) {
+      for (const applicationInfo of applicationList) {
+        const { userId, requestId, timestamp } = applicationInfo;
+        roomStore.addApplyToAnchorUser({ userId, requestId, timestamp });
+      }
+    }
+  }
+  const onUserRoleChanged = async (eventInfo) => {
+    var _a, _b;
+    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);
+    }
+    switch (userRole) {
+      case TUIRoomEngine.TUIRole.kGeneralUser:
+        if (isLocal) {
+          if ((roomStore == null ? void 0 : roomStore.isMicrophoneDisableForAllUser) && !roomStore.localStream.hasAudioStream) {
+            roomStore.setCanControlSelfAudio(false);
+          }
+          if ((roomStore == null ? void 0 : roomStore.isCameraDisableForAllUser) && !roomStore.localStream.hasVideoStream) {
+            roomStore.setCanControlSelfVideo(false);
+          }
+          if (oldUserRole === TUIRoomEngine.TUIRole.kAdministrator) {
+            Message.default({ type: "warning", message: t("Your administrator status has been revoked") });
+          }
+          if (roomStore.localStream.hasAudioStream) {
+            roomStore.setCanControlSelfAudio(true);
+          }
+          if (roomStore.localStream.hasVideoStream) {
+            roomStore.setCanControlSelfVideo(true);
+          }
+        }
+        break;
+      case TUIRoomEngine.TUIRole.kAdministrator:
+        if (isLocal) {
+          Message.default({ type: "success", message: t("You have become a administrator") });
+          roomStore.setCanControlSelfAudio(true);
+          roomStore.setCanControlSelfVideo(true);
+          if (roomStore.isSpeakAfterTakingSeatMode) {
+            handleUpdateSeatApplicationList();
+          }
+        }
+        break;
+      case TUIRoomEngine.TUIRole.kRoomOwner: {
+        roomStore.setMasterUserId(userId);
+        if (isLocal) {
+          Message.default({ 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 }));
+            }
+            handleUpdateSeatApplicationList();
+          }
+          if (chatStore.isMessageDisableByAdmin) {
+            (_b = roomEngine.instance) == null ? void 0 : _b.disableSendingMessageByAdmin({
+              userId,
+              isDisable: false
+            });
+          }
+        }
+        break;
+      }
+    }
+  };
+  TUIRoomEngine.once("ready", () => {
+    var _a;
+    (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomEvents.onUserRoleChanged, onUserRoleChanged);
+  });
+  Vue.onUnmounted(() => {
+    var _a;
+    (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onUserRoleChanged, onUserRoleChanged);
+  });
+  return {
+    t,
+    basicStore,
+    isShowLeaveRoomDialog,
+    roomStore,
+    roomEngine,
+    localUser,
+    stopMeeting,
+    cancel,
+    selectedUser,
+    showEndButtonContent,
+    DialogType,
+    showEndDialogContent,
+    logPrefix,
+    title,
+    currentDialogType,
+    visible,
+    closeMediaBeforeLeave,
+    resetState,
+    searchName,
+    hasNoData,
+    handleShowMemberControl,
+    filteredList,
+    toggleMangeMemberSidebar,
+    showTransfer,
+    sidebarName,
+    showSideBar,
+    isMasterWithOneRemoteUser,
+    isMasterWithRemoteUser,
+    remoteUserList
+  };
+}
+exports.default = useEndControl;

package/lib/components/RoomFooter/FullScreenControl.vue.d.ts

@@ -0,0 +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<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const IconButton = require("../common/base/IconButton.vue.js");
+const FullScreenIcon = require("../common/icons/FullScreenIcon.vue.js");
+const utils = require("../../utils/utils.js");
+const index = require("../../locales/index.js");
+const constants = require("../../utils/constants.js");
+require("../../services/main.js");
+const roomService = require("../../services/roomService.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "fullscreen-control-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "FullScreenControl",
+  setup(__props) {
+    const { t } = index.useI18n();
+    const fullScreenConfig = roomService.roomService.getComponentConfig("FullScreen");
+    const isFullScreen = Vue.ref(false);
+    const title = Vue.computed(() => isFullScreen.value ? t("Exit") : t("Full screen"));
+    function toggleScreen() {
+      if (isFullScreen.value) {
+        utils.exitFullScreen();
+      } else {
+        if (constants.isVue27) {
+          const roomContainer = document.body;
+          roomContainer && utils.setFullScreen(roomContainer);
+        } else {
+          const roomContainer = document.getElementById("roomContainer");
+          roomContainer && utils.setFullScreen(roomContainer);
+        }
+      }
+    }
+    function handleFullScreenChange() {
+      isFullScreen.value = !!document.fullscreenElement;
+    }
+    Vue.onMounted(() => {
+      ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "msfullscreenchange"].forEach((item) => {
+        window.addEventListener(item, handleFullScreenChange);
+      });
+    });
+    Vue.onUnmounted(() => {
+      ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "msfullscreenchange"].forEach((item) => {
+        window.removeEventListener(item, handleFullScreenChange);
+      });
+    });
+    return (_ctx, _cache) => {
+      return Vue.unref(fullScreenConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(IconButton.default, {
+          "is-active": isFullScreen.value,
+          title: title.value,
+          onClickIcon: toggleScreen
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(FullScreenIcon.default)
+          ]),
+          _: 1
+        }, 8, ["is-active", "title"])
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const FullScreenControl_vue_vue_type_script_setup_true_lang = require("./FullScreenControl.vue.js");
+exports.default = FullScreenControl_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +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<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const InviteControl_vue_vue_type_script_setup_true_lang = require("./InviteControl.vue2.js");
+require("./InviteControl.vue3.js");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const InviteControl = /* @__PURE__ */ _pluginVue_exportHelper.default(InviteControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c6f331a2"]]);
+exports.default = InviteControl;

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const IconButton = require("../common/base/IconButton.vue.js");
+const InviteIcon = require("../common/icons/InviteIcon.vue.js");
+const basic = require("../../stores/basic.js");
+const pinia = require("pinia");
+const index = require("../../locales/index.js");
+const environment = require("../../utils/environment.js");
+const index$1 = require("../RoomInvite/index.vue.js");
+require("../../services/main.js");
+const roomService = require("../../services/roomService.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "invite-control-container"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "invite-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "InviteControl",
+  setup(__props) {
+    const basicStore = basic.useBasicStore();
+    const { sidebarName } = pinia.storeToRefs(basicStore);
+    const { t } = index.useI18n();
+    const isShowInviteTab = Vue.ref(false);
+    const inviteRef = Vue.ref();
+    const inviteControlConfig = roomService.roomService.getComponentConfig("InviteControl");
+    function toggleInviteSidebar() {
+      if (environment.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;
+    }
+    return (_ctx, _cache) => {
+      return Vue.unref(inviteControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(IconButton.default, {
+          "is-active": Vue.unref(sidebarName) === "invite",
+          title: Vue.unref(t)("Invite"),
+          icon: InviteIcon.default,
+          onClickIcon: toggleInviteSidebar
+        }, null, 8, ["is-active", "title"]),
+        isShowInviteTab.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createVNode(index$1.default, {
+            ref_key: "inviteRef",
+            ref: inviteRef,
+            onOnCloseInvite: handleCloseInvite
+          }, null, 512)
+        ])) : Vue.createCommentVNode("", true)
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/RoomFooter/InviteControl.vue3.js

@@ -0,0 +1 @@
+"use strict";

package/lib/components/RoomFooter/ManageMemberControl.vue.d.ts

@@ -0,0 +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<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const pinia = require("pinia");
+const IconButton = require("../common/base/IconButton.vue.js");
+const ManageMemberIcon = require("../common/icons/ManageMemberIcon.vue.js");
+const basic = require("../../stores/basic.js");
+const room = require("../../stores/room.js");
+const index = require("../../locales/index.js");
+require("../../services/main.js");
+const roomService = require("../../services/roomService.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "manage-member-control-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "ManageMemberControl",
+  setup(__props) {
+    const manageMemberControlConfig = roomService.roomService.getComponentConfig("ManageMemberControl");
+    const { t } = index.useI18n();
+    const basicStore = basic.useBasicStore();
+    const { sidebarName } = pinia.storeToRefs(basicStore);
+    const roomStore = room.useRoomStore();
+    const { userNumber } = pinia.storeToRefs(roomStore);
+    const memberTitle = Vue.computed(() => `${t("Members")}(${userNumber.value})`);
+    function toggleMangeMemberSidebar() {
+      if (basicStore.setSidebarOpenStatus && sidebarName.value === "manage-member") {
+        basicStore.setSidebarOpenStatus(false);
+        basicStore.setSidebarName("");
+        return;
+      }
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("manage-member");
+    }
+    return (_ctx, _cache) => {
+      return Vue.unref(manageMemberControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(IconButton.default, {
+          "is-active": Vue.unref(sidebarName) === "manage-member",
+          title: memberTitle.value,
+          icon: ManageMemberIcon.default,
+          onClickIcon: toggleMangeMemberSidebar
+        }, null, 8, ["is-active", "title"])
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ManageMemberControl_vue_vue_type_script_setup_true_lang = require("./ManageMemberControl.vue.js");
+exports.default = ManageMemberControl_vue_vue_type_script_setup_true_lang.default;

package/lib/components/RoomFooter/ManageStageControl.vue.d.ts

@@ -0,0 +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<{}>>, {}, {}>;
+export default _default;