@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

package/es/extension/RoomMessageCard/RoomMessageCard.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, watchEffect, computed, openBlock, createElementBl
 import { RoomState, chatExtension } from "../chatExtension.mjs";
 import { HandleRoomMessage } from "./handleRoomMessage.mjs";
 import { useI18n } from "../../locales/index.mjs";
-const _withScopeId = (n) => (pushScopeId("data-v-95ab4274"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-4aeb21ef"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "content" };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "icon" }, null, -1));
 const _hoisted_3 = { key: 0 };
@@ -10,17 +10,12 @@ const _hoisted_4 = { key: 1 };
 const _hoisted_5 = { class: "content-desc" };
 const _hoisted_6 = { class: "title" };
 const _hoisted_7 = { class: "users" };
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = ["src", "alt"];
-const _hoisted_10 = {
-  key: 1,
-  class: "more"
-};
-const _hoisted_11 = {
+const _hoisted_8 = ["src", "alt"];
+const _hoisted_9 = {
   key: 0,
   class: "room-info"
 };
-const _hoisted_12 = {
+const _hoisted_10 = {
   key: 2,
   class: /* @__PURE__ */ normalizeClass(["room-info", "center"])
 };
@@ -104,13 +99,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (roomCardData.value.isRoomCreateByMe && roomCardData.value.roomState === RoomState.CREATED) {
         return {
           visible: true,
-          message: roomCardData.value.userList.length > 1 ? t("X people have joined", { number: roomCardData.value.userList.length - 1 }) : t("Waiting for members to join the meeting")
+          message: roomCardData.value.userList.length > 1 ? t("X people have joined", {
+            number: roomCardData.value.userList.length - 1
+          }) : t("Waiting for members to join the meeting")
         };
       }
       if (!roomCardData.value.isRoomCreateByMe && roomCardData.value.roomState === RoomState.CREATED) {
         return {
           visible: true,
-          message: t("X people are in the meeting", { number: roomCardData.value.userList.length })
+          message: t("X people are in the meeting", {
+            number: roomCardData.value.userList.length
+          })
         };
       }
       return {
@@ -154,7 +153,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return roomCardData.value.isRoomMessage ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["room-message-container", roomCardData.value.isMessageFromMe ? "isMe" : "notMe"])
+        class: normalizeClass([
+          "room-message-container",
+          roomCardData.value.isMessageFromMe ? "isMe" : "notMe"
+        ])
       }, [
         createElementVNode("div", {
           class: normalizeClass(["room-message-card-container", roomCardData.value.roomState])
@@ -170,32 +172,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_6, toDisplayString(`${roomCardData.value.ownerName || roomCardData.value.owner}${unref(t)("Quick Conference")}`), 1),
               createElementVNode("ul", _hoisted_7, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(roomCardData.value.userList, (user, index) => {
-                  return openBlock(), createElementBlock(Fragment, {
-                    key: user.userId
-                  }, [
-                    index <= 4 ? (openBlock(), createElementBlock("li", _hoisted_8, [
+                  return openBlock(), createElementBlock(Fragment, null, [
+                    index <= 4 ? (openBlock(), createElementBlock("li", {
+                      key: user.userId
+                    }, [
                       createElementVNode("img", {
                         src: user.faceUrl || defaultAvatarUrl,
                         alt: user.nickName || user.userId,
                         onerror: avatarLoadError
-                      }, null, 8, _hoisted_9)
+                      }, null, 8, _hoisted_8)
                     ])) : createCommentVNode("", true),
-                    index === 5 ? (openBlock(), createElementBlock("li", _hoisted_10, " ... ")) : createCommentVNode("", true)
+                    index === 5 ? (openBlock(), createElementBlock("li", {
+                      class: "more",
+                      key: user.userId
+                    }, "...")) : createCommentVNode("", true)
                   ], 64);
-                }), 128))
+                }), 256))
               ])
             ])
           ]),
           createElementVNode("div", {
             class: normalizeClass(["footer", footerClass.value, roomCardData.value.isInnerRoom && "in-room"])
           }, [
-            roomInfo.value.visible ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(roomInfo.value.message), 1)) : createCommentVNode("", true),
+            roomInfo.value.visible ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(roomInfo.value.message), 1)) : createCommentVNode("", true),
             roomStatus.value.visible ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: normalizeClass(["room-status"]),
               onClick: enterRoom
             }, toDisplayString(roomStatus.value.message), 1)) : createCommentVNode("", true),
-            roomDestroy.value.visible ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(roomDestroy.value.message), 1)) : createCommentVNode("", true)
+            roomDestroy.value.visible ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(roomDestroy.value.message), 1)) : createCommentVNode("", true)
           ], 2)
         ], 2)
       ], 2)) : createCommentVNode("", true);

package/es/extension/RoomMessageCard/handleRoomMessage.d.ts

@@ -1,5 +1,5 @@
-import { Message } from '@tencentcloud/chat';
 import { MessageData } from '../chatExtension';
+import { Message } from '@tencentcloud/chat';
 
 /**
  * Rendering cards requires isRoomMessage, isRoomCreateByMe, userList, isEnterRoom

package/es/extension/RoomMessageCard/handleRoomMessage.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 { RoomState, chatExtension } from "../chatExtension.mjs";
 import { getIsRoomCardMessage } from "../utils/judgeRoomMessage.mjs";
 class HandleRoomMessage {
@@ -26,7 +23,10 @@ class HandleRoomMessage {
     this.handleMessage(message);
   }
   destroy() {
-    chatExtension.setHistoryMeetingMessageList("delete", { ID: this.message.ID, messageData: this.messageData });
+    chatExtension.setHistoryMeetingMessageList("delete", {
+      ID: this.message.ID,
+      messageData: this.messageData
+    });
   }
   // Get card information
   handleMessage(message) {
@@ -34,16 +34,8 @@ class HandleRoomMessage {
     this.message = message;
     const currentUser = (_a = chatExtension.chatContext) == null ? void 0 : _a.userID;
     const messagePayload = this.parseMessageData(message);
-    if (!getIsRoomCardMessage(message))
-      return;
-    const {
-      businessID,
-      owner,
-      roomId,
-      roomState,
-      userList,
-      ownerName
-    } = messagePayload;
+    if (!getIsRoomCardMessage(message)) return;
+    const { businessID, owner, roomId, roomState, userList, ownerName } = messagePayload;
     const isRoomDestroyed = roomState === RoomState.DESTROYED;
     const isInnerRoom = chatExtension.getOnGoingRoomId() === roomId && userList.some((u) => u.userId === currentUser) && !isRoomDestroyed;
     const isRoomCreateByMe = owner === currentUser;
@@ -62,7 +54,10 @@ class HandleRoomMessage {
       ownerName,
       owner
     };
-    chatExtension.setHistoryMeetingMessageList("add", { ID: message.ID, messageData: this.messageData });
+    chatExtension.setHistoryMeetingMessageList("add", {
+      ID: message.ID,
+      messageData: this.messageData
+    });
   }
   parseMessageData(message) {
     return chatExtension.parseMessageData(message);

package/es/extension/chatExtension.d.ts

@@ -1,6 +1,6 @@
-import { Message, Profile } from '@tencentcloud/chat';
-import { RoomService } from '../services';
 import { ExtensionInfo } from '@tencentcloud/tui-core';
+import { RoomService } from '../services';
+import { Message, Profile } from '@tencentcloud/chat';
 
 export interface MessageData {
     ID?: string;

package/es/extension/chatExtension.mjs

@@ -1,11 +1,8 @@
 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, { TUIRoomEvents, TUIRole, TUIErrorCode } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIRoomEvents, TUIRole, TUIErrorCode } from "@tencentcloud/tuiroom-engine-electron";
 import "../services/main.mjs";
 import { roomEngine, roomService } from "../services/roomService.mjs";
 import { EventType } from "../services/types.mjs";
@@ -79,8 +76,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 +85,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 +101,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,
@@ -118,8 +120,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 {
@@ -141,9 +142,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,21 +161,31 @@ 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,
       {
         faceUrl: userInfo.avatarUrl,
-        nickName: userInfo.userName,
+        nickName: userInfo.nameCard || userInfo.userName,
         userId: userInfo.userId
       }
     ];
@@ -174,19 +194,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,10 +245,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) {
@@ -232,7 +256,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]
+        });
       }
     });
   }
@@ -241,7 +268,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;
     }
@@ -294,13 +323,15 @@ const _ChatExtension = class _ChatExtension {
     if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
       if (subKey === TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS) {
         !isMobile && setDragAndResize("#roomContainer");
-        (_a = TUIRoomEngine) == null ? void 0 : _a.callExperimentalAPI(JSON.stringify({
-          api: "setFramework",
-          params: {
-            component: "TIMRoomKit",
-            language: `vue${VueVersion}`
-          }
-        }));
+        (_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");
@@ -352,7 +383,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;
     }
@@ -379,7 +412,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,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/es/extension/utils/interact.mjs

@@ -20,8 +20,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

@@ -1,4 +1,4 @@
-import TUIRoomEngine, { TUIRoomDeviceMangerEvents, TUIMediaDeviceType, TUIMediaDeviceState } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIRoomDeviceMangerEvents, TUIMediaDeviceType, TUIMediaDeviceState } from "@tencentcloud/tuiroom-engine-electron";
 import useGetRoomEngine from "./useRoomEngine.mjs";
 import { useRoomStore } from "../stores/room.mjs";
 import logger from "../utils/common/logger/index.mjs";
@@ -10,7 +10,7 @@ const roomEngine = useGetRoomEngine();
 const deviceManager = {
   instance: null
 };
-TUIRoomEngine.once("ready", () => {
+TUIRoomEngine__default.once("ready", () => {
   var _a;
   deviceManager.instance = (_a = roomEngine.instance) == null ? void 0 : _a.getMediaDeviceManager();
 });
@@ -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) {
@@ -95,17 +97,23 @@ function useDeviceManager(options) {
       }
     }
   }
-  TUIRoomEngine.once("ready", () => {
+  TUIRoomEngine__default.once("ready", () => {
     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 {