@tencentcloud/roomkit-electron-vue3 2.3.3 → 2.4.0

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

@@ -12,46 +12,75 @@ require("../../services/manager/roomActionManager.js");
 const index$1 = require("../common/base/Dialog/index.vue.js");
 const closeVirtualBackground = require("../../assets/imgs/close-virtual-background.png.js");
 const blurredBackground = require("../../assets/imgs/blurred-background.png.js");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-f058868a"), n = n(), Vue.popScopeId(), n);
+const Button = require("../common/base/Button.vue.js");
 const _hoisted_1 = {
   key: 0,
   class: "virtualBackground-control-container"
 };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("div", {
+const _hoisted_2 = {
   id: "stream-preview",
   class: "stream-preview"
-}, null, -1));
-const _hoisted_3 = { class: "setting" };
-const _hoisted_4 = { class: "setting-item-icon" };
-const _hoisted_5 = ["src"];
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "mask"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "spinner"
+};
+const _hoisted_5 = { class: "setting" };
 const _hoisted_6 = { class: "setting-item-icon" };
 const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "setting-item-icon" };
+const _hoisted_9 = ["src"];
+const _hoisted_10 = { class: "footer" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "VirtualBackground",
   setup(__props) {
     const { t } = index.useI18n();
     const componentConfig = roomService.roomService.componentManager.getComponentConfig("VirtualBackground");
-    const currentVirtualBackground = Vue.ref("close");
+    const isAllowed = Vue.computed(() => roomService.roomService.roomStore.localStream.hasVideoStream);
+    const appliedBackground = Vue.ref("close");
+    const selectedBackground = Vue.ref("close");
     const isDialogVisible = Vue.ref(false);
+    const isLoading = Vue.ref(false);
     const openSettingPanel = async () => {
       var _a;
       roomService.roomService.virtualBackground.initVirtualBackground();
       isDialogVisible.value = true;
+      isLoading.value = true;
       await Vue.nextTick();
-      (_a = roomService.roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({ view: "stream-preview" });
+      await ((_a = roomService.roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({ view: "stream-preview" }));
+      await applyVirtualBackground(appliedBackground.value);
+      isLoading.value = false;
     };
-    const closeSettingPanel = () => {
+    const closeSettingPanel = async () => {
       var _a;
       isDialogVisible.value = false;
       (_a = roomService.roomService.roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
+      selectedBackground.value = appliedBackground.value;
     };
-    const openBlurredBackground = () => {
-      currentVirtualBackground.value = "blur";
-      roomService.roomService.virtualBackground.toggleVirtualBackground(true);
+    const confirmVirtualBackground = async () => {
+      if (!isAllowed.value)
+        return;
+      appliedBackground.value = selectedBackground.value;
+      closeSettingPanel();
+      if (selectedBackground.value === "blur") {
+        await roomService.roomService.virtualBackground.toggleVirtualBackground(true);
+      }
+      if (selectedBackground.value === "close") {
+        await roomService.roomService.virtualBackground.toggleVirtualBackground(false);
+      }
     };
-    const closeVirtualBackground$1 = () => {
-      currentVirtualBackground.value = "close";
-      roomService.roomService.virtualBackground.toggleVirtualBackground(false);
+    const applyVirtualBackground = async (type) => {
+      isLoading.value = true;
+      try {
+        selectedBackground.value = type;
+        await roomService.roomService.virtualBackground.toggleTestVirtualBackground(type === "blur");
+      } finally {
+        isLoading.value = false;
+      }
     };
     return (_ctx, _cache) => {
       return Vue.unref(componentConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
@@ -66,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }, 8, ["title"]),
         Vue.createVNode(index$1.default, {
           modelValue: isDialogVisible.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isDialogVisible.value = $event),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isDialogVisible.value = $event),
           title: Vue.unref(t)("VirtualBackground"),
           width: "600px",
           modal: true,
@@ -74,33 +103,64 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           onClose: closeSettingPanel
         }, {
           default: Vue.withCtx(() => [
-            _hoisted_2,
-            Vue.createElementVNode("div", _hoisted_3, [
+            Vue.createElementVNode("div", _hoisted_2, [
+              isLoading.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3)) : Vue.createCommentVNode("", true),
+              isLoading.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4)) : Vue.createCommentVNode("", true)
+            ]),
+            Vue.createElementVNode("div", _hoisted_5, [
               Vue.createElementVNode("div", {
-                class: Vue.normalizeClass(["setting-item", currentVirtualBackground.value === "close" ? "active" : ""]),
-                onClick: closeVirtualBackground$1
+                class: Vue.normalizeClass([
+                  "setting-item",
+                  selectedBackground.value === "close" ? "active" : ""
+                ]),
+                onClick: _cache[0] || (_cache[0] = ($event) => applyVirtualBackground("close"))
               }, [
-                Vue.createElementVNode("i", _hoisted_4, [
+                Vue.createElementVNode("i", _hoisted_6, [
                   Vue.createElementVNode("img", {
                     src: Vue.unref(closeVirtualBackground.default),
                     alt: "close",
                     style: { "width": "32px" }
-                  }, null, 8, _hoisted_5)
+                  }, null, 8, _hoisted_7)
                 ]),
                 Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(t)("Close")), 1)
               ], 2),
               Vue.createElementVNode("div", {
-                class: Vue.normalizeClass(["setting-item", currentVirtualBackground.value === "blur" ? "active" : ""]),
-                onClick: openBlurredBackground
+                class: Vue.normalizeClass([
+                  "setting-item",
+                  selectedBackground.value === "blur" ? "active" : ""
+                ]),
+                onClick: _cache[1] || (_cache[1] = ($event) => applyVirtualBackground("blur"))
               }, [
-                Vue.createElementVNode("i", _hoisted_6, [
+                Vue.createElementVNode("i", _hoisted_8, [
                   Vue.createElementVNode("img", {
                     src: Vue.unref(blurredBackground.default),
                     alt: "blurred"
-                  }, null, 8, _hoisted_7)
+                  }, null, 8, _hoisted_9)
                 ]),
                 Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(t)("BlurredBackground")), 1)
               ], 2)
+            ]),
+            Vue.createElementVNode("div", _hoisted_10, [
+              Vue.createVNode(Button.default, {
+                class: "button",
+                disabled: !isAllowed.value,
+                onClick: confirmVirtualBackground
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Save")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              Vue.createVNode(Button.default, {
+                class: "button",
+                type: "primary",
+                onClick: closeSettingPanel
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
+                ]),
+                _: 1
+              })
             ])
           ]),
           _: 1

package/lib/components/RoomFooter/index/index.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
 require("./index.vue3.js");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const RoomFooter = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0175eb1f"]]);
+const RoomFooter = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-cc1a7a3e"]]);
 exports.default = RoomFooter;

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

@@ -15,7 +15,6 @@ const index = require("../EndControl/index.vue.js");
 const SettingControl_vue_vue_type_script_setup_true_lang = require("../SettingControl.vue.js");
 const VirtualBackground = require("../VirtualBackground.vue.js");
 const useMitt = require("../../../hooks/useMitt.js");
-const index$1 = require("../../../utils/aegis/index.js");
 const useRoomFooterHooks = require("./useRoomFooterHooks.js");
 const _hoisted_1 = { class: "footer-container" };
 const _hoisted_2 = { class: "left-container" };
@@ -31,7 +30,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       isAudience
     } = useRoomFooterHooks.default();
     function handleControlClick(name) {
-      index$1.default.reportEvent({ name, ext1: name });
       useMitt.default.emit("experience-communication", name);
     }
     return (_ctx, _cache) => {

package/lib/components/RoomHeader/RoomInfo/useRoomInfoHooks.js

@@ -19,7 +19,7 @@ function useRoomInfo() {
   const basicStore = basic.useBasicStore();
   const roomStore = room.useRoomStore();
   const { roomId, isRoomLinkVisible } = pinia.storeToRefs(basicStore);
-  const { masterUserId } = pinia.storeToRefs(roomStore);
+  const { masterUserId, roomName } = pinia.storeToRefs(roomStore);
   const { t } = index.useI18n();
   const isShowRoomInfo = Vue.ref(false);
   const roomType = Vue.computed(() => roomStore.isFreeSpeakMode ? t("Free Speech Room") : t("On-stage Speaking Room"));
@@ -27,7 +27,7 @@ function useRoomInfo() {
   const roomLinkConfig = roomService.roomService.getComponentConfig("RoomLink");
   const masterUserName = Vue.computed(() => roomStore.getUserName(masterUserId.value) || masterUserId.value);
   const isShowRoomInfoTitle = Vue.computed(() => masterUserName.value);
-  const conferenceTitle = Vue.computed(() => `${masterUserName.value}${t("Quick Meeting")}`);
+  const conferenceTitle = Vue.computed(() => `${roomName.value}`);
   const roomInfoTabList = Vue.computed(() => [
     { id: 1, title: "Host", content: masterUserName.value, copyLink: "", isShowCopyIcon: false, visible: true },
     { id: 2, title: "Room Type", content: roomType.value, copyLink: "", isShowCopyIcon: false, visible: true },

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const LayoutControl_vue_vue_type_script_setup_true_lang = require("./LayoutControl.vue2.js");
 require("./LayoutControl.vue3.js");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const LayoutControl = /* @__PURE__ */ _pluginVue_exportHelper.default(LayoutControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-80cb6f9f"]]);
+const LayoutControl = /* @__PURE__ */ _pluginVue_exportHelper.default(LayoutControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7afa85d3"]]);
 exports.default = LayoutControl;

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

@@ -5,7 +5,6 @@ const render = require("../../../constants/render.js");
 const basic = require("../../../stores/basic.js");
 const room = require("../../../stores/room.js");
 const pinia = require("pinia");
-const index$1 = require("../../../utils/aegis/index.js");
 const index = require("../../../locales/index.js");
 const room$1 = require("../../../constants/room.js");
 const IconButton = require("../../common/base/IconButton.vue.js");
@@ -16,7 +15,7 @@ const roomService = require("../../../services/roomService.js");
 require("@tencentcloud/tuiroom-engine-electron");
 require("mitt");
 require("../../../services/manager/roomActionManager.js");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-80cb6f9f"), n = n(), Vue.popScopeId(), n);
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-7afa85d3"), n = n(), Vue.popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "layout-container"
@@ -48,7 +47,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const layoutControlConfig = roomService.roomService.getComponentConfig("LayoutControl");
     function handleClick(layout2) {
       basicStore.setLayout(layout2);
-      index$1.default.reportEvent({ name: "layout", ext1: layout2 });
     }
     function handleClickLayoutIcon() {
       if (isStreamNumberLessThanTwo.value) {

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const NetworkInfo_vue_vue_type_script_setup_true_lang = require("./NetworkInfo.vue2.js");
 require("./NetworkInfo.vue3.js");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const NetworkInfo = /* @__PURE__ */ _pluginVue_exportHelper.default(NetworkInfo_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7764fd2c"]]);
+const NetworkInfo = /* @__PURE__ */ _pluginVue_exportHelper.default(NetworkInfo_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4b8a18b9"]]);
 exports.default = NetworkInfo;

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

@@ -3,7 +3,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 const basic = require("../../../stores/basic.js");
 const pinia = require("pinia");
-const index$1 = require("../../../utils/aegis/index.js");
 const index = require("../../../locales/index.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const useRoomEngine = require("../../../hooks/useRoomEngine.js");
@@ -67,7 +66,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     });
     function handleClickNetworkIcon() {
       showNetworkInfo.value = !showNetworkInfo.value;
-      index$1.default.reportEvent({ name: "networkInfo", ext1: "networkInfo" });
     }
     function handleClickOutSide() {
       if (showNetworkInfo.value) {

package/lib/components/common/base/MessageBox/index.js

@@ -4,7 +4,9 @@ const Vue = require("vue");
 const index = require("./index.vue.js");
 const MessageBox = ({ title, message, callback, confirmButtonText }) => {
   const container = document.createElement("div");
-  const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.body;
+  const fullscreenElement = document.fullscreenElement || document.getElementById("roomContainer") || document.getElementById("pre-conference-container");
+  if (!fullscreenElement)
+    return;
   fullscreenElement.appendChild(container);
   const onRemove = () => {
     Vue.render(null, container);

package/lib/conference.d.ts

@@ -55,7 +55,7 @@ declare class Conference implements IConference {
         tim?: ChatSDK;
     }): Promise<void>;
     logout(): Promise<void>;
-    getRoomEngine(): any;
+    getRoomEngine(): TUIRoomEngine | null;
     on(eventType: RoomEvent, callback: () => any): void;
     off(eventType: RoomEvent, callback: () => void): void;
     start(roomId: string, params?: StartParams): Promise<void>;

package/lib/conference.vue.js

@@ -4,5 +4,5 @@ const conference_vue_vue_type_script_setup_true_lang = require("./conference.vue
 require("./conference.vue3.js");
 require("./conference.vue4.js");
 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-a415c478"]]);
+const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-66f598bb"]]);
 exports.default = ConferenceMainView;

package/lib/conference.vue2.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const index$1 = require("./components/RoomHeader/index/index.vue.js");
-const index$3 = require("./components/RoomFooter/index/index.vue.js");
+const index = require("./components/RoomHeader/index/index.vue.js");
+const index$2 = require("./components/RoomFooter/index/index.vue.js");
 const index_vue_vue_type_script_setup_true_lang = require("./components/RoomSidebar/index.vue.js");
-const index$2 = require("./components/RoomContent/index.vue.js");
-const index$4 = require("./components/RoomSetting/index.vue.js");
+const index$1 = require("./components/RoomContent/index.vue.js");
+const index$3 = require("./components/RoomSetting/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 index = require("./utils/aegis/index.js");
-const index$5 = require("./components/common/base/MessageBox/index.js");
+const index$4 = 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");
@@ -60,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         callback = () => {
         }
       } = data;
-      index$5.default({
+      index$4.default({
         title,
         message,
         confirmButtonText,
@@ -103,18 +102,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       roomService.roomService.resetStore();
     });
     const { sdkAppId, showHeaderTool } = roomService.roomService.basicStore;
-    Vue.watch(
-      () => sdkAppId,
-      (val) => {
-        if (val) {
-          index.default.setSdkAppId(val);
-          index.default.reportEvent({
-            name: "loaded",
-            ext1: "loaded-success"
-          });
-        }
-      }
-    );
     const tuiRoomClass = Vue.computed(() => {
       const roomClassList = ["tui-room", `tui-theme-${roomService.roomService.basicStore.defaultTheme}`];
       if (environment.isMobile) {
@@ -232,13 +219,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         ref: roomRef,
         class: Vue.normalizeClass(tuiRoomClass.value)
       }, [
-        Vue.withDirectives(Vue.createVNode(index$1.default, {
+        Vue.withDirectives(Vue.createVNode(index.default, {
           class: "header",
           onLogOut: logOut
         }, null, 512), [
           [Vue.vShow, showRoomTool.value && Vue.unref(showHeaderTool)]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$2.default, {
+        Vue.withDirectives(Vue.createVNode(index$1.default, {
           ref_key: "roomContentRef",
           ref: roomContentRef,
           "show-room-tool": showRoomTool.value,
@@ -246,11 +233,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }, null, 8, ["show-room-tool"]), [
           [Vue.unref(vTap.default), handleRoomContentTap]
         ]),
-        Vue.withDirectives(Vue.createVNode(index$3.default, { class: "footer" }, null, 512), [
+        Vue.withDirectives(Vue.createVNode(index$2.default, { class: "footer" }, null, 512), [
           [Vue.vShow, showRoomTool.value]
         ]),
         Vue.createVNode(index_vue_vue_type_script_setup_true_lang.default),
-        Vue.createVNode(index$4.default)
+        Vue.createVNode(index$3.default)
       ], 2)) : Vue.createCommentVNode("", true);
     };
   }

package/lib/constants/room.d.ts

@@ -1,3 +1,5 @@
+import { TRTCVideoResolution } from '@tencentcloud/tuiroom-engine-electron';
+
 export declare enum SpeechMode {
     FREE_SPEECH = "FreeSpeech",
     APPLY_SPEECH = "ApplySpeech"
@@ -13,7 +15,7 @@ export declare enum MediaDeviceState {
     UNAVAILABLE = "UNAVAILABLE"
 }
 export declare const SMALL_VIDEO_ENC_PARAM: {
-    videoResolution: any;
+    videoResolution: TRTCVideoResolution;
     videoFps: number;
     videoBitrate: number;
 };

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");
 require("./RoomMessageCard.vue3.js");
 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-1ec3d8c6"]]);
+const RoomMessageCard = /* @__PURE__ */ _pluginVue_exportHelper.default(RoomMessageCard_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-95ab4274"]]);
 exports.default = RoomMessageCard;

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-1ec3d8c6"), n = n(), Vue.popScopeId(), n);
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-95ab4274"), 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 };
@@ -169,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
               Vue.unref(chatExtension.RoomState).CREATED === roomCardData.value.roomState ? (Vue.openBlock(), Vue.createElementBlock("p", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Meeting in progress")), 1)) : (Vue.openBlock(), Vue.createElementBlock("p", _hoisted_4, Vue.toDisplayString(Vue.unref(t)("Meeting")), 1))
             ], 2),
             Vue.createElementVNode("div", _hoisted_5, [
-              Vue.createElementVNode("div", _hoisted_6, Vue.toDisplayString(`${roomCardData.value.ownerName || roomCardData.value.owner}${Vue.unref(t)("Quick Meeting")}`), 1),
+              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, {

package/lib/extension/chatExtension.js

@@ -210,7 +210,7 @@ const _ChatExtension = class _ChatExtension {
     const chatType = params == null ? void 0 : params.chatType;
     const extension = {
       weight: -1,
-      text: ((_a = this.service) == null ? void 0 : _a.t("quick meeting")) || "快速会议",
+      text: ((_a = this.service) == null ? void 0 : _a.t("quick conference")) || "快速会议",
       icon: "https://qcloudimg.tencent-cloud.cn/raw/148ab10dfe654076b41f0d0945bb82e8.png",
       data: {
         name: "quickRoom"

package/lib/hooks/useDeviceManager.d.ts

@@ -1,8 +1,10 @@
+import { TUIRoomDeviceManager } from '@tencentcloud/tuiroom-engine-electron';
+
 export default function (options?: {
     listenForDeviceChange: boolean;
 }): {
     deviceManager: {
-        instance: any;
+        instance: TUIRoomDeviceManager | null | undefined;
     };
     initMediaDeviceList: () => Promise<void>;
 };

package/lib/hooks/useMasterApplyControl.js

@@ -52,7 +52,7 @@ function useMasterApplyControl() {
       }
     } catch (error) {
       if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
-        Message.default({ type: "warning", message: t("The current number of people on stage has reached the limit") });
+        Message.default({ type: "warning", message: t("The stage is full") });
       } else {
         index$1.default.error("Failure to process a user request", error);
       }
@@ -70,7 +70,7 @@ function useMasterApplyControl() {
       }
     } catch (error) {
       if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
-        Message.default({ type: "warning", message: t("The current number of people on stage has reached the limit") });
+        Message.default({ type: "warning", message: t("The stage is full") });
       } else {
         index$1.default.error("Failed application for consent to go on stage", error);
       }
@@ -91,12 +91,13 @@ function useMasterApplyControl() {
   }
   async function handleAllUserApply(isAgreeOrRejectAllUserApply) {
     var _a;
+    let hasErrorOccurred = false;
     const applyUserList = applyToAnchorList.value.map((item) => ({
       userId: item.userId,
       userName: item.userName,
       applyToAnchorRequestId: item.applyToAnchorRequestId
     }));
-    for (const { userId, userName, applyToAnchorRequestId } of applyUserList) {
+    for (const { applyToAnchorRequestId } of applyUserList) {
       const action = isAgreeOrRejectAllUserApply ? "Agree" : "Reject";
       const actionFailedMessage = `${action} sb on stage failed, please retry`;
       try {
@@ -108,12 +109,15 @@ function useMasterApplyControl() {
           roomStore.removeApplyToAnchorUser(applyToAnchorRequestId);
         }
       } catch (error) {
-        index$1.default.error(actionFailedMessage);
-        Message.default({
-          type: "warning",
-          message: t(`${action} sb on stage failed, please retry`, { name: userName || userId }),
-          duration: message.MESSAGE_DURATION.NORMAL
-        });
+        if (!hasErrorOccurred) {
+          index$1.default.error(actionFailedMessage);
+          Message.default({
+            type: "warning",
+            message: t("The stage is full"),
+            duration: message.MESSAGE_DURATION.NORMAL
+          });
+          hasErrorOccurred = true;
+        }
       }
     }
   }
@@ -215,6 +219,7 @@ function useMasterApplyControl() {
   }
   function handleShowNotification() {
     Vue.watch(applyToAnchorUserIdList, (newVal, oldVal) => {
+      var _a, _b;
       if (newVal.length === oldVal.length && newVal === oldVal) {
         return;
       }
@@ -225,7 +230,8 @@ function useMasterApplyControl() {
       }
       const onlyOneUserTakeStage = newVal.length === 1;
       const firstUser = applyToAnchorList.value[0];
-      const userName = (firstUser == null ? void 0 : firstUser.userName) || (firstUser == null ? void 0 : firstUser.userId);
+      const lastIndex = applyToAnchorList.value.length - 1;
+      const userName = ((_a = applyToAnchorList.value[lastIndex]) == null ? void 0 : _a.userName) || ((_b = applyToAnchorList.value[lastIndex]) == null ? void 0 : _b.userId);
       const message2 = onlyOneUserTakeStage ? `${userName} ${t("Applying for the stage")}` : `${userName} ${t("and so on number people applying to stage", { number: applyToAnchorList.value.length })}`;
       const confirmButtonText = environment.isMobile ? t("Check") : onlyOneUserTakeStage ? t("Agree to the stage") : t("Check");
       const cancelButtonText = environment.isMobile ? void 0 : onlyOneUserTakeStage ? t("Reject") : t("Neglect");

package/lib/hooks/useRoomEngine.d.ts

@@ -1 +1,3 @@
-export default function useGetRoomEngine(): Record<string, any>;
+import { default as TUIRoomEngine } from '@tencentcloud/tuiroom-engine-electron';
+
+export default function useGetRoomEngine(): Record<string, TUIRoomEngine | null>;

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+import { roomService } from './services';
 import { default as RoomMessageCard } from './extension/RoomMessageCard/RoomMessageCard.vue';
 import { conference, RoomEvent } from './conference';
 import { default as TUIRoomEngine } from '@tencentcloud/tuiroom-engine-electron';
@@ -5,5 +6,5 @@ import { default as PreConferenceView } from './preConference.vue';
 import { default as ConferenceMainView } from './conference.vue';
 
 export * from './components/common/base/index';
-export { ConferenceMainView, PreConferenceView, TUIRoomEngine, conference, RoomEvent, RoomMessageCard };
+export { ConferenceMainView, PreConferenceView, TUIRoomEngine, roomService, conference, RoomEvent, RoomMessageCard };
 export default ConferenceMainView;