@ndscnj/roomkit-web-vue3 25.12.2316 → 25.12.2318

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

@@ -2,5 +2,21 @@ declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('v
     "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, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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: {};
+        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: {
+        content?(_: {}): any;
+    };
+}));
 export default Index;

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

@@ -1,2 +1,11 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    content?(_: {}): 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>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./indexPC.vue2.mjs";
 /* empty css              */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const indexPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28ae2921"]]);
+const indexPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b90d75f"]]);
 export {
   indexPc as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, createVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, createVNode, withCtx, renderSlot } 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";
@@ -134,6 +134,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(voteControl, {
             class: "center-container-item",
             onClick: _cache[10] || (_cache[10] = ($event) => handleControlClick("voteControl"))
+          }, {
+            content: withCtx(() => [
+              renderSlot(_ctx.$slots, "content", {}, void 0, true)
+            ]),
+            _: 3
           }),
           createVNode(unref(MoreControl), {
             class: "center-container-item",

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

@@ -1,5 +1,5 @@
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    content?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-vote": (...args: any[]) => void;

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

@@ -1,7 +1,7 @@
 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-7493ac70"]]);
+const voteControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63c91660"]]);
 export {
   voteControl as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, resolveComponent, createElementBlock, openBlock, createVNode, createTextVNode, createCommentVNode, unref, withCtx, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, resolveComponent, createElementBlock, openBlock, createVNode, createTextVNode, createElementVNode, createCommentVNode, unref, withCtx, toDisplayString, renderSlot } from "vue";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import { useI18n } from "../../locales/index.mjs";
@@ -46,10 +46,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["is-active", "title"]),
-        _cache[1] || (_cache[1] = createTextVNode(" 测试 ", -1)),
+        createTextVNode(" " + toDisplayString(sidebarName.value) + " ", 1),
+        createElementVNode("div", { onClick: toggleToolBox }, "测试"),
         !isSidebarOpen.value && showToolBox.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           _cache[0] || (_cache[0] = createTextVNode(" 123 ", -1)),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          renderSlot(_ctx.$slots, "content", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
     };

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

@@ -1,8 +1,9 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, createBlock, createCommentVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, createBlock, createCommentVNode } from "vue";
 import Drawer from "../common/base/Drawer.vue.mjs";
 import useSideBar from "./useSideBarHooks.mjs";
 import index from "../ManageMember/index.mjs";
-import Index$1 from "../RoomMore/index.mjs";
+import Index$2 from "../RoomMore/index.mjs";
+import Index$1 from "../RoomVote/index.mjs";
 import Index from "../Chat/index/index.mjs";
 import AITranscription from "../common/widgets/AITools/AITranscription.vue.mjs";
 const _hoisted_1 = { class: "sidebar-container" };
@@ -11,7 +12,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { isSidebarOpen, title, handleClose, sidebarName } = useSideBar();
     return (_ctx, _cache) => {
-      const _component_room_vote = resolveComponent("room-vote");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(Drawer, {
           modelValue: unref(isSidebarOpen),
@@ -23,8 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             unref(sidebarName) == "chat" ? (openBlock(), createBlock(unref(Index), { key: 0 })) : createCommentVNode("", true),
-            unref(sidebarName) == "vote" ? (openBlock(), createBlock(_component_room_vote, { key: 1 })) : createCommentVNode("", true),
-            unref(sidebarName) == "more" ? (openBlock(), createBlock(unref(Index$1), { key: 2 })) : createCommentVNode("", true),
+            unref(sidebarName) == "vote" ? (openBlock(), createBlock(unref(Index$1), { key: 1 })) : createCommentVNode("", true),
+            unref(sidebarName) == "more" ? (openBlock(), createBlock(unref(Index$2), { key: 2 })) : createCommentVNode("", true),
             unref(sidebarName) == "manage-member" ? (openBlock(), createBlock(unref(index), { key: 3 })) : createCommentVNode("", true),
             unref(sidebarName) == "aiTranscription" ? (openBlock(), createBlock(AITranscription, { key: 4 })) : createCommentVNode("", true)
           ]),

package/es/components/RoomVote/index.mjs

@@ -0,0 +1,7 @@
+import indexH5 from "./indexH5.vue.mjs";
+import indexPC from "./indexPC.vue.mjs";
+import { isMobile } from "../../utils/environment.mjs";
+const Index = isMobile ? indexH5 : indexPC;
+export {
+  Index as default
+};

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

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

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

@@ -0,0 +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-939000cb"]]);
+export {
+  indexH5 as default
+};

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

@@ -0,0 +1,51 @@
+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.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,48 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, withCtx, createTextVNode } 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 _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)("If you have any questions, please email us.")), 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)))
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomVote/useRoomMoreHooks.mjs

@@ -0,0 +1,43 @@
+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/es/conference.vue.d.ts

@@ -14,7 +14,10 @@ declare function enterRoom(options: {
     roomParam?: RoomParam;
 }): Promise<void>;
 declare function resetStore(): void;
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare function __VLS_template(): {
+    content?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     displayMode: "permanent" | "wake-up";
 }>, {
     displayMode: string;
@@ -53,6 +56,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     displayMode: "permanent" | "wake-up";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -71,3 +75,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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-dc8a7460"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9ae22c4"]]);
 export {
   ConferenceMainView as default
 };

package/es/conference.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, watch, createElementBlock, createCommentVNode, openBlock, normalizeClass, withDirectives, createVNode, createBlock, unref, vShow } from "vue";
+import { defineComponent, ref, computed, onMounted, onUnmounted, watch, createElementBlock, createCommentVNode, openBlock, normalizeClass, withDirectives, createVNode, createBlock, unref, vShow, withCtx, renderSlot } from "vue";
 import index from "./components/RoomHeader/index/index.mjs";
 import Index from "./components/RoomFooter/index/index.mjs";
 import Index$1 from "./components/RoomSidebar/index.mjs";
@@ -273,7 +273,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "footer",
           onShowOverlay: handleShowOverlay,
           onOnVote: onVote
-        }, null, 512), [
+        }, {
+          content: withCtx(() => [
+            renderSlot(_ctx.$slots, "content", {}, void 0, true)
+          ]),
+          _: 3
+        }, 512), [
           [vShow, unref(showRoomTool)]
         ]),
         createVNode(unref(Index$1)),

package/es/index.mjs

@@ -3928,17 +3928,17 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.more-container[data-v-7493ac70] {
+}.more-container[data-v-63c91660] {
   padding: 20px;
 }
-.more-container .more-title[data-v-7493ac70] {
+.more-container .more-title[data-v-63c91660] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-7493ac70] {
+.more-container .more-title .email-icon[data-v-63c91660] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-7493ac70] {
+.more-container .more-title .more-notice[data-v-63c91660] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -3946,7 +3946,7 @@ to {
   font-weight: 400;
   line-height: 22px;
   color: var(--text-color-primary);
-}.footer-container[data-v-28ae2921] {
+}.footer-container[data-v-6b90d75f] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3960,25 +3960,25 @@ to {
   background-color: var(--bg-color-topbar);
   box-shadow: 0 -8px 30px var(--uikit-color-black-8);
 }
-.footer-container .left-container[data-v-28ae2921] {
+.footer-container .left-container[data-v-6b90d75f] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.footer-container .left-container .left-container-item[data-v-28ae2921]:not(:first-child) {
+.footer-container .left-container .left-container-item[data-v-6b90d75f]:not(:first-child) {
   margin-left: 1rem;
 }
-.footer-container .center-container[data-v-28ae2921] {
+.footer-container .center-container[data-v-6b90d75f] {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   margin: 0 auto;
 }
-.footer-container .center-container .center-container-item[data-v-28ae2921]:not(:first-child) {
+.footer-container .center-container .center-container-item[data-v-6b90d75f]:not(:first-child) {
   margin-left: 16px;
 }
-.footer-container .right-container[data-v-28ae2921] {
+.footer-container .right-container[data-v-6b90d75f] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -4966,6 +4966,159 @@ 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-17479e8d] {
+  padding: 20px;
+}
+.more-container .more-title[data-v-17479e8d] {
+  display: flex;
+  align-items: center;
+}
+.more-container .more-title .email-icon[data-v-17479e8d] {
+  color: var(--uikit-color-gray-7);
+}
+.more-container .more-title .more-notice[data-v-17479e8d] {
+  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-17479e8d] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.more-container .more-item[data-v-17479e8d]:not(:first-child) {
+  margin-top: 20px;
+}
+.more-container .more-item:not(:first-child) .item-title[data-v-17479e8d] {
+  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-17479e8d] {
+  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-17479e8d] {
+  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;
@@ -8995,7 +9148,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-dc8a7460] {
+}.tui-room[data-v-d9ae22c4] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9007,7 +9160,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-dc8a7460] {
+.tui-room .header[data-v-d9ae22c4] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9018,20 +9171,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-dc8a7460] {
+.tui-room .content[data-v-d9ae22c4] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-dc8a7460] {
+.tui-room.tui-room-h5[data-v-d9ae22c4] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-dc8a7460] {
+#roomContainer.chat-room[data-v-d9ae22c4] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9043,8 +9196,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-dc8a7460],
-#roomContainer .chat-room[data-v-dc8a7460] {
+#roomContainer.tui-room-h5[data-v-d9ae22c4],
+#roomContainer .chat-room[data-v-d9ae22c4] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {