@aplus-frontend/ui 0.4.14 → 0.4.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 (55) hide show
  1. package/es/src/ap-table/ap-table.vue2.mjs +203 -179
  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/ap-upload/apUpload.vue.d.ts +9 -0
  6. package/es/src/ap-upload/apUpload.vue.mjs +22 -18
  7. package/es/src/ap-upload/components/MultipleFile.vue2.mjs +66 -66
  8. package/es/src/ap-upload/components/Picture.vue2.mjs +82 -82
  9. package/es/src/ap-upload/components/SingleFile.vue2.mjs +114 -114
  10. package/es/src/config-provider/config-provider.d.ts +3 -0
  11. package/es/src/config-provider/css-var.d.ts +4 -0
  12. package/es/src/config-provider/css-var.mjs +22 -14
  13. package/es/src/config-provider/index.d.ts +15 -0
  14. package/es/src/scroll-bar/index.vue.d.ts +2 -0
  15. package/es/src/scroll-bar/index.vue.mjs +40 -35
  16. package/es/src/scroll-bar/interface.d.ts +4 -1
  17. package/es/src/theme/antd-global-overwrite/admin/index.css +24 -2
  18. package/es/src/theme/antd-global-overwrite/admin/table.css +24 -2
  19. package/es/src/theme/antd-global-overwrite/aplus/index.css +24 -2
  20. package/es/src/theme/antd-global-overwrite/aplus/table.css +24 -2
  21. package/es/src/utils/index.d.ts +1 -0
  22. package/es/src/utils/index.mjs +40 -30
  23. package/lib/src/ap-table/ap-table.vue2.js +1 -1
  24. package/lib/src/ap-table/hooks/use-sticky-scroll.d.ts +6 -0
  25. package/lib/src/ap-table/hooks/use-sticky-scroll.js +1 -0
  26. package/lib/src/ap-table/hooks/use-table-paging-ng.js +1 -1
  27. package/lib/src/ap-upload/apUpload.vue.d.ts +9 -0
  28. package/lib/src/ap-upload/apUpload.vue.js +1 -1
  29. package/lib/src/ap-upload/components/MultipleFile.vue2.js +1 -1
  30. package/lib/src/ap-upload/components/Picture.vue2.js +1 -1
  31. package/lib/src/ap-upload/components/SingleFile.vue2.js +1 -1
  32. package/lib/src/config-provider/config-provider.d.ts +3 -0
  33. package/lib/src/config-provider/css-var.d.ts +4 -0
  34. package/lib/src/config-provider/css-var.js +1 -1
  35. package/lib/src/config-provider/index.d.ts +15 -0
  36. package/lib/src/scroll-bar/index.vue.d.ts +2 -0
  37. package/lib/src/scroll-bar/index.vue.js +1 -1
  38. package/lib/src/scroll-bar/interface.d.ts +4 -1
  39. package/lib/src/theme/antd-global-overwrite/admin/index.css +24 -2
  40. package/lib/src/theme/antd-global-overwrite/admin/table.css +24 -2
  41. package/lib/src/theme/antd-global-overwrite/aplus/index.css +24 -2
  42. package/lib/src/theme/antd-global-overwrite/aplus/table.css +24 -2
  43. package/lib/src/utils/index.d.ts +1 -0
  44. package/lib/src/utils/index.js +1 -1
  45. package/package.json +3 -3
  46. package/theme/antd-global-overwrite/admin/index.css +24 -2
  47. package/theme/antd-global-overwrite/admin/table.css +24 -2
  48. package/theme/antd-global-overwrite/admin/table.less +8 -2
  49. package/theme/antd-global-overwrite/aplus/index.css +24 -2
  50. package/theme/antd-global-overwrite/aplus/table.css +24 -2
  51. package/theme/antd-global-overwrite/aplus/table.less +7 -2
  52. package/theme/ap-table/ap-table.css +9 -0
  53. package/theme/ap-table/ap-table.less +20 -8
  54. package/theme/ap-table-modal/index.css +9 -0
  55. package/theme/index.css +9 -0
package/lib/src/config-provider/index.d.ts CHANGED
@@ -228,6 +228,9 @@ export declare const APConfigProvider: {
228
228
  color: {
229
229
  primary: string;
230
230
  };
231
+ scrollbar: {
232
+ size: string;
233
+ };
231
234
  };
232
235
  'ap-descriptions': {
233
236
  item: {
@@ -374,6 +377,9 @@ export declare const APConfigProvider: {
374
377
  color: {
375
378
  primary: string;
376
379
  };
380
+ scrollbar: {
381
+ size: string;
382
+ };
377
383
  };
378
384
  'ap-descriptions': {
379
385
  item: {
@@ -628,6 +634,9 @@ export declare const APConfigProvider: {
628
634
  color: {
629
635
  primary: string;
630
636
  };
637
+ scrollbar: {
638
+ size: string;
639
+ };
631
640
  };
632
641
  'ap-descriptions': {
633
642
  item: {
@@ -774,6 +783,9 @@ export declare const APConfigProvider: {
774
783
  color: {
775
784
  primary: string;
776
785
  };
786
+ scrollbar: {
787
+ size: string;
788
+ };
777
789
  };
778
790
  'ap-descriptions': {
779
791
  item: {
@@ -1069,6 +1081,9 @@ export declare const APConfigProvider: {
1069
1081
  color: {
1070
1082
  primary: string;
1071
1083
  };
1084
+ scrollbar: {
1085
+ size: string;
1086
+ };
1072
1087
  };
1073
1088
  'ap-descriptions': {
1074
1089
  item: {
package/lib/src/scroll-bar/index.vue.d.ts CHANGED
@@ -3,6 +3,8 @@ import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, Compo
3
3
  declare const _default: DefineComponent<ScrollBarProps, {
4
4
  currentScroll: ComputedRef<number | undefined>;
5
5
  scroll: ((percent: number) => void) | undefined;
6
+ visible: ComputedRef<boolean>;
7
+ rootElement: ComputedRef<HTMLElement | undefined>;
6
8
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {
7
9
  disabled: boolean;
8
10
  direction: ScrollBarDirection;
package/lib/src/scroll-bar/index.vue.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("./internal.vue2.js");const g=require("lodash-unified"),i=require("./utils/index.js"),_=require("@vueuse/core"),m=require("./internal.vue.js"),z=r.defineComponent({name:"ScrollBar",__name:"index",props:{scrollContainer:{},extraSize:{default:0},direction:{default:"vertical"},scroll:{},barLength:{default:30},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(d,{expose:S}){var f;const t=d,n=r.toRef(t,"scrollContainer"),o=r.ref(),u=r.ref(t.barLength);function p(){if(!n.value||!o.value)return;const{totalSize:e,visibleSize:l,distance:a}=i.getScrollable(n.value,t.direction),c=a/(e+t.extraSize-l||1)*100;o.value.scroll(c)}function s(){const{visibleSize:e,totalSize:l}=i.getScrollable(n.value,t.direction);u.value=i.ensureRangeValue(Math.min(e/(l+t.extraSize||1)*100))}_.useResizeObserver(n,()=>{s()}),r.watchEffect(()=>{const e=r.unref(n.value);e&&(s(),e.addEventListener("scroll",p))},{flush:"post"}),r.watch(()=>t.barLength,e=>{u.value=e});function v(e){const l=r.unref(n);if(!l)return;const{totalSize:a,visibleSize:c,topOrLeft:b}=i.getScrollable(l,t.direction);if(a<=c)return;const h=`scroll${b}`;l[h]=e*(a+t.extraSize-c)/100}return S({currentScroll:r.computed(()=>{var e;return r.unref((e=o.value)==null?void 0:e.currentScroll)}),scroll:(f=o.value)==null?void 0:f.scroll}),(e,l)=>e.barLength!==100?(r.openBlock(),r.createBlock(m.default,r.mergeProps({key:0,ref_key:"barRef",ref:o},r.unref(g.omit)(t,["onScroll","extraSize","scrollContainer"]),{"bar-length":u.value,onScroll:v}),null,16,["bar-length"])):r.createCommentVNode("",!0)}});exports.default=z;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./internal.vue2.js");const _=require("lodash-unified"),u=require("./utils/index.js"),g=require("@vueuse/core"),m=require("./internal.vue.js"),z=e.defineComponent({name:"ScrollBar",__name:"index",props:{scrollContainer:{},extraSize:{default:0},direction:{default:"vertical"},scroll:{},barLength:{default:30},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(d,{expose:S}){var f;const t=d,o=e.toRef(t,"scrollContainer"),n=e.ref(),a=e.ref(t.barLength);function v(){if(!o.value||!n.value)return;const{totalSize:r,visibleSize:l,distance:c}=u.getScrollable(o.value,t.direction),i=c/(r+t.extraSize-l||1)*100;n.value.scroll(i)}function s(){const{visibleSize:r,totalSize:l}=u.getScrollable(o.value,t.direction);a.value=u.ensureRangeValue(r/(l+t.extraSize||1)*100)}g.useResizeObserver(o,()=>{s()}),e.watchEffect(()=>{const r=e.unref(o.value);r&&(s(),r.addEventListener("scroll",v))},{flush:"post"}),e.watch(()=>t.barLength,r=>{a.value=r});function p(r){const l=e.unref(o);if(!l)return;const{totalSize:c,visibleSize:i,topOrLeft:b}=u.getScrollable(l,t.direction);if(c<=i)return;const h=`scroll${b}`;l[h]=r*(c+t.extraSize-i)/100}return S({currentScroll:e.computed(()=>{var r;return e.unref((r=n.value)==null?void 0:r.currentScroll)}),scroll:(f=n.value)==null?void 0:f.scroll,visible:e.computed(()=>a.value<100),rootElement:e.computed(()=>{var r;return e.unref((r=n.value)==null?void 0:r.container)})}),(r,l)=>a.value!==100?(e.openBlock(),e.createBlock(m.default,e.mergeProps({key:0,ref_key:"barRef",ref:n},e.unref(_.omit)(t,["onScroll","extraSize","scrollContainer"]),{"bar-length":a.value,onScroll:p}),null,16,["bar-length"])):e.createCommentVNode("",!0)}});exports.default=z;
package/lib/src/scroll-bar/interface.d.ts CHANGED
@@ -63,4 +63,7 @@ export interface InternalScrollBarExpose {
63
63
  bar: Ref<HTMLElement>;
64
64
  scroll: (percent: number) => void;
65
65
  }
66
- export type ScrollBarExpose = Pick<InternalScrollBarExpose, 'scroll' | 'currentScroll'>;
66
+ export type ScrollBarExpose = Pick<InternalScrollBarExpose, 'scroll' | 'currentScroll'> & {
67
+ visible: Ref<boolean>;
68
+ rootElement: Ref<HTMLElement>;
69
+ };
package/lib/src/theme/antd-global-overwrite/admin/index.css CHANGED
@@ -738,9 +738,31 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
738
738
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
739
739
  position: sticky;
740
740
  top: 0;
741
- z-index: 99;
741
+ z-index: 90;
742
742
  border-top: 4px solid #ffffff;
743
743
  }
744
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
745
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
746
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
747
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
748
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
749
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
750
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
751
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
752
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
753
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
754
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
755
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
756
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
757
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
758
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
759
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
760
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
761
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar {
762
+ position: sticky;
763
+ bottom: 56px;
764
+ z-index: 99;
765
+ }
744
766
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
745
767
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
746
768
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -761,7 +783,7 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
761
783
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
762
784
  position: sticky;
763
785
  bottom: 0;
764
- z-index: 99;
786
+ z-index: 90;
765
787
  margin: 0;
766
788
  padding: 16px 0;
767
789
  background-color: #ffffff;
package/lib/src/theme/antd-global-overwrite/admin/table.css CHANGED
@@ -218,9 +218,31 @@
218
218
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
219
219
  position: sticky;
220
220
  top: 0;
221
- z-index: 99;
221
+ z-index: 90;
222
222
  border-top: 4px solid #ffffff;
223
223
  }
224
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
225
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
226
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
227
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
228
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
229
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
230
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
231
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
232
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
233
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
234
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
235
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
236
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
237
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
238
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
239
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
240
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
241
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar {
242
+ position: sticky;
243
+ bottom: 56px;
244
+ z-index: 99;
245
+ }
224
246
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
225
247
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
226
248
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -241,7 +263,7 @@
241
263
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
242
264
  position: sticky;
243
265
  bottom: 0;
244
- z-index: 99;
266
+ z-index: 90;
245
267
  margin: 0;
246
268
  padding: 16px 0;
247
269
  background-color: #ffffff;
package/lib/src/theme/antd-global-overwrite/aplus/index.css CHANGED
@@ -781,9 +781,31 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
781
781
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
782
782
  position: sticky;
783
783
  top: 0;
784
- z-index: 99;
784
+ z-index: 90;
785
785
  border-top: 4px solid #ffffff;
786
786
  }
787
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
788
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
789
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
790
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
791
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
792
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
793
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
794
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
795
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
796
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
797
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
798
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
799
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
800
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
801
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
802
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
803
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
804
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar {
805
+ position: sticky;
806
+ bottom: 56px;
807
+ z-index: 99;
808
+ }
787
809
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
788
810
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
789
811
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -804,7 +826,7 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
804
826
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
805
827
  position: sticky;
806
828
  bottom: 0;
807
- z-index: 99;
829
+ z-index: 90;
808
830
  margin: 0;
809
831
  padding: 16px 0;
810
832
  background-color: #ffffff;
package/lib/src/theme/antd-global-overwrite/aplus/table.css CHANGED
@@ -211,9 +211,31 @@
211
211
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
212
212
  position: sticky;
213
213
  top: 0;
214
- z-index: 99;
214
+ z-index: 90;
215
215
  border-top: 4px solid #ffffff;
216
216
  }
217
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
218
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
219
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
220
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
221
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
222
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
223
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
224
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
225
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
226
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
227
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
228
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
229
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
230
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
231
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
232
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
233
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
234
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar {
235
+ position: sticky;
236
+ bottom: 56px;
237
+ z-index: 99;
238
+ }
217
239
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
218
240
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
219
241
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -234,7 +256,7 @@
234
256
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
235
257
  position: sticky;
236
258
  bottom: 0;
237
- z-index: 99;
259
+ z-index: 90;
238
260
  margin: 0;
239
261
  padding: 16px 0;
240
262
  background-color: #ffffff;
package/lib/src/utils/index.d.ts CHANGED
@@ -39,3 +39,4 @@ export declare function runFunction<T extends any[]>(func: any, ...restParams: T
39
39
  * @returns
40
40
  */
41
41
  export declare function getRouteType(): "history" | "hash";
42
+ export declare function getScrollbarSize(): number;
package/lib/src/utils/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),f=require("lodash-unified");function a(e){return(e==null?void 0:e.parentNode)??document.body}function y(e){return typeof e<"u"}function d(e){const t={};return Object.keys(e).map(n=>{t[n]=s.unref(e[n])}),t}function l(e,t=[],n){const r=Object.assign({},e),c=Object.keys(r);for(let o=0;o<c.length;o+=1){const i=c[o];(t.includes(i)||n!=null&&n(i,r[i]))&&delete r[i]}return r}function p(e){return/^[A-Z][A-Za-z]*$/.test(e)}function u(e){if(Array.isArray(e))return e.map(t=>u(t));if(typeof e=="object"&&e!==null){const t={};for(const n in e)t[n]=u(e[n]);return s.markRaw(t)}return e}function g(e){const t={...e};for(const n of Object.keys(t))f.isUndefined(t[n])&&delete t[n];return t}function m(e,...t){return typeof e=="function"?e(...t):e}function R(){const e="history";return typeof window>"u"?e:window.location.href.includes("#/")?"hash":e}exports.convertReactiveToRaw=u;exports.getDynamicProps=d;exports.getPopupContainer=a;exports.getRouteType=R;exports.isDef=y;exports.isPascalCase=p;exports.omitUndefined=g;exports.omitWhen=l;exports.runFunction=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),f=require("lodash-unified"),l=require("@vueuse/core");function a(e){return(e==null?void 0:e.parentNode)??document.body}function d(e){return typeof e<"u"}function y(e){const t={};return Object.keys(e).map(n=>{t[n]=s.unref(e[n])}),t}function p(e,t=[],n){const o=Object.assign({},e),u=Object.keys(o);for(let r=0;r<u.length;r+=1){const i=u[r];(t.includes(i)||n!=null&&n(i,o[i]))&&delete o[i]}return o}function g(e){return/^[A-Z][A-Za-z]*$/.test(e)}function c(e){if(Array.isArray(e))return e.map(t=>c(t));if(typeof e=="object"&&e!==null){const t={};for(const n in e)t[n]=c(e[n]);return s.markRaw(t)}return e}function m(e){const t={...e};for(const n of Object.keys(t))f.isUndefined(t[n])&&delete t[n];return t}function h(e,...t){return typeof e=="function"?e(...t):e}function v(){const e="history";return typeof window>"u"?e:window.location.href.includes("#/")?"hash":e}function b(){if(!l.isClient)return 15;const e=document.createElement("div");e.style.width="100px",e.style.height="100px",e.style.overflow="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);const t=e.offsetHeight-e.clientHeight;return document.body.removeChild(e),t}exports.convertReactiveToRaw=c;exports.getDynamicProps=y;exports.getPopupContainer=a;exports.getRouteType=v;exports.getScrollbarSize=b;exports.isDef=d;exports.isPascalCase=g;exports.omitUndefined=m;exports.omitWhen=p;exports.runFunction=h;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.4.14",
3
+ "version": "0.4.16",
4
4
  "main": "./lib/index.js",
5
5
  "type": "module",
6
6
  "files": [
@@ -69,13 +69,13 @@
69
69
  "@aplus-frontend/utils": "1.0.49"
70
70
  },
71
71
  "peerDependencies": {
72
- "@aplus-frontend/antdv": "^1.0.11",
72
+ "@aplus-frontend/antdv": "^1.0.12",
73
73
  "@aplus-frontend/icon": "^1.2.1",
74
74
  "@aplus-frontend/oss": "^1.1.2",
75
75
  "vue": "^3.5.13"
76
76
  },
77
77
  "devDependencies": {
78
- "@aplus-frontend/antdv": "^1.0.11",
78
+ "@aplus-frontend/antdv": "^1.0.12",
79
79
  "@aplus-frontend/icon": "^1.2.1",
80
80
  "@aplus-frontend/oss": "^1.1.2",
81
81
  "@types/sortablejs": "^1.15.8",
package/theme/antd-global-overwrite/admin/index.css CHANGED
@@ -735,9 +735,31 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
735
735
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
736
736
  position: sticky;
737
737
  top: 0;
738
- z-index: 99;
738
+ z-index: 90;
739
739
  border-top: 4px solid #ffffff;
740
740
  }
741
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
742
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
743
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
744
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
745
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
746
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
747
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
748
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
749
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
750
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
751
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
752
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
753
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
754
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
755
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
756
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
757
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
758
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar {
759
+ position: sticky;
760
+ bottom: 56px;
761
+ z-index: 99;
762
+ }
741
763
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
742
764
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
743
765
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -758,7 +780,7 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
758
780
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
759
781
  position: sticky;
760
782
  bottom: 0;
761
- z-index: 99;
783
+ z-index: 90;
762
784
  margin: 0;
763
785
  padding: 16px 0;
764
786
  background-color: #ffffff;
package/theme/antd-global-overwrite/admin/table.css CHANGED
@@ -218,9 +218,31 @@
218
218
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
219
219
  position: sticky;
220
220
  top: 0;
221
- z-index: 99;
221
+ z-index: 90;
222
222
  border-top: 4px solid #ffffff;
223
223
  }
224
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
225
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
226
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
227
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
228
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
229
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
230
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
231
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
232
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
233
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
234
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
235
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
236
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
237
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
238
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
239
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
240
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
241
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar {
242
+ position: sticky;
243
+ bottom: 56px;
244
+ z-index: 99;
245
+ }
224
246
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
225
247
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
226
248
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -241,7 +263,7 @@
241
263
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
242
264
  position: sticky;
243
265
  bottom: 0;
244
- z-index: 99;
266
+ z-index: 90;
245
267
  margin: 0;
246
268
  padding: 16px 0;
247
269
  background-color: #ffffff;
package/theme/antd-global-overwrite/admin/table.less CHANGED
@@ -148,16 +148,22 @@
148
148
  .ant-table-header {
149
149
  position: sticky;
150
150
  top: 0;
151
- z-index: 99;
151
+ z-index: 90;
152
152
  border-top: 4px solid #ffffff;
153
153
  }
154
154
  }
155
155
  }
156
156
 
157
+ .@{ns}-scroll-bar {
158
+ position: sticky;
159
+ bottom: 56px;
160
+ z-index: 99;
161
+ }
162
+
157
163
  ul.ant-pagination {
158
164
  position: sticky;
159
165
  bottom: 0;
160
- z-index: 99;
166
+ z-index: 90;
161
167
  margin: 0;
162
168
  padding: 16px 0;
163
169
  background-color: #ffffff;
package/theme/antd-global-overwrite/aplus/index.css CHANGED
@@ -775,9 +775,31 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
775
775
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
776
776
  position: sticky;
777
777
  top: 0;
778
- z-index: 99;
778
+ z-index: 90;
779
779
  border-top: 4px solid #ffffff;
780
780
  }
781
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
782
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
783
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
784
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
785
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
786
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
787
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
788
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
789
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
790
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
791
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
792
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
793
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
794
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
795
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
796
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
797
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
798
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar {
799
+ position: sticky;
800
+ bottom: 56px;
801
+ z-index: 99;
802
+ }
781
803
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
782
804
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
783
805
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -798,7 +820,7 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
798
820
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
799
821
  position: sticky;
800
822
  bottom: 0;
801
- z-index: 99;
823
+ z-index: 90;
802
824
  margin: 0;
803
825
  padding: 16px 0;
804
826
  background-color: #ffffff;
package/theme/antd-global-overwrite/aplus/table.css CHANGED
@@ -211,9 +211,31 @@
211
211
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
212
212
  position: sticky;
213
213
  top: 0;
214
- z-index: 99;
214
+ z-index: 90;
215
215
  border-top: 4px solid #ffffff;
216
216
  }
217
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
218
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
219
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
220
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
221
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
222
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
223
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
224
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
225
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .'aplus'-scroll-bar,
226
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
227
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
228
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .'aplus'-scroll-bar,
229
+ [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
230
+ [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
231
+ [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container .'aplus'-scroll-bar,
232
+ [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
233
+ [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar,
234
+ [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container .'aplus'-scroll-bar {
235
+ position: sticky;
236
+ bottom: 56px;
237
+ z-index: 99;
238
+ }
217
239
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
218
240
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
219
241
  [class*='-pro-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -234,7 +256,7 @@
234
256
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container ul.ant-pagination {
235
257
  position: sticky;
236
258
  bottom: 0;
237
- z-index: 99;
259
+ z-index: 90;
238
260
  margin: 0;
239
261
  padding: 16px 0;
240
262
  background-color: #ffffff;
package/theme/antd-global-overwrite/aplus/table.less CHANGED
@@ -152,16 +152,21 @@
152
152
  .ant-table-header {
153
153
  position: sticky;
154
154
  top: 0;
155
- z-index: 99;
155
+ z-index: 90;
156
156
  border-top: 4px solid #ffffff;
157
157
  }
158
158
  }
159
159
  }
160
+ .@{ns}-scroll-bar {
161
+ position: sticky;
162
+ bottom: 56px;
163
+ z-index: 99;
164
+ }
160
165
 
161
166
  ul.ant-pagination {
162
167
  position: sticky;
163
168
  bottom: 0;
164
- z-index: 99;
169
+ z-index: 90;
165
170
  margin: 0;
166
171
  padding: 16px 0;
167
172
  background-color: #ffffff;
package/theme/ap-table/ap-table.css CHANGED
@@ -566,3 +566,12 @@
566
566
  .aplus-ap-table-setting-trigger-button:hover {
567
567
  color: unset;
568
568
  }
569
+ .aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
570
+ margin-bottom: calc(var(--basic-scrollbar-size) * -1);
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);
577
+ }
package/theme/ap-table/ap-table.less CHANGED
@@ -157,12 +157,24 @@
157
157
  color: unset;
158
158
  }
159
159
  }
160
- // 隐藏默认可滚动容器的滚动条
161
- // .ant-table-container > div:last-child {
162
- // scrollbar-width: none;
163
- // -ms-overflow-style: none;
164
- // &::-webkit-scrollbar:horizontal {
165
- // display: none
166
- // }
167
- // }
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
+ }
168
+ }
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
+ }
177
+ }
178
+ }
179
+
168
180
  });
package/theme/ap-table-modal/index.css CHANGED
@@ -566,6 +566,15 @@
566
566
  .aplus-ap-table-setting-trigger-button:hover {
567
567
  color: unset;
568
568
  }
569
+ .aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
570
+ margin-bottom: calc(var(--basic-scrollbar-size) * -1);
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);
577
+ }
569
578
  .aplus-ap-table-modal--table-layout {
570
579
  display: flex;
571
580
  justify-content: space-between;
package/theme/index.css CHANGED
@@ -1157,6 +1157,15 @@ 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--sticky-relative .ant-table-container > div:last-child {
1161
+ margin-bottom: calc(var(--basic-scrollbar-size) * -1);
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);
1168
+ }
1160
1169
  .aplus-tag-wrapper {
1161
1170
  text-wrap: nowrap;
1162
1171
  white-space: nowrap;