@tencentcloud/roomkit-electron-vue3 2.3.3

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

@@ -0,0 +1,149 @@
+import { defineComponent, computed, ref, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref, createVNode, createBlock, withCtx, createTextVNode, createCommentVNode, Fragment, renderList } from "vue";
+import DeviceSelect from "./DeviceSelect.vue.mjs";
+import { useRoomStore } from "../../stores/room.mjs";
+import { SettingMode } from "../../constants/render.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import { storeToRefs } from "pinia";
+import { useBasicStore } from "../../stores/basic.mjs";
+import { isElectron } from "../../utils/environment.mjs";
+import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
+import TuiButton from "./base/Button.vue.mjs";
+const _hoisted_1 = { class: "item-setting" };
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = { class: "item-setting" };
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = { class: "mic-bar-container" };
+const _hoisted_7 = {
+  key: 0,
+  class: "item-setting"
+};
+const _hoisted_8 = { class: "title" };
+const _hoisted_9 = { class: "flex" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AudioSettingTab",
+  props: {
+    mode: {},
+    audioVolume: {},
+    theme: {}
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    const settingMode = props.mode || SettingMode.SIMPLE;
+    const isSampleMode = computed(() => settingMode === SettingMode.SIMPLE);
+    const isDetailMode = computed(() => settingMode === SettingMode.DETAIL);
+    const basicStore = useBasicStore();
+    const { userId } = storeToRefs(basicStore);
+    const roomStore = useRoomStore();
+    const { speakerList, userVolumeObj, currentSpeakerId } = storeToRefs(roomStore);
+    const roomEngine = useGetRoomEngine();
+    const trtcCloud = (_a = roomEngine.instance) == null ? void 0 : _a.getTRTCCloud();
+    const themeClass = computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    const volumeTotalNum = computed(() => isDetailMode.value ? 36 : 28);
+    const volumeNum = computed(() => {
+      const volume = props.audioVolume || userVolumeObj.value[userId.value] || 0;
+      return volume * volumeTotalNum.value / 100;
+    });
+    const showVolume = computed(() => isSampleMode.value || isDetailMode.value && isTestingMicrophone.value);
+    const isTestingMicrophone = ref(false);
+    function handleMicrophoneTest() {
+      isTestingMicrophone.value = !isTestingMicrophone.value;
+    }
+    const isTestingSpeaker = ref(false);
+    const audioPlayer = document == null ? void 0 : document.createElement("audio");
+    const { t } = useI18n();
+    async function handleSpeakerTest() {
+      const SPEAKER_TEST_URL = "https://web.sdk.qcloud.com/trtc/electron/download/resources/media/TestSpeaker.mp3";
+      isTestingSpeaker.value = !isTestingSpeaker.value;
+      const isStartSpeakerTest = isTestingSpeaker.value;
+      if (isElectron) {
+        if (isStartSpeakerTest) {
+          trtcCloud == null ? void 0 : trtcCloud.startSpeakerDeviceTest(SPEAKER_TEST_URL);
+        } else {
+          trtcCloud == null ? void 0 : trtcCloud.stopSpeakerDeviceTest();
+        }
+        return;
+      }
+      if (!audioPlayer) {
+        return;
+      }
+      if (isStartSpeakerTest) {
+        await (audioPlayer == null ? void 0 : audioPlayer.setSinkId(currentSpeakerId.value));
+        audioPlayer.src = SPEAKER_TEST_URL;
+        audioPlayer.play();
+      } else {
+        audioPlayer.pause();
+        audioPlayer.currentTime = 0;
+      }
+    }
+    onBeforeUnmount(() => {
+      if (isElectron) {
+        trtcCloud == null ? void 0 : trtcCloud.stopSpeakerDeviceTest();
+        return;
+      }
+      audioPlayer && audioPlayer.pause();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["audio-setting-tab", themeClass.value])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("Mic")), 1),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(DeviceSelect, {
+              class: "select",
+              "device-type": "microphone"
+            }),
+            isDetailMode.value ? (openBlock(), createBlock(TuiButton, {
+              key: 0,
+              class: "button",
+              type: "primary",
+              onClick: handleMicrophoneTest
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(isTestingMicrophone.value ? unref(t)("Stop") : unref(t)("Test")), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("Output")), 1),
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(volumeTotalNum.value).fill(""), (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: normalizeClass(["mic-bar", `${showVolume.value && volumeNum.value > index ? "active" : ""}`])
+              }, null, 2);
+            }), 128))
+          ])
+        ]),
+        unref(speakerList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("span", _hoisted_8, toDisplayString(unref(t)("Speaker")), 1),
+          createElementVNode("div", _hoisted_9, [
+            createVNode(DeviceSelect, {
+              class: "select",
+              "device-type": "speaker",
+              disabled: _ctx.mode === unref(SettingMode).DETAIL
+            }, null, 8, ["disabled"]),
+            isDetailMode.value ? (openBlock(), createBlock(TuiButton, {
+              key: 0,
+              class: "button",
+              type: "primary",
+              onClick: handleSpeakerTest
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(isTestingSpeaker.value ? unref(t)("Stop") : unref(t)("Test")), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

package/es/components/common/Avatar.vue.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    imgSrc?: string | undefined;
+}
+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> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

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

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

@@ -0,0 +1,35 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, createElementVNode } from "vue";
+import defaultAvatar from "../../assets/imgs/avatar.png.mjs";
+const _hoisted_1 = { class: "avatar-container" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Avatar",
+  props: {
+    imgSrc: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const src = computed(() => {
+      if (isError.value) {
+        return defaultAvatar;
+      }
+      return props.imgSrc || defaultAvatar;
+    });
+    const isError = ref(false);
+    function handleError() {
+      isError.value = true;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("img", {
+          class: "avatar",
+          src: src.value,
+          onerror: handleError
+        }, null, 8, _hoisted_2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

package/es/components/common/DeviceSelect.vue.d.ts

@@ -0,0 +1,16 @@
+interface Props {
+    deviceType: string;
+    onChange?: (id: string) => void;
+    disabled?: boolean;
+}
+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> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

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

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

@@ -0,0 +1,107 @@
+import { defineComponent, ref, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList } from "vue";
+import { useRoomStore } from "../../stores/room.mjs";
+import { storeToRefs } from "pinia";
+import TuiSelect from "./base/Select.vue.mjs";
+import TuiOption from "./base/Option.vue.mjs";
+import { TUIMediaDeviceType } from "@tencentcloud/tuiroom-engine-electron";
+import useDeviceManager from "../../hooks/useDeviceManager.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DeviceSelect",
+  props: {
+    deviceType: {},
+    onChange: { type: Function },
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const { deviceManager } = useDeviceManager();
+    const { deviceType, onChange, disabled = false } = __props;
+    const roomStore = useRoomStore();
+    const {
+      cameraList,
+      microphoneList,
+      speakerList,
+      currentCameraId,
+      currentMicrophoneId,
+      currentSpeakerId
+    } = storeToRefs(roomStore);
+    const deviceList = ref(getDeviceList());
+    const currentDeviceId = ref(getInitDeviceId());
+    function getInitDeviceId() {
+      if (deviceType === "camera") {
+        return currentCameraId;
+      }
+      if (deviceType === "microphone") {
+        return currentMicrophoneId;
+      }
+      if (deviceType === "speaker") {
+        return currentSpeakerId;
+      }
+      return "";
+    }
+    function getDeviceList() {
+      if (deviceType === "camera") {
+        return cameraList;
+      }
+      if (deviceType === "microphone") {
+        return microphoneList;
+      }
+      if (deviceType === "speaker") {
+        return speakerList;
+      }
+      return [];
+    }
+    async function handleChange(deviceId) {
+      var _a, _b, _c;
+      onChange && onChange(deviceId);
+      switch (deviceType) {
+        case "camera":
+          await ((_a = deviceManager.instance) == null ? void 0 : _a.setCurrentDevice({
+            type: TUIMediaDeviceType.kMediaDeviceTypeVideoCamera,
+            deviceId
+          }));
+          roomStore.setCurrentCameraId(deviceId);
+          break;
+        case "microphone":
+          await ((_b = deviceManager.instance) == null ? void 0 : _b.setCurrentDevice({
+            type: TUIMediaDeviceType.kMediaDeviceTypeAudioInput,
+            deviceId
+          }));
+          roomStore.setCurrentMicrophoneId(deviceId);
+          break;
+        case "speaker":
+          await ((_c = deviceManager.instance) == null ? void 0 : _c.setCurrentDevice({
+            type: TUIMediaDeviceType.kMediaDeviceTypeAudioOutput,
+            deviceId
+          }));
+          roomStore.setCurrentSpeakerId(deviceId);
+          break;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TuiSelect, {
+        modelValue: currentDeviceId.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentDeviceId.value = $event),
+        placeholder: "placeholder",
+        class: "select",
+        disabled: _ctx.disabled,
+        teleported: false,
+        "popper-append-to-body": false,
+        onChange: handleChange
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(deviceList.value, (item) => {
+            return openBlock(), createBlock(TuiOption, {
+              key: item.deviceId,
+              label: item.deviceName,
+              value: item.deviceId
+            }, null, 8, ["label", "value"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

package/es/components/common/Language.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/common/Language.vue.mjs

@@ -0,0 +1,45 @@
+import { defineComponent, computed, unref, openBlock, createBlock, createCommentVNode } from "vue";
+import IconButton from "./base/IconButton.vue.mjs";
+import { IconButtonLayout } from "../../constants/room.mjs";
+import LanguageIcon from "./icons/LanguageIcon.vue.mjs";
+import { useBasicStore } from "../../stores/basic.mjs";
+import i18n from "../../locales/index.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Language",
+  setup(__props) {
+    const basicStore = useBasicStore();
+    const title = computed(() => basicStore.lang === "en-US" ? "English" : "中文");
+    const languageConfig = roomService.getComponentConfig("Language");
+    const handleChange = () => {
+      switch (i18n.global.locale.value) {
+        case "en-US":
+          i18n.global.locale.value = "zh-CN";
+          basicStore.setLang("zh-CN");
+          localStorage.setItem("tuiRoom-language", "zh-CN");
+          break;
+        case "zh-CN":
+          i18n.global.locale.value = "en-US";
+          basicStore.setLang("en-US");
+          localStorage.setItem("tuiRoom-language", "en-US");
+          break;
+      }
+    };
+    return (_ctx, _cache) => {
+      return unref(languageConfig).visible ? (openBlock(), createBlock(IconButton, {
+        key: 0,
+        title: title.value,
+        layout: unref(IconButtonLayout).HORIZONTAL,
+        icon: LanguageIcon,
+        onClickIcon: handleChange
+      }, null, 8, ["title", "layout"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/es/components/common/Logo.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/common/Logo.vue.mjs

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

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

@@ -0,0 +1,68 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createElementVNode, normalizeClass } from "vue";
+import i18n from "../../locales/index.mjs";
+import { isWeChat, isMobile } from "../../utils/environment.mjs";
+import { useBasicStore } from "../../stores/basic.mjs";
+import { storeToRefs } from "pinia";
+import SvgIcon from "./base/SvgIcon.vue.mjs";
+import LogoOfPCInChineseBlackIcon from "./icons/LogoOfPCInChineseBlackIcon.vue.mjs";
+import LogoOfPCInChineseWhiteIcon from "./icons/LogoOfPCInChineseWhiteIcon.vue.mjs";
+import LogoOfMobileInChinese from "./icons/LogoOfMobileInChinese.vue.mjs";
+import LogoTitleOfMobileInChinese from "./icons/LogoTitleOfMobileInChinese.vue.mjs";
+import LogoInEnglish from "./icons/LogoInEnglish.vue.mjs";
+import LogoTitleInEnglish from "./icons/LogoTitleInEnglish.vue.mjs";
+const _hoisted_1 = { class: "logo-container" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
+  key: 2,
+  class: "mobile-zh-logo"
+};
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = { class: "logo" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Logo",
+  setup(__props) {
+    const basicStore = useBasicStore();
+    const { defaultTheme } = storeToRefs(basicStore);
+    const isEN = computed(() => !isWeChat && i18n.global.locale.value === "en-US");
+    const isZH = computed(() => isWeChat || i18n.global.locale.value === "zh-CN");
+    const isBlackTheme = computed(() => defaultTheme.value === "black");
+    const isWhiteTheme = computed(() => defaultTheme.value === "white");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !unref(isMobile) && isZH.value && isBlackTheme.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(SvgIcon, { icon: LogoOfPCInChineseBlackIcon })
+        ])) : createCommentVNode("", true),
+        !unref(isMobile) && isZH.value && isWhiteTheme.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(SvgIcon, { icon: LogoOfPCInChineseWhiteIcon })
+        ])) : createCommentVNode("", true),
+        unref(isMobile) && isZH.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createElementVNode("span", {
+            class: normalizeClass(["logo", isWhiteTheme.value ? "white" : "black"])
+          }, [
+            createVNode(SvgIcon, { icon: LogoOfMobileInChinese })
+          ], 2),
+          createElementVNode("span", _hoisted_5, [
+            createVNode(SvgIcon, { icon: LogoTitleOfMobileInChinese })
+          ])
+        ])) : createCommentVNode("", true),
+        isEN.value ? (openBlock(), createElementBlock("div", {
+          key: 3,
+          class: normalizeClass(["pc-en-logo", { "mobile": unref(isMobile) }])
+        }, [
+          createElementVNode("span", _hoisted_6, [
+            createVNode(SvgIcon, { icon: LogoInEnglish })
+          ]),
+          createElementVNode("span", {
+            class: normalizeClass(["title", isWhiteTheme.value ? "white" : "black"])
+          }, [
+            createVNode(SvgIcon, { icon: LogoTitleInEnglish })
+          ], 2)
+        ], 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

package/es/components/common/RoomTime.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/common/RoomTime.vue.mjs

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

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

@@ -0,0 +1,31 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createElementBlock, toDisplayString } from "vue";
+const _hoisted_1 = { class: "timing" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RoomTime",
+  setup(__props) {
+    const meetingTime = ref(0);
+    let intervalId = null;
+    const formattedTime = computed(() => {
+      const minutes = Math.floor(meetingTime.value / 60);
+      const seconds = meetingTime.value % 60;
+      return `${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
+    });
+    function startTimer() {
+      intervalId = setInterval(() => {
+        meetingTime.value += 1;
+      }, 1e3);
+    }
+    onMounted(() => {
+      startTimer();
+    });
+    onUnmounted(() => {
+      intervalId && clearInterval(intervalId);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(formattedTime.value), 1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

package/es/components/common/SwitchTheme.vue.d.ts

@@ -0,0 +1,28 @@
+interface Props {
+    visible?: boolean;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    visible: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    visible: boolean;
+}>>>, {
+    visible: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,64 @@
+import { defineComponent, watch, unref, openBlock, createBlock, createCommentVNode } from "vue";
+import IconButton from "./base/IconButton.vue.mjs";
+import SwitchThemeIcon from "./icons/SwitchThemeIcon.vue.mjs";
+import { IconButtonLayout } from "../../constants/room.mjs";
+import { useBasicStore } from "../../stores/basic.mjs";
+import { storeToRefs } from "pinia";
+import { useI18n } from "../../locales/index.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SwitchTheme",
+  props: {
+    visible: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const basicStore = useBasicStore();
+    const { defaultTheme } = storeToRefs(basicStore);
+    const { t } = useI18n();
+    const switchThemeConfig = roomService.getComponentConfig("SwitchTheme");
+    function handleSwitchTheme() {
+      if (defaultTheme.value === "white") {
+        basicStore.setDefaultTheme("black");
+      } else if (defaultTheme.value === "black") {
+        basicStore.setDefaultTheme("white");
+      }
+    }
+    function doSwitchTheme(theme) {
+      switch (theme) {
+        case "black":
+          document.body.classList.remove("tui-theme-white");
+          document.body.classList.add("tui-theme-black");
+          localStorage.setItem("tuiRoom-currentTheme", "black");
+          break;
+        case "white":
+          document.body.classList.remove("tui-theme-black");
+          document.body.classList.add("tui-theme-white");
+          localStorage.setItem("tuiRoom-currentTheme", "white");
+          break;
+      }
+    }
+    const storageCurrentTheme = localStorage.getItem("tuiRoom-currentTheme");
+    if (storageCurrentTheme) {
+      basicStore.setDefaultTheme(storageCurrentTheme);
+    }
+    watch(defaultTheme, (val) => {
+      doSwitchTheme(val);
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      return _ctx.visible && unref(switchThemeConfig).visible ? (openBlock(), createBlock(IconButton, {
+        key: 0,
+        title: unref(t)("Switch Theme"),
+        layout: unref(IconButtonLayout).HORIZONTAL,
+        icon: SwitchThemeIcon,
+        onClickIcon: handleSwitchTheme
+      }, null, 8, ["title", "layout"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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