@ndscnj/roomkit-web-vue3 25.12.23181 → 25.12.23182

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, resolveComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, createTextVNode, createElementVNode, 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,6 +7,8 @@ import "../../utils/environment.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import IconButton from "../common/base/IconButton.vue.mjs";
+import { IconAIIcon } from "@tencentcloud/uikit-base-component-vue3";
 const _hoisted_1 = {
   key: 0,
   class: "more-container"
@@ -37,21 +39,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     return (_ctx, _cache) => {
-      const _component_IconAIIcon = resolveComponent("IconAIIcon");
-      const _component_icon_button = resolveComponent("icon-button");
       return unref(voteControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_icon_button, {
+        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测试"),
         !isSidebarOpen.value && showToolBox.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           _cache[0] || (_cache[0] = createTextVNode(" 123 ", -1)),
           renderSlot(_ctx.$slots, "content", {}, void 0, 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-412ed740] {
-  padding: 20px;
+}.tool-box[data-v-45795e90] {
+  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-412ed740] {
+.tool-box .tool-box-item[data-v-45795e90] {
   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-412ed740] {
-  color: var(--uikit-color-gray-7);
+.tool-box .tool-box-item .icon[data-v-45795e90] {
+  margin-right: 8px;
 }
-.more-container .more-title .more-notice[data-v-412ed740] {
-  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-45795e90]: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/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-412ed740"]]);
+const voteControl = /* @__PURE__ */ _pluginVue_exportHelper.default(voteControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-45795e90"]]);
 exports.default = voteControl;

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

@@ -9,6 +9,8 @@ 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 _hoisted_1 = {
   key: 0,
   class: "more-container"
@@ -39,21 +41,19 @@ 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.unref(voteControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createVNode(_component_icon_button, {
+        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测试"),
         !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)

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-412ed740] {
-  padding: 20px;
+}.tool-box[data-v-45795e90] {
+  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-412ed740] {
+.tool-box .tool-box-item[data-v-45795e90] {
   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-412ed740] {
-  color: var(--uikit-color-gray-7);
+.tool-box .tool-box-item .icon[data-v-45795e90] {
+  margin-right: 8px;
 }
-.more-container .more-title .more-notice[data-v-412ed740] {
-  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-45795e90]: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/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.23181",
+  "version": "25.12.23182",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",

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

@@ -8,7 +8,7 @@
       <IconAIIcon size="24" />
     </icon-button>
     {{ sidebarName }}
-    <div @click="toggleToolBox">测试</div>
+    <div @click="toggleToolBox">0测试</div>
     <div class="tool-box" v-if="!isSidebarOpen && showToolBox">
       123
       <slot name="content"></slot>
@@ -17,9 +17,15 @@
 </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,
+  IconAISubtitles,
+  IconAITranscription,
+} from '@tencentcloud/uikit-base-component-vue3';
 const { basicStore } = roomService;
 const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
 const sidebarName = computed(() => basicStore.sidebarName);
@@ -41,27 +47,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/stores/basic.ts

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