@ndscnj/roomkit-web-vue3 25.12.24153 → 25.12.24155
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/VoteControl/MoreControlPC.vue.mjs +4 -4
- package/es/components/RoomFooter/VoteControl/useMoreControlHooks.mjs +1 -1
- package/es/components/RoomVote/indexPC.vue.mjs +9 -2
- package/es/index.mjs +9 -9
- package/lib/components/Chat/index/indexPC.vue.js +1 -1
- package/lib/components/ManageMember/MemberItem/indexPC.vue.js +1 -1
- package/lib/components/ManageMember/indexPC.vue.js +1 -1
- package/lib/components/RoomFooter/VoteControl/MoreControlPC.vue.js +4 -4
- package/lib/components/RoomFooter/VoteControl/useMoreControlHooks.js +1 -1
- package/lib/components/RoomFooter/index/indexPC.vue.js +1 -1
- package/lib/components/RoomInvite/indexPC.vue.js +1 -1
- package/lib/components/RoomMore/indexPC.vue.js +1 -1
- package/lib/components/RoomVote/indexPC.vue.js +9 -2
- package/lib/index.js +9 -9
- package/package.json +1 -1
- package/src/TUIRoom/components/RoomFooter/VoteControl/MoreControlPC.vue +4 -4
- package/src/TUIRoom/components/RoomFooter/VoteControl/useMoreControlHooks.ts +1 -1
- package/src/TUIRoom/components/RoomVote/indexPC.vue +1 -26
- package/es/components/RoomVote/indexPC.vue2.mjs +0 -52
- package/lib/components/RoomVote/indexPC.vue2.js +0 -52
|
@@ -20,19 +20,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20
20
|
const moreControlConfig = roomService.getComponentConfig("MoreControl");
|
|
21
21
|
const { t, basicStore, sidebarName } = useControl();
|
|
22
22
|
function toggleMoreSidebar() {
|
|
23
|
-
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "
|
|
23
|
+
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
|
|
24
24
|
basicStore.setSidebarOpenStatus(false);
|
|
25
25
|
basicStore.setSidebarName("");
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
28
|
basicStore.setSidebarOpenStatus(true);
|
|
29
|
-
basicStore.setSidebarName("
|
|
29
|
+
basicStore.setSidebarName("vote");
|
|
30
30
|
}
|
|
31
31
|
return (_ctx, _cache) => {
|
|
32
32
|
return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
33
33
|
createVNode(IconButton, {
|
|
34
|
-
"is-active": unref(sidebarName) === "
|
|
35
|
-
title: unref(t)("
|
|
34
|
+
"is-active": unref(sidebarName) === "vote",
|
|
35
|
+
title: unref(t)("Vote"),
|
|
36
36
|
onClickIcon: toggleMoreSidebar
|
|
37
37
|
}, {
|
|
38
38
|
default: withCtx(() => [
|
|
@@ -8,7 +8,7 @@ function useControl() {
|
|
|
8
8
|
const basicStore = useBasicStore();
|
|
9
9
|
const { sidebarName } = storeToRefs(basicStore);
|
|
10
10
|
const iconName = computed(
|
|
11
|
-
() => sidebarName.value === "
|
|
11
|
+
() => sidebarName.value === "vote" ? ICON_NAME.MoreActive : ICON_NAME.More
|
|
12
12
|
);
|
|
13
13
|
return {
|
|
14
14
|
t,
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createElementBlock, openBlock, renderSlot } from "vue";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const
|
|
4
|
+
const _sfc_main = {};
|
|
5
|
+
const _hoisted_1 = { class: "more-container" };
|
|
6
|
+
function _sfc_render(_ctx, _cache) {
|
|
7
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
8
|
+
renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
9
|
+
]);
|
|
10
|
+
}
|
|
11
|
+
const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9ac24da7"]]);
|
|
5
12
|
export {
|
|
6
13
|
indexPC as default
|
|
7
14
|
};
|
package/es/index.mjs
CHANGED
|
@@ -5075,17 +5075,17 @@ to {
|
|
|
5075
5075
|
font-size: 16px;
|
|
5076
5076
|
font-weight: 400;
|
|
5077
5077
|
text-align: end;
|
|
5078
|
-
}.more-container[data-v-
|
|
5078
|
+
}.more-container[data-v-9ac24da7] {
|
|
5079
5079
|
padding: 20px;
|
|
5080
5080
|
}
|
|
5081
|
-
.more-container .more-title[data-v-
|
|
5081
|
+
.more-container .more-title[data-v-9ac24da7] {
|
|
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-9ac24da7] {
|
|
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-9ac24da7] {
|
|
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-9ac24da7] {
|
|
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-9ac24da7]: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-9ac24da7] {
|
|
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-9ac24da7] {
|
|
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-9ac24da7] {
|
|
5134
5134
|
position: absolute;
|
|
5135
5135
|
top: 45px;
|
|
5136
5136
|
right: 10px;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const indexPC_vue_vue_type_script_setup_true_lang =
|
|
3
|
+
const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css */
|
|
4
4
|
;/* empty css */
|
|
5
5
|
const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
|
|
6
6
|
const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-2317a136"]]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const indexPC_vue_vue_type_script_setup_true_lang =
|
|
3
|
+
const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css */
|
|
4
4
|
;/* empty css */
|
|
5
5
|
const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
|
|
6
6
|
const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-b687c25c"]]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const indexPC_vue_vue_type_script_setup_true_lang =
|
|
3
|
+
const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css */
|
|
4
4
|
;/* empty css */
|
|
5
5
|
const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
|
|
6
6
|
const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3ed9f9ec"]]);
|
|
@@ -22,19 +22,19 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
|
|
|
22
22
|
const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
|
|
23
23
|
const { t, basicStore, sidebarName } = useMoreControlHooks.default();
|
|
24
24
|
function toggleMoreSidebar() {
|
|
25
|
-
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "
|
|
25
|
+
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
|
|
26
26
|
basicStore.setSidebarOpenStatus(false);
|
|
27
27
|
basicStore.setSidebarName("");
|
|
28
28
|
return;
|
|
29
29
|
}
|
|
30
30
|
basicStore.setSidebarOpenStatus(true);
|
|
31
|
-
basicStore.setSidebarName("
|
|
31
|
+
basicStore.setSidebarName("vote");
|
|
32
32
|
}
|
|
33
33
|
return (_ctx, _cache) => {
|
|
34
34
|
return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
|
|
35
35
|
Vue.createVNode(IconButton.default, {
|
|
36
|
-
"is-active": Vue.unref(sidebarName) === "
|
|
37
|
-
title: Vue.unref(t)("
|
|
36
|
+
"is-active": Vue.unref(sidebarName) === "vote",
|
|
37
|
+
title: Vue.unref(t)("Vote"),
|
|
38
38
|
onClickIcon: toggleMoreSidebar
|
|
39
39
|
}, {
|
|
40
40
|
default: Vue.withCtx(() => [
|
|
@@ -10,7 +10,7 @@ function useControl() {
|
|
|
10
10
|
const basicStore = basic.useBasicStore();
|
|
11
11
|
const { sidebarName } = pinia.storeToRefs(basicStore);
|
|
12
12
|
const iconName = Vue.computed(
|
|
13
|
-
() => sidebarName.value === "
|
|
13
|
+
() => sidebarName.value === "vote" ? icon.ICON_NAME.MoreActive : icon.ICON_NAME.More
|
|
14
14
|
);
|
|
15
15
|
return {
|
|
16
16
|
t,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const indexPC_vue_vue_type_script_setup_true_lang =
|
|
3
|
+
const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css */
|
|
4
4
|
;/* empty css */
|
|
5
5
|
const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
|
|
6
6
|
const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4afcea78"]]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const indexPC_vue_vue_type_script_setup_true_lang =
|
|
3
|
+
const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css */
|
|
4
4
|
;/* empty css */
|
|
5
5
|
const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
|
|
6
6
|
const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1bc9e31a"]]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const indexPC_vue_vue_type_script_setup_true_lang =
|
|
3
|
+
const indexPC_vue_vue_type_script_setup_true_lang = ;/* empty css */
|
|
4
4
|
;/* empty css */
|
|
5
5
|
const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
|
|
6
6
|
const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-d8015abd"]]);
|
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
3
|
+
const Vue = require("vue");
|
|
4
4
|
;/* empty css */
|
|
5
5
|
const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
|
|
6
|
-
const
|
|
6
|
+
const _sfc_main = {};
|
|
7
|
+
const _hoisted_1 = { class: "more-container" };
|
|
8
|
+
function _sfc_render(_ctx, _cache) {
|
|
9
|
+
return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
|
|
10
|
+
Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
11
|
+
]);
|
|
12
|
+
}
|
|
13
|
+
const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9ac24da7"]]);
|
|
7
14
|
exports.default = indexPC;
|
package/lib/index.js
CHANGED
|
@@ -5075,17 +5075,17 @@ to {
|
|
|
5075
5075
|
font-size: 16px;
|
|
5076
5076
|
font-weight: 400;
|
|
5077
5077
|
text-align: end;
|
|
5078
|
-
}.more-container[data-v-
|
|
5078
|
+
}.more-container[data-v-9ac24da7] {
|
|
5079
5079
|
padding: 20px;
|
|
5080
5080
|
}
|
|
5081
|
-
.more-container .more-title[data-v-
|
|
5081
|
+
.more-container .more-title[data-v-9ac24da7] {
|
|
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-9ac24da7] {
|
|
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-9ac24da7] {
|
|
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-9ac24da7] {
|
|
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-9ac24da7]: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-9ac24da7] {
|
|
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-9ac24da7] {
|
|
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-9ac24da7] {
|
|
5134
5134
|
position: absolute;
|
|
5135
5135
|
top: 45px;
|
|
5136
5136
|
right: 10px;
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div v-if="moreControlConfig.visible" class="more-control-container">
|
|
3
3
|
<icon-button
|
|
4
|
-
:is-active="sidebarName === '
|
|
5
|
-
:title="t('
|
|
4
|
+
:is-active="sidebarName === 'vote'"
|
|
5
|
+
:title="t('Vote')"
|
|
6
6
|
@click-icon="toggleMoreSidebar"
|
|
7
7
|
>
|
|
8
8
|
<IconMore size="24" />
|
|
@@ -19,13 +19,13 @@ const moreControlConfig = roomService.getComponentConfig('MoreControl');
|
|
|
19
19
|
const { t, basicStore, sidebarName } = userMoreControl();
|
|
20
20
|
|
|
21
21
|
function toggleMoreSidebar() {
|
|
22
|
-
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === '
|
|
22
|
+
if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === 'vote') {
|
|
23
23
|
basicStore.setSidebarOpenStatus(false);
|
|
24
24
|
basicStore.setSidebarName('');
|
|
25
25
|
return;
|
|
26
26
|
}
|
|
27
27
|
basicStore.setSidebarOpenStatus(true);
|
|
28
|
-
basicStore.setSidebarName('
|
|
28
|
+
basicStore.setSidebarName('vote');
|
|
29
29
|
}
|
|
30
30
|
</script>
|
|
31
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 === '
|
|
14
|
+
sidebarName.value === 'vote' ? ICON_NAME.MoreActive : ICON_NAME.More
|
|
15
15
|
);
|
|
16
16
|
|
|
17
17
|
return {
|
|
@@ -1,35 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="more-container">
|
|
3
|
-
|
|
4
|
-
<IconEmail class="email-icon" />
|
|
5
|
-
<div class="more-notice">
|
|
6
|
-
{{ t('Vote') }}
|
|
7
|
-
</div>
|
|
8
|
-
</div>
|
|
9
|
-
<div v-if="isZH" class="more-item">
|
|
10
|
-
<div class="item-title">{{ t('Join our product discussion group') }}</div>
|
|
11
|
-
<TUIButton @click="handleClick">{{ t('Join now') }}</TUIButton>
|
|
12
|
-
</div>
|
|
13
|
-
<div class="more-item">
|
|
14
|
-
<div class="item-title">{{ t('Our email address') }}</div>
|
|
15
|
-
<div class="more-content">{{ email }}</div>
|
|
16
|
-
<IconCopy class="copy-icon" @click="onCopy(email)" />
|
|
17
|
-
</div>
|
|
18
|
-
<div class="more-item">
|
|
19
|
-
<slot name="content"></slot>
|
|
20
|
-
</div>
|
|
3
|
+
<slot name="content"></slot>
|
|
21
4
|
</div>
|
|
22
5
|
</template>
|
|
23
6
|
|
|
24
7
|
<script setup lang="ts">
|
|
25
|
-
import {
|
|
26
|
-
TUIButton,
|
|
27
|
-
IconCopy,
|
|
28
|
-
IconEmail,
|
|
29
|
-
} from '@tencentcloud/uikit-base-component-vue3';
|
|
30
|
-
import useRoomMoreControl from './useRoomMoreHooks';
|
|
31
|
-
|
|
32
|
-
const { t, onCopy, handleClick, email, isZH } = useRoomMoreControl();
|
|
33
8
|
</script>
|
|
34
9
|
|
|
35
10
|
<style lang="scss" scoped>
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, withCtx, createTextVNode, renderSlot } from "vue";
|
|
2
|
-
import { IconEmail, TUIButton, IconCopy } from "@tencentcloud/uikit-base-component-vue3";
|
|
3
|
-
import useRoomMoreHooks from "./useRoomMoreHooks.mjs";
|
|
4
|
-
const _hoisted_1 = { class: "more-container" };
|
|
5
|
-
const _hoisted_2 = { class: "more-title" };
|
|
6
|
-
const _hoisted_3 = { class: "more-notice" };
|
|
7
|
-
const _hoisted_4 = {
|
|
8
|
-
key: 0,
|
|
9
|
-
class: "more-item"
|
|
10
|
-
};
|
|
11
|
-
const _hoisted_5 = { class: "item-title" };
|
|
12
|
-
const _hoisted_6 = { class: "more-item" };
|
|
13
|
-
const _hoisted_7 = { class: "item-title" };
|
|
14
|
-
const _hoisted_8 = { class: "more-content" };
|
|
15
|
-
const _hoisted_9 = { class: "more-item" };
|
|
16
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
|
-
__name: "indexPC",
|
|
18
|
-
setup(__props) {
|
|
19
|
-
const { t, onCopy, handleClick, email, isZH } = useRoomMoreHooks();
|
|
20
|
-
return (_ctx, _cache) => {
|
|
21
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
22
|
-
createElementVNode("div", _hoisted_2, [
|
|
23
|
-
createVNode(unref(IconEmail), { class: "email-icon" }),
|
|
24
|
-
createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("Vote")), 1)
|
|
25
|
-
]),
|
|
26
|
-
unref(isZH) ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
27
|
-
createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("Join our product discussion group")), 1),
|
|
28
|
-
createVNode(unref(TUIButton), { onClick: unref(handleClick) }, {
|
|
29
|
-
default: withCtx(() => [
|
|
30
|
-
createTextVNode(toDisplayString(unref(t)("Join now")), 1)
|
|
31
|
-
]),
|
|
32
|
-
_: 1
|
|
33
|
-
}, 8, ["onClick"])
|
|
34
|
-
])) : createCommentVNode("", true),
|
|
35
|
-
createElementVNode("div", _hoisted_6, [
|
|
36
|
-
createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("Our email address")), 1),
|
|
37
|
-
createElementVNode("div", _hoisted_8, toDisplayString(unref(email)), 1),
|
|
38
|
-
createVNode(unref(IconCopy), {
|
|
39
|
-
class: "copy-icon",
|
|
40
|
-
onClick: _cache[0] || (_cache[0] = ($event) => unref(onCopy)(unref(email)))
|
|
41
|
-
})
|
|
42
|
-
]),
|
|
43
|
-
createElementVNode("div", _hoisted_9, [
|
|
44
|
-
renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
45
|
-
])
|
|
46
|
-
]);
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
export {
|
|
51
|
-
_sfc_main as default
|
|
52
|
-
};
|
|
@@ -1,52 +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 useRoomMoreHooks = require("./useRoomMoreHooks.js");
|
|
6
|
-
const _hoisted_1 = { class: "more-container" };
|
|
7
|
-
const _hoisted_2 = { class: "more-title" };
|
|
8
|
-
const _hoisted_3 = { class: "more-notice" };
|
|
9
|
-
const _hoisted_4 = {
|
|
10
|
-
key: 0,
|
|
11
|
-
class: "more-item"
|
|
12
|
-
};
|
|
13
|
-
const _hoisted_5 = { class: "item-title" };
|
|
14
|
-
const _hoisted_6 = { class: "more-item" };
|
|
15
|
-
const _hoisted_7 = { class: "item-title" };
|
|
16
|
-
const _hoisted_8 = { class: "more-content" };
|
|
17
|
-
const _hoisted_9 = { class: "more-item" };
|
|
18
|
-
const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
|
|
19
|
-
__name: "indexPC",
|
|
20
|
-
setup(__props) {
|
|
21
|
-
const { t, onCopy, handleClick, email, isZH } = useRoomMoreHooks.default();
|
|
22
|
-
return (_ctx, _cache) => {
|
|
23
|
-
return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
|
|
24
|
-
Vue.createElementVNode("div", _hoisted_2, [
|
|
25
|
-
Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconEmail), { class: "email-icon" }),
|
|
26
|
-
Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Vote")), 1)
|
|
27
|
-
]),
|
|
28
|
-
Vue.unref(isZH) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
|
|
29
|
-
Vue.createElementVNode("div", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Join our product discussion group")), 1),
|
|
30
|
-
Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), { onClick: Vue.unref(handleClick) }, {
|
|
31
|
-
default: Vue.withCtx(() => [
|
|
32
|
-
Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Join now")), 1)
|
|
33
|
-
]),
|
|
34
|
-
_: 1
|
|
35
|
-
}, 8, ["onClick"])
|
|
36
|
-
])) : Vue.createCommentVNode("", true),
|
|
37
|
-
Vue.createElementVNode("div", _hoisted_6, [
|
|
38
|
-
Vue.createElementVNode("div", _hoisted_7, Vue.toDisplayString(Vue.unref(t)("Our email address")), 1),
|
|
39
|
-
Vue.createElementVNode("div", _hoisted_8, Vue.toDisplayString(Vue.unref(email)), 1),
|
|
40
|
-
Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconCopy), {
|
|
41
|
-
class: "copy-icon",
|
|
42
|
-
onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(onCopy)(Vue.unref(email)))
|
|
43
|
-
})
|
|
44
|
-
]),
|
|
45
|
-
Vue.createElementVNode("div", _hoisted_9, [
|
|
46
|
-
Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
47
|
-
])
|
|
48
|
-
]);
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
exports.default = _sfc_main;
|