@ndscnj/roomkit-web-vue3 25.12.2414 → 25.12.2415

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

@@ -1,15 +1,6 @@
-declare function __VLS_template(): {
-    content?(_: {}): 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, {
     "on-vote": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "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;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, createElementBlock, openBlock, createVNode, createCommentVNode, unref, withCtx, renderSlot } from "vue";
+import { defineComponent, computed, ref, createElementBlock, openBlock, createVNode, unref, withCtx } from "vue";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import { useI18n } from "../../locales/index.mjs";
@@ -9,24 +9,15 @@ import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
 import IconButton from "../common/base/IconButton.vue.mjs";
 import { IconAIIcon } from "@tencentcloud/uikit-base-component-vue3";
-import Index from "../RoomVote/index.mjs";
 const _hoisted_1 = { class: "vote-control-container" };
-const _hoisted_2 = {
-  key: 0,
-  class: "contact-container"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "voteControl",
   emits: ["on-vote"],
   setup(__props, { emit: __emit }) {
     const { basicStore } = roomService;
-    const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
     const sidebarName = computed(() => basicStore.sidebarName);
     const { t } = useI18n();
     const showToolBox = ref(false);
-    watch(isSidebarOpen, (newValue) => {
-      showToolBox.value = newValue && false;
-    });
     const emit = __emit;
     function toggleToolBox() {
       console.log(showToolBox.value, "0000");
@@ -36,9 +27,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         visible: showToolBox.value
       });
     }
-    function handleOnCloseContact() {
-      showToolBox.value = false;
-    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(IconButton, {
@@ -50,18 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(IconAIIcon), { size: "24" })
           ]),
           _: 1
-        }, 8, ["is-active", "title"]),
-        !isSidebarOpen.value && showToolBox.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(unref(Index), {
-            ref: "contactRef",
-            onOnCloseContact: handleOnCloseContact
-          }, {
-            content: withCtx(() => [
-              renderSlot(_ctx.$slots, "content", {}, void 0, true)
-            ]),
-            _: 3
-          }, 512)
-        ])) : createCommentVNode("", true)
+        }, 8, ["is-active", "title"])
       ]);
     };
   }

package/es/components/RoomVote/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-d1a96ffd"]]);
+const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c82f5e3c"]]);
 export {
   indexPC as default
 };

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

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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)
+          createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("Vote")), 1)
         ]),
         unref(isZH) ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("Join our product discussion group")), 1),

package/es/index.mjs

@@ -3928,160 +3928,7 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}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-d1a96ffd] {
-  padding: 20px;
-}
-.more-container .more-title[data-v-d1a96ffd] {
-  display: flex;
-  align-items: center;
-}
-.more-container .more-title .email-icon[data-v-d1a96ffd] {
-  color: var(--uikit-color-gray-7);
-}
-.more-container .more-title .more-notice[data-v-d1a96ffd] {
-  width: 100%;
-  height: 22px;
-  padding-left: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
-}
-.more-container .more-item[data-v-d1a96ffd] {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-.more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
-  margin-top: 20px;
-}
-.more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
-  width: 100%;
-  padding-bottom: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
-}
-.more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
-  position: relative;
-  box-sizing: border-box;
-  display: inline-block;
-  flex: 1;
-  height: 42px;
-  padding: 10px 30px 10px 16px;
-  overflow: hidden;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 22px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  border-radius: 8px;
-  outline: none;
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  color: var(--text-color-primary);
-  background-color: var(--bg-color-input);
-  border: 1px solid var(--stroke-color-module);
-}
-.more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
-  position: absolute;
-  top: 45px;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: var(--text-color-link);
-}.contact-container[data-v-c9bb5a2b] {
+}.contact-container[data-v-18efb8e7] {
   position: fixed;
   top: 0;
   bottom: 0;
@@ -5111,6 +4958,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-c82f5e3c] {
+  padding: 20px;
+}
+.more-container .more-title[data-v-c82f5e3c] {
+  display: flex;
+  align-items: center;
+}
+.more-container .more-title .email-icon[data-v-c82f5e3c] {
+  color: var(--uikit-color-gray-7);
+}
+.more-container .more-title .more-notice[data-v-c82f5e3c] {
+  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-c82f5e3c] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
+  margin-top: 20px;
+}
+.more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
+  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-c82f5e3c] {
+  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-c82f5e3c] {
+  position: absolute;
+  top: 45px;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: var(--text-color-link);
 }.conversation[data-v-b897add1] {
   height: 100%;
   padding: 20px;

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

@@ -1,15 +1,6 @@
-declare function __VLS_template(): {
-    content?(_: {}): 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, {
     "on-vote": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "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;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

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

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

@@ -11,24 +11,15 @@ require("../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
 const IconButton = require("../common/base/IconButton.vue.js");
 const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
-const index$1 = require("../RoomVote/index.js");
 const _hoisted_1 = { class: "vote-control-container" };
-const _hoisted_2 = {
-  key: 0,
-  class: "contact-container"
-};
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "voteControl",
   emits: ["on-vote"],
   setup(__props, { emit: __emit }) {
     const { basicStore } = roomService.roomService;
-    const isSidebarOpen = Vue.computed(() => basicStore.isSidebarOpen);
     const sidebarName = Vue.computed(() => basicStore.sidebarName);
     const { t } = index.useI18n();
     const showToolBox = Vue.ref(false);
-    Vue.watch(isSidebarOpen, (newValue) => {
-      showToolBox.value = newValue && false;
-    });
     const emit = __emit;
     function toggleToolBox() {
       console.log(showToolBox.value, "0000");
@@ -38,9 +29,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         visible: showToolBox.value
       });
     }
-    function handleOnCloseContact() {
-      showToolBox.value = false;
-    }
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
         Vue.createVNode(IconButton.default, {
@@ -52,18 +40,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconAIIcon), { size: "24" })
           ]),
           _: 1
-        }, 8, ["is-active", "title"]),
-        !isSidebarOpen.value && showToolBox.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
-          Vue.createVNode(Vue.unref(index$1.default), {
-            ref: "contactRef",
-            onOnCloseContact: handleOnCloseContact
-          }, {
-            content: Vue.withCtx(() => [
-              Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
-            ]),
-            _: 3
-          }, 512)
-        ])) : Vue.createCommentVNode("", true)
+        }, 8, ["is-active", "title"])
       ]);
     };
   }

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

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

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

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
         Vue.createElementVNode("div", _hoisted_2, [
           Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconEmail), { class: "email-icon" }),
-          Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("If you have any questions, please email us.")), 1)
+          Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Vote")), 1)
         ]),
         Vue.unref(isZH) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
           Vue.createElementVNode("div", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Join our product discussion group")), 1),

package/lib/index.js

@@ -3928,160 +3928,7 @@ to {
 }
 .footer .mirror-container .mirror-text[data-v-21a63691] {
   margin-left: 4px;
-}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-d1a96ffd] {
-  padding: 20px;
-}
-.more-container .more-title[data-v-d1a96ffd] {
-  display: flex;
-  align-items: center;
-}
-.more-container .more-title .email-icon[data-v-d1a96ffd] {
-  color: var(--uikit-color-gray-7);
-}
-.more-container .more-title .more-notice[data-v-d1a96ffd] {
-  width: 100%;
-  height: 22px;
-  padding-left: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
-}
-.more-container .more-item[data-v-d1a96ffd] {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-.more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
-  margin-top: 20px;
-}
-.more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
-  width: 100%;
-  padding-bottom: 8px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-  color: var(--text-color-primary);
-}
-.more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
-  position: relative;
-  box-sizing: border-box;
-  display: inline-block;
-  flex: 1;
-  height: 42px;
-  padding: 10px 30px 10px 16px;
-  overflow: hidden;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 22px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  border-radius: 8px;
-  outline: none;
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  color: var(--text-color-primary);
-  background-color: var(--bg-color-input);
-  border: 1px solid var(--stroke-color-module);
-}
-.more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
-  position: absolute;
-  top: 45px;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: var(--text-color-link);
-}.contact-container[data-v-c9bb5a2b] {
+}.contact-container[data-v-18efb8e7] {
   position: fixed;
   top: 0;
   bottom: 0;
@@ -5111,6 +4958,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-c82f5e3c] {
+  padding: 20px;
+}
+.more-container .more-title[data-v-c82f5e3c] {
+  display: flex;
+  align-items: center;
+}
+.more-container .more-title .email-icon[data-v-c82f5e3c] {
+  color: var(--uikit-color-gray-7);
+}
+.more-container .more-title .more-notice[data-v-c82f5e3c] {
+  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-c82f5e3c] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
+  margin-top: 20px;
+}
+.more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
+  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-c82f5e3c] {
+  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-c82f5e3c] {
+  position: absolute;
+  top: 45px;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: var(--text-color-link);
 }.conversation[data-v-b897add1] {
   height: 100%;
   padding: 20px;

package/package.json

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

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

@@ -7,13 +7,6 @@
     >
       <IconAIIcon size="24" />
     </icon-button>
-    <div class="contact-container" v-if="!isSidebarOpen && showToolBox">
-      <room-vote ref="contactRef" @on-close-contact="handleOnCloseContact">
-        <template #content>
-          <slot name="content"></slot>
-        </template>
-      </room-vote>
-    </div>
   </div>
 </template>
 
@@ -27,13 +20,9 @@ import {
 } from '@tencentcloud/uikit-base-component-vue3';
 import roomVote from '../RoomVote';
 const { basicStore } = roomService;
-const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
 const sidebarName = computed(() => basicStore.sidebarName);
 const { t } = useI18n();
 const showToolBox = ref(false);
-watch(isSidebarOpen, newValue => {
-  showToolBox.value = newValue && false;
-});
 const emit = defineEmits(['on-vote']);
 function toggleToolBox() {
   console.log(showToolBox.value,"0000")
@@ -43,9 +32,6 @@ function toggleToolBox() {
     visible: showToolBox.value,
   });
 }
-function handleOnCloseContact() {
-  showToolBox.value = false;
-}
 </script>
 
 <style lang="scss" scoped>

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

@@ -3,7 +3,7 @@
     <div class="more-title">
       <IconEmail class="email-icon" />
       <div class="more-notice">
-        {{ t('If you have any questions, please email us.') }}
+        {{ t('Vote') }}
       </div>
     </div>
     <div v-if="isZH" class="more-item">