@tencentcloud/roomkit-electron-vue3 2.7.2 → 2.8.2

package/es/conference.vue2.mjs

@@ -4,9 +4,9 @@ import RoomFooter from "./components/RoomFooter/index/index.vue.mjs";
 import _sfc_main$1 from "./components/RoomSidebar/index.vue.mjs";
 import RoomContent from "./components/RoomContent/index.vue.mjs";
 import RoomSetting from "./components/RoomSetting/index.vue.mjs";
+import _sfc_main$2 from "./components/RoomOverlay/RoomOverlay.vue.mjs";
 import LoadingOverlay from "./components/PreRoom/LoadingOverlay.vue.mjs";
 import PasswordDialog from "./components/PreRoom/PasswordDialog.vue.mjs";
-import AISubtitlesOverlay from "./components/AITools/AISubtitles.vue.mjs";
 import RoomInviteOverlay from "./components/RoomInvite/index.vue.mjs";
 import { debounce, throttle } from "./utils/utils.mjs";
 import { useBasicStore } from "./stores/basic.mjs";
@@ -23,6 +23,7 @@ import "mitt";
 import "./services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import useDeviceManager from "./hooks/useDeviceManager.mjs";
+import { storeToRefs } from "pinia";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "conference",
   props: {
@@ -104,7 +105,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       roomService.on(EventType.ROOM_JOIN, onJoinRoom);
       roomService.on(EventType.ROOM_LEAVE, onLeaveRoom);
       roomService.on(EventType.ROOM_DISMISS, onDismissRoom);
-      roomService.on(EventType.USER_LOGOUT, onLogout);
       roomService.on(EventType.ROOM_NEED_PASSWORD, onRoomNeedPassword);
     });
     onUnmounted(() => {
@@ -117,7 +117,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       roomService.off(EventType.ROOM_JOIN, onJoinRoom);
       roomService.off(EventType.ROOM_LEAVE, onLeaveRoom);
       roomService.off(EventType.ROOM_DISMISS, onDismissRoom);
-      roomService.off(EventType.USER_LOGOUT, onLogout);
       roomService.off(EventType.ROOM_NEED_PASSWORD, onRoomNeedPassword);
       roomService.resetStore();
     });
@@ -136,10 +135,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return roomClassList;
     });
     const roomContentRef = ref();
-    const showRoomTool = ref(true);
     const roomRef = ref();
+    const { showRoomTool } = storeToRefs(basicStore);
     function handleHideRoomTool() {
-      showRoomTool.value = false;
+      basicStore.setShowRoomTool(false);
     }
     watch(
       () => roomRef.value,
@@ -156,11 +155,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleHideRoomToolDebounce = debounce(handleHideRoomTool, 5e3);
     const handleHideRoomToolThrottle = throttle(handleHideRoomToolDebounce, 1e3);
     const showTool = () => {
-      showRoomTool.value = true;
+      basicStore.setShowRoomTool(true);
       handleHideRoomToolDebounce();
     };
     const showToolThrottle = () => {
-      showRoomTool.value = true;
+      basicStore.setShowRoomTool(true);
       handleHideRoomToolThrottle();
     };
     const hideTool = () => {
@@ -179,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       container.removeEventListener("mouseleave", hideTool);
     };
     function handleRoomContentTap() {
-      showRoomTool.value = !showRoomTool.value;
+      basicStore.setShowRoomTool(!showRoomTool.value);
       if (showRoomTool.value) {
         handleHideRoomToolDebounce();
       }
@@ -213,9 +212,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function resetStore() {
       roomService.resetStore();
     }
-    const logOut = () => {
-      roomService.logOut();
-    };
     const onStartRoom = () => {
       isShowLoading.value = false;
       emit("on-create-room", { code: 0, message: "create room" });
@@ -231,9 +227,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onDismissRoom = () => {
       emit("on-destroy-room", { code: 0, message: "destroy room" });
     };
-    const onLogout = () => {
-      emit("on-log-out", { code: 0, message: "user logout" });
-    };
     const onKickedOutOfRoom = async (eventInfo) => {
       const { roomId, reason, message } = eventInfo;
       emit("on-kicked-out-of-room", { roomId, reason, message });
@@ -253,16 +246,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: roomRef,
         class: normalizeClass(tuiRoomClass.value)
       }, [
-        withDirectives(createVNode(RoomHeader, {
-          class: "header",
-          onLogOut: logOut
-        }, null, 512), [
-          [vShow, showRoomTool.value && unref(showHeaderTool)]
+        withDirectives(createVNode(RoomHeader, { class: "header" }, null, 512), [
+          [vShow, unref(showRoomTool) && unref(showHeaderTool)]
         ]),
         withDirectives(createVNode(RoomContent, {
           ref_key: "roomContentRef",
           ref: roomContentRef,
-          "show-room-tool": showRoomTool.value,
+          "show-room-tool": unref(showRoomTool),
           class: "content"
         }, null, 8, ["show-room-tool"]), [
           [
@@ -276,13 +266,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "footer",
           onShowOverlay: handleShowOverlay
         }, null, 512), [
-          [vShow, showRoomTool.value]
+          [vShow, unref(showRoomTool)]
         ]),
         createVNode(_sfc_main$1),
         createVNode(RoomSetting),
-        overlayMap.value.AISubtitlesOverlay.visible ? (openBlock(), createBlock(AISubtitlesOverlay, { key: 0 })) : createCommentVNode("", true),
-        overlayMap.value.RoomInviteOverlay.visible ? (openBlock(), createBlock(RoomInviteOverlay, { key: 1 })) : createCommentVNode("", true),
-        isShowLoading.value ? (openBlock(), createBlock(LoadingOverlay, { key: 2 })) : createCommentVNode("", true),
+        createVNode(_sfc_main$2),
+        overlayMap.value.RoomInviteOverlay.visible ? (openBlock(), createBlock(RoomInviteOverlay, { key: 0 })) : createCommentVNode("", true),
+        isShowLoading.value ? (openBlock(), createBlock(LoadingOverlay, { key: 1 })) : createCommentVNode("", true),
         createVNode(PasswordDialog, {
           visible: isShowPasswordContainer.value,
           onJoinConference: enterRoom

package/es/constants/room.mjs

@@ -5,7 +5,9 @@ var IconButtonLayout = /* @__PURE__ */ ((IconButtonLayout2) => {
   return IconButtonLayout2;
 })(IconButtonLayout || {});
 ({
-  videoResolution: TRTCVideoResolution.TRTCVideoResolution_640_360
+  videoResolution: TRTCVideoResolution.TRTCVideoResolution_640_360,
+  videoFps: 15,
+  videoBitrate: 800
 });
 var USERS_STATUS = /* @__PURE__ */ ((USERS_STATUS2) => {
   USERS_STATUS2[USERS_STATUS2["Entered"] = 1] = "Entered";

package/es/extension/RoomMessageCard/RoomMessageCard.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watchEffect, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, pushScopeId, popScopeId, unref, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
+import { defineComponent, ref, watchEffect, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, toDisplayString, Fragment, renderList, createCommentVNode, pushScopeId, popScopeId } from "vue";
 import { RoomState, chatExtension } from "../chatExtension.mjs";
 import { HandleRoomMessage } from "./handleRoomMessage.mjs";
 import { useI18n } from "../../locales/index.mjs";

package/es/extension/chatExtension.mjs

@@ -2,14 +2,14 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { TUICore, TUIConstants, TUILogin } from "@tencentcloud/tui-core";
-import TUIRoomEngine__default, { TUIRole, TUIErrorCode, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIRoomEvents, TUIRole, TUIErrorCode } from "@tencentcloud/tuiroom-engine-electron";
 import "../services/main.mjs";
-import { roomService, roomEngine } from "../services/roomService.mjs";
+import { roomEngine, roomService } from "../services/roomService.mjs";
 import { EventType } from "../services/types.mjs";
 import "../locales/index.mjs";
+import { isMobile } from "../utils/environment.mjs";
 import "mitt";
 import "../services/manager/roomActionManager.mjs";
-import { isMobile } from "../utils/environment.mjs";
 import { setDragAndResize } from "./utils/interact.mjs";
 import { setLanguage } from "./utils/setLanguage.mjs";
 import { VueVersion } from "./utils/common.mjs";
@@ -397,7 +397,10 @@ const _ChatExtension = class _ChatExtension {
     }
     this.message = message;
     this.messagePayload = this.parseMessageData(message);
-    const roomParam = {};
+    const roomParam = {
+      isOpenCamera: true,
+      isOpenMicrophone: true
+    };
     this.roomInit();
     try {
       await ((_c = this.service) == null ? void 0 : _c.join(roomId, { roomParam }));

package/es/extension/utils/interact.mjs

@@ -3,10 +3,10 @@ import { roomService } from "../../services/roomService.mjs";
 import { EventType } from "../../services/types.mjs";
 import "../../locales/index.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
+import "../../utils/environment.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import "../../utils/environment.mjs";
 import interact from "interactjs";
 const setDragAndResize = (domSelect) => {
   const minWidth = 830;

package/es/extension/utils/setLanguage.mjs

@@ -2,10 +2,10 @@ import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import "../../locales/index.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
+import "../../utils/environment.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import "../../utils/environment.mjs";
 const languageMap = {
   zh: "zh-CN",
   en: "en-US"

package/es/hooks/useDeviceManager.mjs

@@ -1,4 +1,4 @@
-import TUIRoomEngine__default, { TUIMediaDeviceType, TUIRoomDeviceMangerEvents, TUIMediaDeviceState } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIRoomDeviceMangerEvents, TUIMediaDeviceType, TUIMediaDeviceState } from "@tencentcloud/tuiroom-engine-electron";
 import useGetRoomEngine from "./useRoomEngine.mjs";
 import { useRoomStore } from "../stores/room.mjs";
 import logger from "../utils/common/logger/index.mjs";

package/es/hooks/useMasterApplyControl.mjs

@@ -10,6 +10,7 @@ import logger from "../utils/common/logger/index.mjs";
 import { useBasicStore } from "../stores/basic.mjs";
 import Notification from "../components/common/base/Notification/index.mjs";
 import { isMobile } from "../utils/environment.mjs";
+import { arrayIsEqual } from "../utils/utils.mjs";
 const roomEngine = useGetRoomEngine();
 function useMasterApplyControl() {
   const roomStore = useRoomStore();
@@ -253,7 +254,7 @@ function useMasterApplyControl() {
   function handleShowNotification() {
     watch(applyToAnchorUserIdList, (newVal, oldVal) => {
       var _a, _b, _c;
-      if (newVal.length === oldVal.length && newVal === oldVal) {
+      if (arrayIsEqual(newVal, oldVal)) {
         return;
       }
       if (newVal.length === 0) {

package/es/index.d.ts

@@ -10,6 +10,7 @@ import { roomService } from './services';
 export * from './components/common/base/index';
 export * from './services/manager/scheduleConferenceManager';
 export * from './services/manager/configManager';
+export { createComparator, combineComparators } from './utils/utils';
 export { ConferenceMainView, PreConferenceView, TUIRoomEngine, roomService, conference, RoomEvent, FeatureButton, RoomMessageCard, WhiteboardView, chatExtension, };
 export type { ThemeOption };
 export default ConferenceMainView;