@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.2

package/lib/extension/RoomMessageCard/RoomMessageCard.vue2.js

@@ -4,7 +4,7 @@ const Vue = require("vue");
 const chatExtension = require("../chatExtension.js");
 const handleRoomMessage = require("./handleRoomMessage.js");
 const index = require("../../locales/index.js");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-95ab4274"), n = n(), Vue.popScopeId(), n);
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-4aeb21ef"), n = n(), Vue.popScopeId(), n);
 const _hoisted_1 = { class: "content" };
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("span", { class: "icon" }, null, -1));
 const _hoisted_3 = { key: 0 };
@@ -12,17 +12,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__ */ Vue.normalizeClass(["room-info", "center"])
 };
@@ -106,13 +101,17 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       if (roomCardData.value.isRoomCreateByMe && roomCardData.value.roomState === chatExtension.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 === chatExtension.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 {
@@ -156,7 +155,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     return (_ctx, _cache) => {
       return roomCardData.value.isRoomMessage ? (Vue.openBlock(), Vue.createElementBlock("div", {
         key: 0,
-        class: Vue.normalizeClass(["room-message-container", roomCardData.value.isMessageFromMe ? "isMe" : "notMe"])
+        class: Vue.normalizeClass([
+          "room-message-container",
+          roomCardData.value.isMessageFromMe ? "isMe" : "notMe"
+        ])
       }, [
         Vue.createElementVNode("div", {
           class: Vue.normalizeClass(["room-message-card-container", roomCardData.value.roomState])
@@ -172,32 +174,35 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
               Vue.createElementVNode("div", _hoisted_6, Vue.toDisplayString(`${roomCardData.value.ownerName || roomCardData.value.owner}${Vue.unref(t)("Quick Conference")}`), 1),
               Vue.createElementVNode("ul", _hoisted_7, [
                 (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(roomCardData.value.userList, (user, index2) => {
-                  return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, {
-                    key: user.userId
-                  }, [
-                    index2 <= 4 ? (Vue.openBlock(), Vue.createElementBlock("li", _hoisted_8, [
+                  return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
+                    index2 <= 4 ? (Vue.openBlock(), Vue.createElementBlock("li", {
+                      key: user.userId
+                    }, [
                       Vue.createElementVNode("img", {
                         src: user.faceUrl || defaultAvatarUrl,
                         alt: user.nickName || user.userId,
                         onerror: avatarLoadError
-                      }, null, 8, _hoisted_9)
+                      }, null, 8, _hoisted_8)
                     ])) : Vue.createCommentVNode("", true),
-                    index2 === 5 ? (Vue.openBlock(), Vue.createElementBlock("li", _hoisted_10, " ... ")) : Vue.createCommentVNode("", true)
+                    index2 === 5 ? (Vue.openBlock(), Vue.createElementBlock("li", {
+                      class: "more",
+                      key: user.userId
+                    }, "...")) : Vue.createCommentVNode("", true)
                   ], 64);
-                }), 128))
+                }), 256))
               ])
             ])
           ]),
           Vue.createElementVNode("div", {
             class: Vue.normalizeClass(["footer", footerClass.value, roomCardData.value.isInnerRoom && "in-room"])
           }, [
-            roomInfo.value.visible ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_11, Vue.toDisplayString(roomInfo.value.message), 1)) : Vue.createCommentVNode("", true),
+            roomInfo.value.visible ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_9, Vue.toDisplayString(roomInfo.value.message), 1)) : Vue.createCommentVNode("", true),
             roomStatus.value.visible ? (Vue.openBlock(), Vue.createElementBlock("span", {
               key: 1,
               class: Vue.normalizeClass(["room-status"]),
               onClick: enterRoom
             }, Vue.toDisplayString(roomStatus.value.message), 1)) : Vue.createCommentVNode("", true),
-            roomDestroy.value.visible ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_12, Vue.toDisplayString(roomDestroy.value.message), 1)) : Vue.createCommentVNode("", true)
+            roomDestroy.value.visible ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_10, Vue.toDisplayString(roomDestroy.value.message), 1)) : Vue.createCommentVNode("", true)
           ], 2)
         ], 2)
       ], 2)) : Vue.createCommentVNode("", true);

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

package/lib/extension/VoidTemplate.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/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;
@@ -59,6 +59,7 @@ export declare class ChatExtension {
     };
     myProfile: Profile;
     private customMessages;
+    private isInit;
     private chatExtensionSetting;
     private service?;
     private language;
@@ -83,7 +84,8 @@ export declare class ChatExtension {
     private onRemoteUserLeaveRoom;
     private onUserRoleChanged;
     private onRoomDestroy;
-    onGetExtension(extensionID: string, params: any): ExtensionInfo | undefined;
+    onGetExtension(extensionID: string, params: any): never[] | ExtensionInfo;
+    private mixinInit;
     private setAnotherMessageRoomState;
     private quickRoom;
     private destroyRoom;

package/lib/extension/chatExtension.js

@@ -1,12 +1,9 @@
 "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 TUICore = require("@tencentcloud/tui-core");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 require("../services/main.js");
 const roomService = require("../services/roomService.js");
@@ -14,8 +11,8 @@ const types = require("../services/types.js");
 require("../locales/index.js");
 require("mitt");
 require("../services/manager/roomActionManager.js");
-const interact = require("./utils/interact.js");
 const environment = require("../utils/environment.js");
+const interact = require("./utils/interact.js");
 const setLanguage = require("./utils/setLanguage.js");
 const common = require("./utils/common.js");
 const judgeRoomMessage = require("./utils/judgeRoomMessage.js");
@@ -47,6 +44,7 @@ const _ChatExtension = class _ChatExtension {
     });
     __publicField(this, "myProfile", {});
     __publicField(this, "customMessages", {});
+    __publicField(this, "isInit", false);
     __publicField(this, "chatExtensionSetting", {
       [
         "C2C"
@@ -81,8 +79,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,37 +88,43 @@ const _ChatExtension = class _ChatExtension {
     this.init();
   }
   init() {
-    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,
+    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,
       this
     );
-    tuiCore.TUICore.registerEvent(
-      tuiCore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED,
-      tuiCore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS,
+    TUICore.TUICore.registerEvent(
+      TUICore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED,
+      TUICore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS,
       this
     );
   }
   reset() {
-    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,
+    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,
       this
     );
-    tuiCore.TUICore.unregisterEvent(
-      tuiCore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED,
-      tuiCore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS,
+    TUICore.TUICore.unregisterEvent(
+      TUICore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED,
+      TUICore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS,
       this
     );
     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 {
@@ -143,9 +146,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 +165,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 +198,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,12 +249,40 @@ 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) {
+    if (this.isInit) return;
+    if (chatType !== TUICore.TUIConstants.TUIChat.TYPE.ROOM) {
+      !environment.isMobile && interact.setDragAndResize("#roomContainer");
+      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");
+      roomService.roomService.componentManager.setComponentConfig({
+        SwitchTheme: { visible: false },
+        Language: { visible: false },
+        InviteControl: { visible: false },
+        RoomLink: { visible: false },
+        UserInfo: { visible: false }
+      });
+      this.chatContext = TUICore.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];
@@ -234,16 +290,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(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;
     }
@@ -266,8 +327,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);
@@ -277,10 +339,10 @@ const _ChatExtension = class _ChatExtension {
         /* CREATED */
       });
     } catch (error) {
-      (_f = this.service) == null ? void 0 : _f.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
+      (_e = this.service) == null ? void 0 : _e.emit(types.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;
     }
@@ -292,33 +354,8 @@ const _ChatExtension = class _ChatExtension {
     });
   }
   async onNotifyEvent(eventName, subKey, params) {
-    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}`
-          }
-        }));
-        this.bindRoomEngineEvent();
-        this.bindRoomServiceEvent();
-        roomService.roomService.basicStore.setScene("chat");
-        roomService.roomService.componentManager.setComponentConfig({
-          SwitchTheme: { visible: false },
-          Language: { visible: false },
-          InviteControl: { visible: false },
-          RoomLink: { visible: false },
-          UserInfo: { visible: false }
-        });
-        this.chatContext = tuiCore.TUILogin.getContext();
-        this.myProfile = await this.getMyProfile();
-        this.roomInit(true);
-      }
-    }
-    if (eventName === tuiCore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED) {
-      if (subKey === tuiCore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS) {
+    if (eventName === TUICore.TUIConstants.TUITranslate.EVENT.LANGUAGE_CHANGED) {
+      if (subKey === TUICore.TUIConstants.TUITranslate.EVENT_SUB_KEY.CHANGE_SUCCESS) {
         const language = params == null ? void 0 : params.language;
         this.language = language;
         setLanguage.setLanguage(language);
@@ -353,7 +390,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;
     }
@@ -365,7 +404,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 === TUIRoomEngine.TUIErrorCode.ERR_ROOM_ID_NOT_EXIST) {
         this.modifyMessage(this.message.ID, {
@@ -380,7 +419,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,
@@ -398,9 +444,9 @@ const _ChatExtension = class _ChatExtension {
     return chat.sendMessage(message);
   }
   updateMessageList(message) {
-    tuiCore.TUICore.callService({
-      serviceName: tuiCore.TUIConstants.TUIChat.SERVICE.NAME,
-      method: tuiCore.TUIConstants.TUIChat.SERVICE.METHOD.UPDATE_MESSAGE_LIST,
+    TUICore.TUICore.callService({
+      serviceName: TUICore.TUIConstants.TUIChat.SERVICE.NAME,
+      method: TUICore.TUIConstants.TUIChat.SERVICE.METHOD.UPDATE_MESSAGE_LIST,
       params: {
         message
       }

package/lib/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/lib/extension/utils/interact.js

@@ -7,6 +7,8 @@ require("../../locales/index.js");
 require("@tencentcloud/tuiroom-engine-electron");
 require("mitt");
 require("../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+require("../../utils/environment.js");
 const interact = require("interactjs");
 const setDragAndResize = (domSelect) => {
   const minWidth = 830;
@@ -22,8 +24,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 {