@tencentcloud/roomkit-electron-vue3 2.7.0 → 2.7.1

package/es/components/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-720279c8"]]);
+const AISubtitlesOverlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c187363f"]]);
 export {
   AISubtitlesOverlay as default
 };

package/es/components/AITools/AISubtitles.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onUnmounted, openBlock, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+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";
@@ -6,6 +6,7 @@ import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import { MetricsKey } from "../../services/manager/dataReportManager.mjs";
 import { AI_TASK } from "../../services/function/aiTask.mjs";
 const _hoisted_1 = {
   key: 0,
@@ -14,32 +15,30 @@ const _hoisted_1 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AISubtitles",
   setup(__props) {
-    const rawSubtitleText = ref("");
-    const subtitleLines = computed(
-      () => rawSubtitleText.value.split("\n").filter((item) => item)
-    );
-    let subtitleTimeout = null;
-    const resetSubtitleTimeout = () => {
-      if (subtitleTimeout) {
-        clearTimeout(subtitleTimeout);
-      }
-      subtitleTimeout = setTimeout(() => {
-        rawSubtitleText.value = "";
-      }, 3e3);
-    };
+    const subtitleMessages = ref({});
+    const subtitleLines = computed(() => {
+      const arr = Object.keys(subtitleMessages.value).map((userId) => {
+        return subtitleMessages.value[userId];
+      });
+      return arr.sort((a, b) => a.startMsTs - b.startMsTs);
+    });
     const handleAISubtitles = (data) => {
       if (!data) return;
-      rawSubtitleText.value = data.subtitleText.value;
-      resetSubtitleTimeout();
+      subtitleMessages.value = Object.assign({}, data.subtitleMessages);
     };
-    roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
+    onMounted(() => {
+      roomService.dataReportManager.reportCount(MetricsKey.AITask);
+      roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
+    });
     onUnmounted(() => {
       roomService.aiTask.off(AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
     });
     return (_ctx, _cache) => {
       return subtitleLines.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(subtitleLines.value, (line, index) => {
-          return openBlock(), createElementBlock("div", { key: index }, toDisplayString(line), 1);
+        (openBlock(true), createElementBlock(Fragment, null, renderList(subtitleLines.value, (line) => {
+          return openBlock(), createElementBlock("div", {
+            key: line.sender
+          }, toDisplayString(`${unref(roomService).roomStore.getDisplayName(line.sender)}: ${line == null ? void 0 : line.text}`), 1);
         }), 128))
       ])) : createCommentVNode("", true);
     };

package/es/components/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-ef9f284c"]]);
+const AITranscription = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-631b02ec"]]);
 export {
   AITranscription as default
 };

package/es/components/AITools/AITranscription.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, nextTick, computed, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from "vue";
+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";
@@ -6,108 +6,97 @@ import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 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";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "speaker" };
 const _hoisted_3 = { class: "timestamp" };
-const _hoisted_4 = { class: "content" };
+const timeInterval = 60 * 1e3;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AITranscription",
   setup(__props) {
-    const conversationContainer = ref(null);
-    onMounted(() => scrollToBottom());
-    const processedConversations = ref(processConversation(roomService.aiTask.transcriptionText.value));
+    const conversationContainerRef = ref();
+    const isUserScrolling = ref(false);
+    const rawTranscribedMessageList = ref(
+      roomService.aiTask.transcribedMessageList
+    );
+    onMounted(() => {
+      scrollToBottom();
+    });
     const scrollToBottom = async () => {
-      if (conversationContainer.value) {
+      if (conversationContainerRef.value && !isUserScrolling.value) {
         await nextTick();
-        conversationContainer.value.scrollIntoView({ block: "end" });
+        conversationContainerRef.value.scrollTop = conversationContainerRef.value.scrollHeight;
+      }
+    };
+    const handleScroll = () => {
+      if (conversationContainerRef.value) {
+        const isAtBottom = conversationContainerRef.value.scrollTop + conversationContainerRef.value.clientHeight >= conversationContainerRef.value.scrollHeight - 5;
+        if (isAtBottom) {
+          isUserScrolling.value = false;
+          scrollToBottom();
+        } else {
+          isUserScrolling.value = true;
+        }
       }
     };
-    const conversations = computed(() => {
-      const result = [];
-      let currentSpeaker = null;
-      let currentTimestamp = null;
-      let currentMessages = [];
-      processedConversations.value.forEach((item) => {
-        const [start, end] = item.timestamp.split("->");
-        const timestampMinute = start.slice(0, 5);
-        if (item.speaker === currentSpeaker && timestampMinute === currentTimestamp) {
-          currentMessages.push(item.content);
+    const transcribedMessageList = computed(() => {
+      const aggregatedMessageList = [];
+      let currentAggregatedMessage = null;
+      for (const message of rawTranscribedMessageList.value) {
+        if (!currentAggregatedMessage || message.sender !== currentAggregatedMessage.sender || message.startMsTs - currentAggregatedMessage.startMsTs > timeInterval) {
+          currentAggregatedMessage = {
+            messages: [message],
+            sender: message.sender,
+            startMsTs: message.startMsTs
+          };
+          aggregatedMessageList.push(currentAggregatedMessage);
         } else {
-          if (currentSpeaker !== null) {
-            result.push({
-              timestamp: currentTimestamp,
-              speaker: currentSpeaker,
-              messages: currentMessages
-            });
-          }
-          currentSpeaker = item.speaker;
-          currentTimestamp = timestampMinute;
-          currentMessages = [item.content];
+          currentAggregatedMessage.messages.push(message);
         }
-      });
-      if (currentSpeaker !== null) {
-        result.push({
-          timestamp: currentTimestamp,
-          speaker: currentSpeaker,
-          messages: currentMessages
-        });
       }
-      return result;
+      return aggregatedMessageList;
     });
-    roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, (data) => {
+    watch(rawTranscribedMessageList, () => {
+      scrollToBottom();
+    });
+    const handleAITranscriptionTask = async (data) => {
       if (!data) return;
-      processedConversations.value = processConversation(
-        data.transcriptionText.value
-      );
+      rawTranscribedMessageList.value = [...data.transcribedMessageList];
+    };
+    onMounted(() => {
+      roomService.dataReportManager.reportCount(MetricsKey.AITask);
+      roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAITranscriptionTask);
+    });
+    onUnmounted(() => {
+      roomService.aiTask.off(AI_TASK.TRANSCRIPTION_TASK, handleAITranscriptionTask);
     });
-    function processConversation(data) {
-      const pattern = /(\d{2}:\d{2}:\d{2}->\d{2}:\d{2}:\d{2})\s+([\u4e00-\u9fa5\w]+):\s*(.*)/;
-      const conversations2 = [];
-      const lines = data.split("\n");
-      lines.forEach((line) => {
-        const match = pattern.exec(line);
-        if (match) {
-          const timestamp = match[1];
-          const speaker = match[2];
-          const content = match[3];
-          conversations2.push({
-            timestamp,
-            speaker,
-            content
-          });
-        }
-      });
-      conversations2.sort((a, b) => {
-        const timeA = a.timestamp.split("->")[0];
-        const timeB = b.timestamp.split("->")[0];
-        return timeA.localeCompare(timeB);
-      });
-      return conversations2;
-    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "conversation",
-        ref_key: "conversationContainer",
-        ref: conversationContainer
+        ref_key: "conversationContainerRef",
+        ref: conversationContainerRef,
+        onScroll: handleScroll
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(conversations.value, (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(transcribedMessageList.value, (group) => {
           return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "conversation-item"
+            key: group.startMsTs,
+            class: "conversation-group"
           }, [
             createElementVNode("div", _hoisted_1, [
-              createElementVNode("span", _hoisted_2, toDisplayString(item.speaker), 1),
-              createElementVNode("span", _hoisted_3, toDisplayString(item.timestamp), 1)
+              createElementVNode("span", _hoisted_2, toDisplayString(unref(roomService).roomStore.getDisplayName(group.sender)), 1),
+              createElementVNode("span", _hoisted_3, toDisplayString(unref(formatTimestampToTime)(group.startMsTs)), 1)
             ]),
-            createElementVNode("div", _hoisted_4, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(item.messages, (msg, msgIndex) => {
-                return openBlock(), createElementBlock("div", { key: msgIndex }, toDisplayString(msg), 1);
-              }), 128))
-            ])
+            (openBlock(true), createElementBlock(Fragment, null, renderList(group.messages, (message, messageIndex) => {
+              return openBlock(), createElementBlock("div", {
+                key: messageIndex,
+                class: "content"
+              }, toDisplayString(message.text), 1);
+            }), 128))
           ]);
         }), 128))
-      ], 512);
+      ], 544);
     };
   }
 });

package/es/components/ManageMember/MemberControl/index.vue.mjs

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

package/es/components/ManageMember/MemberControl/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, createVNode, normalizeClass, withDirectives, Fragment, renderList, vShow, isRef, nextTick } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, createVNode, unref, normalizeClass, withDirectives, Fragment, renderList, vShow, isRef, nextTick } from "vue";
 import { useI18n } from "../../../locales/index.mjs";
 import TuiButton from "../../common/base/Button.vue.mjs";
 import Dialog from "../../common/base/Dialog/index.vue.mjs";
@@ -29,9 +29,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tempUserName
     } = useMemberControl(props);
     const { isCanOperateMySelf } = useMemberItem(props.userInfo);
-    const singleControl = computed(() => controlList.value[0]);
+    const singleControl = computed(() => {
+      return isCanOperateMySelf.value ? null : controlList.value[0];
+    });
     const moreControlList = computed(() => {
-      return isCanOperateMySelf ? controlList.value : controlList.value.slice(1);
+      return isCanOperateMySelf.value ? controlList.value : controlList.value.slice(1);
     });
     const dropdownClass = ref("down");
     const moreBtnRef = ref();
@@ -80,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !unref(isCanOperateMySelf) ? (openBlock(), createBlock(TuiButton, {
+        singleControl.value ? (openBlock(), createBlock(TuiButton, {
           key: 0,
           class: "button",
           size: "default",

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue.mjs

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

package/es/components/RoomFooter/BasicBeauty.vue.mjs

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

package/es/components/RoomFooter/BasicBeauty.vue2.mjs

@@ -10,7 +10,9 @@ import { TRTCVideoMirrorType, TRTCVideoRotation, TRTCVideoFillMode } from "@tenc
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import { MetricsKey } from "../../services/manager/dataReportManager.mjs";
 import { isMobile } from "../../utils/environment.mjs";
+import { throttle } from "../../utils/utils.mjs";
 import Dialog from "../common/base/Dialog/index.vue.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 import Slider from "../common/base/Slider.vue.mjs";
@@ -23,7 +25,6 @@ import CompareIcon from "../common/icons/CompareIcon.vue.mjs";
 import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import { TRTCBeautyStyle } from "../../constants/room.mjs";
-import { throttle } from "../../utils/utils.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "basicBeauty-control-container"
@@ -114,6 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         view: "test-preview"
       }));
       isLoading.value = false;
+      roomService.dataReportManager.reportCount(MetricsKey.setBasicBeauty);
     };
     const closeBeautySettingPanel = async () => {
       var _a;

package/es/components/RoomFooter/ChatControl.vue.mjs

@@ -12,6 +12,7 @@ import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import { MetricsKey } from "../../services/manager/dataReportManager.mjs";
 import "../../utils/environment.mjs";
 const _hoisted_1 = {
   key: 0,
@@ -34,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       basicStore.setSidebarOpenStatus(true);
       basicStore.setSidebarName("chat");
       chatStore.updateUnReadCount(0);
+      roomService.dataReportManager.reportCount(MetricsKey.openChat);
     }
     return (_ctx, _cache) => {
       return unref(chatControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [

package/es/components/ScheduleConference/ScheduleConferencePanel/index.vue2.mjs

@@ -25,8 +25,8 @@ import "mitt";
 import "../../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import "../../../utils/environment.mjs";
-import { PASSWORD_MAX_LENGTH_LIMIT } from "../../../constants/room.mjs";
 import { deepClone, calculateByteLength } from "../../../utils/utils.mjs";
+import { PASSWORD_MAX_LENGTH_LIMIT } from "../../../constants/room.mjs";
 import { invalidDigitalPasswordRegex } from "../../../utils/common.mjs";
 import { getDateAndTime, convertToTimestamp, calculateEndTime } from "../scheduleUtils.mjs";
 import SvgIcon from "../../common/base/SvgIcon.vue.mjs";

package/es/components/ScheduleConference/ScheduleRoomControl.vue2.mjs

@@ -8,6 +8,7 @@ import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import { isMobile } from "../../utils/environment.mjs";
+import { convertSecondsToHMS, getUrlWithRoomId } from "../../utils/utils.mjs";
 import useRoomInfo from "../RoomHeader/RoomInfo/useRoomInfoHooks.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
 import Dialog from "../common/base/Dialog/index.vue.mjs";
@@ -20,7 +21,6 @@ import WarningIcon from "../common/icons/WarningIcon.vue.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 import vClickOutside from "../../directives/vClickOutside.mjs";
 import ScheduleConferencePanel from "./ScheduleConferencePanel/index.vue.mjs";
-import { convertSecondsToHMS, getUrlWithRoomId } from "../../utils/utils.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import { storeToRefs } from "pinia";
 import ConferenceDetail from "./ConferenceDetail.vue.mjs";

package/es/components/ScheduleConference/ScheduleRoomList.vue2.mjs

@@ -8,12 +8,12 @@ import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import { isMobile } from "../../utils/environment.mjs";
+import { objectMerge } from "../../utils/utils.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
 import CalendarIcon from "../common/icons/CalendarIcon.vue.mjs";
 import ApplyStageLabelIcon from "../common/icons/ApplyStageLabelIcon.vue.mjs";
 import ScheduleRoomControl from "./ScheduleRoomControl.vue.mjs";
 import LoadingScheduleIcon from "../common/icons/LoadingScheduleIcon.vue.mjs";
-import { objectMerge } from "../../utils/utils.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "schedule-loading"