@ndscnj/roomkit-web-vue3 25.12.23181 → 25.12.24111

package/es/index.mjs

@@ -3928,25 +3928,45 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.more-container[data-v-412ed740] {
-  padding: 20px;
+}.show-more-content[data-v-1506794c] {
+  position: absolute;
+  bottom: 15px;
+  left: 5%;
+  width: 90%;
+  height: 17vh;
+  padding: 10px;
+  border-radius: 13px;
+  animation-name: popup-1506794c;
+  animation-duration: 200ms;
+  background-color: var(--bg-color-operate);
 }
-.more-container .more-title[data-v-412ed740] {
-  display: flex;
-  align-items: center;
+@keyframes popup-1506794c {
+from {
+    bottom: 0;
+}
+to {
+    bottom: 15px;
 }
-.more-container .more-title .email-icon[data-v-412ed740] {
-  color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-412ed740] {
+.control-compent[data-v-1506794c] {
+  display: flex;
+}
+.close[data-v-1506794c] {
+  position: relative;
+  top: 10%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 100%;
-  height: 22px;
-  padding-left: 8px;
-  font-size: 14px;
+  padding: 10px;
+  font-style: normal;
   font-weight: 400;
-  line-height: 22px;
+  line-height: 24px;
+  text-align: center;
+  border-radius: 8px;
   color: var(--text-color-primary);
-}.footer-container[data-v-6b90d75f] {
+  background-color: var(--button-color-secondary-default);
+}.footer-container[data-v-3a373c3a] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3960,25 +3980,25 @@ to {
   background-color: var(--bg-color-topbar);
   box-shadow: 0 -8px 30px var(--uikit-color-black-8);
 }
-.footer-container .left-container[data-v-6b90d75f] {
+.footer-container .left-container[data-v-3a373c3a] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.footer-container .left-container .left-container-item[data-v-6b90d75f]:not(:first-child) {
+.footer-container .left-container .left-container-item[data-v-3a373c3a]:not(:first-child) {
   margin-left: 1rem;
 }
-.footer-container .center-container[data-v-6b90d75f] {
+.footer-container .center-container[data-v-3a373c3a] {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   margin: 0 auto;
 }
-.footer-container .center-container .center-container-item[data-v-6b90d75f]:not(:first-child) {
+.footer-container .center-container .center-container-item[data-v-3a373c3a]:not(:first-child) {
   margin-left: 16px;
 }
-.footer-container .right-container[data-v-6b90d75f] {
+.footer-container .right-container[data-v-3a373c3a] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -5055,17 +5075,17 @@ to {
   font-size: 16px;
   font-weight: 400;
   text-align: end;
-}.more-container[data-v-17479e8d] {
+}.more-container[data-v-11728c2b] {
   padding: 20px;
 }
-.more-container .more-title[data-v-17479e8d] {
+.more-container .more-title[data-v-11728c2b] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-17479e8d] {
+.more-container .more-title .email-icon[data-v-11728c2b] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-17479e8d] {
+.more-container .more-title .more-notice[data-v-11728c2b] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -5074,15 +5094,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-17479e8d] {
+.more-container .more-item[data-v-11728c2b] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-17479e8d]:not(:first-child) {
+.more-container .more-item[data-v-11728c2b]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-17479e8d] {
+.more-container .more-item:not(:first-child) .item-title[data-v-11728c2b] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -5090,7 +5110,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-17479e8d] {
+.more-container .more-item:not(:first-child) .more-content[data-v-11728c2b] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5110,7 +5130,7 @@ to {
   background-color: var(--bg-color-input);
   border: 1px solid var(--stroke-color-module);
 }
-.more-container .more-item:not(:first-child) .copy-icon[data-v-17479e8d] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-11728c2b] {
   position: absolute;
   top: 45px;
   right: 10px;
@@ -9148,7 +9168,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-d9ae22c4] {
+}.tui-room[data-v-3b59b436] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9160,7 +9180,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-d9ae22c4] {
+.tui-room .header[data-v-3b59b436] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9171,20 +9191,20 @@ body, html {
   border-bottom: 1px solid var(--stroke-color-primary);
   box-shadow: 0 1px 0 var(--uikit-color-black-8);
 }
-.tui-room .content[data-v-d9ae22c4] {
+.tui-room .content[data-v-3b59b436] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-d9ae22c4] {
+.tui-room.tui-room-h5[data-v-3b59b436] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-d9ae22c4] {
+#roomContainer.chat-room[data-v-3b59b436] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9196,8 +9216,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-d9ae22c4],
-#roomContainer .chat-room[data-v-d9ae22c4] {
+#roomContainer.tui-room-h5[data-v-3b59b436],
+#roomContainer .chat-room[data-v-3b59b436] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

package/es/locales/zh-CN.mjs

@@ -60,7 +60,7 @@ const ZH = {
   me: "我",
   Admin: "管理员",
   RoomOwner: "主持人",
-  Vote: "表决",
+  "Vote": "表决",
   More: "更多",
   "AI Assistant": "AI 助手",
   "AI real-time conference content": "AI 实时会议内容",

package/es/stores/basic.d.ts

@@ -1,7 +1,7 @@
 import { LAYOUT } from '../constants/render';
 import { TUINetwork } from '../../../node_modules/@tencentcloud/tuiroom-engine-js';
 
-type SideBarType = 'chat' | 'invite' | 'manage-member' | 'more' | 'transfer-leave' | 'apply' | 'aiTranscription' | 'vote' | '';
+type SideBarType = 'chat' | 'invite' | 'manage-member' | 'vote' | 'more' | 'transfer-leave' | 'apply' | 'aiTranscription' | '';
 type SceneType = 'chat' | 'default';
 interface BasicState {
     sdkAppId: number;

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

@@ -3,18 +3,28 @@ declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('v
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onShow-overlay"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
-    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, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        "onOn-vote"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "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<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<{}> & Readonly<{
+        "onOn-vote"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
     __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 () => {
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
+    "onOn-vote"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "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;
     };

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

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

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

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

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

@@ -59,15 +59,15 @@ 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("../EndControl/index.js");
+const index$2 = require("../MoreControl/index.js");
+const index$3 = require("../EndControl/index.js");
 const SettingControl_vue_vue_type_script_setup_true_lang = require("../SettingControl.vue.js");
 const WhiteboardControl = require("../WhiteboardControl.vue.js");
 const VirtualBackground = require("../VirtualBackground.vue.js");
 const AIControl = require("../AIControl.vue.js");
 const BasicBeauty = require("../BasicBeauty.vue.js");
 const useMitt = require("../../../hooks/useMitt.js");
-const voteControl = require("../voteControl.vue.js");
+const index$1 = require("../voteControl/index.js");
 const useRoomFooterHooks = require("./useRoomFooterHooks.js");
 const _hoisted_1 = { class: "footer-container" };
 const _hoisted_2 = { class: "left-container" };
@@ -75,11 +75,17 @@ const _hoisted_3 = { class: "center-container" };
 const _hoisted_4 = { class: "right-container" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "indexPC",
-  setup(__props) {
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
     const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooterHooks.default();
     function handleControlClick(name) {
       useMitt.default.emit("experience-communication", name);
     }
+    const emit = __emit;
+    const onVote = (data) => {
+      console.log(data, "data111");
+      emit("on-vote", { code: data.visible, message: "vote" });
+    };
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
         Vue.createElementVNode("div", _hoisted_2, [
@@ -133,16 +139,17 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             class: "center-container-item",
             onClick: _cache[9] || (_cache[9] = ($event) => handleControlClick("MasterApplyControl"))
           })) : Vue.createCommentVNode("", true),
-          Vue.createVNode(voteControl.default, {
+          Vue.createVNode(Vue.unref(index$1.default), {
             class: "center-container-item",
-            onClick: _cache[10] || (_cache[10] = ($event) => handleControlClick("voteControl"))
+            onClick: _cache[10] || (_cache[10] = ($event) => handleControlClick("voteControl")),
+            onOnVote: onVote
           }, {
             content: Vue.withCtx(() => [
               Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
             ]),
             _: 3
           }),
-          Vue.createVNode(Vue.unref(index$1.default), {
+          Vue.createVNode(Vue.unref(index$2.default), {
             class: "center-container-item",
             onClick: _cache[11] || (_cache[11] = ($event) => handleControlClick("moreControl"))
           }),
@@ -161,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           })) : Vue.createCommentVNode("", true)
         ]),
         Vue.createElementVNode("div", _hoisted_4, [
-          Vue.createVNode(Vue.unref(index$2.default))
+          Vue.createVNode(Vue.unref(index$3.default))
         ])
       ]);
     };

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const VoteControlH5_vue_vue_type_script_setup_true_lang = require("./VoteControlH5.vue2.js");
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const VoteControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(VoteControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1506794c"]]);
+exports.default = VoteControlH5;

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

@@ -0,0 +1,105 @@
+"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 useVoteControlHooks = require("./useVoteControlHooks.js");
+const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.vue.js");
+const InviteControl = require("../InviteControl.vue.js");
+const ContactControl = require("../ContactControl.vue.js");
+const room = require("../../../stores/room.js");
+const useMitt = require("../../../hooks/useMitt.js");
+const vTap = require("../../../directives/vTap.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 _hoisted_2 = { class: "control-compent" };
+const _hoisted_3 = { class: "close" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "VoteControlH5",
+  emits: ["show-overlay"],
+  setup(__props, { emit: __emit }) {
+    const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
+    const showMoreContent = Vue.ref(false);
+    const moreContentRef = Vue.ref();
+    const { t, sidebarName } = useVoteControlHooks.default();
+    const roomStore = room.useRoomStore();
+    const emit = __emit;
+    function showMore() {
+      showMoreContent.value = true;
+    }
+    function handleCancelControl() {
+      showMoreContent.value = false;
+    }
+    function handleControlClick(name) {
+      useMitt.default.emit("experience-communication", name);
+    }
+    function handleShowOverlay(data) {
+      showMoreContent.value = false;
+      emit("show-overlay", data);
+    }
+    function handleDocumentClick(event) {
+      if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
+        showMoreContent.value = false;
+      }
+    }
+    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) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+          Vue.withDirectives((Vue.openBlock(), Vue.createBlock(IconButton.default, {
+            "is-active": Vue.unref(sidebarName) === "more",
+            title: Vue.unref(t)("More")
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconExtension), { size: "24" })
+            ]),
+            _: 1
+          }, 8, ["is-active", "title"])), [
+            [Vue.unref(vTap.default), showMore]
+          ])
+        ])) : Vue.createCommentVNode("", true),
+        showMoreContent.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 1,
+          ref_key: "moreContentRef",
+          ref: moreContentRef,
+          class: "show-more-content"
+        }, [
+          Vue.createElementVNode("div", _hoisted_2, [
+            Vue.unref(roomStore).isSpeakAfterTakingSeatMode ? (Vue.openBlock(), Vue.createBlock(ChatControl_vue_vue_type_script_setup_true_lang.default, {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("chatControl"))
+            })) : Vue.createCommentVNode("", true),
+            Vue.createVNode(ContactControl.default, {
+              onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("contactControl"))
+            }),
+            Vue.createVNode(InviteControl.default, {
+              onShowOverlay: handleShowOverlay,
+              onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
+            })
+          ]),
+          Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
+            Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
+          ])), [
+            [Vue.unref(vTap.default), handleCancelControl]
+          ])
+        ], 512)) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

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

@@ -0,0 +1,55 @@
+"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 useVoteControlHooks = require("./useVoteControlHooks.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: "vote-control-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "VoteControlPC",
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const voteControlConfig = roomService.roomService.getComponentConfig("VoteControl");
+    const { t, basicStore, sidebarName } = useVoteControlHooks.default();
+    const emit = __emit;
+    function toggleMoreSidebar() {
+      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
+        basicStore.setSidebarOpenStatus(false);
+        basicStore.setSidebarName("");
+        return;
+      }
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("vote");
+      emit("on-vote", {
+        name: "onVote",
+        visible: voteControlConfig.visible
+      });
+    }
+    return (_ctx, _cache) => {
+      return Vue.unref(voteControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(IconButton.default, {
+          "is-active": Vue.unref(sidebarName) === "vote",
+          title: Vue.unref(t)("Vote"),
+          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;

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const VoteControlPC_vue_vue_type_script_setup_true_lang = require("./VoteControlPC.vue.js");
+exports.default = VoteControlPC_vue_vue_type_script_setup_true_lang.default;

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

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

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const basic = require("../../../stores/basic.js");
+const pinia = require("pinia");
+const index = require("../../../locales/index.js");
+const icon = require("../../../constants/icon.js");
+function useControl() {
+  const { t } = index.useI18n();
+  const basicStore = basic.useBasicStore();
+  const { sidebarName } = pinia.storeToRefs(basicStore);
+  const iconName = Vue.computed(
+    () => sidebarName.value === "vote" ? icon.ICON_NAME.VoteActive : icon.ICON_NAME.Vote
+  );
+  return {
+    t,
+    basicStore,
+    iconName,
+    sidebarName
+  };
+}
+exports.default = useControl;

package/lib/components/RoomInvite/useRoomInviteHooks.d.ts

@@ -76,5 +76,5 @@ export default function useRoomInvite(): {
         isVisible: boolean;
     }[]>;
     copyRoomIdAndRoomLink: () => void;
-    sidebarName: import('vue').Ref<"" | "chat" | "invite" | "manage-member" | "more" | "transfer-leave" | "apply" | "aiTranscription" | "vote", "" | "chat" | "invite" | "manage-member" | "more" | "transfer-leave" | "apply" | "aiTranscription" | "vote">;
+    sidebarName: import('vue').Ref<"" | "chat" | "invite" | "manage-member" | "vote" | "more" | "transfer-leave" | "apply" | "aiTranscription", "" | "chat" | "invite" | "manage-member" | "vote" | "more" | "transfer-leave" | "apply" | "aiTranscription">;
 };

package/lib/components/RoomSidebar/useSideBarHooks.d.ts

@@ -2,7 +2,7 @@ export default function useSideBar(): {
     t: any;
     isSidebarOpen: import('vue').Ref<boolean, boolean>;
     title: import('vue').ComputedRef<string>;
-    sidebarName: import('vue').Ref<"" | "chat" | "invite" | "manage-member" | "more" | "transfer-leave" | "apply" | "aiTranscription" | "vote", "" | "chat" | "invite" | "manage-member" | "more" | "transfer-leave" | "apply" | "aiTranscription" | "vote">;
+    sidebarName: import('vue').Ref<"" | "chat" | "invite" | "manage-member" | "vote" | "more" | "transfer-leave" | "apply" | "aiTranscription", "" | "chat" | "invite" | "manage-member" | "vote" | "more" | "transfer-leave" | "apply" | "aiTranscription">;
     handleClose: (done: any) => void;
     showSideBar: import('vue').ComputedRef<boolean>;
 };

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

@@ -2,5 +2,21 @@ declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('v
     "on-close-contact": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onOn-close-contact"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
+    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: {
+        content?(_: {}): any;
+    };
+}));
 export default Index;

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

@@ -1,2 +1,11 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    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>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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