@ndscnj/roomkit-web-vue3 25.12.2417 → 25.12.2419

package/lib/components/RoomFooter/index/indexH5.vue2.js

@@ -57,22 +57,17 @@ const ManageMemberControl_vue_vue_type_script_setup_true_lang = require("../Mana
 const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.vue.js");
 const ManageStageControl_vue_vue_type_script_setup_true_lang = require("../ManageStageControl.vue.js");
 const MemberApplyControl = require("../ApplyControl/MemberApplyControl.vue.js");
-const index$2 = require("../MoreControl/index.js");
+const index$1 = require("../MoreControl/index.js");
 const AIControl = require("../AIControl.vue.js");
-const index$1 = require("../VoteControl/index.js");
 const useMitt = require("../../../hooks/useMitt.js");
 const useRoomFooterHooks = require("./useRoomFooterHooks.js");
 const _hoisted_1 = { class: "footer-container" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "indexH5",
-  emits: ["show-overlay", "on-vote"],
+  emits: ["show-overlay"],
   setup(__props, { emit: __emit }) {
     const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooterHooks.default();
     const emit = __emit;
-    const onVote = (data) => {
-      console.log(data, "data111");
-      emit("on-vote", { code: data.visible, message: "vote" });
-    };
     function handleControlClick(name) {
       useMitt.default.emit("experience-communication", name);
     }
@@ -93,21 +88,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }, null, 8, ["display-mode"])), [
           [Vue.unref(vTap.default), () => handleControlClick("videoControl")]
         ]) : Vue.createCommentVNode("", true),
-        Vue.createVNode(Vue.unref(index$1.default), {
-          class: "center-container-item",
-          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("voteControl")),
-          onOnVote: onVote
-        }, {
-          content: Vue.withCtx(() => [
-            Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
-          ]),
-          _: 3
-        }),
         !Vue.unref(roomStore).isSpeakAfterTakingSeatMode ? Vue.withDirectives((Vue.openBlock(), Vue.createBlock(ChatControl_vue_vue_type_script_setup_true_lang.default, { key: 2 }, null, 512)), [
           [Vue.unref(vTap.default), () => handleControlClick("chatControl")]
         ]) : Vue.createCommentVNode("", true),
         Vue.createVNode(AIControl.default, {
-          onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("AIControl"))
+          onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
         }),
         Vue.unref(roomStore).isSpeakAfterTakingSeatMode && (Vue.unref(isMaster) || Vue.unref(isAdmin)) ? Vue.withDirectives((Vue.openBlock(), Vue.createBlock(ManageStageControl_vue_vue_type_script_setup_true_lang.default, { key: 3 }, null, 512)), [
           [Vue.unref(vTap.default), () => handleControlClick("MasterApplyControl")]
@@ -118,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         Vue.withDirectives(Vue.createVNode(ManageMemberControl_vue_vue_type_script_setup_true_lang.default, null, null, 512), [
           [Vue.unref(vTap.default), () => handleControlClick("manageMemberControl")]
         ]),
-        Vue.withDirectives(Vue.createVNode(Vue.unref(index$2.default), { onShowOverlay: handleShowOverlay }, null, 512), [
+        Vue.withDirectives(Vue.createVNode(Vue.unref(index$1.default), { onShowOverlay: handleShowOverlay }, null, 512), [
           [Vue.unref(vTap.default), () => handleControlClick("moreControl")]
         ])
       ]);

package/lib/components/RoomInvite/indexH5.vue.js

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

package/lib/components/RoomMore/indexH5.vue.js

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

package/lib/components/RoomSidebar/index.d.ts

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

package/lib/components/RoomSidebar/indexH5.vue.d.ts

@@ -1,11 +1,2 @@
-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>>;
+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;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/components/RoomSidebar/indexH5.vue.js

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

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

@@ -13,7 +13,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   setup(__props) {
     const { title, sidebarName, showSideBar } = useSideBarHooks.default();
     return (_ctx, _cache) => {
-      const _component_room_vote = Vue.resolveComponent("room-vote");
       return Vue.unref(showSideBar) ? (Vue.openBlock(), Vue.createBlock(PopUpH5.default, {
         key: 0,
         title: Vue.unref(title),
@@ -23,13 +22,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           Vue.createElementVNode("div", _hoisted_1, [
             Vue.unref(sidebarName) === "chat" ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$1.default), { key: 0 })) : Vue.createCommentVNode("", true),
             Vue.unref(sidebarName) === "manage-member" ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$2.default), { key: 1 })) : Vue.createCommentVNode("", true),
-            Vue.unref(sidebarName) === "apply" ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$3.default), { key: 2 })) : Vue.createCommentVNode("", true),
-            Vue.unref(sidebarName) == "vote" ? (Vue.openBlock(), Vue.createBlock(_component_room_vote, { key: 3 }, {
-              content: Vue.withCtx(() => [
-                Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
-              ]),
-              _: 3
-            })) : Vue.createCommentVNode("", true)
+            Vue.unref(sidebarName) === "apply" ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$3.default), { key: 2 })) : Vue.createCommentVNode("", true)
           ])
         ]),
         sidebarFooter: Vue.withCtx(() => [
@@ -37,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             Vue.unref(sidebarName) === "chat" ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index.default), { key: 0 })) : Vue.createCommentVNode("", true)
           ])
         ]),
-        _: 3
+        _: 1
       }, 8, ["title"])) : Vue.createCommentVNode("", true);
     };
   }

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

@@ -1,4 +1,8 @@
-declare const Index: {
+declare const Index: 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> | ({
     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 +18,5 @@ declare const Index: {
     $slots: {
         content?(_: {}): any;
     };
-});
+}));
 export default Index;

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

@@ -1,11 +1,6 @@
-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>>;
+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;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,14 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
+const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
 ;/* empty css              */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const _sfc_main = {};
-const _hoisted_1 = { class: "more-container" };
-function _sfc_render(_ctx, _cache) {
-  return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-    Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
-  ]);
-}
-const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5d02e842"]]);
+const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(indexH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-939000cb"]]);
 exports.default = indexH5;

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

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

@@ -10,5 +10,5 @@ function _sfc_render(_ctx, _cache) {
     Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
   ]);
 }
-const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-41107c5f"]]);
+const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-183c195c"]]);
 exports.default = indexPC;

package/lib/components/RoomVote/useRoomMoreHooks.js

@@ -0,0 +1,43 @@
+"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;

package/lib/conference.vue.js

@@ -4,5 +4,5 @@ const conference_vue_vue_type_script_setup_true_lang = require("./conference.vue
 ;/* empty css                 */
 ;/* empty css                 */
 const _pluginVue_exportHelper = require("./_virtual/_plugin-vue_export-helper.js");
-const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3d7b72df"]]);
+const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4dd66a12"]]);
 exports.default = ConferenceMainView;

package/lib/conference.vue2.js

@@ -276,7 +276,12 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           class: "footer",
           onShowOverlay: handleShowOverlay,
           onOnVote: onVote
-        }, null, 512), [
+        }, {
+          content: Vue.withCtx(() => [
+            Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
+          ]),
+          _: 3
+        }, 512), [
           [Vue.vShow, Vue.unref(showRoomTool)]
         ]),
         Vue.createVNode(Vue.unref(index$3.default), { onOnVote: onVote }, {

package/lib/index.js

@@ -3664,13 +3664,7 @@ to {
 .tool-box .tool-box-item[data-v-34681937]:hover {
   border-radius: 8px;
   background-color: var(--list-color-hover);
-}.ndsc-img-box[data-v-2a47be79] {
-  width: 24px;
-  height: 24px;
-}.ndsc-img-box[data-v-997feff9] {
-  width: 24px;
-  height: 24px;
-}.footer-container[data-v-df7f3346] {
+}.footer-container[data-v-f3bbac91] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3934,6 +3928,47 @@ 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-ca02c770] {
+  width: 24px;
+  height: 24px;
 }.footer-container[data-v-4afcea78] {
   position: absolute;
   bottom: 0;
@@ -4948,87 +4983,109 @@ to {
   justify-content: space-around;
   margin: 20px 0;
   cursor: pointer;
-}.sidebar-container-mobile[data-v-83d339c1] {
+}.sidebar-container-mobile[data-v-e545b2de] {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 101;
   height: 100%;
-}.more-container[data-v-5d02e842] {
-  padding: 20px;
+}span[data-v-939000cb] {
+  padding-right: 5px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 17px;
 }
-.more-container .more-title[data-v-5d02e842] {
+.contact-container-main[data-v-939000cb] {
+  position: fixed;
+  bottom: 0;
   display: flex;
-  align-items: center;
+  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);
 }
-.more-container .more-title .email-icon[data-v-5d02e842] {
-  color: var(--uikit-color-gray-7);
+@keyframes popup-939000cb {
+from {
+    transform: scaleY(0);
+    transform-origin: bottom;
 }
-.more-container .more-title .more-notice[data-v-5d02e842] {
-  width: 100%;
-  height: 22px;
-  padding-left: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
+to {
+    transform: scaleY(1);
+    transform-origin: bottom;
 }
-.more-container .more-item[data-v-5d02e842] {
-  position: relative;
+}
+.contact-container-main .contact-title-main[data-v-939000cb] {
   display: flex;
-  flex-direction: column;
+  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);
 }
-.more-container .more-item[data-v-5d02e842]:not(:first-child) {
-  margin-top: 20px;
+.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;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-5d02e842] {
-  width: 100%;
-  padding-bottom: 8px;
+.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: 22px;
+  line-height: 20px;
+  white-space: nowrap;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-5d02e842] {
-  position: relative;
-  box-sizing: border-box;
-  display: inline-block;
-  flex: 1;
-  height: 42px;
-  padding: 10px 30px 10px 16px;
+.contact-container-main .contact-content[data-v-939000cb] {
+  width: 62%;
   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);
+  color: var(--text-color-secondary);
 }
-.more-container .more-item:not(:first-child) .copy-icon[data-v-5d02e842] {
-  position: absolute;
-  top: 45px;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
+.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);
-}.more-container[data-v-41107c5f] {
-  padding: 20px;
 }
-.more-container .more-title[data-v-41107c5f] {
+.cancel[data-v-939000cb] {
+  flex: 1;
+  padding-right: 30px;
+  font-size: 16px;
+  font-weight: 400;
+  text-align: end;
+}.more-container .more-title[data-v-183c195c] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-41107c5f] {
+.more-container .more-title .email-icon[data-v-183c195c] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-41107c5f] {
+.more-container .more-title .more-notice[data-v-183c195c] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -5037,15 +5094,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-41107c5f] {
+.more-container .more-item[data-v-183c195c] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-41107c5f]:not(:first-child) {
+.more-container .more-item[data-v-183c195c]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-41107c5f] {
+.more-container .more-item:not(:first-child) .item-title[data-v-183c195c] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -5053,7 +5110,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-41107c5f] {
+.more-container .more-item:not(:first-child) .more-content[data-v-183c195c] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5073,7 +5130,7 @@ to {
   background-color: var(--bg-color-input);
   border: 1px solid var(--stroke-color-module);
 }
-.more-container .more-item:not(:first-child) .copy-icon[data-v-41107c5f] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-183c195c] {
   position: absolute;
   top: 45px;
   right: 10px;
@@ -9111,7 +9168,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-3d7b72df] {
+}.tui-room[data-v-4dd66a12] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9123,7 +9180,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-3d7b72df] {
+.tui-room .header[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9134,20 +9191,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-3d7b72df] {
+.tui-room .content[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-3d7b72df] {
+.tui-room.tui-room-h5[data-v-4dd66a12] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-3d7b72df] {
+#roomContainer.chat-room[data-v-4dd66a12] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9159,8 +9216,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-3d7b72df],
-#roomContainer .chat-room[data-v-3d7b72df] {
+#roomContainer.tui-room-h5[data-v-4dd66a12],
+#roomContainer .chat-room[data-v-4dd66a12] {
   width: 100%;
   height: 100%;
 }.user-info-container[data-v-9e9aff53] {

package/package.json

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