@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,
91 lines (90 loc) • 4.27 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const Vue = require("vue");
const useIndexHooks = require("./useIndexHooks.js");
const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
const room = require("../../../../stores/room.js");
const pinia = require("pinia");
const _hoisted_1 = {
key: 0,
class: "manage-member-bottom"
};
const _hoisted_2 = { class: "more-control-container" };
const _hoisted_3 = { class: "more-control-container-main" };
const _hoisted_4 = ["onTouchstart"];
const _hoisted_5 = { class: "operate-text" };
const _hoisted_6 = {
key: 1,
class: "global-setting"
};
const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
__name: "indexH5",
props: {
activeCategoryKey: {},
userCategoryNumber: {}
},
setup(__props) {
const roomStore = room.useRoomStore();
const { isMicrophoneDisableForAllUser, isCameraDisableForAllUser } = pinia.storeToRefs(roomStore);
const {
t,
isGeneralUser,
roomAudioAction,
roomVideoAction,
moreControlList,
toggleClickMoreBtn,
showMoreControl,
handleCallAllInvitee
} = useIndexHooks.default();
return (_ctx, _cache) => {
return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
!Vue.unref(isGeneralUser) && _ctx.activeCategoryKey !== "notEnteredUser" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
Vue.createElementVNode("div", {
class: Vue.normalizeClass(["manage-member-button", Vue.unref(isMicrophoneDisableForAllUser) ? "lift-all" : ""]),
onTouchstart: _cache[0] || (_cache[0] = //@ts-ignore
(...args) => Vue.unref(roomAudioAction).handler && Vue.unref(roomAudioAction).handler(...args))
}, Vue.toDisplayString(Vue.unref(roomAudioAction).label), 35),
Vue.createElementVNode("div", {
class: Vue.normalizeClass(["manage-member-button", Vue.unref(isCameraDisableForAllUser) ? "lift-all" : ""]),
onTouchstart: _cache[1] || (_cache[1] = //@ts-ignore
(...args) => Vue.unref(roomVideoAction).handler && Vue.unref(roomVideoAction).handler(...args))
}, Vue.toDisplayString(Vue.unref(roomVideoAction).label), 35),
Vue.createElementVNode("div", {
class: "manage-member-button",
onTouchstart: _cache[2] || (_cache[2] = //@ts-ignore
(...args) => Vue.unref(toggleClickMoreBtn) && Vue.unref(toggleClickMoreBtn)(...args))
}, [
Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("More")) + " ", 1),
Vue.withDirectives(Vue.createElementVNode("div", _hoisted_2, [
Vue.createElementVNode("div", _hoisted_3, [
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(moreControlList), (item) => {
return Vue.openBlock(), Vue.createElementBlock("div", {
key: item.key,
class: "user-operate-item",
onTouchstart: item.handler
}, [
Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIIcon), {
icon: item.icon
}, null, 8, ["icon"]),
Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(item.label), 1)
], 40, _hoisted_4);
}), 128))
])
], 512), [
[Vue.vShow, Vue.unref(showMoreControl)]
])
], 32)
])) : Vue.createCommentVNode("", true),
_ctx.activeCategoryKey === "notEnteredUser" ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_6, [
_ctx.userCategoryNumber > 0 ? (Vue.openBlock(), Vue.createElementBlock("div", {
key: 0,
class: "button-bottom",
onClick: _cache[3] || (_cache[3] = //@ts-ignore
(...args) => Vue.unref(handleCallAllInvitee) && Vue.unref(handleCallAllInvitee)(...args))
}, Vue.toDisplayString(Vue.unref(t)("Call all")), 1)) : Vue.createCommentVNode("", true)
])) : Vue.createCommentVNode("", true)
], 64);
};
}
});
exports.default = _sfc_main;