@tencentcloud/roomkit-electron-vue3 2.7.1 → 2.8.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/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/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/{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-c187363f"]]);
+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"
@@ -27,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       subtitleMessages.value = Object.assign({}, data.subtitleMessages);
     };
     onMounted(() => {
-      roomService.dataReportManager.reportCount(MetricsKey.AITask);
+      roomService.dataReportManager.reportCount(MetricsKey.aiTask);
       roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
     });
     onUnmounted(() => {

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-631b02ec"]]);
+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" };
@@ -66,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rawTranscribedMessageList.value = [...data.transcribedMessageList];
     };
     onMounted(() => {
-      roomService.dataReportManager.reportCount(MetricsKey.AITask);
+      roomService.dataReportManager.reportCount(MetricsKey.aiTask);
       roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAITranscriptionTask);
     });
     onUnmounted(() => {

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

package/es/extension/chatExtension.mjs

@@ -7,9 +7,9 @@ import "../services/main.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";

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/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;