@ndscnj/roomkit-web-vue3 25.12.2413 → 25.12.2415

package/es/components/RoomFooter/index/indexPC.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./indexPC.vue2.mjs";
 /* empty css              */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const indexPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-604d8288"]]);
+const indexPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f808bd91"]]);
 export {
   indexPc as default
 };

package/es/components/RoomFooter/index/indexPC.vue2.mjs

@@ -81,6 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const emit = __emit;
     const onVote = (data) => {
+      console.log(data, "data111");
       emit("on-vote", { code: data.visible, message: "vote" });
     };
     return (_ctx, _cache) => {

package/es/components/RoomFooter/voteControl.vue.d.ts

@@ -1,15 +1,6 @@
-declare function __VLS_template(): {
-    content?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-vote": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onOn-vote"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/es/components/RoomFooter/voteControl.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./voteControl.vue2.mjs";
 /* empty css                  */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const voteControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6e8da89"]]);
+const voteControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18efb8e7"]]);
 export {
   voteControl as default
 };

package/es/components/RoomFooter/voteControl.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, createElementBlock, openBlock, createVNode, createCommentVNode, unref, withCtx, renderSlot } from "vue";
+import { defineComponent, computed, ref, createElementBlock, openBlock, createVNode, unref, withCtx } from "vue";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import { useI18n } from "../../locales/index.mjs";
@@ -10,23 +10,14 @@ import "@tencentcloud/tui-core";
 import IconButton from "../common/base/IconButton.vue.mjs";
 import { IconAIIcon } from "@tencentcloud/uikit-base-component-vue3";
 const _hoisted_1 = { class: "vote-control-container" };
-const _hoisted_2 = {
-  key: 0,
-  class: "contact-container"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "voteControl",
   emits: ["on-vote"],
   setup(__props, { emit: __emit }) {
     const { basicStore } = roomService;
-    const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
     const sidebarName = computed(() => basicStore.sidebarName);
     const { t } = useI18n();
     const showToolBox = ref(false);
-    watch(isSidebarOpen, (newValue) => {
-      showToolBox.value = newValue && false;
-    });
-    roomService.getComponentConfig("VoteControl");
     const emit = __emit;
     function toggleToolBox() {
       console.log(showToolBox.value, "0000");
@@ -47,10 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(IconAIIcon), { size: "24" })
           ]),
           _: 1
-        }, 8, ["is-active", "title"]),
-        !isSidebarOpen.value && showToolBox.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "content", {}, void 0, true)
-        ])) : createCommentVNode("", true)
+        }, 8, ["is-active", "title"])
       ]);
     };
   }

package/es/conference.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
 /* empty css                 */
 /* empty css                 */
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9ae22c4"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b59b436"]]);
 export {
   ConferenceMainView as default
 };

package/es/conference.vue2.mjs

@@ -217,6 +217,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       roomService.resetStore();
     }
     const onVote = (data) => {
+      console.log(data, "data222");
       emit("on-vote", { code: data.visible, message: "vote" });
     };
     const onStartRoom = () => {

package/es/index.mjs

@@ -3928,7 +3928,7 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.contact-container[data-v-f6e8da89] {
+}.contact-container[data-v-18efb8e7] {
   position: fixed;
   top: 0;
   bottom: 0;
@@ -3938,7 +3938,7 @@ to {
   width: 100vw;
   height: auto;
   background-color: var(--uikit-color-black-8);
-}.footer-container[data-v-604d8288] {
+}.footer-container[data-v-f808bd91] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3952,25 +3952,25 @@ to {
   background-color: var(--bg-color-topbar);
   box-shadow: 0 -8px 30px var(--uikit-color-black-8);
 }
-.footer-container .left-container[data-v-604d8288] {
+.footer-container .left-container[data-v-f808bd91] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.footer-container .left-container .left-container-item[data-v-604d8288]:not(:first-child) {
+.footer-container .left-container .left-container-item[data-v-f808bd91]:not(:first-child) {
   margin-left: 1rem;
 }
-.footer-container .center-container[data-v-604d8288] {
+.footer-container .center-container[data-v-f808bd91] {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   margin: 0 auto;
 }
-.footer-container .center-container .center-container-item[data-v-604d8288]:not(:first-child) {
+.footer-container .center-container .center-container-item[data-v-f808bd91]:not(:first-child) {
   margin-left: 16px;
 }
-.footer-container .right-container[data-v-604d8288] {
+.footer-container .right-container[data-v-f808bd91] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -9140,7 +9140,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-d9ae22c4] {
+}.tui-room[data-v-3b59b436] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9152,7 +9152,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-d9ae22c4] {
+.tui-room .header[data-v-3b59b436] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9163,20 +9163,20 @@ body, html {
   border-bottom: 1px solid var(--stroke-color-primary);
   box-shadow: 0 1px 0 var(--uikit-color-black-8);
 }
-.tui-room .content[data-v-d9ae22c4] {
+.tui-room .content[data-v-3b59b436] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-d9ae22c4] {
+.tui-room.tui-room-h5[data-v-3b59b436] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-d9ae22c4] {
+#roomContainer.chat-room[data-v-3b59b436] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9188,8 +9188,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-d9ae22c4],
-#roomContainer .chat-room[data-v-d9ae22c4] {
+#roomContainer.tui-room-h5[data-v-3b59b436],
+#roomContainer .chat-room[data-v-3b59b436] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

package/lib/components/RoomFooter/index/indexPC.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const indexPC_vue_vue_type_script_setup_true_lang = require("./indexPC.vue2.js");
 ;/* empty css              */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-604d8288"]]);
+const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f808bd91"]]);
 exports.default = indexPc;

package/lib/components/RoomFooter/index/indexPC.vue2.js

@@ -83,6 +83,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     }
     const emit = __emit;
     const onVote = (data) => {
+      console.log(data, "data111");
       emit("on-vote", { code: data.visible, message: "vote" });
     };
     return (_ctx, _cache) => {

package/lib/components/RoomFooter/voteControl.vue.d.ts

@@ -1,15 +1,6 @@
-declare function __VLS_template(): {
-    content?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-vote": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onOn-vote"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/components/RoomFooter/voteControl.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const voteControl_vue_vue_type_script_setup_true_lang = require("./voteControl.vue2.js");
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const voteControl = /* @__PURE__ */ _pluginVue_exportHelper.default(voteControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f6e8da89"]]);
+const voteControl = /* @__PURE__ */ _pluginVue_exportHelper.default(voteControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-18efb8e7"]]);
 exports.default = voteControl;

package/lib/components/RoomFooter/voteControl.vue2.js

@@ -12,23 +12,14 @@ require("@tencentcloud/tui-core");
 const IconButton = require("../common/base/IconButton.vue.js");
 const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
 const _hoisted_1 = { class: "vote-control-container" };
-const _hoisted_2 = {
-  key: 0,
-  class: "contact-container"
-};
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "voteControl",
   emits: ["on-vote"],
   setup(__props, { emit: __emit }) {
     const { basicStore } = roomService.roomService;
-    const isSidebarOpen = Vue.computed(() => basicStore.isSidebarOpen);
     const sidebarName = Vue.computed(() => basicStore.sidebarName);
     const { t } = index.useI18n();
     const showToolBox = Vue.ref(false);
-    Vue.watch(isSidebarOpen, (newValue) => {
-      showToolBox.value = newValue && false;
-    });
-    roomService.roomService.getComponentConfig("VoteControl");
     const emit = __emit;
     function toggleToolBox() {
       console.log(showToolBox.value, "0000");
@@ -49,10 +40,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconAIIcon), { size: "24" })
           ]),
           _: 1
-        }, 8, ["is-active", "title"]),
-        !isSidebarOpen.value && showToolBox.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
-          Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
-        ])) : Vue.createCommentVNode("", true)
+        }, 8, ["is-active", "title"])
       ]);
     };
   }

package/lib/conference.vue.js

@@ -4,5 +4,5 @@ const conference_vue_vue_type_script_setup_true_lang = require("./conference.vue
 ;/* empty css                 */
 ;/* empty css                 */
 const _pluginVue_exportHelper = require("./_virtual/_plugin-vue_export-helper.js");
-const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-d9ae22c4"]]);
+const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3b59b436"]]);
 exports.default = ConferenceMainView;

package/lib/conference.vue2.js

@@ -219,6 +219,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       roomService.roomService.resetStore();
     }
     const onVote = (data) => {
+      console.log(data, "data222");
       emit("on-vote", { code: data.visible, message: "vote" });
     };
     const onStartRoom = () => {

package/lib/index.js

@@ -3928,7 +3928,7 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.contact-container[data-v-f6e8da89] {
+}.contact-container[data-v-18efb8e7] {
   position: fixed;
   top: 0;
   bottom: 0;
@@ -3938,7 +3938,7 @@ to {
   width: 100vw;
   height: auto;
   background-color: var(--uikit-color-black-8);
-}.footer-container[data-v-604d8288] {
+}.footer-container[data-v-f808bd91] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3952,25 +3952,25 @@ to {
   background-color: var(--bg-color-topbar);
   box-shadow: 0 -8px 30px var(--uikit-color-black-8);
 }
-.footer-container .left-container[data-v-604d8288] {
+.footer-container .left-container[data-v-f808bd91] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.footer-container .left-container .left-container-item[data-v-604d8288]:not(:first-child) {
+.footer-container .left-container .left-container-item[data-v-f808bd91]:not(:first-child) {
   margin-left: 1rem;
 }
-.footer-container .center-container[data-v-604d8288] {
+.footer-container .center-container[data-v-f808bd91] {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   margin: 0 auto;
 }
-.footer-container .center-container .center-container-item[data-v-604d8288]:not(:first-child) {
+.footer-container .center-container .center-container-item[data-v-f808bd91]:not(:first-child) {
   margin-left: 16px;
 }
-.footer-container .right-container[data-v-604d8288] {
+.footer-container .right-container[data-v-f808bd91] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -9140,7 +9140,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-d9ae22c4] {
+}.tui-room[data-v-3b59b436] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9152,7 +9152,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-d9ae22c4] {
+.tui-room .header[data-v-3b59b436] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9163,20 +9163,20 @@ body, html {
   border-bottom: 1px solid var(--stroke-color-primary);
   box-shadow: 0 1px 0 var(--uikit-color-black-8);
 }
-.tui-room .content[data-v-d9ae22c4] {
+.tui-room .content[data-v-3b59b436] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-d9ae22c4] {
+.tui-room.tui-room-h5[data-v-3b59b436] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-d9ae22c4] {
+#roomContainer.chat-room[data-v-3b59b436] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9188,8 +9188,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-d9ae22c4],
-#roomContainer .chat-room[data-v-d9ae22c4] {
+#roomContainer.tui-room-h5[data-v-3b59b436],
+#roomContainer .chat-room[data-v-3b59b436] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndscnj/roomkit-web-vue3",
-  "version": "25.12.2413",
+  "version": "25.12.2415",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",

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

@@ -112,6 +112,7 @@ function handleControlClick(name: string) {
 }
 const emit = defineEmits(['on-vote']);
 const onVote = (data: { name: string; visible: boolean }) => {
+  console.log(data,"data111")
   emit('on-vote', { code: data.visible, message: 'vote' });
 };
 </script>

package/src/TUIRoom/components/RoomFooter/voteControl.vue

@@ -7,14 +7,6 @@
     >
       <IconAIIcon size="24" />
     </icon-button>
-    <div class="contact-container" v-if="!isSidebarOpen && showToolBox">
-      <slot name="content"></slot>
-      <!-- <room-vote ref="contactRef" @on-close-contact="handleOnCloseContact">
-        <template #content>
-          <slot name="content"></slot>
-        </template>
-      </room-vote> -->
-    </div>
   </div>
 </template>
 
@@ -28,14 +20,9 @@ import {
 } from '@tencentcloud/uikit-base-component-vue3';
 import roomVote from '../RoomVote';
 const { basicStore } = roomService;
-const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
 const sidebarName = computed(() => basicStore.sidebarName);
 const { t } = useI18n();
 const showToolBox = ref(false);
-watch(isSidebarOpen, newValue => {
-  showToolBox.value = newValue && false;
-});
-const voteControlConfig = roomService.getComponentConfig('VoteControl');
 const emit = defineEmits(['on-vote']);
 function toggleToolBox() {
   console.log(showToolBox.value,"0000")
@@ -45,9 +32,6 @@ function toggleToolBox() {
     visible: showToolBox.value,
   });
 }
-function handleOnCloseContact() {
-  showToolBox.value = false;
-}
 </script>
 
 <style lang="scss" scoped>

package/src/TUIRoom/conference.vue

@@ -322,6 +322,7 @@ function resetStore() {
 }
 
 const onVote = (data: { name: string; visible: boolean }) => {
+  console.log(data,"data222")
   emit('on-vote', { code: data.visible, message: 'vote' });
 };
 const onStartRoom = () => {

package/es/components/RoomFooter/voteControl/index.d.ts

@@ -1,6 +0,0 @@
-declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default VoteControl;

package/lib/components/RoomFooter/voteControl/index.d.ts

@@ -1,6 +0,0 @@
-declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default VoteControl;

package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlH5.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 userVoteControl from './useVoteControlHooks';
-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 } = userVoteControl();
-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/VoteControlPC.vue

@@ -1,31 +0,0 @@
-<template>
-  <div v-if="moreControlConfig.visible" class="vote-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 VoteControlH5 from './VoteControlH5.vue';
-import VoteControlPc from './VoteControlPC.vue';
-
-import { isMobile } from '../../../utils/environment';
-
-const VoteControl = isMobile ? VoteControlH5 : VoteControlPc;
-
-export default VoteControl;

package/src/TUIRoom/components/RoomFooter/voteControl/useVoteControlHooks.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 === 'vote' ? ICON_NAME.MoreActive : ICON_NAME.More
-  );
-
-  return {
-    t,
-    basicStore,
-    iconName,
-    sidebarName,
-  };
-}