@opendesign-plus/components 0.0.1-rc.81 → 0.0.1-rc.82

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 (21) hide show
  1. package/dist/components/header/types.d.ts +3 -0
  2. package/dist/components/header/utils.d.ts +1 -0
  3. package/dist/components.cjs.js +37 -37
  4. package/dist/components.css +1 -1
  5. package/dist/components.es.js +7231 -7224
  6. package/dist/treeshaking/components/header/components/HeaderContent.css +184 -184
  7. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  8. package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +2 -1
  9. package/dist/treeshaking/components/header/components/HeaderFlatten.css +56 -56
  10. package/dist/treeshaking/components/header/components/HeaderFlatten.vue.mjs +1 -1
  11. package/dist/treeshaking/components/header/components/HeaderFlatten.vue2.mjs +4 -3
  12. package/dist/treeshaking/components/header/components/HeaderNav.css +49 -49
  13. package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
  14. package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +2 -1
  15. package/dist/treeshaking/components/header/components/HeaderNavMobile.css +80 -80
  16. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.mjs +1 -1
  17. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs +27 -18
  18. package/dist/treeshaking/components/header/types.d.ts +3 -0
  19. package/dist/treeshaking/components/header/utils.d.ts +1 -0
  20. package/dist/treeshaking/components/header/utils.mjs +9 -0
  21. package/package.json +1 -1
package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./HeaderContent.vue2.mjs";
2
2
  import './HeaderContent.css';
3
3
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-89aac258"]]);
4
+ const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-347dc966"]]);
5
5
  export {
6
6
  HeaderContent as default
7
7
  };
package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import { defineComponent, ref, inject, resolveDirective, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeClass, unref, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, vShow } from "vue";
2
2
  import { OScroller, OPopover, OIcon, OTag } from "@opensig/opendesign";
3
+ import { isTagExpired } from "../utils.mjs";
3
4
  import { useTheme } from "../../../shared/theme.mjs";
4
5
  import { useI18n } from "../../../i18n/index.mjs";
5
6
  const _hoisted_1 = { class: "header-content-nav" };
@@ -196,7 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
196
197
  ]),
197
198
  _: 2
198
199
  }, 1024)) : createCommentVNode("", true),
199
- subItem.tag ? (openBlock(), createBlock(unref(OTag), {
200
+ subItem.tag && !unref(isTagExpired)(subItem.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
200
201
  key: 3,
201
202
  color: "danger",
202
203
  size: "small",
package/dist/treeshaking/components/header/components/HeaderFlatten.css CHANGED
@@ -1,35 +1,35 @@
1
- .hover-icon-rotate .o-icon[data-v-b3114456] {
1
+ .hover-icon-rotate .o-icon[data-v-edcea052] {
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-b3114456] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-edcea052] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header-nav-wrap[data-v-b3114456] {
9
+ .header-nav-wrap[data-v-edcea052] {
10
10
  height: 100%;
11
11
  }
12
- .header-nav-wrap .header-nav[data-v-b3114456] {
12
+ .header-nav-wrap .header-nav[data-v-edcea052] {
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-b3114456] {
19
+ .header-nav-wrap .header-nav-scroll[data-v-edcea052] {
20
20
  width: calc(100% - 64px - 24px);
21
21
  }
22
- .o-nav[data-v-b3114456] {
22
+ .o-nav[data-v-edcea052] {
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-b3114456]::-webkit-scrollbar {
28
+ .o-nav[data-v-edcea052]::-webkit-scrollbar {
29
29
  display: none;
30
30
  }
31
- .left-icon[data-v-b3114456],
32
- .right-icon[data-v-b3114456] {
31
+ .left-icon[data-v-edcea052],
32
+ .right-icon[data-v-edcea052] {
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-b3114456],
42
- .right-icon .o-icon[data-v-b3114456] {
41
+ .left-icon .o-icon[data-v-edcea052],
42
+ .right-icon .o-icon[data-v-edcea052] {
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-b3114456]:hover,
49
- .right-icon[data-v-b3114456]:hover {
48
+ .left-icon[data-v-edcea052]:hover,
49
+ .right-icon[data-v-edcea052]: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-b3114456]:active,
55
- .right-icon[data-v-b3114456]:active {
54
+ .left-icon[data-v-edcea052]:active,
55
+ .right-icon[data-v-edcea052]:active {
56
56
  color: var(--o-color-link3);
57
57
  }
58
- .left-icon[data-v-b3114456]::before {
58
+ .left-icon[data-v-edcea052]::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-b3114456]::before {
70
+ .left-icon[data-v-edcea052]::before {
71
71
  top: -24px;
72
72
  }
73
73
  }
74
74
  @media (max-width: 1200px) {
75
- .left-icon[data-v-b3114456]::before {
75
+ .left-icon[data-v-edcea052]::before {
76
76
  top: -20px;
77
77
  }
78
78
  }
79
- .right-icon[data-v-b3114456]::before {
79
+ .right-icon[data-v-edcea052]::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-b3114456]::before {
91
+ .right-icon[data-v-edcea052]::before {
92
92
  top: -24px;
93
93
  }
94
94
  }
95
95
  @media (max-width: 1200px) {
96
- .right-icon[data-v-b3114456]::before {
96
+ .right-icon[data-v-edcea052]::before {
97
97
  top: -20px;
98
98
  }
99
99
  }
100
- [data-o-theme*=dark] .left-icon[data-v-b3114456] {
100
+ [data-o-theme*=dark] .left-icon[data-v-edcea052] {
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-b3114456] {
103
+ [data-o-theme*=dark] .right-icon[data-v-edcea052] {
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-b3114456]::after {
106
+ .o-nav-scroll[data-v-edcea052]::after {
107
107
  display: none;
108
108
  }
109
- .o-nav-scroll[data-v-b3114456]::before {
109
+ .o-nav-scroll[data-v-edcea052]::before {
110
110
  left: var(--o-before-left);
111
111
  display: block;
112
112
  }
113
- .nav-list[data-v-b3114456] {
113
+ .nav-list[data-v-edcea052] {
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-b3114456] {
122
+ .nav-item-li[data-v-edcea052] {
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-b3114456] {
131
+ .nav-item-li .nav-item[data-v-edcea052] {
132
132
  cursor: default;
133
133
  display: flex;
134
134
  align-items: center;
@@ -141,45 +141,45 @@
141
141
  line-height: 24px;
142
142
  }
143
143
  @media (min-width: 1201px) and (max-width: 1680px) {
144
- .nav-item-li .nav-item[data-v-b3114456] {
144
+ .nav-item-li .nav-item[data-v-edcea052] {
145
145
  font-size: 14px;
146
146
  line-height: 22px;
147
147
  }
148
148
  }
149
149
  @media (min-width: 841px) and (max-width: 1200px) {
150
- .nav-item-li .nav-item[data-v-b3114456] {
150
+ .nav-item-li .nav-item[data-v-edcea052] {
151
151
  font-size: 14px;
152
152
  line-height: 22px;
153
153
  }
154
154
  }
155
155
  @media (min-width: 601px) and (max-width: 840px) {
156
- .nav-item-li .nav-item[data-v-b3114456] {
156
+ .nav-item-li .nav-item[data-v-edcea052] {
157
157
  font-size: 14px;
158
158
  line-height: 22px;
159
159
  }
160
160
  }
161
161
  @media (max-width: 600px) {
162
- .nav-item-li .nav-item[data-v-b3114456] {
162
+ .nav-item-li .nav-item[data-v-edcea052] {
163
163
  font-size: 12px;
164
164
  line-height: 18px;
165
165
  }
166
166
  }
167
167
  @media (max-width: 1680px) {
168
- .nav-item-li .nav-item[data-v-b3114456] {
168
+ .nav-item-li .nav-item[data-v-edcea052] {
169
169
  --padding-x: var(--o-gap-4);
170
170
  }
171
171
  }
172
172
  @media (max-width: 1440px) {
173
- .nav-item-li .nav-item[data-v-b3114456] {
173
+ .nav-item-li .nav-item[data-v-edcea052] {
174
174
  --padding-x: var(--o-gap-3);
175
175
  }
176
176
  }
177
177
  @media (min-width: 841px) and (max-width: 1200px) {
178
- .nav-item-li .nav-item[data-v-b3114456] {
178
+ .nav-item-li .nav-item[data-v-edcea052] {
179
179
  --padding-x: var(--o-gap-2);
180
180
  }
181
181
  }
182
- .nav-item-li .nav-item[data-v-b3114456]::after {
182
+ .nav-item-li .nav-item[data-v-edcea052]::after {
183
183
  content: "";
184
184
  position: absolute;
185
185
  left: var(--padding-x);
@@ -191,25 +191,25 @@
191
191
  background: var(--o-color-primary1);
192
192
  transition: all var(--o-duration-s) var(--o-easing-standard);
193
193
  }
194
- .nav-item-li .nav-item-link[data-v-b3114456] {
194
+ .nav-item-li .nav-item-link[data-v-edcea052] {
195
195
  cursor: pointer;
196
196
  }
197
- .nav-item-li.is-active .nav-item[data-v-b3114456]::after {
197
+ .nav-item-li.is-active .nav-item[data-v-edcea052]::after {
198
198
  opacity: 1;
199
199
  }
200
- .nav-item-li.is-active .nav-text[data-v-b3114456] {
200
+ .nav-item-li.is-active .nav-text[data-v-edcea052] {
201
201
  color: var(--o-color-primary1);
202
202
  font-weight: 600;
203
203
  }
204
- .nav-item-li.is-selected .nav-text[data-v-b3114456] {
204
+ .nav-item-li.is-selected .nav-text[data-v-edcea052] {
205
205
  color: var(--o-color-primary2);
206
206
  font-weight: 600;
207
207
  }
208
- .nav-item-li.is-disabled[data-v-b3114456] {
208
+ .nav-item-li.is-disabled[data-v-edcea052] {
209
209
  color: var(--o-color-info4);
210
210
  pointer-events: none;
211
211
  }
212
- .dropdown-wrapper[data-v-b3114456] {
212
+ .dropdown-wrapper[data-v-edcea052] {
213
213
  position: absolute;
214
214
  top: calc(100% - 4px);
215
215
  left: 0;
@@ -217,13 +217,13 @@
217
217
  padding-top: 8px;
218
218
  transition: opacity var(--o-duration-s) var(--o-easing-standard);
219
219
  }
220
- .dropdown-wrapper .dropdown-body[data-v-b3114456] {
220
+ .dropdown-wrapper .dropdown-body[data-v-edcea052] {
221
221
  padding: 6px;
222
222
  background-color: var(--o-color-fill2);
223
223
  border-radius: var(--o-radius-xs);
224
224
  box-shadow: var(--o-shadow-2);
225
225
  }
226
- .dropdown-wrapper .dropdown-item[data-v-b3114456] {
226
+ .dropdown-wrapper .dropdown-item[data-v-edcea052] {
227
227
  font-weight: 400;
228
228
  white-space: nowrap;
229
229
  display: flex;
@@ -239,63 +239,63 @@
239
239
  line-height: 24px;
240
240
  }
241
241
  @media (min-width: 1201px) and (max-width: 1680px) {
242
- .dropdown-wrapper .dropdown-item[data-v-b3114456] {
242
+ .dropdown-wrapper .dropdown-item[data-v-edcea052] {
243
243
  font-size: 14px;
244
244
  line-height: 22px;
245
245
  }
246
246
  }
247
247
  @media (min-width: 841px) and (max-width: 1200px) {
248
- .dropdown-wrapper .dropdown-item[data-v-b3114456] {
248
+ .dropdown-wrapper .dropdown-item[data-v-edcea052] {
249
249
  font-size: 14px;
250
250
  line-height: 22px;
251
251
  }
252
252
  }
253
253
  @media (min-width: 601px) and (max-width: 840px) {
254
- .dropdown-wrapper .dropdown-item[data-v-b3114456] {
254
+ .dropdown-wrapper .dropdown-item[data-v-edcea052] {
255
255
  font-size: 14px;
256
256
  line-height: 22px;
257
257
  }
258
258
  }
259
259
  @media (max-width: 600px) {
260
- .dropdown-wrapper .dropdown-item[data-v-b3114456] {
260
+ .dropdown-wrapper .dropdown-item[data-v-edcea052] {
261
261
  font-size: 12px;
262
262
  line-height: 18px;
263
263
  }
264
264
  }
265
265
  @media (hover: hover) {
266
- .dropdown-wrapper .dropdown-item[data-v-b3114456]:hover {
266
+ .dropdown-wrapper .dropdown-item[data-v-edcea052]:hover {
267
267
  background-color: var(--o-color-control2-light);
268
268
  color: var(--o-color-primary1);
269
269
  }
270
270
  }
271
- .dropdown-wrapper .dropdown-item-disabled[data-v-b3114456] {
271
+ .dropdown-wrapper .dropdown-item-disabled[data-v-edcea052] {
272
272
  color: var(--o-color-info4);
273
273
  pointer-events: none;
274
274
  }
275
- .dropdown-wrapper .dropdown-link[data-v-b3114456] {
275
+ .dropdown-wrapper .dropdown-link[data-v-edcea052] {
276
276
  color: inherit;
277
277
  display: flex;
278
278
  align-items: center;
279
279
  width: 100%;
280
280
  }
281
- .dropdown-wrapper .dropdown-link .o-tag[data-v-b3114456] {
281
+ .dropdown-wrapper .dropdown-link .o-tag[data-v-edcea052] {
282
282
  margin-left: var(--o-gap-2);
283
283
  transform: scale(0.75);
284
284
  transform-origin: left center;
285
285
  }
286
- .dropdown-wrapper[data-v-b3114456] .jump-out-icon {
286
+ .dropdown-wrapper[data-v-edcea052] .jump-out-icon {
287
287
  font-size: 16px;
288
288
  margin-left: 4px;
289
289
  }
290
- .dropdown-wrapper[data-v-b3114456] .jump-out-icon path {
290
+ .dropdown-wrapper[data-v-edcea052] .jump-out-icon path {
291
291
  fill: currentColor;
292
292
  stroke: transparent;
293
293
  }
294
- .dropdown-wrapper[data-v-b3114456] .jump-out-icon path[fill=none] {
294
+ .dropdown-wrapper[data-v-edcea052] .jump-out-icon path[fill=none] {
295
295
  display: none;
296
296
  }
297
297
  @media (hover: hover) {
298
- .nav-item:hover .dropdown-wrapper[data-v-b3114456] {
298
+ .nav-item:hover .dropdown-wrapper[data-v-edcea052] {
299
299
  display: block;
300
300
  }
301
301
  }
package/dist/treeshaking/components/header/components/HeaderFlatten.vue.mjs CHANGED
@@ -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-b3114456"]]);
4
+ const HeaderFlatten = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-edcea052"]]);
5
5
  export {
6
6
  HeaderFlatten as default
7
7
  };
package/dist/treeshaking/components/header/components/HeaderFlatten.vue2.mjs CHANGED
@@ -2,6 +2,7 @@ import { defineComponent, ref, onMounted, nextTick, onUnmounted, resolveDirectiv
2
2
  import { OIcon, OTag } from "@opensig/opendesign";
3
3
  import IconCaretLeft from "../../../_virtual/icon-caret-left.mjs";
4
4
  import IconCaretRight from "../../../_virtual/icon-caret-right.mjs";
5
+ import { isTagExpired } from "../utils.mjs";
5
6
  import { useDebounceFn } from "@vueuse/core";
6
7
  const _hoisted_1 = { class: "header-nav-wrap" };
7
8
  const _hoisted_2 = {
@@ -179,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
179
180
  onClick: ($event) => handleClick(item)
180
181
  }, [
181
182
  createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1),
182
- item.tag ? (openBlock(), createBlock(unref(OTag), {
183
+ item.tag && !unref(isTagExpired)(item.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
183
184
  key: 0,
184
185
  color: "danger",
185
186
  size: "small",
@@ -213,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
213
214
  onClick: ($event) => handleClick(childTab)
214
215
  }, [
215
216
  createElementVNode("span", null, toDisplayString(childTab.label), 1),
216
- childTab.tag ? (openBlock(), createBlock(unref(OTag), {
217
+ childTab.tag && !unref(isTagExpired)(childTab.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
217
218
  key: 0,
218
219
  color: "danger",
219
220
  size: "small",
@@ -242,7 +243,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
242
243
  ]),
243
244
  _: 2
244
245
  }, 1024)) : createCommentVNode("", true),
245
- childTab.tag ? (openBlock(), createBlock(unref(OTag), {
246
+ childTab.tag && !unref(isTagExpired)(childTab.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
246
247
  key: 1,
247
248
  color: "danger",
248
249
  size: "small",
package/dist/treeshaking/components/header/components/HeaderNav.css CHANGED
@@ -1,47 +1,47 @@
1
- .hover-icon-rotate .o-icon[data-v-00cffd0d] {
1
+ .hover-icon-rotate .o-icon[data-v-656e95a8] {
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-00cffd0d] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-656e95a8] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header-nav-wrap[data-v-00cffd0d] {
9
+ .header-nav-wrap[data-v-656e95a8] {
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-00cffd0d] {
14
+ .header-nav-wrap[data-v-656e95a8] {
15
15
  --nav-right: 48px;
16
16
  }
17
17
  }
18
18
  @media (max-width: 1200px) {
19
- .header-nav-wrap[data-v-00cffd0d] {
19
+ .header-nav-wrap[data-v-656e95a8] {
20
20
  --nav-right: 32px;
21
21
  }
22
22
  }
23
- .header-nav-wrap .header-nav[data-v-00cffd0d] {
23
+ .header-nav-wrap .header-nav[data-v-656e95a8] {
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-00cffd0d] {
30
+ .header-nav-wrap .header-nav-scroll[data-v-656e95a8] {
31
31
  width: calc(100% - var(--nav-right) - 24px);
32
32
  }
33
- .o-nav[data-v-00cffd0d] {
33
+ .o-nav[data-v-656e95a8] {
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-00cffd0d]::-webkit-scrollbar {
40
+ .o-nav[data-v-656e95a8]::-webkit-scrollbar {
41
41
  display: none;
42
42
  }
43
- .left-icon[data-v-00cffd0d],
44
- .right-icon[data-v-00cffd0d] {
43
+ .left-icon[data-v-656e95a8],
44
+ .right-icon[data-v-656e95a8] {
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-00cffd0d],
54
- .right-icon .o-icon[data-v-00cffd0d] {
53
+ .left-icon .o-icon[data-v-656e95a8],
54
+ .right-icon .o-icon[data-v-656e95a8] {
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-00cffd0d]:hover,
61
- .right-icon[data-v-00cffd0d]:hover {
60
+ .left-icon[data-v-656e95a8]:hover,
61
+ .right-icon[data-v-656e95a8]: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-00cffd0d]:active,
67
- .right-icon[data-v-00cffd0d]:active {
66
+ .left-icon[data-v-656e95a8]:active,
67
+ .right-icon[data-v-656e95a8]:active {
68
68
  color: var(--o-color-link3);
69
69
  }
70
- .left-icon[data-v-00cffd0d]::before {
70
+ .left-icon[data-v-656e95a8]::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-00cffd0d]::before {
82
+ .left-icon[data-v-656e95a8]::before {
83
83
  top: -24px;
84
84
  }
85
85
  }
86
86
  @media (max-width: 1200px) {
87
- .left-icon[data-v-00cffd0d]::before {
87
+ .left-icon[data-v-656e95a8]::before {
88
88
  top: -20px;
89
89
  }
90
90
  }
91
- .right-icon[data-v-00cffd0d]::before {
91
+ .right-icon[data-v-656e95a8]::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-00cffd0d]::before {
103
+ .right-icon[data-v-656e95a8]::before {
104
104
  top: -24px;
105
105
  }
106
106
  }
107
107
  @media (max-width: 1200px) {
108
- .right-icon[data-v-00cffd0d]::before {
108
+ .right-icon[data-v-656e95a8]::before {
109
109
  top: -20px;
110
110
  }
111
111
  }
112
- [data-o-theme*=dark] .left-icon[data-v-00cffd0d]::before {
112
+ [data-o-theme*=dark] .left-icon[data-v-656e95a8]::before {
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-00cffd0d]::before {
115
+ [data-o-theme*=dark] .right-icon[data-v-656e95a8]::before {
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-00cffd0d]::after {
118
+ .o-nav-scroll[data-v-656e95a8]::after {
119
119
  display: none;
120
120
  }
121
- .o-nav-list[data-v-00cffd0d] {
121
+ .o-nav-list[data-v-656e95a8] {
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-00cffd0d] {
130
+ .o-nav-list li[data-v-656e95a8] {
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-00cffd0d] {
138
+ .o-nav-list li .nav-text[data-v-656e95a8] {
139
139
  position: relative;
140
140
  }
141
- .o-nav-list li .nav-text[data-v-00cffd0d]::after {
141
+ .o-nav-list li .nav-text[data-v-656e95a8]::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-00cffd0d]::after {
154
+ .o-nav-list li .nav-text[data-v-656e95a8]::after {
155
155
  bottom: -21px;
156
156
  }
157
157
  }
158
158
  @media (max-width: 1200px) {
159
- .o-nav-list li .nav-text[data-v-00cffd0d]::after {
159
+ .o-nav-list li .nav-text[data-v-656e95a8]::after {
160
160
  bottom: -17px;
161
161
  }
162
162
  }
163
- .o-nav-list li.is-selected .nav-text[data-v-00cffd0d] {
163
+ .o-nav-list li.is-selected .nav-text[data-v-656e95a8] {
164
164
  color: var(--o-color-primary2);
165
165
  }
166
- .o-nav-list li.is-active .nav-text[data-v-00cffd0d] {
166
+ .o-nav-list li.is-active .nav-text[data-v-656e95a8] {
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-00cffd0d]::after {
171
+ .o-nav-list li.is-active .nav-text[data-v-656e95a8]::after {
172
172
  content: "";
173
173
  opacity: 1;
174
174
  }
175
- .o-nav-list li.is-disabled[data-v-00cffd0d] {
175
+ .o-nav-list li.is-disabled[data-v-656e95a8] {
176
176
  color: var(--o-color-info4);
177
177
  pointer-events: none;
178
178
  }
179
- .o-nav-list .nav-item[data-v-00cffd0d] {
179
+ .o-nav-list .nav-item[data-v-656e95a8] {
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-00cffd0d] {
188
+ .o-nav-list .nav-item[data-v-656e95a8] {
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-00cffd0d] {
194
+ .o-nav-list .nav-item[data-v-656e95a8] {
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-00cffd0d] {
200
+ .o-nav-list .nav-item[data-v-656e95a8] {
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-00cffd0d] {
206
+ .o-nav-list .nav-item[data-v-656e95a8] {
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-00cffd0d] {
212
+ .o-nav-list .nav-item[data-v-656e95a8] {
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-00cffd0d] {
217
+ .o-nav-list .nav-item[data-v-656e95a8] {
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-00cffd0d] {
222
+ .o-nav-list .nav-item.en[data-v-656e95a8] {
223
223
  padding: var(--o-gap-2);
224
224
  }
225
225
  }
226
- .o-nav-list .item-other[data-v-00cffd0d] {
226
+ .o-nav-list .item-other[data-v-656e95a8] {
227
227
  cursor: pointer;
228
228
  }
229
- .o-nav-list .item-other .content-tag[data-v-00cffd0d] {
229
+ .o-nav-list .item-other .content-tag[data-v-656e95a8] {
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-00cffd0d] {
233
+ .o-nav-list .item-other:active .nav-text[data-v-656e95a8] {
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-00cffd0d]::after {
238
+ .o-nav-list .item-other:active .nav-text[data-v-656e95a8]::after {
239
239
  content: "";
240
240
  opacity: 1;
241
241
  }
242
- .mindspore .item-other .content-tag[data-v-00cffd0d] {
242
+ .mindspore .item-other .content-tag[data-v-656e95a8] {
243
243
  --layout-pkg-radius: 100vh;
244
244
  }
package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs CHANGED
@@ -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-00cffd0d"]]);
4
+ const HeaderNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-656e95a8"]]);
5
5
  export {
6
6
  HeaderNav as default
7
7
  };