@opendesign-plus-test/components 0.0.1-rc.96 → 0.0.1-rc.98

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 (47) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +52 -54
  3. package/dist/components/header/types.d.ts +2 -0
  4. package/dist/components/header-search/OHeaderSearch.vue.d.ts +2 -2
  5. package/dist/components/meeting/OMeetingCalendar.vue.d.ts +6 -1
  6. package/dist/components/meeting/index.d.ts +18 -5
  7. package/dist/components/meeting/types.d.ts +1 -0
  8. package/dist/components.cjs.js +37 -37
  9. package/dist/components.css +1 -1
  10. package/dist/components.es.js +6417 -6345
  11. package/dist/treeshaking/_virtual/icon-avatar-line.mjs +1 -1
  12. package/dist/treeshaking/_virtual/icon-chevron-right.mjs +4 -1
  13. package/dist/treeshaking/components/element-plus/OElCookieNotice.vue.mjs +1 -1
  14. package/dist/treeshaking/components/element-plus/OElCookieNotice2.css +145 -145
  15. package/dist/treeshaking/components/header/OHeader.css +36 -11
  16. package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
  17. package/dist/treeshaking/components/header/OHeader.vue2.mjs +35 -38
  18. package/dist/treeshaking/components/header/components/HeaderContent.css +312 -554
  19. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  20. package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +169 -136
  21. package/dist/treeshaking/components/header/components/HeaderNav.css +60 -30
  22. package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
  23. package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +1 -1
  24. package/dist/treeshaking/components/header/components/HeaderNavMobile.css +108 -130
  25. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.mjs +1 -1
  26. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs +126 -121
  27. package/dist/treeshaking/components/header/types.d.ts +2 -0
  28. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css +32 -32
  29. package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.mjs +1 -1
  30. package/dist/treeshaking/components/header-search/OHeaderSearch.css +42 -37
  31. package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts +2 -2
  32. package/dist/treeshaking/components/header-search/OHeaderSearch.vue.mjs +1 -1
  33. package/dist/treeshaking/components/header-search/OHeaderSearch.vue2.mjs +4 -1
  34. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.css +57 -27
  35. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.mjs +1 -1
  36. package/dist/treeshaking/components/header-user/OHeaderUser.css +26 -26
  37. package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs +1 -1
  38. package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs +32 -26
  39. package/dist/treeshaking/components/meeting/OMeetingCalendar.css +29 -0
  40. package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.d.ts +6 -1
  41. package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs +52 -28
  42. package/dist/treeshaking/components/meeting/OMeetingForm.vue.mjs +2 -2
  43. package/dist/treeshaking/components/meeting/index.d.ts +18 -5
  44. package/dist/treeshaking/components/meeting/types.d.ts +1 -0
  45. package/dist/treeshaking/i18n/en.mjs +6 -7
  46. package/dist/treeshaking/i18n/zh.mjs +6 -7
  47. package/package.json +1 -1
@@ -1,50 +1,50 @@
1
- .hover-icon-rotate .o-icon[data-v-a97b8e7c] {
1
+ .hover-icon-rotate .o-icon[data-v-3ae3a279] {
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-a97b8e7c] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-3ae3a279] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .o-header-search[data-v-a97b8e7c] {
9
+ .o-header-search[data-v-3ae3a279] {
10
10
  position: relative;
11
11
  width: 160px;
12
12
  height: 32px;
13
13
  }
14
14
  @media (max-width: 1440px) {
15
- .o-header-search[data-v-a97b8e7c] {
15
+ .o-header-search[data-v-3ae3a279] {
16
16
  width: 120px;
17
17
  }
18
18
  }
19
19
  @media (max-width: 840px) {
20
- .o-header-search[data-v-a97b8e7c] {
20
+ .o-header-search[data-v-3ae3a279] {
21
21
  width: 24px;
22
22
  height: 24px;
23
23
  margin-left: auto;
24
24
  }
25
25
  }
26
- .o-header-search-pos[data-v-a97b8e7c] {
26
+ .o-header-search-pos[data-v-3ae3a279] {
27
27
  position: absolute;
28
28
  top: 0;
29
29
  width: fit-content;
30
30
  background-color: var(--o-color-fill2);
31
31
  z-index: 100;
32
32
  }
33
- .o-header-search-pos.is-left[data-v-a97b8e7c] {
33
+ .o-header-search-pos.is-left[data-v-3ae3a279] {
34
34
  right: 0;
35
35
  }
36
- .o-header-search-pos.is-right[data-v-a97b8e7c] {
36
+ .o-header-search-pos.is-right[data-v-3ae3a279] {
37
37
  left: 0;
38
38
  }
39
- .o-header-search-pos.is-mobile[data-v-a97b8e7c] {
39
+ .o-header-search-pos.is-mobile[data-v-3ae3a279] {
40
40
  display: none;
41
41
  }
42
- .o-header-search-pos.is-pc.is-focus[data-v-a97b8e7c] {
42
+ .o-header-search-pos.is-pc.is-focus[data-v-3ae3a279] {
43
43
  box-shadow: var(--o-shadow-2);
44
44
  top: calc(-1 * var(--o-gap-4));
45
45
  border-radius: var(--o-radius-xs);
46
46
  }
47
- .o-header-search-pos.is-mobile.is-focus[data-v-a97b8e7c] {
47
+ .o-header-search-pos.is-mobile.is-focus[data-v-3ae3a279] {
48
48
  position: fixed;
49
49
  top: 0;
50
50
  right: 0;
@@ -57,56 +57,56 @@
57
57
  z-index: 100;
58
58
  overflow-y: auto;
59
59
  }
60
- .o-header-search-row[data-v-a97b8e7c] {
60
+ .o-header-search-row[data-v-3ae3a279] {
61
61
  display: flex;
62
62
  align-items: start;
63
63
  }
64
- .o-header-search-row.is-focus[data-v-a97b8e7c] {
64
+ .o-header-search-row.is-focus[data-v-3ae3a279] {
65
65
  padding: var(--o-gap-4);
66
66
  border-radius: var(--o-radius-xs);
67
67
  }
68
68
  @media (max-width: 840px) {
69
- .o-header-search-row.is-focus[data-v-a97b8e7c] {
69
+ .o-header-search-row.is-focus[data-v-3ae3a279] {
70
70
  gap: var(--o-gap-4);
71
71
  padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
72
72
  border-radius: unset;
73
73
  }
74
74
  }
75
- .o-header-search-input[data-v-a97b8e7c] {
75
+ .o-header-search-input[data-v-3ae3a279] {
76
76
  width: 160px;
77
77
  transition: width var(--o-duration-m2) var(--o-easing-standard-in);
78
78
  }
79
79
  @media (max-width: 1440px) {
80
- .o-header-search-input[data-v-a97b8e7c] {
80
+ .o-header-search-input[data-v-3ae3a279] {
81
81
  width: 120px;
82
82
  }
83
83
  }
84
- .o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
84
+ .o-header-search-row.is-focus .o-header-search-input[data-v-3ae3a279] {
85
85
  width: 480px;
86
86
  }
87
87
  @media (min-width: 1201px) and (max-width: 1440px) {
88
- .o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
88
+ .o-header-search-row.is-focus .o-header-search-input[data-v-3ae3a279] {
89
89
  width: 360px;
90
90
  }
91
91
  }
92
92
  @media (min-width: 841px) and (max-width: 1200px) {
93
- .o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
93
+ .o-header-search-row.is-focus .o-header-search-input[data-v-3ae3a279] {
94
94
  width: 272px;
95
95
  }
96
96
  }
97
97
  @media (max-width: 840px) {
98
- .o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
98
+ .o-header-search-row.is-focus .o-header-search-input[data-v-3ae3a279] {
99
99
  flex: 1;
100
100
  width: auto;
101
101
  }
102
102
  }
103
- .o-header-search-back-icon[data-v-a97b8e7c] {
103
+ .o-header-search-back-icon[data-v-3ae3a279] {
104
104
  cursor: pointer;
105
105
  color: var(--o-color-info1);
106
106
  font-size: 20px;
107
107
  height: 30px;
108
108
  }
109
- .o-header-search-text[data-v-a97b8e7c] {
109
+ .o-header-search-text[data-v-3ae3a279] {
110
110
  white-space: nowrap;
111
111
  font-size: 16px;
112
112
  line-height: 24px;
@@ -115,11 +115,11 @@
115
115
  height: 30px;
116
116
  }
117
117
  @media (hover: hover) {
118
- .o-header-search-text[data-v-a97b8e7c]:hover {
118
+ .o-header-search-text[data-v-3ae3a279]:hover {
119
119
  color: var(--o-color-primary1);
120
120
  }
121
121
  }
122
- .o-header-search-drawer[data-v-a97b8e7c] {
122
+ .o-header-search-drawer[data-v-3ae3a279] {
123
123
  position: absolute;
124
124
  width: 100%;
125
125
  padding: var(--o-gap-4);
@@ -129,7 +129,7 @@
129
129
  border-radius: 0 0 var(--o-radius-xs) var(--o-radius-xs);
130
130
  }
131
131
  @media (max-width: 840px) {
132
- .o-header-search-drawer[data-v-a97b8e7c] {
132
+ .o-header-search-drawer[data-v-3ae3a279] {
133
133
  position: static;
134
134
  height: calc(100vh - 50px);
135
135
  padding-top: 0;
@@ -138,7 +138,7 @@
138
138
  border-radius: unset;
139
139
  }
140
140
  }
141
- .o-header-search-drawer[data-v-a97b8e7c]::before {
141
+ .o-header-search-drawer[data-v-3ae3a279]::before {
142
142
  content: "";
143
143
  position: absolute;
144
144
  left: 0;
@@ -148,11 +148,11 @@
148
148
  background-color: var(--o-color-fill2);
149
149
  }
150
150
  @media (max-width: 840px) {
151
- .o-header-search-drawer[data-v-a97b8e7c]::before {
151
+ .o-header-search-drawer[data-v-3ae3a279]::before {
152
152
  display: none;
153
153
  }
154
154
  }
155
- .o-header-search-mobile-icon[data-v-a97b8e7c] {
155
+ .o-header-search-mobile-icon[data-v-3ae3a279] {
156
156
  font-size: 24px;
157
157
  line-height: 28px;
158
158
  color: var(--o-color-info1);
@@ -160,33 +160,33 @@
160
160
  display: none;
161
161
  }
162
162
  @media (max-width: 840px) {
163
- .o-header-search-mobile-icon[data-v-a97b8e7c] {
163
+ .o-header-search-mobile-icon[data-v-3ae3a279] {
164
164
  display: block;
165
165
  }
166
166
  }
167
- .o-header-search-drawer-enter-active[data-v-a97b8e7c] {
167
+ .o-header-search-drawer-enter-active[data-v-3ae3a279] {
168
168
  transition: opacity var(--o-duration-m1);
169
169
  }
170
- .o-header-search-drawer-enter-from[data-v-a97b8e7c] {
170
+ .o-header-search-drawer-enter-from[data-v-3ae3a279] {
171
171
  opacity: 0;
172
172
  }
173
- .o-header-search.is-mobile-mode[data-v-a97b8e7c] {
173
+ .o-header-search.is-mobile-mode[data-v-3ae3a279] {
174
174
  width: 24px;
175
175
  height: 24px;
176
176
  }
177
- .o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-a97b8e7c] {
177
+ .o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-3ae3a279] {
178
178
  display: block;
179
179
  }
180
- .o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-a97b8e7c] {
180
+ .o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-3ae3a279] {
181
181
  gap: var(--o-gap-4);
182
182
  padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
183
183
  border-radius: unset;
184
184
  }
185
- .o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
185
+ .o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-3ae3a279] {
186
186
  flex: 1;
187
187
  width: auto;
188
188
  }
189
- .o-header-search.is-mobile-mode .o-header-search-drawer[data-v-a97b8e7c] {
189
+ .o-header-search.is-mobile-mode .o-header-search-drawer[data-v-3ae3a279] {
190
190
  position: static;
191
191
  height: calc(100vh - 50px);
192
192
  padding-top: 0;
@@ -194,6 +194,11 @@
194
194
  box-shadow: unset;
195
195
  border-radius: unset;
196
196
  }
197
- .o-header-search.is-mobile-mode .o-header-search-drawer[data-v-a97b8e7c]::before {
197
+ .o-header-search.is-mobile-mode .o-header-search-drawer[data-v-3ae3a279]::before {
198
198
  display: none;
199
+ }
200
+ @media (max-width: 1440px) {
201
+ [data-v-3ae3a279] .o-input.o_box-medium {
202
+ --_box-height: 32px;
203
+ }
199
204
  }
@@ -253,7 +253,7 @@ declare function __VLS_template(): {
253
253
  type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
254
254
  };
255
255
  showPasswordEvent: {
256
- type: import('vue').PropType<"click" | "pointerdown">;
256
+ type: import('vue' /** 强制指定移动端模式,不传时由内部 lePadV 断点自动判断 */).PropType<"click" | "pointerdown">;
257
257
  default: string;
258
258
  };
259
259
  autoWidth: {
@@ -736,7 +736,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
736
736
  type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
737
737
  };
738
738
  showPasswordEvent: {
739
- type: import('vue').PropType<"click" | "pointerdown">;
739
+ type: import('vue' /** 强制指定移动端模式,不传时由内部 lePadV 断点自动判断 */).PropType<"click" | "pointerdown">;
740
740
  default: string;
741
741
  };
742
742
  autoWidth: {
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OHeaderSearch.vue2.mjs";
2
2
  import './OHeaderSearch.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OHeaderSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a97b8e7c"]]);
4
+ const _OHeaderSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ae3a279"]]);
5
5
  export {
6
6
  _OHeaderSearch as default
7
7
  };
@@ -89,7 +89,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
89
89
  }
90
90
  return props.placeholder ?? t("search.placeholder");
91
91
  });
92
- const emitInputDebounced = useDebounceFn((val) => emit("input", val), () => props.debounce);
92
+ const emitInputDebounced = useDebounceFn(
93
+ (val) => emit("input", val),
94
+ () => props.debounce
95
+ );
93
96
  watch(innerValue, (val) => emitInputDebounced(val));
94
97
  onClickOutside(wrapperRef, () => {
95
98
  if (isMobileMode.value) return;
@@ -1,17 +1,17 @@
1
- .hover-icon-rotate .o-icon[data-v-23114be6] {
1
+ .hover-icon-rotate .o-icon[data-v-e5634f17] {
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-23114be6] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-e5634f17] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .source-code[data-v-23114be6] {
9
+ .source-code[data-v-e5634f17] {
10
10
  height: 100%;
11
11
  display: flex;
12
12
  align-items: center;
13
13
  }
14
- .source-code .info-wrap[data-v-23114be6] {
14
+ .source-code .info-wrap[data-v-e5634f17] {
15
15
  height: 100%;
16
16
  display: flex;
17
17
  align-items: center;
@@ -19,11 +19,11 @@
19
19
  cursor: pointer;
20
20
  }
21
21
  @media (hover: hover) {
22
- .source-code .info-wrap[data-v-23114be6]:hover {
22
+ .source-code .info-wrap[data-v-e5634f17]:hover {
23
23
  color: var(--o-color-primary1);
24
24
  }
25
25
  }
26
- .source-code .info-wrap .title[data-v-23114be6] {
26
+ .source-code .info-wrap .title[data-v-e5634f17] {
27
27
  display: flex;
28
28
  align-items: center;
29
29
  cursor: pointer;
@@ -32,60 +32,90 @@
32
32
  line-height: 22px;
33
33
  }
34
34
  @media (min-width: 1201px) and (max-width: 1680px) {
35
- .source-code .info-wrap .title[data-v-23114be6] {
35
+ .source-code .info-wrap .title[data-v-e5634f17] {
36
36
  font-size: 12px;
37
37
  line-height: 18px;
38
38
  }
39
39
  }
40
40
  @media (min-width: 841px) and (max-width: 1200px) {
41
- .source-code .info-wrap .title[data-v-23114be6] {
41
+ .source-code .info-wrap .title[data-v-e5634f17] {
42
42
  font-size: 12px;
43
43
  line-height: 18px;
44
44
  }
45
45
  }
46
46
  @media (min-width: 601px) and (max-width: 840px) {
47
- .source-code .info-wrap .title[data-v-23114be6] {
47
+ .source-code .info-wrap .title[data-v-e5634f17] {
48
48
  font-size: 12px;
49
49
  line-height: 18px;
50
50
  }
51
51
  }
52
52
  @media (max-width: 600px) {
53
- .source-code .info-wrap .title[data-v-23114be6] {
53
+ .source-code .info-wrap .title[data-v-e5634f17] {
54
54
  font-size: 12px;
55
55
  line-height: 18px;
56
56
  }
57
57
  }
58
- .source-code .list[data-v-23114be6] {
59
- background: var(--o-color-fill2);
58
+ @media (min-width: 1201px) and (max-width: 1680px) {
59
+ .source-code .info-wrap .title[data-v-e5634f17] {
60
+ font-size: 16px;
61
+ line-height: 24px;
62
+ }
63
+ }
64
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
65
+ .source-code .info-wrap .title[data-v-e5634f17] {
66
+ font-size: 14px;
67
+ line-height: 22px;
68
+ }
69
+ }
70
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
71
+ .source-code .info-wrap .title[data-v-e5634f17] {
72
+ font-size: 14px;
73
+ line-height: 22px;
74
+ }
75
+ }
76
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
77
+ .source-code .info-wrap .title[data-v-e5634f17] {
78
+ font-size: 14px;
79
+ line-height: 22px;
80
+ }
81
+ }
82
+ @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
83
+ .source-code .info-wrap .title[data-v-e5634f17] {
84
+ font-size: 12px;
85
+ line-height: 18px;
86
+ }
87
+ }
88
+ .source-code .list[data-v-e5634f17] {
89
+ background: var(--o-color-control5-light);
60
90
  cursor: pointer;
61
91
  box-shadow: var(--o-shadow-1);
62
92
  border-radius: var(--o-radius_control-xs);
63
93
  padding: var(--o-gap-1);
64
94
  width: 144px;
65
95
  }
66
- .hover-icon-rotate .o-icon[data-v-23114be6] {
96
+ .hover-icon-rotate .o-icon[data-v-e5634f17] {
67
97
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
68
98
  }
69
99
  @media (hover: hover) {
70
- .hover-icon-rotate:hover .o-icon[data-v-23114be6] {
100
+ .hover-icon-rotate:hover .o-icon[data-v-e5634f17] {
71
101
  transform: rotate(-180deg);
72
102
  }
73
103
  }
74
- .icon[data-v-23114be6] {
104
+ .icon[data-v-e5634f17] {
75
105
  font-size: var(--o-icon_size_control-xs);
76
106
  margin-left: var(--o-gap-1);
77
107
  }
78
- .o-dropdown[data-v-23114be6] {
108
+ .o-dropdown[data-v-e5634f17] {
79
109
  height: 100%;
80
110
  }
81
- .dropdown-active .info-wrap[data-v-23114be6] {
111
+ .dropdown-active .info-wrap[data-v-e5634f17] {
82
112
  color: var(--o-color-primary1);
83
113
  }
84
- .dropdown-active .o-icon[data-v-23114be6] {
114
+ .dropdown-active .o-icon[data-v-e5634f17] {
85
115
  transform: rotate(-180deg);
86
116
  }
87
- .o-dropdown-item[data-v-23114be6] {
88
- background: var(--o-color-fill2);
117
+ .o-dropdown-item[data-v-e5634f17] {
118
+ background: var(--o-color-control5-light);
89
119
  cursor: pointer;
90
120
  border-radius: var(--o-radius_control-xs);
91
121
  padding: var(--o-gap-1) 12px;
@@ -94,39 +124,39 @@
94
124
  line-height: 22px;
95
125
  }
96
126
  @media (min-width: 1201px) and (max-width: 1680px) {
97
- .o-dropdown-item[data-v-23114be6] {
127
+ .o-dropdown-item[data-v-e5634f17] {
98
128
  font-size: 12px;
99
129
  line-height: 18px;
100
130
  }
101
131
  }
102
132
  @media (min-width: 841px) and (max-width: 1200px) {
103
- .o-dropdown-item[data-v-23114be6] {
133
+ .o-dropdown-item[data-v-e5634f17] {
104
134
  font-size: 12px;
105
135
  line-height: 18px;
106
136
  }
107
137
  }
108
138
  @media (min-width: 601px) and (max-width: 840px) {
109
- .o-dropdown-item[data-v-23114be6] {
139
+ .o-dropdown-item[data-v-e5634f17] {
110
140
  font-size: 12px;
111
141
  line-height: 18px;
112
142
  }
113
143
  }
114
144
  @media (max-width: 600px) {
115
- .o-dropdown-item[data-v-23114be6] {
145
+ .o-dropdown-item[data-v-e5634f17] {
116
146
  font-size: 12px;
117
147
  line-height: 18px;
118
148
  }
119
149
  }
120
150
  @media (hover: hover) {
121
- .o-dropdown-item[data-v-23114be6]:hover {
151
+ .o-dropdown-item[data-v-e5634f17]:hover {
122
152
  background: var(--o-color-control2-light);
123
153
  }
124
154
  }
125
- .o-dropdown-item[data-v-23114be6]:active {
155
+ .o-dropdown-item[data-v-e5634f17]:active {
126
156
  color: var(--o-color-primary1);
127
157
  background: var(--o-color-control3-light);
128
158
  font-weight: 600;
129
159
  }
130
- .dropdown[data-v-23114be6] {
160
+ .dropdown[data-v-e5634f17] {
131
161
  --dropdown-list-radius: var(--o-radius-xs);
132
162
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OHeaderSourceCode.vue2.mjs";
2
2
  import './OHeaderSourceCode.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OHeaderSourceCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-23114be6"]]);
4
+ const _OHeaderSourceCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e5634f17"]]);
5
5
  export {
6
6
  _OHeaderSourceCode as default
7
7
  };
@@ -1,12 +1,12 @@
1
- .hover-icon-rotate .o-icon[data-v-22ffeea2] {
1
+ .hover-icon-rotate .o-icon[data-v-9829302b] {
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-22ffeea2] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-9829302b] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .header-user[data-v-22ffeea2] {
9
+ .header-user[data-v-9829302b] {
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-22ffeea2] {
17
+ .user-info[data-v-9829302b] {
18
18
  height: 100%;
19
19
  min-width: 32px;
20
20
  display: flex;
21
21
  cursor: pointer;
22
22
  }
23
- .info-wrap[data-v-22ffeea2] {
23
+ .info-wrap[data-v-9829302b] {
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-22ffeea2] {
29
+ .info-wrap .icon[data-v-9829302b] {
30
30
  margin-left: 4px;
31
31
  }
32
- .user-avatar[data-v-22ffeea2] {
32
+ .user-avatar[data-v-9829302b] {
33
33
  margin-right: 4px;
34
34
  }
35
- .user-avatar[data-v-22ffeea2] .o-badge-content {
35
+ .user-avatar[data-v-9829302b] .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-22ffeea2] {
40
+ .o-dropdown-item[data-v-9829302b] {
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-22ffeea2] {
48
+ .o-dropdown-item[data-v-9829302b] {
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-22ffeea2] {
54
+ .o-dropdown-item[data-v-9829302b] {
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-22ffeea2] {
60
+ .o-dropdown-item[data-v-9829302b] {
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-22ffeea2] {
66
+ .o-dropdown-item[data-v-9829302b] {
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-22ffeea2]:hover {
72
+ .o-dropdown-item[data-v-9829302b]: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-22ffeea2] .o-badge-content {
77
+ .notice-not[data-v-9829302b] .o-badge-content {
78
78
  display: none;
79
79
  }
80
- .user-account[data-v-22ffeea2] {
80
+ .user-account[data-v-9829302b] {
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-22ffeea2] {
88
+ .user-account[data-v-9829302b] {
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-22ffeea2] {
94
+ .user-account[data-v-9829302b] {
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-22ffeea2] {
100
+ .user-account[data-v-9829302b] {
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-22ffeea2] {
106
+ .user-account[data-v-9829302b] {
107
107
  font-size: 12px;
108
108
  line-height: 18px;
109
109
  }
110
110
  }
111
- .user-account[data-v-22ffeea2] {
111
+ .user-account[data-v-9829302b] {
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-22ffeea2] {
120
+ .header-user[data-v-9829302b] {
121
121
  min-width: auto;
122
122
  }
123
- .header-user .user-info[data-v-22ffeea2] {
123
+ .header-user .user-info[data-v-9829302b] {
124
124
  min-width: 24px;
125
125
  }
126
- .header-user .user-info .info-wrap .user-avatar[data-v-22ffeea2] {
126
+ .header-user .user-info .info-wrap .user-avatar[data-v-9829302b] {
127
127
  margin-right: 0;
128
128
  }
129
- .header-user .user-info .info-wrap .user-account[data-v-22ffeea2] {
129
+ .header-user .user-info .info-wrap .user-account[data-v-9829302b] {
130
130
  display: none;
131
131
  }
132
- .header-user .user-info .info-wrap .icon[data-v-22ffeea2] {
132
+ .header-user .user-info .info-wrap .icon[data-v-9829302b] {
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-22ffeea2"]]);
5
+ const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9829302b"]]);
6
6
  export {
7
7
  _OHeaderUser as default
8
8
  };