@ndscnj/roomkit-web-vue3 25.12.2415 → 25.12.2417

package/src/TUIRoom/components/RoomVote/indexH5.vue

@@ -1,141 +1,84 @@
 <template>
-  <div class="contact-container-main">
-    <div class="contact-title-main">
-      <div>{{ t('Contact us') }}</div>
-      <span v-tap="handleCloseContact" class="cancel">{{ t('Cancel') }}</span>
-    </div>
-    <div
-      v-for="item in contactContentList"
-      :key="item.id"
-      class="contact-content-main"
-    >
-      <span class="contact-title">{{ t(item.title) }}</span>
-      <span class="contact-content">{{ item.content }}</span>
-      <IconCopy v-tap="() => onCopy(item.copyLink)" class="copy" />
-    </div>
-    <span class="contact-bottom">
-      {{
-        t(
-          'If you have any questions, please feel free to join our QQ group or send an email'
-        )
-      }}
-    </span>
+  <div class="more-container">
+    <slot name="content"></slot>
   </div>
 </template>
 
 <script setup lang="ts">
-import useRoomMoreControl from './useRoomMoreHooks';
-import { IconCopy } from '@tencentcloud/uikit-base-component-vue3';
-import vTap from '../../directives/vTap';
-
-const { t, onCopy, contactContentList } = useRoomMoreControl();
-
-const emit = defineEmits(['on-close-contact']);
-
-function handleCloseContact() {
-  emit('on-close-contact');
-}
 </script>
 
 <style lang="scss" scoped>
-span {
-  padding-right: 5px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 17px;
-}
+.more-container {
+  padding: 20px;
 
-.contact-container-main {
-  position: fixed;
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: 4vh;
-  border-radius: 15px 15px 0 0;
-  animation-name: popup;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
+  .more-title {
+    display: flex;
+    align-items: center;
 
-  @keyframes popup {
-    from {
-      transform: scaleY(0);
-      transform-origin: bottom;
+    .email-icon {
+      color: var(--uikit-color-gray-7);
     }
 
-    to {
-      transform: scaleY(1);
-      transform-origin: bottom;
+    .more-notice {
+      width: 100%;
+      height: 22px;
+      padding-left: 8px;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 22px;
+      color: var(--text-color-primary);
     }
   }
 
-  .contact-title-main {
+  .more-item {
+    position: relative;
     display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding: 30px 0 20px 25px;
-    font-family: 'PingFang SC';
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 24px;
-    color: var(--text-color-primary);
-  }
+    flex-direction: column;
 
-  .contact-content-main {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    width: 90%;
-    height: 15%;
-    padding: 0 0 0 25px;
-    margin-bottom: 10px;
-  }
+    &:not(:first-child) {
+      margin-top: 20px;
 
-  .contact-title,
-  .contact-content {
-    width: 28%;
-    font-family: 'PingFang SC';
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-    white-space: nowrap;
-    color: var(--text-color-primary);
-  }
+      .item-title {
+        width: 100%;
+        padding-bottom: 8px;
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 22px;
+        color: var(--text-color-primary);
+      }
 
-  .contact-content {
-    width: 62%;
-    overflow: hidden;
-    font-size: 14px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    color: var(--text-color-secondary);
-  }
+      .more-content {
+        position: relative;
+        box-sizing: border-box;
+        display: inline-block;
+        flex: 1;
+        height: 42px;
+        padding: 10px 30px 10px 16px;
+        overflow: hidden;
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 22px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        border-radius: 8px;
+        outline: none;
+        transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+        color: var(--text-color-primary);
+        background-color: var(--bg-color-input);
+        border: 1px solid var(--stroke-color-module);
+      }
 
-  .contact-bottom {
-    width: 90%;
-    padding-left: 40px;
-    font-family: 'PingFang SC';
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 17px;
-    text-align: center;
-    color: var(--text-color-secondary);
-  }
-
-  .copy {
-    margin-left: 30px;
-    color: var(--text-color-link);
+      .copy-icon {
+        position: absolute;
+        top: 45px;
+        right: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        color: var(--text-color-link);
+      }
+    }
   }
 }
-
-.cancel {
-  flex: 1;
-  padding-right: 30px;
-  font-size: 16px;
-  font-weight: 400;
-  text-align: end;
-}
 </style>

package/src/TUIRoom/components/RoomVote/indexPC.vue

@@ -1,35 +1,10 @@
 <template>
   <div class="more-container">
-    <div class="more-title">
-      <IconEmail class="email-icon" />
-      <div class="more-notice">
-        {{ t('Vote') }}
-      </div>
-    </div>
-    <div v-if="isZH" class="more-item">
-      <div class="item-title">{{ t('Join our product discussion group') }}</div>
-      <TUIButton @click="handleClick">{{ t('Join now') }}</TUIButton>
-    </div>
-    <div class="more-item">
-      <div class="item-title">{{ t('Our email address') }}</div>
-      <div class="more-content">{{ email }}</div>
-      <IconCopy class="copy-icon" @click="onCopy(email)" />
-    </div>
-    <div class="more-item">
-      <slot name="content"></slot>
-    </div>
+    <slot name="content"></slot>
   </div>
 </template>
 
 <script setup lang="ts">
-import {
-  TUIButton,
-  IconCopy,
-  IconEmail,
-} from '@tencentcloud/uikit-base-component-vue3';
-import useRoomMoreControl from './useRoomMoreHooks';
-
-const { t, onCopy, handleClick, email, isZH } = useRoomMoreControl();
 </script>
 
 <style lang="scss" scoped>

package/src/TUIRoom/conference.vue

@@ -18,11 +18,12 @@
       @show-overlay="handleShowOverlay"
       @on-vote="onVote"
     >
-    <template #content>
-      <slot name="content"></slot>
-    </template>
     </room-footer>
-    <room-sidebar />
+    <room-sidebar @on-vote="onVote">
+      <template #content>
+          <slot name="content"></slot>
+        </template>
+    </room-sidebar>
     <room-setting />
     <room-overlay />
     <RoomInviteOverlay v-if="overlayMap.RoomInviteOverlay.visible" />

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

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

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

@@ -1,48 +0,0 @@
-import { defineComponent, computed, ref, createElementBlock, openBlock, createVNode, unref, withCtx } from "vue";
-import "../../services/main.mjs";
-import { roomService } from "../../services/roomService.mjs";
-import { useI18n } from "../../locales/index.mjs";
-import "@tencentcloud/tuiroom-engine-js";
-import "../../utils/environment.mjs";
-import "mitt";
-import "../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-import IconButton from "../common/base/IconButton.vue.mjs";
-import { IconAIIcon } from "@tencentcloud/uikit-base-component-vue3";
-const _hoisted_1 = { class: "vote-control-container" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "voteControl",
-  emits: ["on-vote"],
-  setup(__props, { emit: __emit }) {
-    const { basicStore } = roomService;
-    const sidebarName = computed(() => basicStore.sidebarName);
-    const { t } = useI18n();
-    const showToolBox = ref(false);
-    const emit = __emit;
-    function toggleToolBox() {
-      console.log(showToolBox.value, "0000");
-      showToolBox.value = !showToolBox.value;
-      emit("on-vote", {
-        name: "onVote",
-        visible: showToolBox.value
-      });
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(IconButton, {
-          "is-active": sidebarName.value === "vote",
-          title: unref(t)("Vote"),
-          onClickIcon: toggleToolBox
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(IconAIIcon), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/RoomVote/indexH5.vue2.mjs

@@ -1,51 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, withDirectives, toDisplayString, unref, createTextVNode, Fragment, renderList, createVNode } from "vue";
-import useRoomMoreHooks from "./useRoomMoreHooks.mjs";
-import { IconCopy } from "@tencentcloud/uikit-base-component-vue3";
-import vTap from "../../directives/vTap.mjs";
-const _hoisted_1 = { class: "contact-container-main" };
-const _hoisted_2 = { class: "contact-title-main" };
-const _hoisted_3 = { class: "cancel" };
-const _hoisted_4 = { class: "contact-title" };
-const _hoisted_5 = { class: "contact-content" };
-const _hoisted_6 = { class: "contact-bottom" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "indexH5",
-  emits: ["on-close-contact"],
-  setup(__props, { emit: __emit }) {
-    const { t, onCopy, contactContentList } = useRoomMoreHooks();
-    const emit = __emit;
-    function handleCloseContact() {
-      emit("on-close-contact");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", null, toDisplayString(unref(t)("Contact us")), 1),
-          withDirectives((openBlock(), createElementBlock("span", _hoisted_3, [
-            createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
-          ])), [
-            [unref(vTap), handleCloseContact]
-          ])
-        ]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(contactContentList), (item) => {
-          return openBlock(), createElementBlock("div", {
-            key: item.id,
-            class: "contact-content-main"
-          }, [
-            createElementVNode("span", _hoisted_4, toDisplayString(unref(t)(item.title)), 1),
-            createElementVNode("span", _hoisted_5, toDisplayString(item.content), 1),
-            withDirectives(createVNode(unref(IconCopy), { class: "copy" }, null, 512), [
-              [unref(vTap), () => unref(onCopy)(item.copyLink)]
-            ])
-          ]);
-        }), 128)),
-        createElementVNode("span", _hoisted_6, toDisplayString(unref(t)(
-          "If you have any questions, please feel free to join our QQ group or send an email"
-        )), 1)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/RoomVote/indexPC.vue2.mjs

@@ -1,52 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, withCtx, createTextVNode, renderSlot } from "vue";
-import { IconEmail, TUIButton, IconCopy } from "@tencentcloud/uikit-base-component-vue3";
-import useRoomMoreHooks from "./useRoomMoreHooks.mjs";
-const _hoisted_1 = { class: "more-container" };
-const _hoisted_2 = { class: "more-title" };
-const _hoisted_3 = { class: "more-notice" };
-const _hoisted_4 = {
-  key: 0,
-  class: "more-item"
-};
-const _hoisted_5 = { class: "item-title" };
-const _hoisted_6 = { class: "more-item" };
-const _hoisted_7 = { class: "item-title" };
-const _hoisted_8 = { class: "more-content" };
-const _hoisted_9 = { class: "more-item" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "indexPC",
-  setup(__props) {
-    const { t, onCopy, handleClick, email, isZH } = useRoomMoreHooks();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(unref(IconEmail), { class: "email-icon" }),
-          createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("Vote")), 1)
-        ]),
-        unref(isZH) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("Join our product discussion group")), 1),
-          createVNode(unref(TUIButton), { onClick: unref(handleClick) }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("Join now")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_6, [
-          createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("Our email address")), 1),
-          createElementVNode("div", _hoisted_8, toDisplayString(unref(email)), 1),
-          createVNode(unref(IconCopy), {
-            class: "copy-icon",
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(onCopy)(unref(email)))
-          })
-        ]),
-        createElementVNode("div", _hoisted_9, [
-          renderSlot(_ctx.$slots, "content", {}, void 0, true)
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/RoomVote/useRoomMoreHooks.mjs

@@ -1,43 +0,0 @@
-import { computed } from "vue";
-import { TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import i18n, { useI18n } from "../../locales/index.mjs";
-import "../../utils/environment.mjs";
-import { clipBoard } from "../../utils/adapter.mjs";
-function useRoomMoreHooks() {
-  const { t } = useI18n();
-  const groupNumber = "770645461";
-  const email = "chaooliang@tencent.com";
-  async function onCopy(value) {
-    try {
-      await clipBoard(value);
-      TUIToast({
-        message: t("Copied successfully"),
-        type: TOAST_TYPE.SUCCESS
-      });
-    } catch (error) {
-      TUIToast({
-        message: t("Copied failure"),
-        type: TOAST_TYPE.ERROR
-      });
-    }
-  }
-  const isZH = computed(() => i18n.global.locale.value === "zh-CN");
-  const contactContentList = [
-    { id: 1, title: "group chat", content: groupNumber, copyLink: groupNumber },
-    { id: 2, title: "Email", content: email, copyLink: email }
-  ];
-  const handleClick = () => {
-    window.open("https://zhiliao.qq.com/s/c5GY7HIM62CK", "_blank");
-  };
-  return {
-    t,
-    onCopy,
-    contactContentList,
-    email,
-    handleClick,
-    isZH
-  };
-}
-export {
-  useRoomMoreHooks as default
-};

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

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

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

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-require("../../services/main.js");
-const roomService = require("../../services/roomService.js");
-const index = 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 IconButton = require("../common/base/IconButton.vue.js");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
-const _hoisted_1 = { class: "vote-control-container" };
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "voteControl",
-  emits: ["on-vote"],
-  setup(__props, { emit: __emit }) {
-    const { basicStore } = roomService.roomService;
-    const sidebarName = Vue.computed(() => basicStore.sidebarName);
-    const { t } = index.useI18n();
-    const showToolBox = Vue.ref(false);
-    const emit = __emit;
-    function toggleToolBox() {
-      console.log(showToolBox.value, "0000");
-      showToolBox.value = !showToolBox.value;
-      emit("on-vote", {
-        name: "onVote",
-        visible: showToolBox.value
-      });
-    }
-    return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createVNode(IconButton.default, {
-          "is-active": sidebarName.value === "vote",
-          title: Vue.unref(t)("Vote"),
-          onClickIcon: toggleToolBox
-        }, {
-          default: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconAIIcon), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/RoomVote/indexH5.vue2.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
-const useRoomMoreHooks = require("./useRoomMoreHooks.js");
-const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
-const vTap = require("../../directives/vTap.js");
-const _hoisted_1 = { class: "contact-container-main" };
-const _hoisted_2 = { class: "contact-title-main" };
-const _hoisted_3 = { class: "cancel" };
-const _hoisted_4 = { class: "contact-title" };
-const _hoisted_5 = { class: "contact-content" };
-const _hoisted_6 = { class: "contact-bottom" };
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "indexH5",
-  emits: ["on-close-contact"],
-  setup(__props, { emit: __emit }) {
-    const { t, onCopy, contactContentList } = useRoomMoreHooks.default();
-    const emit = __emit;
-    function handleCloseContact() {
-      emit("on-close-contact");
-    }
-    return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createElementVNode("div", _hoisted_2, [
-          Vue.createElementVNode("div", null, Vue.toDisplayString(Vue.unref(t)("Contact us")), 1),
-          Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("span", _hoisted_3, [
-            Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
-          ])), [
-            [Vue.unref(vTap.default), handleCloseContact]
-          ])
-        ]),
-        (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(contactContentList), (item) => {
-          return Vue.openBlock(), Vue.createElementBlock("div", {
-            key: item.id,
-            class: "contact-content-main"
-          }, [
-            Vue.createElementVNode("span", _hoisted_4, Vue.toDisplayString(Vue.unref(t)(item.title)), 1),
-            Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(item.content), 1),
-            Vue.withDirectives(Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconCopy), { class: "copy" }, null, 512), [
-              [Vue.unref(vTap.default), () => Vue.unref(onCopy)(item.copyLink)]
-            ])
-          ]);
-        }), 128)),
-        Vue.createElementVNode("span", _hoisted_6, Vue.toDisplayString(Vue.unref(t)(
-          "If you have any questions, please feel free to join our QQ group or send an email"
-        )), 1)
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/RoomVote/indexPC.vue2.js

@@ -1,52 +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 useRoomMoreHooks = require("./useRoomMoreHooks.js");
-const _hoisted_1 = { class: "more-container" };
-const _hoisted_2 = { class: "more-title" };
-const _hoisted_3 = { class: "more-notice" };
-const _hoisted_4 = {
-  key: 0,
-  class: "more-item"
-};
-const _hoisted_5 = { class: "item-title" };
-const _hoisted_6 = { class: "more-item" };
-const _hoisted_7 = { class: "item-title" };
-const _hoisted_8 = { class: "more-content" };
-const _hoisted_9 = { class: "more-item" };
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "indexPC",
-  setup(__props) {
-    const { t, onCopy, handleClick, email, isZH } = useRoomMoreHooks.default();
-    return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createElementVNode("div", _hoisted_2, [
-          Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconEmail), { class: "email-icon" }),
-          Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Vote")), 1)
-        ]),
-        Vue.unref(isZH) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
-          Vue.createElementVNode("div", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Join our product discussion group")), 1),
-          Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), { onClick: Vue.unref(handleClick) }, {
-            default: Vue.withCtx(() => [
-              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Join now")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ])) : Vue.createCommentVNode("", true),
-        Vue.createElementVNode("div", _hoisted_6, [
-          Vue.createElementVNode("div", _hoisted_7, Vue.toDisplayString(Vue.unref(t)("Our email address")), 1),
-          Vue.createElementVNode("div", _hoisted_8, Vue.toDisplayString(Vue.unref(email)), 1),
-          Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconCopy), {
-            class: "copy-icon",
-            onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(onCopy)(Vue.unref(email)))
-          })
-        ]),
-        Vue.createElementVNode("div", _hoisted_9, [
-          Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
-        ])
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/components/RoomVote/useRoomMoreHooks.js

@@ -1,43 +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 index = require("../../locales/index.js");
-require("../../utils/environment.js");
-const adapter = require("../../utils/adapter.js");
-function useRoomMoreHooks() {
-  const { t } = index.useI18n();
-  const groupNumber = "770645461";
-  const email = "chaooliang@tencent.com";
-  async function onCopy(value) {
-    try {
-      await adapter.clipBoard(value);
-      uikitBaseComponentVue3.TUIToast({
-        message: t("Copied successfully"),
-        type: uikitBaseComponentVue3.TOAST_TYPE.SUCCESS
-      });
-    } catch (error) {
-      uikitBaseComponentVue3.TUIToast({
-        message: t("Copied failure"),
-        type: uikitBaseComponentVue3.TOAST_TYPE.ERROR
-      });
-    }
-  }
-  const isZH = Vue.computed(() => index.default.global.locale.value === "zh-CN");
-  const contactContentList = [
-    { id: 1, title: "group chat", content: groupNumber, copyLink: groupNumber },
-    { id: 2, title: "Email", content: email, copyLink: email }
-  ];
-  const handleClick = () => {
-    window.open("https://zhiliao.qq.com/s/c5GY7HIM62CK", "_blank");
-  };
-  return {
-    t,
-    onCopy,
-    contactContentList,
-    email,
-    handleClick,
-    isZH
-  };
-}
-exports.default = useRoomMoreHooks;