@tencentcloud/roomkit-web-vue3
Version:
<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,
39 lines (38 loc) • 1.74 kB
JavaScript
import { defineComponent, createBlock, createCommentVNode, unref, openBlock, withCtx, createElementVNode } from "vue";
import Index from "../Chat/index/index.mjs";
import MasterApplyControl from "../RoomFooter/ApplyControl/MasterApplyControl/index.mjs";
import index from "../ManageMember/index.mjs";
import popup from "../common/base/PopUpH5.vue.mjs";
import useSideBar from "./useSideBarHooks.mjs";
import ChatEditor from "../Chat/ChatEditor/index.mjs";
const _hoisted_1 = { style: { "height": "100%" } };
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "indexH5",
setup(__props) {
const { title, sidebarName, showSideBar } = useSideBar();
return (_ctx, _cache) => {
return unref(showSideBar) ? (openBlock(), createBlock(popup, {
key: 0,
title: unref(title),
class: "sidebar-container-mobile"
}, {
sidebarContent: withCtx(() => [
createElementVNode("div", _hoisted_1, [
unref(sidebarName) === "chat" ? (openBlock(), createBlock(unref(Index), { key: 0 })) : createCommentVNode("", true),
unref(sidebarName) === "manage-member" ? (openBlock(), createBlock(unref(index), { key: 1 })) : createCommentVNode("", true),
unref(sidebarName) === "apply" ? (openBlock(), createBlock(unref(MasterApplyControl), { key: 2 })) : createCommentVNode("", true)
])
]),
sidebarFooter: withCtx(() => [
createElementVNode("div", null, [
unref(sidebarName) === "chat" ? (openBlock(), createBlock(unref(ChatEditor), { key: 0 })) : createCommentVNode("", true)
])
]),
_: 1
}, 8, ["title"])) : createCommentVNode("", true);
};
}
});
export {
_sfc_main as default
};