@aplus-frontend/ui 0.6.0-beta.14 → 0.6.0-beta.16

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 (46) hide show
  1. package/es/index.mjs +1 -1
  2. package/es/src/ap-descriptions/ap-descriptions.vue.mjs +9 -8
  3. package/es/src/ap-form/interface.d.ts +4 -0
  4. package/es/src/ap-form/search-form/hooks/use-count-per-row.mjs +33 -13
  5. package/es/src/ap-form/search-form/index.vue.mjs +16 -15
  6. package/es/src/ap-grid/hooks/use-row-selection.d.ts +100 -0
  7. package/es/src/ap-grid/hooks/use-row-selection.mjs +122 -0
  8. package/es/src/ap-grid/index.vue.mjs +272 -238
  9. package/es/src/ap-grid/interface.d.ts +6 -0
  10. package/es/src/ap-grid/utils/table.mjs +6 -7
  11. package/es/src/ap-table/hooks/use-table-paging-ng.d.ts +6 -1
  12. package/es/src/ap-table/hooks/use-table-paging-ng.mjs +99 -96
  13. package/es/src/business/ap-label/group/ApLabelGroup.mjs +15 -16
  14. package/es/src/business/ap-label/interface.d.ts +2 -3
  15. package/es/src/business/ap-table-modal/table-modal.vue2.mjs +43 -42
  16. package/es/src/version.d.ts +1 -1
  17. package/es/src/version.mjs +1 -1
  18. package/lib/index.js +1 -1
  19. package/lib/src/ap-descriptions/ap-descriptions.vue.js +1 -1
  20. package/lib/src/ap-form/interface.d.ts +4 -0
  21. package/lib/src/ap-form/search-form/hooks/use-count-per-row.js +1 -1
  22. package/lib/src/ap-form/search-form/index.vue.js +1 -1
  23. package/lib/src/ap-grid/hooks/use-row-selection.d.ts +100 -0
  24. package/lib/src/ap-grid/hooks/use-row-selection.js +1 -0
  25. package/lib/src/ap-grid/index.vue.js +1 -1
  26. package/lib/src/ap-grid/interface.d.ts +6 -0
  27. package/lib/src/ap-grid/utils/table.js +1 -1
  28. package/lib/src/ap-table/hooks/use-table-paging-ng.d.ts +6 -1
  29. package/lib/src/ap-table/hooks/use-table-paging-ng.js +1 -1
  30. package/lib/src/business/ap-label/group/ApLabelGroup.js +1 -1
  31. package/lib/src/business/ap-label/interface.d.ts +2 -3
  32. package/lib/src/business/ap-table-modal/table-modal.vue2.js +1 -1
  33. package/lib/src/version.d.ts +1 -1
  34. package/lib/src/version.js +1 -1
  35. package/package.json +1 -1
  36. package/theme/antd-global-overwrite/admin/index.css +9 -194
  37. package/theme/antd-global-overwrite/admin/table.css +9 -194
  38. package/theme/antd-global-overwrite/admin/table.less +2 -126
  39. package/theme/antd-global-overwrite/aplus/index.css +9 -186
  40. package/theme/antd-global-overwrite/aplus/table.css +9 -186
  41. package/theme/antd-global-overwrite/aplus/table.less +2 -129
  42. package/theme/ap-expand-alert/ap-expand-alert.css +2 -1
  43. package/theme/ap-expand-alert/ap-expand-alert.less +2 -2
  44. package/theme/ap-table-modal/index.css +15 -13
  45. package/theme/ap-table-modal/index.less +15 -13
  46. package/theme/index.css +17 -14
package/theme/antd-global-overwrite/aplus/table.css CHANGED
@@ -1,231 +1,66 @@
1
- [class$='ap-table--sticky'] {
2
- width: 100%;
3
- height: 100%;
4
- }
5
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
6
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
7
- display: flex;
8
- align-items: center;
9
- justify-content: space-between;
10
- min-height: 40px;
11
- padding: 0 0 10px;
12
- border: none;
13
- }
14
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table {
15
- width: 100%;
16
- overflow-x: hidden;
17
- border-radius: 0;
18
- }
19
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
20
- border-radius: 0;
21
- }
22
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
23
- color: #182948;
24
- font-weight: 700;
25
- font-size: 14px;
26
- font-style: normal;
27
- text-align: left;
28
- text-transform: none;
29
- background: #f2f6f9;
30
- }
31
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
32
- display: none;
33
- width: 0;
34
- visibility: hidden;
35
- }
36
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
37
- background: #f6f9fa;
38
- }
39
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
40
- background: #f6f9fa;
41
- }
42
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
43
- color: #182948;
44
- font-weight: 400;
45
- font-size: 14px;
46
- font-style: normal;
47
- text-align: left;
48
- text-transform: none;
49
- transition: unset;
50
- }
51
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
52
- padding: 12px 16px;
53
- line-height: 22px;
54
- }
55
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
56
- border-top: 1px solid;
57
- border-top-color: transparent;
58
- }
59
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
60
- padding: 12px 16px;
61
- line-height: 22px;
62
- }
63
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
64
- padding: 10.5px 16px;
65
- line-height: 18px;
66
- }
67
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
68
- border-top: 1px solid;
69
- border-top-color: transparent;
70
- }
71
- [class$='ap-table--sticky'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
72
- padding: 10.5px 16px;
73
- line-height: 18px;
74
- }
75
- [class$='-basic-table-row__striped'] td {
76
- background-color: #f6f9fa;
77
- }
78
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
79
1
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
80
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
81
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
82
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
83
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) {
2
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) {
84
3
  padding-bottom: 0;
85
4
  }
86
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
87
5
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
88
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
89
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container,
90
6
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container,
91
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container,
92
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
93
7
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
94
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
95
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper,
96
8
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper,
97
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper,
98
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
99
9
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
100
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
101
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container,
102
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container,
103
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container {
10
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container {
104
11
  overflow: visible;
105
12
  }
106
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table,
107
13
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table,
108
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table,
109
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table,
110
14
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table,
111
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table,
112
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table,
113
15
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table,
114
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table,
115
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-table,
116
16
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-table,
117
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-table,
118
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table,
119
17
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table,
120
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table,
121
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table,
122
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table,
123
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table {
18
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table {
124
19
  overflow: visible;
125
20
  }
126
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container,
127
21
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container,
128
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container,
129
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container,
130
22
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container,
131
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container,
132
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table .ant-table-container,
133
23
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table .ant-table-container,
134
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table .ant-table-container,
135
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-table .ant-table-container,
136
24
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-table .ant-table-container,
137
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-table .ant-table-container,
138
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container,
139
25
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container,
140
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container,
141
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container,
142
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container,
143
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container {
26
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container {
144
27
  overflow: visible;
145
28
  }
146
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
147
29
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
148
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
149
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
150
30
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
151
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
152
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table .ant-table-container .ant-table-header,
153
31
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table .ant-table-container .ant-table-header,
154
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-table .ant-table-container .ant-table-header,
155
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
156
32
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
157
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
158
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
159
33
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
160
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
161
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
162
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header,
163
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
34
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
164
35
  position: sticky;
165
36
  top: 0;
166
37
  z-index: 90;
167
38
  border-top: 4px solid #ffffff;
168
39
  }
169
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .aplus-scroll-bar,
170
40
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .aplus-scroll-bar,
171
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .aplus-scroll-bar,
172
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar,
173
41
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar,
174
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar,
175
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .aplus-scroll-bar,
176
42
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .aplus-scroll-bar,
177
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .aplus-scroll-bar,
178
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .aplus-scroll-bar,
179
43
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .aplus-scroll-bar,
180
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .aplus-scroll-bar,
181
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .aplus-scroll-bar,
182
44
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .aplus-scroll-bar,
183
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .aplus-scroll-bar,
184
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar,
185
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar,
186
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar {
45
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .aplus-scroll-bar {
187
46
  position: sticky;
188
47
  bottom: -1px;
189
48
  z-index: 90;
190
49
  }
191
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
192
50
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
193
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
194
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
195
51
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
196
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
197
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination) .aplus-scroll-bar,
198
52
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination) .aplus-scroll-bar,
199
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination) .aplus-scroll-bar,
200
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) .aplus-scroll-bar,
201
53
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) .aplus-scroll-bar,
202
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) .aplus-scroll-bar,
203
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
204
54
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
205
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
206
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
207
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
208
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar {
55
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar {
209
56
  bottom: 44px;
210
57
  }
211
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
212
58
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
213
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
214
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination,
215
59
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination,
216
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination,
217
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper ul.ant-pagination,
218
60
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper ul.ant-pagination,
219
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper ul.ant-pagination,
220
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper ul.ant-pagination,
221
61
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper ul.ant-pagination,
222
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper ul.ant-pagination,
223
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
224
62
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
225
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
226
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination,
227
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination,
228
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
63
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
229
64
  position: sticky;
230
65
  bottom: 0;
231
66
  z-index: 90;
@@ -233,23 +68,11 @@
233
68
  padding: 8px 0;
234
69
  background-color: #ffffff;
235
70
  }
236
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
237
71
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
238
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
239
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
240
72
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
241
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
242
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(.aplus-scroll-bar) ul.ant-pagination,
243
73
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(.aplus-scroll-bar) ul.ant-pagination,
244
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(.aplus-scroll-bar) ul.ant-pagination,
245
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:has(.aplus-scroll-bar) ul.ant-pagination,
246
74
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(.aplus-scroll-bar) ul.ant-pagination,
247
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:has(.aplus-scroll-bar) ul.ant-pagination,
248
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
249
75
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
250
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
251
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
252
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
253
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination {
76
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination {
254
77
  padding-top: 4px;
255
78
  }
package/theme/antd-global-overwrite/aplus/table.less CHANGED
@@ -2,136 +2,9 @@
2
2
 
3
3
  @tw: ~'@{ns}-ap-table__table-wrapper';
4
4
  @sb: ~'@{ns}-scroll-bar';
5
- // vben表格
6
- // 新增对sticky表格的样式类型
7
- [class$='ap-table--sticky'] {
8
- width: 100%;
9
- height: 100%;
10
5
 
11
- .ant-table-wrapper {
12
- // 自定义title样式
13
- .ant-table.ant-table.ant-table-small .ant-table-title,
14
- .ant-table.ant-table.ant-table-middle .ant-table-title {
15
- display: flex;
16
- align-items: center;
17
- justify-content: space-between;
18
- min-height: 40px;
19
- padding: 0 0 10px;
20
- border: none;
21
- }
22
-
23
- // ①-表格公共样式
24
- .ant-table {
25
- width: 100%;
26
- overflow-x: hidden;
27
- border-radius: 0;
28
- // 自定义 header 样式
29
- .ant-table-container .ant-table-header {
30
- border-radius: 0;
31
-
32
- .ant-table-thead > tr > th {
33
- color: #182948;
34
- font-weight: 700;
35
- font-size: 14px;
36
- font-style: normal;
37
- text-align: left;
38
- text-transform: none;
39
- background: #f2f6f9;
40
- // 去掉ant表头竖线
41
- &::before {
42
- display: none;
43
- width: 0;
44
- visibility: hidden;
45
- }
46
- }
47
- }
48
-
49
- // 自定义 body 样式
50
- &-body {
51
- .ant-table-tbody > tr.ant-table-row {
52
- &:hover {
53
- background: #f6f9fa;
54
- }
55
-
56
- &:hover > td {
57
- background: #f6f9fa;
58
- }
59
- }
60
-
61
- .ant-table-tbody > tr.ant-table-row > td {
62
- color: #182948;
63
- font-weight: 400;
64
- font-size: 14px;
65
- font-style: normal;
66
- text-align: left;
67
- text-transform: none;
68
- transition: unset; // 解决表格td，hover延迟
69
- }
70
- }
71
- }
72
-
73
- // ②-基础性表格样式
74
- .ant-table.ant-table-middle {
75
- .ant-table-container {
76
- // 表头
77
- .ant-table-thead {
78
- tr > th {
79
- padding: 12px 16px; //表头内边距16px
80
- line-height: 22px;
81
- }
82
- }
83
- // 单元格
84
- .ant-table-tbody {
85
- tr.ant-table-measure-row + tr > td {
86
- border-top: 1px solid;
87
- border-top-color: transparent;
88
- }
89
-
90
- tr > .ant-table-cell {
91
- padding: 12px 16px; // 表格单元格内边距16px
92
- line-height: 22px; // 基础表格单元格行高
93
- }
94
- }
95
- }
96
- }
97
-
98
- // ③-紧凑型表格样式
99
- .ant-table.ant-table-small {
100
- .ant-table-container {
101
- .ant-table-thead {
102
- tr > th {
103
- padding: 10.5px 16px; //紧凑型表格表头
104
- line-height: 18px;
105
- }
106
- }
107
-
108
- .ant-table-tbody {
109
- tr.ant-table-measure-row + tr > td {
110
- border-top: 1px solid;
111
- border-top-color: transparent;
112
- }
113
-
114
- tr > .ant-table-cell {
115
- padding: 10.5px 16px; // 紧凑型表格高度单元格
116
- line-height: 18px;
117
- }
118
- }
119
- }
120
- }
121
- }
122
- }
123
-
124
- // vben表格的斑马纹
125
- [class$='-basic-table-row__striped'] {
126
- td {
127
- background-color: #f6f9fa;
128
- }
129
- }
130
-
131
- // 三种表格（ApTable，BacisTable，ProTable）的表头+分页器的sticky定位样式
132
- [class*='-basic-table'].ap-table--sticky,
133
- [class*='-ap-table'].ap-table--sticky,
134
- [class*='-pro-table'].ap-table--sticky {
6
+ // ApTable的表头+分页器的sticky定位样式
7
+ [class*='-ap-table'].ap-table--sticky {
135
8
  .@{tw},
136
9
  .ant-table-wrapper {
137
10
  &:has(ul.ant-pagination) {
package/theme/ap-expand-alert/ap-expand-alert.css CHANGED
@@ -81,10 +81,11 @@
81
81
  }
82
82
  .aplus-ap-expand-alert__antAlert.ant-alert {
83
83
  align-items: flex-start;
84
- line-height: 18px;
84
+ line-height: 1.5;
85
85
  }
86
86
  .aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
87
87
  font-size: 14px;
88
+ transform: translateY(2px);
88
89
  display: block;
89
90
  }
90
91
  .aplus-ap-expand-alert--aplus .card-alert {
package/theme/ap-expand-alert/ap-expand-alert.less CHANGED
@@ -57,11 +57,11 @@
57
57
 
58
58
  &__antAlert.ant-alert {
59
59
  align-items: flex-start;
60
- line-height: 18px;
60
+ line-height: @line-height-base;
61
61
 
62
62
  .ant-alert-icon {
63
63
  font-size: @font-size-lg;
64
- // transform: translateY(2px);
64
+ transform: translateY(2px);
65
65
  display: block;
66
66
  }
67
67
  }
package/theme/ap-table-modal/index.css CHANGED
@@ -883,38 +883,40 @@
883
883
  height: 100%;
884
884
  }
885
885
  .aplus-ap-table-modal--table-layout.complex-layout {
886
+ height: 100%;
886
887
  position: relative;
887
888
  }
888
- .aplus-ap-table-modal--table-layout.complex-layout::before {
889
- content: '';
890
- width: calc(100% + 40px);
891
- height: 1px;
892
- background-color: #dee4ed;
893
- position: absolute;
894
- left: -20px;
895
- bottom: 0px;
896
- }
897
889
  .aplus-ap-table-modal--table-layout-left {
898
890
  width: calc(100% - 410px);
899
891
  padding-right: 20px;
900
- padding-bottom: 16px;
901
892
  box-sizing: border-box;
893
+ display: flex;
894
+ flex-direction: column;
895
+ }
896
+ .aplus-ap-table-modal--table-layout-left-content {
897
+ flex: 1;
898
+ }
899
+ .aplus-ap-table-modal--table-layout-left-content .ant-table-body {
900
+ height: 100%;
902
901
  }
903
902
  .aplus-ap-table-modal--table-layout-right {
904
903
  width: 410px;
905
904
  padding-left: 20px;
906
905
  position: relative;
906
+ display: flex;
907
+ flex-direction: column;
907
908
  }
908
909
  .aplus-ap-table-modal--table-layout-right-content {
909
- max-height: calc(100vh - 280px);
910
+ flex: 1;
911
+ max-height: 540px;
910
912
  overflow-y: auto;
911
913
  }
912
914
  .aplus-ap-table-modal--table-layout-right::before {
913
915
  content: '';
914
- height: calc(100% + 20px);
916
+ height: calc(100% + 16px);
915
917
  width: 1px;
916
918
  background-color: #dee4ed;
917
919
  position: absolute;
918
920
  left: 0px;
919
- top: -20px;
921
+ top: -16px;
920
922
  }
package/theme/ap-table-modal/index.less CHANGED
@@ -11,42 +11,44 @@
11
11
  justify-content: space-between;
12
12
  height: 100%;
13
13
  &.complex-layout {
14
+ height: 100%;
14
15
  position: relative;
15
- &::before {
16
- content: '';
17
- width: calc(100% + 40px);
18
- height: 1px;
19
- background-color: @border-color;
20
- position: absolute;
21
- left: -20px;
22
- bottom: 0px;
23
- }
24
16
  }
25
17
 
26
18
 
27
19
  &-left {
28
20
  width: calc(100% - 410px);
29
21
  padding-right: 20px;
30
- padding-bottom: 16px;
31
22
  box-sizing: border-box;
23
+ display: flex;
24
+ flex-direction: column;
25
+ &-content {
26
+ flex: 1;
27
+ .ant-table-body {
28
+ height: 100%;
29
+ }
30
+ }
32
31
  }
33
32
 
34
33
  &-right {
35
34
  width: 410px;
36
35
  padding-left: 20px;
37
36
  position: relative;
37
+ display: flex;
38
+ flex-direction: column;
38
39
  &-content {
39
- max-height: calc(100vh - 280px);
40
+ flex: 1;
41
+ max-height: 540px;
40
42
  overflow-y: auto;
41
43
  }
42
44
  &::before {
43
45
  content: '';
44
- height: calc(100% + 20px);
46
+ height: calc(100% + 16px);
45
47
  width: 1px;
46
48
  background-color: @border-color;
47
49
  position: absolute;
48
50
  left: 0px;
49
- top:-20px;
51
+ top:-16px;
50
52
  }
51
53
  }
52
54
  }
package/theme/index.css CHANGED
@@ -448,10 +448,11 @@
448
448
  }
449
449
  .aplus-ap-expand-alert__antAlert.ant-alert {
450
450
  align-items: flex-start;
451
- line-height: 18px;
451
+ line-height: 1.5;
452
452
  }
453
453
  .aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
454
454
  font-size: 14px;
455
+ transform: translateY(2px);
455
456
  display: block;
456
457
  }
457
458
  .aplus-ap-expand-alert--aplus .card-alert {
@@ -2336,40 +2337,42 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
2336
2337
  height: 100%;
2337
2338
  }
2338
2339
  .aplus-ap-table-modal--table-layout.complex-layout {
2340
+ height: 100%;
2339
2341
  position: relative;
2340
2342
  }
2341
- .aplus-ap-table-modal--table-layout.complex-layout::before {
2342
- content: '';
2343
- width: calc(100% + 40px);
2344
- height: 1px;
2345
- background-color: #dee4ed;
2346
- position: absolute;
2347
- left: -20px;
2348
- bottom: 0px;
2349
- }
2350
2343
  .aplus-ap-table-modal--table-layout-left {
2351
2344
  width: calc(100% - 410px);
2352
2345
  padding-right: 20px;
2353
- padding-bottom: 16px;
2354
2346
  box-sizing: border-box;
2347
+ display: flex;
2348
+ flex-direction: column;
2349
+ }
2350
+ .aplus-ap-table-modal--table-layout-left-content {
2351
+ flex: 1;
2352
+ }
2353
+ .aplus-ap-table-modal--table-layout-left-content .ant-table-body {
2354
+ height: 100%;
2355
2355
  }
2356
2356
  .aplus-ap-table-modal--table-layout-right {
2357
2357
  width: 410px;
2358
2358
  padding-left: 20px;
2359
2359
  position: relative;
2360
+ display: flex;
2361
+ flex-direction: column;
2360
2362
  }
2361
2363
  .aplus-ap-table-modal--table-layout-right-content {
2362
- max-height: calc(100vh - 280px);
2364
+ flex: 1;
2365
+ max-height: 540px;
2363
2366
  overflow-y: auto;
2364
2367
  }
2365
2368
  .aplus-ap-table-modal--table-layout-right::before {
2366
2369
  content: '';
2367
- height: calc(100% + 20px);
2370
+ height: calc(100% + 16px);
2368
2371
  width: 1px;
2369
2372
  background-color: #dee4ed;
2370
2373
  position: absolute;
2371
2374
  left: 0px;
2372
- top: -20px;
2375
+ top: -16px;
2373
2376
  }
2374
2377
  .aplus-scroll-bar {
2375
2378
  position: relative;