@tencentcloud/roomkit-electron-vue3/es/components/RoomFooter/index/index.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 AudioControl from "../AudioControl.vue.mjs";
import ScreenShareControl from "../ScreenShareControl/Index.vue.mjs";
import _sfc_main$2 from "../FullScreenControl.vue.mjs";
import InviteControl from "../InviteControl.vue.mjs";
import VideoControl from "../VideoControl.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 _sfc_main$6 from "../MoreControl/index.vue.mjs";
import EndControl from "../EndControl/index.vue.mjs";
import _sfc_main$7 from "../SettingControl.vue.mjs";
import _sfc_main$1 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";
import { isElectron } from "../../../utils/environment.mjs";
import AdvancedBeauty from "../../../core/components/AdvancedBeauty/index.vue.mjs";
import "../../../core/hooks/useAdvancedBeautyState/index.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: "index",
  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(AudioControl, {
            key: 0,
            class: "left-container-item",
            onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("audioControl"))
          })) : createCommentVNode("", true),
          !unref(isAudience) || unref(isAdmin) ? (openBlock(), createBlock(VideoControl, {
            key: 1,
            class: "left-container-item",
            onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("videoControl"))
          })) : 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(_sfc_main$1, {
            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(_sfc_main$6, {
            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$7, {
            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),
          createVNode(unref(AdvancedBeauty), { class: "center-container-item" })
        ]),
        createElementVNode("div", _hoisted_4, [
          createVNode(EndControl)
        ])
      ]);
    };
  }
});
export {
  _sfc_main as default
};