@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

package/lib/components/common/icons/InviteSolidIcon.vue.js

@@ -1,21 +0,0 @@
-"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 = {};
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "20",
-  height: "20",
-  viewBox: "0 0 20 20",
-  fill: "none"
-};
-const _hoisted_2 = /* @__PURE__ */ Vue.createStaticVNode('<path d="M12.9355 9.83496C12.9355 9.42075 13.2713 9.08496 13.6855 9.08496H18.4355C18.8498 9.08496 19.1855 9.42075 19.1855 9.83496C19.1855 10.2492 18.8498 10.585 18.4355 10.585H13.6855C13.2713 10.585 12.9355 10.2492 12.9355 9.83496Z" fill="currentColor"></path><path d="M16.0605 6.70996C16.4748 6.70996 16.8105 7.04575 16.8105 7.45996L16.8105 12.21C16.8105 12.6242 16.4748 12.96 16.0605 12.96C15.6463 12.96 15.3105 12.6242 15.3105 12.21L15.3105 7.45996C15.3105 7.04575 15.6463 6.70996 16.0605 6.70996Z" fill="currentColor"></path><g filter="url(#filter0_b_3556_42581)"><mask id="path-3-inside-1_3556_42581" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.63542 10.0423C10.9366 10.0423 12.8021 8.17684 12.8021 5.87565C12.8021 3.57446 10.9366 1.70898 8.63542 1.70898C6.33423 1.70898 4.46875 3.57446 4.46875 5.87565C4.46875 8.17684 6.33423 10.0423 8.63542 10.0423ZM7.55273 11.292C4.23903 11.292 1.55273 13.9783 1.55273 17.292V18.2087C1.55273 18.7609 2.00045 19.2087 2.55274 19.2087H14.7194C15.2717 19.2087 15.7194 18.7609 15.7194 18.2087V17.292C15.7194 13.9783 13.0331 11.292 9.7194 11.292H7.55273Z"></path></mask><path d="M11.3021 5.87565C11.3021 7.34841 10.1082 8.54232 8.63542 8.54232V11.5423C11.765 11.5423 14.3021 9.00526 14.3021 5.87565H11.3021ZM8.63542 3.20898C10.1082 3.20898 11.3021 4.40289 11.3021 5.87565H14.3021C14.3021 2.74604 11.765 0.208984 8.63542 0.208984V3.20898ZM5.96875 5.87565C5.96875 4.40289 7.16266 3.20898 8.63542 3.20898V0.208984C5.5058 0.208984 2.96875 2.74604 2.96875 5.87565H5.96875ZM8.63542 8.54232C7.16266 8.54232 5.96875 7.34841 5.96875 5.87565H2.96875C2.96875 9.00526 5.5058 11.5423 8.63542 11.5423V8.54232ZM3.05273 17.292C3.05273 14.8067 5.06745 12.792 7.55273 12.792V9.79199C3.4106 9.79199 0.0527344 13.1499 0.0527344 17.292H3.05273ZM3.05273 18.2087V17.292H0.0527344V18.2087H3.05273ZM2.55274 17.7087C2.82888 17.7087 3.05273 17.9325 3.05273 18.2087H0.0527344C0.0527344 19.5894 1.17202 20.7087 2.55274 20.7087V17.7087ZM14.7194 17.7087H2.55274V20.7087H14.7194V17.7087ZM14.2194 18.2087C14.2194 17.9325 14.4433 17.7087 14.7194 17.7087V20.7087C16.1001 20.7087 17.2194 19.5894 17.2194 18.2087H14.2194ZM14.2194 17.292V18.2087H17.2194V17.292H14.2194ZM9.7194 12.792C12.2047 12.792 14.2194 14.8067 14.2194 17.292H17.2194C17.2194 13.1499 13.8615 9.79199 9.7194 9.79199V12.792ZM7.55273 12.792H9.7194V9.79199H7.55273V12.792Z" fill="currentColor" mask="url(#path-3-inside-1_3556_42581)"></path></g><defs><filter id="filter0_b_3556_42581" x="-6.44727" y="-6.29102" width="30.166" height="33.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feGaussianBlur in="BackgroundImageFix" stdDeviation="4"></feGaussianBlur><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3556_42581"></feComposite><feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3556_42581" result="shape"></feBlend></filter></defs>', 4);
-const _hoisted_6 = [
-  _hoisted_2
-];
-function _sfc_render(_ctx, _cache) {
-  return Vue.openBlock(), Vue.createElementBlock("svg", _hoisted_1, _hoisted_6);
-}
-const InviteSolidIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = InviteSolidIcon;

package/lib/conference.vue3.js

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

package/lib/conference.vue4.js

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

package/lib/extension/RoomMessageCard/RoomMessageCard.vue3.js

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

package/lib/preConference.vue3.js

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

package/lib/preConference.vue4.js

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

package/src/TUIRoom/components/RoomContent/LocalScreenStream/index.vue

@@ -1,116 +0,0 @@
-<template>
-  <div class="local-screen-container">
-    <div :class="['local-screen-control-container', { mini: isMiniRegion }]">
-      <div class="local-screen-info">
-        <svg-icon :icon="ScreenSharingIcon"></svg-icon>
-        <span class="text">{{ t('You are sharing the screen...') }}</span>
-      </div>
-      <tui-button size="default" class="stop-button" @click="openStopConfirmDialog">
-        {{ t('End sharing') }}
-      </tui-button>
-      <Dialog
-        v-model="showStopShareRegion"
-        width="420px"
-        :title="t('End sharing')"
-        :modal="true"
-        :close-on-click-modal="true"
-        :append-to-room-container="true"
-      >
-        <span>
-          {{ t('Others will no longer see your screen after you stop sharing. Are you sure you want to stop?') }}</span>
-        <template #footer>
-          <span>
-            <tui-button class="dialog-button" size="default" @click="stopScreenSharing">{{ t('End sharing') }}</tui-button>
-            <tui-button type="primary" size="default" @click="showStopShareRegion = false">{{ t('Cancel') }}</tui-button>
-          </span>
-        </template>
-      </Dialog>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import SvgIcon from '../../common/base/SvgIcon.vue';
-import ScreenSharingIcon from '../../common/icons/ScreenSharingIcon.vue';
-import TuiButton from '../../common/base/Button.vue';
-import Dialog from '../../common/base/Dialog/index.vue';
-import eventBus from '../../../hooks/useMitt';
-import { useI18n } from '../../../locales';
-const { t } = useI18n();
-const showStopShareRegion = ref(false);
-
-interface Props {
-  isMiniRegion: boolean;
-}
-
-defineProps<Props>();
-
-function openStopConfirmDialog() {
-  showStopShareRegion.value = true;
-}
-
-function stopScreenSharing() {
-  showStopShareRegion.value = false;
-  eventBus.emit('ScreenShare:stopScreenShare');
-}
-</script>
-
-<style lang="scss" scoped>
-
-.tui-theme-white .local-screen-container {
-  --local-screen-stream-bg-color: rgba(228, 232, 238, 0.40);
-}
-
-.tui-theme-black .local-screen-container {
-  --local-screen-stream-bg-color: rgba(34, 38, 46, 0.50);
-}
-
-.local-screen-container {
-  width: 100%;
-  height: 100%;
-  background-color: var(--background-color-1);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  &::before {
-    content: '';
-    width: 100%;
-    height: 100%;
-    background-color: var(--local-screen-stream-bg-color);
-  }
-  .local-screen-control-container {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    color: var(--screen-font-color);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    &.mini {
-      transform: translate(-50%, -50%) scale(0.7);
-    }
-    .local-screen-info {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      .text {
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px;
-        white-space: nowrap;
-      }
-    }
-    .stop-button {
-      margin-top: 30px;
-      background-color: var(--red-color-3);
-      border: 1.5px solid var(--red-color-3);
-    }
-  }
-}
-.dialog-button {
-  margin-right: 12px;
-}
-</style>

package/src/TUIRoom/components/common/base/Input.vue

@@ -1,61 +0,0 @@
-<template>
-  <div class="tui-input">
-    <input
-      :value="modelValue"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      maxlength="80"
-      :type="type"
-      @input="updateValue"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  modelValue: string;
-  placeholder: string;
-  disabled?: boolean;
-  type?: string;
-}
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const props = withDefaults(defineProps<Props>(), {
-  modelValue: '',
-  placeholder: '',
-  disabled: false,
-  type: 'text',
-});
-
-const emit = defineEmits(['update:modelValue']);
-
-function updateValue(event: any) {
-  emit('update:modelValue', event.target.value);
-}
-</script>
-
-<style lang="scss" scoped>
-.tui-input {
-  position: relative;
-  display: inline-block;
-}
-
-input {
-  width: 100%;
-  padding: 10px 0px 10px 16px;
-  font-size: 14px;
-  color: var(--title-color);
-  background-color: #f9fafc;
-  border: 1px solid var(--stroke-color);
-  border-radius: 4px;
-}
-
-input:focus {
-  border-color: var(--active-color-1);
-  outline: 0;
-}
-
-input:disabled {
-  background-color: var(--background-color-9);
-}
-</style>

package/src/TUIRoom/components/common/base/Option.vue

@@ -1,82 +0,0 @@
-<template>
-  <div :class="['option-container', { 'active': isSelected }]" @click="handleChooseOption">
-    <span class="option-content">{{ label || value }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { inject, watch, computed, onBeforeUnmount } from 'vue';
-
-interface OptionData {
-  label: string,
-  value: string | number | boolean | object,
-}
-
-interface SelectData {
-  selectedValue: string | number | boolean | object,
-  optionObj: Record<any, any>,
-  optionDataList: OptionData[],
-  onOptionCreated: (optionData: OptionData) => void,
-  onOptionDestroyed: (value: string | number | boolean | object) => void,
-  onOptionSelected: (optionData: OptionData) => void,
-}
-
-const props = defineProps<OptionData>();
-
-const select: SelectData | undefined = inject('select');
-
-const isSelected = computed(() => select && select.selectedValue === props.value);
-
-const optionData = computed(() => ({
-  label: props.label,
-  value: props.value,
-}));
-
-select?.onOptionCreated(optionData.value);
-
-onBeforeUnmount(() => {
-  select?.onOptionDestroyed(props.value);
-});
-
-watch(() => [props.value, props.label], (val, oldVal) => {
-  if (JSON.stringify(val) !== JSON.stringify(oldVal)) {
-    select?.onOptionDestroyed(oldVal);
-    select?.onOptionCreated(optionData.value);
-  }
-});
-
-function handleChooseOption() {
-  select?.onOptionSelected(optionData.value);
-}
-
-</script>
-
-<style lang="scss" scoped>
-
-.tui-theme-white .option-container {
-  --hover-background-color: rgba(213, 224, 242, 0.5);
-}
-
-.tui-theme-black .option-container {
-  --hover-background-color: rgba(213, 224, 242, 0.5);
-}
-
-.option-container {
-  padding: 6px 15px;
-  cursor: pointer;
-  white-space: nowrap;
-  overflow: hidden;
-  color: #000;
-  &.active {
-    color: var(--active-color-2);
-  }
-  &:hover {
-    background-color: var(--hover-background-color);
-  }
-  .option-content {
-    font-size: 14px;
-    line-height: 22px;
-    font-weight: 500;
-  }
-}
-</style>