@ndscnj/roomkit-web-vue3 25.12.2417 → 25.12.2419

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 (61) hide show
  1. package/es/components/RoomFooter/VoteControl/MoreControlH5.vue.d.ts +2 -2
  2. package/es/components/RoomFooter/VoteControl/MoreControlH5.vue.mjs +1 -1
  3. package/es/components/RoomFooter/VoteControl/MoreControlH5.vue2.mjs +77 -31
  4. package/es/components/RoomFooter/VoteControl/MoreControlPC.vue.d.ts +1 -5
  5. package/es/components/RoomFooter/VoteControl/MoreControlPC.vue.mjs +1 -1
  6. package/es/components/RoomFooter/VoteControl/MoreControlPC.vue2.mjs +1 -7
  7. package/es/components/RoomFooter/VoteControl/index.d.ts +3 -3
  8. package/es/components/RoomFooter/index/index.d.ts +4 -31
  9. package/es/components/RoomFooter/index/indexH5.vue.d.ts +1 -12
  10. package/es/components/RoomFooter/index/indexH5.vue.mjs +1 -1
  11. package/es/components/RoomFooter/index/indexH5.vue2.mjs +5 -20
  12. package/es/components/RoomSidebar/index.d.ts +1 -17
  13. package/es/components/RoomSidebar/indexH5.vue.d.ts +1 -10
  14. package/es/components/RoomSidebar/indexH5.vue.mjs +1 -1
  15. package/es/components/RoomSidebar/indexH5.vue2.mjs +3 -10
  16. package/es/components/RoomVote/index.d.ts +6 -2
  17. package/es/components/RoomVote/indexH5.vue.d.ts +5 -10
  18. package/es/components/RoomVote/indexH5.vue.mjs +2 -9
  19. package/es/components/RoomVote/indexH5.vue2.mjs +51 -0
  20. package/es/components/RoomVote/indexPC.vue.mjs +1 -1
  21. package/es/components/RoomVote/useRoomMoreHooks.mjs +43 -0
  22. package/es/conference.vue.mjs +1 -1
  23. package/es/conference.vue2.mjs +6 -1
  24. package/es/index.mjs +128 -71
  25. package/lib/components/Chat/index/indexH5.vue.js +1 -1
  26. package/lib/components/ManageMember/MemberItem/indexH5.vue.js +1 -1
  27. package/lib/components/ManageMember/indexH5.vue.js +1 -1
  28. package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue.d.ts +2 -2
  29. package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue.js +1 -1
  30. package/lib/components/RoomFooter/VoteControl/MoreControlH5.vue2.js +76 -30
  31. package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue.d.ts +1 -5
  32. package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue.js +1 -1
  33. package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue2.js +1 -7
  34. package/lib/components/RoomFooter/VoteControl/index.d.ts +3 -3
  35. package/lib/components/RoomFooter/index/index.d.ts +4 -31
  36. package/lib/components/RoomFooter/index/indexH5.vue.d.ts +1 -12
  37. package/lib/components/RoomFooter/index/indexH5.vue.js +2 -2
  38. package/lib/components/RoomFooter/index/indexH5.vue2.js +4 -19
  39. package/lib/components/RoomInvite/indexH5.vue.js +1 -1
  40. package/lib/components/RoomMore/indexH5.vue.js +1 -1
  41. package/lib/components/RoomSidebar/index.d.ts +1 -17
  42. package/lib/components/RoomSidebar/indexH5.vue.d.ts +1 -10
  43. package/lib/components/RoomSidebar/indexH5.vue.js +2 -2
  44. package/lib/components/RoomSidebar/indexH5.vue2.js +2 -9
  45. package/lib/components/RoomVote/index.d.ts +6 -2
  46. package/lib/components/RoomVote/indexH5.vue.d.ts +5 -10
  47. package/lib/components/RoomVote/indexH5.vue.js +2 -9
  48. package/lib/components/RoomVote/indexH5.vue2.js +51 -0
  49. package/lib/components/RoomVote/indexPC.vue.js +1 -1
  50. package/lib/components/RoomVote/useRoomMoreHooks.js +43 -0
  51. package/lib/conference.vue.js +1 -1
  52. package/lib/conference.vue2.js +6 -1
  53. package/lib/index.js +128 -71
  54. package/package.json +1 -1
  55. package/src/TUIRoom/components/RoomFooter/VoteControl/MoreControlH5.vue +108 -26
  56. package/src/TUIRoom/components/RoomFooter/VoteControl/MoreControlPC.vue +6 -10
  57. package/src/TUIRoom/components/RoomFooter/index/indexH5.vue +2 -15
  58. package/src/TUIRoom/components/RoomSidebar/indexH5.vue +0 -5
  59. package/src/TUIRoom/components/RoomVote/indexH5.vue +118 -61
  60. package/src/TUIRoom/components/RoomVote/indexPC.vue +0 -1
  61. package/src/TUIRoom/conference.vue +3 -0
package/es/index.mjs CHANGED
@@ -3664,13 +3664,7 @@ to {
3664
3664
  .tool-box .tool-box-item[data-v-34681937]:hover {
3665
3665
  border-radius: 8px;
3666
3666
  background-color: var(--list-color-hover);
3667
- }.ndsc-img-box[data-v-2a47be79] {
3668
- width: 24px;
3669
- height: 24px;
3670
- }.ndsc-img-box[data-v-997feff9] {
3671
- width: 24px;
3672
- height: 24px;
3673
- }.footer-container[data-v-df7f3346] {
3667
+ }.footer-container[data-v-f3bbac91] {
3674
3668
  position: absolute;
3675
3669
  bottom: 0;
3676
3670
  display: flex;
@@ -3934,6 +3928,47 @@ to {
3934
3928
  }
3935
3929
  .footer .mirror-container .mirror-text[data-v-21a63691] {
3936
3930
  margin-left: 4px;
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
+ }.ndsc-img-box[data-v-ca02c770] {
3970
+ width: 24px;
3971
+ height: 24px;
3937
3972
  }.footer-container[data-v-4afcea78] {
3938
3973
  position: absolute;
3939
3974
  bottom: 0;
@@ -4948,87 +4983,109 @@ to {
4948
4983
  justify-content: space-around;
4949
4984
  margin: 20px 0;
4950
4985
  cursor: pointer;
4951
- }.sidebar-container-mobile[data-v-83d339c1] {
4986
+ }.sidebar-container-mobile[data-v-e545b2de] {
4952
4987
  position: fixed;
4953
4988
  top: 0;
4954
4989
  right: 0;
4955
4990
  z-index: 101;
4956
4991
  height: 100%;
4957
- }.more-container[data-v-5d02e842] {
4958
- padding: 20px;
4992
+ }span[data-v-939000cb] {
4993
+ padding-right: 5px;
4994
+ font-size: 12px;
4995
+ font-weight: 500;
4996
+ line-height: 17px;
4959
4997
  }
4960
- .more-container .more-title[data-v-5d02e842] {
4998
+ .contact-container-main[data-v-939000cb] {
4999
+ position: fixed;
5000
+ bottom: 0;
4961
5001
  display: flex;
4962
- align-items: center;
5002
+ flex-direction: column;
5003
+ width: 100%;
5004
+ padding-bottom: 4vh;
5005
+ border-radius: 15px 15px 0 0;
5006
+ animation-name: popup-939000cb;
5007
+ animation-duration: 200ms;
5008
+ background-color: var(--bg-color-operate);
4963
5009
  }
4964
- .more-container .more-title .email-icon[data-v-5d02e842] {
4965
- color: var(--uikit-color-gray-7);
5010
+ @keyframes popup-939000cb {
5011
+ from {
5012
+ transform: scaleY(0);
5013
+ transform-origin: bottom;
4966
5014
  }
4967
- .more-container .more-title .more-notice[data-v-5d02e842] {
4968
- width: 100%;
4969
- height: 22px;
4970
- padding-left: 8px;
4971
- font-size: 14px;
4972
- font-weight: 400;
4973
- line-height: 22px;
4974
- color: var(--text-color-primary);
5015
+ to {
5016
+ transform: scaleY(1);
5017
+ transform-origin: bottom;
4975
5018
  }
4976
- .more-container .more-item[data-v-5d02e842] {
4977
- position: relative;
5019
+ }
5020
+ .contact-container-main .contact-title-main[data-v-939000cb] {
4978
5021
  display: flex;
4979
- flex-direction: column;
5022
+ flex-direction: row;
5023
+ align-items: center;
5024
+ padding: 30px 0 20px 25px;
5025
+ font-family: "PingFang SC";
5026
+ font-size: 20px;
5027
+ font-style: normal;
5028
+ font-weight: 500;
5029
+ line-height: 24px;
5030
+ color: var(--text-color-primary);
4980
5031
  }
4981
- .more-container .more-item[data-v-5d02e842]:not(:first-child) {
4982
- margin-top: 20px;
5032
+ .contact-container-main .contact-content-main[data-v-939000cb] {
5033
+ display: flex;
5034
+ flex-direction: row;
5035
+ align-items: center;
5036
+ width: 90%;
5037
+ height: 15%;
5038
+ padding: 0 0 0 25px;
5039
+ margin-bottom: 10px;
4983
5040
  }
4984
- .more-container .more-item:not(:first-child) .item-title[data-v-5d02e842] {
4985
- width: 100%;
4986
- padding-bottom: 8px;
5041
+ .contact-container-main .contact-title[data-v-939000cb],
5042
+ .contact-container-main .contact-content[data-v-939000cb] {
5043
+ width: 28%;
5044
+ font-family: "PingFang SC";
4987
5045
  font-size: 14px;
5046
+ font-style: normal;
4988
5047
  font-weight: 400;
4989
- line-height: 22px;
5048
+ line-height: 20px;
5049
+ white-space: nowrap;
4990
5050
  color: var(--text-color-primary);
4991
5051
  }
4992
- .more-container .more-item:not(:first-child) .more-content[data-v-5d02e842] {
4993
- position: relative;
4994
- box-sizing: border-box;
4995
- display: inline-block;
4996
- flex: 1;
4997
- height: 42px;
4998
- padding: 10px 30px 10px 16px;
5052
+ .contact-container-main .contact-content[data-v-939000cb] {
5053
+ width: 62%;
4999
5054
  overflow: hidden;
5000
5055
  font-size: 14px;
5001
- font-weight: 500;
5002
- line-height: 22px;
5003
5056
  text-overflow: ellipsis;
5004
5057
  white-space: nowrap;
5005
- border-radius: 8px;
5006
- outline: none;
5007
- transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
5008
- color: var(--text-color-primary);
5009
- background-color: var(--bg-color-input);
5010
- border: 1px solid var(--stroke-color-module);
5058
+ color: var(--text-color-secondary);
5011
5059
  }
5012
- .more-container .more-item:not(:first-child) .copy-icon[data-v-5d02e842] {
5013
- position: absolute;
5014
- top: 45px;
5015
- right: 10px;
5016
- display: flex;
5017
- align-items: center;
5018
- justify-content: center;
5019
- cursor: pointer;
5060
+ .contact-container-main .contact-bottom[data-v-939000cb] {
5061
+ width: 90%;
5062
+ padding-left: 40px;
5063
+ font-family: "PingFang SC";
5064
+ font-size: 12px;
5065
+ font-style: normal;
5066
+ font-weight: 400;
5067
+ line-height: 17px;
5068
+ text-align: center;
5069
+ color: var(--text-color-secondary);
5070
+ }
5071
+ .contact-container-main .copy[data-v-939000cb] {
5072
+ margin-left: 30px;
5020
5073
  color: var(--text-color-link);
5021
- }.more-container[data-v-41107c5f] {
5022
- padding: 20px;
5023
5074
  }
5024
- .more-container .more-title[data-v-41107c5f] {
5075
+ .cancel[data-v-939000cb] {
5076
+ flex: 1;
5077
+ padding-right: 30px;
5078
+ font-size: 16px;
5079
+ font-weight: 400;
5080
+ text-align: end;
5081
+ }.more-container .more-title[data-v-183c195c] {
5025
5082
  display: flex;
5026
5083
  align-items: center;
5027
5084
  }
5028
- .more-container .more-title .email-icon[data-v-41107c5f] {
5085
+ .more-container .more-title .email-icon[data-v-183c195c] {
5029
5086
  color: var(--uikit-color-gray-7);
5030
5087
  }
5031
- .more-container .more-title .more-notice[data-v-41107c5f] {
5088
+ .more-container .more-title .more-notice[data-v-183c195c] {
5032
5089
  width: 100%;
5033
5090
  height: 22px;
5034
5091
  padding-left: 8px;
@@ -5037,15 +5094,15 @@ to {
5037
5094
  line-height: 22px;
5038
5095
  color: var(--text-color-primary);
5039
5096
  }
5040
- .more-container .more-item[data-v-41107c5f] {
5097
+ .more-container .more-item[data-v-183c195c] {
5041
5098
  position: relative;
5042
5099
  display: flex;
5043
5100
  flex-direction: column;
5044
5101
  }
5045
- .more-container .more-item[data-v-41107c5f]:not(:first-child) {
5102
+ .more-container .more-item[data-v-183c195c]:not(:first-child) {
5046
5103
  margin-top: 20px;
5047
5104
  }
5048
- .more-container .more-item:not(:first-child) .item-title[data-v-41107c5f] {
5105
+ .more-container .more-item:not(:first-child) .item-title[data-v-183c195c] {
5049
5106
  width: 100%;
5050
5107
  padding-bottom: 8px;
5051
5108
  font-size: 14px;
@@ -5053,7 +5110,7 @@ to {
5053
5110
  line-height: 22px;
5054
5111
  color: var(--text-color-primary);
5055
5112
  }
5056
- .more-container .more-item:not(:first-child) .more-content[data-v-41107c5f] {
5113
+ .more-container .more-item:not(:first-child) .more-content[data-v-183c195c] {
5057
5114
  position: relative;
5058
5115
  box-sizing: border-box;
5059
5116
  display: inline-block;
@@ -5073,7 +5130,7 @@ to {
5073
5130
  background-color: var(--bg-color-input);
5074
5131
  border: 1px solid var(--stroke-color-module);
5075
5132
  }
5076
- .more-container .more-item:not(:first-child) .copy-icon[data-v-41107c5f] {
5133
+ .more-container .more-item:not(:first-child) .copy-icon[data-v-183c195c] {
5077
5134
  position: absolute;
5078
5135
  top: 45px;
5079
5136
  right: 10px;
@@ -9111,7 +9168,7 @@ body, html {
9111
9168
  }
9112
9169
  .tui-room :not([class|=el]) {
9113
9170
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
9114
- }.tui-room[data-v-3d7b72df] {
9171
+ }.tui-room[data-v-4dd66a12] {
9115
9172
  position: relative;
9116
9173
  display: flex;
9117
9174
  flex-direction: column;
@@ -9123,7 +9180,7 @@ body, html {
9123
9180
  text-align: left;
9124
9181
  background-color: var(--bg-color-topbar);
9125
9182
  }
9126
- .tui-room .header[data-v-3d7b72df] {
9183
+ .tui-room .header[data-v-4dd66a12] {
9127
9184
  position: absolute;
9128
9185
  top: 0;
9129
9186
  left: 0;
@@ -9134,20 +9191,20 @@ body, html {
9134
9191
  border-bottom: 1px solid var(--stroke-color-primary);
9135
9192
  box-shadow: 0 1px 0 var(--uikit-color-black-8);
9136
9193
  }
9137
- .tui-room .content[data-v-3d7b72df] {
9194
+ .tui-room .content[data-v-4dd66a12] {
9138
9195
  position: absolute;
9139
9196
  top: 0;
9140
9197
  width: 100%;
9141
9198
  height: 100%;
9142
9199
  background-color: var(--bg-color-topbar);
9143
9200
  }
9144
- .tui-room.tui-room-h5[data-v-3d7b72df] {
9201
+ .tui-room.tui-room-h5[data-v-4dd66a12] {
9145
9202
  width: 100%;
9146
9203
  min-width: 350px;
9147
9204
  height: 100%;
9148
9205
  min-height: 525px;
9149
9206
  }
9150
- #roomContainer.chat-room[data-v-3d7b72df] {
9207
+ #roomContainer.chat-room[data-v-4dd66a12] {
9151
9208
  position: absolute;
9152
9209
  top: 0;
9153
9210
  right: 0;
@@ -9159,8 +9216,8 @@ body, html {
9159
9216
  margin: auto;
9160
9217
  border-radius: 10px;
9161
9218
  }
9162
- #roomContainer.tui-room-h5[data-v-3d7b72df],
9163
- #roomContainer .chat-room[data-v-3d7b72df] {
9219
+ #roomContainer.tui-room-h5[data-v-4dd66a12],
9220
+ #roomContainer .chat-room[data-v-4dd66a12] {
9164
9221
  width: 100%;
9165
9222
  height: 100%;
9166
9223
  }.user-info-container[data-v-9e9aff53] {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const indexH5_vue_vue_type_script_setup_true_lang = ;/* empty css */
3
+ const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
6
  const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(indexH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a8c21a66"]]);
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const indexH5_vue_vue_type_script_setup_true_lang = ;/* empty css */
3
+ const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
6
  const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(indexH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-04bc5b87"]]);
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const indexH5_vue_vue_type_script_setup_true_lang = ;/* empty css */
3
+ const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
6
6
  const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(indexH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-524b1604"]]);
@@ -1,6 +1,6 @@
1
1
  declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
- "on-vote": (...args: any[]) => void;
2
+ "show-overlay": (...args: any[]) => void;
3
3
  }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
4
+ "onShow-overlay"?: ((...args: any[]) => any) | undefined;
5
5
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6
6
  export default _default;
@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
3
3
  const MoreControlH5_vue_vue_type_script_setup_true_lang = require("./MoreControlH5.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
- const MoreControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-2a47be79"]]);
6
+ const MoreControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c413959d"]]);
7
7
  exports.default = MoreControlH5;
@@ -1,9 +1,15 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const Vue = require("vue");
4
- const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
4
+ const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
5
5
  const IconButton = require("../../common/base/IconButton.vue.js");
6
6
  const useMoreControlHooks = require("./useMoreControlHooks.js");
7
+ const ChatControl_vue_vue_type_script_setup_true_lang = require("../ChatControl.vue.js");
8
+ const InviteControl = require("../InviteControl.vue.js");
9
+ const ContactControl = require("../ContactControl.vue.js");
10
+ const room = require("../../../stores/room.js");
11
+ const useMitt = require("../../../hooks/useMitt.js");
12
+ const vTap = require("../../../directives/vTap.js");
7
13
  require("../../../services/main.js");
8
14
  const roomService = require("../../../services/roomService.js");
9
15
  require("../../../locales/index.js");
@@ -16,43 +22,83 @@ const _hoisted_1 = {
16
22
  key: 0,
17
23
  class: "more-control-container"
18
24
  };
25
+ const _hoisted_2 = { class: "control-compent" };
26
+ const _hoisted_3 = { class: "close" };
19
27
  const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
20
28
  __name: "MoreControlH5",
21
- emits: ["on-vote"],
29
+ emits: ["show-overlay"],
22
30
  setup(__props, { emit: __emit }) {
23
31
  const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
24
- const { t, basicStore, sidebarName } = useMoreControlHooks.default();
32
+ const showMoreContent = Vue.ref(false);
33
+ const moreContentRef = Vue.ref();
34
+ const { t, sidebarName } = useMoreControlHooks.default();
35
+ const roomStore = room.useRoomStore();
25
36
  const emit = __emit;
26
- function toggleMoreSidebar() {
27
- if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
28
- basicStore.setSidebarOpenStatus(false);
29
- basicStore.setSidebarName("");
30
- return;
37
+ function showMore() {
38
+ showMoreContent.value = true;
39
+ }
40
+ function handleCancelControl() {
41
+ showMoreContent.value = false;
42
+ }
43
+ function handleControlClick(name) {
44
+ useMitt.default.emit("experience-communication", name);
45
+ }
46
+ function handleShowOverlay(data) {
47
+ showMoreContent.value = false;
48
+ emit("show-overlay", data);
49
+ }
50
+ function handleDocumentClick(event) {
51
+ if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
52
+ showMoreContent.value = false;
31
53
  }
32
- basicStore.setSidebarOpenStatus(true);
33
- basicStore.setSidebarName("vote");
34
- emit("on-vote", {
35
- name: "onVote",
36
- visible: basicStore.isSidebarOpen
37
- });
38
54
  }
55
+ Vue.onMounted(() => {
56
+ document == null ? void 0 : document.addEventListener("click", handleDocumentClick, true);
57
+ });
58
+ Vue.onUnmounted(() => {
59
+ document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
60
+ });
39
61
  return (_ctx, _cache) => {
40
- return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
41
- Vue.createVNode(IconButton.default, {
42
- "is-active": Vue.unref(sidebarName) === "vote",
43
- title: Vue.unref(t)("Vote"),
44
- onClickIcon: toggleMoreSidebar
45
- }, {
46
- default: Vue.withCtx(() => [..._cache[0] || (_cache[0] = [
47
- Vue.createElementVNode("img", {
48
- class: "ndsc-img-box",
49
- src: voteIcon.default,
50
- alt: ""
51
- }, null, -1)
52
- ])]),
53
- _: 1
54
- }, 8, ["is-active", "title"])
55
- ])) : Vue.createCommentVNode("", true);
62
+ return Vue.openBlock(), Vue.createElementBlock("div", null, [
63
+ Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
64
+ Vue.withDirectives((Vue.openBlock(), Vue.createBlock(IconButton.default, {
65
+ "is-active": Vue.unref(sidebarName) === "more",
66
+ title: Vue.unref(t)("More")
67
+ }, {
68
+ default: Vue.withCtx(() => [
69
+ Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconExtension), { size: "24" })
70
+ ]),
71
+ _: 1
72
+ }, 8, ["is-active", "title"])), [
73
+ [Vue.unref(vTap.default), showMore]
74
+ ])
75
+ ])) : Vue.createCommentVNode("", true),
76
+ showMoreContent.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
77
+ key: 1,
78
+ ref_key: "moreContentRef",
79
+ ref: moreContentRef,
80
+ class: "show-more-content"
81
+ }, [
82
+ Vue.createElementVNode("div", _hoisted_2, [
83
+ Vue.unref(roomStore).isSpeakAfterTakingSeatMode ? (Vue.openBlock(), Vue.createBlock(ChatControl_vue_vue_type_script_setup_true_lang.default, {
84
+ key: 0,
85
+ onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("chatControl"))
86
+ })) : Vue.createCommentVNode("", true),
87
+ Vue.createVNode(ContactControl.default, {
88
+ onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("contactControl"))
89
+ }),
90
+ Vue.createVNode(InviteControl.default, {
91
+ onShowOverlay: handleShowOverlay,
92
+ onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
93
+ })
94
+ ]),
95
+ Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
96
+ Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
97
+ ])), [
98
+ [Vue.unref(vTap.default), handleCancelControl]
99
+ ])
100
+ ], 512)) : Vue.createCommentVNode("", true)
101
+ ]);
56
102
  };
57
103
  }
58
104
  });
@@ -1,6 +1,2 @@
1
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
- "on-vote": (...args: any[]) => void;
3
- }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
5
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
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;
@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
3
3
  const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
- const MoreControlPc = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-997feff9"]]);
6
+ const MoreControlPc = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ca02c770"]]);
7
7
  exports.default = MoreControlPc;
@@ -18,11 +18,9 @@ const _hoisted_1 = {
18
18
  };
19
19
  const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
20
20
  __name: "MoreControlPC",
21
- emits: ["on-vote"],
22
- setup(__props, { emit: __emit }) {
21
+ setup(__props) {
23
22
  const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
24
23
  const { t, basicStore, sidebarName } = useMoreControlHooks.default();
25
- const emit = __emit;
26
24
  function toggleMoreSidebar() {
27
25
  if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
28
26
  basicStore.setSidebarOpenStatus(false);
@@ -31,10 +29,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
31
29
  }
32
30
  basicStore.setSidebarOpenStatus(true);
33
31
  basicStore.setSidebarName("vote");
34
- emit("on-vote", {
35
- name: "onVote",
36
- visible: basicStore.isSidebarOpen
37
- });
38
32
  }
39
33
  return (_ctx, _cache) => {
40
34
  return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
@@ -1,6 +1,6 @@
1
1
  declare const MoreControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
- "on-vote": (...args: any[]) => void;
2
+ "show-overlay": (...args: any[]) => void;
3
3
  }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
5
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
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
6
  export default MoreControl;
@@ -1,35 +1,8 @@
1
- declare const Index: ({
2
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
3
- "onShow-overlay"?: ((...args: any[]) => any) | undefined;
4
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
5
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
6
- "show-overlay": (...args: any[]) => void;
7
- "on-vote": (...args: any[]) => void;
8
- }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
9
- P: {};
10
- B: {};
11
- D: {};
12
- C: {};
13
- M: {};
14
- Defaults: {};
15
- }, Readonly<{}> & Readonly<{
16
- "onShow-overlay"?: ((...args: any[]) => any) | undefined;
17
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
18
- }>, {}, {}, {}, {}, {}>;
19
- __isFragment?: never;
20
- __isTeleport?: never;
21
- __isSuspense?: never;
22
- } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{
23
- "onShow-overlay"?: ((...args: any[]) => any) | undefined;
24
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
25
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1
+ declare const Index: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
26
2
  "show-overlay": (...args: any[]) => void;
27
- "on-vote": (...args: any[]) => void;
28
- }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
29
- $slots: {
30
- content?(_: {}): any;
31
- };
32
- })) | ({
3
+ }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
+ "onShow-overlay"?: ((...args: any[]) => any) | undefined;
5
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | ({
33
6
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
34
7
  "onOn-vote"?: ((...args: any[]) => any) | undefined;
35
8
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -1,17 +1,6 @@
1
- declare function __VLS_template(): {
2
- content?(_: {}): any;
3
- };
4
- declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1
+ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5
2
  "show-overlay": (...args: any[]) => void;
6
- "on-vote": (...args: any[]) => void;
7
3
  }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
8
4
  "onShow-overlay"?: ((...args: any[]) => any) | undefined;
9
- "onOn-vote"?: ((...args: any[]) => any) | undefined;
10
5
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
11
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
12
6
  export default _default;
13
- type __VLS_WithTemplateSlots<T, S> = T & {
14
- new (): {
15
- $slots: S;
16
- };
17
- };
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const indexH5_vue_vue_type_script_setup_true_lang = ;/* empty css */
3
+ const indexH5_vue_vue_type_script_setup_true_lang = require("./indexH5.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
- const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(indexH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-df7f3346"]]);
6
+ const indexH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(indexH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f3bbac91"]]);
7
7
  exports.default = indexH5;