@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.2

package/es/extension/chatExtension.mjs

@@ -1,9 +1,6 @@
 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);
 import { TUICore, TUIConstants, TUILogin } from "@tencentcloud/tui-core";
 import TUIRoomEngine__default, { TUIRoomEvents, TUIRole, TUIErrorCode } from "@tencentcloud/tuiroom-engine-electron";
 import "../services/main.mjs";
@@ -12,8 +9,8 @@ import { EventType } from "../services/types.mjs";
 import "../locales/index.mjs";
 import "mitt";
 import "../services/manager/roomActionManager.mjs";
-import { setDragAndResize } from "./utils/interact.mjs";
 import { isMobile } from "../utils/environment.mjs";
+import { setDragAndResize } from "./utils/interact.mjs";
 import { setLanguage } from "./utils/setLanguage.mjs";
 import { VueVersion } from "./utils/common.mjs";
 import { parseMessageData } from "./utils/judgeRoomMessage.mjs";
@@ -45,6 +42,7 @@ const _ChatExtension = class _ChatExtension {
     });
     __publicField(this, "myProfile", {});
     __publicField(this, "customMessages", {});
+    __publicField(this, "isInit", false);
     __publicField(this, "chatExtensionSetting", {
       [
         "C2C"
@@ -79,8 +77,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;
   }
@@ -89,7 +86,10 @@ const _ChatExtension = class _ChatExtension {
     this.init();
   }
   init() {
-    TUICore.registerExtension(TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID, this);
+    TUICore.registerExtension(
+      TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID,
+      this
+    );
     TUICore.registerEvent(
       TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
       TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
@@ -102,7 +102,10 @@ const _ChatExtension = class _ChatExtension {
     );
   }
   reset() {
-    TUICore.unregisterExtension(TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID, this);
+    TUICore.unregisterExtension(
+      TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID,
+      this
+    );
     TUICore.unregisterEvent(
       TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
       TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
@@ -115,11 +118,11 @@ const _ChatExtension = class _ChatExtension {
     );
     this.unBindRoomServiceEvent();
     this.unBindRoomEngineEvent();
+    this.isInit = false;
   }
   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 {
@@ -141,9 +144,18 @@ const _ChatExtension = class _ChatExtension {
   }
   bindRoomEngineEvent() {
     var _a, _b, _c;
-    (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onRemoteUserEnterRoom, this.onRemoteUserEnterRoom);
-    (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEvents.onRemoteUserLeaveRoom, this.onRemoteUserLeaveRoom);
-    (_c = roomEngine.instance) == null ? void 0 : _c.on(TUIRoomEvents.onUserRoleChanged, this.onUserRoleChanged);
+    (_a = roomEngine.instance) == null ? void 0 : _a.on(
+      TUIRoomEvents.onRemoteUserEnterRoom,
+      this.onRemoteUserEnterRoom
+    );
+    (_b = roomEngine.instance) == null ? void 0 : _b.on(
+      TUIRoomEvents.onRemoteUserLeaveRoom,
+      this.onRemoteUserLeaveRoom
+    );
+    (_c = roomEngine.instance) == null ? void 0 : _c.on(
+      TUIRoomEvents.onUserRoleChanged,
+      this.onUserRoleChanged
+    );
   }
   unBindRoomServiceEvent() {
     var _a;
@@ -151,15 +163,25 @@ const _ChatExtension = class _ChatExtension {
   }
   unBindRoomEngineEvent() {
     var _a, _b, _c;
-    (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onRemoteUserEnterRoom, this.onRemoteUserEnterRoom);
-    (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEvents.onRemoteUserLeaveRoom, this.onRemoteUserLeaveRoom);
-    (_c = roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEvents.onUserRoleChanged, this.onUserRoleChanged);
+    (_a = roomEngine.instance) == null ? void 0 : _a.off(
+      TUIRoomEvents.onRemoteUserEnterRoom,
+      this.onRemoteUserEnterRoom
+    );
+    (_b = roomEngine.instance) == null ? void 0 : _b.off(
+      TUIRoomEvents.onRemoteUserLeaveRoom,
+      this.onRemoteUserLeaveRoom
+    );
+    (_c = roomEngine.instance) == null ? void 0 : _c.off(
+      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,
@@ -174,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 === TUIRole.kRoomOwner && userId === userID) {
       const profileResult = await this.getUserProfile([userId]);
@@ -219,12 +247,41 @@ const _ChatExtension = class _ChatExtension {
         }
       }
     };
-    if (!chatType)
-      return extension;
-    if (!this.chatExtensionSetting[chatType])
-      return;
+    if (!chatType) return extension;
+    if (!this.chatExtensionSetting[chatType]) return [];
+    this.mixinInit(chatType);
     return extension;
   }
+  async mixinInit(chatType) {
+    var _a;
+    if (this.isInit) return;
+    if (chatType !== TUIConstants.TUIChat.TYPE.ROOM) {
+      !isMobile && setDragAndResize("#roomContainer");
+      (_a = TUIRoomEngine__default) == null ? void 0 : _a.callExperimentalAPI(
+        JSON.stringify({
+          api: "setFramework",
+          params: {
+            component: "TIMRoomKit",
+            language: `vue${VueVersion}`
+          }
+        })
+      );
+      this.bindRoomEngineEvent();
+      this.bindRoomServiceEvent();
+      roomService.basicStore.setScene("chat");
+      roomService.componentManager.setComponentConfig({
+        SwitchTheme: { visible: false },
+        Language: { visible: false },
+        InviteControl: { visible: false },
+        RoomLink: { visible: false },
+        UserInfo: { visible: false }
+      });
+      this.chatContext = TUILogin.getContext();
+      this.myProfile = await this.getMyProfile();
+      this.roomInit(true);
+      this.isInit = true;
+    }
+  }
   setAnotherMessageRoomState(state) {
     Object.keys(this.customMessages).forEach((key) => {
       const { roomState, isRoomCreateByMe, isInnerRoom } = this.customMessages[key];
@@ -232,16 +289,21 @@ 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]
+        });
       }
     });
   }
   async quickRoom(data) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     if (this.getIsMeetingInProgress()) {
       (_b = this.service) == null ? void 0 : _b.emit(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;
     }
@@ -264,8 +326,9 @@ const _ChatExtension = class _ChatExtension {
         /* CREATING */
       });
       this.updateMessageList(message);
-      await ((_c = this.service) == null ? void 0 : _c.createRoom(roomOptions));
-      await ((_d = this.service) == null ? void 0 : _d.enterRoom(roomOptions));
+      await ((_c = this.service) == null ? void 0 : _c.start(roomOptions.roomId, {
+        roomOptions
+      }));
       this.message = message;
       this.messagePayload = this.parseMessageData(message);
       await this.sendMessage(message);
@@ -275,10 +338,10 @@ const _ChatExtension = class _ChatExtension {
         /* CREATED */
       });
     } catch (error) {
-      (_f = this.service) == null ? void 0 : _f.emit(EventType.ROOM_NOTICE_MESSAGE, {
+      (_e = this.service) == null ? void 0 : _e.emit(EventType.ROOM_NOTICE_MESSAGE, {
         code: -1,
         type: "error",
-        message: (_e = this.service) == null ? void 0 : _e.t("Failed to initiate meeting")
+        message: (_d = this.service) == null ? void 0 : _d.t("Failed to initiate meeting")
       });
       throw error;
     }
@@ -290,32 +353,6 @@ const _ChatExtension = class _ChatExtension {
     });
   }
   async onNotifyEvent(eventName, subKey, params) {
-    var _a;
-    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
-      if (subKey === TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS) {
-        !isMobile && setDragAndResize("#roomContainer");
-        (_a = TUIRoomEngine__default) == null ? void 0 : _a.callExperimentalAPI(JSON.stringify({
-          api: "setFramework",
-          params: {
-            component: "TIMRoomKit",
-            language: `vue${VueVersion}`
-          }
-        }));
-        this.bindRoomEngineEvent();
-        this.bindRoomServiceEvent();
-        roomService.basicStore.setScene("chat");
-        roomService.componentManager.setComponentConfig({
-          SwitchTheme: { visible: false },
-          Language: { visible: false },
-          InviteControl: { visible: false },
-          RoomLink: { visible: false },
-          UserInfo: { visible: false }
-        });
-        this.chatContext = TUILogin.getContext();
-        this.myProfile = await this.getMyProfile();
-        this.roomInit(true);
-      }
-    }
     if (eventName === TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED) {
       if (subKey === TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS) {
         const language = params == null ? void 0 : params.language;
@@ -352,7 +389,9 @@ const _ChatExtension = class _ChatExtension {
     if (this.getIsMeetingInProgress()) {
       (_b = this.service) == null ? void 0 : _b.emit(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;
     }
@@ -364,7 +403,7 @@ const _ChatExtension = class _ChatExtension {
     };
     this.roomInit();
     try {
-      await ((_c = this.service) == null ? void 0 : _c.enterRoom({ roomId, roomParam }));
+      await ((_c = this.service) == null ? void 0 : _c.join(roomId, { roomParam }));
     } catch (err) {
       if (err.code === TUIErrorCode.ERR_ROOM_ID_NOT_EXIST) {
         this.modifyMessage(this.message.ID, {
@@ -379,7 +418,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/es/extension/index.d.ts

@@ -1,12 +1,14 @@
-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<{
+import { chatExtension } from './chatExtension';
+
+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;
     };
 }>>, {}, {}>;
-export { RoomMessageCard };
+export { RoomMessageCard, chatExtension };

package/es/extension/utils/interact.mjs

@@ -5,6 +5,8 @@ import "../../locales/index.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
+import "../../utils/environment.mjs";
 import interact from "interactjs";
 const setDragAndResize = (domSelect) => {
   const minWidth = 830;
@@ -20,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/es/extension/utils/setLanguage.d.ts

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

package/es/extension/utils/setLanguage.mjs

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

package/es/hooks/useDeviceManager.mjs

@@ -80,7 +80,9 @@ function useDeviceManager(options) {
     const stateList = ["add", "remove", "active"];
     const deviceTypeList = ["mic", "speaker", "camera"];
     const { deviceId, type, state } = eventInfo;
-    logger.log(`onDeviceChanged: deviceId: ${deviceId}, type: ${deviceTypeList[type]}, state: ${stateList[state]}`);
+    logger.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 === TUIMediaDeviceState.kMediaDeviceStateActive) {
@@ -99,13 +101,19 @@ function useDeviceManager(options) {
     var _a;
     if (options && options.listenForDeviceChange) {
       initMediaDeviceList();
-      (_a = deviceManager.instance) == null ? void 0 : _a.on(TUIRoomDeviceMangerEvents.onDeviceChanged, onDeviceChanged);
+      (_a = deviceManager.instance) == null ? void 0 : _a.on(
+        TUIRoomDeviceMangerEvents.onDeviceChanged,
+        onDeviceChanged
+      );
     }
   });
   onUnmounted(() => {
     var _a;
     if (options && options.listenForDeviceChange) {
-      (_a = deviceManager.instance) == null ? void 0 : _a.off(TUIRoomDeviceMangerEvents.onDeviceChanged, onDeviceChanged);
+      (_a = deviceManager.instance) == null ? void 0 : _a.off(
+        TUIRoomDeviceMangerEvents.onDeviceChanged,
+        onDeviceChanged
+      );
     }
   });
   return {

package/es/hooks/useMasterApplyControl.mjs

@@ -18,7 +18,9 @@ function useMasterApplyControl() {
   const { showApplyUserList } = storeToRefs(basicStore);
   const { t } = useI18n();
   let notification;
-  const applyToAnchorUserIdList = computed(() => applyToAnchorList.value.map((item) => item.userId));
+  const applyToAnchorUserIdList = computed(
+    () => applyToAnchorList.value.map((item) => item.userId)
+  );
   const applyToAnchorUserCount = computed(() => applyToAnchorList.value.length);
   function onRequestReceived(eventInfo) {
     const { requestAction, requestId, userId, timestamp } = eventInfo.request;
@@ -37,7 +39,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({
@@ -46,7 +48,10 @@ function useMasterApplyControl() {
         }));
         roomStore.removeApplyToAnchorUser(requestId);
       } else {
-        logger.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+        logger.warn(
+          "Failed to process the stage application. The data is abnormal. Please try again！",
+          userInfo
+        );
       }
     } catch (error) {
       if (error.code === TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
@@ -61,10 +66,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 {
-        logger.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+        logger.warn(
+          "Failed to process the stage application. The data is abnormal. Please try again！",
+          userInfo
+        );
       }
     } catch (error) {
       if (error.code === TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
@@ -84,7 +95,10 @@ function useMasterApplyControl() {
       }));
       roomStore.removeApplyToAnchorUser(requestId);
     } else {
-      logger.warn("Failed to process the stage application. The data is abnormal. Please try again！", userInfo);
+      logger.warn(
+        "Failed to process the stage application. The data is abnormal. Please try again！",
+        userInfo
+      );
     }
   }
   async function handleAllUserApply(isAgreeOrRejectAllUserApply) {
@@ -122,14 +136,29 @@ function useMasterApplyControl() {
   TUIRoomEngine__default.once("ready", () => {
     var _a, _b, _c;
     (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onRequestReceived, onRequestReceived);
-    (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
-    (_c = roomEngine.instance) == null ? void 0 : _c.on(TUIRoomEvents.onRequestProcessed, onRequestProcessed);
+    (_b = roomEngine.instance) == null ? void 0 : _b.on(
+      TUIRoomEvents.onRequestCancelled,
+      onRequestCancelled
+    );
+    (_c = roomEngine.instance) == null ? void 0 : _c.on(
+      TUIRoomEvents.onRequestProcessed,
+      onRequestProcessed
+    );
   });
   onBeforeUnmount(() => {
     var _a, _b, _c;
-    (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onRequestReceived, onRequestReceived);
-    (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
-    (_c = roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEvents.onRequestProcessed, onRequestProcessed);
+    (_a = roomEngine.instance) == null ? void 0 : _a.off(
+      TUIRoomEvents.onRequestReceived,
+      onRequestReceived
+    );
+    (_b = roomEngine.instance) == null ? void 0 : _b.off(
+      TUIRoomEvents.onRequestCancelled,
+      onRequestCancelled
+    );
+    (_c = roomEngine.instance) == null ? void 0 : _c.off(
+      TUIRoomEvents.onRequestProcessed,
+      onRequestProcessed
+    );
   });
   async function inviteUserOnStage(userInfo) {
     var _a;
@@ -160,7 +189,9 @@ function useMasterApplyControl() {
           case TUIRequestCallbackType.kRequestTimeout:
             renderMsg({
               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_DURATION.NORMAL
             });
             break;
@@ -168,7 +199,9 @@ function useMasterApplyControl() {
             if (code === TUIErrorCode.ERR_REQUEST_ID_REPEAT) {
               renderMsg({
                 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_DURATION.NORMAL
               });
             }
@@ -185,7 +218,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) {
@@ -235,7 +270,13 @@ function useMasterApplyControl() {
       const cancelButtonText = 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 = Notification({ message, confirmButtonText, cancelButtonText, confirm, cancel });
+      notification = Notification({
+        message,
+        confirmButtonText,
+        cancelButtonText,
+        confirm,
+        cancel
+      });
     });
   }
   return {

package/es/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/es/hooks/useRoomEngine.mjs

@@ -7,13 +7,15 @@ function useGetRoomEngine() {
 }
 TUIRoomEngine__default.once("ready", () => {
   roomEngine.instance = new TUIRoomEngine__default();
-  TUIRoomEngine__default.callExperimentalAPI(JSON.stringify({
-    api: "setFramework",
-    params: {
-      component: "TUIRoomKit",
-      language: vueVersion
-    }
-  }));
+  TUIRoomEngine__default.callExperimentalAPI(
+    JSON.stringify({
+      api: "setFramework",
+      params: {
+        component: "TUIRoomKit",
+        language: vueVersion
+      }
+    })
+  );
 });
 export {
   useGetRoomEngine as default

package/es/index.d.ts

@@ -1,11 +1,15 @@
-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 { chatExtension } from './extension';
+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, chatExtension, };
+export type { ThemeOption };
 export default ConferenceMainView;