@ndscnj/roomkit-web-vue3 25.12.2418 → 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.
- package/es/assets/imgs/vote-icon.png.mjs +4 -0
- package/es/components/RoomFooter/VoteControl/MoreControlPC.vue.mjs +5 -47
- package/es/components/RoomFooter/VoteControl/MoreControlPC.vue2.mjs +50 -1
- package/es/components/RoomFooter/VoteControl/index.mjs +2 -2
- package/es/components/RoomFooter/VoteControl/useMoreControlHooks.mjs +3 -1
- package/es/components/RoomVote/indexPC.vue.mjs +1 -1
- package/es/conference.vue.mjs +1 -1
- package/es/conference.vue2.mjs +1 -1
- package/es/index.mjs +18 -18
- package/lib/assets/imgs/vote-icon.png.js +4 -0
- package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue.js +5 -47
- package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue2.js +51 -2
- package/lib/components/RoomFooter/VoteControl/index.js +2 -2
- package/lib/components/RoomFooter/VoteControl/useMoreControlHooks.js +3 -1
- package/lib/components/RoomVote/indexPC.vue.js +1 -1
- package/lib/conference.vue.js +1 -1
- package/lib/conference.vue2.js +1 -1
- package/lib/index.js +18 -18
- package/package.json +1 -1
- package/src/TUIRoom/components/RoomFooter/VoteControl/MoreControlPC.vue +7 -2
- package/src/TUIRoom/components/RoomFooter/VoteControl/useMoreControlHooks.ts +2 -1
- package/src/TUIRoom/components/RoomVote/indexPC.vue +0 -1
- package/src/TUIRoom/conference.vue +1 -1
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKhSURBVFiF7ZWxftMwEIf/F3lgI0yl1VDzBNwv8sBGusHWbt2IR6a2T9DyBC1P0HRkKmxsKVM7WI76BkxJx3RjiHMMOMW4tmO70Ilbkp9P0vfJ0p0VHhjMzFrrS631s8lkctF0vnooXCk1AvAcQF9rTU0lWgtk4CCitwAYwG5TiVYCWXiSJFtxHF+tra196nQ6b5pKNBZgZl8pdbmEO+ccANzc3PxoI9FIIIWPADzJwpfRRqK2QAbeLYK3laglkIH7IvJ+PB5/rRrfRGKlQA4exnE8rCNdV6JSoC28iQT9TXiv1xssFguXvx/M3FVKjQH4RLQVRdGdRKcpnJm7RXOCIDgiolOl1F5BejlnNp/PZ9nEPYEquDHmXCk1ZmY/DxeRQwAuSZKDkvUKq+eegFLquOK1nwHwlVKjpUQOvuWcu9thdjNEtFNUuvcEiOg6/X2dz1lrP4tIuJQIguC4DlxEwuy5/7Hh/IPJZHKhtSYA+xsbG/50Ov2SzU+nU7e+vn5LRLsAXtWBV13gwjKsIXGltf62PPO2cCzLkJm7nudxPikiewC2AQyttWHVQnk4gCERnZWNnc/nzjk3o8yntbC8MlEpkYPXjR0yxowAsIh8LBtFRC8BbBPRSRRFB/l87rafLBaL21VkInoHAJ6I+ETk4jg+qppgjDkVkf0gCG6jKLobmz9za22tdm2M2QQwKOyERZG+/qGIHAZBcITfLfY8hR80/VYAgNdksLU2NMYglXgqIn0ATEQfrLUnTeErBXq93qCoIeFXheynf2cismmMOS0Zdx3HcalcqQAzd4nouEZ1dAEMypJE9B1AcwHn3IyZX9QQWBWzqmTlEaQdrnKBh0btKvgv8K/CS29pP23JjxkMwHlJkoRpN+s/soBLkiT8CfdGvsMQPqX9AAAAAElFTkSuQmCC";
|
|
2
|
+
export {
|
|
3
|
+
_imports_0 as default
|
|
4
|
+
};
|
|
@@ -1,49 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
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: "more-control-container"
|
|
16
|
-
};
|
|
17
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
18
|
-
__name: "MoreControlPC",
|
|
19
|
-
setup(__props) {
|
|
20
|
-
const moreControlConfig = roomService.getComponentConfig("MoreControl");
|
|
21
|
-
const { t, basicStore, sidebarName } = useControl();
|
|
22
|
-
function toggleMoreSidebar() {
|
|
23
|
-
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
|
|
24
|
-
basicStore.setSidebarOpenStatus(false);
|
|
25
|
-
basicStore.setSidebarName("");
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
basicStore.setSidebarOpenStatus(true);
|
|
29
|
-
basicStore.setSidebarName("vote");
|
|
30
|
-
}
|
|
31
|
-
return (_ctx, _cache) => {
|
|
32
|
-
return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
33
|
-
createVNode(IconButton, {
|
|
34
|
-
"is-active": unref(sidebarName) === "vote",
|
|
35
|
-
title: unref(t)("Vote"),
|
|
36
|
-
onClickIcon: toggleMoreSidebar
|
|
37
|
-
}, {
|
|
38
|
-
default: withCtx(() => [
|
|
39
|
-
createVNode(unref(IconMore), { size: "24" })
|
|
40
|
-
]),
|
|
41
|
-
_: 1
|
|
42
|
-
}, 8, ["is-active", "title"])
|
|
43
|
-
])) : createCommentVNode("", true);
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
});
|
|
1
|
+
import _sfc_main from "./MoreControlPC.vue2.mjs";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const MoreControlPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca02c770"]]);
|
|
47
5
|
export {
|
|
48
|
-
|
|
6
|
+
MoreControlPc as default
|
|
49
7
|
};
|
|
@@ -1,4 +1,53 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx, createElementVNode } from "vue";
|
|
2
|
+
import _imports_0 from "../../../assets/imgs/vote-icon.png.mjs";
|
|
3
|
+
import IconButton from "../../common/base/IconButton.vue.mjs";
|
|
4
|
+
import useControl from "./useMoreControlHooks.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: "more-control-container"
|
|
16
|
+
};
|
|
17
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
18
|
+
__name: "MoreControlPC",
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const moreControlConfig = roomService.getComponentConfig("MoreControl");
|
|
21
|
+
const { t, basicStore, sidebarName } = useControl();
|
|
22
|
+
function toggleMoreSidebar() {
|
|
23
|
+
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
|
|
24
|
+
basicStore.setSidebarOpenStatus(false);
|
|
25
|
+
basicStore.setSidebarName("");
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
basicStore.setSidebarOpenStatus(true);
|
|
29
|
+
basicStore.setSidebarName("vote");
|
|
30
|
+
}
|
|
31
|
+
return (_ctx, _cache) => {
|
|
32
|
+
return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
33
|
+
createVNode(IconButton, {
|
|
34
|
+
"is-active": unref(sidebarName) === "vote",
|
|
35
|
+
title: unref(t)("Vote"),
|
|
36
|
+
onClickIcon: toggleMoreSidebar
|
|
37
|
+
}, {
|
|
38
|
+
default: withCtx(() => [..._cache[0] || (_cache[0] = [
|
|
39
|
+
createElementVNode("img", {
|
|
40
|
+
class: "ndsc-img-box",
|
|
41
|
+
src: _imports_0,
|
|
42
|
+
alt: ""
|
|
43
|
+
}, null, -1)
|
|
44
|
+
])]),
|
|
45
|
+
_: 1
|
|
46
|
+
}, 8, ["is-active", "title"])
|
|
47
|
+
])) : createCommentVNode("", true);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
});
|
|
2
51
|
export {
|
|
3
52
|
_sfc_main as default
|
|
4
53
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import MoreControlH5 from "./MoreControlH5.vue.mjs";
|
|
2
|
-
import
|
|
2
|
+
import MoreControlPc from "./MoreControlPC.vue.mjs";
|
|
3
3
|
import { isMobile } from "../../../utils/environment.mjs";
|
|
4
|
-
const MoreControl = isMobile ? MoreControlH5 :
|
|
4
|
+
const MoreControl = isMobile ? MoreControlH5 : MoreControlPc;
|
|
5
5
|
export {
|
|
6
6
|
MoreControl as default
|
|
7
7
|
};
|
|
@@ -7,6 +7,7 @@ function useControl() {
|
|
|
7
7
|
const { t } = useI18n();
|
|
8
8
|
const basicStore = useBasicStore();
|
|
9
9
|
const { sidebarName } = storeToRefs(basicStore);
|
|
10
|
+
const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
|
|
10
11
|
const iconName = computed(
|
|
11
12
|
() => sidebarName.value === "vote" ? ICON_NAME.MoreActive : ICON_NAME.More
|
|
12
13
|
);
|
|
@@ -14,7 +15,8 @@ function useControl() {
|
|
|
14
15
|
t,
|
|
15
16
|
basicStore,
|
|
16
17
|
iconName,
|
|
17
|
-
sidebarName
|
|
18
|
+
sidebarName,
|
|
19
|
+
isSidebarOpen
|
|
18
20
|
};
|
|
19
21
|
}
|
|
20
22
|
export {
|
|
@@ -8,7 +8,7 @@ function _sfc_render(_ctx, _cache) {
|
|
|
8
8
|
renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
9
9
|
]);
|
|
10
10
|
}
|
|
11
|
-
const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
11
|
+
const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-183c195c"]]);
|
|
12
12
|
export {
|
|
13
13
|
indexPC as default
|
|
14
14
|
};
|
package/es/conference.vue.mjs
CHANGED
|
@@ -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-
|
|
5
|
+
const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4dd66a12"]]);
|
|
6
6
|
export {
|
|
7
7
|
ConferenceMainView as default
|
|
8
8
|
};
|
package/es/conference.vue2.mjs
CHANGED
|
@@ -282,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
282
282
|
}, 512), [
|
|
283
283
|
[vShow, unref(showRoomTool)]
|
|
284
284
|
]),
|
|
285
|
-
createVNode(unref(Index$1),
|
|
285
|
+
createVNode(unref(Index$1), { onOnVote: onVote }, {
|
|
286
286
|
content: withCtx(() => [
|
|
287
287
|
renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
288
288
|
]),
|
package/es/index.mjs
CHANGED
|
@@ -3966,6 +3966,9 @@ to {
|
|
|
3966
3966
|
border-radius: 8px;
|
|
3967
3967
|
color: var(--text-color-primary);
|
|
3968
3968
|
background-color: var(--button-color-secondary-default);
|
|
3969
|
+
}.ndsc-img-box[data-v-ca02c770] {
|
|
3970
|
+
width: 24px;
|
|
3971
|
+
height: 24px;
|
|
3969
3972
|
}.footer-container[data-v-4afcea78] {
|
|
3970
3973
|
position: absolute;
|
|
3971
3974
|
bottom: 0;
|
|
@@ -5075,17 +5078,14 @@ to {
|
|
|
5075
5078
|
font-size: 16px;
|
|
5076
5079
|
font-weight: 400;
|
|
5077
5080
|
text-align: end;
|
|
5078
|
-
}.more-container[data-v-
|
|
5079
|
-
padding: 20px;
|
|
5080
|
-
}
|
|
5081
|
-
.more-container .more-title[data-v-41107c5f] {
|
|
5081
|
+
}.more-container .more-title[data-v-183c195c] {
|
|
5082
5082
|
display: flex;
|
|
5083
5083
|
align-items: center;
|
|
5084
5084
|
}
|
|
5085
|
-
.more-container .more-title .email-icon[data-v-
|
|
5085
|
+
.more-container .more-title .email-icon[data-v-183c195c] {
|
|
5086
5086
|
color: var(--uikit-color-gray-7);
|
|
5087
5087
|
}
|
|
5088
|
-
.more-container .more-title .more-notice[data-v-
|
|
5088
|
+
.more-container .more-title .more-notice[data-v-183c195c] {
|
|
5089
5089
|
width: 100%;
|
|
5090
5090
|
height: 22px;
|
|
5091
5091
|
padding-left: 8px;
|
|
@@ -5094,15 +5094,15 @@ to {
|
|
|
5094
5094
|
line-height: 22px;
|
|
5095
5095
|
color: var(--text-color-primary);
|
|
5096
5096
|
}
|
|
5097
|
-
.more-container .more-item[data-v-
|
|
5097
|
+
.more-container .more-item[data-v-183c195c] {
|
|
5098
5098
|
position: relative;
|
|
5099
5099
|
display: flex;
|
|
5100
5100
|
flex-direction: column;
|
|
5101
5101
|
}
|
|
5102
|
-
.more-container .more-item[data-v-
|
|
5102
|
+
.more-container .more-item[data-v-183c195c]:not(:first-child) {
|
|
5103
5103
|
margin-top: 20px;
|
|
5104
5104
|
}
|
|
5105
|
-
.more-container .more-item:not(:first-child) .item-title[data-v-
|
|
5105
|
+
.more-container .more-item:not(:first-child) .item-title[data-v-183c195c] {
|
|
5106
5106
|
width: 100%;
|
|
5107
5107
|
padding-bottom: 8px;
|
|
5108
5108
|
font-size: 14px;
|
|
@@ -5110,7 +5110,7 @@ to {
|
|
|
5110
5110
|
line-height: 22px;
|
|
5111
5111
|
color: var(--text-color-primary);
|
|
5112
5112
|
}
|
|
5113
|
-
.more-container .more-item:not(:first-child) .more-content[data-v-
|
|
5113
|
+
.more-container .more-item:not(:first-child) .more-content[data-v-183c195c] {
|
|
5114
5114
|
position: relative;
|
|
5115
5115
|
box-sizing: border-box;
|
|
5116
5116
|
display: inline-block;
|
|
@@ -5130,7 +5130,7 @@ to {
|
|
|
5130
5130
|
background-color: var(--bg-color-input);
|
|
5131
5131
|
border: 1px solid var(--stroke-color-module);
|
|
5132
5132
|
}
|
|
5133
|
-
.more-container .more-item:not(:first-child) .copy-icon[data-v-
|
|
5133
|
+
.more-container .more-item:not(:first-child) .copy-icon[data-v-183c195c] {
|
|
5134
5134
|
position: absolute;
|
|
5135
5135
|
top: 45px;
|
|
5136
5136
|
right: 10px;
|
|
@@ -9168,7 +9168,7 @@ body, html {
|
|
|
9168
9168
|
}
|
|
9169
9169
|
.tui-room :not([class|=el]) {
|
|
9170
9170
|
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
|
|
9171
|
-
}.tui-room[data-v-
|
|
9171
|
+
}.tui-room[data-v-4dd66a12] {
|
|
9172
9172
|
position: relative;
|
|
9173
9173
|
display: flex;
|
|
9174
9174
|
flex-direction: column;
|
|
@@ -9180,7 +9180,7 @@ body, html {
|
|
|
9180
9180
|
text-align: left;
|
|
9181
9181
|
background-color: var(--bg-color-topbar);
|
|
9182
9182
|
}
|
|
9183
|
-
.tui-room .header[data-v-
|
|
9183
|
+
.tui-room .header[data-v-4dd66a12] {
|
|
9184
9184
|
position: absolute;
|
|
9185
9185
|
top: 0;
|
|
9186
9186
|
left: 0;
|
|
@@ -9191,20 +9191,20 @@ body, html {
|
|
|
9191
9191
|
border-bottom: 1px solid var(--stroke-color-primary);
|
|
9192
9192
|
box-shadow: 0 1px 0 var(--uikit-color-black-8);
|
|
9193
9193
|
}
|
|
9194
|
-
.tui-room .content[data-v-
|
|
9194
|
+
.tui-room .content[data-v-4dd66a12] {
|
|
9195
9195
|
position: absolute;
|
|
9196
9196
|
top: 0;
|
|
9197
9197
|
width: 100%;
|
|
9198
9198
|
height: 100%;
|
|
9199
9199
|
background-color: var(--bg-color-topbar);
|
|
9200
9200
|
}
|
|
9201
|
-
.tui-room.tui-room-h5[data-v-
|
|
9201
|
+
.tui-room.tui-room-h5[data-v-4dd66a12] {
|
|
9202
9202
|
width: 100%;
|
|
9203
9203
|
min-width: 350px;
|
|
9204
9204
|
height: 100%;
|
|
9205
9205
|
min-height: 525px;
|
|
9206
9206
|
}
|
|
9207
|
-
#roomContainer.chat-room[data-v-
|
|
9207
|
+
#roomContainer.chat-room[data-v-4dd66a12] {
|
|
9208
9208
|
position: absolute;
|
|
9209
9209
|
top: 0;
|
|
9210
9210
|
right: 0;
|
|
@@ -9216,8 +9216,8 @@ body, html {
|
|
|
9216
9216
|
margin: auto;
|
|
9217
9217
|
border-radius: 10px;
|
|
9218
9218
|
}
|
|
9219
|
-
#roomContainer.tui-room-h5[data-v-
|
|
9220
|
-
#roomContainer .chat-room[data-v-
|
|
9219
|
+
#roomContainer.tui-room-h5[data-v-4dd66a12],
|
|
9220
|
+
#roomContainer .chat-room[data-v-4dd66a12] {
|
|
9221
9221
|
width: 100%;
|
|
9222
9222
|
height: 100%;
|
|
9223
9223
|
}.user-info-container[data-v-9e9aff53] {
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKhSURBVFiF7ZWxftMwEIf/F3lgI0yl1VDzBNwv8sBGusHWbt2IR6a2T9DyBC1P0HRkKmxsKVM7WI76BkxJx3RjiHMMOMW4tmO70Ilbkp9P0vfJ0p0VHhjMzFrrS631s8lkctF0vnooXCk1AvAcQF9rTU0lWgtk4CCitwAYwG5TiVYCWXiSJFtxHF+tra196nQ6b5pKNBZgZl8pdbmEO+ccANzc3PxoI9FIIIWPADzJwpfRRqK2QAbeLYK3laglkIH7IvJ+PB5/rRrfRGKlQA4exnE8rCNdV6JSoC28iQT9TXiv1xssFguXvx/M3FVKjQH4RLQVRdGdRKcpnJm7RXOCIDgiolOl1F5BejlnNp/PZ9nEPYEquDHmXCk1ZmY/DxeRQwAuSZKDkvUKq+eegFLquOK1nwHwlVKjpUQOvuWcu9thdjNEtFNUuvcEiOg6/X2dz1lrP4tIuJQIguC4DlxEwuy5/7Hh/IPJZHKhtSYA+xsbG/50Ov2SzU+nU7e+vn5LRLsAXtWBV13gwjKsIXGltf62PPO2cCzLkJm7nudxPikiewC2AQyttWHVQnk4gCERnZWNnc/nzjk3o8yntbC8MlEpkYPXjR0yxowAsIh8LBtFRC8BbBPRSRRFB/l87rafLBaL21VkInoHAJ6I+ETk4jg+qppgjDkVkf0gCG6jKLobmz9za22tdm2M2QQwKOyERZG+/qGIHAZBcITfLfY8hR80/VYAgNdksLU2NMYglXgqIn0ATEQfrLUnTeErBXq93qCoIeFXheynf2cismmMOS0Zdx3HcalcqQAzd4nouEZ1dAEMypJE9B1AcwHn3IyZX9QQWBWzqmTlEaQdrnKBh0btKvgv8K/CS29pP23JjxkMwHlJkoRpN+s/soBLkiT8CfdGvsMQPqX9AAAAAElFTkSuQmCC";
|
|
4
|
+
exports.default = _imports_0;
|
|
@@ -1,49 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
const roomService = require("../../../services/roomService.js");
|
|
9
|
-
require("../../../locales/index.js");
|
|
10
|
-
require("@tencentcloud/tuiroom-engine-js");
|
|
11
|
-
require("../../../utils/environment.js");
|
|
12
|
-
require("mitt");
|
|
13
|
-
require("../../../services/manager/roomActionManager.js");
|
|
14
|
-
require("@tencentcloud/tui-core");
|
|
15
|
-
const _hoisted_1 = {
|
|
16
|
-
key: 0,
|
|
17
|
-
class: "more-control-container"
|
|
18
|
-
};
|
|
19
|
-
const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
|
|
20
|
-
__name: "MoreControlPC",
|
|
21
|
-
setup(__props) {
|
|
22
|
-
const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
|
|
23
|
-
const { t, basicStore, sidebarName } = useMoreControlHooks.default();
|
|
24
|
-
function toggleMoreSidebar() {
|
|
25
|
-
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
|
|
26
|
-
basicStore.setSidebarOpenStatus(false);
|
|
27
|
-
basicStore.setSidebarName("");
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
basicStore.setSidebarOpenStatus(true);
|
|
31
|
-
basicStore.setSidebarName("vote");
|
|
32
|
-
}
|
|
33
|
-
return (_ctx, _cache) => {
|
|
34
|
-
return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
|
|
35
|
-
Vue.createVNode(IconButton.default, {
|
|
36
|
-
"is-active": Vue.unref(sidebarName) === "vote",
|
|
37
|
-
title: Vue.unref(t)("Vote"),
|
|
38
|
-
onClickIcon: toggleMoreSidebar
|
|
39
|
-
}, {
|
|
40
|
-
default: Vue.withCtx(() => [
|
|
41
|
-
Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" })
|
|
42
|
-
]),
|
|
43
|
-
_: 1
|
|
44
|
-
}, 8, ["is-active", "title"])
|
|
45
|
-
])) : Vue.createCommentVNode("", true);
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
exports.default = _sfc_main;
|
|
3
|
+
const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue2.js");
|
|
4
|
+
;/* empty css */
|
|
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-ca02c770"]]);
|
|
7
|
+
exports.default = MoreControlPc;
|
|
@@ -1,4 +1,53 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
4
|
-
|
|
3
|
+
const Vue = require("vue");
|
|
4
|
+
const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
|
|
5
|
+
const IconButton = require("../../common/base/IconButton.vue.js");
|
|
6
|
+
const useMoreControlHooks = require("./useMoreControlHooks.js");
|
|
7
|
+
require("../../../services/main.js");
|
|
8
|
+
const roomService = require("../../../services/roomService.js");
|
|
9
|
+
require("../../../locales/index.js");
|
|
10
|
+
require("@tencentcloud/tuiroom-engine-js");
|
|
11
|
+
require("../../../utils/environment.js");
|
|
12
|
+
require("mitt");
|
|
13
|
+
require("../../../services/manager/roomActionManager.js");
|
|
14
|
+
require("@tencentcloud/tui-core");
|
|
15
|
+
const _hoisted_1 = {
|
|
16
|
+
key: 0,
|
|
17
|
+
class: "more-control-container"
|
|
18
|
+
};
|
|
19
|
+
const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
|
|
20
|
+
__name: "MoreControlPC",
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
|
|
23
|
+
const { t, basicStore, sidebarName } = useMoreControlHooks.default();
|
|
24
|
+
function toggleMoreSidebar() {
|
|
25
|
+
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
|
|
26
|
+
basicStore.setSidebarOpenStatus(false);
|
|
27
|
+
basicStore.setSidebarName("");
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
basicStore.setSidebarOpenStatus(true);
|
|
31
|
+
basicStore.setSidebarName("vote");
|
|
32
|
+
}
|
|
33
|
+
return (_ctx, _cache) => {
|
|
34
|
+
return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
|
|
35
|
+
Vue.createVNode(IconButton.default, {
|
|
36
|
+
"is-active": Vue.unref(sidebarName) === "vote",
|
|
37
|
+
title: Vue.unref(t)("Vote"),
|
|
38
|
+
onClickIcon: toggleMoreSidebar
|
|
39
|
+
}, {
|
|
40
|
+
default: Vue.withCtx(() => [..._cache[0] || (_cache[0] = [
|
|
41
|
+
Vue.createElementVNode("img", {
|
|
42
|
+
class: "ndsc-img-box",
|
|
43
|
+
src: voteIcon.default,
|
|
44
|
+
alt: ""
|
|
45
|
+
}, null, -1)
|
|
46
|
+
])]),
|
|
47
|
+
_: 1
|
|
48
|
+
}, 8, ["is-active", "title"])
|
|
49
|
+
])) : Vue.createCommentVNode("", true);
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
exports.default = _sfc_main;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const MoreControlH5 = require("./MoreControlH5.vue.js");
|
|
4
|
-
const
|
|
4
|
+
const MoreControlPC = require("./MoreControlPC.vue.js");
|
|
5
5
|
const environment = require("../../../utils/environment.js");
|
|
6
|
-
const MoreControl = environment.isMobile ? MoreControlH5.default :
|
|
6
|
+
const MoreControl = environment.isMobile ? MoreControlH5.default : MoreControlPC.default;
|
|
7
7
|
exports.default = MoreControl;
|
|
@@ -9,6 +9,7 @@ function useControl() {
|
|
|
9
9
|
const { t } = index.useI18n();
|
|
10
10
|
const basicStore = basic.useBasicStore();
|
|
11
11
|
const { sidebarName } = pinia.storeToRefs(basicStore);
|
|
12
|
+
const isSidebarOpen = Vue.computed(() => basicStore.isSidebarOpen);
|
|
12
13
|
const iconName = Vue.computed(
|
|
13
14
|
() => sidebarName.value === "vote" ? icon.ICON_NAME.MoreActive : icon.ICON_NAME.More
|
|
14
15
|
);
|
|
@@ -16,7 +17,8 @@ function useControl() {
|
|
|
16
17
|
t,
|
|
17
18
|
basicStore,
|
|
18
19
|
iconName,
|
|
19
|
-
sidebarName
|
|
20
|
+
sidebarName,
|
|
21
|
+
isSidebarOpen
|
|
20
22
|
};
|
|
21
23
|
}
|
|
22
24
|
exports.default = useControl;
|
|
@@ -10,5 +10,5 @@ function _sfc_render(_ctx, _cache) {
|
|
|
10
10
|
Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
11
11
|
]);
|
|
12
12
|
}
|
|
13
|
-
const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
13
|
+
const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-183c195c"]]);
|
|
14
14
|
exports.default = indexPC;
|
package/lib/conference.vue.js
CHANGED
|
@@ -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-
|
|
7
|
+
const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4dd66a12"]]);
|
|
8
8
|
exports.default = ConferenceMainView;
|
package/lib/conference.vue2.js
CHANGED
|
@@ -284,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
|
|
|
284
284
|
}, 512), [
|
|
285
285
|
[Vue.vShow, Vue.unref(showRoomTool)]
|
|
286
286
|
]),
|
|
287
|
-
Vue.createVNode(Vue.unref(index$3.default),
|
|
287
|
+
Vue.createVNode(Vue.unref(index$3.default), { onOnVote: onVote }, {
|
|
288
288
|
content: Vue.withCtx(() => [
|
|
289
289
|
Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
290
290
|
]),
|
package/lib/index.js
CHANGED
|
@@ -3966,6 +3966,9 @@ to {
|
|
|
3966
3966
|
border-radius: 8px;
|
|
3967
3967
|
color: var(--text-color-primary);
|
|
3968
3968
|
background-color: var(--button-color-secondary-default);
|
|
3969
|
+
}.ndsc-img-box[data-v-ca02c770] {
|
|
3970
|
+
width: 24px;
|
|
3971
|
+
height: 24px;
|
|
3969
3972
|
}.footer-container[data-v-4afcea78] {
|
|
3970
3973
|
position: absolute;
|
|
3971
3974
|
bottom: 0;
|
|
@@ -5075,17 +5078,14 @@ to {
|
|
|
5075
5078
|
font-size: 16px;
|
|
5076
5079
|
font-weight: 400;
|
|
5077
5080
|
text-align: end;
|
|
5078
|
-
}.more-container[data-v-
|
|
5079
|
-
padding: 20px;
|
|
5080
|
-
}
|
|
5081
|
-
.more-container .more-title[data-v-41107c5f] {
|
|
5081
|
+
}.more-container .more-title[data-v-183c195c] {
|
|
5082
5082
|
display: flex;
|
|
5083
5083
|
align-items: center;
|
|
5084
5084
|
}
|
|
5085
|
-
.more-container .more-title .email-icon[data-v-
|
|
5085
|
+
.more-container .more-title .email-icon[data-v-183c195c] {
|
|
5086
5086
|
color: var(--uikit-color-gray-7);
|
|
5087
5087
|
}
|
|
5088
|
-
.more-container .more-title .more-notice[data-v-
|
|
5088
|
+
.more-container .more-title .more-notice[data-v-183c195c] {
|
|
5089
5089
|
width: 100%;
|
|
5090
5090
|
height: 22px;
|
|
5091
5091
|
padding-left: 8px;
|
|
@@ -5094,15 +5094,15 @@ to {
|
|
|
5094
5094
|
line-height: 22px;
|
|
5095
5095
|
color: var(--text-color-primary);
|
|
5096
5096
|
}
|
|
5097
|
-
.more-container .more-item[data-v-
|
|
5097
|
+
.more-container .more-item[data-v-183c195c] {
|
|
5098
5098
|
position: relative;
|
|
5099
5099
|
display: flex;
|
|
5100
5100
|
flex-direction: column;
|
|
5101
5101
|
}
|
|
5102
|
-
.more-container .more-item[data-v-
|
|
5102
|
+
.more-container .more-item[data-v-183c195c]:not(:first-child) {
|
|
5103
5103
|
margin-top: 20px;
|
|
5104
5104
|
}
|
|
5105
|
-
.more-container .more-item:not(:first-child) .item-title[data-v-
|
|
5105
|
+
.more-container .more-item:not(:first-child) .item-title[data-v-183c195c] {
|
|
5106
5106
|
width: 100%;
|
|
5107
5107
|
padding-bottom: 8px;
|
|
5108
5108
|
font-size: 14px;
|
|
@@ -5110,7 +5110,7 @@ to {
|
|
|
5110
5110
|
line-height: 22px;
|
|
5111
5111
|
color: var(--text-color-primary);
|
|
5112
5112
|
}
|
|
5113
|
-
.more-container .more-item:not(:first-child) .more-content[data-v-
|
|
5113
|
+
.more-container .more-item:not(:first-child) .more-content[data-v-183c195c] {
|
|
5114
5114
|
position: relative;
|
|
5115
5115
|
box-sizing: border-box;
|
|
5116
5116
|
display: inline-block;
|
|
@@ -5130,7 +5130,7 @@ to {
|
|
|
5130
5130
|
background-color: var(--bg-color-input);
|
|
5131
5131
|
border: 1px solid var(--stroke-color-module);
|
|
5132
5132
|
}
|
|
5133
|
-
.more-container .more-item:not(:first-child) .copy-icon[data-v-
|
|
5133
|
+
.more-container .more-item:not(:first-child) .copy-icon[data-v-183c195c] {
|
|
5134
5134
|
position: absolute;
|
|
5135
5135
|
top: 45px;
|
|
5136
5136
|
right: 10px;
|
|
@@ -9168,7 +9168,7 @@ body, html {
|
|
|
9168
9168
|
}
|
|
9169
9169
|
.tui-room :not([class|=el]) {
|
|
9170
9170
|
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
|
|
9171
|
-
}.tui-room[data-v-
|
|
9171
|
+
}.tui-room[data-v-4dd66a12] {
|
|
9172
9172
|
position: relative;
|
|
9173
9173
|
display: flex;
|
|
9174
9174
|
flex-direction: column;
|
|
@@ -9180,7 +9180,7 @@ body, html {
|
|
|
9180
9180
|
text-align: left;
|
|
9181
9181
|
background-color: var(--bg-color-topbar);
|
|
9182
9182
|
}
|
|
9183
|
-
.tui-room .header[data-v-
|
|
9183
|
+
.tui-room .header[data-v-4dd66a12] {
|
|
9184
9184
|
position: absolute;
|
|
9185
9185
|
top: 0;
|
|
9186
9186
|
left: 0;
|
|
@@ -9191,20 +9191,20 @@ body, html {
|
|
|
9191
9191
|
border-bottom: 1px solid var(--stroke-color-primary);
|
|
9192
9192
|
box-shadow: 0 1px 0 var(--uikit-color-black-8);
|
|
9193
9193
|
}
|
|
9194
|
-
.tui-room .content[data-v-
|
|
9194
|
+
.tui-room .content[data-v-4dd66a12] {
|
|
9195
9195
|
position: absolute;
|
|
9196
9196
|
top: 0;
|
|
9197
9197
|
width: 100%;
|
|
9198
9198
|
height: 100%;
|
|
9199
9199
|
background-color: var(--bg-color-topbar);
|
|
9200
9200
|
}
|
|
9201
|
-
.tui-room.tui-room-h5[data-v-
|
|
9201
|
+
.tui-room.tui-room-h5[data-v-4dd66a12] {
|
|
9202
9202
|
width: 100%;
|
|
9203
9203
|
min-width: 350px;
|
|
9204
9204
|
height: 100%;
|
|
9205
9205
|
min-height: 525px;
|
|
9206
9206
|
}
|
|
9207
|
-
#roomContainer.chat-room[data-v-
|
|
9207
|
+
#roomContainer.chat-room[data-v-4dd66a12] {
|
|
9208
9208
|
position: absolute;
|
|
9209
9209
|
top: 0;
|
|
9210
9210
|
right: 0;
|
|
@@ -9216,8 +9216,8 @@ body, html {
|
|
|
9216
9216
|
margin: auto;
|
|
9217
9217
|
border-radius: 10px;
|
|
9218
9218
|
}
|
|
9219
|
-
#roomContainer.tui-room-h5[data-v-
|
|
9220
|
-
#roomContainer .chat-room[data-v-
|
|
9219
|
+
#roomContainer.tui-room-h5[data-v-4dd66a12],
|
|
9220
|
+
#roomContainer .chat-room[data-v-4dd66a12] {
|
|
9221
9221
|
width: 100%;
|
|
9222
9222
|
height: 100%;
|
|
9223
9223
|
}.user-info-container[data-v-9e9aff53] {
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
:title="t('Vote')"
|
|
6
6
|
@click-icon="toggleMoreSidebar"
|
|
7
7
|
>
|
|
8
|
-
<
|
|
8
|
+
<img class="ndsc-img-box" src="../../../assets/imgs/vote-icon.png" alt=""/>
|
|
9
9
|
</icon-button>
|
|
10
10
|
</div>
|
|
11
11
|
</template>
|
|
@@ -28,4 +28,9 @@ function toggleMoreSidebar() {
|
|
|
28
28
|
basicStore.setSidebarName('vote');
|
|
29
29
|
}
|
|
30
30
|
</script>
|
|
31
|
-
<style lang="scss" scoped
|
|
31
|
+
<style lang="scss" scoped>
|
|
32
|
+
.ndsc-img-box{
|
|
33
|
+
width:24px;
|
|
34
|
+
height: 24px
|
|
35
|
+
}
|
|
36
|
+
</style>
|
|
@@ -9,7 +9,7 @@ export default function useControl() {
|
|
|
9
9
|
|
|
10
10
|
const basicStore = useBasicStore();
|
|
11
11
|
const { sidebarName } = storeToRefs(basicStore);
|
|
12
|
-
|
|
12
|
+
const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
|
|
13
13
|
const iconName = computed(() =>
|
|
14
14
|
sidebarName.value === 'vote' ? ICON_NAME.MoreActive : ICON_NAME.More
|
|
15
15
|
);
|
|
@@ -19,5 +19,6 @@ export default function useControl() {
|
|
|
19
19
|
basicStore,
|
|
20
20
|
iconName,
|
|
21
21
|
sidebarName,
|
|
22
|
+
isSidebarOpen
|
|
22
23
|
};
|
|
23
24
|
}
|