@opendesign-plus/components 0.0.1-rc.45 → 0.0.1-rc.46

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 (67) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +19 -17
  3. package/dist/components/activity/index.d.ts +9 -9
  4. package/dist/components/banner/index.d.ts +6 -6
  5. package/dist/components/events/OEventsList.vue.d.ts +2 -0
  6. package/dist/components/events/index.d.ts +22 -20
  7. package/dist/components/header/OHeaderMobile.vue.d.ts +14 -14
  8. package/dist/components/header/components/HeaderNavMobile.vue.d.ts +1 -1
  9. package/dist/components/header/index.d.ts +23 -23
  10. package/dist/components/header-search/OHeaderSearch.vue.d.ts +8 -8
  11. package/dist/components/header-search/index.d.ts +16 -16
  12. package/dist/components/meeting/OMeetingPlayback.vue.d.ts +8 -6
  13. package/dist/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
  14. package/dist/components/meeting/index.d.ts +32 -31
  15. package/dist/components/meeting/types.d.ts +1 -0
  16. package/dist/components/search/OSearchInput.vue.d.ts +6 -6
  17. package/dist/components/search/index.d.ts +14 -14
  18. package/dist/components/search/internal/SearchImageInput.vue.d.ts +1 -1
  19. package/dist/components.cjs.js +37 -37
  20. package/dist/components.css +1 -1
  21. package/dist/components.es.js +6685 -6691
  22. package/dist/treeshaking/components/activity/index.d.ts +9 -9
  23. package/dist/treeshaking/components/banner/index.d.ts +6 -6
  24. package/dist/treeshaking/components/common/TooltipText.css +1 -0
  25. package/dist/treeshaking/components/common/TooltipText.vue.mjs +12 -1
  26. package/dist/treeshaking/components/events/OEventsApply.css +1 -1
  27. package/dist/treeshaking/components/events/OEventsCalendar.css +32 -14
  28. package/dist/treeshaking/components/events/OEventsList.css +6 -0
  29. package/dist/treeshaking/components/events/OEventsList.vue.d.ts +2 -0
  30. package/dist/treeshaking/components/events/index.d.ts +22 -20
  31. package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +14 -14
  32. package/dist/treeshaking/components/header/components/HeaderFlatten.css +57 -57
  33. package/dist/treeshaking/components/header/components/HeaderFlatten.vue.mjs +1 -1
  34. package/dist/treeshaking/components/header/components/HeaderNav.css +49 -49
  35. package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
  36. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.d.ts +1 -1
  37. package/dist/treeshaking/components/header/index.d.ts +23 -23
  38. package/dist/treeshaking/components/header-search/OHeaderSearch.css +43 -43
  39. package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts +8 -8
  40. package/dist/treeshaking/components/header-search/OHeaderSearch.vue.mjs +1 -1
  41. package/dist/treeshaking/components/header-search/OHeaderSearch.vue2.mjs +2 -2
  42. package/dist/treeshaking/components/header-search/index.d.ts +16 -16
  43. package/dist/treeshaking/components/meeting/OMeetingCalendar.css +4 -3
  44. package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +37 -53
  45. package/dist/treeshaking/components/meeting/OMeetingMyCalendar.vue.mjs +1 -0
  46. package/dist/treeshaking/components/meeting/OMeetingMyCalendar2.css +8 -0
  47. package/dist/treeshaking/components/meeting/OMeetingPlayback.css +103 -3
  48. package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts +8 -6
  49. package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.mjs +141 -71
  50. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.css +5 -7
  51. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs +3 -6
  52. package/dist/treeshaking/components/meeting/components/OMeetingDetail.css +1 -1
  53. package/dist/treeshaking/components/meeting/components/OMeetingDetail.vue.mjs +10 -6
  54. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css +154 -7
  55. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.css +9 -2
  56. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
  57. package/dist/treeshaking/components/meeting/index.d.ts +32 -31
  58. package/dist/treeshaking/components/meeting/types.d.ts +1 -0
  59. package/dist/treeshaking/components/search/OSearchInput.vue.d.ts +6 -6
  60. package/dist/treeshaking/components/search/index.d.ts +14 -14
  61. package/dist/treeshaking/components/search/internal/SearchImageInput.vue.d.ts +1 -1
  62. package/dist/treeshaking/i18n/en.mjs +2 -1
  63. package/dist/treeshaking/i18n/zh.mjs +2 -1
  64. package/package.json +4 -3
  65. package/dist/treeshaking/components/common/MoreText.css +0 -69
  66. package/dist/treeshaking/components/common/MoreText.vue.mjs +0 -88
  67. package/dist/treeshaking/components/common/MoreText.vue3.mjs +0 -5
@@ -1,35 +1,35 @@
1
- .hover-icon-rotate .o-icon[data-v-a8d77468] {
1
+ .hover-icon-rotate .o-icon[data-v-a4e11dfd] {
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-a8d77468] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-a4e11dfd] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header-nav-wrap[data-v-a8d77468] {
9
+ .header-nav-wrap[data-v-a4e11dfd] {
10
10
  height: 100%;
11
11
  }
12
- .header-nav-wrap .header-nav[data-v-a8d77468] {
12
+ .header-nav-wrap .header-nav[data-v-a4e11dfd] {
13
13
  height: 100%;
14
14
  display: flex;
15
15
  justify-content: space-between;
16
16
  width: calc(100% - 64px);
17
17
  align-items: center;
18
18
  }
19
- .header-nav-wrap .header-nav-scroll[data-v-a8d77468] {
19
+ .header-nav-wrap .header-nav-scroll[data-v-a4e11dfd] {
20
20
  width: calc(100% - 64px - 24px);
21
21
  }
22
- .o-nav[data-v-a8d77468] {
22
+ .o-nav[data-v-a4e11dfd] {
23
23
  --o-before-left: 0;
24
24
  height: 100%;
25
25
  position: relative;
26
26
  z-index: 8;
27
27
  }
28
- .o-nav[data-v-a8d77468]::-webkit-scrollbar {
28
+ .o-nav[data-v-a4e11dfd]::-webkit-scrollbar {
29
29
  display: none;
30
30
  }
31
- .left-icon[data-v-a8d77468],
32
- .right-icon[data-v-a8d77468] {
31
+ .left-icon[data-v-a4e11dfd],
32
+ .right-icon[data-v-a4e11dfd] {
33
33
  display: flex;
34
34
  align-items: center;
35
35
  cursor: pointer;
@@ -38,24 +38,24 @@
38
38
  height: 16px;
39
39
  border-radius: var(--o-radius-xs);
40
40
  }
41
- .left-icon .o-icon[data-v-a8d77468],
42
- .right-icon .o-icon[data-v-a8d77468] {
41
+ .left-icon .o-icon[data-v-a4e11dfd],
42
+ .right-icon .o-icon[data-v-a4e11dfd] {
43
43
  --icon-size: 16px;
44
44
  position: relative;
45
45
  z-index: 11;
46
46
  }
47
47
  @media (hover: hover) {
48
- .left-icon[data-v-a8d77468]:hover,
49
- .right-icon[data-v-a8d77468]:hover {
48
+ .left-icon[data-v-a4e11dfd]:hover,
49
+ .right-icon[data-v-a4e11dfd]:hover {
50
50
  background-color: var(--o-color-control2-light);
51
51
  color: var(--o-color-link2);
52
52
  }
53
53
  }
54
- .left-icon[data-v-a8d77468]:active,
55
- .right-icon[data-v-a8d77468]:active {
54
+ .left-icon[data-v-a4e11dfd]:active,
55
+ .right-icon[data-v-a4e11dfd]:active {
56
56
  color: var(--o-color-link3);
57
57
  }
58
- .left-icon[data-v-a8d77468]::before {
58
+ .left-icon[data-v-a4e11dfd]::before {
59
59
  content: "";
60
60
  position: absolute;
61
61
  width: 50px;
@@ -67,16 +67,16 @@
67
67
  cursor: default;
68
68
  }
69
69
  @media (min-width: 1201px) and (max-width: 1680px) {
70
- .left-icon[data-v-a8d77468]::before {
70
+ .left-icon[data-v-a4e11dfd]::before {
71
71
  top: -24px;
72
72
  }
73
73
  }
74
74
  @media (max-width: 1200px) {
75
- .left-icon[data-v-a8d77468]::before {
75
+ .left-icon[data-v-a4e11dfd]::before {
76
76
  top: -20px;
77
77
  }
78
78
  }
79
- .right-icon[data-v-a8d77468]::before {
79
+ .right-icon[data-v-a4e11dfd]::before {
80
80
  content: "";
81
81
  position: absolute;
82
82
  width: 50px;
@@ -88,29 +88,29 @@
88
88
  cursor: default;
89
89
  }
90
90
  @media (min-width: 1201px) and (max-width: 1680px) {
91
- .right-icon[data-v-a8d77468]::before {
91
+ .right-icon[data-v-a4e11dfd]::before {
92
92
  top: -24px;
93
93
  }
94
94
  }
95
95
  @media (max-width: 1200px) {
96
- .right-icon[data-v-a8d77468]::before {
96
+ .right-icon[data-v-a4e11dfd]::before {
97
97
  top: -20px;
98
98
  }
99
99
  }
100
- [data-o-theme*=dark] .left-icon[data-v-a8d77468] {
100
+ [data-o-theme*=dark] .left-icon[data-v-a4e11dfd] {
101
101
  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
102
102
  }
103
- [data-o-theme*=dark] .right-icon[data-v-a8d77468] {
103
+ [data-o-theme*=dark] .right-icon[data-v-a4e11dfd] {
104
104
  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
105
105
  }
106
- .o-nav-scroll[data-v-a8d77468]::after {
106
+ .o-nav-scroll[data-v-a4e11dfd]::after {
107
107
  display: none;
108
108
  }
109
- .o-nav-scroll[data-v-a8d77468]::before {
109
+ .o-nav-scroll[data-v-a4e11dfd]::before {
110
110
  left: var(--o-before-left);
111
111
  display: block;
112
112
  }
113
- .nav-list[data-v-a8d77468] {
113
+ .nav-list[data-v-a4e11dfd] {
114
114
  display: flex;
115
115
  height: 100%;
116
116
  width: fit-content;
@@ -119,7 +119,7 @@
119
119
  padding: 0;
120
120
  margin: 0;
121
121
  }
122
- .nav-item-li[data-v-a8d77468] {
122
+ .nav-item-li[data-v-a4e11dfd] {
123
123
  position: relative;
124
124
  display: flex;
125
125
  align-items: center;
@@ -128,7 +128,7 @@
128
128
  pointer-events: auto;
129
129
  transition: color var(--o-duration-s) var(--o-easing-standard);
130
130
  }
131
- .nav-item-li .nav-item[data-v-a8d77468] {
131
+ .nav-item-li .nav-item[data-v-a4e11dfd] {
132
132
  cursor: default;
133
133
  display: flex;
134
134
  align-items: center;
@@ -137,43 +137,43 @@
137
137
  line-height: 24px;
138
138
  }
139
139
  @media (min-width: 1201px) and (max-width: 1680px) {
140
- .nav-item-li .nav-item[data-v-a8d77468] {
140
+ .nav-item-li .nav-item[data-v-a4e11dfd] {
141
141
  font-size: 14px;
142
142
  line-height: 22px;
143
143
  }
144
144
  }
145
145
  @media (min-width: 841px) and (max-width: 1200px) {
146
- .nav-item-li .nav-item[data-v-a8d77468] {
146
+ .nav-item-li .nav-item[data-v-a4e11dfd] {
147
147
  font-size: 14px;
148
148
  line-height: 22px;
149
149
  }
150
150
  }
151
151
  @media (min-width: 601px) and (max-width: 840px) {
152
- .nav-item-li .nav-item[data-v-a8d77468] {
152
+ .nav-item-li .nav-item[data-v-a4e11dfd] {
153
153
  font-size: 14px;
154
154
  line-height: 22px;
155
155
  }
156
156
  }
157
157
  @media (max-width: 600px) {
158
- .nav-item-li .nav-item[data-v-a8d77468] {
158
+ .nav-item-li .nav-item[data-v-a4e11dfd] {
159
159
  font-size: 12px;
160
160
  line-height: 18px;
161
161
  }
162
162
  }
163
163
  @media (max-width: 1440px) {
164
- .nav-item-li .nav-item[data-v-a8d77468] {
164
+ .nav-item-li .nav-item[data-v-a4e11dfd] {
165
165
  padding: 18px 12px;
166
166
  }
167
167
  }
168
168
  @media (min-width: 841px) and (max-width: 1200px) {
169
- .nav-item-li .nav-item[data-v-a8d77468] {
169
+ .nav-item-li .nav-item[data-v-a4e11dfd] {
170
170
  padding: 14px 8px;
171
171
  }
172
172
  }
173
- .nav-item-li .nav-text[data-v-a8d77468] {
173
+ .nav-item-li .nav-text[data-v-a4e11dfd] {
174
174
  position: relative;
175
175
  }
176
- .nav-item-li .nav-text[data-v-a8d77468]::after {
176
+ .nav-item-li .nav-text[data-v-a4e11dfd]::after {
177
177
  content: "";
178
178
  position: absolute;
179
179
  left: 0;
@@ -186,31 +186,31 @@
186
186
  transition: all var(--o-duration-s) var(--o-easing-standard);
187
187
  }
188
188
  @media (max-width: 1440px) {
189
- .nav-item-li .nav-text[data-v-a8d77468]::after {
189
+ .nav-item-li .nav-text[data-v-a4e11dfd]::after {
190
190
  bottom: -21px;
191
191
  }
192
192
  }
193
193
  @media (max-width: 1200px) {
194
- .nav-item-li .nav-text[data-v-a8d77468]::after {
194
+ .nav-item-li .nav-text[data-v-a4e11dfd]::after {
195
195
  bottom: -17px;
196
196
  }
197
197
  }
198
- .nav-item-li .nav-item-link[data-v-a8d77468] {
198
+ .nav-item-li .nav-item-link[data-v-a4e11dfd] {
199
199
  cursor: pointer;
200
200
  }
201
- .nav-item-li.is-selected .nav-text[data-v-a8d77468], .nav-item-li.is-active .nav-text[data-v-a8d77468] {
201
+ .nav-item-li.is-selected .nav-text[data-v-a4e11dfd], .nav-item-li.is-active .nav-text[data-v-a4e11dfd] {
202
202
  color: var(--o-color-primary1);
203
203
  z-index: 99;
204
204
  font-weight: 600;
205
205
  }
206
- .nav-item-li.is-selected .nav-text[data-v-a8d77468]::after, .nav-item-li.is-active .nav-text[data-v-a8d77468]::after {
206
+ .nav-item-li.is-selected .nav-text[data-v-a4e11dfd]::after, .nav-item-li.is-active .nav-text[data-v-a4e11dfd]::after {
207
207
  opacity: 1;
208
208
  }
209
- .nav-item-li.is-disabled[data-v-a8d77468] {
209
+ .nav-item-li.is-disabled[data-v-a4e11dfd] {
210
210
  color: var(--o-color-info4);
211
211
  pointer-events: none;
212
212
  }
213
- .dropdown-wrapper[data-v-a8d77468] {
213
+ .dropdown-wrapper[data-v-a4e11dfd] {
214
214
  position: absolute;
215
215
  top: calc(100% - 4px);
216
216
  left: 0;
@@ -218,13 +218,13 @@
218
218
  padding-top: 8px;
219
219
  transition: opacity var(--o-duration-s) var(--o-easing-standard);
220
220
  }
221
- .dropdown-wrapper .dropdown-body[data-v-a8d77468] {
221
+ .dropdown-wrapper .dropdown-body[data-v-a4e11dfd] {
222
222
  padding: 6px;
223
223
  background-color: var(--o-color-fill2);
224
224
  border-radius: var(--o-radius-xs);
225
225
  box-shadow: var(--o-shadow-2);
226
226
  }
227
- .dropdown-wrapper .dropdown-item[data-v-a8d77468] {
227
+ .dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
228
228
  font-weight: 400;
229
229
  white-space: nowrap;
230
230
  display: flex;
@@ -240,63 +240,63 @@
240
240
  line-height: 24px;
241
241
  }
242
242
  @media (min-width: 1201px) and (max-width: 1680px) {
243
- .dropdown-wrapper .dropdown-item[data-v-a8d77468] {
243
+ .dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
244
244
  font-size: 14px;
245
245
  line-height: 22px;
246
246
  }
247
247
  }
248
248
  @media (min-width: 841px) and (max-width: 1200px) {
249
- .dropdown-wrapper .dropdown-item[data-v-a8d77468] {
249
+ .dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
250
250
  font-size: 14px;
251
251
  line-height: 22px;
252
252
  }
253
253
  }
254
254
  @media (min-width: 601px) and (max-width: 840px) {
255
- .dropdown-wrapper .dropdown-item[data-v-a8d77468] {
255
+ .dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
256
256
  font-size: 14px;
257
257
  line-height: 22px;
258
258
  }
259
259
  }
260
260
  @media (max-width: 600px) {
261
- .dropdown-wrapper .dropdown-item[data-v-a8d77468] {
261
+ .dropdown-wrapper .dropdown-item[data-v-a4e11dfd] {
262
262
  font-size: 12px;
263
263
  line-height: 18px;
264
264
  }
265
265
  }
266
266
  @media (hover: hover) {
267
- .dropdown-wrapper .dropdown-item[data-v-a8d77468]:hover {
267
+ .dropdown-wrapper .dropdown-item[data-v-a4e11dfd]:hover {
268
268
  background-color: var(--o-color-control2-light);
269
269
  color: var(--o-color-primary1);
270
270
  }
271
271
  }
272
- .dropdown-wrapper .dropdown-item-disabled[data-v-a8d77468] {
272
+ .dropdown-wrapper .dropdown-item-disabled[data-v-a4e11dfd] {
273
273
  color: var(--o-color-info4);
274
274
  pointer-events: none;
275
275
  }
276
- .dropdown-wrapper .dropdown-link[data-v-a8d77468] {
276
+ .dropdown-wrapper .dropdown-link[data-v-a4e11dfd] {
277
277
  color: inherit;
278
278
  display: flex;
279
279
  align-items: center;
280
280
  width: 100%;
281
281
  }
282
- .dropdown-wrapper .dropdown-link .o-tag[data-v-a8d77468] {
282
+ .dropdown-wrapper .dropdown-link .o-tag[data-v-a4e11dfd] {
283
283
  margin-left: var(--o-gap-2);
284
284
  transform: scale(0.75);
285
285
  transform-origin: left center;
286
286
  }
287
- .dropdown-wrapper[data-v-a8d77468] .jump-out-icon {
287
+ .dropdown-wrapper[data-v-a4e11dfd] .jump-out-icon {
288
288
  font-size: 16px;
289
289
  margin-left: 4px;
290
290
  }
291
- .dropdown-wrapper[data-v-a8d77468] .jump-out-icon path {
291
+ .dropdown-wrapper[data-v-a4e11dfd] .jump-out-icon path {
292
292
  fill: currentColor;
293
293
  stroke: transparent;
294
294
  }
295
- .dropdown-wrapper[data-v-a8d77468] .jump-out-icon path[fill=none] {
295
+ .dropdown-wrapper[data-v-a4e11dfd] .jump-out-icon path[fill=none] {
296
296
  display: none;
297
297
  }
298
298
  @media (hover: hover) {
299
- .nav-item:hover .dropdown-wrapper[data-v-a8d77468] {
299
+ .nav-item:hover .dropdown-wrapper[data-v-a4e11dfd] {
300
300
  display: block;
301
301
  }
302
302
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./HeaderFlatten.vue2.mjs";
2
2
  import './HeaderFlatten.css';
3
3
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const HeaderFlatten = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8d77468"]]);
4
+ const HeaderFlatten = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a4e11dfd"]]);
5
5
  export {
6
6
  HeaderFlatten as default
7
7
  };
@@ -1,47 +1,47 @@
1
- .hover-icon-rotate .o-icon[data-v-71b96243] {
1
+ .hover-icon-rotate .o-icon[data-v-aeb69719] {
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-71b96243] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-aeb69719] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header-nav-wrap[data-v-71b96243] {
9
+ .header-nav-wrap[data-v-aeb69719] {
10
10
  height: 100%;
11
11
  --nav-right: 64px;
12
12
  }
13
13
  @media (min-width: 1201px) and (max-width: 1680px) {
14
- .header-nav-wrap[data-v-71b96243] {
14
+ .header-nav-wrap[data-v-aeb69719] {
15
15
  --nav-right: 48px;
16
16
  }
17
17
  }
18
18
  @media (max-width: 1200px) {
19
- .header-nav-wrap[data-v-71b96243] {
19
+ .header-nav-wrap[data-v-aeb69719] {
20
20
  --nav-right: 32px;
21
21
  }
22
22
  }
23
- .header-nav-wrap .header-nav[data-v-71b96243] {
23
+ .header-nav-wrap .header-nav[data-v-aeb69719] {
24
24
  height: 100%;
25
25
  display: flex;
26
26
  justify-content: space-between;
27
27
  width: calc(100% - var(--nav-right));
28
28
  align-items: center;
29
29
  }
30
- .header-nav-wrap .header-nav-scroll[data-v-71b96243] {
30
+ .header-nav-wrap .header-nav-scroll[data-v-aeb69719] {
31
31
  width: calc(100% - var(--nav-right) - 24px);
32
32
  }
33
- .o-nav[data-v-71b96243] {
33
+ .o-nav[data-v-aeb69719] {
34
34
  height: 100%;
35
35
  position: relative;
36
36
  overflow-y: hidden;
37
37
  overflow-x: auto;
38
38
  z-index: 8;
39
39
  }
40
- .o-nav[data-v-71b96243]::-webkit-scrollbar {
40
+ .o-nav[data-v-aeb69719]::-webkit-scrollbar {
41
41
  display: none;
42
42
  }
43
- .left-icon[data-v-71b96243],
44
- .right-icon[data-v-71b96243] {
43
+ .left-icon[data-v-aeb69719],
44
+ .right-icon[data-v-aeb69719] {
45
45
  display: flex;
46
46
  align-items: center;
47
47
  cursor: pointer;
@@ -50,24 +50,24 @@
50
50
  height: 16px;
51
51
  border-radius: var(--o-radius-xs);
52
52
  }
53
- .left-icon .o-icon[data-v-71b96243],
54
- .right-icon .o-icon[data-v-71b96243] {
53
+ .left-icon .o-icon[data-v-aeb69719],
54
+ .right-icon .o-icon[data-v-aeb69719] {
55
55
  --icon-size: 16px;
56
56
  position: relative;
57
57
  z-index: 11;
58
58
  }
59
59
  @media (hover: hover) {
60
- .left-icon[data-v-71b96243]:hover,
61
- .right-icon[data-v-71b96243]:hover {
60
+ .left-icon[data-v-aeb69719]:hover,
61
+ .right-icon[data-v-aeb69719]:hover {
62
62
  background-color: var(--o-color-control2-light);
63
63
  color: var(--o-color-link2);
64
64
  }
65
65
  }
66
- .left-icon[data-v-71b96243]:active,
67
- .right-icon[data-v-71b96243]:active {
66
+ .left-icon[data-v-aeb69719]:active,
67
+ .right-icon[data-v-aeb69719]:active {
68
68
  color: var(--o-color-link3);
69
69
  }
70
- .left-icon[data-v-71b96243]::before {
70
+ .left-icon[data-v-aeb69719]::before {
71
71
  content: "";
72
72
  position: absolute;
73
73
  width: 50px;
@@ -79,16 +79,16 @@
79
79
  cursor: default;
80
80
  }
81
81
  @media (min-width: 1201px) and (max-width: 1680px) {
82
- .left-icon[data-v-71b96243]::before {
82
+ .left-icon[data-v-aeb69719]::before {
83
83
  top: -24px;
84
84
  }
85
85
  }
86
86
  @media (max-width: 1200px) {
87
- .left-icon[data-v-71b96243]::before {
87
+ .left-icon[data-v-aeb69719]::before {
88
88
  top: -20px;
89
89
  }
90
90
  }
91
- .right-icon[data-v-71b96243]::before {
91
+ .right-icon[data-v-aeb69719]::before {
92
92
  content: "";
93
93
  position: absolute;
94
94
  width: 50px;
@@ -100,25 +100,25 @@
100
100
  cursor: default;
101
101
  }
102
102
  @media (min-width: 1201px) and (max-width: 1680px) {
103
- .right-icon[data-v-71b96243]::before {
103
+ .right-icon[data-v-aeb69719]::before {
104
104
  top: -24px;
105
105
  }
106
106
  }
107
107
  @media (max-width: 1200px) {
108
- .right-icon[data-v-71b96243]::before {
108
+ .right-icon[data-v-aeb69719]::before {
109
109
  top: -20px;
110
110
  }
111
111
  }
112
- [data-o-theme*=dark] .left-icon[data-v-71b96243] {
112
+ [data-o-theme*=dark] .left-icon[data-v-aeb69719] {
113
113
  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
114
114
  }
115
- [data-o-theme*=dark] .right-icon[data-v-71b96243] {
115
+ [data-o-theme*=dark] .right-icon[data-v-aeb69719] {
116
116
  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
117
117
  }
118
- .o-nav-scroll[data-v-71b96243]::after {
118
+ .o-nav-scroll[data-v-aeb69719]::after {
119
119
  display: none;
120
120
  }
121
- .o-nav-list[data-v-71b96243] {
121
+ .o-nav-list[data-v-aeb69719] {
122
122
  display: flex;
123
123
  height: 100%;
124
124
  width: fit-content;
@@ -127,7 +127,7 @@
127
127
  padding: 0;
128
128
  margin: 0;
129
129
  }
130
- .o-nav-list li[data-v-71b96243] {
130
+ .o-nav-list li[data-v-aeb69719] {
131
131
  position: relative;
132
132
  display: flex;
133
133
  align-items: center;
@@ -135,10 +135,10 @@
135
135
  color: var(--o-color-info1);
136
136
  transition: all var(--o-duration-s) var(--o-easing-standard);
137
137
  }
138
- .o-nav-list li .nav-text[data-v-71b96243] {
138
+ .o-nav-list li .nav-text[data-v-aeb69719] {
139
139
  position: relative;
140
140
  }
141
- .o-nav-list li .nav-text[data-v-71b96243]::after {
141
+ .o-nav-list li .nav-text[data-v-aeb69719]::after {
142
142
  content: "";
143
143
  position: absolute;
144
144
  left: 0;
@@ -151,32 +151,32 @@
151
151
  transition: all var(--o-duration-s) var(--o-easing-standard);
152
152
  }
153
153
  @media (max-width: 1440px) {
154
- .o-nav-list li .nav-text[data-v-71b96243]::after {
154
+ .o-nav-list li .nav-text[data-v-aeb69719]::after {
155
155
  bottom: -21px;
156
156
  }
157
157
  }
158
158
  @media (max-width: 1200px) {
159
- .o-nav-list li .nav-text[data-v-71b96243]::after {
159
+ .o-nav-list li .nav-text[data-v-aeb69719]::after {
160
160
  bottom: -17px;
161
161
  }
162
162
  }
163
- .o-nav-list li.is-selected .nav-text[data-v-71b96243] {
163
+ .o-nav-list li.is-selected .nav-text[data-v-aeb69719] {
164
164
  color: var(--o-color-primary2);
165
165
  }
166
- .o-nav-list li.is-active .nav-text[data-v-71b96243] {
166
+ .o-nav-list li.is-active .nav-text[data-v-aeb69719] {
167
167
  color: var(--o-color-primary1);
168
168
  z-index: 99;
169
169
  font-weight: 600;
170
170
  }
171
- .o-nav-list li.is-active .nav-text[data-v-71b96243]::after {
171
+ .o-nav-list li.is-active .nav-text[data-v-aeb69719]::after {
172
172
  content: "";
173
173
  opacity: 1;
174
174
  }
175
- .o-nav-list li.is-disabled[data-v-71b96243] {
175
+ .o-nav-list li.is-disabled[data-v-aeb69719] {
176
176
  color: var(--o-color-info4);
177
177
  pointer-events: none;
178
178
  }
179
- .o-nav-list .nav-item[data-v-71b96243] {
179
+ .o-nav-list .nav-item[data-v-aeb69719] {
180
180
  cursor: default;
181
181
  display: flex;
182
182
  align-items: center;
@@ -185,60 +185,60 @@
185
185
  line-height: 24px;
186
186
  }
187
187
  @media (min-width: 1201px) and (max-width: 1680px) {
188
- .o-nav-list .nav-item[data-v-71b96243] {
188
+ .o-nav-list .nav-item[data-v-aeb69719] {
189
189
  font-size: 14px;
190
190
  line-height: 22px;
191
191
  }
192
192
  }
193
193
  @media (min-width: 841px) and (max-width: 1200px) {
194
- .o-nav-list .nav-item[data-v-71b96243] {
194
+ .o-nav-list .nav-item[data-v-aeb69719] {
195
195
  font-size: 14px;
196
196
  line-height: 22px;
197
197
  }
198
198
  }
199
199
  @media (min-width: 601px) and (max-width: 840px) {
200
- .o-nav-list .nav-item[data-v-71b96243] {
200
+ .o-nav-list .nav-item[data-v-aeb69719] {
201
201
  font-size: 14px;
202
202
  line-height: 22px;
203
203
  }
204
204
  }
205
205
  @media (max-width: 600px) {
206
- .o-nav-list .nav-item[data-v-71b96243] {
206
+ .o-nav-list .nav-item[data-v-aeb69719] {
207
207
  font-size: 12px;
208
208
  line-height: 18px;
209
209
  }
210
210
  }
211
211
  @media (max-width: 1440px) {
212
- .o-nav-list .nav-item[data-v-71b96243] {
212
+ .o-nav-list .nav-item[data-v-aeb69719] {
213
213
  padding: 18px 12px;
214
214
  }
215
215
  }
216
216
  @media (min-width: 841px) and (max-width: 1200px) {
217
- .o-nav-list .nav-item[data-v-71b96243] {
217
+ .o-nav-list .nav-item[data-v-aeb69719] {
218
218
  padding: 14px 8px;
219
219
  }
220
220
  }
221
221
  @media (min-width: 841px) and (max-width: 1000px) {
222
- .o-nav-list .nav-item.en[data-v-71b96243] {
222
+ .o-nav-list .nav-item.en[data-v-aeb69719] {
223
223
  padding: var(--o-gap-2);
224
224
  }
225
225
  }
226
- .o-nav-list .item-other[data-v-71b96243] {
226
+ .o-nav-list .item-other[data-v-aeb69719] {
227
227
  cursor: pointer;
228
228
  }
229
- .o-nav-list .item-other .content-tag[data-v-71b96243] {
229
+ .o-nav-list .item-other .content-tag[data-v-aeb69719] {
230
230
  margin-left: var(--o-gap-2);
231
231
  --layout-pkg-radius: var(--o-radius-xs);
232
232
  }
233
- .o-nav-list .item-other:active .nav-text[data-v-71b96243] {
233
+ .o-nav-list .item-other:active .nav-text[data-v-aeb69719] {
234
234
  color: var(--o-color-primary1);
235
235
  z-index: 99;
236
236
  font-weight: 600;
237
237
  }
238
- .o-nav-list .item-other:active .nav-text[data-v-71b96243]::after {
238
+ .o-nav-list .item-other:active .nav-text[data-v-aeb69719]::after {
239
239
  content: "";
240
240
  opacity: 1;
241
241
  }
242
- .mindspore .item-other .content-tag[data-v-71b96243] {
242
+ .mindspore .item-other .content-tag[data-v-aeb69719] {
243
243
  --layout-pkg-radius: 100vh;
244
244
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./HeaderNav.vue2.mjs";
2
2
  import './HeaderNav.css';
3
3
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const HeaderNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-71b96243"]]);
4
+ const HeaderNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aeb69719"]]);
5
5
  export {
6
6
  HeaderNav as default
7
7
  };
@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavMobileItemT, {},
22
22
  "onOn-click"?: (() => any) | undefined;
23
23
  "onLang-click"?: ((val: LangItemT) => any) | undefined;
24
24
  }>, {
25
- navData: import('../../../index.ts').NavItemT[];
25
+ navData: import('../types.ts').NavItemT[];
26
26
  menuShow: boolean;
27
27
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
28
28
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;