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,
58 lines (57 loc) • 2.58 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const Vue = require("vue");
const index$1 = require("../../RoomFooter/EndControl/index.js");
const SwitchCamera = require("./SwitchCamera.vue.js");
const SwitchMirror = require("./SwitchMirror.vue.js");
const SwitchAudioRoute = require("./SwitchAudioRoute.vue.js");
const index = require("../RoomInfo/index.js");
const SwitchTheme = require("../../common/SwitchTheme.vue.js");
const environment = require("../../../utils/environment.js");
const pinia = require("pinia");
const room = require("../../../stores/room.js");
const _hoisted_1 = { class: "header" };
const _hoisted_2 = { class: "header-container" };
const _hoisted_3 = { class: "icon-box" };
const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
__name: "index",
emits: ["click", "show-room-info", "copy-room-link"],
setup(__props, { expose: __expose, emit: __emit }) {
const roomStore = room.useRoomStore();
const emit = __emit;
const roomInfoRef = Vue.ref();
const {
localUser
} = pinia.storeToRefs(roomStore);
__expose({
showRoomInfo() {
roomInfoRef.value.toggleShowRoomInfoStatus();
}
});
return (_ctx, _cache) => {
return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
Vue.createElementVNode("div", _hoisted_2, [
Vue.createElementVNode("div", _hoisted_3, [
Vue.createVNode(SwitchCamera.default, {
style: Vue.normalizeStyle({ visibility: Vue.unref(localUser).hasVideoStream ? "visible" : "hidden" })
}, null, 8, ["style"]),
Vue.createVNode(SwitchMirror.default, {
style: Vue.normalizeStyle({ visibility: Vue.unref(localUser).hasVideoStream ? "visible" : "hidden" })
}, null, 8, ["style"]),
Vue.unref(environment.isWeChat) ? (Vue.openBlock(), Vue.createBlock(SwitchAudioRoute.default, { key: 0 })) : Vue.createCommentVNode("", true)
]),
Vue.createVNode(Vue.unref(index.default), {
class: "room-info",
ref_key: "roomInfoRef",
ref: roomInfoRef,
onShowRoomInfo: _cache[0] || (_cache[0] = ($event) => emit("show-room-info", $event)),
onCopyRoomLink: _cache[1] || (_cache[1] = ($event) => emit("copy-room-link", $event))
}, null, 512),
Vue.createVNode(Vue.unref(index$1.default))
]),
Vue.createVNode(SwitchTheme.default, { visible: false })
]);
};
}
});
exports.default = _sfc_main;