@ndscnj/roomkit-web-vue3 25.12.24151 → 25.12.24152

package/src/TUIRoom/components/RoomFooter/VoteControl/MoreControlH5.vue

@@ -1,122 +0,0 @@
-<template>
-  <div>
-    <div v-if="moreControlConfig.visible" class="more-control-container">
-      <icon-button
-        v-tap="showMore"
-        :is-active="sidebarName === 'more'"
-        :title="t('More')"
-      >
-        <IconExtension size="24" />
-      </icon-button>
-    </div>
-    <div v-if="showMoreContent" ref="moreContentRef" class="show-more-content">
-      <div class="control-compent">
-        <chat-control
-          v-if="roomStore.isSpeakAfterTakingSeatMode"
-          @click="handleControlClick('chatControl')"
-        />
-        <contact-control @click="handleControlClick('contactControl')" />
-        <invite-control
-          @show-overlay="handleShowOverlay"
-          @click="handleControlClick('inviteControl')"
-        />
-      </div>
-      <div v-tap="handleCancelControl" class="close">{{ t('Cancel') }}</div>
-    </div>
-  </div>
-</template>
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted, defineEmits } from 'vue';
-import { IconExtension } from '@tencentcloud/uikit-base-component-vue3';
-import IconButton from '../../common/base/IconButton.vue';
-import userMoreControl from './useMoreControlHooks';
-import ChatControl from '../ChatControl.vue';
-import InviteControl from '../InviteControl.vue';
-import ContactControl from '../ContactControl.vue';
-import { useRoomStore } from '../../../stores/room';
-import bus from '../../../hooks/useMitt';
-import vTap from '../../../directives/vTap';
-import { roomService } from '../../../services';
-
-const moreControlConfig = roomService.getComponentConfig('MoreControl');
-const showMoreContent = ref(false);
-const moreContentRef = ref();
-
-const { t, sidebarName } = userMoreControl();
-const roomStore = useRoomStore();
-const emit = defineEmits(['show-overlay']);
-function showMore() {
-  showMoreContent.value = true;
-}
-
-function handleCancelControl() {
-  showMoreContent.value = false;
-}
-function handleControlClick(name: string) {
-  bus.emit('experience-communication', name);
-}
-
-function handleShowOverlay(data: { name: string; visible: boolean }) {
-  showMoreContent.value = false;
-  emit('show-overlay', data);
-}
-
-function handleDocumentClick(event: MouseEvent) {
-  if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
-    showMoreContent.value = false;
-  }
-}
-
-onMounted(() => {
-  document?.addEventListener('click', handleDocumentClick, true);
-});
-
-onUnmounted(() => {
-  document?.removeEventListener('click', handleDocumentClick, true);
-});
-</script>
-<style lang="scss" scoped>
-.show-more-content {
-  position: absolute;
-  bottom: 15px;
-  left: 5%;
-  width: 90%;
-  height: 17vh;
-  padding: 10px;
-  border-radius: 13px;
-  animation-name: popup;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-
-@keyframes popup {
-  from {
-    bottom: 0;
-  }
-
-  to {
-    bottom: 15px;
-  }
-}
-
-.control-compent {
-  display: flex;
-}
-
-.close {
-  position: relative;
-  top: 10%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: 10px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 24px;
-  text-align: center;
-  border-radius: 8px;
-  color: var(--text-color-primary);
-  background-color: var(--button-color-secondary-default);
-}
-</style>

package/src/TUIRoom/components/RoomFooter/VoteControl/MoreControlPC.vue

@@ -1,31 +0,0 @@
-<template>
-  <div v-if="moreControlConfig.visible" class="more-control-container">
-    <icon-button
-      :is-active="sidebarName === 'vote'"
-      :title="t('Vote')"
-      @click-icon="toggleMoreSidebar"
-    >
-      <IconMore size="24" />
-    </icon-button>
-  </div>
-</template>
-<script setup lang="ts">
-import { IconMore } from '@tencentcloud/uikit-base-component-vue3';
-import IconButton from '../../common/base/IconButton.vue';
-import userMoreControl from './useMoreControlHooks';
-import { roomService } from '../../../services';
-
-const moreControlConfig = roomService.getComponentConfig('VoteControl');
-const { t, basicStore, sidebarName } = userMoreControl();
-
-function toggleMoreSidebar() {
-  if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'vote') {
-    basicStore.setSidebarOpenStatus(false);
-    basicStore.setSidebarName('');
-    return;
-  }
-  basicStore.setSidebarOpenStatus(true);
-  basicStore.setSidebarName('vote');
-}
-</script>
-<style lang="scss" scoped></style>

package/src/TUIRoom/components/RoomFooter/VoteControl/index.ts

@@ -1,8 +0,0 @@
-import MoreControlH5 from './MoreControlH5.vue';
-import MoreControlPc from './MoreControlPC.vue';
-
-import { isMobile } from '../../../utils/environment';
-
-const MoreControl = isMobile ? MoreControlH5 : MoreControlPc;
-
-export default MoreControl;

package/src/TUIRoom/components/RoomFooter/VoteControl/useMoreControlHooks.ts

@@ -1,23 +0,0 @@
-import { computed } from 'vue';
-import { useBasicStore } from '../../../stores/basic';
-import { storeToRefs } from 'pinia';
-import { useI18n } from '../../../locales';
-import { ICON_NAME } from '../../../constants/icon';
-
-export default function useControl() {
-  const { t } = useI18n();
-
-  const basicStore = useBasicStore();
-  const { sidebarName } = storeToRefs(basicStore);
-
-  const iconName = computed(() =>
-    sidebarName.value === 'more' ? ICON_NAME.MoreActive : ICON_NAME.More
-  );
-
-  return {
-    t,
-    basicStore,
-    iconName,
-    sidebarName,
-  };
-}