@tencentcloud/roomkit-electron-vue3 2.3.3

package/lib/components/ManageMember/index.vue2.js

@@ -0,0 +1,181 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const pinia = require("pinia");
+const index = require("./MemberItem/index.vue.js");
+const SvgIcon = require("../common/base/SvgIcon.vue.js");
+const SearchIcon = require("../common/icons/SearchIcon.vue.js");
+const ApplyTipsIcon = require("../common/icons/ApplyTipsIcon.vue.js");
+const InviteSolidIcon = require("../common/icons/InviteSolidIcon.vue.js");
+const index$1 = require("../common/base/Dialog/index.vue.js");
+const room = require("../../stores/room.js");
+const useIndexHooks = require("./useIndexHooks.js");
+const Button = require("../common/base/Button.vue.js");
+const _hoisted_1 = { class: "manage-member-container" };
+const _hoisted_2 = { class: "manage-member-header" };
+const _hoisted_3 = { class: "search-container" };
+const _hoisted_4 = ["placeholder"];
+const _hoisted_5 = { class: "invite-content" };
+const _hoisted_6 = {
+  key: 1,
+  class: "apply-on-stage-info"
+};
+const _hoisted_7 = { class: "apply-info" };
+const _hoisted_8 = {
+  id: "memberListContainer",
+  class: "member-list-container"
+};
+const _hoisted_9 = {
+  key: 2,
+  class: "global-setting"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const roomStore = room.useRoomStore();
+    const {
+      applyToAnchorList,
+      isMicrophoneDisableForAllUser,
+      isCameraDisableForAllUser,
+      isGeneralUser
+    } = pinia.storeToRefs(roomStore);
+    const {
+      t,
+      searchText,
+      handleInvite,
+      showApplyUserList,
+      showManageAllUserDialog,
+      dialogTitle,
+      dialogContent,
+      toggleManageAllMember,
+      doToggleManageAllMember,
+      ManageControlType,
+      alreadyStaged,
+      notStaged,
+      filteredUserList,
+      isOnStateTabActive,
+      handleToggleStaged,
+      applyToAnchorUserContent
+    } = useIndexHooks.default();
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("div", _hoisted_2, [
+          Vue.createElementVNode("div", _hoisted_3, [
+            Vue.createVNode(SvgIcon.default, { icon: SearchIcon.default }),
+            Vue.withDirectives(Vue.createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(searchText) ? searchText.value = $event : null),
+              class: "search-input",
+              placeholder: Vue.unref(t)("Search Member")
+            }, null, 8, _hoisted_4), [
+              [Vue.vModelText, Vue.unref(searchText)]
+            ])
+          ]),
+          Vue.createVNode(Button.default, {
+            class: "invite-button",
+            type: "primary",
+            onClick: Vue.unref(handleInvite)
+          }, {
+            icon: Vue.withCtx(() => [
+              Vue.createVNode(InviteSolidIcon.default)
+            ]),
+            default: Vue.withCtx(() => [
+              Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Invite")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        Vue.unref(roomStore).isSpeakAfterTakingSeatMode ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 0,
+          class: "apply-count",
+          onClick: _cache[1] || (_cache[1] = //@ts-ignore
+          (...args) => Vue.unref(handleToggleStaged) && Vue.unref(handleToggleStaged)(...args))
+        }, [
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass(["apply-staged", { "apply-count-active": Vue.unref(isOnStateTabActive) }])
+          }, Vue.toDisplayString(Vue.unref(alreadyStaged)), 3),
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass(["apply-not-stage", { "apply-count-active": !Vue.unref(isOnStateTabActive) }])
+          }, Vue.toDisplayString(Vue.unref(notStaged)), 3)
+        ])) : Vue.createCommentVNode("", true),
+        Vue.unref(applyToAnchorList).length > 0 && !Vue.unref(isGeneralUser) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_6, [
+          Vue.createVNode(SvgIcon.default, {
+            icon: ApplyTipsIcon.default,
+            class: "apply-icon"
+          }),
+          Vue.createElementVNode("div", _hoisted_7, Vue.toDisplayString(Vue.unref(applyToAnchorUserContent)), 1),
+          Vue.createElementVNode("div", {
+            class: "apply-check",
+            onClick: _cache[2] || (_cache[2] = //@ts-ignore
+            (...args) => Vue.unref(showApplyUserList) && Vue.unref(showApplyUserList)(...args))
+          }, Vue.toDisplayString(Vue.unref(t)("Check")), 1)
+        ])) : Vue.createCommentVNode("", true),
+        Vue.createElementVNode("div", _hoisted_8, [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(filteredUserList), (userInfo) => {
+            return Vue.openBlock(), Vue.createBlock(index.default, {
+              key: userInfo.userId,
+              "user-info": userInfo
+            }, null, 8, ["user-info"]);
+          }), 128))
+        ]),
+        !Vue.unref(isGeneralUser) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_9, [
+          Vue.createVNode(Button.default, {
+            class: "button",
+            size: "default",
+            onClick: _cache[3] || (_cache[3] = ($event) => Vue.unref(toggleManageAllMember)(Vue.unref(ManageControlType).AUDIO))
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(isMicrophoneDisableForAllUser) ? Vue.unref(t)("Enable all audios") : Vue.unref(t)("Disable all audios")), 1)
+            ]),
+            _: 1
+          }),
+          Vue.createVNode(Button.default, {
+            class: "button",
+            size: "default",
+            onClick: _cache[4] || (_cache[4] = ($event) => Vue.unref(toggleManageAllMember)(Vue.unref(ManageControlType).VIDEO))
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(isCameraDisableForAllUser) ? Vue.unref(t)("Enable all videos") : Vue.unref(t)("Disable all videos")), 1)
+            ]),
+            _: 1
+          })
+        ])) : Vue.createCommentVNode("", true),
+        Vue.createVNode(index$1.default, {
+          modelValue: Vue.unref(showManageAllUserDialog),
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => Vue.isRef(showManageAllUserDialog) ? showManageAllUserDialog.value = $event : null),
+          title: Vue.unref(dialogTitle),
+          width: "480px",
+          modal: true,
+          "append-to-room-container": true
+        }, {
+          footer: Vue.withCtx(() => [
+            Vue.createVNode(Button.default, {
+              size: "default",
+              onClick: Vue.unref(doToggleManageAllMember)
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Confirm")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            Vue.createVNode(Button.default, {
+              class: "cancel-button",
+              size: "default",
+              type: "primary",
+              onClick: _cache[5] || (_cache[5] = ($event) => showManageAllUserDialog.value = false)
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: Vue.withCtx(() => [
+            Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(dialogContent)), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/ManageMember/index.vue3.js

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

package/lib/components/ManageMember/useIndexHooks.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const pinia = require("pinia");
+const useRoomEngine = require("../../hooks/useRoomEngine.js");
+const room = require("../../stores/room.js");
+const basic = require("../../stores/basic.js");
+const index = require("../../locales/index.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+const Message = require("../common/base/Message/Message.js");
+const message = require("../../constants/message.js");
+const environment = require("../../utils/environment.js");
+function useIndex() {
+  const roomEngine = useRoomEngine.default();
+  const { t } = index.useI18n();
+  const basicStore = basic.useBasicStore();
+  const roomStore = room.useRoomStore();
+  const {
+    userList,
+    anchorUserList,
+    applyToAnchorList,
+    isOnStateTabActive
+  } = pinia.storeToRefs(roomStore);
+  const audienceUserList = Vue.computed(() => userList.value.filter((user) => !anchorUserList.value.includes(user)));
+  const searchText = Vue.ref("");
+  function handleToggleStaged() {
+    isOnStateTabActive.value = !isOnStateTabActive.value;
+    roomStore.setOnStageTabStatus(isOnStateTabActive.value);
+  }
+  const filteredUserList = Vue.computed(() => {
+    let list = [];
+    if (roomStore.isFreeSpeakMode) {
+      list = userList.value;
+    } else if (roomStore.isSpeakAfterTakingSeatMode) {
+      list = isOnStateTabActive.value ? anchorUserList.value : audienceUserList.value;
+    }
+    if (!searchText.value) {
+      return list;
+    }
+    return list.filter((item) => {
+      var _a;
+      return ((_a = item.userName) == null ? void 0 : _a.includes(searchText.value)) || item.userId.includes(searchText.value);
+    });
+  });
+  const alreadyStaged = Vue.computed(() => `${t("Already on stage")} (${anchorUserList.value.length})`);
+  const notStaged = Vue.computed(() => `${t("Not on stage")} (${audienceUserList.value.length})`);
+  function handleInvite() {
+    basicStore.setSidebarName("invite");
+  }
+  const audioManageInfo = Vue.computed(() => roomStore.isMicrophoneDisableForAllUser ? t("Lift all mute") : t("All mute"));
+  const videoManageInfo = Vue.computed(() => roomStore.isCameraDisableForAllUser ? t("Lift stop all video") : t("All stop video"));
+  const showManageAllUserDialog = Vue.ref(false);
+  const dialogContent = Vue.ref("");
+  const dialogTitle = Vue.ref("");
+  const dialogActionInfo = Vue.ref("");
+  let stateForAllAudio = false;
+  let stateForAllVideo = false;
+  let ManageControlType;
+  ((ManageControlType2) => {
+    ManageControlType2["AUDIO"] = "audio";
+    ManageControlType2["VIDEO"] = "video";
+  })(ManageControlType || (ManageControlType = {}));
+  const currentControlType = Vue.ref(
+    "audio"
+    /* AUDIO */
+  );
+  async function toggleManageAllMember(type) {
+    showManageAllUserDialog.value = true;
+    currentControlType.value = type;
+    switch (type) {
+      case "audio":
+        dialogTitle.value = roomStore.isMicrophoneDisableForAllUser ? t("Enable all audios") : t("All current and new members will be muted");
+        dialogContent.value = roomStore.isMicrophoneDisableForAllUser ? t("After unlocking, users can freely turn on the microphone") : t("Members will not be able to open the microphone");
+        stateForAllAudio = !roomStore.isMicrophoneDisableForAllUser;
+        await Vue.nextTick();
+        dialogActionInfo.value = audioManageInfo.value;
+        break;
+      case "video":
+        dialogTitle.value = roomStore.isCameraDisableForAllUser ? t("Enable all videos") : t("All and new members will be banned from the camera");
+        dialogContent.value = roomStore.isCameraDisableForAllUser ? t("After unlocking, users can freely turn on the camera") : t("Members will not be able to open the camera");
+        stateForAllVideo = !roomStore.isCameraDisableForAllUser;
+        await Vue.nextTick();
+        dialogActionInfo.value = videoManageInfo.value;
+        break;
+    }
+  }
+  async function doToggleManageAllMember() {
+    switch (currentControlType.value) {
+      case "audio":
+        toggleAllAudio();
+        break;
+      case "video":
+        toggleAllVideo();
+        break;
+    }
+    showManageAllUserDialog.value = false;
+  }
+  function showApplyUserList() {
+    if (environment.isMobile) {
+      basicStore.setSidebarOpenStatus(true);
+      basicStore.setSidebarName("apply");
+    } else {
+      basicStore.setShowApplyUserList(true);
+    }
+  }
+  async function toggleAllAudio() {
+    var _a;
+    if (roomStore.isMicrophoneDisableForAllUser === stateForAllAudio) {
+      const tipMessage = stateForAllAudio ? t("All audios disabled") : t("All audios enabled");
+      Message.default({
+        type: "success",
+        message: tipMessage,
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+      return;
+    }
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.disableDeviceForAllUserByAdmin({
+      isDisable: stateForAllAudio,
+      device: TUIRoomEngine.TUIMediaDevice.kMicrophone
+    }));
+    roomStore.setMicrophoneDisableState(stateForAllAudio);
+  }
+  async function toggleAllVideo() {
+    var _a;
+    if (roomStore.isCameraDisableForAllUser === stateForAllVideo) {
+      const tipMessage = stateForAllVideo ? t("All videos disabled") : t("All videos enabled");
+      Message.default({
+        type: "success",
+        message: tipMessage,
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+      return;
+    }
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.disableDeviceForAllUserByAdmin({
+      isDisable: stateForAllVideo,
+      device: TUIRoomEngine.TUIMediaDevice.kCamera
+    }));
+    roomStore.setCameraDisableState(stateForAllVideo);
+  }
+  const applyToAnchorUserContent = Vue.computed(() => {
+    var _a, _b;
+    const userName = ((_a = applyToAnchorList.value[0]) == null ? void 0 : _a.userName) || ((_b = applyToAnchorList.value[0]) == null ? void 0 : _b.userId);
+    if (applyToAnchorList.value.length === 1) {
+      return `${userName} ${t("Applying for the stage")}`;
+    }
+    return `${userName} ${t("and so on number people applying to stage", { number: applyToAnchorList.value.length })}`;
+  });
+  return {
+    showApplyUserList,
+    searchText,
+    handleInvite,
+    t,
+    toggleManageAllMember,
+    doToggleManageAllMember,
+    audioManageInfo,
+    videoManageInfo,
+    showManageAllUserDialog,
+    dialogContent,
+    dialogTitle,
+    dialogActionInfo,
+    ManageControlType,
+    alreadyStaged,
+    notStaged,
+    filteredUserList,
+    isOnStateTabActive,
+    handleToggleStaged,
+    applyToAnchorUserContent
+  };
+}
+exports.default = useIndex;

package/lib/components/RoomContent/LocalScreenStream/index.vue.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    isMiniRegion: 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/RoomContent/LocalScreenStream/index.vue.js

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

package/lib/components/RoomContent/LocalScreenStream/index.vue2.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const SvgIcon = require("../../common/base/SvgIcon.vue.js");
+const ScreenSharingIcon = require("../../common/icons/ScreenSharingIcon.vue.js");
+const Button = require("../../common/base/Button.vue.js");
+const index$1 = require("../../common/base/Dialog/index.vue.js");
+const useMitt = require("../../../hooks/useMitt.js");
+const index = require("../../../locales/index.js");
+const _hoisted_1 = { class: "local-screen-container" };
+const _hoisted_2 = { class: "local-screen-info" };
+const _hoisted_3 = { class: "text" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    isMiniRegion: { type: Boolean }
+  },
+  setup(__props) {
+    const { t } = index.useI18n();
+    const showStopShareRegion = Vue.ref(false);
+    function openStopConfirmDialog() {
+      showStopShareRegion.value = true;
+    }
+    function stopScreenSharing() {
+      showStopShareRegion.value = false;
+      useMitt.default.emit("ScreenShare:stopScreenShare");
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass(["local-screen-control-container", { mini: _ctx.isMiniRegion }])
+        }, [
+          Vue.createElementVNode("div", _hoisted_2, [
+            Vue.createVNode(SvgIcon.default, { icon: ScreenSharingIcon.default }),
+            Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("You are sharing the screen...")), 1)
+          ]),
+          Vue.createVNode(Button.default, {
+            size: "default",
+            class: "stop-button",
+            onClick: openStopConfirmDialog
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("End sharing")), 1)
+            ]),
+            _: 1
+          }),
+          Vue.createVNode(index$1.default, {
+            modelValue: showStopShareRegion.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showStopShareRegion.value = $event),
+            width: "420px",
+            title: Vue.unref(t)("End sharing"),
+            modal: true,
+            "close-on-click-modal": true,
+            "append-to-room-container": true
+          }, {
+            footer: Vue.withCtx(() => [
+              Vue.createElementVNode("span", null, [
+                Vue.createVNode(Button.default, {
+                  class: "dialog-button",
+                  size: "default",
+                  onClick: stopScreenSharing
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("End sharing")), 1)
+                  ]),
+                  _: 1
+                }),
+                Vue.createVNode(Button.default, {
+                  type: "primary",
+                  size: "default",
+                  onClick: _cache[0] || (_cache[0] = ($event) => showStopShareRegion.value = false)
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            default: Vue.withCtx(() => [
+              Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.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"])
+        ], 2)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/RoomContent/LocalScreenStream/index.vue3.js

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

package/lib/components/RoomContent/StreamContainer/index.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    showRoomTool: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    showRoomTool: boolean;
+}>>>, {}, {}>;
+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/RoomContent/StreamContainer/index.vue.js

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