@ndscnj/roomkit-web-vue3 25.12.24164 → 25.12.24166

package/es/components/RoomFooter/VoteControl/MoreControlH5.vue.d.ts

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

package/es/components/RoomFooter/VoteControl/MoreControlH5.vue.mjs

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

package/es/components/RoomFooter/VoteControl/MoreControlH5.vue2.mjs

@@ -1,13 +1,8 @@
-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 { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx, createElementVNode } from "vue";
+import _imports_0 from "../../../assets/imgs/vote-icon.png.mjs";
+import { IconMore } from "@tencentcloud/uikit-base-component-vue3";
 import IconButton from "../../common/base/IconButton.vue.mjs";
 import useControl from "./useMoreControlHooks.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";
@@ -20,83 +15,44 @@ 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: "MoreControlH5",
-  emits: ["show-overlay"],
+  emits: ["on-vote"],
   setup(__props, { emit: __emit }) {
     const moreControlConfig = roomService.getComponentConfig("MoreControl");
-    const showMoreContent = ref(false);
-    const moreContentRef = ref();
-    const { t, sidebarName } = useControl();
-    const roomStore = useRoomStore();
+    const { t, basicStore, sidebarName } = useControl();
     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;
+    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: basicStore.isSidebarOpen
+      });
     }
-    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"))
-            })
+      return unref(moreControlConfig).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" }),
+            _cache[0] || (_cache[0] = createElementVNode("img", {
+              class: "ndsc-img-box",
+              src: _imports_0,
+              alt: ""
+            }, null, -1))
           ]),
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
-            createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
-          ])), [
-            [unref(vTap), handleCancelControl]
-          ])
-        ], 512)) : createCommentVNode("", true)
-      ]);
+          _: 1
+        }, 8, ["is-active", "title"])
+      ])) : createCommentVNode("", true);
     };
   }
 });

package/es/components/RoomFooter/VoteControl/MoreControlPC.vue.mjs

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

package/es/components/RoomFooter/VoteControl/MoreControlPC.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, createElementVNode, withCtx } from "vue";
+import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx, createElementVNode } from "vue";
 import _imports_0 from "../../../assets/imgs/vote-icon.png.mjs";
 import { IconMore } from "@tencentcloud/uikit-base-component-vue3";
 import IconButton from "../../common/base/IconButton.vue.mjs";
@@ -43,16 +43,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClickIcon: toggleMoreSidebar
         }, {
           default: withCtx(() => [
-            createVNode(unref(IconMore), { size: "24" })
+            createVNode(unref(IconMore), { size: "24" }),
+            _cache[0] || (_cache[0] = createElementVNode("img", {
+              class: "ndsc-img-box",
+              src: _imports_0,
+              alt: ""
+            }, null, -1))
           ]),
           _: 1
-        }, 8, ["is-active", "title"]),
-        _cache[0] || (_cache[0] = createElementVNode("img", {
-          class: "ndsc-img-box",
-          src: _imports_0,
-          alt: "",
-          click: "toggleMoreSidebar"
-        }, null, -1))
+        }, 8, ["is-active", "title"])
       ])) : createCommentVNode("", true);
     };
   }

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

@@ -1,8 +1,4 @@
 declare const MoreControl: 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;

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

@@ -1,30 +1,8 @@
-declare const Index: ({
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
-        "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "show-overlay": (...args: any[]) => void;
-    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{}> & Readonly<{
-        "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
-    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "show-overlay": (...args: any[]) => void;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        contentH5?(_: {}): any;
-    };
-})) | ({
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         "onOn-vote"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/es/components/RoomFooter/index/indexH5.vue.d.ts

@@ -1,15 +1,6 @@
-declare function __VLS_template(): {
-    contentH5?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+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>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/es/components/RoomFooter/index/indexH5.vue.mjs

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

package/es/components/RoomFooter/index/indexH5.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, withDirectives, createCommentVNode, renderSlot, createVNode, unref, createBlock } from "vue";
+import { defineComponent, createElementBlock, openBlock, withDirectives, createCommentVNode, createVNode, unref, createBlock } from "vue";
 import _sfc_main$1 from "../../../core/components/AudioSetting/index.vue.mjs";
 import VideoSetting from "../../../core/components/VideoSetting/index.vue.mjs";
 import "@tencentcloud/uikit-base-component-vue3";
@@ -89,7 +89,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !unref(roomStore).isSpeakAfterTakingSeatMode ? withDirectives((openBlock(), createBlock(_sfc_main$2, { key: 2 }, null, 512)), [
           [unref(vTap), () => handleControlClick("chatControl")]
         ]) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "contentH5", {}, void 0, true),
         createVNode(AIControl, {
           onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
         }),

package/es/components/RoomSidebar/indexPC.vue.d.ts

@@ -1,5 +1,6 @@
 declare function __VLS_template(): {
     content?(_: {}): any;
+    contentH5?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/es/components/RoomSidebar/indexPC.vue.mjs

@@ -27,6 +27,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               content: withCtx(() => [
                 renderSlot(_ctx.$slots, "content")
               ]),
+              contentH5: withCtx(() => [
+                renderSlot(_ctx.$slots, "contentH5")
+              ]),
               _: 3
             })) : createCommentVNode("", true),
             unref(sidebarName) == "more" ? (openBlock(), createBlock(unref(Index$2), { key: 2 })) : createCommentVNode("", true),

package/es/components/RoomVote/index.d.ts

@@ -1,4 +1,20 @@
-declare const Index: {
+declare const Index: ({
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        contentH5?(_: {}): any;
+    };
+})) | ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -14,5 +30,5 @@ declare const Index: {
     $slots: {
         content?(_: {}): any;
     };
-});
+}));
 export default Index;

package/es/components/RoomVote/indexH5.vue.d.ts

@@ -1,5 +1,5 @@
 declare function __VLS_template(): {
-    content?(_: {}): any;
+    contentH5?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -2,13 +2,13 @@ import { createElementBlock, openBlock, renderSlot } from "vue";
 /* empty css              */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const _sfc_main = {};
-const _hoisted_1 = { class: "contact-container-main" };
+const _hoisted_1 = { class: "more-container" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "content", {}, void 0, true)
+    renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
   ]);
 }
-const indexH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-872a5da4"]]);
+const indexH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6c9f3c67"]]);
 export {
   indexH5 as default
 };

package/es/conference.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
 /* empty css                 */
 /* empty css                 */
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-14e58a3b"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5135c8c9"]]);
 export {
   ConferenceMainView as default
 };

package/es/conference.vue2.mjs

@@ -274,21 +274,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "footer",
           onShowOverlay: handleShowOverlay,
           onOnVote: onVote
-        }, {
-          content: withCtx(() => [
-            renderSlot(_ctx.$slots, "content", {}, void 0, true)
-          ]),
-          contentH5: withCtx(() => [
-            renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
-          ]),
-          _: 3
-        }, 512), [
+        }, null, 512), [
           [vShow, unref(showRoomTool)]
         ]),
         createVNode(unref(Index$1), { onOnVote: onVote }, {
           content: withCtx(() => [
             renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ]),
+          contentH5: withCtx(() => [
+            renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
+          ]),
           _: 3
         }),
         createVNode(RoomSetting),

package/es/index.mjs

@@ -3664,7 +3664,7 @@ to {
 .tool-box .tool-box-item[data-v-34681937]:hover {
   border-radius: 8px;
   background-color: var(--list-color-hover);
-}.footer-container[data-v-4905d960] {
+}.footer-container[data-v-f3bbac91] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3928,45 +3928,10 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.show-more-content[data-v-c413959d] {
-  position: absolute;
-  bottom: 15px;
-  left: 5%;
-  width: 90%;
-  height: 17vh;
-  padding: 10px;
-  border-radius: 13px;
-  animation-name: popup-c413959d;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-@keyframes popup-c413959d {
-from {
-    bottom: 0;
-}
-to {
-    bottom: 15px;
-}
-}
-.control-compent[data-v-c413959d] {
-  display: flex;
-}
-.close[data-v-c413959d] {
-  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);
-}.ndsc-img-box[data-v-50420946] {
+}.ndsc-img-box[data-v-2d633075] {
+  width: 50px;
+  height: 50px;
+}.ndsc-img-box[data-v-9e42a812] {
   width: 50px;
   height: 50px;
 }.footer-container[data-v-4afcea78] {
@@ -4989,95 +4954,70 @@ to {
   right: 0;
   z-index: 101;
   height: 100%;
-}span[data-v-872a5da4] {
-  padding-right: 5px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 17px;
+}.more-container[data-v-6c9f3c67] {
+  padding: 20px;
 }
-.contact-container-main[data-v-872a5da4] {
-  position: fixed;
-  bottom: 0;
+.more-container .more-title[data-v-6c9f3c67] {
   display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: 4vh;
-  border-radius: 15px 15px 0 0;
-  animation-name: popup-872a5da4;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-@keyframes popup-872a5da4 {
-from {
-    transform: scaleY(0);
-    transform-origin: bottom;
-}
-to {
-    transform: scaleY(1);
-    transform-origin: bottom;
+  align-items: center;
 }
+.more-container .more-title .email-icon[data-v-6c9f3c67] {
+  color: var(--uikit-color-gray-7);
 }
-.contact-container-main .contact-title-main[data-v-872a5da4] {
-  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;
+.more-container .more-title .more-notice[data-v-6c9f3c67] {
+  width: 100%;
+  height: 22px;
+  padding-left: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
   color: var(--text-color-primary);
 }
-.contact-container-main .contact-content-main[data-v-872a5da4] {
+.more-container .more-item[data-v-6c9f3c67] {
+  position: relative;
   display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 90%;
-  height: 15%;
-  padding: 0 0 0 25px;
-  margin-bottom: 10px;
+  flex-direction: column;
 }
-.contact-container-main .contact-title[data-v-872a5da4],
-.contact-container-main .contact-content[data-v-872a5da4] {
-  width: 28%;
-  font-family: "PingFang SC";
+.more-container .more-item[data-v-6c9f3c67]:not(:first-child) {
+  margin-top: 20px;
+}
+.more-container .more-item:not(:first-child) .item-title[data-v-6c9f3c67] {
+  width: 100%;
+  padding-bottom: 8px;
   font-size: 14px;
-  font-style: normal;
   font-weight: 400;
-  line-height: 20px;
-  white-space: nowrap;
+  line-height: 22px;
   color: var(--text-color-primary);
 }
-.contact-container-main .contact-content[data-v-872a5da4] {
-  width: 62%;
+.more-container .more-item:not(:first-child) .more-content[data-v-6c9f3c67] {
+  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;
-  color: var(--text-color-secondary);
-}
-.contact-container-main .contact-bottom[data-v-872a5da4] {
-  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);
+  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-container-main .copy[data-v-872a5da4] {
-  margin-left: 30px;
+.more-container .more-item:not(:first-child) .copy-icon[data-v-6c9f3c67] {
+  position: absolute;
+  top: 45px;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
   color: var(--text-color-link);
-}
-.cancel[data-v-872a5da4] {
-  flex: 1;
-  padding-right: 30px;
-  font-size: 16px;
-  font-weight: 400;
-  text-align: end;
 }.more-container[data-v-41107c5f] {
   padding: 20px;
 }
@@ -9171,7 +9111,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-14e58a3b] {
+}.tui-room[data-v-5135c8c9] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9183,7 +9123,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-14e58a3b] {
+.tui-room .header[data-v-5135c8c9] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9194,20 +9134,20 @@ body, html {
   border-bottom: 1px solid var(--stroke-color-primary);
   box-shadow: 0 1px 0 var(--uikit-color-black-8);
 }
-.tui-room .content[data-v-14e58a3b] {
+.tui-room .content[data-v-5135c8c9] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-14e58a3b] {
+.tui-room.tui-room-h5[data-v-5135c8c9] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-14e58a3b] {
+#roomContainer.chat-room[data-v-5135c8c9] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9219,8 +9159,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-14e58a3b],
-#roomContainer .chat-room[data-v-14e58a3b] {
+#roomContainer.tui-room-h5[data-v-5135c8c9],
+#roomContainer .chat-room[data-v-5135c8c9] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue.d.ts

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