@ndscnj/roomkit-web-vue3 25.12.2413 → 25.12.2414

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 (29) hide show
  1. package/es/components/RoomFooter/index/indexPC.vue.mjs +1 -1
  2. package/es/components/RoomFooter/index/indexPC.vue2.mjs +1 -0
  3. package/es/components/RoomFooter/voteControl.vue.mjs +1 -1
  4. package/es/components/RoomFooter/voteControl.vue2.mjs +13 -2
  5. package/es/components/RoomVote/indexPC.vue.mjs +1 -1
  6. package/es/components/RoomVote/indexPC.vue2.mjs +1 -1
  7. package/es/conference.vue.mjs +1 -1
  8. package/es/conference.vue2.mjs +1 -0
  9. package/es/index.mjs +167 -167
  10. package/lib/components/RoomFooter/index/indexPC.vue.js +1 -1
  11. package/lib/components/RoomFooter/index/indexPC.vue2.js +1 -0
  12. package/lib/components/RoomFooter/voteControl.vue.js +1 -1
  13. package/lib/components/RoomFooter/voteControl.vue2.js +13 -2
  14. package/lib/components/RoomVote/indexPC.vue.js +1 -1
  15. package/lib/components/RoomVote/indexPC.vue2.js +1 -1
  16. package/lib/conference.vue.js +1 -1
  17. package/lib/conference.vue2.js +1 -0
  18. package/lib/index.js +167 -167
  19. package/package.json +1 -1
  20. package/src/TUIRoom/components/RoomFooter/index/indexPC.vue +1 -0
  21. package/src/TUIRoom/components/RoomFooter/voteControl.vue +2 -4
  22. package/src/TUIRoom/components/RoomVote/indexPC.vue +1 -1
  23. package/src/TUIRoom/conference.vue +1 -0
  24. package/es/components/RoomFooter/voteControl/index.d.ts +0 -6
  25. package/lib/components/RoomFooter/voteControl/index.d.ts +0 -6
  26. package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlH5.vue +0 -122
  27. package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlPC.vue +0 -31
  28. package/src/TUIRoom/components/RoomFooter/voteControl/index.ts +0 -8
  29. package/src/TUIRoom/components/RoomFooter/voteControl/useVoteControlHooks.ts +0 -23
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./indexPC.vue2.mjs";
2
2
  /* empty css */
3
3
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const indexPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-604d8288"]]);
4
+ const indexPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f808bd91"]]);
5
5
  export {
6
6
  indexPc as default
7
7
  };
@@ -81,6 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
81
81
  }
82
82
  const emit = __emit;
83
83
  const onVote = (data) => {
84
+ console.log(data, "data111");
84
85
  emit("on-vote", { code: data.visible, message: "vote" });
85
86
  };
86
87
  return (_ctx, _cache) => {
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./voteControl.vue2.mjs";
2
2
  /* empty css */
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const voteControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6e8da89"]]);
4
+ const voteControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c9bb5a2b"]]);
5
5
  export {
6
6
  voteControl as default
7
7
  };
@@ -9,6 +9,7 @@ import "../../services/manager/roomActionManager.mjs";
9
9
  import "@tencentcloud/tui-core";
10
10
  import IconButton from "../common/base/IconButton.vue.mjs";
11
11
  import { IconAIIcon } from "@tencentcloud/uikit-base-component-vue3";
12
+ import Index from "../RoomVote/index.mjs";
12
13
  const _hoisted_1 = { class: "vote-control-container" };
13
14
  const _hoisted_2 = {
14
15
  key: 0,
@@ -26,7 +27,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
26
27
  watch(isSidebarOpen, (newValue) => {
27
28
  showToolBox.value = newValue && false;
28
29
  });
29
- roomService.getComponentConfig("VoteControl");
30
30
  const emit = __emit;
31
31
  function toggleToolBox() {
32
32
  console.log(showToolBox.value, "0000");
@@ -36,6 +36,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
36
36
  visible: showToolBox.value
37
37
  });
38
38
  }
39
+ function handleOnCloseContact() {
40
+ showToolBox.value = false;
41
+ }
39
42
  return (_ctx, _cache) => {
40
43
  return openBlock(), createElementBlock("div", _hoisted_1, [
41
44
  createVNode(IconButton, {
@@ -49,7 +52,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
49
52
  _: 1
50
53
  }, 8, ["is-active", "title"]),
51
54
  !isSidebarOpen.value && showToolBox.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
52
- renderSlot(_ctx.$slots, "content", {}, void 0, true)
55
+ createVNode(unref(Index), {
56
+ ref: "contactRef",
57
+ onOnCloseContact: handleOnCloseContact
58
+ }, {
59
+ content: withCtx(() => [
60
+ renderSlot(_ctx.$slots, "content", {}, void 0, true)
61
+ ]),
62
+ _: 3
63
+ }, 512)
53
64
  ])) : createCommentVNode("", true)
54
65
  ]);
55
66
  };
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./indexPC.vue2.mjs";
2
2
  /* empty css */
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c82f5e3c"]]);
4
+ const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1a96ffd"]]);
5
5
  export {
6
6
  indexPC as default
7
7
  };
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
21
21
  return openBlock(), createElementBlock("div", _hoisted_1, [
22
22
  createElementVNode("div", _hoisted_2, [
23
23
  createVNode(unref(IconEmail), { class: "email-icon" }),
24
- createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("Vote")), 1)
24
+ createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("If you have any questions, please email us.")), 1)
25
25
  ]),
26
26
  unref(isZH) ? (openBlock(), createElementBlock("div", _hoisted_4, [
27
27
  createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("Join our product discussion group")), 1),
@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
5
- const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9ae22c4"]]);
5
+ const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b59b436"]]);
6
6
  export {
7
7
  ConferenceMainView as default
8
8
  };
@@ -217,6 +217,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
217
217
  roomService.resetStore();
218
218
  }
219
219
  const onVote = (data) => {
220
+ console.log(data, "data222");
220
221
  emit("on-vote", { code: data.visible, message: "vote" });
221
222
  };
222
223
  const onStartRoom = () => {
package/es/index.mjs CHANGED
@@ -3928,7 +3928,160 @@ to {
3928
3928
  }
3929
3929
  .footer .mirror-container .mirror-text[data-v-21a63691] {
3930
3930
  margin-left: 4px;
3931
- }.contact-container[data-v-f6e8da89] {
3931
+ }span[data-v-939000cb] {
3932
+ padding-right: 5px;
3933
+ font-size: 12px;
3934
+ font-weight: 500;
3935
+ line-height: 17px;
3936
+ }
3937
+ .contact-container-main[data-v-939000cb] {
3938
+ position: fixed;
3939
+ bottom: 0;
3940
+ display: flex;
3941
+ flex-direction: column;
3942
+ width: 100%;
3943
+ padding-bottom: 4vh;
3944
+ border-radius: 15px 15px 0 0;
3945
+ animation-name: popup-939000cb;
3946
+ animation-duration: 200ms;
3947
+ background-color: var(--bg-color-operate);
3948
+ }
3949
+ @keyframes popup-939000cb {
3950
+ from {
3951
+ transform: scaleY(0);
3952
+ transform-origin: bottom;
3953
+ }
3954
+ to {
3955
+ transform: scaleY(1);
3956
+ transform-origin: bottom;
3957
+ }
3958
+ }
3959
+ .contact-container-main .contact-title-main[data-v-939000cb] {
3960
+ display: flex;
3961
+ flex-direction: row;
3962
+ align-items: center;
3963
+ padding: 30px 0 20px 25px;
3964
+ font-family: "PingFang SC";
3965
+ font-size: 20px;
3966
+ font-style: normal;
3967
+ font-weight: 500;
3968
+ line-height: 24px;
3969
+ color: var(--text-color-primary);
3970
+ }
3971
+ .contact-container-main .contact-content-main[data-v-939000cb] {
3972
+ display: flex;
3973
+ flex-direction: row;
3974
+ align-items: center;
3975
+ width: 90%;
3976
+ height: 15%;
3977
+ padding: 0 0 0 25px;
3978
+ margin-bottom: 10px;
3979
+ }
3980
+ .contact-container-main .contact-title[data-v-939000cb],
3981
+ .contact-container-main .contact-content[data-v-939000cb] {
3982
+ width: 28%;
3983
+ font-family: "PingFang SC";
3984
+ font-size: 14px;
3985
+ font-style: normal;
3986
+ font-weight: 400;
3987
+ line-height: 20px;
3988
+ white-space: nowrap;
3989
+ color: var(--text-color-primary);
3990
+ }
3991
+ .contact-container-main .contact-content[data-v-939000cb] {
3992
+ width: 62%;
3993
+ overflow: hidden;
3994
+ font-size: 14px;
3995
+ text-overflow: ellipsis;
3996
+ white-space: nowrap;
3997
+ color: var(--text-color-secondary);
3998
+ }
3999
+ .contact-container-main .contact-bottom[data-v-939000cb] {
4000
+ width: 90%;
4001
+ padding-left: 40px;
4002
+ font-family: "PingFang SC";
4003
+ font-size: 12px;
4004
+ font-style: normal;
4005
+ font-weight: 400;
4006
+ line-height: 17px;
4007
+ text-align: center;
4008
+ color: var(--text-color-secondary);
4009
+ }
4010
+ .contact-container-main .copy[data-v-939000cb] {
4011
+ margin-left: 30px;
4012
+ color: var(--text-color-link);
4013
+ }
4014
+ .cancel[data-v-939000cb] {
4015
+ flex: 1;
4016
+ padding-right: 30px;
4017
+ font-size: 16px;
4018
+ font-weight: 400;
4019
+ text-align: end;
4020
+ }.more-container[data-v-d1a96ffd] {
4021
+ padding: 20px;
4022
+ }
4023
+ .more-container .more-title[data-v-d1a96ffd] {
4024
+ display: flex;
4025
+ align-items: center;
4026
+ }
4027
+ .more-container .more-title .email-icon[data-v-d1a96ffd] {
4028
+ color: var(--uikit-color-gray-7);
4029
+ }
4030
+ .more-container .more-title .more-notice[data-v-d1a96ffd] {
4031
+ width: 100%;
4032
+ height: 22px;
4033
+ padding-left: 8px;
4034
+ font-size: 14px;
4035
+ font-weight: 400;
4036
+ line-height: 22px;
4037
+ color: var(--text-color-primary);
4038
+ }
4039
+ .more-container .more-item[data-v-d1a96ffd] {
4040
+ position: relative;
4041
+ display: flex;
4042
+ flex-direction: column;
4043
+ }
4044
+ .more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
4045
+ margin-top: 20px;
4046
+ }
4047
+ .more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
4048
+ width: 100%;
4049
+ padding-bottom: 8px;
4050
+ font-size: 14px;
4051
+ font-weight: 400;
4052
+ line-height: 22px;
4053
+ color: var(--text-color-primary);
4054
+ }
4055
+ .more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
4056
+ position: relative;
4057
+ box-sizing: border-box;
4058
+ display: inline-block;
4059
+ flex: 1;
4060
+ height: 42px;
4061
+ padding: 10px 30px 10px 16px;
4062
+ overflow: hidden;
4063
+ font-size: 14px;
4064
+ font-weight: 500;
4065
+ line-height: 22px;
4066
+ text-overflow: ellipsis;
4067
+ white-space: nowrap;
4068
+ border-radius: 8px;
4069
+ outline: none;
4070
+ transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
4071
+ color: var(--text-color-primary);
4072
+ background-color: var(--bg-color-input);
4073
+ border: 1px solid var(--stroke-color-module);
4074
+ }
4075
+ .more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
4076
+ position: absolute;
4077
+ top: 45px;
4078
+ right: 10px;
4079
+ display: flex;
4080
+ align-items: center;
4081
+ justify-content: center;
4082
+ cursor: pointer;
4083
+ color: var(--text-color-link);
4084
+ }.contact-container[data-v-c9bb5a2b] {
3932
4085
  position: fixed;
3933
4086
  top: 0;
3934
4087
  bottom: 0;
@@ -3938,7 +4091,7 @@ to {
3938
4091
  width: 100vw;
3939
4092
  height: auto;
3940
4093
  background-color: var(--uikit-color-black-8);
3941
- }.footer-container[data-v-604d8288] {
4094
+ }.footer-container[data-v-f808bd91] {
3942
4095
  position: absolute;
3943
4096
  bottom: 0;
3944
4097
  display: flex;
@@ -3952,25 +4105,25 @@ to {
3952
4105
  background-color: var(--bg-color-topbar);
3953
4106
  box-shadow: 0 -8px 30px var(--uikit-color-black-8);
3954
4107
  }
3955
- .footer-container .left-container[data-v-604d8288] {
4108
+ .footer-container .left-container[data-v-f808bd91] {
3956
4109
  display: flex;
3957
4110
  align-items: center;
3958
4111
  height: 100%;
3959
4112
  }
3960
- .footer-container .left-container .left-container-item[data-v-604d8288]:not(:first-child) {
4113
+ .footer-container .left-container .left-container-item[data-v-f808bd91]:not(:first-child) {
3961
4114
  margin-left: 1rem;
3962
4115
  }
3963
- .footer-container .center-container[data-v-604d8288] {
4116
+ .footer-container .center-container[data-v-f808bd91] {
3964
4117
  position: relative;
3965
4118
  display: flex;
3966
4119
  align-items: center;
3967
4120
  height: 100%;
3968
4121
  margin: 0 auto;
3969
4122
  }
3970
- .footer-container .center-container .center-container-item[data-v-604d8288]:not(:first-child) {
4123
+ .footer-container .center-container .center-container-item[data-v-f808bd91]:not(:first-child) {
3971
4124
  margin-left: 16px;
3972
4125
  }
3973
- .footer-container .right-container[data-v-604d8288] {
4126
+ .footer-container .right-container[data-v-f808bd91] {
3974
4127
  display: flex;
3975
4128
  align-items: center;
3976
4129
  height: 100%;
@@ -4958,159 +5111,6 @@ to {
4958
5111
  right: 0;
4959
5112
  z-index: 101;
4960
5113
  height: 100%;
4961
- }span[data-v-939000cb] {
4962
- padding-right: 5px;
4963
- font-size: 12px;
4964
- font-weight: 500;
4965
- line-height: 17px;
4966
- }
4967
- .contact-container-main[data-v-939000cb] {
4968
- position: fixed;
4969
- bottom: 0;
4970
- display: flex;
4971
- flex-direction: column;
4972
- width: 100%;
4973
- padding-bottom: 4vh;
4974
- border-radius: 15px 15px 0 0;
4975
- animation-name: popup-939000cb;
4976
- animation-duration: 200ms;
4977
- background-color: var(--bg-color-operate);
4978
- }
4979
- @keyframes popup-939000cb {
4980
- from {
4981
- transform: scaleY(0);
4982
- transform-origin: bottom;
4983
- }
4984
- to {
4985
- transform: scaleY(1);
4986
- transform-origin: bottom;
4987
- }
4988
- }
4989
- .contact-container-main .contact-title-main[data-v-939000cb] {
4990
- display: flex;
4991
- flex-direction: row;
4992
- align-items: center;
4993
- padding: 30px 0 20px 25px;
4994
- font-family: "PingFang SC";
4995
- font-size: 20px;
4996
- font-style: normal;
4997
- font-weight: 500;
4998
- line-height: 24px;
4999
- color: var(--text-color-primary);
5000
- }
5001
- .contact-container-main .contact-content-main[data-v-939000cb] {
5002
- display: flex;
5003
- flex-direction: row;
5004
- align-items: center;
5005
- width: 90%;
5006
- height: 15%;
5007
- padding: 0 0 0 25px;
5008
- margin-bottom: 10px;
5009
- }
5010
- .contact-container-main .contact-title[data-v-939000cb],
5011
- .contact-container-main .contact-content[data-v-939000cb] {
5012
- width: 28%;
5013
- font-family: "PingFang SC";
5014
- font-size: 14px;
5015
- font-style: normal;
5016
- font-weight: 400;
5017
- line-height: 20px;
5018
- white-space: nowrap;
5019
- color: var(--text-color-primary);
5020
- }
5021
- .contact-container-main .contact-content[data-v-939000cb] {
5022
- width: 62%;
5023
- overflow: hidden;
5024
- font-size: 14px;
5025
- text-overflow: ellipsis;
5026
- white-space: nowrap;
5027
- color: var(--text-color-secondary);
5028
- }
5029
- .contact-container-main .contact-bottom[data-v-939000cb] {
5030
- width: 90%;
5031
- padding-left: 40px;
5032
- font-family: "PingFang SC";
5033
- font-size: 12px;
5034
- font-style: normal;
5035
- font-weight: 400;
5036
- line-height: 17px;
5037
- text-align: center;
5038
- color: var(--text-color-secondary);
5039
- }
5040
- .contact-container-main .copy[data-v-939000cb] {
5041
- margin-left: 30px;
5042
- color: var(--text-color-link);
5043
- }
5044
- .cancel[data-v-939000cb] {
5045
- flex: 1;
5046
- padding-right: 30px;
5047
- font-size: 16px;
5048
- font-weight: 400;
5049
- text-align: end;
5050
- }.more-container[data-v-c82f5e3c] {
5051
- padding: 20px;
5052
- }
5053
- .more-container .more-title[data-v-c82f5e3c] {
5054
- display: flex;
5055
- align-items: center;
5056
- }
5057
- .more-container .more-title .email-icon[data-v-c82f5e3c] {
5058
- color: var(--uikit-color-gray-7);
5059
- }
5060
- .more-container .more-title .more-notice[data-v-c82f5e3c] {
5061
- width: 100%;
5062
- height: 22px;
5063
- padding-left: 8px;
5064
- font-size: 14px;
5065
- font-weight: 400;
5066
- line-height: 22px;
5067
- color: var(--text-color-primary);
5068
- }
5069
- .more-container .more-item[data-v-c82f5e3c] {
5070
- position: relative;
5071
- display: flex;
5072
- flex-direction: column;
5073
- }
5074
- .more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
5075
- margin-top: 20px;
5076
- }
5077
- .more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
5078
- width: 100%;
5079
- padding-bottom: 8px;
5080
- font-size: 14px;
5081
- font-weight: 400;
5082
- line-height: 22px;
5083
- color: var(--text-color-primary);
5084
- }
5085
- .more-container .more-item:not(:first-child) .more-content[data-v-c82f5e3c] {
5086
- position: relative;
5087
- box-sizing: border-box;
5088
- display: inline-block;
5089
- flex: 1;
5090
- height: 42px;
5091
- padding: 10px 30px 10px 16px;
5092
- overflow: hidden;
5093
- font-size: 14px;
5094
- font-weight: 500;
5095
- line-height: 22px;
5096
- text-overflow: ellipsis;
5097
- white-space: nowrap;
5098
- border-radius: 8px;
5099
- outline: none;
5100
- transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
5101
- color: var(--text-color-primary);
5102
- background-color: var(--bg-color-input);
5103
- border: 1px solid var(--stroke-color-module);
5104
- }
5105
- .more-container .more-item:not(:first-child) .copy-icon[data-v-c82f5e3c] {
5106
- position: absolute;
5107
- top: 45px;
5108
- right: 10px;
5109
- display: flex;
5110
- align-items: center;
5111
- justify-content: center;
5112
- cursor: pointer;
5113
- color: var(--text-color-link);
5114
5114
  }.conversation[data-v-b897add1] {
5115
5115
  height: 100%;
5116
5116
  padding: 20px;
@@ -9140,7 +9140,7 @@ body, html {
9140
9140
  }
9141
9141
  .tui-room :not([class|=el]) {
9142
9142
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
9143
- }.tui-room[data-v-d9ae22c4] {
9143
+ }.tui-room[data-v-3b59b436] {
9144
9144
  position: relative;
9145
9145
  display: flex;
9146
9146
  flex-direction: column;
@@ -9152,7 +9152,7 @@ body, html {
9152
9152
  text-align: left;
9153
9153
  background-color: var(--bg-color-topbar);
9154
9154
  }
9155
- .tui-room .header[data-v-d9ae22c4] {
9155
+ .tui-room .header[data-v-3b59b436] {
9156
9156
  position: absolute;
9157
9157
  top: 0;
9158
9158
  left: 0;
@@ -9163,20 +9163,20 @@ body, html {
9163
9163
  border-bottom: 1px solid var(--stroke-color-primary);
9164
9164
  box-shadow: 0 1px 0 var(--uikit-color-black-8);
9165
9165
  }
9166
- .tui-room .content[data-v-d9ae22c4] {
9166
+ .tui-room .content[data-v-3b59b436] {
9167
9167
  position: absolute;
9168
9168
  top: 0;
9169
9169
  width: 100%;
9170
9170
  height: 100%;
9171
9171
  background-color: var(--bg-color-topbar);
9172
9172
  }
9173
- .tui-room.tui-room-h5[data-v-d9ae22c4] {
9173
+ .tui-room.tui-room-h5[data-v-3b59b436] {
9174
9174
  width: 100%;
9175
9175
  min-width: 350px;
9176
9176
  height: 100%;
9177
9177
  min-height: 525px;
9178
9178
  }
9179
- #roomContainer.chat-room[data-v-d9ae22c4] {
9179
+ #roomContainer.chat-room[data-v-3b59b436] {
9180
9180
  position: absolute;
9181
9181
  top: 0;
9182
9182
  right: 0;
@@ -9188,8 +9188,8 @@ body, html {
9188
9188
  margin: auto;
9189
9189
  border-radius: 10px;
9190
9190
  }
9191
- #roomContainer.tui-room-h5[data-v-d9ae22c4],
9192
- #roomContainer .chat-room[data-v-d9ae22c4] {
9191
+ #roomContainer.tui-room-h5[data-v-3b59b436],
9192
+ #roomContainer .chat-room[data-v-3b59b436] {
9193
9193
  width: 100%;
9194
9194
  height: 100%;
9195
9195
  }.user-info-container[data-v-9e9aff53] {
@@ -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-604d8288"]]);
6
+ const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f808bd91"]]);
7
7
  exports.default = indexPc;
@@ -83,6 +83,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
83
83
  }
84
84
  const emit = __emit;
85
85
  const onVote = (data) => {
86
+ console.log(data, "data111");
86
87
  emit("on-vote", { code: data.visible, message: "vote" });
87
88
  };
88
89
  return (_ctx, _cache) => {
@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
3
3
  const voteControl_vue_vue_type_script_setup_true_lang = require("./voteControl.vue2.js");
4
4
  ;/* empty css */
5
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-f6e8da89"]]);
6
+ const voteControl = /* @__PURE__ */ _pluginVue_exportHelper.default(voteControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c9bb5a2b"]]);
7
7
  exports.default = voteControl;
@@ -11,6 +11,7 @@ require("../../services/manager/roomActionManager.js");
11
11
  require("@tencentcloud/tui-core");
12
12
  const IconButton = require("../common/base/IconButton.vue.js");
13
13
  const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
14
+ const index$1 = require("../RoomVote/index.js");
14
15
  const _hoisted_1 = { class: "vote-control-container" };
15
16
  const _hoisted_2 = {
16
17
  key: 0,
@@ -28,7 +29,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
28
29
  Vue.watch(isSidebarOpen, (newValue) => {
29
30
  showToolBox.value = newValue && false;
30
31
  });
31
- roomService.roomService.getComponentConfig("VoteControl");
32
32
  const emit = __emit;
33
33
  function toggleToolBox() {
34
34
  console.log(showToolBox.value, "0000");
@@ -38,6 +38,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
38
38
  visible: showToolBox.value
39
39
  });
40
40
  }
41
+ function handleOnCloseContact() {
42
+ showToolBox.value = false;
43
+ }
41
44
  return (_ctx, _cache) => {
42
45
  return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
43
46
  Vue.createVNode(IconButton.default, {
@@ -51,7 +54,15 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
51
54
  _: 1
52
55
  }, 8, ["is-active", "title"]),
53
56
  !isSidebarOpen.value && showToolBox.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
54
- Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
57
+ Vue.createVNode(Vue.unref(index$1.default), {
58
+ ref: "contactRef",
59
+ onOnCloseContact: handleOnCloseContact
60
+ }, {
61
+ content: Vue.withCtx(() => [
62
+ Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
63
+ ]),
64
+ _: 3
65
+ }, 512)
55
66
  ])) : Vue.createCommentVNode("", true)
56
67
  ]);
57
68
  };
@@ -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-d1a96ffd"]]);
7
7
  exports.default = indexPC;
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
23
23
  return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
24
24
  Vue.createElementVNode("div", _hoisted_2, [
25
25
  Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconEmail), { class: "email-icon" }),
26
- Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Vote")), 1)
26
+ Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("If you have any questions, please email us.")), 1)
27
27
  ]),
28
28
  Vue.unref(isZH) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
29
29
  Vue.createElementVNode("div", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Join our product discussion group")), 1),
@@ -4,5 +4,5 @@ const conference_vue_vue_type_script_setup_true_lang = require("./conference.vue
4
4
  ;/* empty css */
5
5
  ;/* empty css */
6
6
  const _pluginVue_exportHelper = require("./_virtual/_plugin-vue_export-helper.js");
7
- const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-d9ae22c4"]]);
7
+ const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3b59b436"]]);
8
8
  exports.default = ConferenceMainView;
@@ -219,6 +219,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
219
219
  roomService.roomService.resetStore();
220
220
  }
221
221
  const onVote = (data) => {
222
+ console.log(data, "data222");
222
223
  emit("on-vote", { code: data.visible, message: "vote" });
223
224
  };
224
225
  const onStartRoom = () => {
package/lib/index.js CHANGED
@@ -3928,7 +3928,160 @@ to {
3928
3928
  }
3929
3929
  .footer .mirror-container .mirror-text[data-v-21a63691] {
3930
3930
  margin-left: 4px;
3931
- }.contact-container[data-v-f6e8da89] {
3931
+ }span[data-v-939000cb] {
3932
+ padding-right: 5px;
3933
+ font-size: 12px;
3934
+ font-weight: 500;
3935
+ line-height: 17px;
3936
+ }
3937
+ .contact-container-main[data-v-939000cb] {
3938
+ position: fixed;
3939
+ bottom: 0;
3940
+ display: flex;
3941
+ flex-direction: column;
3942
+ width: 100%;
3943
+ padding-bottom: 4vh;
3944
+ border-radius: 15px 15px 0 0;
3945
+ animation-name: popup-939000cb;
3946
+ animation-duration: 200ms;
3947
+ background-color: var(--bg-color-operate);
3948
+ }
3949
+ @keyframes popup-939000cb {
3950
+ from {
3951
+ transform: scaleY(0);
3952
+ transform-origin: bottom;
3953
+ }
3954
+ to {
3955
+ transform: scaleY(1);
3956
+ transform-origin: bottom;
3957
+ }
3958
+ }
3959
+ .contact-container-main .contact-title-main[data-v-939000cb] {
3960
+ display: flex;
3961
+ flex-direction: row;
3962
+ align-items: center;
3963
+ padding: 30px 0 20px 25px;
3964
+ font-family: "PingFang SC";
3965
+ font-size: 20px;
3966
+ font-style: normal;
3967
+ font-weight: 500;
3968
+ line-height: 24px;
3969
+ color: var(--text-color-primary);
3970
+ }
3971
+ .contact-container-main .contact-content-main[data-v-939000cb] {
3972
+ display: flex;
3973
+ flex-direction: row;
3974
+ align-items: center;
3975
+ width: 90%;
3976
+ height: 15%;
3977
+ padding: 0 0 0 25px;
3978
+ margin-bottom: 10px;
3979
+ }
3980
+ .contact-container-main .contact-title[data-v-939000cb],
3981
+ .contact-container-main .contact-content[data-v-939000cb] {
3982
+ width: 28%;
3983
+ font-family: "PingFang SC";
3984
+ font-size: 14px;
3985
+ font-style: normal;
3986
+ font-weight: 400;
3987
+ line-height: 20px;
3988
+ white-space: nowrap;
3989
+ color: var(--text-color-primary);
3990
+ }
3991
+ .contact-container-main .contact-content[data-v-939000cb] {
3992
+ width: 62%;
3993
+ overflow: hidden;
3994
+ font-size: 14px;
3995
+ text-overflow: ellipsis;
3996
+ white-space: nowrap;
3997
+ color: var(--text-color-secondary);
3998
+ }
3999
+ .contact-container-main .contact-bottom[data-v-939000cb] {
4000
+ width: 90%;
4001
+ padding-left: 40px;
4002
+ font-family: "PingFang SC";
4003
+ font-size: 12px;
4004
+ font-style: normal;
4005
+ font-weight: 400;
4006
+ line-height: 17px;
4007
+ text-align: center;
4008
+ color: var(--text-color-secondary);
4009
+ }
4010
+ .contact-container-main .copy[data-v-939000cb] {
4011
+ margin-left: 30px;
4012
+ color: var(--text-color-link);
4013
+ }
4014
+ .cancel[data-v-939000cb] {
4015
+ flex: 1;
4016
+ padding-right: 30px;
4017
+ font-size: 16px;
4018
+ font-weight: 400;
4019
+ text-align: end;
4020
+ }.more-container[data-v-d1a96ffd] {
4021
+ padding: 20px;
4022
+ }
4023
+ .more-container .more-title[data-v-d1a96ffd] {
4024
+ display: flex;
4025
+ align-items: center;
4026
+ }
4027
+ .more-container .more-title .email-icon[data-v-d1a96ffd] {
4028
+ color: var(--uikit-color-gray-7);
4029
+ }
4030
+ .more-container .more-title .more-notice[data-v-d1a96ffd] {
4031
+ width: 100%;
4032
+ height: 22px;
4033
+ padding-left: 8px;
4034
+ font-size: 14px;
4035
+ font-weight: 400;
4036
+ line-height: 22px;
4037
+ color: var(--text-color-primary);
4038
+ }
4039
+ .more-container .more-item[data-v-d1a96ffd] {
4040
+ position: relative;
4041
+ display: flex;
4042
+ flex-direction: column;
4043
+ }
4044
+ .more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
4045
+ margin-top: 20px;
4046
+ }
4047
+ .more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
4048
+ width: 100%;
4049
+ padding-bottom: 8px;
4050
+ font-size: 14px;
4051
+ font-weight: 400;
4052
+ line-height: 22px;
4053
+ color: var(--text-color-primary);
4054
+ }
4055
+ .more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
4056
+ position: relative;
4057
+ box-sizing: border-box;
4058
+ display: inline-block;
4059
+ flex: 1;
4060
+ height: 42px;
4061
+ padding: 10px 30px 10px 16px;
4062
+ overflow: hidden;
4063
+ font-size: 14px;
4064
+ font-weight: 500;
4065
+ line-height: 22px;
4066
+ text-overflow: ellipsis;
4067
+ white-space: nowrap;
4068
+ border-radius: 8px;
4069
+ outline: none;
4070
+ transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
4071
+ color: var(--text-color-primary);
4072
+ background-color: var(--bg-color-input);
4073
+ border: 1px solid var(--stroke-color-module);
4074
+ }
4075
+ .more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
4076
+ position: absolute;
4077
+ top: 45px;
4078
+ right: 10px;
4079
+ display: flex;
4080
+ align-items: center;
4081
+ justify-content: center;
4082
+ cursor: pointer;
4083
+ color: var(--text-color-link);
4084
+ }.contact-container[data-v-c9bb5a2b] {
3932
4085
  position: fixed;
3933
4086
  top: 0;
3934
4087
  bottom: 0;
@@ -3938,7 +4091,7 @@ to {
3938
4091
  width: 100vw;
3939
4092
  height: auto;
3940
4093
  background-color: var(--uikit-color-black-8);
3941
- }.footer-container[data-v-604d8288] {
4094
+ }.footer-container[data-v-f808bd91] {
3942
4095
  position: absolute;
3943
4096
  bottom: 0;
3944
4097
  display: flex;
@@ -3952,25 +4105,25 @@ to {
3952
4105
  background-color: var(--bg-color-topbar);
3953
4106
  box-shadow: 0 -8px 30px var(--uikit-color-black-8);
3954
4107
  }
3955
- .footer-container .left-container[data-v-604d8288] {
4108
+ .footer-container .left-container[data-v-f808bd91] {
3956
4109
  display: flex;
3957
4110
  align-items: center;
3958
4111
  height: 100%;
3959
4112
  }
3960
- .footer-container .left-container .left-container-item[data-v-604d8288]:not(:first-child) {
4113
+ .footer-container .left-container .left-container-item[data-v-f808bd91]:not(:first-child) {
3961
4114
  margin-left: 1rem;
3962
4115
  }
3963
- .footer-container .center-container[data-v-604d8288] {
4116
+ .footer-container .center-container[data-v-f808bd91] {
3964
4117
  position: relative;
3965
4118
  display: flex;
3966
4119
  align-items: center;
3967
4120
  height: 100%;
3968
4121
  margin: 0 auto;
3969
4122
  }
3970
- .footer-container .center-container .center-container-item[data-v-604d8288]:not(:first-child) {
4123
+ .footer-container .center-container .center-container-item[data-v-f808bd91]:not(:first-child) {
3971
4124
  margin-left: 16px;
3972
4125
  }
3973
- .footer-container .right-container[data-v-604d8288] {
4126
+ .footer-container .right-container[data-v-f808bd91] {
3974
4127
  display: flex;
3975
4128
  align-items: center;
3976
4129
  height: 100%;
@@ -4958,159 +5111,6 @@ to {
4958
5111
  right: 0;
4959
5112
  z-index: 101;
4960
5113
  height: 100%;
4961
- }span[data-v-939000cb] {
4962
- padding-right: 5px;
4963
- font-size: 12px;
4964
- font-weight: 500;
4965
- line-height: 17px;
4966
- }
4967
- .contact-container-main[data-v-939000cb] {
4968
- position: fixed;
4969
- bottom: 0;
4970
- display: flex;
4971
- flex-direction: column;
4972
- width: 100%;
4973
- padding-bottom: 4vh;
4974
- border-radius: 15px 15px 0 0;
4975
- animation-name: popup-939000cb;
4976
- animation-duration: 200ms;
4977
- background-color: var(--bg-color-operate);
4978
- }
4979
- @keyframes popup-939000cb {
4980
- from {
4981
- transform: scaleY(0);
4982
- transform-origin: bottom;
4983
- }
4984
- to {
4985
- transform: scaleY(1);
4986
- transform-origin: bottom;
4987
- }
4988
- }
4989
- .contact-container-main .contact-title-main[data-v-939000cb] {
4990
- display: flex;
4991
- flex-direction: row;
4992
- align-items: center;
4993
- padding: 30px 0 20px 25px;
4994
- font-family: "PingFang SC";
4995
- font-size: 20px;
4996
- font-style: normal;
4997
- font-weight: 500;
4998
- line-height: 24px;
4999
- color: var(--text-color-primary);
5000
- }
5001
- .contact-container-main .contact-content-main[data-v-939000cb] {
5002
- display: flex;
5003
- flex-direction: row;
5004
- align-items: center;
5005
- width: 90%;
5006
- height: 15%;
5007
- padding: 0 0 0 25px;
5008
- margin-bottom: 10px;
5009
- }
5010
- .contact-container-main .contact-title[data-v-939000cb],
5011
- .contact-container-main .contact-content[data-v-939000cb] {
5012
- width: 28%;
5013
- font-family: "PingFang SC";
5014
- font-size: 14px;
5015
- font-style: normal;
5016
- font-weight: 400;
5017
- line-height: 20px;
5018
- white-space: nowrap;
5019
- color: var(--text-color-primary);
5020
- }
5021
- .contact-container-main .contact-content[data-v-939000cb] {
5022
- width: 62%;
5023
- overflow: hidden;
5024
- font-size: 14px;
5025
- text-overflow: ellipsis;
5026
- white-space: nowrap;
5027
- color: var(--text-color-secondary);
5028
- }
5029
- .contact-container-main .contact-bottom[data-v-939000cb] {
5030
- width: 90%;
5031
- padding-left: 40px;
5032
- font-family: "PingFang SC";
5033
- font-size: 12px;
5034
- font-style: normal;
5035
- font-weight: 400;
5036
- line-height: 17px;
5037
- text-align: center;
5038
- color: var(--text-color-secondary);
5039
- }
5040
- .contact-container-main .copy[data-v-939000cb] {
5041
- margin-left: 30px;
5042
- color: var(--text-color-link);
5043
- }
5044
- .cancel[data-v-939000cb] {
5045
- flex: 1;
5046
- padding-right: 30px;
5047
- font-size: 16px;
5048
- font-weight: 400;
5049
- text-align: end;
5050
- }.more-container[data-v-c82f5e3c] {
5051
- padding: 20px;
5052
- }
5053
- .more-container .more-title[data-v-c82f5e3c] {
5054
- display: flex;
5055
- align-items: center;
5056
- }
5057
- .more-container .more-title .email-icon[data-v-c82f5e3c] {
5058
- color: var(--uikit-color-gray-7);
5059
- }
5060
- .more-container .more-title .more-notice[data-v-c82f5e3c] {
5061
- width: 100%;
5062
- height: 22px;
5063
- padding-left: 8px;
5064
- font-size: 14px;
5065
- font-weight: 400;
5066
- line-height: 22px;
5067
- color: var(--text-color-primary);
5068
- }
5069
- .more-container .more-item[data-v-c82f5e3c] {
5070
- position: relative;
5071
- display: flex;
5072
- flex-direction: column;
5073
- }
5074
- .more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
5075
- margin-top: 20px;
5076
- }
5077
- .more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
5078
- width: 100%;
5079
- padding-bottom: 8px;
5080
- font-size: 14px;
5081
- font-weight: 400;
5082
- line-height: 22px;
5083
- color: var(--text-color-primary);
5084
- }
5085
- .more-container .more-item:not(:first-child) .more-content[data-v-c82f5e3c] {
5086
- position: relative;
5087
- box-sizing: border-box;
5088
- display: inline-block;
5089
- flex: 1;
5090
- height: 42px;
5091
- padding: 10px 30px 10px 16px;
5092
- overflow: hidden;
5093
- font-size: 14px;
5094
- font-weight: 500;
5095
- line-height: 22px;
5096
- text-overflow: ellipsis;
5097
- white-space: nowrap;
5098
- border-radius: 8px;
5099
- outline: none;
5100
- transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
5101
- color: var(--text-color-primary);
5102
- background-color: var(--bg-color-input);
5103
- border: 1px solid var(--stroke-color-module);
5104
- }
5105
- .more-container .more-item:not(:first-child) .copy-icon[data-v-c82f5e3c] {
5106
- position: absolute;
5107
- top: 45px;
5108
- right: 10px;
5109
- display: flex;
5110
- align-items: center;
5111
- justify-content: center;
5112
- cursor: pointer;
5113
- color: var(--text-color-link);
5114
5114
  }.conversation[data-v-b897add1] {
5115
5115
  height: 100%;
5116
5116
  padding: 20px;
@@ -9140,7 +9140,7 @@ body, html {
9140
9140
  }
9141
9141
  .tui-room :not([class|=el]) {
9142
9142
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
9143
- }.tui-room[data-v-d9ae22c4] {
9143
+ }.tui-room[data-v-3b59b436] {
9144
9144
  position: relative;
9145
9145
  display: flex;
9146
9146
  flex-direction: column;
@@ -9152,7 +9152,7 @@ body, html {
9152
9152
  text-align: left;
9153
9153
  background-color: var(--bg-color-topbar);
9154
9154
  }
9155
- .tui-room .header[data-v-d9ae22c4] {
9155
+ .tui-room .header[data-v-3b59b436] {
9156
9156
  position: absolute;
9157
9157
  top: 0;
9158
9158
  left: 0;
@@ -9163,20 +9163,20 @@ body, html {
9163
9163
  border-bottom: 1px solid var(--stroke-color-primary);
9164
9164
  box-shadow: 0 1px 0 var(--uikit-color-black-8);
9165
9165
  }
9166
- .tui-room .content[data-v-d9ae22c4] {
9166
+ .tui-room .content[data-v-3b59b436] {
9167
9167
  position: absolute;
9168
9168
  top: 0;
9169
9169
  width: 100%;
9170
9170
  height: 100%;
9171
9171
  background-color: var(--bg-color-topbar);
9172
9172
  }
9173
- .tui-room.tui-room-h5[data-v-d9ae22c4] {
9173
+ .tui-room.tui-room-h5[data-v-3b59b436] {
9174
9174
  width: 100%;
9175
9175
  min-width: 350px;
9176
9176
  height: 100%;
9177
9177
  min-height: 525px;
9178
9178
  }
9179
- #roomContainer.chat-room[data-v-d9ae22c4] {
9179
+ #roomContainer.chat-room[data-v-3b59b436] {
9180
9180
  position: absolute;
9181
9181
  top: 0;
9182
9182
  right: 0;
@@ -9188,8 +9188,8 @@ body, html {
9188
9188
  margin: auto;
9189
9189
  border-radius: 10px;
9190
9190
  }
9191
- #roomContainer.tui-room-h5[data-v-d9ae22c4],
9192
- #roomContainer .chat-room[data-v-d9ae22c4] {
9191
+ #roomContainer.tui-room-h5[data-v-3b59b436],
9192
+ #roomContainer .chat-room[data-v-3b59b436] {
9193
9193
  width: 100%;
9194
9194
  height: 100%;
9195
9195
  }.user-info-container[data-v-9e9aff53] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndscnj/roomkit-web-vue3",
3
- "version": "25.12.2413",
3
+ "version": "25.12.2414",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.mjs",
6
6
  "types": "./es/index.d.ts",
@@ -112,6 +112,7 @@ function handleControlClick(name: string) {
112
112
  }
113
113
  const emit = defineEmits(['on-vote']);
114
114
  const onVote = (data: { name: string; visible: boolean }) => {
115
+ console.log(data,"data111")
115
116
  emit('on-vote', { code: data.visible, message: 'vote' });
116
117
  };
117
118
  </script>
@@ -8,12 +8,11 @@
8
8
  <IconAIIcon size="24" />
9
9
  </icon-button>
10
10
  <div class="contact-container" v-if="!isSidebarOpen && showToolBox">
11
- <slot name="content"></slot>
12
- <!-- <room-vote ref="contactRef" @on-close-contact="handleOnCloseContact">
11
+ <room-vote ref="contactRef" @on-close-contact="handleOnCloseContact">
13
12
  <template #content>
14
13
  <slot name="content"></slot>
15
14
  </template>
16
- </room-vote> -->
15
+ </room-vote>
17
16
  </div>
18
17
  </div>
19
18
  </template>
@@ -35,7 +34,6 @@ const showToolBox = ref(false);
35
34
  watch(isSidebarOpen, newValue => {
36
35
  showToolBox.value = newValue && false;
37
36
  });
38
- const voteControlConfig = roomService.getComponentConfig('VoteControl');
39
37
  const emit = defineEmits(['on-vote']);
40
38
  function toggleToolBox() {
41
39
  console.log(showToolBox.value,"0000")
@@ -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">
@@ -322,6 +322,7 @@ function resetStore() {
322
322
  }
323
323
 
324
324
  const onVote = (data: { name: string; visible: boolean }) => {
325
+ console.log(data,"data222")
325
326
  emit('on-vote', { code: data.visible, message: 'vote' });
326
327
  };
327
328
  const onStartRoom = () => {
@@ -1,6 +0,0 @@
1
- declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
- "show-overlay": (...args: any[]) => void;
3
- }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
- "onShow-overlay"?: ((...args: any[]) => any) | undefined;
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;
@@ -1,6 +0,0 @@
1
- declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
- "show-overlay": (...args: any[]) => void;
3
- }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
- "onShow-overlay"?: ((...args: any[]) => any) | undefined;
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;
@@ -1,122 +0,0 @@
1
- <template>
2
- <div>
3
- <div v-if="moreControlConfig.visible" class="more-control-container">
4
- <icon-button
5
- v-tap="showMore"
6
- :is-active="sidebarName === 'more'"
7
- :title="t('More')"
8
- >
9
- <IconExtension size="24" />
10
- </icon-button>
11
- </div>
12
- <div v-if="showMoreContent" ref="moreContentRef" class="show-more-content">
13
- <div class="control-compent">
14
- <chat-control
15
- v-if="roomStore.isSpeakAfterTakingSeatMode"
16
- @click="handleControlClick('chatControl')"
17
- />
18
- <contact-control @click="handleControlClick('contactControl')" />
19
- <invite-control
20
- @show-overlay="handleShowOverlay"
21
- @click="handleControlClick('inviteControl')"
22
- />
23
- </div>
24
- <div v-tap="handleCancelControl" class="close">{{ t('Cancel') }}</div>
25
- </div>
26
- </div>
27
- </template>
28
- <script setup lang="ts">
29
- import { ref, onMounted, onUnmounted, defineEmits } from 'vue';
30
- import { IconExtension } from '@tencentcloud/uikit-base-component-vue3';
31
- import IconButton from '../../common/base/IconButton.vue';
32
- import userVoteControl from './useVoteControlHooks';
33
- import ChatControl from '../ChatControl.vue';
34
- import InviteControl from '../InviteControl.vue';
35
- import ContactControl from '../ContactControl.vue';
36
- import { useRoomStore } from '../../../stores/room';
37
- import bus from '../../../hooks/useMitt';
38
- import vTap from '../../../directives/vTap';
39
- import { roomService } from '../../../services';
40
-
41
- const moreControlConfig = roomService.getComponentConfig('MoreControl');
42
- const showMoreContent = ref(false);
43
- const moreContentRef = ref();
44
-
45
- const { t, sidebarName } = userVoteControl();
46
- const roomStore = useRoomStore();
47
- const emit = defineEmits(['show-overlay']);
48
- function showMore() {
49
- showMoreContent.value = true;
50
- }
51
-
52
- function handleCancelControl() {
53
- showMoreContent.value = false;
54
- }
55
- function handleControlClick(name: string) {
56
- bus.emit('experience-communication', name);
57
- }
58
-
59
- function handleShowOverlay(data: { name: string; visible: boolean }) {
60
- showMoreContent.value = false;
61
- emit('show-overlay', data);
62
- }
63
-
64
- function handleDocumentClick(event: MouseEvent) {
65
- if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
66
- showMoreContent.value = false;
67
- }
68
- }
69
-
70
- onMounted(() => {
71
- document?.addEventListener('click', handleDocumentClick, true);
72
- });
73
-
74
- onUnmounted(() => {
75
- document?.removeEventListener('click', handleDocumentClick, true);
76
- });
77
- </script>
78
- <style lang="scss" scoped>
79
- .show-more-content {
80
- position: absolute;
81
- bottom: 15px;
82
- left: 5%;
83
- width: 90%;
84
- height: 17vh;
85
- padding: 10px;
86
- border-radius: 13px;
87
- animation-name: popup;
88
- animation-duration: 200ms;
89
- background-color: var(--bg-color-operate);
90
- }
91
-
92
- @keyframes popup {
93
- from {
94
- bottom: 0;
95
- }
96
-
97
- to {
98
- bottom: 15px;
99
- }
100
- }
101
-
102
- .control-compent {
103
- display: flex;
104
- }
105
-
106
- .close {
107
- position: relative;
108
- top: 10%;
109
- display: flex;
110
- align-items: center;
111
- justify-content: center;
112
- width: 100%;
113
- padding: 10px;
114
- font-style: normal;
115
- font-weight: 400;
116
- line-height: 24px;
117
- text-align: center;
118
- border-radius: 8px;
119
- color: var(--text-color-primary);
120
- background-color: var(--button-color-secondary-default);
121
- }
122
- </style>
@@ -1,31 +0,0 @@
1
- <template>
2
- <div v-if="moreControlConfig.visible" class="vote-control-container">
3
- <icon-button
4
- :is-active="sidebarName === 'vote'"
5
- :title="t('Vote')"
6
- @click-icon="toggleMoreSidebar"
7
- >
8
- <IconMore size="24" />
9
- </icon-button>
10
- </div>
11
- </template>
12
- <script setup lang="ts">
13
- import { IconMore } from '@tencentcloud/uikit-base-component-vue3';
14
- import IconButton from '../../common/base/IconButton.vue';
15
- import userMoreControl from './useMoreControlHooks';
16
- import { roomService } from '../../../services';
17
-
18
- const moreControlConfig = roomService.getComponentConfig('VoteControl');
19
- const { t, basicStore, sidebarName } = userMoreControl();
20
-
21
- function toggleMoreSidebar() {
22
- if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'vote') {
23
- basicStore.setSidebarOpenStatus(false);
24
- basicStore.setSidebarName('');
25
- return;
26
- }
27
- basicStore.setSidebarOpenStatus(true);
28
- basicStore.setSidebarName('vote');
29
- }
30
- </script>
31
- <style lang="scss" scoped></style>
@@ -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;
@@ -1,23 +0,0 @@
1
- import { computed } from 'vue';
2
- import { useBasicStore } from '../../../stores/basic';
3
- import { storeToRefs } from 'pinia';
4
- import { useI18n } from '../../../locales';
5
- import { ICON_NAME } from '../../../constants/icon';
6
-
7
- export default function useControl() {
8
- const { t } = useI18n();
9
-
10
- const basicStore = useBasicStore();
11
- const { sidebarName } = storeToRefs(basicStore);
12
-
13
- const iconName = computed(() =>
14
- sidebarName.value === 'vote' ? ICON_NAME.MoreActive : ICON_NAME.More
15
- );
16
-
17
- return {
18
- t,
19
- basicStore,
20
- iconName,
21
- sidebarName,
22
- };
23
- }