@tencentcloud/roomkit-electron-vue3 2.7.2 → 2.8.1

package/es/components/{RoomContent → Stream/common}/StreamRegion/index.vue2.mjs

@@ -1,24 +1,25 @@
 import { defineComponent, computed, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, withDirectives, normalizeStyle, createBlock, Fragment, createVNode, unref } from "vue";
 import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-electron";
-import StreamPlay from "./StreamPlay/index.vue.mjs";
-import StreamCover from "./StreamCover/index.vue.mjs";
-import LocalScreenView from "./LocalScreenView/index.vue.mjs";
-import { useBasicStore } from "../../../stores/basic.mjs";
-import vDblTouch$1 from "../../../directives/vDblTouch.mjs";
-import vDblTouch from "../../../directives/vTouchScale.mjs";
+import StreamPlay from "../StreamPlay/index.vue.mjs";
+import StreamCover from "../StreamCover/index.vue.mjs";
+import LocalScreenView from "../LocalScreenView/index.vue.mjs";
+import { useBasicStore } from "../../../../stores/basic.mjs";
+import vDblTouch$1 from "../../../../directives/vDblTouch.mjs";
+import vDblTouch from "../../../../directives/vTouchScale.mjs";
+import { getContentSize } from "../../../../utils/domOperation.mjs";
 const _sfc_main = /* @__PURE__ */ 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 = useBasicStore();
     const isLocalScreen = computed(
       () => props.streamInfo && props.streamInfo.userId === basicStore.userId && props.streamInfo.streamType === TUIVideoStreamType.kScreenStream
@@ -41,8 +42,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!streamRegionContainerRef.value) {
         return;
       }
-      const containerWidth = streamRegionContainerRef.value.offsetWidth;
-      const containerHeight = streamRegionContainerRef.value.offsetHeight;
+      const containerWidth = getContentSize(streamRegionContainerRef.value).width;
+      const containerHeight = getContentSize(streamRegionContainerRef.value).height;
       let width = containerWidth;
       let height = containerHeight;
       if (widthRatio.value && heightRatio.value) {
@@ -60,6 +61,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       streamStyle.value.width = `${width}px`;
       streamStyle.value.height = `${height}px`;
     }
+    function handleStreamDblClick() {
+      emits("stream-view-dblclick", props.streamInfo);
+    }
     const ro = new ResizeObserver(() => {
       handleStreamRegionSize();
     });
@@ -77,31 +81,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         withDirectives((openBlock(), createElementBlock("div", {
           class: "stream-region",
-          onDblclick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("room-dblclick")),
+          onStreamViewDblclick: handleStreamDblClick,
           style: normalizeStyle(streamStyle.value)
         }, [
           isLocalScreen.value ? (openBlock(), createBlock(LocalScreenView, {
             key: 0,
-            streamInfo: _ctx.streamInfo,
-            isMiniRegion: !_ctx.isEnlarge
-          }, null, 8, ["streamInfo", "isMiniRegion"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            streamInfo: _ctx.streamInfo
+          }, null, 8, ["streamInfo"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             withDirectives(createVNode(StreamPlay, {
               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"]), [
               [unref(vDblTouch), props.supportTouchScale]
             ]),
             createVNode(StreamCover, { streamInfo: _ctx.streamInfo }, null, 8, ["streamInfo"])
           ], 64))
         ], 36)), [
-          [
-            unref(vDblTouch$1),
-            () => {
-              _ctx.$emit("room-dblclick");
-            }
-          ]
+          [unref(vDblTouch$1), handleStreamDblClick]
         ])
       ], 512);
     };

package/es/components/common/Language.vue.mjs

@@ -7,10 +7,10 @@ import i18n from "../../locales/index.mjs";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.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 _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Language",
   setup(__props) {

package/es/components/common/SwitchTheme.vue.mjs

@@ -7,10 +7,10 @@ import { useI18n } from "../../locales/index.mjs";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.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 _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SwitchTheme",
   props: {

package/es/components/common/VideoProfile.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, openBlock, createBlock, isRef, unref, withCtx, createElementBlock, Fragment, renderList } from "vue";
+import { defineComponent, computed, watch, openBlock, createBlock, unref, isRef, withCtx, createElementBlock, Fragment, renderList } from "vue";
 import { useI18n } from "../../locales/index.mjs";
 import TuiSelect from "./base/Select/index.vue.mjs";
 import TuiOption from "./base/Option/index.vue.mjs";

package/es/components/common/VideoSettingTab.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref, createVNode, pushScopeId, popScopeId, createCommentVNode, isRef } from "vue";
+import { defineComponent, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref, createVNode, createCommentVNode, isRef, pushScopeId, popScopeId } from "vue";
 import DeviceSelect from "./DeviceSelect.vue.mjs";
 import VideoProfile from "./VideoProfile.vue.mjs";
 import TuiSwitch from "./base/TuiSwitch.vue.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import { useI18n } from "../../locales/index.mjs";
 import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
-import { TRTCVideoFillMode, TRTCVideoRotation, TRTCVideoMirrorType } from "@tencentcloud/tuiroom-engine-electron";
+import { TRTCVideoMirrorType, TRTCVideoRotation, TRTCVideoFillMode } from "@tencentcloud/tuiroom-engine-electron";
 import { isMobile, isElectron } from "../../utils/environment.mjs";
 import { storeToRefs } from "pinia";
 const _withScopeId = (n) => (pushScopeId("data-v-5fa040b6"), n = n(), popScopeId(), n);

package/es/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/es/components/common/base/Button.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "button-icon"

package/es/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/es/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/es/components/common/base/Dialog/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createBlock, Teleport, createElementVNode, normalizeStyle, normalizeClass, createVNode, toDisplayString, renderSlot, createCommentVNode, withCtx } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, toDisplayString, renderSlot, createCommentVNode, withCtx } from "vue";
 import SvgIcon from "../SvgIcon.vue.mjs";
 import CloseIcon from "../../icons/CloseIcon.vue.mjs";
 import { addSuffix } from "../../../../utils/utils.mjs";

package/es/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/es/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/es/components/common/base/Input/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, computed, ref, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, normalizeStyle, withModifiers, renderSlot, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, useSlots, computed, ref, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, withKeys, withModifiers, renderSlot, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 const _hoisted_1 = ["value", "placeholder", "disabled", "maxlength", "type", "enterkeyhint", "readonly"];
 const _hoisted_2 = {
   key: 1,

package/es/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/es/components/common/base/Message/Message.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, createVNode, toDisplayString, vShow } from "vue";
+import { defineComponent, computed, ref, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createVNode, toDisplayString, vShow } from "vue";
 import SvgIcon from "../SvgIcon.vue.mjs";
 import success from "./images/success.vue.mjs";
 import error from "./images/error.vue.mjs";

package/es/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/es/components/common/base/MessageBox/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, unref, toDisplayString, createVNode, createElementBlock, createTextVNode, createCommentVNode, vShow } from "vue";
+import { defineComponent, ref, watch, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, unref, toDisplayString, createVNode, createElementBlock, createTextVNode, createCommentVNode, vShow } from "vue";
 import TuiButton from "../Button.vue.mjs";
 import SvgIcon from "../SvgIcon.vue.mjs";
 import CloseIcon from "../../icons/CloseIcon.vue.mjs";

package/es/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/es/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/es/components/common/base/Select/index.vue2.mjs

@@ -7,10 +7,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 _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {

package/es/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/es/components/common/base/SvgIcon.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot } from "vue";
 import { addSuffix } from "../../../utils/utils.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SvgIcon",

package/es/components/{AITools → common/widgets/AITools}/AISubtitles.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./AISubtitles.vue2.mjs";
 /* empty css                  */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const AISubtitlesOverlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cacf47e3"]]);
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const AISubtitlesOverlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd3035b9"]]);
 export {
   AISubtitlesOverlay as default
 };

package/es/components/{AITools → common/widgets/AITools}/AISubtitles.vue2.mjs

@@ -1,13 +1,14 @@
 import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, renderList, toDisplayString, unref, createCommentVNode } from "vue";
-import "../../services/main.mjs";
-import { roomService } from "../../services/roomService.mjs";
-import "../../locales/index.mjs";
+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 "../../../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import { MetricsKey } from "../../services/manager/dataReportManager.mjs";
-import { AI_TASK } from "../../services/function/aiTask.mjs";
+import { MetricsKey } from "../../../../services/manager/dataReportManager.mjs";
+import { AI_TASK } from "../../../../services/function/aiTask.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "ai-subtitles"

package/es/components/{AITools → common/widgets/AITools}/AITranscription.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./AITranscription.vue2.mjs";
 /* empty css                      */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const AITranscription = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-35b9944f"]]);
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const AITranscription = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e459c8be"]]);
 export {
   AITranscription as default
 };

package/es/components/{AITools → common/widgets/AITools}/AITranscription.vue2.mjs

@@ -1,14 +1,15 @@
 import { defineComponent, ref, onMounted, nextTick, computed, watch, onUnmounted, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, unref } from "vue";
-import "../../services/main.mjs";
-import { roomService } from "../../services/roomService.mjs";
-import "../../locales/index.mjs";
+import "../../../../services/main.mjs";
+import { roomService } from "../../../../services/roomService.mjs";
+import "../../../../locales/index.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
+import "../../../../utils/environment.mjs";
+import { formatTimestampToTime } from "../../../../utils/utils.mjs";
 import "mitt";
-import "../../services/manager/roomActionManager.mjs";
+import "../../../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import { MetricsKey } from "../../services/manager/dataReportManager.mjs";
-import { AI_TASK } from "../../services/function/aiTask.mjs";
-import { formatTimestampToTime } from "../../utils/utils.mjs";
+import { MetricsKey } from "../../../../services/manager/dataReportManager.mjs";
+import { AI_TASK } from "../../../../services/function/aiTask.mjs";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "speaker" };
 const _hoisted_3 = { class: "timestamp" };

package/es/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,8 @@ interface IConference {
     enableVirtualBackground: () => void;
     hideFeatureButton: (name: FeatureButton) => void;
     replaceFriendList: (userList: Array<any>) => void;
+    setUserListSortComparator: (comparator: Comparator<UserInfo>) => void;
+    setStreamListSortComparator: (comparator: Comparator<StreamInfo>) => void;
 }
 declare class Conference implements IConference {
     login(params: {
@@ -79,6 +83,8 @@ 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;
 }
 export declare const conference: Conference;
 export {};

package/es/conference.mjs

@@ -3,11 +3,11 @@ import { roomService } from "./services/roomService.mjs";
 import logger from "./utils/common/logger/index.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 { MetricsKey } from "./services/manager/dataReportManager.mjs";
-import "./utils/environment.mjs";
 import { toTargetTheme } from "./utils/common.mjs";
 var RoomEvent = /* @__PURE__ */ ((RoomEvent2) => {
   RoomEvent2["ROOM_START"] = "RoomStart";
@@ -100,6 +100,12 @@ class Conference {
   replaceFriendList(userList) {
     return roomService.scheduleConferenceManager.replaceFriendList(userList);
   }
+  setUserListSortComparator(comparator) {
+    roomService.userManager.setUserListSortComparator(comparator);
+  }
+  setStreamListSortComparator(comparator) {
+    roomService.userManager.setStreamListSortComparator(comparator);
+  }
 }
 const conference = new Conference();
 export {

package/es/conference.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
 /* empty css                 */
 /* empty css                 */
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbafb509"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-769e2a5f"]]);
 export {
   ConferenceMainView as default
 };

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