@opendesign-plus/components 0.0.1-rc.98 → 0.0.1-rc.99
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/dist/components/summit/types.d.ts +20 -7
- package/dist/components/summit/utils.d.ts +11 -1
- package/dist/components.cjs.js +26 -26
- package/dist/components.css +2 -2
- package/dist/components.es.js +4280 -4258
- package/dist/treeshaking/_virtual/icon-email.mjs +8 -9
- package/dist/treeshaking/_virtual/icon-email2.mjs +9 -8
- package/dist/treeshaking/components/anchor-bar/OAnchorBar.css +32 -32
- package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue.mjs +1 -1
- package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs +1 -1
- package/dist/treeshaking/components/summit/OSummitLive.css +38 -22
- package/dist/treeshaking/components/summit/OSummitLive.vue.mjs +1 -1
- package/dist/treeshaking/components/summit/OSummitLive.vue2.mjs +37 -10
- package/dist/treeshaking/components/summit/OSummitSchedule.css +33 -33
- package/dist/treeshaking/components/summit/OSummitSchedule.vue.mjs +1 -1
- package/dist/treeshaking/components/summit/OSummitSchedule.vue2.mjs +7 -13
- package/dist/treeshaking/components/summit/components/OSummitTabs.css +31 -30
- package/dist/treeshaking/components/summit/components/OSummitTabs.vue.mjs +1 -1
- package/dist/treeshaking/components/summit/types.d.ts +20 -7
- package/dist/treeshaking/components/summit/utils.d.ts +11 -1
- package/dist/treeshaking/components/summit/utils.mjs +30 -0
- package/dist/treeshaking/components/user-center/OAccountSetting.vue2.mjs +1 -1
- package/dist/treeshaking/components/user-center/OUserInfo.css +109 -109
- package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OUserInfo.vue2.mjs +4 -3
- package/dist/treeshaking/components/user-center/OUserInfo3.css +4 -4
- package/dist/treeshaking/components/user-center/rolesMap.mjs +2 -10
- package/package.json +2 -2
|
@@ -1,22 +1,21 @@
|
|
|
1
1
|
import { openBlock, createElementBlock, createElementVNode } from "vue";
|
|
2
2
|
const _hoisted_1 = {
|
|
3
|
-
width: "24px",
|
|
4
|
-
height: "24px",
|
|
5
|
-
viewBox: "0 0 24 24",
|
|
6
3
|
version: "1.1",
|
|
7
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
|
|
5
|
+
width: "32",
|
|
6
|
+
height: "32",
|
|
7
|
+
viewBox: "0 0 32 32"
|
|
9
8
|
};
|
|
10
9
|
function render(_ctx, _cache) {
|
|
11
10
|
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
|
|
12
11
|
createElementVNode("path", {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
opacity: "0.8",
|
|
13
|
+
fill: "#000",
|
|
14
|
+
d: "M26.307 5.012c1.473 0 2.667 1.193 2.667 2.667v7.32c0 0.516-0.417 0.933-0.933 0.933s-0.933-0.417-0.933-0.933l-0.001-6.997-9.461 7.828c-0.999 0.825-2.445 0.815-3.431-0.025l-9.465-8.075v16.671c0 0.441 0.359 0.8 0.8 0.8h20.759c0.441 0 0.8-0.359 0.8-0.8v-5.395c0-0.516 0.417-0.933 0.933-0.933s0.933 0.417 0.933 0.933v5.395c0 1.473-1.193 2.667-2.667 2.667h-20.759c-1.473 0-2.667-1.193-2.667-2.667v-16.721c0-1.473 1.193-2.667 2.667-2.667h20.759zM25.533 6.879h-18.907l8.799 7.505c0.296 0.252 0.729 0.256 1.029 0.008l9.079-7.513z"
|
|
16
15
|
}, null, -1)
|
|
17
16
|
])]);
|
|
18
17
|
}
|
|
19
|
-
const
|
|
18
|
+
const IconEmail = { name: "components-icon-email", render };
|
|
20
19
|
export {
|
|
21
|
-
|
|
20
|
+
IconEmail as default
|
|
22
21
|
};
|
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
import { openBlock, createElementBlock, createElementVNode } from "vue";
|
|
2
2
|
const _hoisted_1 = {
|
|
3
|
+
width: "24px",
|
|
4
|
+
height: "24px",
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
3
6
|
version: "1.1",
|
|
4
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
-
|
|
6
|
-
height: "32",
|
|
7
|
-
viewBox: "0 0 32 32"
|
|
8
|
+
"xmlns:xlink": "http://www.w3.org/1999/xlink"
|
|
8
9
|
};
|
|
9
10
|
function render(_ctx, _cache) {
|
|
10
11
|
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
|
|
11
12
|
createElementVNode("path", {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
d: "M19.7302143,3.7590332 C20.8347769,3.7590332 21.7302074,4.65446353 21.7302074,5.7590332 L21.7302074,11.2494191 C21.7302074,11.6360247 21.4168126,11.9494212 21.0302108,11.9494212 C20.643609,11.9494212 20.3302142,11.6360247 20.3302142,11.2494191 L20.3304289,6.00074187 C19.2986037,6.85443694 16.9329556,8.81168905 13.2334847,11.8724982 C12.4849639,12.4917966 11.399646,12.4836263 10.6605433,11.853125 C10.6605433,11.853125 8.29408169,9.83438585 3.56115837,5.79690763 L3.56137022,18.2997234 C3.56137022,18.6310996 3.83001113,18.8997205 4.16137695,18.8997205 L19.7302143,18.8997205 C20.0615733,18.8997205 20.3302142,18.6310996 20.3302142,18.2997234 L20.3302142,14.2535395 C20.3302142,13.8669339 20.643609,13.5535374 21.0302108,13.5535374 C21.4168126,13.5535374 21.7302074,13.8669339 21.7302074,14.2535395 L21.7302074,18.2997234 C21.7302074,19.4042943 20.8347769,20.2997246 19.7302143,20.2997246 L4.16137695,20.2997246 C3.0568075,20.2997246 2.16137695,19.4042943 2.16137695,18.2997234 L2.16137695,5.7590332 C2.16137695,4.65446353 3.0568075,3.7590332 4.16137695,3.7590332 L19.7302143,3.7590332 Z M19.1508914,5.15959067 L4.97116245,5.15953281 C6.08234646,6.10744194 8.28167148,7.9836031 11.5691375,10.7880163 C11.7908756,10.9771675 12.1164692,10.9796194 12.3410309,10.7938315 C12.3410309,10.7938315 14.6109844,8.91575122 19.1508914,5.15959067 Z",
|
|
14
|
+
id: "形状结合",
|
|
15
|
+
fill: "currentColor"
|
|
15
16
|
}, null, -1)
|
|
16
17
|
])]);
|
|
17
18
|
}
|
|
18
|
-
const
|
|
19
|
+
const IconMail = { name: "user-center-icon-email", render };
|
|
19
20
|
export {
|
|
20
|
-
|
|
21
|
+
IconMail as default
|
|
21
22
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-f662dd83] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-f662dd83] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.o-anchor-bar-sentinel[data-v-
|
|
9
|
+
.o-anchor-bar-sentinel[data-v-f662dd83] {
|
|
10
10
|
height: 0;
|
|
11
11
|
}
|
|
12
|
-
.o-anchor-bar-body[data-v-
|
|
12
|
+
.o-anchor-bar-body[data-v-f662dd83] {
|
|
13
13
|
position: sticky;
|
|
14
14
|
top: var(--layout-header-height);
|
|
15
15
|
z-index: 9;
|
|
@@ -21,47 +21,47 @@
|
|
|
21
21
|
padding: 0 calc(50vw - var(--grid-content-width) / 2);
|
|
22
22
|
}
|
|
23
23
|
@media (max-width: 840px) {
|
|
24
|
-
.o-anchor-bar-body.is-mobile-fixed[data-v-
|
|
24
|
+
.o-anchor-bar-body.is-mobile-fixed[data-v-f662dd83] {
|
|
25
25
|
position: fixed;
|
|
26
26
|
left: 0;
|
|
27
27
|
display: none;
|
|
28
28
|
padding: 0 var(--grid--layout-padding);
|
|
29
29
|
}
|
|
30
|
-
.o-anchor-bar-body.is-mobile-fixed.is-sticky[data-v-
|
|
30
|
+
.o-anchor-bar-body.is-mobile-fixed.is-sticky[data-v-f662dd83] {
|
|
31
31
|
display: block;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
.o-anchor-bar-body[data-v-
|
|
34
|
+
.o-anchor-bar-body[data-v-f662dd83] .o-tab-navs {
|
|
35
35
|
transition: justify-content var(--o-easing-standard) var(--o-duration-s);
|
|
36
36
|
justify-content: center;
|
|
37
37
|
}
|
|
38
|
-
.o-anchor-bar-body.is-sticky[data-v-
|
|
38
|
+
.o-anchor-bar-body.is-sticky[data-v-f662dd83] {
|
|
39
39
|
box-shadow: var(--o-shadow-1);
|
|
40
40
|
}
|
|
41
|
-
.o-anchor-bar-body.is-sticky[data-v-
|
|
41
|
+
.o-anchor-bar-body.is-sticky[data-v-f662dd83] .o-tab {
|
|
42
42
|
--tab-nav-justify: flex-start;
|
|
43
43
|
}
|
|
44
|
-
.o-anchor-bar-body.is-sticky[data-v-
|
|
44
|
+
.o-anchor-bar-body.is-sticky[data-v-f662dd83] .o-tab .o-tab-navs {
|
|
45
45
|
justify-content: flex-start;
|
|
46
46
|
}
|
|
47
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
47
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor {
|
|
48
48
|
width: 100%;
|
|
49
49
|
display: flex;
|
|
50
50
|
}
|
|
51
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
51
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-lines {
|
|
52
52
|
display: none;
|
|
53
53
|
}
|
|
54
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
54
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-line {
|
|
55
55
|
display: none;
|
|
56
56
|
}
|
|
57
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
57
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-items {
|
|
58
58
|
width: 100%;
|
|
59
59
|
}
|
|
60
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
60
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item {
|
|
61
61
|
--anchor-item-link-color: var(--o-color-info3);
|
|
62
62
|
--anchor-item-min-width: 64px;
|
|
63
63
|
}
|
|
64
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
64
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link {
|
|
65
65
|
font-weight: 400;
|
|
66
66
|
padding: var(--o-gap-3) 0;
|
|
67
67
|
--link-color: var(--o-color-info3);
|
|
@@ -69,70 +69,70 @@
|
|
|
69
69
|
line-height: 24px;
|
|
70
70
|
}
|
|
71
71
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
72
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
72
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link {
|
|
73
73
|
font-size: 14px;
|
|
74
74
|
line-height: 22px;
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
78
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
78
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link {
|
|
79
79
|
font-size: 14px;
|
|
80
80
|
line-height: 22px;
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
84
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
84
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link {
|
|
85
85
|
font-size: 14px;
|
|
86
86
|
line-height: 22px;
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
@media (max-width: 600px) {
|
|
90
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
90
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link {
|
|
91
91
|
font-size: 12px;
|
|
92
92
|
line-height: 18px;
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
@media (max-width: 1680px) {
|
|
96
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
96
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link {
|
|
97
97
|
padding: var(--o-gap-2) 0;
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
@media (max-width: 840px) {
|
|
101
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
101
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link {
|
|
102
102
|
padding: var(--o-gap-3) 0;
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
105
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link:hover {
|
|
106
106
|
background: none;
|
|
107
107
|
}
|
|
108
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
108
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-anchor .o-anchor-item-link.is-active {
|
|
109
109
|
background: none;
|
|
110
110
|
font-weight: 600;
|
|
111
111
|
}
|
|
112
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
112
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-tab {
|
|
113
113
|
--tab-nav-gap: var(--o-gap-6);
|
|
114
114
|
}
|
|
115
115
|
@media (max-width: 1680px) {
|
|
116
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
116
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-tab {
|
|
117
117
|
--tab-nav-gap: var(--o-gap-5);
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
|
-
@media (
|
|
121
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
120
|
+
@media (max-width: 1200px) {
|
|
121
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-tab {
|
|
122
122
|
--tab-nav-gap: var(--o-gap-4);
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
125
|
@media (max-width: 840px) {
|
|
126
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
126
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-tab {
|
|
127
127
|
--tab-nav-gap: var(--o-gap-3);
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
130
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-tab .o-tab-nav {
|
|
131
131
|
padding-bottom: 0;
|
|
132
132
|
}
|
|
133
|
-
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-
|
|
133
|
+
.o-anchor-bar-body .o-anchor-bar-tabs[data-v-f662dd83] .o-tab .o-tab-nav-anchor {
|
|
134
134
|
display: none;
|
|
135
135
|
}
|
|
136
|
-
[data-o-theme*=dark] .o-anchor-bar-body.is-sticky[data-v-
|
|
136
|
+
[data-o-theme*=dark] .o-anchor-bar-body.is-sticky[data-v-f662dd83] {
|
|
137
137
|
border-bottom-color: var(--o-color-control4);
|
|
138
138
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./OAnchorBar.vue2.mjs";
|
|
2
2
|
import './OAnchorBar.css';
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const _OAnchorBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const _OAnchorBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f662dd83"]]);
|
|
5
5
|
export {
|
|
6
6
|
_OAnchorBar as default
|
|
7
7
|
};
|
|
@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment
|
|
|
2
2
|
import { OLink, OButton, OIcon, OIconChevronUp, OIconChevronDown } from "@opensig/opendesign";
|
|
3
3
|
import { useScreen } from "@opendesign-plus/composables";
|
|
4
4
|
import { useI18n } from "../../i18n/index.mjs";
|
|
5
|
-
import IconEmail from "../../_virtual/icon-
|
|
5
|
+
import IconEmail from "../../_virtual/icon-email.mjs";
|
|
6
6
|
const _hoisted_1 = { class: "o-org-members" };
|
|
7
7
|
const _hoisted_2 = ["src", "alt"];
|
|
8
8
|
const _hoisted_3 = { class: "o-org-members-title" };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-ceb9b04d] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-ceb9b04d] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.o-summit-live .o-summit-title[data-v-
|
|
9
|
+
.o-summit-live .o-summit-title[data-v-ceb9b04d] {
|
|
10
10
|
margin-bottom: var(--o-r-gap-6);
|
|
11
11
|
color: var(--o-color-info1);
|
|
12
12
|
font-weight: 600;
|
|
@@ -14,39 +14,39 @@
|
|
|
14
14
|
font-size: var(--o-r-font_size-display3);
|
|
15
15
|
line-height: var(--o-r-line_height-display3);
|
|
16
16
|
}
|
|
17
|
-
.o-summit-live .o-summit-live-wrapper[data-v-
|
|
17
|
+
.o-summit-live .o-summit-live-wrapper[data-v-ceb9b04d] {
|
|
18
18
|
margin-top: var(--o-r-gap-6);
|
|
19
19
|
}
|
|
20
|
-
.o-summit-live .o-summit-live-select[data-v-
|
|
20
|
+
.o-summit-live .o-summit-live-select[data-v-ceb9b04d] {
|
|
21
21
|
display: none;
|
|
22
22
|
}
|
|
23
|
-
.o-summit-live .o-summit-live-select[data-v-
|
|
23
|
+
.o-summit-live .o-summit-live-select[data-v-ceb9b04d] .o-select {
|
|
24
24
|
width: 100%;
|
|
25
25
|
}
|
|
26
|
-
.o-summit-live .o-summit-live-select[data-v-
|
|
26
|
+
.o-summit-live .o-summit-live-select[data-v-ceb9b04d] .o-select .o-input {
|
|
27
27
|
height: 48px;
|
|
28
28
|
}
|
|
29
29
|
@media (max-width: 840px) {
|
|
30
|
-
.o-summit-live .o-summit-live-select[data-v-
|
|
30
|
+
.o-summit-live .o-summit-live-select[data-v-ceb9b04d] {
|
|
31
31
|
display: block;
|
|
32
32
|
margin-bottom: var(--o-gap-2);
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
.o-summit-live .o-summit-live-video[data-v-
|
|
35
|
+
.o-summit-live .o-summit-live-video[data-v-ceb9b04d] {
|
|
36
36
|
margin-bottom: var(--o-r-gap-5);
|
|
37
37
|
width: 100%;
|
|
38
38
|
display: block;
|
|
39
39
|
border: none;
|
|
40
40
|
}
|
|
41
|
-
.o-summit-live .o-summit-live-web[data-v-
|
|
41
|
+
.o-summit-live .o-summit-live-web[data-v-ceb9b04d] {
|
|
42
42
|
display: block;
|
|
43
43
|
}
|
|
44
44
|
@media (max-width: 840px) {
|
|
45
|
-
.o-summit-live .o-summit-live-web[data-v-
|
|
45
|
+
.o-summit-live .o-summit-live-web[data-v-ceb9b04d] {
|
|
46
46
|
display: none;
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
.o-summit-live .o-summit-live-itembox[data-v-
|
|
49
|
+
.o-summit-live .o-summit-live-itembox[data-v-ceb9b04d] {
|
|
50
50
|
display: grid;
|
|
51
51
|
grid-template-columns: repeat(4, 1fr);
|
|
52
52
|
gap: var(--o-r-gap-6) var(--o-r-gap-5);
|
|
@@ -54,21 +54,21 @@
|
|
|
54
54
|
--link-height: 96px;
|
|
55
55
|
}
|
|
56
56
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
57
|
-
.o-summit-live .o-summit-live-itembox[data-v-
|
|
57
|
+
.o-summit-live .o-summit-live-itembox[data-v-ceb9b04d] {
|
|
58
58
|
--link-height: 92px;
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
62
|
-
.o-summit-live .o-summit-live-itembox[data-v-
|
|
62
|
+
.o-summit-live .o-summit-live-itembox[data-v-ceb9b04d] {
|
|
63
63
|
--link-height: 68px;
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
.o-summit-live .o-summit-live-link[data-v-
|
|
66
|
+
.o-summit-live .o-summit-live-link[data-v-ceb9b04d] {
|
|
67
67
|
flex: 1;
|
|
68
68
|
padding: var(--o-r-gap-6) var(--o-r-gap-5);
|
|
69
69
|
cursor: pointer;
|
|
70
70
|
background-color: var(--o-color-fill2);
|
|
71
|
-
background-image: var(--o-summit-live-bg);
|
|
71
|
+
background-image: var(--o-summit-live-bg, var(--o-summit-live-bg-normal));
|
|
72
72
|
background-position: right center;
|
|
73
73
|
background-repeat: no-repeat;
|
|
74
74
|
height: var(--link-height);
|
|
@@ -78,10 +78,10 @@
|
|
|
78
78
|
justify-content: center;
|
|
79
79
|
border-radius: var(--o-radius-xs);
|
|
80
80
|
}
|
|
81
|
-
.o-summit-live .o-summit-live-link [data-o-theme*=dark][data-v-
|
|
82
|
-
background-image: var(--o-summit-live-bg-dark);
|
|
81
|
+
.o-summit-live .o-summit-live-link [data-o-theme*=dark][data-v-ceb9b04d] {
|
|
82
|
+
background-image: var(--o-summit-live-bg-dark, var(--o-summit-live-bg-normal-dark));
|
|
83
83
|
}
|
|
84
|
-
.o-summit-live .o-summit-live-link .o-summit-live-name[data-v-
|
|
84
|
+
.o-summit-live .o-summit-live-link .o-summit-live-name[data-v-ceb9b04d] {
|
|
85
85
|
color: var(--o-color-info1);
|
|
86
86
|
font-size: var(--o-r-font_size-h2);
|
|
87
87
|
line-height: var(--o-r-line_height-h2);
|
|
@@ -92,12 +92,28 @@
|
|
|
92
92
|
-webkit-box-orient: vertical;
|
|
93
93
|
-webkit-line-clamp: 2;
|
|
94
94
|
}
|
|
95
|
-
.o-summit-live .o-summit-live-link[data-v-
|
|
95
|
+
.o-summit-live .o-summit-live-link[data-v-ceb9b04d]:hover {
|
|
96
96
|
box-shadow: var(--o-shadow-2);
|
|
97
97
|
}
|
|
98
|
-
.o-summit-live .o-summit-live-link.is-active
|
|
98
|
+
.o-summit-live .o-summit-live-link.is-active[data-v-ceb9b04d] {
|
|
99
|
+
background-image: var(--o-summit-live-bg-active, var(--o-summit-live-bg-normal-active));
|
|
100
|
+
}
|
|
101
|
+
.o-summit-live .o-summit-live-link.is-active [data-o-theme*=dark][data-v-ceb9b04d] {
|
|
102
|
+
background-image: var(--o-summit-live-bg-active-dark, var(--o-summit-live-bg-normal-active-dark));
|
|
103
|
+
}
|
|
104
|
+
.o-summit-live .o-summit-live-link.is-active .o-summit-live-name[data-v-ceb9b04d] {
|
|
99
105
|
color: #fff;
|
|
100
106
|
}
|
|
101
|
-
.o-summit-live .o-summit-live-link.is-main[data-v-
|
|
107
|
+
.o-summit-live .o-summit-live-link.is-main[data-v-ceb9b04d] {
|
|
102
108
|
grid-column: 1/5;
|
|
109
|
+
background-image: var(--o-summit-live-bg-main, var(--o-summit-live-bg-normal));
|
|
110
|
+
}
|
|
111
|
+
.o-summit-live .o-summit-live-link.is-main [data-o-theme*=dark][data-v-ceb9b04d] {
|
|
112
|
+
background-image: var(--o-summit-live-bg-main-dark);
|
|
113
|
+
}
|
|
114
|
+
.o-summit-live .o-summit-live-link.is-main.is-active[data-v-ceb9b04d] {
|
|
115
|
+
background-image: var(--o-summit-live-bg-main-active);
|
|
116
|
+
}
|
|
117
|
+
.o-summit-live .o-summit-live-link.is-main.is-active [data-o-theme*=dark][data-v-ceb9b04d] {
|
|
118
|
+
background-image: var(--o-summit-live-bg-main-active-dark);
|
|
103
119
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./OSummitLive.vue2.mjs";
|
|
2
2
|
import './OSummitLive.css';
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const _OSummitLive = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const _OSummitLive = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ceb9b04d"]]);
|
|
5
5
|
export {
|
|
6
6
|
_OSummitLive as default
|
|
7
7
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, toDisplayString, createCommentVNode, createVNode, createElementVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeStyle, normalizeClass } from "vue";
|
|
2
2
|
import { OSelect, OOption } from "@opensig/opendesign";
|
|
3
|
+
import { useScreen } from "@opendesign-plus/composables";
|
|
3
4
|
import OSummitTabs from "./components/OSummitTabs.vue.mjs";
|
|
4
5
|
const _hoisted_1 = { class: "o-summit-live" };
|
|
5
6
|
const _hoisted_2 = {
|
|
@@ -9,21 +10,22 @@ const _hoisted_2 = {
|
|
|
9
10
|
const _hoisted_3 = { class: "o-summit-live-wrapper" };
|
|
10
11
|
const _hoisted_4 = { class: "o-summit-live-select" };
|
|
11
12
|
const _hoisted_5 = ["height", "src"];
|
|
12
|
-
const _hoisted_6 = { class: "o-summit-live-
|
|
13
|
-
const _hoisted_7 =
|
|
14
|
-
const _hoisted_8 =
|
|
15
|
-
const _hoisted_9 = { class: "o-summit-live-name" };
|
|
13
|
+
const _hoisted_6 = { class: "o-summit-live-itembox" };
|
|
14
|
+
const _hoisted_7 = ["onClick"];
|
|
15
|
+
const _hoisted_8 = { class: "o-summit-live-name" };
|
|
16
16
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
17
|
__name: "OSummitLive",
|
|
18
18
|
props: {
|
|
19
19
|
section: {},
|
|
20
|
-
liveUrl: {}
|
|
20
|
+
liveUrl: {},
|
|
21
|
+
backgrounds: {}
|
|
21
22
|
},
|
|
22
23
|
emits: ["change"],
|
|
23
24
|
setup(__props, { emit: __emit }) {
|
|
24
25
|
var _a;
|
|
25
26
|
const props = __props;
|
|
26
27
|
const emit = __emit;
|
|
28
|
+
const { screenSize } = useScreen();
|
|
27
29
|
const height = ref(800);
|
|
28
30
|
const roomId = ref(0);
|
|
29
31
|
const dateIndex = ref(0);
|
|
@@ -55,10 +57,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
55
57
|
emit("change", liveId);
|
|
56
58
|
};
|
|
57
59
|
function setHeight(data) {
|
|
60
|
+
if (screenSize.width <= 1100) {
|
|
61
|
+
if (data.state === 1 || data.state === 3) {
|
|
62
|
+
height.value = screenSize.width * 1.31;
|
|
63
|
+
} else if (data.state === 0 || data.state === 2) {
|
|
64
|
+
height.value = screenSize.width * 0.5;
|
|
65
|
+
} else {
|
|
66
|
+
height.value = 800;
|
|
67
|
+
}
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
58
70
|
if (data.height === "auto") {
|
|
59
71
|
height.value = 550;
|
|
60
72
|
} else if (data.height) {
|
|
61
73
|
height.value = parseInt(data.height, 10);
|
|
74
|
+
} else {
|
|
75
|
+
height.value = 800;
|
|
62
76
|
}
|
|
63
77
|
}
|
|
64
78
|
const messageHandler = (event) => {
|
|
@@ -77,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
77
91
|
window.removeEventListener("message", messageHandler);
|
|
78
92
|
});
|
|
79
93
|
return (_ctx, _cache) => {
|
|
94
|
+
var _a2, _b, _c, _d, _e, _f, _g, _h;
|
|
80
95
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
81
96
|
props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_2, toDisplayString(props.section.title), 1)) : createCommentVNode("", true),
|
|
82
97
|
createVNode(OSummitTabs, {
|
|
@@ -113,8 +128,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
113
128
|
allowfullscreen: "true",
|
|
114
129
|
class: "o-summit-live-video"
|
|
115
130
|
}, null, 8, _hoisted_5),
|
|
116
|
-
createElementVNode("div",
|
|
117
|
-
|
|
131
|
+
createElementVNode("div", {
|
|
132
|
+
class: "o-summit-live-web",
|
|
133
|
+
style: normalizeStyle({
|
|
134
|
+
"--o-summit-live-bg-normal": ((_a2 = __props.backgrounds) == null ? void 0 : _a2.normal) ? `url(${__props.backgrounds.normal})` : "",
|
|
135
|
+
"--o-summit-live-bg-normal-dark": ((_b = __props.backgrounds) == null ? void 0 : _b.normalDark) ? `url(${__props.backgrounds.normalDark})` : "",
|
|
136
|
+
"--o-summit-live-bg-normal-active": ((_c = __props.backgrounds) == null ? void 0 : _c.normalActive) ? `url(${__props.backgrounds.normalActive})` : "",
|
|
137
|
+
"--o-summit-live-bg-normal-active-dark": ((_d = __props.backgrounds) == null ? void 0 : _d.normalActiveDark) ? `url(${__props.backgrounds.normalActiveDark})` : "",
|
|
138
|
+
"--o-summit-live-bg-main": ((_e = __props.backgrounds) == null ? void 0 : _e.main) ? `url(${__props.backgrounds.main})` : "",
|
|
139
|
+
"--o-summit-live-bg-main-dark": ((_f = __props.backgrounds) == null ? void 0 : _f.mainDark) ? `url(${__props.backgrounds.mainDark})` : "",
|
|
140
|
+
"--o-summit-live-bg-main-active": ((_g = __props.backgrounds) == null ? void 0 : _g.mainActive) ? `url(${__props.backgrounds.mainActive})` : "",
|
|
141
|
+
"--o-summit-live-bg-main-active-dark": ((_h = __props.backgrounds) == null ? void 0 : _h.mainActiveDark) ? `url(${__props.backgrounds.mainActiveDark})` : ""
|
|
142
|
+
})
|
|
143
|
+
}, [
|
|
144
|
+
createElementVNode("div", _hoisted_6, [
|
|
118
145
|
(openBlock(true), createElementBlock(Fragment, null, renderList(currentRooms.value, (item, index) => {
|
|
119
146
|
return openBlock(), createElementBlock("div", {
|
|
120
147
|
key: item.id,
|
|
@@ -129,11 +156,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
129
156
|
}),
|
|
130
157
|
onClick: ($event) => setLiveRoom(item, index)
|
|
131
158
|
}, [
|
|
132
|
-
createElementVNode("p",
|
|
133
|
-
], 14,
|
|
159
|
+
createElementVNode("p", _hoisted_8, toDisplayString(item.name), 1)
|
|
160
|
+
], 14, _hoisted_7);
|
|
134
161
|
}), 128))
|
|
135
162
|
])
|
|
136
|
-
])
|
|
163
|
+
], 4)
|
|
137
164
|
])
|
|
138
165
|
]);
|
|
139
166
|
};
|