@opendesign-plus-test/components 0.0.1-rc.86 → 0.0.1-rc.87

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 +6294 -6251
  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 +13 -5
  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,19 @@ 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 {
180
+ if (latestDayLoaded.value) {
181
+ return latestDayLoaded.value;
182
+ }
183
+ if (allDates.value.length) {
182
184
  let find = allDates.value.find((v) => dayjs(v).isAfter(dayjs()));
183
185
  if (!find) {
184
186
  find = [...allDates.value].reverse().find((v) => dayjs().isAfter(dayjs(v)));
185
187
  }
186
188
  return formatDate(find);
187
189
  }
190
+ return null;
188
191
  });
189
192
  const changeMeetingDay = useDebounceFn((day, event) => {
190
193
  if (isAutoClick.value) {
@@ -201,8 +204,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
201
204
  () => latestDay.value,
202
205
  () => {
203
206
  var _a;
204
- (_a = calendar.value) == null ? void 0 : _a.pickDay(dayjs(latestDay.value));
205
- changeMeetingDay(latestDay.value);
207
+ if (latestDay.value) {
208
+ latestDayLoaded.value = latestDay.value;
209
+ (_a = calendar.value) == null ? void 0 : _a.pickDay(dayjs(latestDay.value));
210
+ changeMeetingDay(latestDay.value);
211
+ } else {
212
+ changeMeetingDay(formatDate());
213
+ }
206
214
  },
207
215
  {
208
216
  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.87",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",