@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.3

package/es/services/manager/chatManager.mjs

@@ -0,0 +1,130 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { TUICore, TUIConstants } from "@tencentcloud/tui-core";
+import { EventType } from "../types.mjs";
+import TUIRoomEngine__default, { TUIRoomEvents } from "@tencentcloud/tuiroom-engine-electron";
+import defaultAvatar from "../../assets/imgs/avatar.png.mjs";
+const THEME = {
+  LIGHT: "LIGHT",
+  DARK: "DARK"
+};
+const _ChatManager = class _ChatManager {
+  constructor(service) {
+    __publicField(this, "service");
+    __publicField(this, "isRoomType", false);
+    this.service = service;
+    this.bindEventContext();
+    this.bindEvent();
+    TUICore.registerEvent(
+      TUIConstants.TUIChat.EVENT.CHAT_STATE_CHANGED,
+      TUIConstants.TUIChat.EVENT_SUB_KEY.CHAT_OPENED,
+      this
+    );
+  }
+  static getInstance(ctx) {
+    if (!_ChatManager.instance) {
+      _ChatManager.instance = new _ChatManager(ctx);
+    }
+    return _ChatManager.instance;
+  }
+  static destroyInstance() {
+    if (!_ChatManager.instance) return;
+    _ChatManager.instance = void 0;
+  }
+  dispose() {
+    this.unbindEvent();
+  }
+  reset() {
+    TUICore.unregisterExtension(
+      TUIConstants.TUIChat.EVENT.CHAT_STATE_CHANGED,
+      this
+    );
+  }
+  setChatType(type) {
+    this.isRoomType = type;
+  }
+  async onNotifyEvent(eventName, subKey, options) {
+    if (!this.isRoomType) return;
+    if (eventName === TUIConstants.TUIChat.EVENT.CHAT_STATE_CHANGED) {
+      if (subKey === TUIConstants.TUIChat.EVENT_SUB_KEY.CHAT_OPENED) {
+        TUICore.callService({
+          serviceName: TUIConstants.TUIChat.SERVICE.NAME,
+          method: TUIConstants.TUIChat.SERVICE.METHOD.SET_CHAT_TYPE,
+          params: {
+            chatType: TUIConstants.TUIChat.TYPE.ROOM
+          }
+        });
+        const result = Object.fromEntries(
+          this.service.roomStore.userList.map((item) => [
+            item.userId,
+            {
+              nick: item.userName,
+              nameCard: item.nameCard,
+              avatar: item.avatarUrl || defaultAvatar
+            }
+          ])
+        );
+        TUICore.callService({
+          serviceName: TUIConstants.TUIChat.SERVICE.NAME,
+          method: TUIConstants.TUIChat.SERVICE.METHOD.UPDATE_MESSAGE_INFO,
+          params: { userInfo: result }
+        });
+      }
+    }
+  }
+  onLanguageChanged(language) {
+    TUICore.notifyEvent(
+      TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED,
+      TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS,
+      { language }
+    );
+  }
+  onThemeChanged(theme) {
+    const currentTheme = theme === "black" ? THEME.DARK : THEME.LIGHT;
+    TUICore.notifyEvent(
+      TUIConstants.TUITheme.EVENT.THEME_CHANGED,
+      TUIConstants.TUITheme.EVENT_SUB_KEY.CHANGE_SUCCESS,
+      { theme: currentTheme }
+    );
+  }
+  onUserNameCardChanged(eventInfo) {
+    const { userId, nameCard } = eventInfo.userInfo;
+    const result = { [userId]: { nameCard } };
+    TUICore.callService({
+      serviceName: TUIConstants.TUIChat.SERVICE.NAME,
+      method: TUIConstants.TUIChat.SERVICE.METHOD.UPDATE_MESSAGE_INFO,
+      params: { userInfo: result }
+    });
+  }
+  bindEventContext() {
+    this.onLanguageChanged = this.onLanguageChanged.bind(this);
+    this.onThemeChanged = this.onThemeChanged.bind(this);
+    this.onUserNameCardChanged = this.onUserNameCardChanged.bind(this);
+  }
+  bindEvent() {
+    this.service.on(EventType.LANGUAGE_CHANGED, this.onLanguageChanged);
+    this.service.on(EventType.THEME_CHANGED, this.onThemeChanged);
+    TUIRoomEngine__default.once("ready", () => {
+      var _a;
+      (_a = this.service.roomEngine.instance) == null ? void 0 : _a.on(
+        TUIRoomEvents.onUserInfoChanged,
+        this.onUserNameCardChanged
+      );
+    });
+  }
+  unbindEvent() {
+    var _a;
+    this.service.off(EventType.LANGUAGE_CHANGED, this.onLanguageChanged);
+    this.service.off(EventType.THEME_CHANGED, this.onThemeChanged);
+    (_a = this.service.roomEngine.instance) == null ? void 0 : _a.off(
+      TUIRoomEvents.onUserInfoChanged,
+      this.onUserNameCardChanged
+    );
+  }
+};
+__publicField(_ChatManager, "instance");
+let ChatManager = _ChatManager;
+export {
+  ChatManager
+};

package/es/services/manager/componentManager.d.ts

@@ -1,10 +1,10 @@
-import { IRoomService } from '..';
+import { IRoomService } from '../';
 
 interface IComponentManager {
     getComponentConfig(name: ComponentName): ComponentConfigItem;
     setComponentConfig(options: Partial<ComponentConfig>): boolean;
 }
-declare const componentNames: readonly ["SwitchTheme", "LayoutControl", "RoomInfo", "RoomLink", "Language", "UserInfo", "ScreenShare", "FullScreen", "ManageMemberControl", "InviteControl", "ChatControl", "MoreControl", "VirtualBackground"];
+declare const componentNames: readonly ["SwitchTheme", "LayoutControl", "RoomInfo", "RoomLink", "Language", "UserInfo", "ScreenShare", "FullScreen", "ManageMemberControl", "InviteControl", "ChatControl", "MoreControl", "VirtualBackground", "BasicBeauty", "AIControl"];
 export type ComponentName = (typeof componentNames)[number];
 type ComponentConfigItem = {
     visible: boolean;

package/es/services/manager/componentManager.mjs

@@ -15,7 +15,9 @@ const componentNames = [
   "InviteControl",
   "ChatControl",
   "MoreControl",
-  "VirtualBackground"
+  "VirtualBackground",
+  "BasicBeauty",
+  "AIControl"
 ];
 const logPrefix = "[RoomService ComponentManager]";
 const defaultConfig = {
@@ -31,7 +33,9 @@ const defaultConfig = {
   InviteControl: { visible: true },
   ChatControl: { visible: true },
   MoreControl: { visible: true },
-  VirtualBackground: { visible: false }
+  VirtualBackground: { visible: false },
+  AIControl: { visible: false },
+  BasicBeauty: { visible: true }
 };
 const _ComponentManager = class _ComponentManager {
   constructor(service) {

package/es/services/manager/configManager.mjs

@@ -25,7 +25,6 @@ class ConfigManager {
     );
   }
   setLanguage(language) {
-    if (language === i18n.global.locale.value) return;
     i18n.global.locale.value = language;
     this.service.basicStore.setLang(language);
     this.service.emit(EventType.LANGUAGE_CHANGED, language);

package/es/services/manager/dataReportManager.d.ts

@@ -0,0 +1,10 @@
+export declare enum MetricsKey {
+    startSharingWhiteboard = 106000,
+    stopSharingWhiteboard = 106001,
+    startAnnotating = 106002,
+    stopAnnotating = 106003,
+    saveWhiteboard = 106004
+}
+export declare class DataReportManager {
+    static reportCount(key: MetricsKey): void;
+}

package/es/services/manager/dataReportManager.mjs

@@ -0,0 +1,30 @@
+import TUIRoomEngine__default from "@tencentcloud/tuiroom-engine-electron";
+import packageConfig from "../../package.json.mjs";
+const appVersion = packageConfig.version;
+const KEY_METRICS_API = "KeyMetricsStats";
+var MetricsKey = /* @__PURE__ */ ((MetricsKey2) => {
+  MetricsKey2[MetricsKey2["startSharingWhiteboard"] = 106e3] = "startSharingWhiteboard";
+  MetricsKey2[MetricsKey2["stopSharingWhiteboard"] = 106001] = "stopSharingWhiteboard";
+  MetricsKey2[MetricsKey2["startAnnotating"] = 106002] = "startAnnotating";
+  MetricsKey2[MetricsKey2["stopAnnotating"] = 106003] = "stopAnnotating";
+  MetricsKey2[MetricsKey2["saveWhiteboard"] = 106004] = "saveWhiteboard";
+  return MetricsKey2;
+})(MetricsKey || {});
+class DataReportManager {
+  static reportCount(key) {
+    TUIRoomEngine__default.callExperimentalAPI(
+      JSON.stringify({
+        api: KEY_METRICS_API,
+        params: {
+          opt: "count",
+          key,
+          version: appVersion
+        }
+      })
+    );
+  }
+}
+export {
+  DataReportManager,
+  MetricsKey
+};

package/es/services/manager/roomActionManager.d.ts

@@ -11,6 +11,7 @@ export interface DeviceParams {
 export interface StartParams extends DeviceParams {
     roomName?: string;
     isSeatEnabled?: boolean;
+    password?: string;
 }
 export interface JoinParams extends DeviceParams {
     password?: string;
@@ -30,7 +31,7 @@ export declare class RoomActionManager {
         roomId: string;
         roomName?: string;
         roomMode?: 'FreeToSpeak' | 'SpeakAfterTakingSeat';
-        roomParam?: DeviceParams;
+        roomParam?: StartParams;
     }): Promise<void>;
     private handleRoomCreation;
     enterRoom(options: {

package/es/services/manager/roomActionManager.mjs

@@ -23,7 +23,8 @@ class RoomActionManager {
       isOpenMicrophone = false,
       defaultCameraId,
       defaultMicrophoneId,
-      defaultSpeakerId
+      defaultSpeakerId,
+      password
     } = params;
     const roomMode = isSeatEnabled ? "SpeakAfterTakingSeat" : "FreeToSpeak";
     await this.createRoom({
@@ -35,7 +36,8 @@ class RoomActionManager {
         isOpenMicrophone,
         defaultCameraId,
         defaultMicrophoneId,
-        defaultSpeakerId
+        defaultSpeakerId,
+        password
       }
     });
     await this.enterRoom({
@@ -45,10 +47,11 @@ class RoomActionManager {
         isOpenMicrophone,
         defaultCameraId,
         defaultMicrophoneId,
-        defaultSpeakerId
+        defaultSpeakerId,
+        password
       }
     });
-    this.service.emit(EventType.ROOM_START);
+    this.service.emit(EventType.ROOM_START, { roomId });
   }
   async join(roomId, params = {}) {
     const {
@@ -70,7 +73,7 @@ class RoomActionManager {
         password
       }
     });
-    this.service.emit(EventType.ROOM_JOIN);
+    this.service.emit(EventType.ROOM_JOIN, { roomId });
   }
   async leaveRoom() {
     var _a;
@@ -98,13 +101,14 @@ class RoomActionManager {
   }
   async createRoom(options) {
     try {
-      const { roomId, roomName, roomMode } = options;
+      const { roomId, roomName, roomMode, roomParam } = options;
       const roomParams = {
         roomId,
         roomName,
         roomType: TUIRoomType.kConference,
         isSeatEnabled: roomMode !== "FreeToSpeak",
-        seatMode: roomMode === "SpeakAfterTakingSeat" ? TUISeatMode.kApplyToTake : void 0
+        seatMode: roomMode === "SpeakAfterTakingSeat" ? TUISeatMode.kApplyToTake : void 0,
+        password: (roomParam == null ? void 0 : roomParam.password) || ""
       };
       await this.handleRoomCreation(roomParams, options);
     } catch (error) {

package/es/services/roomService.d.ts

@@ -9,9 +9,12 @@ import { MediaManager } from './manager/MediaManager';
 import { JoinParams, RoomActionManager, StartParams, RoomParamsInfo } from './manager/roomActionManager';
 import { WaterMark } from './function/waterMark';
 import { VirtualBackground } from './function/virtualBackground';
+import { BasicBeauty } from './function/basicBeauty';
 import { ScheduleConferenceManager } from './manager/scheduleConferenceManager';
 import { ConferenceInvitationManager } from './manager/conferenceInvitationManager';
 import { ErrorHandler } from './function/errorHandler';
+import { ChatManager } from './manager/chatManager';
+import { AITask } from './function/aiTask';
 
 export declare const roomEngine: Record<string, TUIRoomEngine | null>;
 export declare class RoomService implements IRoomService {
@@ -25,9 +28,12 @@ export declare class RoomService implements IRoomService {
     roomActionManager: RoomActionManager;
     waterMark: WaterMark;
     virtualBackground: VirtualBackground;
+    basicBeauty: BasicBeauty;
     scheduleConferenceManager: ScheduleConferenceManager;
     conferenceInvitationManager: ConferenceInvitationManager;
     errorHandler: ErrorHandler;
+    chatManager: ChatManager;
+    aiTask: AITask;
     roomEngine: Record<string, TUIRoomEngine | null>;
     t: any;
     get basicStore(): any;

package/es/services/roomService.mjs

@@ -21,9 +21,13 @@ import { MediaManager } from "./manager/MediaManager.mjs";
 import { RoomActionManager } from "./manager/roomActionManager.mjs";
 import { WaterMark } from "./function/waterMark.mjs";
 import { VirtualBackground } from "./function/virtualBackground.mjs";
+import { BasicBeauty } from "./function/basicBeauty.mjs";
 import { ScheduleConferenceManager } from "./manager/scheduleConferenceManager.mjs";
 import { ConferenceInvitationManager } from "./manager/conferenceInvitationManager.mjs";
 import { ErrorHandler } from "./function/errorHandler.mjs";
+import { ChatManager } from "./manager/chatManager.mjs";
+import { TUILogin } from "@tencentcloud/tui-core";
+import { AITask } from "./function/aiTask.mjs";
 const { t } = i18n.global;
 const logPrefix = "[RoomService]";
 const roomEngine = useGetRoomEngine();
@@ -38,9 +42,12 @@ const _RoomService = class _RoomService {
     __publicField(this, "roomActionManager", new RoomActionManager(this));
     __publicField(this, "waterMark", new WaterMark(this));
     __publicField(this, "virtualBackground", new VirtualBackground(this));
+    __publicField(this, "basicBeauty", new BasicBeauty(this));
     __publicField(this, "scheduleConferenceManager", new ScheduleConferenceManager(this));
     __publicField(this, "conferenceInvitationManager", new ConferenceInvitationManager(this));
     __publicField(this, "errorHandler", new ErrorHandler(this));
+    __publicField(this, "chatManager", new ChatManager(this));
+    __publicField(this, "aiTask", new AITask(this));
     __publicField(this, "roomEngine", roomEngine);
     __publicField(this, "t", t);
     this.lifeCycleManager.start();
@@ -86,9 +93,11 @@ const _RoomService = class _RoomService {
     _RoomService.instance.unBindRoomEngineEvents();
     _RoomService.instance.waterMark.dispose();
     _RoomService.instance.virtualBackground.dispose();
+    _RoomService.instance.basicBeauty.dispose();
     _RoomService.instance.scheduleConferenceManager.dispose();
     _RoomService.instance.conferenceInvitationManager.dispose();
     _RoomService.instance.mediaManager.dispose();
+    _RoomService.instance.chatManager.dispose();
     _RoomService.instance = void 0;
   }
   useExtension(extension) {
@@ -353,7 +362,14 @@ const _RoomService = class _RoomService {
       userName = userId,
       avatarUrl = ""
     } = option;
-    await TUIRoomEngine__default.login({ sdkAppId, userId, userSig });
+    TUILogin.login({
+      SDKAppID: sdkAppId,
+      userID: userId,
+      userSig,
+      useUploadPlugin: true
+    });
+    const { chat } = TUILogin.getContext();
+    await TUIRoomEngine__default.login({ sdkAppId, userId, userSig, tim: chat });
     await TUIRoomEngine__default.setSelfInfo({ userName, avatarUrl });
     this.emit(EventType.ROOM_LOGIN);
   }

package/es/services/types.d.ts

@@ -6,6 +6,7 @@ import { LifeCycleManager } from './manager/lifeCycleManager';
 import { ScheduleConferenceManager } from './manager/scheduleConferenceManager';
 import { RoomActionManager } from './manager/roomActionManager';
 import { ErrorHandler } from './function/errorHandler';
+import { AITask } from './function/aiTask';
 import { ConferenceInvitationManager } from './manager/conferenceInvitationManager';
 
 export interface IRoomService {
@@ -19,6 +20,7 @@ export interface IRoomService {
     scheduleConferenceManager: ScheduleConferenceManager;
     conferenceInvitationManager: ConferenceInvitationManager;
     errorHandler: ErrorHandler;
+    aiTask: AITask;
     on: (eventType: EventType, callback: (data?: any) => any) => void;
     off: (eventType: EventType, callback: (data?: any) => void) => void;
     emit: (eventType: EventType, data?: any) => void;

package/es/stores/basic.mjs

@@ -56,10 +56,7 @@ const useBasicStore = defineStore("basic", {
         visible: true
       }
     },
-    scene: "default",
-    isSharing: false,
-    isWhiteboardVisiable: false,
-    isSharingScreen: false
+    scene: "default"
   }),
   getters: {},
   actions: {
@@ -174,15 +171,6 @@ const useBasicStore = defineStore("basic", {
     setScene(scene) {
       this.scene = scene;
     },
-    setIsSharing(isSharing) {
-      this.isSharing = isSharing;
-    },
-    setWhiteboardVisiable(visible) {
-      this.isWhiteboardVisiable = visible;
-    },
-    setIsSharingScreen(isSharingScreen) {
-      this.isSharingScreen = isSharingScreen;
-    },
     reset() {
       this.isSidebarOpen = false;
       this.layout = getDefaultLayout();
@@ -200,9 +188,6 @@ const useBasicStore = defineStore("basic", {
       this.showHeaderTool = true;
       this.shareLink = "";
       this.isOpenMic = false;
-      this.isSharing = false;
-      this.isWhiteboardVisiable = false;
-      this.isSharingScreen = false;
     }
   }
 });

package/es/stores/room.mjs

@@ -84,7 +84,11 @@ const useRoomStore = defineStore("room", {
     roomName: "",
     // Visual area user flow list
     hasOtherScreenShare: false,
-    isOnStateTabActive: true
+    isOnStateTabActive: true,
+    isLocalUserSharing: false,
+    isWhiteboardVisiable: false,
+    isSharingScreen: false,
+    isAnnotationVisiable: false
   }),
   getters: {
     localUser(state) {
@@ -542,6 +546,10 @@ const useRoomStore = defineStore("room", {
       this.maxSeatCount = 20;
       this.password = "";
       this.roomName = "";
+      this.isLocalUserSharing = false;
+      this.isWhiteboardVisiable = false;
+      this.isSharingScreen = false;
+      this.isAnnotationVisiable = false;
     }
   }
 });

package/lib/components/AITools/AISubtitles.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/AITools/AISubtitles.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+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-720279c8"]]);
+exports.default = AISubtitlesOverlay;

package/lib/components/AITools/AISubtitles.vue2.js

@@ -0,0 +1,50 @@
+"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("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+const aiTask = require("../../services/function/aiTask.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "ai-subtitles"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "AISubtitles",
+  setup(__props) {
+    const rawSubtitleText = Vue.ref("");
+    const subtitleLines = Vue.computed(
+      () => rawSubtitleText.value.split("\n").filter((item) => item)
+    );
+    let subtitleTimeout = null;
+    const resetSubtitleTimeout = () => {
+      if (subtitleTimeout) {
+        clearTimeout(subtitleTimeout);
+      }
+      subtitleTimeout = setTimeout(() => {
+        rawSubtitleText.value = "";
+      }, 3e3);
+    };
+    const handleAISubtitles = (data) => {
+      if (!data) return;
+      rawSubtitleText.value = data.subtitleText.value;
+      resetSubtitleTimeout();
+    };
+    roomService.roomService.aiTask.on(aiTask.AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
+    Vue.onUnmounted(() => {
+      roomService.roomService.aiTask.off(aiTask.AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
+    });
+    return (_ctx, _cache) => {
+      return subtitleLines.value.length ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(subtitleLines.value, (line, index) => {
+          return Vue.openBlock(), Vue.createElementBlock("div", { key: index }, Vue.toDisplayString(line), 1);
+        }), 128))
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/AITools/AITranscription.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/AITools/AITranscription.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+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-ef9f284c"]]);
+exports.default = AITranscription;

package/lib/components/AITools/AITranscription.vue2.js

@@ -0,0 +1,116 @@
+"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("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+const aiTask = require("../../services/function/aiTask.js");
+const _hoisted_1 = { class: "title" };
+const _hoisted_2 = { class: "speaker" };
+const _hoisted_3 = { class: "timestamp" };
+const _hoisted_4 = { class: "content" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "AITranscription",
+  setup(__props) {
+    const conversationContainer = Vue.ref(null);
+    Vue.onMounted(() => scrollToBottom());
+    const processedConversations = Vue.ref(processConversation(roomService.roomService.aiTask.transcriptionText.value));
+    const scrollToBottom = async () => {
+      if (conversationContainer.value) {
+        await Vue.nextTick();
+        conversationContainer.value.scrollIntoView({ block: "end" });
+      }
+    };
+    const conversations = Vue.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);
+        } else {
+          if (currentSpeaker !== null) {
+            result.push({
+              timestamp: currentTimestamp,
+              speaker: currentSpeaker,
+              messages: currentMessages
+            });
+          }
+          currentSpeaker = item.speaker;
+          currentTimestamp = timestampMinute;
+          currentMessages = [item.content];
+        }
+      });
+      if (currentSpeaker !== null) {
+        result.push({
+          timestamp: currentTimestamp,
+          speaker: currentSpeaker,
+          messages: currentMessages
+        });
+      }
+      return result;
+    });
+    roomService.roomService.aiTask.on(aiTask.AI_TASK.TRANSCRIPTION_TASK, (data) => {
+      if (!data) return;
+      processedConversations.value = processConversation(
+        data.transcriptionText.value
+      );
+    });
+    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 Vue.openBlock(), Vue.createElementBlock("div", {
+        class: "conversation",
+        ref_key: "conversationContainer",
+        ref: conversationContainer
+      }, [
+        (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(conversations.value, (item, index) => {
+          return Vue.openBlock(), Vue.createElementBlock("div", {
+            key: index,
+            class: "conversation-item"
+          }, [
+            Vue.createElementVNode("div", _hoisted_1, [
+              Vue.createElementVNode("span", _hoisted_2, Vue.toDisplayString(item.speaker), 1),
+              Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(item.timestamp), 1)
+            ]),
+            Vue.createElementVNode("div", _hoisted_4, [
+              (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(item.messages, (msg, msgIndex) => {
+                return Vue.openBlock(), Vue.createElementBlock("div", { key: msgIndex }, Vue.toDisplayString(msg), 1);
+              }), 128))
+            ])
+          ]);
+        }), 128))
+      ], 512);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/ChatKit/adapter-vue.d.ts

@@ -0,0 +1,10 @@
+declare let vueVersion: number;
+declare let framework: string;
+declare let createVNode: (arg1: any, arg2: any) => {
+    component: any;
+    props: any;
+    data: any;
+};
+declare let render: (arg1: any, arg2: any) => void;
+export { vueVersion, framework, render, createVNode };
+export * from 'vue';