@tencentcloud/roomkit-electron-vue3 2.9.0 → 3.0.0

package/es/components/ScheduleConference/ScheduleConferencePanel/index.vue2.mjs

@@ -158,7 +158,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     const editParams = computed(() => {
-      if (!props.conferenceInfo) return {};
+      if (!props.conferenceInfo)
+        return {};
       const {
         basicRoomInfo,
         scheduleAttendees,
@@ -223,7 +224,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return true;
     };
     const timeCheck = () => {
-      if (!props.visible) return true;
+      if (!props.visible)
+        return true;
       const { timezone, startDate: startDate2, startTime: startTime2 } = form.value;
       const scheduleStartTime = convertToTimestamp(startDate2, startTime2, timezone);
       const currentDate = /* @__PURE__ */ new Date();
@@ -238,7 +240,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return result;
     };
     const roomNameCheck = () => {
-      if (!props.visible) return true;
+      if (!props.visible)
+        return true;
       if (form.value.roomName === "") {
         roomService.emit(EventType.ROOM_NOTICE_MESSAGE, {
           type: "warning",
@@ -255,7 +258,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const roomStatusCheck = () => {
       var _a;
-      if (!props.visible) return true;
+      if (!props.visible)
+        return true;
       const isNotStarted = ((_a = props.conferenceInfo) == null ? void 0 : _a.status) === TUIConferenceStatus.kConferenceStatusNotStarted;
       !isNotStarted && roomService.emit(EventType.ROOM_NOTICE_MESSAGE, {
         type: "warning",
@@ -320,7 +324,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       contactsVisible.value = true;
     };
     const searchScheduleAttend = (v) => {
-      if (!v) return [];
+      if (!v)
+        return [];
       return contacts.value.filter(
         (user) => (user == null ? void 0 : user.profile.nick.includes(v)) || (user == null ? void 0 : user.userID.includes(v))
       );
@@ -348,10 +353,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     let scheduleConferenceInProgress = false;
     const scheduleConference = async () => {
-      if (scheduleConferenceInProgress) return;
-      if (!timeCheck()) return;
-      if (!roomNameCheck()) return;
-      if (!roomPasswordCheck()) return;
+      if (scheduleConferenceInProgress)
+        return;
+      if (!timeCheck())
+        return;
+      if (!roomNameCheck())
+        return;
+      if (!roomPasswordCheck())
+        return;
       scheduleConferenceInProgress = true;
       try {
         roomId.value = await roomService.scheduleConferenceManager.generateRoomId();
@@ -401,12 +410,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const updateConferenceInfo = async () => {
       var _a;
-      if (!roomStatusCheck()) return;
-      if (!timeCheck()) return;
-      if (!roomNameCheck()) return;
+      if (!roomStatusCheck())
+        return;
+      if (!timeCheck())
+        return;
+      if (!roomNameCheck())
+        return;
       try {
         const roomId2 = (_a = props.conferenceInfo) == null ? void 0 : _a.basicRoomInfo.roomId;
-        if (!roomId2) return;
+        if (!roomId2)
+          return;
         const { roomName, scheduleStartTime, scheduleEndTime, scheduleAttendees } = scheduleParams.value;
         await roomService.scheduleConferenceManager.updateConferenceInfo({
           roomId: roomId2,

package/es/components/ScheduleConference/ScheduleConferencePanel/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/ScheduleConference/ScheduleRoomControl.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./ScheduleRoomControl.vue2.mjs";
-/* empty css                          */
+import "./ScheduleRoomControl.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const ScheduleRoomControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9fac0c7f"]]);
 export {

package/es/components/ScheduleConference/ScheduleRoomControl.vue2.mjs

@@ -332,7 +332,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       invitePanelShow.value = !invitePanelShow.value;
     };
     const showDetail = () => {
-      if (!isMobile) return;
+      if (!isMobile)
+        return;
       handleFetchRoomInfo();
       emit("show-more", { roomId: props.item.basicRoomInfo.roomId });
       viewDetails.value.func();

package/es/components/ScheduleConference/ScheduleRoomControl.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/ScheduleConference/ScheduleRoomList.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./ScheduleRoomList.vue2.mjs";
-/* empty css                       */
+import "./ScheduleRoomList.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const ScheduleRoomList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fca18d56"]]);
 export {

package/es/components/ScheduleConference/ScheduleRoomList.vue2.mjs

@@ -91,7 +91,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         cursor,
         count: 20
       });
-      if (!(res == null ? void 0 : res.attendeeList)) return [];
+      if (!(res == null ? void 0 : res.attendeeList))
+        return [];
       result.push(...(res == null ? void 0 : res.attendeeList) || []);
       if (res.cursor !== "") {
         await fetchAttendeeList(roomId, res.cursor, result);

package/es/components/ScheduleConference/ScheduleRoomList.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/ScheduleConference/ShareLink.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./ShareLink.vue2.mjs";
-/* empty css                */
+import "./ShareLink.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const TuiShareLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fc091117"]]);
 export {

package/es/components/ScheduleConference/ShareLink.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/Stream/MultiStreamView/index.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.mjs";
-/* empty css            */
+import "./index.vue3.mjs";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const MultiStreamView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e766292e"]]);
 export {

package/es/components/Stream/MultiStreamView/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/Stream/common/LocalScreenView/index.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.mjs";
-/* empty css            */
+import "./index.vue3.mjs";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const LocalScreenView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c18ba685"]]);
 export {

package/es/components/Stream/common/LocalScreenView/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/Stream/common/StreamCover/index.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.mjs";
-/* empty css            */
+import "./index.vue3.mjs";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const StreamCover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3efe95a7"]]);
 export {

package/es/components/Stream/common/StreamCover/index.vue2.mjs

@@ -6,6 +6,7 @@ import SvgIcon from "../../../common/base/SvgIcon.vue.mjs";
 import UserIcon from "../../../common/icons/UserIcon.vue.mjs";
 import { useI18n } from "../../../../locales/index.mjs";
 import { TUIVideoStreamType, TUIRole } from "@tencentcloud/tuiroom-engine-electron";
+import { isInnerScene } from "../../../../utils/constants.mjs";
 import ScreenOpenIcon from "../../../common/icons/ScreenOpenIcon.vue.mjs";
 import { isPC, isMobile } from "../../../../utils/environment.mjs";
 import { storeToRefs } from "pinia";
@@ -35,6 +36,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { userVolumeObj } = storeToRefs(roomStore);
     const userInfo = computed(() => roomStore.userInfoObj[props.streamInfo.userId]);
     const displayName = computed(() => {
+      if (isInnerScene) {
+        return `${roomStore.getDisplayName(props.streamInfo.userId)} | ${props.streamInfo.userId}`;
+      }
       return roomStore.getDisplayName(props.streamInfo.userId);
     });
     const showMasterIcon = computed(() => {

package/es/components/Stream/common/StreamCover/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/Stream/common/StreamList/index.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.mjs";
-/* empty css            */
+import "./index.vue3.mjs";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const StreamList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98fb6ce5"]]);
 export {

package/es/components/Stream/common/StreamList/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/Stream/common/StreamPlay/index.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.mjs";
-/* empty css            */
+import "./index.vue3.mjs";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const StreamPlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8eda9173"]]);
 export {

package/es/components/Stream/common/StreamPlay/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/Stream/common/StreamRegion/index.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue2.mjs";
-/* empty css            */
+import "./index.vue3.mjs";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const StreamRegion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41aff17f"]]);
 export {

package/es/components/Stream/common/StreamRegion/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/Whiteboard/ToolBox/Arrow/index.vue.mjs

@@ -3,7 +3,7 @@ import { useI18n } from "../../../../locales/index.mjs";
 import { DrawingTool } from "../../type.mjs";
 import IconButton from "../../../common/base/IconButton.vue.mjs";
 import vClickOutside from "../../../../directives/vClickOutside.mjs";
-/* empty css                       */
+import "../whiteboard-tool.scss.mjs";
 import ArrowIcon from "../Icon/ArrowIcon.vue.mjs";
 import SizeSmall from "../Image/SizeSmall.svg.mjs";
 import SizeMid from "../Image/SizeMid.svg.mjs";

package/es/components/Whiteboard/ToolBox/Pencil/index.vue.mjs

@@ -3,7 +3,7 @@ import { useI18n } from "../../../../locales/index.mjs";
 import { DrawingTool } from "../../type.mjs";
 import IconButton from "../../../common/base/IconButton.vue.mjs";
 import vClickOutside from "../../../../directives/vClickOutside.mjs";
-/* empty css                       */
+import "../whiteboard-tool.scss.mjs";
 import PencilIcon from "../Icon/PencilIcon.vue.mjs";
 import SizeSmall from "../Image/SizeSmall.svg.mjs";
 import SizeMid from "../Image/SizeMid.svg.mjs";

package/es/components/Whiteboard/ToolBox/Shape/index.vue.mjs

@@ -3,7 +3,7 @@ import { DrawingTool } from "../../type.mjs";
 import { useI18n } from "../../../../locales/index.mjs";
 import vClickOutside from "../../../../directives/vClickOutside.mjs";
 import IconButton from "../../../common/base/IconButton.vue.mjs";
-/* empty css                       */
+import "../whiteboard-tool.scss.mjs";
 import ShapeIcon from "../Icon/ShapeIcon.vue.mjs";
 import SizeSmall from "../Image/SizeSmall.svg.mjs";
 import SizeMid from "../Image/SizeMid.svg.mjs";

package/es/components/Whiteboard/ToolBox/Text/index.vue.mjs

@@ -3,7 +3,7 @@ import { DrawingTool } from "../../type.mjs";
 import { useI18n } from "../../../../locales/index.mjs";
 import IconButton from "../../../common/base/IconButton.vue.mjs";
 import vClickOutside from "../../../../directives/vClickOutside.mjs";
-/* empty css                       */
+import "../whiteboard-tool.scss.mjs";
 import TextIcon from "../Icon/TextIcon.vue.mjs";
 import SizeIcon1 from "../Image/H1.svg.mjs";
 import SizeIcon2 from "../Image/H2.svg.mjs";

package/es/components/Whiteboard/ToolBox/index.vue2.mjs

@@ -0,0 +1 @@
+

package/es/components/Whiteboard/ToolBox/index.vue3.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue.mjs";
-/* empty css            */
+import "./index.vue2.mjs";
 export {
   _sfc_main as default
 };

package/es/components/Whiteboard/ToolBox/whiteboard-tool.scss.mjs

@@ -0,0 +1 @@
+

package/es/components/Whiteboard/core/historyManager.mjs

@@ -1,6 +1,9 @@
 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);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import { inject } from "vue";
 import { ipcRenderer } from "electron";
 import bus from "../../../hooks/useMitt.mjs";
@@ -16,7 +19,8 @@ class HistoryManager extends EventEmitter {
     this.setupIpcListeners();
   }
   renderCanvas(data) {
-    if (!this.canvas) return;
+    if (!this.canvas)
+      return;
     this.canvas.loadFromJSON(data, () => {
       var _a;
       (_a = this.canvas) == null ? void 0 : _a.renderAll();
@@ -24,20 +28,23 @@ class HistoryManager extends EventEmitter {
   }
   undo() {
     bus.emit("exitTextEditing");
-    if (!this.canvas || this.step === 0) return;
+    if (!this.canvas || this.step === 0)
+      return;
     this.step = this.step - 1;
     this.emit("change-step", this.step);
     this.step === 0 ? this.canvas.clearCanvas() : this.renderCanvas(this.historyList[this.step - 1]);
   }
   redo() {
-    if (!this.canvas || this.step >= this.historyList.length) return;
+    if (!this.canvas || this.step >= this.historyList.length)
+      return;
     const canvasState = this.historyList[this.step];
     this.step = this.step + 1;
     this.emit("change-step", this.step);
     this.renderCanvas(canvasState);
   }
   addToUndoStack() {
-    if (!this.canvas) return;
+    if (!this.canvas)
+      return;
     const data = this.canvas.toJSON();
     if (this.historyList.length !== this.step) {
       this.historyList = this.historyList.slice(0, this.step);

package/es/components/Whiteboard/core/index.mjs

@@ -1,6 +1,9 @@
 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);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import { fabric } from "fabric";
 import EventEmitter from "../emitter.mjs";
 import Arrow from "./arrow.mjs";
@@ -143,7 +146,8 @@ class FabricCanvas extends EventEmitter {
     this.currentShape = null;
   }
   setDrawingTool(tool) {
-    if (this.drawingTool === tool) return;
+    if (this.drawingTool === tool)
+      return;
     this.canvas.isDrawingMode = false;
     this.drawingTool = tool;
     this.canvas.discardActiveObject();
@@ -396,7 +400,8 @@ class FabricCanvas extends EventEmitter {
       return;
     }
     const activeObject = this.canvas.getActiveObject();
-    if (!event.pointer || activeObject) return;
+    if (!event.pointer || activeObject)
+      return;
     this.isDrawing = true;
     const { x, y } = event.pointer;
     this.startX = x;

package/es/components/Whiteboard/core/initControlsRotate.mjs

@@ -49,7 +49,8 @@ function initControlsRotate(canvas) {
   });
   canvas.on("after:render", () => {
     const activeObject = canvas.getActiveObject();
-    if (!activeObject) return;
+    if (!activeObject)
+      return;
     fabric.Object.prototype.controls.mtr.cursorStyle = rotateIcon(
       Number(activeObject.angle.toFixed(2))
     );
@@ -66,7 +67,8 @@ function initControlsRotate(canvas) {
   canvas.on("object:rotating", (event) => {
     var _a;
     const activeObject = canvas.getActiveObject();
-    if (!activeObject) return;
+    if (!activeObject)
+      return;
     const body = canvas.getElement().nextSibling;
     switch ((_a = event.transform) == null ? void 0 : _a.corner) {
       case "mtr":

package/es/components/Whiteboard/emitter.mjs

@@ -1,6 +1,9 @@
 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);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import mitt from "mitt";
 class EventEmitter {
   constructor() {

package/es/components/Whiteboard/index.vue.mjs

@@ -4,7 +4,7 @@ import { DrawingTool, toolCursorStyleMap } from "./type.mjs";
 import FabricCanvas from "./core/index.mjs";
 import HistoryManager from "./core/historyManager.mjs";
 import _sfc_main$1 from "./ToolBox/index.vue.mjs";
-/* empty css                    */
+import "./ToolBox/index.vue2.mjs";
 import { getUrlParam } from "../../utils/utils.mjs";
 import logger from "../../utils/common/logger/index.mjs";
 const _hoisted_1 = { class: "tool-box-out" };

package/es/components/Whiteboard/index.vue2.mjs

@@ -0,0 +1 @@
+

package/es/components/Whiteboard/index.vue3.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./index.vue.mjs";
-/* empty css            */
+import "./index.vue2.mjs";
 export {
   _sfc_main as default
 };

package/es/components/common/ArrowStroke.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./ArrowStroke.vue2.mjs";
-/* empty css                  */
+import "./ArrowStroke.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const ArrowStroke = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5eb1e891"]]);
 export {

package/es/components/common/ArrowStroke.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/common/AudioIcon.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./AudioIcon.vue2.mjs";
-/* empty css                */
+import "./AudioIcon.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const AudioIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32a636d4"]]);
 export {

package/es/components/common/AudioIcon.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/common/AudioMediaControl.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./AudioMediaControl.vue2.mjs";
-/* empty css                        */
+import "./AudioMediaControl.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const AudioMediaControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8722f2f1"]]);
 export {

package/es/components/common/AudioMediaControl.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/common/AudioSettingTab.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./AudioSettingTab.vue2.mjs";
-/* empty css                      */
+import "./AudioSettingTab.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const AudioSettingTab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d686836"]]);
 export {

package/es/components/common/AudioSettingTab.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/common/Avatar.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./Avatar.vue2.mjs";
-/* empty css             */
+import "./Avatar.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const TuiAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-460d4fdf"]]);
 export {

package/es/components/common/Avatar.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/common/DeviceSelect.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./DeviceSelect.vue2.mjs";
-/* empty css                   */
+import "./DeviceSelect.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const DeviceSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-86b2cd04"]]);
 export {

package/es/components/common/DeviceSelect.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/common/Logo.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./Logo.vue2.mjs";
-/* empty css           */
+import "./Logo.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const Logo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-975052b2"]]);
 export {

package/es/components/common/Logo.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/common/RoomTime.vue.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from "./RoomTime.vue2.mjs";
-/* empty css               */
+import "./RoomTime.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const RoomTime = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-108b13c2"]]);
 export {

package/es/components/common/RoomTime.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/common/SwitchTheme.vue.mjs

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

package/es/components/common/SwitchTheme.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, withDirectives, createElementBlock, openBlock, createBlock, createCommentVNode, unref, createElementVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, withDirectives, createElementBlock, openBlock, createBlock, createCommentVNode, unref, createElementVNode, toDisplayString, normalizeClass } from "vue";
 import IconButton from "./base/IconButton.vue.mjs";
 import SwitchThemeIcon from "./icons/SwitchThemeIcon.vue.mjs";
 import { IconButtonLayout } from "../../constants/room.mjs";
@@ -33,18 +33,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { theme, setTheme } = useUIKit();
     const isShowThemeColorContainer = ref(false);
     const switchThemeConfig = roomService.getComponentConfig("SwitchTheme");
+    const currentCustomTheme = ref("theme");
+    const currentTheme = computed(() => theme.value || basicStore.defaultTheme);
     function handleSwitchTheme() {
       if (!isMobile) {
         isShowThemeColorContainer.value = !isShowThemeColorContainer.value;
         return;
       }
-      const currentTheme = theme.value || basicStore.defaultTheme;
-      const newTheme = currentTheme === "light" ? "dark" : "light";
-      if (theme.value) {
-        setTheme(newTheme);
-      } else {
-        roomService.setTheme(newTheme);
-      }
+      const newTheme = currentTheme.value === "light" ? "dark" : "light";
+      theme.value ? setTheme(newTheme) : roomService.setTheme(newTheme);
     }
     function toggleCustomTheme(newTheme) {
       if (!theme.value) {
@@ -54,6 +51,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const isBaseTheme = newTheme === "light" || newTheme === "dark";
       const themeConfig = isBaseTheme ? newTheme : { themeStyle: theme.value, primaryColor: newTheme };
       setTheme(themeConfig);
+      if (!isBaseTheme) {
+        currentCustomTheme.value = newTheme;
+      }
     }
     function handleClickOutSide() {
       if (isShowThemeColorContainer.value) {
@@ -74,34 +74,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, toDisplayString(unref(t)("Theme Colours")), 1),
             createElementVNode("div", _hoisted_4, [
               createElementVNode("div", {
-                class: "color-block black",
+                class: normalizeClass(["color-block black", { active: currentTheme.value === "dark" }]),
                 onClick: _cache[0] || (_cache[0] = ($event) => toggleCustomTheme("dark"))
-              }),
+              }, null, 2),
               createElementVNode("div", {
-                class: "color-block white",
+                class: normalizeClass(["color-block white", { active: currentTheme.value === "light" }]),
                 onClick: _cache[1] || (_cache[1] = ($event) => toggleCustomTheme("light"))
-              })
+              }, null, 2)
             ])
           ]),
           createElementVNode("div", _hoisted_5, [
             createElementVNode("span", null, toDisplayString(unref(t)("Custom Themes")), 1),
             createElementVNode("div", _hoisted_6, [
               createElementVNode("div", {
-                class: "color-block theme",
+                class: normalizeClass([
+                  "color-block theme",
+                  { active: currentCustomTheme.value === "theme" }
+                ]),
                 onClick: _cache[2] || (_cache[2] = ($event) => toggleCustomTheme("theme"))
-              }),
+              }, null, 2),
               createElementVNode("div", {
-                class: "color-block green",
+                class: normalizeClass([
+                  "color-block green",
+                  { active: currentCustomTheme.value === "green" }
+                ]),
                 onClick: _cache[3] || (_cache[3] = ($event) => toggleCustomTheme("green"))
-              }),
+              }, null, 2),
               createElementVNode("div", {
-                class: "color-block red",
+                class: normalizeClass([
+                  "color-block red",
+                  { active: currentCustomTheme.value === "red" }
+                ]),
                 onClick: _cache[4] || (_cache[4] = ($event) => toggleCustomTheme("red"))
-              }),
+              }, null, 2),
               createElementVNode("div", {
-                class: "color-block orange",
+                class: normalizeClass([
+                  "color-block orange",
+                  { active: currentCustomTheme.value === "orange" }
+                ]),
                 onClick: _cache[5] || (_cache[5] = ($event) => toggleCustomTheme("orange"))
-              })
+              }, null, 2)
             ])
           ])
         ])) : createCommentVNode("", true)