@ndscnj/roomkit-web-vue3 25.12.24159 → 25.12.24162

package/es/assets/imgs/vote-icon.png.mjs

@@ -0,0 +1,4 @@
+const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKhSURBVFiF7ZWxftMwEIf/F3lgI0yl1VDzBNwv8sBGusHWbt2IR6a2T9DyBC1P0HRkKmxsKVM7WI76BkxJx3RjiHMMOMW4tmO70Ilbkp9P0vfJ0p0VHhjMzFrrS631s8lkctF0vnooXCk1AvAcQF9rTU0lWgtk4CCitwAYwG5TiVYCWXiSJFtxHF+tra196nQ6b5pKNBZgZl8pdbmEO+ccANzc3PxoI9FIIIWPADzJwpfRRqK2QAbeLYK3laglkIH7IvJ+PB5/rRrfRGKlQA4exnE8rCNdV6JSoC28iQT9TXiv1xssFguXvx/M3FVKjQH4RLQVRdGdRKcpnJm7RXOCIDgiolOl1F5BejlnNp/PZ9nEPYEquDHmXCk1ZmY/DxeRQwAuSZKDkvUKq+eegFLquOK1nwHwlVKjpUQOvuWcu9thdjNEtFNUuvcEiOg6/X2dz1lrP4tIuJQIguC4DlxEwuy5/7Hh/IPJZHKhtSYA+xsbG/50Ov2SzU+nU7e+vn5LRLsAXtWBV13gwjKsIXGltf62PPO2cCzLkJm7nudxPikiewC2AQyttWHVQnk4gCERnZWNnc/nzjk3o8yntbC8MlEpkYPXjR0yxowAsIh8LBtFRC8BbBPRSRRFB/l87rafLBaL21VkInoHAJ6I+ETk4jg+qppgjDkVkf0gCG6jKLobmz9za22tdm2M2QQwKOyERZG+/qGIHAZBcITfLfY8hR80/VYAgNdksLU2NMYglXgqIn0ATEQfrLUnTeErBXq93qCoIeFXheynf2cismmMOS0Zdx3HcalcqQAzd4nouEZ1dAEMypJE9B1AcwHn3IyZX9QQWBWzqmTlEaQdrnKBh0btKvgv8K/CS29pP23JjxkMwHlJkoRpN+s/soBLkiT8CfdGvsMQPqX9AAAAAElFTkSuQmCC";
+export {
+  _imports_0 as default
+};

package/es/components/RoomFooter/VoteControl/MoreControlH5.vue.d.ts

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

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-b8ad5a8b"]]);
+const MoreControlH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70cfb5f8"]]);
 export {
   MoreControlH5 as default
 };

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

@@ -1,63 +1,72 @@
-import { defineComponent, ref, onMounted, onUnmounted, resolveDirective, createElementBlock, openBlock, createCommentVNode, unref, withDirectives, createBlock, withCtx, createVNode } from "vue";
-import { IconExtension } from "@tencentcloud/uikit-base-component-vue3";
+import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, createElementVNode, withCtx } from "vue";
+import _imports_0 from "../../../assets/imgs/vote-icon.png.mjs";
 import IconButton from "../../common/base/IconButton.vue.mjs";
-import useControl from "./useMoreControlHooks.mjs";
+import { IconChat } from "@tencentcloud/uikit-base-component-vue3";
+import { useBasicStore } from "../../../stores/basic.mjs";
+import { useChatStore } from "../../../stores/chat.mjs";
+import { storeToRefs } from "pinia";
+import { useI18n } from "../../../locales/index.mjs";
+import TuiBadge from "../../common/base/Badge.vue.mjs";
 import "../../../services/main.mjs";
 import { roomService } from "../../../services/roomService.mjs";
-import "../../../locales/index.mjs";
 import "@tencentcloud/tuiroom-engine-js";
 import "../../../utils/environment.mjs";
 import "mitt";
 import "../../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import { MetricsKey } from "../../../services/manager/dataReportManager.mjs";
 const _hoisted_1 = {
   key: 0,
-  class: "more-control-container"
+  class: "vote-control-container"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MoreControlH5",
-  emits: ["show-overlay", "on-vote"],
-  setup(__props, { emit: __emit }) {
-    const voteControlConfig = roomService.getComponentConfig("MoreControl");
-    const showMoreContent = ref(false);
-    const moreContentRef = ref();
-    const { t, sidebarName, basicStore } = useControl();
-    const emit = __emit;
-    function showMore() {
-      showMoreContent.value = true;
-      emit("on-vote", {
-        name: "onVote",
-        visible: basicStore.isSidebarOpen
-      });
-    }
-    function handleDocumentClick(event) {
-      if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
-        showMoreContent.value = false;
+  setup(__props) {
+    const { t } = useI18n();
+    const chatControlConfig = roomService.getComponentConfig("MoreControl");
+    const basicStore = useBasicStore();
+    const chatStore = useChatStore();
+    const { sidebarName } = storeToRefs(basicStore);
+    async function toggleChatSidebar() {
+      if (basicStore.isSidebarOpen && basicStore.sidebarName === "vote") {
+        basicStore.setSidebarOpenStatus(false);
+        basicStore.setSidebarName("");
+        return;
       }
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("vote");
+      chatStore.updateUnReadCount(0);
+      roomService.dataReportManager.reportCount(MetricsKey.openChat);
+      roomService.trackingManager.sendMessage("experience-vote");
     }
-    onMounted(() => {
-      document == null ? void 0 : document.addEventListener("click", handleDocumentClick, true);
-    });
-    onUnmounted(() => {
-      document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
-    });
     return (_ctx, _cache) => {
-      const _directive_tap = resolveDirective("tap");
-      return openBlock(), createElementBlock("div", null, [
-        unref(voteControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          withDirectives((openBlock(), createBlock(IconButton, {
-            "is-active": unref(sidebarName) === "vote",
-            title: unref(t)("Vote")
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(IconExtension), { size: "24" })
-            ]),
-            _: 1
-          }, 8, ["is-active", "title"])), [
-            [_directive_tap, showMore]
-          ])
-        ])) : createCommentVNode("", true)
-      ]);
+      return unref(chatControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(TuiBadge, {
+          hidden: unref(chatStore).unReadCount === 0,
+          value: unref(chatStore).unReadCount,
+          max: 10
+        }, {
+          default: withCtx(() => [
+            createVNode(IconButton, {
+              title: unref(t)("Vote"),
+              "is-active": unref(sidebarName) === "vote",
+              onClickIcon: toggleChatSidebar
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconChat), { size: "24" })
+              ]),
+              _: 1
+            }, 8, ["title", "is-active"])
+          ]),
+          _: 1
+        }, 8, ["hidden", "value"]),
+        _cache[0] || (_cache[0] = createElementVNode("img", {
+          class: "ndsc-img-box",
+          src: _imports_0,
+          alt: "",
+          click: "toggleChatSidebar"
+        }, null, -1))
+      ])) : createCommentVNode("", true);
     };
   }
 });

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

@@ -1,55 +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 "../../../services/main.mjs";
-import { roomService } from "../../../services/roomService.mjs";
-import "../../../locales/index.mjs";
-import "@tencentcloud/tuiroom-engine-js";
-import "../../../utils/environment.mjs";
-import "mitt";
-import "../../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-const _hoisted_1 = {
-  key: 0,
-  class: "more-control-container"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MoreControlPC",
-  emits: ["on-vote"],
-  setup(__props, { emit: __emit }) {
-    const moreControlConfig = roomService.getComponentConfig("MoreControl");
-    const { t, basicStore, sidebarName } = useControl();
-    const emit = __emit;
-    function toggleMoreSidebar() {
-      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
-        basicStore.setSidebarOpenStatus(false);
-        basicStore.setSidebarName("");
-        return;
-      }
-      basicStore.setSidebarOpenStatus(true);
-      basicStore.setSidebarName("vote");
-      emit("on-vote", {
-        name: "onVote",
-        visible: basicStore.isSidebarOpen
-      });
-    }
-    return (_ctx, _cache) => {
-      return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(IconButton, {
-          "is-active": unref(sidebarName) === "vote",
-          title: unref(t)("Vote"),
-          onClickIcon: toggleMoreSidebar
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(IconMore), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
+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-50420946"]]);
 export {
-  _sfc_main as default
+  MoreControlPc as default
 };

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

@@ -1,4 +1,62 @@
-import _sfc_main from "./MoreControlPC.vue.mjs";
+import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, createElementVNode, withCtx } 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";
+import { roomService } from "../../../services/roomService.mjs";
+import "../../../locales/index.mjs";
+import "@tencentcloud/tuiroom-engine-js";
+import "../../../utils/environment.mjs";
+import "mitt";
+import "../../../services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
+const _hoisted_1 = {
+  key: 0,
+  class: "more-control-container"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MoreControlPC",
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const moreControlConfig = roomService.getComponentConfig("MoreControl");
+    const { t, basicStore, sidebarName } = useControl();
+    const emit = __emit;
+    function toggleMoreSidebar() {
+      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
+        basicStore.setSidebarOpenStatus(false);
+        basicStore.setSidebarName("");
+        return;
+      }
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("vote");
+      emit("on-vote", {
+        name: "onVote",
+        visible: basicStore.isSidebarOpen
+      });
+    }
+    return (_ctx, _cache) => {
+      return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(IconButton, {
+          "is-active": unref(sidebarName) === "vote",
+          title: unref(t)("Vote"),
+          onClickIcon: toggleMoreSidebar
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(IconMore), { size: "24" })
+          ]),
+          _: 1
+        }, 8, ["is-active", "title"]),
+        _cache[0] || (_cache[0] = createElementVNode("img", {
+          class: "ndsc-img-box",
+          src: _imports_0,
+          alt: "",
+          click: "toggleMoreSidebar"
+        }, null, -1))
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,10 +1,4 @@
-declare const MoreControl: 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> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const MoreControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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;

package/es/components/RoomFooter/VoteControl/index.mjs

@@ -1,7 +1,7 @@
 import MoreControlH5 from "./MoreControlH5.vue.mjs";
-import _sfc_main from "./MoreControlPC.vue.mjs";
+import MoreControlPc from "./MoreControlPC.vue.mjs";
 import { isMobile } from "../../../utils/environment.mjs";
-const MoreControl = isMobile ? MoreControlH5 : _sfc_main;
+const MoreControl = isMobile ? MoreControlH5 : MoreControlPc;
 export {
   MoreControl as default
 };

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

@@ -1,10 +1,8 @@
 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: {};
@@ -14,20 +12,17 @@ declare const Index: ({
         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;
-    "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;
+        contentH5?(_: {}): any;
     };
 })) | ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{

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

@@ -1,12 +1,10 @@
 declare function __VLS_template(): {
-    content?(_: {}): any;
+    contentH5?(_: {}): 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;

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-ee2c0715"]]);
+const indexH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-253a50f0"]]);
 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, withCtx, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, withDirectives, createCommentVNode, renderSlot, createVNode, unref, createBlock } 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,21 +55,17 @@ 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$1 from "../MoreControl/index.mjs";
-import MoreControl from "../VoteControl/index.mjs";
+import MoreControl from "../MoreControl/index.mjs";
 import AIControl from "../AIControl.vue.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", "on-vote"],
+  emits: ["show-overlay"],
   setup(__props, { emit: __emit }) {
     const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooter();
     const emit = __emit;
-    const onVote = (data) => {
-      emit("on-vote", { code: data.visible, message: "vote" });
-    };
     function handleControlClick(name) {
       bus.emit("experience-communication", name);
     }
@@ -93,17 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !unref(roomStore).isSpeakAfterTakingSeatMode ? withDirectives((openBlock(), createBlock(_sfc_main$2, { key: 2 }, null, 512)), [
           [unref(vTap), () => handleControlClick("chatControl")]
         ]) : createCommentVNode("", true),
-        withDirectives((openBlock(), createBlock(unref(MoreControl), {
-          onShowOverlay: handleShowOverlay,
-          onOnVote: onVote
-        }, {
-          content: withCtx(() => [
-            renderSlot(_ctx.$slots, "content", {}, void 0, true)
-          ]),
-          _: 3
-        })), [
-          [unref(vTap), () => handleControlClick("voteControl")]
-        ]),
+        renderSlot(_ctx.$slots, "contentH5", {}, void 0, true),
         createVNode(AIControl, {
           onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
         }),
@@ -116,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         withDirectives(createVNode(_sfc_main$4, null, null, 512), [
           [unref(vTap), () => handleControlClick("manageMemberControl")]
         ]),
-        withDirectives(createVNode(unref(MoreControl$1), { onShowOverlay: handleShowOverlay }, null, 512), [
+        withDirectives(createVNode(unref(MoreControl), { onShowOverlay: handleShowOverlay }, null, 512), [
           [unref(vTap), () => handleControlClick("moreControl")]
         ])
       ]);

package/es/index.mjs

@@ -3635,44 +3635,6 @@ to {
   border-radius: 8px;
   color: var(--text-color-primary);
   background-color: var(--button-color-secondary-default);
-}.show-more-content[data-v-b8ad5a8b] {
-  position: absolute;
-  bottom: 15px;
-  left: 5%;
-  width: 90%;
-  height: 17vh;
-  padding: 10px;
-  border-radius: 13px;
-  animation-name: popup-b8ad5a8b;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-@keyframes popup-b8ad5a8b {
-from {
-    bottom: 0;
-}
-to {
-    bottom: 15px;
-}
-}
-.control-compent[data-v-b8ad5a8b] {
-  display: flex;
-}
-.close[data-v-b8ad5a8b] {
-  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);
 }.tool-box[data-v-34681937] {
   position: absolute;
   bottom: 72px;
@@ -3702,7 +3664,7 @@ to {
 .tool-box .tool-box-item[data-v-34681937]:hover {
   border-radius: 8px;
   background-color: var(--list-color-hover);
-}.footer-container[data-v-ee2c0715] {
+}.footer-container[data-v-253a50f0] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3966,6 +3928,12 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
+}.ndsc-img-box[data-v-70cfb5f8] {
+  width: 50px;
+  height: 50px;
+}.ndsc-img-box[data-v-50420946] {
+  width: 50px;
+  height: 50px;
 }.footer-container[data-v-4afcea78] {
   position: absolute;
   bottom: 0;

package/lib/assets/imgs/vote-icon.png.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKhSURBVFiF7ZWxftMwEIf/F3lgI0yl1VDzBNwv8sBGusHWbt2IR6a2T9DyBC1P0HRkKmxsKVM7WI76BkxJx3RjiHMMOMW4tmO70Ilbkp9P0vfJ0p0VHhjMzFrrS631s8lkctF0vnooXCk1AvAcQF9rTU0lWgtk4CCitwAYwG5TiVYCWXiSJFtxHF+tra196nQ6b5pKNBZgZl8pdbmEO+ccANzc3PxoI9FIIIWPADzJwpfRRqK2QAbeLYK3laglkIH7IvJ+PB5/rRrfRGKlQA4exnE8rCNdV6JSoC28iQT9TXiv1xssFguXvx/M3FVKjQH4RLQVRdGdRKcpnJm7RXOCIDgiolOl1F5BejlnNp/PZ9nEPYEquDHmXCk1ZmY/DxeRQwAuSZKDkvUKq+eegFLquOK1nwHwlVKjpUQOvuWcu9thdjNEtFNUuvcEiOg6/X2dz1lrP4tIuJQIguC4DlxEwuy5/7Hh/IPJZHKhtSYA+xsbG/50Ov2SzU+nU7e+vn5LRLsAXtWBV13gwjKsIXGltf62PPO2cCzLkJm7nudxPikiewC2AQyttWHVQnk4gCERnZWNnc/nzjk3o8yntbC8MlEpkYPXjR0yxowAsIh8LBtFRC8BbBPRSRRFB/l87rafLBaL21VkInoHAJ6I+ETk4jg+qppgjDkVkf0gCG6jKLobmz9za22tdm2M2QQwKOyERZG+/qGIHAZBcITfLfY8hR80/VYAgNdksLU2NMYglXgqIn0ATEQfrLUnTeErBXq93qCoIeFXheynf2cismmMOS0Zdx3HcalcqQAzd4nouEZ1dAEMypJE9B1AcwHn3IyZX9QQWBWzqmTlEaQdrnKBh0btKvgv8K/CS29pP23JjxkMwHlJkoRpN+s/soBLkiT8CfdGvsMQPqX9AAAAAElFTkSuQmCC";
+exports.default = _imports_0;

package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue.d.ts

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

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-b8ad5a8b"]]);
+const MoreControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-70cfb5f8"]]);
 exports.default = MoreControlH5;

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

@@ -1,65 +1,74 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
 const IconButton = require("../../common/base/IconButton.vue.js");
-const useMoreControlHooks = require("./useMoreControlHooks.js");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const basic = require("../../../stores/basic.js");
+const chat = require("../../../stores/chat.js");
+const pinia = require("pinia");
+const index = require("../../../locales/index.js");
+const Badge = require("../../common/base/Badge.vue.js");
 require("../../../services/main.js");
 const roomService = require("../../../services/roomService.js");
-require("../../../locales/index.js");
 require("@tencentcloud/tuiroom-engine-js");
 require("../../../utils/environment.js");
 require("mitt");
 require("../../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
+const dataReportManager = require("../../../services/manager/dataReportManager.js");
 const _hoisted_1 = {
   key: 0,
-  class: "more-control-container"
+  class: "vote-control-container"
 };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "MoreControlH5",
-  emits: ["show-overlay", "on-vote"],
-  setup(__props, { emit: __emit }) {
-    const voteControlConfig = roomService.roomService.getComponentConfig("MoreControl");
-    const showMoreContent = Vue.ref(false);
-    const moreContentRef = Vue.ref();
-    const { t, sidebarName, basicStore } = useMoreControlHooks.default();
-    const emit = __emit;
-    function showMore() {
-      showMoreContent.value = true;
-      emit("on-vote", {
-        name: "onVote",
-        visible: basicStore.isSidebarOpen
-      });
-    }
-    function handleDocumentClick(event) {
-      if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
-        showMoreContent.value = false;
+  setup(__props) {
+    const { t } = index.useI18n();
+    const chatControlConfig = roomService.roomService.getComponentConfig("MoreControl");
+    const basicStore = basic.useBasicStore();
+    const chatStore = chat.useChatStore();
+    const { sidebarName } = pinia.storeToRefs(basicStore);
+    async function toggleChatSidebar() {
+      if (basicStore.isSidebarOpen && basicStore.sidebarName === "vote") {
+        basicStore.setSidebarOpenStatus(false);
+        basicStore.setSidebarName("");
+        return;
       }
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("vote");
+      chatStore.updateUnReadCount(0);
+      roomService.roomService.dataReportManager.reportCount(dataReportManager.MetricsKey.openChat);
+      roomService.roomService.trackingManager.sendMessage("experience-vote");
     }
-    Vue.onMounted(() => {
-      document == null ? void 0 : document.addEventListener("click", handleDocumentClick, true);
-    });
-    Vue.onUnmounted(() => {
-      document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
-    });
     return (_ctx, _cache) => {
-      const _directive_tap = Vue.resolveDirective("tap");
-      return Vue.openBlock(), Vue.createElementBlock("div", null, [
-        Vue.unref(voteControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-          Vue.withDirectives((Vue.openBlock(), Vue.createBlock(IconButton.default, {
-            "is-active": Vue.unref(sidebarName) === "vote",
-            title: Vue.unref(t)("Vote")
-          }, {
-            default: Vue.withCtx(() => [
-              Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconExtension), { size: "24" })
-            ]),
-            _: 1
-          }, 8, ["is-active", "title"])), [
-            [_directive_tap, showMore]
-          ])
-        ])) : Vue.createCommentVNode("", true)
-      ]);
+      return Vue.unref(chatControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(Badge.default, {
+          hidden: Vue.unref(chatStore).unReadCount === 0,
+          value: Vue.unref(chatStore).unReadCount,
+          max: 10
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(IconButton.default, {
+              title: Vue.unref(t)("Vote"),
+              "is-active": Vue.unref(sidebarName) === "vote",
+              onClickIcon: toggleChatSidebar
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconChat), { size: "24" })
+              ]),
+              _: 1
+            }, 8, ["title", "is-active"])
+          ]),
+          _: 1
+        }, 8, ["hidden", "value"]),
+        _cache[0] || (_cache[0] = Vue.createElementVNode("img", {
+          class: "ndsc-img-box",
+          src: voteIcon.default,
+          alt: "",
+          click: "toggleChatSidebar"
+        }, null, -1))
+      ])) : Vue.createCommentVNode("", true);
     };
   }
 });

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

@@ -1,55 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
-const IconButton = require("../../common/base/IconButton.vue.js");
-const useMoreControlHooks = require("./useMoreControlHooks.js");
-require("../../../services/main.js");
-const roomService = require("../../../services/roomService.js");
-require("../../../locales/index.js");
-require("@tencentcloud/tuiroom-engine-js");
-require("../../../utils/environment.js");
-require("mitt");
-require("../../../services/manager/roomActionManager.js");
-require("@tencentcloud/tui-core");
-const _hoisted_1 = {
-  key: 0,
-  class: "more-control-container"
-};
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "MoreControlPC",
-  emits: ["on-vote"],
-  setup(__props, { emit: __emit }) {
-    const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
-    const { t, basicStore, sidebarName } = useMoreControlHooks.default();
-    const emit = __emit;
-    function toggleMoreSidebar() {
-      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
-        basicStore.setSidebarOpenStatus(false);
-        basicStore.setSidebarName("");
-        return;
-      }
-      basicStore.setSidebarOpenStatus(true);
-      basicStore.setSidebarName("vote");
-      emit("on-vote", {
-        name: "onVote",
-        visible: basicStore.isSidebarOpen
-      });
-    }
-    return (_ctx, _cache) => {
-      return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createVNode(IconButton.default, {
-          "is-active": Vue.unref(sidebarName) === "vote",
-          title: Vue.unref(t)("Vote"),
-          onClickIcon: toggleMoreSidebar
-        }, {
-          default: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ])) : Vue.createCommentVNode("", true);
-    };
-  }
-});
-exports.default = _sfc_main;
+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-50420946"]]);
+exports.default = MoreControlPc;

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

@@ -1,4 +1,62 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue.js");
-exports.default = MoreControlPC_vue_vue_type_script_setup_true_lang.default;
+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");
+const roomService = require("../../../services/roomService.js");
+require("../../../locales/index.js");
+require("@tencentcloud/tuiroom-engine-js");
+require("../../../utils/environment.js");
+require("mitt");
+require("../../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+const _hoisted_1 = {
+  key: 0,
+  class: "more-control-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "MoreControlPC",
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
+    const { t, basicStore, sidebarName } = useMoreControlHooks.default();
+    const emit = __emit;
+    function toggleMoreSidebar() {
+      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
+        basicStore.setSidebarOpenStatus(false);
+        basicStore.setSidebarName("");
+        return;
+      }
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("vote");
+      emit("on-vote", {
+        name: "onVote",
+        visible: basicStore.isSidebarOpen
+      });
+    }
+    return (_ctx, _cache) => {
+      return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(IconButton.default, {
+          "is-active": Vue.unref(sidebarName) === "vote",
+          title: Vue.unref(t)("Vote"),
+          onClickIcon: toggleMoreSidebar
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" })
+          ]),
+          _: 1
+        }, 8, ["is-active", "title"]),
+        _cache[0] || (_cache[0] = Vue.createElementVNode("img", {
+          class: "ndsc-img-box",
+          src: voteIcon.default,
+          alt: "",
+          click: "toggleMoreSidebar"
+        }, null, -1))
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,10 +1,4 @@
-declare const MoreControl: 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> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const MoreControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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;

package/lib/components/RoomFooter/VoteControl/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const MoreControlH5 = require("./MoreControlH5.vue.js");
-const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue.js");
+const MoreControlPC = require("./MoreControlPC.vue.js");
 const environment = require("../../../utils/environment.js");
-const MoreControl = environment.isMobile ? MoreControlH5.default : MoreControlPC_vue_vue_type_script_setup_true_lang.default;
+const MoreControl = environment.isMobile ? MoreControlH5.default : MoreControlPC.default;
 exports.default = MoreControl;

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

@@ -1,10 +1,8 @@
 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: {};
@@ -14,20 +12,17 @@ declare const Index: ({
         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;
-    "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;
+        contentH5?(_: {}): any;
     };
 })) | ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{

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

@@ -1,12 +1,10 @@
 declare function __VLS_template(): {
-    content?(_: {}): any;
+    contentH5?(_: {}): 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;

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-ee2c0715"]]);
+const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(indexH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-253a50f0"]]);
 exports.default = indexH5;

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

@@ -57,21 +57,17 @@ 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$2 = require("../MoreControl/index.js");
-const index$1 = require("../VoteControl/index.js");
+const index$1 = require("../MoreControl/index.js");
 const AIControl = require("../AIControl.vue.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", "on-vote"],
+  emits: ["show-overlay"],
   setup(__props, { emit: __emit }) {
     const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooterHooks.default();
     const emit = __emit;
-    const onVote = (data) => {
-      emit("on-vote", { code: data.visible, message: "vote" });
-    };
     function handleControlClick(name) {
       useMitt.default.emit("experience-communication", name);
     }
@@ -95,17 +91,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         !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.withDirectives((Vue.openBlock(), Vue.createBlock(Vue.unref(index$1.default), {
-          onShowOverlay: handleShowOverlay,
-          onOnVote: onVote
-        }, {
-          content: Vue.withCtx(() => [
-            Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
-          ]),
-          _: 3
-        })), [
-          [Vue.unref(vTap.default), () => handleControlClick("voteControl")]
-        ]),
+        Vue.renderSlot(_ctx.$slots, "contentH5", {}, void 0, true),
         Vue.createVNode(AIControl.default, {
           onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
         }),
@@ -118,7 +104,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$2.default), { onShowOverlay: handleShowOverlay }, null, 512), [
+        Vue.withDirectives(Vue.createVNode(Vue.unref(index$1.default), { onShowOverlay: handleShowOverlay }, null, 512), [
           [Vue.unref(vTap.default), () => handleControlClick("moreControl")]
         ])
       ]);

package/lib/index.js

@@ -3635,44 +3635,6 @@ to {
   border-radius: 8px;
   color: var(--text-color-primary);
   background-color: var(--button-color-secondary-default);
-}.show-more-content[data-v-b8ad5a8b] {
-  position: absolute;
-  bottom: 15px;
-  left: 5%;
-  width: 90%;
-  height: 17vh;
-  padding: 10px;
-  border-radius: 13px;
-  animation-name: popup-b8ad5a8b;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-@keyframes popup-b8ad5a8b {
-from {
-    bottom: 0;
-}
-to {
-    bottom: 15px;
-}
-}
-.control-compent[data-v-b8ad5a8b] {
-  display: flex;
-}
-.close[data-v-b8ad5a8b] {
-  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);
 }.tool-box[data-v-34681937] {
   position: absolute;
   bottom: 72px;
@@ -3702,7 +3664,7 @@ to {
 .tool-box .tool-box-item[data-v-34681937]:hover {
   border-radius: 8px;
   background-color: var(--list-color-hover);
-}.footer-container[data-v-ee2c0715] {
+}.footer-container[data-v-253a50f0] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3966,6 +3928,12 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
+}.ndsc-img-box[data-v-70cfb5f8] {
+  width: 50px;
+  height: 50px;
+}.ndsc-img-box[data-v-50420946] {
+  width: 50px;
+  height: 50px;
 }.footer-container[data-v-4afcea78] {
   position: absolute;
   bottom: 0;

package/package.json

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

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

@@ -1,90 +1,53 @@
 <template>
-  <div>
-    <div v-if="voteControlConfig.visible" class="more-control-container">
+  <div v-if="chatControlConfig.visible" class="vote-control-container">
+    <tui-badge
+      :hidden="chatStore.unReadCount === 0"
+      :value="chatStore.unReadCount"
+      :max="10"
+    >
       <icon-button
-        v-tap="showMore"
-        :is-active="sidebarName === 'vote'"
         :title="t('Vote')"
+        :is-active="sidebarName === 'vote'"
+        @click-icon="toggleChatSidebar"
       >
-        <IconExtension size="24" />
+        <IconChat size="24" />
       </icon-button>
-    </div>
+    </tui-badge>
+    <img class="ndsc-img-box" src="../../../assets/imgs/vote-icon.png" alt="" click="toggleChatSidebar"/>
   </div>
 </template>
+
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, defineEmits } from 'vue';
-import { IconExtension } from '@tencentcloud/uikit-base-component-vue3';
 import IconButton from '../../common/base/IconButton.vue';
-import userMoreControl from './useMoreControlHooks';
-import { roomService } from '../../../services';
-const voteControlConfig = roomService.getComponentConfig('MoreControl');
-const showMoreContent = ref(false);
-const moreContentRef = ref();
-const { t, sidebarName,basicStore } = userMoreControl();
-const emit = defineEmits(['show-overlay','on-vote']);
-function showMore() {
-  showMoreContent.value = true;
-  emit('on-vote', {
-    name: 'onVote',
-    visible:basicStore.isSidebarOpen,
-  });
-}
-function handleDocumentClick(event: MouseEvent) {
-  if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
-    showMoreContent.value = false;
+import { IconChat } from '@tencentcloud/uikit-base-component-vue3';
+import { useBasicStore } from '../../../stores/basic';
+import { useChatStore } from '../../../stores/chat';
+import { storeToRefs } from 'pinia';
+import { useI18n } from '../../../locales';
+import TuiBadge from '../../common/base/Badge.vue';
+import { roomService, MetricsKey } from '../../../services';
+const { t } = useI18n();
+const chatControlConfig = roomService.getComponentConfig('MoreControl');
+const basicStore = useBasicStore();
+const chatStore = useChatStore();
+const { sidebarName } = storeToRefs(basicStore);
+
+async function toggleChatSidebar() {
+  if (basicStore.isSidebarOpen && basicStore.sidebarName === 'vote') {
+    basicStore.setSidebarOpenStatus(false);
+    basicStore.setSidebarName('');
+    return;
   }
+  basicStore.setSidebarOpenStatus(true);
+  basicStore.setSidebarName('vote');
+  chatStore.updateUnReadCount(0);
+  roomService.dataReportManager.reportCount(MetricsKey.openChat);
+  roomService.trackingManager.sendMessage('experience-vote');
 }
-
-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);
+.ndsc-img-box{
+  width: 50px;
+  height: 50px
 }
 </style>

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

@@ -7,6 +7,7 @@
     >
       <IconMore size="24" />
     </icon-button>
+    <img class="ndsc-img-box" src="../../../assets/imgs/vote-icon.png" alt="" click="toggleMoreSidebar"/>
   </div>
 </template>
 <script setup lang="ts">
@@ -32,4 +33,9 @@ function toggleMoreSidebar() {
   });
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.ndsc-img-box{
+  width: 50px;
+  height: 50px
+}
+</style>

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

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