@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

package/es/components/RoomFooter/ScreenShareControl/Index.vue2.mjs

@@ -1,8 +1,9 @@
 import { defineComponent, ref, computed, onUnmounted, openBlock, createElementBlock, createVNode, normalizeClass, withCtx, createBlock, unref, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { ipcRenderer } from "electron";
 import { storeToRefs } from "pinia";
 import { useI18n } from "../../../locales/index.mjs";
 import IconButton from "../../common/base/IconButton.vue.mjs";
-import TUIRoomEngine, { TUIRoomEvents, TRTCScreenCaptureSourceType } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIRoomEvents, TRTCScreenCaptureSourceType } from "@tencentcloud/tuiroom-engine-electron";
 import ScreenWindowSelectDialog from "./ScreenWindowSelectDialog.vue.mjs";
 import ScreenShareIcon from "../../common/icons/ScreenShareIcon.vue.mjs";
 import StopScreenShareIcon from "../../common/icons/StopScreenShareIcon.vue.mjs";
@@ -14,6 +15,7 @@ import bus from "../../../hooks/useMitt.mjs";
 import Dialog from "../../common/base/Dialog/index.vue.mjs";
 import TuiButton from "../../common/base/Button.vue.mjs";
 import logger from "../../../utils/common/logger/index.mjs";
+import { useBasicStore } from "../../../stores/basic.mjs";
 const _hoisted_1 = { class: "screen-share-control-container" };
 const logPrefix = "[ScreenShareControl]";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,14 +23,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { t } = useI18n();
     const roomStore = useRoomStore();
-    const { isAudience, hasOtherScreenShare } = storeToRefs(roomStore);
+    const basicStore = useBasicStore();
+    const {
+      isAudience,
+      hasOtherScreenShare,
+      isGeneralUser,
+      isScreenShareDisableForAllUser
+    } = storeToRefs(roomStore);
     const roomEngine = useGetRoomEngine();
     const btnStopRef = ref();
     const isSharing = ref(false);
     const showPermissionVisible = ref(false);
     const showStopShareRegion = ref(false);
-    const screenShareDisabled = computed(() => isAudience.value);
-    const title = computed(() => isSharing.value ? t("End sharing") : t("Share screen"));
+    const screenShareDisabled = computed(
+      () => isAudience.value || basicStore.isWhiteboardVisiable
+    );
+    const title = computed(
+      () => isSharing.value ? t("End sharing") : t("Share screen")
+    );
     const selectDialogVisible = ref(false);
     const screenList = ref([]);
     const windowList = ref([]);
@@ -41,7 +53,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (isAudience.value) {
         renderMsg({
           type: "warning",
-          message: t("You currently do not have sharing permission, please raise your hand to apply for sharing permission first"),
+          message: t(
+            "You currently do not have sharing permission, please raise your hand to apply for sharing permission first"
+          ),
           duration: MESSAGE_DURATION.LONG
         });
         return;
@@ -49,7 +63,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (hasOtherScreenShare.value) {
         renderMsg({
           type: "warning",
-          message: t("Another user is currently sharing the screen, screen sharing is not possible."),
+          message: t(
+            "Another user is currently sharing the screen, screen sharing is not possible."
+          ),
+          duration: MESSAGE_DURATION.LONG
+        });
+        return;
+      }
+      if (basicStore.isWhiteboardVisiable) {
+        renderMsg({
+          type: "warning",
+          message: t("You are sharing the screen, please stop sharing first"),
+          duration: MESSAGE_DURATION.LONG
+        });
+        return;
+      }
+      if (isGeneralUser.value && isScreenShareDisableForAllUser.value) {
+        renderMsg({
+          type: "warning",
+          message: t(
+            "Failed to initiate screen sharing, currently only host/admin can share screen."
+          ),
           duration: MESSAGE_DURATION.LONG
         });
         return;
@@ -63,13 +97,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (screen) => screen.type === TRTCScreenCaptureSourceType.TRTCScreenCaptureSourceTypeScreen
           // eslint-disable-line
         );
-        windowList.value = screenCaptureList.filter((screen) => screen.type === TRTCScreenCaptureSourceType.TRTCScreenCaptureSourceTypeWindow);
+        windowList.value = screenCaptureList.filter(
+          (screen) => screen.type === TRTCScreenCaptureSourceType.TRTCScreenCaptureSourceTypeWindow
+        );
         selectDialogVisible.value = true;
       }
     }
     async function onPermissionScreenShare() {
       const { shell } = require("electron");
-      shell.openExternal("x-apple.systempreferences:com.apple.preference.security?Privacy_ScreenCapture");
+      shell.openExternal(
+        "x-apple.systempreferences:com.apple.preference.security?Privacy_ScreenCapture"
+      );
       showPermissionVisible.value = false;
     }
     async function onConfirmScreenShare(screenInfo) {
@@ -77,14 +115,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (hasOtherScreenShare.value) {
         renderMsg({
           type: "warning",
-          message: t("Another user is currently sharing the screen, screen sharing is not possible."),
+          message: t(
+            "Another user is currently sharing the screen, screen sharing is not possible."
+          ),
           duration: MESSAGE_DURATION.LONG
         });
         return;
       }
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.startScreenSharingElectron({ targetId: screenInfo.sourceId }));
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.startScreenSharingElectron({
+        targetId: screenInfo.sourceId
+      }));
       isSharing.value = true;
+      basicStore.setIsSharing(true);
       selectDialogVisible.value = false;
+      if (screenInfo.type === 1) {
+        const { x } = screenInfo;
+        const { y } = screenInfo;
+        basicStore.setIsSharingScreen(true);
+        notifyScreenShareStarted({
+          x,
+          y
+        });
+      } else {
+        basicStore.setIsSharingScreen(false);
+      }
     }
     async function stopScreenShare() {
       var _a;
@@ -93,6 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           await ((_a = roomEngine.instance) == null ? void 0 : _a.stopScreenSharingElectron());
           showStopShareRegion.value = false;
           isSharing.value = false;
+          basicStore.setIsSharing(false);
         } catch (error) {
           logger.error(`${logPrefix}stopScreenShare error:`, error);
         }
@@ -100,16 +155,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function screenCaptureStopped() {
       isSharing.value = false;
+      basicStore.setIsSharing(false);
+      notifyScreenShareStopped();
+    }
+    function notifyScreenShareStarted(param) {
+      ipcRenderer.send("annotation:screen-share-started", param);
+    }
+    function notifyScreenShareStopped() {
+      ipcRenderer.send("annotation:screen-share-stopped");
     }
     bus.on("ScreenShare:stopScreenShare", stopScreenShare);
-    TUIRoomEngine.once("ready", () => {
+    TUIRoomEngine__default.once("ready", () => {
       var _a;
-      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onUserScreenCaptureStopped, screenCaptureStopped);
+      (_a = roomEngine.instance) == null ? void 0 : _a.on(
+        TUIRoomEvents.onUserScreenCaptureStopped,
+        screenCaptureStopped
+      );
     });
     onUnmounted(() => {
       var _a;
       bus.off("ScreenShare:stopScreenShare", stopScreenShare);
-      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onUserScreenCaptureStopped, screenCaptureStopped);
+      (_a = roomEngine.instance) == null ? void 0 : _a.off(
+        TUIRoomEvents.onUserScreenCaptureStopped,
+        screenCaptureStopped
+      );
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -161,7 +230,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(unref(t)("Others will no longer see your screen after you stop sharing. Are you sure you want to stop?")), 1)
+            createElementVNode("span", null, toDisplayString(unref(t)(
+              "Others will no longer see your screen after you stop sharing. Are you sure you want to stop?"
+            )), 1)
           ]),
           _: 1
         }, 8, ["modelValue", "title"]),

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowPreviewer.vue.d.ts

@@ -3,7 +3,7 @@ import { TRTCScreenCaptureSourceInfo } from '@tencentcloud/tuiroom-engine-electr
 interface Props {
     data: TRTCScreenCaptureSourceInfo;
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowPreviewer.vue.mjs

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

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowSelectDialog.vue.d.ts

@@ -5,10 +5,10 @@ interface Props {
     screenList: Array<TRTCScreenCaptureSourceInfo>;
     windowList: Array<TRTCScreenCaptureSourceInfo>;
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-confirm": (...args: any[]) => void;
     "on-close": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onOn-confirm"?: ((...args: any[]) => any) | undefined;
     "onOn-close"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowSelectDialog.vue.mjs

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

package/es/components/RoomFooter/SettingControl.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/RoomFooter/VideoControl.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/es/components/RoomFooter/VideoControl.vue.mjs

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

package/es/components/RoomFooter/VideoControl.vue2.mjs

@@ -7,13 +7,12 @@ import { WARNING_MESSAGE, MESSAGE_DURATION } from "../../constants/message.mjs";
 import { useI18n } from "../../locales/index.mjs";
 import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
 import useDeviceManager from "../../hooks/useDeviceManager.mjs";
-import TUIRoomEngine, { TUIRoomEvents, TUIMediaDeviceType, TUIRequestAction, TUIRole } from "@tencentcloud/tuiroom-engine-electron";
-import { isMobile, isWeChat, isH5 } from "../../utils/environment.mjs";
+import TUIRoomEngine__default, { TUIRoomEvents, TUIMediaDeviceType, TUIRequestAction, TUIRole } from "@tencentcloud/tuiroom-engine-electron";
+import { isMobile, isWeChat } from "../../utils/environment.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 import renderMsg from "../common/base/Message/Message.mjs";
 import MessageBox from "../common/base/MessageBox/index.mjs";
-import { SMALL_VIDEO_ENC_PARAM } from "../../constants/room.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VideoControl",
   emits: ["click"],
@@ -27,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       isCameraDisableForAllUser,
       isAudience,
-      localStream,
+      localUser,
       isLocalVideoIconDisable
     } = storeToRefs(roomStore);
     const { t } = useI18n();
@@ -38,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       toggleMuteVideo();
     }
     async function toggleMuteVideo() {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d;
       if (isLocalVideoIconDisable.value) {
         let warningMessage = "";
         if (isAudience.value) {
@@ -53,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
         return;
       }
-      if (localStream.value.hasVideoStream) {
+      if (localUser.value.hasVideoStream) {
         await ((_a = roomEngine.instance) == null ? void 0 : _a.closeLocalCamera());
         if (roomStore.isCameraDisableForAllUser) {
           roomStore.setCanControlSelfVideo(false);
@@ -71,17 +70,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
           return;
         }
-        (_c = roomEngine.instance) == null ? void 0 : _c.setLocalVideoView({
-          view: `${roomStore.localStream.userId}_${roomStore.localStream.streamType}`
-        });
         if (isMobile) {
-          if (isH5) {
-            const trtcCloud = (_d = roomEngine.instance) == null ? void 0 : _d.getTRTCCloud();
-            trtcCloud.enableSmallVideoStream(false, SMALL_VIDEO_ENC_PARAM);
-          }
-          await ((_e = roomEngine.instance) == null ? void 0 : _e.openLocalCamera({ isFrontCamera: basicStore.isFrontCamera }));
+          await ((_c = roomEngine.instance) == null ? void 0 : _c.openLocalCamera({
+            isFrontCamera: basicStore.isFrontCamera
+          }));
         } else {
-          await ((_f = roomEngine.instance) == null ? void 0 : _f.openLocalCamera());
+          await ((_d = roomEngine.instance) == null ? void 0 : _d.openLocalCamera());
         }
       }
       showVideoSettingTab.value = false;
@@ -92,18 +86,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const { userId, requestAction, requestId } = eventInfo.request;
       if (requestAction === TUIRequestAction.kRequestToOpenRemoteCamera) {
         const userRole = roomStore.getUserRole(userId) === TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
-        dialogContent.value = t("Sb invites you to turn on the camera", { role: userRole });
+        dialogContent.value = t("Sb invites you to turn on the camera", {
+          role: userRole
+        });
         requestOpenCameraRequestId.value = requestId;
         showRequestOpenCameraDialog.value = true;
       }
     }
     async function handleAccept() {
-      var _a, _b;
+      var _a;
       roomStore.setCanControlSelfVideo(true);
-      (_a = roomEngine.instance) == null ? void 0 : _a.setLocalVideoView({
-        view: `${roomStore.localStream.userId}_${roomStore.localStream.streamType}`
-      });
-      await ((_b = roomEngine.instance) == null ? void 0 : _b.responseRemoteRequest({
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
         requestId: requestOpenCameraRequestId.value,
         agree: true
       }));
@@ -125,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         showRequestOpenCameraDialog.value = false;
       }
     }
-    TUIRoomEngine.once("ready", () => {
+    TUIRoomEngine__default.once("ready", () => {
       var _a, _b;
       (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onRequestReceived, onRequestReceived);
       (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
@@ -133,13 +126,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onUnmounted(() => {
       var _a, _b;
       (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onRequestReceived, onRequestReceived);
-      (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+      (_b = roomEngine.instance) == null ? void 0 : _b.off(
+        TUIRoomEvents.onRequestCancelled,
+        onRequestCancelled
+      );
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         createVNode(VideoMediaControl, {
           "has-more": hasMore.value,
-          "is-muted": !unref(localStream).hasVideoStream,
+          "is-muted": !unref(localUser).hasVideoStream,
           "is-disabled": unref(isLocalVideoIconDisable),
           onClick: handleVideoMediaClick
         }, null, 8, ["has-more", "is-muted", "is-disabled"]),

package/es/components/RoomFooter/VirtualBackground.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/RoomFooter/VirtualBackground.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./VirtualBackground.vue2.mjs";
-import "./VirtualBackground.vue3.mjs";
+/* empty css                        */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const VirtualBackground = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-46cc60bc"]]);
+const VirtualBackground = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08657dd7"]]);
 export {
   VirtualBackground as default
 };

package/es/components/RoomFooter/VirtualBackground.vue2.mjs

@@ -38,7 +38,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { t } = useI18n();
     const componentConfig = roomService.componentManager.getComponentConfig("VirtualBackground");
-    const isAllowed = computed(() => roomService.roomStore.localStream.hasVideoStream);
+    const isAllowed = computed(
+      () => roomService.roomStore.localStream.hasVideoStream
+    );
     const appliedBackground = ref("close");
     const selectedBackground = ref("close");
     const isDialogVisible = ref(false);
@@ -49,7 +51,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isDialogVisible.value = true;
       isLoading.value = true;
       await nextTick();
-      await ((_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({ view: "stream-preview" }));
+      await ((_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({
+        view: "stream-preview"
+      }));
       await applyVirtualBackground(appliedBackground.value);
       isLoading.value = false;
     };
@@ -60,8 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selectedBackground.value = appliedBackground.value;
     };
     const confirmVirtualBackground = async () => {
-      if (!isAllowed.value)
-        return;
+      if (!isAllowed.value) return;
       appliedBackground.value = selectedBackground.value;
       closeSettingPanel();
       if (selectedBackground.value === "blur") {
@@ -75,7 +78,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isLoading.value = true;
       try {
         selectedBackground.value = type;
-        await roomService.virtualBackground.toggleTestVirtualBackground(type === "blur");
+        await roomService.virtualBackground.toggleTestVirtualBackground(
+          type === "blur"
+        );
       } finally {
         isLoading.value = false;
       }

package/es/components/RoomFooter/WhiteboardControl.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/RoomFooter/WhiteboardControl.vue.mjs

@@ -0,0 +1,136 @@
+import { defineComponent, computed, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, unref, withCtx, createBlock } from "vue";
+import { TRTCScreenCaptureSourceType } from "@tencentcloud/tuiroom-engine-electron";
+import { storeToRefs } from "pinia";
+import { ipcRenderer } from "electron";
+import IconButton from "../common/base/IconButton.vue.mjs";
+import ScreenShareIcon from "../common/icons/ScreenShareIcon.vue.mjs";
+import StopScreenShareIcon from "../common/icons/StopScreenShareIcon.vue.mjs";
+import renderMsg from "../common/base/Message/Message.mjs";
+import { useRoomStore } from "../../stores/room.mjs";
+import { useBasicStore } from "../../stores/basic.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import bus from "../../hooks/useMitt.mjs";
+import "../../services/main.mjs";
+import { roomService, roomEngine } from "../../services/roomService.mjs";
+import { EventType } from "../../services/types.mjs";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import { MESSAGE_DURATION } from "../../constants/message.mjs";
+const _hoisted_1 = { class: "whiteboard-control-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WhiteboardControl",
+  setup(__props) {
+    const { t } = useI18n();
+    const roomStore = useRoomStore();
+    const basicStore = useBasicStore();
+    const { isAudience, hasOtherScreenShare } = storeToRefs(roomStore);
+    const whiteboardDisabled = computed(
+      () => isAudience.value || basicStore.isSharing
+    );
+    const title = computed(
+      () => basicStore.isWhiteboardVisiable ? t("Close whiteboard") : t("Open whiteboard")
+    );
+    function handleWhiteboardDialog() {
+      if (basicStore.isWhiteboardVisiable) {
+        stopShareWhiteboard();
+      } else {
+        startShareWhiteboard();
+      }
+    }
+    async function startShareWhiteboard() {
+      var _a;
+      if (basicStore.isWhiteboardVisiable) {
+        return;
+      }
+      if (whiteboardDisabled.value) {
+        renderMsg({
+          type: "warning",
+          message: t(
+            "Screen sharing is currently active, cannot start the whiteboard."
+          ),
+          duration: MESSAGE_DURATION.LONG
+        });
+        return;
+      }
+      if (hasOtherScreenShare.value) {
+        renderMsg({
+          type: "warning",
+          message: t(
+            "Another user is currently sharing the screen, screen sharing is not possible."
+          ),
+          duration: MESSAGE_DURATION.LONG
+        });
+        return;
+      }
+      showWhiteboardWindow();
+      const screenAndWindowsList = await ((_a = roomEngine.instance) == null ? void 0 : _a.getScreenSharingTarget());
+      const windowList = screenAndWindowsList.filter(
+        (screen) => screen.type === TRTCScreenCaptureSourceType.TRTCScreenCaptureSourceTypeWindow
+      );
+      windowList.forEach((info) => {
+        var _a2;
+        if (info.sourceName.includes("Whiteboard window")) {
+          (_a2 = roomEngine.instance) == null ? void 0 : _a2.startScreenSharingElectron({
+            targetId: info.sourceId
+          });
+        }
+      });
+      basicStore.setWhiteboardVisiable(true);
+    }
+    function stopShareWhiteboard() {
+      var _a;
+      (_a = roomEngine.instance) == null ? void 0 : _a.stopScreenSharing();
+      basicStore.setWhiteboardVisiable(false);
+      hideAllWhiteboardWindow();
+    }
+    function hideAllWhiteboardWindow() {
+      ipcRenderer.send("annotation:hide");
+      ipcRenderer.send("whiteboard:hide-window");
+    }
+    function showWhiteboardWindow() {
+      ipcRenderer.send("whiteboard:show-window");
+    }
+    ipcRenderer.on("whiteboard:window-closed", () => {
+      stopShareWhiteboard();
+    });
+    ipcRenderer.on("whiteboard:stop-from-whiteboard-window", () => {
+      stopShareWhiteboard();
+    });
+    bus.on("ScreenShare:stopScreenShare", stopShareWhiteboard);
+    onMounted(() => {
+      roomService.on(EventType.KICKED_OUT, stopShareWhiteboard);
+      roomService.on(EventType.USER_SIG_EXPIRED, stopShareWhiteboard);
+      roomService.on(EventType.KICKED_OFFLINE, stopShareWhiteboard);
+      roomService.on(EventType.ROOM_LEAVE, stopShareWhiteboard);
+      roomService.on(EventType.ROOM_DISMISS, stopShareWhiteboard);
+      roomService.on(EventType.USER_LOGOUT, stopShareWhiteboard);
+    });
+    onUnmounted(() => {
+      roomService.off(EventType.KICKED_OUT, stopShareWhiteboard);
+      roomService.off(EventType.USER_SIG_EXPIRED, stopShareWhiteboard);
+      roomService.off(EventType.KICKED_OFFLINE, stopShareWhiteboard);
+      roomService.off(EventType.ROOM_LEAVE, stopShareWhiteboard);
+      roomService.off(EventType.ROOM_DISMISS, stopShareWhiteboard);
+      roomService.off(EventType.USER_LOGOUT, stopShareWhiteboard);
+      roomService.resetStore();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(IconButton, {
+          "is-active": unref(basicStore).isWhiteboardVisiable,
+          title: title.value,
+          disabled: whiteboardDisabled.value,
+          onClickIcon: handleWhiteboardDialog
+        }, {
+          default: withCtx(() => [
+            unref(basicStore).isWhiteboardVisiable ? (openBlock(), createBlock(StopScreenShareIcon, { key: 0 })) : (openBlock(), createBlock(ScreenShareIcon, { key: 1 }))
+          ]),
+          _: 1
+        }, 8, ["is-active", "title", "disabled"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/WhiteboardControl.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./WhiteboardControl.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/index/index.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/RoomFooter/index/index.vue.mjs

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