@aplus-frontend/ui 0.0.3 → 0.0.4

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 (33) hide show
  1. package/es/src/ap-table/ap-table.vue.mjs +77 -81
  2. package/es/src/ap-table/components/interface.d.ts +12 -0
  3. package/es/src/ap-table/components/status/index.vue.d.ts +14 -0
  4. package/es/src/ap-table/components/status/index.vue.mjs +4 -0
  5. package/es/src/ap-table/components/status/index.vue2.mjs +17 -0
  6. package/es/src/ap-table/constants.d.ts +20 -25
  7. package/es/src/ap-table/constants.mjs +19 -16
  8. package/es/src/ap-table/interface.d.ts +16 -3
  9. package/es/src/ap-table/utils.d.ts +174 -1
  10. package/es/src/ap-table/utils.mjs +75 -48
  11. package/es/src/theme/antd-global-overwrite/admin/index.css +69 -29
  12. package/es/src/theme/antd-global-overwrite/admin/pagination.css +30 -14
  13. package/es/src/theme/antd-global-overwrite/admin/steps.css +39 -15
  14. package/es/src/theme/antd-global-overwrite/aplus/index.css +75 -33
  15. package/es/src/theme/antd-global-overwrite/aplus/pagination.css +38 -18
  16. package/es/src/theme/antd-global-overwrite/aplus/steps.css +37 -15
  17. package/lib/src/ap-table/ap-table.vue.js +1 -1
  18. package/lib/src/ap-table/components/interface.d.ts +12 -0
  19. package/lib/src/ap-table/components/status/index.vue.d.ts +14 -0
  20. package/lib/src/ap-table/components/status/index.vue.js +1 -0
  21. package/lib/src/ap-table/components/status/index.vue2.js +1 -0
  22. package/lib/src/ap-table/constants.d.ts +20 -25
  23. package/lib/src/ap-table/constants.js +1 -1
  24. package/lib/src/ap-table/interface.d.ts +16 -3
  25. package/lib/src/ap-table/utils.d.ts +174 -1
  26. package/lib/src/ap-table/utils.js +1 -1
  27. package/lib/src/theme/antd-global-overwrite/admin/index.css +69 -29
  28. package/lib/src/theme/antd-global-overwrite/admin/pagination.css +30 -14
  29. package/lib/src/theme/antd-global-overwrite/admin/steps.css +39 -15
  30. package/lib/src/theme/antd-global-overwrite/aplus/index.css +75 -33
  31. package/lib/src/theme/antd-global-overwrite/aplus/pagination.css +38 -18
  32. package/lib/src/theme/antd-global-overwrite/aplus/steps.css +37 -15
  33. package/package.json +1 -1
@@ -1,16 +1,20 @@
1
- .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
1
+ [class$='-basic-table'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right,
2
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
2
3
  margin: 16px 0 0;
3
4
  }
4
- .ant-table-wrapper .ant-pagination {
5
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination,
6
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination {
5
7
  position: relative;
6
8
  }
7
- .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
9
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text,
10
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
8
11
  position: absolute;
9
12
  left: 0;
10
13
  height: 30px;
11
14
  line-height: 30px;
12
15
  }
13
- .ant-table-wrapper .ant-pagination .ant-pagination-item {
16
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item,
17
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item {
14
18
  box-sizing: border-box;
15
19
  min-width: 30px;
16
20
  height: 30px;
@@ -21,45 +25,57 @@
21
25
  text-align: center;
22
26
  border-radius: 4px;
23
27
  }
24
- .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
28
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
29
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
30
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
31
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
25
32
  border: 1px solid #d9d9d9;
26
33
  }
27
- .ant-table-wrapper .ant-pagination .ant-pagination-prev {
34
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev,
35
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev {
28
36
  width: 30px;
29
37
  height: 30px;
30
38
  margin: 0 4px;
31
39
  line-height: 28px;
32
40
  border: 1px solid #d9d9d9;
33
41
  }
34
- .ant-table-wrapper .ant-pagination .ant-pagination-next {
42
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
43
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
35
44
  width: 30px;
36
45
  height: 30px;
37
46
  margin: 0 4px;
38
47
  line-height: 28px;
39
48
  border: 1px solid #d9d9d9;
40
49
  }
41
- .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
50
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled,
51
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-disabled {
42
52
  border: 1px solid #d9d9d9;
43
53
  }
44
- .ant-table-wrapper .ant-pagination .ant-pagination-options {
54
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
55
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
45
56
  margin-left: 4px;
46
57
  }
47
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
58
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
59
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
48
60
  min-width: 90px;
49
61
  height: 30px;
50
62
  }
51
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
63
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
64
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
52
65
  line-height: 28px;
53
66
  }
54
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
67
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
68
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
55
69
  color: #333333;
56
70
  }
57
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
71
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
72
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
58
73
  margin-left: 20px;
59
74
  color: #333333;
60
75
  font-size: 14px;
61
76
  }
62
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
77
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
78
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
63
79
  min-width: 60px;
64
80
  height: 30px;
65
81
  margin: 0 8px;
@@ -5,35 +5,43 @@
5
5
  display: flex;
6
6
  }
7
7
  .ant-steps .ant-steps-item-icon {
8
+ line-height: 27px;
8
9
  width: 28px;
9
10
  height: 28px;
10
11
  margin-top: 3px;
11
- display: flex;
12
- justify-content: center;
13
- align-items: center;
14
12
  flex-shrink: 0;
15
13
  }
14
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
15
+ font-weight: 500;
16
+ font-size: 16px;
17
+ }
18
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-description {
19
+ min-height: 16px;
20
+ margin-top: 5px;
21
+ color: #999999;
22
+ font-weight: 400;
23
+ font-size: 12px;
24
+ line-height: 1.2rem;
25
+ }
16
26
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
17
27
  background-color: #ffffff;
18
28
  border-color: #34b77c;
19
- border-radius: 0;
20
29
  }
21
30
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon {
22
31
  width: 12px;
23
32
  height: 12px;
24
33
  }
25
34
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-finish-icon svg {
26
- display: none;
27
35
  width: 12px;
28
36
  height: 12px;
29
37
  }
30
38
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
31
39
  min-height: 16px;
32
- margin-top: 6px;
40
+ margin-top: 5px;
33
41
  color: #999999;
34
42
  font-weight: 400;
35
43
  font-size: 12px;
36
- line-height: 1rem;
44
+ line-height: 1.2rem;
37
45
  }
38
46
  .ant-steps .ant-steps-item-title {
39
47
  height: 24px;
@@ -57,11 +65,11 @@
57
65
  }
58
66
  .ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
59
67
  min-height: 16px;
60
- margin-top: 6px;
68
+ margin-top: 5px;
61
69
  color: #999999;
62
70
  font-weight: 400;
63
71
  font-size: 12px;
64
- line-height: 1rem;
72
+ line-height: 1.2rem;
65
73
  }
66
74
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
67
75
  background-color: #ffffff;
@@ -74,11 +82,15 @@
74
82
  }
75
83
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
76
84
  min-height: 16px;
77
- margin-top: 6px;
85
+ margin-top: 5px;
78
86
  color: #999999;
79
87
  font-weight: 400;
80
88
  font-size: 12px;
81
- line-height: 1rem;
89
+ line-height: 1.2rem;
90
+ }
91
+ .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
92
+ inset-inline-start: 13px;
93
+ margin: 4px 0;
82
94
  }
83
95
  .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
84
96
  background-color: #ffffff;
@@ -93,11 +105,23 @@
93
105
  width: 28px;
94
106
  height: 28px;
95
107
  margin-top: 3px;
96
- display: flex;
97
- justify-content: center;
98
- align-items: center;
108
+ }
109
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-icon {
110
+ line-height: 25px;
111
+ width: 24px;
112
+ height: 24px;
113
+ margin-top: 3px;
114
+ }
115
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-content {
116
+ margin-top: 2px;
99
117
  }
100
118
  .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
101
119
  inset-inline-start: 13px;
102
- margin: 6px 0;
120
+ margin: 3px -1px;
121
+ }
122
+ .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
123
+ line-height: 25px;
124
+ width: 24px;
125
+ height: 24px;
126
+ flex-shrink: 0;
103
127
  }
@@ -290,19 +290,23 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
290
290
  .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
291
291
  color: #ff4d4f;
292
292
  }
293
- .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
293
+ [class$='-basic-table'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right,
294
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
294
295
  margin: 10px 0 0;
295
296
  }
296
- .ant-table-wrapper .ant-pagination {
297
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination,
298
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination {
297
299
  position: relative;
298
300
  }
299
- .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
301
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text,
302
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
300
303
  position: absolute;
301
304
  left: 0;
302
305
  height: 30px;
303
306
  line-height: 30px;
304
307
  }
305
- .ant-table-wrapper .ant-pagination .ant-pagination-item {
308
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item,
309
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item {
306
310
  box-sizing: border-box;
307
311
  min-width: 30px;
308
312
  height: 30px;
@@ -313,58 +317,74 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
313
317
  text-align: center;
314
318
  border-radius: 4px;
315
319
  }
316
- .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
320
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
321
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
322
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
323
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
317
324
  border: 1px solid #d9d9d9;
318
325
  }
319
- .ant-table-wrapper .ant-pagination .ant-pagination-prev {
326
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev,
327
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev {
320
328
  width: 30px;
321
329
  height: 30px;
322
330
  margin: 0 4px;
323
331
  line-height: 28px;
324
332
  border: 1px solid #d9d9d9;
325
333
  }
326
- .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left {
334
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left,
335
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left {
327
336
  border: none;
328
337
  }
329
- .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled {
338
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled,
339
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled {
330
340
  display: none;
331
341
  }
332
- .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled {
342
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled,
343
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled {
333
344
  display: none;
334
345
  }
335
- .ant-table-wrapper .ant-pagination .anticon svg {
346
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .anticon svg,
347
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .anticon svg {
336
348
  width: 14px;
337
349
  height: 14px;
338
350
  }
339
- .ant-table-wrapper .ant-pagination .ant-pagination-next {
351
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
352
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
340
353
  width: 30px;
341
354
  height: 30px;
342
355
  margin: 0 4px;
343
356
  line-height: 28px;
344
357
  border: 1px solid #d9d9d9;
345
358
  }
346
- .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right {
359
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right,
360
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right {
347
361
  border: none;
348
362
  }
349
- .ant-table-wrapper .ant-pagination .ant-pagination-options {
363
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
364
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
350
365
  margin-left: 4px;
351
366
  }
352
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
367
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
368
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
353
369
  min-width: 90px;
354
370
  height: 30px;
355
371
  }
356
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
372
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
373
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
357
374
  line-height: 28px;
358
375
  }
359
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
376
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
377
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
360
378
  color: #333333;
361
379
  }
362
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
380
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
381
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
363
382
  margin-left: 20px;
364
383
  color: #333333;
365
384
  font-size: 14px;
366
385
  }
367
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
386
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
387
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
368
388
  min-width: 60px;
369
389
  height: 30px;
370
390
  margin: 0 8px;
@@ -372,20 +392,30 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
372
392
  border-radius: 4px;
373
393
  }
374
394
  .ant-steps > * {
375
- margin-right: 12px;
395
+ margin-right: 8px;
376
396
  }
377
397
  .ant-steps .ant-steps-item-container {
378
398
  display: flex;
379
399
  }
380
400
  .ant-steps .ant-steps-item-icon {
401
+ line-height: 27px;
381
402
  width: 28px;
382
403
  height: 28px;
383
404
  margin-top: 3px;
384
- display: flex;
385
- justify-content: center;
386
- align-items: center;
387
405
  flex-shrink: 0;
388
406
  }
407
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
408
+ font-weight: 500;
409
+ font-size: 16px;
410
+ }
411
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-description {
412
+ min-height: 16px;
413
+ margin-top: 5px;
414
+ color: #999999;
415
+ font-weight: 400;
416
+ font-size: 12px;
417
+ line-height: 1.2rem;
418
+ }
389
419
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
390
420
  background-color: #ffffff;
391
421
  border-color: #0070ff;
@@ -400,11 +430,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
400
430
  }
401
431
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
402
432
  min-height: 16px;
403
- margin-top: 6px;
433
+ margin-top: 5px;
404
434
  color: #8896b0;
405
435
  font-weight: 400;
406
436
  font-size: 12px;
407
- line-height: 1rem;
437
+ line-height: 1.2rem;
408
438
  }
409
439
  .ant-steps .ant-steps-item-title {
410
440
  height: 24px;
@@ -426,11 +456,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
426
456
  }
427
457
  .ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
428
458
  min-height: 16px;
429
- margin-top: 6px;
459
+ margin-top: 5px;
430
460
  color: #8896b0;
431
461
  font-weight: 400;
432
462
  font-size: 12px;
433
- line-height: 1rem;
463
+ line-height: 1.2rem;
434
464
  }
435
465
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
436
466
  background-color: #ffffff;
@@ -443,11 +473,11 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
443
473
  }
444
474
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
445
475
  min-height: 16px;
446
- margin-top: 6px;
476
+ margin-top: 5px;
447
477
  color: #8896b0;
448
478
  font-weight: 400;
449
479
  font-size: 12px;
450
- line-height: 1rem;
480
+ line-height: 1.2rem;
451
481
  }
452
482
  .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
453
483
  inset-inline-start: 13px;
@@ -463,16 +493,28 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
463
493
  inset-inline-start: 13px;
464
494
  }
465
495
  .ant-steps.ant-steps-vertical .ant-steps-item-icon {
466
- display: flex;
467
- align-items: center;
468
- justify-content: center;
469
496
  width: 28px;
470
497
  height: 28px;
471
498
  margin-top: 3px;
472
499
  }
473
- .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
500
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-icon {
501
+ line-height: 25px;
502
+ width: 24px;
503
+ height: 24px;
504
+ margin-top: 3px;
505
+ }
506
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-content {
507
+ margin-top: 2px;
508
+ }
509
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-tail {
474
510
  inset-inline-start: 13px;
475
- margin: 6px 0;
511
+ margin: 3px -1;
512
+ }
513
+ .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
514
+ line-height: 25px;
515
+ width: 24px;
516
+ height: 24px;
517
+ flex-shrink: 0;
476
518
  }
477
519
  [class$='-basic-table'],
478
520
  [class$='-basic-table-form-container'] {
@@ -1,16 +1,20 @@
1
- .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
1
+ [class$='-basic-table'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right,
2
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-spin-container .ant-pagination.ant-table-pagination.ant-table-pagination-right {
2
3
  margin: 10px 0 0;
3
4
  }
4
- .ant-table-wrapper .ant-pagination {
5
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination,
6
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination {
5
7
  position: relative;
6
8
  }
7
- .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
9
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text,
10
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-total-text {
8
11
  position: absolute;
9
12
  left: 0;
10
13
  height: 30px;
11
14
  line-height: 30px;
12
15
  }
13
- .ant-table-wrapper .ant-pagination .ant-pagination-item {
16
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item,
17
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item {
14
18
  box-sizing: border-box;
15
19
  min-width: 30px;
16
20
  height: 30px;
@@ -21,58 +25,74 @@
21
25
  text-align: center;
22
26
  border-radius: 4px;
23
27
  }
24
- .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
28
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
29
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
30
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active),
31
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item:not([class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-item-active) {
25
32
  border: 1px solid #d9d9d9;
26
33
  }
27
- .ant-table-wrapper .ant-pagination .ant-pagination-prev {
34
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev,
35
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev {
28
36
  width: 30px;
29
37
  height: 30px;
30
38
  margin: 0 4px;
31
39
  line-height: 28px;
32
40
  border: 1px solid #d9d9d9;
33
41
  }
34
- .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left {
42
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left,
43
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev .anticon.anticon-left {
35
44
  border: none;
36
45
  }
37
- .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled {
46
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled,
47
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-prev.ant-pagination-disabled {
38
48
  display: none;
39
49
  }
40
- .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled {
50
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled,
51
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next.ant-pagination-disabled {
41
52
  display: none;
42
53
  }
43
- .ant-table-wrapper .ant-pagination .anticon svg {
54
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .anticon svg,
55
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .anticon svg {
44
56
  width: 14px;
45
57
  height: 14px;
46
58
  }
47
- .ant-table-wrapper .ant-pagination .ant-pagination-next {
59
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next,
60
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next {
48
61
  width: 30px;
49
62
  height: 30px;
50
63
  margin: 0 4px;
51
64
  line-height: 28px;
52
65
  border: 1px solid #d9d9d9;
53
66
  }
54
- .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right {
67
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right,
68
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-next .anticon.anticon-right {
55
69
  border: none;
56
70
  }
57
- .ant-table-wrapper .ant-pagination .ant-pagination-options {
71
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options,
72
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options {
58
73
  margin-left: 4px;
59
74
  }
60
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
75
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector,
76
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selector {
61
77
  min-width: 90px;
62
78
  height: 30px;
63
79
  }
64
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
80
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item,
81
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select-selection-item {
65
82
  line-height: 28px;
66
83
  }
67
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
84
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow,
85
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-select .ant-select-arrow {
68
86
  color: #333333;
69
87
  }
70
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
88
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper,
89
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
71
90
  margin-left: 20px;
72
91
  color: #333333;
73
92
  font-size: 14px;
74
93
  }
75
- .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
94
+ [class$='-basic-table'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input,
95
+ [class$='-basic-table-form-container'] .ant-table-wrapper .ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
76
96
  min-width: 60px;
77
97
  height: 30px;
78
98
  margin: 0 8px;
@@ -1,18 +1,28 @@
1
1
  .ant-steps > * {
2
- margin-right: 12px;
2
+ margin-right: 8px;
3
3
  }
4
4
  .ant-steps .ant-steps-item-container {
5
5
  display: flex;
6
6
  }
7
7
  .ant-steps .ant-steps-item-icon {
8
+ line-height: 27px;
8
9
  width: 28px;
9
10
  height: 28px;
10
11
  margin-top: 3px;
11
- display: flex;
12
- justify-content: center;
13
- align-items: center;
14
12
  flex-shrink: 0;
15
13
  }
14
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
15
+ font-weight: 500;
16
+ font-size: 16px;
17
+ }
18
+ .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-description {
19
+ min-height: 16px;
20
+ margin-top: 5px;
21
+ color: #999999;
22
+ font-weight: 400;
23
+ font-size: 12px;
24
+ line-height: 1.2rem;
25
+ }
16
26
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
17
27
  background-color: #ffffff;
18
28
  border-color: #0070ff;
@@ -27,11 +37,11 @@
27
37
  }
28
38
  .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
29
39
  min-height: 16px;
30
- margin-top: 6px;
40
+ margin-top: 5px;
31
41
  color: #8896b0;
32
42
  font-weight: 400;
33
43
  font-size: 12px;
34
- line-height: 1rem;
44
+ line-height: 1.2rem;
35
45
  }
36
46
  .ant-steps .ant-steps-item-title {
37
47
  height: 24px;
@@ -53,11 +63,11 @@
53
63
  }
54
64
  .ant-steps .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
55
65
  min-height: 16px;
56
- margin-top: 6px;
66
+ margin-top: 5px;
57
67
  color: #8896b0;
58
68
  font-weight: 400;
59
69
  font-size: 12px;
60
- line-height: 1rem;
70
+ line-height: 1.2rem;
61
71
  }
62
72
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
63
73
  background-color: #ffffff;
@@ -70,11 +80,11 @@
70
80
  }
71
81
  .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
72
82
  min-height: 16px;
73
- margin-top: 6px;
83
+ margin-top: 5px;
74
84
  color: #8896b0;
75
85
  font-weight: 400;
76
86
  font-size: 12px;
77
- line-height: 1rem;
87
+ line-height: 1.2rem;
78
88
  }
79
89
  .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
80
90
  inset-inline-start: 13px;
@@ -90,14 +100,26 @@
90
100
  inset-inline-start: 13px;
91
101
  }
92
102
  .ant-steps.ant-steps-vertical .ant-steps-item-icon {
93
- display: flex;
94
- align-items: center;
95
- justify-content: center;
96
103
  width: 28px;
97
104
  height: 28px;
98
105
  margin-top: 3px;
99
106
  }
100
- .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
107
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-icon {
108
+ line-height: 25px;
109
+ width: 24px;
110
+ height: 24px;
111
+ margin-top: 3px;
112
+ }
113
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-content {
114
+ margin-top: 2px;
115
+ }
116
+ .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item .ant-steps-item-tail {
101
117
  inset-inline-start: 13px;
102
- margin: 6px 0;
118
+ margin: 3px -1;
119
+ }
120
+ .ant-steps.ant-steps-horizontal.ant-steps-small .ant-steps-item-icon {
121
+ line-height: 25px;
122
+ width: 24px;
123
+ height: 24px;
124
+ flex-shrink: 0;
103
125
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.0.3",
3
+ "version": "0.0.4",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.mjs",
6
6
  "files": [