@aplus-frontend/ui 0.6.0-beta.10 → 0.6.0-beta.11

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 (87) hide show
  1. package/es/index.mjs +294 -289
  2. package/es/src/ap-form/item/index.vue.mjs +7 -7
  3. package/es/src/ap-table/ap-table.vue2.mjs +1 -1
  4. package/es/src/business/ap-radio-group/ap-radio-group.vue.d.ts +17 -0
  5. package/es/src/business/ap-radio-group/ap-radio-group.vue.mjs +4 -0
  6. package/es/src/business/ap-radio-group/ap-radio-group.vue2.mjs +60 -0
  7. package/es/src/business/ap-radio-group/index.d.ts +55 -0
  8. package/es/src/business/ap-radio-group/index.mjs +8 -0
  9. package/es/src/business/ap-radio-group/interface.d.ts +11 -0
  10. package/es/src/business/ap-radio-group/interface.mjs +1 -0
  11. package/es/src/business/ap-radio-group/style/css.d.ts +0 -0
  12. package/es/src/business/ap-radio-group/style/css.js +1 -0
  13. package/es/src/business/ap-radio-group/style/index.d.ts +0 -0
  14. package/es/src/business/ap-radio-group/style/index.js +1 -0
  15. package/es/src/business/hooks/usePageListApGrid.d.ts +2 -0
  16. package/es/src/business/hooks/usePageListApGrid.mjs +69 -44
  17. package/es/src/business/index.d.ts +1 -0
  18. package/es/src/business/index.mjs +15 -13
  19. package/es/src/index.mjs +166 -164
  20. package/es/src/path-map.mjs +2 -1
  21. package/es/src/version.d.ts +2 -0
  22. package/es/src/version.mjs +4 -0
  23. package/lib/index.js +1 -1
  24. package/lib/src/ap-form/item/index.vue.js +1 -1
  25. package/lib/src/ap-table/ap-table.vue2.js +1 -1
  26. package/lib/src/business/ap-radio-group/ap-radio-group.vue.d.ts +17 -0
  27. package/lib/src/business/ap-radio-group/ap-radio-group.vue.js +1 -0
  28. package/lib/src/business/ap-radio-group/ap-radio-group.vue2.js +1 -0
  29. package/lib/src/business/ap-radio-group/index.d.ts +55 -0
  30. package/lib/src/business/ap-radio-group/index.js +1 -0
  31. package/lib/src/business/ap-radio-group/interface.d.ts +11 -0
  32. package/lib/src/business/ap-radio-group/interface.js +1 -0
  33. package/lib/src/business/ap-radio-group/style/css.cjs +1 -0
  34. package/lib/src/business/ap-radio-group/style/css.d.ts +0 -0
  35. package/lib/src/business/ap-radio-group/style/index.cjs +1 -0
  36. package/lib/src/business/ap-radio-group/style/index.d.ts +0 -0
  37. package/lib/src/business/hooks/usePageListApGrid.d.ts +2 -0
  38. package/lib/src/business/hooks/usePageListApGrid.js +1 -1
  39. package/lib/src/business/index.d.ts +1 -0
  40. package/lib/src/business/index.js +1 -1
  41. package/lib/src/index.js +1 -1
  42. package/lib/src/path-map.js +1 -1
  43. package/lib/src/version.d.ts +2 -0
  44. package/lib/src/version.js +1 -0
  45. package/package.json +4 -2
  46. package/theme/antd-global-overwrite/admin/alert.css +6 -19
  47. package/theme/antd-global-overwrite/admin/alert.less +25 -36
  48. package/theme/antd-global-overwrite/admin/button.css +13 -13
  49. package/theme/antd-global-overwrite/admin/button.less +24 -24
  50. package/theme/antd-global-overwrite/admin/field.css +27 -0
  51. package/theme/antd-global-overwrite/admin/field.less +23 -0
  52. package/theme/antd-global-overwrite/admin/index.css +70 -446
  53. package/theme/antd-global-overwrite/admin/index.less +1 -3
  54. package/theme/antd-global-overwrite/admin/message.css +2 -9
  55. package/theme/antd-global-overwrite/admin/message.less +2 -10
  56. package/theme/antd-global-overwrite/admin/modal.css +4 -27
  57. package/theme/antd-global-overwrite/admin/modal.less +4 -32
  58. package/theme/antd-global-overwrite/admin/table.css +18 -72
  59. package/theme/antd-global-overwrite/admin/table.less +1 -4
  60. package/theme/antd-global-overwrite/aplus/alert.css +9 -19
  61. package/theme/antd-global-overwrite/aplus/alert.less +27 -34
  62. package/theme/antd-global-overwrite/aplus/button.css +20 -20
  63. package/theme/antd-global-overwrite/aplus/button.less +24 -24
  64. package/theme/antd-global-overwrite/aplus/field.css +21 -0
  65. package/theme/antd-global-overwrite/aplus/field.less +16 -0
  66. package/theme/antd-global-overwrite/aplus/index.css +71 -504
  67. package/theme/antd-global-overwrite/aplus/index.less +0 -3
  68. package/theme/antd-global-overwrite/aplus/message.css +2 -9
  69. package/theme/antd-global-overwrite/aplus/message.less +2 -10
  70. package/theme/antd-global-overwrite/aplus/modal.css +5 -35
  71. package/theme/antd-global-overwrite/aplus/modal.less +6 -42
  72. package/theme/antd-global-overwrite/aplus/table.css +16 -64
  73. package/theme/antd-global-overwrite/aplus/table.less +1 -4
  74. package/theme/ap-form/ap-form-item.css +1 -1
  75. package/theme/ap-form/ap-form-item.less +1 -1
  76. package/theme/ap-form/index.css +1 -1
  77. package/theme/ap-form/search-form.css +1 -1
  78. package/theme/ap-grid/index.css +1 -1
  79. package/theme/ap-radio-group/ap-radio-group.css +64 -0
  80. package/theme/ap-radio-group/ap-radio-group.less +23 -0
  81. package/theme/ap-table/ap-table.css +1 -1
  82. package/theme/ap-table-modal/index.css +1 -1
  83. package/theme/editable-table/index.css +1 -1
  84. package/theme/index.css +27 -1
  85. package/theme/index.less +1 -0
  86. package/theme/ui-mode.css +8 -0
  87. package/theme/ui-mode.less +8 -0
@@ -1,17 +1,10 @@
1
- .ant-message .ant-message-notice-content {
1
+ .ant-message div.ant-message-notice-content {
2
2
  padding: 10px 16px;
3
- /* 文字颜色/一级-333333 */
4
- color: #333333;
5
- font-weight: normal;
6
3
  font-size: 14px;
7
4
  line-height: 22px;
8
- letter-spacing: 0;
9
- border-radius: 4px;
10
5
  box-shadow: 0 3px 6px 0 rgba(44, 54, 69, 0.102);
11
6
  }
12
7
  .ant-message .ant-message-notice .anticon {
13
- font-size: 14px;
14
- line-height: 22px;
15
- vertical-align: -0.18em;
8
+ margin-bottom: 1px;
16
9
  margin-inline-end: 9px;
17
10
  }
@@ -1,21 +1,13 @@
1
1
  .ant-message {
2
- .ant-message-notice-content {
2
+ div.ant-message-notice-content {
3
3
  padding: 10px 16px;
4
-
5
- /* 文字颜色/一级-333333 */
6
- color: #333333;
7
- font-weight: normal;
8
4
  font-size: 14px;
9
5
  line-height: 22px;
10
- letter-spacing: 0;
11
- border-radius: 4px;
12
6
  box-shadow: 0 3px 6px 0 rgba(44, 54, 69, 0.102);
13
7
  }
14
8
 
15
9
  .ant-message-notice .anticon {
16
- font-size: 14px;
17
- line-height: 22px;
18
- vertical-align: -0.18em;
10
+ margin-bottom: 1px;
19
11
  margin-inline-end: 9px;
20
12
  }
21
13
  }
@@ -1,36 +1,13 @@
1
1
  .ant-modal-root .ant-modal .ant-modal-close {
2
- top: 0;
3
- right: 0;
4
- width: auto;
2
+ top: 14px;
3
+ inset-inline-end: 18px;
5
4
  color: #666666;
6
- font-weight: normal;
7
- background: transparent;
8
- outline: none;
9
- cursor: default;
10
5
  }
11
6
  .ant-modal-root .ant-modal .ant-modal-close:hover {
12
- color: #666666;
13
7
  background-color: transparent;
14
8
  }
15
9
  .ant-modal-root .ant-modal .ant-modal-close-x {
16
- display: inline-block;
17
- width: 96px;
18
- height: 47px;
19
- line-height: 47px;
20
- text-align: start;
21
- }
22
- .ant-modal-root .ant-modal .ant-modal-close-x > div {
23
- height: 100%;
24
- }
25
- .ant-modal-root .ant-modal .ant-modal-close-x > span {
26
- display: inline-block;
27
- margin-left: 48px;
28
- padding: 10px;
29
- cursor: pointer;
30
- transition: all 0.2s;
31
- }
32
- .ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
33
- color: #ed6f6f;
10
+ line-height: 0;
34
11
  }
35
12
  .ant-modal-root .ant-modal .ant-modal-content {
36
13
  padding: 0;
@@ -88,7 +65,7 @@
88
65
  }
89
66
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
90
67
  margin-top: 0;
91
- padding-top: 24px;
68
+ padding-top: 12px;
92
69
  }
93
70
  .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
94
71
  min-width: 72px;
@@ -1,43 +1,17 @@
1
1
  .ant-modal-root {
2
2
  .ant-modal {
3
3
  .ant-modal-close {
4
- top: 0;
5
- right: 0;
6
- width: auto;
4
+ top: 14px;
5
+ inset-inline-end: 18px;
7
6
  color: #666666;
8
- font-weight: normal;
9
- background: transparent;
10
- outline: none;
11
- cursor: default;
12
7
 
13
8
  &:hover {
14
- color: #666666;
15
9
  background-color: transparent;
16
10
  }
17
11
  }
18
12
 
19
13
  .ant-modal-close-x {
20
- display: inline-block;
21
- width: 96px;
22
- height: 47px;
23
- line-height: 47px;
24
- text-align: start;
25
-
26
- & > div {
27
- height: 100%;
28
- }
29
-
30
- & > span {
31
- display: inline-block;
32
- margin-left: 48px;
33
- padding: 10px;
34
- cursor: pointer;
35
- transition: all 0.2s;
36
-
37
- &:hover {
38
- color: #ed6f6f;
39
- }
40
- }
14
+ line-height: 0;
41
15
  }
42
16
 
43
17
  .ant-modal-content {
@@ -85,8 +59,6 @@
85
59
  .ant-modal-confirm {
86
60
  .ant-modal-content {
87
61
  .ant-modal-body {
88
- // padding: 32px 32px 28px !important;
89
-
90
62
  .ant-modal-confirm-body {
91
63
  & > .anticon {
92
64
  margin-inline-end: 16px;
@@ -117,7 +89,7 @@
117
89
 
118
90
  .ant-modal-confirm-btns {
119
91
  margin-top: 0;
120
- padding-top: 24px;
92
+ padding-top: 12px;
121
93
 
122
94
  button {
123
95
  min-width: 72px;
@@ -1,26 +1,14 @@
1
- [class$='-basic-table'],
2
- [class$='-basic-table-form-container'],
3
- [class$='-basic-table ap-table--sticky'],
4
- [class$='-basic-table-form-container ap-table--sticky'] {
1
+ [class$='ap-table--sticky'] {
5
2
  width: 100%;
6
3
  height: 100%;
7
4
  }
8
- [class$='-basic-table'] .ant-table-wrapper,
9
- [class$='-basic-table-form-container'] .ant-table-wrapper,
10
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper,
11
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper {
5
+ [class$='ap-table--sticky'] .ant-table-wrapper {
12
6
  padding: 12px 16px 16px;
13
7
  background-color: #ffffff;
14
8
  border-radius: 0;
15
9
  }
16
- [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
17
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
18
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
19
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
20
- [class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title,
21
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title,
22
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title,
23
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
10
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
11
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
24
12
  display: flex;
25
13
  align-items: center;
26
14
  justify-content: space-between;
@@ -28,92 +16,50 @@
28
16
  padding: 0 0 12px;
29
17
  border: none;
30
18
  }
31
- [class$='-basic-table'] .ant-table-wrapper .ant-table,
32
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table,
33
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table,
34
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table {
19
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table {
35
20
  width: 100%;
36
21
  overflow-x: hidden;
37
22
  border-radius: 0;
38
23
  }
39
- [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container,
40
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container,
41
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container,
42
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container {
24
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container {
43
25
  border-radius: 0;
44
26
  }
45
- [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table,
46
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table,
47
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container table,
48
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container table {
27
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container table {
49
28
  border-radius: 0;
50
29
  }
51
- [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child,
52
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child,
53
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child,
54
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
30
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
55
31
  border-radius: 0;
56
32
  }
57
- [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
58
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
59
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
60
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
33
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
61
34
  border-radius: 0;
62
35
  }
63
- [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected > td,
64
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected > td,
65
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected > td,
66
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected > td {
36
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected > td {
67
37
  background-color: #f3fbf7;
68
38
  }
69
- [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected:hover > td,
70
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected:hover > td,
71
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected:hover > td,
72
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected:hover > td {
39
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr.ant-table-row-selected:hover > td {
73
40
  background-color: #e6f6ef;
74
41
  }
75
- [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td,
76
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td,
77
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td,
78
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
42
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
79
43
  padding: 13.5px 16px;
80
44
  line-height: 20px;
81
45
  }
82
- [class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th,
83
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th,
84
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th,
85
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
46
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
86
47
  padding: 13.5px 16px;
87
48
  line-height: 20px;
88
49
  }
89
- [class$='-basic-table'] .ant-table-wrapper .ant-table-footer,
90
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer,
91
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table-footer,
92
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table-footer {
50
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table-footer {
93
51
  padding: 0;
94
52
  }
95
- [class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper,
96
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper,
97
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper,
98
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
53
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
99
54
  padding: 0;
100
55
  }
101
- [class$='-basic-table'] .ant-table-wrapper .ant-table-footer table,
102
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer table,
103
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table-footer table,
104
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table-footer table {
56
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table-footer table {
105
57
  border: none;
106
58
  }
107
- [class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-body,
108
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-body,
109
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table-footer .ant-table-body,
110
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table-footer .ant-table-body {
59
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table-footer .ant-table-body {
111
60
  overflow-x: hidden;
112
61
  }
113
- [class$='-basic-table'] .ant-table-wrapper .ant-table-footer td,
114
- [class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer td,
115
- [class$='-basic-table ap-table--sticky'] .ant-table-wrapper .ant-table-footer td,
116
- [class$='-basic-table-form-container ap-table--sticky'] .ant-table-wrapper .ant-table-footer td {
62
+ [class$='ap-table--sticky'] .ant-table-wrapper .ant-table-footer td {
117
63
  padding: 12px 8px;
118
64
  }
119
65
  [class$='-basic-table-form-container'] {
@@ -4,10 +4,7 @@
4
4
  @sb: ~'@{ns}-scroll-bar';
5
5
  // vben表格
6
6
  // 新增对sticky表格的样式类型
7
- [class$='-basic-table'],
8
- [class$='-basic-table-form-container'],
9
- [class$='-basic-table ap-table--sticky'],
10
- [class$='-basic-table-form-container ap-table--sticky'] {
7
+ [class$='ap-table--sticky'] {
11
8
  width: 100%;
12
9
  height: 100%;
13
10
 
@@ -1,50 +1,40 @@
1
- .ant-alert {
2
- align-items: flex-start;
3
- width: 100%;
4
- padding: 6px 12px;
5
- border-radius: 4px;
6
- }
7
1
  .ant-alert .ant-alert-close-icon {
8
2
  line-height: 18px;
9
3
  }
10
4
  .ant-alert .ant-alert-icon {
11
5
  font-size: 16px;
12
- transform: translateY(1px);
13
6
  margin-inline-end: 8px;
14
7
  }
15
8
  .ant-alert .ant-alert-message {
16
9
  color: #182948;
17
10
  font-weight: normal !important;
18
11
  font-size: 12px;
19
- line-height: 18px;
12
+ line-height: 1.5;
20
13
  }
21
14
  .ant-alert .ant-alert-message .href {
22
15
  color: #0070ff;
23
16
  cursor: pointer;
24
17
  }
25
- .ant-alert .ant-alert-description {
26
- color: #182948;
27
- font-weight: normal;
28
- font-size: 12px;
29
- line-height: 18px;
30
- }
31
- .ant-alert-with-description .ant-alert-message {
18
+ .ant-alert.ant-alert-with-description .ant-alert-message {
32
19
  margin-bottom: 4px;
33
20
  font-weight: bold !important;
34
21
  }
35
- .ant-alert-warning {
22
+ .ant-alert .ant-alert-description {
23
+ color: #182948;
24
+ }
25
+ .ant-alert.ant-alert-warning {
36
26
  background: rgba(255, 169, 64, 0.1);
37
27
  border: 1px solid rgba(255, 169, 64, 0.4);
38
28
  }
39
- .ant-alert-info {
29
+ .ant-alert.ant-alert-info {
40
30
  background: rgba(0, 112, 255, 0.1);
41
31
  border: 1px solid rgba(0, 112, 255, 0.4);
42
32
  }
43
- .ant-alert-success {
33
+ .ant-alert.ant-alert-success {
44
34
  background: rgba(46, 209, 163, 0.1);
45
35
  border: 1px solid rgba(46, 209, 163, 0.4);
46
36
  }
47
- .ant-alert-error {
37
+ .ant-alert.ant-alert-error {
48
38
  background: rgba(255, 77, 79, 0.1);
49
39
  border: 1px solid rgba(255, 77, 79, 0.4);
50
40
  }
@@ -1,24 +1,20 @@
1
- .ant-alert {
2
- align-items: flex-start;
3
- width: 100%;
4
- padding: 6px 12px;
5
- border-radius: 4px;
1
+ @import '../../mixins/config.less';
6
2
 
3
+ .ant-alert {
7
4
  .ant-alert-close-icon {
8
5
  line-height: 18px;
9
6
  }
10
7
 
11
8
  .ant-alert-icon {
12
9
  font-size: 16px;
13
- transform: translateY(1px);
14
- margin-inline-end: 8px;
10
+ margin-inline-end: @spacing;
15
11
  }
16
12
 
17
13
  .ant-alert-message {
18
14
  color: #182948;
19
15
  font-weight: normal !important;
20
- font-size: 12px;
21
- line-height: 18px;
16
+ font-size: @font-size-base;
17
+ line-height: @line-height-base;
22
18
 
23
19
  .href {
24
20
  color: #0070ff;
@@ -26,37 +22,34 @@
26
22
  }
27
23
  }
28
24
 
25
+ &.ant-alert-with-description {
26
+ .ant-alert-message {
27
+ margin-bottom: @spacing-xs;
28
+ font-weight: bold !important;
29
+ }
30
+ }
31
+
29
32
  .ant-alert-description {
30
33
  color: #182948;
31
- font-weight: normal;
32
- font-size: 12px;
33
- line-height: 18px;
34
34
  }
35
- }
36
35
 
37
- .ant-alert-with-description {
38
- .ant-alert-message {
39
- margin-bottom: 4px;
40
- font-weight: bold !important;
36
+ &.ant-alert-warning {
37
+ background: rgba(255, 169, 64, 0.1);
38
+ border: 1px solid rgba(255, 169, 64, 0.4);
41
39
  }
42
- }
43
-
44
- .ant-alert-warning {
45
- background: rgba(255, 169, 64, 0.1);
46
- border: 1px solid rgba(255, 169, 64, 0.4);
47
- }
48
40
 
49
- .ant-alert-info {
50
- background: rgba(0, 112, 255, 0.1);
51
- border: 1px solid rgba(0, 112, 255, 0.4);
52
- }
41
+ &.ant-alert-info {
42
+ background: rgba(0, 112, 255, 0.1);
43
+ border: 1px solid rgba(0, 112, 255, 0.4);
44
+ }
53
45
 
54
- .ant-alert-success {
55
- background: rgba(46, 209, 163, 0.1);
56
- border: 1px solid rgba(46, 209, 163, 0.4);
57
- }
46
+ &.ant-alert-success {
47
+ background: rgba(46, 209, 163, 0.1);
48
+ border: 1px solid rgba(46, 209, 163, 0.4);
49
+ }
58
50
 
59
- .ant-alert-error {
60
- background: rgba(255, 77, 79, 0.1);
61
- border: 1px solid rgba(255, 77, 79, 0.4);
51
+ &.ant-alert-error {
52
+ background: rgba(255, 77, 79, 0.1);
53
+ border: 1px solid rgba(255, 77, 79, 0.4);
54
+ }
62
55
  }
@@ -1,27 +1,27 @@
1
1
  .ant-btn {
2
2
  box-shadow: none;
3
3
  }
4
- .ant-btn-primary[disabled],
5
- .ant-btn-primary[disabled]:hover {
6
- color: #ffffff !important;
7
- background: #cce2ff !important;
8
- border-color: #cce2ff !important;
4
+ .ant-btn.ant-btn-primary[disabled],
5
+ .ant-btn.ant-btn-primary[disabled]:hover {
6
+ color: #ffffff;
7
+ background: #cce2ff;
8
+ border-color: #cce2ff;
9
9
  }
10
- .ant-btn-dangerous[disabled],
11
- .ant-btn-dangerous[disabled]:hover {
12
- color: #ffffff !important;
13
- background: #ffdbdc !important;
14
- border-color: #ffdbdc !important;
10
+ .ant-btn.ant-btn-dangerous.ant-btn-default[disabled],
11
+ .ant-btn.ant-btn-dangerous.ant-btn-default[disabled]:hover {
12
+ color: #ffffff;
13
+ background: #ffdbdc;
14
+ border-color: #ffdbdc;
15
15
  }
16
- .ant-btn-default[disabled],
17
- .ant-btn-default[disabled]:hover {
18
- color: #abb7cc !important;
19
- background: #f9f9fa !important;
20
- border-color: #dee4ed !important;
16
+ .ant-btn.ant-btn-default[disabled],
17
+ .ant-btn.ant-btn-default[disabled]:hover {
18
+ color: #abb7cc;
19
+ background: #f9f9fa;
20
+ border-color: #dee4ed;
21
21
  }
22
- .ant-btn-link[disabled],
23
- .ant-btn-link[disabled]:hover,
24
- .ant-btn-text[disabled],
25
- .ant-btn-text[disabled]:hover {
26
- color: #cce2ff !important;
22
+ .ant-btn.ant-btn-link[disabled],
23
+ .ant-btn.ant-btn-link[disabled]:hover,
24
+ .ant-btn.ant-btn-text[disabled],
25
+ .ant-btn.ant-btn-text[disabled]:hover {
26
+ color: #cce2ff;
27
27
  }
@@ -1,31 +1,31 @@
1
1
  .ant-btn {
2
2
  box-shadow: none;
3
- }
4
3
 
5
- .ant-btn-primary[disabled],
6
- .ant-btn-primary[disabled]:hover {
7
- color: #ffffff !important;
8
- background: #cce2ff !important;
9
- border-color: #cce2ff !important;
10
- }
4
+ &.ant-btn-primary[disabled],
5
+ &.ant-btn-primary[disabled]:hover {
6
+ color: #ffffff;
7
+ background: #cce2ff;
8
+ border-color: #cce2ff;
9
+ }
11
10
 
12
- .ant-btn-dangerous[disabled],
13
- .ant-btn-dangerous[disabled]:hover {
14
- color: #ffffff !important;
15
- background: #ffdbdc !important;
16
- border-color: #ffdbdc !important;
17
- }
11
+ &.ant-btn-dangerous.ant-btn-default[disabled],
12
+ &.ant-btn-dangerous.ant-btn-default[disabled]:hover {
13
+ color: #ffffff;
14
+ background: #ffdbdc;
15
+ border-color: #ffdbdc;
16
+ }
18
17
 
19
- .ant-btn-default[disabled],
20
- .ant-btn-default[disabled]:hover {
21
- color: #abb7cc !important;
22
- background: #f9f9fa !important;
23
- border-color: #dee4ed !important;
24
- }
18
+ &.ant-btn-default[disabled],
19
+ &.ant-btn-default[disabled]:hover {
20
+ color: #abb7cc;
21
+ background: #f9f9fa;
22
+ border-color: #dee4ed;
23
+ }
25
24
 
26
- .ant-btn-link[disabled],
27
- .ant-btn-link[disabled]:hover,
28
- .ant-btn-text[disabled],
29
- .ant-btn-text[disabled]:hover {
30
- color: #cce2ff !important;
25
+ &.ant-btn-link[disabled],
26
+ &.ant-btn-link[disabled]:hover,
27
+ &.ant-btn-text[disabled],
28
+ &.ant-btn-text[disabled]:hover {
29
+ color: #cce2ff;
30
+ }
31
31
  }
@@ -4,3 +4,24 @@
4
4
  .ant-radio:not(.ant-radio-checked) .ant-radio-inner {
5
5
  border-color: #d3d7de;
6
6
  }
7
+ .ant-input::-moz-placeholder {
8
+ color: #abb7cc;
9
+ }
10
+ .ant-input::placeholder {
11
+ color: #abb7cc;
12
+ }
13
+ .ant-select .ant-select-selection-placeholder {
14
+ color: #abb7cc;
15
+ }
16
+ .ant-picker .ant-picker-input > input::-moz-placeholder {
17
+ color: #abb7cc;
18
+ }
19
+ .ant-picker .ant-picker-input > input::placeholder {
20
+ color: #abb7cc;
21
+ }
22
+ .ant-input-number .ant-input-number-input-wrap > input::-moz-placeholder {
23
+ color: #abb7cc;
24
+ }
25
+ .ant-input-number .ant-input-number-input-wrap > input::placeholder {
26
+ color: #abb7cc;
27
+ }
@@ -5,3 +5,19 @@
5
5
  .ant-radio:not(.ant-radio-checked) .ant-radio-inner {
6
6
  border-color: #d3d7de;
7
7
  }
8
+
9
+ .ant-input::placeholder {
10
+ color: #abb7cc;
11
+ }
12
+
13
+ .ant-select .ant-select-selection-placeholder {
14
+ color: #abb7cc;
15
+ }
16
+
17
+ .ant-picker .ant-picker-input > input::placeholder {
18
+ color: #abb7cc;
19
+ }
20
+
21
+ .ant-input-number .ant-input-number-input-wrap > input::placeholder {
22
+ color: #abb7cc;
23
+ }