@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

package/lib/components/common/DeviceSelect.vue2.js

@@ -3,8 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 const room = require("../../stores/room.js");
 const pinia = require("pinia");
-const Select = require("./base/Select.vue.js");
-const Option = require("./base/Option.vue.js");
+const index = require("./base/Select/index.vue.js");
+const index$1 = require("./base/Option/index.vue.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const useDeviceManager = require("../../hooks/useDeviceManager.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
@@ -30,16 +30,49 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const currentDeviceId = Vue.ref(getInitDeviceId());
     function getInitDeviceId() {
       if (deviceType === "camera") {
-        return currentCameraId;
+        return currentCameraId.value;
       }
       if (deviceType === "microphone") {
-        return currentMicrophoneId;
+        return currentMicrophoneId.value;
       }
       if (deviceType === "speaker") {
-        return currentSpeakerId;
+        return currentSpeakerId.value;
       }
       return "";
     }
+    if (deviceType === "camera") {
+      Vue.watch(
+        currentCameraId,
+        (val) => {
+          if (currentDeviceId.value !== val) {
+            currentDeviceId.value = val;
+          }
+        },
+        { immediate: true }
+      );
+    }
+    if (deviceType === "microphone") {
+      Vue.watch(
+        currentMicrophoneId,
+        (val) => {
+          if (currentDeviceId.value !== val) {
+            currentDeviceId.value = val;
+          }
+        },
+        { immediate: true }
+      );
+    }
+    if (deviceType === "speaker") {
+      Vue.watch(
+        currentSpeakerId,
+        (val) => {
+          if (currentDeviceId.value !== val) {
+            currentDeviceId.value = val;
+          }
+        },
+        { immediate: true }
+      );
+    }
     function getDeviceList() {
       if (deviceType === "camera") {
         return cameraList;
@@ -57,30 +90,48 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       onChange && onChange(deviceId);
       switch (deviceType) {
         case "camera":
-          await ((_a = deviceManager.instance) == null ? void 0 : _a.setCurrentDevice({
-            type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera,
-            deviceId
-          }));
-          roomStore.setCurrentCameraId(deviceId);
+          try {
+            await ((_a = deviceManager.instance) == null ? void 0 : _a.setCurrentDevice({
+              type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera,
+              deviceId
+            }));
+            roomStore.setCurrentCameraId(deviceId);
+          } catch (error) {
+            if (cameraList.value.map((item) => item.deviceId).includes(currentCameraId.value)) {
+              currentDeviceId.value = currentCameraId.value;
+            }
+          }
           break;
         case "microphone":
-          await ((_b = deviceManager.instance) == null ? void 0 : _b.setCurrentDevice({
-            type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput,
-            deviceId
-          }));
-          roomStore.setCurrentMicrophoneId(deviceId);
+          try {
+            await ((_b = deviceManager.instance) == null ? void 0 : _b.setCurrentDevice({
+              type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput,
+              deviceId
+            }));
+            roomStore.setCurrentMicrophoneId(deviceId);
+          } catch (error) {
+            if (microphoneList.value.map((item) => item.deviceId).includes(currentMicrophoneId.value)) {
+              currentDeviceId.value = currentMicrophoneId.value;
+            }
+          }
           break;
         case "speaker":
-          await ((_c = deviceManager.instance) == null ? void 0 : _c.setCurrentDevice({
-            type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput,
-            deviceId
-          }));
-          roomStore.setCurrentSpeakerId(deviceId);
+          try {
+            await ((_c = deviceManager.instance) == null ? void 0 : _c.setCurrentDevice({
+              type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput,
+              deviceId
+            }));
+            roomStore.setCurrentSpeakerId(deviceId);
+          } catch (error) {
+            if (speakerList.value.map((item) => item.deviceId).includes(currentSpeakerId.value)) {
+              currentDeviceId.value = currentSpeakerId.value;
+            }
+          }
           break;
       }
     }
     return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createBlock(Select.default, {
+      return Vue.openBlock(), Vue.createBlock(index.default, {
         modelValue: currentDeviceId.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentDeviceId.value = $event),
         placeholder: "placeholder",
@@ -92,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }, {
         default: Vue.withCtx(() => [
           (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(deviceList.value, (item) => {
-            return Vue.openBlock(), Vue.createBlock(Option.default, {
+            return Vue.openBlock(), Vue.createBlock(index$1.default, {
               key: item.deviceId,
               label: item.deviceName,
               value: item.deviceId

package/lib/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/lib/components/common/Language.vue.js

@@ -15,21 +15,14 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "Language",
   setup(__props) {
     const basicStore = basic.useBasicStore();
-    const title = Vue.computed(() => basicStore.lang === "en-US" ? "English" : "中文");
+    const title = Vue.computed(
+      () => basicStore.lang === "en-US" ? "English" : "中文"
+    );
     const languageConfig = roomService.roomService.getComponentConfig("Language");
     const handleChange = () => {
-      switch (index.default.global.locale.value) {
-        case "en-US":
-          index.default.global.locale.value = "zh-CN";
-          basicStore.setLang("zh-CN");
-          localStorage.setItem("tuiRoom-language", "zh-CN");
-          break;
-        case "zh-CN":
-          index.default.global.locale.value = "en-US";
-          basicStore.setLang("en-US");
-          localStorage.setItem("tuiRoom-language", "en-US");
-          break;
-      }
+      roomService.roomService.setLanguage(
+        index.default.global.locale.value === "en-US" ? "zh-CN" : "en-US"
+      );
     };
     return (_ctx, _cache) => {
       return Vue.unref(languageConfig).visible ? (Vue.openBlock(), Vue.createBlock(IconButton.default, {

package/lib/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/lib/components/common/Logo.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Logo_vue_vue_type_script_setup_true_lang = require("./Logo.vue2.js");
-require("./Logo.vue3.js");
+;/* empty css           */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const Logo = /* @__PURE__ */ _pluginVue_exportHelper.default(Logo_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a3741d41"]]);
+const Logo = /* @__PURE__ */ _pluginVue_exportHelper.default(Logo_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7e1c76c2"]]);
 exports.default = Logo;

package/lib/components/common/Logo.vue2.js

@@ -26,8 +26,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   setup(__props) {
     const basicStore = basic.useBasicStore();
     const { defaultTheme } = pinia.storeToRefs(basicStore);
-    const isEN = Vue.computed(() => !environment.isWeChat && index.default.global.locale.value === "en-US");
-    const isZH = Vue.computed(() => environment.isWeChat || index.default.global.locale.value === "zh-CN");
+    const isEN = Vue.computed(() => index.default.global.locale.value === "en-US");
+    const isZH = Vue.computed(() => index.default.global.locale.value === "zh-CN");
     const isBlackTheme = Vue.computed(() => defaultTheme.value === "black");
     const isWhiteTheme = Vue.computed(() => defaultTheme.value === "white");
     return (_ctx, _cache) => {
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         ])) : Vue.createCommentVNode("", true),
         isEN.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
           key: 3,
-          class: Vue.normalizeClass(["pc-en-logo", { "mobile": Vue.unref(environment.isMobile) }])
+          class: Vue.normalizeClass(["pc-en-logo", { mobile: Vue.unref(environment.isMobile) }])
         }, [
           Vue.createElementVNode("span", _hoisted_6, [
             Vue.createVNode(SvgIcon.default, { icon: LogoInEnglish.default })

package/lib/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/lib/components/common/RoomTime.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const RoomTime_vue_vue_type_script_setup_true_lang = require("./RoomTime.vue2.js");
-require("./RoomTime.vue3.js");
+;/* empty css               */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const RoomTime = /* @__PURE__ */ _pluginVue_exportHelper.default(RoomTime_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e34df50f"]]);
+const RoomTime = /* @__PURE__ */ _pluginVue_exportHelper.default(RoomTime_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-108b13c2"]]);
 exports.default = RoomTime;

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

@@ -3,7 +3,7 @@ interface 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/lib/components/common/SwitchTheme.vue.js

@@ -5,7 +5,6 @@ const IconButton = require("./base/IconButton.vue.js");
 const SwitchThemeIcon = require("./icons/SwitchThemeIcon.vue.js");
 const room = require("../../constants/room.js");
 const basic = require("../../stores/basic.js");
-const pinia = require("pinia");
 const index = require("../../locales/index.js");
 require("../../services/main.js");
 const roomService = require("../../services/roomService.js");
@@ -19,37 +18,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   },
   setup(__props) {
     const basicStore = basic.useBasicStore();
-    const { defaultTheme } = pinia.storeToRefs(basicStore);
     const { t } = index.useI18n();
     const switchThemeConfig = roomService.roomService.getComponentConfig("SwitchTheme");
     function handleSwitchTheme() {
-      if (defaultTheme.value === "white") {
-        basicStore.setDefaultTheme("black");
-      } else if (defaultTheme.value === "black") {
-        basicStore.setDefaultTheme("white");
-      }
+      roomService.roomService.setTheme(basicStore.defaultTheme === "white" ? "black" : "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);
-    }
-    Vue.watch(defaultTheme, (val) => {
-      doSwitchTheme(val);
-    }, { immediate: true });
     return (_ctx, _cache) => {
       return _ctx.visible && Vue.unref(switchThemeConfig).visible ? (Vue.openBlock(), Vue.createBlock(IconButton.default, {
         key: 0,

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

@@ -7,9 +7,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     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/lib/components/common/VideoMediaControl.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const VideoMediaControl_vue_vue_type_script_setup_true_lang = require("./VideoMediaControl.vue2.js");
-require("./VideoMediaControl.vue3.js");
+;/* empty css                        */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const VideoMediaControl = /* @__PURE__ */ _pluginVue_exportHelper.default(VideoMediaControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-31eaf048"]]);
+const VideoMediaControl = /* @__PURE__ */ _pluginVue_exportHelper.default(VideoMediaControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-27e20bc4"]]);
 exports.default = VideoMediaControl;

package/lib/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/lib/components/common/VideoProfile.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const VideoProfile_vue_vue_type_script_setup_true_lang = require("./VideoProfile.vue2.js");
-require("./VideoProfile.vue3.js");
+;/* empty css                   */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const VideoProfile = /* @__PURE__ */ _pluginVue_exportHelper.default(VideoProfile_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c12fa79f"]]);
+const VideoProfile = /* @__PURE__ */ _pluginVue_exportHelper.default(VideoProfile_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f73a2d4f"]]);
 exports.default = VideoProfile;

package/lib/components/common/VideoProfile.vue2.js

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
 const index = require("../../locales/index.js");
-const Select = require("./base/Select.vue.js");
-const Option = require("./base/Option.vue.js");
+const index$1 = require("./base/Select/index.vue.js");
+const index$2 = require("./base/Option/index.vue.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const room = require("../../stores/room.js");
 const useRoomEngine = require("../../hooks/useRoomEngine.js");
@@ -17,7 +17,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const { t } = index.useI18n();
     const videoProfileList = Vue.computed(() => [
       { label: t("Low Definition"), value: TUIRoomEngine.TUIVideoQuality.kVideoQuality_360p },
-      { label: t("Standard Definition"), value: TUIRoomEngine.TUIVideoQuality.kVideoQuality_540p },
+      {
+        label: t("Standard Definition"),
+        value: TUIRoomEngine.TUIVideoQuality.kVideoQuality_540p
+      },
       { label: t("High Definition"), value: TUIRoomEngine.TUIVideoQuality.kVideoQuality_720p },
       { label: t("Super Definition"), value: TUIRoomEngine.TUIVideoQuality.kVideoQuality_1080p }
     ]);
@@ -30,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       (_a = roomEngine.instance) == null ? void 0 : _a.updateVideoQuality({ quality: localVideoQuality.value });
     });
     return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createBlock(Select.default, {
+      return Vue.openBlock(), Vue.createBlock(index$1.default, {
         modelValue: Vue.unref(localVideoQuality),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(localVideoQuality) ? localVideoQuality.value = $event : null),
         placeholder: "placeholder",
@@ -40,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }, {
         default: Vue.withCtx(() => [
           (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(videoProfileList.value, (item, index2) => {
-            return Vue.openBlock(), Vue.createBlock(Option.default, {
+            return Vue.openBlock(), Vue.createBlock(index$2.default, {
               key: index2,
               label: item.label,
               value: item.value

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

@@ -4,7 +4,7 @@ interface Props {
     withMirror?: boolean;
     theme?: 'white' | 'black';
 }
-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/lib/components/common/VideoSettingTab.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const VideoSettingTab_vue_vue_type_script_setup_true_lang = require("./VideoSettingTab.vue2.js");
-require("./VideoSettingTab.vue3.js");
+;/* empty css                      */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const VideoSettingTab = /* @__PURE__ */ _pluginVue_exportHelper.default(VideoSettingTab_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-6e09e806"]]);
+const VideoSettingTab = /* @__PURE__ */ _pluginVue_exportHelper.default(VideoSettingTab_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-5fa040b6"]]);
 exports.default = VideoSettingTab;

package/lib/components/common/VideoSettingTab.vue2.js

@@ -10,7 +10,7 @@ const useRoomEngine = require("../../hooks/useRoomEngine.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const environment = require("../../utils/environment.js");
 const pinia = require("pinia");
-const _withScopeId = (n) => (Vue.pushScopeId("data-v-6e09e806"), n = n(), Vue.popScopeId(), n);
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-5fa040b6"), n = n(), Vue.popScopeId(), n);
 const _hoisted_1 = { class: "item-setting" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = {
@@ -44,7 +44,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const props = __props;
     const basicStore = basic.useBasicStore();
     const { isLocalStreamMirror } = pinia.storeToRefs(basicStore);
-    const themeClass = Vue.computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    const themeClass = Vue.computed(
+      () => props.theme ? `tui-theme-${props.theme}` : ""
+    );
     Vue.watch(isLocalStreamMirror, async (val) => {
       var _a;
       const trtcCloud = (_a = roomEngine.instance) == null ? void 0 : _a.getTRTCCloud();

package/lib/components/common/base/Badge.vue.d.ts

@@ -5,13 +5,16 @@ interface Props {
     hidden?: boolean;
     isDot?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     type: string;
     value: string;
     max: number;
     hidden: boolean;
     isDot: 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>, {
     type: string;
     value: string;
     max: number;
@@ -19,13 +22,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     isDot: boolean;
 }>>>, {
     type: "primary" | "danger";
+    max: number;
     value: string | number;
     hidden: boolean;
-    max: number;
     isDot: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/common/base/Badge.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Badge_vue_vue_type_script_setup_true_lang = require("./Badge.vue2.js");
-require("./Badge.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const TuiBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(Badge_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ffdd2be4"]]);
+const TuiBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(Badge_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-b1ab6870"]]);
 exports.default = TuiBadge;

package/lib/components/common/base/Badge.vue2.js

@@ -18,14 +18,17 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const props = __props;
     const showBadge = Vue.computed(() => !props.hidden && (props.value || props.isDot));
     const content = Vue.computed(() => {
-      if (props.isDot)
-        return "";
+      if (props.isDot) return "";
       if (typeof props.value === "number" && typeof props.max === "number") {
         return props.value > props.max ? `${props.max}+` : props.value;
       }
       return props.value;
     });
-    const badgeClass = Vue.computed(() => ["tui-badge", `tui-badge-${props.type}`, props.isDot ? "tui-badge-isDot" : ""]);
+    const badgeClass = Vue.computed(() => [
+      "tui-badge",
+      `tui-badge-${props.type}`,
+      props.isDot ? "tui-badge-isDot" : ""
+    ]);
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", {
         class: Vue.normalizeClass(badgeClass.value)

package/lib/components/common/base/Button.vue.d.ts

@@ -7,36 +7,42 @@ interface Props {
     loading?: boolean;
     disabled?: boolean;
     round?: boolean;
+    plain?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     size: undefined;
     type: undefined;
     customStyle: () => {};
     loading: boolean;
     disabled: boolean;
     round: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    plain: boolean;
+}>, {}, 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>, {
     size: undefined;
     type: undefined;
     customStyle: () => {};
     loading: boolean;
     disabled: boolean;
     round: boolean;
+    plain: boolean;
 }>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    size: "default" | "large";
-    type: "text" | "primary" | "success" | "warning" | "danger" | "info";
-    customStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    disabled: boolean;
+    size: "large" | "default";
+    type: "primary" | "success" | "warning" | "danger" | "info" | "text";
+    customStyle: string | false | import('vue').CSSProperties | StyleValue[] | null;
     loading: boolean;
+    disabled: boolean;
     round: boolean;
-}, {}>, {
-    icon?(_: {}): any;
-    default?(_: {}): any;
-}>;
+    plain: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/common/base/Button.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue2.js");
-require("./Button.vue3.js");
+;/* empty css             */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const TuiButton = /* @__PURE__ */ _pluginVue_exportHelper.default(Button_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c838afcb"]]);
+const TuiButton = /* @__PURE__ */ _pluginVue_exportHelper.default(Button_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-76556122"]]);
 exports.default = TuiButton;

package/lib/components/common/base/Button.vue2.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     customStyle: { default: () => ({}) },
     loading: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
-    round: { type: Boolean, default: true }
+    round: { type: Boolean, default: true },
+    plain: { type: Boolean, default: false }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -30,7 +31,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       `tui-button-${props.size}`,
       { "tui-button-round": props.round },
       { "tui-button-loading": props.loading },
-      { "tui-button-disabled": props.disabled }
+      { "tui-button-disabled": props.disabled },
+      { "tui-button-plain": props.plain }
     ]);
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("button", {

package/{es/components/common/base/Checkbox.vue.d.ts → lib/components/common/base/Checkbox/index.vue.d.ts}

@@ -1,19 +1,27 @@
 interface Props {
     modelValue: boolean;
+    disabled?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     modelValue: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    disabled: boolean;
+    slotCustomStyle: () => {};
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     modelValue: boolean;
+    disabled: boolean;
+    slotCustomStyle: () => {};
 }>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
     modelValue: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/common/base/Checkbox/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const TuiCheckbox = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e79d67af"]]);
+exports.default = TuiCheckbox;