@ndscnj/roomkit-web-vue3 25.12.24142 → 25.12.24151

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/es/components/RoomFooter/VoteControl/MoreControlH5.vue.d.ts +6 -0
  2. package/es/components/RoomFooter/VoteControl/MoreControlH5.vue.mjs +7 -0
  3. package/es/components/RoomFooter/VoteControl/MoreControlH5.vue2.mjs +105 -0
  4. package/es/components/RoomFooter/VoteControl/MoreControlPC.vue.d.ts +2 -0
  5. package/es/components/RoomFooter/VoteControl/MoreControlPC.vue.mjs +49 -0
  6. package/es/components/RoomFooter/VoteControl/MoreControlPC.vue2.mjs +4 -0
  7. package/{lib/components/RoomFooter/voteControl → es/components/RoomFooter/VoteControl}/index.d.ts +2 -2
  8. package/es/components/RoomFooter/VoteControl/index.mjs +7 -0
  9. package/es/components/RoomFooter/VoteControl/useMoreControlHooks.mjs +22 -0
  10. package/es/components/RoomFooter/index/indexPC.vue.mjs +1 -1
  11. package/es/components/RoomFooter/index/indexPC.vue2.mjs +4 -4
  12. package/es/components/RoomVote/index.d.ts +1 -17
  13. package/es/components/RoomVote/indexPC.vue.d.ts +1 -10
  14. package/es/components/RoomVote/indexPC.vue.mjs +1 -1
  15. package/es/components/RoomVote/indexPC.vue2.mjs +2 -6
  16. package/es/index.mjs +53 -25
  17. package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue.d.ts +6 -0
  18. package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue.js +7 -0
  19. package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue2.js +105 -0
  20. package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue.d.ts +2 -0
  21. package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue.js +49 -0
  22. package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue2.js +4 -0
  23. package/{es/components/RoomFooter/voteControl → lib/components/RoomFooter/VoteControl}/index.d.ts +2 -2
  24. package/lib/components/RoomFooter/VoteControl/index.js +7 -0
  25. package/lib/components/RoomFooter/VoteControl/useMoreControlHooks.js +22 -0
  26. package/lib/components/RoomFooter/index/indexPC.vue.js +1 -1
  27. package/lib/components/RoomFooter/index/indexPC.vue2.js +6 -6
  28. package/lib/components/RoomVote/index.d.ts +1 -17
  29. package/lib/components/RoomVote/indexPC.vue.d.ts +1 -10
  30. package/lib/components/RoomVote/indexPC.vue.js +1 -1
  31. package/lib/components/RoomVote/indexPC.vue2.js +1 -5
  32. package/lib/index.js +53 -25
  33. package/package.json +1 -1
  34. package/src/TUIRoom/components/RoomFooter/{voteControl/VoteControlH5.vue → VoteControl/MoreControlH5.vue} +2 -2
  35. package/src/TUIRoom/components/RoomFooter/{voteControl/VoteControlPC.vue → VoteControl/MoreControlPC.vue} +1 -1
  36. package/src/TUIRoom/components/RoomFooter/VoteControl/index.ts +8 -0
  37. package/src/TUIRoom/components/RoomFooter/{voteControl/useVoteControlHooks.ts → VoteControl/useMoreControlHooks.ts} +1 -1
  38. package/src/TUIRoom/components/RoomFooter/index/indexPC.vue +1 -1
  39. package/src/TUIRoom/components/RoomFooter/voteControl.vue +0 -3
  40. package/src/TUIRoom/components/RoomVote/indexPC.vue +1 -4
  41. package/es/components/RoomFooter/voteControl.vue.d.ts +0 -15
  42. package/es/components/RoomFooter/voteControl.vue.mjs +0 -7
  43. package/es/components/RoomFooter/voteControl.vue2.mjs +0 -55
  44. package/lib/components/RoomFooter/voteControl.vue.d.ts +0 -15
  45. package/lib/components/RoomFooter/voteControl.vue.js +0 -7
  46. package/lib/components/RoomFooter/voteControl.vue2.js +0 -55
  47. package/src/TUIRoom/components/RoomFooter/voteControl/index.ts +0 -8
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const Vue = require("vue");
4
+ const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
5
+ const IconButton = require("../../common/base/IconButton.vue.js");
6
+ const useMoreControlHooks = require("./useMoreControlHooks.js");
7
+ require("../../../services/main.js");
8
+ const roomService = require("../../../services/roomService.js");
9
+ require("../../../locales/index.js");
10
+ require("@tencentcloud/tuiroom-engine-js");
11
+ require("../../../utils/environment.js");
12
+ require("mitt");
13
+ require("../../../services/manager/roomActionManager.js");
14
+ require("@tencentcloud/tui-core");
15
+ const _hoisted_1 = {
16
+ key: 0,
17
+ class: "more-control-container"
18
+ };
19
+ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
20
+ __name: "MoreControlPC",
21
+ setup(__props) {
22
+ const moreControlConfig = roomService.roomService.getComponentConfig("VoteControl");
23
+ const { t, basicStore, sidebarName } = useMoreControlHooks.default();
24
+ function toggleMoreSidebar() {
25
+ if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
26
+ basicStore.setSidebarOpenStatus(false);
27
+ basicStore.setSidebarName("");
28
+ return;
29
+ }
30
+ basicStore.setSidebarOpenStatus(true);
31
+ basicStore.setSidebarName("vote");
32
+ }
33
+ return (_ctx, _cache) => {
34
+ return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
35
+ Vue.createVNode(IconButton.default, {
36
+ "is-active": Vue.unref(sidebarName) === "vote",
37
+ title: Vue.unref(t)("Vote"),
38
+ onClickIcon: toggleMoreSidebar
39
+ }, {
40
+ default: Vue.withCtx(() => [
41
+ Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" })
42
+ ]),
43
+ _: 1
44
+ }, 8, ["is-active", "title"])
45
+ ])) : Vue.createCommentVNode("", true);
46
+ };
47
+ }
48
+ });
49
+ exports.default = _sfc_main;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue.js");
4
+ exports.default = MoreControlPC_vue_vue_type_script_setup_true_lang.default;
@@ -1,6 +1,6 @@
1
- declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1
+ declare const MoreControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
2
  "show-overlay": (...args: any[]) => void;
3
3
  }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
4
  "onShow-overlay"?: ((...args: any[]) => any) | undefined;
5
5
  }>, {}, {}, {}, {}, 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>;
6
- export default VoteControl;
6
+ export default MoreControl;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const MoreControlH5 = require("./MoreControlH5.vue.js");
4
+ const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue.js");
5
+ const environment = require("../../../utils/environment.js");
6
+ const MoreControl = environment.isMobile ? MoreControlH5.default : MoreControlPC_vue_vue_type_script_setup_true_lang.default;
7
+ exports.default = MoreControl;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const Vue = require("vue");
4
+ const basic = require("../../../stores/basic.js");
5
+ const pinia = require("pinia");
6
+ const index = require("../../../locales/index.js");
7
+ const icon = require("../../../constants/icon.js");
8
+ function useControl() {
9
+ const { t } = index.useI18n();
10
+ const basicStore = basic.useBasicStore();
11
+ const { sidebarName } = pinia.storeToRefs(basicStore);
12
+ const iconName = Vue.computed(
13
+ () => sidebarName.value === "more" ? icon.ICON_NAME.MoreActive : icon.ICON_NAME.More
14
+ );
15
+ return {
16
+ t,
17
+ basicStore,
18
+ iconName,
19
+ sidebarName
20
+ };
21
+ }
22
+ exports.default = useControl;
@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
3
3
  const indexPC_vue_vue_type_script_setup_true_lang = require("./indexPC.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
- const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f808bd91"]]);
6
+ const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4afcea78"]]);
7
7
  exports.default = indexPc;
@@ -59,15 +59,15 @@ const ManageMemberControl_vue_vue_type_script_setup_true_lang = require("../Mana
59
59
  const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.vue.js");
60
60
  const ManageStageControl_vue_vue_type_script_setup_true_lang = require("../ManageStageControl.vue.js");
61
61
  const MemberApplyControl = require("../ApplyControl/MemberApplyControl.vue.js");
62
- const index$1 = require("../MoreControl/index.js");
63
- const index$2 = require("../EndControl/index.js");
62
+ const index$2 = require("../MoreControl/index.js");
63
+ const index$3 = require("../EndControl/index.js");
64
64
  const SettingControl_vue_vue_type_script_setup_true_lang = require("../SettingControl.vue.js");
65
65
  const WhiteboardControl = require("../WhiteboardControl.vue.js");
66
66
  const VirtualBackground = require("../VirtualBackground.vue.js");
67
67
  const AIControl = require("../AIControl.vue.js");
68
68
  const BasicBeauty = require("../BasicBeauty.vue.js");
69
69
  const useMitt = require("../../../hooks/useMitt.js");
70
- const voteControl = require("../voteControl.vue.js");
70
+ const index$1 = require("../VoteControl/index.js");
71
71
  const useRoomFooterHooks = require("./useRoomFooterHooks.js");
72
72
  const _hoisted_1 = { class: "footer-container" };
73
73
  const _hoisted_2 = { class: "left-container" };
@@ -139,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
139
139
  class: "center-container-item",
140
140
  onClick: _cache[9] || (_cache[9] = ($event) => handleControlClick("MasterApplyControl"))
141
141
  })) : Vue.createCommentVNode("", true),
142
- Vue.createVNode(voteControl.default, {
142
+ Vue.createVNode(Vue.unref(index$1.default), {
143
143
  class: "center-container-item",
144
144
  onClick: _cache[10] || (_cache[10] = ($event) => handleControlClick("voteControl")),
145
145
  onOnVote: onVote
@@ -149,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
149
149
  ]),
150
150
  _: 3
151
151
  }),
152
- Vue.createVNode(Vue.unref(index$1.default), {
152
+ Vue.createVNode(Vue.unref(index$2.default), {
153
153
  class: "center-container-item",
154
154
  onClick: _cache[11] || (_cache[11] = ($event) => handleControlClick("moreControl"))
155
155
  }),
@@ -168,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
168
168
  })) : Vue.createCommentVNode("", true)
169
169
  ]),
170
170
  Vue.createElementVNode("div", _hoisted_4, [
171
- Vue.createVNode(Vue.unref(index$2.default))
171
+ Vue.createVNode(Vue.unref(index$3.default))
172
172
  ])
173
173
  ]);
174
174
  };
@@ -2,21 +2,5 @@ declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('v
2
2
  "on-close-contact": (...args: any[]) => void;
3
3
  }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
4
  "onOn-close-contact"?: ((...args: any[]) => any) | undefined;
5
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
6
- 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, {
7
- P: {};
8
- B: {};
9
- D: {};
10
- C: {};
11
- M: {};
12
- Defaults: {};
13
- }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
14
- __isFragment?: never;
15
- __isTeleport?: never;
16
- __isSuspense?: never;
17
- } & 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 () => {
18
- $slots: {
19
- content?(_: {}): any;
20
- };
21
- }));
5
+ }>, {}, {}, {}, {}, 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>;
22
6
  export default Index;
@@ -1,11 +1,2 @@
1
- declare function __VLS_template(): {
2
- content?(_: {}): any;
3
- };
4
- 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>;
5
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
1
+ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6
2
  export default _default;
7
- type __VLS_WithTemplateSlots<T, S> = T & {
8
- new (): {
9
- $slots: S;
10
- };
11
- };
@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
3
3
  const indexPC_vue_vue_type_script_setup_true_lang = require("./indexPC.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
6
- const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c82f5e3c"]]);
6
+ const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-17479e8d"]]);
7
7
  exports.default = indexPC;
@@ -14,7 +14,6 @@ const _hoisted_5 = { class: "item-title" };
14
14
  const _hoisted_6 = { class: "more-item" };
15
15
  const _hoisted_7 = { class: "item-title" };
16
16
  const _hoisted_8 = { class: "more-content" };
17
- const _hoisted_9 = { class: "more-item" };
18
17
  const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
19
18
  __name: "indexPC",
20
19
  setup(__props) {
@@ -23,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
23
22
  return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
24
23
  Vue.createElementVNode("div", _hoisted_2, [
25
24
  Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconEmail), { class: "email-icon" }),
26
- Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Vote")), 1)
25
+ Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("If you have any questions, please email us.")), 1)
27
26
  ]),
28
27
  Vue.unref(isZH) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
29
28
  Vue.createElementVNode("div", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Join our product discussion group")), 1),
@@ -41,9 +40,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
41
40
  class: "copy-icon",
42
41
  onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(onCopy)(Vue.unref(email)))
43
42
  })
44
- ]),
45
- Vue.createElementVNode("div", _hoisted_9, [
46
- Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
47
43
  ])
48
44
  ]);
49
45
  };
package/lib/index.js CHANGED
@@ -3928,17 +3928,45 @@ to {
3928
3928
  }
3929
3929
  .footer .mirror-container .mirror-text[data-v-21a63691] {
3930
3930
  margin-left: 4px;
3931
- }.contact-container[data-v-753053ea] {
3932
- position: fixed;
3933
- top: 0;
3934
- bottom: 0;
3935
- left: 0;
3936
- z-index: 11;
3937
- box-sizing: border-box;
3938
- width: 100vw;
3939
- height: auto;
3940
- background-color: var(--uikit-color-black-8);
3941
- }.footer-container[data-v-f808bd91] {
3931
+ }.show-more-content[data-v-c413959d] {
3932
+ position: absolute;
3933
+ bottom: 15px;
3934
+ left: 5%;
3935
+ width: 90%;
3936
+ height: 17vh;
3937
+ padding: 10px;
3938
+ border-radius: 13px;
3939
+ animation-name: popup-c413959d;
3940
+ animation-duration: 200ms;
3941
+ background-color: var(--bg-color-operate);
3942
+ }
3943
+ @keyframes popup-c413959d {
3944
+ from {
3945
+ bottom: 0;
3946
+ }
3947
+ to {
3948
+ bottom: 15px;
3949
+ }
3950
+ }
3951
+ .control-compent[data-v-c413959d] {
3952
+ display: flex;
3953
+ }
3954
+ .close[data-v-c413959d] {
3955
+ position: relative;
3956
+ top: 10%;
3957
+ display: flex;
3958
+ align-items: center;
3959
+ justify-content: center;
3960
+ width: 100%;
3961
+ padding: 10px;
3962
+ font-style: normal;
3963
+ font-weight: 400;
3964
+ line-height: 24px;
3965
+ text-align: center;
3966
+ border-radius: 8px;
3967
+ color: var(--text-color-primary);
3968
+ background-color: var(--button-color-secondary-default);
3969
+ }.footer-container[data-v-4afcea78] {
3942
3970
  position: absolute;
3943
3971
  bottom: 0;
3944
3972
  display: flex;
@@ -3952,25 +3980,25 @@ to {
3952
3980
  background-color: var(--bg-color-topbar);
3953
3981
  box-shadow: 0 -8px 30px var(--uikit-color-black-8);
3954
3982
  }
3955
- .footer-container .left-container[data-v-f808bd91] {
3983
+ .footer-container .left-container[data-v-4afcea78] {
3956
3984
  display: flex;
3957
3985
  align-items: center;
3958
3986
  height: 100%;
3959
3987
  }
3960
- .footer-container .left-container .left-container-item[data-v-f808bd91]:not(:first-child) {
3988
+ .footer-container .left-container .left-container-item[data-v-4afcea78]:not(:first-child) {
3961
3989
  margin-left: 1rem;
3962
3990
  }
3963
- .footer-container .center-container[data-v-f808bd91] {
3991
+ .footer-container .center-container[data-v-4afcea78] {
3964
3992
  position: relative;
3965
3993
  display: flex;
3966
3994
  align-items: center;
3967
3995
  height: 100%;
3968
3996
  margin: 0 auto;
3969
3997
  }
3970
- .footer-container .center-container .center-container-item[data-v-f808bd91]:not(:first-child) {
3998
+ .footer-container .center-container .center-container-item[data-v-4afcea78]:not(:first-child) {
3971
3999
  margin-left: 16px;
3972
4000
  }
3973
- .footer-container .right-container[data-v-f808bd91] {
4001
+ .footer-container .right-container[data-v-4afcea78] {
3974
4002
  display: flex;
3975
4003
  align-items: center;
3976
4004
  height: 100%;
@@ -5047,17 +5075,17 @@ to {
5047
5075
  font-size: 16px;
5048
5076
  font-weight: 400;
5049
5077
  text-align: end;
5050
- }.more-container[data-v-c82f5e3c] {
5078
+ }.more-container[data-v-17479e8d] {
5051
5079
  padding: 20px;
5052
5080
  }
5053
- .more-container .more-title[data-v-c82f5e3c] {
5081
+ .more-container .more-title[data-v-17479e8d] {
5054
5082
  display: flex;
5055
5083
  align-items: center;
5056
5084
  }
5057
- .more-container .more-title .email-icon[data-v-c82f5e3c] {
5085
+ .more-container .more-title .email-icon[data-v-17479e8d] {
5058
5086
  color: var(--uikit-color-gray-7);
5059
5087
  }
5060
- .more-container .more-title .more-notice[data-v-c82f5e3c] {
5088
+ .more-container .more-title .more-notice[data-v-17479e8d] {
5061
5089
  width: 100%;
5062
5090
  height: 22px;
5063
5091
  padding-left: 8px;
@@ -5066,15 +5094,15 @@ to {
5066
5094
  line-height: 22px;
5067
5095
  color: var(--text-color-primary);
5068
5096
  }
5069
- .more-container .more-item[data-v-c82f5e3c] {
5097
+ .more-container .more-item[data-v-17479e8d] {
5070
5098
  position: relative;
5071
5099
  display: flex;
5072
5100
  flex-direction: column;
5073
5101
  }
5074
- .more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
5102
+ .more-container .more-item[data-v-17479e8d]:not(:first-child) {
5075
5103
  margin-top: 20px;
5076
5104
  }
5077
- .more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
5105
+ .more-container .more-item:not(:first-child) .item-title[data-v-17479e8d] {
5078
5106
  width: 100%;
5079
5107
  padding-bottom: 8px;
5080
5108
  font-size: 14px;
@@ -5082,7 +5110,7 @@ to {
5082
5110
  line-height: 22px;
5083
5111
  color: var(--text-color-primary);
5084
5112
  }
5085
- .more-container .more-item:not(:first-child) .more-content[data-v-c82f5e3c] {
5113
+ .more-container .more-item:not(:first-child) .more-content[data-v-17479e8d] {
5086
5114
  position: relative;
5087
5115
  box-sizing: border-box;
5088
5116
  display: inline-block;
@@ -5102,7 +5130,7 @@ to {
5102
5130
  background-color: var(--bg-color-input);
5103
5131
  border: 1px solid var(--stroke-color-module);
5104
5132
  }
5105
- .more-container .more-item:not(:first-child) .copy-icon[data-v-c82f5e3c] {
5133
+ .more-container .more-item:not(:first-child) .copy-icon[data-v-17479e8d] {
5106
5134
  position: absolute;
5107
5135
  top: 45px;
5108
5136
  right: 10px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndscnj/roomkit-web-vue3",
3
- "version": "25.12.24142",
3
+ "version": "25.12.24151",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.mjs",
6
6
  "types": "./es/index.d.ts",
@@ -29,7 +29,7 @@
29
29
  import { ref, onMounted, onUnmounted, defineEmits } from 'vue';
30
30
  import { IconExtension } from '@tencentcloud/uikit-base-component-vue3';
31
31
  import IconButton from '../../common/base/IconButton.vue';
32
- import userVoteControl from './useVoteControlHooks';
32
+ import userMoreControl from './useMoreControlHooks';
33
33
  import ChatControl from '../ChatControl.vue';
34
34
  import InviteControl from '../InviteControl.vue';
35
35
  import ContactControl from '../ContactControl.vue';
@@ -42,7 +42,7 @@ const moreControlConfig = roomService.getComponentConfig('MoreControl');
42
42
  const showMoreContent = ref(false);
43
43
  const moreContentRef = ref();
44
44
 
45
- const { t, sidebarName } = userVoteControl();
45
+ const { t, sidebarName } = userMoreControl();
46
46
  const roomStore = useRoomStore();
47
47
  const emit = defineEmits(['show-overlay']);
48
48
  function showMore() {
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div v-if="moreControlConfig.visible" class="vote-control-container">
2
+ <div v-if="moreControlConfig.visible" class="more-control-container">
3
3
  <icon-button
4
4
  :is-active="sidebarName === 'vote'"
5
5
  :title="t('Vote')"
@@ -0,0 +1,8 @@
1
+ import MoreControlH5 from './MoreControlH5.vue';
2
+ import MoreControlPc from './MoreControlPC.vue';
3
+
4
+ import { isMobile } from '../../../utils/environment';
5
+
6
+ const MoreControl = isMobile ? MoreControlH5 : MoreControlPc;
7
+
8
+ export default MoreControl;
@@ -11,7 +11,7 @@ export default function useControl() {
11
11
  const { sidebarName } = storeToRefs(basicStore);
12
12
 
13
13
  const iconName = computed(() =>
14
- sidebarName.value === 'vote' ? ICON_NAME.MoreActive : ICON_NAME.More
14
+ sidebarName.value === 'more' ? ICON_NAME.MoreActive : ICON_NAME.More
15
15
  );
16
16
 
17
17
  return {
@@ -103,7 +103,7 @@ import VirtualBackground from '../VirtualBackground.vue';
103
103
  import AIControl from '../AIControl.vue';
104
104
  import BasicBeauty from '../BasicBeauty.vue';
105
105
  import bus from '../../../hooks/useMitt';
106
- import voteControl from '../voteControl.vue';
106
+ import voteControl from '../VoteControl';
107
107
  import useRoomFooter from './useRoomFooterHooks';
108
108
  import { isElectron } from '../../../utils/environment';
109
109
  const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooter();
@@ -35,9 +35,6 @@ function toggleToolBox() {
35
35
  visible: showToolBox.value,
36
36
  });
37
37
  }
38
- function handleOnCloseContact() {
39
- showToolBox.value = false;
40
- }
41
38
  </script>
42
39
 
43
40
  <style lang="scss" scoped>
@@ -3,7 +3,7 @@
3
3
  <div class="more-title">
4
4
  <IconEmail class="email-icon" />
5
5
  <div class="more-notice">
6
- {{ t('Vote') }}
6
+ {{ t('If you have any questions, please email us.') }}
7
7
  </div>
8
8
  </div>
9
9
  <div v-if="isZH" class="more-item">
@@ -15,9 +15,6 @@
15
15
  <div class="more-content">{{ email }}</div>
16
16
  <IconCopy class="copy-icon" @click="onCopy(email)" />
17
17
  </div>
18
- <div class="more-item">
19
- <slot name="content"></slot>
20
- </div>
21
18
  </div>
22
19
  </template>
23
20
 
@@ -1,15 +0,0 @@
1
- declare function __VLS_template(): {
2
- content?(_: {}): any;
3
- };
4
- declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5
- "on-vote": (...args: any[]) => void;
6
- }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
7
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
8
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
9
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
10
- export default _default;
11
- type __VLS_WithTemplateSlots<T, S> = T & {
12
- new (): {
13
- $slots: S;
14
- };
15
- };
@@ -1,7 +0,0 @@
1
- import _sfc_main from "./voteControl.vue2.mjs";
2
- /* empty css */
3
- import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const voteControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-753053ea"]]);
5
- export {
6
- voteControl as default
7
- };
@@ -1,55 +0,0 @@
1
- import { defineComponent, computed, ref, createElementBlock, openBlock, createVNode, createCommentVNode, unref, withCtx, renderSlot } from "vue";
2
- import "../../services/main.mjs";
3
- import { roomService } from "../../services/roomService.mjs";
4
- import { useI18n } from "../../locales/index.mjs";
5
- import "@tencentcloud/tuiroom-engine-js";
6
- import "../../utils/environment.mjs";
7
- import "mitt";
8
- import "../../services/manager/roomActionManager.mjs";
9
- import "@tencentcloud/tui-core";
10
- import IconButton from "../common/base/IconButton.vue.mjs";
11
- import { IconAIIcon } from "@tencentcloud/uikit-base-component-vue3";
12
- const _hoisted_1 = { class: "vote-control-container" };
13
- const _hoisted_2 = {
14
- key: 0,
15
- class: "contact-container"
16
- };
17
- const _sfc_main = /* @__PURE__ */ defineComponent({
18
- __name: "voteControl",
19
- emits: ["on-vote"],
20
- setup(__props, { emit: __emit }) {
21
- const { basicStore } = roomService;
22
- const sidebarName = computed(() => basicStore.sidebarName);
23
- const { t } = useI18n();
24
- const showToolBox = ref(false);
25
- const emit = __emit;
26
- function toggleToolBox() {
27
- console.log(showToolBox.value, "0000");
28
- showToolBox.value = !showToolBox.value;
29
- emit("on-vote", {
30
- name: "onVote",
31
- visible: showToolBox.value
32
- });
33
- }
34
- return (_ctx, _cache) => {
35
- return openBlock(), createElementBlock("div", _hoisted_1, [
36
- createVNode(IconButton, {
37
- "is-active": sidebarName.value === "vote",
38
- title: unref(t)("Vote"),
39
- onClickIcon: toggleToolBox
40
- }, {
41
- default: withCtx(() => [
42
- createVNode(unref(IconAIIcon), { size: "24" })
43
- ]),
44
- _: 1
45
- }, 8, ["is-active", "title"]),
46
- showToolBox.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
47
- renderSlot(_ctx.$slots, "content", {}, void 0, true)
48
- ])) : createCommentVNode("", true)
49
- ]);
50
- };
51
- }
52
- });
53
- export {
54
- _sfc_main as default
55
- };
@@ -1,15 +0,0 @@
1
- declare function __VLS_template(): {
2
- content?(_: {}): any;
3
- };
4
- declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5
- "on-vote": (...args: any[]) => void;
6
- }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
7
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
8
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
9
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
10
- export default _default;
11
- type __VLS_WithTemplateSlots<T, S> = T & {
12
- new (): {
13
- $slots: S;
14
- };
15
- };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const voteControl_vue_vue_type_script_setup_true_lang = require("./voteControl.vue2.js");
4
- ;/* empty css */
5
- const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
6
- const voteControl = /* @__PURE__ */ _pluginVue_exportHelper.default(voteControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-753053ea"]]);
7
- exports.default = voteControl;
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const Vue = require("vue");
4
- require("../../services/main.js");
5
- const roomService = require("../../services/roomService.js");
6
- const index = require("../../locales/index.js");
7
- require("@tencentcloud/tuiroom-engine-js");
8
- require("../../utils/environment.js");
9
- require("mitt");
10
- require("../../services/manager/roomActionManager.js");
11
- require("@tencentcloud/tui-core");
12
- const IconButton = require("../common/base/IconButton.vue.js");
13
- const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
14
- const _hoisted_1 = { class: "vote-control-container" };
15
- const _hoisted_2 = {
16
- key: 0,
17
- class: "contact-container"
18
- };
19
- const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
20
- __name: "voteControl",
21
- emits: ["on-vote"],
22
- setup(__props, { emit: __emit }) {
23
- const { basicStore } = roomService.roomService;
24
- const sidebarName = Vue.computed(() => basicStore.sidebarName);
25
- const { t } = index.useI18n();
26
- const showToolBox = Vue.ref(false);
27
- const emit = __emit;
28
- function toggleToolBox() {
29
- console.log(showToolBox.value, "0000");
30
- showToolBox.value = !showToolBox.value;
31
- emit("on-vote", {
32
- name: "onVote",
33
- visible: showToolBox.value
34
- });
35
- }
36
- return (_ctx, _cache) => {
37
- return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
38
- Vue.createVNode(IconButton.default, {
39
- "is-active": sidebarName.value === "vote",
40
- title: Vue.unref(t)("Vote"),
41
- onClickIcon: toggleToolBox
42
- }, {
43
- default: Vue.withCtx(() => [
44
- Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconAIIcon), { size: "24" })
45
- ]),
46
- _: 1
47
- }, 8, ["is-active", "title"]),
48
- showToolBox.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
49
- Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
50
- ])) : Vue.createCommentVNode("", true)
51
- ]);
52
- };
53
- }
54
- });
55
- exports.default = _sfc_main;
@@ -1,8 +0,0 @@
1
- import VoteControlH5 from './VoteControlH5.vue';
2
- import VoteControlPc from './VoteControlPC.vue';
3
-
4
- import { isMobile } from '../../../utils/environment';
5
-
6
- const VoteControl = isMobile ? VoteControlH5 : VoteControlPc;
7
-
8
- export default VoteControl;