tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

package/src/hooks/useUserActions/index.ts

@@ -1,19 +1,17 @@
 import { computed, watch } from 'vue';
 import { TUIRole } from '@tencentcloud/tuiroom-engine-js';
+import { useRoomState } from '../../states/RoomState';
+import useUserState from '../../states/UserState/index';
+import { SeatStatus, UserRoomStatus } from '../../types';
+import useAdminAction from './useAdminAction';
 import useAudioAction from './useAudioAction';
-import useChatAction from './useChatAction';
-import useVideoAction from './useVideoAction';
-import useTransferOwnerAction from './useTransferOwnerAction';
 import useChangeNameCardAction from './useChangeNameCardAction/index';
+import useChatAction from './useChatAction';
 import useKickUserAction from './useKickUserAction';
 import useSeatAction from './useSeatAction';
-import useAdminAction from './useAdminAction';
-import { UserInfo, SeatStatus, UserAction, ActionType, UserRoomStatus } from '../../types';
-import { useRoomState } from '../../states/RoomState';
-import useUserState from '../../states/UserState/index';
-interface ObjectType {
-  [key: string]: any;
-}
+import useTransferOwnerAction from './useTransferOwnerAction';
+import useVideoAction from './useVideoAction';
+import type { UserInfo, UserAction } from '../../types';
 
 const { currentRoom } = useRoomState();
 const { localUser } = useUserState();
@@ -24,21 +22,21 @@ export function useUserActions(option: {
 }) {
   const { userInfo, actionList } = option;
   const isTargetUserMySelf = computed(
-    () => localUser.value?.userId === userInfo.userId
+    () => localUser.value?.userId === userInfo.userId,
   );
   const isTargetUserRoomOwner = computed(
-    () => userInfo.userRole === TUIRole.kRoomOwner
+    () => userInfo.userRole === TUIRole.kRoomOwner,
   );
   const isTargetUserGeneral = computed(
-    () => userInfo.userRole === TUIRole.kGeneralUser
+    () => userInfo.userRole === TUIRole.kGeneralUser,
   );
   const isTargetUserAnchor = computed(() => userInfo?.seatStatus === SeatStatus.On);
   const isTargetUserAudience = computed(() => userInfo?.seatStatus !== SeatStatus.On);
   const isCanOperateCurrentUser = computed(
     () =>
-      (localUser.value?.userRole === TUIRole.kRoomOwner && !isTargetUserRoomOwner.value) ||
-      (localUser.value?.userRole === TUIRole.kAdministrator && isTargetUserGeneral.value) ||
-      isTargetUserMySelf.value
+      (localUser.value?.userRole === TUIRole.kRoomOwner && !isTargetUserRoomOwner.value)
+      || (localUser.value?.userRole === TUIRole.kAdministrator && isTargetUserGeneral.value)
+      || isTargetUserMySelf.value,
   );
 
   const audioAction = useAudioAction(userInfo);
@@ -48,12 +46,10 @@ export function useUserActions(option: {
   const adminAction = useAdminAction(userInfo);
   const nameCardAction = useChangeNameCardAction(userInfo);
   const kickUserAction = useKickUserAction(userInfo);
-  const { inviteUserOnSeat, agreeUserOnSeat, denyUserOnSeat, kickUserOffSeat } =
-    useSeatAction(userInfo);
+  const { inviteUserOnSeat, agreeUserOnSeat, denyUserOnSeat, kickUserOffSeat }
+    = useSeatAction(userInfo);
 
-  const isUserApplyingToAnchor = computed(() => {
-    return userInfo.seatStatus === SeatStatus.OffApplicationPending
-  });
+  const isUserApplyingToAnchor = computed(() => userInfo.seatStatus === SeatStatus.OffApplicationPending);
   const agreeOrDenyStageList = computed(() => isUserApplyingToAnchor.value
     ? [agreeUserOnSeat, denyUserOnSeat]
     : []);
@@ -64,7 +60,7 @@ export function useUserActions(option: {
   const onStageControlList = computed(() =>
     isTargetUserAnchor.value
       ? [audioAction, videoAction, kickUserOffSeat]
-      : []
+      : [],
   );
 
   watch(() => JSON.stringify(userInfo), (newVal) => {
@@ -93,26 +89,25 @@ export function useUserActions(option: {
           chatAction,
           nameCardAction,
         ],
-      }
-    } else {
-      return {
-        [TUIRole.kRoomOwner]: [
-          audioAction,
-          videoAction,
-          chatAction,
-          adminAction,
-          transferOwnerAction,
-          kickUserAction,
-          nameCardAction,
-        ],
-        [TUIRole.kAdministrator]: [
-          audioAction,
-          videoAction,
-          chatAction,
-          nameCardAction,
-        ],
-      }
+      };
     }
+    return {
+      [TUIRole.kRoomOwner]: [
+        audioAction,
+        videoAction,
+        chatAction,
+        adminAction,
+        transferOwnerAction,
+        kickUserAction,
+        nameCardAction,
+      ],
+      [TUIRole.kAdministrator]: [
+        audioAction,
+        videoAction,
+        chatAction,
+        nameCardAction,
+      ],
+    };
   });
 
   const controlList = computed(() => {
@@ -151,7 +146,7 @@ export function useUserActions(option: {
     () => {
       // 这个空函数会强制 Vue 在这些数组变化时重新评估依赖它们的计算属性
     },
-    { deep: true }
+    { deep: true },
   );
 
   return {
@@ -162,5 +157,5 @@ export function useUserActions(option: {
     agreeOrDenyStageList,
     inviteStageList,
     onStageControlList,
-  }
+  };
 }

package/src/hooks/useUserActions/useSeatAction.ts

@@ -8,14 +8,14 @@ import {
   IconDenyOnStage,
   IconOnStage,
   IconOffStage,
-} from '@tencentcloud/uikit-base-component-vue3';
+  TUIToast, TOAST_TYPE } from '@tencentcloud/uikit-base-component-vue3';
 import { useI18n } from '../../locales';
-import { TUIToast, TOAST_TYPE } from '@tencentcloud/uikit-base-component-vue3';
 // import { MESSAGE_DURATION } from '@/constants/message';
-import { UserInfo, UserAction, ActionType, RequestType, SeatStatus } from '../../types';
-import useRoomEngine from '../useRoomEngine';
-import useUserState from '../../states/UserState/index';
 import { useRoomState } from '../../states/RoomState';
+import useUserState from '../../states/UserState/index';
+import { UserAction, RequestType, SeatStatus } from '../../types';
+import useRoomEngine from '../useRoomEngine';
+import type { UserInfo, ActionType } from '../../types';
 
 const { currentRoom } = useRoomState();
 
@@ -24,7 +24,7 @@ const { t } = useI18n();
 const roomEngine = useRoomEngine();
 
 export function useInviteUserOnSeat(
-  userInfo: UserInfo
+  userInfo: UserInfo,
 ): ActionType<UserAction> {
   const { userListOnSeat, getDisplayName, cancelInvitationByAdmin, sendInvitationByAdmin } = useUserState();
 
@@ -75,7 +75,7 @@ export function useInviteUserOnSeat(
                   'The invitation to sb to go on stage has timed out',
                   {
                     name: getDisplayName(userInfo),
-                  }
+                  },
                 ),
                 // duration: MESSAGE_DURATION.NORMAL,
               });
@@ -85,7 +85,7 @@ export function useInviteUserOnSeat(
                 TUIToast({
                   type: TOAST_TYPE.WARNING,
                   message: t(
-                    'This member has already received the same request, please try again later'
+                    'This member has already received the same request, please try again later',
                   ),
                   // duration: MESSAGE_DURATION.NORMAL,
                 });
@@ -104,12 +104,12 @@ export function useInviteUserOnSeat(
     icon: computed(() =>
       userInfo.seatStatus === SeatStatus.OffInvitationPending
         ? IconDenyOnStage
-        : IconInviteOnStage
+        : IconInviteOnStage,
     ),
     label: computed(() =>
       userInfo.seatStatus === SeatStatus.OffInvitationPending
         ? t('Cancel stage')
-        : t('Invite stage')
+        : t('Invite stage'),
     ),
     handler: toggleInviteUserOnSeat,
   });

package/src/hooks/useUserActions/useTransferOwnerAction.ts

@@ -1,19 +1,19 @@
 import { reactive, markRaw } from 'vue';
 import { TUIRole } from '@tencentcloud/tuiroom-engine-js';
-import { TUIToast, TOAST_TYPE } from '@tencentcloud/uikit-base-component-vue3';
+import { TUIToast, TOAST_TYPE, IconTransferOwner } from '@tencentcloud/uikit-base-component-vue3';
 // import { MESSAGE_DURATION } from '@/core/constants/message';
-import useRoomEngine from '../useRoomEngine';
-import { useI18n } from '../../locales';
-import { IconTransferOwner } from '@tencentcloud/uikit-base-component-vue3';
 import TUIMessageBox from '../../baseComp/MessageBox';
+import { useI18n } from '../../locales';
 // import eventBus from '@/core/hooks/useMitt';
-import { UserInfo, UserAction, DeviceStatus } from '../../types';
 import { useRoomState } from '../../states/RoomState';
 import useUserState from '../../states/UserState/index';
+import { UserAction, DeviceStatus } from '../../types';
+import useRoomEngine from '../useRoomEngine';
+import type { UserInfo } from '../../types';
 
 const roomEngine = useRoomEngine();
 const { t } = useI18n();
-const { localUser,getDisplayName } = useUserState();
+const { localUser, getDisplayName } = useUserState();
 const { currentRoom } = useRoomState();
 export default function useTransferOwnerAction(userInfo: UserInfo) {
   function transferOwnerFunc() {
@@ -22,11 +22,11 @@ export default function useTransferOwnerAction(userInfo: UserInfo) {
         name: getDisplayName(userInfo),
       }),
       message: t(
-        'After transfer the room owner, you will become a general user'
+        'After transfer the room owner, you will become a general user',
       ),
       confirmButtonText: t('Confirm transfer'),
       cancelButtonText: t('Cancel'),
-      callback: async action => {
+      callback: async (action) => {
         if (action === 'confirm') {
           handleTransferOwner();
         }
@@ -43,8 +43,8 @@ export default function useTransferOwnerAction(userInfo: UserInfo) {
       try {
         // todo: 测试这里的开着屏幕分享转交房主，是否停止屏幕分享
         if (
-          localUser.value?.screenStatus === DeviceStatus.On &&
-          currentRoom.value?.isScreenShareDisableForAllUser
+          localUser.value?.screenStatus === DeviceStatus.On
+          && currentRoom.value?.isScreenShareDisableForAllUser
         ) {
           // eventBus.emit('ScreenShare:stopScreenShare');
         }

package/src/index.ts

@@ -1,12 +1,10 @@
-import { useLoginState } from './states/LoginState';
-
+// common export
+export * from './subEntry/common';
+// chat export
 export * from './chat';
-export * from './rtc';
+// live export
+export * from './subEntry/live/live';
+// room export
+export * from './subEntry/room/room';
 export * from './i18n';
 export * from './types';
-export * from './components/Avatar';
-export * from './components/UserPicker';
-
-export {
-  useLoginState,
-};

package/src/report/MetricsKey.ts

@@ -1,16 +1,30 @@
 export enum MetricsKey {
-  T_METRICS_STATE_API_CREATE_LIVE_COUNT = 180000, // 统计开播的次数
-  T_METRICS_STATE_API_CREATE_LIVE_MOBILE_COUNT = 180001, // 统计移动端 Web 开播的次数
-  T_METRICS_STATE_API_JOIN_LIVE_COUNT = 180002, // 统计观看的次数
-  T_METRICS_STATE_API_JOIN_LIVE_MOBILE_COUNT = 180003, // 统计移动端 Web 观看的次数
-  T_METRICS_STATE_API_LOGIN_COUNT = 180010, // 统计登录次数
-  T_METRICS_STATE_API_LOGIN_MOBILE_COUNT = 180011, // 统计移动端 Web 登录次数
-  T_METRICS_STATE_API_LIVE_MONITOR_CLOSE_ROOM_COUNT = 180020, // 计监播页解散房间的次数
-  T_METRICS_STATE_API_LIVE_MONITOR_START_PLAY_COUNT = 180021, // 统计监播页开始拉流的次数
-  T_METRICS_STATE_API_VIDEO_MIXER_ADD_MEDIA_CAMERA_COUNT = 180030, // 统计混流时添加摄像头的次数
-  T_METRICS_STATE_API_VIDEO_MIXER_ADD_MEDIA_SCREEN_COUNT = 180031, // 统计混流时添加屏幕分享的次数
-  T_METRICS_STATE_API_BARRAGE_SEND_TEXT_MSG_COUNT = 180040, // 统计发送弹幕消息的次数
-  T_METRICS_STATE_API_AUDIENCE_FETCH_LIST_COUNT = 180050, // 统计获取观众列表的次数
-  T_METRICS_STATE_API_CO_GUEST_REQUEST_CONNECTION_COUNT = 180060, // 统计观众连麦请求的次数
-  T_METRICS_STATE_API_CO_HOST_REQUEST_CONNECTION_COUNT = 180070, // 统计主播连线请求的次数
+  T_METRICS_STATE_API_CREATE_LIVE_COUNT = 180000,
+  T_METRICS_STATE_API_CREATE_LIVE_MOBILE_COUNT = 180001,
+  T_METRICS_STATE_API_JOIN_LIVE_COUNT = 180002,
+  T_METRICS_STATE_API_JOIN_LIVE_MOBILE_COUNT = 180003,
+  T_METRICS_STATE_API_LOGIN_COUNT = 180010,
+  T_METRICS_STATE_API_LOGIN_MOBILE_COUNT = 180011,
+  T_METRICS_STATE_API_LIVE_MONITOR_CLOSE_ROOM_COUNT = 180020,
+  T_METRICS_STATE_API_LIVE_MONITOR_START_PLAY_COUNT = 180021,
+  T_METRICS_STATE_API_VIDEO_MIXER_ADD_MEDIA_CAMERA_COUNT = 180030,
+  T_METRICS_STATE_API_VIDEO_MIXER_ADD_MEDIA_SCREEN_COUNT = 180031,
+  T_METRICS_STATE_API_BARRAGE_SEND_TEXT_MSG_COUNT = 180040,
+  T_METRICS_STATE_API_AUDIENCE_FETCH_LIST_COUNT = 180050,
+  T_METRICS_STATE_API_CO_GUEST_REQUEST_CONNECTION_COUNT = 180060,
+  T_METRICS_STATE_API_CO_HOST_REQUEST_CONNECTION_COUNT = 180070,
+
+  T_METRICS_STATE_ASR_STATE_COUNT = 181000,
+  T_METRICS_STATE_FREE_BEAUTY_STATE_COUNT = 181100,
+  T_METRICS_STATE_ROOM_PARTICIPANT_STATE_COUNT = 181200,
+  T_METRICS_STATE_ROOM_STATE_COUNT = 181300,
+  T_METRICS_STATE_API_CREATE_ROOM_COUNT = 181301,
+  T_METRICS_STATE_API_CREATE_ROOM_MOBILE_COUNT = 181302,
+  T_METRICS_STATE_API_JOIN_ROOM_COUNT = 181303,
+  T_METRICS_STATE_API_JOIN_ROOM_MOBILE_COUNT = 181304,
+  T_METRICS_STATE_VIRTUAL_BACKGROUND_STATE_COUNT = 181400,
+  T_METRICS_STATE_DEVICE_STATE_COUNT = 181500,
+  T_METRICS_STATE_API_DEVICE_OPEN_LOCAL_MICROPHONE_COUNT = 181501,
+  T_METRICS_STATE_API_DEVICE_OPEN_LOCAL_CAMERA_COUNT = 181502,
+  T_METRICS_STATE_API_DEVICE_START_SCREEN_SHARE_COUNT = 181503,
 }

package/src/report/dataReport.ts

@@ -1,5 +1,5 @@
 import TUIRoomEngine from '@tencentcloud/tuiroom-engine-js';
-import { MetricsKey } from './MetricsKey';
+import type { MetricsKey } from './MetricsKey';
 
 const KEY_METRICS_API = 'KeyMetricsStats';
 
@@ -14,11 +14,15 @@ export class DataReport {
   }
 
   public reportCount(key: MetricsKey) {
-    const task = this.createReportCountTask(key);
-    if (!this.isReady) {
-      this.taskQueue.push(task);
-    } else {
-      task();
+    try {
+      const task = this.createReportCountTask(key);
+      if (!this.isReady) {
+        this.taskQueue.push(task);
+      } else {
+        task();
+      }
+    } catch (error) {
+      console.warn('Report count failed:', error);
     }
   }
 
@@ -30,11 +34,11 @@ export class DataReport {
   }
 
   private executePendingTasks() {
-    this.taskQueue.forEach(task => {
+    this.taskQueue.forEach((task) => {
       try {
         task();
       } catch (error) {
-        console.error('Task execution failed:', error);
+        console.warn('Task execution failed:', error);
       }
     });
     this.taskQueue = [];
@@ -46,7 +50,7 @@ export class DataReport {
         JSON.stringify({
           api: KEY_METRICS_API,
           params: { key },
-        })
+        }),
       );
     };
   }

package/src/subEntry/common/base.ts

@@ -0,0 +1,6 @@
+export { useLoginState } from '../../states/LoginState';
+export { useUIKitModalState } from '../../states/UIKitModalState';
+
+export * from '../../components/Avatar';
+export * from '../../components/UserPicker';
+export * from '../../components/UIKitModal';

package/src/subEntry/common/index.ts

@@ -0,0 +1,2 @@
+export * from './base';
+export * from './rtc';

package/src/subEntry/common/rtc.ts

@@ -0,0 +1,5 @@
+export { useDeviceState } from '../../states/DeviceState';
+export { useRoomEngine } from '../../hooks/useRoomEngine';
+
+export { AudioSettingPanel } from '../../components/AudioSettingPanel';
+export { VideoSettingPanel } from '../../components/VideoSettingPanel';

package/src/subEntry/live/index.ts

@@ -0,0 +1,8 @@
+import RTCLoginServer from './server';
+
+RTCLoginServer.getInstance().init();
+
+export * from '../common/base';
+export * from '../common/rtc';
+export * from './live';
+export * from '../../types';

package/src/subEntry/live/live.ts

@@ -0,0 +1,23 @@
+// Live related exports
+export { useBarrageState } from '../../states/BarrageState';
+export { useBattleState } from '../../states/BattleState';
+export { useCoGuestState } from '../../states/CoGuestState';
+export { useCoHostState } from '../../states/CoHostState';
+export { useLiveAudienceState } from '../../states/LiveAudienceState';
+export { useLiveListState } from '../../states/LiveListState';
+export { useLiveMonitorState } from '../../states/LiveMonitorState';
+export { useLiveSeatState } from '../../states/LiveSeatState';
+export { useVideoMixerState } from '../../states/VideoMixerState';
+
+export { BarrageInput } from '../../components/BarrageInput';
+export { BarrageList } from '../../components/BarrageList';
+export { CameraButton } from '../../components/CameraButton';
+export { CoGuestPanel } from '../../components/CoGuestPanel';
+export { CoHostPanel } from '../../components/CoHostPanel';
+export { LiveAudienceList } from '../../components/LiveAudienceList';
+export { LiveList } from '../../components/LiveList';
+export { LiveMonitorView } from '../../components/LiveMonitorView';
+export { LiveScenePanel } from '../../components/LiveScenePanel';
+export { LiveCoreView, LiveView } from '../../components/LiveView';
+export { MicButton } from '../../components/MicButton';
+export { StreamMixer } from '../../components/StreamMixer';

package/src/{rtc → subEntry/live}/server.ts

@@ -3,7 +3,9 @@ import { ref } from 'vue';
 import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
 import TUICore, { TUILogin, TUIConstants } from '@tencentcloud/tui-core';
 import TUIRoomEngine from '@tencentcloud/tuiroom-engine-js';
-import { useLoginState } from '../states/LoginState';
+import { dataReport, MetricsKey } from '../../report';
+import { useLoginState } from '../../states/LoginState';
+import { isMobile } from '../../utils';
 
 export default class RTCLoginServer {
   private static instance: RTCLoginServer;
@@ -69,6 +71,8 @@ export default class RTCLoginServer {
 
     try {
       this.isEngineLoggingIn = true;
+      const metricsKey = !isMobile ? MetricsKey.T_METRICS_STATE_API_LOGIN_COUNT : MetricsKey.T_METRICS_STATE_API_LOGIN_MOBILE_COUNT;
+      dataReport.reportCount(metricsKey);
       await TUIChatEngine.login({
         chat,
         SDKAppID,

package/src/subEntry/room/index.ts

@@ -0,0 +1,8 @@
+import RTCLoginServer from './server';
+
+RTCLoginServer.getInstance().init();
+
+export * from '../common/base';
+export * from '../common/rtc';
+export * from './room';
+export * from '../../types';

package/src/subEntry/room/room.ts

@@ -0,0 +1,12 @@
+export { useASRState } from '../../states/ASRState/ASRState';
+export { useFreeBeautyState } from '../../states/FreeBeautyState';
+export { useRoomParticipantState } from '../../states/RoomParticipantState';
+export { useRoomState } from '../../states/RoomState';
+export { useVirtualBackgroundState } from '../../states/VirtualBackgroundState';
+
+export { RoomParticipantList } from '../../components/RoomParticipantList';
+export { RoomParticipantView } from '../../components/RoomParticipantView';
+export { RoomView } from '../../components/RoomView';
+export { ScheduleRoomPanel, ScheduledRoomList } from '../../components/ScheduleRoomPanel';
+export { VirtualBackgroundPanel } from '../../components/VirtualBackgroundPanel';
+export { FreeBeautyPanel } from '../../components/FreeBeautyPanel';

package/src/subEntry/room/server.ts

@@ -0,0 +1,123 @@
+import type { Ref } from 'vue';
+import { ref } from 'vue';
+import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
+import TUICore, { TUILogin, TUIConstants } from '@tencentcloud/tui-core';
+import TUIRoomEngine from '@tencentcloud/tuiroom-engine-js';
+import { dataReport, MetricsKey } from '../../report';
+import { useLoginState } from '../../states/LoginState';
+import { isMobile } from '../../utils';
+
+export default class RTCLoginServer {
+  private static instance: RTCLoginServer;
+  private isReady = false;
+  private isEngineLoggingIn = false;
+  public isLogin: Ref<boolean> = ref(false);
+  private resolveList: any[] = [];
+  private rejectList: any[] = [];
+
+  constructor() {
+    this.init();
+  }
+
+  static getInstance() {
+    if (!RTCLoginServer.instance) {
+      RTCLoginServer.instance = new RTCLoginServer();
+    }
+    return RTCLoginServer.instance;
+  }
+
+  public init() {
+    if (!this.isReady) {
+      this.isReady = true;
+      TUICore.registerEvent(
+        TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
+        TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
+        this,
+      );
+    }
+  }
+
+  /**
+   * @param { TUIInitParam } params
+   */
+  public onNotifyEvent(eventName: string, subKey: string) {
+    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
+      switch (subKey) {
+        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
+          this.login();
+          break;
+        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGOUT_SUCCESS:
+          this.logout();
+          break;
+        default:
+          break;
+      }
+    }
+  }
+
+  public async login() {
+    const {
+      chat,
+      SDKAppID,
+      userID,
+      userSig,
+    } = TUILogin.getContext();
+    if (this.isEngineLoggingIn) {
+      return new Promise((resolve, reject) => {
+        this.resolveList.push(resolve);
+        this.rejectList.push(reject);
+      });
+    }
+
+    try {
+      this.isEngineLoggingIn = true;
+      const metricsKey = !isMobile ? MetricsKey.T_METRICS_STATE_API_LOGIN_COUNT : MetricsKey.T_METRICS_STATE_API_LOGIN_MOBILE_COUNT;
+      dataReport.reportCount(metricsKey);
+      await TUIChatEngine.login({
+        chat,
+        SDKAppID,
+        userID,
+        userSig,
+      });
+      const res = await TUIRoomEngine.login({
+        sdkAppId: SDKAppID,
+        userId: userID,
+        userSig,
+        tim: chat,
+      });
+      this.isLogin.value = true;
+      this.resolveList.forEach((resolve) => {
+        resolve();
+      });
+      this.rejectList = [];
+      this.resolveList = [];
+      const { loginUserInfo } = useLoginState();
+      const result = await chat.getUserProfile({ userIDList: [userID] });
+      const localUserInfo = result.data[0];
+      if (!localUserInfo.value) {
+        loginUserInfo.value = {
+          userId: localUserInfo.userID,
+          userName: localUserInfo.nick,
+          avatarUrl: localUserInfo.avatar,
+          customInfo: localUserInfo.profileCustomField,
+        };
+      }
+      return res;
+    } catch (error) {
+      this.rejectList.forEach((reject) => {
+        reject(error);
+      });
+      this.rejectList = [];
+      this.resolveList = [];
+      throw error;
+    } finally {
+      this.isEngineLoggingIn = false;
+    }
+  }
+
+  public logout() {
+    TUIRoomEngine.logout();
+    this.isLogin.value = false;
+    this.isEngineLoggingIn = false;
+  }
+}

package/src/types/asr.ts

@@ -0,0 +1,31 @@
+export interface TranscriptRawData {
+  type: number;
+  sender: string;
+  start_ms_ts: number;
+  end_ms_ts: number;
+  payload: {
+    end: boolean;
+    end_time: string;
+    end_time_ms: string;
+    roundid: string;
+    start_time: string;
+    start_time_ms: string;
+    taskid: string;
+    text: string;
+  };
+}
+
+export interface Transcript {
+  userId: string;
+  userName: string;
+  avatarUrl: string;
+  text: string;
+  startTime: number;
+  endTime: number;
+  end: boolean;
+  rawData: TranscriptRawData;
+}
+
+export enum ASREvent {
+  TRANSCRIPT_RECEIVED = 'transcript_received',
+}