@ndscnj/roomkit-web-vue3 25.12.2317 → 25.12.23181

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

@@ -1,7 +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-e3b01383"]]);
+const voteControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-412ed740"]]);
 export {
   voteControl as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, resolveComponent, createElementBlock, openBlock, createVNode, createTextVNode, createCommentVNode, unref, withCtx, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, resolveComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, createTextVNode, createElementVNode, withCtx, toDisplayString, renderSlot } from "vue";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import { useI18n } from "../../locales/index.mjs";
@@ -7,7 +7,10 @@ import "../../utils/environment.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-const _hoisted_1 = { class: "more-container" };
+const _hoisted_1 = {
+  key: 0,
+  class: "more-container"
+};
 const _hoisted_2 = {
   key: 0,
   class: "tool-box"
@@ -24,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(isSidebarOpen, (newValue) => {
       showToolBox.value = newValue && false;
     });
+    const voteControlConfig = roomService.getComponentConfig("VoteControl");
     const emit = __emit;
     function toggleToolBox() {
       showToolBox.value = !showToolBox.value;
@@ -35,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_IconAIIcon = resolveComponent("IconAIIcon");
       const _component_icon_button = resolveComponent("icon-button");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return unref(voteControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_component_icon_button, {
           "is-active": sidebarName.value === "vote",
           title: unref(t)("Vote"),
@@ -46,12 +50,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["is-active", "title"]),
-        _cache[1] || (_cache[1] = createTextVNode(" 测试 ", -1)),
+        createTextVNode(" " + toDisplayString(sidebarName.value) + " ", 1),
+        createElementVNode("div", { onClick: toggleToolBox }, "测试"),
         !isSidebarOpen.value && showToolBox.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           _cache[0] || (_cache[0] = createTextVNode(" 123 ", -1)),
           renderSlot(_ctx.$slots, "content", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ]);
+      ])) : createCommentVNode("", true);
     };
   }
 });

package/es/index.mjs

@@ -3928,17 +3928,17 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.more-container[data-v-e3b01383] {
+}.more-container[data-v-412ed740] {
   padding: 20px;
 }
-.more-container .more-title[data-v-e3b01383] {
+.more-container .more-title[data-v-412ed740] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-e3b01383] {
+.more-container .more-title .email-icon[data-v-412ed740] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-e3b01383] {
+.more-container .more-title .more-notice[data-v-412ed740] {
   width: 100%;
   height: 22px;
   padding-left: 8px;

package/es/services/manager/componentManager.d.ts

@@ -4,7 +4,7 @@ interface IComponentManager {
     getComponentConfig(name: ComponentName): ComponentConfigItem;
     setComponentConfig(options: Partial<ComponentConfig>): boolean;
 }
-declare const componentNames: readonly ["SwitchTheme", "LayoutControl", "RoomInfo", "RoomLink", "Language", "UserInfo", "ScreenShare", "FullScreen", "ManageMemberControl", "InviteControl", "ChatControl", "MoreControl", "VirtualBackground", "BasicBeauty", "AIControl"];
+declare const componentNames: readonly ["SwitchTheme", "LayoutControl", "RoomInfo", "RoomLink", "Language", "UserInfo", "ScreenShare", "FullScreen", "ManageMemberControl", "InviteControl", "ChatControl", "VoteControl", "MoreControl", "VirtualBackground", "BasicBeauty", "AIControl"];
 export type ComponentName = (typeof componentNames)[number];
 type ComponentConfigItem = {
     visible: boolean;

package/es/services/manager/componentManager.mjs

@@ -14,6 +14,7 @@ const componentNames = [
   "ManageMemberControl",
   "InviteControl",
   "ChatControl",
+  "VoteControl",
   "MoreControl",
   "VirtualBackground",
   "BasicBeauty",
@@ -32,6 +33,7 @@ const defaultConfig = {
   ManageMemberControl: { visible: true },
   InviteControl: { visible: true },
   ChatControl: { visible: true },
+  VoteControl: { visible: true },
   MoreControl: { visible: true },
   VirtualBackground: { visible: false },
   AIControl: { visible: false },

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 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-e3b01383"]]);
+const voteControl = /* @__PURE__ */ _pluginVue_exportHelper.default(voteControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-412ed740"]]);
 exports.default = voteControl;

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

@@ -9,7 +9,10 @@ require("../../utils/environment.js");
 require("mitt");
 require("../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
-const _hoisted_1 = { class: "more-container" };
+const _hoisted_1 = {
+  key: 0,
+  class: "more-container"
+};
 const _hoisted_2 = {
   key: 0,
   class: "tool-box"
@@ -26,6 +29,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     Vue.watch(isSidebarOpen, (newValue) => {
       showToolBox.value = newValue && false;
     });
+    const voteControlConfig = roomService.roomService.getComponentConfig("VoteControl");
     const emit = __emit;
     function toggleToolBox() {
       showToolBox.value = !showToolBox.value;
@@ -37,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_IconAIIcon = Vue.resolveComponent("IconAIIcon");
       const _component_icon_button = Vue.resolveComponent("icon-button");
-      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+      return Vue.unref(voteControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
         Vue.createVNode(_component_icon_button, {
           "is-active": sidebarName.value === "vote",
           title: Vue.unref(t)("Vote"),
@@ -48,12 +52,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           ]),
           _: 1
         }, 8, ["is-active", "title"]),
-        _cache[1] || (_cache[1] = Vue.createTextVNode(" 测试 ", -1)),
+        Vue.createTextVNode(" " + Vue.toDisplayString(sidebarName.value) + " ", 1),
+        Vue.createElementVNode("div", { onClick: toggleToolBox }, "测试"),
         !isSidebarOpen.value && showToolBox.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
           _cache[0] || (_cache[0] = Vue.createTextVNode(" 123 ", -1)),
           Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
         ])) : Vue.createCommentVNode("", true)
-      ]);
+      ])) : Vue.createCommentVNode("", true);
     };
   }
 });

package/lib/index.js

@@ -3928,17 +3928,17 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.more-container[data-v-e3b01383] {
+}.more-container[data-v-412ed740] {
   padding: 20px;
 }
-.more-container .more-title[data-v-e3b01383] {
+.more-container .more-title[data-v-412ed740] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-e3b01383] {
+.more-container .more-title .email-icon[data-v-412ed740] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-e3b01383] {
+.more-container .more-title .more-notice[data-v-412ed740] {
   width: 100%;
   height: 22px;
   padding-left: 8px;

package/lib/services/manager/componentManager.d.ts

@@ -4,7 +4,7 @@ interface IComponentManager {
     getComponentConfig(name: ComponentName): ComponentConfigItem;
     setComponentConfig(options: Partial<ComponentConfig>): boolean;
 }
-declare const componentNames: readonly ["SwitchTheme", "LayoutControl", "RoomInfo", "RoomLink", "Language", "UserInfo", "ScreenShare", "FullScreen", "ManageMemberControl", "InviteControl", "ChatControl", "MoreControl", "VirtualBackground", "BasicBeauty", "AIControl"];
+declare const componentNames: readonly ["SwitchTheme", "LayoutControl", "RoomInfo", "RoomLink", "Language", "UserInfo", "ScreenShare", "FullScreen", "ManageMemberControl", "InviteControl", "ChatControl", "VoteControl", "MoreControl", "VirtualBackground", "BasicBeauty", "AIControl"];
 export type ComponentName = (typeof componentNames)[number];
 type ComponentConfigItem = {
     visible: boolean;

package/lib/services/manager/componentManager.js

@@ -16,6 +16,7 @@ const componentNames = [
   "ManageMemberControl",
   "InviteControl",
   "ChatControl",
+  "VoteControl",
   "MoreControl",
   "VirtualBackground",
   "BasicBeauty",
@@ -34,6 +35,7 @@ const defaultConfig = {
   ManageMemberControl: { visible: true },
   InviteControl: { visible: true },
   ChatControl: { visible: true },
+  VoteControl: { visible: true },
   MoreControl: { visible: true },
   VirtualBackground: { visible: false },
   AIControl: { visible: false },

package/package.json

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

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="more-container">
+  <div class="more-container" v-if="voteControlConfig.visible">
     <icon-button
       :is-active="sidebarName === 'vote'"
       :title="t('Vote')"
@@ -7,7 +7,8 @@
     >
       <IconAIIcon size="24" />
     </icon-button>
-    测试
+    {{ sidebarName }}
+    <div @click="toggleToolBox">测试</div>
     <div class="tool-box" v-if="!isSidebarOpen && showToolBox">
       123
       <slot name="content"></slot>
@@ -27,6 +28,7 @@ const showToolBox = ref(false);
 watch(isSidebarOpen, newValue => {
   showToolBox.value = newValue && false;
 });
+const voteControlConfig = roomService.getComponentConfig('VoteControl');
 const emit = defineEmits(['on-vote']);
 function toggleToolBox() {
   showToolBox.value = !showToolBox.value;

package/src/TUIRoom/services/manager/componentManager.ts

@@ -18,6 +18,7 @@ const componentNames = [
   'ManageMemberControl',
   'InviteControl',
   'ChatControl',
+  'VoteControl',
   'MoreControl',
   'VirtualBackground',
   'BasicBeauty',
@@ -49,6 +50,7 @@ const defaultConfig = {
   ManageMemberControl: { visible: true },
   InviteControl: { visible: true },
   ChatControl: { visible: true },
+  VoteControl: { visible: true },
   MoreControl: { visible: true },
   VirtualBackground: { visible: false },
   AIControl: { visible: false },