@opendesign-plus-test/components 0.0.1-rc.94 → 0.0.1-rc.95

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 (13) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +1 -1
  3. package/dist/components/header-search/OHeaderSearch.vue.d.ts +6 -6
  4. package/dist/components/header-search/index.d.ts +3 -3
  5. package/dist/components/header-user/OHeaderUser.vue.d.ts +1 -1
  6. package/dist/components/header-user/index.d.ts +3 -3
  7. package/dist/components/search/OSearchInput.vue.d.ts +6 -6
  8. package/dist/components/search/index.d.ts +3 -3
  9. package/dist/components/search/internal/SearchImageInput.vue.d.ts +1 -1
  10. package/dist/components.css +1 -1
  11. package/dist/treeshaking/components/element-plus/OElCookieNotice.vue.mjs +1 -1
  12. package/dist/treeshaking/components/element-plus/OElCookieNotice2.css +145 -145
  13. package/package.json +3 -3
package/dist/treeshaking/components/element-plus/OElCookieNotice2.css CHANGED
@@ -1,12 +1,12 @@
1
- .hover-icon-rotate .o-icon[data-v-a1abee53] {
1
+ .hover-icon-rotate .o-icon[data-v-667a5ab4] {
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-a1abee53] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-667a5ab4] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- [data-v-a1abee53]:root {
9
+ [data-v-667a5ab4]:root {
10
10
  --el-color-primary: var(--o-color-primary1);
11
11
  --el-border-color: var(--o-color-control1);
12
12
  --el-input-placeholder-color: var(--el-text-color-placeholder);
@@ -15,83 +15,83 @@
15
15
  --el-component-size-large: 36px;
16
16
  }
17
17
  @media (max-width: 840px) {
18
- [data-v-a1abee53]:root {
18
+ [data-v-667a5ab4]:root {
19
19
  --el-component-size-large: var(--o-control_size-l);
20
20
  }
21
21
  }
22
- :root .el-date-editor.el-date-editor--daterange[data-v-a1abee53] {
22
+ :root .el-date-editor.el-date-editor--daterange[data-v-667a5ab4] {
23
23
  padding: 0 13px 0 15px;
24
24
  }
25
- :root .el-date-editor.el-date-editor--timerange[data-v-a1abee53] {
25
+ :root .el-date-editor.el-date-editor--timerange[data-v-667a5ab4] {
26
26
  padding: 0 16px;
27
27
  }
28
- :root .el-date-editor input[data-v-a1abee53] {
28
+ :root .el-date-editor input[data-v-667a5ab4] {
29
29
  text-align: left;
30
30
  font-size: 16px;
31
31
  line-height: 24px;
32
32
  }
33
33
  @media (min-width: 1201px) and (max-width: 1680px) {
34
- :root .el-date-editor input[data-v-a1abee53] {
34
+ :root .el-date-editor input[data-v-667a5ab4] {
35
35
  font-size: 14px;
36
36
  line-height: 22px;
37
37
  }
38
38
  }
39
39
  @media (min-width: 841px) and (max-width: 1200px) {
40
- :root .el-date-editor input[data-v-a1abee53] {
40
+ :root .el-date-editor input[data-v-667a5ab4] {
41
41
  font-size: 14px;
42
42
  line-height: 22px;
43
43
  }
44
44
  }
45
45
  @media (min-width: 601px) and (max-width: 840px) {
46
- :root .el-date-editor input[data-v-a1abee53] {
46
+ :root .el-date-editor input[data-v-667a5ab4] {
47
47
  font-size: 14px;
48
48
  line-height: 22px;
49
49
  }
50
50
  }
51
51
  @media (max-width: 600px) {
52
- :root .el-date-editor input[data-v-a1abee53] {
52
+ :root .el-date-editor input[data-v-667a5ab4] {
53
53
  font-size: 12px;
54
54
  line-height: 18px;
55
55
  }
56
56
  }
57
57
  @media (max-width: 600px) {
58
- :root .el-date-editor input[data-v-a1abee53] {
58
+ :root .el-date-editor input[data-v-667a5ab4] {
59
59
  font-size: 18px;
60
60
  line-height: 26px;
61
61
  }
62
62
  }
63
63
  @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
64
- :root .el-date-editor input[data-v-a1abee53] {
64
+ :root .el-date-editor input[data-v-667a5ab4] {
65
65
  font-size: 16px;
66
66
  line-height: 24px;
67
67
  }
68
68
  }
69
69
  @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
70
- :root .el-date-editor input[data-v-a1abee53] {
70
+ :root .el-date-editor input[data-v-667a5ab4] {
71
71
  font-size: 14px;
72
72
  line-height: 22px;
73
73
  }
74
74
  }
75
75
  @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
76
- :root .el-date-editor input[data-v-a1abee53] {
76
+ :root .el-date-editor input[data-v-667a5ab4] {
77
77
  font-size: 14px;
78
78
  line-height: 22px;
79
79
  }
80
80
  }
81
81
  @media (max-width: 600px) and (max-width: 600px) {
82
- :root .el-date-editor input[data-v-a1abee53] {
82
+ :root .el-date-editor input[data-v-667a5ab4] {
83
83
  font-size: 14px;
84
84
  line-height: 22px;
85
85
  }
86
86
  }
87
- :root .el-date-editor .el-select__wrapper[data-v-a1abee53] {
87
+ :root .el-date-editor .el-select__wrapper[data-v-667a5ab4] {
88
88
  gap: 0;
89
89
  }
90
- :root .el-date-editor .el-input__wrapper .el-input__prefix[data-v-a1abee53] {
90
+ :root .el-date-editor .el-input__wrapper .el-input__prefix[data-v-667a5ab4] {
91
91
  order: 1;
92
92
  font-size: 16px;
93
93
  }
94
- :root .el-date-editor .el-input__icon[data-v-a1abee53] {
94
+ :root .el-date-editor .el-input__icon[data-v-667a5ab4] {
95
95
  height: 100%;
96
96
  order: 1;
97
97
  font-size: 24px;
@@ -103,201 +103,201 @@
103
103
  background-repeat: no-repeat;
104
104
  background-position: center center;
105
105
  }
106
- :root .el-date-editor .el-input__icon svg[data-v-a1abee53] {
106
+ :root .el-date-editor .el-input__icon svg[data-v-667a5ab4] {
107
107
  display: none;
108
108
  }
109
- :root .el-popper .el-popper__arrow[data-v-a1abee53] {
109
+ :root .el-popper .el-popper__arrow[data-v-667a5ab4] {
110
110
  display: none;
111
111
  }
112
- :root .el-popper .el-picker-panel[data-v-a1abee53] {
112
+ :root .el-popper .el-picker-panel[data-v-667a5ab4] {
113
113
  --cell-row-gap: 6px;
114
114
  --cell-radius: var(--o-radius-xs);
115
115
  color: var(--o-color-info1);
116
116
  }
117
- :root .el-popper .el-picker-panel .el-date-picker__header[data-v-a1abee53] {
117
+ :root .el-popper .el-picker-panel .el-date-picker__header[data-v-667a5ab4] {
118
118
  padding: 12px 24px;
119
119
  height: 48px;
120
120
  border-bottom: 1px solid var(--o-color-control4);
121
121
  }
122
- :root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label[data-v-a1abee53] {
122
+ :root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label[data-v-667a5ab4] {
123
123
  font-weight: 500;
124
124
  }
125
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th[data-v-a1abee53] {
125
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th[data-v-667a5ab4] {
126
126
  border-bottom: none;
127
127
  height: 24px;
128
128
  color: inherit;
129
129
  padding: 0 0 var(--cell-row-gap);
130
130
  }
131
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td[data-v-a1abee53] {
131
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td[data-v-667a5ab4] {
132
132
  padding: var(--cell-row-gap) 0px;
133
133
  }
134
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell[data-v-a1abee53] {
134
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell[data-v-667a5ab4] {
135
135
  padding: 0;
136
136
  height: 24px;
137
137
  line-height: 22px;
138
138
  border: 1px solid transparent;
139
139
  border-radius: var(--cell-radius);
140
140
  }
141
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell[data-v-a1abee53] {
141
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell[data-v-667a5ab4] {
142
142
  border-color: var(--o-color-primary1);
143
143
  }
144
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell[data-v-a1abee53] {
144
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell[data-v-667a5ab4], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell[data-v-667a5ab4], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell[data-v-667a5ab4] {
145
145
  background: none;
146
146
  color: var(--o-color-info4);
147
147
  }
148
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell[data-v-a1abee53] {
148
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell[data-v-667a5ab4] {
149
149
  background: var(--o-color-control2-light);
150
150
  }
151
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text[data-v-a1abee53] {
151
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text[data-v-667a5ab4] {
152
152
  font-weight: normal;
153
153
  color: var(--o-color-info1);
154
154
  }
155
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell[data-v-a1abee53] {
155
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell[data-v-667a5ab4], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell[data-v-667a5ab4], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell[data-v-667a5ab4] {
156
156
  background: var(--o-color-primary1);
157
157
  }
158
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text[data-v-a1abee53] {
158
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text[data-v-667a5ab4], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text[data-v-667a5ab4], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text[data-v-667a5ab4] {
159
159
  background: none;
160
160
  color: #fff;
161
161
  }
162
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell[data-v-a1abee53] {
162
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell[data-v-667a5ab4] {
163
163
  border-radius: 0;
164
164
  }
165
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell[data-v-a1abee53] {
165
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell[data-v-667a5ab4] {
166
166
  border-radius: var(--cell-radius);
167
167
  }
168
- :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell[data-v-a1abee53] {
168
+ :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell[data-v-667a5ab4] {
169
169
  border-radius: var(--cell-radius);
170
170
  }
171
- :root .el-input[data-v-a1abee53] {
171
+ :root .el-input[data-v-667a5ab4] {
172
172
  --el-border-color: var(--o-color-control1);
173
173
  --el-input-border-color: var(--o-color-control1);
174
174
  --el-input-hover-border-color: var(--o-color-primary2);
175
175
  --el-input-focus-border-color: var(--o-color-primary3);
176
176
  }
177
- :root .el-table[data-v-a1abee53] {
177
+ :root .el-table[data-v-667a5ab4] {
178
178
  --el-table-border-color: var(--o-color-control4) ;
179
179
  }
180
- :root .el-input__wrapper[data-v-a1abee53] {
180
+ :root .el-input__wrapper[data-v-667a5ab4] {
181
181
  background: var(--o-color-fill2);
182
182
  box-shadow: none;
183
183
  border: 1px solid var(--el-input-border-color);
184
184
  }
185
- :root .el-date-editor.is-focus .el-input__wrapper[data-v-a1abee53] {
185
+ :root .el-date-editor.is-focus .el-input__wrapper[data-v-667a5ab4] {
186
186
  box-shadow: none;
187
187
  --el-input-border-color: var(--o-color-primary3);
188
188
  }
189
- :root .el-date-editor:hover .el-input__wrapper[data-v-a1abee53] {
189
+ :root .el-date-editor:hover .el-input__wrapper[data-v-667a5ab4] {
190
190
  box-shadow: none;
191
191
  --el-input-border-color: var(--o-color-primary2);
192
192
  }
193
- :root .el-date-editor.el-input__wrapper[data-v-a1abee53]:hover {
193
+ :root .el-date-editor.el-input__wrapper[data-v-667a5ab4]:hover {
194
194
  box-shadow: none;
195
195
  --el-input-border-color: var(--o-color-primary2);
196
196
  }
197
- :root .el-date-editor.el-input__wrapper.is-active[data-v-a1abee53] {
197
+ :root .el-date-editor.el-input__wrapper.is-active[data-v-667a5ab4] {
198
198
  --el-input-border-color: var(--o-color-primary3);
199
199
  }
200
- :root .el-select__wrapper[data-v-a1abee53] {
200
+ :root .el-select__wrapper[data-v-667a5ab4] {
201
201
  background: var(--o-color-fill2);
202
202
  }
203
- :root .el-calendar .el-calendar-table[data-v-a1abee53] {
203
+ :root .el-calendar .el-calendar-table[data-v-667a5ab4] {
204
204
  width: 100%;
205
205
  }
206
- :root .el-calendar .el-calendar-table th[data-v-a1abee53] {
206
+ :root .el-calendar .el-calendar-table th[data-v-667a5ab4] {
207
207
  color: var(--o-color-info3);
208
208
  font-weight: 400;
209
209
  padding: 4px 0 16px 0;
210
210
  text-align: center;
211
211
  }
212
- :root .el-calendar .el-calendar-table td.prev .date-calender[data-v-a1abee53], :root .el-calendar .el-calendar-table td.next .date-calender[data-v-a1abee53] {
212
+ :root .el-calendar .el-calendar-table td.prev .date-calender[data-v-667a5ab4], :root .el-calendar .el-calendar-table td.next .date-calender[data-v-667a5ab4] {
213
213
  color: var(--o-color-info4);
214
214
  }
215
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
215
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
216
216
  font-size: 16px;
217
217
  line-height: 24px;
218
218
  }
219
219
  @media (min-width: 1201px) and (max-width: 1680px) {
220
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
220
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
221
221
  font-size: 14px;
222
222
  line-height: 22px;
223
223
  }
224
224
  }
225
225
  @media (min-width: 841px) and (max-width: 1200px) {
226
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
226
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
227
227
  font-size: 14px;
228
228
  line-height: 22px;
229
229
  }
230
230
  }
231
231
  @media (min-width: 601px) and (max-width: 840px) {
232
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
232
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
233
233
  font-size: 14px;
234
234
  line-height: 22px;
235
235
  }
236
236
  }
237
237
  @media (max-width: 600px) {
238
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
238
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
239
239
  font-size: 12px;
240
240
  line-height: 18px;
241
241
  }
242
242
  }
243
243
  @media (max-width: 600px) {
244
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
244
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
245
245
  font-size: 18px;
246
246
  line-height: 26px;
247
247
  }
248
248
  }
249
249
  @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
250
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
250
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
251
251
  font-size: 16px;
252
252
  line-height: 24px;
253
253
  }
254
254
  }
255
255
  @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
256
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
256
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
257
257
  font-size: 14px;
258
258
  line-height: 22px;
259
259
  }
260
260
  }
261
261
  @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
262
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
262
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
263
263
  font-size: 14px;
264
264
  line-height: 22px;
265
265
  }
266
266
  }
267
267
  @media (max-width: 600px) and (max-width: 600px) {
268
- :root .el-select .el-select__placeholder[data-v-a1abee53] {
268
+ :root .el-select .el-select__placeholder[data-v-667a5ab4] {
269
269
  font-size: 14px;
270
270
  line-height: 22px;
271
271
  }
272
272
  }
273
- :root .el-input-number[data-v-a1abee53] {
273
+ :root .el-input-number[data-v-667a5ab4] {
274
274
  --el-component-size-large: 34px;
275
275
  }
276
276
  @media (max-width: 840px) {
277
- :root .el-input-number[data-v-a1abee53] {
277
+ :root .el-input-number[data-v-667a5ab4] {
278
278
  --el-component-size-large: calc(var(--o-control_size-l) - 2px);
279
279
  }
280
280
  }
281
- :root .el-input-number .el-input__wrapper[data-v-a1abee53]:hover {
281
+ :root .el-input-number .el-input__wrapper[data-v-667a5ab4]:hover {
282
282
  --el-input-border-color: var(--o-color-primary2);
283
283
  }
284
- :root .el-input-number .el-input__wrapper.is-focus[data-v-a1abee53] {
284
+ :root .el-input-number .el-input__wrapper.is-focus[data-v-667a5ab4] {
285
285
  --el-input-border-color: var(--o-color-primary3);
286
286
  }
287
- :root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-a1abee53],
288
- :root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-a1abee53] {
287
+ :root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-667a5ab4],
288
+ :root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-667a5ab4] {
289
289
  box-shadow: none;
290
290
  }
291
- :root .el-input-number .el-input__wrapper[data-v-a1abee53] {
291
+ :root .el-input-number .el-input__wrapper[data-v-667a5ab4] {
292
292
  box-shadow: none;
293
293
  }
294
- :root .el-input-number .el-input__wrapper.is-focus[data-v-a1abee53] {
294
+ :root .el-input-number .el-input__wrapper.is-focus[data-v-667a5ab4] {
295
295
  box-shadow: none;
296
296
  }
297
- :root .el-input-number.el-input-number--large[data-v-a1abee53] {
297
+ :root .el-input-number.el-input-number--large[data-v-667a5ab4] {
298
298
  line-height: var(--el-component-size-large);
299
299
  }
300
- .el-button[data-v-a1abee53] {
300
+ .el-button[data-v-667a5ab4] {
301
301
  --el-button-bg-color: transparent;
302
302
  --el-button-hover-bg-color: transparent;
303
303
  --el-button-active-bg-color: transparent;
@@ -308,81 +308,81 @@
308
308
  --el-button-hover-border-color: var(--o-color-primary2);
309
309
  --el-button-active-border-color: var(--o-color-primary3);
310
310
  }
311
- .cookie-notice[data-v-a1abee53] {
311
+ .cookie-notice[data-v-667a5ab4] {
312
312
  position: fixed;
313
313
  bottom: 0;
314
314
  z-index: 999;
315
315
  width: 100%;
316
316
  --el-color-primary: var(--o-color-primary1);
317
317
  }
318
- .cookie-notice-content[data-v-a1abee53] {
318
+ .cookie-notice-content[data-v-667a5ab4] {
319
319
  background-color: rgba(var(--o-grey-1), 0.9);
320
320
  backdrop-filter: blur(5px);
321
321
  box-shadow: var(--o-shadow-1);
322
322
  }
323
- .cookie-notice-wrap[data-v-a1abee53] {
323
+ .cookie-notice-wrap[data-v-667a5ab4] {
324
324
  position: relative;
325
325
  margin: 0 auto;
326
326
  padding: 16px var(--layout-content-padding);
327
327
  max-width: var(--layout-content-max-width);
328
328
  }
329
329
  @media (1680px >= width >= 1201px) {
330
- .cookie-notice-wrap[data-v-a1abee53] {
330
+ .cookie-notice-wrap[data-v-667a5ab4] {
331
331
  padding: 12px var(--layout-content-padding);
332
332
  }
333
333
  }
334
334
  @media (min-width: 841px) and (max-width: 1200px) {
335
- .cookie-notice-wrap[data-v-a1abee53] {
335
+ .cookie-notice-wrap[data-v-667a5ab4] {
336
336
  padding: 8px var(--layout-content-padding);
337
337
  }
338
338
  }
339
339
  @media (max-width: 840px) {
340
- .cookie-notice-wrap[data-v-a1abee53] {
340
+ .cookie-notice-wrap[data-v-667a5ab4] {
341
341
  padding: 16px var(--layout-content-padding);
342
342
  }
343
343
  }
344
344
  @media (max-width: 600px) {
345
- .cookie-notice-wrap[data-v-a1abee53] {
345
+ .cookie-notice-wrap[data-v-667a5ab4] {
346
346
  padding: 16px var(--layout-content-padding);
347
347
  }
348
348
  }
349
349
  @media (max-width: 840px) {
350
- .cookie-notice-wrap[data-v-a1abee53]:not([type=zh]) {
350
+ .cookie-notice-wrap[data-v-667a5ab4]:not([type=zh]) {
351
351
  flex-direction: column;
352
352
  }
353
353
  }
354
- .cookie-notice-wrap-grid[data-v-a1abee53] {
354
+ .cookie-notice-wrap-grid[data-v-667a5ab4] {
355
355
  width: var(--grid-content-width);
356
356
  padding: 16px 0;
357
357
  margin: 0 auto;
358
358
  }
359
359
  @media (1680px >= width >= 1201px) {
360
- .cookie-notice-wrap-grid[data-v-a1abee53] {
360
+ .cookie-notice-wrap-grid[data-v-667a5ab4] {
361
361
  padding: 12px 0;
362
362
  }
363
363
  }
364
364
  @media (min-width: 841px) and (max-width: 1200px) {
365
- .cookie-notice-wrap-grid[data-v-a1abee53] {
365
+ .cookie-notice-wrap-grid[data-v-667a5ab4] {
366
366
  padding: 8px 0;
367
367
  }
368
368
  }
369
369
  @media (max-width: 840px) {
370
- .cookie-notice-wrap-grid[data-v-a1abee53] {
370
+ .cookie-notice-wrap-grid[data-v-667a5ab4] {
371
371
  padding: 16px 0;
372
372
  }
373
373
  }
374
374
  @media (max-width: 600px) {
375
- .cookie-notice-wrap-grid[data-v-a1abee53] {
375
+ .cookie-notice-wrap-grid[data-v-667a5ab4] {
376
376
  padding: 16px 0;
377
377
  }
378
378
  }
379
379
  @media (max-width: 840px) {
380
- .cookie-notice-wrap-grid[data-v-a1abee53]:not([type=zh]) {
380
+ .cookie-notice-wrap-grid[data-v-667a5ab4]:not([type=zh]) {
381
381
  padding: 16px 0;
382
382
  flex-direction: column;
383
383
  }
384
384
  }
385
- .cookie-title[data-v-a1abee53] {
385
+ .cookie-title[data-v-667a5ab4] {
386
386
  display: flex;
387
387
  font-size: 16px;
388
388
  line-height: calc(1em + 8px);
@@ -390,91 +390,91 @@
390
390
  font-weight: 500;
391
391
  }
392
392
  @media (max-width: 1680px) {
393
- .cookie-title[data-v-a1abee53] {
393
+ .cookie-title[data-v-667a5ab4] {
394
394
  font-size: 14px;
395
395
  }
396
396
  }
397
397
  @media (max-width: 840px) {
398
- .cookie-title[data-v-a1abee53] {
398
+ .cookie-title[data-v-667a5ab4] {
399
399
  text-align: center;
400
400
  }
401
401
  }
402
402
  @media (max-width: 840px) {
403
- .cookie-en-title[data-v-a1abee53] {
403
+ .cookie-en-title[data-v-667a5ab4] {
404
404
  margin-left: auto;
405
405
  }
406
406
  }
407
- .cookie-zh-title[data-v-a1abee53] {
407
+ .cookie-zh-title[data-v-667a5ab4] {
408
408
  font-size: 14px;
409
409
  line-height: 22px;
410
410
  margin-right: 8px;
411
411
  text-align: start;
412
412
  }
413
413
  @media (max-width: 840px) {
414
- .cookie-zh-title[data-v-a1abee53] {
414
+ .cookie-zh-title[data-v-667a5ab4] {
415
415
  font-size: 12px;
416
416
  line-height: 18px;
417
417
  }
418
418
  }
419
- .cookie-en-content[data-v-a1abee53] {
419
+ .cookie-en-content[data-v-667a5ab4] {
420
420
  display: flex;
421
421
  width: 100%;
422
422
  margin-top: 8px;
423
423
  }
424
424
  @media (max-width: 840px) {
425
- .cookie-en-content[data-v-a1abee53] {
425
+ .cookie-en-content[data-v-667a5ab4] {
426
426
  flex-direction: column;
427
427
  }
428
428
  }
429
- .cookie-en-desc[data-v-a1abee53] {
429
+ .cookie-en-desc[data-v-667a5ab4] {
430
430
  font-size: 12px;
431
431
  line-height: 18px;
432
432
  color: var(--o-color-info2);
433
433
  }
434
434
  @media (min-width: 1681px) {
435
- .cookie-en-desc[data-v-a1abee53] {
435
+ .cookie-en-desc[data-v-667a5ab4] {
436
436
  margin-right: 48px;
437
437
  }
438
438
  }
439
439
  @media (1680px >= width >= 1201px) {
440
- .cookie-en-desc[data-v-a1abee53] {
440
+ .cookie-en-desc[data-v-667a5ab4] {
441
441
  margin-right: 40px;
442
442
  }
443
443
  }
444
444
  @media (min-width: 601px) and (max-width: 1200px) {
445
- .cookie-en-desc[data-v-a1abee53] {
445
+ .cookie-en-desc[data-v-667a5ab4] {
446
446
  margin-right: 24px;
447
447
  }
448
448
  }
449
449
  @media (max-width: 840px) {
450
- .cookie-en-desc[data-v-a1abee53] {
450
+ .cookie-en-desc[data-v-667a5ab4] {
451
451
  margin: 0;
452
452
  }
453
453
  }
454
- .cookie-notice-right[data-v-a1abee53] {
454
+ .cookie-notice-right[data-v-667a5ab4] {
455
455
  display: flex;
456
456
  margin-left: auto;
457
457
  }
458
- .cookie-notice-right .el-button[data-v-a1abee53]:not(:first-child) {
458
+ .cookie-notice-right .el-button[data-v-667a5ab4]:not(:first-child) {
459
459
  margin-left: 16px;
460
460
  }
461
461
  @media (1680px >= width >= 1201px) {
462
- .cookie-notice-right .el-button[data-v-a1abee53]:not(:first-child) {
462
+ .cookie-notice-right .el-button[data-v-667a5ab4]:not(:first-child) {
463
463
  margin-left: 12px;
464
464
  }
465
465
  }
466
466
  @media (min-width: 841px) and (max-width: 1200px) {
467
- .cookie-notice-right .el-button[data-v-a1abee53]:not(:first-child) {
467
+ .cookie-notice-right .el-button[data-v-667a5ab4]:not(:first-child) {
468
468
  margin-left: 8px;
469
469
  }
470
470
  }
471
471
  @media (min-width: 841px) {
472
- .cookie-notice-right .el-button[data-v-a1abee53]:not(:first-child) {
472
+ .cookie-notice-right .el-button[data-v-667a5ab4]:not(:first-child) {
473
473
  margin-left: 12px;
474
474
  }
475
475
  }
476
476
  @media (max-width: 840px) {
477
- .cookie-notice-right[data-v-a1abee53] {
477
+ .cookie-notice-right[data-v-667a5ab4] {
478
478
  margin-top: 16px;
479
479
  width: 100%;
480
480
  display: grid;
@@ -482,23 +482,23 @@
482
482
  grid-template-rows: auto auto;
483
483
  gap: 12px;
484
484
  }
485
- .cookie-notice-right .el-button[data-v-a1abee53] {
485
+ .cookie-notice-right .el-button[data-v-667a5ab4] {
486
486
  margin: 0;
487
487
  }
488
- .cookie-notice-right .el-button[data-v-a1abee53]:nth-child(1) {
488
+ .cookie-notice-right .el-button[data-v-667a5ab4]:nth-child(1) {
489
489
  grid-column: 1;
490
490
  grid-row: 1;
491
491
  }
492
- .cookie-notice-right .el-button[data-v-a1abee53]:nth-child(2) {
492
+ .cookie-notice-right .el-button[data-v-667a5ab4]:nth-child(2) {
493
493
  grid-column: 2;
494
494
  grid-row: 1;
495
495
  }
496
- .cookie-notice-right .el-button[data-v-a1abee53]:nth-child(3) {
496
+ .cookie-notice-right .el-button[data-v-667a5ab4]:nth-child(3) {
497
497
  grid-column: 1/span 2;
498
498
  grid-row: 2;
499
499
  }
500
500
  }
501
- .cookie-notice-close[data-v-a1abee53] {
501
+ .cookie-notice-close[data-v-667a5ab4] {
502
502
  display: block;
503
503
  overflow: visible !important;
504
504
  margin-left: auto;
@@ -506,105 +506,105 @@
506
506
  color: var(--o-color-info1);
507
507
  font-size: 24px;
508
508
  }
509
- .cookie-notice-close[data-v-a1abee53]:hover {
509
+ .cookie-notice-close[data-v-667a5ab4]:hover {
510
510
  color: var(--o-color-primary2);
511
511
  }
512
- .cookie-notice-close[data-v-a1abee53] {
512
+ .cookie-notice-close[data-v-667a5ab4] {
513
513
  overflow: hidden;
514
514
  }
515
- .cookie-notice-close svg[data-v-a1abee53] {
515
+ .cookie-notice-close svg[data-v-667a5ab4] {
516
516
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
517
517
  }
518
518
  @media (hover: hover) {
519
- .cookie-notice-close:hover svg[data-v-a1abee53] {
519
+ .cookie-notice-close:hover svg[data-v-667a5ab4] {
520
520
  transform: rotate(180deg);
521
521
  }
522
522
  }
523
- .cookie-dlg-content .content-item[data-v-a1abee53] {
523
+ .cookie-dlg-content .content-item[data-v-667a5ab4] {
524
524
  margin-top: 24px;
525
525
  }
526
526
  @media (1680px >= width >= 1201px) {
527
- .cookie-dlg-content .content-item[data-v-a1abee53] {
527
+ .cookie-dlg-content .content-item[data-v-667a5ab4] {
528
528
  margin-top: 16px;
529
529
  }
530
530
  }
531
531
  @media (max-width: 1200px) {
532
- .cookie-dlg-content .content-item[data-v-a1abee53] {
532
+ .cookie-dlg-content .content-item[data-v-667a5ab4] {
533
533
  margin-top: 12px;
534
534
  }
535
535
  }
536
- .cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-a1abee53] {
536
+ .cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-667a5ab4] {
537
537
  font-size: 16px !important;
538
538
  line-height: calc(1em + 8px);
539
539
  }
540
- .cookie-dlg-content .content-item .item-header[data-v-a1abee53] {
540
+ .cookie-dlg-content .content-item .item-header[data-v-667a5ab4] {
541
541
  display: flex;
542
542
  align-items: center;
543
543
  justify-content: space-between;
544
544
  }
545
- .cookie-dlg-content .content-item .item-header .item-title[data-v-a1abee53] {
545
+ .cookie-dlg-content .content-item .item-header .item-title[data-v-667a5ab4] {
546
546
  font-size: 20px;
547
547
  line-height: calc(1em + 8px);
548
548
  color: var(--o-color-info1);
549
549
  font-weight: 500;
550
550
  }
551
551
  @media (1680px >= width >= 1201px) {
552
- .cookie-dlg-content .content-item .item-header .item-title[data-v-a1abee53] {
552
+ .cookie-dlg-content .content-item .item-header .item-title[data-v-667a5ab4] {
553
553
  font-size: 18px;
554
554
  }
555
555
  }
556
556
  @media (max-width: 1200px) {
557
- .cookie-dlg-content .content-item .item-header .item-title[data-v-a1abee53] {
557
+ .cookie-dlg-content .content-item .item-header .item-title[data-v-667a5ab4] {
558
558
  font-size: 16px;
559
559
  }
560
560
  }
561
- .cookie-dlg-content .content-item .item-header .item-extra[data-v-a1abee53] {
561
+ .cookie-dlg-content .content-item .item-header .item-extra[data-v-667a5ab4] {
562
562
  font-size: 14px;
563
563
  color: var(--o-color-info3);
564
564
  margin-left: 24px;
565
565
  }
566
566
  @media (max-width: 1200px) {
567
- .cookie-dlg-content .content-item .item-header .item-extra[data-v-a1abee53] {
567
+ .cookie-dlg-content .content-item .item-header .item-extra[data-v-667a5ab4] {
568
568
  font-size: 12px;
569
569
  }
570
570
  }
571
- .cookie-dlg-content .content-item .item-detail[data-v-a1abee53] {
571
+ .cookie-dlg-content .content-item .item-detail[data-v-667a5ab4] {
572
572
  font-size: 16px;
573
573
  line-height: calc(1em + 8px);
574
574
  color: var(--o-color-info2);
575
575
  margin-top: 16px;
576
576
  }
577
577
  @media (max-width: 1680px) {
578
- .cookie-dlg-content .content-item .item-detail[data-v-a1abee53] {
578
+ .cookie-dlg-content .content-item .item-detail[data-v-667a5ab4] {
579
579
  margin-top: 12px;
580
580
  font-size: 14px;
581
581
  }
582
582
  }
583
583
  @media (max-width: 1200px) {
584
- .cookie-dlg-content .content-item .item-detail[data-v-a1abee53] {
584
+ .cookie-dlg-content .content-item .item-detail[data-v-667a5ab4] {
585
585
  margin-top: 8px;
586
586
  }
587
587
  }
588
588
  @media (max-width: 840px) {
589
- .cookie-dlg-content .content-item .item-detail[data-v-a1abee53] {
589
+ .cookie-dlg-content .content-item .item-detail[data-v-667a5ab4] {
590
590
  margin-top: 8px;
591
591
  }
592
592
  }
593
- .dlg-title[data-v-a1abee53] {
593
+ .dlg-title[data-v-667a5ab4] {
594
594
  font-size: 24px;
595
595
  line-height: calc(1em + 8px);
596
596
  }
597
597
  @media (1680px >= width >= 1201px) {
598
- .dlg-title[data-v-a1abee53] {
598
+ .dlg-title[data-v-667a5ab4] {
599
599
  font-size: 20px;
600
600
  }
601
601
  }
602
602
  @media (max-width: 1200px) {
603
- .dlg-title[data-v-a1abee53] {
603
+ .dlg-title[data-v-667a5ab4] {
604
604
  font-size: 18px;
605
605
  }
606
606
  }
607
- .dlg-close-icon[data-v-a1abee53] {
607
+ .dlg-close-icon[data-v-667a5ab4] {
608
608
  font-size: 24px;
609
609
  position: absolute;
610
610
  top: 8px;
@@ -612,80 +612,80 @@
612
612
  color: var(--o-color-info1);
613
613
  cursor: pointer;
614
614
  }
615
- .dlg-close-icon .o-icon-close[data-v-a1abee53] {
615
+ .dlg-close-icon .o-icon-close[data-v-667a5ab4] {
616
616
  width: 1em;
617
617
  height: 1em;
618
618
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
619
619
  }
620
620
  @media (hover: hover) {
621
- .dlg-close-icon[data-v-a1abee53]:hover {
621
+ .dlg-close-icon[data-v-667a5ab4]:hover {
622
622
  color: var(--o-color-primary2);
623
623
  }
624
- .dlg-close-icon:hover .o-icon-close[data-v-a1abee53] {
624
+ .dlg-close-icon:hover .o-icon-close[data-v-667a5ab4] {
625
625
  transform: rotate(180deg);
626
626
  }
627
627
  }
628
628
  @media (max-width: 840px) {
629
- [data-v-a1abee53] .el-dialog {
629
+ [data-v-667a5ab4] .el-dialog {
630
630
  --el-dialog-width: 100vw;
631
631
  }
632
632
  }
633
633
  @media (min-width: 1201px) {
634
- [data-v-a1abee53] .el-dialog.grid-width-dlg {
634
+ [data-v-667a5ab4] .el-dialog.grid-width-dlg {
635
635
  --el-dialog-width: var(--grid-14);
636
636
  }
637
637
  }
638
638
  @media (min-width: 841px) and (max-width: 1200px) {
639
- [data-v-a1abee53] .el-dialog.grid-width-dlg {
639
+ [data-v-667a5ab4] .el-dialog.grid-width-dlg {
640
640
  --el-dialog-width: var(--grid-8);
641
641
  }
642
642
  }
643
- [data-v-a1abee53] .el-dialog {
643
+ [data-v-667a5ab4] .el-dialog {
644
644
  --el-bg-color: var(--o-color-control5-light);
645
645
  --el-dialog-padding-primary: 32px;
646
646
  }
647
647
  @media (min-width: 1201px) and (max-width: 1680px) {
648
- [data-v-a1abee53] .el-dialog {
648
+ [data-v-667a5ab4] .el-dialog {
649
649
  --el-dialog-padding-primary: 24px;
650
650
  }
651
651
  }
652
652
  @media (min-width: 841px) and (max-width: 1200px) {
653
- [data-v-a1abee53] .el-dialog {
653
+ [data-v-667a5ab4] .el-dialog {
654
654
  --el-dialog-padding-primary: 16px;
655
655
  }
656
656
  }
657
657
  @media (max-width: 600px) {
658
- [data-v-a1abee53] .el-dialog {
658
+ [data-v-667a5ab4] .el-dialog {
659
659
  --el-dialog-padding-primary: 16px 24px;
660
660
  }
661
661
  }
662
- [data-v-a1abee53] .el-dialog .el-dialog__header {
662
+ [data-v-667a5ab4] .el-dialog .el-dialog__header {
663
663
  text-align: center;
664
664
  padding: 0;
665
665
  }
666
- [data-v-a1abee53] .el-dialog .el-dialog__footer {
666
+ [data-v-667a5ab4] .el-dialog .el-dialog__footer {
667
667
  text-align: center;
668
668
  padding-top: 0;
669
669
  margin-top: 24px;
670
670
  }
671
671
  @media (1680px >= width >= 1201px) {
672
- [data-v-a1abee53] .el-dialog .el-dialog__footer {
672
+ [data-v-667a5ab4] .el-dialog .el-dialog__footer {
673
673
  margin-top: 16px;
674
674
  }
675
675
  }
676
- @media (min-width: ) {
677
- [data-v-a1abee53] .el-dialog .el-dialog__footer {
676
+ @media (max-width: 1200px) {
677
+ [data-v-667a5ab4] .el-dialog .el-dialog__footer {
678
678
  margin-top: 12px;
679
679
  }
680
680
  }
681
- [data-v-a1abee53] .el-dialog .el-dialog__footer .el-button + .el-button {
681
+ [data-v-667a5ab4] .el-dialog .el-dialog__footer .el-button + .el-button {
682
682
  margin-left: 16px;
683
683
  }
684
684
  @media (1680px >= width >= 1201px) {
685
- [data-v-a1abee53] .el-dialog .el-dialog__footer .el-button + .el-button {
685
+ [data-v-667a5ab4] .el-dialog .el-dialog__footer .el-button + .el-button {
686
686
  margin-left: 12px;
687
687
  }
688
688
  }
689
- [data-v-a1abee53] .el-dialog .el-dialog__footer .el-button--text {
689
+ [data-v-667a5ab4] .el-dialog .el-dialog__footer .el-button--text {
690
690
  color: var(--o-color-info1);
691
691
  }