@ndscnj/roomkit-web-vue3 25.12.24151 → 25.12.24153

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

@@ -17,22 +17,22 @@ const _hoisted_1 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MoreControlPC",
   setup(__props) {
-    const moreControlConfig = roomService.getComponentConfig("VoteControl");
+    const moreControlConfig = roomService.getComponentConfig("MoreControl");
     const { t, basicStore, sidebarName } = useControl();
     function toggleMoreSidebar() {
-      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
+      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "more") {
         basicStore.setSidebarOpenStatus(false);
         basicStore.setSidebarName("");
         return;
       }
       basicStore.setSidebarOpenStatus(true);
-      basicStore.setSidebarName("vote");
+      basicStore.setSidebarName("more");
     }
     return (_ctx, _cache) => {
       return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(IconButton, {
-          "is-active": unref(sidebarName) === "vote",
-          title: unref(t)("Vote"),
+          "is-active": unref(sidebarName) === "more",
+          title: unref(t)("More"),
           onClickIcon: toggleMoreSidebar
         }, {
           default: withCtx(() => [

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

@@ -2,5 +2,21 @@ declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('v
     "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> | 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/RoomVote/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/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-17479e8d"]]);
+const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c82f5e3c"]]);
 export {
   indexPC as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, withCtx, createTextVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, withCtx, createTextVNode, renderSlot } from "vue";
 import { IconEmail, TUIButton, IconCopy } from "@tencentcloud/uikit-base-component-vue3";
 import useRoomMoreHooks from "./useRoomMoreHooks.mjs";
 const _hoisted_1 = { class: "more-container" };
@@ -12,6 +12,7 @@ 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 _hoisted_9 = { class: "more-item" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "indexPC",
   setup(__props) {
@@ -20,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),
@@ -38,6 +39,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "copy-icon",
             onClick: _cache[0] || (_cache[0] = ($event) => unref(onCopy)(unref(email)))
           })
+        ]),
+        createElementVNode("div", _hoisted_9, [
+          renderSlot(_ctx.$slots, "content", {}, void 0, true)
         ])
       ]);
     };

package/es/index.mjs

@@ -5075,17 +5075,17 @@ to {
   font-size: 16px;
   font-weight: 400;
   text-align: end;
-}.more-container[data-v-17479e8d] {
+}.more-container[data-v-c82f5e3c] {
   padding: 20px;
 }
-.more-container .more-title[data-v-17479e8d] {
+.more-container .more-title[data-v-c82f5e3c] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-17479e8d] {
+.more-container .more-title .email-icon[data-v-c82f5e3c] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-17479e8d] {
+.more-container .more-title .more-notice[data-v-c82f5e3c] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -5094,15 +5094,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-17479e8d] {
+.more-container .more-item[data-v-c82f5e3c] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-17479e8d]:not(:first-child) {
+.more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-17479e8d] {
+.more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -5110,7 +5110,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-17479e8d] {
+.more-container .more-item:not(:first-child) .more-content[data-v-c82f5e3c] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5130,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-17479e8d] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-c82f5e3c] {
   position: absolute;
   top: 45px;
   right: 10px;

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

@@ -19,22 +19,22 @@ const _hoisted_1 = {
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "MoreControlPC",
   setup(__props) {
-    const moreControlConfig = roomService.roomService.getComponentConfig("VoteControl");
+    const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
     const { t, basicStore, sidebarName } = useMoreControlHooks.default();
     function toggleMoreSidebar() {
-      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
+      if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "more") {
         basicStore.setSidebarOpenStatus(false);
         basicStore.setSidebarName("");
         return;
       }
       basicStore.setSidebarOpenStatus(true);
-      basicStore.setSidebarName("vote");
+      basicStore.setSidebarName("more");
     }
     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"),
+          "is-active": Vue.unref(sidebarName) === "more",
+          title: Vue.unref(t)("More"),
           onClickIcon: toggleMoreSidebar
         }, {
           default: Vue.withCtx(() => [

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

@@ -2,5 +2,21 @@ declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('v
     "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> | 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/lib/components/RoomVote/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/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-17479e8d"]]);
+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

@@ -14,6 +14,7 @@ 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 _hoisted_9 = { class: "more-item" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "indexPC",
   setup(__props) {
@@ -22,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),
@@ -40,6 +41,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             class: "copy-icon",
             onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(onCopy)(Vue.unref(email)))
           })
+        ]),
+        Vue.createElementVNode("div", _hoisted_9, [
+          Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
         ])
       ]);
     };

package/lib/index.js

@@ -5075,17 +5075,17 @@ to {
   font-size: 16px;
   font-weight: 400;
   text-align: end;
-}.more-container[data-v-17479e8d] {
+}.more-container[data-v-c82f5e3c] {
   padding: 20px;
 }
-.more-container .more-title[data-v-17479e8d] {
+.more-container .more-title[data-v-c82f5e3c] {
   display: flex;
   align-items: center;
 }
-.more-container .more-title .email-icon[data-v-17479e8d] {
+.more-container .more-title .email-icon[data-v-c82f5e3c] {
   color: var(--uikit-color-gray-7);
 }
-.more-container .more-title .more-notice[data-v-17479e8d] {
+.more-container .more-title .more-notice[data-v-c82f5e3c] {
   width: 100%;
   height: 22px;
   padding-left: 8px;
@@ -5094,15 +5094,15 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item[data-v-17479e8d] {
+.more-container .more-item[data-v-c82f5e3c] {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.more-container .more-item[data-v-17479e8d]:not(:first-child) {
+.more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
   margin-top: 20px;
 }
-.more-container .more-item:not(:first-child) .item-title[data-v-17479e8d] {
+.more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
   width: 100%;
   padding-bottom: 8px;
   font-size: 14px;
@@ -5110,7 +5110,7 @@ to {
   line-height: 22px;
   color: var(--text-color-primary);
 }
-.more-container .more-item:not(:first-child) .more-content[data-v-17479e8d] {
+.more-container .more-item:not(:first-child) .more-content[data-v-c82f5e3c] {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
@@ -5130,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-17479e8d] {
+.more-container .more-item:not(:first-child) .copy-icon[data-v-c82f5e3c] {
   position: absolute;
   top: 45px;
   right: 10px;

package/package.json

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

package/src/TUIRoom/components/RoomFooter/VoteControl/MoreControlPC.vue

@@ -1,8 +1,8 @@
 <template>
   <div v-if="moreControlConfig.visible" class="more-control-container">
     <icon-button
-      :is-active="sidebarName === 'vote'"
-      :title="t('Vote')"
+      :is-active="sidebarName === 'more'"
+      :title="t('More')"
       @click-icon="toggleMoreSidebar"
     >
       <IconMore size="24" />
@@ -15,17 +15,17 @@ import IconButton from '../../common/base/IconButton.vue';
 import userMoreControl from './useMoreControlHooks';
 import { roomService } from '../../../services';
 
-const moreControlConfig = roomService.getComponentConfig('VoteControl');
+const moreControlConfig = roomService.getComponentConfig('MoreControl');
 const { t, basicStore, sidebarName } = userMoreControl();
 
 function toggleMoreSidebar() {
-  if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'vote') {
+  if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'more') {
     basicStore.setSidebarOpenStatus(false);
     basicStore.setSidebarName('');
     return;
   }
   basicStore.setSidebarOpenStatus(true);
-  basicStore.setSidebarName('vote');
+  basicStore.setSidebarName('more');
 }
 </script>
 <style lang="scss" scoped></style>

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

@@ -35,6 +35,9 @@ 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">
@@ -15,6 +15,9 @@
       <div class="more-content">{{ email }}</div>
       <IconCopy class="copy-icon" @click="onCopy(email)" />
     </div>
+    <div class="more-item">
+      <slot name="content"></slot>
+    </div>
   </div>
 </template>