tuikit-atomicx-vue3 4.4.0 → 4.5.1

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';
-
-export * from './chat';
-export * from './rtc';
+// common export
+export * from './subEntry/common';
+// chat export
+export * from './subEntry/chat/chat';
+// 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/{chat/index.ts → subEntry/chat/chat.ts}

@@ -1,11 +1,11 @@
-// Chat related exports
-import { View as ViewComponent } from '../baseComp/View';
-import { ChatSetting as ChatSettingComponent } from '../components/ChatSetting';
+// Chat related exports (pure components, no initialization)
+import { View as ViewComponent } from '../../baseComp/View';
+import { ChatSetting as ChatSettingComponent } from '../../components/ChatSetting';
 import {
   ContactList as ContactListComponent,
   ContactListItem as ContactListItemComponent,
   ContactInfo as ContactInfoComponent,
-} from '../components/ContactList';
+} from '../../components/ContactList';
 import {
   ConversationList as ConversationListComponent,
   ConversationActions as ConversationActionsComponent,
@@ -14,7 +14,7 @@ import {
   ConversationPreview as ConversationPreviewComponent,
   ConversationPreviewUI as ConversationPreviewUIComponent,
   ConversationSearch as ConversationSearchComponent,
-} from '../components/ConversationList';
+} from '../../components/ConversationList';
 import {
   MessageInput as MessageInputComponent,
   EmojiPicker as EmojiPickerComponent,
@@ -24,11 +24,11 @@ import {
   VideoPicker as VideoPickerComponent,
   AudioCallPicker as AudioCallPickerComponent,
   VideoCallPicker as VideoCallPickerComponent,
-} from '../components/MessageInput';
+} from '../../components/MessageInput';
 import {
   MessageList as MessageListComponent,
   Message as MessageComponent,
-} from '../components/MessageList';
+} from '../../components/MessageList';
 import {
   Search as SearchComponent,
   SearchAdvanced as SearchAdvancedComponent,
@@ -37,17 +37,16 @@ import {
   SearchResultItem as SearchResultItemComponent,
   SearchBar as SearchBarComponent,
   SearchResults as SearchResultsComponent,
-} from '../components/Search';
-import { useMessageActions as useMessageActionsHook } from '../hooks/useMessageActions';
-import { useConversationListState as conversationListState } from '../states/ConversationListState';
-import { useMessageActionState as messageActionState } from '../states/MessageActionState';
-import { useMessageInputState as messageInputState } from '../states/MessageInputState';
-import { useMessageListState as messageListState } from '../states/MessageListState';
-import { useSearchState as searchState } from '../states/SearchState';
-import { useContactListState as contactListState } from "../states/ContactListState";
-import { useC2CSettingState as c2cSettingState } from '../states/C2CSettingState';
-import { useGroupSettingState as groupSettingState } from '../states/GroupSettingState';
-
+} from '../../components/Search';
+import { useMessageActions as useMessageActionsHook } from '../../hooks/useMessageActions';
+import { useConversationListState as conversationListState } from '../../states/ConversationListState';
+import { useMessageActionState as messageActionState } from '../../states/MessageActionState';
+import { useMessageInputState as messageInputState } from '../../states/MessageInputState';
+import { useMessageListState as messageListState } from '../../states/MessageListState';
+import { useSearchState as searchState } from '../../states/SearchState';
+import { useContactListState as contactListState } from '../../states/ContactListState';
+import { useC2CSettingState as c2cSettingState } from '../../states/C2CSettingState';
+import { useGroupSettingState as groupSettingState } from '../../states/GroupSettingState';
 import ChatLoginServer from './server';
 
 ChatLoginServer.getInstance().init();
@@ -142,3 +141,11 @@ export {
   useC2CSettingState,
   useGroupSettingState,
 };
+
+export * from '../../types/message';
+export * from '../../types/search';
+export * from '../../types/engine';
+export * from '../../types/conversation';
+export * from '../../types/contact';
+export * from '../../types/call';
+export * from '../../types/chatSetting';

package/src/subEntry/chat/index.ts

@@ -0,0 +1,13 @@
+export { useLoginState } from '../../states/LoginState';
+export * from '../../components/Avatar';
+export * from '../../components/UserPicker';
+export * from './chat';
+
+// types
+export * from '../../types/message';
+export * from '../../types/search';
+export * from '../../types/engine';
+export * from '../../types/conversation';
+export * from '../../types/contact';
+export * from '../../types/call';
+export * from '../../types/chatSetting';

package/src/{chat → subEntry/chat}/server.ts

@@ -2,9 +2,9 @@ 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 { useLoginState } from '../states/LoginState';
-import { ChatSceneType, useStatistical } from '../statistical';
-import { isPC } from '../utils';
+import { useLoginState } from '../../states/LoginState';
+import { ChatSceneType, useStatistical } from '../../statistical';
+import { isPC } from '../../utils';
 
 const { setChatScene } = useStatistical();
 

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,9 +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 { dataReport, MetricsKey } from '../report';
-import { useLoginState } from '../states/LoginState';
-import { isMobile } from '../utils';
+import { dataReport, MetricsKey } from '../../report';
+import { useLoginState } from '../../states/LoginState';
+import { isMobile } from '../../utils';
 
 export default class RTCLoginServer {
   private static instance: RTCLoginServer;

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