@ndscnj/roomkit-web-vue3 25.12.2419 → 25.12.2420

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

@@ -1,8 +1,30 @@
-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;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "show-overlay": (...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;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
     "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "show-overlay": (...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: {
+        contentH5?(_: {}): any;
+    };
+})) | ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         "onOn-vote"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -1,6 +1,15 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    contentH5?(_: {}): any;
+};
+declare const __VLS_component: 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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, withDirectives, createCommentVNode, createVNode, unref, createBlock } from "vue";
+import { defineComponent, createElementBlock, openBlock, withDirectives, createCommentVNode, createVNode, unref, createBlock, withCtx, renderSlot } from "vue";
 import _sfc_main$1 from "../../../core/components/AudioSetting/index.vue.mjs";
 import VideoSetting from "../../../core/components/VideoSetting/index.vue.mjs";
 import "@tencentcloud/uikit-base-component-vue3";
@@ -56,6 +56,7 @@ import _sfc_main$2 from "../ChatControl.vue.mjs";
 import _sfc_main$3 from "../ManageStageControl.vue.mjs";
 import MemberApplyControl from "../ApplyControl/MemberApplyControl.vue.mjs";
 import MoreControl from "../MoreControl/index.mjs";
+import voteControl from "../voteControl.vue.mjs";
 import AIControl from "../AIControl.vue.mjs";
 import bus from "../../../hooks/useMitt.mjs";
 import useRoomFooter from "./useRoomFooterHooks.mjs";
@@ -89,8 +90,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !unref(roomStore).isSpeakAfterTakingSeatMode ? withDirectives((openBlock(), createBlock(_sfc_main$2, { key: 2 }, null, 512)), [
           [unref(vTap), () => handleControlClick("chatControl")]
         ]) : createCommentVNode("", true),
+        createVNode(voteControl, {
+          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("voteControl"))
+        }, {
+          contentH5: withCtx(() => [
+            renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
+          ]),
+          _: 3
+        }),
         createVNode(AIControl, {
-          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
+          onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("AIControl"))
         }),
         unref(roomStore).isSpeakAfterTakingSeatMode && (unref(isMaster) || unref(isAdmin)) ? withDirectives((openBlock(), createBlock(_sfc_main$3, { key: 3 }, null, 512)), [
           [unref(vTap), () => handleControlClick("MasterApplyControl")]

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

@@ -0,0 +1,15 @@
+declare function __VLS_template(): {
+    contentH5?(_: {}): 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,80 @@
+import { defineComponent, computed, ref, createElementBlock, openBlock, createVNode, createCommentVNode, unref, withCtx, createElementVNode, renderSlot } from "vue";
+import _imports_0 from "../../assets/imgs/vote-icon.png.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import "@tencentcloud/tuiroom-engine-js";
+import "../../utils/environment.mjs";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
+import IconButton from "../common/base/IconButton.vue.mjs";
+import { IconArrowStrokeBack } from "@tencentcloud/uikit-base-component-vue3";
+import { useBasicStore } from "../../stores/basic.mjs";
+const _hoisted_1 = { class: "more-control-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "contact-container"
+};
+const _hoisted_3 = { class: "container-title-box" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "voteControl",
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const { basicStore } = roomService;
+    const sidebarName = computed(() => basicStore.sidebarName);
+    const { t } = useI18n();
+    const showToolBox = ref(false);
+    const emit = __emit;
+    function toggleToolBox() {
+      console.log(showToolBox.value, "0000");
+      showToolBox.value = !showToolBox.value;
+      emit("on-vote", {
+        name: "onVote",
+        visible: showToolBox.value
+      });
+    }
+    const basicStoreNew = useBasicStore();
+    function handleClose() {
+      basicStoreNew.setSidebarOpenStatus(false);
+      basicStoreNew.setSidebarName("");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(IconButton, {
+          "is-active": sidebarName.value === "vote",
+          title: unref(t)("Vote"),
+          onClickIcon: toggleToolBox
+        }, {
+          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createElementVNode("img", {
+              class: "ndsc-img-box",
+              src: _imports_0,
+              alt: ""
+            }, null, -1)
+          ])]),
+          _: 1
+        }, 8, ["is-active", "title"]),
+        showToolBox.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("span", {
+              onClick: handleClose,
+              class: "icon-container"
+            }, [
+              createVNode(unref(IconArrowStrokeBack), {
+                size: "10",
+                class: "close-icon"
+              })
+            ]),
+            _cache[1] || (_cache[1] = createElementVNode("div", { class: "tool-box-item" }, "表决", -1))
+          ]),
+          renderSlot(_ctx.$slots, "contentH5", {}, void 0, true),
+          _cache[2] || (_cache[2] = createElementVNode("div", { class: "bottom-box" }, null, -1))
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/conference.vue.d.ts

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

package/es/conference.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
 /* empty css                 */
 /* empty css                 */
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4dd66a12"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3323a5f0"]]);
 export {
   ConferenceMainView as default
 };

package/es/conference.vue2.mjs

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

package/es/index.mjs

@@ -3635,6 +3635,46 @@ to {
   border-radius: 8px;
   color: var(--text-color-primary);
   background-color: var(--button-color-secondary-default);
+}.contact-container[data-v-b0e5925b] {
+  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);
+}
+.contact-container .container-title-box[data-v-b0e5925b] {
+  width: 100vw;
+  height: 6vh;
+  background-color: var(--uikit-color-black-8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.contact-container .container-title-box .icon-container[data-v-b0e5925b] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: content-box;
+  width: 10px;
+  height: 18px;
+  padding: 20px 25px;
+  background-size: cover;
+}
+.contact-container .container-title-box .close-icon[data-v-b0e5925b] {
+  background-size: cover;
+}
+.contact-container .bottom-box[data-v-b0e5925b] {
+  width: 100vw;
+  height: 7vh;
+  background-color: var(--uikit-color-black-8);
+}
+.ndsc-img-box[data-v-b0e5925b] {
+  width: 24px;
+  height: 24px;
 }.tool-box[data-v-34681937] {
   position: absolute;
   bottom: 72px;
@@ -3664,7 +3704,7 @@ to {
 .tool-box .tool-box-item[data-v-34681937]:hover {
   border-radius: 8px;
   background-color: var(--list-color-hover);
-}.footer-container[data-v-f3bbac91] {
+}.footer-container[data-v-90dd0d72] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -9168,7 +9208,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-4dd66a12] {
+}.tui-room[data-v-3323a5f0] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9180,7 +9220,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-4dd66a12] {
+.tui-room .header[data-v-3323a5f0] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9191,20 +9231,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-4dd66a12] {
+.tui-room .content[data-v-3323a5f0] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-4dd66a12] {
+.tui-room.tui-room-h5[data-v-3323a5f0] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-4dd66a12] {
+#roomContainer.chat-room[data-v-3323a5f0] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9216,8 +9256,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-4dd66a12],
-#roomContainer .chat-room[data-v-4dd66a12] {
+#roomContainer.tui-room-h5[data-v-3323a5f0],
+#roomContainer .chat-room[data-v-3323a5f0] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

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

@@ -1,8 +1,30 @@
-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;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "show-overlay": (...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;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
     "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "show-overlay": (...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: {
+        contentH5?(_: {}): 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,15 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    contentH5?(_: {}): any;
+};
+declare const __VLS_component: 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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
 ;/* 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-90dd0d72"]]);
 exports.default = indexH5;

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

@@ -58,6 +58,7 @@ const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.
 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 voteControl = require("../voteControl.vue.js");
 const AIControl = require("../AIControl.vue.js");
 const useMitt = require("../../../hooks/useMitt.js");
 const useRoomFooterHooks = require("./useRoomFooterHooks.js");
@@ -91,8 +92,16 @@ 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.createVNode(voteControl.default, {
+          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("voteControl"))
+        }, {
+          contentH5: Vue.withCtx(() => [
+            Vue.renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
+          ]),
+          _: 3
+        }),
         Vue.createVNode(AIControl.default, {
-          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
+          onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("AIControl"))
         }),
         Vue.unref(roomStore).isSpeakAfterTakingSeatMode && (Vue.unref(isMaster) || Vue.unref(isAdmin)) ? Vue.withDirectives((Vue.openBlock(), Vue.createBlock(ManageStageControl_vue_vue_type_script_setup_true_lang.default, { key: 3 }, null, 512)), [
           [Vue.unref(vTap.default), () => handleControlClick("MasterApplyControl")]

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

@@ -0,0 +1,15 @@
+declare function __VLS_template(): {
+    contentH5?(_: {}): 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,80 @@
+"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");
+require("../../services/main.js");
+const roomService = require("../../services/roomService.js");
+const index = 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 IconButton = require("../common/base/IconButton.vue.js");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const basic = require("../../stores/basic.js");
+const _hoisted_1 = { class: "more-control-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "contact-container"
+};
+const _hoisted_3 = { class: "container-title-box" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "voteControl",
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const { basicStore } = roomService.roomService;
+    const sidebarName = Vue.computed(() => basicStore.sidebarName);
+    const { t } = index.useI18n();
+    const showToolBox = Vue.ref(false);
+    const emit = __emit;
+    function toggleToolBox() {
+      console.log(showToolBox.value, "0000");
+      showToolBox.value = !showToolBox.value;
+      emit("on-vote", {
+        name: "onVote",
+        visible: showToolBox.value
+      });
+    }
+    const basicStoreNew = basic.useBasicStore();
+    function handleClose() {
+      basicStoreNew.setSidebarOpenStatus(false);
+      basicStoreNew.setSidebarName("");
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(IconButton.default, {
+          "is-active": sidebarName.value === "vote",
+          title: Vue.unref(t)("Vote"),
+          onClickIcon: toggleToolBox
+        }, {
+          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"]),
+        showToolBox.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createElementVNode("div", _hoisted_3, [
+            Vue.createElementVNode("span", {
+              onClick: handleClose,
+              class: "icon-container"
+            }, [
+              Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconArrowStrokeBack), {
+                size: "10",
+                class: "close-icon"
+              })
+            ]),
+            _cache[1] || (_cache[1] = Vue.createElementVNode("div", { class: "tool-box-item" }, "表决", -1))
+          ]),
+          Vue.renderSlot(_ctx.$slots, "contentH5", {}, void 0, true),
+          _cache[2] || (_cache[2] = Vue.createElementVNode("div", { class: "bottom-box" }, null, -1))
+        ])) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/conference.vue.d.ts

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

package/lib/conference.vue.js

@@ -4,5 +4,5 @@ const conference_vue_vue_type_script_setup_true_lang = require("./conference.vue
 ;/* empty css                 */
 ;/* empty css                 */
 const _pluginVue_exportHelper = require("./_virtual/_plugin-vue_export-helper.js");
-const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4dd66a12"]]);
+const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3323a5f0"]]);
 exports.default = ConferenceMainView;

package/lib/conference.vue2.js

@@ -280,6 +280,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           content: Vue.withCtx(() => [
             Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ]),
+          contentH5: Vue.withCtx(() => [
+            Vue.renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
+          ]),
           _: 3
         }, 512), [
           [Vue.vShow, Vue.unref(showRoomTool)]

package/lib/index.js

@@ -3635,6 +3635,46 @@ to {
   border-radius: 8px;
   color: var(--text-color-primary);
   background-color: var(--button-color-secondary-default);
+}.contact-container[data-v-b0e5925b] {
+  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);
+}
+.contact-container .container-title-box[data-v-b0e5925b] {
+  width: 100vw;
+  height: 6vh;
+  background-color: var(--uikit-color-black-8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.contact-container .container-title-box .icon-container[data-v-b0e5925b] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: content-box;
+  width: 10px;
+  height: 18px;
+  padding: 20px 25px;
+  background-size: cover;
+}
+.contact-container .container-title-box .close-icon[data-v-b0e5925b] {
+  background-size: cover;
+}
+.contact-container .bottom-box[data-v-b0e5925b] {
+  width: 100vw;
+  height: 7vh;
+  background-color: var(--uikit-color-black-8);
+}
+.ndsc-img-box[data-v-b0e5925b] {
+  width: 24px;
+  height: 24px;
 }.tool-box[data-v-34681937] {
   position: absolute;
   bottom: 72px;
@@ -3664,7 +3704,7 @@ to {
 .tool-box .tool-box-item[data-v-34681937]:hover {
   border-radius: 8px;
   background-color: var(--list-color-hover);
-}.footer-container[data-v-f3bbac91] {
+}.footer-container[data-v-90dd0d72] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -9168,7 +9208,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-4dd66a12] {
+}.tui-room[data-v-3323a5f0] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9180,7 +9220,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-4dd66a12] {
+.tui-room .header[data-v-3323a5f0] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9191,20 +9231,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-4dd66a12] {
+.tui-room .content[data-v-3323a5f0] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-4dd66a12] {
+.tui-room.tui-room-h5[data-v-3323a5f0] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-4dd66a12] {
+#roomContainer.chat-room[data-v-3323a5f0] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9216,8 +9256,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-4dd66a12],
-#roomContainer .chat-room[data-v-4dd66a12] {
+#roomContainer.tui-room-h5[data-v-3323a5f0],
+#roomContainer .chat-room[data-v-3323a5f0] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

package/package.json

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

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

@@ -14,6 +14,13 @@
       v-if="!roomStore.isSpeakAfterTakingSeatMode"
       v-tap="() => handleControlClick('chatControl')"
     />
+    <voteControl
+      @click="handleControlClick('voteControl')"
+    >
+      <template #contentH5>
+        <slot name="contentH5"></slot>
+      </template>
+    </voteControl>
     <AIControl
       @click="handleControlClick('AIControl')"
     />
@@ -46,6 +53,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.vue';
 import AIControl from '../AIControl.vue';
 import bus from '../../../hooks/useMitt';
 import vTap from '../../../directives/vTap';

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

@@ -1,14 +1,21 @@
 <template>
-  <div class="vote-control-container">
+  <div class="more-control-container">
     <icon-button
       :is-active="sidebarName === 'vote'"
       :title="t('Vote')"
       @click-icon="toggleToolBox"
     >
-      <IconAIIcon size="24" />
+    <img class="ndsc-img-box" src="../../assets/imgs/vote-icon.png" alt=""/>
     </icon-button>
     <div class="contact-container" v-if="showToolBox">
-      <slot name="content"></slot>
+      <div class="container-title-box">
+        <span @click="handleClose" class="icon-container">
+          <IconArrowStrokeBack size="10" class="close-icon" />
+        </span>
+        <div class="tool-box-item">表决</div>
+      </div>
+      <slot name="contentH5"></slot>
+      <div class="bottom-box"></div>
     </div>
   </div>
 </template>
@@ -18,10 +25,8 @@ import { roomService } from '../../services';
 import { defineEmits, ref,computed,watch } from 'vue';
 import { useI18n } from '../../locales';
 import IconButton from '../common/base/IconButton.vue';
-import {
-  IconAIIcon,
-} from '@tencentcloud/uikit-base-component-vue3';
-import roomVote from '../RoomVote';
+import { IconArrowStrokeBack } from '@tencentcloud/uikit-base-component-vue3';
+import { useBasicStore } from '../../stores/basic';
 const { basicStore } = roomService;
 const sidebarName = computed(() => basicStore.sidebarName);
 const { t } = useI18n();
@@ -35,8 +40,10 @@ function toggleToolBox() {
     visible: showToolBox.value,
   });
 }
-function handleOnCloseContact() {
-  showToolBox.value = false;
+const basicStoreNew = useBasicStore();
+function handleClose() {
+  basicStoreNew.setSidebarOpenStatus(false);
+  basicStoreNew.setSidebarName('');
 }
 </script>
 
@@ -51,5 +58,35 @@ function handleOnCloseContact() {
   width: 100vw;
   height: auto;
   background-color: var(--uikit-color-black-8);
+  .container-title-box{
+    width: 100vw;
+    height: 6vh;
+    background-color: var(--uikit-color-black-8);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .icon-container {
+      position: absolute;
+      top: 0;
+      left: 0;
+      box-sizing: content-box;
+      width: 10px;
+      height: 18px;
+      padding: 20px 25px;
+      background-size: cover;
+    }
+    .close-icon {
+      background-size: cover;
+    }
+  }
+  .bottom-box{
+    width: 100vw;
+    height: 7vh;
+    background-color: var(--uikit-color-black-8);
+  }
+}
+.ndsc-img-box{
+  width:24px;
+  height: 24px
 }
 </style>

package/src/TUIRoom/conference.vue

@@ -21,6 +21,9 @@
     <template #content>
       <slot name="content"></slot>
     </template>
+    <template #contentH5>
+      <slot name="contentH5"></slot>
+    </template>
     </room-footer>
     <room-sidebar @on-vote="onVote">
       <template #content>