@tencentcloud/roomkit-electron-vue3 2.3.3

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const IconButton = require("./base/IconButton.vue.js");
+const index$1 = require("./base/MessageBox/index.js");
+const AudioSettingTab = require("./AudioSettingTab.vue.js");
+const AudioIcon = require("./AudioIcon.vue.js");
+const index = require("../../locales/index.js");
+const vClickOutside = require("../../directives/vClickOutside.js");
+const mediaAbility = require("../../utils/mediaAbility.js");
+const _hoisted_1 = { class: "audio-control-container" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "AudioMediaControl",
+  props: {
+    hasMore: { type: Boolean, default: true },
+    isMuted: { type: Boolean },
+    isDisabled: { type: Boolean, default: false },
+    audioVolume: { default: 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const showAudioSettingTab = Vue.ref(false);
+    const isSupportAudioMedia = mediaAbility.isGetUserMediaSupported && mediaAbility.isEnumerateDevicesSupported;
+    const { t } = index.useI18n();
+    async function handleClickIcon() {
+      if (!isSupportAudioMedia) {
+        index$1.default({
+          title: t("Note"),
+          message: t("The current browser does not support capturing audio"),
+          confirmButtonText: t("Sure")
+        });
+        return;
+      }
+      emits("click");
+      showAudioSettingTab.value = false;
+    }
+    function handleMore() {
+      showAudioSettingTab.value = !showAudioSettingTab.value;
+    }
+    function handleHideAudioSettingTab() {
+      if (showAudioSettingTab.value) {
+        showAudioSettingTab.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+          Vue.createVNode(IconButton.default, {
+            title: Vue.unref(t)("Mic"),
+            "has-more": _ctx.hasMore,
+            disabled: _ctx.isDisabled,
+            "is-not-support": !Vue.unref(isSupportAudioMedia),
+            onClickIcon: handleClickIcon,
+            onClickMore: handleMore
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(AudioIcon.default, {
+                "audio-volume": _ctx.audioVolume,
+                "is-muted": _ctx.isMuted,
+                "is-disabled": _ctx.isDisabled
+              }, null, 8, ["audio-volume", "is-muted", "is-disabled"])
+            ]),
+            _: 1
+          }, 8, ["title", "has-more", "disabled", "is-not-support"]),
+          Vue.withDirectives(Vue.createVNode(AudioSettingTab.default, {
+            theme: "white",
+            class: "audio-tab",
+            "audio-volume": _ctx.audioVolume
+          }, null, 8, ["audio-volume"]), [
+            [Vue.vShow, showAudioSettingTab.value]
+          ])
+        ])), [
+          [Vue.unref(vClickOutside.default), handleHideAudioSettingTab]
+        ])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/AudioMediaControl.vue3.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,18 @@
+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>>>, {}, {}>;
+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/lib/components/common/AudioSettingTab.vue.js

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

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

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const DeviceSelect = require("./DeviceSelect.vue.js");
+const room = require("../../stores/room.js");
+const render = require("../../constants/render.js");
+const index = require("../../locales/index.js");
+const pinia = require("pinia");
+const basic = require("../../stores/basic.js");
+const environment = require("../../utils/environment.js");
+const useRoomEngine = require("../../hooks/useRoomEngine.js");
+const Button = require("./base/Button.vue.js");
+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__ */ Vue.defineComponent({
+  __name: "AudioSettingTab",
+  props: {
+    mode: {},
+    audioVolume: {},
+    theme: {}
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    const settingMode = props.mode || render.SettingMode.SIMPLE;
+    const isSampleMode = Vue.computed(() => settingMode === render.SettingMode.SIMPLE);
+    const isDetailMode = Vue.computed(() => settingMode === render.SettingMode.DETAIL);
+    const basicStore = basic.useBasicStore();
+    const { userId } = pinia.storeToRefs(basicStore);
+    const roomStore = room.useRoomStore();
+    const { speakerList, userVolumeObj, currentSpeakerId } = pinia.storeToRefs(roomStore);
+    const roomEngine = useRoomEngine.default();
+    const trtcCloud = (_a = roomEngine.instance) == null ? void 0 : _a.getTRTCCloud();
+    const themeClass = Vue.computed(() => props.theme ? `tui-theme-${props.theme}` : "");
+    const volumeTotalNum = Vue.computed(() => isDetailMode.value ? 36 : 28);
+    const volumeNum = Vue.computed(() => {
+      const volume = props.audioVolume || userVolumeObj.value[userId.value] || 0;
+      return volume * volumeTotalNum.value / 100;
+    });
+    const showVolume = Vue.computed(() => isSampleMode.value || isDetailMode.value && isTestingMicrophone.value);
+    const isTestingMicrophone = Vue.ref(false);
+    function handleMicrophoneTest() {
+      isTestingMicrophone.value = !isTestingMicrophone.value;
+    }
+    const isTestingSpeaker = Vue.ref(false);
+    const audioPlayer = document == null ? void 0 : document.createElement("audio");
+    const { t } = index.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 (environment.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;
+      }
+    }
+    Vue.onBeforeUnmount(() => {
+      if (environment.isElectron) {
+        trtcCloud == null ? void 0 : trtcCloud.stopSpeakerDeviceTest();
+        return;
+      }
+      audioPlayer && audioPlayer.pause();
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass(["audio-setting-tab", themeClass.value])
+      }, [
+        Vue.createElementVNode("div", _hoisted_1, [
+          Vue.createElementVNode("span", _hoisted_2, Vue.toDisplayString(Vue.unref(t)("Mic")), 1),
+          Vue.createElementVNode("div", _hoisted_3, [
+            Vue.createVNode(DeviceSelect.default, {
+              class: "select",
+              "device-type": "microphone"
+            }),
+            isDetailMode.value ? (Vue.openBlock(), Vue.createBlock(Button.default, {
+              key: 0,
+              class: "button",
+              type: "primary",
+              onClick: handleMicrophoneTest
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(isTestingMicrophone.value ? Vue.unref(t)("Stop") : Vue.unref(t)("Test")), 1)
+              ]),
+              _: 1
+            })) : Vue.createCommentVNode("", true)
+          ])
+        ]),
+        Vue.createElementVNode("div", _hoisted_4, [
+          Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Output")), 1),
+          Vue.createElementVNode("div", _hoisted_6, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(new Array(volumeTotalNum.value).fill(""), (item, index2) => {
+              return Vue.openBlock(), Vue.createElementBlock("div", {
+                key: index2,
+                class: Vue.normalizeClass(["mic-bar", `${showVolume.value && volumeNum.value > index2 ? "active" : ""}`])
+              }, null, 2);
+            }), 128))
+          ])
+        ]),
+        Vue.unref(speakerList).length > 0 ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_7, [
+          Vue.createElementVNode("span", _hoisted_8, Vue.toDisplayString(Vue.unref(t)("Speaker")), 1),
+          Vue.createElementVNode("div", _hoisted_9, [
+            Vue.createVNode(DeviceSelect.default, {
+              class: "select",
+              "device-type": "speaker",
+              disabled: _ctx.mode === Vue.unref(render.SettingMode).DETAIL
+            }, null, 8, ["disabled"]),
+            isDetailMode.value ? (Vue.openBlock(), Vue.createBlock(Button.default, {
+              key: 0,
+              class: "button",
+              type: "primary",
+              onClick: handleSpeakerTest
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(isTestingSpeaker.value ? Vue.unref(t)("Stop") : Vue.unref(t)("Test")), 1)
+              ]),
+              _: 1
+            })) : Vue.createCommentVNode("", true)
+          ])
+        ])) : Vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/AudioSettingTab.vue3.js

@@ -0,0 +1 @@
+"use strict";

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const avatar = require("../../assets/imgs/avatar.png.js");
+const _hoisted_1 = { class: "avatar-container" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "Avatar",
+  props: {
+    imgSrc: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const src = Vue.computed(() => {
+      if (isError.value) {
+        return avatar.default;
+      }
+      return props.imgSrc || avatar.default;
+    });
+    const isError = Vue.ref(false);
+    function handleError() {
+      isError.value = true;
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("img", {
+          class: "avatar",
+          src: src.value,
+          onerror: handleError
+        }, null, 8, _hoisted_2)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/Avatar.vue3.js

@@ -0,0 +1 @@
+"use strict";

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

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

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

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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 TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const useDeviceManager = require("../../hooks/useDeviceManager.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "DeviceSelect",
+  props: {
+    deviceType: {},
+    onChange: { type: Function },
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const { deviceManager } = useDeviceManager.default();
+    const { deviceType, onChange, disabled = false } = __props;
+    const roomStore = room.useRoomStore();
+    const {
+      cameraList,
+      microphoneList,
+      speakerList,
+      currentCameraId,
+      currentMicrophoneId,
+      currentSpeakerId
+    } = pinia.storeToRefs(roomStore);
+    const deviceList = Vue.ref(getDeviceList());
+    const currentDeviceId = Vue.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: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera,
+            deviceId
+          }));
+          roomStore.setCurrentCameraId(deviceId);
+          break;
+        case "microphone":
+          await ((_b = deviceManager.instance) == null ? void 0 : _b.setCurrentDevice({
+            type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput,
+            deviceId
+          }));
+          roomStore.setCurrentMicrophoneId(deviceId);
+          break;
+        case "speaker":
+          await ((_c = deviceManager.instance) == null ? void 0 : _c.setCurrentDevice({
+            type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput,
+            deviceId
+          }));
+          roomStore.setCurrentSpeakerId(deviceId);
+          break;
+      }
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(Select.default, {
+        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: Vue.withCtx(() => [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(deviceList.value, (item) => {
+            return Vue.openBlock(), Vue.createBlock(Option.default, {
+              key: item.deviceId,
+              label: item.deviceName,
+              value: item.deviceId
+            }, null, 8, ["label", "value"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const IconButton = require("./base/IconButton.vue.js");
+const room = require("../../constants/room.js");
+const LanguageIcon = require("./icons/LanguageIcon.vue.js");
+const basic = require("../../stores/basic.js");
+const index = require("../../locales/index.js");
+require("../../services/main.js");
+const roomService = require("../../services/roomService.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "Language",
+  setup(__props) {
+    const basicStore = basic.useBasicStore();
+    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;
+      }
+    };
+    return (_ctx, _cache) => {
+      return Vue.unref(languageConfig).visible ? (Vue.openBlock(), Vue.createBlock(IconButton.default, {
+        key: 0,
+        title: title.value,
+        layout: Vue.unref(room.IconButtonLayout).HORIZONTAL,
+        icon: LanguageIcon.default,
+        onClickIcon: handleChange
+      }, null, 8, ["title", "layout"])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Language_vue_vue_type_script_setup_true_lang = require("./Language.vue.js");
+exports.default = Language_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +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");
+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"]]);
+exports.default = Logo;

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index = require("../../locales/index.js");
+const environment = require("../../utils/environment.js");
+const basic = require("../../stores/basic.js");
+const pinia = require("pinia");
+const SvgIcon = require("./base/SvgIcon.vue.js");
+const LogoOfPCInChineseBlackIcon = require("./icons/LogoOfPCInChineseBlackIcon.vue.js");
+const LogoOfPCInChineseWhiteIcon = require("./icons/LogoOfPCInChineseWhiteIcon.vue.js");
+const LogoOfMobileInChinese = require("./icons/LogoOfMobileInChinese.vue.js");
+const LogoTitleOfMobileInChinese = require("./icons/LogoTitleOfMobileInChinese.vue.js");
+const LogoInEnglish = require("./icons/LogoInEnglish.vue.js");
+const LogoTitleInEnglish = require("./icons/LogoTitleInEnglish.vue.js");
+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__ */ Vue.defineComponent({
+  __name: "Logo",
+  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 isBlackTheme = Vue.computed(() => defaultTheme.value === "black");
+    const isWhiteTheme = Vue.computed(() => defaultTheme.value === "white");
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        !Vue.unref(environment.isMobile) && isZH.value && isBlackTheme.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createVNode(SvgIcon.default, { icon: LogoOfPCInChineseBlackIcon.default })
+        ])) : Vue.createCommentVNode("", true),
+        !Vue.unref(environment.isMobile) && isZH.value && isWhiteTheme.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
+          Vue.createVNode(SvgIcon.default, { icon: LogoOfPCInChineseWhiteIcon.default })
+        ])) : Vue.createCommentVNode("", true),
+        Vue.unref(environment.isMobile) && isZH.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass(["logo", isWhiteTheme.value ? "white" : "black"])
+          }, [
+            Vue.createVNode(SvgIcon.default, { icon: LogoOfMobileInChinese.default })
+          ], 2),
+          Vue.createElementVNode("span", _hoisted_5, [
+            Vue.createVNode(SvgIcon.default, { icon: LogoTitleOfMobileInChinese.default })
+          ])
+        ])) : Vue.createCommentVNode("", true),
+        isEN.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 3,
+          class: Vue.normalizeClass(["pc-en-logo", { "mobile": Vue.unref(environment.isMobile) }])
+        }, [
+          Vue.createElementVNode("span", _hoisted_6, [
+            Vue.createVNode(SvgIcon.default, { icon: LogoInEnglish.default })
+          ]),
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass(["title", isWhiteTheme.value ? "white" : "black"])
+          }, [
+            Vue.createVNode(SvgIcon.default, { icon: LogoTitleInEnglish.default })
+          ], 2)
+        ], 2)) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +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");
+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"]]);
+exports.default = RoomTime;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _hoisted_1 = { class: "timing" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "RoomTime",
+  setup(__props) {
+    const meetingTime = Vue.ref(0);
+    let intervalId = null;
+    const formattedTime = Vue.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);
+    }
+    Vue.onMounted(() => {
+      startTimer();
+    });
+    Vue.onUnmounted(() => {
+      intervalId && clearInterval(intervalId);
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, Vue.toDisplayString(formattedTime.value), 1);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/common/RoomTime.vue3.js

@@ -0,0 +1 @@
+"use strict";