@ndscnj/roomkit-web-vue3 25.12.24161 → 25.12.24163

package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue.js

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

package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue2.js

@@ -4,6 +4,12 @@ const Vue = require("vue");
 const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
 const IconButton = require("../../common/base/IconButton.vue.js");
 const useMoreControlHooks = require("./useMoreControlHooks.js");
+const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.vue.js");
+const InviteControl = require("../InviteControl.vue.js");
+const ContactControl = require("../ContactControl.vue.js");
+const room = require("../../../stores/room.js");
+const useMitt = require("../../../hooks/useMitt.js");
+const vTap = require("../../../directives/vTap.js");
 require("../../../services/main.js");
 const roomService = require("../../../services/roomService.js");
 require("../../../locales/index.js");
@@ -16,21 +22,30 @@ const _hoisted_1 = {
   key: 0,
   class: "more-control-container"
 };
+const _hoisted_2 = { class: "control-compent" };
+const _hoisted_3 = { class: "close" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "MoreControlH5",
-  emits: ["show-overlay", "on-vote"],
+  emits: ["show-overlay"],
   setup(__props, { emit: __emit }) {
-    const voteControlConfig = roomService.roomService.getComponentConfig("MoreControl");
+    const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
     const showMoreContent = Vue.ref(false);
     const moreContentRef = Vue.ref();
-    const { t, sidebarName, basicStore } = useMoreControlHooks.default();
+    const { t, sidebarName } = useMoreControlHooks.default();
+    const roomStore = room.useRoomStore();
     const emit = __emit;
     function showMore() {
       showMoreContent.value = true;
-      emit("on-vote", {
-        name: "onVote",
-        visible: basicStore.isSidebarOpen
-      });
+    }
+    function handleCancelControl() {
+      showMoreContent.value = false;
+    }
+    function handleControlClick(name) {
+      useMitt.default.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)) {
@@ -44,21 +59,45 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
     });
     return (_ctx, _cache) => {
-      const _directive_tap = Vue.resolveDirective("tap");
       return Vue.openBlock(), Vue.createElementBlock("div", null, [
-        Vue.unref(voteControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
           Vue.withDirectives((Vue.openBlock(), Vue.createBlock(IconButton.default, {
-            "is-active": Vue.unref(sidebarName) === "vote",
-            title: Vue.unref(t)("Vote")
+            "is-active": Vue.unref(sidebarName) === "more",
+            title: Vue.unref(t)("More")
           }, {
             default: Vue.withCtx(() => [
               Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconExtension), { size: "24" })
             ]),
             _: 1
           }, 8, ["is-active", "title"])), [
-            [_directive_tap, showMore]
+            [Vue.unref(vTap.default), showMore]
+          ])
+        ])) : Vue.createCommentVNode("", true),
+        showMoreContent.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 1,
+          ref_key: "moreContentRef",
+          ref: moreContentRef,
+          class: "show-more-content"
+        }, [
+          Vue.createElementVNode("div", _hoisted_2, [
+            Vue.unref(roomStore).isSpeakAfterTakingSeatMode ? (Vue.openBlock(), Vue.createBlock(ChatControl_vue_vue_type_script_setup_true_lang.default, {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("chatControl"))
+            })) : Vue.createCommentVNode("", true),
+            Vue.createVNode(ContactControl.default, {
+              onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("contactControl"))
+            }),
+            Vue.createVNode(InviteControl.default, {
+              onShowOverlay: handleShowOverlay,
+              onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
+            })
+          ]),
+          Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
+            Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
+          ])), [
+            [Vue.unref(vTap.default), handleCancelControl]
           ])
-        ])) : Vue.createCommentVNode("", true)
+        ], 512)) : Vue.createCommentVNode("", true)
       ]);
     };
   }

package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue.js

@@ -1,55 +1,7 @@
 "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 IconButton = require("../../common/base/IconButton.vue.js");
-const useMoreControlHooks = require("./useMoreControlHooks.js");
-require("../../../services/main.js");
-const roomService = require("../../../services/roomService.js");
-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 _hoisted_1 = {
-  key: 0,
-  class: "more-control-container"
-};
-const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
-  __name: "MoreControlPC",
-  emits: ["on-vote"],
-  setup(__props, { emit: __emit }) {
-    const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
-    const { t, basicStore, sidebarName } = useMoreControlHooks.default();
-    const emit = __emit;
-    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
-      });
-    }
-    return (_ctx, _cache) => {
-      return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createVNode(IconButton.default, {
-          "is-active": Vue.unref(sidebarName) === "vote",
-          title: Vue.unref(t)("Vote"),
-          onClickIcon: toggleMoreSidebar
-        }, {
-          default: Vue.withCtx(() => [
-            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" })
-          ]),
-          _: 1
-        }, 8, ["is-active", "title"])
-      ])) : Vue.createCommentVNode("", true);
-    };
-  }
-});
-exports.default = _sfc_main;
+const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue2.js");
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const MoreControlPc = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-50420946"]]);
+exports.default = MoreControlPc;

package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue2.js

@@ -1,4 +1,62 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue.js");
-exports.default = MoreControlPC_vue_vue_type_script_setup_true_lang.default;
+const Vue = require("vue");
+const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const IconButton = require("../../common/base/IconButton.vue.js");
+const useMoreControlHooks = require("./useMoreControlHooks.js");
+require("../../../services/main.js");
+const roomService = require("../../../services/roomService.js");
+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 _hoisted_1 = {
+  key: 0,
+  class: "more-control-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "MoreControlPC",
+  emits: ["on-vote"],
+  setup(__props, { emit: __emit }) {
+    const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
+    const { t, basicStore, sidebarName } = useMoreControlHooks.default();
+    const emit = __emit;
+    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
+      });
+    }
+    return (_ctx, _cache) => {
+      return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(IconButton.default, {
+          "is-active": Vue.unref(sidebarName) === "vote",
+          title: Vue.unref(t)("Vote"),
+          onClickIcon: toggleMoreSidebar
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" })
+          ]),
+          _: 1
+        }, 8, ["is-active", "title"]),
+        _cache[0] || (_cache[0] = Vue.createElementVNode("img", {
+          class: "ndsc-img-box",
+          src: voteIcon.default,
+          alt: "",
+          click: "toggleMoreSidebar"
+        }, null, -1))
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,9 +1,7 @@
 declare const MoreControl: 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> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-vote": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{

package/lib/components/RoomFooter/VoteControl/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const MoreControlH5 = require("./MoreControlH5.vue.js");
-const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue.js");
+const MoreControlPC = require("./MoreControlPC.vue.js");
 const environment = require("../../../utils/environment.js");
-const MoreControl = environment.isMobile ? MoreControlH5.default : MoreControlPC_vue_vue_type_script_setup_true_lang.default;
+const MoreControl = environment.isMobile ? MoreControlH5.default : MoreControlPC.default;
 exports.default = MoreControl;

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

@@ -1,10 +1,8 @@
 declare const Index: ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-        "onOn-vote"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "show-overlay": (...args: any[]) => void;
-        "on-vote": (...args: any[]) => void;
     }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -14,20 +12,17 @@ declare const Index: ({
         Defaults: {};
     }, Readonly<{}> & Readonly<{
         "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-        "onOn-vote"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
     "onShow-overlay"?: ((...args: any[]) => any) | undefined;
-    "onOn-vote"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "show-overlay": (...args: any[]) => void;
-    "on-vote": (...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: {
-        content?(_: {}): any;
+        contentH5?(_: {}): any;
     };
 })) | ({
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{

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

@@ -1,12 +1,10 @@
 declare function __VLS_template(): {
-    content?(_: {}): any;
+    contentH5?(_: {}): any;
 };
 declare const __VLS_component: 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>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const indexH5_vue_vue_type_script_setup_true_lang = ;/* empty css              */
 ;/* 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-49d683da"]]);
+const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(indexH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4905d960"]]);
 exports.default = indexH5;

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

@@ -57,21 +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("../VoteControl/index.js");
+const index$1 = require("../MoreControl/index.js");
 const AIControl = require("../AIControl.vue.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) => {
-      emit("on-vote", { code: data.visible, message: "vote" });
-    };
     function handleControlClick(name) {
       useMitt.default.emit("experience-communication", name);
     }
@@ -95,17 +91,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         !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.withDirectives((Vue.openBlock(), Vue.createBlock(Vue.unref(index$1.default), {
-          onShowOverlay: handleShowOverlay,
-          onOnVote: onVote
-        }, {
-          content: Vue.withCtx(() => [
-            Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
-          ]),
-          _: 3
-        })), [
-          [Vue.unref(vTap.default), () => handleControlClick("voteControl")]
-        ]),
+        Vue.renderSlot(_ctx.$slots, "contentH5", {}, void 0, true),
         Vue.createVNode(AIControl.default, {
           onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("AIControl"))
         }),
@@ -118,7 +104,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/RoomFooter/index/indexPC.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css              */
 ;/* 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-eeb020b6"]]);
+const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4afcea78"]]);
 exports.default = indexPc;

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

@@ -139,7 +139,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             class: "center-container-item",
             onClick: _cache[9] || (_cache[9] = ($event) => handleControlClick("MasterApplyControl"))
           })) : Vue.createCommentVNode("", true),
-          Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true),
           Vue.createVNode(Vue.unref(index$1.default), {
             class: "center-container-item",
             onClick: _cache[10] || (_cache[10] = ($event) => handleControlClick("voteControl")),

package/lib/conference.vue.d.ts

@@ -16,6 +16,7 @@ declare function enterRoom(options: {
 declare function resetStore(): void;
 declare function __VLS_template(): {
     content?(_: {}): any;
+    contentH5?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     displayMode: "permanent" | "wake-up";

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-4dd66a12"]]);
+const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-14e58a3b"]]);
 exports.default = ConferenceMainView;

package/lib/conference.vue2.js

@@ -280,6 +280,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           content: Vue.withCtx(() => [
             Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ]),
+          contentH5: Vue.withCtx(() => [
+            Vue.renderSlot(_ctx.$slots, "contentH5", {}, void 0, true)
+          ]),
           _: 3
         }, 512), [
           [Vue.vShow, Vue.unref(showRoomTool)]

package/lib/index.js

@@ -3635,44 +3635,6 @@ to {
   border-radius: 8px;
   color: var(--text-color-primary);
   background-color: var(--button-color-secondary-default);
-}.show-more-content[data-v-b8ad5a8b] {
-  position: absolute;
-  bottom: 15px;
-  left: 5%;
-  width: 90%;
-  height: 17vh;
-  padding: 10px;
-  border-radius: 13px;
-  animation-name: popup-b8ad5a8b;
-  animation-duration: 200ms;
-  background-color: var(--bg-color-operate);
-}
-@keyframes popup-b8ad5a8b {
-from {
-    bottom: 0;
-}
-to {
-    bottom: 15px;
-}
-}
-.control-compent[data-v-b8ad5a8b] {
-  display: flex;
-}
-.close[data-v-b8ad5a8b] {
-  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);
 }.tool-box[data-v-34681937] {
   position: absolute;
   bottom: 72px;
@@ -3702,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-49d683da] {
+}.footer-container[data-v-4905d960] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3966,7 +3928,48 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}.footer-container[data-v-eeb020b6] {
+}.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] {
+  width: 50px;
+  height: 50px;
+}.footer-container[data-v-4afcea78] {
   position: absolute;
   bottom: 0;
   display: flex;
@@ -3980,25 +3983,25 @@ to {
   background-color: var(--bg-color-topbar);
   box-shadow: 0 -8px 30px var(--uikit-color-black-8);
 }
-.footer-container .left-container[data-v-eeb020b6] {
+.footer-container .left-container[data-v-4afcea78] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.footer-container .left-container .left-container-item[data-v-eeb020b6]:not(:first-child) {
+.footer-container .left-container .left-container-item[data-v-4afcea78]:not(:first-child) {
   margin-left: 1rem;
 }
-.footer-container .center-container[data-v-eeb020b6] {
+.footer-container .center-container[data-v-4afcea78] {
   position: relative;
   display: flex;
   align-items: center;
   height: 100%;
   margin: 0 auto;
 }
-.footer-container .center-container .center-container-item[data-v-eeb020b6]:not(:first-child) {
+.footer-container .center-container .center-container-item[data-v-4afcea78]:not(:first-child) {
   margin-left: 16px;
 }
-.footer-container .right-container[data-v-eeb020b6] {
+.footer-container .right-container[data-v-4afcea78] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -9168,7 +9171,7 @@ body, html {
 }
 .tui-room :not([class|=el]) {
   transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-}.tui-room[data-v-4dd66a12] {
+}.tui-room[data-v-14e58a3b] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -9180,7 +9183,7 @@ body, html {
   text-align: left;
   background-color: var(--bg-color-topbar);
 }
-.tui-room .header[data-v-4dd66a12] {
+.tui-room .header[data-v-14e58a3b] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9191,20 +9194,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-4dd66a12] {
+.tui-room .content[data-v-14e58a3b] {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--bg-color-topbar);
 }
-.tui-room.tui-room-h5[data-v-4dd66a12] {
+.tui-room.tui-room-h5[data-v-14e58a3b] {
   width: 100%;
   min-width: 350px;
   height: 100%;
   min-height: 525px;
 }
-#roomContainer.chat-room[data-v-4dd66a12] {
+#roomContainer.chat-room[data-v-14e58a3b] {
   position: absolute;
   top: 0;
   right: 0;
@@ -9216,8 +9219,8 @@ body, html {
   margin: auto;
   border-radius: 10px;
 }
-#roomContainer.tui-room-h5[data-v-4dd66a12],
-#roomContainer .chat-room[data-v-4dd66a12] {
+#roomContainer.tui-room-h5[data-v-14e58a3b],
+#roomContainer .chat-room[data-v-14e58a3b] {
   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.24161",
+  "version": "25.12.24163",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",