@tencentcloud/roomkit-web-vue3/es/components/RoomFooter/index/indexPC.vue2.mjs

<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,

import { defineComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, createVNode } from "vue";
import _sfc_main$1 from "../../../core/components/AudioSetting/index.vue.mjs";
import VideoSetting from "../../../core/components/VideoSetting/index.vue.mjs";
import "@tencentcloud/uikit-base-component-vue3";
import "../../../core/hooks/useAudioDeviceState/index.mjs";
import "../../../core/hooks/useVideoDeviceState/index.mjs";
import "@tencentcloud/tuiroom-engine-js";
import "../../../stores/room.mjs";
import "../../../core/hooks/useUserState/useUserActions/useAudioAction.mjs";
import "../../../core/hooks/useUserState/useUserActions/useChatAction.mjs";
import "../../../core/hooks/useUserState/useUserActions/useVideoAction.mjs";
import "../../../core/hooks/useUserState/useUserActions/useTransferOwnerAction.mjs";
import "../../../core/hooks/useUserState/useUserActions/useChangeNameCardAction/index.mjs";
import "../../../core/hooks/useUserState/useUserActions/useKickUserAction.mjs";
import "../../../core/hooks/useUserState/useUserActions/useSeatAction.mjs";
import "../../../core/hooks/useUserState/useUserActions/useAdminAction.mjs";
import "pinia";
import "../../../core/store/room.mjs";
import "../../../hooks/useRoomEngine.mjs";
import { isElectron } from "../../../utils/environment.mjs";
import "../../../core/manager/userEventManger.mjs";
import { MediaSettingDisplayMode } from "../../../core/type/MediaDeviceSetting.mjs";
import "../../../locales/index.mjs";
import "../../../hooks/useZIndex.mjs";
/* empty css                                      */
import "../../../core/hooks/useFreeBeautyState/index.mjs";
/* empty css                                                       */
/* empty css                                                 */
/* empty css                       */
import "../../../stores/basic.mjs";
/* empty css                                                    */
import "../../../core/hooks/useUserState/useUserActions/useMemberInviteAction.mjs";
/* empty css                                                      */
/* empty css                                                        */
/* empty css                                                        */
/* empty css                                             */
/* empty css                                             */
/* empty css                                                  */
/* empty css                                                              */
import "../../../services/main.mjs";
import "../../../services/roomService.mjs";
import "mitt";
import "../../../services/manager/roomActionManager.mjs";
import "@tencentcloud/tui-core";
/* empty css                                                            */
/* empty css                                                            */
/* empty css                                            */
import "../../common/base/IconButton.vue2.mjs";
/* empty css                                 */
/* empty css                            */
/* empty css                                              */
/* empty css                                              */
import ScreenShareControl from "../ScreenShareControl/Index.vue.mjs";
import _sfc_main$2 from "../FullScreenControl.vue.mjs";
import InviteControl from "../InviteControl.vue.mjs";
import _sfc_main$3 from "../ManageMemberControl.vue.mjs";
import _sfc_main$4 from "../ChatControl.vue.mjs";
import _sfc_main$5 from "../ManageStageControl.vue.mjs";
import MemberApplyControl from "../ApplyControl/MemberApplyControl.vue.mjs";
import MoreControl from "../MoreControl/index.mjs";
import EndControl from "../EndControl/index.mjs";
import _sfc_main$6 from "../SettingControl.vue.mjs";
import WhiteboardControl from "../WhiteboardControl.vue.mjs";
import VirtualBackground from "../VirtualBackground.vue.mjs";
import AIControl from "../AIControl.vue.mjs";
import BasicBeauty from "../BasicBeauty.vue.mjs";
import bus from "../../../hooks/useMitt.mjs";
import useRoomFooter from "./useRoomFooterHooks.mjs";
const _hoisted_1 = { class: "footer-container" };
const _hoisted_2 = { class: "left-container" };
const _hoisted_3 = { class: "center-container" };
const _hoisted_4 = { class: "right-container" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "indexPC",
  setup(__props) {
    const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooter();
    function handleControlClick(name) {
      bus.emit("experience-communication", name);
    }
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("div", _hoisted_2, [
          !unref(isAudience) || unref(isAdmin) ? (openBlock(), createBlock(unref(_sfc_main$1), {
            key: 0,
            "display-mode": unref(MediaSettingDisplayMode).IconWithPanel,
            class: "left-container-item",
            onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("audioControl"))
          }, null, 8, ["display-mode"])) : createCommentVNode("", true),
          !unref(isAudience) || unref(isAdmin) ? (openBlock(), createBlock(unref(VideoSetting), {
            key: 1,
            "display-mode": unref(MediaSettingDisplayMode).IconWithPanel,
            "support-video-preview": false,
            class: "left-container-item",
            onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("videoControl"))
          }, null, 8, ["display-mode"])) : createCommentVNode("", true),
          unref(roomStore).isSpeakAfterTakingSeatMode && !unref(isMaster) ? (openBlock(), createBlock(MemberApplyControl, {
            key: 2,
            class: "left-container-item",
            onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("MemberApplyControl"))
          })) : createCommentVNode("", true)
        ]),
        createElementVNode("div", _hoisted_3, [
          createVNode(ScreenShareControl, {
            class: "center-container-item",
            onClick: _cache[3] || (_cache[3] = ($event) => handleControlClick("screenShareControl"))
          }),
          unref(isElectron) ? (openBlock(), createBlock(WhiteboardControl, {
            key: 0,
            class: "center-container-item",
            onClick: _cache[4] || (_cache[4] = ($event) => handleControlClick("whiteboard"))
          })) : createCommentVNode("", true),
          createVNode(_sfc_main$2, {
            class: "center-container-item",
            onClick: _cache[5] || (_cache[5] = ($event) => handleControlClick("fullScreenControl"))
          }),
          createVNode(_sfc_main$3, {
            class: "center-container-item",
            onClick: _cache[6] || (_cache[6] = ($event) => handleControlClick("manageMemberControl"))
          }),
          createVNode(InviteControl, {
            class: "center-container-item",
            onClick: _cache[7] || (_cache[7] = ($event) => handleControlClick("inviteControl"))
          }),
          createVNode(_sfc_main$4, {
            class: "center-container-item",
            onClick: _cache[8] || (_cache[8] = ($event) => handleControlClick("chatControl"))
          }),
          unref(roomStore).isSpeakAfterTakingSeatMode && (unref(isMaster) || unref(isAdmin)) ? (openBlock(), createBlock(_sfc_main$5, {
            key: 1,
            class: "center-container-item",
            onClick: _cache[9] || (_cache[9] = ($event) => handleControlClick("MasterApplyControl"))
          })) : createCommentVNode("", true),
          createVNode(unref(MoreControl), {
            class: "center-container-item",
            onClick: _cache[10] || (_cache[10] = ($event) => handleControlClick("moreControl"))
          }),
          createVNode(AIControl, {
            class: "center-container-item",
            onClick: _cache[11] || (_cache[11] = ($event) => handleControlClick("AIControl"))
          }),
          createVNode(_sfc_main$6, {
            class: "center-container-item",
            onClick: _cache[12] || (_cache[12] = ($event) => handleControlClick("settingControl"))
          }),
          createVNode(VirtualBackground, { class: "center-container-item" }),
          !unref(isElectron) ? (openBlock(), createBlock(BasicBeauty, {
            key: 2,
            class: "center-container-item"
          })) : createCommentVNode("", true)
        ]),
        createElementVNode("div", _hoisted_4, [
          createVNode(unref(EndControl))
        ])
      ]);
    };
  }
});
export {
  _sfc_main as default
};