@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.
- package/es/components/RoomFooter/index/indexPC.vue.mjs +1 -1
- package/es/components/RoomFooter/index/indexPC.vue2.mjs +2 -3
- package/es/components/RoomFooter/voteControl/index.d.ts +1 -5
- package/es/components/RoomFooter/voteControl.vue.d.ts +15 -0
- package/es/components/RoomFooter/voteControl.vue.mjs +7 -0
- package/es/components/RoomFooter/voteControl.vue2.mjs +60 -0
- package/es/components/RoomVote/indexPC.vue.mjs +1 -1
- package/es/components/RoomVote/indexPC.vue2.mjs +1 -1
- package/es/conference.vue.mjs +1 -1
- package/es/conference.vue2.mjs +0 -1
- package/es/constants/icon.d.ts +0 -2
- package/es/constants/icon.mjs +0 -2
- package/es/index.mjs +32 -60
- package/lib/components/RoomFooter/index/indexPC.vue.js +1 -1
- package/lib/components/RoomFooter/index/indexPC.vue2.js +6 -7
- package/lib/components/RoomFooter/voteControl/index.d.ts +1 -5
- package/lib/components/RoomFooter/voteControl.vue.d.ts +15 -0
- package/lib/components/RoomFooter/voteControl.vue.js +7 -0
- package/lib/components/RoomFooter/voteControl.vue2.js +60 -0
- package/lib/components/RoomVote/indexPC.vue.js +1 -1
- package/lib/components/RoomVote/indexPC.vue2.js +1 -1
- package/lib/conference.vue.js +1 -1
- package/lib/conference.vue2.js +0 -1
- package/lib/constants/icon.d.ts +0 -2
- package/lib/constants/icon.js +0 -2
- package/lib/index.js +32 -60
- package/package.json +1 -1
- package/src/TUIRoom/components/RoomFooter/index/indexPC.vue +1 -2
- package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlPC.vue +6 -10
- package/src/TUIRoom/components/RoomFooter/voteControl/useVoteControlHooks.ts +1 -1
- package/src/TUIRoom/components/RoomFooter/voteControl.vue +1 -0
- package/src/TUIRoom/components/RoomVote/indexPC.vue +1 -1
- package/src/TUIRoom/conference.vue +0 -1
- package/src/TUIRoom/constants/icon.ts +0 -2
- package/es/components/RoomFooter/voteControl/VoteControlH5.vue.d.ts +0 -6
- package/es/components/RoomFooter/voteControl/VoteControlH5.vue.mjs +0 -7
- package/es/components/RoomFooter/voteControl/VoteControlH5.vue2.mjs +0 -105
- package/es/components/RoomFooter/voteControl/VoteControlPC.vue.d.ts +0 -6
- package/es/components/RoomFooter/voteControl/VoteControlPC.vue.mjs +0 -55
- package/es/components/RoomFooter/voteControl/VoteControlPC.vue2.mjs +0 -4
- package/es/components/RoomFooter/voteControl/index.mjs +0 -7
- package/es/components/RoomFooter/voteControl/useVoteControlHooks.mjs +0 -22
- package/lib/components/RoomFooter/voteControl/VoteControlH5.vue.d.ts +0 -6
- package/lib/components/RoomFooter/voteControl/VoteControlH5.vue.js +0 -7
- package/lib/components/RoomFooter/voteControl/VoteControlH5.vue2.js +0 -105
- package/lib/components/RoomFooter/voteControl/VoteControlPC.vue.d.ts +0 -6
- package/lib/components/RoomFooter/voteControl/VoteControlPC.vue.js +0 -55
- package/lib/components/RoomFooter/voteControl/VoteControlPC.vue2.js +0 -4
- package/lib/components/RoomFooter/voteControl/index.js +0 -7
- 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
|
-
}.
|
|
3932
|
-
position:
|
|
3933
|
-
|
|
3934
|
-
|
|
3935
|
-
|
|
3936
|
-
|
|
3937
|
-
|
|
3938
|
-
|
|
3939
|
-
|
|
3940
|
-
|
|
3941
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
5050
|
+
}.more-container[data-v-c82f5e3c] {
|
|
5079
5051
|
padding: 20px;
|
|
5080
5052
|
}
|
|
5081
|
-
.more-container .more-title[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
9220
|
-
#roomContainer .chat-room[data-v-
|
|
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
|
@@ -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="
|
|
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
|
|
15
|
+
import userMoreControl from './useMoreControlHooks';
|
|
16
16
|
import { roomService } from '../../../services';
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
const { t, basicStore, sidebarName } =
|
|
20
|
-
|
|
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.
|
|
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")
|
|
@@ -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,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;
|