@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.2

package/lib/components/common/icons/CompareIcon.vue.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const CompareIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = CompareIcon;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.createElementVNode("g", { id: "编组 5" }, [
+  /* @__PURE__ */ Vue.createElementVNode("g", { id: "编组 3" }, [
+    /* @__PURE__ */ Vue.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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ResetIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = ResetIcon;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const RuddyBeautyIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = RuddyBeautyIcon;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const SmootherBeautyIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = SmootherBeautyIcon;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+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__ */ Vue.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 Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const WhiteningBeautyIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = WhiteningBeautyIcon;

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

package/lib/conference.vue.js

@@ -4,5 +4,5 @@ const conference_vue_vue_type_script_setup_true_lang = require("./conference.vue
 ;/* empty css                 */
 ;/* empty css                 */
 const _pluginVue_exportHelper = require("./_virtual/_plugin-vue_export-helper.js");
-const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7c92807c"]]);
+const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-418a4f05"]]);
 exports.default = ConferenceMainView;

package/lib/conference.vue2.js

@@ -8,6 +8,7 @@ const index$1 = require("./components/RoomContent/index.vue.js");
 const index$3 = require("./components/RoomSetting/index.vue.js");
 const LoadingOverlay = require("./components/PreRoom/LoadingOverlay.vue.js");
 const PasswordDialog = require("./components/PreRoom/PasswordDialog.vue.js");
+const AISubtitles = require("./components/AITools/AISubtitles.vue.js");
 const utils = require("./utils/utils.js");
 const basic = require("./stores/basic.js");
 const environment = require("./utils/environment.js");
@@ -21,6 +22,7 @@ const types = require("./services/types.js");
 require("./locales/index.js");
 require("mitt");
 require("./services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
 const useDeviceManager = require("./hooks/useDeviceManager.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "conference",
@@ -41,6 +43,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const isShowPasswordContainer = Vue.ref(false);
     const isShowLoading = Vue.ref(true);
     const props = __props;
+    const overlayMap = Vue.ref({
+      AISubtitlesOverlay: { visible: false }
+    });
     const conferenceShow = Vue.computed(
       () => props.displayMode === "permanent" || !!basicStore.roomId
     );
@@ -84,6 +89,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         duration
       });
     };
+    const handleShowOverlay = (data) => {
+      if (overlayMap.value[data.name]) {
+        overlayMap.value[data.name].visible = data.visible;
+      }
+    };
     Vue.onMounted(() => {
       roomService.roomService.on(types.EventType.ROOM_NOTICE_MESSAGE, showMessage);
       roomService.roomService.on(types.EventType.ROOM_NOTICE_MESSAGE_BOX, showMessageBox);
@@ -262,12 +272,16 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             { lazy: true }
           ]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$2.default, { class: "footer" }, null, 512), [
+        Vue.withDirectives(Vue.createVNode(index$2.default, {
+          class: "footer",
+          onShowOverlay: handleShowOverlay
+        }, null, 512), [
           [Vue.vShow, showRoomTool.value]
         ]),
         Vue.createVNode(index_vue_vue_type_script_setup_true_lang.default),
         Vue.createVNode(index$3.default),
-        isShowLoading.value ? (Vue.openBlock(), Vue.createBlock(LoadingOverlay.default, { key: 0 })) : Vue.createCommentVNode("", true),
+        overlayMap.value.AISubtitlesOverlay.visible ? (Vue.openBlock(), Vue.createBlock(AISubtitles.default, { key: 0 })) : Vue.createCommentVNode("", true),
+        isShowLoading.value ? (Vue.openBlock(), Vue.createBlock(LoadingOverlay.default, { key: 1 })) : Vue.createCommentVNode("", true),
         Vue.createVNode(PasswordDialog.default, {
           visible: isShowPasswordContainer.value,
           onJoinConference: enterRoom

package/lib/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/lib/constants/room.js

@@ -19,6 +19,12 @@ 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 || {});
 exports.IconButtonLayout = IconButtonLayout;
 exports.PASSWORD_MAX_LENGTH_LIMIT = PASSWORD_MAX_LENGTH_LIMIT;
+exports.TRTCBeautyStyle = TRTCBeautyStyle;
 exports.USERS_STATUS = USERS_STATUS;

package/lib/extension/RoomMessageCard/RoomMessageCard.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const RoomMessageCard_vue_vue_type_script_setup_true_lang = require("./RoomMessageCard.vue2.js");
 ;/* empty css                      */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const RoomMessageCard = /* @__PURE__ */ _pluginVue_exportHelper.default(RoomMessageCard_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4aeb21ef"]]);
-exports.default = RoomMessageCard;
+const RoomMessageCardVue = /* @__PURE__ */ _pluginVue_exportHelper.default(RoomMessageCard_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4aeb21ef"]]);
+exports.default = RoomMessageCardVue;

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

@@ -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

@@ -3,7 +3,7 @@ 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);
 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");
@@ -11,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");
@@ -44,6 +44,7 @@ const _ChatExtension = class _ChatExtension {
     });
     __publicField(this, "myProfile", {});
     __publicField(this, "customMessages", {});
+    __publicField(this, "isInit", false);
     __publicField(this, "chatExtensionSetting", {
       [
         "C2C"
@@ -87,38 +88,39 @@ const _ChatExtension = class _ChatExtension {
     this.init();
   }
   init() {
-    tuiCore.TUICore.registerExtension(
-      tuiCore.TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID,
+    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.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,
+    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.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;
@@ -248,9 +250,39 @@ 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) {
+    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];
@@ -266,7 +298,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(types.EventType.ROOM_NOTICE_MESSAGE_BOX, {
         code: -1,
@@ -295,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);
@@ -306,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;
     }
@@ -321,35 +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);
@@ -398,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, {
@@ -438,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,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/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;

package/lib/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;