@ndscnj/roomkit-web-vue3 25.12.24158 → 25.12.24159

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

@@ -1,28 +1,14 @@
 <template>
   <div>
-    <div v-if="moreControlConfig.visible" class="more-control-container">
+    <div v-if="voteControlConfig.visible" class="more-control-container">
       <icon-button
         v-tap="showMore"
-        :is-active="sidebarName === 'more'"
-        :title="t('More')"
+        :is-active="sidebarName === 'vote'"
+        :title="t('Vote')"
       >
         <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">
@@ -30,37 +16,19 @@ 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 voteControlConfig = roomService.getComponentConfig('MoreControl');
 const showMoreContent = ref(false);
 const moreContentRef = ref();
-
-const { t, sidebarName } = userMoreControl();
-const roomStore = useRoomStore();
-const emit = defineEmits(['show-overlay']);
+const { t, sidebarName,basicStore } = userMoreControl();
+const emit = defineEmits(['show-overlay','on-vote']);
 function showMore() {
   showMoreContent.value = true;
+  emit('on-vote', {
+    name: 'onVote',
+    visible:basicStore.isSidebarOpen,
+  });
 }
-
-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;

package/src/TUIRoom/components/RoomFooter/index/indexH5.vue

@@ -14,6 +14,15 @@
       v-if="!roomStore.isSpeakAfterTakingSeatMode"
       v-tap="() => handleControlClick('chatControl')"
     />
+    <vote-control
+      v-tap="() => handleControlClick('voteControl')"
+      @show-overlay="handleShowOverlay"
+      @on-vote="onVote"
+    >
+      <template #content>
+        <slot name="content"></slot>
+      </template>
+  </vote-control>
     <AIControl
       @click="handleControlClick('AIControl')"
     />
@@ -46,6 +55,7 @@ import ChatControl from '../ChatControl.vue';
 import MasterApplyControl from '../ManageStageControl.vue';
 import MemberApplyControl from '../ApplyControl/MemberApplyControl.vue';
 import MoreControl from '../MoreControl/index';
+import VoteControl from '../VoteControl/index';
 import AIControl from '../AIControl.vue';
 import bus from '../../../hooks/useMitt';
 import vTap from '../../../directives/vTap';
@@ -54,8 +64,10 @@ import useRoomFooter from './useRoomFooterHooks';
 
 const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooter();
 
-const emit = defineEmits(['show-overlay']);
-
+const emit = defineEmits(['show-overlay','on-vote']);
+const onVote = (data: { name: string; visible: boolean }) => {
+  emit('on-vote', { code: data.visible, message: 'vote' });
+};
 function handleControlClick(name: string) {
   bus.emit('experience-communication', name);
 }

package/src/TUIRoom/components/RoomSidebar/indexPC.vue

@@ -8,7 +8,7 @@
       :size="400"
     >
       <chat v-if="sidebarName == 'chat'" />
-      <room-vote v-if="sidebarName == 'vote'">
+      <room-vote v-if="sidebarName == 'vote'" >
         <template #content>
           <slot name="content"></slot>
         </template>
@@ -28,18 +28,7 @@ import RoomMore from '../RoomMore';
 import RoomVote from '../RoomVote';
 import Chat from '../Chat/index';
 import AITranscription from '../common/widgets/AITools/AITranscription.vue';
-import { defineEmits,watch} from 'vue';
 const { isSidebarOpen, title, handleClose, sidebarName } = useSideBar();
-const emit = defineEmits(['on-vote',]);
-watch(
-  () => isSidebarOpen,
-  (newValue, oldValue) => {
-    emit('on-vote', {
-      name: 'onVote',
-      visible: isSidebarOpen,
-    });
-  }
-);
 </script>
 
 <style lang="scss"></style>

package/src/TUIRoom/components/RoomVote/indexH5.vue

@@ -1,40 +1,11 @@
 <template>
   <div class="contact-container-main">
-    <div class="contact-title-main">
-      <div>{{ t('Contact us') }}</div>
-      <span v-tap="handleCloseContact" class="cancel">{{ t('Cancel') }}</span>
-    </div>
-    <div
-      v-for="item in contactContentList"
-      :key="item.id"
-      class="contact-content-main"
-    >
-      <span class="contact-title">{{ t(item.title) }}</span>
-      <span class="contact-content">{{ item.content }}</span>
-      <IconCopy v-tap="() => onCopy(item.copyLink)" class="copy" />
-    </div>
-    <span class="contact-bottom">
-      {{
-        t(
-          'If you have any questions, please feel free to join our QQ group or send an email'
-        )
-      }}
-    </span>
+    <slot name="content"></slot>
   </div>
 </template>
 
 <script setup lang="ts">
-import useRoomMoreControl from './useRoomMoreHooks';
-import { IconCopy } from '@tencentcloud/uikit-base-component-vue3';
-import vTap from '../../directives/vTap';
 
-const { t, onCopy, contactContentList } = useRoomMoreControl();
-
-const emit = defineEmits(['on-close-contact']);
-
-function handleCloseContact() {
-  emit('on-close-contact');
-}
 </script>
 
 <style lang="scss" scoped>

package/es/components/RoomVote/indexH5.vue2.mjs

@@ -1,51 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, withDirectives, toDisplayString, unref, createTextVNode, Fragment, renderList, createVNode } from "vue";
-import useRoomMoreHooks from "./useRoomMoreHooks.mjs";
-import { IconCopy } from "@tencentcloud/uikit-base-component-vue3";
-import vTap from "../../directives/vTap.mjs";
-const _hoisted_1 = { class: "contact-container-main" };
-const _hoisted_2 = { class: "contact-title-main" };
-const _hoisted_3 = { class: "cancel" };
-const _hoisted_4 = { class: "contact-title" };
-const _hoisted_5 = { class: "contact-content" };
-const _hoisted_6 = { class: "contact-bottom" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "indexH5",
-  emits: ["on-close-contact"],
-  setup(__props, { emit: __emit }) {
-    const { t, onCopy, contactContentList } = useRoomMoreHooks();
-    const emit = __emit;
-    function handleCloseContact() {
-      emit("on-close-contact");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", null, toDisplayString(unref(t)("Contact us")), 1),
-          withDirectives((openBlock(), createElementBlock("span", _hoisted_3, [
-            createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
-          ])), [
-            [unref(vTap), handleCloseContact]
-          ])
-        ]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(contactContentList), (item) => {
-          return openBlock(), createElementBlock("div", {
-            key: item.id,
-            class: "contact-content-main"
-          }, [
-            createElementVNode("span", _hoisted_4, toDisplayString(unref(t)(item.title)), 1),
-            createElementVNode("span", _hoisted_5, toDisplayString(item.content), 1),
-            withDirectives(createVNode(unref(IconCopy), { class: "copy" }, null, 512), [
-              [unref(vTap), () => unref(onCopy)(item.copyLink)]
-            ])
-          ]);
-        }), 128)),
-        createElementVNode("span", _hoisted_6, toDisplayString(unref(t)(
-          "If you have any questions, please feel free to join our QQ group or send an email"
-        )), 1)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/RoomVote/useRoomMoreHooks.mjs

@@ -1,43 +0,0 @@
-import { computed } from "vue";
-import { TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import i18n, { useI18n } from "../../locales/index.mjs";
-import "../../utils/environment.mjs";
-import { clipBoard } from "../../utils/adapter.mjs";
-function useRoomMoreHooks() {
-  const { t } = useI18n();
-  const groupNumber = "770645461";
-  const email = "chaooliang@tencent.com";
-  async function onCopy(value) {
-    try {
-      await clipBoard(value);
-      TUIToast({
-        message: t("Copied successfully"),
-        type: TOAST_TYPE.SUCCESS
-      });
-    } catch (error) {
-      TUIToast({
-        message: t("Copied failure"),
-        type: TOAST_TYPE.ERROR
-      });
-    }
-  }
-  const isZH = computed(() => i18n.global.locale.value === "zh-CN");
-  const contactContentList = [
-    { id: 1, title: "group chat", content: groupNumber, copyLink: groupNumber },
-    { id: 2, title: "Email", content: email, copyLink: email }
-  ];
-  const handleClick = () => {
-    window.open("https://zhiliao.qq.com/s/c5GY7HIM62CK", "_blank");
-  };
-  return {
-    t,
-    onCopy,
-    contactContentList,
-    email,
-    handleClick,
-    isZH
-  };
-}
-export {
-  useRoomMoreHooks as default
-};

package/lib/components/RoomVote/indexH5.vue2.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const useRoomMoreHooks = require("./useRoomMoreHooks.js");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
-const vTap = require("../../directives/vTap.js");
-const _hoisted_1 = { class: "contact-container-main" };
-const _hoisted_2 = { class: "contact-title-main" };
-const _hoisted_3 = { class: "cancel" };
-const _hoisted_4 = { class: "contact-title" };
-const _hoisted_5 = { class: "contact-content" };
-const _hoisted_6 = { class: "contact-bottom" };
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "indexH5",
-  emits: ["on-close-contact"],
-  setup(__props, { emit: __emit }) {
-    const { t, onCopy, contactContentList } = useRoomMoreHooks.default();
-    const emit = __emit;
-    function handleCloseContact() {
-      emit("on-close-contact");
-    }
-    return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createElementVNode("div", _hoisted_2, [
-          Vue.createElementVNode("div", null, Vue.toDisplayString(Vue.unref(t)("Contact us")), 1),
-          Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("span", _hoisted_3, [
-            Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
-          ])), [
-            [Vue.unref(vTap.default), handleCloseContact]
-          ])
-        ]),
-        (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(contactContentList), (item) => {
-          return Vue.openBlock(), Vue.createElementBlock("div", {
-            key: item.id,
-            class: "contact-content-main"
-          }, [
-            Vue.createElementVNode("span", _hoisted_4, Vue.toDisplayString(Vue.unref(t)(item.title)), 1),
-            Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(item.content), 1),
-            Vue.withDirectives(Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconCopy), { class: "copy" }, null, 512), [
-              [Vue.unref(vTap.default), () => Vue.unref(onCopy)(item.copyLink)]
-            ])
-          ]);
-        }), 128)),
-        Vue.createElementVNode("span", _hoisted_6, Vue.toDisplayString(Vue.unref(t)(
-          "If you have any questions, please feel free to join our QQ group or send an email"
-        )), 1)
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/RoomVote/useRoomMoreHooks.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
-const index = require("../../locales/index.js");
-require("../../utils/environment.js");
-const adapter = require("../../utils/adapter.js");
-function useRoomMoreHooks() {
-  const { t } = index.useI18n();
-  const groupNumber = "770645461";
-  const email = "chaooliang@tencent.com";
-  async function onCopy(value) {
-    try {
-      await adapter.clipBoard(value);
-      uikitBaseComponentVue3.TUIToast({
-        message: t("Copied successfully"),
-        type: uikitBaseComponentVue3.TOAST_TYPE.SUCCESS
-      });
-    } catch (error) {
-      uikitBaseComponentVue3.TUIToast({
-        message: t("Copied failure"),
-        type: uikitBaseComponentVue3.TOAST_TYPE.ERROR
-      });
-    }
-  }
-  const isZH = Vue.computed(() => index.default.global.locale.value === "zh-CN");
-  const contactContentList = [
-    { id: 1, title: "group chat", content: groupNumber, copyLink: groupNumber },
-    { id: 2, title: "Email", content: email, copyLink: email }
-  ];
-  const handleClick = () => {
-    window.open("https://zhiliao.qq.com/s/c5GY7HIM62CK", "_blank");
-  };
-  return {
-    t,
-    onCopy,
-    contactContentList,
-    email,
-    handleClick,
-    isZH
-  };
-}
-exports.default = useRoomMoreHooks;