@aplus-frontend/ui 0.0.3 → 0.0.5

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