@tencentcloud/roomkit-electron-vue3 2.4.1 → 2.5.0

package/es/components/ScheduleConference/ScheduleRoomList.vue2.mjs

@@ -0,0 +1,219 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, withDirectives, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, unref, Fragment, renderList, vShow } from "vue";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import { EventType } from "../../services/types.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import { TUIConferenceListManagerEvents } from "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import SvgIcon from "../common/base/SvgIcon.vue.mjs";
+import CalendarIcon from "../common/icons/CalendarIcon.vue.mjs";
+import ApplyStageLabelIcon from "../common/icons/ApplyStageLabelIcon.vue.mjs";
+import ScheduleRoomControl from "./ScheduleRoomControl.vue.mjs";
+import LoadingScheduleIcon from "../common/icons/LoadingScheduleIcon.vue.mjs";
+import { isMobile } from "../../utils/environment.mjs";
+import { objectMerge } from "../../utils/utils.mjs";
+const _hoisted_1 = {
+  id: "scheduleRoomContainer",
+  class: "schedule-room"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "schedule-loading"
+};
+const _hoisted_3 = { class: "text" };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = {
+  key: 0,
+  class: "schedule-room-container"
+};
+const _hoisted_6 = { class: "schedule-room-date" };
+const _hoisted_7 = {
+  key: 1,
+  class: "schedule-no-body"
+};
+const _hoisted_8 = { class: "text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScheduleRoomList",
+  props: {
+    isShowScheduledConference: { type: Boolean, default: true }
+  },
+  emits: ["join-conference"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const scheduleRoomList = ref([]);
+    const emit = __emit;
+    const isShowLoading = ref(true);
+    const joinConference = (options) => {
+      emit("join-conference", options);
+    };
+    const props = __props;
+    const sortedScheduleRoomList = computed(() => scheduleRoomList.value.sort((a, b) => a.scheduleStartTime - b.scheduleStartTime));
+    const fetchScheduledData = async (cursor = "", result = []) => {
+      const res = await roomService.scheduleConferenceManager.fetchScheduledConferenceList({
+        cursor,
+        count: 20
+      });
+      (res == null ? void 0 : res.conferenceList) && result.push(...res == null ? void 0 : res.conferenceList);
+      if (res.cursor !== "") {
+        await fetchScheduledData(res.cursor, result);
+      }
+      return result;
+    };
+    const scheduleContentList = computed(() => sortedScheduleRoomList.value.map((item, index, arr) => {
+      if (index === 0 || getScheduleDate(item.scheduleStartTime) !== getScheduleDate(arr[index - 1].scheduleStartTime)) {
+        return { ...item, showTimestamp: true };
+      }
+      return { ...item, showTimestamp: false };
+    }));
+    function getScheduleDate(timestamp) {
+      const date = new Date(timestamp * 1e3);
+      const year = `${date.getFullYear()}`;
+      const month = `${date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1}`;
+      const day = `${date.getDate() < 10 ? `0${date.getDate()}` : date.getDate()}`;
+      return `${year}${t("schedule year")}${month}${t("schedule month")}${day}${t("schedule day")}`;
+    }
+    function getScheduleTime(timestamp) {
+      const date = new Date(timestamp * 1e3);
+      const hours = `${date.getHours() < 10 ? `0${date.getHours()}` : date.getHours()}`;
+      const minutes = `${date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes()}`;
+      return `${hours}:${minutes}`;
+    }
+    const fetchAttendeeList = async (roomId, cursor = "", result = []) => {
+      const res = await roomService.scheduleConferenceManager.fetchAttendeeList({ roomId, cursor, count: 20 });
+      if (!(res == null ? void 0 : res.attendeeList))
+        return [];
+      result.push(...res == null ? void 0 : res.attendeeList);
+      if (res.cursor !== "") {
+        await fetchAttendeeList(roomId, res.cursor, result);
+      }
+      return result;
+    };
+    const handleShowMore = async (data, index) => {
+      const attendeeList = await fetchAttendeeList(data.roomId);
+      scheduleRoomList.value[index].scheduleAttendees = attendeeList;
+    };
+    const fetchData = async () => {
+      scheduleRoomList.value = await fetchScheduledData();
+      isShowLoading.value = false;
+    };
+    const updateAttendees = (originList = [], changeData) => {
+      const { joinedUsers, leftUsers } = changeData;
+      let resultList = [...originList, ...joinedUsers];
+      resultList = resultList.filter((attendee) => !leftUsers.some((leftUser) => leftUser.userId === attendee.userId));
+      return resultList;
+    };
+    const onConferenceScheduled = async (data) => {
+      const { conferenceInfo } = data;
+      scheduleRoomList.value.push(conferenceInfo);
+    };
+    const onConferenceCancelled = async (data) => {
+      scheduleRoomList.value = scheduleRoomList.value.filter((item) => item.basicRoomInfo.roomId !== data.roomId);
+    };
+    const onConferenceInfoChanged = async (data) => {
+      const aimConferenceIndex = scheduleRoomList.value.findIndex((item) => item.basicRoomInfo.roomId === data.conferenceModifyInfo.basicRoomInfo.roomId);
+      if (aimConferenceIndex !== -1) {
+        scheduleRoomList.value[aimConferenceIndex] = objectMerge(
+          scheduleRoomList.value[aimConferenceIndex],
+          data.conferenceModifyInfo
+        );
+      }
+    };
+    const onScheduleAttendeesChanged = async (data) => {
+      const aimConference = scheduleRoomList.value.find((item) => item.basicRoomInfo.roomId === data.roomId);
+      if (aimConference) {
+        aimConference.scheduleAttendees = updateAttendees(aimConference.scheduleAttendees, data);
+      }
+    };
+    const onConferenceStatusChanged = (data) => {
+      const aimConference = scheduleRoomList.value.find((item) => item.basicRoomInfo.roomId === data.roomId);
+      if (aimConference) {
+        aimConference.status = data.status;
+      }
+    };
+    onMounted(() => {
+      roomService.on(EventType.ROOM_LOGIN, fetchData);
+      roomService.scheduleConferenceManager.on(TUIConferenceListManagerEvents.onConferenceScheduled, onConferenceScheduled);
+      roomService.scheduleConferenceManager.on(TUIConferenceListManagerEvents.onConferenceCancelled, onConferenceCancelled);
+      roomService.scheduleConferenceManager.on(
+        TUIConferenceListManagerEvents.onConferenceInfoChanged,
+        onConferenceInfoChanged
+      );
+      roomService.scheduleConferenceManager.on(
+        TUIConferenceListManagerEvents.onScheduleAttendeesChanged,
+        onScheduleAttendeesChanged
+      );
+      roomService.scheduleConferenceManager.on(
+        TUIConferenceListManagerEvents.onConferenceStatusChanged,
+        onConferenceStatusChanged
+      );
+    });
+    onUnmounted(() => {
+      roomService.off(EventType.ROOM_LOGIN, fetchData);
+      roomService.scheduleConferenceManager.off(
+        TUIConferenceListManagerEvents.onConferenceScheduled,
+        onConferenceScheduled
+      );
+      roomService.scheduleConferenceManager.off(
+        TUIConferenceListManagerEvents.onConferenceCancelled,
+        onConferenceCancelled
+      );
+      roomService.scheduleConferenceManager.off(
+        TUIConferenceListManagerEvents.onConferenceInfoChanged,
+        onConferenceInfoChanged
+      );
+      roomService.scheduleConferenceManager.off(
+        TUIConferenceListManagerEvents.onScheduleAttendeesChanged,
+        onScheduleAttendeesChanged
+      );
+      roomService.scheduleConferenceManager.off(
+        TUIConferenceListManagerEvents.onConferenceStatusChanged,
+        onConferenceStatusChanged
+      );
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        isShowLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(SvgIcon, {
+            icon: LoadingScheduleIcon,
+            class: "loading"
+          }),
+          createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("Schedule room loading")), 1)
+        ])) : (openBlock(), createElementBlock("div", _hoisted_4, [
+          scheduleRoomList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(scheduleContentList.value, (item, index) => {
+              return openBlock(), createElementBlock("div", { key: index }, [
+                withDirectives(createElementVNode("div", _hoisted_6, [
+                  createVNode(SvgIcon, {
+                    class: "date",
+                    icon: CalendarIcon
+                  }),
+                  createElementVNode("span", null, toDisplayString(getScheduleDate(item.scheduleStartTime)), 1)
+                ], 512), [
+                  [vShow, item.showTimestamp]
+                ]),
+                createVNode(ScheduleRoomControl, {
+                  item,
+                  "schedule-start-date": getScheduleDate(item.scheduleStartTime),
+                  "schedule-end-date": getScheduleDate(item.scheduleEndTime),
+                  "schedule-start-time": getScheduleTime(item.scheduleStartTime),
+                  "schedule-end-time": getScheduleTime(item.scheduleEndTime),
+                  onJoinConference: joinConference,
+                  onShowMore: (data) => handleShowMore(data, index)
+                }, null, 8, ["item", "schedule-start-date", "schedule-end-date", "schedule-start-time", "schedule-end-time", "onShowMore"])
+              ]);
+            }), 128))
+          ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+            createVNode(SvgIcon, { icon: ApplyStageLabelIcon }),
+            createElementVNode("span", _hoisted_8, toDisplayString(unref(t)("No room available for booking")), 1)
+          ]))
+        ]))
+      ], 512)), [
+        [vShow, props.isShowScheduledConference && !unref(isMobile)]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/ScheduleConference/ScheduleRoomList.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/ScheduleConference/ShareLink.vue.d.ts

@@ -0,0 +1,24 @@
+import { TUIConferenceInfo } from '@tencentcloud/tuiroom-engine-electron';
+
+interface Props {
+    conferenceInfo?: TUIConferenceInfo;
+    scheduleParams?: any;
+    visible: boolean;
+}
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/es/components/ScheduleConference/ShareLink.vue.mjs

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

package/es/components/ScheduleConference/ShareLink.vue2.mjs

@@ -0,0 +1,113 @@
+import { defineComponent, ref, watch, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList } from "vue";
+import { useI18n } from "../../locales/index.mjs";
+import Dialog from "../common/base/Dialog/index.vue.mjs";
+import TuiButton from "../common/base/Button.vue.mjs";
+import SuccessIcon from "../common/icons/SuccessIcon.vue.mjs";
+import copyIcon from "../common/icons/CopyIcon.vue.mjs";
+import SvgIcon from "../common/base/SvgIcon.vue.mjs";
+import useRoomInfo from "../RoomHeader/RoomInfo/useRoomInfoHooks.mjs";
+import { getUrlWithRoomId } from "../../utils/utils.mjs";
+const _hoisted_1 = { class: "invite-member" };
+const _hoisted_2 = { class: "invite-member-title" };
+const _hoisted_3 = { class: "invite-member-item" };
+const _hoisted_4 = { class: "invite-member-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ShareLink",
+  props: {
+    conferenceInfo: {},
+    scheduleParams: {},
+    visible: { type: Boolean }
+  },
+  emits: ["input", "close"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const { onCopy } = useRoomInfo();
+    const props = __props;
+    const emit = __emit;
+    const showRoomInvite = ref(false);
+    watch(
+      () => props.visible,
+      (val) => {
+        showRoomInvite.value = val;
+      },
+      {
+        immediate: true
+      }
+    );
+    const updateVisible = (val) => {
+      emit("input", val);
+    };
+    const roomType = computed(() => props.scheduleParams.isSeatEnabled ? `${t("On-stage Speaking Room")}` : `${t("Free Speech Room")}`);
+    function copyRoomIdAndRoomLink() {
+      const invitation = `${props.scheduleParams.roomName}
+
+${t("Room Type")}: ${roomType.value}
+
+${t("Room Time")}: ${new Date(props.scheduleParams.scheduleStartTime * 1e3)} - ${new Date(props.scheduleParams.scheduleEndTime * 1e3)}
+
+${t("Room ID")}: ${props.scheduleParams.roomId}
+
+${t("Room Link")}: ${getUrlWithRoomId(props.scheduleParams.roomId)}`;
+      onCopy(invitation);
+    }
+    const scheduleInviteList = computed(() => [
+      { id: 1, title: `${t("Invitation by room ID")}`, content: props.scheduleParams.roomId },
+      { id: 2, title: `${t("Invitation via room link")}`, content: getUrlWithRoomId(props.scheduleParams.roomId) }
+    ]);
+    watch(showRoomInvite, (val) => {
+      updateVisible(val);
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Dialog, {
+        modelValue: showRoomInvite.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showRoomInvite.value = $event),
+        title: unref(t)("Schedule successful, invite members to join"),
+        modal: true,
+        "show-close": true,
+        "close-on-click-modal": true,
+        width: "540px",
+        "append-to-body": true,
+        "title-icon": SuccessIcon
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("span", null, [
+            createVNode(TuiButton, {
+              class: "dialog-button",
+              size: "default",
+              onClick: _cache[0] || (_cache[0] = ($event) => copyRoomIdAndRoomLink())
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Copy the conference number and link")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(scheduleInviteList.value, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.id,
+                class: "invite-member-container"
+              }, [
+                createElementVNode("div", _hoisted_2, toDisplayString(unref(t)(item.title)), 1),
+                createElementVNode("div", _hoisted_3, [
+                  createElementVNode("span", _hoisted_4, toDisplayString(item.content), 1),
+                  createVNode(SvgIcon, {
+                    class: "copy",
+                    icon: copyIcon,
+                    onClick: ($event) => unref(onCopy)(item.content)
+                  }, null, 8, ["onClick"])
+                ])
+              ]);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/ScheduleConference/ShareLink.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/ScheduleConference/TimezonePicker.vue.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    modelValue: string;
+}
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, 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_TypePropsToRuntimeProps<Props>>> & {
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/es/components/ScheduleConference/TimezonePicker.vue.mjs

@@ -0,0 +1,84 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
+import TuiSelect from "../common/base/Select.vue.mjs";
+import TuiOption from "../common/base/Option.vue.mjs";
+const _hoisted_1 = { class: "container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TimezonePicker",
+  props: {
+    modelValue: {}
+  },
+  emits: ["input"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedTime = ref(props.modelValue);
+    const timeOptions = computed(() => [
+      { label: "GMT-12:00 世界时 - 国际日期变更线西", value: "Etc/GMT+12" },
+      { label: "GMT-11:00 世界时 - 协调世界时-11", value: "Etc/GMT+11" },
+      { label: "GMT-10:00 夏威夷 - 阿留申标准时间", value: "Pacific/Honolulu" },
+      { label: "GMT-09:00 阿拉斯加标准时间", value: "America/Anchorage" },
+      { label: "GMT-08:00 太平洋标准时间", value: "America/Los_Angeles" },
+      { label: "GMT-07:00 美国山地标准时间", value: "America/Denver" },
+      { label: "GMT-06:00 美国中部标准时间", value: "America/Chicago" },
+      { label: "GMT-05:00 美国东部标准时间", value: "America/New_York" },
+      { label: "GMT-04:00 大西洋标准时间", value: "America/Halifax" },
+      { label: "GMT-03:00 阿根廷标准时间", value: "America/Argentina/Buenos_Aires" },
+      { label: "GMT-02:00 协调世界时-02", value: "Etc/GMT+2" },
+      { label: "GMT-01:00 佛得角标准时间", value: "Atlantic/Cape_Verde" },
+      { label: "GMT+00:00 格林威治标准时间", value: "Europe/London" },
+      { label: "GMT+01:00 中欧标准时间", value: "Europe/Berlin" },
+      { label: "GMT+02:00 东欧标准时间", value: "Europe/Kiev" },
+      { label: "GMT+03:00 莫斯科标准时间", value: "Europe/Moscow" },
+      { label: "GMT+04:00 阿布扎比标准时间", value: "Asia/Dubai" },
+      { label: "GMT+05:00 巴基斯坦标准时间", value: "Asia/Karachi" },
+      { label: "GMT+05:30 印度标准时间", value: "Asia/Kolkata" },
+      { label: "GMT+06:00 孟加拉国标准时间", value: "Asia/Dhaka" },
+      { label: "GMT+07:00 泰国标准时间", value: "Asia/Bangkok" },
+      { label: "GMT+08:00 中国标准时间 - 北京", value: "Asia/Shanghai" },
+      { label: "GMT+09:00 日本标准时间", value: "Asia/Tokyo" },
+      { label: "GMT+10:00 澳大利亚东部标准时间 - 悉尼", value: "Australia/Sydney" },
+      { label: "GMT+11:00 所罗门群岛标准时间", value: "Pacific/Guadalcanal" },
+      { label: "GMT+12:00 新西兰标准时间", value: "Pacific/Auckland" },
+      { label: "GMT+13:00 汤加标准时间", value: "Pacific/Tongatapu" }
+    ]);
+    const updateTime = () => {
+      emit("input", selectedTime.value);
+    };
+    watch(selectedTime, () => {
+      updateTime();
+    }, {
+      immediate: true
+    });
+    watch(() => props.modelValue, (newValue) => {
+      selectedTime.value = newValue;
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(TuiSelect, {
+          modelValue: selectedTime.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTime.value = $event),
+          theme: "white",
+          class: "timepicker-select",
+          teleported: false,
+          "custom-select-content-style": { "font-weight": 400 }
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(timeOptions.value, (time) => {
+              return openBlock(), createBlock(TuiOption, {
+                key: time.value,
+                theme: "white",
+                value: time.value,
+                label: time.label,
+                "custom-option-content-style": { "font-weight": 400 }
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/ScheduleConference/TimezonePicker.vue2.mjs

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList } from "vue";
+import { defineComponent, ref, watch, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList } from "vue";
 import { useRoomStore } from "../../stores/room.mjs";
 import { storeToRefs } from "pinia";
 import TuiSelect from "./base/Select.vue.mjs";
@@ -28,16 +28,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const currentDeviceId = 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") {
+      watch(currentCameraId, (val) => {
+        if (currentDeviceId.value !== val) {
+          currentDeviceId.value = val;
+        }
+      }, { immediate: true });
+    }
+    if (deviceType === "microphone") {
+      watch(currentMicrophoneId, (val) => {
+        if (currentDeviceId.value !== val) {
+          currentDeviceId.value = val;
+        }
+      }, { immediate: true });
+    }
+    if (deviceType === "speaker") {
+      watch(currentSpeakerId, (val) => {
+        if (currentDeviceId.value !== val) {
+          currentDeviceId.value = val;
+        }
+      }, { immediate: true });
+    }
     function getDeviceList() {
       if (deviceType === "camera") {
         return cameraList;
@@ -55,25 +76,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onChange && onChange(deviceId);
       switch (deviceType) {
         case "camera":
-          await ((_a = deviceManager.instance) == null ? void 0 : _a.setCurrentDevice({
-            type: TUIMediaDeviceType.kMediaDeviceTypeVideoCamera,
-            deviceId
-          }));
-          roomStore.setCurrentCameraId(deviceId);
+          try {
+            await ((_a = deviceManager.instance) == null ? void 0 : _a.setCurrentDevice({
+              type: 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: TUIMediaDeviceType.kMediaDeviceTypeAudioInput,
-            deviceId
-          }));
-          roomStore.setCurrentMicrophoneId(deviceId);
+          try {
+            await ((_b = deviceManager.instance) == null ? void 0 : _b.setCurrentDevice({
+              type: 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: TUIMediaDeviceType.kMediaDeviceTypeAudioOutput,
-            deviceId
-          }));
-          roomStore.setCurrentSpeakerId(deviceId);
+          try {
+            await ((_c = deviceManager.instance) == null ? void 0 : _c.setCurrentDevice({
+              type: TUIMediaDeviceType.kMediaDeviceTypeAudioOutput,
+              deviceId
+            }));
+            roomStore.setCurrentSpeakerId(deviceId);
+          } catch (error) {
+            if (speakerList.value.map((item) => item.deviceId).includes(currentSpeakerId.value)) {
+              currentDeviceId.value = currentSpeakerId.value;
+            }
+          }
           break;
       }
     }

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

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

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createElementVNode, normalizeClass } from "vue";
 import i18n from "../../locales/index.mjs";
-import { isWeChat, isMobile } from "../../utils/environment.mjs";
+import { isMobile } from "../../utils/environment.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import { storeToRefs } from "pinia";
 import SvgIcon from "./base/SvgIcon.vue.mjs";
@@ -24,8 +24,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const basicStore = useBasicStore();
     const { defaultTheme } = storeToRefs(basicStore);
-    const isEN = computed(() => !isWeChat && i18n.global.locale.value === "en-US");
-    const isZH = computed(() => isWeChat || i18n.global.locale.value === "zh-CN");
+    const 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");
     return (_ctx, _cache) => {

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

@@ -2,7 +2,7 @@ import { defineComponent, computed, watch, openBlock, createBlock, unref, isRef,
 import { useI18n } from "../../locales/index.mjs";
 import TuiSelect from "./base/Select.vue.mjs";
 import TuiOption from "./base/Option.vue.mjs";
-import TUIRoomEngine, { TUIVideoQuality } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIVideoQuality } from "@tencentcloud/tuiroom-engine-electron";
 import { useRoomStore } from "../../stores/room.mjs";
 import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
 import { storeToRefs } from "pinia";
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       (_a = roomEngine.instance) == null ? void 0 : _a.updateVideoQuality({ quality: val });
     });
-    TUIRoomEngine.once("ready", () => {
+    TUIRoomEngine__default.once("ready", () => {
       var _a;
       (_a = roomEngine.instance) == null ? void 0 : _a.updateVideoQuality({ quality: localVideoQuality.value });
     });