@aplus-frontend/ui 0.4.15 → 0.4.17

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 (39) hide show
  1. package/es/src/ap-table/ap-table.vue2.mjs +168 -169
  2. package/es/src/ap-table/hooks/use-sticky-scroll.d.ts +6 -0
  3. package/es/src/ap-table/hooks/use-sticky-scroll.mjs +16 -0
  4. package/es/src/ap-table/hooks/use-table-paging-ng.mjs +1 -1
  5. package/es/src/config-provider/css-var.d.ts +1 -0
  6. package/es/src/config-provider/css-var.mjs +1 -0
  7. package/es/src/scroll-bar/index.vue.d.ts +1 -0
  8. package/es/src/scroll-bar/index.vue.mjs +25 -21
  9. package/es/src/scroll-bar/interface.d.ts +2 -1
  10. package/es/src/theme/antd-global-overwrite/admin/index.css +28 -0
  11. package/es/src/theme/antd-global-overwrite/admin/table.css +28 -0
  12. package/es/src/theme/antd-global-overwrite/aplus/index.css +26 -6
  13. package/es/src/theme/antd-global-overwrite/aplus/table.css +26 -6
  14. package/es/src/utils/index.mjs +1 -1
  15. package/lib/src/ap-table/ap-table.vue2.js +1 -1
  16. package/lib/src/ap-table/hooks/use-sticky-scroll.d.ts +6 -0
  17. package/lib/src/ap-table/hooks/use-sticky-scroll.js +1 -0
  18. package/lib/src/ap-table/hooks/use-table-paging-ng.js +1 -1
  19. package/lib/src/config-provider/css-var.d.ts +1 -0
  20. package/lib/src/config-provider/css-var.js +1 -1
  21. package/lib/src/scroll-bar/index.vue.d.ts +1 -0
  22. package/lib/src/scroll-bar/index.vue.js +1 -1
  23. package/lib/src/scroll-bar/interface.d.ts +2 -1
  24. package/lib/src/theme/antd-global-overwrite/admin/index.css +28 -0
  25. package/lib/src/theme/antd-global-overwrite/admin/table.css +28 -0
  26. package/lib/src/theme/antd-global-overwrite/aplus/index.css +26 -6
  27. package/lib/src/theme/antd-global-overwrite/aplus/table.css +26 -6
  28. package/lib/src/utils/index.js +1 -1
  29. package/package.json +5 -5
  30. package/theme/antd-global-overwrite/admin/index.css +28 -0
  31. package/theme/antd-global-overwrite/admin/table.css +28 -0
  32. package/theme/antd-global-overwrite/admin/table.less +10 -0
  33. package/theme/antd-global-overwrite/aplus/index.css +26 -6
  34. package/theme/antd-global-overwrite/aplus/table.css +26 -6
  35. package/theme/antd-global-overwrite/aplus/table.less +9 -1
  36. package/theme/ap-table/ap-table.css +7 -5
  37. package/theme/ap-table/ap-table.less +17 -7
  38. package/theme/ap-table-modal/index.css +7 -5
  39. package/theme/index.css +7 -5
@@ -655,6 +655,14 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
655
655
  [class$='-basic-table-row__striped'] td {
656
656
  background-color: #fafafa;
657
657
  }
658
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
659
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
660
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
661
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
662
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
663
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) {
664
+ padding-bottom: 0;
665
+ }
658
666
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
659
667
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
660
668
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
@@ -760,6 +768,26 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
760
768
  bottom: 56px;
761
769
  z-index: 99;
762
770
  }
771
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
772
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
773
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
774
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
775
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
776
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
777
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
778
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
779
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
780
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
781
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
782
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
783
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
784
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
785
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
786
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
787
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
788
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar {
789
+ bottom: -1px;
790
+ }
763
791
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
764
792
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
765
793
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -138,6 +138,14 @@
138
138
  [class$='-basic-table-row__striped'] td {
139
139
  background-color: #fafafa;
140
140
  }
141
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
142
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
143
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
144
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
145
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
146
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) {
147
+ padding-bottom: 0;
148
+ }
141
149
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
142
150
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
143
151
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
@@ -243,6 +251,26 @@
243
251
  bottom: 56px;
244
252
  z-index: 99;
245
253
  }
254
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
255
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
256
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
257
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
258
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
259
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
260
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
261
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
262
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
263
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
264
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
265
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
266
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
267
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
268
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
269
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
270
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
271
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar {
272
+ bottom: -1px;
273
+ }
246
274
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
247
275
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
248
276
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -134,6 +134,10 @@
134
134
  [class*='-pro-table'].ap-table--sticky {
135
135
  .@{tw},
136
136
  .ant-table-wrapper {
137
+ &:has(ul.ant-pagination) {
138
+ padding-bottom: 0;
139
+ }
140
+
137
141
  & .ant-spin-container,
138
142
  &,
139
143
  .ant-spin-container {
@@ -160,6 +164,12 @@
160
164
  z-index: 99;
161
165
  }
162
166
 
167
+ &:not(ul.ant-pagination) {
168
+ .@{ns}-scroll-bar {
169
+ bottom: -1px;
170
+ }
171
+ }
172
+
163
173
  ul.ant-pagination {
164
174
  position: sticky;
165
175
  bottom: 0;
@@ -687,12 +687,12 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
687
687
  [class$='-basic-table-row__striped'] td {
688
688
  background-color: #f6f9fa;
689
689
  }
690
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
691
- [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
692
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
693
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper,
694
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper,
695
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper {
690
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
691
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
692
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
693
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
694
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
695
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) {
696
696
  padding-bottom: 0;
697
697
  }
698
698
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
@@ -800,6 +800,26 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
800
800
  bottom: 56px;
801
801
  z-index: 99;
802
802
  }
803
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
804
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
805
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
806
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
807
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
808
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
809
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
810
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
811
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
812
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
813
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
814
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
815
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
816
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
817
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
818
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
819
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
820
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar {
821
+ bottom: -1px;
822
+ }
803
823
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
804
824
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
805
825
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -123,12 +123,12 @@
123
123
  [class$='-basic-table-row__striped'] td {
124
124
  background-color: #f6f9fa;
125
125
  }
126
- [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
127
- [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
128
- [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper,
129
- [class*='-basic-table'].ap-table--sticky .ant-table-wrapper,
130
- [class*='-ap-table'].ap-table--sticky .ant-table-wrapper,
131
- [class*='-pro-table'].ap-table--sticky .ant-table-wrapper {
126
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
127
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
128
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:has(ul.ant-pagination),
129
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
130
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination),
131
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:has(ul.ant-pagination) {
132
132
  padding-bottom: 0;
133
133
  }
134
134
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container,
@@ -236,6 +236,26 @@
236
236
  bottom: 56px;
237
237
  z-index: 99;
238
238
  }
239
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
240
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
241
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
242
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
243
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
244
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
245
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
246
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
247
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
248
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
249
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
250
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper:not(ul.ant-pagination) .'aplus'-scroll-bar,
251
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
252
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
253
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
254
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
255
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar,
256
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:not(ul.ant-pagination) .'aplus'-scroll-bar {
257
+ bottom: -1px;
258
+ }
239
259
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
240
260
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
241
261
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -136,7 +136,9 @@
136
136
  [class*='-pro-table'].ap-table--sticky {
137
137
  .@{tw},
138
138
  .ant-table-wrapper {
139
- padding-bottom: 0;
139
+ &:has(ul.ant-pagination) {
140
+ padding-bottom: 0;
141
+ }
140
142
 
141
143
  & .ant-spin-container,
142
144
  &,
@@ -163,6 +165,12 @@
163
165
  z-index: 99;
164
166
  }
165
167
 
168
+ &:not(ul.ant-pagination) {
169
+ .@{ns}-scroll-bar {
170
+ bottom: -1px;
171
+ }
172
+ }
173
+
166
174
  ul.ant-pagination {
167
175
  position: sticky;
168
176
  bottom: 0;
@@ -566,10 +566,12 @@
566
566
  .aplus-ap-table-setting-trigger-button:hover {
567
567
  color: unset;
568
568
  }
569
- .aplus-ap-table .ant-table-container {
570
- overflow: hidden;
571
- }
572
- .aplus-ap-table-horizontal--scrollable .ant-table-container > div:last-child {
569
+ .aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
573
570
  margin-bottom: calc(var(--basic-scrollbar-size) * -1);
574
- clip-path: inset(0px 0px var(--basic-scrollbar-size) 0px);
571
+ clip-path: inset(0 0 var(--basic-scrollbar-size) 0);
572
+ }
573
+ .aplus-ap-table--sticky-absolute .ant-table-container > div:last-child {
574
+ padding-bottom: 15px;
575
+ margin-bottom: -15px;
576
+ clip-path: inset(0 0 15px 0);
575
577
  }
@@ -157,14 +157,24 @@
157
157
  color: unset;
158
158
  }
159
159
  }
160
- .ant-table-container{
161
- overflow: hidden;
160
+ // 粘贴布局并且滚动条占据空间
161
+ &--sticky-relative {
162
+ .ant-table-container{
163
+ & > div:last-child {
164
+ margin-bottom: calc(var(--basic-scrollbar-size) * -1);
165
+ clip-path: inset(0 0 var(--basic-scrollbar-size) 0);
166
+ }
167
+ }
162
168
  }
163
- &-horizontal--scrollable {
164
- // 隐藏默认可滚动容器的滚动条
165
- .ant-table-container > div:last-child {
166
- margin-bottom: calc(var(--basic-scrollbar-size) * -1);
167
- clip-path: inset(0px 0px var(--basic-scrollbar-size) 0px);
169
+ // 粘贴布局滚动条不占据空间
170
+ &--sticky-absolute {
171
+ .ant-table-container{
172
+ & > div:last-child {
173
+ padding-bottom: 15px;
174
+ margin-bottom: -15px;
175
+ clip-path: inset(0 0 15px 0);
176
+ }
168
177
  }
169
178
  }
179
+
170
180
  });
@@ -566,12 +566,14 @@
566
566
  .aplus-ap-table-setting-trigger-button:hover {
567
567
  color: unset;
568
568
  }
569
- .aplus-ap-table .ant-table-container {
570
- overflow: hidden;
571
- }
572
- .aplus-ap-table-horizontal--scrollable .ant-table-container > div:last-child {
569
+ .aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
573
570
  margin-bottom: calc(var(--basic-scrollbar-size) * -1);
574
- clip-path: inset(0px 0px var(--basic-scrollbar-size) 0px);
571
+ clip-path: inset(0 0 var(--basic-scrollbar-size) 0);
572
+ }
573
+ .aplus-ap-table--sticky-absolute .ant-table-container > div:last-child {
574
+ padding-bottom: 15px;
575
+ margin-bottom: -15px;
576
+ clip-path: inset(0 0 15px 0);
575
577
  }
576
578
  .aplus-ap-table-modal--table-layout {
577
579
  display: flex;
package/theme/index.css CHANGED
@@ -1157,12 +1157,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
1157
1157
  .aplus-ap-table-setting-trigger-button:hover {
1158
1158
  color: unset;
1159
1159
  }
1160
- .aplus-ap-table .ant-table-container {
1161
- overflow: hidden;
1162
- }
1163
- .aplus-ap-table-horizontal--scrollable .ant-table-container > div:last-child {
1160
+ .aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
1164
1161
  margin-bottom: calc(var(--basic-scrollbar-size) * -1);
1165
- clip-path: inset(0px 0px var(--basic-scrollbar-size) 0px);
1162
+ clip-path: inset(0 0 var(--basic-scrollbar-size) 0);
1163
+ }
1164
+ .aplus-ap-table--sticky-absolute .ant-table-container > div:last-child {
1165
+ padding-bottom: 15px;
1166
+ margin-bottom: -15px;
1167
+ clip-path: inset(0 0 15px 0);
1166
1168
  }
1167
1169
  .aplus-tag-wrapper {
1168
1170
  text-wrap: nowrap;