@tencentcloud/roomkit-electron-vue3 2.8.2 → 2.9.0

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock, withDirectives, createVNode, unref, withCtx, vShow } from "vue";
+import { defineComponent, ref, createElementBlock, openBlock, withDirectives, createVNode, unref, withCtx, vShow } from "vue";
 import IconButton from "./base/IconButton.vue.mjs";
 import MessageBox from "./base/MessageBox/index.mjs";
 import AudioSettingTab from "./AudioSettingTab.vue.mjs";
@@ -62,7 +62,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["title", "has-more", "disabled", "is-not-support"]),
           withDirectives(createVNode(AudioSettingTab, {
-            theme: "white",
             class: "audio-tab",
             "audio-volume": _ctx.audioVolume
           }, null, 8, ["audio-volume"]), [

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

@@ -1,11 +1,10 @@
 import { SettingMode } from '../../constants/render';
-
 interface Props {
     mode?: SettingMode;
     audioVolume?: number;
     theme?: string;
 }
-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/common/AudioSettingTab.vue.mjs

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref, createVNode, createBlock, withCtx, createTextVNode, createCommentVNode, Fragment, renderList } from "vue";
+import { defineComponent, computed, ref, onBeforeUnmount, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, unref, createVNode, createBlock, withCtx, createTextVNode, Fragment, renderList, normalizeClass } from "vue";
 import DeviceSelect from "./DeviceSelect.vue.mjs";
 import { useRoomStore } from "../../stores/room.mjs";
 import { SettingMode } from "../../constants/render.mjs";
@@ -8,18 +8,19 @@ 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 = {
+const _hoisted_1 = { class: "audio-setting-tab" };
+const _hoisted_2 = { class: "item-setting" };
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "flex" };
+const _hoisted_5 = { class: "item-setting" };
+const _hoisted_6 = { class: "title" };
+const _hoisted_7 = { class: "mic-bar-container" };
+const _hoisted_8 = {
   key: 0,
   class: "item-setting"
 };
-const _hoisted_8 = { class: "title" };
-const _hoisted_9 = { class: "flex" };
+const _hoisted_9 = { class: "title" };
+const _hoisted_10 = { class: "flex" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AudioSettingTab",
   props: {
@@ -39,9 +40,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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;
@@ -92,12 +90,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("Mic")), 1),
+          createElementVNode("div", _hoisted_4, [
             createVNode(DeviceSelect, {
               class: "select",
               "device-type": "microphone"
@@ -115,9 +111,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ])
         ]),
-        createElementVNode("div", _hoisted_4, [
-          createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("Output")), 1),
-          createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("Output")), 1),
+          createElementVNode("div", _hoisted_7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(volumeTotalNum.value).fill(""), (item, index) => {
               return openBlock(), createElementBlock("div", {
                 key: index,
@@ -129,9 +125,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ])
         ]),
-        unref(speakerList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-          createElementVNode("span", _hoisted_8, toDisplayString(unref(t)("Speaker")), 1),
-          createElementVNode("div", _hoisted_9, [
+        unref(speakerList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          createElementVNode("span", _hoisted_9, toDisplayString(unref(t)("Speaker")), 1),
+          createElementVNode("div", _hoisted_10, [
             createVNode(DeviceSelect, {
               class: "select",
               "device-type": "speaker",
@@ -150,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true)
-      ], 2);
+      ]);
     };
   }
 });

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

@@ -1,7 +1,7 @@
 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>>>, {}, {}>;
+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/common/Avatar.vue.mjs

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, computed, ref, createElementBlock, openBlock, createElementVNode } from "vue";
 import defaultAvatar from "../../assets/imgs/avatar.png.mjs";
 const _hoisted_1 = { class: "avatar-container" };
 const _hoisted_2 = ["src"];

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

@@ -3,7 +3,7 @@ interface Props {
     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>>>, {}, {}>;
+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/common/DeviceSelect.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList } from "vue";
+import { defineComponent, ref, watch, createBlock, openBlock, withCtx, createElementBlock, Fragment, renderList } from "vue";
 import { useRoomStore } from "../../stores/room.mjs";
 import { storeToRefs } from "pinia";
 import TuiSelect from "./base/Select/index.vue.mjs";

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, unref, openBlock, createBlock, createCommentVNode } from "vue";
+import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock } from "vue";
 import IconButton from "./base/IconButton.vue.mjs";
 import { IconButtonLayout } from "../../constants/room.mjs";
 import LanguageIcon from "./icons/LanguageIcon.vue.mjs";

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

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

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

@@ -1,15 +1,16 @@
-import { defineComponent, computed, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createElementVNode, normalizeClass } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, unref, createVNode, createElementVNode, normalizeClass } from "vue";
 import i18n from "../../locales/index.mjs";
 import { isMobile } from "../../utils/environment.mjs";
+import SvgIcon from "./base/SvgIcon.vue.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";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 const _hoisted_1 = { class: "logo-container" };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
@@ -22,23 +23,28 @@ const _hoisted_6 = { class: "logo" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Logo",
   setup(__props) {
+    const { theme } = useUIKit();
     const basicStore = useBasicStore();
     const { defaultTheme } = storeToRefs(basicStore);
     const isEN = computed(() => i18n.global.locale.value === "en-US");
     const isZH = computed(() => i18n.global.locale.value === "zh-CN");
-    const isBlackTheme = computed(() => defaultTheme.value === "black");
-    const isWhiteTheme = computed(() => defaultTheme.value === "white");
+    const isDarkTheme = computed(
+      () => theme.value ? theme.value === "dark" : defaultTheme.value === "dark"
+    );
+    const isLightTheme = computed(
+      () => theme.value ? theme.value === "light" : defaultTheme.value === "light"
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !unref(isMobile) && isZH.value && isBlackTheme.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        !unref(isMobile) && isZH.value && isDarkTheme.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(SvgIcon, { icon: LogoOfPCInChineseBlackIcon })
         ])) : createCommentVNode("", true),
-        !unref(isMobile) && isZH.value && isWhiteTheme.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        !unref(isMobile) && isZH.value && isLightTheme.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"])
+            class: normalizeClass(["logo", isLightTheme.value ? "light" : "dark"])
           }, [
             createVNode(SvgIcon, { icon: LogoOfMobileInChinese })
           ], 2),
@@ -54,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(SvgIcon, { icon: LogoInEnglish })
           ]),
           createElementVNode("span", {
-            class: normalizeClass(["title", isWhiteTheme.value ? "white" : "black"])
+            class: normalizeClass(["title", isLightTheme.value ? "light" : "dark"])
           }, [
             createVNode(SvgIcon, { icon: LogoTitleInEnglish })
           ], 2)

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createElementBlock, toDisplayString } from "vue";
+import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, toDisplayString } from "vue";
 const _hoisted_1 = { class: "timing" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RoomTime",

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

@@ -1,9 +1,9 @@
 interface Props {
     visible?: boolean;
 }
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+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>, {
+}>, {}, 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;

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

@@ -1,39 +1,7 @@
-import { defineComponent, 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 { useI18n } from "../../locales/index.mjs";
-import "../../services/main.mjs";
-import { roomService } from "../../services/roomService.mjs";
-import "@tencentcloud/tuiroom-engine-electron";
-import "../../utils/environment.mjs";
-import "mitt";
-import "../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SwitchTheme",
-  props: {
-    visible: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const basicStore = useBasicStore();
-    const { t } = useI18n();
-    const switchThemeConfig = roomService.getComponentConfig("SwitchTheme");
-    function handleSwitchTheme() {
-      roomService.setTheme(basicStore.defaultTheme === "white" ? "black" : "white");
-    }
-    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);
-    };
-  }
-});
+import _sfc_main from "./SwitchTheme.vue2.mjs";
+/* empty css                  */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const SwitchTheme = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c70c38ee"]]);
 export {
-  _sfc_main as default
+  SwitchTheme as default
 };

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

@@ -1,4 +1,116 @@
-import _sfc_main from "./SwitchTheme.vue.mjs";
+import { defineComponent, ref, withDirectives, createElementBlock, openBlock, createBlock, createCommentVNode, unref, createElementVNode, toDisplayString } from "vue";
+import IconButton from "./base/IconButton.vue.mjs";
+import SwitchThemeIcon from "./icons/SwitchThemeIcon.vue.mjs";
+import { IconButtonLayout } from "../../constants/room.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import { isMobile } from "../../utils/environment.mjs";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
+import { useBasicStore } from "../../stores/basic.mjs";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import vClickOutside from "../../directives/vClickOutside.mjs";
+const _hoisted_1 = { class: "theme-container" };
+const _hoisted_2 = {
+  key: 1,
+  class: "switch-theme-container"
+};
+const _hoisted_3 = { class: "switch-theme-item" };
+const _hoisted_4 = { class: "color-blocks two-blocks" };
+const _hoisted_5 = { class: "switch-theme-item" };
+const _hoisted_6 = { class: "color-blocks four-blocks" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SwitchTheme",
+  props: {
+    visible: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const { t } = useI18n();
+    const basicStore = useBasicStore();
+    const { theme, setTheme } = useUIKit();
+    const isShowThemeColorContainer = ref(false);
+    const switchThemeConfig = roomService.getComponentConfig("SwitchTheme");
+    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);
+      }
+    }
+    function toggleCustomTheme(newTheme) {
+      if (!theme.value) {
+        roomService.setTheme(newTheme);
+        return;
+      }
+      const isBaseTheme = newTheme === "light" || newTheme === "dark";
+      const themeConfig = isBaseTheme ? newTheme : { themeStyle: theme.value, primaryColor: newTheme };
+      setTheme(themeConfig);
+    }
+    function handleClickOutSide() {
+      if (isShowThemeColorContainer.value) {
+        isShowThemeColorContainer.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        _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),
+        isShowThemeColorContainer.value && !unref(isMobile) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("span", null, toDisplayString(unref(t)("Theme Colours")), 1),
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", {
+                class: "color-block black",
+                onClick: _cache[0] || (_cache[0] = ($event) => toggleCustomTheme("dark"))
+              }),
+              createElementVNode("div", {
+                class: "color-block white",
+                onClick: _cache[1] || (_cache[1] = ($event) => toggleCustomTheme("light"))
+              })
+            ])
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("span", null, toDisplayString(unref(t)("Custom Themes")), 1),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", {
+                class: "color-block theme",
+                onClick: _cache[2] || (_cache[2] = ($event) => toggleCustomTheme("theme"))
+              }),
+              createElementVNode("div", {
+                class: "color-block green",
+                onClick: _cache[3] || (_cache[3] = ($event) => toggleCustomTheme("green"))
+              }),
+              createElementVNode("div", {
+                class: "color-block red",
+                onClick: _cache[4] || (_cache[4] = ($event) => toggleCustomTheme("red"))
+              }),
+              createElementVNode("div", {
+                class: "color-block orange",
+                onClick: _cache[5] || (_cache[5] = ($event) => toggleCustomTheme("orange"))
+              })
+            ])
+          ])
+        ])) : createCommentVNode("", true)
+      ])), [
+        [unref(vClickOutside), handleClickOutSide]
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -3,13 +3,13 @@ interface Props {
     isMuted: boolean;
     isDisabled?: boolean;
 }
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     hasMore: boolean;
     isMuted: undefined;
     isDisabled: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     hasMore: boolean;
     isMuted: undefined;
     isDisabled: boolean;

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, withDirectives, createVNode, unref, withCtx, vShow } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, withDirectives, createVNode, unref, withCtx, vShow } from "vue";
 import IconButton from "./base/IconButton.vue.mjs";
 import MessageBox from "./base/MessageBox/index.mjs";
 import SvgIcon from "./base/SvgIcon.vue.mjs";
@@ -62,8 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["title", "has-more", "disabled", "is-not-support"]),
           withDirectives(createVNode(VideoSettingTab, {
             class: "video-tab",
-            "with-mirror": true,
-            theme: "white"
+            "with-mirror": true
           }, null, 512), [
             [vShow, showVideoSettingTab.value]
           ])

package/es/components/common/VideoProfile.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/common/VideoProfile.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, openBlock, createBlock, unref, isRef, withCtx, createElementBlock, Fragment, renderList } from "vue";
+import { defineComponent, computed, watch, createBlock, openBlock, unref, isRef, withCtx, createElementBlock, Fragment, renderList } from "vue";
 import { useI18n } from "../../locales/index.mjs";
 import TuiSelect from "./base/Select/index.vue.mjs";
 import TuiOption from "./base/Option/index.vue.mjs";

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

@@ -2,9 +2,9 @@ interface Props {
     withPreview?: boolean;
     withMore?: boolean;
     withMirror?: boolean;
-    theme?: 'white' | 'black';
+    theme?: 'light' | 'dark';
 }
-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/common/VideoSettingTab.vue.mjs

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