@tencentcloud/roomkit-electron-vue3 2.7.1 → 2.8.1

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-c187363f"]]);
+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"
@@ -29,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       subtitleMessages.value = Object.assign({}, data.subtitleMessages);
     };
     Vue.onMounted(() => {
-      roomService.roomService.dataReportManager.reportCount(dataReportManager.MetricsKey.AITask);
+      roomService.roomService.dataReportManager.reportCount(dataReportManager.MetricsKey.aiTask);
       roomService.roomService.aiTask.on(aiTask.AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
     });
     Vue.onUnmounted(() => {

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

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,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/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,12 @@ class Conference {
   replaceFriendList(userList) {
     return roomService.roomService.scheduleConferenceManager.replaceFriendList(userList);
   }
+  setUserListSortComparator(comparator) {
+    roomService.roomService.userManager.setUserListSortComparator(comparator);
+  }
+  setStreamListSortComparator(comparator) {
+    roomService.roomService.userManager.setStreamListSortComparator(comparator);
+  }
 }
 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

@@ -6,9 +6,9 @@ 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$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$4 = require("./components/RoomInvite/index.vue.js");
 const utils = require("./utils/utils.js");
 const basic = require("./stores/basic.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: {
@@ -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.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$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"]), [
           [
@@ -278,13 +268,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           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$3.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$4.default, { key: 1 })) : Vue.createCommentVNode("", true),
-        isShowLoading.value ? (Vue.openBlock(), Vue.createBlock(LoadingOverlay.default, { key: 2 })) : Vue.createCommentVNode("", true),
+        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/extension/chatExtension.js

@@ -9,9 +9,9 @@ require("../services/main.js");
 const roomService = require("../services/roomService.js");
 const types = require("../services/types.js");
 require("../locales/index.js");
+const environment = require("../utils/environment.js");
 require("mitt");
 require("../services/manager/roomActionManager.js");
-const environment = require("../utils/environment.js");
 const interact = require("./utils/interact.js");
 const setLanguage = require("./utils/setLanguage.js");
 const common = require("./utils/common.js");

package/lib/extension/utils/interact.js

@@ -5,10 +5,10 @@ const roomService = require("../../services/roomService.js");
 const types = require("../../services/types.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 interact = require("interactjs");
 const setDragAndResize = (domSelect) => {
   const minWidth = 830;

package/lib/extension/utils/setLanguage.js

@@ -4,10 +4,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 languageMap = {
   zh: "zh-CN",
   en: "en-US"

package/lib/hooks/useMasterApplyControl.js

@@ -12,6 +12,7 @@ const index$1 = require("../utils/common/logger/index.js");
 const basic = require("../stores/basic.js");
 const index$2 = require("../components/common/base/Notification/index.js");
 const environment = require("../utils/environment.js");
+const utils = require("../utils/utils.js");
 const roomEngine = useRoomEngine.default();
 function useMasterApplyControl() {
   const roomStore = room.useRoomStore();
@@ -255,7 +256,7 @@ function useMasterApplyControl() {
   function handleShowNotification() {
     Vue.watch(applyToAnchorUserIdList, (newVal, oldVal) => {
       var _a, _b, _c;
-      if (newVal.length === oldVal.length && newVal === oldVal) {
+      if (utils.arrayIsEqual(newVal, oldVal)) {
         return;
       }
       if (newVal.length === 0) {

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