@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.
Files changed (29) hide show
  1. package/dist/components/header/OHeader.vue.d.ts +6 -2
  2. package/dist/components/header/index.d.ts +3 -1
  3. package/dist/components.cjs.js +40 -40
  4. package/dist/components.css +1 -1
  5. package/dist/components.es.js +6417 -6370
  6. package/dist/treeshaking/components/header/OHeader.css +13 -18
  7. package/dist/treeshaking/components/header/OHeader.vue.d.ts +6 -2
  8. package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
  9. package/dist/treeshaking/components/header/OHeader.vue2.mjs +80 -9
  10. package/dist/treeshaking/components/header/OHeaderMobile.css +20 -20
  11. package/dist/treeshaking/components/header/OHeaderMobile.vue.mjs +1 -1
  12. package/dist/treeshaking/components/header/components/HeaderContent.css +253 -263
  13. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  14. package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +15 -12
  15. package/dist/treeshaking/components/header/components/HeaderNav.css +26 -26
  16. package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
  17. package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +1 -3
  18. package/dist/treeshaking/components/header/index.d.ts +3 -1
  19. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css +43 -29
  20. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.mjs +1 -1
  21. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue2.mjs +1 -1
  22. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.css +25 -26
  23. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.mjs +1 -1
  24. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue2.mjs +1 -0
  25. package/dist/treeshaking/components/header-user/OHeaderUser.css +26 -26
  26. package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs +1 -1
  27. package/dist/treeshaking/components/header-user/OHeaderUser2.css +5 -0
  28. package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs +20 -10
  29. package/package.json +1 -1
@@ -1,12 +1,12 @@
1
- .hover-icon-rotate .o-icon[data-v-20ce0307] {
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-20ce0307] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-22ffeea2] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header-user[data-v-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
29
+ .info-wrap .icon[data-v-22ffeea2] {
30
30
  margin-left: 4px;
31
31
  }
32
- .user-avatar[data-v-20ce0307] {
32
+ .user-avatar[data-v-22ffeea2] {
33
33
  margin-right: 4px;
34
34
  }
35
- .user-avatar[data-v-20ce0307] .o-badge-content {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307]:hover {
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-20ce0307] .o-badge-content {
77
+ .notice-not[data-v-22ffeea2] .o-badge-content {
78
78
  display: none;
79
79
  }
80
- .user-account[data-v-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
120
+ .header-user[data-v-22ffeea2] {
121
121
  min-width: auto;
122
122
  }
123
- .header-user .user-info[data-v-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307] {
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-20ce0307"]]);
5
+ const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-22ffeea2"]]);
6
6
  export {
7
7
  _OHeaderUser as default
8
8
  };
@@ -55,6 +55,11 @@
55
55
  color: var(--o-color-primary1);
56
56
  }
57
57
  }
58
+ @media (max-width: 1200px) {
59
+ .avatar-icon {
60
+ font-size: var(--o-icon_size_control-s);
61
+ }
62
+ }
58
63
  @media (max-width: 840px) {
59
64
  .user-dropdown .o-divider {
60
65
  display: none;
@@ -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 (!allDates.value.length) {
180
- return formatDate(/* @__PURE__ */ new Date());
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
- (_a = calendar.value) == null ? void 0 : _a.pickDay(dayjs(latestDay.value));
205
- changeMeetingDay(latestDay.value);
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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opendesign-plus-test/components",
3
- "version": "0.0.1-rc.86",
3
+ "version": "0.0.1-rc.88",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",