@ndscnj/roomkit-web-vue3 3.2.0

package/lib/components/Stream/common/StreamRegion/StreamRegionPC.vue2.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-js");
+const index$1 = require("../StreamPlay/index.vue.js");
+const index$2 = require("../StreamCover/index.vue.js");
+const index = require("../LocalScreenView/index.vue.js");
+const basic = require("../../../../stores/basic.js");
+const vDblTouch = require("../../../../directives/vDblTouch.js");
+const vTouchScale = require("../../../../directives/vTouchScale.js");
+const domOperation = require("../../../../utils/domOperation.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "StreamRegionPC",
+  props: {
+    streamInfo: {},
+    streamPlayQuality: {},
+    streamPlayMode: {},
+    aspectRatio: {},
+    supportTouchScale: { type: Boolean }
+  },
+  emits: ["stream-view-dblclick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const basicStore = basic.useBasicStore();
+    const isLocalScreen = Vue.computed(
+      () => props.streamInfo && props.streamInfo.userId === basicStore.userId && props.streamInfo.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream
+    );
+    const streamRegionContainerRef = Vue.ref();
+    const streamStyle = Vue.ref({ width: "", height: "" });
+    const widthRatio = Vue.computed(() => {
+      if (!props.aspectRatio || props.aspectRatio.indexOf(":") < 0) {
+        return 0;
+      }
+      return Number(props.aspectRatio.split(":")[0]);
+    });
+    const heightRatio = Vue.computed(() => {
+      if (!props.aspectRatio || props.aspectRatio.indexOf(":") < 0) {
+        return 0;
+      }
+      return Number(props.aspectRatio.split(":")[1]);
+    });
+    function handleStreamRegionSize() {
+      if (!streamRegionContainerRef.value) {
+        return;
+      }
+      const containerWidth = domOperation.getContentSize(streamRegionContainerRef.value).width;
+      const containerHeight = domOperation.getContentSize(streamRegionContainerRef.value).height;
+      let width = containerWidth;
+      let height = containerHeight;
+      if (widthRatio.value && heightRatio.value) {
+        const scaleWidth = containerWidth / widthRatio.value;
+        const scaleHeight = containerHeight / heightRatio.value;
+        if (scaleWidth > scaleHeight) {
+          width = containerHeight / heightRatio.value * widthRatio.value;
+          height = containerHeight;
+        }
+        if (scaleWidth <= scaleHeight) {
+          width = containerWidth;
+          height = containerWidth / widthRatio.value * heightRatio.value;
+        }
+      }
+      streamStyle.value.width = `${width}px`;
+      streamStyle.value.height = `${height}px`;
+    }
+    function handleStreamDblClick() {
+      emits("stream-view-dblclick", props.streamInfo);
+    }
+    const ro = new ResizeObserver(() => {
+      handleStreamRegionSize();
+    });
+    Vue.onMounted(() => {
+      ro.observe(streamRegionContainerRef.value);
+    });
+    Vue.onBeforeUnmount(() => {
+      ro.unobserve(streamRegionContainerRef.value);
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: "stream-region-container",
+        ref_key: "streamRegionContainerRef",
+        ref: streamRegionContainerRef
+      }, [
+        Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", {
+          class: "stream-region",
+          onStreamViewDblclick: handleStreamDblClick,
+          style: Vue.normalizeStyle(streamStyle.value)
+        }, [
+          isLocalScreen.value ? (Vue.openBlock(), Vue.createBlock(index.default, {
+            key: 0,
+            streamInfo: __props.streamInfo
+          }, null, 8, ["streamInfo"])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+            Vue.withDirectives(Vue.createVNode(index$1.default, {
+              streamInfo: __props.streamInfo,
+              "stream-play-mode": __props.streamPlayMode,
+              "stream-play-quality": __props.streamPlayQuality
+            }, null, 8, ["streamInfo", "stream-play-mode", "stream-play-quality"]), [
+              [Vue.unref(vTouchScale.default), props.supportTouchScale]
+            ]),
+            Vue.createVNode(index$2.default, { streamInfo: __props.streamInfo }, null, 8, ["streamInfo"])
+          ], 64))
+        ], 36)), [
+          [Vue.unref(vDblTouch.default), handleStreamDblClick]
+        ])
+      ], 512);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Stream/common/StreamRegion/index.d.ts

@@ -0,0 +1,3 @@
+import { default as StreamRegion } from './StreamRegionPC.vue';
+
+export default StreamRegion;

package/lib/components/Stream/common/StreamRegion/index.js

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

package/lib/components/Whiteboard/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/Whiteboard/index.vue.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return Vue.openBlock(), Vue.createElementBlock("div");
+}
+const index = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = index;

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

@@ -0,0 +1,20 @@
+interface Props {
+    strokePosition: string;
+    arrowDirection: string;
+    hasStroke: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "click-arrow": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    "onClick-arrow"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/ArrowStroke.vue.js

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

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "ArrowStroke",
+  props: {
+    strokePosition: {},
+    arrowDirection: {},
+    hasStroke: { type: Boolean }
+  },
+  emits: ["click-arrow"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const arrowStrokeClass = Vue.computed(
+      () => `arrow-stroke-container-${props.strokePosition}`
+    );
+    function handleClickArrow() {
+      emits("click-arrow");
+    }
+    return (_ctx, _cache) => {
+      const _component_svg_icon = Vue.resolveComponent("svg-icon");
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass(arrowStrokeClass.value)
+      }, [
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass(["stroke-content", { "has-stroke": __props.hasStroke }])
+        }, [
+          Vue.createElementVNode("div", {
+            class: "arrow-content",
+            onClick: handleClickArrow
+          })
+        ], 2),
+        Vue.createVNode(_component_svg_icon, {
+          class: Vue.normalizeClass(["arrow", { "has-stroke": __props.hasStroke }]),
+          onClick: handleClickArrow
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconArrowStrokeLeft), {
+              class: Vue.normalizeClass(__props.arrowDirection),
+              style: { "width": "8px", "height": "12px" }
+            }, null, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,18 @@
+interface Props {
+    userId?: string;
+    audioVolume?: number;
+    isMuted?: boolean;
+    size?: string;
+    isDisabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/AudioIcon.vue2.js

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

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const room = require("../../stores/room.js");
+const pinia = require("pinia");
+const utils = require("../../utils/utils.js");
+const _hoisted_1 = { class: "audio-level-container" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "AudioIcon",
+  props: {
+    userId: {},
+    audioVolume: {},
+    isMuted: { type: Boolean },
+    size: {},
+    isDisabled: { type: Boolean }
+  },
+  setup(__props) {
+    const roomStore = room.useRoomStore();
+    const { userVolumeObj } = pinia.storeToRefs(roomStore);
+    const currentAudioVolume = Vue.computed(() => {
+      if (!utils.isUndefined(props.audioVolume)) {
+        return props.audioVolume;
+      }
+      if (userVolumeObj.value && props.userId) {
+        return userVolumeObj.value[props.userId];
+      }
+      return 0;
+    });
+    const props = __props;
+    const audioLevelStyle = Vue.computed(() => {
+      if (props.isMuted || !currentAudioVolume.value) {
+        return "";
+      }
+      return `height: ${currentAudioVolume.value * 4}%`;
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass(["audio-icon-container", `${__props.size == "small" && "small"}`])
+      }, [
+        Vue.createElementVNode("div", _hoisted_1, [
+          Vue.createElementVNode("div", {
+            class: "audio-level",
+            style: Vue.normalizeStyle(audioLevelStyle.value)
+          }, null, 4)
+        ]),
+        props.isMuted ? (Vue.openBlock(), Vue.createBlock(Vue.unref(uikitBaseComponentVue3.IconMicOff), {
+          key: 0,
+          class: "audio-icon",
+          size: "24"
+        })) : (Vue.openBlock(), Vue.createBlock(Vue.unref(uikitBaseComponentVue3.IconMicOn), {
+          key: 1,
+          class: "audio-icon",
+          size: "24"
+        }))
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,14 @@
+interface Props {
+    imgSrc?: string | undefined;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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.vue2.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.vue3.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const TuiAvatar = /* @__PURE__ */ _pluginVue_exportHelper.default(Avatar_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-6f79cd8c"]]);
+exports.default = TuiAvatar;

package/lib/components/common/Avatar.vue3.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/Language.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,40 @@
+"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 uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+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-js");
+require("../../utils/environment.js");
+require("mitt");
+require("../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+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 = () => {
+      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, {
+        key: 0,
+        title: title.value,
+        layout: Vue.unref(room.IconButtonLayout).HORIZONTAL,
+        icon: Vue.unref(uikitBaseComponentVue3.IconLanguage),
+        onClickIcon: handleChange
+      }, null, 8, ["title", "layout", "icon"])) : 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').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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");
+;/* 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-395cc673"]]);
+exports.default = Logo;

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const index = require("../../locales/index.js");
+const environment = require("../../utils/environment.js");
+const basic = require("../../stores/basic.js");
+const pinia = require("pinia");
+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 { theme } = uikitBaseComponentVue3.useUIKit();
+    const basicStore = basic.useBasicStore();
+    const { defaultTheme } = pinia.storeToRefs(basicStore);
+    const isEN = Vue.computed(() => index.default.global.locale.value === "en-US");
+    const isZH = Vue.computed(() => index.default.global.locale.value === "zh-CN");
+    const isDarkTheme = Vue.computed(
+      () => theme.value ? theme.value === "dark" : defaultTheme.value === "dark"
+    );
+    const isLightTheme = Vue.computed(
+      () => theme.value ? theme.value === "light" : defaultTheme.value === "light"
+    );
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        !Vue.unref(environment.isMobile) && isZH.value && isDarkTheme.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconLogoOfPCInChineseBlack), { style: { "width": "484px", "height": "63px" } })
+        ])) : Vue.createCommentVNode("", true),
+        !Vue.unref(environment.isMobile) && isZH.value && isLightTheme.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
+          Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconLogoOfPCInChineseWhite), { style: { "width": "484px", "height": "63px" } })
+        ])) : Vue.createCommentVNode("", true),
+        Vue.unref(environment.isMobile) && isZH.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass(["logo", isLightTheme.value ? "light" : "dark"])
+          }, [
+            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconLogoOfMobileInChinese), { style: { "width": "136px", "height": "36px" } })
+          ], 2),
+          Vue.createElementVNode("span", _hoisted_5, [
+            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconLogoTitleOfMobileInChinese), { style: { "width": "144px", "height": "23px" } })
+          ])
+        ])) : 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(Vue.unref(uikitBaseComponentVue3.IconLogoInEnglish), { style: { "width": "68px", "height": "63px" } })
+          ]),
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass(["title", isLightTheme.value ? "light" : "dark"])
+          }, [
+            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconLogoTitleInEnglish), { style: { "width": "271px", "height": "35px" } })
+          ], 2)
+        ], 2)) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

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').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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");
+;/* 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-fb066f0f"]]);
+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/SwitchTheme.vue.d.ts

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

package/lib/components/common/SwitchTheme.vue.js

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