jiuyiUniapp/jiuyi2/TUIKit/components/TUIGroup/index.vue

54 lines
1.3 KiB
Vue
Raw Normal View History

2024-12-18 15:46:27 +08:00
<template>
<div :class="[(isShowCreateGroup || isShowManageGroup || isShowSelectMember) && 'tui-group']">
<CreateGroup v-if="isShowCreateGroup" />
<ManageGroup v-if="isShowManageGroup" />
<SelectMember v-if="isShowSelectMember" />
</div>
</template>
<script lang="ts" setup>
import {
TUIStore,
StoreName,
} from '@tencentcloud/chat-uikit-engine';
import { ref } from '../../adapter-vue';
import CreateGroup from './create-group/index.vue';
import ManageGroup from './manage-group/index.vue';
import SelectMember from './select-member/index.vue';
const isShowCreateGroup = ref(false);
const isShowManageGroup = ref(false);
const isShowSelectMember = ref(false);
TUIStore.watch(StoreName.GRP, {
isShowCreateComponent: (data: any) => {
if (data) {
isShowCreateGroup.value = true;
} else {
isShowCreateGroup.value = false;
}
},
isShowManageComponent: (data: any) => {
if (data) {
isShowManageGroup.value = true;
} else {
isShowManageGroup.value = false;
}
},
isShowSelectComponent: (data: any) => {
if (data) {
isShowSelectMember.value = true;
} else {
isShowSelectMember.value = false;
}
},
});
</script>
<style lang="scss" scoped>
.tui-group {
width: 100%;
height: 100%;
}
</style>