@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.3

package/es/components/common/icons/CompareIcon.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/es/components/common/icons/CompareIcon.vue.mjs

@@ -0,0 +1,21 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<g id="编组 16"><g id="Group 48097543" filter="url(#filter0_d_9286_1548)"><g id="Group 48097543_2"><path id="Vector" d="M9.6875 3.125V16.875" stroke="white" stroke-width="1.25"></path><path id="Rectangle 2379" d="M9.6875 5.3125H4.0625V14.6875H9.6875V5.3125Z" stroke="white" stroke-width="1.25"></path><path id="Rectangle 2380" d="M11.5625 5.3125H15.9375V14.6875H11.5625" stroke="white" stroke-width="1.25"></path></g></g></g><defs><filter id="filter0_d_9286_1548" x="0.9375" y="0.625" width="18.125" height="18.75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="1.25"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9286_1548"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9286_1548" result="shape"></feBlend></filter></defs>', 2);
+const _hoisted_4 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const CompareIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  CompareIcon as default
+};

package/es/components/common/icons/ResetIcon.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/es/components/common/icons/ResetIcon.vue.mjs

@@ -0,0 +1,39 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("g", { id: "编组 5" }, [
+  /* @__PURE__ */ createElementVNode("g", { id: "编组 3" }, [
+    /* @__PURE__ */ createElementVNode("path", {
+      id: "路径",
+      d: "M2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C6.36788 2 4.88796 2.65167 3.80626 3.70902",
+      stroke: "white",
+      "stroke-width": "1.5",
+      "stroke-linecap": "square"
+    }),
+    /* @__PURE__ */ createElementVNode("path", {
+      id: "路径_2",
+      d: "M5.33317 4.66667H2.6665V2",
+      stroke: "white",
+      "stroke-width": "1.5",
+      "stroke-linecap": "square",
+      "stroke-linejoin": "round"
+    })
+  ])
+], -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ResetIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ResetIcon as default
+};

package/es/components/common/icons/RuddyBeautyIcon.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/es/components/common/icons/RuddyBeautyIcon.vue.mjs

@@ -0,0 +1,21 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "30",
+  height: "30",
+  viewBox: "0 0 30 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<g id="Group 48097289"><path id="Ellipse 349" d="M27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15C3 12.1605 3.98496 9.55384 5.63267 7.49904C6.3356 6.62243 7.159 5.84657 8.07758 5.19665C10.0333 3.81292 12.4202 3 15 3C21.6274 3 27 8.37258 27 15Z" stroke="#4F586B" stroke-width="2"></path><path id="Ellipse 352" d="M18 17C18 18.6569 16.6569 20 15 20C13.3431 20 12 18.6569 12 17" stroke="#4F586B" stroke-width="2"></path><path id="Vector 195" d="M8 11L6 15" stroke="#4F586B" stroke-width="2"></path><path id="Vector 197" d="M20 11L18 15" stroke="#4F586B" stroke-width="2"></path><path id="Vector 196" d="M12 11L10 15" stroke="#4F586B" stroke-width="2"></path><path id="Vector 198" d="M24 11L22 15" stroke="#4F586B" stroke-width="2"></path></g>', 1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const RuddyBeautyIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  RuddyBeautyIcon as default
+};

package/es/components/common/icons/SmootherBeautyIcon.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/es/components/common/icons/SmootherBeautyIcon.vue.mjs

@@ -0,0 +1,21 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<g id="磨皮"><g id="Group 48097291"><g id="Group 48097256"><circle id="Ellipse 348" cx="16" cy="16" r="11.8" stroke="#4F586B" stroke-width="2"></circle><path id="Vector 187" d="M16 1.06665V30.9333" stroke="#4F586B" stroke-width="2"></path><path id="Vector 190" d="M16 16H27.7333" stroke="#4F586B" stroke-width="2"></path><path id="Vector 191" d="M16 10.6666H26.6667" stroke="#4F586B" stroke-width="2"></path><path id="Vector 192" d="M16 21.3333H26.6667" stroke="#4F586B" stroke-width="2"></path></g></g></g>', 1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const SmootherBeautyIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  SmootherBeautyIcon as default
+};

package/es/components/common/icons/WhiteningBeautyIcon.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/es/components/common/icons/WhiteningBeautyIcon.vue.mjs

@@ -0,0 +1,21 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "30",
+  height: "30",
+  viewBox: "0 0 30 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<g id="Group 48097287"><path id="Ellipse 349" d="M27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15C3 12.1605 3.98496 9.55384 5.63267 7.49904C6.3356 6.62243 7.159 5.84657 8.07758 5.19665C10.0333 3.81292 12.4202 3 15 3C21.6274 3 27 8.37258 27 15Z" stroke="#4F586B" stroke-width="2"></path><circle id="Ellipse 350" cx="10.5" cy="12.5" r="1.5" fill="#4F586B"></circle><circle id="Ellipse 351" cx="19.5" cy="12.5" r="1.5" fill="#4F586B"></circle><path id="Ellipse 352" d="M18 17C18 18.6569 16.6569 20 15 20C13.3431 20 12 18.6569 12 17" stroke="#4F586B" stroke-width="2"></path><path id="Vector 188" d="M8 5L11 8M22 5L19 8" stroke="#4F586B" stroke-width="2"></path><path id="Vector 189" d="M8 25L11 22M22 25L19 22" stroke="#4F586B" stroke-width="2"></path></g>', 1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const WhiteningBeautyIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  WhiteningBeautyIcon as default
+};

package/es/conference.d.ts

@@ -20,7 +20,8 @@ export declare enum FeatureButton {
     SwitchLayout = "LayoutControl",
     SwitchLanguage = "Language",
     FullScreen = "FullScreen",
-    Invitation = "InviteControl"
+    Invitation = "InviteControl",
+    BasicBeauty = "BasicBeauty"
 }
 export type ThemeOption = 'LIGHT' | 'DARK';
 interface IConference {
@@ -48,6 +49,7 @@ interface IConference {
     disableScreenSharing: () => void;
     enableWatermark: () => void;
     enableVirtualBackground: () => void;
+    enableBasicBeauty: () => void;
     hideFeatureButton: (name: FeatureButton) => void;
     replaceFriendList: (userList: Array<any>) => void;
 }
@@ -76,6 +78,7 @@ declare class Conference implements IConference {
     disableScreenSharing(): void;
     enableWatermark(): void;
     enableVirtualBackground(): void;
+    enableBasicBeauty(): void;
     hideFeatureButton(name: FeatureButton): void;
     replaceFriendList(userList: Array<any>): void;
 }

package/es/conference.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 { toTargetTheme } from "./utils/common.mjs";
 var RoomEvent = /* @__PURE__ */ ((RoomEvent2) => {
   RoomEvent2["ROOM_START"] = "RoomStart";
@@ -26,6 +28,7 @@ var FeatureButton = /* @__PURE__ */ ((FeatureButton2) => {
   FeatureButton2["SwitchLanguage"] = "Language";
   FeatureButton2["FullScreen"] = "FullScreen";
   FeatureButton2["Invitation"] = "InviteControl";
+  FeatureButton2["BasicBeauty"] = "BasicBeauty";
   return FeatureButton2;
 })(FeatureButton || {});
 class Conference {
@@ -81,6 +84,9 @@ class Conference {
   enableVirtualBackground() {
     roomService.setComponentConfig({ VirtualBackground: { visible: true } });
   }
+  enableBasicBeauty() {
+    roomService.setComponentConfig({ BasicBeauty: { visible: true } });
+  }
   hideFeatureButton(name) {
     roomService.setComponentConfig({ [name]: { visible: false } });
   }

package/es/conference.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
 /* empty css                 */
 /* empty css                 */
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c92807c"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-418a4f05"]]);
 export {
   ConferenceMainView as default
 };

package/es/conference.vue2.mjs

@@ -6,6 +6,7 @@ import RoomContent from "./components/RoomContent/index.vue.mjs";
 import RoomSetting from "./components/RoomSetting/index.vue.mjs";
 import LoadingOverlay from "./components/PreRoom/LoadingOverlay.vue.mjs";
 import PasswordDialog from "./components/PreRoom/PasswordDialog.vue.mjs";
+import AISubtitlesOverlay from "./components/AITools/AISubtitles.vue.mjs";
 import { debounce, throttle } from "./utils/utils.mjs";
 import { useBasicStore } from "./stores/basic.mjs";
 import { isMobile, isWeChat } from "./utils/environment.mjs";
@@ -19,6 +20,7 @@ import { EventType } from "./services/types.mjs";
 import "./locales/index.mjs";
 import "mitt";
 import "./services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
 import useDeviceManager from "./hooks/useDeviceManager.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "conference",
@@ -39,6 +41,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isShowPasswordContainer = ref(false);
     const isShowLoading = ref(true);
     const props = __props;
+    const overlayMap = ref({
+      AISubtitlesOverlay: { visible: false }
+    });
     const conferenceShow = computed(
       () => props.displayMode === "permanent" || !!basicStore.roomId
     );
@@ -82,6 +87,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         duration
       });
     };
+    const handleShowOverlay = (data) => {
+      if (overlayMap.value[data.name]) {
+        overlayMap.value[data.name].visible = data.visible;
+      }
+    };
     onMounted(() => {
       roomService.on(EventType.ROOM_NOTICE_MESSAGE, showMessage);
       roomService.on(EventType.ROOM_NOTICE_MESSAGE_BOX, showMessageBox);
@@ -260,12 +270,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             { lazy: true }
           ]
         ]),
-        withDirectives(createVNode(RoomFooter, { class: "footer" }, null, 512), [
+        withDirectives(createVNode(RoomFooter, {
+          class: "footer",
+          onShowOverlay: handleShowOverlay
+        }, null, 512), [
           [vShow, showRoomTool.value]
         ]),
         createVNode(_sfc_main$1),
         createVNode(RoomSetting),
-        isShowLoading.value ? (openBlock(), createBlock(LoadingOverlay, { key: 0 })) : createCommentVNode("", true),
+        overlayMap.value.AISubtitlesOverlay.visible ? (openBlock(), createBlock(AISubtitlesOverlay, { key: 0 })) : createCommentVNode("", true),
+        isShowLoading.value ? (openBlock(), createBlock(LoadingOverlay, { key: 1 })) : createCommentVNode("", true),
         createVNode(PasswordDialog, {
           visible: isShowPasswordContainer.value,
           onJoinConference: enterRoom

package/es/constants/room.d.ts

@@ -26,3 +26,7 @@ export declare enum USERS_STATUS {
     NOT_ENTER = 3
 }
 export declare const PASSWORD_MAX_LENGTH_LIMIT = 6;
+export declare enum TRTCBeautyStyle {
+    TRTCBeautyStyleSmooth = 0,
+    TRTCBeautyStyleNature = 1
+}

package/es/constants/room.mjs

@@ -17,8 +17,14 @@ var USERS_STATUS = /* @__PURE__ */ ((USERS_STATUS2) => {
   return USERS_STATUS2;
 })(USERS_STATUS || {});
 const PASSWORD_MAX_LENGTH_LIMIT = 6;
+var TRTCBeautyStyle = /* @__PURE__ */ ((TRTCBeautyStyle2) => {
+  TRTCBeautyStyle2[TRTCBeautyStyle2["TRTCBeautyStyleSmooth"] = 0] = "TRTCBeautyStyleSmooth";
+  TRTCBeautyStyle2[TRTCBeautyStyle2["TRTCBeautyStyleNature"] = 1] = "TRTCBeautyStyleNature";
+  return TRTCBeautyStyle2;
+})(TRTCBeautyStyle || {});
 export {
   IconButtonLayout,
   PASSWORD_MAX_LENGTH_LIMIT,
+  TRTCBeautyStyle,
   USERS_STATUS
 };

package/es/extension/RoomMessageCard/RoomMessageCard.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./RoomMessageCard.vue2.mjs";
 /* empty css                      */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const RoomMessageCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4aeb21ef"]]);
+const RoomMessageCardVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4aeb21ef"]]);
 export {
-  RoomMessageCard as default
+  RoomMessageCardVue as default
 };

package/es/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/es/extension/chatExtension.d.ts

@@ -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/es/extension/chatExtension.mjs

@@ -9,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";
@@ -42,6 +42,7 @@ const _ChatExtension = class _ChatExtension {
     });
     __publicField(this, "myProfile", {});
     __publicField(this, "customMessages", {});
+    __publicField(this, "isInit", false);
     __publicField(this, "chatExtensionSetting", {
       [
         "C2C"
@@ -117,6 +118,7 @@ const _ChatExtension = class _ChatExtension {
     );
     this.unBindRoomServiceEvent();
     this.unBindRoomEngineEvent();
+    this.isInit = false;
   }
   setHistoryMeetingMessageList(type, customMessage) {
     const { ID, messageData } = customMessage;
@@ -246,9 +248,40 @@ const _ChatExtension = class _ChatExtension {
       }
     };
     if (!chatType) return extension;
-    if (!this.chatExtensionSetting[chatType]) return;
+    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];
@@ -264,7 +297,7 @@ const _ChatExtension = class _ChatExtension {
     });
   }
   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,
@@ -293,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);
@@ -304,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;
     }
@@ -319,34 +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;
@@ -397,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, {

package/es/extension/index.d.ts

@@ -1,3 +1,5 @@
+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>;
@@ -9,4 +11,4 @@ declare const RoomMessageCard: import('vue').DefineComponent<{}, {}, {}, {}, {},
         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;

package/es/index.d.ts

@@ -4,11 +4,12 @@ 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 * from './services/manager/configManager';
-export { ConferenceMainView, PreConferenceView, TUIRoomEngine, roomService, conference, RoomEvent, FeatureButton, RoomMessageCard, WhiteboardView, };
+export { ConferenceMainView, PreConferenceView, TUIRoomEngine, roomService, conference, RoomEvent, FeatureButton, RoomMessageCard, WhiteboardView, chatExtension, };
 export type { ThemeOption };
 export default ConferenceMainView;