@ndscnj/roomkit-web-vue3 25.12.2412 → 25.12.2414

package/es/components/RoomFooter/voteControl/VoteControlPC.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "on-vote": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onOn-vote"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/components/RoomFooter/voteControl/VoteControlPC.vue.mjs

@@ -1,55 +0,0 @@
-import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx } from "vue";
-import { IconMore } from "@tencentcloud/uikit-base-component-vue3";
-import IconButton from "../../common/base/IconButton.vue.mjs";
-import useControl from "./useVoteControlHooks.mjs";
-import "../../../services/main.mjs";
-import { roomService } from "../../../services/roomService.mjs";
-import "../../../locales/index.mjs";
-import "@tencentcloud/tuiroom-engine-js";
-import "../../../utils/environment.mjs";
-import "mitt";
-import "../../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-const _hoisted_1 = {
-  key: 0,
-  class: "vote-control-container"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VoteControlPC",
-  emits: ["on-vote"],
-  setup(__props, { emit: __emit }) {
-    const voteControlConfig = roomService.getComponentConfig("VoteControl");
-    const { t, basicStore, sidebarName } = useControl();
-    const emit = __emit;
-    function toggleMoreSidebar() {
-      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
-        basicStore.setSidebarOpenStatus(false);
-        basicStore.setSidebarName("");
-        return;
-      }
-      basicStore.setSidebarOpenStatus(true);
-      basicStore.setSidebarName("vote");
-      emit("on-vote", {
-        name: "onVote",
-        visible: voteControlConfig.visible
-      });
-    }
-    return (_ctx, _cache) => {
-      return unref(voteControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(IconButton, {
-          "is-active": unref(sidebarName) === "vote",
-          title: unref(t)("Vote"),
-          onClickIcon: toggleMoreSidebar
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(IconMore), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/RoomFooter/voteControl/VoteControlPC.vue2.mjs

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

package/es/components/RoomFooter/voteControl/index.d.ts

@@ -1,10 +0,0 @@
-declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "on-vote": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onOn-vote"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default VoteControl;

package/es/components/RoomFooter/voteControl/index.mjs

@@ -1,7 +0,0 @@
-import VoteControlH5 from "./VoteControlH5.vue.mjs";
-import _sfc_main from "./VoteControlPC.vue.mjs";
-import { isMobile } from "../../../utils/environment.mjs";
-const VoteControl = isMobile ? VoteControlH5 : _sfc_main;
-export {
-  VoteControl as default
-};

package/es/components/RoomFooter/voteControl/useVoteControlHooks.mjs

@@ -1,22 +0,0 @@
-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 === "vote" ? ICON_NAME.VoteActive : ICON_NAME.Vote
-  );
-  return {
-    t,
-    basicStore,
-    iconName,
-    sidebarName
-  };
-}
-export {
-  useControl as default
-};

package/lib/components/RoomFooter/voteControl/VoteControlH5.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/lib/components/RoomFooter/voteControl/VoteControlH5.vue.js

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

package/lib/components/RoomFooter/voteControl/VoteControlH5.vue2.js

@@ -1,105 +0,0 @@
-"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 IconButton = require("../../common/base/IconButton.vue.js");
-const useVoteControlHooks = require("./useVoteControlHooks.js");
-const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.vue.js");
-const InviteControl = require("../InviteControl.vue.js");
-const ContactControl = require("../ContactControl.vue.js");
-const room = require("../../../stores/room.js");
-const useMitt = require("../../../hooks/useMitt.js");
-const vTap = require("../../../directives/vTap.js");
-require("../../../services/main.js");
-const roomService = require("../../../services/roomService.js");
-require("../../../locales/index.js");
-require("@tencentcloud/tuiroom-engine-js");
-require("../../../utils/environment.js");
-require("mitt");
-require("../../../services/manager/roomActionManager.js");
-require("@tencentcloud/tui-core");
-const _hoisted_1 = {
-  key: 0,
-  class: "more-control-container"
-};
-const _hoisted_2 = { class: "control-compent" };
-const _hoisted_3 = { class: "close" };
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "VoteControlH5",
-  emits: ["show-overlay"],
-  setup(__props, { emit: __emit }) {
-    const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
-    const showMoreContent = Vue.ref(false);
-    const moreContentRef = Vue.ref();
-    const { t, sidebarName } = useVoteControlHooks.default();
-    const roomStore = room.useRoomStore();
-    const emit = __emit;
-    function showMore() {
-      showMoreContent.value = true;
-    }
-    function handleCancelControl() {
-      showMoreContent.value = false;
-    }
-    function handleControlClick(name) {
-      useMitt.default.emit("experience-communication", name);
-    }
-    function handleShowOverlay(data) {
-      showMoreContent.value = false;
-      emit("show-overlay", data);
-    }
-    function handleDocumentClick(event) {
-      if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
-        showMoreContent.value = false;
-      }
-    }
-    Vue.onMounted(() => {
-      document == null ? void 0 : document.addEventListener("click", handleDocumentClick, true);
-    });
-    Vue.onUnmounted(() => {
-      document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
-    });
-    return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", null, [
-        Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-          Vue.withDirectives((Vue.openBlock(), Vue.createBlock(IconButton.default, {
-            "is-active": Vue.unref(sidebarName) === "more",
-            title: Vue.unref(t)("More")
-          }, {
-            default: Vue.withCtx(() => [
-              Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconExtension), { size: "24" })
-            ]),
-            _: 1
-          }, 8, ["is-active", "title"])), [
-            [Vue.unref(vTap.default), showMore]
-          ])
-        ])) : Vue.createCommentVNode("", true),
-        showMoreContent.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
-          key: 1,
-          ref_key: "moreContentRef",
-          ref: moreContentRef,
-          class: "show-more-content"
-        }, [
-          Vue.createElementVNode("div", _hoisted_2, [
-            Vue.unref(roomStore).isSpeakAfterTakingSeatMode ? (Vue.openBlock(), Vue.createBlock(ChatControl_vue_vue_type_script_setup_true_lang.default, {
-              key: 0,
-              onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("chatControl"))
-            })) : Vue.createCommentVNode("", true),
-            Vue.createVNode(ContactControl.default, {
-              onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("contactControl"))
-            }),
-            Vue.createVNode(InviteControl.default, {
-              onShowOverlay: handleShowOverlay,
-              onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
-            })
-          ]),
-          Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
-            Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
-          ])), [
-            [Vue.unref(vTap.default), handleCancelControl]
-          ])
-        ], 512)) : Vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/RoomFooter/voteControl/VoteControlPC.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "on-vote": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onOn-vote"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/lib/components/RoomFooter/voteControl/VoteControlPC.vue.js

@@ -1,55 +0,0 @@
-"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 IconButton = require("../../common/base/IconButton.vue.js");
-const useVoteControlHooks = require("./useVoteControlHooks.js");
-require("../../../services/main.js");
-const roomService = require("../../../services/roomService.js");
-require("../../../locales/index.js");
-require("@tencentcloud/tuiroom-engine-js");
-require("../../../utils/environment.js");
-require("mitt");
-require("../../../services/manager/roomActionManager.js");
-require("@tencentcloud/tui-core");
-const _hoisted_1 = {
-  key: 0,
-  class: "vote-control-container"
-};
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "VoteControlPC",
-  emits: ["on-vote"],
-  setup(__props, { emit: __emit }) {
-    const voteControlConfig = roomService.roomService.getComponentConfig("VoteControl");
-    const { t, basicStore, sidebarName } = useVoteControlHooks.default();
-    const emit = __emit;
-    function toggleMoreSidebar() {
-      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
-        basicStore.setSidebarOpenStatus(false);
-        basicStore.setSidebarName("");
-        return;
-      }
-      basicStore.setSidebarOpenStatus(true);
-      basicStore.setSidebarName("vote");
-      emit("on-vote", {
-        name: "onVote",
-        visible: voteControlConfig.visible
-      });
-    }
-    return (_ctx, _cache) => {
-      return Vue.unref(voteControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createVNode(IconButton.default, {
-          "is-active": Vue.unref(sidebarName) === "vote",
-          title: Vue.unref(t)("Vote"),
-          onClickIcon: toggleMoreSidebar
-        }, {
-          default: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ])) : Vue.createCommentVNode("", true);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/RoomFooter/voteControl/VoteControlPC.vue2.js

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

package/lib/components/RoomFooter/voteControl/index.d.ts

@@ -1,10 +0,0 @@
-declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "show-overlay": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "on-vote": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    "onOn-vote"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default VoteControl;

package/lib/components/RoomFooter/voteControl/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const VoteControlH5 = require("./VoteControlH5.vue.js");
-const VoteControlPC_vue_vue_type_script_setup_true_lang = require("./VoteControlPC.vue.js");
-const environment = require("../../../utils/environment.js");
-const VoteControl = environment.isMobile ? VoteControlH5.default : VoteControlPC_vue_vue_type_script_setup_true_lang.default;
-exports.default = VoteControl;

package/lib/components/RoomFooter/voteControl/useVoteControlHooks.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const basic = require("../../../stores/basic.js");
-const pinia = require("pinia");
-const index = require("../../../locales/index.js");
-const icon = require("../../../constants/icon.js");
-function useControl() {
-  const { t } = index.useI18n();
-  const basicStore = basic.useBasicStore();
-  const { sidebarName } = pinia.storeToRefs(basicStore);
-  const iconName = Vue.computed(
-    () => sidebarName.value === "vote" ? icon.ICON_NAME.VoteActive : icon.ICON_NAME.Vote
-  );
-  return {
-    t,
-    basicStore,
-    iconName,
-    sidebarName
-  };
-}
-exports.default = useControl;

package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlH5.vue

@@ -1,122 +0,0 @@
-<template>
-  <div>
-    <div v-if="moreControlConfig.visible" class="more-control-container">
-      <icon-button
-        v-tap="showMore"
-        :is-active="sidebarName === 'more'"
-        :title="t('More')"
-      >
-        <IconExtension size="24" />
-      </icon-button>
-    </div>
-    <div v-if="showMoreContent" ref="moreContentRef" class="show-more-content">
-      <div class="control-compent">
-        <chat-control
-          v-if="roomStore.isSpeakAfterTakingSeatMode"
-          @click="handleControlClick('chatControl')"
-        />
-        <contact-control @click="handleControlClick('contactControl')" />
-        <invite-control
-          @show-overlay="handleShowOverlay"
-          @click="handleControlClick('inviteControl')"
-        />
-      </div>
-      <div v-tap="handleCancelControl" class="close">{{ t('Cancel') }}</div>
-    </div>
-  </div>
-</template>
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted, defineEmits } from 'vue';
-import { IconExtension } from '@tencentcloud/uikit-base-component-vue3';
-import IconButton from '../../common/base/IconButton.vue';
-import userVoteControl from './useVoteControlHooks';
-import ChatControl from '../ChatControl.vue';
-import InviteControl from '../InviteControl.vue';
-import ContactControl from '../ContactControl.vue';
-import { useRoomStore } from '../../../stores/room';
-import bus from '../../../hooks/useMitt';
-import vTap from '../../../directives/vTap';
-import { roomService } from '../../../services';
-
-const moreControlConfig = roomService.getComponentConfig('MoreControl');
-const showMoreContent = ref(false);
-const moreContentRef = ref();
-
-const { t, sidebarName } = userVoteControl();
-const roomStore = useRoomStore();
-const emit = defineEmits(['show-overlay']);
-function showMore() {
-  showMoreContent.value = true;
-}
-
-function handleCancelControl() {
-  showMoreContent.value = false;
-}
-function handleControlClick(name: string) {
-  bus.emit('experience-communication', name);
-}
-
-function handleShowOverlay(data: { name: string; visible: boolean }) {
-  showMoreContent.value = false;
-  emit('show-overlay', data);
-}
-
-function handleDocumentClick(event: MouseEvent) {
-  if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
-    showMoreContent.value = false;
-  }
-}
-
-onMounted(() => {
-  document?.addEventListener('click', handleDocumentClick, true);
-});
-
-onUnmounted(() => {
-  document?.removeEventListener('click', handleDocumentClick, true);
-});
-</script>
-<style lang="scss" scoped>
-.show-more-content {
-  position: absolute;
-  bottom: 15px;
-  left: 5%;
-  width: 90%;
-  height: 17vh;
-  padding: 10px;
-  border-radius: 13px;
-  animation-name: popup;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-
-@keyframes popup {
-  from {
-    bottom: 0;
-  }
-
-  to {
-    bottom: 15px;
-  }
-}
-
-.control-compent {
-  display: flex;
-}
-
-.close {
-  position: relative;
-  top: 10%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: 10px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 24px;
-  text-align: center;
-  border-radius: 8px;
-  color: var(--text-color-primary);
-  background-color: var(--button-color-secondary-default);
-}
-</style>

package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlPC.vue

@@ -1,35 +0,0 @@
-<template>
-  <div v-if="voteControlConfig.visible" class="vote-control-container">
-    <icon-button
-      :is-active="sidebarName === 'vote'"
-      :title="t('Vote')"
-      @click-icon="toggleMoreSidebar"
-    >
-      <IconMore size="24" />
-    </icon-button>
-  </div>
-</template>
-<script setup lang="ts">
-import { IconMore } from '@tencentcloud/uikit-base-component-vue3';
-import IconButton from '../../common/base/IconButton.vue';
-import userVoteControl from './useVoteControlHooks';
-import { roomService } from '../../../services';
-import { defineEmits } from 'vue';
-const voteControlConfig = roomService.getComponentConfig('VoteControl');
-const { t, basicStore, sidebarName } = userVoteControl();
-const emit = defineEmits(['on-vote']);
-function toggleMoreSidebar() {
-  if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'vote') {
-    basicStore.setSidebarOpenStatus(false);
-    basicStore.setSidebarName('');
-    return;
-  }
-  basicStore.setSidebarOpenStatus(true);
-  basicStore.setSidebarName('vote');
-  emit('on-vote', {
-    name: 'onVote',
-    visible: voteControlConfig.visible,
-  });
-}
-</script>
-<style lang="scss" scoped></style>

package/src/TUIRoom/components/RoomFooter/voteControl/index.ts

@@ -1,8 +0,0 @@
-import VoteControlH5 from './VoteControlH5.vue';
-import VoteControlPc from './VoteControlPC.vue';
-
-import { isMobile } from '../../../utils/environment';
-
-const VoteControl = isMobile ? VoteControlH5 : VoteControlPc;
-
-export default VoteControl;

package/src/TUIRoom/components/RoomFooter/voteControl/useVoteControlHooks.ts

@@ -1,23 +0,0 @@
-import { computed } from 'vue';
-import { useBasicStore } from '../../../stores/basic';
-import { storeToRefs } from 'pinia';
-import { useI18n } from '../../../locales';
-import { ICON_NAME } from '../../../constants/icon';
-
-export default function useControl() {
-  const { t } = useI18n();
-
-  const basicStore = useBasicStore();
-  const { sidebarName } = storeToRefs(basicStore);
-
-  const iconName = computed(() =>
-    sidebarName.value === 'vote' ? ICON_NAME.VoteActive : ICON_NAME.Vote
-  );
-
-  return {
-    t,
-    basicStore,
-    iconName,
-    sidebarName,
-  };
-}