@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

package/lib/extension/chatExtension.js

@@ -1,10 +1,7 @@
 "use strict";
 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);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tuiCore = require("@tencentcloud/tui-core");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
@@ -81,8 +78,7 @@ const _ChatExtension = class _ChatExtension {
     return _ChatExtension.instance;
   }
   static destroyInstance() {
-    if (!_ChatExtension.instance)
-      return;
+    if (!_ChatExtension.instance) return;
     _ChatExtension.instance.reset();
     _ChatExtension.instance = void 0;
   }
@@ -91,7 +87,10 @@ const _ChatExtension = class _ChatExtension {
     this.init();
   }
   init() {
-    tuiCore.TUICore.registerExtension(tuiCore.TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID, this);
+    tuiCore.TUICore.registerExtension(
+      tuiCore.TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID,
+      this
+    );
     tuiCore.TUICore.registerEvent(
       tuiCore.TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
       tuiCore.TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
@@ -104,7 +103,10 @@ const _ChatExtension = class _ChatExtension {
     );
   }
   reset() {
-    tuiCore.TUICore.unregisterExtension(tuiCore.TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID, this);
+    tuiCore.TUICore.unregisterExtension(
+      tuiCore.TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID,
+      this
+    );
     tuiCore.TUICore.unregisterEvent(
       tuiCore.TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
       tuiCore.TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
@@ -120,8 +122,7 @@ const _ChatExtension = class _ChatExtension {
   }
   setHistoryMeetingMessageList(type, customMessage) {
     const { ID, messageData } = customMessage;
-    if (messageData.roomState === "destroyed")
-      return;
+    if (messageData.roomState === "destroyed") return;
     if (type === "add") {
       this.customMessages[ID] = customMessage.messageData;
     } else {
@@ -143,9 +144,18 @@ const _ChatExtension = class _ChatExtension {
   }
   bindRoomEngineEvent() {
     var _a, _b, _c;
-    (_a = roomService.roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomEvents.onRemoteUserEnterRoom, this.onRemoteUserEnterRoom);
-    (_b = roomService.roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEngine.TUIRoomEvents.onRemoteUserLeaveRoom, this.onRemoteUserLeaveRoom);
-    (_c = roomService.roomEngine.instance) == null ? void 0 : _c.on(TUIRoomEngine.TUIRoomEvents.onUserRoleChanged, this.onUserRoleChanged);
+    (_a = roomService.roomEngine.instance) == null ? void 0 : _a.on(
+      TUIRoomEngine.TUIRoomEvents.onRemoteUserEnterRoom,
+      this.onRemoteUserEnterRoom
+    );
+    (_b = roomService.roomEngine.instance) == null ? void 0 : _b.on(
+      TUIRoomEngine.TUIRoomEvents.onRemoteUserLeaveRoom,
+      this.onRemoteUserLeaveRoom
+    );
+    (_c = roomService.roomEngine.instance) == null ? void 0 : _c.on(
+      TUIRoomEngine.TUIRoomEvents.onUserRoleChanged,
+      this.onUserRoleChanged
+    );
   }
   unBindRoomServiceEvent() {
     var _a;
@@ -153,15 +163,25 @@ const _ChatExtension = class _ChatExtension {
   }
   unBindRoomEngineEvent() {
     var _a, _b, _c;
-    (_a = roomService.roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRemoteUserEnterRoom, this.onRemoteUserEnterRoom);
-    (_b = roomService.roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEngine.TUIRoomEvents.onRemoteUserLeaveRoom, this.onRemoteUserLeaveRoom);
-    (_c = roomService.roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEngine.TUIRoomEvents.onUserRoleChanged, this.onUserRoleChanged);
+    (_a = roomService.roomEngine.instance) == null ? void 0 : _a.off(
+      TUIRoomEngine.TUIRoomEvents.onRemoteUserEnterRoom,
+      this.onRemoteUserEnterRoom
+    );
+    (_b = roomService.roomEngine.instance) == null ? void 0 : _b.off(
+      TUIRoomEngine.TUIRoomEvents.onRemoteUserLeaveRoom,
+      this.onRemoteUserLeaveRoom
+    );
+    (_c = roomService.roomEngine.instance) == null ? void 0 : _c.off(
+      TUIRoomEngine.TUIRoomEvents.onUserRoleChanged,
+      this.onUserRoleChanged
+    );
   }
-  onRemoteUserEnterRoom({ userInfo }) {
+  onRemoteUserEnterRoom({
+    userInfo
+  }) {
     var _a;
     const { userID } = this.chatContext;
-    if (((_a = this.messagePayload) == null ? void 0 : _a.owner) !== userID)
-      return;
+    if (((_a = this.messagePayload) == null ? void 0 : _a.owner) !== userID) return;
     const { userList } = this.messagePayload;
     const newUserList = [
       ...userList,
@@ -176,19 +196,25 @@ const _ChatExtension = class _ChatExtension {
       memberCount: newUserList.length
     });
   }
-  onRemoteUserLeaveRoom({ userInfo }) {
+  onRemoteUserLeaveRoom({
+    userInfo
+  }) {
     var _a;
     const { userID } = this.chatContext;
-    if (this.messagePayload.owner !== userID)
-      return;
+    if (this.messagePayload.owner !== userID) return;
     const { userList } = this.messagePayload;
-    const newUserList = userList.filter((item) => item.userId !== userInfo.userId);
+    const newUserList = userList.filter(
+      (item) => item.userId !== userInfo.userId
+    );
     this.modifyMessage((_a = this.message) == null ? void 0 : _a.ID, {
       userList: newUserList,
       memberCount: newUserList.length
     });
   }
-  async onUserRoleChanged({ userId, userRole }) {
+  async onUserRoleChanged({
+    userId,
+    userRole
+  }) {
     const { userID } = this.chatContext;
     if (userRole === TUIRoomEngine.TUIRole.kRoomOwner && userId === userID) {
       const profileResult = await this.getUserProfile([userId]);
@@ -221,10 +247,8 @@ const _ChatExtension = class _ChatExtension {
         }
       }
     };
-    if (!chatType)
-      return extension;
-    if (!this.chatExtensionSetting[chatType])
-      return;
+    if (!chatType) return extension;
+    if (!this.chatExtensionSetting[chatType]) return;
     return extension;
   }
   setAnotherMessageRoomState(state) {
@@ -234,7 +258,10 @@ const _ChatExtension = class _ChatExtension {
         this.modifyMessage(key, { roomState: state });
       }
       if (roomState === "destroyed") {
-        this.setHistoryMeetingMessageList("delete", { ID: key, messageData: this.customMessages[key] });
+        this.setHistoryMeetingMessageList("delete", {
+          ID: key,
+          messageData: this.customMessages[key]
+        });
       }
     });
   }
@@ -243,7 +270,9 @@ const _ChatExtension = class _ChatExtension {
     if (this.getIsMeetingInProgress()) {
       (_b = this.service) == null ? void 0 : _b.emit(types.EventType.ROOM_NOTICE_MESSAGE_BOX, {
         code: -1,
-        message: (_a = this.service) == null ? void 0 : _a.t("Currently in a meeting, please exit the current meeting before proceeding.")
+        message: (_a = this.service) == null ? void 0 : _a.t(
+          "Currently in a meeting, please exit the current meeting before proceeding."
+        )
       });
       return;
     }
@@ -295,13 +324,15 @@ const _ChatExtension = class _ChatExtension {
     if (eventName === tuiCore.TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
       if (subKey === tuiCore.TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS) {
         !environment.isMobile && interact.setDragAndResize("#roomContainer");
-        TUIRoomEngine == null ? void 0 : TUIRoomEngine.callExperimentalAPI(JSON.stringify({
-          api: "setFramework",
-          params: {
-            component: "TIMRoomKit",
-            language: `vue${common.VueVersion}`
-          }
-        }));
+        TUIRoomEngine == null ? void 0 : TUIRoomEngine.callExperimentalAPI(
+          JSON.stringify({
+            api: "setFramework",
+            params: {
+              component: "TIMRoomKit",
+              language: `vue${common.VueVersion}`
+            }
+          })
+        );
         this.bindRoomEngineEvent();
         this.bindRoomServiceEvent();
         roomService.roomService.basicStore.setScene("chat");
@@ -353,7 +384,9 @@ const _ChatExtension = class _ChatExtension {
     if (this.getIsMeetingInProgress()) {
       (_b = this.service) == null ? void 0 : _b.emit(types.EventType.ROOM_NOTICE_MESSAGE_BOX, {
         code: -1,
-        message: (_a = this.service) == null ? void 0 : _a.t("Currently in a meeting, please exit the current meeting before proceeding.")
+        message: (_a = this.service) == null ? void 0 : _a.t(
+          "Currently in a meeting, please exit the current meeting before proceeding."
+        )
       });
       return;
     }
@@ -380,7 +413,14 @@ const _ChatExtension = class _ChatExtension {
     );
   }
   createCustomMessage(params) {
-    const { chat, userID, conversationID, conversationType, roomState, roomId } = params;
+    const {
+      chat,
+      userID,
+      conversationID,
+      conversationType,
+      roomState,
+      roomId
+    } = params;
     const message = chat.createCustomMessage({
       to: conversationID.slice(conversationType.length),
       conversationType,

package/lib/extension/index.d.ts

@@ -1,11 +1,11 @@
-declare const RoomMessageCard: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}> | import('vue').DefineComponent<{
+declare const RoomMessageCard: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}> | import('vue').DefineComponent<{
     message: {
-        type: import("vue").PropType<import("@tencentcloud/chat").Message>;
+        type: import('vue').PropType<import('@tencentcloud/chat').Message>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     message: {
-        type: import("vue").PropType<import("@tencentcloud/chat").Message>;
+        type: import('vue').PropType<import('@tencentcloud/chat').Message>;
         required: true;
     };
 }>>, {}, {}>;

package/lib/extension/utils/interact.js

@@ -22,8 +22,14 @@ const setDragAndResize = (domSelect) => {
       const { target } = event;
       let x = (parseFloat(target.getAttribute("data-x")) || 0) + event.dx;
       let y = (parseFloat(target.getAttribute("data-y")) || 0) + event.dy;
-      x = Math.min(screenWidth - target.offsetWidth + minWidth - 100, Math.max(-minWidth + 100, x));
-      y = Math.min(screenHeight - target.offsetHeight + minHeight - 100, Math.max(-minHeight + 100, y));
+      x = Math.min(
+        screenWidth - target.offsetWidth + minWidth - 100,
+        Math.max(-minWidth + 100, x)
+      );
+      y = Math.min(
+        screenHeight - target.offsetHeight + minHeight - 100,
+        Math.max(-minHeight + 100, y)
+      );
       target.style.transform = `translate(${x}px, ${y}px)`;
       target.setAttribute("data-x", x);
       target.setAttribute("data-y", y);

package/lib/extension/utils/setLanguage.d.ts

@@ -1 +1 @@
-export declare const setLanguage: (language: 'zh' | 'en') => void;
+export declare const setLanguage: (language: "zh" | "en") => void;

package/lib/extension/utils/setLanguage.js

@@ -8,8 +8,7 @@ const languageMap = {
 };
 const setLanguage = (language) => {
   const currentLanguage = languageMap[language];
-  if (!currentLanguage)
-    return;
+  if (!currentLanguage) return;
   const basicStore = basic.useBasicStore();
   index.default.global.locale.value = currentLanguage;
   basicStore.setLang(currentLanguage);

package/lib/hooks/useDeviceManager.js

@@ -82,7 +82,9 @@ function useDeviceManager(options) {
     const stateList = ["add", "remove", "active"];
     const deviceTypeList = ["mic", "speaker", "camera"];
     const { deviceId, type, state } = eventInfo;
-    index$2.default.log(`onDeviceChanged: deviceId: ${deviceId}, type: ${deviceTypeList[type]}, state: ${stateList[state]}`);
+    index$2.default.log(
+      `onDeviceChanged: deviceId: ${deviceId}, type: ${deviceTypeList[type]}, state: ${stateList[state]}`
+    );
     const deviceList = await ((_a = deviceManager.instance) == null ? void 0 : _a.getDevicesList({ type }));
     deviceList && roomStore.setDeviceList(type, deviceList);
     if (state === TUIRoomEngine.TUIMediaDeviceState.kMediaDeviceStateActive) {
@@ -101,13 +103,19 @@ function useDeviceManager(options) {
     var _a;
     if (options && options.listenForDeviceChange) {
       initMediaDeviceList();
-      (_a = deviceManager.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomDeviceMangerEvents.onDeviceChanged, onDeviceChanged);
+      (_a = deviceManager.instance) == null ? void 0 : _a.on(
+        TUIRoomEngine.TUIRoomDeviceMangerEvents.onDeviceChanged,
+        onDeviceChanged
+      );
     }
   });
   Vue.onUnmounted(() => {
     var _a;
     if (options && options.listenForDeviceChange) {
-      (_a = deviceManager.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomDeviceMangerEvents.onDeviceChanged, onDeviceChanged);
+      (_a = deviceManager.instance) == null ? void 0 : _a.off(
+        TUIRoomEngine.TUIRoomDeviceMangerEvents.onDeviceChanged,
+        onDeviceChanged
+      );
     }
   });
   return {

package/lib/hooks/useMasterApplyControl.js

@@ -20,7 +20,9 @@ function useMasterApplyControl() {
   const { showApplyUserList } = pinia.storeToRefs(basicStore);
   const { t } = index.useI18n();
   let notification;
-  const applyToAnchorUserIdList = Vue.computed(() => applyToAnchorList.value.map((item) => item.userId));
+  const applyToAnchorUserIdList = Vue.computed(
+    () => applyToAnchorList.value.map((item) => item.userId)
+  );
   const applyToAnchorUserCount = Vue.computed(() => applyToAnchorList.value.length);
   function onRequestReceived(eventInfo) {
     const { requestAction, requestId, userId, timestamp } = eventInfo.request;
@@ -39,7 +41,7 @@ function useMasterApplyControl() {
   async function handleUserApply(applyUserId, agree) {
     var _a;
     try {
-      const userInfo = roomStore.remoteUserObj[applyUserId];
+      const userInfo = roomStore.userInfoObj[applyUserId];
       const requestId = userInfo.applyToAnchorRequestId;
       if (requestId) {
         await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
@@ -48,7 +50,10 @@ function useMasterApplyControl() {
         }));
         roomStore.removeApplyToAnchorUser(requestId);
       } else {
-        index$1.default.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+        index$1.default.warn(
+          "Failed to process the stage application. The data is abnormal. Please try again！",
+          userInfo
+        );
       }
     } catch (error) {
       if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
@@ -63,10 +68,16 @@ function useMasterApplyControl() {
     try {
       const requestId = userInfo.applyToAnchorRequestId;
       if (requestId) {
-        await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({ requestId, agree: true }));
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+          requestId,
+          agree: true
+        }));
         roomStore.removeApplyToAnchorUser(requestId);
       } else {
-        index$1.default.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+        index$1.default.warn(
+          "Failed to process the stage application. The data is abnormal. Please try again！",
+          userInfo
+        );
       }
     } catch (error) {
       if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
@@ -86,7 +97,10 @@ function useMasterApplyControl() {
       }));
       roomStore.removeApplyToAnchorUser(requestId);
     } else {
-      index$1.default.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+      index$1.default.warn(
+        "Failed to process the stage application. The data is abnormal. Please try again！",
+        userInfo
+      );
     }
   }
   async function handleAllUserApply(isAgreeOrRejectAllUserApply) {
@@ -124,14 +138,29 @@ function useMasterApplyControl() {
   TUIRoomEngine.once("ready", () => {
     var _a, _b, _c;
     (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
-    (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
-    (_c = roomEngine.instance) == null ? void 0 : _c.on(TUIRoomEngine.TUIRoomEvents.onRequestProcessed, onRequestProcessed);
+    (_b = roomEngine.instance) == null ? void 0 : _b.on(
+      TUIRoomEngine.TUIRoomEvents.onRequestCancelled,
+      onRequestCancelled
+    );
+    (_c = roomEngine.instance) == null ? void 0 : _c.on(
+      TUIRoomEngine.TUIRoomEvents.onRequestProcessed,
+      onRequestProcessed
+    );
   });
   Vue.onBeforeUnmount(() => {
     var _a, _b, _c;
-    (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
-    (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
-    (_c = roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEngine.TUIRoomEvents.onRequestProcessed, onRequestProcessed);
+    (_a = roomEngine.instance) == null ? void 0 : _a.off(
+      TUIRoomEngine.TUIRoomEvents.onRequestReceived,
+      onRequestReceived
+    );
+    (_b = roomEngine.instance) == null ? void 0 : _b.off(
+      TUIRoomEngine.TUIRoomEvents.onRequestCancelled,
+      onRequestCancelled
+    );
+    (_c = roomEngine.instance) == null ? void 0 : _c.off(
+      TUIRoomEngine.TUIRoomEvents.onRequestProcessed,
+      onRequestProcessed
+    );
   });
   async function inviteUserOnStage(userInfo) {
     var _a;
@@ -162,7 +191,9 @@ function useMasterApplyControl() {
           case TUIRoomEngine.TUIRequestCallbackType.kRequestTimeout:
             Message.default({
               type: "warning",
-              message: t("The invitation to sb to go on stage has timed out", { name: userName || userId2 }),
+              message: t("The invitation to sb to go on stage has timed out", {
+                name: userName || userId2
+              }),
               duration: message.MESSAGE_DURATION.NORMAL
             });
             break;
@@ -170,7 +201,9 @@ function useMasterApplyControl() {
             if (code === TUIRoomEngine.TUIErrorCode.ERR_REQUEST_ID_REPEAT) {
               Message.default({
                 type: "warning",
-                message: t("This member has already received the same request, please try again later"),
+                message: t(
+                  "This member has already received the same request, please try again later"
+                ),
                 duration: message.MESSAGE_DURATION.NORMAL
               });
             }
@@ -187,7 +220,9 @@ function useMasterApplyControl() {
     const { userId, inviteToAnchorRequestId } = userInfo;
     roomStore.removeInviteToAnchorUser(userId);
     if (inviteToAnchorRequestId) {
-      (_a = roomEngine.instance) == null ? void 0 : _a.cancelRequest({ requestId: inviteToAnchorRequestId });
+      (_a = roomEngine.instance) == null ? void 0 : _a.cancelRequest({
+        requestId: inviteToAnchorRequestId
+      });
     }
   }
   function kickUserOffStage(userInfo) {
@@ -237,7 +272,13 @@ function useMasterApplyControl() {
       const cancelButtonText = environment.isMobile ? void 0 : onlyOneUserTakeStage ? t("Reject") : t("Neglect");
       const confirm = () => handleConfirm(onlyOneUserTakeStage, firstUser == null ? void 0 : firstUser.userId);
       const cancel = () => handleCancel(onlyOneUserTakeStage, firstUser == null ? void 0 : firstUser.userId);
-      notification = index$2.default({ message: message2, confirmButtonText, cancelButtonText, confirm, cancel });
+      notification = index$2.default({
+        message: message2,
+        confirmButtonText,
+        cancelButtonText,
+        confirm,
+        cancel
+      });
     });
   }
   return {

package/lib/hooks/useMitt.d.ts

@@ -1,2 +1,2 @@
-declare const bus: import('mitt').Emitter<Record<import("mitt").EventType, unknown>>;
+declare const bus: import('mitt').Emitter<Record<import('mitt').EventType, unknown>>;
 export default bus;

package/lib/hooks/useRoomEngine.js

@@ -9,12 +9,14 @@ function useGetRoomEngine() {
 }
 TUIRoomEngine.once("ready", () => {
   roomEngine.instance = new TUIRoomEngine();
-  TUIRoomEngine.callExperimentalAPI(JSON.stringify({
-    api: "setFramework",
-    params: {
-      component: "TUIRoomKit",
-      language: vueVersion
-    }
-  }));
+  TUIRoomEngine.callExperimentalAPI(
+    JSON.stringify({
+      api: "setFramework",
+      params: {
+        component: "TUIRoomKit",
+        language: vueVersion
+      }
+    })
+  );
 });
 exports.default = useGetRoomEngine;

package/lib/index.d.ts

@@ -1,11 +1,14 @@
-import { roomService } from './services';
-import { default as RoomMessageCard } from './extension/RoomMessageCard/RoomMessageCard.vue';
-import { conference, RoomEvent, FeatureButton } from './conference';
-import { default as TUIRoomEngine } from '@tencentcloud/tuiroom-engine-electron';
-import { default as PreConferenceView } from './preConference.vue';
 import { default as ConferenceMainView } from './conference.vue';
+import { default as PreConferenceView } from './preConference.vue';
+import { default as WhiteboardView } from './components/Whiteboard/index.vue';
+import { default as TUIRoomEngine } from '@tencentcloud/tuiroom-engine-electron';
+import { conference, RoomEvent, FeatureButton, ThemeOption } from './conference';
+import { default as RoomMessageCard } from './extension/RoomMessageCard/RoomMessageCard.vue';
+import { roomService } from './services';
 
 export * from './components/common/base/index';
 export * from './services/manager/scheduleConferenceManager';
-export { ConferenceMainView, PreConferenceView, TUIRoomEngine, roomService, conference, RoomEvent, FeatureButton, RoomMessageCard, };
+export * from './services/manager/configManager';
+export { ConferenceMainView, PreConferenceView, TUIRoomEngine, roomService, conference, RoomEvent, FeatureButton, RoomMessageCard, WhiteboardView, };
+export type { ThemeOption };
 export default ConferenceMainView;