@ant-design/pro-components 1.0.2 → 1.1.2

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 (14) hide show
  1. package/README.md +19 -19
  2. package/dist/components.css +2292 -2059
  3. package/dist/components.js +1 -1
  4. package/dist/components.js.LICENSE.txt +2 -0
  5. package/dist/components.min.css +2292 -2059
  6. package/dist/components.min.js +1 -1
  7. package/dist/components.min.js.LICENSE.txt +2 -0
  8. package/es/index.d.ts +7 -6
  9. package/es/index.js +7 -6
  10. package/es/version.js +11 -11
  11. package/lib/index.d.ts +7 -6
  12. package/lib/index.js +41 -28
  13. package/lib/version.js +11 -11
  14. package/package.json +60 -59
package/dist/components.css CHANGED
@@ -1,383 +1,717 @@
1
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
2
- max-width: 100%;
1
+ .ant-pro-statistic-card-chart {
2
+ display: flex;
3
+ flex-direction: column;
4
+ margin-top: 8px;
5
+ margin-bottom: 8px;
3
6
  }
4
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
5
- width: 104px;
7
+ .ant-pro-statistic-card-chart-left {
8
+ margin-top: 0;
9
+ margin-right: 16px;
6
10
  }
7
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
8
- width: 216px;
11
+ .ant-pro-statistic-card-chart-right {
12
+ margin-top: 0;
13
+ margin-left: 16px;
9
14
  }
10
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
11
- width: 216px;
15
+ .ant-pro-statistic-card-content {
16
+ display: flex;
17
+ flex-direction: column;
12
18
  }
13
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
14
- width: 328px;
19
+ .ant-pro-statistic-card-content-horizontal {
20
+ flex-direction: row;
15
21
  }
16
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
17
- width: 328px;
22
+ .ant-pro-statistic-card-content-horizontal .ant-pro-statistic-card-chart {
23
+ align-items: center;
24
+ align-self: flex-start;
18
25
  }
19
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
20
- width: 440px;
26
+ .ant-pro-statistic-card-footer {
27
+ margin-top: 8px;
28
+ padding-top: 16px;
29
+ border-top: rgba(0, 0, 0, 0.08) 1px solid;
21
30
  }
22
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
23
- width: 440px;
31
+
32
+ .ant-pro-card-statistic {
33
+ display: flex;
34
+ font-size: 14px;
24
35
  }
25
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
26
- width: 552px;
36
+ .ant-pro-card-statistic + .ant-pro-card-statistic {
37
+ margin-top: 4px;
27
38
  }
28
-
29
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
30
- /* stylelint-disable no-duplicate-selectors */
31
- /* stylelint-disable */
32
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
33
- [class^=ant-]::-ms-clear,
34
- [class*= ant-]::-ms-clear,
35
- [class^=ant-] input::-ms-clear,
36
- [class*= ant-] input::-ms-clear,
37
- [class^=ant-] input::-ms-reveal,
38
- [class*= ant-] input::-ms-reveal {
39
- display: none;
39
+ .ant-pro-card-statistic-tip {
40
+ margin-left: 4px;
40
41
  }
41
- /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
42
- html,
43
- body {
42
+ .ant-pro-card-statistic-wrapper {
43
+ display: flex;
44
44
  width: 100%;
45
- height: 100%;
46
- }
47
- input::-ms-clear,
48
- input::-ms-reveal {
49
- display: none;
50
45
  }
51
- *,
52
- *::before,
53
- *::after {
54
- box-sizing: border-box;
46
+ .ant-pro-card-statistic-icon {
47
+ margin-right: 16px;
55
48
  }
56
- html {
57
- font-family: sans-serif;
58
- line-height: 1.15;
59
- -webkit-text-size-adjust: 100%;
60
- -ms-text-size-adjust: 100%;
61
- -ms-overflow-style: scrollbar;
62
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
49
+ .ant-pro-card-statistic-trend-icon {
50
+ width: 0;
51
+ height: 0;
52
+ border-right: 3.5px solid transparent;
53
+ border-bottom: 9px solid #000;
54
+ border-left: 3.5px solid transparent;
63
55
  }
64
- @-ms-viewport {
65
- width: device-width;
56
+ .ant-pro-card-statistic-trend-icon-up {
57
+ transform: rotate(0deg);
66
58
  }
67
- body {
68
- margin: 0;
69
- color: rgba(0, 0, 0, 0.85);
70
- font-size: 14px;
71
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
72
- font-variant: tabular-nums;
73
- line-height: 1.5715;
74
- background-color: #fff;
75
- font-feature-settings: 'tnum';
59
+ .ant-pro-card-statistic-trend-icon-down {
60
+ transform: rotate(180deg);
76
61
  }
77
- [tabindex='-1']:focus {
78
- outline: none !important;
62
+ .ant-pro-card-statistic-content {
63
+ width: 100%;
79
64
  }
80
- hr {
81
- box-sizing: content-box;
82
- height: 0;
83
- overflow: visible;
65
+ .ant-pro-card-statistic-description {
66
+ width: 100%;
84
67
  }
85
- h1,
86
- h2,
87
- h3,
88
- h4,
89
- h5,
90
- h6 {
91
- margin-top: 0;
92
- margin-bottom: 0.5em;
68
+ .ant-pro-card-statistic .ant-statistic-title {
93
69
  color: rgba(0, 0, 0, 0.85);
94
- font-weight: 500;
95
70
  }
96
- p {
97
- margin-top: 0;
98
- margin-bottom: 1em;
71
+ .ant-pro-card-statistic-layout-inline {
72
+ display: inline-flex;
73
+ color: rgba(0, 0, 0, 0.45);
99
74
  }
100
- abbr[title],
101
- abbr[data-original-title] {
102
- text-decoration: underline;
103
- text-decoration: underline dotted;
104
- border-bottom: 0;
105
- cursor: help;
75
+ .ant-pro-card-statistic-layout-inline .ant-statistic-title {
76
+ margin-right: 6px;
77
+ margin-bottom: 0;
106
78
  }
107
- address {
108
- margin-bottom: 1em;
109
- font-style: normal;
110
- line-height: inherit;
79
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content {
80
+ color: rgba(0, 0, 0, 0.45);
111
81
  }
112
- input[type='text'],
113
- input[type='password'],
114
- input[type='number'],
115
- textarea {
116
- -webkit-appearance: none;
82
+ .ant-pro-card-statistic-layout-inline .ant-statistic-title,
83
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content,
84
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
85
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
86
+ .ant-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
87
+ font-size: 12px;
117
88
  }
118
- ol,
119
- ul,
120
- dl {
121
- margin-top: 0;
122
- margin-bottom: 1em;
89
+ .ant-pro-card-statistic-layout-horizontal {
90
+ display: flex;
91
+ justify-content: space-between;
123
92
  }
124
- ol ol,
125
- ul ul,
126
- ol ul,
127
- ul ol {
93
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-title {
128
94
  margin-bottom: 0;
129
95
  }
130
- dt {
96
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
131
97
  font-weight: 500;
132
98
  }
133
- dd {
134
- margin-bottom: 0.5em;
135
- margin-left: 0;
99
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-title,
100
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content,
101
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
102
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
103
+ .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
104
+ font-size: 14px;
136
105
  }
137
- blockquote {
138
- margin: 0 0 1em;
106
+ .ant-pro-card-statistic-trend-up .ant-statistic-content {
107
+ color: #f5222d;
139
108
  }
140
- dfn {
141
- font-style: italic;
109
+ .ant-pro-card-statistic-trend-up .ant-statistic-content .ant-pro-card-statistic-trend-icon {
110
+ border-bottom-color: #f5222d;
142
111
  }
143
- b,
144
- strong {
145
- font-weight: bolder;
112
+ .ant-pro-card-statistic-trend-down .ant-statistic-content {
113
+ color: #389e0d;
146
114
  }
147
- small {
148
- font-size: 80%;
115
+ .ant-pro-card-statistic-trend-down .ant-statistic-content .ant-pro-card-statistic-trend-icon {
116
+ border-bottom-color: #52c41a;
149
117
  }
150
- sub,
151
- sup {
118
+
119
+ .ant-pro-card {
152
120
  position: relative;
153
- font-size: 75%;
154
- line-height: 0;
155
- vertical-align: baseline;
121
+ display: flex;
122
+ flex-direction: column;
123
+ box-sizing: border-box;
124
+ width: 100%;
125
+ margin: 0;
126
+ padding: 0;
127
+ background-color: #fff;
128
+ border-radius: 2px;
156
129
  }
157
- sub {
158
- bottom: -0.25em;
130
+ .ant-pro-card-col {
131
+ width: 100%;
159
132
  }
160
- sup {
161
- top: -0.5em;
133
+ .ant-pro-card-border {
134
+ border: 1px solid #f0f0f0;
162
135
  }
163
- a {
164
- color: #1890ff;
165
- text-decoration: none;
166
- background-color: transparent;
167
- outline: none;
136
+ .ant-pro-card-hoverable {
168
137
  cursor: pointer;
169
- transition: color 0.3s;
170
- -webkit-text-decoration-skip: objects;
171
- }
172
- a:hover {
173
- color: #40a9ff;
174
- }
175
- a:active {
176
- color: #096dd9;
138
+ transition: box-shadow 0.3s, border-color 0.3s;
177
139
  }
178
- a:active,
179
- a:hover {
180
- text-decoration: none;
181
- outline: 0;
140
+ .ant-pro-card-hoverable:hover {
141
+ border-color: transparent;
142
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
182
143
  }
183
- a:focus {
184
- text-decoration: none;
185
- outline: 0;
144
+ .ant-pro-card-hoverable.ant-pro-card-checked:hover {
145
+ border-color: #1890ff;
186
146
  }
187
- a[disabled] {
188
- color: rgba(0, 0, 0, 0.25);
189
- cursor: not-allowed;
147
+ .ant-pro-card-checked {
148
+ background-color: #e6f7ff;
149
+ border-color: #1890ff;
190
150
  }
191
- pre,
192
- code,
193
- kbd,
194
- samp {
195
- font-size: 1em;
196
- font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
197
- }
198
- pre {
199
- margin-top: 0;
200
- margin-bottom: 1em;
201
- overflow: auto;
202
- }
203
- figure {
204
- margin: 0 0 1em;
205
- }
206
- img {
207
- vertical-align: middle;
208
- border-style: none;
151
+ .ant-pro-card-checked::after {
152
+ position: absolute;
153
+ top: 2px;
154
+ right: 2px;
155
+ width: 0;
156
+ height: 0;
157
+ border: 6px solid #1890ff;
158
+ border-bottom: 6px solid transparent;
159
+ border-left: 6px solid transparent;
160
+ border-top-right-radius: 2px;
161
+ content: '';
209
162
  }
210
- a,
211
- area,
212
- button,
213
- [role='button'],
214
- input:not([type='range']),
215
- label,
216
- select,
217
- summary,
218
- textarea {
219
- touch-action: manipulation;
163
+ .ant-pro-card:focus {
164
+ background-color: #e6f7ff;
165
+ border-color: #1890ff;
220
166
  }
221
- table {
222
- border-collapse: collapse;
167
+ .ant-pro-card-size-small .ant-pro-card-header {
168
+ padding: 8px 12px;
169
+ padding-bottom: 0;
223
170
  }
224
- caption {
225
- padding-top: 0.75em;
226
- padding-bottom: 0.3em;
227
- color: rgba(0, 0, 0, 0.45);
228
- text-align: left;
229
- caption-side: bottom;
171
+ .ant-pro-card-size-small .ant-pro-card-header-border {
172
+ padding-bottom: 8px;
230
173
  }
231
- input,
232
- button,
233
- select,
234
- optgroup,
235
- textarea {
236
- margin: 0;
237
- color: inherit;
238
- font-size: inherit;
239
- font-family: inherit;
240
- line-height: inherit;
174
+ .ant-pro-card-size-small .ant-pro-card-title {
175
+ font-size: 14px;
241
176
  }
242
- button,
243
- input {
244
- overflow: visible;
177
+ .ant-pro-card-size-small .ant-pro-card-body {
178
+ padding: 12px;
245
179
  }
246
- button,
247
- select {
248
- text-transform: none;
180
+ .ant-pro-card-ghost {
181
+ background-color: transparent;
249
182
  }
250
- button,
251
- html [type="button"],
252
- [type="reset"],
253
- [type="submit"] {
254
- -webkit-appearance: button;
183
+ .ant-pro-card-ghost > .ant-pro-card-header {
184
+ padding-right: 0;
185
+ padding-bottom: 16px;
186
+ padding-left: 0;
255
187
  }
256
- button::-moz-focus-inner,
257
- [type='button']::-moz-focus-inner,
258
- [type='reset']::-moz-focus-inner,
259
- [type='submit']::-moz-focus-inner {
188
+ .ant-pro-card-ghost > .ant-pro-card-body {
260
189
  padding: 0;
261
- border-style: none;
190
+ background-color: transparent;
262
191
  }
263
- input[type='radio'],
264
- input[type='checkbox'] {
265
- box-sizing: border-box;
192
+ .ant-pro-card-split > .ant-pro-card-body {
266
193
  padding: 0;
267
194
  }
268
- input[type='date'],
269
- input[type='time'],
270
- input[type='datetime-local'],
271
- input[type='month'] {
272
- -webkit-appearance: listbox;
195
+ .ant-pro-card-split-vertical {
196
+ border-right: 1px solid #f0f0f0;
273
197
  }
274
- textarea {
275
- overflow: auto;
276
- resize: vertical;
198
+ .ant-pro-card-split-horizontal {
199
+ border-bottom: 1px solid #f0f0f0;
277
200
  }
278
- fieldset {
279
- min-width: 0;
280
- margin: 0;
281
- padding: 0;
282
- border: 0;
201
+ .ant-pro-card-contain-card > .ant-pro-card-body {
202
+ display: flex;
283
203
  }
284
- legend {
285
- display: block;
286
- width: 100%;
287
- max-width: 100%;
288
- margin-bottom: 0.5em;
289
- padding: 0;
290
- color: inherit;
291
- font-size: 1.5em;
292
- line-height: inherit;
293
- white-space: normal;
204
+ .ant-pro-card-body-direction-column {
205
+ flex-direction: column;
294
206
  }
295
- progress {
296
- vertical-align: baseline;
207
+ .ant-pro-card-body-wrap {
208
+ flex-wrap: wrap;
297
209
  }
298
- [type='number']::-webkit-inner-spin-button,
299
- [type='number']::-webkit-outer-spin-button {
300
- height: auto;
210
+ .ant-pro-card-collapse > .ant-pro-card-header {
211
+ padding-bottom: 16px;
212
+ border-bottom: 0;
301
213
  }
302
- [type='search'] {
303
- outline-offset: -2px;
304
- -webkit-appearance: none;
214
+ .ant-pro-card-collapse > .ant-pro-card-body {
215
+ display: none;
305
216
  }
306
- [type='search']::-webkit-search-cancel-button,
307
- [type='search']::-webkit-search-decoration {
308
- -webkit-appearance: none;
217
+ .ant-pro-card-header {
218
+ display: flex;
219
+ align-items: center;
220
+ justify-content: space-between;
221
+ padding: 16px 24px;
222
+ padding-bottom: 0;
309
223
  }
310
- ::-webkit-file-upload-button {
311
- font: inherit;
312
- -webkit-appearance: button;
224
+ .ant-pro-card-header-border {
225
+ padding-bottom: 16px;
226
+ border-bottom: 1px solid #f0f0f0;
313
227
  }
314
- output {
315
- display: inline-block;
228
+ .ant-pro-card-header-collapsible {
229
+ cursor: pointer;
316
230
  }
317
- summary {
318
- display: list-item;
231
+ .ant-pro-card-title {
232
+ color: rgba(0, 0, 0, 0.85);
233
+ font-weight: 500;
234
+ font-size: 16px;
319
235
  }
320
- template {
321
- display: none;
236
+ .ant-pro-card-extra {
237
+ color: rgba(0, 0, 0, 0.85);
322
238
  }
323
- [hidden] {
324
- display: none !important;
239
+ .ant-pro-card-type-inner .ant-pro-card-header {
240
+ background-color: #fafafa;
325
241
  }
326
- mark {
327
- padding: 0.2em;
328
- background-color: #feffe6;
242
+ .ant-pro-card-collapsible-icon {
243
+ margin-right: 8px;
244
+ color: rgba(0, 0, 0, 0.75);
329
245
  }
330
- ::selection {
331
- color: #fff;
332
- background: #1890ff;
246
+ .ant-pro-card-collapsible-icon :hover {
247
+ color: #40a9ff;
333
248
  }
334
- .clearfix::before {
335
- display: table;
336
- content: '';
249
+ .ant-pro-card-collapsible-icon svg {
250
+ transition: transform 0.2s;
337
251
  }
338
- .clearfix::after {
339
- display: table;
340
- clear: both;
341
- content: '';
252
+ .ant-pro-card-body {
253
+ display: block;
254
+ box-sizing: border-box;
255
+ height: 100%;
256
+ padding: 24px;
342
257
  }
343
- .anticon {
344
- display: inline-block;
345
- color: inherit;
346
- font-style: normal;
347
- line-height: 0;
348
- text-align: center;
349
- text-transform: none;
350
- vertical-align: -0.125em;
351
- text-rendering: optimizelegibility;
352
- -webkit-font-smoothing: antialiased;
353
- -moz-osx-font-smoothing: grayscale;
258
+ .ant-pro-card-body-center {
259
+ display: flex;
260
+ align-items: center;
261
+ justify-content: center;
354
262
  }
355
- .anticon > * {
356
- line-height: 1;
263
+ .ant-pro-card-col-0 {
264
+ display: none;
357
265
  }
358
- .anticon svg {
359
- display: inline-block;
266
+ .ant-pro-card-col-24 {
267
+ flex-shrink: 0;
268
+ width: 100%;
360
269
  }
361
- .anticon::before {
362
- display: none;
270
+ .ant-pro-card-col-23 {
271
+ flex-shrink: 0;
272
+ width: 95.83333333%;
363
273
  }
364
- .anticon .anticon-icon {
365
- display: block;
274
+ .ant-pro-card-col-22 {
275
+ flex-shrink: 0;
276
+ width: 91.66666667%;
366
277
  }
367
- .anticon > .anticon {
368
- line-height: 0;
369
- vertical-align: 0;
278
+ .ant-pro-card-col-21 {
279
+ flex-shrink: 0;
280
+ width: 87.5%;
370
281
  }
371
- .anticon[tabindex] {
372
- cursor: pointer;
282
+ .ant-pro-card-col-20 {
283
+ flex-shrink: 0;
284
+ width: 83.33333333%;
373
285
  }
374
- .anticon-spin::before {
375
- display: inline-block;
376
- animation: loadingCircle 1s infinite linear;
286
+ .ant-pro-card-col-19 {
287
+ flex-shrink: 0;
288
+ width: 79.16666667%;
377
289
  }
378
- .anticon-spin {
379
- display: inline-block;
380
- animation: loadingCircle 1s infinite linear;
290
+ .ant-pro-card-col-18 {
291
+ flex-shrink: 0;
292
+ width: 75%;
293
+ }
294
+ .ant-pro-card-col-17 {
295
+ flex-shrink: 0;
296
+ width: 70.83333333%;
297
+ }
298
+ .ant-pro-card-col-16 {
299
+ flex-shrink: 0;
300
+ width: 66.66666667%;
301
+ }
302
+ .ant-pro-card-col-15 {
303
+ flex-shrink: 0;
304
+ width: 62.5%;
305
+ }
306
+ .ant-pro-card-col-14 {
307
+ flex-shrink: 0;
308
+ width: 58.33333333%;
309
+ }
310
+ .ant-pro-card-col-13 {
311
+ flex-shrink: 0;
312
+ width: 54.16666667%;
313
+ }
314
+ .ant-pro-card-col-12 {
315
+ flex-shrink: 0;
316
+ width: 50%;
317
+ }
318
+ .ant-pro-card-col-11 {
319
+ flex-shrink: 0;
320
+ width: 45.83333333%;
321
+ }
322
+ .ant-pro-card-col-10 {
323
+ flex-shrink: 0;
324
+ width: 41.66666667%;
325
+ }
326
+ .ant-pro-card-col-9 {
327
+ flex-shrink: 0;
328
+ width: 37.5%;
329
+ }
330
+ .ant-pro-card-col-8 {
331
+ flex-shrink: 0;
332
+ width: 33.33333333%;
333
+ }
334
+ .ant-pro-card-col-7 {
335
+ flex-shrink: 0;
336
+ width: 29.16666667%;
337
+ }
338
+ .ant-pro-card-col-6 {
339
+ flex-shrink: 0;
340
+ width: 25%;
341
+ }
342
+ .ant-pro-card-col-5 {
343
+ flex-shrink: 0;
344
+ width: 20.83333333%;
345
+ }
346
+ .ant-pro-card-col-4 {
347
+ flex-shrink: 0;
348
+ width: 16.66666667%;
349
+ }
350
+ .ant-pro-card-col-3 {
351
+ flex-shrink: 0;
352
+ width: 12.5%;
353
+ }
354
+ .ant-pro-card-col-2 {
355
+ flex-shrink: 0;
356
+ width: 8.33333333%;
357
+ }
358
+ .ant-pro-card-col-1 {
359
+ flex-shrink: 0;
360
+ width: 4.16666667%;
361
+ }
362
+
363
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
364
+ /* stylelint-disable no-duplicate-selectors */
365
+ /* stylelint-disable */
366
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
367
+ [class^=ant-]::-ms-clear,
368
+ [class*= ant-]::-ms-clear,
369
+ [class^=ant-] input::-ms-clear,
370
+ [class*= ant-] input::-ms-clear,
371
+ [class^=ant-] input::-ms-reveal,
372
+ [class*= ant-] input::-ms-reveal {
373
+ display: none;
374
+ }
375
+ /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
376
+ html,
377
+ body {
378
+ width: 100%;
379
+ height: 100%;
380
+ }
381
+ input::-ms-clear,
382
+ input::-ms-reveal {
383
+ display: none;
384
+ }
385
+ *,
386
+ *::before,
387
+ *::after {
388
+ box-sizing: border-box;
389
+ }
390
+ html {
391
+ font-family: sans-serif;
392
+ line-height: 1.15;
393
+ -webkit-text-size-adjust: 100%;
394
+ -ms-text-size-adjust: 100%;
395
+ -ms-overflow-style: scrollbar;
396
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
397
+ }
398
+ @-ms-viewport {
399
+ width: device-width;
400
+ }
401
+ body {
402
+ margin: 0;
403
+ color: rgba(0, 0, 0, 0.85);
404
+ font-size: 14px;
405
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
406
+ font-variant: tabular-nums;
407
+ line-height: 1.5715;
408
+ background-color: #fff;
409
+ font-feature-settings: 'tnum';
410
+ }
411
+ [tabindex='-1']:focus {
412
+ outline: none !important;
413
+ }
414
+ hr {
415
+ box-sizing: content-box;
416
+ height: 0;
417
+ overflow: visible;
418
+ }
419
+ h1,
420
+ h2,
421
+ h3,
422
+ h4,
423
+ h5,
424
+ h6 {
425
+ margin-top: 0;
426
+ margin-bottom: 0.5em;
427
+ color: rgba(0, 0, 0, 0.85);
428
+ font-weight: 500;
429
+ }
430
+ p {
431
+ margin-top: 0;
432
+ margin-bottom: 1em;
433
+ }
434
+ abbr[title],
435
+ abbr[data-original-title] {
436
+ text-decoration: underline;
437
+ text-decoration: underline dotted;
438
+ border-bottom: 0;
439
+ cursor: help;
440
+ }
441
+ address {
442
+ margin-bottom: 1em;
443
+ font-style: normal;
444
+ line-height: inherit;
445
+ }
446
+ input[type='text'],
447
+ input[type='password'],
448
+ input[type='number'],
449
+ textarea {
450
+ -webkit-appearance: none;
451
+ }
452
+ ol,
453
+ ul,
454
+ dl {
455
+ margin-top: 0;
456
+ margin-bottom: 1em;
457
+ }
458
+ ol ol,
459
+ ul ul,
460
+ ol ul,
461
+ ul ol {
462
+ margin-bottom: 0;
463
+ }
464
+ dt {
465
+ font-weight: 500;
466
+ }
467
+ dd {
468
+ margin-bottom: 0.5em;
469
+ margin-left: 0;
470
+ }
471
+ blockquote {
472
+ margin: 0 0 1em;
473
+ }
474
+ dfn {
475
+ font-style: italic;
476
+ }
477
+ b,
478
+ strong {
479
+ font-weight: bolder;
480
+ }
481
+ small {
482
+ font-size: 80%;
483
+ }
484
+ sub,
485
+ sup {
486
+ position: relative;
487
+ font-size: 75%;
488
+ line-height: 0;
489
+ vertical-align: baseline;
490
+ }
491
+ sub {
492
+ bottom: -0.25em;
493
+ }
494
+ sup {
495
+ top: -0.5em;
496
+ }
497
+ a {
498
+ color: #1890ff;
499
+ text-decoration: none;
500
+ background-color: transparent;
501
+ outline: none;
502
+ cursor: pointer;
503
+ transition: color 0.3s;
504
+ -webkit-text-decoration-skip: objects;
505
+ }
506
+ a:hover {
507
+ color: #40a9ff;
508
+ }
509
+ a:active {
510
+ color: #096dd9;
511
+ }
512
+ a:active,
513
+ a:hover {
514
+ text-decoration: none;
515
+ outline: 0;
516
+ }
517
+ a:focus {
518
+ text-decoration: none;
519
+ outline: 0;
520
+ }
521
+ a[disabled] {
522
+ color: rgba(0, 0, 0, 0.25);
523
+ cursor: not-allowed;
524
+ }
525
+ pre,
526
+ code,
527
+ kbd,
528
+ samp {
529
+ font-size: 1em;
530
+ font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
531
+ }
532
+ pre {
533
+ margin-top: 0;
534
+ margin-bottom: 1em;
535
+ overflow: auto;
536
+ }
537
+ figure {
538
+ margin: 0 0 1em;
539
+ }
540
+ img {
541
+ vertical-align: middle;
542
+ border-style: none;
543
+ }
544
+ a,
545
+ area,
546
+ button,
547
+ [role='button'],
548
+ input:not([type='range']),
549
+ label,
550
+ select,
551
+ summary,
552
+ textarea {
553
+ touch-action: manipulation;
554
+ }
555
+ table {
556
+ border-collapse: collapse;
557
+ }
558
+ caption {
559
+ padding-top: 0.75em;
560
+ padding-bottom: 0.3em;
561
+ color: rgba(0, 0, 0, 0.45);
562
+ text-align: left;
563
+ caption-side: bottom;
564
+ }
565
+ input,
566
+ button,
567
+ select,
568
+ optgroup,
569
+ textarea {
570
+ margin: 0;
571
+ color: inherit;
572
+ font-size: inherit;
573
+ font-family: inherit;
574
+ line-height: inherit;
575
+ }
576
+ button,
577
+ input {
578
+ overflow: visible;
579
+ }
580
+ button,
581
+ select {
582
+ text-transform: none;
583
+ }
584
+ button,
585
+ html [type="button"],
586
+ [type="reset"],
587
+ [type="submit"] {
588
+ -webkit-appearance: button;
589
+ }
590
+ button::-moz-focus-inner,
591
+ [type='button']::-moz-focus-inner,
592
+ [type='reset']::-moz-focus-inner,
593
+ [type='submit']::-moz-focus-inner {
594
+ padding: 0;
595
+ border-style: none;
596
+ }
597
+ input[type='radio'],
598
+ input[type='checkbox'] {
599
+ box-sizing: border-box;
600
+ padding: 0;
601
+ }
602
+ input[type='date'],
603
+ input[type='time'],
604
+ input[type='datetime-local'],
605
+ input[type='month'] {
606
+ -webkit-appearance: listbox;
607
+ }
608
+ textarea {
609
+ overflow: auto;
610
+ resize: vertical;
611
+ }
612
+ fieldset {
613
+ min-width: 0;
614
+ margin: 0;
615
+ padding: 0;
616
+ border: 0;
617
+ }
618
+ legend {
619
+ display: block;
620
+ width: 100%;
621
+ max-width: 100%;
622
+ margin-bottom: 0.5em;
623
+ padding: 0;
624
+ color: inherit;
625
+ font-size: 1.5em;
626
+ line-height: inherit;
627
+ white-space: normal;
628
+ }
629
+ progress {
630
+ vertical-align: baseline;
631
+ }
632
+ [type='number']::-webkit-inner-spin-button,
633
+ [type='number']::-webkit-outer-spin-button {
634
+ height: auto;
635
+ }
636
+ [type='search'] {
637
+ outline-offset: -2px;
638
+ -webkit-appearance: none;
639
+ }
640
+ [type='search']::-webkit-search-cancel-button,
641
+ [type='search']::-webkit-search-decoration {
642
+ -webkit-appearance: none;
643
+ }
644
+ ::-webkit-file-upload-button {
645
+ font: inherit;
646
+ -webkit-appearance: button;
647
+ }
648
+ output {
649
+ display: inline-block;
650
+ }
651
+ summary {
652
+ display: list-item;
653
+ }
654
+ template {
655
+ display: none;
656
+ }
657
+ [hidden] {
658
+ display: none !important;
659
+ }
660
+ mark {
661
+ padding: 0.2em;
662
+ background-color: #feffe6;
663
+ }
664
+ ::selection {
665
+ color: #fff;
666
+ background: #1890ff;
667
+ }
668
+ .clearfix::before {
669
+ display: table;
670
+ content: '';
671
+ }
672
+ .clearfix::after {
673
+ display: table;
674
+ clear: both;
675
+ content: '';
676
+ }
677
+ .anticon {
678
+ display: inline-block;
679
+ color: inherit;
680
+ font-style: normal;
681
+ line-height: 0;
682
+ text-align: center;
683
+ text-transform: none;
684
+ vertical-align: -0.125em;
685
+ text-rendering: optimizelegibility;
686
+ -webkit-font-smoothing: antialiased;
687
+ -moz-osx-font-smoothing: grayscale;
688
+ }
689
+ .anticon > * {
690
+ line-height: 1;
691
+ }
692
+ .anticon svg {
693
+ display: inline-block;
694
+ }
695
+ .anticon::before {
696
+ display: none;
697
+ }
698
+ .anticon .anticon-icon {
699
+ display: block;
700
+ }
701
+ .anticon > .anticon {
702
+ line-height: 0;
703
+ vertical-align: 0;
704
+ }
705
+ .anticon[tabindex] {
706
+ cursor: pointer;
707
+ }
708
+ .anticon-spin::before {
709
+ display: inline-block;
710
+ animation: loadingCircle 1s infinite linear;
711
+ }
712
+ .anticon-spin {
713
+ display: inline-block;
714
+ animation: loadingCircle 1s infinite linear;
381
715
  }
382
716
  .ant-fade-enter,
383
717
  .ant-fade-appear {
@@ -1226,300 +1560,72 @@ html {
1226
1560
  transform-origin: 100% 50%;
1227
1561
  }
1228
1562
  100% {
1229
- transform: scale(0.8);
1230
- transform-origin: 100% 50%;
1231
- opacity: 0;
1232
- }
1233
- }
1234
- @keyframes antZoomDownIn {
1235
- 0% {
1236
- transform: scale(0.8);
1237
- transform-origin: 50% 100%;
1238
- opacity: 0;
1239
- }
1240
- 100% {
1241
- transform: scale(1);
1242
- transform-origin: 50% 100%;
1243
- }
1244
- }
1245
- @keyframes antZoomDownOut {
1246
- 0% {
1247
- transform: scale(1);
1248
- transform-origin: 50% 100%;
1249
- }
1250
- 100% {
1251
- transform: scale(0.8);
1252
- transform-origin: 50% 100%;
1253
- opacity: 0;
1254
- }
1255
- }
1256
- .ant-motion-collapse-legacy {
1257
- overflow: hidden;
1258
- }
1259
- .ant-motion-collapse-legacy-active {
1260
- transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1261
- }
1262
- .ant-motion-collapse {
1263
- overflow: hidden;
1264
- transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1265
- }
1266
-
1267
- .ant-pro-form-light-filter {
1268
- line-height: 30px;
1269
- }
1270
- .ant-pro-form-light-filter::before {
1271
- display: block;
1272
- height: 0;
1273
- visibility: hidden;
1274
- content: '.';
1275
- }
1276
- .ant-pro-form-light-filter-small {
1277
- line-height: 1.5715;
1278
- }
1279
- .ant-pro-form-light-filter-container {
1280
- display: flex;
1281
- flex-wrap: wrap;
1282
- margin-top: -8px;
1283
- margin-right: -4px;
1284
- }
1285
- .ant-pro-form-light-filter-item {
1286
- margin-top: 8px;
1287
- white-space: nowrap;
1288
- }
1289
- .ant-pro-form-light-filter-item:not(:last-child) {
1290
- margin-right: 8px;
1291
- }
1292
- .ant-pro-form-light-filter-formlabel {
1293
- margin-bottom: 2px;
1294
- }
1295
- .ant-pro-form-light-filter-line {
1296
- min-width: 198px;
1297
- }
1298
- .ant-pro-form-light-filter-line .ant-form-item {
1299
- flex-direction: column;
1300
- margin-bottom: 0;
1301
- }
1302
- .ant-pro-form-light-filter-line:not(:first-child) {
1303
- margin-top: 16px;
1304
- margin-bottom: 8px;
1305
- }
1306
- .ant-pro-form-light-filter .ant-form-item {
1307
- margin-bottom: 0;
1308
- }
1309
- .ant-pro-form-light-filter-collapse-icon {
1310
- width: 32px;
1311
- height: 32px;
1312
- line-height: 35px;
1313
- border-radius: 50%;
1314
- }
1315
- .ant-pro-form-light-filter-effective .ant-pro-form-light-filter-collapse-icon {
1316
- background-color: rgba(0, 0, 0, 0.04);
1317
- }
1318
-
1319
- .ant-pro-core-field-label {
1320
- display: inline-block;
1321
- height: 30px;
1322
- padding: 0 4px;
1323
- font-size: 14px;
1324
- line-height: 30px;
1325
- border-radius: 2px;
1326
- cursor: pointer;
1327
- }
1328
- .ant-pro-core-field-label:hover {
1329
- background-color: rgba(0, 0, 0, 0.1);
1330
- }
1331
- .ant-pro-core-field-label-active {
1332
- padding: 0 12px;
1333
- background-color: rgba(0, 0, 0, 0.04);
1334
- }
1335
- .ant-pro-core-field-label-active.ant-pro-core-field-label-allow-clear:hover:not(.ant-pro-core-field-label-disabled) .ant-pro-core-field-label-arrow {
1336
- display: none;
1337
- }
1338
- .ant-pro-core-field-label-active.ant-pro-core-field-label-allow-clear:hover:not(.ant-pro-core-field-label-disabled) .ant-pro-core-field-label-close {
1339
- display: inline-block;
1340
- }
1341
- .ant-pro-core-field-label-icon {
1342
- margin-top: -2px;
1343
- margin-left: 4px;
1344
- padding: 1px;
1345
- color: rgba(0, 0, 0, 0.45);
1346
- font-size: 12px;
1347
- vertical-align: middle;
1348
- }
1349
- .ant-pro-core-field-label-icon.ant-pro-core-field-label-close {
1350
- display: none;
1351
- margin-top: -4px;
1352
- padding: 3px;
1353
- color: #fff;
1354
- font-size: 8px;
1355
- background-color: rgba(0, 0, 0, 0.25);
1356
- border-radius: 50%;
1357
- }
1358
- .ant-pro-core-field-label-icon.ant-pro-core-field-label-close:hover {
1359
- background-color: rgba(0, 0, 0, 0.45);
1360
- }
1361
- .ant-pro-core-field-label-disabled {
1362
- color: rgba(0, 0, 0, 0.25);
1363
- cursor: not-allowed;
1364
- }
1365
- .ant-pro-core-field-label-disabled .ant-pro-core-field-label-icon {
1366
- color: rgba(0, 0, 0, 0.25);
1367
- }
1368
- .ant-pro-core-field-label-small {
1369
- height: 24px;
1370
- padding: 0 4px;
1371
- font-size: 12px;
1372
- line-height: 24px;
1373
- }
1374
- .ant-pro-core-field-label-small.ant-pro-core-field-label-active {
1375
- padding: 0 8px;
1376
- }
1377
- .ant-pro-core-field-label-small .ant-pro-core-field-label-icon {
1378
- padding: 0;
1379
- }
1380
- .ant-pro-core-field-label-small .ant-pro-core-field-label-close {
1381
- margin-top: -2px;
1382
- padding: 3px;
1383
- font-size: 6px;
1384
- }
1385
- .ant-pro-core-field-label-bordered {
1386
- height: 32px;
1387
- padding: 0 12px;
1388
- border: 1px solid #d9d9d9;
1389
- border-radius: 2px;
1390
- }
1391
- .ant-pro-core-field-label-bordered.ant-pro-core-field-label-small {
1392
- height: 24px;
1393
- padding: 0 8px;
1394
- }
1395
- .ant-pro-core-field-label-bordered.ant-pro-core-field-label-active {
1396
- background-color: #fff;
1397
- }
1398
-
1399
- .ant-pro-core-field-dropdown-label {
1400
- cursor: pointer;
1401
- }
1402
- .ant-pro-core-field-dropdown-overlay {
1403
- min-width: 200px;
1404
- margin-top: 4px;
1405
- background-color: #fff;
1406
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
1407
- }
1408
- .ant-pro-core-field-dropdown-content {
1409
- padding: 16px;
1410
- }
1411
-
1412
- .ant-pro-core-dropdown-footer {
1413
- display: flex;
1414
- justify-content: space-between;
1415
- padding: 16px 16px 16px 8px;
1416
- border-top: 1px solid #f0f0f0;
1417
- }
1418
-
1419
- .ant-pro-form-login-container {
1420
- display: flex;
1421
- flex: 1;
1422
- flex-direction: column;
1423
- height: 100%;
1424
- padding: 32px 0;
1425
- overflow: auto;
1426
- background: inherit;
1427
- }
1428
- @media (min-width: 768px) {
1429
- .ant-pro-form-login-container {
1430
- padding: 32px 0 24px;
1431
- background-repeat: no-repeat;
1432
- background-position: center 110px;
1433
- background-size: 100%;
1434
- }
1435
- }
1436
- .ant-pro-form-login-top {
1437
- text-align: center;
1438
- }
1439
- .ant-pro-form-login-header {
1440
- display: flex;
1441
- align-items: center;
1442
- justify-content: center;
1443
- height: 44px;
1444
- line-height: 44px;
1445
- }
1446
- .ant-pro-form-login-header a {
1447
- text-decoration: none;
1448
- }
1449
- .ant-pro-form-login-title {
1450
- position: relative;
1451
- top: 2px;
1452
- color: rgba(0, 0, 0, 0.85);
1453
- font-weight: 600;
1454
- font-size: 33px;
1455
- }
1456
- .ant-pro-form-login-logo {
1457
- width: 44px;
1458
- height: 44px;
1459
- margin-right: 16px;
1460
- vertical-align: top;
1461
- }
1462
- .ant-pro-form-login-logo img {
1463
- width: 100%;
1464
- }
1465
- .ant-pro-form-login-desc {
1466
- margin-top: 12px;
1467
- margin-bottom: 40px;
1468
- color: rgba(0, 0, 0, 0.45);
1469
- font-size: 14px;
1470
- }
1471
- .ant-pro-form-login-main {
1472
- min-width: 328px;
1473
- max-width: 500px;
1474
- margin: 0 auto;
1475
- }
1476
- .ant-pro-form-login-main .ant-tabs-nav-list {
1477
- margin: 0px auto;
1478
- font-size: 16px;
1563
+ transform: scale(0.8);
1564
+ transform-origin: 100% 50%;
1565
+ opacity: 0;
1566
+ }
1479
1567
  }
1480
- .ant-pro-form-login-main .ant-pro-form-login-other {
1481
- margin-top: 24px;
1482
- line-height: 22px;
1483
- text-align: left;
1568
+ @keyframes antZoomDownIn {
1569
+ 0% {
1570
+ transform: scale(0.8);
1571
+ transform-origin: 50% 100%;
1572
+ opacity: 0;
1573
+ }
1574
+ 100% {
1575
+ transform: scale(1);
1576
+ transform-origin: 50% 100%;
1577
+ }
1484
1578
  }
1485
-
1486
- .ant-pro-form-group-title {
1487
- margin-bottom: 16px;
1488
- font-weight: bold;
1579
+ @keyframes antZoomDownOut {
1580
+ 0% {
1581
+ transform: scale(1);
1582
+ transform-origin: 50% 100%;
1583
+ }
1584
+ 100% {
1585
+ transform: scale(0.8);
1586
+ transform-origin: 50% 100%;
1587
+ opacity: 0;
1588
+ }
1489
1589
  }
1490
- .ant-pro-form-group-container {
1491
- flex-wrap: wrap;
1492
- max-width: 100%;
1590
+ .ant-motion-collapse-legacy {
1591
+ overflow: hidden;
1493
1592
  }
1494
- .ant-pro-form-group-container > div.ant-space-item {
1495
- max-width: 100%;
1593
+ .ant-motion-collapse-legacy-active {
1594
+ transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1496
1595
  }
1497
- .ant-pro-form-group-twoLine {
1498
- display: block;
1499
- width: 100%;
1596
+ .ant-motion-collapse {
1597
+ overflow: hidden;
1598
+ transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
1500
1599
  }
1501
- .ant-pro-form-group-twoLine .ant-pro-form-group-title {
1502
- width: 100%;
1503
- margin: 8px 0;
1600
+
1601
+ .ant-pro-card-loading {
1602
+ overflow: hidden;
1504
1603
  }
1505
- .ant-pro-form-group-twoLine .ant-pro-form-group-container {
1506
- padding-left: 16px;
1604
+ .ant-pro-card-loading .ant-pro-card-body {
1605
+ user-select: none;
1507
1606
  }
1508
- .ant-pro-form-group-twoLine .ant-space-item,
1509
- .ant-pro-form-group-twoLine .ant-form-item {
1607
+ .ant-pro-card-loading-content {
1510
1608
  width: 100%;
1511
1609
  }
1512
- .ant-pro-form-group-twoLine .ant-form-item-control {
1513
- display: flex;
1514
- align-items: center;
1515
- justify-content: flex-end;
1610
+ .ant-pro-card-loading-content p {
1611
+ margin: 0;
1516
1612
  }
1517
- .ant-pro-form-group-twoLine .ant-form-item-control-input {
1518
- align-items: center;
1519
- justify-content: flex-end;
1613
+ .ant-pro-card-loading-block {
1614
+ height: 14px;
1615
+ margin: 4px 0;
1616
+ background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
1617
+ background-size: 600% 600%;
1618
+ border-radius: 2px;
1619
+ animation: card-loading 1.4s ease infinite;
1520
1620
  }
1521
- .ant-pro-form-group-twoLine .ant-form-item-control-input-content {
1522
- flex: none;
1621
+ @keyframes card-loading {
1622
+ 0%,
1623
+ 100% {
1624
+ background-position: 0 50%;
1625
+ }
1626
+ 50% {
1627
+ background-position: 100% 50%;
1628
+ }
1523
1629
  }
1524
1630
 
1525
1631
  .ant-pro-core-label-tip {
@@ -1553,1385 +1659,1413 @@ html {
1553
1659
  word-break: keep-all;
1554
1660
  }
1555
1661
 
1556
- .ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
1557
- display: none;
1558
- }
1559
- .ant-pro-form-list {
1560
- max-width: 100%;
1662
+ .ant-pro-card-actions {
1663
+ margin: 0;
1664
+ padding: 0;
1665
+ list-style: none;
1666
+ background: #fff;
1667
+ border-top: 1px solid #f0f0f0;
1561
1668
  }
1562
- .ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
1563
- display: inline-block;
1669
+ .ant-pro-card-actions::before {
1670
+ display: table;
1671
+ content: '';
1564
1672
  }
1565
- .ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
1566
- display: inline-block;
1673
+ .ant-pro-card-actions::after {
1674
+ display: table;
1675
+ clear: both;
1676
+ content: '';
1567
1677
  }
1568
- .ant-pro-form-list-action {
1569
- display: flex;
1570
- height: 32px;
1571
- margin-bottom: 24px;
1572
- line-height: 32px;
1678
+ .ant-pro-card-actions .ant-space {
1679
+ gap: 0 !important;
1680
+ width: 100%;
1573
1681
  }
1574
- .ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
1575
- margin-bottom: 0;
1682
+ .ant-pro-card-actions > li,
1683
+ .ant-pro-card-actions .ant-space-item {
1684
+ flex: 1;
1685
+ float: left;
1686
+ margin: 12px 0;
1687
+ color: rgba(0, 0, 0, 0.45);
1688
+ text-align: center;
1576
1689
  }
1577
- .ant-pro-form-list-action-icon {
1578
- margin-left: 8px;
1579
- cursor: pointer;
1580
- transition: color 0.3s ease-in-out;
1690
+ .ant-pro-card-actions > li > a,
1691
+ .ant-pro-card-actions .ant-space-item > a {
1692
+ color: rgba(0, 0, 0, 0.45);
1693
+ transition: color 0.3s;
1581
1694
  }
1582
- .ant-pro-form-list-action-icon:hover {
1695
+ .ant-pro-card-actions > li > a:hover,
1696
+ .ant-pro-card-actions .ant-space-item > a:hover {
1583
1697
  color: #40a9ff;
1584
1698
  }
1585
- .ant-pro-form-list-creator-button-top {
1586
- margin-bottom: 24px;
1587
- }
1588
-
1589
- .ant-pro-field-light-wrapper-collapse-label {
1590
- padding: 1;
1591
- }
1592
- .ant-pro-field-light-wrapper-container .ant-form-item {
1593
- margin-bottom: 0;
1594
- }
1595
-
1596
- .ant-pro-steps-form-container {
1597
- width: max-content;
1598
- min-width: 520px;
1599
- max-width: 100%;
1600
- margin: auto;
1601
- }
1602
- .ant-pro-steps-form-steps-container {
1603
- max-width: 1160px;
1604
- margin: auto;
1605
- }
1606
- .ant-pro-steps-form-steps-container .ant-steps-vertical {
1607
- height: 100%;
1608
- }
1609
- .ant-pro-steps-form-step {
1610
- display: none;
1611
- margin-top: 32px;
1612
- }
1613
- .ant-pro-steps-form-step-active {
1699
+ .ant-pro-card-actions > li > span,
1700
+ .ant-pro-card-actions .ant-space-item > span {
1701
+ position: relative;
1614
1702
  display: block;
1703
+ min-width: 32px;
1704
+ font-size: 14px;
1705
+ line-height: 1.5715;
1706
+ cursor: pointer;
1615
1707
  }
1616
- .ant-pro-steps-form-step > form {
1617
- max-width: 100%;
1708
+ .ant-pro-card-actions > li > span:hover,
1709
+ .ant-pro-card-actions .ant-space-item > span:hover {
1710
+ color: #40a9ff;
1711
+ transition: color 0.3s;
1618
1712
  }
1619
-
1620
- .ant-pro-form-login-page {
1621
- display: flex;
1713
+ .ant-pro-card-actions > li > span a:not(.ant-btn),
1714
+ .ant-pro-card-actions .ant-space-item > span a:not(.ant-btn),
1715
+ .ant-pro-card-actions > li > span > .anticon,
1716
+ .ant-pro-card-actions .ant-space-item > span > .anticon {
1717
+ display: inline-block;
1622
1718
  width: 100%;
1623
- height: 100%;
1624
- background-size: contain;
1625
- }
1626
- .ant-pro-form-login-page-notice {
1627
- display: flex;
1628
- flex: 1;
1629
- align-items: flex-end;
1630
- }
1631
- .ant-pro-form-login-page-notice-activity {
1632
- margin: 24px;
1633
- padding: 24px;
1719
+ color: rgba(0, 0, 0, 0.45);
1720
+ line-height: 22px;
1721
+ transition: color 0.3s;
1634
1722
  }
1635
- .ant-pro-form-login-page-notice-activity-title {
1636
- font-weight: 500;
1637
- font-size: 28px;
1723
+ .ant-pro-card-actions > li > span a:not(.ant-btn):hover,
1724
+ .ant-pro-card-actions .ant-space-item > span a:not(.ant-btn):hover,
1725
+ .ant-pro-card-actions > li > span > .anticon:hover,
1726
+ .ant-pro-card-actions .ant-space-item > span > .anticon:hover {
1727
+ color: #40a9ff;
1638
1728
  }
1639
- .ant-pro-form-login-page-notice-activity-subTitle {
1640
- margin-top: 8px;
1729
+ .ant-pro-card-actions > li > span > .anticon,
1730
+ .ant-pro-card-actions .ant-space-item > span > .anticon {
1641
1731
  font-size: 16px;
1732
+ line-height: 22px;
1642
1733
  }
1643
- .ant-pro-form-login-page-notice-activity-action {
1644
- margin-top: 24px;
1645
- }
1646
- .ant-pro-form-login-page-container {
1647
- display: flex;
1648
- flex: 1;
1649
- flex-direction: column;
1650
- max-width: 550px;
1651
- height: 100%;
1652
- padding: 32px 0;
1653
- overflow: auto;
1654
- background: inherit;
1655
- background: #fff;
1734
+ .ant-pro-card-actions > li:not(:last-child),
1735
+ .ant-pro-card-actions .ant-space-item:not(:last-child) {
1736
+ border-right: 1px solid #f0f0f0;
1656
1737
  }
1657
- @media (max-width: 768px) {
1658
- .ant-pro-form-login-page {
1659
- flex-direction: column-reverse;
1660
- background: none !important;
1661
- }
1662
- .ant-pro-form-login-page .ant-pro-form-login-page-notice {
1663
- display: flex;
1664
- flex: none;
1665
- align-items: flex-start;
1666
- width: 100%;
1667
- }
1668
- .ant-pro-form-login-page .ant-pro-form-login-page-notice > div {
1669
- width: 100%;
1670
- }
1738
+
1739
+ .ant-pro-card-divider {
1740
+ flex: none;
1741
+ width: 1px;
1742
+ margin: 24px 8px;
1743
+ background-color: #f0f0f0;
1671
1744
  }
1672
- @media (min-width: 768px) {
1673
- .ant-pro-form-login-page-container {
1674
- padding: 128px 0 24px;
1675
- background-repeat: no-repeat;
1676
- background-position: center 110px;
1677
- background-size: 100%;
1678
- }
1745
+ .ant-pro-card-divider-horizontal {
1746
+ width: initial;
1747
+ height: 1px;
1748
+ margin: 8px 24px;
1679
1749
  }
1680
- .ant-pro-form-login-page-top {
1681
- text-align: center;
1750
+ .ant-pro-card-size-small .ant-pro-card-divider {
1751
+ margin: 12px 8px;
1682
1752
  }
1683
- .ant-pro-form-login-page-header {
1753
+ .ant-pro-card-size-small .ant-pro-card-divider-horizontal {
1754
+ margin: 8px 12px;
1755
+ }
1756
+
1757
+ .ant-pro-card-operation {
1684
1758
  display: flex;
1685
- align-items: center;
1686
- justify-content: center;
1687
- height: 44px;
1688
- line-height: 44px;
1759
+ flex-direction: column;
1760
+ justify-content: flex-end;
1761
+ margin: 24px 0;
1762
+ color: rgba(0, 0, 0, 0.85);
1763
+ font-weight: 500;
1764
+ font-size: 20px;
1765
+ line-height: 38px;
1689
1766
  }
1690
- .ant-pro-form-login-page-header a {
1691
- text-decoration: none;
1767
+
1768
+ .ant-pro-checkcard-group {
1769
+ display: inline-block;
1692
1770
  }
1693
- .ant-pro-form-login-page-title {
1771
+ .ant-pro-checkcard {
1694
1772
  position: relative;
1695
- top: 2px;
1696
- color: rgba(0, 0, 0, 0.85);
1697
- font-weight: 600;
1698
- font-size: 33px;
1699
- }
1700
- .ant-pro-form-login-page-logo {
1701
- width: 44px;
1702
- height: 44px;
1773
+ display: inline-block;
1774
+ width: 320px;
1703
1775
  margin-right: 16px;
1776
+ margin-bottom: 16px;
1777
+ color: rgba(0, 0, 0, 0.85);
1778
+ font-size: 14px;
1779
+ line-height: 1.5715;
1704
1780
  vertical-align: top;
1781
+ background-color: #fff;
1782
+ border-radius: 2px;
1783
+ cursor: pointer;
1784
+ transition: all 0.2s;
1705
1785
  }
1706
- .ant-pro-form-login-page-logo img {
1707
- width: 100%;
1786
+ .ant-pro-checkcard:last-child {
1787
+ margin-right: 0;
1708
1788
  }
1709
- .ant-pro-form-login-page-desc {
1710
- margin-top: 12px;
1711
- margin-bottom: 40px;
1712
- color: rgba(0, 0, 0, 0.45);
1713
- font-size: 14px;
1789
+ .ant-pro-checkcard + .ant-pro-checkcard {
1790
+ margin-left: 0 !important;
1714
1791
  }
1715
- @media screen and (max-width: 576px) {
1716
- .ant-pro-form-login-page-main {
1717
- width: 95%;
1718
- max-width: 328px;
1719
- }
1792
+ .ant-pro-checkcard-bordered {
1793
+ border: 1px solid #d9d9d9;
1720
1794
  }
1721
- .ant-pro-form-login-page-main {
1722
- width: 328px;
1723
- margin: 0 auto;
1795
+ .ant-pro-checkcard-loading {
1796
+ overflow: hidden;
1797
+ user-select: none;
1724
1798
  }
1725
- .ant-pro-form-login-page-main .ant-tabs-nav-list {
1726
- margin: 0px auto;
1727
- font-size: 16px;
1799
+ .ant-pro-checkcard-loading-content {
1800
+ padding: 12px 16px;
1728
1801
  }
1729
- .ant-pro-form-login-page-main .ant-pro-form-login-page-other {
1730
- margin-top: 24px;
1731
- line-height: 22px;
1732
- text-align: left;
1802
+ .ant-pro-checkcard-loading-content p {
1803
+ margin: 0;
1733
1804
  }
1734
-
1735
- .ant-pro-field-date-picker-light .ant-calendar-picker,
1736
- .ant-pro-field-date-picker-light .ant-picker {
1737
- position: absolute;
1738
- width: 80px;
1739
- height: 28px;
1740
- overflow: hidden;
1741
- visibility: hidden;
1805
+ .ant-pro-checkcard-loading-block {
1806
+ height: 14px;
1807
+ margin: 4px 0;
1808
+ background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
1809
+ background-size: 600% 600%;
1810
+ border-radius: 2px;
1811
+ animation: card-loading 1.4s ease infinite;
1742
1812
  }
1743
-
1744
- .ant-pro-field-index-column {
1745
- display: inline-flex;
1746
- align-items: center;
1747
- justify-content: center;
1748
- width: 18px;
1749
- height: 18px;
1813
+ @keyframes card-loading {
1814
+ 0%,
1815
+ 100% {
1816
+ background-position: 0 50%;
1817
+ }
1818
+ 50% {
1819
+ background-position: 100% 50%;
1820
+ }
1750
1821
  }
1751
- .ant-pro-field-index-column-border {
1752
- color: #fff;
1753
- font-size: 12px;
1754
- line-height: 12px;
1755
- background-color: #314659;
1756
- border-radius: 9px;
1822
+ .ant-pro-checkcard:focus {
1823
+ background-color: #e6f7ff;
1824
+ border-color: #1890ff;
1757
1825
  }
1758
- .ant-pro-field-index-column-border.top-three {
1759
- background-color: #979797;
1826
+ .ant-pro-checkcard-checked {
1827
+ background-color: #e6f7ff;
1828
+ border-color: #1890ff;
1760
1829
  }
1761
-
1762
- .ant-pro-table-dropdown {
1763
- width: auto;
1830
+ .ant-pro-checkcard-disabled {
1831
+ background-color: #f5f5f5;
1832
+ border-color: #d9d9d9;
1833
+ cursor: not-allowed;
1764
1834
  }
1765
- .ant-pro-select-item-option-content-light {
1766
- color: #1890ff;
1835
+ .ant-pro-checkcard-disabled .ant-pro-checkcard-description {
1836
+ color: rgba(0, 0, 0, 0.25);
1767
1837
  }
1768
- .ant-pro-select-item-option-content {
1769
- flex: auto;
1770
- overflow: hidden;
1771
- white-space: nowrap;
1772
- text-overflow: ellipsis;
1838
+ .ant-pro-checkcard-disabled .ant-pro-checkcard-title {
1839
+ color: rgba(0, 0, 0, 0.25);
1773
1840
  }
1774
-
1775
- .ant-pro-field-dropdown {
1776
- width: auto;
1841
+ .ant-pro-checkcard-disabled .ant-pro-checkcard-avatar {
1842
+ opacity: 0.25;
1777
1843
  }
1778
-
1779
- .ant-pro-field-select-light-select .ant-select {
1780
- position: absolute;
1781
- width: 153px;
1782
- height: 28px;
1783
- visibility: hidden;
1844
+ .ant-pro-checkcard[disabled] {
1845
+ background-color: #f5f5f5;
1846
+ border-color: #d9d9d9;
1847
+ cursor: not-allowed;
1784
1848
  }
1785
- .ant-pro-field-select-light-select .ant-select-selector {
1786
- height: 28px;
1849
+ .ant-pro-checkcard[disabled] .ant-pro-checkcard-description {
1850
+ color: rgba(0, 0, 0, 0.25);
1787
1851
  }
1788
- .ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select {
1789
- width: 200px;
1852
+ .ant-pro-checkcard[disabled] .ant-pro-checkcard-title {
1853
+ color: rgba(0, 0, 0, 0.25);
1790
1854
  }
1791
- .ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select-selector {
1792
- height: 28px;
1855
+ .ant-pro-checkcard[disabled] .ant-pro-checkcard-avatar {
1856
+ opacity: 0.25;
1793
1857
  }
1794
-
1795
- .ant-pro-field-checkbox-vertical .ant-checkbox-group-item {
1796
- display: flex;
1797
- margin-right: 0;
1858
+ .ant-pro-checkcard-lg {
1859
+ width: 440px;
1798
1860
  }
1799
-
1800
- .ant-pro-field-radio-vertical .ant-radio-wrapper {
1801
- display: block;
1802
- margin-right: 0;
1861
+ .ant-pro-checkcard-sm {
1862
+ width: 212px;
1803
1863
  }
1804
-
1805
- .ant-pro-table-dropdown {
1806
- width: auto;
1864
+ .ant-pro-checkcard-cover {
1865
+ padding: 4px;
1807
1866
  }
1808
-
1809
- .ant-pro-table-list-toolbar {
1810
- overflow-x: auto;
1811
- line-height: 1;
1867
+ .ant-pro-checkcard-cover img {
1868
+ width: 100%;
1869
+ height: 100%;
1870
+ overflow: hidden;
1871
+ border-radius: 2px;
1812
1872
  }
1813
- .ant-pro-table-list-toolbar-container {
1873
+ .ant-pro-checkcard-content {
1814
1874
  display: flex;
1815
- justify-content: space-between;
1816
- padding: 16px 0;
1875
+ padding: 12px 16px;
1817
1876
  }
1818
- .ant-pro-table-list-toolbar-container-mobile {
1819
- flex-direction: column;
1877
+ .ant-pro-checkcard-avatar-header {
1878
+ display: flex;
1879
+ align-items: center;
1820
1880
  }
1821
- .ant-pro-table-list-toolbar-title {
1881
+ .ant-pro-checkcard-avatar {
1882
+ padding-right: 8px;
1883
+ }
1884
+ .ant-pro-checkcard-detail {
1885
+ overflow: hidden;
1886
+ }
1887
+ .ant-pro-checkcard-detail > div:not(:last-child) {
1888
+ margin-bottom: 4px;
1889
+ }
1890
+ .ant-pro-checkcard-header {
1822
1891
  display: flex;
1823
1892
  align-items: center;
1824
- justify-content: flex-start;
1893
+ justify-content: space-between;
1894
+ }
1895
+ .ant-pro-checkcard-title {
1896
+ overflow: hidden;
1825
1897
  color: rgba(0, 0, 0, 0.85);
1826
1898
  font-weight: 500;
1827
- font-size: 16px;
1899
+ font-size: 14px;
1900
+ white-space: nowrap;
1901
+ text-overflow: ellipsis;
1828
1902
  }
1829
- .ant-pro-table-list-toolbar-search:not(:last-child) {
1830
- display: flex;
1831
- align-items: center;
1832
- justify-content: flex-start;
1903
+ .ant-pro-checkcard-description {
1904
+ color: rgba(0, 0, 0, 0.45);
1833
1905
  }
1834
- .ant-pro-table-list-toolbar-setting-item {
1835
- margin: 0 4px;
1836
- color: rgba(0, 0, 0, 0.75);
1837
- font-size: 16px;
1838
- cursor: pointer;
1906
+ .ant-pro-checkcard:not(.ant-pro-checkcard-disabled):hover {
1907
+ border-color: #1890ff;
1908
+ }
1909
+ .ant-pro-checkcard-checked::after {
1910
+ position: absolute;
1911
+ top: 2px;
1912
+ right: 2px;
1913
+ width: 0;
1914
+ height: 0;
1915
+ border: 6px solid #1890ff;
1916
+ border-bottom: 6px solid transparent;
1917
+ border-left: 6px solid transparent;
1918
+ border-top-right-radius: 2px;
1919
+ content: '';
1920
+ }
1921
+
1922
+ .ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav {
1923
+ margin-bottom: 0;
1839
1924
  }
1840
- .ant-pro-table-list-toolbar-setting-item > span {
1841
- display: block;
1842
- width: 100%;
1843
- height: 100%;
1925
+ .ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
1926
+ margin-top: 8px;
1927
+ padding-left: 16px;
1844
1928
  }
1845
- .ant-pro-table-list-toolbar-setting-item:hover {
1846
- color: #40a9ff;
1929
+ .ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav {
1930
+ margin-top: 0;
1847
1931
  }
1848
- .ant-pro-table-list-toolbar-left {
1849
- display: flex;
1850
- align-items: center;
1851
- justify-content: flex-start;
1932
+ .ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-list {
1933
+ padding-left: 16px;
1852
1934
  }
1853
- .ant-pro-table-list-toolbar-right {
1854
- display: flex;
1855
- justify-content: flex-end;
1935
+ .ant-pro-card-tabs .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
1936
+ padding-left: 0;
1856
1937
  }
1857
- .ant-pro-table-list-toolbar-extra-line {
1858
- margin-bottom: 16px;
1938
+ .ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav {
1939
+ margin-right: 0;
1859
1940
  }
1860
- .ant-pro-table-list-toolbar-filter {
1861
- display: flex;
1862
- align-items: center;
1941
+ .ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list {
1942
+ padding-top: 16px;
1863
1943
  }
1864
- .ant-pro-table-list-toolbar-filter:not(:last-child) {
1865
- margin-right: 16px;
1944
+ .ant-pro-card-tabs .ant-tabs-right .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
1945
+ padding-right: 0;
1866
1946
  }
1867
- .ant-pro-table-list-toolbar-filter .ant-pro-table-search {
1868
- margin: 0;
1869
- padding: 0;
1947
+ .ant-pro-card-tabs .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list {
1948
+ padding-top: 16px;
1870
1949
  }
1871
- .ant-pro-table-list-toolbar-inline-menu-item {
1872
- display: inline-block;
1873
- margin-right: 24px;
1874
- cursor: pointer;
1875
- opacity: 0.75;
1950
+
1951
+ .ant-pro-descriptions .ant-descriptions-view {
1952
+ overflow: initial !important;
1876
1953
  }
1877
- .ant-pro-table-list-toolbar-inline-menu-item-active {
1878
- font-weight: bold;
1879
- opacity: 1;
1954
+
1955
+ .ant-pro-table-dropdown {
1956
+ width: auto;
1880
1957
  }
1881
- .ant-pro-table-list-toolbar-dropdownmenu-label {
1882
- font-weight: bold;
1883
- font-size: 16px;
1884
- text-align: center;
1885
- cursor: pointer;
1958
+ .ant-pro-select-item-option-content-light {
1959
+ color: #1890ff;
1886
1960
  }
1887
- .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav {
1888
- margin-bottom: 0;
1961
+ .ant-pro-select-item-option-content {
1962
+ flex: auto;
1963
+ overflow: hidden;
1964
+ white-space: nowrap;
1965
+ text-overflow: ellipsis;
1889
1966
  }
1890
- .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav::before {
1891
- border-bottom: 0;
1967
+
1968
+ .ant-pro-field-dropdown {
1969
+ width: auto;
1892
1970
  }
1893
- .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
1894
- margin-top: 0;
1971
+
1972
+ .ant-pro-field-select-light-select .ant-select {
1973
+ position: absolute;
1974
+ width: 153px;
1975
+ height: 28px;
1976
+ visibility: hidden;
1895
1977
  }
1896
- .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
1897
- padding-top: 0;
1978
+ .ant-pro-field-select-light-select .ant-select-selector {
1979
+ height: 28px;
1898
1980
  }
1899
- @media (max-width: 575px) {
1900
- .ant-pro-table-list-toolbar-container {
1901
- display: flex;
1902
- flex-wrap: wrap;
1903
- }
1904
- .ant-pro-table-list-toolbar-left {
1905
- margin-bottom: 16px;
1906
- }
1981
+ .ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select {
1982
+ width: 200px;
1983
+ }
1984
+ .ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select-selector {
1985
+ height: 28px;
1907
1986
  }
1908
1987
 
1909
- .ant-pro-table .ant-pro-table-search {
1910
- margin-bottom: 16px;
1911
- padding: 24px;
1912
- padding-bottom: 0;
1913
- background: #fff;
1988
+ .ant-pro-core-field-label {
1989
+ display: inline-block;
1990
+ height: 30px;
1991
+ padding: 0 4px;
1992
+ font-size: 14px;
1993
+ line-height: 30px;
1994
+ border-radius: 2px;
1995
+ cursor: pointer;
1914
1996
  }
1915
- .ant-pro-table .ant-pro-table-search-ghost {
1916
- background: transparent;
1997
+ .ant-pro-core-field-label:hover {
1998
+ background-color: rgba(0, 0, 0, 0.1);
1917
1999
  }
1918
- .ant-pro-table .ant-pro-table-search::before {
1919
- display: table;
1920
- content: '';
2000
+ .ant-pro-core-field-label-active {
2001
+ padding: 0 12px;
2002
+ background-color: rgba(0, 0, 0, 0.04);
1921
2003
  }
1922
- .ant-pro-table .ant-pro-table-search::after {
1923
- display: table;
1924
- clear: both;
1925
- content: '';
2004
+ .ant-pro-core-field-label-active.ant-pro-core-field-label-allow-clear:hover:not(.ant-pro-core-field-label-disabled) .ant-pro-core-field-label-arrow {
2005
+ display: none;
1926
2006
  }
1927
- .ant-pro-table .ant-pro-table-search.ant-pro-table-form {
1928
- margin: 0;
1929
- padding: 0 16px;
1930
- overflow: unset;
2007
+ .ant-pro-core-field-label-active.ant-pro-core-field-label-allow-clear:hover:not(.ant-pro-core-field-label-disabled) .ant-pro-core-field-label-close {
2008
+ display: inline-block;
1931
2009
  }
1932
- .ant-pro-table .ant-pro-table-search-light {
1933
- margin-bottom: 0;
1934
- padding: 16px 0;
2010
+ .ant-pro-core-field-label-icon {
2011
+ margin-top: -2px;
2012
+ margin-left: 4px;
2013
+ padding: 1px;
2014
+ color: rgba(0, 0, 0, 0.45);
2015
+ font-size: 12px;
2016
+ vertical-align: middle;
1935
2017
  }
1936
- .ant-pro-table .ant-pro-table-search-form-option .ant-form-item {
1937
- margin: 0;
2018
+ .ant-pro-core-field-label-icon.ant-pro-core-field-label-close {
2019
+ display: none;
2020
+ margin-top: -4px;
2021
+ padding: 3px;
2022
+ color: #fff;
2023
+ font-size: 8px;
2024
+ background-color: rgba(0, 0, 0, 0.25);
2025
+ border-radius: 50%;
1938
2026
  }
1939
- .ant-pro-table .ant-pro-table-search-form-option .ant-form-item-label {
1940
- opacity: 0;
2027
+ .ant-pro-core-field-label-icon.ant-pro-core-field-label-close:hover {
2028
+ background-color: rgba(0, 0, 0, 0.45);
1941
2029
  }
1942
- .ant-pro-table .ant-pro-table-search-form-option .ant-form-item-control-input {
1943
- justify-content: flex-start;
2030
+ .ant-pro-core-field-label-disabled {
2031
+ color: rgba(0, 0, 0, 0.25);
2032
+ cursor: not-allowed;
1944
2033
  }
1945
- @media (max-width: 575px) {
1946
- .ant-pro-table .ant-pro-table-search {
1947
- height: auto !important;
1948
- padding-bottom: 24px;
1949
- }
1950
- .ant-pro-table .ant-pro-table-search .ant-form-item-label {
1951
- min-width: 80px;
1952
- text-align: left;
1953
- }
2034
+ .ant-pro-core-field-label-disabled .ant-pro-core-field-label-icon {
2035
+ color: rgba(0, 0, 0, 0.25);
1954
2036
  }
1955
-
1956
- .pro-table-tooltip-text span {
1957
- color: #fff;
2037
+ .ant-pro-core-field-label-small {
2038
+ height: 24px;
2039
+ padding: 0 4px;
2040
+ font-size: 12px;
2041
+ line-height: 24px;
1958
2042
  }
1959
- .ant-pro-table {
1960
- z-index: 1;
2043
+ .ant-pro-core-field-label-small.ant-pro-core-field-label-active {
2044
+ padding: 0 8px;
1961
2045
  }
1962
- .ant-pro-table:not(:root):fullscreen {
1963
- min-height: 100vh;
1964
- overflow: auto;
1965
- background: #fff;
2046
+ .ant-pro-core-field-label-small .ant-pro-core-field-label-icon {
2047
+ padding: 0;
1966
2048
  }
1967
- .ant-pro-table-extra {
1968
- margin-bottom: 16px;
2049
+ .ant-pro-core-field-label-small .ant-pro-core-field-label-close {
2050
+ margin-top: -2px;
2051
+ padding: 3px;
2052
+ font-size: 6px;
1969
2053
  }
1970
- .ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
1971
- transform: rotate(0deg);
1972
- animation: turn 1s linear infinite;
2054
+ .ant-pro-core-field-label-bordered {
2055
+ height: 32px;
2056
+ padding: 0 12px;
2057
+ border: 1px solid #d9d9d9;
2058
+ border-radius: 2px;
1973
2059
  }
1974
- .ant-pro-table td.ant-table-cell > a {
1975
- font-size: 14px;
2060
+ .ant-pro-core-field-label-bordered.ant-pro-core-field-label-small {
2061
+ height: 24px;
2062
+ padding: 0 8px;
1976
2063
  }
1977
- .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
1978
- margin: 0;
2064
+ .ant-pro-core-field-label-bordered.ant-pro-core-field-label-active {
2065
+ background-color: #fff;
1979
2066
  }
1980
- .ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
1981
- margin: -12px -8px;
2067
+
2068
+ .ant-pro-field-date-picker-light .ant-calendar-picker,
2069
+ .ant-pro-field-date-picker-light .ant-picker {
2070
+ position: absolute;
2071
+ width: 80px;
2072
+ height: 28px;
2073
+ overflow: hidden;
2074
+ visibility: hidden;
1982
2075
  }
1983
- @keyframes turn {
1984
- 0% {
1985
- transform: rotate(0deg);
1986
- }
1987
- 25% {
1988
- transform: rotate(90deg);
1989
- }
1990
- 50% {
1991
- transform: rotate(180deg);
1992
- }
1993
- 75% {
1994
- transform: rotate(270deg);
1995
- }
1996
- 100% {
1997
- transform: rotate(360deg);
1998
- }
2076
+
2077
+ .ant-pro-field-index-column {
2078
+ display: inline-flex;
2079
+ align-items: center;
2080
+ justify-content: center;
2081
+ width: 18px;
2082
+ height: 18px;
2083
+ }
2084
+ .ant-pro-field-index-column-border {
2085
+ color: #fff;
2086
+ font-size: 12px;
2087
+ line-height: 12px;
2088
+ background-color: #314659;
2089
+ border-radius: 9px;
2090
+ }
2091
+ .ant-pro-field-index-column-border.top-three {
2092
+ background-color: #979797;
1999
2093
  }
2000
2094
 
2001
- .ant-pro-statistic-card-chart {
2095
+ .ant-pro-field-checkbox-vertical .ant-checkbox-group-item {
2002
2096
  display: flex;
2003
- flex-direction: column;
2004
- margin-top: 8px;
2005
- margin-bottom: 8px;
2006
- }
2007
- .ant-pro-statistic-card-chart-left {
2008
- margin-top: 0;
2009
- margin-right: 16px;
2097
+ margin-right: 0;
2010
2098
  }
2011
- .ant-pro-statistic-card-chart-right {
2012
- margin-top: 0;
2013
- margin-left: 16px;
2099
+
2100
+ .ant-pro-field-radio-vertical .ant-radio-wrapper {
2101
+ display: block;
2102
+ margin-right: 0;
2014
2103
  }
2015
- .ant-pro-statistic-card-content {
2016
- display: flex;
2017
- flex-direction: column;
2104
+
2105
+ .ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
2106
+ display: none;
2018
2107
  }
2019
- .ant-pro-statistic-card-content-horizontal {
2020
- flex-direction: row;
2108
+ .ant-pro-form-list {
2109
+ max-width: 100%;
2021
2110
  }
2022
- .ant-pro-statistic-card-content-horizontal .ant-pro-statistic-card-chart {
2023
- align-items: center;
2024
- align-self: flex-start;
2111
+ .ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
2112
+ display: inline-block;
2025
2113
  }
2026
- .ant-pro-statistic-card-footer {
2027
- margin-top: 8px;
2028
- padding-top: 16px;
2029
- border-top: rgba(0, 0, 0, 0.08) 1px solid;
2114
+ .ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
2115
+ display: inline-block;
2030
2116
  }
2031
-
2032
- .ant-pro-card-statistic {
2117
+ .ant-pro-form-list-action {
2033
2118
  display: flex;
2034
- font-size: 14px;
2119
+ height: 32px;
2120
+ margin-bottom: 24px;
2121
+ line-height: 32px;
2035
2122
  }
2036
- .ant-pro-card-statistic + .ant-pro-card-statistic {
2037
- margin-top: 4px;
2123
+ .ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
2124
+ margin-bottom: 0;
2038
2125
  }
2039
- .ant-pro-card-statistic-tip {
2040
- margin-left: 4px;
2126
+ .ant-pro-form-list-action-icon {
2127
+ margin-left: 8px;
2128
+ cursor: pointer;
2129
+ transition: color 0.3s ease-in-out;
2041
2130
  }
2042
- .ant-pro-card-statistic-wrapper {
2043
- display: flex;
2044
- width: 100%;
2131
+ .ant-pro-form-list-action-icon:hover {
2132
+ color: #40a9ff;
2045
2133
  }
2046
- .ant-pro-card-statistic-icon {
2047
- margin-right: 16px;
2134
+ .ant-pro-form-list-creator-button-top {
2135
+ margin-bottom: 24px;
2048
2136
  }
2049
- .ant-pro-card-statistic-trend-icon {
2050
- width: 0;
2051
- height: 0;
2052
- border-right: 3.5px solid transparent;
2053
- border-bottom: 9px solid #000;
2054
- border-left: 3.5px solid transparent;
2137
+
2138
+ .ant-pro-field-light-wrapper-collapse-label {
2139
+ padding: 1;
2055
2140
  }
2056
- .ant-pro-card-statistic-trend-icon-up {
2057
- transform: rotate(0deg);
2141
+ .ant-pro-field-light-wrapper-container .ant-form-item {
2142
+ margin-bottom: 0;
2058
2143
  }
2059
- .ant-pro-card-statistic-trend-icon-down {
2060
- transform: rotate(180deg);
2144
+
2145
+ .ant-pro-core-field-dropdown-label {
2146
+ cursor: pointer;
2061
2147
  }
2062
- .ant-pro-card-statistic-content {
2063
- width: 100%;
2148
+ .ant-pro-core-field-dropdown-overlay {
2149
+ min-width: 200px;
2150
+ margin-top: 4px;
2151
+ background-color: #fff;
2152
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2064
2153
  }
2065
- .ant-pro-card-statistic-description {
2066
- width: 100%;
2154
+ .ant-pro-core-field-dropdown-content {
2155
+ padding: 16px;
2067
2156
  }
2068
- .ant-pro-card-statistic .ant-statistic-title {
2069
- color: rgba(0, 0, 0, 0.85);
2157
+
2158
+ .ant-pro-core-dropdown-footer {
2159
+ display: flex;
2160
+ justify-content: space-between;
2161
+ padding: 16px 16px 16px 8px;
2162
+ border-top: 1px solid #f0f0f0;
2070
2163
  }
2071
- .ant-pro-card-statistic-layout-inline {
2072
- display: inline-flex;
2073
- color: rgba(0, 0, 0, 0.45);
2164
+
2165
+ .ant-pro-inline-error-form-item-multiple {
2166
+ padding: 6px 8px 12px 8px;
2074
2167
  }
2075
- .ant-pro-card-statistic-layout-inline .ant-statistic-title {
2076
- margin-right: 6px;
2077
- margin-bottom: 0;
2168
+ .ant-pro-inline-error-form-item-progress-success .ant-progress-bg {
2169
+ background-color: #52c41a;
2078
2170
  }
2079
- .ant-pro-card-statistic-layout-inline .ant-statistic-content {
2080
- color: rgba(0, 0, 0, 0.45);
2171
+ .ant-pro-inline-error-form-item-progress-error .ant-progress-bg {
2172
+ background-color: #ff4d4f;
2081
2173
  }
2082
- .ant-pro-card-statistic-layout-inline .ant-statistic-title,
2083
- .ant-pro-card-statistic-layout-inline .ant-statistic-content,
2084
- .ant-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
2085
- .ant-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
2086
- .ant-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
2087
- font-size: 12px;
2174
+ .ant-pro-inline-error-form-item-progress-warning .ant-progress-bg {
2175
+ background-color: #faad14;
2088
2176
  }
2089
- .ant-pro-card-statistic-layout-horizontal {
2090
- display: flex;
2091
- justify-content: space-between;
2177
+ .ant-pro-inline-error-form-item-rule {
2178
+ margin: 0;
2179
+ padding: 0;
2180
+ list-style: none;
2092
2181
  }
2093
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-title {
2094
- margin-bottom: 0;
2182
+ .ant-pro-inline-error-form-item-rule-content {
2183
+ display: flex;
2184
+ align-items: center;
2095
2185
  }
2096
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
2097
- font-weight: 500;
2186
+ .ant-pro-inline-error-form-item-rule-content-icon-default {
2187
+ display: flex;
2188
+ align-items: center;
2189
+ justify-content: center;
2190
+ width: 14px;
2191
+ height: 22px;
2098
2192
  }
2099
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-title,
2100
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content,
2101
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
2102
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
2103
- .ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
2104
- font-size: 14px;
2193
+ .ant-pro-inline-error-form-item-rule-content-icon-default-circle {
2194
+ width: 6px;
2195
+ height: 6px;
2196
+ background-color: rgba(0, 0, 0, 0.45);
2197
+ border-radius: 4px;
2105
2198
  }
2106
- .ant-pro-card-statistic-trend-up .ant-statistic-content {
2107
- color: #f5222d;
2199
+ .ant-pro-inline-error-form-item-rule-content-icon-loading {
2200
+ color: #1890ff;
2108
2201
  }
2109
- .ant-pro-card-statistic-trend-up .ant-statistic-content .ant-pro-card-statistic-trend-icon {
2110
- border-bottom-color: #f5222d;
2202
+ .ant-pro-inline-error-form-item-rule-content-icon-error {
2203
+ color: #ff4d4f;
2111
2204
  }
2112
- .ant-pro-card-statistic-trend-down .ant-statistic-content {
2113
- color: #389e0d;
2205
+ .ant-pro-inline-error-form-item-rule-content-icon-success {
2206
+ color: #52c41a;
2114
2207
  }
2115
- .ant-pro-card-statistic-trend-down .ant-statistic-content .ant-pro-card-statistic-trend-icon {
2116
- border-bottom-color: #52c41a;
2208
+ .ant-pro-inline-error-form-item-rule-content-text {
2209
+ color: rgba(0, 0, 0, 0.85);
2117
2210
  }
2118
2211
 
2119
- .ant-pro-card {
2120
- position: relative;
2121
- display: flex;
2122
- flex-direction: column;
2123
- box-sizing: border-box;
2124
- width: 100%;
2125
- margin: 0;
2126
- padding: 0;
2127
- background-color: #fff;
2128
- border-radius: 2px;
2212
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
2213
+ max-width: 100%;
2129
2214
  }
2130
- .ant-pro-card-col {
2131
- width: 100%;
2215
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
2216
+ width: 104px;
2132
2217
  }
2133
- .ant-pro-card-border {
2134
- border: 1px solid #f0f0f0;
2218
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
2219
+ width: 216px;
2135
2220
  }
2136
- .ant-pro-card-hoverable {
2137
- cursor: pointer;
2138
- transition: box-shadow 0.3s, border-color 0.3s;
2221
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
2222
+ width: 216px;
2139
2223
  }
2140
- .ant-pro-card-hoverable:hover {
2141
- border-color: transparent;
2142
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2224
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
2225
+ width: 328px;
2143
2226
  }
2144
- .ant-pro-card-hoverable.ant-pro-card-checked:hover {
2145
- border-color: #1890ff;
2227
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
2228
+ width: 328px;
2146
2229
  }
2147
- .ant-pro-card-checked {
2148
- background-color: #e6f7ff;
2149
- border-color: #1890ff;
2230
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
2231
+ width: 440px;
2150
2232
  }
2151
- .ant-pro-card-checked::after {
2152
- position: absolute;
2153
- top: 2px;
2154
- right: 2px;
2155
- width: 0;
2156
- height: 0;
2157
- border: 6px solid #1890ff;
2158
- border-bottom: 6px solid transparent;
2159
- border-left: 6px solid transparent;
2160
- border-top-right-radius: 2px;
2161
- content: '';
2233
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
2234
+ width: 440px;
2162
2235
  }
2163
- .ant-pro-card:focus {
2164
- background-color: #e6f7ff;
2165
- border-color: #1890ff;
2236
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
2237
+ width: 552px;
2166
2238
  }
2167
- .ant-pro-card-size-small .ant-pro-card-header {
2168
- padding: 8px 12px;
2169
- padding-bottom: 0;
2239
+
2240
+ .ant-pro-form-group-title {
2241
+ margin-bottom: 16px;
2242
+ font-weight: bold;
2170
2243
  }
2171
- .ant-pro-card-size-small .ant-pro-card-header-border {
2172
- padding-bottom: 8px;
2244
+ .ant-pro-form-group-container {
2245
+ flex-wrap: wrap;
2246
+ max-width: 100%;
2173
2247
  }
2174
- .ant-pro-card-size-small .ant-pro-card-title {
2175
- font-size: 14px;
2248
+ .ant-pro-form-group-container > div.ant-space-item {
2249
+ max-width: 100%;
2176
2250
  }
2177
- .ant-pro-card-size-small .ant-pro-card-body {
2178
- padding: 12px;
2251
+ .ant-pro-form-group-twoLine {
2252
+ display: block;
2253
+ width: 100%;
2254
+ }
2255
+ .ant-pro-form-group-twoLine .ant-pro-form-group-title {
2256
+ width: 100%;
2257
+ margin: 8px 0;
2179
2258
  }
2180
- .ant-pro-card-ghost {
2181
- background-color: transparent;
2259
+ .ant-pro-form-group-twoLine .ant-pro-form-group-container {
2260
+ padding-left: 16px;
2182
2261
  }
2183
- .ant-pro-card-ghost > .ant-pro-card-header {
2184
- padding-right: 0;
2185
- padding-bottom: 16px;
2186
- padding-left: 0;
2262
+ .ant-pro-form-group-twoLine .ant-space-item,
2263
+ .ant-pro-form-group-twoLine .ant-form-item {
2264
+ width: 100%;
2187
2265
  }
2188
- .ant-pro-card-ghost > .ant-pro-card-body {
2189
- padding: 0;
2190
- background-color: transparent;
2266
+ .ant-pro-form-group-twoLine .ant-form-item-control {
2267
+ display: flex;
2268
+ align-items: center;
2269
+ justify-content: flex-end;
2191
2270
  }
2192
- .ant-pro-card-split > .ant-pro-card-body {
2193
- padding: 0;
2271
+ .ant-pro-form-group-twoLine .ant-form-item-control-input {
2272
+ align-items: center;
2273
+ justify-content: flex-end;
2194
2274
  }
2195
- .ant-pro-card-split-vertical {
2196
- border-right: 1px solid #f0f0f0;
2275
+ .ant-pro-form-group-twoLine .ant-form-item-control-input-content {
2276
+ flex: none;
2197
2277
  }
2198
- .ant-pro-card-split-horizontal {
2199
- border-bottom: 1px solid #f0f0f0;
2278
+
2279
+ .ant-pro-form-light-filter {
2280
+ line-height: 30px;
2200
2281
  }
2201
- .ant-pro-card-contain-card > .ant-pro-card-body {
2202
- display: flex;
2282
+ .ant-pro-form-light-filter::before {
2283
+ display: block;
2284
+ height: 0;
2285
+ visibility: hidden;
2286
+ content: '.';
2203
2287
  }
2204
- .ant-pro-card-body-direction-column {
2205
- flex-direction: column;
2288
+ .ant-pro-form-light-filter-small {
2289
+ line-height: 1.5715;
2206
2290
  }
2207
- .ant-pro-card-body-wrap {
2291
+ .ant-pro-form-light-filter-container {
2292
+ display: flex;
2208
2293
  flex-wrap: wrap;
2294
+ margin-top: -8px;
2295
+ margin-right: -4px;
2209
2296
  }
2210
- .ant-pro-card-collapse > .ant-pro-card-header {
2211
- padding-bottom: 16px;
2212
- border-bottom: 0;
2297
+ .ant-pro-form-light-filter-item {
2298
+ margin-top: 8px;
2299
+ white-space: nowrap;
2213
2300
  }
2214
- .ant-pro-card-collapse > .ant-pro-card-body {
2215
- display: none;
2301
+ .ant-pro-form-light-filter-item:not(:last-child) {
2302
+ margin-right: 8px;
2216
2303
  }
2217
- .ant-pro-card-header {
2218
- display: flex;
2219
- align-items: center;
2220
- justify-content: space-between;
2221
- padding: 16px 24px;
2222
- padding-bottom: 0;
2304
+ .ant-pro-form-light-filter-formlabel {
2305
+ margin-bottom: 2px;
2223
2306
  }
2224
- .ant-pro-card-header-border {
2225
- padding-bottom: 16px;
2226
- border-bottom: 1px solid #f0f0f0;
2307
+ .ant-pro-form-light-filter-line {
2308
+ min-width: 198px;
2227
2309
  }
2228
- .ant-pro-card-header-collapsible {
2229
- cursor: pointer;
2310
+ .ant-pro-form-light-filter-line .ant-form-item {
2311
+ flex-direction: column;
2312
+ margin-bottom: 0;
2230
2313
  }
2231
- .ant-pro-card-title {
2232
- color: rgba(0, 0, 0, 0.85);
2233
- font-weight: 500;
2234
- font-size: 16px;
2314
+ .ant-pro-form-light-filter-line:not(:first-child) {
2315
+ margin-top: 16px;
2316
+ margin-bottom: 8px;
2235
2317
  }
2236
- .ant-pro-card-extra {
2237
- color: rgba(0, 0, 0, 0.85);
2318
+ .ant-pro-form-light-filter .ant-form-item {
2319
+ margin-bottom: 0;
2238
2320
  }
2239
- .ant-pro-card-type-inner .ant-pro-card-header {
2240
- background-color: #fafafa;
2321
+ .ant-pro-form-light-filter-collapse-icon {
2322
+ width: 32px;
2323
+ height: 32px;
2324
+ line-height: 35px;
2325
+ border-radius: 50%;
2241
2326
  }
2242
- .ant-pro-card-collapsible-icon {
2243
- margin-right: 8px;
2244
- color: rgba(0, 0, 0, 0.75);
2327
+ .ant-pro-form-light-filter-effective .ant-pro-form-light-filter-collapse-icon {
2328
+ background-color: rgba(0, 0, 0, 0.04);
2245
2329
  }
2246
- .ant-pro-card-collapsible-icon :hover {
2247
- color: #40a9ff;
2330
+
2331
+ .ant-pro-steps-form-container {
2332
+ width: max-content;
2333
+ min-width: 520px;
2334
+ max-width: 100%;
2335
+ margin: auto;
2248
2336
  }
2249
- .ant-pro-card-collapsible-icon svg {
2250
- transition: transform 0.2s;
2337
+ .ant-pro-steps-form-steps-container {
2338
+ max-width: 1160px;
2339
+ margin: auto;
2251
2340
  }
2252
- .ant-pro-card-body {
2253
- display: block;
2254
- box-sizing: border-box;
2341
+ .ant-pro-steps-form-steps-container .ant-steps-vertical {
2255
2342
  height: 100%;
2256
- padding: 24px;
2257
- }
2258
- .ant-pro-card-body-center {
2259
- display: flex;
2260
- align-items: center;
2261
- justify-content: center;
2262
2343
  }
2263
- .ant-pro-card-col-0 {
2344
+ .ant-pro-steps-form-step {
2264
2345
  display: none;
2346
+ margin-top: 32px;
2265
2347
  }
2266
- .ant-pro-card-col-24 {
2267
- flex-shrink: 0;
2268
- width: 100%;
2348
+ .ant-pro-steps-form-step-active {
2349
+ display: block;
2269
2350
  }
2270
- .ant-pro-card-col-23 {
2271
- flex-shrink: 0;
2272
- width: 95.83333333%;
2351
+ .ant-pro-steps-form-step > form {
2352
+ max-width: 100%;
2273
2353
  }
2274
- .ant-pro-card-col-22 {
2275
- flex-shrink: 0;
2276
- width: 91.66666667%;
2354
+
2355
+ .ant-pro-form-login-container {
2356
+ display: flex;
2357
+ flex: 1;
2358
+ flex-direction: column;
2359
+ height: 100%;
2360
+ padding: 32px 0;
2361
+ overflow: auto;
2362
+ background: inherit;
2277
2363
  }
2278
- .ant-pro-card-col-21 {
2279
- flex-shrink: 0;
2280
- width: 87.5%;
2364
+ @media (min-width: 768px) {
2365
+ .ant-pro-form-login-container {
2366
+ padding: 32px 0 24px;
2367
+ background-repeat: no-repeat;
2368
+ background-position: center 110px;
2369
+ background-size: 100%;
2370
+ }
2281
2371
  }
2282
- .ant-pro-card-col-20 {
2283
- flex-shrink: 0;
2284
- width: 83.33333333%;
2372
+ .ant-pro-form-login-top {
2373
+ text-align: center;
2285
2374
  }
2286
- .ant-pro-card-col-19 {
2287
- flex-shrink: 0;
2288
- width: 79.16666667%;
2375
+ .ant-pro-form-login-header {
2376
+ display: flex;
2377
+ align-items: center;
2378
+ justify-content: center;
2379
+ height: 44px;
2380
+ line-height: 44px;
2289
2381
  }
2290
- .ant-pro-card-col-18 {
2291
- flex-shrink: 0;
2292
- width: 75%;
2382
+ .ant-pro-form-login-header a {
2383
+ text-decoration: none;
2293
2384
  }
2294
- .ant-pro-card-col-17 {
2295
- flex-shrink: 0;
2296
- width: 70.83333333%;
2385
+ .ant-pro-form-login-title {
2386
+ position: relative;
2387
+ top: 2px;
2388
+ color: rgba(0, 0, 0, 0.85);
2389
+ font-weight: 600;
2390
+ font-size: 33px;
2297
2391
  }
2298
- .ant-pro-card-col-16 {
2299
- flex-shrink: 0;
2300
- width: 66.66666667%;
2392
+ .ant-pro-form-login-logo {
2393
+ width: 44px;
2394
+ height: 44px;
2395
+ margin-right: 16px;
2396
+ vertical-align: top;
2301
2397
  }
2302
- .ant-pro-card-col-15 {
2303
- flex-shrink: 0;
2304
- width: 62.5%;
2398
+ .ant-pro-form-login-logo img {
2399
+ width: 100%;
2305
2400
  }
2306
- .ant-pro-card-col-14 {
2307
- flex-shrink: 0;
2308
- width: 58.33333333%;
2401
+ .ant-pro-form-login-desc {
2402
+ margin-top: 12px;
2403
+ margin-bottom: 40px;
2404
+ color: rgba(0, 0, 0, 0.45);
2405
+ font-size: 14px;
2309
2406
  }
2310
- .ant-pro-card-col-13 {
2311
- flex-shrink: 0;
2312
- width: 54.16666667%;
2407
+ .ant-pro-form-login-main {
2408
+ min-width: 328px;
2409
+ max-width: 500px;
2410
+ margin: 0 auto;
2313
2411
  }
2314
- .ant-pro-card-col-12 {
2315
- flex-shrink: 0;
2316
- width: 50%;
2412
+ .ant-pro-form-login-main .ant-tabs-nav-list {
2413
+ margin: 0px auto;
2414
+ font-size: 16px;
2317
2415
  }
2318
- .ant-pro-card-col-11 {
2319
- flex-shrink: 0;
2320
- width: 45.83333333%;
2416
+ .ant-pro-form-login-main .ant-pro-form-login-other {
2417
+ margin-top: 24px;
2418
+ line-height: 22px;
2419
+ text-align: left;
2321
2420
  }
2322
- .ant-pro-card-col-10 {
2323
- flex-shrink: 0;
2324
- width: 41.66666667%;
2421
+
2422
+ .ant-pro-form-login-page {
2423
+ display: flex;
2424
+ width: 100%;
2425
+ height: 100%;
2426
+ background-size: contain;
2325
2427
  }
2326
- .ant-pro-card-col-9 {
2327
- flex-shrink: 0;
2328
- width: 37.5%;
2428
+ .ant-pro-form-login-page-notice {
2429
+ display: flex;
2430
+ flex: 1;
2431
+ align-items: flex-end;
2329
2432
  }
2330
- .ant-pro-card-col-8 {
2331
- flex-shrink: 0;
2332
- width: 33.33333333%;
2433
+ .ant-pro-form-login-page-notice-activity {
2434
+ margin: 24px;
2435
+ padding: 24px;
2436
+ }
2437
+ .ant-pro-form-login-page-notice-activity-title {
2438
+ font-weight: 500;
2439
+ font-size: 28px;
2440
+ }
2441
+ .ant-pro-form-login-page-notice-activity-subTitle {
2442
+ margin-top: 8px;
2443
+ font-size: 16px;
2333
2444
  }
2334
- .ant-pro-card-col-7 {
2335
- flex-shrink: 0;
2336
- width: 29.16666667%;
2445
+ .ant-pro-form-login-page-notice-activity-action {
2446
+ margin-top: 24px;
2337
2447
  }
2338
- .ant-pro-card-col-6 {
2339
- flex-shrink: 0;
2340
- width: 25%;
2448
+ .ant-pro-form-login-page-container {
2449
+ display: flex;
2450
+ flex: 1;
2451
+ flex-direction: column;
2452
+ max-width: 550px;
2453
+ height: 100%;
2454
+ padding: 32px 0;
2455
+ overflow: auto;
2456
+ background: inherit;
2457
+ background: #fff;
2341
2458
  }
2342
- .ant-pro-card-col-5 {
2343
- flex-shrink: 0;
2344
- width: 20.83333333%;
2459
+ @media (max-width: 768px) {
2460
+ .ant-pro-form-login-page {
2461
+ flex-direction: column-reverse;
2462
+ background: none !important;
2463
+ }
2464
+ .ant-pro-form-login-page .ant-pro-form-login-page-notice {
2465
+ display: flex;
2466
+ flex: none;
2467
+ align-items: flex-start;
2468
+ width: 100%;
2469
+ }
2470
+ .ant-pro-form-login-page .ant-pro-form-login-page-notice > div {
2471
+ width: 100%;
2472
+ }
2345
2473
  }
2346
- .ant-pro-card-col-4 {
2347
- flex-shrink: 0;
2348
- width: 16.66666667%;
2474
+ @media (min-width: 768px) {
2475
+ .ant-pro-form-login-page-container {
2476
+ padding: 128px 0 24px;
2477
+ background-repeat: no-repeat;
2478
+ background-position: center 110px;
2479
+ background-size: 100%;
2480
+ }
2349
2481
  }
2350
- .ant-pro-card-col-3 {
2351
- flex-shrink: 0;
2352
- width: 12.5%;
2482
+ .ant-pro-form-login-page-top {
2483
+ text-align: center;
2353
2484
  }
2354
- .ant-pro-card-col-2 {
2355
- flex-shrink: 0;
2356
- width: 8.33333333%;
2485
+ .ant-pro-form-login-page-header {
2486
+ display: flex;
2487
+ align-items: center;
2488
+ justify-content: center;
2489
+ height: 44px;
2490
+ line-height: 44px;
2357
2491
  }
2358
- .ant-pro-card-col-1 {
2359
- flex-shrink: 0;
2360
- width: 4.16666667%;
2492
+ .ant-pro-form-login-page-header a {
2493
+ text-decoration: none;
2361
2494
  }
2362
-
2363
- .ant-pro-card-loading {
2364
- overflow: hidden;
2495
+ .ant-pro-form-login-page-title {
2496
+ position: relative;
2497
+ top: 2px;
2498
+ color: rgba(0, 0, 0, 0.85);
2499
+ font-weight: 600;
2500
+ font-size: 33px;
2365
2501
  }
2366
- .ant-pro-card-loading .ant-pro-card-body {
2367
- user-select: none;
2502
+ .ant-pro-form-login-page-logo {
2503
+ width: 44px;
2504
+ height: 44px;
2505
+ margin-right: 16px;
2506
+ vertical-align: top;
2368
2507
  }
2369
- .ant-pro-card-loading-content {
2508
+ .ant-pro-form-login-page-logo img {
2370
2509
  width: 100%;
2371
2510
  }
2372
- .ant-pro-card-loading-content p {
2373
- margin: 0;
2374
- }
2375
- .ant-pro-card-loading-block {
2376
- height: 14px;
2377
- margin: 4px 0;
2378
- background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
2379
- background-size: 600% 600%;
2380
- border-radius: 2px;
2381
- animation: card-loading 1.4s ease infinite;
2511
+ .ant-pro-form-login-page-desc {
2512
+ margin-top: 12px;
2513
+ margin-bottom: 40px;
2514
+ color: rgba(0, 0, 0, 0.45);
2515
+ font-size: 14px;
2382
2516
  }
2383
- @keyframes card-loading {
2384
- 0%,
2385
- 100% {
2386
- background-position: 0 50%;
2387
- }
2388
- 50% {
2389
- background-position: 100% 50%;
2517
+ @media screen and (max-width: 576px) {
2518
+ .ant-pro-form-login-page-main {
2519
+ width: 95%;
2520
+ max-width: 328px;
2390
2521
  }
2391
2522
  }
2392
-
2393
- .ant-pro-card-actions {
2394
- margin: 0;
2395
- padding: 0;
2396
- list-style: none;
2397
- background: #fff;
2398
- border-top: 1px solid #f0f0f0;
2523
+ .ant-pro-form-login-page-main {
2524
+ width: 328px;
2525
+ margin: 0 auto;
2399
2526
  }
2400
- .ant-pro-card-actions::before {
2401
- display: table;
2402
- content: '';
2527
+ .ant-pro-form-login-page-main .ant-tabs-nav-list {
2528
+ margin: 0px auto;
2529
+ font-size: 16px;
2403
2530
  }
2404
- .ant-pro-card-actions::after {
2405
- display: table;
2406
- clear: both;
2407
- content: '';
2531
+ .ant-pro-form-login-page-main .ant-pro-form-login-page-other {
2532
+ margin-top: 24px;
2533
+ line-height: 22px;
2534
+ text-align: left;
2408
2535
  }
2409
- .ant-pro-card-actions .ant-space {
2410
- gap: 0 !important;
2536
+
2537
+ .ant-pro-basicLayout {
2538
+ display: flex;
2539
+ flex-direction: column;
2411
2540
  width: 100%;
2541
+ min-height: 100%;
2412
2542
  }
2413
- .ant-pro-card-actions > li,
2414
- .ant-pro-card-actions .ant-space-item {
2415
- flex: 1;
2416
- float: left;
2417
- margin: 12px 0;
2418
- color: rgba(0, 0, 0, 0.45);
2419
- text-align: center;
2420
- }
2421
- .ant-pro-card-actions > li > a,
2422
- .ant-pro-card-actions .ant-space-item > a {
2423
- color: rgba(0, 0, 0, 0.45);
2424
- transition: color 0.3s;
2543
+ .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
2544
+ position: fixed;
2545
+ top: 0;
2425
2546
  }
2426
- .ant-pro-card-actions > li > a:hover,
2427
- .ant-pro-card-actions .ant-space-item > a:hover {
2428
- color: #40a9ff;
2547
+ .ant-pro-basicLayout .ant-layout-header.ant-pro-header-light {
2548
+ background: #fff;
2429
2549
  }
2430
- .ant-pro-card-actions > li > span,
2431
- .ant-pro-card-actions .ant-space-item > span {
2550
+ .ant-pro-basicLayout-content {
2432
2551
  position: relative;
2433
- display: block;
2434
- min-width: 32px;
2435
- font-size: 14px;
2436
- line-height: 1.5715;
2437
- cursor: pointer;
2552
+ margin: 24px;
2438
2553
  }
2439
- .ant-pro-card-actions > li > span:hover,
2440
- .ant-pro-card-actions .ant-space-item > span:hover {
2441
- color: #40a9ff;
2442
- transition: color 0.3s;
2554
+ .ant-pro-basicLayout-content .ant-pro-page-container {
2555
+ margin: -24px -24px 0;
2443
2556
  }
2444
- .ant-pro-card-actions > li > span a:not(.ant-btn),
2445
- .ant-pro-card-actions .ant-space-item > span a:not(.ant-btn),
2446
- .ant-pro-card-actions > li > span > .anticon,
2447
- .ant-pro-card-actions .ant-space-item > span > .anticon {
2448
- display: inline-block;
2449
- width: 100%;
2450
- color: rgba(0, 0, 0, 0.45);
2451
- line-height: 22px;
2452
- transition: color 0.3s;
2557
+ .ant-pro-basicLayout-content-disable-margin {
2558
+ margin: 0;
2453
2559
  }
2454
- .ant-pro-card-actions > li > span a:not(.ant-btn):hover,
2455
- .ant-pro-card-actions .ant-space-item > span a:not(.ant-btn):hover,
2456
- .ant-pro-card-actions > li > span > .anticon:hover,
2457
- .ant-pro-card-actions .ant-space-item > span > .anticon:hover {
2458
- color: #40a9ff;
2560
+ .ant-pro-basicLayout-content-disable-margin .ant-pro-page-container {
2561
+ margin: 0;
2459
2562
  }
2460
- .ant-pro-card-actions > li > span > .anticon,
2461
- .ant-pro-card-actions .ant-space-item > span > .anticon {
2462
- font-size: 16px;
2463
- line-height: 22px;
2563
+ .ant-pro-basicLayout-content > .ant-layout {
2564
+ max-height: 100%;
2464
2565
  }
2465
- .ant-pro-card-actions > li:not(:last-child),
2466
- .ant-pro-card-actions .ant-space-item:not(:last-child) {
2467
- border-right: 1px solid #f0f0f0;
2566
+ .ant-pro-basicLayout .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
2567
+ height: 100vh;
2568
+ overflow: hidden;
2569
+ transform: rotate(0);
2468
2570
  }
2469
-
2470
- .ant-pro-card-divider {
2471
- flex: none;
2472
- width: 1px;
2473
- margin: 24px 8px;
2474
- background-color: #f0f0f0;
2571
+ .ant-pro-basicLayout .ant-pro-basicLayout-has-header .tech-page-container {
2572
+ height: calc(100vh - 48px);
2475
2573
  }
2476
- .ant-pro-card-divider-horizontal {
2477
- width: initial;
2478
- height: 1px;
2479
- margin: 8px 24px;
2574
+ .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .tech-page-container {
2575
+ height: calc(100vh - 48px - 48px);
2480
2576
  }
2481
- .ant-pro-card-size-small .ant-pro-card-divider {
2482
- margin: 12px 8px;
2577
+ .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children {
2578
+ min-height: calc(100vh - 48px);
2483
2579
  }
2484
- .ant-pro-card-size-small .ant-pro-card-divider-horizontal {
2485
- margin: 8px 12px;
2580
+ .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
2581
+ height: calc(100vh - 48px);
2486
2582
  }
2487
2583
 
2488
- .ant-pro-card-operation {
2584
+ .ant-pro-fixed-header {
2585
+ z-index: 9;
2586
+ width: 100%;
2587
+ }
2588
+ .ant-pro-fixed-header-action {
2589
+ transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2590
+ }
2591
+ .ant-pro-header-realDark {
2592
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.65);
2593
+ }
2594
+
2595
+ .ant-pro-global-header {
2596
+ position: relative;
2489
2597
  display: flex;
2490
- flex-direction: column;
2491
- justify-content: flex-end;
2492
- margin: 24px 0;
2493
- color: rgba(0, 0, 0, 0.85);
2494
- font-weight: 500;
2598
+ align-items: center;
2599
+ height: 100%;
2600
+ padding: 0 16px;
2601
+ background: #fff;
2602
+ box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
2603
+ }
2604
+ .ant-pro-global-header > * {
2605
+ height: 100%;
2606
+ }
2607
+ .ant-pro-global-header-collapsed-button {
2608
+ display: flex;
2609
+ align-items: center;
2610
+ margin-left: 16px;
2495
2611
  font-size: 20px;
2496
- line-height: 38px;
2497
2612
  }
2498
-
2499
- .ant-pro-checkcard-group {
2500
- display: inline-block;
2613
+ .ant-pro-global-header-layout-mix {
2614
+ background-color: #001529;
2501
2615
  }
2502
- .ant-pro-checkcard {
2616
+ .ant-pro-global-header-layout-mix .ant-pro-global-header-logo h1 {
2617
+ color: #fff;
2618
+ }
2619
+ .ant-pro-global-header-layout-mix .anticon {
2620
+ color: #fff;
2621
+ }
2622
+ .ant-pro-global-header-logo {
2503
2623
  position: relative;
2504
- display: inline-block;
2505
- width: 320px;
2506
- margin-right: 16px;
2507
- margin-bottom: 16px;
2508
- color: rgba(0, 0, 0, 0.85);
2509
- font-size: 14px;
2510
- line-height: 1.5715;
2511
- vertical-align: top;
2512
- background-color: #fff;
2513
- border-radius: 2px;
2514
- cursor: pointer;
2515
- transition: all 0.2s;
2624
+ overflow: hidden;
2516
2625
  }
2517
- .ant-pro-checkcard:last-child {
2518
- margin-right: 0;
2626
+ .ant-pro-global-header-logo a {
2627
+ display: flex;
2628
+ align-items: center;
2629
+ height: 100%;
2519
2630
  }
2520
- .ant-pro-checkcard + .ant-pro-checkcard {
2521
- margin-left: 0 !important;
2631
+ .ant-pro-global-header-logo a img {
2632
+ height: 28px;
2522
2633
  }
2523
- .ant-pro-checkcard-bordered {
2524
- border: 1px solid #d9d9d9;
2634
+ .ant-pro-global-header-logo a h1 {
2635
+ height: 32px;
2636
+ margin: 0 0 0 12px;
2637
+ color: #1890ff;
2638
+ font-weight: 600;
2639
+ font-size: 18px;
2640
+ line-height: 32px;
2525
2641
  }
2526
- .ant-pro-checkcard-loading {
2527
- overflow: hidden;
2528
- user-select: none;
2642
+ .ant-pro-global-header-logo-rtl a h1 {
2643
+ margin: 0 12px 0 0;
2529
2644
  }
2530
- .ant-pro-checkcard-loading-content {
2531
- padding: 12px 16px;
2645
+ .ant-pro-global-header-menu .anticon {
2646
+ margin-right: 8px;
2532
2647
  }
2533
- .ant-pro-checkcard-loading-content p {
2534
- margin: 0;
2648
+ .ant-pro-global-header-menu .ant-dropdown-menu-item {
2649
+ min-width: 160px;
2535
2650
  }
2536
- .ant-pro-checkcard-loading-block {
2537
- height: 14px;
2538
- margin: 4px 0;
2539
- background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
2540
- background-size: 600% 600%;
2541
- border-radius: 2px;
2542
- animation: card-loading 1.4s ease infinite;
2651
+ .ant-pro-global-header .dark {
2652
+ height: 48px;
2543
2653
  }
2544
- @keyframes card-loading {
2545
- 0%,
2546
- 100% {
2547
- background-position: 0 50%;
2548
- }
2549
- 50% {
2550
- background-position: 100% 50%;
2551
- }
2654
+ .ant-pro-global-header .dark .action {
2655
+ color: rgba(255, 255, 255, 0.85);
2552
2656
  }
2553
- .ant-pro-checkcard:focus {
2554
- background-color: #e6f7ff;
2555
- border-color: #1890ff;
2657
+ .ant-pro-global-header .dark .action > i {
2658
+ color: rgba(255, 255, 255, 0.85);
2556
2659
  }
2557
- .ant-pro-checkcard-checked {
2558
- background-color: #e6f7ff;
2559
- border-color: #1890ff;
2660
+ .ant-pro-global-header .dark .action:hover,
2661
+ .ant-pro-global-header .dark .action.opened {
2662
+ background: #1890ff;
2560
2663
  }
2561
- .ant-pro-checkcard-disabled {
2562
- background-color: #f5f5f5;
2563
- border-color: #d9d9d9;
2564
- cursor: not-allowed;
2664
+ .ant-pro-global-header .dark .action .ant-badge {
2665
+ color: rgba(255, 255, 255, 0.85);
2565
2666
  }
2566
- .ant-pro-checkcard-disabled .ant-pro-checkcard-description {
2567
- color: rgba(0, 0, 0, 0.25);
2667
+
2668
+ .ant-pro-sider {
2669
+ position: relative;
2670
+ background-color: #001529;
2671
+ border-right: 0;
2568
2672
  }
2569
- .ant-pro-checkcard-disabled .ant-pro-checkcard-title {
2570
- color: rgba(0, 0, 0, 0.25);
2673
+ .ant-pro-sider .ant-menu {
2674
+ background: transparent;
2571
2675
  }
2572
- .ant-pro-checkcard-disabled .ant-pro-checkcard-avatar {
2573
- opacity: 0.25;
2676
+ .ant-pro-sider.ant-layout-sider-light .ant-menu-item a {
2677
+ color: rgba(0, 0, 0, 0.85);
2574
2678
  }
2575
- .ant-pro-checkcard[disabled] {
2576
- background-color: #f5f5f5;
2577
- border-color: #d9d9d9;
2578
- cursor: not-allowed;
2679
+ .ant-pro-sider.ant-layout-sider-light .ant-menu-item-selected a,
2680
+ .ant-pro-sider.ant-layout-sider-light .ant-menu-item a:hover {
2681
+ color: #1890ff;
2579
2682
  }
2580
- .ant-pro-checkcard[disabled] .ant-pro-checkcard-description {
2581
- color: rgba(0, 0, 0, 0.25);
2683
+ .ant-pro-sider-logo {
2684
+ position: relative;
2685
+ display: flex;
2686
+ align-items: center;
2687
+ padding: 16px 16px;
2688
+ cursor: pointer;
2689
+ transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
2582
2690
  }
2583
- .ant-pro-checkcard[disabled] .ant-pro-checkcard-title {
2584
- color: rgba(0, 0, 0, 0.25);
2691
+ .ant-pro-sider-logo > a {
2692
+ display: flex;
2693
+ align-items: center;
2694
+ justify-content: center;
2695
+ min-height: 32px;
2585
2696
  }
2586
- .ant-pro-checkcard[disabled] .ant-pro-checkcard-avatar {
2587
- opacity: 0.25;
2697
+ .ant-pro-sider-logo img {
2698
+ display: inline-block;
2699
+ height: 32px;
2700
+ vertical-align: middle;
2588
2701
  }
2589
- .ant-pro-checkcard-lg {
2590
- width: 440px;
2702
+ .ant-pro-sider-logo h1 {
2703
+ display: inline-block;
2704
+ height: 32px;
2705
+ margin: 0 0 0 12px;
2706
+ color: white;
2707
+ font-weight: 600;
2708
+ font-size: 18px;
2709
+ line-height: 32px;
2710
+ vertical-align: middle;
2711
+ animation: pro-layout-title-hide 0.3s;
2591
2712
  }
2592
- .ant-pro-checkcard-sm {
2593
- width: 212px;
2713
+ .ant-pro-sider-extra {
2714
+ margin-bottom: 16px;
2715
+ padding: 0 16px;
2594
2716
  }
2595
- .ant-pro-checkcard-cover {
2596
- padding: 4px;
2717
+ .ant-pro-sider-extra-no-logo {
2718
+ margin-top: 16px;
2597
2719
  }
2598
- .ant-pro-checkcard-cover img {
2599
- width: 100%;
2600
- height: 100%;
2601
- overflow: hidden;
2602
- border-radius: 2px;
2720
+ .ant-pro-sider-menu {
2721
+ position: relative;
2722
+ z-index: 10;
2723
+ min-height: 100%;
2724
+ box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
2603
2725
  }
2604
- .ant-pro-checkcard-content {
2726
+ .ant-pro-sider .ant-layout-sider-children {
2605
2727
  display: flex;
2606
- padding: 12px 16px;
2728
+ flex-direction: column;
2729
+ height: 100%;
2730
+ /* 滚动条滑块 */
2607
2731
  }
2608
- .ant-pro-checkcard-avatar-header {
2609
- display: flex;
2610
- align-items: center;
2732
+ .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar {
2733
+ width: 6px;
2734
+ height: 6px;
2611
2735
  }
2612
- .ant-pro-checkcard-avatar {
2613
- padding-right: 8px;
2736
+ .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-track {
2737
+ background: rgba(255, 255, 255, 0.15);
2738
+ border-radius: 3px;
2739
+ box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
2614
2740
  }
2615
- .ant-pro-checkcard-detail {
2616
- overflow: hidden;
2741
+ .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-thumb {
2742
+ background: rgba(255, 255, 255, 0.2);
2743
+ border-radius: 3px;
2744
+ box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
2617
2745
  }
2618
- .ant-pro-checkcard-detail > div:not(:last-child) {
2619
- margin-bottom: 4px;
2746
+ .ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
2747
+ width: 48px;
2620
2748
  }
2621
- .ant-pro-checkcard-header {
2622
- display: flex;
2623
- align-items: center;
2624
- justify-content: space-between;
2749
+ .ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
2750
+ padding: 16px 8px;
2625
2751
  }
2626
- .ant-pro-checkcard-title {
2627
- overflow: hidden;
2628
- color: rgba(0, 0, 0, 0.85);
2629
- font-weight: 500;
2630
- font-size: 14px;
2631
- white-space: nowrap;
2632
- text-overflow: ellipsis;
2752
+ .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
2753
+ position: fixed;
2754
+ top: 0;
2755
+ left: 0;
2756
+ z-index: 100;
2757
+ height: 100%;
2758
+ overflow: auto;
2759
+ overflow-x: hidden;
2760
+ box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
2633
2761
  }
2634
- .ant-pro-checkcard-description {
2635
- color: rgba(0, 0, 0, 0.45);
2762
+ .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed > .ant-menu-root :not(.ant-pro-sider-link-menu) {
2763
+ height: calc(100vh - 48px);
2764
+ overflow-y: auto;
2636
2765
  }
2637
- .ant-pro-checkcard:not(.ant-pro-checkcard-disabled):hover {
2638
- border-color: #1890ff;
2766
+ .ant-pro-sider-light {
2767
+ background-color: #fff;
2768
+ box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
2639
2769
  }
2640
- .ant-pro-checkcard-checked::after {
2641
- position: absolute;
2642
- top: 2px;
2643
- right: 2px;
2644
- width: 0;
2645
- height: 0;
2646
- border: 6px solid #1890ff;
2647
- border-bottom: 6px solid transparent;
2648
- border-left: 6px solid transparent;
2649
- border-top-right-radius: 2px;
2650
- content: '';
2770
+ .ant-pro-sider-light .ant-layout-sider-children {
2771
+ /* 滚动条滑块 */
2772
+ }
2773
+ .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-track {
2774
+ background: rgba(0, 0, 0, 0.06);
2775
+ border-radius: 3px;
2776
+ box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
2777
+ }
2778
+ .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-thumb {
2779
+ background: rgba(0, 0, 0, 0.12);
2780
+ border-radius: 3px;
2781
+ box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
2651
2782
  }
2652
-
2653
- .ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav {
2654
- margin-bottom: 0;
2783
+ .ant-pro-sider-light .ant-pro-sider-logo h1 {
2784
+ color: #1890ff;
2655
2785
  }
2656
- .ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
2657
- margin-top: 8px;
2658
- padding-left: 16px;
2786
+ .ant-pro-sider-light .ant-menu-light {
2787
+ border-right-color: transparent;
2659
2788
  }
2660
- .ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav {
2661
- margin-top: 0;
2789
+ .ant-pro-sider-light .ant-pro-sider-collapsed-button {
2790
+ border-top: 1px solid #f0f0f0;
2662
2791
  }
2663
- .ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-list {
2664
- padding-left: 16px;
2792
+ .ant-pro-sider-icon {
2793
+ width: 14px;
2794
+ vertical-align: baseline;
2665
2795
  }
2666
- .ant-pro-card-tabs .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
2667
- padding-left: 0;
2796
+ .ant-pro-sider-links {
2797
+ width: 100%;
2668
2798
  }
2669
- .ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav {
2670
- margin-right: 0;
2799
+ .ant-pro-sider-links ul.ant-menu-root {
2800
+ height: auto;
2671
2801
  }
2672
- .ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list {
2673
- padding-top: 16px;
2802
+ .ant-pro-sider-collapsed-button {
2803
+ border-top: 1px solid rgba(0, 0, 0, 0.25);
2674
2804
  }
2675
- .ant-pro-card-tabs .ant-tabs-right .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
2676
- padding-right: 0;
2805
+ .ant-pro-sider-collapsed-button .anticon {
2806
+ font-size: 16px;
2677
2807
  }
2678
- .ant-pro-card-tabs .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list {
2679
- padding-top: 16px;
2808
+ .ant-pro-sider .top-nav-menu li.ant-menu-item {
2809
+ height: 100%;
2810
+ line-height: 1;
2811
+ }
2812
+ .ant-pro-sider .drawer .drawer-content {
2813
+ background: #001529;
2814
+ }
2815
+ @keyframes pro-layout-title-hide {
2816
+ 0% {
2817
+ display: none;
2818
+ opacity: 0;
2819
+ }
2820
+ 80% {
2821
+ display: none;
2822
+ opacity: 0;
2823
+ }
2824
+ 100% {
2825
+ display: unset;
2826
+ opacity: 1;
2827
+ }
2680
2828
  }
2681
2829
 
2682
- .ant-pro-inline-error-form-item-multiple {
2683
- padding: 6px 8px 12px 8px;
2830
+ .ant-pro-top-nav-header {
2831
+ position: relative;
2832
+ width: 100%;
2833
+ height: 100%;
2834
+ box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
2835
+ transition: background 0.3s, width 0.2s;
2684
2836
  }
2685
- .ant-pro-inline-error-form-item-progress-success .ant-progress-bg {
2686
- background-color: #52c41a;
2837
+ .ant-pro-top-nav-header .ant-menu {
2838
+ background: transparent;
2687
2839
  }
2688
- .ant-pro-inline-error-form-item-progress-error .ant-progress-bg {
2689
- background-color: #ff4d4f;
2840
+ .ant-pro-top-nav-header.light {
2841
+ background-color: #fff;
2690
2842
  }
2691
- .ant-pro-inline-error-form-item-progress-warning .ant-progress-bg {
2692
- background-color: #faad14;
2843
+ .ant-pro-top-nav-header.light .ant-pro-top-nav-header-logo h1 {
2844
+ color: rgba(0, 0, 0, 0.85);
2693
2845
  }
2694
- .ant-pro-inline-error-form-item-rule {
2695
- margin: 0;
2696
- padding: 0;
2697
- list-style: none;
2846
+ .ant-pro-top-nav-header.light .anticon {
2847
+ color: inherit;
2698
2848
  }
2699
- .ant-pro-inline-error-form-item-rule-content {
2849
+ .ant-pro-top-nav-header-main {
2700
2850
  display: flex;
2701
- align-items: center;
2851
+ height: 100%;
2852
+ padding-left: 16px;
2702
2853
  }
2703
- .ant-pro-inline-error-form-item-rule-content-icon-default {
2854
+ .ant-pro-top-nav-header-main-left {
2704
2855
  display: flex;
2705
- align-items: center;
2706
- justify-content: center;
2707
- width: 14px;
2708
- height: 22px;
2709
- }
2710
- .ant-pro-inline-error-form-item-rule-content-icon-default-circle {
2711
- width: 6px;
2712
- height: 6px;
2713
- background-color: rgba(0, 0, 0, 0.45);
2714
- border-radius: 4px;
2715
- }
2716
- .ant-pro-inline-error-form-item-rule-content-icon-loading {
2717
- color: #1890ff;
2856
+ min-width: 192px;
2718
2857
  }
2719
- .ant-pro-inline-error-form-item-rule-content-icon-error {
2720
- color: #ff4d4f;
2858
+ .ant-pro-top-nav-header .anticon {
2859
+ color: #fff;
2721
2860
  }
2722
- .ant-pro-inline-error-form-item-rule-content-icon-success {
2723
- color: #52c41a;
2861
+ .ant-pro-top-nav-header-logo {
2862
+ position: relative;
2863
+ min-width: 165px;
2864
+ height: 100%;
2865
+ overflow: hidden;
2724
2866
  }
2725
- .ant-pro-inline-error-form-item-rule-content-text {
2726
- color: rgba(0, 0, 0, 0.85);
2867
+ .ant-pro-top-nav-header-logo img,
2868
+ .ant-pro-top-nav-header-logo a > svg {
2869
+ display: inline-block;
2870
+ height: 32px;
2871
+ vertical-align: middle;
2727
2872
  }
2728
-
2729
- .pro-table-tooltip-text span {
2873
+ .ant-pro-top-nav-header-logo h1 {
2874
+ display: inline-block;
2875
+ margin: 0 0 0 12px;
2730
2876
  color: #fff;
2877
+ font-size: 16px;
2878
+ vertical-align: top;
2731
2879
  }
2732
- .ant-pro-table {
2733
- z-index: 1;
2734
- }
2735
- .ant-pro-table:not(:root):fullscreen {
2736
- min-height: 100vh;
2737
- overflow: auto;
2738
- background: #fff;
2739
- }
2740
- .ant-pro-table-extra {
2741
- margin-bottom: 16px;
2880
+ .ant-pro-top-nav-header-menu {
2881
+ min-width: 0;
2742
2882
  }
2743
- .ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
2744
- transform: rotate(0deg);
2745
- animation: turn 1s linear infinite;
2883
+ .ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal {
2884
+ height: 100%;
2885
+ border: none;
2746
2886
  }
2747
- .ant-pro-table td.ant-table-cell > a {
2748
- font-size: 14px;
2887
+
2888
+ .ant-pro-global-footer {
2889
+ margin: 48px 0 24px 0;
2890
+ padding: 0 16px;
2891
+ text-align: center;
2749
2892
  }
2750
- .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
2751
- margin: 0;
2893
+ .ant-pro-global-footer-links {
2894
+ margin-bottom: 8px;
2752
2895
  }
2753
- .ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
2754
- margin: -12px -8px;
2896
+ .ant-pro-global-footer-links a {
2897
+ color: rgba(0, 0, 0, 0.45);
2898
+ transition: all 0.3s;
2755
2899
  }
2756
- @keyframes turn {
2757
- 0% {
2758
- transform: rotate(0deg);
2759
- }
2760
- 25% {
2761
- transform: rotate(90deg);
2762
- }
2763
- 50% {
2764
- transform: rotate(180deg);
2765
- }
2766
- 75% {
2767
- transform: rotate(270deg);
2768
- }
2769
- 100% {
2770
- transform: rotate(360deg);
2771
- }
2900
+ .ant-pro-global-footer-links a:not(:last-child) {
2901
+ margin-right: 40px;
2772
2902
  }
2773
- .ant-pro-table-toolbar {
2774
- display: flex;
2775
- align-items: center;
2776
- justify-content: space-between;
2777
- height: 64px;
2778
- padding: 0 24px;
2903
+ .ant-pro-global-footer-links a:hover {
2904
+ color: rgba(0, 0, 0, 0.85);
2779
2905
  }
2780
- .ant-pro-table-toolbar-option {
2781
- display: flex;
2782
- align-items: center;
2783
- justify-content: flex-end;
2906
+ .ant-pro-global-footer-copyright {
2907
+ color: rgba(0, 0, 0, 0.45);
2908
+ font-size: 14px;
2784
2909
  }
2785
- .ant-pro-table-toolbar-title {
2786
- flex: 1;
2787
- color: rgba(0, 0, 0, 0.85);
2788
- font-weight: 500;
2789
- font-size: 16px;
2790
- line-height: 24px;
2791
- opacity: 0.85;
2910
+
2911
+ .ant-pro-grid-content {
2912
+ width: 100%;
2792
2913
  }
2793
- @media (max-width: 480px) {
2794
- .ant-pro-table .ant-table {
2795
- width: 100%;
2796
- overflow-x: auto;
2797
- }
2798
- .ant-pro-table .ant-table-thead > tr > th,
2799
- .ant-pro-table .ant-table-tbody > tr > th,
2800
- .ant-pro-table .ant-table-thead > tr > td,
2801
- .ant-pro-table .ant-table-tbody > tr > td {
2802
- white-space: pre;
2803
- }
2804
- .ant-pro-table .ant-table-thead > tr > th > span,
2805
- .ant-pro-table .ant-table-tbody > tr > th > span,
2806
- .ant-pro-table .ant-table-thead > tr > td > span,
2807
- .ant-pro-table .ant-table-tbody > tr > td > span {
2808
- display: block;
2809
- }
2914
+ .ant-pro-grid-content.wide {
2915
+ max-width: 1200px;
2916
+ margin: 0 auto;
2810
2917
  }
2811
- @media (max-width: 575px) {
2812
- .ant-pro-table-toolbar {
2813
- flex-direction: column;
2814
- align-items: flex-start;
2815
- justify-content: flex-start;
2816
- height: auto;
2817
- margin-bottom: 16px;
2818
- margin-left: 16px;
2819
- padding: 8px;
2820
- padding-top: 16px;
2821
- line-height: normal;
2822
- }
2823
- .ant-pro-table-toolbar-title {
2824
- margin-bottom: 16px;
2825
- }
2826
- .ant-pro-table-toolbar-option {
2827
- display: flex;
2828
- justify-content: space-between;
2829
- width: 100%;
2830
- }
2831
- .ant-pro-table-toolbar-default-option {
2832
- display: flex;
2833
- flex: 1;
2834
- align-items: center;
2835
- justify-content: flex-end;
2836
- }
2918
+
2919
+ .ant-pro-setting-drawer-content {
2920
+ position: relative;
2921
+ min-height: 100%;
2837
2922
  }
2838
-
2839
- .ant-pro-table-column-setting {
2840
- width: auto;
2923
+ .ant-pro-setting-drawer-content .ant-list-item span {
2924
+ flex: 1;
2841
2925
  }
2842
- .ant-pro-table-column-setting-title {
2926
+ .ant-pro-setting-drawer-block-checkbox {
2843
2927
  display: flex;
2844
- align-items: center;
2845
- justify-content: space-between;
2846
- height: 32px;
2847
2928
  }
2848
- .ant-pro-table-column-setting-overlay .ant-popover-inner-content {
2849
- width: 200px;
2850
- padding: 0px;
2851
- padding-bottom: 8px;
2929
+ .ant-pro-setting-drawer-block-checkbox-item {
2930
+ position: relative;
2931
+ width: 44px;
2932
+ height: 36px;
2933
+ margin-right: 16px;
2934
+ overflow: hidden;
2935
+ background-color: #f0f2f5;
2936
+ border-radius: 4px;
2937
+ box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18);
2938
+ cursor: pointer;
2852
2939
  }
2853
- .ant-pro-table-column-setting-overlay .ant-tree-node-content-wrapper:hover {
2854
- background-color: transparent;
2940
+ .ant-pro-setting-drawer-block-checkbox-item::before {
2941
+ position: absolute;
2942
+ top: 0;
2943
+ left: 0;
2944
+ width: 33%;
2945
+ height: 100%;
2946
+ background-color: #fff;
2947
+ content: '';
2855
2948
  }
2856
- .ant-pro-table-column-setting-overlay .ant-tree-draggable-icon {
2857
- cursor: grab;
2949
+ .ant-pro-setting-drawer-block-checkbox-item::after {
2950
+ position: absolute;
2951
+ top: 0;
2952
+ left: 0;
2953
+ width: 100%;
2954
+ height: 25%;
2955
+ background-color: #fff;
2956
+ content: '';
2858
2957
  }
2859
- .ant-pro-table-column-setting-overlay .ant-tree-treenode {
2860
- align-items: center;
2958
+ .ant-pro-setting-drawer-block-checkbox-item-realDark {
2959
+ background-color: rgba(0, 21, 41, 0.85);
2861
2960
  }
2862
- .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover {
2863
- background-color: #e6f7ff;
2961
+ .ant-pro-setting-drawer-block-checkbox-item-realDark::before {
2962
+ background-color: rgba(0, 21, 41, 0.65);
2963
+ content: '';
2864
2964
  }
2865
- .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-pro-table-column-setting-list-item-option {
2866
- display: block;
2965
+ .ant-pro-setting-drawer-block-checkbox-item-realDark::after {
2966
+ background-color: rgba(0, 21, 41, 0.85);
2867
2967
  }
2868
- .ant-pro-table-column-setting-overlay .ant-tree-treenode .ant-tree-checkbox {
2869
- top: 0;
2870
- margin: 0;
2871
- margin-right: 4px;
2968
+ .ant-pro-setting-drawer-block-checkbox-item-light::before {
2969
+ background-color: #fff;
2970
+ content: '';
2872
2971
  }
2873
- .ant-pro-table-column-setting-list {
2874
- display: flex;
2875
- flex-direction: column;
2876
- width: 100%;
2877
- padding-top: 8px;
2972
+ .ant-pro-setting-drawer-block-checkbox-item-light::after {
2973
+ background-color: #fff;
2878
2974
  }
2879
- .ant-pro-table-column-setting-list.ant-pro-table-column-setting-list-group {
2880
- padding-top: 0;
2975
+ .ant-pro-setting-drawer-block-checkbox-item-dark::before,
2976
+ .ant-pro-setting-drawer-block-checkbox-item-side::before {
2977
+ z-index: 1;
2978
+ background-color: #001529;
2979
+ content: '';
2881
2980
  }
2882
- .ant-pro-table-column-setting-list-title {
2883
- margin-top: 6px;
2884
- margin-bottom: 6px;
2885
- padding-left: 24px;
2886
- color: rgba(0, 0, 0, 0.45);
2887
- font-size: 12px;
2981
+ .ant-pro-setting-drawer-block-checkbox-item-dark::after,
2982
+ .ant-pro-setting-drawer-block-checkbox-item-side::after {
2983
+ background-color: #fff;
2888
2984
  }
2889
- .ant-pro-table-column-setting-list-item {
2890
- display: flex;
2891
- align-items: center;
2985
+ .ant-pro-setting-drawer-block-checkbox-item-top::before {
2986
+ background-color: transparent;
2987
+ content: '';
2892
2988
  }
2893
- .ant-pro-table-column-setting-list-item-title {
2894
- flex: 1;
2989
+ .ant-pro-setting-drawer-block-checkbox-item-top::after {
2990
+ background-color: #001529;
2895
2991
  }
2896
- .ant-pro-table-column-setting-list-item-option {
2897
- display: none;
2898
- float: right;
2899
- cursor: pointer;
2992
+ .ant-pro-setting-drawer-block-checkbox-item-mix::before {
2993
+ background-color: #fff;
2994
+ content: '';
2900
2995
  }
2901
- .ant-pro-table-column-setting-list-item-option > span > span.anticon {
2996
+ .ant-pro-setting-drawer-block-checkbox-item-mix::after {
2997
+ background-color: #001529;
2998
+ }
2999
+ .ant-pro-setting-drawer-block-checkbox-selectIcon {
3000
+ position: absolute;
3001
+ right: 6px;
3002
+ bottom: 4px;
2902
3003
  color: #1890ff;
3004
+ font-weight: bold;
3005
+ font-size: 14px;
3006
+ pointer-events: none;
2903
3007
  }
2904
- .ant-pro-table-column-setting-list-item-option > span + span {
2905
- margin-left: 8px;
3008
+ .ant-pro-setting-drawer-block-checkbox-selectIcon .action {
3009
+ color: #1890ff;
2906
3010
  }
2907
-
2908
- .ant-pro-table-alert {
2909
- margin-bottom: 16px;
3011
+ .ant-pro-setting-drawer-color_block {
3012
+ display: inline-block;
3013
+ width: 38px;
3014
+ height: 22px;
3015
+ margin: 4px;
3016
+ margin-right: 12px;
3017
+ vertical-align: middle;
3018
+ border-radius: 4px;
3019
+ cursor: pointer;
2910
3020
  }
2911
- .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
2912
- padding: 12px 24px;
3021
+ .ant-pro-setting-drawer-title {
3022
+ margin-bottom: 12px;
3023
+ color: rgba(0, 0, 0, 0.85);
3024
+ font-size: 14px;
3025
+ line-height: 22px;
2913
3026
  }
2914
- .ant-pro-table-alert-info {
3027
+ .ant-pro-setting-drawer-handle {
3028
+ position: absolute;
3029
+ top: 240px;
3030
+ right: 300px;
3031
+ z-index: 0;
2915
3032
  display: flex;
2916
3033
  align-items: center;
2917
- transition: all 0.3s;
2918
- }
2919
- .ant-pro-table-alert-info-content {
2920
- flex: 1;
3034
+ justify-content: center;
3035
+ width: 48px;
3036
+ height: 48px;
3037
+ font-size: 16px;
3038
+ text-align: center;
3039
+ background-color: #1890ff;
3040
+ border-radius: 4px 0 0 4px;
3041
+ cursor: pointer;
3042
+ pointer-events: auto;
2921
3043
  }
2922
- .ant-pro-table-alert-info-option {
2923
- min-width: 48px;
2924
- padding-left: 16px;
3044
+ .ant-pro-setting-drawer-production-hint {
3045
+ margin-top: 16px;
3046
+ font-size: 12px;
2925
3047
  }
2926
3048
 
2927
- .ant-pro-table-drag-visible-cell {
2928
- display: flex;
2929
- align-items: center;
3049
+ .ant-pro-setting-drawer-content .theme-color {
3050
+ margin-top: 16px;
3051
+ overflow: hidden;
2930
3052
  }
2931
- .ant-pro-table-drag-icon {
3053
+ .ant-pro-setting-drawer-content .theme-color .theme-color-title {
3054
+ margin-bottom: 12px;
3055
+ font-size: 14px;
3056
+ line-height: 22px;
3057
+ }
3058
+ .ant-pro-setting-drawer-content .theme-color .theme-color-block {
3059
+ float: left;
3060
+ width: 20px;
3061
+ height: 20px;
3062
+ margin-top: 8px;
2932
3063
  margin-right: 8px;
2933
- color: #999;
2934
- cursor: grab;
3064
+ color: #fff;
3065
+ font-weight: bold;
3066
+ text-align: center;
3067
+ border-radius: 2px;
3068
+ cursor: pointer;
2935
3069
  }
2936
3070
 
2937
3071
  .ant-pro-page-container-children-content {
@@ -3015,14 +3149,6 @@ html {
3015
3149
  }
3016
3150
  }
3017
3151
 
3018
- .ant-pro-grid-content {
3019
- width: 100%;
3020
- }
3021
- .ant-pro-grid-content.wide {
3022
- max-width: 1200px;
3023
- margin: 0 auto;
3024
- }
3025
-
3026
3152
  .ant-pro-footer-bar {
3027
3153
  position: fixed;
3028
3154
  right: 0;
@@ -3038,543 +3164,650 @@ html {
3038
3164
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
3039
3165
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3040
3166
  }
3041
- .ant-pro-footer-bar-left {
3042
- flex: 1;
3167
+ .ant-pro-footer-bar-left {
3168
+ flex: 1;
3169
+ }
3170
+ .ant-pro-footer-bar-right > * {
3171
+ margin-right: 8px;
3172
+ }
3173
+ .ant-pro-footer-bar-right > *:last-child {
3174
+ margin: 0;
3175
+ }
3176
+
3177
+ .ant-pro-list {
3178
+ background-color: transparent;
3179
+ }
3180
+ .ant-pro-list .ant-pro-table-alert {
3181
+ margin-bottom: 16px;
3182
+ }
3183
+ .ant-pro-list .ant-pro-list-row {
3184
+ border-bottom: 1px solid #f0f0f0;
3185
+ }
3186
+ .ant-pro-list .ant-pro-list-row:last-child {
3187
+ border-bottom: none;
3188
+ }
3189
+ .ant-pro-list .ant-pro-list-row:last-child .ant-list-item {
3190
+ border-bottom: none;
3191
+ }
3192
+ .ant-pro-list .ant-pro-list-row:hover {
3193
+ background-color: rgba(0, 0, 0, 0.02);
3194
+ transition: background-color 0.3s;
3195
+ }
3196
+ .ant-pro-list .ant-pro-list-row:hover .ant-list-item-action {
3197
+ display: block;
3198
+ }
3199
+ .ant-pro-list .ant-pro-list-row:hover .ant-list-item-extra {
3200
+ display: flex;
3201
+ }
3202
+ .ant-pro-list .ant-pro-list-row:hover .ant-pro-list-row-extra {
3203
+ display: block;
3204
+ }
3205
+ .ant-pro-list .ant-pro-list-row:hover .ant-pro-list-row-subheader-actions {
3206
+ display: block;
3207
+ }
3208
+ .ant-pro-list .ant-pro-list-row-card {
3209
+ margin: 8px 0;
3210
+ padding: 0 8px;
3211
+ }
3212
+ .ant-pro-list .ant-pro-list-row-card:hover {
3213
+ background-color: transparent;
3214
+ }
3215
+ .ant-pro-list .ant-pro-list-row-card .ant-list-item-meta-title {
3216
+ flex-shrink: 9;
3217
+ margin: 0;
3218
+ line-height: 22px;
3219
+ }
3220
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-avatar,
3221
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-description,
3222
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-title {
3223
+ padding: 6px 0;
3224
+ }
3225
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-action {
3226
+ display: block;
3227
+ }
3228
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-selected {
3229
+ background-color: #e6f7ff;
3230
+ }
3231
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-selected:hover {
3232
+ background-color: #e6f7ff;
3233
+ }
3234
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-new {
3235
+ animation: techUiListActive 3s;
3236
+ }
3237
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-inline .ant-pro-list-row-title {
3238
+ font-weight: normal;
3239
+ }
3240
+ .ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-top {
3241
+ background-image: url('https://gw.alipayobjects.com/zos/antfincdn/DehQfMbOJb/icon.svg');
3242
+ background-repeat: no-repeat;
3243
+ background-position: left top;
3244
+ background-size: 12px 12px;
3245
+ }
3246
+ .ant-pro-list .ant-pro-list-row-show-action-hover .ant-list-item-action,
3247
+ .ant-pro-list .ant-pro-list-row-show-action-hover .ant-pro-card-extra,
3248
+ .ant-pro-list .ant-pro-list-row-show-action-hover .ant-pro-card-actions {
3249
+ display: none;
3250
+ }
3251
+ .ant-pro-list .ant-pro-list-row-show-action-hover:hover .ant-pro-card-extra,
3252
+ .ant-pro-list .ant-pro-list-row-show-action-hover:hover .ant-pro-card-actions {
3253
+ display: flex;
3254
+ }
3255
+ .ant-pro-list .ant-pro-list-row-show-extra-hover .ant-list-item-extra {
3256
+ display: none;
3257
+ }
3258
+ .ant-pro-list .ant-pro-list-row-extra {
3259
+ display: none;
3260
+ }
3261
+ .ant-pro-list .ant-pro-list-row-subheader {
3262
+ display: flex;
3263
+ align-items: center;
3264
+ justify-content: space-between;
3265
+ height: 44px;
3266
+ padding: 0 24px;
3267
+ color: rgba(0, 0, 0, 0.45);
3268
+ line-height: 44px;
3269
+ background: rgba(0, 0, 0, 0.02);
3270
+ }
3271
+ .ant-pro-list .ant-pro-list-row-subheader-actions {
3272
+ display: none;
3043
3273
  }
3044
- .ant-pro-footer-bar-right > * {
3274
+ .ant-pro-list .ant-pro-list-row-subheader-actions > * {
3045
3275
  margin-right: 8px;
3046
3276
  }
3047
- .ant-pro-footer-bar-right > *:last-child {
3048
- margin: 0;
3277
+ .ant-pro-list .ant-pro-list-row-subheader-actions > *:last-child {
3278
+ margin-right: 0;
3049
3279
  }
3050
-
3051
- .ant-pro-basicLayout {
3280
+ .ant-pro-list .ant-pro-list-row-header {
3052
3281
  display: flex;
3053
- flex-direction: column;
3054
- width: 100%;
3055
- min-height: 100%;
3056
- }
3057
- .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
3058
- position: fixed;
3059
- top: 0;
3282
+ flex: 1;
3283
+ justify-content: flex-start;
3060
3284
  }
3061
- .ant-pro-basicLayout .ant-layout-header.ant-pro-header-light {
3062
- background: #fff;
3285
+ .ant-pro-list .ant-pro-list-row-header-title {
3286
+ display: flex;
3287
+ align-items: center;
3288
+ justify-content: flex-start;
3063
3289
  }
3064
- .ant-pro-basicLayout-content {
3065
- position: relative;
3066
- margin: 24px;
3290
+ .ant-pro-list .ant-pro-list-row-header-option {
3291
+ display: flex;
3067
3292
  }
3068
- .ant-pro-basicLayout-content .ant-pro-page-container {
3069
- margin: -24px -24px 0;
3293
+ .ant-pro-list .ant-pro-list-row-checkbox {
3294
+ width: 16px;
3295
+ margin-right: 12px;
3070
3296
  }
3071
- .ant-pro-basicLayout-content-disable-margin {
3072
- margin: 0;
3297
+ .ant-pro-list .ant-pro-list-row-expand-icon {
3298
+ margin-right: 8;
3299
+ margin-right: 8px;
3300
+ color: rgba(0, 0, 0, 0.45);
3073
3301
  }
3074
- .ant-pro-basicLayout-content-disable-margin .ant-pro-page-container {
3075
- margin: 0;
3302
+ .ant-pro-list .ant-pro-list-row-expand-icon > .anticon > svg {
3303
+ transition: 0.3s;
3076
3304
  }
3077
- .ant-pro-basicLayout-content > .ant-layout {
3078
- max-height: 100%;
3305
+ .ant-pro-list .ant-pro-list-row-expanded > .anticon > svg {
3306
+ transform: rotate(90deg);
3079
3307
  }
3080
- .ant-pro-basicLayout .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
3081
- height: 100vh;
3082
- overflow: hidden;
3083
- transform: rotate(0);
3308
+ .ant-pro-list .ant-pro-list-row-title {
3309
+ margin-right: 16px;
3310
+ word-break: break-all;
3311
+ cursor: pointer;
3084
3312
  }
3085
- .ant-pro-basicLayout .ant-pro-basicLayout-has-header .tech-page-container {
3086
- height: calc(100vh - 48px);
3313
+ .ant-pro-list .ant-pro-list-row-title:hover {
3314
+ color: #40a9ff;
3087
3315
  }
3088
- .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .tech-page-container {
3089
- height: calc(100vh - 48px - 48px);
3316
+ .ant-pro-list .ant-pro-list-row-content {
3317
+ position: relative;
3318
+ display: flex;
3319
+ flex: 1;
3320
+ flex-direction: column;
3321
+ margin: 0 32px;
3090
3322
  }
3091
- .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children {
3092
- min-height: calc(100vh - 48px);
3323
+ .ant-pro-list .ant-pro-list-row-subTitle {
3324
+ color: rgba(0, 0, 0, 0.45);
3093
3325
  }
3094
- .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
3095
- height: calc(100vh - 48px);
3326
+ .ant-pro-list .ant-pro-list-row-description {
3327
+ margin-top: 4px;
3328
+ word-break: break-all;
3096
3329
  }
3097
-
3098
- .ant-pro-fixed-header {
3099
- z-index: 9;
3100
- width: 100%;
3330
+ .ant-pro-list .ant-pro-list-row-avatar {
3331
+ display: flex;
3101
3332
  }
3102
- .ant-pro-fixed-header-action {
3103
- transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3333
+ .ant-pro-list .ant-list-pagination {
3334
+ margin-bottom: 24px;
3104
3335
  }
3105
- .ant-pro-header-realDark {
3106
- box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.65);
3336
+ .ant-pro-list .ant-list-item {
3337
+ padding: 12px;
3338
+ cursor: pointer;
3107
3339
  }
3108
-
3109
- .ant-pro-global-header {
3110
- position: relative;
3111
- display: flex;
3112
- align-items: center;
3113
- height: 100%;
3114
- padding: 0 16px;
3115
- background: #fff;
3116
- box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
3340
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list-header {
3341
+ padding: 0;
3342
+ border-bottom: none;
3117
3343
  }
3118
- .ant-pro-global-header > * {
3119
- height: 100%;
3344
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item {
3345
+ width: 100%;
3346
+ padding: 12px 18px 12px 24px;
3120
3347
  }
3121
- .ant-pro-global-header-collapsed-button {
3348
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-meta-avatar {
3122
3349
  display: flex;
3123
3350
  align-items: center;
3124
- margin-left: 16px;
3125
- font-size: 20px;
3351
+ margin-right: 8px;
3126
3352
  }
3127
- .ant-pro-global-header-layout-mix {
3128
- background-color: #001529;
3353
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-action-split {
3354
+ display: none;
3129
3355
  }
3130
- .ant-pro-global-header-layout-mix .ant-pro-global-header-logo h1 {
3131
- color: #fff;
3356
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-meta-title {
3357
+ margin: 0;
3132
3358
  }
3133
- .ant-pro-global-header-layout-mix .anticon {
3134
- color: #fff;
3359
+ .ant-pro-list-no-split .ant-pro-list-row {
3360
+ border-bottom: none;
3135
3361
  }
3136
- .ant-pro-global-header-logo {
3137
- position: relative;
3138
- overflow: hidden;
3362
+ .ant-pro-list-no-split .ant-list .ant-list-item {
3363
+ border-bottom: none;
3139
3364
  }
3140
- .ant-pro-global-header-logo a {
3141
- display: flex;
3142
- align-items: center;
3143
- height: 100%;
3365
+ .ant-pro-list-bordered .ant-pro-list-toolbar {
3366
+ border-bottom: 1px solid #f0f0f0;
3144
3367
  }
3145
- .ant-pro-global-header-logo a img {
3146
- height: 28px;
3368
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row {
3369
+ padding: 12px 18px 12px 24px;
3147
3370
  }
3148
- .ant-pro-global-header-logo a h1 {
3149
- height: 32px;
3150
- margin: 0 0 0 12px;
3151
- color: #1890ff;
3152
- font-weight: 600;
3153
- font-size: 18px;
3154
- line-height: 32px;
3371
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row-header-title {
3372
+ display: flex;
3373
+ flex-direction: column;
3374
+ align-items: flex-start;
3375
+ justify-content: center;
3155
3376
  }
3156
- .ant-pro-global-header-logo-rtl a h1 {
3157
- margin: 0 12px 0 0;
3377
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row-content {
3378
+ margin: 0;
3158
3379
  }
3159
- .ant-pro-global-header-menu .anticon {
3160
- margin-right: 8px;
3380
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row-subTitle {
3381
+ margin-top: 8px;
3161
3382
  }
3162
- .ant-pro-global-header-menu .ant-dropdown-menu-item {
3163
- min-width: 160px;
3383
+ .ant-pro-list .ant-list-vertical .ant-list-item-extra {
3384
+ display: flex;
3385
+ align-items: center;
3386
+ margin-left: 32px;
3164
3387
  }
3165
- .ant-pro-global-header .dark {
3166
- height: 48px;
3388
+ .ant-pro-list .ant-list-vertical .ant-pro-list-row-description {
3389
+ margin-top: 16px;
3167
3390
  }
3168
- .ant-pro-global-header .dark .action {
3169
- color: rgba(255, 255, 255, 0.85);
3391
+ .ant-pro-list .ant-list-bordered .ant-list-item {
3392
+ padding-right: 0;
3393
+ padding-left: 0;
3170
3394
  }
3171
- .ant-pro-global-header .dark .action > i {
3172
- color: rgba(255, 255, 255, 0.85);
3395
+ .ant-pro-list .ant-pro-list-row-show-extra-hover .ant-list-item-extra {
3396
+ display: none;
3173
3397
  }
3174
- .ant-pro-global-header .dark .action:hover,
3175
- .ant-pro-global-header .dark .action.opened {
3176
- background: #1890ff;
3398
+ @keyframes techUiListActive {
3399
+ 0% {
3400
+ background-color: unset;
3401
+ }
3402
+ 30% {
3403
+ background: #fefbe6;
3404
+ }
3405
+ 100% {
3406
+ background-color: unset;
3407
+ }
3177
3408
  }
3178
- .ant-pro-global-header .dark .action .ant-badge {
3179
- color: rgba(255, 255, 255, 0.85);
3409
+
3410
+ .ant-pro-table-dropdown {
3411
+ width: auto;
3180
3412
  }
3181
3413
 
3182
- .ant-pro-sider {
3183
- position: relative;
3184
- background-color: #001529;
3185
- border-right: 0;
3414
+ .ant-pro-table-list-toolbar {
3415
+ overflow-x: auto;
3416
+ line-height: 1;
3186
3417
  }
3187
- .ant-pro-sider .ant-menu {
3188
- background: transparent;
3418
+ .ant-pro-table-list-toolbar-container {
3419
+ display: flex;
3420
+ justify-content: space-between;
3421
+ padding: 16px 0;
3189
3422
  }
3190
- .ant-pro-sider.ant-layout-sider-light .ant-menu-item a {
3191
- color: rgba(0, 0, 0, 0.85);
3423
+ .ant-pro-table-list-toolbar-container-mobile {
3424
+ flex-direction: column;
3192
3425
  }
3193
- .ant-pro-sider.ant-layout-sider-light .ant-menu-item-selected a,
3194
- .ant-pro-sider.ant-layout-sider-light .ant-menu-item a:hover {
3195
- color: #1890ff;
3426
+ .ant-pro-table-list-toolbar-title {
3427
+ display: flex;
3428
+ align-items: center;
3429
+ justify-content: flex-start;
3430
+ color: rgba(0, 0, 0, 0.85);
3431
+ font-weight: 500;
3432
+ font-size: 16px;
3196
3433
  }
3197
- .ant-pro-sider-logo {
3198
- position: relative;
3434
+ .ant-pro-table-list-toolbar-search:not(:last-child) {
3199
3435
  display: flex;
3200
3436
  align-items: center;
3201
- padding: 16px 16px;
3437
+ justify-content: flex-start;
3438
+ }
3439
+ .ant-pro-table-list-toolbar-setting-item {
3440
+ margin: 0 4px;
3441
+ color: rgba(0, 0, 0, 0.75);
3442
+ font-size: 16px;
3202
3443
  cursor: pointer;
3203
- transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
3204
3444
  }
3205
- .ant-pro-sider-logo > a {
3445
+ .ant-pro-table-list-toolbar-setting-item > span {
3446
+ display: block;
3447
+ width: 100%;
3448
+ height: 100%;
3449
+ }
3450
+ .ant-pro-table-list-toolbar-setting-item:hover {
3451
+ color: #40a9ff;
3452
+ }
3453
+ .ant-pro-table-list-toolbar-left {
3206
3454
  display: flex;
3207
3455
  align-items: center;
3208
- justify-content: center;
3209
- min-height: 32px;
3456
+ justify-content: flex-start;
3210
3457
  }
3211
- .ant-pro-sider-logo img {
3212
- display: inline-block;
3213
- height: 32px;
3214
- vertical-align: middle;
3458
+ .ant-pro-table-list-toolbar-right {
3459
+ display: flex;
3460
+ justify-content: flex-end;
3215
3461
  }
3216
- .ant-pro-sider-logo h1 {
3462
+ .ant-pro-table-list-toolbar-extra-line {
3463
+ margin-bottom: 16px;
3464
+ }
3465
+ .ant-pro-table-list-toolbar-filter {
3466
+ display: flex;
3467
+ align-items: center;
3468
+ }
3469
+ .ant-pro-table-list-toolbar-filter:not(:last-child) {
3470
+ margin-right: 16px;
3471
+ }
3472
+ .ant-pro-table-list-toolbar-filter .ant-pro-table-search {
3473
+ margin: 0;
3474
+ padding: 0;
3475
+ }
3476
+ .ant-pro-table-list-toolbar-inline-menu-item {
3217
3477
  display: inline-block;
3218
- height: 32px;
3219
- margin: 0 0 0 12px;
3220
- color: white;
3221
- font-weight: 600;
3222
- font-size: 18px;
3223
- line-height: 32px;
3224
- vertical-align: middle;
3225
- animation: pro-layout-title-hide 0.3s;
3478
+ margin-right: 24px;
3479
+ cursor: pointer;
3480
+ opacity: 0.75;
3226
3481
  }
3227
- .ant-pro-sider-extra {
3228
- margin-bottom: 16px;
3229
- padding: 0 16px;
3482
+ .ant-pro-table-list-toolbar-inline-menu-item-active {
3483
+ font-weight: bold;
3484
+ opacity: 1;
3230
3485
  }
3231
- .ant-pro-sider-extra-no-logo {
3232
- margin-top: 16px;
3486
+ .ant-pro-table-list-toolbar-dropdownmenu-label {
3487
+ font-weight: bold;
3488
+ font-size: 16px;
3489
+ text-align: center;
3490
+ cursor: pointer;
3233
3491
  }
3234
- .ant-pro-sider-menu {
3235
- position: relative;
3236
- z-index: 10;
3237
- min-height: 100%;
3238
- box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
3492
+ .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav {
3493
+ margin-bottom: 0;
3239
3494
  }
3240
- .ant-pro-sider .ant-layout-sider-children {
3241
- display: flex;
3242
- flex-direction: column;
3243
- height: 100%;
3244
- /* 滚动条滑块 */
3495
+ .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav::before {
3496
+ border-bottom: 0;
3245
3497
  }
3246
- .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar {
3247
- width: 6px;
3248
- height: 6px;
3498
+ .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
3499
+ margin-top: 0;
3249
3500
  }
3250
- .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-track {
3251
- background: rgba(255, 255, 255, 0.15);
3252
- border-radius: 3px;
3253
- box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
3501
+ .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
3502
+ padding-top: 0;
3254
3503
  }
3255
- .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-thumb {
3256
- background: rgba(255, 255, 255, 0.2);
3257
- border-radius: 3px;
3258
- box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
3504
+ @media (max-width: 575px) {
3505
+ .ant-pro-table-list-toolbar-container {
3506
+ display: flex;
3507
+ flex-wrap: wrap;
3508
+ }
3509
+ .ant-pro-table-list-toolbar-left {
3510
+ margin-bottom: 16px;
3511
+ }
3259
3512
  }
3260
- .ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
3261
- width: 48px;
3513
+
3514
+ .ant-pro-table .ant-pro-table-search {
3515
+ margin-bottom: 16px;
3516
+ padding: 24px;
3517
+ padding-bottom: 0;
3518
+ background: #fff;
3262
3519
  }
3263
- .ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
3264
- padding: 16px 8px;
3520
+ .ant-pro-table .ant-pro-table-search-ghost {
3521
+ background: transparent;
3265
3522
  }
3266
- .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
3267
- position: fixed;
3268
- top: 0;
3269
- left: 0;
3270
- z-index: 100;
3271
- height: 100%;
3272
- overflow: auto;
3273
- overflow-x: hidden;
3274
- box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
3523
+ .ant-pro-table .ant-pro-table-search::before {
3524
+ display: table;
3525
+ content: '';
3275
3526
  }
3276
- .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed > .ant-menu-root :not(.ant-pro-sider-link-menu) {
3277
- height: calc(100vh - 48px);
3278
- overflow-y: auto;
3527
+ .ant-pro-table .ant-pro-table-search::after {
3528
+ display: table;
3529
+ clear: both;
3530
+ content: '';
3279
3531
  }
3280
- .ant-pro-sider-light {
3281
- background-color: #fff;
3282
- box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
3532
+ .ant-pro-table .ant-pro-table-search.ant-pro-table-form {
3533
+ margin: 0;
3534
+ padding: 0 16px;
3535
+ overflow: unset;
3283
3536
  }
3284
- .ant-pro-sider-light .ant-layout-sider-children {
3285
- /* 滚动条滑块 */
3537
+ .ant-pro-table .ant-pro-table-search-light {
3538
+ margin-bottom: 0;
3539
+ padding: 16px 0;
3286
3540
  }
3287
- .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-track {
3288
- background: rgba(0, 0, 0, 0.06);
3289
- border-radius: 3px;
3290
- box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
3541
+ .ant-pro-table .ant-pro-table-search-form-option .ant-form-item {
3542
+ margin: 0;
3291
3543
  }
3292
- .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-thumb {
3293
- background: rgba(0, 0, 0, 0.12);
3294
- border-radius: 3px;
3295
- box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
3544
+ .ant-pro-table .ant-pro-table-search-form-option .ant-form-item-label {
3545
+ opacity: 0;
3296
3546
  }
3297
- .ant-pro-sider-light .ant-pro-sider-logo h1 {
3298
- color: #1890ff;
3547
+ .ant-pro-table .ant-pro-table-search-form-option .ant-form-item-control-input {
3548
+ justify-content: flex-start;
3299
3549
  }
3300
- .ant-pro-sider-light .ant-menu-light {
3301
- border-right-color: transparent;
3550
+ @media (max-width: 575px) {
3551
+ .ant-pro-table .ant-pro-table-search {
3552
+ height: auto !important;
3553
+ padding-bottom: 24px;
3554
+ }
3555
+ .ant-pro-table .ant-pro-table-search .ant-form-item-label {
3556
+ min-width: 80px;
3557
+ text-align: left;
3558
+ }
3302
3559
  }
3303
- .ant-pro-sider-light .ant-pro-sider-collapsed-button {
3304
- border-top: 1px solid #f0f0f0;
3560
+
3561
+ .pro-table-tooltip-text span {
3562
+ color: #fff;
3305
3563
  }
3306
- .ant-pro-sider-icon {
3307
- width: 14px;
3308
- vertical-align: baseline;
3564
+ .ant-pro-table {
3565
+ z-index: 1;
3309
3566
  }
3310
- .ant-pro-sider-links {
3311
- width: 100%;
3567
+ .ant-pro-table:not(:root):fullscreen {
3568
+ min-height: 100vh;
3569
+ overflow: auto;
3570
+ background: #fff;
3312
3571
  }
3313
- .ant-pro-sider-links ul.ant-menu-root {
3314
- height: auto;
3572
+ .ant-pro-table-extra {
3573
+ margin-bottom: 16px;
3315
3574
  }
3316
- .ant-pro-sider-collapsed-button {
3317
- border-top: 1px solid rgba(0, 0, 0, 0.25);
3575
+ .ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
3576
+ transform: rotate(0deg);
3577
+ animation: turn 1s linear infinite;
3318
3578
  }
3319
- .ant-pro-sider-collapsed-button .anticon {
3320
- font-size: 16px;
3579
+ .ant-pro-table td.ant-table-cell > a {
3580
+ font-size: 14px;
3321
3581
  }
3322
- .ant-pro-sider .top-nav-menu li.ant-menu-item {
3323
- height: 100%;
3324
- line-height: 1;
3582
+ .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
3583
+ margin: 0;
3325
3584
  }
3326
- .ant-pro-sider .drawer .drawer-content {
3327
- background: #001529;
3585
+ .ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
3586
+ margin: -12px -8px;
3328
3587
  }
3329
- @keyframes pro-layout-title-hide {
3588
+ @keyframes turn {
3330
3589
  0% {
3331
- display: none;
3332
- opacity: 0;
3590
+ transform: rotate(0deg);
3333
3591
  }
3334
- 80% {
3335
- display: none;
3336
- opacity: 0;
3592
+ 25% {
3593
+ transform: rotate(90deg);
3594
+ }
3595
+ 50% {
3596
+ transform: rotate(180deg);
3597
+ }
3598
+ 75% {
3599
+ transform: rotate(270deg);
3337
3600
  }
3338
3601
  100% {
3339
- display: unset;
3340
- opacity: 1;
3602
+ transform: rotate(360deg);
3341
3603
  }
3342
3604
  }
3343
3605
 
3344
- .ant-pro-top-nav-header {
3345
- position: relative;
3346
- width: 100%;
3347
- height: 100%;
3348
- box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
3349
- transition: background 0.3s, width 0.2s;
3350
- }
3351
- .ant-pro-top-nav-header .ant-menu {
3352
- background: transparent;
3353
- }
3354
- .ant-pro-top-nav-header.light {
3355
- background-color: #fff;
3356
- }
3357
- .ant-pro-top-nav-header.light .ant-pro-top-nav-header-logo h1 {
3358
- color: rgba(0, 0, 0, 0.85);
3359
- }
3360
- .ant-pro-top-nav-header.light .anticon {
3361
- color: inherit;
3362
- }
3363
- .ant-pro-top-nav-header-main {
3364
- display: flex;
3365
- height: 100%;
3366
- padding-left: 16px;
3367
- }
3368
- .ant-pro-top-nav-header-main-left {
3369
- display: flex;
3370
- min-width: 192px;
3371
- }
3372
- .ant-pro-top-nav-header .anticon {
3606
+ .pro-table-tooltip-text span {
3373
3607
  color: #fff;
3374
3608
  }
3375
- .ant-pro-top-nav-header-logo {
3376
- position: relative;
3377
- min-width: 165px;
3378
- height: 100%;
3379
- overflow: hidden;
3609
+ .ant-pro-table {
3610
+ z-index: 1;
3380
3611
  }
3381
- .ant-pro-top-nav-header-logo img,
3382
- .ant-pro-top-nav-header-logo a > svg {
3383
- display: inline-block;
3384
- height: 32px;
3385
- vertical-align: middle;
3612
+ .ant-pro-table:not(:root):fullscreen {
3613
+ min-height: 100vh;
3614
+ overflow: auto;
3615
+ background: #fff;
3386
3616
  }
3387
- .ant-pro-top-nav-header-logo h1 {
3388
- display: inline-block;
3389
- margin: 0 0 0 12px;
3390
- color: #fff;
3391
- font-size: 16px;
3392
- vertical-align: top;
3617
+ .ant-pro-table-extra {
3618
+ margin-bottom: 16px;
3393
3619
  }
3394
- .ant-pro-top-nav-header-menu {
3395
- min-width: 0;
3620
+ .ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
3621
+ transform: rotate(0deg);
3622
+ animation: turn 1s linear infinite;
3396
3623
  }
3397
- .ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal {
3398
- height: 100%;
3399
- border: none;
3624
+ .ant-pro-table td.ant-table-cell > a {
3625
+ font-size: 14px;
3400
3626
  }
3401
-
3402
- .ant-pro-global-footer {
3403
- margin: 48px 0 24px 0;
3404
- padding: 0 16px;
3405
- text-align: center;
3627
+ .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
3628
+ margin: 0;
3406
3629
  }
3407
- .ant-pro-global-footer-links {
3408
- margin-bottom: 8px;
3630
+ .ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
3631
+ margin: -12px -8px;
3409
3632
  }
3410
- .ant-pro-global-footer-links a {
3411
- color: rgba(0, 0, 0, 0.45);
3412
- transition: all 0.3s;
3633
+ @keyframes turn {
3634
+ 0% {
3635
+ transform: rotate(0deg);
3636
+ }
3637
+ 25% {
3638
+ transform: rotate(90deg);
3639
+ }
3640
+ 50% {
3641
+ transform: rotate(180deg);
3642
+ }
3643
+ 75% {
3644
+ transform: rotate(270deg);
3645
+ }
3646
+ 100% {
3647
+ transform: rotate(360deg);
3648
+ }
3649
+ }
3650
+ .ant-pro-table-toolbar {
3651
+ display: flex;
3652
+ align-items: center;
3653
+ justify-content: space-between;
3654
+ height: 64px;
3655
+ padding: 0 24px;
3413
3656
  }
3414
- .ant-pro-global-footer-links a:not(:last-child) {
3415
- margin-right: 40px;
3657
+ .ant-pro-table-toolbar-option {
3658
+ display: flex;
3659
+ align-items: center;
3660
+ justify-content: flex-end;
3416
3661
  }
3417
- .ant-pro-global-footer-links a:hover {
3662
+ .ant-pro-table-toolbar-title {
3663
+ flex: 1;
3418
3664
  color: rgba(0, 0, 0, 0.85);
3665
+ font-weight: 500;
3666
+ font-size: 16px;
3667
+ line-height: 24px;
3668
+ opacity: 0.85;
3419
3669
  }
3420
- .ant-pro-global-footer-copyright {
3421
- color: rgba(0, 0, 0, 0.45);
3422
- font-size: 14px;
3670
+ @media (max-width: 480px) {
3671
+ .ant-pro-table .ant-table {
3672
+ width: 100%;
3673
+ overflow-x: auto;
3674
+ }
3675
+ .ant-pro-table .ant-table-thead > tr > th,
3676
+ .ant-pro-table .ant-table-tbody > tr > th,
3677
+ .ant-pro-table .ant-table-thead > tr > td,
3678
+ .ant-pro-table .ant-table-tbody > tr > td {
3679
+ white-space: pre;
3680
+ }
3681
+ .ant-pro-table .ant-table-thead > tr > th > span,
3682
+ .ant-pro-table .ant-table-tbody > tr > th > span,
3683
+ .ant-pro-table .ant-table-thead > tr > td > span,
3684
+ .ant-pro-table .ant-table-tbody > tr > td > span {
3685
+ display: block;
3686
+ }
3423
3687
  }
3424
-
3425
- .ant-pro-setting-drawer-content {
3426
- position: relative;
3427
- min-height: 100%;
3688
+ @media (max-width: 575px) {
3689
+ .ant-pro-table-toolbar {
3690
+ flex-direction: column;
3691
+ align-items: flex-start;
3692
+ justify-content: flex-start;
3693
+ height: auto;
3694
+ margin-bottom: 16px;
3695
+ margin-left: 16px;
3696
+ padding: 8px;
3697
+ padding-top: 16px;
3698
+ line-height: normal;
3699
+ }
3700
+ .ant-pro-table-toolbar-title {
3701
+ margin-bottom: 16px;
3702
+ }
3703
+ .ant-pro-table-toolbar-option {
3704
+ display: flex;
3705
+ justify-content: space-between;
3706
+ width: 100%;
3707
+ }
3708
+ .ant-pro-table-toolbar-default-option {
3709
+ display: flex;
3710
+ flex: 1;
3711
+ align-items: center;
3712
+ justify-content: flex-end;
3713
+ }
3428
3714
  }
3429
- .ant-pro-setting-drawer-content .ant-list-item span {
3430
- flex: 1;
3715
+
3716
+ .ant-pro-table-column-setting {
3717
+ width: auto;
3431
3718
  }
3432
- .ant-pro-setting-drawer-block-checkbox {
3719
+ .ant-pro-table-column-setting-title {
3433
3720
  display: flex;
3721
+ align-items: center;
3722
+ justify-content: space-between;
3723
+ height: 32px;
3434
3724
  }
3435
- .ant-pro-setting-drawer-block-checkbox-item {
3436
- position: relative;
3437
- width: 44px;
3438
- height: 36px;
3439
- margin-right: 16px;
3440
- overflow: hidden;
3441
- background-color: #f0f2f5;
3442
- border-radius: 4px;
3443
- box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18);
3444
- cursor: pointer;
3445
- }
3446
- .ant-pro-setting-drawer-block-checkbox-item::before {
3447
- position: absolute;
3448
- top: 0;
3449
- left: 0;
3450
- width: 33%;
3451
- height: 100%;
3452
- background-color: #fff;
3453
- content: '';
3725
+ .ant-pro-table-column-setting-overlay .ant-popover-inner-content {
3726
+ width: 200px;
3727
+ padding: 0px;
3728
+ padding-bottom: 8px;
3454
3729
  }
3455
- .ant-pro-setting-drawer-block-checkbox-item::after {
3456
- position: absolute;
3457
- top: 0;
3458
- left: 0;
3459
- width: 100%;
3460
- height: 25%;
3461
- background-color: #fff;
3462
- content: '';
3730
+ .ant-pro-table-column-setting-overlay .ant-tree-node-content-wrapper:hover {
3731
+ background-color: transparent;
3463
3732
  }
3464
- .ant-pro-setting-drawer-block-checkbox-item-realDark {
3465
- background-color: rgba(0, 21, 41, 0.85);
3733
+ .ant-pro-table-column-setting-overlay .ant-tree-draggable-icon {
3734
+ cursor: grab;
3466
3735
  }
3467
- .ant-pro-setting-drawer-block-checkbox-item-realDark::before {
3468
- background-color: rgba(0, 21, 41, 0.65);
3469
- content: '';
3736
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode {
3737
+ align-items: center;
3470
3738
  }
3471
- .ant-pro-setting-drawer-block-checkbox-item-realDark::after {
3472
- background-color: rgba(0, 21, 41, 0.85);
3739
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover {
3740
+ background-color: #e6f7ff;
3473
3741
  }
3474
- .ant-pro-setting-drawer-block-checkbox-item-light::before {
3475
- background-color: #fff;
3476
- content: '';
3742
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-pro-table-column-setting-list-item-option {
3743
+ display: block;
3477
3744
  }
3478
- .ant-pro-setting-drawer-block-checkbox-item-light::after {
3479
- background-color: #fff;
3745
+ .ant-pro-table-column-setting-overlay .ant-tree-treenode .ant-tree-checkbox {
3746
+ top: 0;
3747
+ margin: 0;
3748
+ margin-right: 4px;
3480
3749
  }
3481
- .ant-pro-setting-drawer-block-checkbox-item-dark::before,
3482
- .ant-pro-setting-drawer-block-checkbox-item-side::before {
3483
- z-index: 1;
3484
- background-color: #001529;
3485
- content: '';
3750
+ .ant-pro-table-column-setting-list {
3751
+ display: flex;
3752
+ flex-direction: column;
3753
+ width: 100%;
3754
+ padding-top: 8px;
3486
3755
  }
3487
- .ant-pro-setting-drawer-block-checkbox-item-dark::after,
3488
- .ant-pro-setting-drawer-block-checkbox-item-side::after {
3489
- background-color: #fff;
3756
+ .ant-pro-table-column-setting-list.ant-pro-table-column-setting-list-group {
3757
+ padding-top: 0;
3490
3758
  }
3491
- .ant-pro-setting-drawer-block-checkbox-item-top::before {
3492
- background-color: transparent;
3493
- content: '';
3759
+ .ant-pro-table-column-setting-list-title {
3760
+ margin-top: 6px;
3761
+ margin-bottom: 6px;
3762
+ padding-left: 24px;
3763
+ color: rgba(0, 0, 0, 0.45);
3764
+ font-size: 12px;
3494
3765
  }
3495
- .ant-pro-setting-drawer-block-checkbox-item-top::after {
3496
- background-color: #001529;
3766
+ .ant-pro-table-column-setting-list-item {
3767
+ display: flex;
3768
+ align-items: center;
3497
3769
  }
3498
- .ant-pro-setting-drawer-block-checkbox-item-mix::before {
3499
- background-color: #fff;
3500
- content: '';
3770
+ .ant-pro-table-column-setting-list-item-title {
3771
+ flex: 1;
3501
3772
  }
3502
- .ant-pro-setting-drawer-block-checkbox-item-mix::after {
3503
- background-color: #001529;
3773
+ .ant-pro-table-column-setting-list-item-option {
3774
+ display: none;
3775
+ float: right;
3776
+ cursor: pointer;
3504
3777
  }
3505
- .ant-pro-setting-drawer-block-checkbox-selectIcon {
3506
- position: absolute;
3507
- right: 6px;
3508
- bottom: 4px;
3778
+ .ant-pro-table-column-setting-list-item-option > span > span.anticon {
3509
3779
  color: #1890ff;
3510
- font-weight: bold;
3511
- font-size: 14px;
3512
- pointer-events: none;
3513
3780
  }
3514
- .ant-pro-setting-drawer-block-checkbox-selectIcon .action {
3515
- color: #1890ff;
3781
+ .ant-pro-table-column-setting-list-item-option > span + span {
3782
+ margin-left: 8px;
3516
3783
  }
3517
- .ant-pro-setting-drawer-color_block {
3518
- display: inline-block;
3519
- width: 38px;
3520
- height: 22px;
3521
- margin: 4px;
3522
- margin-right: 12px;
3523
- vertical-align: middle;
3524
- border-radius: 4px;
3525
- cursor: pointer;
3784
+
3785
+ .ant-pro-table-alert {
3786
+ margin-bottom: 16px;
3526
3787
  }
3527
- .ant-pro-setting-drawer-title {
3528
- margin-bottom: 12px;
3529
- color: rgba(0, 0, 0, 0.85);
3530
- font-size: 14px;
3531
- line-height: 22px;
3788
+ .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
3789
+ padding: 12px 24px;
3532
3790
  }
3533
- .ant-pro-setting-drawer-handle {
3534
- position: absolute;
3535
- top: 240px;
3536
- right: 300px;
3537
- z-index: 0;
3791
+ .ant-pro-table-alert-info {
3538
3792
  display: flex;
3539
3793
  align-items: center;
3540
- justify-content: center;
3541
- width: 48px;
3542
- height: 48px;
3543
- font-size: 16px;
3544
- text-align: center;
3545
- background-color: #1890ff;
3546
- border-radius: 4px 0 0 4px;
3547
- cursor: pointer;
3548
- pointer-events: auto;
3794
+ transition: all 0.3s;
3549
3795
  }
3550
- .ant-pro-setting-drawer-production-hint {
3551
- margin-top: 16px;
3552
- font-size: 12px;
3796
+ .ant-pro-table-alert-info-content {
3797
+ flex: 1;
3553
3798
  }
3554
-
3555
- .ant-pro-setting-drawer-content .theme-color {
3556
- margin-top: 16px;
3557
- overflow: hidden;
3799
+ .ant-pro-table-alert-info-option {
3800
+ min-width: 48px;
3801
+ padding-left: 16px;
3558
3802
  }
3559
- .ant-pro-setting-drawer-content .theme-color .theme-color-title {
3560
- margin-bottom: 12px;
3561
- font-size: 14px;
3562
- line-height: 22px;
3803
+
3804
+ .ant-pro-table-drag-visible-cell {
3805
+ display: flex;
3806
+ align-items: center;
3563
3807
  }
3564
- .ant-pro-setting-drawer-content .theme-color .theme-color-block {
3565
- float: left;
3566
- width: 20px;
3567
- height: 20px;
3568
- margin-top: 8px;
3808
+ .ant-pro-table-drag-icon {
3569
3809
  margin-right: 8px;
3570
- color: #fff;
3571
- font-weight: bold;
3572
- text-align: center;
3573
- border-radius: 2px;
3574
- cursor: pointer;
3575
- }
3576
-
3577
- .ant-pro-descriptions .ant-descriptions-view {
3578
- overflow: initial !important;
3810
+ color: #999;
3811
+ cursor: grab;
3579
3812
  }
3580
3813