@tencentcloud/roomkit-electron-vue3 2.7.2 → 2.8.2

package/lib/components/{RoomContent → Stream/common}/StreamRegion/index.vue2.js

@@ -2,25 +2,26 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
-const index$1 = require("./StreamPlay/index.vue.js");
-const index$2 = require("./StreamCover/index.vue.js");
-const index = require("./LocalScreenView/index.vue.js");
-const basic = require("../../../stores/basic.js");
-const vDblTouch = require("../../../directives/vDblTouch.js");
-const vTouchScale = require("../../../directives/vTouchScale.js");
+const index$1 = require("../StreamPlay/index.vue.js");
+const index$2 = require("../StreamCover/index.vue.js");
+const index = require("../LocalScreenView/index.vue.js");
+const basic = require("../../../../stores/basic.js");
+const vDblTouch = require("../../../../directives/vDblTouch.js");
+const vTouchScale = require("../../../../directives/vTouchScale.js");
+const domOperation = require("../../../../utils/domOperation.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "index",
   props: {
     streamInfo: {},
-    isEnlarge: { type: Boolean, default: false },
+    streamPlayQuality: {},
+    streamPlayMode: {},
     aspectRatio: {},
-    isNeedPlayStream: { type: Boolean, default: true },
-    observerViewInVisible: { type: Boolean },
     supportTouchScale: { type: Boolean }
   },
-  emits: ["room-dblclick"],
-  setup(__props) {
+  emits: ["stream-view-dblclick"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const basicStore = basic.useBasicStore();
     const isLocalScreen = Vue.computed(
       () => props.streamInfo && props.streamInfo.userId === basicStore.userId && props.streamInfo.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream
@@ -43,8 +44,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       if (!streamRegionContainerRef.value) {
         return;
       }
-      const containerWidth = streamRegionContainerRef.value.offsetWidth;
-      const containerHeight = streamRegionContainerRef.value.offsetHeight;
+      const containerWidth = domOperation.getContentSize(streamRegionContainerRef.value).width;
+      const containerHeight = domOperation.getContentSize(streamRegionContainerRef.value).height;
       let width = containerWidth;
       let height = containerHeight;
       if (widthRatio.value && heightRatio.value) {
@@ -62,6 +63,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       streamStyle.value.width = `${width}px`;
       streamStyle.value.height = `${height}px`;
     }
+    function handleStreamDblClick() {
+      emits("stream-view-dblclick", props.streamInfo);
+    }
     const ro = new ResizeObserver(() => {
       handleStreamRegionSize();
     });
@@ -79,31 +83,24 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }, [
         Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", {
           class: "stream-region",
-          onDblclick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("room-dblclick")),
+          onStreamViewDblclick: handleStreamDblClick,
           style: Vue.normalizeStyle(streamStyle.value)
         }, [
           isLocalScreen.value ? (Vue.openBlock(), Vue.createBlock(index.default, {
             key: 0,
-            streamInfo: _ctx.streamInfo,
-            isMiniRegion: !_ctx.isEnlarge
-          }, null, 8, ["streamInfo", "isMiniRegion"])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+            streamInfo: _ctx.streamInfo
+          }, null, 8, ["streamInfo"])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
             Vue.withDirectives(Vue.createVNode(index$1.default, {
               streamInfo: _ctx.streamInfo,
-              isEnlarge: _ctx.isEnlarge,
-              isNeedPlayStream: _ctx.isNeedPlayStream,
-              observerViewInVisible: _ctx.observerViewInVisible
-            }, null, 8, ["streamInfo", "isEnlarge", "isNeedPlayStream", "observerViewInVisible"]), [
+              "stream-play-mode": _ctx.streamPlayMode,
+              "stream-play-quality": _ctx.streamPlayQuality
+            }, null, 8, ["streamInfo", "stream-play-mode", "stream-play-quality"]), [
               [Vue.unref(vTouchScale.default), props.supportTouchScale]
             ]),
             Vue.createVNode(index$2.default, { streamInfo: _ctx.streamInfo }, null, 8, ["streamInfo"])
           ], 64))
         ], 36)), [
-          [
-            Vue.unref(vDblTouch.default),
-            () => {
-              _ctx.$emit("room-dblclick");
-            }
-          ]
+          [Vue.unref(vDblTouch.default), handleStreamDblClick]
         ])
       ], 512);
     };

package/lib/components/common/Language.vue.js

@@ -9,10 +9,10 @@ const index = require("../../locales/index.js");
 require("../../services/main.js");
 const roomService = require("../../services/roomService.js");
 require("@tencentcloud/tuiroom-engine-electron");
+require("../../utils/environment.js");
 require("mitt");
 require("../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
-require("../../utils/environment.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "Language",
   setup(__props) {

package/lib/components/common/SwitchTheme.vue.js

@@ -9,10 +9,10 @@ const index = require("../../locales/index.js");
 require("../../services/main.js");
 const roomService = require("../../services/roomService.js");
 require("@tencentcloud/tuiroom-engine-electron");
+require("../../utils/environment.js");
 require("mitt");
 require("../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
-require("../../utils/environment.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "SwitchTheme",
   props: {

package/lib/components/common/base/Button.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     size: "large" | "default";
     type: "primary" | "success" | "warning" | "danger" | "info" | "text";
     customStyle: string | false | import('vue').CSSProperties | StyleValue[] | null;
-    loading: boolean;
     disabled: boolean;
+    loading: boolean;
     round: boolean;
     plain: boolean;
 }, {}>;

package/lib/components/common/base/Checkbox/index.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
 }>>> & {
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/components/common/base/Dialog/index.vue.d.ts

@@ -33,10 +33,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     cancelButton: string;
     titleIcon: null;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    cancel: (...args: any[]) => void;
     close: (...args: any[]) => void;
     confirm: (...args: any[]) => void;
-    cancel: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
     modelValue: boolean;
@@ -51,10 +51,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     cancelButton: string;
     titleIcon: null;
 }>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     width: string | number;

package/lib/components/common/base/IconButton.vue.d.ts

@@ -45,13 +45,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
 }, {
     title: string;
     icon: Component | null;
-    disabled: boolean;
-    theme: "white" | "black";
-    layout: IconButtonLayout;
     hasMore: boolean;
     hideHoverEffect: boolean;
+    disabled: boolean;
     isActive: boolean;
+    layout: IconButtonLayout;
     isNotSupport: boolean;
+    theme: "white" | "black";
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/components/common/base/Input/index.vue.d.ts

@@ -31,9 +31,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     done: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
-    focus: (...args: any[]) => void;
     blur: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     theme: string;
     modelValue: string;
@@ -52,14 +52,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     onDone?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    modelValue: string;
     disabled: boolean;
     theme: "white" | "black";
+    align: "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start";
     placeholder: string;
+    modelValue: string;
     enterkeyhint: string;
     maxlength: string;
     border: boolean;
-    align: "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start";
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/components/common/base/Message/Message.vue.d.ts

@@ -51,11 +51,11 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
 }>>, {
-    type: "success" | "warning" | "info" | "error";
-    zIndex: number;
-    remove: Function;
-    message: string | number;
+    type: "error" | "warning" | "success" | "info";
     top: Record<string, any>;
+    message: string | number;
     duration: number;
+    remove: Function;
+    zIndex: number;
 }, {}>;
 export default _default;

package/lib/components/common/base/MessageBox/index.vue.d.ts

@@ -31,12 +31,12 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
-    remove: Function;
     message: string;
     callback: BeforeCloseFn | null;
     duration: number;
     cancelButtonText: string;
     confirmButtonText: string;
+    remove: Function;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/components/common/base/Notification/index.vue.d.ts

@@ -23,9 +23,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    confirm: BeforeCloseFn | null;
     cancel: BeforeCloseFn | null;
     message: string;
+    confirm: BeforeCloseFn | null;
     cancelButtonText: string;
     confirmButtonText: string;
 }, {}>;

package/lib/components/common/base/Select/index.vue.d.ts

@@ -11,8 +11,8 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/lib/components/common/base/Select/index.vue2.js

@@ -9,10 +9,10 @@ require("../../../../services/main.js");
 const roomService = require("../../../../services/roomService.js");
 require("../../../../locales/index.js");
 require("@tencentcloud/tuiroom-engine-electron");
+require("../../../../utils/environment.js");
 require("mitt");
 require("../../../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
-require("../../../../utils/environment.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "index",
   props: {

package/lib/components/common/base/Slider.vue.d.ts

@@ -45,10 +45,10 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: number;
     disabled: boolean;
     max: number;
     min: number;
     step: number;
+    modelValue: number;
 }, {}>;
 export default _default;

package/lib/components/{AITools → common/widgets/AITools}/AISubtitles.vue.js

@@ -2,6 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const AISubtitles_vue_vue_type_script_setup_true_lang = require("./AISubtitles.vue2.js");
 ;/* empty css                  */
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const AISubtitlesOverlay = /* @__PURE__ */ _pluginVue_exportHelper.default(AISubtitles_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-cacf47e3"]]);
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const AISubtitlesOverlay = /* @__PURE__ */ _pluginVue_exportHelper.default(AISubtitles_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-dd3035b9"]]);
 exports.default = AISubtitlesOverlay;

package/lib/components/{AITools → common/widgets/AITools}/AISubtitles.vue2.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-require("../../services/main.js");
-const roomService = require("../../services/roomService.js");
-require("../../locales/index.js");
+require("../../../../services/main.js");
+const roomService = require("../../../../services/roomService.js");
+require("../../../../locales/index.js");
 require("@tencentcloud/tuiroom-engine-electron");
+require("../../../../utils/environment.js");
 require("mitt");
-require("../../services/manager/roomActionManager.js");
+require("../../../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
-const dataReportManager = require("../../services/manager/dataReportManager.js");
-const aiTask = require("../../services/function/aiTask.js");
+const dataReportManager = require("../../../../services/manager/dataReportManager.js");
+const aiTask = require("../../../../services/function/aiTask.js");
 const _hoisted_1 = {
   key: 0,
   class: "ai-subtitles"

package/lib/components/{AITools → common/widgets/AITools}/AITranscription.vue.js

@@ -2,6 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const AITranscription_vue_vue_type_script_setup_true_lang = require("./AITranscription.vue2.js");
 ;/* empty css                      */
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const AITranscription = /* @__PURE__ */ _pluginVue_exportHelper.default(AITranscription_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-35b9944f"]]);
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const AITranscription = /* @__PURE__ */ _pluginVue_exportHelper.default(AITranscription_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e459c8be"]]);
 exports.default = AITranscription;

package/lib/components/{AITools → common/widgets/AITools}/AITranscription.vue2.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-require("../../services/main.js");
-const roomService = require("../../services/roomService.js");
-require("../../locales/index.js");
+require("../../../../services/main.js");
+const roomService = require("../../../../services/roomService.js");
+require("../../../../locales/index.js");
 require("@tencentcloud/tuiroom-engine-electron");
+require("../../../../utils/environment.js");
+const utils = require("../../../../utils/utils.js");
 require("mitt");
-require("../../services/manager/roomActionManager.js");
+require("../../../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
-const dataReportManager = require("../../services/manager/dataReportManager.js");
-const aiTask = require("../../services/function/aiTask.js");
-const utils = require("../../utils/utils.js");
+const dataReportManager = require("../../../../services/manager/dataReportManager.js");
+const aiTask = require("../../../../services/function/aiTask.js");
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "speaker" };
 const _hoisted_3 = { class: "timestamp" };

package/lib/conference.d.ts

@@ -1,6 +1,8 @@
 import { ChatSDK } from '@tencentcloud/chat';
 import { StartParams, JoinParams, LanguageOption } from './services';
 import { TUIRoomEngine } from './index';
+import { StreamInfo, UserInfo } from './stores/room';
+import { Comparator } from './utils/utils';
 
 export declare enum RoomEvent {
     ROOM_START = "RoomStart",
@@ -51,6 +53,13 @@ interface IConference {
     enableVirtualBackground: () => void;
     hideFeatureButton: (name: FeatureButton) => void;
     replaceFriendList: (userList: Array<any>) => void;
+    setUserListSortComparator: (comparator: Comparator<UserInfo>) => void;
+    setStreamListSortComparator: (comparator: Comparator<StreamInfo>) => void;
+    setParticipants: (participants: Array<{
+        userName: string;
+        userId: string;
+        avatarUrl: string;
+    }>) => void;
 }
 declare class Conference implements IConference {
     login(params: {
@@ -79,6 +88,13 @@ declare class Conference implements IConference {
     enableVirtualBackground(): void;
     hideFeatureButton(name: FeatureButton): void;
     replaceFriendList(userList: Array<any>): void;
+    setUserListSortComparator(comparator: Comparator<UserInfo>): void;
+    setStreamListSortComparator(comparator: Comparator<StreamInfo>): void;
+    setParticipants(participants: Array<{
+        userName: string;
+        userId: string;
+        avatarUrl: string;
+    }>): void;
 }
 export declare const conference: Conference;
 export {};

package/lib/conference.js

@@ -5,11 +5,11 @@ const roomService = require("./services/roomService.js");
 const index = require("./utils/common/logger/index.js");
 require("./locales/index.js");
 require("@tencentcloud/tuiroom-engine-electron");
+require("./utils/environment.js");
 require("mitt");
 require("./services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
 const dataReportManager = require("./services/manager/dataReportManager.js");
-require("./utils/environment.js");
 const common = require("./utils/common.js");
 var RoomEvent = /* @__PURE__ */ ((RoomEvent2) => {
   RoomEvent2["ROOM_START"] = "RoomStart";
@@ -102,6 +102,22 @@ class Conference {
   replaceFriendList(userList) {
     return roomService.roomService.scheduleConferenceManager.replaceFriendList(userList);
   }
+  setUserListSortComparator(comparator) {
+    roomService.roomService.userManager.setUserListSortComparator(comparator);
+  }
+  setStreamListSortComparator(comparator) {
+    roomService.roomService.userManager.setStreamListSortComparator(comparator);
+  }
+  setParticipants(participants) {
+    const list = participants.map((item) => {
+      const { userId, userName, avatarUrl } = item;
+      return {
+        userID: userId,
+        profile: { userID: userId, nick: userName, avatar: avatarUrl }
+      };
+    });
+    roomService.roomService.scheduleConferenceManager.replaceFriendList(list);
+  }
 }
 const conference = new Conference();
 exports.FeatureButton = FeatureButton;

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

package/lib/conference.vue2.js

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const index$1 = require("./components/RoomHeader/index/index.vue.js");
-const index$3 = require("./components/RoomFooter/index/index.vue.js");
+const index = require("./components/RoomHeader/index/index.vue.js");
+const index$2 = require("./components/RoomFooter/index/index.vue.js");
 const index_vue_vue_type_script_setup_true_lang = require("./components/RoomSidebar/index.vue.js");
-const index$2 = require("./components/RoomContent/index.vue.js");
-const index$4 = require("./components/RoomSetting/index.vue.js");
+const index$1 = require("./components/RoomContent/index.vue.js");
+const index$3 = require("./components/RoomSetting/index.vue.js");
+const RoomOverlay_vue_vue_type_script_setup_true_lang = require("./components/RoomOverlay/RoomOverlay.vue.js");
 const LoadingOverlay = require("./components/PreRoom/LoadingOverlay.vue.js");
 const PasswordDialog = require("./components/PreRoom/PasswordDialog.vue.js");
-const AISubtitles = require("./components/AITools/AISubtitles.vue.js");
-const index$5 = require("./components/RoomInvite/index.vue.js");
+const index$4 = require("./components/RoomInvite/index.vue.js");
 const utils = require("./utils/utils.js");
 const basic = require("./stores/basic.js");
 const environment = require("./utils/environment.js");
 const vTap = require("./directives/vTap.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
-const index = require("./components/common/base/MessageBox/index.js");
+const index$5 = require("./components/common/base/MessageBox/index.js");
 const Message = require("./components/common/base/Message/Message.js");
 require("./services/main.js");
 const roomService = require("./services/roomService.js");
@@ -25,6 +25,7 @@ require("mitt");
 require("./services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
 const useDeviceManager = require("./hooks/useDeviceManager.js");
+const pinia = require("pinia");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "conference",
   props: {
@@ -74,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         callback = () => {
         }
       } = data;
-      index.default({
+      index$5.default({
         title,
         message,
         duration,
@@ -106,7 +107,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       roomService.roomService.on(types.EventType.ROOM_JOIN, onJoinRoom);
       roomService.roomService.on(types.EventType.ROOM_LEAVE, onLeaveRoom);
       roomService.roomService.on(types.EventType.ROOM_DISMISS, onDismissRoom);
-      roomService.roomService.on(types.EventType.USER_LOGOUT, onLogout);
       roomService.roomService.on(types.EventType.ROOM_NEED_PASSWORD, onRoomNeedPassword);
     });
     Vue.onUnmounted(() => {
@@ -119,7 +119,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       roomService.roomService.off(types.EventType.ROOM_JOIN, onJoinRoom);
       roomService.roomService.off(types.EventType.ROOM_LEAVE, onLeaveRoom);
       roomService.roomService.off(types.EventType.ROOM_DISMISS, onDismissRoom);
-      roomService.roomService.off(types.EventType.USER_LOGOUT, onLogout);
       roomService.roomService.off(types.EventType.ROOM_NEED_PASSWORD, onRoomNeedPassword);
       roomService.roomService.resetStore();
     });
@@ -138,10 +137,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       return roomClassList;
     });
     const roomContentRef = Vue.ref();
-    const showRoomTool = Vue.ref(true);
     const roomRef = Vue.ref();
+    const { showRoomTool } = pinia.storeToRefs(basicStore);
     function handleHideRoomTool() {
-      showRoomTool.value = false;
+      basicStore.setShowRoomTool(false);
     }
     Vue.watch(
       () => roomRef.value,
@@ -158,11 +157,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const handleHideRoomToolDebounce = utils.debounce(handleHideRoomTool, 5e3);
     const handleHideRoomToolThrottle = utils.throttle(handleHideRoomToolDebounce, 1e3);
     const showTool = () => {
-      showRoomTool.value = true;
+      basicStore.setShowRoomTool(true);
       handleHideRoomToolDebounce();
     };
     const showToolThrottle = () => {
-      showRoomTool.value = true;
+      basicStore.setShowRoomTool(true);
       handleHideRoomToolThrottle();
     };
     const hideTool = () => {
@@ -181,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       container.removeEventListener("mouseleave", hideTool);
     };
     function handleRoomContentTap() {
-      showRoomTool.value = !showRoomTool.value;
+      basicStore.setShowRoomTool(!showRoomTool.value);
       if (showRoomTool.value) {
         handleHideRoomToolDebounce();
       }
@@ -215,9 +214,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     function resetStore() {
       roomService.roomService.resetStore();
     }
-    const logOut = () => {
-      roomService.roomService.logOut();
-    };
     const onStartRoom = () => {
       isShowLoading.value = false;
       emit("on-create-room", { code: 0, message: "create room" });
@@ -233,9 +229,6 @@ const _sfc_main = /* @__PURE__ */ Vue.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 });
@@ -255,16 +248,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         ref: roomRef,
         class: Vue.normalizeClass(tuiRoomClass.value)
       }, [
-        Vue.withDirectives(Vue.createVNode(index$1.default, {
-          class: "header",
-          onLogOut: logOut
-        }, null, 512), [
-          [Vue.vShow, showRoomTool.value && Vue.unref(showHeaderTool)]
+        Vue.withDirectives(Vue.createVNode(index.default, { class: "header" }, null, 512), [
+          [Vue.vShow, Vue.unref(showRoomTool) && Vue.unref(showHeaderTool)]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$2.default, {
+        Vue.withDirectives(Vue.createVNode(index$1.default, {
           ref_key: "roomContentRef",
           ref: roomContentRef,
-          "show-room-tool": showRoomTool.value,
+          "show-room-tool": Vue.unref(showRoomTool),
           class: "content"
         }, null, 8, ["show-room-tool"]), [
           [
@@ -274,17 +264,17 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             { lazy: true }
           ]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$3.default, {
+        Vue.withDirectives(Vue.createVNode(index$2.default, {
           class: "footer",
           onShowOverlay: handleShowOverlay
         }, null, 512), [
-          [Vue.vShow, showRoomTool.value]
+          [Vue.vShow, Vue.unref(showRoomTool)]
         ]),
         Vue.createVNode(index_vue_vue_type_script_setup_true_lang.default),
-        Vue.createVNode(index$4.default),
-        overlayMap.value.AISubtitlesOverlay.visible ? (Vue.openBlock(), Vue.createBlock(AISubtitles.default, { key: 0 })) : Vue.createCommentVNode("", true),
-        overlayMap.value.RoomInviteOverlay.visible ? (Vue.openBlock(), Vue.createBlock(index$5.default, { key: 1 })) : Vue.createCommentVNode("", true),
-        isShowLoading.value ? (Vue.openBlock(), Vue.createBlock(LoadingOverlay.default, { key: 2 })) : Vue.createCommentVNode("", true),
+        Vue.createVNode(index$3.default),
+        Vue.createVNode(RoomOverlay_vue_vue_type_script_setup_true_lang.default),
+        overlayMap.value.RoomInviteOverlay.visible ? (Vue.openBlock(), Vue.createBlock(index$4.default, { key: 0 })) : Vue.createCommentVNode("", true),
+        isShowLoading.value ? (Vue.openBlock(), Vue.createBlock(LoadingOverlay.default, { key: 1 })) : Vue.createCommentVNode("", true),
         Vue.createVNode(PasswordDialog.default, {
           visible: isShowPasswordContainer.value,
           onJoinConference: enterRoom

package/lib/constants/room.js

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