@tencentcloud/roomkit-electron-vue3 2.3.3

package/es/components/RoomFooter/ManageStageControl.vue.mjs

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, withDirectives, vShow } from "vue";
+import { storeToRefs } from "pinia";
+import IconButton from "../common/base/IconButton.vue.mjs";
+import StageApplicationIcon from "../common/icons/StageApplicationIcon.vue.mjs";
+import { useBasicStore } from "../../stores/basic.mjs";
+import { useRoomStore } from "../../stores/room.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import TuiBadge from "../common/base/Badge.vue.mjs";
+import { isMobile } from "../../utils/environment.mjs";
+import MasterApplyControl from "./ApplyControl/MasterApplyControl/index.vue.mjs";
+import useMasterApplyControl from "../../hooks/useMasterApplyControl.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ManageStageControl",
+  setup(__props) {
+    const { t } = useI18n();
+    const basicStore = useBasicStore();
+    const roomStore = useRoomStore();
+    const { handleShowNotification } = useMasterApplyControl();
+    const { sidebarName, showApplyUserList } = storeToRefs(basicStore);
+    const { applyToAnchorList } = storeToRefs(roomStore);
+    function toggleManageStage() {
+      if (!isMobile) {
+        basicStore.setShowApplyUserList(!showApplyUserList.value);
+      } else {
+        if (basicStore.isSidebarOpen && basicStore.sidebarName === "apply") {
+          basicStore.setSidebarOpenStatus(false);
+          basicStore.setSidebarName("");
+          return;
+        }
+        basicStore.setSidebarOpenStatus(true);
+        basicStore.setSidebarName("apply");
+      }
+    }
+    handleShowNotification();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(TuiBadge, {
+          hidden: unref(applyToAnchorList).length === 0,
+          value: unref(applyToAnchorList).length,
+          max: 10,
+          type: "danger"
+        }, {
+          default: withCtx(() => [
+            createVNode(IconButton, {
+              title: unref(t)("Apply to stage"),
+              icon: StageApplicationIcon,
+              "is-active": unref(sidebarName) === "apply",
+              onClickIcon: toggleManageStage
+            }, null, 8, ["title", "is-active"])
+          ]),
+          _: 1
+        }, 8, ["hidden", "value"]),
+        withDirectives(createVNode(MasterApplyControl, null, null, 512), [
+          [vShow, unref(showApplyUserList)]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/ManageStageControl.vue2.mjs

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

package/es/components/RoomFooter/MoreControl/index.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/es/components/RoomFooter/MoreControl/index.vue.mjs

@@ -0,0 +1,47 @@
+import { defineComponent, unref, openBlock, createElementBlock, createVNode, createCommentVNode } from "vue";
+import IconButton from "../../common/base/IconButton.vue.mjs";
+import MoreIcon from "../../common/icons/MoreIcon.vue.mjs";
+import useControl from "./useMoreControlHooks.mjs";
+import "../../../services/main.mjs";
+import { roomService } from "../../../services/roomService.mjs";
+import "../../../locales/index.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../../services/manager/roomActionManager.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "more-control-container"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const moreControlConfig = roomService.getComponentConfig("MoreControl");
+    const {
+      t,
+      basicStore,
+      sidebarName
+    } = useControl();
+    function toggleMoreSidebar() {
+      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "more") {
+        basicStore.setSidebarOpenStatus(false);
+        basicStore.setSidebarName("");
+        return;
+      }
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("more");
+    }
+    return (_ctx, _cache) => {
+      return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(IconButton, {
+          "is-active": unref(sidebarName) === "more",
+          title: unref(t)("More"),
+          icon: MoreIcon,
+          onClickIcon: toggleMoreSidebar
+        }, null, 8, ["is-active", "title"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/MoreControl/index.vue2.mjs

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

package/es/components/RoomFooter/MoreControl/useMoreControlHooks.d.ts

@@ -0,0 +1,8 @@
+import { ICON_NAME } from '../../../constants/icon';
+
+export default function useControl(): {
+    t: any;
+    basicStore: any;
+    iconName: import('vue').ComputedRef<ICON_NAME.More | ICON_NAME.MoreActive>;
+    sidebarName: any;
+};

package/es/components/RoomFooter/MoreControl/useMoreControlHooks.mjs

@@ -0,0 +1,20 @@
+import { computed } from "vue";
+import { useBasicStore } from "../../../stores/basic.mjs";
+import { storeToRefs } from "pinia";
+import { useI18n } from "../../../locales/index.mjs";
+import { ICON_NAME } from "../../../constants/icon.mjs";
+function useControl() {
+  const { t } = useI18n();
+  const basicStore = useBasicStore();
+  const { sidebarName } = storeToRefs(basicStore);
+  const iconName = computed(() => sidebarName.value === "more" ? ICON_NAME.MoreActive : ICON_NAME.More);
+  return {
+    t,
+    basicStore,
+    iconName,
+    sidebarName
+  };
+}
+export {
+  useControl as default
+};

package/es/components/RoomFooter/ScreenShareControl/Index.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/es/components/RoomFooter/ScreenShareControl/Index.vue.mjs

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

package/es/components/RoomFooter/ScreenShareControl/Index.vue2.mjs

@@ -0,0 +1,220 @@
+import { defineComponent, ref, computed, onUnmounted, openBlock, createElementBlock, createVNode, normalizeClass, withCtx, createBlock, unref, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { storeToRefs } from "pinia";
+import { useI18n } from "../../../locales/index.mjs";
+import IconButton from "../../common/base/IconButton.vue.mjs";
+import TUIRoomEngine, { TUIRoomEvents, TRTCScreenCaptureSourceType } from "@tencentcloud/tuiroom-engine-electron";
+import ScreenWindowSelectDialog from "./ScreenWindowSelectDialog.vue.mjs";
+import ScreenShareIcon from "../../common/icons/ScreenShareIcon.vue.mjs";
+import StopScreenShareIcon from "../../common/icons/StopScreenShareIcon.vue.mjs";
+import { useRoomStore } from "../../../stores/room.mjs";
+import useGetRoomEngine from "../../../hooks/useRoomEngine.mjs";
+import renderMsg from "../../common/base/Message/Message.mjs";
+import { MESSAGE_DURATION } from "../../../constants/message.mjs";
+import bus from "../../../hooks/useMitt.mjs";
+import Dialog from "../../common/base/Dialog/index.vue.mjs";
+import TuiButton from "../../common/base/Button.vue.mjs";
+import logger from "../../../utils/common/logger/index.mjs";
+const _hoisted_1 = { class: "screen-share-control-container" };
+const logPrefix = "[ScreenShareControl]";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Index",
+  setup(__props) {
+    const { t } = useI18n();
+    const roomStore = useRoomStore();
+    const { isAudience, hasOtherScreenShare } = storeToRefs(roomStore);
+    const roomEngine = useGetRoomEngine();
+    const btnStopRef = ref();
+    const isSharing = ref(false);
+    const showPermissionVisible = ref(false);
+    const showStopShareRegion = ref(false);
+    const screenShareDisabled = computed(() => isAudience.value);
+    const title = computed(() => isSharing.value ? t("End sharing") : t("Share screen"));
+    const selectDialogVisible = ref(false);
+    const screenList = ref([]);
+    const windowList = ref([]);
+    async function toggleScreenShare() {
+      var _a;
+      if (isSharing.value) {
+        showStopShareRegion.value = true;
+        return;
+      }
+      if (isAudience.value) {
+        renderMsg({
+          type: "warning",
+          message: t("You currently do not have sharing permission, please raise your hand to apply for sharing permission first"),
+          duration: MESSAGE_DURATION.LONG
+        });
+        return;
+      }
+      if (hasOtherScreenShare.value) {
+        renderMsg({
+          type: "warning",
+          message: t("Another user is currently sharing the screen, screen sharing is not possible."),
+          duration: MESSAGE_DURATION.LONG
+        });
+        return;
+      }
+      if (!window.isHasScreen && process.platform === "darwin") {
+        showPermissionVisible.value = true;
+      }
+      if (!isSharing.value && !selectDialogVisible.value) {
+        const screenCaptureList = await ((_a = roomEngine.instance) == null ? void 0 : _a.getScreenSharingTarget());
+        screenList.value = screenCaptureList.filter(
+          (screen) => screen.type === TRTCScreenCaptureSourceType.TRTCScreenCaptureSourceTypeScreen
+          // eslint-disable-line
+        );
+        windowList.value = screenCaptureList.filter((screen) => screen.type === TRTCScreenCaptureSourceType.TRTCScreenCaptureSourceTypeWindow);
+        selectDialogVisible.value = true;
+      }
+    }
+    async function onPermissionScreenShare() {
+      const { shell } = require("electron");
+      shell.openExternal("x-apple.systempreferences:com.apple.preference.security?Privacy_ScreenCapture");
+      showPermissionVisible.value = false;
+    }
+    async function onConfirmScreenShare(screenInfo) {
+      var _a;
+      if (hasOtherScreenShare.value) {
+        renderMsg({
+          type: "warning",
+          message: t("Another user is currently sharing the screen, screen sharing is not possible."),
+          duration: MESSAGE_DURATION.LONG
+        });
+        return;
+      }
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.startScreenSharingElectron({ targetId: screenInfo.sourceId }));
+      isSharing.value = true;
+      selectDialogVisible.value = false;
+    }
+    async function stopScreenShare() {
+      var _a;
+      if (isSharing.value) {
+        try {
+          await ((_a = roomEngine.instance) == null ? void 0 : _a.stopScreenSharingElectron());
+          showStopShareRegion.value = false;
+          isSharing.value = false;
+        } catch (error) {
+          logger.error(`${logPrefix}stopScreenShare error:`, error);
+        }
+      }
+    }
+    function screenCaptureStopped() {
+      isSharing.value = false;
+    }
+    bus.on("ScreenShare:stopScreenShare", stopScreenShare);
+    TUIRoomEngine.once("ready", () => {
+      var _a;
+      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onUserScreenCaptureStopped, screenCaptureStopped);
+    });
+    onUnmounted(() => {
+      var _a;
+      bus.off("ScreenShare:stopScreenShare", stopScreenShare);
+      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onUserScreenCaptureStopped, screenCaptureStopped);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(IconButton, {
+          ref_key: "btnStopRef",
+          ref: btnStopRef,
+          "is-active": isSharing.value,
+          class: normalizeClass({ outlined: isSharing.value }),
+          title: title.value,
+          disabled: screenShareDisabled.value,
+          onClickIcon: toggleScreenShare
+        }, {
+          default: withCtx(() => [
+            isSharing.value ? (openBlock(), createBlock(StopScreenShareIcon, { key: 0 })) : (openBlock(), createBlock(ScreenShareIcon, { key: 1 }))
+          ]),
+          _: 1
+        }, 8, ["is-active", "class", "title", "disabled"]),
+        createVNode(Dialog, {
+          modelValue: showStopShareRegion.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showStopShareRegion.value = $event),
+          width: "420px",
+          title: unref(t)("End sharing"),
+          modal: true,
+          "close-on-click-modal": true,
+          "append-to-room-container": true
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("span", null, [
+              createVNode(TuiButton, {
+                size: "default",
+                onClick: stopScreenShare
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("End sharing")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(TuiButton, {
+                class: "button",
+                type: "primary",
+                size: "default",
+                onClick: _cache[0] || (_cache[0] = ($event) => showStopShareRegion.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("span", null, toDisplayString(unref(t)("Others will no longer see your screen after you stop sharing. Are you sure you want to stop?")), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        createVNode(ScreenWindowSelectDialog, {
+          visible: selectDialogVisible.value,
+          "screen-list": screenList.value,
+          "window-list": windowList.value,
+          onOnConfirm: onConfirmScreenShare,
+          onOnClose: _cache[2] || (_cache[2] = ($event) => selectDialogVisible.value = false)
+        }, null, 8, ["visible", "screen-list", "window-list"]),
+        createVNode(Dialog, {
+          modelValue: showPermissionVisible.value,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => showPermissionVisible.value = $event),
+          title: unref(t)("Grant permission to screen recording"),
+          modal: true,
+          "append-to-body": true,
+          width: "480px",
+          "close-on-click-modal": true,
+          "append-to-room-container": true
+        }, {
+          footer: withCtx(() => [
+            createVNode(TuiButton, {
+              size: "default",
+              onClick: onPermissionScreenShare
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Open the system preferences settings")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(TuiButton, {
+              class: "button",
+              type: "primary",
+              size: "default",
+              onClick: _cache[3] || (_cache[3] = ($event) => showPermissionVisible.value = false)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", null, toDisplayString(unref(t)(
+              'Due to macOS 10.15 system requirements, please check the current application in "System Preferences - Security & Privacy - Screen Recording".'
+            )), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/ScreenShareControl/Index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowPreviewer.vue.d.ts

@@ -0,0 +1,16 @@
+import { TRTCScreenCaptureSourceInfo } from '@tencentcloud/tuiroom-engine-electron';
+
+interface Props {
+    data: TRTCScreenCaptureSourceInfo;
+}
+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/es/components/RoomFooter/ScreenShareControl/ScreenWindowPreviewer.vue.mjs

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

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowPreviewer.vue2.mjs

@@ -0,0 +1,46 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = { class: "screen-window-previewer" };
+const _hoisted_2 = ["width", "height", "data-id"];
+const _hoisted_3 = { class: "previewer-name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScreenWindowPreviewer",
+  props: {
+    data: {}
+  },
+  setup(__props) {
+    const { data } = __props;
+    const canvasRef = ref(null);
+    onMounted(() => {
+      var _a, _b, _c;
+      if (canvasRef.value) {
+        if (((_a = data.thumbBGRA) == null ? void 0 : _a.width) && ((_b = data.thumbBGRA) == null ? void 0 : _b.height) && ((_c = data.thumbBGRA) == null ? void 0 : _c.buffer)) {
+          const ctx = canvasRef.value.getContext("2d");
+          if (ctx !== null) {
+            const img = new ImageData(
+              new Uint8ClampedArray(data.thumbBGRA.buffer),
+              data.thumbBGRA.width,
+              data.thumbBGRA.height
+            );
+            ctx.putImageData(img, 0, 0);
+          }
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", _hoisted_1, [
+        createElementVNode("canvas", {
+          ref_key: "canvasRef",
+          ref: canvasRef,
+          class: normalizeClass([_ctx.data.isMinimizeWindow ? "previewer-mini" : "previewer-canvas"]),
+          width: _ctx.data.thumbBGRA.width,
+          height: _ctx.data.thumbBGRA.height,
+          "data-id": _ctx.data.sourceId
+        }, null, 10, _hoisted_2),
+        createElementVNode("div", _hoisted_3, toDisplayString(_ctx.data.sourceName), 1)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowPreviewer.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowSelectDialog.vue.d.ts

@@ -0,0 +1,24 @@
+import { TRTCScreenCaptureSourceInfo } from '@tencentcloud/tuiroom-engine-electron';
+
+interface Props {
+    visible: boolean;
+    screenList: Array<TRTCScreenCaptureSourceInfo>;
+    windowList: Array<TRTCScreenCaptureSourceInfo>;
+}
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "on-confirm": (...args: any[]) => void;
+    "on-close": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+    "onOn-confirm"?: ((...args: any[]) => any) | undefined;
+    "onOn-close"?: ((...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/RoomFooter/ScreenShareControl/ScreenWindowSelectDialog.vue.mjs

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

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowSelectDialog.vue2.mjs

@@ -0,0 +1,110 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, normalizeClass } from "vue";
+import renderMsg from "../../common/base/Message/Message.mjs";
+import ScreenWindowPreviewer from "./ScreenWindowPreviewer.vue.mjs";
+import { MESSAGE_DURATION } from "../../../constants/message.mjs";
+import { useI18n } from "../../../locales/index.mjs";
+import Dialog from "../../common/base/Dialog/index.vue.mjs";
+import TuiButton from "../../common/base/Button.vue.mjs";
+const _hoisted_1 = { class: "screen-content" };
+const _hoisted_2 = { class: "screen-title" };
+const _hoisted_3 = { class: "screen-list" };
+const _hoisted_4 = { class: "window-title" };
+const _hoisted_5 = { class: "window-list" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScreenWindowSelectDialog",
+  props: {
+    visible: { type: Boolean },
+    screenList: {},
+    windowList: {}
+  },
+  emits: ["on-confirm", "on-close"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const props = __props;
+    const emit = __emit;
+    const selected = ref(null);
+    watch(
+      () => props.screenList.length,
+      () => {
+        if (props.screenList.length > 0) {
+          onSelect(props.screenList[0]);
+        }
+      }
+    );
+    function onSelect(screenInfo) {
+      selected.value = screenInfo;
+    }
+    function start() {
+      if (selected == null ? void 0 : selected.value) {
+        emit("on-confirm", selected.value);
+      } else {
+        renderMsg({
+          type: "warning",
+          message: t("Select a screen or window first"),
+          duration: MESSAGE_DURATION.LONG
+        });
+      }
+    }
+    function onClose() {
+      emit("on-close", props.visible);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(Dialog, {
+          "model-value": _ctx.visible,
+          title: unref(t)("Select a screen or window first"),
+          modal: true,
+          "append-to-body": true,
+          width: "960px",
+          onClose
+        }, {
+          footer: withCtx(() => [
+            createVNode(TuiButton, {
+              size: "default",
+              onClick: start
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Share")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("Screen")), 1),
+              createElementVNode("ul", _hoisted_3, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.screenList, (item) => {
+                  var _a;
+                  return openBlock(), createBlock(ScreenWindowPreviewer, {
+                    key: item.sourceId,
+                    data: item,
+                    class: normalizeClass({ selected: item.sourceId === ((_a = selected.value) == null ? void 0 : _a.sourceId) }),
+                    title: item.sourceName,
+                    onClick: ($event) => onSelect(item)
+                  }, null, 8, ["data", "class", "title", "onClick"]);
+                }), 128))
+              ]),
+              createElementVNode("div", _hoisted_4, toDisplayString(unref(t)("Window")), 1),
+              createElementVNode("ul", _hoisted_5, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.windowList, (item) => {
+                  var _a;
+                  return openBlock(), createBlock(ScreenWindowPreviewer, {
+                    key: item.sourceId,
+                    data: item,
+                    class: normalizeClass({ selected: item.sourceId === ((_a = selected.value) == null ? void 0 : _a.sourceId) }),
+                    title: item.sourceName,
+                    onClick: ($event) => onSelect(item)
+                  }, null, 8, ["data", "class", "title", "onClick"]);
+                }), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value", "title"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/ScreenShareControl/ScreenWindowSelectDialog.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/RoomFooter/SettingControl.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/es/components/RoomFooter/SettingControl.vue.mjs

@@ -0,0 +1,35 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx } from "vue";
+import IconButton from "../common/base/IconButton.vue.mjs";
+import SettingIcon from "../common/icons/SettingIcon.vue.mjs";
+import { useBasicStore } from "../../stores/basic.mjs";
+import { storeToRefs } from "pinia";
+import { useI18n } from "../../locales/index.mjs";
+const _hoisted_1 = { class: "setting-control-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SettingControl",
+  setup(__props) {
+    const { t } = useI18n();
+    const basicStore = useBasicStore();
+    const { showSettingDialog } = storeToRefs(basicStore);
+    function handleShowSettingDialog() {
+      basicStore.setShowSettingDialog(!basicStore.showSettingDialog);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(IconButton, {
+          "is-active": unref(showSettingDialog),
+          title: unref(t)("Settings"),
+          onClickIcon: handleShowSettingDialog
+        }, {
+          default: withCtx(() => [
+            createVNode(SettingIcon)
+          ]),
+          _: 1
+        }, 8, ["is-active", "title"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/SettingControl.vue2.mjs

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