@ndscnj/roomkit-web-vue3 25.12.2415 → 25.12.2417

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,17 +3934,7 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.contact-container[data-v-18efb8e7] {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 11;
-  box-sizing: border-box;
-  width: 100vw;
-  height: auto;
-  background-color: var(--uikit-color-black-8);
-}.footer-container[data-v-f808bd91] {
+}.footer-container[data-v-4afcea78] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3952,25 +3948,25 @@ to {
   background-color: var(--bg-color-topbar);
   box-shadow: 0 -8px 30px var(--uikit-color-black-8);
 }
-.footer-container .left-container[data-v-f808bd91] {
+.footer-container .left-container[data-v-4afcea78] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.footer-container .left-container .left-container-item[data-v-f808bd91]:not(:first-child) {
+.footer-container .left-container .left-container-item[data-v-4afcea78]:not(:first-child) {
   margin-left: 1rem;
 }
-.footer-container .center-container[data-v-f808bd91] {
+.footer-container .center-container[data-v-4afcea78] {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   margin: 0 auto;
 }
-.footer-container .center-container .center-container-item[data-v-f808bd91]:not(:first-child) {
+.footer-container .center-container .center-container-item[data-v-4afcea78]:not(:first-child) {
   margin-left: 16px;
 }
-.footer-container .right-container[data-v-f808bd91] {
+.footer-container .right-container[data-v-4afcea78] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -4952,112 +4948,87 @@ to {
   justify-content: space-around;
   margin: 20px 0;
   cursor: pointer;
-}.sidebar-container-mobile[data-v-e545b2de] {
+}.sidebar-container-mobile[data-v-83d339c1] {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 101;
   height: 100%;
-}span[data-v-939000cb] {
-  padding-right: 5px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 17px;
+}.more-container[data-v-5d02e842] {
+  padding: 20px;
 }
-.contact-container-main[data-v-939000cb] {
-  position: fixed;
-  bottom: 0;
+.more-container .more-title[data-v-5d02e842] {
   display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: 4vh;
-  border-radius: 15px 15px 0 0;
-  animation-name: popup-939000cb;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-@keyframes popup-939000cb {
-from {
-    transform: scaleY(0);
-    transform-origin: bottom;
-}
-to {
-    transform: scaleY(1);
-    transform-origin: bottom;
+  align-items: center;
 }
+.more-container .more-title .email-icon[data-v-5d02e842] {
+  color: var(--uikit-color-gray-7);
 }
-.contact-container-main .contact-title-main[data-v-939000cb] {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 30px 0 20px 25px;
-  font-family: "PingFang SC";
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 24px;
+.more-container .more-title .more-notice[data-v-5d02e842] {
+  width: 100%;
+  height: 22px;
+  padding-left: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
   color: var(--text-color-primary);
 }
-.contact-container-main .contact-content-main[data-v-939000cb] {
+.more-container .more-item[data-v-5d02e842] {
+  position: relative;
   display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 90%;
-  height: 15%;
-  padding: 0 0 0 25px;
-  margin-bottom: 10px;
+  flex-direction: column;
 }
-.contact-container-main .contact-title[data-v-939000cb],
-.contact-container-main .contact-content[data-v-939000cb] {
-  width: 28%;
-  font-family: "PingFang SC";
+.more-container .more-item[data-v-5d02e842]:not(:first-child) {
+  margin-top: 20px;
+}
+.more-container .more-item:not(:first-child) .item-title[data-v-5d02e842] {
+  width: 100%;
+  padding-bottom: 8px;
   font-size: 14px;
-  font-style: normal;
   font-weight: 400;
-  line-height: 20px;
-  white-space: nowrap;
+  line-height: 22px;
   color: var(--text-color-primary);
 }
-.contact-container-main .contact-content[data-v-939000cb] {
-  width: 62%;
+.more-container .more-item:not(:first-child) .more-content[data-v-5d02e842] {
+  position: relative;
+  box-sizing: border-box;
+  display: inline-block;
+  flex: 1;
+  height: 42px;
+  padding: 10px 30px 10px 16px;
   overflow: hidden;
   font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: var(--text-color-secondary);
-}
-.contact-container-main .contact-bottom[data-v-939000cb] {
-  width: 90%;
-  padding-left: 40px;
-  font-family: "PingFang SC";
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 17px;
-  text-align: center;
-  color: var(--text-color-secondary);
+  border-radius: 8px;
+  outline: none;
+  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  color: var(--text-color-primary);
+  background-color: var(--bg-color-input);
+  border: 1px solid var(--stroke-color-module);
 }
-.contact-container-main .copy[data-v-939000cb] {
-  margin-left: 30px;
+.more-container .more-item:not(:first-child) .copy-icon[data-v-5d02e842] {
+  position: absolute;
+  top: 45px;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
   color: var(--text-color-link);
-}
-.cancel[data-v-939000cb] {
-  flex: 1;
-  padding-right: 30px;
-  font-size: 16px;
-  font-weight: 400;
-  text-align: end;
-}.more-container[data-v-c82f5e3c] {
+}.more-container[data-v-41107c5f] {
   padding: 20px;
 }
-.more-container .more-title[data-v-c82f5e3c] {
+.more-container .more-title[data-v-41107c5f] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-c82f5e3c] {
+.more-container .more-title .email-icon[data-v-41107c5f] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-c82f5e3c] {
+.more-container .more-title .more-notice[data-v-41107c5f] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -5066,15 +5037,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-c82f5e3c] {
+.more-container .more-item[data-v-41107c5f] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
+.more-container .more-item[data-v-41107c5f]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
+.more-container .more-item:not(:first-child) .item-title[data-v-41107c5f] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -5082,7 +5053,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-c82f5e3c] {
+.more-container .more-item:not(:first-child) .more-content[data-v-41107c5f] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5102,7 +5073,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-c82f5e3c] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-41107c5f] {
   position: absolute;
   top: 45px;
   right: 10px;
@@ -9140,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-3b59b436] {
+}.tui-room[data-v-3d7b72df] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9152,7 +9123,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-3b59b436] {
+.tui-room .header[data-v-3d7b72df] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9163,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-3b59b436] {
+.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-3b59b436] {
+.tui-room.tui-room-h5[data-v-3d7b72df] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-3b59b436] {
+#roomContainer.chat-room[data-v-3d7b72df] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9188,8 +9159,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-3b59b436],
-#roomContainer .chat-room[data-v-3b59b436] {
+#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/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/Chat/index/indexH5.vue.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
+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-a8c21a66"]]);

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const indexPC_vue_vue_type_script_setup_true_lang = require("./indexPC.vue2.js");
+const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css              */
 ;/* 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-2317a136"]]);

package/lib/components/ManageMember/MemberItem/indexH5.vue.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
+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-04bc5b87"]]);

package/lib/components/ManageMember/MemberItem/indexPC.vue.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const indexPC_vue_vue_type_script_setup_true_lang = require("./indexPC.vue2.js");
+const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css              */
 ;/* 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-b687c25c"]]);

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
+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-524b1604"]]);

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const indexPC_vue_vue_type_script_setup_true_lang = require("./indexPC.vue2.js");
+const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css              */
 ;/* 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-3ed9f9ec"]]);

package/lib/components/RoomFooter/VoteControl/MoreControlH5.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/MoreControlH5.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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-2a47be79"]]);
+exports.default = MoreControlH5;

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
+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: "MoreControlH5",
+  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(() => [..._cache[0] || (_cache[0] = [
+            Vue.createElementVNode("img", {
+              class: "ndsc-img-box",
+              src: voteIcon.default,
+              alt: ""
+            }, null, -1)
+          ])]),
+          _: 1
+        }, 8, ["is-active", "title"])
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/RoomFooter/VoteControl/MoreControlPC.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/MoreControlPC.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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-997feff9"]]);
+exports.default = MoreControlPc;

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
+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(() => [..._cache[0] || (_cache[0] = [
+            Vue.createElementVNode("img", {
+              class: "ndsc-img-box",
+              src: voteIcon.default,
+              alt: ""
+            }, null, -1)
+          ])]),
+          _: 1
+        }, 8, ["is-active", "title"])
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,6 @@
+declare const MoreControl: 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 MoreControl;

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

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

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

@@ -0,0 +1,24 @@
+"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 isSidebarOpen = Vue.computed(() => basicStore.isSidebarOpen);
+  const iconName = Vue.computed(
+    () => sidebarName.value === "vote" ? icon.ICON_NAME.MoreActive : icon.ICON_NAME.More
+  );
+  return {
+    t,
+    basicStore,
+    iconName,
+    sidebarName,
+    isSidebarOpen
+  };
+}
+exports.default = useControl;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
+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;