@opendesign-plus-test/components 0.0.1-rc.86 → 0.0.1-rc.88
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/header/OHeader.vue.d.ts +6 -2
- package/dist/components/header/index.d.ts +3 -1
- package/dist/components.cjs.js +40 -40
- package/dist/components.css +1 -1
- package/dist/components.es.js +6417 -6370
- package/dist/treeshaking/components/header/OHeader.css +13 -18
- package/dist/treeshaking/components/header/OHeader.vue.d.ts +6 -2
- package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeader.vue2.mjs +80 -9
- package/dist/treeshaking/components/header/OHeaderMobile.css +20 -20
- package/dist/treeshaking/components/header/OHeaderMobile.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderContent.css +253 -263
- package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +15 -12
- package/dist/treeshaking/components/header/components/HeaderNav.css +26 -26
- package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +1 -3
- package/dist/treeshaking/components/header/index.d.ts +3 -1
- package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css +43 -29
- package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.mjs +1 -1
- package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue2.mjs +1 -1
- package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.css +25 -26
- package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.mjs +1 -1
- package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue2.mjs +1 -0
- package/dist/treeshaking/components/header-user/OHeaderUser.css +26 -26
- package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs +1 -1
- package/dist/treeshaking/components/header-user/OHeaderUser2.css +5 -0
- package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs +20 -10
- package/package.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-22ffeea2] {
|
|
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-22ffeea2] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.header-user[data-v-
|
|
9
|
+
.header-user[data-v-22ffeea2] {
|
|
10
10
|
display: flex;
|
|
11
11
|
align-items: center;
|
|
12
12
|
height: 100%;
|
|
@@ -14,30 +14,30 @@
|
|
|
14
14
|
opacity: 1;
|
|
15
15
|
transition: opacity 0.15s;
|
|
16
16
|
}
|
|
17
|
-
.user-info[data-v-
|
|
17
|
+
.user-info[data-v-22ffeea2] {
|
|
18
18
|
height: 100%;
|
|
19
19
|
min-width: 32px;
|
|
20
20
|
display: flex;
|
|
21
21
|
cursor: pointer;
|
|
22
22
|
}
|
|
23
|
-
.info-wrap[data-v-
|
|
23
|
+
.info-wrap[data-v-22ffeea2] {
|
|
24
24
|
height: calc(100% - 10px);
|
|
25
25
|
margin: 5px 0;
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: center;
|
|
28
28
|
}
|
|
29
|
-
.info-wrap .icon[data-v-
|
|
29
|
+
.info-wrap .icon[data-v-22ffeea2] {
|
|
30
30
|
margin-left: 4px;
|
|
31
31
|
}
|
|
32
|
-
.user-avatar[data-v-
|
|
32
|
+
.user-avatar[data-v-22ffeea2] {
|
|
33
33
|
margin-right: 4px;
|
|
34
34
|
}
|
|
35
|
-
.user-avatar[data-v-
|
|
35
|
+
.user-avatar[data-v-22ffeea2] .o-badge-content {
|
|
36
36
|
--badge-dot-size: 6px;
|
|
37
37
|
right: 7px;
|
|
38
38
|
top: 2px;
|
|
39
39
|
}
|
|
40
|
-
.o-dropdown-item[data-v-
|
|
40
|
+
.o-dropdown-item[data-v-22ffeea2] {
|
|
41
41
|
white-space: nowrap;
|
|
42
42
|
--dropdown-item-color: var(--o-color-info1);
|
|
43
43
|
--dropdown-item-padding: 5px 12px;
|
|
@@ -45,39 +45,39 @@
|
|
|
45
45
|
line-height: 22px;
|
|
46
46
|
}
|
|
47
47
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
48
|
-
.o-dropdown-item[data-v-
|
|
48
|
+
.o-dropdown-item[data-v-22ffeea2] {
|
|
49
49
|
font-size: 12px;
|
|
50
50
|
line-height: 18px;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
54
|
-
.o-dropdown-item[data-v-
|
|
54
|
+
.o-dropdown-item[data-v-22ffeea2] {
|
|
55
55
|
font-size: 12px;
|
|
56
56
|
line-height: 18px;
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
60
|
-
.o-dropdown-item[data-v-
|
|
60
|
+
.o-dropdown-item[data-v-22ffeea2] {
|
|
61
61
|
font-size: 12px;
|
|
62
62
|
line-height: 18px;
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
@media (max-width: 600px) {
|
|
66
|
-
.o-dropdown-item[data-v-
|
|
66
|
+
.o-dropdown-item[data-v-22ffeea2] {
|
|
67
67
|
font-size: 12px;
|
|
68
68
|
line-height: 18px;
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
@media (hover: hover) {
|
|
72
|
-
.o-dropdown-item[data-v-
|
|
72
|
+
.o-dropdown-item[data-v-22ffeea2]:hover {
|
|
73
73
|
color: var(--o-color-primary1);
|
|
74
74
|
background: var(--o-color-control2-light);
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
|
-
.notice-not[data-v-
|
|
77
|
+
.notice-not[data-v-22ffeea2] .o-badge-content {
|
|
78
78
|
display: none;
|
|
79
79
|
}
|
|
80
|
-
.user-account[data-v-
|
|
80
|
+
.user-account[data-v-22ffeea2] {
|
|
81
81
|
color: var(--o-color-info1);
|
|
82
82
|
max-width: 96px;
|
|
83
83
|
font-weight: 500;
|
|
@@ -85,30 +85,30 @@
|
|
|
85
85
|
line-height: 22px;
|
|
86
86
|
}
|
|
87
87
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
88
|
-
.user-account[data-v-
|
|
88
|
+
.user-account[data-v-22ffeea2] {
|
|
89
89
|
font-size: 12px;
|
|
90
90
|
line-height: 18px;
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
94
|
-
.user-account[data-v-
|
|
94
|
+
.user-account[data-v-22ffeea2] {
|
|
95
95
|
font-size: 12px;
|
|
96
96
|
line-height: 18px;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
100
|
-
.user-account[data-v-
|
|
100
|
+
.user-account[data-v-22ffeea2] {
|
|
101
101
|
font-size: 12px;
|
|
102
102
|
line-height: 18px;
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
@media (max-width: 600px) {
|
|
106
|
-
.user-account[data-v-
|
|
106
|
+
.user-account[data-v-22ffeea2] {
|
|
107
107
|
font-size: 12px;
|
|
108
108
|
line-height: 18px;
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
|
-
.user-account[data-v-
|
|
111
|
+
.user-account[data-v-22ffeea2] {
|
|
112
112
|
overflow: hidden;
|
|
113
113
|
text-overflow: ellipsis;
|
|
114
114
|
word-break: break-all;
|
|
@@ -117,19 +117,19 @@
|
|
|
117
117
|
-webkit-line-clamp: 1;
|
|
118
118
|
}
|
|
119
119
|
@media (max-width: 840px) {
|
|
120
|
-
.header-user[data-v-
|
|
120
|
+
.header-user[data-v-22ffeea2] {
|
|
121
121
|
min-width: auto;
|
|
122
122
|
}
|
|
123
|
-
.header-user .user-info[data-v-
|
|
123
|
+
.header-user .user-info[data-v-22ffeea2] {
|
|
124
124
|
min-width: 24px;
|
|
125
125
|
}
|
|
126
|
-
.header-user .user-info .info-wrap .user-avatar[data-v-
|
|
126
|
+
.header-user .user-info .info-wrap .user-avatar[data-v-22ffeea2] {
|
|
127
127
|
margin-right: 0;
|
|
128
128
|
}
|
|
129
|
-
.header-user .user-info .info-wrap .user-account[data-v-
|
|
129
|
+
.header-user .user-info .info-wrap .user-account[data-v-22ffeea2] {
|
|
130
130
|
display: none;
|
|
131
131
|
}
|
|
132
|
-
.header-user .user-info .info-wrap .icon[data-v-
|
|
132
|
+
.header-user .user-info .info-wrap .icon[data-v-22ffeea2] {
|
|
133
133
|
display: none;
|
|
134
134
|
}
|
|
135
135
|
}
|
|
@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderUser.vue2.mjs";
|
|
|
2
2
|
import './OHeaderUser.css';
|
|
3
3
|
import './OHeaderUser2.css';
|
|
4
4
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
5
|
-
const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
5
|
+
const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-22ffeea2"]]);
|
|
6
6
|
export {
|
|
7
7
|
_OHeaderUser as default
|
|
8
8
|
};
|
|
@@ -175,16 +175,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
175
175
|
const allDates = computed(() => {
|
|
176
176
|
return [.../* @__PURE__ */ new Set([...dateList.value, ...summitDates.value, ...eventsDates.value])].flat().sort((a, b) => dayjs(a).isAfter(dayjs(b)) ? 1 : -1);
|
|
177
177
|
});
|
|
178
|
+
const latestDayLoaded = ref("");
|
|
178
179
|
const latestDay = computed(() => {
|
|
179
|
-
if (
|
|
180
|
-
return
|
|
181
|
-
} else {
|
|
182
|
-
let find = allDates.value.find((v) => dayjs(v).isAfter(dayjs()));
|
|
183
|
-
if (!find) {
|
|
184
|
-
find = [...allDates.value].reverse().find((v) => dayjs().isAfter(dayjs(v)));
|
|
185
|
-
}
|
|
186
|
-
return formatDate(find);
|
|
180
|
+
if (latestDayLoaded.value) {
|
|
181
|
+
return latestDayLoaded.value;
|
|
187
182
|
}
|
|
183
|
+
const dates = allDates.value;
|
|
184
|
+
if (!dates.length) return null;
|
|
185
|
+
const today = dayjs().format("YYYY-MM-DD");
|
|
186
|
+
let lo = 0, hi = dates.length - 1;
|
|
187
|
+
while (lo <= hi) {
|
|
188
|
+
const mid = lo + hi >> 1;
|
|
189
|
+
if (dates[mid] < today) lo = mid + 1;
|
|
190
|
+
else hi = mid - 1;
|
|
191
|
+
}
|
|
192
|
+
return formatDate(lo < dates.length ? dates[lo] : dates[dates.length - 1]);
|
|
188
193
|
});
|
|
189
194
|
const changeMeetingDay = useDebounceFn((day, event) => {
|
|
190
195
|
if (isAutoClick.value) {
|
|
@@ -201,8 +206,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
201
206
|
() => latestDay.value,
|
|
202
207
|
() => {
|
|
203
208
|
var _a;
|
|
204
|
-
|
|
205
|
-
|
|
209
|
+
if (latestDay.value) {
|
|
210
|
+
latestDayLoaded.value = latestDay.value;
|
|
211
|
+
(_a = calendar.value) == null ? void 0 : _a.pickDay(dayjs(latestDay.value));
|
|
212
|
+
changeMeetingDay(latestDay.value);
|
|
213
|
+
} else {
|
|
214
|
+
changeMeetingDay(formatDate());
|
|
215
|
+
}
|
|
206
216
|
},
|
|
207
217
|
{
|
|
208
218
|
immediate: true
|