@ndscnj/roomkit-web-vue3 25.12.2411 → 25.12.2412

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

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

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, unref, withDirectives, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
 import { IconExtension } from "@tencentcloud/uikit-base-component-vue3";
 import IconButton from "../../common/base/IconButton.vue.mjs";
-import useControl from "./useMoreControlHooks.mjs";
+import useControl from "./useVoteControlHooks.mjs";
 import _sfc_main$1 from "../ChatControl.vue.mjs";
 import InviteControl from "../InviteControl.vue.mjs";
 import ContactControl from "../ContactControl.vue.mjs";

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

@@ -1,2 +1,6 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx } from "vue";
 import { IconMore } from "@tencentcloud/uikit-base-component-vue3";
 import IconButton from "../../common/base/IconButton.vue.mjs";
-import useControl from "./useMoreControlHooks.mjs";
+import useControl from "./useVoteControlHooks.mjs";
 import "../../../services/main.mjs";
 import { roomService } from "../../../services/roomService.mjs";
 import "../../../locales/index.mjs";
@@ -16,9 +16,11 @@ const _hoisted_1 = {
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VoteControlPC",
-  setup(__props) {
-    const moreControlConfig = roomService.getComponentConfig("VoteControl");
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const voteControlConfig = roomService.getComponentConfig("VoteControl");
     const { t, basicStore, sidebarName } = useControl();
+    const emit = __emit;
     function toggleMoreSidebar() {
       if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
         basicStore.setSidebarOpenStatus(false);
@@ -27,9 +29,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       basicStore.setSidebarOpenStatus(true);
       basicStore.setSidebarName("vote");
+      emit("on-vote", {
+        name: "onVote",
+        visible: voteControlConfig.visible
+      });
     }
     return (_ctx, _cache) => {
-      return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      return unref(voteControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(IconButton, {
           "is-active": unref(sidebarName) === "vote",
           title: unref(t)("Vote"),

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

@@ -2,5 +2,9 @@ declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, imp
     "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>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | 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>;
 export default VoteControl;

package/es/components/RoomFooter/voteControl/{useMoreControlHooks.mjs → useVoteControlHooks.mjs}

@@ -8,7 +8,7 @@ function useControl() {
   const basicStore = useBasicStore();
   const { sidebarName } = storeToRefs(basicStore);
   const iconName = computed(
-    () => sidebarName.value === "more" ? ICON_NAME.MoreActive : ICON_NAME.More
+    () => sidebarName.value === "vote" ? ICON_NAME.VoteActive : ICON_NAME.Vote
   );
   return {
     t,

package/es/components/RoomVote/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-d1a96ffd"]]);
+const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11728c2b"]]);
 export {
   indexPC as default
 };

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

@@ -12,7 +12,7 @@ const _hoisted_5 = { class: "item-title" };
 const _hoisted_6 = { class: "more-item" };
 const _hoisted_7 = { class: "item-title" };
 const _hoisted_8 = { class: "more-content" };
-const _hoisted_9 = { class: "more-item" };
+const _hoisted_9 = { class: "contact-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "indexPC",
   setup(__props) {
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createVNode(unref(IconEmail), { class: "email-icon" }),
-          createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("If you have any questions, please email us.")), 1)
+          createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("Vote")), 1)
         ]),
         unref(isZH) ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("Join our product discussion group")), 1),

package/es/index.mjs

@@ -3928,7 +3928,7 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.show-more-content[data-v-4fb119e2] {
+}.show-more-content[data-v-1506794c] {
   position: absolute;
   bottom: 15px;
   left: 5%;
@@ -3936,11 +3936,11 @@ to {
   height: 17vh;
   padding: 10px;
   border-radius: 13px;
-  animation-name: popup-4fb119e2;
+  animation-name: popup-1506794c;
   animation-duration: 200ms;
   background-color: var(--bg-color-operate);
 }
-@keyframes popup-4fb119e2 {
+@keyframes popup-1506794c {
 from {
     bottom: 0;
 }
@@ -3948,10 +3948,10 @@ to {
     bottom: 15px;
 }
 }
-.control-compent[data-v-4fb119e2] {
+.control-compent[data-v-1506794c] {
   display: flex;
 }
-.close[data-v-4fb119e2] {
+.close[data-v-1506794c] {
   position: relative;
   top: 10%;
   display: flex;
@@ -5075,17 +5075,17 @@ to {
   font-size: 16px;
   font-weight: 400;
   text-align: end;
-}.more-container[data-v-d1a96ffd] {
+}.more-container[data-v-11728c2b] {
   padding: 20px;
 }
-.more-container .more-title[data-v-d1a96ffd] {
+.more-container .more-title[data-v-11728c2b] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-d1a96ffd] {
+.more-container .more-title .email-icon[data-v-11728c2b] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-d1a96ffd] {
+.more-container .more-title .more-notice[data-v-11728c2b] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -5094,15 +5094,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-d1a96ffd] {
+.more-container .more-item[data-v-11728c2b] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
+.more-container .more-item[data-v-11728c2b]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
+.more-container .more-item:not(:first-child) .item-title[data-v-11728c2b] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -5110,7 +5110,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
+.more-container .more-item:not(:first-child) .more-content[data-v-11728c2b] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5130,7 +5130,7 @@ to {
   background-color: var(--bg-color-input);
   border: 1px solid var(--stroke-color-module);
 }
-.more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-11728c2b] {
   position: absolute;
   top: 45px;
   right: 10px;

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const VoteControlH5_vue_vue_type_script_setup_true_lang = require("./VoteControlH5.vue2.js");
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const VoteControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(VoteControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4fb119e2"]]);
+const VoteControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(VoteControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1506794c"]]);
 exports.default = VoteControlH5;

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
 const IconButton = require("../../common/base/IconButton.vue.js");
-const useMoreControlHooks = require("./useMoreControlHooks.js");
+const useVoteControlHooks = require("./useVoteControlHooks.js");
 const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.vue.js");
 const InviteControl = require("../InviteControl.vue.js");
 const ContactControl = require("../ContactControl.vue.js");
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
     const showMoreContent = Vue.ref(false);
     const moreContentRef = Vue.ref();
-    const { t, sidebarName } = useMoreControlHooks.default();
+    const { t, sidebarName } = useVoteControlHooks.default();
     const roomStore = room.useRoomStore();
     const emit = __emit;
     function showMore() {

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

@@ -1,2 +1,6 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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>;
 export default _default;

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
 const IconButton = require("../../common/base/IconButton.vue.js");
-const useMoreControlHooks = require("./useMoreControlHooks.js");
+const useVoteControlHooks = require("./useVoteControlHooks.js");
 require("../../../services/main.js");
 const roomService = require("../../../services/roomService.js");
 require("../../../locales/index.js");
@@ -18,9 +18,11 @@ const _hoisted_1 = {
 };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "VoteControlPC",
-  setup(__props) {
-    const moreControlConfig = roomService.roomService.getComponentConfig("VoteControl");
-    const { t, basicStore, sidebarName } = useMoreControlHooks.default();
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const voteControlConfig = roomService.roomService.getComponentConfig("VoteControl");
+    const { t, basicStore, sidebarName } = useVoteControlHooks.default();
+    const emit = __emit;
     function toggleMoreSidebar() {
       if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
         basicStore.setSidebarOpenStatus(false);
@@ -29,9 +31,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }
       basicStore.setSidebarOpenStatus(true);
       basicStore.setSidebarName("vote");
+      emit("on-vote", {
+        name: "onVote",
+        visible: voteControlConfig.visible
+      });
     }
     return (_ctx, _cache) => {
-      return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+      return Vue.unref(voteControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
         Vue.createVNode(IconButton.default, {
           "is-active": Vue.unref(sidebarName) === "vote",
           title: Vue.unref(t)("Vote"),

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

@@ -2,5 +2,9 @@ declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, imp
     "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>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | 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>;
 export default VoteControl;

package/lib/components/RoomFooter/voteControl/{useMoreControlHooks.js → useVoteControlHooks.js}

@@ -10,7 +10,7 @@ function useControl() {
   const basicStore = basic.useBasicStore();
   const { sidebarName } = pinia.storeToRefs(basicStore);
   const iconName = Vue.computed(
-    () => sidebarName.value === "more" ? icon.ICON_NAME.MoreActive : icon.ICON_NAME.More
+    () => sidebarName.value === "vote" ? icon.ICON_NAME.VoteActive : icon.ICON_NAME.Vote
   );
   return {
     t,

package/lib/components/RoomVote/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-d1a96ffd"]]);
+const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-11728c2b"]]);
 exports.default = indexPC;

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

@@ -14,7 +14,7 @@ const _hoisted_5 = { class: "item-title" };
 const _hoisted_6 = { class: "more-item" };
 const _hoisted_7 = { class: "item-title" };
 const _hoisted_8 = { class: "more-content" };
-const _hoisted_9 = { class: "more-item" };
+const _hoisted_9 = { class: "contact-container" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "indexPC",
   setup(__props) {
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
         Vue.createElementVNode("div", _hoisted_2, [
           Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconEmail), { class: "email-icon" }),
-          Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("If you have any questions, please email us.")), 1)
+          Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Vote")), 1)
         ]),
         Vue.unref(isZH) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
           Vue.createElementVNode("div", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Join our product discussion group")), 1),

package/lib/index.js

@@ -3928,7 +3928,7 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.show-more-content[data-v-4fb119e2] {
+}.show-more-content[data-v-1506794c] {
   position: absolute;
   bottom: 15px;
   left: 5%;
@@ -3936,11 +3936,11 @@ to {
   height: 17vh;
   padding: 10px;
   border-radius: 13px;
-  animation-name: popup-4fb119e2;
+  animation-name: popup-1506794c;
   animation-duration: 200ms;
   background-color: var(--bg-color-operate);
 }
-@keyframes popup-4fb119e2 {
+@keyframes popup-1506794c {
 from {
     bottom: 0;
 }
@@ -3948,10 +3948,10 @@ to {
     bottom: 15px;
 }
 }
-.control-compent[data-v-4fb119e2] {
+.control-compent[data-v-1506794c] {
   display: flex;
 }
-.close[data-v-4fb119e2] {
+.close[data-v-1506794c] {
   position: relative;
   top: 10%;
   display: flex;
@@ -5075,17 +5075,17 @@ to {
   font-size: 16px;
   font-weight: 400;
   text-align: end;
-}.more-container[data-v-d1a96ffd] {
+}.more-container[data-v-11728c2b] {
   padding: 20px;
 }
-.more-container .more-title[data-v-d1a96ffd] {
+.more-container .more-title[data-v-11728c2b] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-d1a96ffd] {
+.more-container .more-title .email-icon[data-v-11728c2b] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-d1a96ffd] {
+.more-container .more-title .more-notice[data-v-11728c2b] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -5094,15 +5094,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-d1a96ffd] {
+.more-container .more-item[data-v-11728c2b] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
+.more-container .more-item[data-v-11728c2b]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
+.more-container .more-item:not(:first-child) .item-title[data-v-11728c2b] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -5110,7 +5110,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
+.more-container .more-item:not(:first-child) .more-content[data-v-11728c2b] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5130,7 +5130,7 @@ to {
   background-color: var(--bg-color-input);
   border: 1px solid var(--stroke-color-module);
 }
-.more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-11728c2b] {
   position: absolute;
   top: 45px;
   right: 10px;

package/package.json

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

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

@@ -29,7 +29,7 @@
 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 userVoteControl from './useVoteControlHooks';
 import ChatControl from '../ChatControl.vue';
 import InviteControl from '../InviteControl.vue';
 import ContactControl from '../ContactControl.vue';
@@ -42,7 +42,7 @@ const moreControlConfig = roomService.getComponentConfig('MoreControl');
 const showMoreContent = ref(false);
 const moreContentRef = ref();
 
-const { t, sidebarName } = userMoreControl();
+const { t, sidebarName } = userVoteControl();
 const roomStore = useRoomStore();
 const emit = defineEmits(['show-overlay']);
 function showMore() {

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

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="moreControlConfig.visible" class="vote-control-container">
+  <div v-if="voteControlConfig.visible" class="vote-control-container">
     <icon-button
       :is-active="sidebarName === 'vote'"
       :title="t('Vote')"
@@ -12,12 +12,12 @@
 <script setup lang="ts">
 import { IconMore } from '@tencentcloud/uikit-base-component-vue3';
 import IconButton from '../../common/base/IconButton.vue';
-import userMoreControl from './useMoreControlHooks';
+import userVoteControl from './useVoteControlHooks';
 import { roomService } from '../../../services';
-
-const moreControlConfig = roomService.getComponentConfig('VoteControl');
-const { t, basicStore, sidebarName } = userMoreControl();
-
+import { defineEmits } from 'vue';
+const voteControlConfig = roomService.getComponentConfig('VoteControl');
+const { t, basicStore, sidebarName } = userVoteControl();
+const emit = defineEmits(['on-vote']);
 function toggleMoreSidebar() {
   if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'vote') {
     basicStore.setSidebarOpenStatus(false);
@@ -26,6 +26,10 @@ function toggleMoreSidebar() {
   }
   basicStore.setSidebarOpenStatus(true);
   basicStore.setSidebarName('vote');
+  emit('on-vote', {
+    name: 'onVote',
+    visible: voteControlConfig.visible,
+  });
 }
 </script>
 <style lang="scss" scoped></style>

package/src/TUIRoom/components/RoomFooter/voteControl/{useMoreControlHooks.ts → useVoteControlHooks.ts}

@@ -11,7 +11,7 @@ export default function useControl() {
   const { sidebarName } = storeToRefs(basicStore);
 
   const iconName = computed(() =>
-    sidebarName.value === 'more' ? ICON_NAME.MoreActive : ICON_NAME.More
+    sidebarName.value === 'vote' ? ICON_NAME.VoteActive : ICON_NAME.Vote
   );
 
   return {

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

@@ -3,7 +3,7 @@
     <div class="more-title">
       <IconEmail class="email-icon" />
       <div class="more-notice">
-        {{ t('If you have any questions, please email us.') }}
+        {{ t('Vote') }}
       </div>
     </div>
     <div v-if="isZH" class="more-item">
@@ -15,7 +15,7 @@
       <div class="more-content">{{ email }}</div>
       <IconCopy class="copy-icon" @click="onCopy(email)" />
     </div>
-    <div class="more-item">
+    <div class="contact-container">
       <slot name="content"></slot>
     </div>
   </div>