@ndscnj/roomkit-web-vue3 25.12.2318 → 25.12.2319

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-63c91660"]]);
+const voteControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92356fd2"]]);
 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, createElementVNode, createCommentVNode, unref, withCtx, toDisplayString, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, 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,12 @@ import "../../utils/environment.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-const _hoisted_1 = { class: "more-container" };
+import IconButton from "../common/base/IconButton.vue.mjs";
+import { IconAIIcon } from "@tencentcloud/uikit-base-component-vue3";
+const _hoisted_1 = {
+  key: 0,
+  class: "more-container"
+};
 const _hoisted_2 = {
   key: 0,
   class: "tool-box"
@@ -24,6 +29,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;
@@ -33,26 +39,24 @@ 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, [
-        createVNode(_component_icon_button, {
+      return unref(voteControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(IconButton, {
           "is-active": sidebarName.value === "vote",
           title: unref(t)("Vote"),
           onClickIcon: toggleToolBox
         }, {
           default: withCtx(() => [
-            createVNode(_component_IconAIIcon, { size: "24" })
+            createVNode(unref(IconAIIcon), { size: "24" })
           ]),
           _: 1
         }, 8, ["is-active", "title"]),
         createTextVNode(" " + toDisplayString(sidebarName.value) + " ", 1),
-        createElementVNode("div", { onClick: toggleToolBox }, "测试"),
+        createElementVNode("div", { onClick: toggleToolBox }, "0测试0"),
         !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/components/RoomInvite/useRoomInviteHooks.d.ts

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

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

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

package/es/index.mjs

@@ -3928,24 +3928,35 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.more-container[data-v-63c91660] {
-  padding: 20px;
+}.tool-box[data-v-92356fd2] {
+  position: absolute;
+  bottom: 72px;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 5px 0;
+  border-radius: 15px;
+  background-color: var(--bg-color-dialog);
+  box-shadow: 0 -8px 30p var(--uikit-color-black-8);
 }
-.more-container .more-title[data-v-63c91660] {
+.tool-box .tool-box-item[data-v-92356fd2] {
   display: flex;
   align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  padding: 7px 10px;
+  font-size: 12px;
+  white-space: nowrap;
+  cursor: pointer;
 }
-.more-container .more-title .email-icon[data-v-63c91660] {
-  color: var(--uikit-color-gray-7);
+.tool-box .tool-box-item .icon[data-v-92356fd2] {
+  margin-right: 8px;
 }
-.more-container .more-title .more-notice[data-v-63c91660] {
-  width: 100%;
-  height: 22px;
-  padding-left: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
+.tool-box .tool-box-item[data-v-92356fd2]:hover {
+  border-radius: 8px;
+  background-color: var(--list-color-hover);
 }.footer-container[data-v-6b90d75f] {
   position: absolute;
   bottom: 0;

package/es/locales/zh-CN.mjs

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

package/es/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/es/stores/basic.d.ts

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

package/lib/components/RoomFooter/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-63c91660"]]);
+const voteControl = /* @__PURE__ */ _pluginVue_exportHelper.default(voteControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-92356fd2"]]);
 exports.default = voteControl;

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

@@ -9,7 +9,12 @@ require("../../utils/environment.js");
 require("mitt");
 require("../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
-const _hoisted_1 = { class: "more-container" };
+const IconButton = require("../common/base/IconButton.vue.js");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const _hoisted_1 = {
+  key: 0,
+  class: "more-container"
+};
 const _hoisted_2 = {
   key: 0,
   class: "tool-box"
@@ -26,6 +31,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;
@@ -35,26 +41,24 @@ 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, [
-        Vue.createVNode(_component_icon_button, {
+      return Vue.unref(voteControlConfig).visible ? (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(() => [
-            Vue.createVNode(_component_IconAIIcon, { size: "24" })
+            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconAIIcon), { size: "24" })
           ]),
           _: 1
         }, 8, ["is-active", "title"]),
         Vue.createTextVNode(" " + Vue.toDisplayString(sidebarName.value) + " ", 1),
-        Vue.createElementVNode("div", { onClick: toggleToolBox }, "测试"),
+        Vue.createElementVNode("div", { onClick: toggleToolBox }, "0测试0"),
         !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/components/RoomInvite/useRoomInviteHooks.d.ts

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

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

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

package/lib/index.js

@@ -3928,24 +3928,35 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.more-container[data-v-63c91660] {
-  padding: 20px;
+}.tool-box[data-v-92356fd2] {
+  position: absolute;
+  bottom: 72px;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 5px 0;
+  border-radius: 15px;
+  background-color: var(--bg-color-dialog);
+  box-shadow: 0 -8px 30p var(--uikit-color-black-8);
 }
-.more-container .more-title[data-v-63c91660] {
+.tool-box .tool-box-item[data-v-92356fd2] {
   display: flex;
   align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  padding: 7px 10px;
+  font-size: 12px;
+  white-space: nowrap;
+  cursor: pointer;
 }
-.more-container .more-title .email-icon[data-v-63c91660] {
-  color: var(--uikit-color-gray-7);
+.tool-box .tool-box-item .icon[data-v-92356fd2] {
+  margin-right: 8px;
 }
-.more-container .more-title .more-notice[data-v-63c91660] {
-  width: 100%;
-  height: 22px;
-  padding-left: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
+.tool-box .tool-box-item[data-v-92356fd2]:hover {
+  border-radius: 8px;
+  background-color: var(--list-color-hover);
 }.footer-container[data-v-6b90d75f] {
   position: absolute;
   bottom: 0;

package/lib/locales/zh-CN.js

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

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/lib/stores/basic.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndscnj/roomkit-web-vue3",
-  "version": "25.12.2318",
+  "version": "25.12.2319",
   "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')"
@@ -8,7 +8,7 @@
       <IconAIIcon size="24" />
     </icon-button>
     {{ sidebarName }}
-    <div @click="toggleToolBox">测试</div>
+    <div @click="toggleToolBox">0测试0</div>
     <div class="tool-box" v-if="!isSidebarOpen && showToolBox">
       123
       <slot name="content"></slot>
@@ -17,9 +17,13 @@
 </template>
 
 <script setup lang="ts">
-  import { roomService } from '../../services';
+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';
 const { basicStore } = roomService;
 const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
 const sidebarName = computed(() => basicStore.sidebarName);
@@ -28,6 +32,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;
@@ -40,27 +45,37 @@ function toggleToolBox() {
 </script>
 
 <style lang="scss" scoped>
-.more-container {
-  padding: 20px;
+.tool-box {
+  position: absolute;
+  bottom: 72px;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 5px 0;
+  border-radius: 15px;
+  background-color: var(--bg-color-dialog);
+  box-shadow: 0 -8px 30p var(--uikit-color-black-8);
 
-  .more-title {
+  .tool-box-item {
     display: flex;
     align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+    padding: 7px 10px;
+    font-size: 12px;
+    white-space: nowrap;
+    cursor: pointer;
 
-    .email-icon {
-      color: var(--uikit-color-gray-7);
-    }
-
-    .more-notice {
-      width: 100%;
-      height: 22px;
-      padding-left: 8px;
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 22px;
-      color: var(--text-color-primary);
+    .icon {
+      margin-right: 8px;
     }
   }
 
+  .tool-box-item:hover {
+    border-radius: 8px;
+    background-color: var(--list-color-hover);
+  }
 }
 </style>

package/src/TUIRoom/locales/zh-CN.ts

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

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 },

package/src/TUIRoom/stores/basic.ts

@@ -9,11 +9,11 @@ type SideBarType =
   | 'chat'
   | 'invite'
   | 'manage-member'
+  | 'vote'
   | 'more'
   | 'transfer-leave'
   | 'apply'
   | 'aiTranscription'
-  | 'vote'
   | '';
 type SceneType = 'chat' | 'default';