@ndscnj/roomkit-web-vue3 25.11.1916 → 25.23.1051

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

@@ -1,233 +0,0 @@
-import { ref, computed, onUnmounted } from "vue";
-import { useBasicStore } from "../../../stores/basic.mjs";
-import { useRoomStore } from "../../../stores/room.mjs";
-import { useChatStore } from "../../../stores/chat.mjs";
-import { storeToRefs } from "pinia";
-import { useI18n } from "../../../locales/index.mjs";
-import useRoomEngine from "../../../hooks/useRoomEngine.mjs";
-import TUIRoomEngine__default, { TUIRoomEvents, TUIRole } from "@tencentcloud/tuiroom-engine-js";
-import logger from "../../../utils/common/logger/index.mjs";
-import { TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import "../../../services/main.mjs";
-import { roomService } from "../../../services/roomService.mjs";
-import "../../../utils/environment.mjs";
-import "mitt";
-import "../../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-function useEndControl() {
-  const { t } = useI18n();
-  let DialogType;
-  ((DialogType2) => {
-    DialogType2[DialogType2["BasicDialog"] = 0] = "BasicDialog";
-    DialogType2[DialogType2["TransferDialog"] = 1] = "TransferDialog";
-  })(DialogType || (DialogType = {}));
-  const currentDialogType = ref(
-    0
-    /* BasicDialog */
-  );
-  const logPrefix = "[EndControl]";
-  const roomEngine = useRoomEngine();
-  const visible = ref(false);
-  const basicStore = useBasicStore();
-  const chatStore = useChatStore();
-  logger.log(`${logPrefix} basicStore:`, basicStore);
-  const roomStore = useRoomStore();
-  const { localUser, remoteEnteredUserList, applyToAnchorList } = storeToRefs(roomStore);
-  const title = computed(
-    () => currentDialogType.value === 0 ? t("Leave room?") : t("Select a new host")
-  );
-  const { isSidebarOpen, sidebarName } = storeToRefs(basicStore);
-  const showSideBar = computed(
-    () => isSidebarOpen.value && sidebarName.value === "transfer-leave"
-  );
-  const selectedUser = ref("");
-  const showTransfer = ref(false);
-  const searchName = ref("");
-  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(
-    () => 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);
-      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 onUserInfoChanged = async ({ userInfo }) => {
-    var _a, _b;
-    const { userId, userRole } = userInfo;
-    const isLocal = roomStore.localUser.userId === userId;
-    const oldUserRole = roomStore.getUserRole(userId);
-    if (oldUserRole === userRole) return;
-    roomStore.updateUserInfo({ userId, userRole });
-    switch (userRole) {
-      case TUIRole.kGeneralUser:
-        if (isLocal) {
-          if (oldUserRole === TUIRole.kAdministrator) {
-            TUIToast({
-              type: TOAST_TYPE.WARNING,
-              message: t("Your administrator status has been revoked")
-            });
-          }
-        }
-        break;
-      case TUIRole.kAdministrator:
-        if (isLocal) {
-          TUIToast({
-            type: TOAST_TYPE.SUCCESS,
-            message: t("You have become a administrator")
-          });
-          if (roomStore.isSpeakAfterTakingSeatMode) {
-            handleUpdateSeatApplicationList();
-          }
-        }
-        break;
-      case TUIRole.kRoomOwner: {
-        roomStore.setMasterUserId(userId);
-        if (isLocal) {
-          TUIToast({
-            type: TOAST_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.isMessageDisabled) {
-            (_b = roomEngine.instance) == null ? void 0 : _b.disableSendingMessageByAdmin({
-              userId,
-              isDisable: false
-            });
-          }
-        }
-        break;
-      }
-    }
-  };
-  TUIRoomEngine__default.once("ready", () => {
-    var _a;
-    (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onUserInfoChanged, onUserInfoChanged);
-  });
-  const handleMount = () => {
-    const { userRole } = roomService.roomStore.localUser;
-    if (userRole === TUIRole.kRoomOwner || userRole === TUIRole.kAdministrator) {
-      handleUpdateSeatApplicationList();
-    }
-  };
-  roomService.lifeCycleManager.on("mount", handleMount);
-  onUnmounted(() => {
-    var _a;
-    (_a = roomEngine.instance) == null ? void 0 : _a.off(
-      TUIRoomEvents.onUserInfoChanged,
-      onUserInfoChanged
-    );
-    roomService.lifeCycleManager.off("mount", handleMount);
-  });
-  return {
-    t,
-    basicStore,
-    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,
-    remoteEnteredUserList
-  };
-}
-export {
-  useEndControl as default
-};

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

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,75 +0,0 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx } from "vue";
-import { IconFullScreen } from "@tencentcloud/uikit-base-component-vue3";
-import IconButton from "../common/base/IconButton.vue.mjs";
-import { exitFullScreen, setFullScreen } from "../../utils/utils.mjs";
-import { useI18n } from "../../locales/index.mjs";
-import "../../services/main.mjs";
-import { roomService } from "../../services/roomService.mjs";
-import "@tencentcloud/tuiroom-engine-js";
-import "../../utils/environment.mjs";
-import "mitt";
-import "../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-const _hoisted_1 = {
-  key: 0,
-  class: "fullscreen-control-container"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FullScreenControl",
-  setup(__props) {
-    const { t } = useI18n();
-    const fullScreenConfig = roomService.getComponentConfig("FullScreen");
-    const isFullScreen = ref(false);
-    const title = computed(
-      () => isFullScreen.value ? t("Exit") : t("Full screen")
-    );
-    function toggleScreen() {
-      if (isFullScreen.value) {
-        exitFullScreen();
-      } else {
-        const roomContainer = document.getElementById("roomContainer");
-        roomContainer && setFullScreen(roomContainer);
-      }
-    }
-    function handleFullScreenChange() {
-      isFullScreen.value = !!document.fullscreenElement;
-    }
-    onMounted(() => {
-      [
-        "fullscreenchange",
-        "webkitfullscreenchange",
-        "mozfullscreenchange",
-        "msfullscreenchange"
-      ].forEach((item) => {
-        window.addEventListener(item, handleFullScreenChange);
-      });
-    });
-    onUnmounted(() => {
-      [
-        "fullscreenchange",
-        "webkitfullscreenchange",
-        "mozfullscreenchange",
-        "msfullscreenchange"
-      ].forEach((item) => {
-        window.removeEventListener(item, handleFullScreenChange);
-      });
-    });
-    return (_ctx, _cache) => {
-      return unref(fullScreenConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(IconButton, {
-          "is-active": isFullScreen.value,
-          title: title.value,
-          onClickIcon: toggleScreen
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(IconFullScreen), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,4 +0,0 @@
-import _sfc_main from "./FullScreenControl.vue.mjs";
-export {
-  _sfc_main as default
-};

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

@@ -1,6 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,7 +0,0 @@
-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-290fd84f"]]);
-export {
-  InviteControl as default
-};

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

@@ -1,77 +0,0 @@
-import { defineComponent, ref, withDirectives, createCommentVNode, unref, createElementBlock, openBlock, createVNode, createBlock, withCtx } from "vue";
-import { IconInvite } from "@tencentcloud/uikit-base-component-vue3";
-import IconButton from "../common/base/IconButton.vue.mjs";
-import { useBasicStore } from "../../stores/basic.mjs";
-import { storeToRefs } from "pinia";
-import { useI18n } from "../../locales/index.mjs";
-import "../../services/main.mjs";
-import { roomService } from "../../services/roomService.mjs";
-import "@tencentcloud/tuiroom-engine-js";
-import { isMobile } from "../../utils/environment.mjs";
-import "mitt";
-import "../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-import Index from "../RoomInvite/index.mjs";
-import vClickOutside from "../../directives/vClickOutside.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "invite-control-container"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InviteControl",
-  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 emit = __emit;
-    const inviteControlConfig = roomService.getComponentConfig("InviteControl");
-    function toggleInviteSidebar() {
-      isShowInviteTab.value = !isShowInviteTab.value;
-      if (isMobile) {
-        if (basicStore.sidebarName === "invite") {
-          basicStore.setSidebarName("");
-          return;
-        }
-        basicStore.setSidebarName("invite");
-        emit("show-overlay", {
-          name: "RoomInviteOverlay",
-          visible: isShowInviteTab.value
-        });
-      }
-      roomService.trackingManager.sendMessage("experience-invite");
-    }
-    function handleClickOutSide() {
-      if (isShowInviteTab.value) {
-        isShowInviteTab.value = false;
-      }
-    }
-    return (_ctx, _cache) => {
-      return unref(inviteControlConfig).visible ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(IconButton, {
-          class: "invite",
-          "is-active": unref(sidebarName) === "invite",
-          title: unref(t)("Invite"),
-          onClickIcon: toggleInviteSidebar
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(IconInvite), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"]),
-        !unref(isMobile) && isShowInviteTab.value ? (openBlock(), createBlock(unref(Index), {
-          key: 0,
-          ref_key: "inviteRef",
-          ref: inviteRef
-        }, null, 512)) : createCommentVNode("", true)
-      ])), [
-        [unref(vClickOutside), handleClickOutSide]
-      ]) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,58 +0,0 @@
-import { defineComponent, computed, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx } from "vue";
-import { storeToRefs } from "pinia";
-import { IconManageMember } from "@tencentcloud/uikit-base-component-vue3";
-import IconButton from "../common/base/IconButton.vue.mjs";
-import { useBasicStore } from "../../stores/basic.mjs";
-import { useRoomStore } from "../../stores/room.mjs";
-import { useI18n } from "../../locales/index.mjs";
-import "../../services/main.mjs";
-import { roomService } from "../../services/roomService.mjs";
-import "@tencentcloud/tuiroom-engine-js";
-import "../../utils/environment.mjs";
-import "mitt";
-import "../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-const _hoisted_1 = {
-  key: 0,
-  class: "manage-member-control-container"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ManageMemberControl",
-  setup(__props) {
-    const manageMemberControlConfig = roomService.getComponentConfig(
-      "ManageMemberControl"
-    );
-    const { t } = useI18n();
-    const basicStore = useBasicStore();
-    const { sidebarName } = storeToRefs(basicStore);
-    const roomStore = useRoomStore();
-    const { userNumber } = storeToRefs(roomStore);
-    const memberTitle = 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 unref(manageMemberControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(IconButton, {
-          "is-active": unref(sidebarName) === "manage-member",
-          title: memberTitle.value,
-          onClickIcon: toggleMangeMemberSidebar
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(IconManageMember), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,4 +0,0 @@
-import _sfc_main from "./ManageMemberControl.vue.mjs";
-export {
-  _sfc_main as default
-};

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

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,64 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createVNode, withDirectives, unref, withCtx, vShow } from "vue";
-import { storeToRefs } from "pinia";
-import IconButton from "../common/base/IconButton.vue.mjs";
-import { TUIBadge, IconStageApplication } from "@tencentcloud/uikit-base-component-vue3";
-import { useBasicStore } from "../../stores/basic.mjs";
-import { useRoomStore } from "../../stores/room.mjs";
-import { useI18n } from "../../locales/index.mjs";
-import { isMobile } from "../../utils/environment.mjs";
-import MasterApplyControl from "./ApplyControl/MasterApplyControl/index.mjs";
-import useMasterApplyControl from "../../hooks/useMasterApplyControl.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ManageStageControl",
-  setup(__props) {
-    const { t } = useI18n();
-    const basicStore = useBasicStore();
-    const roomStore = useRoomStore();
-    const { handleShowNotification } = useMasterApplyControl();
-    const { sidebarName, showApplyUserList } = storeToRefs(basicStore);
-    const { applyToAnchorList } = storeToRefs(roomStore);
-    function toggleManageStage() {
-      if (!isMobile) {
-        basicStore.setShowApplyUserList(!showApplyUserList.value);
-      } else {
-        if (basicStore.isSidebarOpen && basicStore.sidebarName === "apply") {
-          basicStore.setSidebarOpenStatus(false);
-          basicStore.setSidebarName("");
-          return;
-        }
-        basicStore.setSidebarOpenStatus(true);
-        basicStore.setSidebarName("apply");
-      }
-    }
-    handleShowNotification();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(unref(TUIBadge), {
-          hidden: unref(applyToAnchorList).length === 0,
-          value: unref(applyToAnchorList).length,
-          max: 10
-        }, {
-          default: withCtx(() => [
-            createVNode(IconButton, {
-              title: unref(t)("Apply to stage"),
-              "is-active": unref(sidebarName) === "apply",
-              onClickIcon: toggleManageStage
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(IconStageApplication), { size: "24" })
-              ]),
-              _: 1
-            }, 8, ["title", "is-active"])
-          ]),
-          _: 1
-        }, 8, ["hidden", "value"]),
-        withDirectives(createVNode(unref(MasterApplyControl), null, null, 512), [
-          [vShow, unref(showApplyUserList)]
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,4 +0,0 @@
-import _sfc_main from "./ManageStageControl.vue.mjs";
-export {
-  _sfc_main as default
-};

package/es/components/RoomFooter/MoreControl/MoreControlH5.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/components/RoomFooter/MoreControl/MoreControlH5.vue.mjs

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

package/es/components/RoomFooter/MoreControl/MoreControlH5.vue2.mjs

@@ -1,105 +0,0 @@
-import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, unref, withDirectives, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
-import { IconExtension } from "@tencentcloud/uikit-base-component-vue3";
-import IconButton from "../../common/base/IconButton.vue.mjs";
-import useControl from "./useMoreControlHooks.mjs";
-import _sfc_main$1 from "../ChatControl.vue.mjs";
-import InviteControl from "../InviteControl.vue.mjs";
-import ContactControl from "../ContactControl.vue.mjs";
-import { useRoomStore } from "../../../stores/room.mjs";
-import bus from "../../../hooks/useMitt.mjs";
-import vTap from "../../../directives/vTap.mjs";
-import "../../../services/main.mjs";
-import { roomService } from "../../../services/roomService.mjs";
-import "../../../locales/index.mjs";
-import "@tencentcloud/tuiroom-engine-js";
-import "../../../utils/environment.mjs";
-import "mitt";
-import "../../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-const _hoisted_1 = {
-  key: 0,
-  class: "more-control-container"
-};
-const _hoisted_2 = { class: "control-compent" };
-const _hoisted_3 = { class: "close" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MoreControlH5",
-  emits: ["show-overlay"],
-  setup(__props, { emit: __emit }) {
-    const moreControlConfig = roomService.getComponentConfig("MoreControl");
-    const showMoreContent = ref(false);
-    const moreContentRef = ref();
-    const { t, sidebarName } = useControl();
-    const roomStore = useRoomStore();
-    const emit = __emit;
-    function showMore() {
-      showMoreContent.value = true;
-    }
-    function handleCancelControl() {
-      showMoreContent.value = false;
-    }
-    function handleControlClick(name) {
-      bus.emit("experience-communication", name);
-    }
-    function handleShowOverlay(data) {
-      showMoreContent.value = false;
-      emit("show-overlay", data);
-    }
-    function handleDocumentClick(event) {
-      if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
-        showMoreContent.value = false;
-      }
-    }
-    onMounted(() => {
-      document == null ? void 0 : document.addEventListener("click", handleDocumentClick, true);
-    });
-    onUnmounted(() => {
-      document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          withDirectives((openBlock(), createBlock(IconButton, {
-            "is-active": unref(sidebarName) === "more",
-            title: unref(t)("More")
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(IconExtension), { size: "24" })
-            ]),
-            _: 1
-          }, 8, ["is-active", "title"])), [
-            [unref(vTap), showMore]
-          ])
-        ])) : createCommentVNode("", true),
-        showMoreContent.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref_key: "moreContentRef",
-          ref: moreContentRef,
-          class: "show-more-content"
-        }, [
-          createElementVNode("div", _hoisted_2, [
-            unref(roomStore).isSpeakAfterTakingSeatMode ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("chatControl"))
-            })) : createCommentVNode("", true),
-            createVNode(ContactControl, {
-              onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("contactControl"))
-            }),
-            createVNode(InviteControl, {
-              onShowOverlay: handleShowOverlay,
-              onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
-            })
-          ]),
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
-            createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
-          ])), [
-            [unref(vTap), handleCancelControl]
-          ])
-        ], 512)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};