@ndscnj/roomkit-web-vue3 25.12.2412 → 25.12.2413

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 (50) hide show
  1. package/es/components/RoomFooter/index/indexPC.vue.mjs +1 -1
  2. package/es/components/RoomFooter/index/indexPC.vue2.mjs +2 -3
  3. package/es/components/RoomFooter/voteControl/index.d.ts +1 -5
  4. package/es/components/RoomFooter/voteControl.vue.d.ts +15 -0
  5. package/es/components/RoomFooter/voteControl.vue.mjs +7 -0
  6. package/es/components/RoomFooter/voteControl.vue2.mjs +60 -0
  7. package/es/components/RoomVote/indexPC.vue.mjs +1 -1
  8. package/es/components/RoomVote/indexPC.vue2.mjs +1 -1
  9. package/es/conference.vue.mjs +1 -1
  10. package/es/conference.vue2.mjs +0 -1
  11. package/es/constants/icon.d.ts +0 -2
  12. package/es/constants/icon.mjs +0 -2
  13. package/es/index.mjs +32 -60
  14. package/lib/components/RoomFooter/index/indexPC.vue.js +1 -1
  15. package/lib/components/RoomFooter/index/indexPC.vue2.js +6 -7
  16. package/lib/components/RoomFooter/voteControl/index.d.ts +1 -5
  17. package/lib/components/RoomFooter/voteControl.vue.d.ts +15 -0
  18. package/lib/components/RoomFooter/voteControl.vue.js +7 -0
  19. package/lib/components/RoomFooter/voteControl.vue2.js +60 -0
  20. package/lib/components/RoomVote/indexPC.vue.js +1 -1
  21. package/lib/components/RoomVote/indexPC.vue2.js +1 -1
  22. package/lib/conference.vue.js +1 -1
  23. package/lib/conference.vue2.js +0 -1
  24. package/lib/constants/icon.d.ts +0 -2
  25. package/lib/constants/icon.js +0 -2
  26. package/lib/index.js +32 -60
  27. package/package.json +1 -1
  28. package/src/TUIRoom/components/RoomFooter/index/indexPC.vue +1 -2
  29. package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlPC.vue +6 -10
  30. package/src/TUIRoom/components/RoomFooter/voteControl/useVoteControlHooks.ts +1 -1
  31. package/src/TUIRoom/components/RoomFooter/voteControl.vue +1 -0
  32. package/src/TUIRoom/components/RoomVote/indexPC.vue +1 -1
  33. package/src/TUIRoom/conference.vue +0 -1
  34. package/src/TUIRoom/constants/icon.ts +0 -2
  35. package/es/components/RoomFooter/voteControl/VoteControlH5.vue.d.ts +0 -6
  36. package/es/components/RoomFooter/voteControl/VoteControlH5.vue.mjs +0 -7
  37. package/es/components/RoomFooter/voteControl/VoteControlH5.vue2.mjs +0 -105
  38. package/es/components/RoomFooter/voteControl/VoteControlPC.vue.d.ts +0 -6
  39. package/es/components/RoomFooter/voteControl/VoteControlPC.vue.mjs +0 -55
  40. package/es/components/RoomFooter/voteControl/VoteControlPC.vue2.mjs +0 -4
  41. package/es/components/RoomFooter/voteControl/index.mjs +0 -7
  42. package/es/components/RoomFooter/voteControl/useVoteControlHooks.mjs +0 -22
  43. package/lib/components/RoomFooter/voteControl/VoteControlH5.vue.d.ts +0 -6
  44. package/lib/components/RoomFooter/voteControl/VoteControlH5.vue.js +0 -7
  45. package/lib/components/RoomFooter/voteControl/VoteControlH5.vue2.js +0 -105
  46. package/lib/components/RoomFooter/voteControl/VoteControlPC.vue.d.ts +0 -6
  47. package/lib/components/RoomFooter/voteControl/VoteControlPC.vue.js +0 -55
  48. package/lib/components/RoomFooter/voteControl/VoteControlPC.vue2.js +0 -4
  49. package/lib/components/RoomFooter/voteControl/index.js +0 -7
  50. package/lib/components/RoomFooter/voteControl/useVoteControlHooks.js +0 -22
package/lib/index.js CHANGED
@@ -3928,45 +3928,17 @@ to {
3928
3928
  }
3929
3929
  .footer .mirror-container .mirror-text[data-v-21a63691] {
3930
3930
  margin-left: 4px;
3931
- }.show-more-content[data-v-1506794c] {
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-1506794c;
3940
- animation-duration: 200ms;
3941
- background-color: var(--bg-color-operate);
3942
- }
3943
- @keyframes popup-1506794c {
3944
- from {
3945
- bottom: 0;
3946
- }
3947
- to {
3948
- bottom: 15px;
3949
- }
3950
- }
3951
- .control-compent[data-v-1506794c] {
3952
- display: flex;
3953
- }
3954
- .close[data-v-1506794c] {
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-3a373c3a] {
3931
+ }.contact-container[data-v-f6e8da89] {
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-604d8288] {
3970
3942
  position: absolute;
3971
3943
  bottom: 0;
3972
3944
  display: flex;
@@ -3980,25 +3952,25 @@ to {
3980
3952
  background-color: var(--bg-color-topbar);
3981
3953
  box-shadow: 0 -8px 30px var(--uikit-color-black-8);
3982
3954
  }
3983
- .footer-container .left-container[data-v-3a373c3a] {
3955
+ .footer-container .left-container[data-v-604d8288] {
3984
3956
  display: flex;
3985
3957
  align-items: center;
3986
3958
  height: 100%;
3987
3959
  }
3988
- .footer-container .left-container .left-container-item[data-v-3a373c3a]:not(:first-child) {
3960
+ .footer-container .left-container .left-container-item[data-v-604d8288]:not(:first-child) {
3989
3961
  margin-left: 1rem;
3990
3962
  }
3991
- .footer-container .center-container[data-v-3a373c3a] {
3963
+ .footer-container .center-container[data-v-604d8288] {
3992
3964
  position: relative;
3993
3965
  display: flex;
3994
3966
  align-items: center;
3995
3967
  height: 100%;
3996
3968
  margin: 0 auto;
3997
3969
  }
3998
- .footer-container .center-container .center-container-item[data-v-3a373c3a]:not(:first-child) {
3970
+ .footer-container .center-container .center-container-item[data-v-604d8288]:not(:first-child) {
3999
3971
  margin-left: 16px;
4000
3972
  }
4001
- .footer-container .right-container[data-v-3a373c3a] {
3973
+ .footer-container .right-container[data-v-604d8288] {
4002
3974
  display: flex;
4003
3975
  align-items: center;
4004
3976
  height: 100%;
@@ -5075,17 +5047,17 @@ to {
5075
5047
  font-size: 16px;
5076
5048
  font-weight: 400;
5077
5049
  text-align: end;
5078
- }.more-container[data-v-11728c2b] {
5050
+ }.more-container[data-v-c82f5e3c] {
5079
5051
  padding: 20px;
5080
5052
  }
5081
- .more-container .more-title[data-v-11728c2b] {
5053
+ .more-container .more-title[data-v-c82f5e3c] {
5082
5054
  display: flex;
5083
5055
  align-items: center;
5084
5056
  }
5085
- .more-container .more-title .email-icon[data-v-11728c2b] {
5057
+ .more-container .more-title .email-icon[data-v-c82f5e3c] {
5086
5058
  color: var(--uikit-color-gray-7);
5087
5059
  }
5088
- .more-container .more-title .more-notice[data-v-11728c2b] {
5060
+ .more-container .more-title .more-notice[data-v-c82f5e3c] {
5089
5061
  width: 100%;
5090
5062
  height: 22px;
5091
5063
  padding-left: 8px;
@@ -5094,15 +5066,15 @@ to {
5094
5066
  line-height: 22px;
5095
5067
  color: var(--text-color-primary);
5096
5068
  }
5097
- .more-container .more-item[data-v-11728c2b] {
5069
+ .more-container .more-item[data-v-c82f5e3c] {
5098
5070
  position: relative;
5099
5071
  display: flex;
5100
5072
  flex-direction: column;
5101
5073
  }
5102
- .more-container .more-item[data-v-11728c2b]:not(:first-child) {
5074
+ .more-container .more-item[data-v-c82f5e3c]:not(:first-child) {
5103
5075
  margin-top: 20px;
5104
5076
  }
5105
- .more-container .more-item:not(:first-child) .item-title[data-v-11728c2b] {
5077
+ .more-container .more-item:not(:first-child) .item-title[data-v-c82f5e3c] {
5106
5078
  width: 100%;
5107
5079
  padding-bottom: 8px;
5108
5080
  font-size: 14px;
@@ -5110,7 +5082,7 @@ to {
5110
5082
  line-height: 22px;
5111
5083
  color: var(--text-color-primary);
5112
5084
  }
5113
- .more-container .more-item:not(:first-child) .more-content[data-v-11728c2b] {
5085
+ .more-container .more-item:not(:first-child) .more-content[data-v-c82f5e3c] {
5114
5086
  position: relative;
5115
5087
  box-sizing: border-box;
5116
5088
  display: inline-block;
@@ -5130,7 +5102,7 @@ to {
5130
5102
  background-color: var(--bg-color-input);
5131
5103
  border: 1px solid var(--stroke-color-module);
5132
5104
  }
5133
- .more-container .more-item:not(:first-child) .copy-icon[data-v-11728c2b] {
5105
+ .more-container .more-item:not(:first-child) .copy-icon[data-v-c82f5e3c] {
5134
5106
  position: absolute;
5135
5107
  top: 45px;
5136
5108
  right: 10px;
@@ -9168,7 +9140,7 @@ body, html {
9168
9140
  }
9169
9141
  .tui-room :not([class|=el]) {
9170
9142
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
9171
- }.tui-room[data-v-3b59b436] {
9143
+ }.tui-room[data-v-d9ae22c4] {
9172
9144
  position: relative;
9173
9145
  display: flex;
9174
9146
  flex-direction: column;
@@ -9180,7 +9152,7 @@ body, html {
9180
9152
  text-align: left;
9181
9153
  background-color: var(--bg-color-topbar);
9182
9154
  }
9183
- .tui-room .header[data-v-3b59b436] {
9155
+ .tui-room .header[data-v-d9ae22c4] {
9184
9156
  position: absolute;
9185
9157
  top: 0;
9186
9158
  left: 0;
@@ -9191,20 +9163,20 @@ body, html {
9191
9163
  border-bottom: 1px solid var(--stroke-color-primary);
9192
9164
  box-shadow: 0 1px 0 var(--uikit-color-black-8);
9193
9165
  }
9194
- .tui-room .content[data-v-3b59b436] {
9166
+ .tui-room .content[data-v-d9ae22c4] {
9195
9167
  position: absolute;
9196
9168
  top: 0;
9197
9169
  width: 100%;
9198
9170
  height: 100%;
9199
9171
  background-color: var(--bg-color-topbar);
9200
9172
  }
9201
- .tui-room.tui-room-h5[data-v-3b59b436] {
9173
+ .tui-room.tui-room-h5[data-v-d9ae22c4] {
9202
9174
  width: 100%;
9203
9175
  min-width: 350px;
9204
9176
  height: 100%;
9205
9177
  min-height: 525px;
9206
9178
  }
9207
- #roomContainer.chat-room[data-v-3b59b436] {
9179
+ #roomContainer.chat-room[data-v-d9ae22c4] {
9208
9180
  position: absolute;
9209
9181
  top: 0;
9210
9182
  right: 0;
@@ -9216,8 +9188,8 @@ body, html {
9216
9188
  margin: auto;
9217
9189
  border-radius: 10px;
9218
9190
  }
9219
- #roomContainer.tui-room-h5[data-v-3b59b436],
9220
- #roomContainer .chat-room[data-v-3b59b436] {
9191
+ #roomContainer.tui-room-h5[data-v-d9ae22c4],
9192
+ #roomContainer .chat-room[data-v-d9ae22c4] {
9221
9193
  width: 100%;
9222
9194
  height: 100%;
9223
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.2412",
3
+ "version": "25.12.2413",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.mjs",
6
6
  "types": "./es/index.d.ts",
@@ -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';
106
+ import voteControl from '../voteControl.vue';
107
107
  import useRoomFooter from './useRoomFooterHooks';
108
108
  import { isElectron } from '../../../utils/environment';
109
109
  const { roomStore, isMaster, isAdmin, isAudience } = useRoomFooter();
@@ -112,7 +112,6 @@ 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")
116
115
  emit('on-vote', { code: data.visible, message: 'vote' });
117
116
  };
118
117
  </script>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div v-if="voteControlConfig.visible" class="vote-control-container">
2
+ <div v-if="moreControlConfig.visible" class="vote-control-container">
3
3
  <icon-button
4
4
  :is-active="sidebarName === 'vote'"
5
5
  :title="t('Vote')"
@@ -12,12 +12,12 @@
12
12
  <script setup lang="ts">
13
13
  import { IconMore } from '@tencentcloud/uikit-base-component-vue3';
14
14
  import IconButton from '../../common/base/IconButton.vue';
15
- import userVoteControl from './useVoteControlHooks';
15
+ import userMoreControl from './useMoreControlHooks';
16
16
  import { roomService } from '../../../services';
17
- import { defineEmits } from 'vue';
18
- const voteControlConfig = roomService.getComponentConfig('VoteControl');
19
- const { t, basicStore, sidebarName } = userVoteControl();
20
- const emit = defineEmits(['on-vote']);
17
+
18
+ const moreControlConfig = roomService.getComponentConfig('VoteControl');
19
+ const { t, basicStore, sidebarName } = userMoreControl();
20
+
21
21
  function toggleMoreSidebar() {
22
22
  if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'vote') {
23
23
  basicStore.setSidebarOpenStatus(false);
@@ -26,10 +26,6 @@ function toggleMoreSidebar() {
26
26
  }
27
27
  basicStore.setSidebarOpenStatus(true);
28
28
  basicStore.setSidebarName('vote');
29
- emit('on-vote', {
30
- name: 'onVote',
31
- visible: voteControlConfig.visible,
32
- });
33
29
  }
34
30
  </script>
35
31
  <style lang="scss" scoped></style>
@@ -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.VoteActive : ICON_NAME.Vote
14
+ sidebarName.value === 'vote' ? ICON_NAME.MoreActive : ICON_NAME.More
15
15
  );
16
16
 
17
17
  return {
@@ -35,6 +35,7 @@ const showToolBox = ref(false);
35
35
  watch(isSidebarOpen, newValue => {
36
36
  showToolBox.value = newValue && false;
37
37
  });
38
+ const voteControlConfig = roomService.getComponentConfig('VoteControl');
38
39
  const emit = defineEmits(['on-vote']);
39
40
  function toggleToolBox() {
40
41
  console.log(showToolBox.value,"0000")
@@ -15,7 +15,7 @@
15
15
  <div class="more-content">{{ email }}</div>
16
16
  <IconCopy class="copy-icon" @click="onCopy(email)" />
17
17
  </div>
18
- <div class="contact-container">
18
+ <div class="more-item">
19
19
  <slot name="content"></slot>
20
20
  </div>
21
21
  </div>
@@ -322,7 +322,6 @@ function resetStore() {
322
322
  }
323
323
 
324
324
  const onVote = (data: { name: string; visible: boolean }) => {
325
- console.log(data,"data222")
326
325
  emit('on-vote', { code: data.visible, message: 'vote' });
327
326
  };
328
327
  const onStartRoom = () => {
@@ -20,8 +20,6 @@ export enum ICON_NAME {
20
20
  ManageMember = 'manage-member',
21
21
  More = 'more',
22
22
  MoreActive = 'more-active',
23
- Vote = 'vote',
24
- VoteActive = 'vote-active',
25
23
  SettingActive = 'setting-active',
26
24
  Setting = 'setting',
27
25
  LineArrowUp = 'line-arrow-up',
@@ -1,6 +0,0 @@
1
- declare const _default: 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>;
6
- export default _default;
@@ -1,7 +0,0 @@
1
- import _sfc_main from "./VoteControlH5.vue2.mjs";
2
- /* empty css */
3
- import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const VoteControlH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1506794c"]]);
5
- export {
6
- VoteControlH5 as default
7
- };
@@ -1,105 +0,0 @@
1
- import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, unref, withDirectives, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
2
- import { IconExtension } from "@tencentcloud/uikit-base-component-vue3";
3
- import IconButton from "../../common/base/IconButton.vue.mjs";
4
- import useControl from "./useVoteControlHooks.mjs";
5
- import _sfc_main$1 from "../ChatControl.vue.mjs";
6
- import InviteControl from "../InviteControl.vue.mjs";
7
- import ContactControl from "../ContactControl.vue.mjs";
8
- import { useRoomStore } from "../../../stores/room.mjs";
9
- import bus from "../../../hooks/useMitt.mjs";
10
- import vTap from "../../../directives/vTap.mjs";
11
- import "../../../services/main.mjs";
12
- import { roomService } from "../../../services/roomService.mjs";
13
- import "../../../locales/index.mjs";
14
- import "@tencentcloud/tuiroom-engine-js";
15
- import "../../../utils/environment.mjs";
16
- import "mitt";
17
- import "../../../services/manager/roomActionManager.mjs";
18
- import "@tencentcloud/tui-core";
19
- const _hoisted_1 = {
20
- key: 0,
21
- class: "more-control-container"
22
- };
23
- const _hoisted_2 = { class: "control-compent" };
24
- const _hoisted_3 = { class: "close" };
25
- const _sfc_main = /* @__PURE__ */ defineComponent({
26
- __name: "VoteControlH5",
27
- emits: ["show-overlay"],
28
- setup(__props, { emit: __emit }) {
29
- const moreControlConfig = roomService.getComponentConfig("MoreControl");
30
- const showMoreContent = ref(false);
31
- const moreContentRef = ref();
32
- const { t, sidebarName } = useControl();
33
- const roomStore = useRoomStore();
34
- const emit = __emit;
35
- function showMore() {
36
- showMoreContent.value = true;
37
- }
38
- function handleCancelControl() {
39
- showMoreContent.value = false;
40
- }
41
- function handleControlClick(name) {
42
- bus.emit("experience-communication", name);
43
- }
44
- function handleShowOverlay(data) {
45
- showMoreContent.value = false;
46
- emit("show-overlay", data);
47
- }
48
- function handleDocumentClick(event) {
49
- if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
50
- showMoreContent.value = false;
51
- }
52
- }
53
- onMounted(() => {
54
- document == null ? void 0 : document.addEventListener("click", handleDocumentClick, true);
55
- });
56
- onUnmounted(() => {
57
- document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
58
- });
59
- return (_ctx, _cache) => {
60
- return openBlock(), createElementBlock("div", null, [
61
- unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
62
- withDirectives((openBlock(), createBlock(IconButton, {
63
- "is-active": unref(sidebarName) === "more",
64
- title: unref(t)("More")
65
- }, {
66
- default: withCtx(() => [
67
- createVNode(unref(IconExtension), { size: "24" })
68
- ]),
69
- _: 1
70
- }, 8, ["is-active", "title"])), [
71
- [unref(vTap), showMore]
72
- ])
73
- ])) : createCommentVNode("", true),
74
- showMoreContent.value ? (openBlock(), createElementBlock("div", {
75
- key: 1,
76
- ref_key: "moreContentRef",
77
- ref: moreContentRef,
78
- class: "show-more-content"
79
- }, [
80
- createElementVNode("div", _hoisted_2, [
81
- unref(roomStore).isSpeakAfterTakingSeatMode ? (openBlock(), createBlock(_sfc_main$1, {
82
- key: 0,
83
- onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("chatControl"))
84
- })) : createCommentVNode("", true),
85
- createVNode(ContactControl, {
86
- onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("contactControl"))
87
- }),
88
- createVNode(InviteControl, {
89
- onShowOverlay: handleShowOverlay,
90
- onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
91
- })
92
- ]),
93
- withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
94
- createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
95
- ])), [
96
- [unref(vTap), handleCancelControl]
97
- ])
98
- ], 512)) : createCommentVNode("", true)
99
- ]);
100
- };
101
- }
102
- });
103
- export {
104
- _sfc_main as default
105
- };
@@ -1,6 +0,0 @@
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>;
6
- export default _default;
@@ -1,55 +0,0 @@
1
- import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx } from "vue";
2
- import { IconMore } from "@tencentcloud/uikit-base-component-vue3";
3
- import IconButton from "../../common/base/IconButton.vue.mjs";
4
- import useControl from "./useVoteControlHooks.mjs";
5
- import "../../../services/main.mjs";
6
- import { roomService } from "../../../services/roomService.mjs";
7
- import "../../../locales/index.mjs";
8
- import "@tencentcloud/tuiroom-engine-js";
9
- import "../../../utils/environment.mjs";
10
- import "mitt";
11
- import "../../../services/manager/roomActionManager.mjs";
12
- import "@tencentcloud/tui-core";
13
- const _hoisted_1 = {
14
- key: 0,
15
- class: "vote-control-container"
16
- };
17
- const _sfc_main = /* @__PURE__ */ defineComponent({
18
- __name: "VoteControlPC",
19
- emits: ["on-vote"],
20
- setup(__props, { emit: __emit }) {
21
- const voteControlConfig = roomService.getComponentConfig("VoteControl");
22
- const { t, basicStore, sidebarName } = useControl();
23
- const emit = __emit;
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
- emit("on-vote", {
33
- name: "onVote",
34
- visible: voteControlConfig.visible
35
- });
36
- }
37
- return (_ctx, _cache) => {
38
- return unref(voteControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
39
- createVNode(IconButton, {
40
- "is-active": unref(sidebarName) === "vote",
41
- title: unref(t)("Vote"),
42
- onClickIcon: toggleMoreSidebar
43
- }, {
44
- default: withCtx(() => [
45
- createVNode(unref(IconMore), { size: "24" })
46
- ]),
47
- _: 1
48
- }, 8, ["is-active", "title"])
49
- ])) : createCommentVNode("", true);
50
- };
51
- }
52
- });
53
- export {
54
- _sfc_main as default
55
- };
@@ -1,4 +0,0 @@
1
- import _sfc_main from "./VoteControlPC.vue.mjs";
2
- export {
3
- _sfc_main as default
4
- };
@@ -1,7 +0,0 @@
1
- import VoteControlH5 from "./VoteControlH5.vue.mjs";
2
- import _sfc_main from "./VoteControlPC.vue.mjs";
3
- import { isMobile } from "../../../utils/environment.mjs";
4
- const VoteControl = isMobile ? VoteControlH5 : _sfc_main;
5
- export {
6
- VoteControl as default
7
- };
@@ -1,22 +0,0 @@
1
- import { computed } from "vue";
2
- import { useBasicStore } from "../../../stores/basic.mjs";
3
- import { storeToRefs } from "pinia";
4
- import { useI18n } from "../../../locales/index.mjs";
5
- import { ICON_NAME } from "../../../constants/icon.mjs";
6
- function useControl() {
7
- const { t } = useI18n();
8
- const basicStore = useBasicStore();
9
- const { sidebarName } = storeToRefs(basicStore);
10
- const iconName = computed(
11
- () => sidebarName.value === "vote" ? ICON_NAME.VoteActive : ICON_NAME.Vote
12
- );
13
- return {
14
- t,
15
- basicStore,
16
- iconName,
17
- sidebarName
18
- };
19
- }
20
- export {
21
- useControl as default
22
- };
@@ -1,6 +0,0 @@
1
- declare const _default: 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>;
6
- export default _default;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const VoteControlH5_vue_vue_type_script_setup_true_lang = require("./VoteControlH5.vue2.js");
4
- ;/* empty css */
5
- const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
- const VoteControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(VoteControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1506794c"]]);
7
- exports.default = VoteControlH5;
@@ -1,105 +0,0 @@
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 useVoteControlHooks = require("./useVoteControlHooks.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");
13
- require("../../../services/main.js");
14
- const roomService = require("../../../services/roomService.js");
15
- require("../../../locales/index.js");
16
- require("@tencentcloud/tuiroom-engine-js");
17
- require("../../../utils/environment.js");
18
- require("mitt");
19
- require("../../../services/manager/roomActionManager.js");
20
- require("@tencentcloud/tui-core");
21
- const _hoisted_1 = {
22
- key: 0,
23
- class: "more-control-container"
24
- };
25
- const _hoisted_2 = { class: "control-compent" };
26
- const _hoisted_3 = { class: "close" };
27
- const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
28
- __name: "VoteControlH5",
29
- emits: ["show-overlay"],
30
- setup(__props, { emit: __emit }) {
31
- const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
32
- const showMoreContent = Vue.ref(false);
33
- const moreContentRef = Vue.ref();
34
- const { t, sidebarName } = useVoteControlHooks.default();
35
- const roomStore = room.useRoomStore();
36
- const emit = __emit;
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;
53
- }
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
- });
61
- return (_ctx, _cache) => {
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
- ]);
102
- };
103
- }
104
- });
105
- exports.default = _sfc_main;
@@ -1,6 +0,0 @@
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>;
6
- export default _default;