@ndscnj/roomkit-web-vue3 25.12.24156 → 25.12.24158

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

@@ -1,2 +1,6 @@
-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 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/es/components/RoomFooter/VoteControl/MoreControlPC.vue.mjs

@@ -16,9 +16,11 @@ const _hoisted_1 = {
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MoreControlPC",
-  setup(__props) {
+  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);
@@ -27,6 +29,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       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, [

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

@@ -2,5 +2,9 @@ declare const MoreControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, imp
     "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, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, 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 MoreControl;

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

@@ -7,6 +7,7 @@ function useControl() {
   const { t } = useI18n();
   const basicStore = useBasicStore();
   const { sidebarName } = storeToRefs(basicStore);
+  const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
   const iconName = computed(
     () => sidebarName.value === "vote" ? ICON_NAME.MoreActive : ICON_NAME.More
   );
@@ -14,7 +15,8 @@ function useControl() {
     t,
     basicStore,
     iconName,
-    sidebarName
+    sidebarName,
+    isSidebarOpen
   };
 }
 export {

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

@@ -1,2 +1,28 @@
-declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
+    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<{
+        "onOn-vote"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & 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;
+    };
+}));
 export default Index;

package/es/components/RoomSidebar/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/es/components/RoomSidebar/indexPC.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, createBlock, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, watch, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, createBlock, createCommentVNode, renderSlot } from "vue";
 import Drawer from "../common/base/Drawer.vue.mjs";
 import useSideBar from "./useSideBarHooks.mjs";
 import index from "../ManageMember/index.mjs";
@@ -9,8 +9,19 @@ import AITranscription from "../common/widgets/AITools/AITranscription.vue.mjs";
 const _hoisted_1 = { class: "sidebar-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "indexPC",
-  setup(__props) {
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
     const { isSidebarOpen, title, handleClose, sidebarName } = useSideBar();
+    const emit = __emit;
+    watch(
+      () => isSidebarOpen,
+      (newValue, oldValue) => {
+        emit("on-vote", {
+          name: "onVote",
+          visible: isSidebarOpen
+        });
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(Drawer, {

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

package/es/conference.vue2.mjs

@@ -282,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 512), [
           [vShow, unref(showRoomTool)]
         ]),
-        createVNode(unref(Index$1), null, {
+        createVNode(unref(Index$1), { onOnVote: onVote }, {
           content: withCtx(() => [
             renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ]),

package/es/index.mjs

@@ -9168,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-b4d71215] {
+}.tui-room[data-v-4dd66a12] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9180,7 +9180,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-b4d71215] {
+.tui-room .header[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9191,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-b4d71215] {
+.tui-room .content[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-b4d71215] {
+.tui-room.tui-room-h5[data-v-4dd66a12] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-b4d71215] {
+#roomContainer.chat-room[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9216,8 +9216,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-b4d71215],
-#roomContainer .chat-room[data-v-b4d71215] {
+#roomContainer.tui-room-h5[data-v-4dd66a12],
+#roomContainer .chat-room[data-v-4dd66a12] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

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

@@ -1,2 +1,6 @@
-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 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

@@ -18,9 +18,11 @@ const _hoisted_1 = {
 };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "MoreControlPC",
-  setup(__props) {
+  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);
@@ -29,6 +31,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }
       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, [

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

@@ -2,5 +2,9 @@ declare const MoreControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, imp
     "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, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, 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 MoreControl;

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

@@ -9,6 +9,7 @@ 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
   );
@@ -16,7 +17,8 @@ function useControl() {
     t,
     basicStore,
     iconName,
-    sidebarName
+    sidebarName,
+    isSidebarOpen
   };
 }
 exports.default = useControl;

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

@@ -1,2 +1,28 @@
-declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
+    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<{
+        "onOn-vote"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & 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;
+    };
+}));
 export default Index;

package/lib/components/RoomSidebar/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/RoomSidebar/indexPC.vue.js

@@ -11,8 +11,19 @@ const AITranscription = require("../common/widgets/AITools/AITranscription.vue.j
 const _hoisted_1 = { class: "sidebar-container" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "indexPC",
-  setup(__props) {
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
     const { isSidebarOpen, title, handleClose, sidebarName } = useSideBarHooks.default();
+    const emit = __emit;
+    Vue.watch(
+      () => isSidebarOpen,
+      (newValue, oldValue) => {
+        emit("on-vote", {
+          name: "onVote",
+          visible: isSidebarOpen
+        });
+      }
+    );
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
         Vue.createVNode(Drawer.default, {

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

package/lib/conference.vue2.js

@@ -284,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }, 512), [
           [Vue.vShow, Vue.unref(showRoomTool)]
         ]),
-        Vue.createVNode(Vue.unref(index$3.default), null, {
+        Vue.createVNode(Vue.unref(index$3.default), { onOnVote: onVote }, {
           content: Vue.withCtx(() => [
             Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ]),

package/lib/index.js

@@ -9168,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-b4d71215] {
+}.tui-room[data-v-4dd66a12] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9180,7 +9180,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-b4d71215] {
+.tui-room .header[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9191,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-b4d71215] {
+.tui-room .content[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-b4d71215] {
+.tui-room.tui-room-h5[data-v-4dd66a12] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-b4d71215] {
+#roomContainer.chat-room[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9216,8 +9216,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-b4d71215],
-#roomContainer .chat-room[data-v-b4d71215] {
+#roomContainer.tui-room-h5[data-v-4dd66a12],
+#roomContainer .chat-room[data-v-4dd66a12] {
   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.24156",
+  "version": "25.12.24158",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",

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

@@ -14,10 +14,10 @@ import { IconMore } from '@tencentcloud/uikit-base-component-vue3';
 import IconButton from '../../common/base/IconButton.vue';
 import userMoreControl from './useMoreControlHooks';
 import { roomService } from '../../../services';
-
+import { defineEmits} from 'vue';
 const moreControlConfig = roomService.getComponentConfig('MoreControl');
 const { t, basicStore, sidebarName } = userMoreControl();
-
+const emit = defineEmits(['on-vote']);
 function toggleMoreSidebar() {
   if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'vote') {
     basicStore.setSidebarOpenStatus(false);
@@ -26,6 +26,10 @@ function toggleMoreSidebar() {
   }
   basicStore.setSidebarOpenStatus(true);
   basicStore.setSidebarName('vote');
+  emit('on-vote', {
+    name: 'onVote',
+    visible:basicStore.isSidebarOpen,
+  });
 }
 </script>
 <style lang="scss" scoped></style>

package/src/TUIRoom/components/RoomFooter/VoteControl/useMoreControlHooks.ts

@@ -9,7 +9,7 @@ export default function useControl() {
 
   const basicStore = useBasicStore();
   const { sidebarName } = storeToRefs(basicStore);
-
+  const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
   const iconName = computed(() =>
     sidebarName.value === 'vote' ? ICON_NAME.MoreActive : ICON_NAME.More
   );
@@ -19,5 +19,6 @@ export default function useControl() {
     basicStore,
     iconName,
     sidebarName,
+    isSidebarOpen
   };
 }

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

@@ -8,7 +8,7 @@
       :size="400"
     >
       <chat v-if="sidebarName == 'chat'" />
-      <room-vote v-if="sidebarName == 'vote'" >
+      <room-vote v-if="sidebarName == 'vote'">
         <template #content>
           <slot name="content"></slot>
         </template>
@@ -28,7 +28,18 @@ import RoomMore from '../RoomMore';
 import RoomVote from '../RoomVote';
 import Chat from '../Chat/index';
 import AITranscription from '../common/widgets/AITools/AITranscription.vue';
+import { defineEmits,watch} from 'vue';
 const { isSidebarOpen, title, handleClose, sidebarName } = useSideBar();
+const emit = defineEmits(['on-vote',]);
+watch(
+  () => isSidebarOpen,
+  (newValue, oldValue) => {
+    emit('on-vote', {
+      name: 'onVote',
+      visible: isSidebarOpen,
+    });
+  }
+);
 </script>
 
 <style lang="scss"></style>

package/src/TUIRoom/conference.vue

@@ -22,7 +22,7 @@
       <slot name="content"></slot>
     </template>
     </room-footer>
-    <room-sidebar>
+    <room-sidebar @on-vote="onVote">
       <template #content>
           <slot name="content"></slot>
         </template>