@tencentcloud/roomkit-electron-vue3 2.7.1 → 2.7.2

package/lib/components/RoomFooter/AudioControl.vue2.js

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 const pinia = require("pinia");
 const Message = require("../common/base/Message/Message.js");
-const index$1 = require("../common/base/Dialog/index.vue.js");
+const index$2 = require("../common/base/Dialog/index.vue.js");
 const room = require("../../stores/room.js");
 const message = require("../../constants/message.js");
 const index = require("../../locales/index.js");
@@ -13,7 +13,7 @@ const environment = require("../../utils/environment.js");
 const Button = require("../common/base/Button.vue.js");
 const AudioMediaControl = require("../common/AudioMediaControl.vue.js");
 const basic = require("../../stores/basic.js");
-const index$2 = require("../common/base/MessageBox/index.js");
+const index$1 = require("../common/base/MessageBox/index.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "AudioControl",
   emits: ["click"],
@@ -61,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         const microphoneList = await ((_b = roomEngine.instance) == null ? void 0 : _b.getMicDevicesList());
         const hasMicrophoneDevice = microphoneList.length > 0;
         if (!hasMicrophoneDevice && !environment.isWeChat) {
-          index$2.default({
+          index$1.default({
             title: t("Note"),
             message: t("Microphone not detected on current device"),
             confirmButtonText: t("Sure")
@@ -135,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           "audio-volume": Vue.unref(userVolumeObj)[Vue.unref(localUser).userId],
           onClick: handleAudioMediaClick
         }, null, 8, ["has-more", "is-muted", "is-disabled", "audio-volume"]),
-        Vue.createVNode(index$1.default, {
+        Vue.createVNode(index$2.default, {
           modelValue: showRequestOpenMicDialog.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showRequestOpenMicDialog.value = $event),
           title: Vue.unref(t)("Tips"),

package/lib/components/RoomFooter/ScreenShareControl/Index.vue2.js

@@ -14,9 +14,9 @@ const useRoomEngine = require("../../../hooks/useRoomEngine.js");
 const Message = require("../../common/base/Message/Message.js");
 const message = require("../../../constants/message.js");
 const useMitt = require("../../../hooks/useMitt.js");
-const index$1 = require("../../common/base/Dialog/index.vue.js");
+const index$2 = require("../../common/base/Dialog/index.vue.js");
 const Button = require("../../common/base/Button.vue.js");
-const index$2 = require("../../../utils/common/logger/index.js");
+const index$1 = require("../../../utils/common/logger/index.js");
 const _hoisted_1 = { class: "screen-share-control-container" };
 const logPrefix = "[ScreenShareControl]";
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
@@ -150,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           isSharing.value = false;
           isLocalUserSharing.value = false;
         } catch (error) {
-          index$2.default.error(`${logPrefix}stopScreenShare error:`, error);
+          index$1.default.error(`${logPrefix}stopScreenShare error:`, error);
         }
       }
     }
@@ -200,7 +200,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           ]),
           _: 1
         }, 8, ["is-active", "class", "title", "disabled"]),
-        Vue.createVNode(index$1.default, {
+        Vue.createVNode(index$2.default, {
           modelValue: showStopShareRegion.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showStopShareRegion.value = $event),
           width: "420px",
@@ -247,7 +247,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           onOnConfirm: onConfirmScreenShare,
           onOnClose: _cache[2] || (_cache[2] = ($event) => selectDialogVisible.value = false)
         }, null, 8, ["visible", "screen-list", "window-list"]),
-        Vue.createVNode(index$1.default, {
+        Vue.createVNode(index$2.default, {
           modelValue: showPermissionVisible.value,
           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => showPermissionVisible.value = $event),
           title: Vue.unref(t)("Grant permission to screen recording"),

package/lib/components/RoomFooter/VideoControl.vue2.js

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
 const pinia = require("pinia");
-const index$1 = require("../common/base/Dialog/index.vue.js");
+const index$2 = require("../common/base/Dialog/index.vue.js");
 const VideoMediaControl = require("../common/VideoMediaControl.vue.js");
 const room = require("../../stores/room.js");
 const message = require("../../constants/message.js");
@@ -14,7 +14,7 @@ const environment = require("../../utils/environment.js");
 const basic = require("../../stores/basic.js");
 const Button = require("../common/base/Button.vue.js");
 const Message = require("../common/base/Message/Message.js");
-const index$2 = require("../common/base/MessageBox/index.js");
+const index$1 = require("../common/base/MessageBox/index.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "VideoControl",
   emits: ["click"],
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }));
         const hasCameraDevice = cameraList && cameraList.length > 0;
         if (!hasCameraDevice && !environment.isWeChat) {
-          index$2.default({
+          index$1.default({
             title: t("Note"),
             message: t("Camera not detected on current device"),
             confirmButtonText: t("Sure")
@@ -141,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           "is-disabled": Vue.unref(isLocalVideoIconDisable),
           onClick: handleVideoMediaClick
         }, null, 8, ["has-more", "is-muted", "is-disabled"]),
-        Vue.createVNode(index$1.default, {
+        Vue.createVNode(index$2.default, {
           modelValue: showRequestOpenCameraDialog.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showRequestOpenCameraDialog.value = $event),
           title: Vue.unref(t)("Tips"),

package/lib/components/RoomHeader/UserInfo/index.vue.js

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

package/lib/components/RoomHeader/UserInfo/index.vue2.js

@@ -52,6 +52,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     } = useUserInfoHooks.default();
     const props = __props;
     async function saveUserName(userName) {
+      const { userId } = props;
       if (userName.length === 0) {
         Message.default({
           type: "warning",
@@ -65,7 +66,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         avatarUrl: roomStore.localUser.avatarUrl || ""
       });
       basicStore.setUserName(userName);
-      roomStore.setLocalUser({ userName });
+      roomStore.updateUserInfo({ userId, userName });
       emits("update-user-name", userName);
       closeUserNameEditor();
     }

package/lib/conference.vue2.js

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const index = require("./components/RoomHeader/index/index.vue.js");
-const index$2 = require("./components/RoomFooter/index/index.vue.js");
+const index$1 = require("./components/RoomHeader/index/index.vue.js");
+const index$3 = require("./components/RoomFooter/index/index.vue.js");
 const index_vue_vue_type_script_setup_true_lang = require("./components/RoomSidebar/index.vue.js");
-const index$1 = require("./components/RoomContent/index.vue.js");
-const index$3 = require("./components/RoomSetting/index.vue.js");
+const index$2 = require("./components/RoomContent/index.vue.js");
+const index$4 = 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 index$4 = require("./components/RoomInvite/index.vue.js");
+const index$5 = require("./components/RoomInvite/index.vue.js");
 const utils = require("./utils/utils.js");
 const basic = require("./stores/basic.js");
 const environment = require("./utils/environment.js");
 const vTap = require("./directives/vTap.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
-const index$5 = require("./components/common/base/MessageBox/index.js");
+const index = require("./components/common/base/MessageBox/index.js");
 const Message = require("./components/common/base/Message/Message.js");
 require("./services/main.js");
 const roomService = require("./services/roomService.js");
@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         callback = () => {
         }
       } = data;
-      index$5.default({
+      index.default({
         title,
         message,
         duration,
@@ -255,13 +255,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         ref: roomRef,
         class: Vue.normalizeClass(tuiRoomClass.value)
       }, [
-        Vue.withDirectives(Vue.createVNode(index.default, {
+        Vue.withDirectives(Vue.createVNode(index$1.default, {
           class: "header",
           onLogOut: logOut
         }, null, 512), [
           [Vue.vShow, showRoomTool.value && Vue.unref(showHeaderTool)]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$1.default, {
+        Vue.withDirectives(Vue.createVNode(index$2.default, {
           ref_key: "roomContentRef",
           ref: roomContentRef,
           "show-room-tool": showRoomTool.value,
@@ -274,16 +274,16 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             { lazy: true }
           ]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$2.default, {
+        Vue.withDirectives(Vue.createVNode(index$3.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),
+        Vue.createVNode(index$4.default),
         overlayMap.value.AISubtitlesOverlay.visible ? (Vue.openBlock(), Vue.createBlock(AISubtitles.default, { key: 0 })) : Vue.createCommentVNode("", true),
-        overlayMap.value.RoomInviteOverlay.visible ? (Vue.openBlock(), Vue.createBlock(index$4.default, { key: 1 })) : Vue.createCommentVNode("", true),
+        overlayMap.value.RoomInviteOverlay.visible ? (Vue.openBlock(), Vue.createBlock(index$5.default, { key: 1 })) : Vue.createCommentVNode("", true),
         isShowLoading.value ? (Vue.openBlock(), Vue.createBlock(LoadingOverlay.default, { key: 2 })) : Vue.createCommentVNode("", true),
         Vue.createVNode(PasswordDialog.default, {
           visible: isShowPasswordContainer.value,

package/lib/constants/room.js

@@ -7,9 +7,7 @@ var IconButtonLayout = /* @__PURE__ */ ((IconButtonLayout2) => {
   return IconButtonLayout2;
 })(IconButtonLayout || {});
 ({
-  videoResolution: TUIRoomEngine.TRTCVideoResolution.TRTCVideoResolution_640_360,
-  videoFps: 15,
-  videoBitrate: 800
+  videoResolution: TUIRoomEngine.TRTCVideoResolution.TRTCVideoResolution_640_360
 });
 var USERS_STATUS = /* @__PURE__ */ ((USERS_STATUS2) => {
   USERS_STATUS2[USERS_STATUS2["Entered"] = 1] = "Entered";

package/lib/extension/chatExtension.js

@@ -398,10 +398,7 @@ const _ChatExtension = class _ChatExtension {
     }
     this.message = message;
     this.messagePayload = this.parseMessageData(message);
-    const roomParam = {
-      isOpenCamera: true,
-      isOpenMicrophone: true
-    };
+    const roomParam = {};
     this.roomInit();
     try {
       await ((_c = this.service) == null ? void 0 : _c.join(roomId, { roomParam }));

package/lib/hooks/useMasterApplyControl.js

@@ -8,9 +8,9 @@ const message = require("../constants/message.js");
 const room = require("../stores/room.js");
 const pinia = require("pinia");
 const index = require("../locales/index.js");
-const index$1 = require("../utils/common/logger/index.js");
+const index$2 = require("../utils/common/logger/index.js");
 const basic = require("../stores/basic.js");
-const index$2 = require("../components/common/base/Notification/index.js");
+const index$1 = require("../components/common/base/Notification/index.js");
 const environment = require("../utils/environment.js");
 const roomEngine = useRoomEngine.default();
 function useMasterApplyControl() {
@@ -50,7 +50,7 @@ function useMasterApplyControl() {
         }));
         roomStore.removeApplyToAnchorUser(requestId);
       } else {
-        index$1.default.warn(
+        index$2.default.warn(
           "Failed to process the stage application. The data is abnormal. Please try again！",
           userInfo
         );
@@ -59,7 +59,7 @@ function useMasterApplyControl() {
       if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
         Message.default({ type: "warning", message: t("The stage is full") });
       } else {
-        index$1.default.error("Failure to process a user request", error);
+        index$2.default.error("Failure to process a user request", error);
       }
     }
   }
@@ -74,7 +74,7 @@ function useMasterApplyControl() {
         }));
         roomStore.removeApplyToAnchorUser(requestId);
       } else {
-        index$1.default.warn(
+        index$2.default.warn(
           "Failed to process the stage application. The data is abnormal. Please try again！",
           userInfo
         );
@@ -83,7 +83,7 @@ function useMasterApplyControl() {
       if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
         Message.default({ type: "warning", message: t("The stage is full") });
       } else {
-        index$1.default.error("Failed application for consent to go on stage", error);
+        index$2.default.error("Failed application for consent to go on stage", error);
       }
     }
   }
@@ -97,7 +97,7 @@ function useMasterApplyControl() {
       }));
       roomStore.removeApplyToAnchorUser(requestId);
     } else {
-      index$1.default.warn(
+      index$2.default.warn(
         "Failed to process the stage application. The data is abnormal. Please try again！",
         userInfo
       );
@@ -124,7 +124,7 @@ function useMasterApplyControl() {
         }
       } catch (error) {
         if (!hasErrorOccurred) {
-          index$1.default.error(actionFailedMessage);
+          index$2.default.error(actionFailedMessage);
           Message.default({
             type: "warning",
             message: t("The stage is full"),
@@ -272,7 +272,7 @@ function useMasterApplyControl() {
       const cancelButtonText = environment.isMobile ? void 0 : onlyOneUserTakeStage ? t("Reject") : t("Neglect");
       const confirm = () => handleConfirm(onlyOneUserTakeStage, firstUser == null ? void 0 : firstUser.userId);
       const cancel = () => handleCancel(onlyOneUserTakeStage, firstUser == null ? void 0 : firstUser.userId);
-      notification = index$2.default({
+      notification = index$1.default({
         message: message2,
         confirmButtonText,
         cancelButtonText,

package/lib/index.js

@@ -440,29 +440,29 @@ input[data-v-ea50ea46]:disabled {
 .tui-theme-black .t-message.t-message-info[data-v-ca40f412] {
   color: #DCE7FA;
   background-color: #4A506B;
-}.tui-theme-white .user-control-container[data-v-be17229c] {
+}.tui-theme-white .user-control-container[data-v-b5154ce3] {
   --filter-color: drop-shadow(0px 0px 4px rgba(32, 77, 141, 0.03))
     drop-shadow(0px 4px 10px rgba(32, 77, 141, 0.06))
     drop-shadow(0px 1px 14px rgba(32, 77, 141, 0.05));
 }
-.tui-theme-black .user-control-container[data-v-be17229c] {
+.tui-theme-black .user-control-container[data-v-b5154ce3] {
   --filter-color: drop-shadow(0px 8px 40px rgba(23, 25, 31, 0.6))
     drop-shadow(0px 4px 12px rgba(23, 25, 31, 0.4));
 }
-.user-info-container[data-v-be17229c] {
+.user-info-container[data-v-b5154ce3] {
   position: relative;
 }
-.user-info-container .user-info-content[data-v-be17229c] {
+.user-info-container .user-info-content[data-v-b5154ce3] {
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.user-info-container .user-info-content .avatar[data-v-be17229c] {
+.user-info-container .user-info-content .avatar[data-v-b5154ce3] {
   width: 28px;
   height: 28px;
   border-radius: 50%;
 }
-.user-info-container .user-info-content .name[data-v-be17229c] {
+.user-info-container .user-info-content .name[data-v-b5154ce3] {
   max-width: 100px;
   margin-left: 10px;
   overflow: hidden;
@@ -471,14 +471,14 @@ input[data-v-ea50ea46]:disabled {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.user-info-container .user-info-content .down-icon[data-v-be17229c] {
+.user-info-container .user-info-content .down-icon[data-v-b5154ce3] {
   margin-left: 4px;
 }
-.user-info-container .user-info-content .up-icon[data-v-be17229c] {
+.user-info-container .user-info-content .up-icon[data-v-b5154ce3] {
   margin-left: 4px;
   transform: rotate(180deg);
 }
-.user-info-container .user-control-container[data-v-be17229c] {
+.user-info-container .user-control-container[data-v-b5154ce3] {
   position: absolute;
   top: calc(100% + 15px);
   right: 0;
@@ -488,7 +488,7 @@ input[data-v-ea50ea46]:disabled {
   filter: var(--filter-color);
   border-radius: 8px;
 }
-.user-info-container .user-control-container[data-v-be17229c]::before {
+.user-info-container .user-control-container[data-v-b5154ce3]::before {
   position: absolute;
   top: -20px;
   right: 20px;
@@ -499,7 +499,7 @@ input[data-v-ea50ea46]:disabled {
   border-bottom: 10px solid #fff;
   border-left: 10px solid transparent;
 }
-.user-info-container .user-control-container[data-v-be17229c]::after {
+.user-info-container .user-control-container[data-v-b5154ce3]::after {
   position: absolute;
   top: -20px;
   left: 0;
@@ -508,25 +508,25 @@ input[data-v-ea50ea46]:disabled {
   content: "";
   background-color: transparent;
 }
-.user-info-container .user-control-container .user-control-item-foot[data-v-be17229c],
-.user-info-container .user-control-container .user-control-item-head[data-v-be17229c] {
+.user-info-container .user-control-container .user-control-item-foot[data-v-b5154ce3],
+.user-info-container .user-control-container .user-control-item-head[data-v-b5154ce3] {
   height: 20px;
   font-size: 14px;
   color: #4f586b;
   text-align: center;
   cursor: pointer;
 }
-.edit-content[data-v-be17229c] {
+.edit-content[data-v-b5154ce3] {
   display: flex;
   align-items: center;
   width: 100%;
 }
-.edit-content .edit-name-input[data-v-be17229c] {
+.edit-content .edit-name-input[data-v-b5154ce3] {
   flex-grow: 1;
   width: auto;
   margin-left: 16px;
 }
-.button[data-v-be17229c] {
+.button[data-v-b5154ce3] {
   margin-left: 12px;
 }.tui-theme-black .icon-button-container[data-v-796846eb] {
   --icon-button-hover: rgba(46, 50, 61, 0.7);
@@ -7733,15 +7733,15 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
   flex-direction: column;
   height: 100%;
   padding: 20px;
-}.conversation[data-v-631b02ec] {
+}.conversation[data-v-35b9944f] {
   height: 100%;
   padding: 20px;
   overflow-y: auto;
 }
-.conversation-group[data-v-631b02ec] {
+.conversation-group[data-v-35b9944f] {
   margin-bottom: 20px;
 }
-.title[data-v-631b02ec] {
+.title[data-v-35b9944f] {
   display: flex;
   gap: 10px;
   align-items: center;
@@ -7751,13 +7751,13 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
   color: var(--font-color-4);
   text-align: left;
 }
-.title .speaker[data-v-631b02ec] {
+.title .speaker[data-v-35b9944f] {
   max-width: 150px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.content[data-v-631b02ec] {
+.content[data-v-35b9944f] {
   padding: 8px;
   margin-top: 5px;
   font-size: 14px;
@@ -8509,7 +8509,7 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
 }
 .button[data-v-6cdda61e] {
   margin-left: 12px;
-}.ai-subtitles[data-v-c187363f] {
+}.ai-subtitles[data-v-cacf47e3] {
   position: absolute;
   bottom: 80px;
   left: 50%;

package/lib/preConference.vue2.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const index = require("./components/RoomHeader/UserInfo/index.vue.js");
-const index$1 = require("./components/RoomHome/RoomControl/index.vue.js");
+const index$1 = require("./components/RoomHeader/UserInfo/index.vue.js");
+const index$2 = require("./components/RoomHome/RoomControl/index.vue.js");
 const Language_vue_vue_type_script_setup_true_lang = require("./components/common/Language.vue.js");
 const SwitchTheme_vue_vue_type_script_setup_true_lang = require("./components/common/SwitchTheme.vue.js");
 require("./services/main.js");
@@ -16,7 +16,7 @@ require("@tencentcloud/tui-core");
 const environment = require("./utils/environment.js");
 const ScheduleRoomList = require("./components/ScheduleConference/ScheduleRoomList.vue.js");
 const Logo = require("./components/common/Logo.vue.js");
-const index$2 = require("./components/common/base/MessageBox/index.js");
+const index = require("./components/common/base/MessageBox/index.js");
 const Message = require("./components/common/base/Message/Message.js");
 const InvitationNotification = require("./components/RoomInvite/InvitationNotification.vue.js");
 const _hoisted_1 = { class: "header" };
@@ -75,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         callback = () => {
         }
       } = data;
-      index$2.default({
+      index.default({
         title,
         message,
         duration,
@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           ]),
           Vue.createElementVNode("div", _hoisted_3, [
             Vue.createVNode(Language_vue_vue_type_script_setup_true_lang.default, { class: "header-item language" }),
-            Vue.createVNode(index.default, {
+            Vue.createVNode(index$1.default, {
               class: "header-item user-info",
               "user-id": props.userInfo.userId,
               "user-name": props.userInfo.userName,
@@ -122,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             }, null, 8, ["user-id", "user-name", "avatar-url", "is-show-edit-name"])
           ])
         ]),
-        Vue.unref(environment.isMobile) ? (Vue.openBlock(), Vue.createBlock(index$1.default, {
+        Vue.unref(environment.isMobile) ? (Vue.openBlock(), Vue.createBlock(index$2.default, {
           key: 0,
           ref_key: "roomControlRef",
           ref: roomControlRef,
@@ -136,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             [Vue.vShow, props.isShowLogo]
           ]),
           Vue.createElementVNode("div", _hoisted_5, [
-            Vue.createVNode(index$1.default, {
+            Vue.createVNode(index$2.default, {
               ref_key: "roomControlRef",
               ref: roomControlRef,
               "given-room-id": props.roomId,

package/lib/stores/room.js

@@ -412,9 +412,6 @@ const useRoomStore = pinia.defineStore("room", {
     updateVideoQuality(quality) {
       this.localVideoQuality = quality;
     },
-    setLocalUser(obj) {
-      Object.assign(this.localUser, obj);
-    },
     setDeviceList(type, deviceList) {
       switch (type) {
         case TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/roomkit-electron-vue3",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@tencentcloud/chat": "latest",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-electron": "^2.7.1",
+    "@tencentcloud/tuiroom-engine-electron": "^2.7.2",
     "@tencentcloud/chat-uikit-engine": "2.2.7",
     "@tencentcloud/chat-uikit-vue": "2.2.7",
     "@tencentcloud/universal-api": "^2.0.9",

package/src/TUIRoom/components/AITools/AISubtitles.vue

@@ -32,7 +32,7 @@ const handleAISubtitles = (data?: AITaskEvent[AI_TASK.TRANSCRIPTION_TASK]) => {
 };
 
 onMounted(() => {
-  roomService.dataReportManager.reportCount(MetricsKey.AITask);
+  roomService.dataReportManager.reportCount(MetricsKey.aiTask);
   roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
 });
 

package/src/TUIRoom/components/AITools/AITranscription.vue

@@ -116,7 +116,7 @@ const handleAITranscriptionTask = async (data?: {
   rawTranscribedMessageList.value = [...data.transcribedMessageList];
 };
 onMounted(() => {
-  roomService.dataReportManager.reportCount(MetricsKey.AITask);
+  roomService.dataReportManager.reportCount(MetricsKey.aiTask);
   roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAITranscriptionTask);
 });
 onUnmounted(() => {

package/src/TUIRoom/components/RoomHeader/UserInfo/index.vue

@@ -97,11 +97,8 @@ const props = defineProps<{
   isShowEditName?: boolean;
 }>();
 
-/**
- * Save the new userName
- *
- **/
 async function saveUserName(userName: string) {
+  const { userId } = props;
   if (userName.length === 0) {
     TUIMessage({
       type: 'warning',
@@ -115,7 +112,7 @@ async function saveUserName(userName: string) {
     avatarUrl: roomStore.localUser.avatarUrl || '',
   });
   basicStore.setUserName(userName);
-  roomStore.setLocalUser({ userName });
+  roomStore.updateUserInfo({ userId, userName });
   emits('update-user-name', userName);
   closeUserNameEditor();
 }

package/src/TUIRoom/stores/room.ts

@@ -530,9 +530,6 @@ export const useRoomStore = defineStore('room', {
     updateVideoQuality(quality: TUIVideoQuality) {
       this.localVideoQuality = quality;
     },
-    setLocalUser(obj: Record<string, any>) {
-      Object.assign(this.localUser, obj);
-    },
     setDeviceList(
       type: TUIMediaDeviceType,
       deviceList: { deviceId: string; deviceName: string }[]