@ndscnj/roomkit-web-vue3 25.12.24166 → 25.12.24168

package/es/components/RoomFooter/VoteControl/MoreControlH5.vue.mjs

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

package/es/components/RoomFooter/VoteControl/MoreControlH5.vue2.mjs

@@ -1,6 +1,5 @@
 import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx, createElementVNode } from "vue";
 import _imports_0 from "../../../assets/imgs/vote-icon.png.mjs";
-import { IconMore } from "@tencentcloud/uikit-base-component-vue3";
 import IconButton from "../../common/base/IconButton.vue.mjs";
 import useControl from "./useMoreControlHooks.mjs";
 import "../../../services/main.mjs";
@@ -42,14 +41,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           title: unref(t)("Vote"),
           onClickIcon: toggleMoreSidebar
         }, {
-          default: withCtx(() => [
-            createVNode(unref(IconMore), { size: "24" }),
-            _cache[0] || (_cache[0] = createElementVNode("img", {
+          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createElementVNode("img", {
               class: "ndsc-img-box",
               src: _imports_0,
               alt: ""
-            }, null, -1))
-          ]),
+            }, null, -1)
+          ])]),
           _: 1
         }, 8, ["is-active", "title"])
       ])) : createCommentVNode("", true);

package/es/components/RoomFooter/VoteControl/MoreControlPC.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MoreControlPC.vue2.mjs";
 /* empty css                    */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MoreControlPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e42a812"]]);
+const MoreControlPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-997feff9"]]);
 export {
   MoreControlPc as default
 };

package/es/components/RoomFooter/VoteControl/MoreControlPC.vue2.mjs

@@ -1,6 +1,5 @@
 import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx, createElementVNode } from "vue";
 import _imports_0 from "../../../assets/imgs/vote-icon.png.mjs";
-import { IconMore } from "@tencentcloud/uikit-base-component-vue3";
 import IconButton from "../../common/base/IconButton.vue.mjs";
 import useControl from "./useMoreControlHooks.mjs";
 import "../../../services/main.mjs";
@@ -42,14 +41,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           title: unref(t)("Vote"),
           onClickIcon: toggleMoreSidebar
         }, {
-          default: withCtx(() => [
-            createVNode(unref(IconMore), { size: "24" }),
-            _cache[0] || (_cache[0] = createElementVNode("img", {
+          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createElementVNode("img", {
               class: "ndsc-img-box",
               src: _imports_0,
               alt: ""
-            }, null, -1))
-          ]),
+            }, null, -1)
+          ])]),
           _: 1
         }, 8, ["is-active", "title"])
       ])) : createCommentVNode("", true);

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

@@ -1,8 +1,35 @@
-declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+declare const Index: ({
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+        "onOn-vote"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "show-overlay": (...args: any[]) => void;
+        "on-vote": (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{
+        "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+        "onOn-vote"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
     "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
+    "onOn-vote"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "show-overlay": (...args: any[]) => void;
+    "on-vote": (...args: any[]) => void;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        content?(_: {}): any;
+    };
+})) | ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         "onOn-vote"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/es/components/RoomFooter/index/indexH5.vue.d.ts

@@ -1,6 +1,17 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    content?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "show-overlay": (...args: any[]) => void;
+    "on-vote": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+    "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/index/indexH5.vue.mjs

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, withDirectives, createCommentVNode, createVNode, unref, createBlock } from "vue";
+import { defineComponent, createElementBlock, openBlock, withDirectives, createCommentVNode, createVNode, unref, createBlock, withCtx, renderSlot } from "vue";
 import _sfc_main$1 from "../../../core/components/AudioSetting/index.vue.mjs";
 import VideoSetting from "../../../core/components/VideoSetting/index.vue.mjs";
 import "@tencentcloud/uikit-base-component-vue3";
@@ -55,17 +55,22 @@ import _sfc_main$4 from "../ManageMemberControl.vue.mjs";
 import _sfc_main$2 from "../ChatControl.vue.mjs";
 import _sfc_main$3 from "../ManageStageControl.vue.mjs";
 import MemberApplyControl from "../ApplyControl/MemberApplyControl.vue.mjs";
-import MoreControl from "../MoreControl/index.mjs";
+import MoreControl$1 from "../MoreControl/index.mjs";
 import AIControl from "../AIControl.vue.mjs";
+import MoreControl from "../VoteControl/index.mjs";
 import bus from "../../../hooks/useMitt.mjs";
 import useRoomFooter from "./useRoomFooterHooks.mjs";
 const _hoisted_1 = { class: "footer-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "indexH5",
-  emits: ["show-overlay"],
+  emits: ["show-overlay", "on-vote"],
   setup(__props, { emit: __emit }) {
     const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooter();
     const emit = __emit;
+    const onVote = (data) => {
+      console.log(data, "data111");
+      emit("on-vote", { code: data.visible, message: "vote" });
+    };
     function handleControlClick(name) {
       bus.emit("experience-communication", name);
     }
@@ -86,11 +91,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, null, 8, ["display-mode"])), [
           [unref(vTap), () => handleControlClick("videoControl")]
         ]) : createCommentVNode("", true),
+        createVNode(unref(MoreControl), {
+          class: "center-container-item",
+          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("voteControl")),
+          onOnVote: onVote
+        }, {
+          content: withCtx(() => [
+            renderSlot(_ctx.$slots, "content", {}, void 0, true)
+          ]),
+          _: 3
+        }),
         !unref(roomStore).isSpeakAfterTakingSeatMode ? withDirectives((openBlock(), createBlock(_sfc_main$2, { key: 2 }, null, 512)), [
           [unref(vTap), () => handleControlClick("chatControl")]
         ]) : createCommentVNode("", true),
         createVNode(AIControl, {
-          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
+          onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("AIControl"))
         }),
         unref(roomStore).isSpeakAfterTakingSeatMode && (unref(isMaster) || unref(isAdmin)) ? withDirectives((openBlock(), createBlock(_sfc_main$3, { key: 3 }, null, 512)), [
           [unref(vTap), () => handleControlClick("MasterApplyControl")]
@@ -101,7 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         withDirectives(createVNode(_sfc_main$4, null, null, 512), [
           [unref(vTap), () => handleControlClick("manageMemberControl")]
         ]),
-        withDirectives(createVNode(unref(MoreControl), { onShowOverlay: handleShowOverlay }, null, 512), [
+        withDirectives(createVNode(unref(MoreControl$1), { onShowOverlay: handleShowOverlay }, null, 512), [
           [unref(vTap), () => handleControlClick("moreControl")]
         ])
       ]);

package/es/components/RoomSidebar/indexPC.vue.d.ts

@@ -1,6 +1,5 @@
 declare function __VLS_template(): {
     content?(_: {}): any;
-    contentH5?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/es/components/RoomSidebar/indexPC.vue.mjs

@@ -27,9 +27,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               content: withCtx(() => [
                 renderSlot(_ctx.$slots, "content")
               ]),
-              contentH5: withCtx(() => [
-                renderSlot(_ctx.$slots, "contentH5")
-              ]),
               _: 3
             })) : createCommentVNode("", true),
             unref(sidebarName) == "more" ? (openBlock(), createBlock(unref(Index$2), { key: 2 })) : createCommentVNode("", true),

package/es/components/RoomVote/index.d.ts

@@ -1,20 +1,4 @@
-declare const Index: ({
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        contentH5?(_: {}): any;
-    };
-})) | ({
+declare const Index: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -30,5 +14,5 @@ declare const Index: ({
     $slots: {
         content?(_: {}): any;
     };
-}));
+});
 export default Index;

package/es/components/RoomVote/indexH5.vue.d.ts

@@ -1,5 +1,5 @@
 declare function __VLS_template(): {
-    contentH5?(_: {}): any;
+    content?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -5,10 +5,10 @@ const _sfc_main = {};
 const _hoisted_1 = { class: "more-container" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
+    renderSlot(_ctx.$slots, "content", {}, void 0, true)
   ]);
 }
-const indexH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6c9f3c67"]]);
+const indexH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5d02e842"]]);
 export {
   indexH5 as default
 };

package/es/conference.vue.d.ts

@@ -16,7 +16,6 @@ declare function enterRoom(options: {
 declare function resetStore(): void;
 declare function __VLS_template(): {
     content?(_: {}): any;
-    contentH5?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     displayMode: "permanent" | "wake-up";

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-5135c8c9"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d7b72df"]]);
 export {
   ConferenceMainView as default
 };

package/es/conference.vue2.mjs

@@ -281,9 +281,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           content: withCtx(() => [
             renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ]),
-          contentH5: withCtx(() => [
-            renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
-          ]),
           _: 3
         }),
         createVNode(RoomSetting),

package/es/index.mjs

@@ -3664,7 +3664,13 @@ to {
 .tool-box .tool-box-item[data-v-34681937]:hover {
   border-radius: 8px;
   background-color: var(--list-color-hover);
-}.footer-container[data-v-f3bbac91] {
+}.ndsc-img-box[data-v-2a47be79] {
+  width: 24px;
+  height: 24px;
+}.ndsc-img-box[data-v-997feff9] {
+  width: 24px;
+  height: 24px;
+}.footer-container[data-v-df7f3346] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3928,12 +3934,6 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.ndsc-img-box[data-v-2d633075] {
-  width: 50px;
-  height: 50px;
-}.ndsc-img-box[data-v-9e42a812] {
-  width: 50px;
-  height: 50px;
 }.footer-container[data-v-4afcea78] {
   position: absolute;
   bottom: 0;
@@ -4954,17 +4954,17 @@ to {
   right: 0;
   z-index: 101;
   height: 100%;
-}.more-container[data-v-6c9f3c67] {
+}.more-container[data-v-5d02e842] {
   padding: 20px;
 }
-.more-container .more-title[data-v-6c9f3c67] {
+.more-container .more-title[data-v-5d02e842] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-6c9f3c67] {
+.more-container .more-title .email-icon[data-v-5d02e842] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-6c9f3c67] {
+.more-container .more-title .more-notice[data-v-5d02e842] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -4973,15 +4973,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-6c9f3c67] {
+.more-container .more-item[data-v-5d02e842] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-6c9f3c67]:not(:first-child) {
+.more-container .more-item[data-v-5d02e842]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-6c9f3c67] {
+.more-container .more-item:not(:first-child) .item-title[data-v-5d02e842] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -4989,7 +4989,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-6c9f3c67] {
+.more-container .more-item:not(:first-child) .more-content[data-v-5d02e842] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5009,7 +5009,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-6c9f3c67] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-5d02e842] {
   position: absolute;
   top: 45px;
   right: 10px;
@@ -9111,7 +9111,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-5135c8c9] {
+}.tui-room[data-v-3d7b72df] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9123,7 +9123,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-5135c8c9] {
+.tui-room .header[data-v-3d7b72df] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9134,20 +9134,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-5135c8c9] {
+.tui-room .content[data-v-3d7b72df] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-5135c8c9] {
+.tui-room.tui-room-h5[data-v-3d7b72df] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-5135c8c9] {
+#roomContainer.chat-room[data-v-3d7b72df] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9159,8 +9159,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-5135c8c9],
-#roomContainer .chat-room[data-v-5135c8c9] {
+#roomContainer.tui-room-h5[data-v-3d7b72df],
+#roomContainer .chat-room[data-v-3d7b72df] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue.js

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

package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue2.js

@@ -2,7 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
 const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
 const IconButton = require("../../common/base/IconButton.vue.js");
 const useMoreControlHooks = require("./useMoreControlHooks.js");
 require("../../../services/main.js");
@@ -44,14 +43,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           title: Vue.unref(t)("Vote"),
           onClickIcon: toggleMoreSidebar
         }, {
-          default: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" }),
-            _cache[0] || (_cache[0] = Vue.createElementVNode("img", {
+          default: Vue.withCtx(() => [..._cache[0] || (_cache[0] = [
+            Vue.createElementVNode("img", {
               class: "ndsc-img-box",
               src: voteIcon.default,
               alt: ""
-            }, null, -1))
-          ]),
+            }, null, -1)
+          ])]),
           _: 1
         }, 8, ["is-active", "title"])
       ])) : Vue.createCommentVNode("", true);

package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue2.js");
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const MoreControlPc = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-9e42a812"]]);
+const MoreControlPc = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-997feff9"]]);
 exports.default = MoreControlPc;

package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue2.js

@@ -2,7 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
 const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
 const IconButton = require("../../common/base/IconButton.vue.js");
 const useMoreControlHooks = require("./useMoreControlHooks.js");
 require("../../../services/main.js");
@@ -44,14 +43,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           title: Vue.unref(t)("Vote"),
           onClickIcon: toggleMoreSidebar
         }, {
-          default: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" }),
-            _cache[0] || (_cache[0] = Vue.createElementVNode("img", {
+          default: Vue.withCtx(() => [..._cache[0] || (_cache[0] = [
+            Vue.createElementVNode("img", {
               class: "ndsc-img-box",
               src: voteIcon.default,
               alt: ""
-            }, null, -1))
-          ]),
+            }, null, -1)
+          ])]),
           _: 1
         }, 8, ["is-active", "title"])
       ])) : Vue.createCommentVNode("", true);

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

@@ -1,8 +1,35 @@
-declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+declare const Index: ({
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+        "onOn-vote"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "show-overlay": (...args: any[]) => void;
+        "on-vote": (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{
+        "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+        "onOn-vote"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
     "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
+    "onOn-vote"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "show-overlay": (...args: any[]) => void;
+    "on-vote": (...args: any[]) => void;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        content?(_: {}): any;
+    };
+})) | ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         "onOn-vote"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/lib/components/RoomFooter/index/indexH5.vue.d.ts

@@ -1,6 +1,17 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    content?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "show-overlay": (...args: any[]) => void;
+    "on-vote": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+    "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/index/indexH5.vue.js

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

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

@@ -57,17 +57,22 @@ const ManageMemberControl_vue_vue_type_script_setup_true_lang = require("../Mana
 const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.vue.js");
 const ManageStageControl_vue_vue_type_script_setup_true_lang = require("../ManageStageControl.vue.js");
 const MemberApplyControl = require("../ApplyControl/MemberApplyControl.vue.js");
-const index$1 = require("../MoreControl/index.js");
+const index$2 = require("../MoreControl/index.js");
 const AIControl = require("../AIControl.vue.js");
+const index$1 = require("../VoteControl/index.js");
 const useMitt = require("../../../hooks/useMitt.js");
 const useRoomFooterHooks = require("./useRoomFooterHooks.js");
 const _hoisted_1 = { class: "footer-container" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "indexH5",
-  emits: ["show-overlay"],
+  emits: ["show-overlay", "on-vote"],
   setup(__props, { emit: __emit }) {
     const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooterHooks.default();
     const emit = __emit;
+    const onVote = (data) => {
+      console.log(data, "data111");
+      emit("on-vote", { code: data.visible, message: "vote" });
+    };
     function handleControlClick(name) {
       useMitt.default.emit("experience-communication", name);
     }
@@ -88,11 +93,21 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }, null, 8, ["display-mode"])), [
           [Vue.unref(vTap.default), () => handleControlClick("videoControl")]
         ]) : Vue.createCommentVNode("", true),
+        Vue.createVNode(Vue.unref(index$1.default), {
+          class: "center-container-item",
+          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("voteControl")),
+          onOnVote: onVote
+        }, {
+          content: Vue.withCtx(() => [
+            Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
+          ]),
+          _: 3
+        }),
         !Vue.unref(roomStore).isSpeakAfterTakingSeatMode ? Vue.withDirectives((Vue.openBlock(), Vue.createBlock(ChatControl_vue_vue_type_script_setup_true_lang.default, { key: 2 }, null, 512)), [
           [Vue.unref(vTap.default), () => handleControlClick("chatControl")]
         ]) : Vue.createCommentVNode("", true),
         Vue.createVNode(AIControl.default, {
-          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
+          onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("AIControl"))
         }),
         Vue.unref(roomStore).isSpeakAfterTakingSeatMode && (Vue.unref(isMaster) || Vue.unref(isAdmin)) ? Vue.withDirectives((Vue.openBlock(), Vue.createBlock(ManageStageControl_vue_vue_type_script_setup_true_lang.default, { key: 3 }, null, 512)), [
           [Vue.unref(vTap.default), () => handleControlClick("MasterApplyControl")]
@@ -103,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         Vue.withDirectives(Vue.createVNode(ManageMemberControl_vue_vue_type_script_setup_true_lang.default, null, null, 512), [
           [Vue.unref(vTap.default), () => handleControlClick("manageMemberControl")]
         ]),
-        Vue.withDirectives(Vue.createVNode(Vue.unref(index$1.default), { onShowOverlay: handleShowOverlay }, null, 512), [
+        Vue.withDirectives(Vue.createVNode(Vue.unref(index$2.default), { onShowOverlay: handleShowOverlay }, null, 512), [
           [Vue.unref(vTap.default), () => handleControlClick("moreControl")]
         ])
       ]);

package/lib/components/RoomSidebar/indexPC.vue.d.ts

@@ -1,6 +1,5 @@
 declare function __VLS_template(): {
     content?(_: {}): any;
-    contentH5?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/components/RoomSidebar/indexPC.vue.js

@@ -29,9 +29,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
               content: Vue.withCtx(() => [
                 Vue.renderSlot(_ctx.$slots, "content")
               ]),
-              contentH5: Vue.withCtx(() => [
-                Vue.renderSlot(_ctx.$slots, "contentH5")
-              ]),
               _: 3
             })) : Vue.createCommentVNode("", true),
             Vue.unref(sidebarName) == "more" ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$2.default), { key: 2 })) : Vue.createCommentVNode("", true),

package/lib/components/RoomVote/index.d.ts

@@ -1,20 +1,4 @@
-declare const Index: ({
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        contentH5?(_: {}): any;
-    };
-})) | ({
+declare const Index: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -30,5 +14,5 @@ declare const Index: ({
     $slots: {
         content?(_: {}): any;
     };
-}));
+});
 export default Index;

package/lib/components/RoomVote/indexH5.vue.d.ts

@@ -1,5 +1,5 @@
 declare function __VLS_template(): {
-    contentH5?(_: {}): any;
+    content?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -7,8 +7,8 @@ const _sfc_main = {};
 const _hoisted_1 = { class: "more-container" };
 function _sfc_render(_ctx, _cache) {
   return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-    Vue.renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
+    Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
   ]);
 }
-const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6c9f3c67"]]);
+const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5d02e842"]]);
 exports.default = indexH5;

package/lib/conference.vue.d.ts

@@ -16,7 +16,6 @@ declare function enterRoom(options: {
 declare function resetStore(): void;
 declare function __VLS_template(): {
     content?(_: {}): any;
-    contentH5?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     displayMode: "permanent" | "wake-up";

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-5135c8c9"]]);
+const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3d7b72df"]]);
 exports.default = ConferenceMainView;

package/lib/conference.vue2.js

@@ -283,9 +283,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           content: Vue.withCtx(() => [
             Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ]),
-          contentH5: Vue.withCtx(() => [
-            Vue.renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
-          ]),
           _: 3
         }),
         Vue.createVNode(index$4.default),

package/lib/index.js

@@ -3664,7 +3664,13 @@ to {
 .tool-box .tool-box-item[data-v-34681937]:hover {
   border-radius: 8px;
   background-color: var(--list-color-hover);
-}.footer-container[data-v-f3bbac91] {
+}.ndsc-img-box[data-v-2a47be79] {
+  width: 24px;
+  height: 24px;
+}.ndsc-img-box[data-v-997feff9] {
+  width: 24px;
+  height: 24px;
+}.footer-container[data-v-df7f3346] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3928,12 +3934,6 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.ndsc-img-box[data-v-2d633075] {
-  width: 50px;
-  height: 50px;
-}.ndsc-img-box[data-v-9e42a812] {
-  width: 50px;
-  height: 50px;
 }.footer-container[data-v-4afcea78] {
   position: absolute;
   bottom: 0;
@@ -4954,17 +4954,17 @@ to {
   right: 0;
   z-index: 101;
   height: 100%;
-}.more-container[data-v-6c9f3c67] {
+}.more-container[data-v-5d02e842] {
   padding: 20px;
 }
-.more-container .more-title[data-v-6c9f3c67] {
+.more-container .more-title[data-v-5d02e842] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-6c9f3c67] {
+.more-container .more-title .email-icon[data-v-5d02e842] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-6c9f3c67] {
+.more-container .more-title .more-notice[data-v-5d02e842] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -4973,15 +4973,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-6c9f3c67] {
+.more-container .more-item[data-v-5d02e842] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-6c9f3c67]:not(:first-child) {
+.more-container .more-item[data-v-5d02e842]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-6c9f3c67] {
+.more-container .more-item:not(:first-child) .item-title[data-v-5d02e842] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -4989,7 +4989,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-6c9f3c67] {
+.more-container .more-item:not(:first-child) .more-content[data-v-5d02e842] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5009,7 +5009,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-6c9f3c67] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-5d02e842] {
   position: absolute;
   top: 45px;
   right: 10px;
@@ -9111,7 +9111,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-5135c8c9] {
+}.tui-room[data-v-3d7b72df] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9123,7 +9123,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-5135c8c9] {
+.tui-room .header[data-v-3d7b72df] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9134,20 +9134,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-5135c8c9] {
+.tui-room .content[data-v-3d7b72df] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-5135c8c9] {
+.tui-room.tui-room-h5[data-v-3d7b72df] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-5135c8c9] {
+#roomContainer.chat-room[data-v-3d7b72df] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9159,8 +9159,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-5135c8c9],
-#roomContainer .chat-room[data-v-5135c8c9] {
+#roomContainer.tui-room-h5[data-v-3d7b72df],
+#roomContainer .chat-room[data-v-3d7b72df] {
   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.24166",
+  "version": "25.12.24168",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",

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

@@ -5,7 +5,6 @@
       :title="t('Vote')"
       @click-icon="toggleMoreSidebar"
     >
-      <IconMore size="24" />
       <img class="ndsc-img-box" src="../../../assets/imgs/vote-icon.png" alt=""/>
     </icon-button>
   </div>
@@ -35,7 +34,7 @@ function toggleMoreSidebar() {
 </script>
 <style lang="scss" scoped>
 .ndsc-img-box{
-  width: 50px;
-  height: 50px
+  width: 24px;
+  height: 24px
 }
 </style>

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

@@ -5,7 +5,6 @@
       :title="t('Vote')"
       @click-icon="toggleMoreSidebar"
     >
-      <IconMore size="24" />
       <img class="ndsc-img-box" src="../../../assets/imgs/vote-icon.png" alt=""/>
     </icon-button>
   </div>
@@ -35,7 +34,7 @@ function toggleMoreSidebar() {
 </script>
 <style lang="scss" scoped>
 .ndsc-img-box{
-  width: 50px;
-  height: 50px
+  width: 24px;
+  height: 24px
 }
 </style>

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

@@ -10,6 +10,15 @@
       :display-mode="MediaSettingDisplayMode.Icon"
       v-tap="() => handleControlClick('videoControl')"
     />
+    <voteControl
+      class="center-container-item"
+      @click="handleControlClick('voteControl')"
+      @on-vote="onVote"
+    >
+    <template #content>
+      <slot name="content"></slot>
+    </template>
+    </voteControl>
     <chat-control
       v-if="!roomStore.isSpeakAfterTakingSeatMode"
       v-tap="() => handleControlClick('chatControl')"
@@ -47,6 +56,7 @@ import MasterApplyControl from '../ManageStageControl.vue';
 import MemberApplyControl from '../ApplyControl/MemberApplyControl.vue';
 import MoreControl from '../MoreControl/index';
 import AIControl from '../AIControl.vue';
+import voteControl from '../VoteControl';
 import bus from '../../../hooks/useMitt';
 import vTap from '../../../directives/vTap';
 
@@ -54,8 +64,11 @@ 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 }) => {
+  console.log(data,"data111")
+  emit('on-vote', { code: data.visible, message: 'vote' });
+};
 function handleControlClick(name: string) {
   bus.emit('experience-communication', name);
 }

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

@@ -12,9 +12,6 @@
         <template #content>
           <slot name="content"></slot>
         </template>
-        <template #contentH5>
-          <slot name="contentH5"></slot>
-        </template>
       </room-vote>
       <room-more v-if="sidebarName == 'more'" />
       <manage-member v-if="sidebarName == 'manage-member'" />

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

@@ -1,6 +1,6 @@
 <template>
   <div class="more-container">
-    <slot name="contentH5"></slot>
+    <slot name="content"></slot>
   </div>
 </template>
 

package/src/TUIRoom/conference.vue

@@ -23,9 +23,6 @@
       <template #content>
           <slot name="content"></slot>
         </template>
-      <template #contentH5>
-        <slot name="contentH5"></slot>
-      </template>
     </room-sidebar>
     <room-setting />
     <room-overlay />