@ndscnj/roomkit-web-vue3 25.12.2412 → 25.12.2414

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

@@ -0,0 +1,71 @@
+"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 index$1 = require("../RoomVote/index.js");
+const _hoisted_1 = { class: "vote-control-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "contact-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "voteControl",
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const { basicStore } = roomService.roomService;
+    const isSidebarOpen = Vue.computed(() => basicStore.isSidebarOpen);
+    const sidebarName = Vue.computed(() => basicStore.sidebarName);
+    const { t } = index.useI18n();
+    const showToolBox = Vue.ref(false);
+    Vue.watch(isSidebarOpen, (newValue) => {
+      showToolBox.value = newValue && false;
+    });
+    const emit = __emit;
+    function toggleToolBox() {
+      console.log(showToolBox.value, "0000");
+      showToolBox.value = !showToolBox.value;
+      emit("on-vote", {
+        name: "onVote",
+        visible: showToolBox.value
+      });
+    }
+    function handleOnCloseContact() {
+      showToolBox.value = false;
+    }
+    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"]),
+        !isSidebarOpen.value && showToolBox.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createVNode(Vue.unref(index$1.default), {
+            ref: "contactRef",
+            onOnCloseContact: handleOnCloseContact
+          }, {
+            content: Vue.withCtx(() => [
+              Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
+            ]),
+            _: 3
+          }, 512)
+        ])) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const indexPC_vue_vue_type_script_setup_true_lang = require("./indexPC.vue2.js");
 ;/* empty css              */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-11728c2b"]]);
+const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-d1a96ffd"]]);
 exports.default = indexPC;

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

@@ -14,7 +14,7 @@ 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: "contact-container" };
+const _hoisted_9 = { class: "more-item" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "indexPC",
   setup(__props) {
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       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.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("If you have any questions, please email us.")), 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),

package/lib/constants/icon.d.ts

@@ -20,8 +20,6 @@ export declare enum ICON_NAME {
     ManageMember = "manage-member",
     More = "more",
     MoreActive = "more-active",
-    Vote = "vote",
-    VoteActive = "vote-active",
     SettingActive = "setting-active",
     Setting = "setting",
     LineArrowUp = "line-arrow-up",

package/lib/constants/icon.js

@@ -22,8 +22,6 @@ var ICON_NAME = /* @__PURE__ */ ((ICON_NAME2) => {
   ICON_NAME2["ManageMember"] = "manage-member";
   ICON_NAME2["More"] = "more";
   ICON_NAME2["MoreActive"] = "more-active";
-  ICON_NAME2["Vote"] = "vote";
-  ICON_NAME2["VoteActive"] = "vote-active";
   ICON_NAME2["SettingActive"] = "setting-active";
   ICON_NAME2["Setting"] = "setting";
   ICON_NAME2["LineArrowUp"] = "line-arrow-up";

package/lib/index.js

@@ -3928,45 +3928,170 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.show-more-content[data-v-1506794c] {
-  position: absolute;
-  bottom: 15px;
-  left: 5%;
-  width: 90%;
-  height: 17vh;
-  padding: 10px;
-  border-radius: 13px;
-  animation-name: popup-1506794c;
+}span[data-v-939000cb] {
+  padding-right: 5px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 17px;
+}
+.contact-container-main[data-v-939000cb] {
+  position: fixed;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: 4vh;
+  border-radius: 15px 15px 0 0;
+  animation-name: popup-939000cb;
   animation-duration: 200ms;
   background-color: var(--bg-color-operate);
 }
-@keyframes popup-1506794c {
+@keyframes popup-939000cb {
 from {
-    bottom: 0;
+    transform: scaleY(0);
+    transform-origin: bottom;
 }
 to {
-    bottom: 15px;
+    transform: scaleY(1);
+    transform-origin: bottom;
 }
 }
-.control-compent[data-v-1506794c] {
+.contact-container-main .contact-title-main[data-v-939000cb] {
   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);
 }
-.close[data-v-1506794c] {
-  position: relative;
-  top: 10%;
+.contact-container-main .contact-content-main[data-v-939000cb] {
   display: flex;
+  flex-direction: row;
   align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: 10px;
+  width: 90%;
+  height: 15%;
+  padding: 0 0 0 25px;
+  margin-bottom: 10px;
+}
+.contact-container-main .contact-title[data-v-939000cb],
+.contact-container-main .contact-content[data-v-939000cb] {
+  width: 28%;
+  font-family: "PingFang SC";
+  font-size: 14px;
   font-style: normal;
   font-weight: 400;
-  line-height: 24px;
+  line-height: 20px;
+  white-space: nowrap;
+  color: var(--text-color-primary);
+}
+.contact-container-main .contact-content[data-v-939000cb] {
+  width: 62%;
+  overflow: hidden;
+  font-size: 14px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-color-secondary);
+}
+.contact-container-main .contact-bottom[data-v-939000cb] {
+  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);
+}
+.contact-container-main .copy[data-v-939000cb] {
+  margin-left: 30px;
+  color: var(--text-color-link);
+}
+.cancel[data-v-939000cb] {
+  flex: 1;
+  padding-right: 30px;
+  font-size: 16px;
+  font-weight: 400;
+  text-align: end;
+}.more-container[data-v-d1a96ffd] {
+  padding: 20px;
+}
+.more-container .more-title[data-v-d1a96ffd] {
+  display: flex;
+  align-items: center;
+}
+.more-container .more-title .email-icon[data-v-d1a96ffd] {
+  color: var(--uikit-color-gray-7);
+}
+.more-container .more-title .more-notice[data-v-d1a96ffd] {
+  width: 100%;
+  height: 22px;
+  padding-left: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  color: var(--text-color-primary);
+}
+.more-container .more-item[data-v-d1a96ffd] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
+  margin-top: 20px;
+}
+.more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
+  width: 100%;
+  padding-bottom: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  color: var(--text-color-primary);
+}
+.more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
+  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(--button-color-secondary-default);
-}.footer-container[data-v-3a373c3a] {
+  background-color: var(--bg-color-input);
+  border: 1px solid var(--stroke-color-module);
+}
+.more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
+  position: absolute;
+  top: 45px;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: var(--text-color-link);
+}.contact-container[data-v-c9bb5a2b] {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 11;
+  box-sizing: border-box;
+  width: 100vw;
+  height: auto;
+  background-color: var(--uikit-color-black-8);
+}.footer-container[data-v-f808bd91] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3980,25 +4105,25 @@ to {
   background-color: var(--bg-color-topbar);
   box-shadow: 0 -8px 30px var(--uikit-color-black-8);
 }
-.footer-container .left-container[data-v-3a373c3a] {
+.footer-container .left-container[data-v-f808bd91] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.footer-container .left-container .left-container-item[data-v-3a373c3a]:not(:first-child) {
+.footer-container .left-container .left-container-item[data-v-f808bd91]:not(:first-child) {
   margin-left: 1rem;
 }
-.footer-container .center-container[data-v-3a373c3a] {
+.footer-container .center-container[data-v-f808bd91] {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   margin: 0 auto;
 }
-.footer-container .center-container .center-container-item[data-v-3a373c3a]:not(:first-child) {
+.footer-container .center-container .center-container-item[data-v-f808bd91]:not(:first-child) {
   margin-left: 16px;
 }
-.footer-container .right-container[data-v-3a373c3a] {
+.footer-container .right-container[data-v-f808bd91] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -4986,159 +5111,6 @@ to {
   right: 0;
   z-index: 101;
   height: 100%;
-}span[data-v-939000cb] {
-  padding-right: 5px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 17px;
-}
-.contact-container-main[data-v-939000cb] {
-  position: fixed;
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: 4vh;
-  border-radius: 15px 15px 0 0;
-  animation-name: popup-939000cb;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-@keyframes popup-939000cb {
-from {
-    transform: scaleY(0);
-    transform-origin: bottom;
-}
-to {
-    transform: scaleY(1);
-    transform-origin: bottom;
-}
-}
-.contact-container-main .contact-title-main[data-v-939000cb] {
-  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);
-}
-.contact-container-main .contact-content-main[data-v-939000cb] {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 90%;
-  height: 15%;
-  padding: 0 0 0 25px;
-  margin-bottom: 10px;
-}
-.contact-container-main .contact-title[data-v-939000cb],
-.contact-container-main .contact-content[data-v-939000cb] {
-  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);
-}
-.contact-container-main .contact-content[data-v-939000cb] {
-  width: 62%;
-  overflow: hidden;
-  font-size: 14px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--text-color-secondary);
-}
-.contact-container-main .contact-bottom[data-v-939000cb] {
-  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);
-}
-.contact-container-main .copy[data-v-939000cb] {
-  margin-left: 30px;
-  color: var(--text-color-link);
-}
-.cancel[data-v-939000cb] {
-  flex: 1;
-  padding-right: 30px;
-  font-size: 16px;
-  font-weight: 400;
-  text-align: end;
-}.more-container[data-v-11728c2b] {
-  padding: 20px;
-}
-.more-container .more-title[data-v-11728c2b] {
-  display: flex;
-  align-items: center;
-}
-.more-container .more-title .email-icon[data-v-11728c2b] {
-  color: var(--uikit-color-gray-7);
-}
-.more-container .more-title .more-notice[data-v-11728c2b] {
-  width: 100%;
-  height: 22px;
-  padding-left: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
-}
-.more-container .more-item[data-v-11728c2b] {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-.more-container .more-item[data-v-11728c2b]:not(:first-child) {
-  margin-top: 20px;
-}
-.more-container .more-item:not(:first-child) .item-title[data-v-11728c2b] {
-  width: 100%;
-  padding-bottom: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
-}
-.more-container .more-item:not(:first-child) .more-content[data-v-11728c2b] {
-  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);
-}
-.more-container .more-item:not(:first-child) .copy-icon[data-v-11728c2b] {
-  position: absolute;
-  top: 45px;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: var(--text-color-link);
 }.conversation[data-v-b897add1] {
   height: 100%;
   padding: 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndscnj/roomkit-web-vue3",
-  "version": "25.12.2412",
+  "version": "25.12.2414",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",

package/src/TUIRoom/components/RoomFooter/index/indexPC.vue

@@ -103,7 +103,7 @@ import VirtualBackground from '../VirtualBackground.vue';
 import AIControl from '../AIControl.vue';
 import BasicBeauty from '../BasicBeauty.vue';
 import bus from '../../../hooks/useMitt';
-import voteControl from '../voteControl';
+import voteControl from '../voteControl.vue';
 import useRoomFooter from './useRoomFooterHooks';
 import { isElectron } from '../../../utils/environment';
 const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooter();

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

@@ -8,12 +8,11 @@
       <IconAIIcon size="24" />
     </icon-button>
     <div class="contact-container" v-if="!isSidebarOpen && showToolBox">
-      <slot name="content"></slot>
-      <!-- <room-vote ref="contactRef" @on-close-contact="handleOnCloseContact">
+      <room-vote ref="contactRef" @on-close-contact="handleOnCloseContact">
         <template #content>
           <slot name="content"></slot>
         </template>
-      </room-vote> -->
+      </room-vote>
     </div>
   </div>
 </template>

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

@@ -3,7 +3,7 @@
     <div class="more-title">
       <IconEmail class="email-icon" />
       <div class="more-notice">
-        {{ t('Vote') }}
+        {{ t('If you have any questions, please email us.') }}
       </div>
     </div>
     <div v-if="isZH" class="more-item">
@@ -15,7 +15,7 @@
       <div class="more-content">{{ email }}</div>
       <IconCopy class="copy-icon" @click="onCopy(email)" />
     </div>
-    <div class="contact-container">
+    <div class="more-item">
       <slot name="content"></slot>
     </div>
   </div>

package/src/TUIRoom/constants/icon.ts

@@ -20,8 +20,6 @@ export enum ICON_NAME {
   ManageMember = 'manage-member',
   More = 'more',
   MoreActive = 'more-active',
-  Vote = 'vote',
-  VoteActive = 'vote-active',
   SettingActive = 'setting-active',
   Setting = 'setting',
   LineArrowUp = 'line-arrow-up',

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

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

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

@@ -1,105 +0,0 @@
-import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, unref, withDirectives, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
-import { IconExtension } from "@tencentcloud/uikit-base-component-vue3";
-import IconButton from "../../common/base/IconButton.vue.mjs";
-import useControl from "./useVoteControlHooks.mjs";
-import _sfc_main$1 from "../ChatControl.vue.mjs";
-import InviteControl from "../InviteControl.vue.mjs";
-import ContactControl from "../ContactControl.vue.mjs";
-import { useRoomStore } from "../../../stores/room.mjs";
-import bus from "../../../hooks/useMitt.mjs";
-import vTap from "../../../directives/vTap.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: "more-control-container"
-};
-const _hoisted_2 = { class: "control-compent" };
-const _hoisted_3 = { class: "close" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VoteControlH5",
-  emits: ["show-overlay"],
-  setup(__props, { emit: __emit }) {
-    const moreControlConfig = roomService.getComponentConfig("MoreControl");
-    const showMoreContent = ref(false);
-    const moreContentRef = ref();
-    const { t, sidebarName } = useControl();
-    const roomStore = useRoomStore();
-    const emit = __emit;
-    function showMore() {
-      showMoreContent.value = true;
-    }
-    function handleCancelControl() {
-      showMoreContent.value = false;
-    }
-    function handleControlClick(name) {
-      bus.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;
-      }
-    }
-    onMounted(() => {
-      document == null ? void 0 : document.addEventListener("click", handleDocumentClick, true);
-    });
-    onUnmounted(() => {
-      document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          withDirectives((openBlock(), createBlock(IconButton, {
-            "is-active": unref(sidebarName) === "more",
-            title: unref(t)("More")
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(IconExtension), { size: "24" })
-            ]),
-            _: 1
-          }, 8, ["is-active", "title"])), [
-            [unref(vTap), showMore]
-          ])
-        ])) : createCommentVNode("", true),
-        showMoreContent.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref_key: "moreContentRef",
-          ref: moreContentRef,
-          class: "show-more-content"
-        }, [
-          createElementVNode("div", _hoisted_2, [
-            unref(roomStore).isSpeakAfterTakingSeatMode ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("chatControl"))
-            })) : createCommentVNode("", true),
-            createVNode(ContactControl, {
-              onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("contactControl"))
-            }),
-            createVNode(InviteControl, {
-              onShowOverlay: handleShowOverlay,
-              onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
-            })
-          ]),
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
-            createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
-          ])), [
-            [unref(vTap), handleCancelControl]
-          ])
-        ], 512)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};