vxe-table 4.10.6-beta.6 → 4.10.6-beta.8

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 (40) hide show
  1. package/es/index.css +1 -1
  2. package/es/index.min.css +1 -1
  3. package/es/style.css +1 -1
  4. package/es/style.min.css +1 -1
  5. package/es/table/src/header.js +7 -2
  6. package/es/table/src/table.js +263 -189
  7. package/es/table/style.css +119 -38
  8. package/es/table/style.min.css +1 -1
  9. package/es/ui/index.js +1 -1
  10. package/es/ui/src/log.js +1 -1
  11. package/es/vxe-table/style.css +119 -38
  12. package/es/vxe-table/style.min.css +1 -1
  13. package/lib/index.css +1 -1
  14. package/lib/index.min.css +1 -1
  15. package/lib/index.umd.js +263 -187
  16. package/lib/index.umd.min.js +1 -1
  17. package/lib/style.css +1 -1
  18. package/lib/style.min.css +1 -1
  19. package/lib/table/src/header.js +10 -2
  20. package/lib/table/src/header.min.js +1 -1
  21. package/lib/table/src/table.js +251 -183
  22. package/lib/table/src/table.min.js +1 -1
  23. package/lib/table/style/style.css +119 -38
  24. package/lib/table/style/style.min.css +1 -1
  25. package/lib/ui/index.js +1 -1
  26. package/lib/ui/index.min.js +1 -1
  27. package/lib/ui/src/log.js +1 -1
  28. package/lib/ui/src/log.min.js +1 -1
  29. package/lib/vxe-table/style/style.css +119 -38
  30. package/lib/vxe-table/style/style.min.css +1 -1
  31. package/package.json +1 -1
  32. package/packages/table/src/header.ts +7 -2
  33. package/packages/table/src/table.ts +271 -196
  34. package/styles/components/table.scss +149 -60
  35. /package/es/{iconfont.1736779080510.ttf → iconfont.1736840923205.ttf} +0 -0
  36. /package/es/{iconfont.1736779080510.woff → iconfont.1736840923205.woff} +0 -0
  37. /package/es/{iconfont.1736779080510.woff2 → iconfont.1736840923205.woff2} +0 -0
  38. /package/lib/{iconfont.1736779080510.ttf → iconfont.1736840923205.ttf} +0 -0
  39. /package/lib/{iconfont.1736779080510.woff → iconfont.1736840923205.woff} +0 -0
  40. /package/lib/{iconfont.1736779080510.woff2 → iconfont.1736840923205.woff2} +0 -0
@@ -31,7 +31,7 @@
31
31
  width: 0;
32
32
  border: 0;
33
33
  }
34
- .vxe-table--render-wrapper {
34
+ .vxe-table--layout-wrapper {
35
35
  display: flex;
36
36
  flex-direction: row;
37
37
  background-color: var(--vxe-ui-layout-background-color);
@@ -471,7 +471,7 @@
471
471
  }
472
472
  &.is--scroll-y {
473
473
  &:hover {
474
- & > .vxe-table--render-wrapper {
474
+ & > .vxe-table--layout-wrapper {
475
475
  & > .vxe-table--scroll-y-virtual {
476
476
  .vxe-table--scroll-y-handle {
477
477
  overflow-y: scroll;
@@ -484,7 +484,7 @@
484
484
  & > .vxe-table--scroll-x-virtual {
485
485
  visibility: hidden;
486
486
  }
487
- & > .vxe-table--render-wrapper {
487
+ & > .vxe-table--layout-wrapper {
488
488
  & > .vxe-table--scroll-y-virtual {
489
489
  visibility: hidden;
490
490
  }
@@ -492,29 +492,9 @@
492
492
  }
493
493
  .vxe-table--scroll-x-virtual {
494
494
  height: 0;
495
- &::before {
496
- content: "";
497
- position: absolute;
498
- left: 0;
499
- top: -1px;
500
- width: 100%;
501
- height: 0;
502
- z-index: 1;
503
- border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
504
- }
505
495
  }
506
496
  .vxe-table--scroll-y-virtual {
507
497
  width: 0;
508
- &::before {
509
- content: "";
510
- position: absolute;
511
- left:-1px;;
512
- top: 0;
513
- width: 0;
514
- height: 100%;
515
- z-index: 1;
516
- border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
517
- }
518
498
  }
519
499
  .vxe-table--scroll-x-virtual,
520
500
  .vxe-table--scroll-y-virtual {
@@ -525,14 +505,16 @@
525
505
  }
526
506
  .vxe-table--scroll-x-handle,
527
507
  .vxe-table--scroll-y-handle,
508
+ .vxe-table--scroll-x-wrapper,
509
+ .vxe-table--scroll-y-wrapper,
528
510
  .vxe-table--scroll-y-top-corner,
529
511
  .vxe-table--scroll-y-bottom-corner,
530
512
  .vxe-table--scroll-x-left-corner,
531
513
  .vxe-table--scroll-x-right-corner {
532
514
  position: absolute;
533
515
  }
534
- .vxe-table--scroll-x-virtual,
535
- .vxe-table--scroll-x-handle {
516
+ .vxe-table--scroll-x-handle,
517
+ .vxe-table--scroll-x-wrapper {
536
518
  width: 100%;
537
519
  left: 0;
538
520
  bottom: 0;
@@ -542,8 +524,12 @@
542
524
  overflow-x: auto;
543
525
  height: 18px;
544
526
  }
545
- .vxe-table--scroll-y-virtual,
546
- .vxe-table--scroll-y-handle {
527
+ .vxe-table--scroll-x-wrapper {
528
+ height: 100%;
529
+ }
530
+ .vxe-table--scroll-y-handle,
531
+ .vxe-table--scroll-y-wrapper {
532
+ width: 100%;
547
533
  height: 100%;
548
534
  right: 0;
549
535
  top: 0;
@@ -552,6 +538,7 @@
552
538
  overflow-y: auto;
553
539
  overflow-x: hidden;
554
540
  width: 18px;
541
+ height: 100%;
555
542
  }
556
543
  .vxe-table--scroll-x-space {
557
544
  height: 1px;
@@ -565,17 +552,49 @@
565
552
  .vxe-table--scroll-y-bottom-corner {
566
553
  display: none;
567
554
  position: absolute;
568
- border-width: 0;
569
- border-style: solid;
570
- border-color: var(--vxe-ui-table-border-color);
571
555
  }
556
+ .vxe-table--scroll-x-left-corner,
572
557
  .vxe-table--scroll-x-right-corner {
573
- bottom: 1px;
574
- right: 1px;
558
+ bottom: 0;
575
559
  width: 0;
576
560
  height: 100%;
577
- border-top-width: var(--vxe-ui-table-border-width);
578
- border-left-width: var(--vxe-ui-table-border-width);
561
+ &::before {
562
+ content: "";
563
+ position: absolute;
564
+ top: 0;
565
+ left: 0;
566
+ width: 100%;
567
+ height: 100%;
568
+ z-index: 1;
569
+ border-width: var(--vxe-ui-table-border-width);
570
+ border-style: solid;
571
+ border-color: var(--vxe-ui-table-border-color);
572
+ }
573
+ }
574
+ .vxe-table--scroll-x-left-corner {
575
+ left: 0;
576
+ }
577
+ .vxe-table--scroll-x-right-corner {
578
+ right: 0;
579
+ }
580
+ &.sy-pos--right {
581
+ .vxe-table--scroll-x-right-corner {
582
+ right: 1px;
583
+ &::before {
584
+ border-right: 0;
585
+ }
586
+ }
587
+ }
588
+ &.sx-pos--bottom {
589
+ .vxe-table--scroll-x-right-corner {
590
+ bottom: 1px;
591
+ &::before {
592
+ border-bottom: 0;
593
+ }
594
+ }
595
+ }
596
+ .vxe-table--scroll-y-top-corner {
597
+ background-color: var(--vxe-ui-table-header-background-color);
579
598
  }
580
599
  .vxe-table--scroll-y-top-corner,
581
600
  .vxe-table--scroll-y-bottom-corner {
@@ -584,13 +603,8 @@
584
603
  width: 100%;
585
604
  height: 0;
586
605
  }
587
- .vxe-table--scroll-y-top-corner {
588
- background-color: var(--vxe-ui-table-header-background-color);
589
- border-bottom-width: var(--vxe-ui-table-border-width);
590
- }
591
606
  .vxe-table--scroll-y-bottom-corner {
592
607
  margin-top: -1px;
593
- border-top-width: var(--vxe-ui-table-border-width);
594
608
  }
595
609
  }
596
610
 
@@ -994,27 +1008,73 @@
994
1008
  .vxe-table--footer-wrapper {
995
1009
  border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
996
1010
  }
997
- // &.border--default,
998
- // &.border--full,
999
- // &.border--inner,
1000
- // &.border--outer {
1001
- // .vxe-body--row {
1002
- // &:last-child {
1003
- // & > .vxe-body--column {
1004
- // & > .vxe-cell {
1005
- // border-bottom: 1px solid transparent;
1006
- // }
1007
- // }
1008
- // }
1009
- // }
1010
- // .vxe-body--column {
1011
- // &:first-child {
1012
- // & > .vxe-cell {
1013
- // border-left: 1px solid transparent;
1014
- // }
1015
- // }
1016
- // }
1017
- // }
1011
+ &.border--default,
1012
+ &.border--full,
1013
+ &.border--outer,
1014
+ &.border--inner {
1015
+ .vxe-table--scroll-y-top-corner {
1016
+ &::before {
1017
+ border-width: 0 var(--vxe-ui-table-border-width) var(--vxe-ui-table-border-width) var(--vxe-ui-table-border-width);
1018
+ }
1019
+ }
1020
+ .vxe-table--scroll-y-bottom-corner {
1021
+ &::before {
1022
+ border-width: 0 var(--vxe-ui-table-border-width) 0 var(--vxe-ui-table-border-width);
1023
+ }
1024
+ }
1025
+ .vxe-table--scroll-y-top-corner,
1026
+ .vxe-table--scroll-y-bottom-corner {
1027
+ &::before {
1028
+ content: "";
1029
+ position: absolute;
1030
+ top: 0;
1031
+ left: 0;
1032
+ width: 100%;
1033
+ height: 100%;
1034
+ z-index: 1;
1035
+ border-style: solid;
1036
+ border-color: var(--vxe-ui-table-border-color);
1037
+ }
1038
+ }
1039
+ &.sy-pos--right {
1040
+ .vxe-table--scroll-y-top-corner,
1041
+ .vxe-table--scroll-y-bottom-corner {
1042
+ &::before {
1043
+ width: calc(100% + 1px);
1044
+ left: -1px;
1045
+ }
1046
+ }
1047
+ }
1048
+ .vxe-table--scroll-y-bottom-corner {
1049
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1050
+ }
1051
+ .vxe-table--scroll-x-wrapper {
1052
+ &::before,
1053
+ &::after {
1054
+ content: "";
1055
+ position: absolute;
1056
+ left: 0;
1057
+ width: 100%;
1058
+ height: 0;
1059
+ z-index: 1;
1060
+ }
1061
+ &::before {
1062
+ top: 0;
1063
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1064
+ }
1065
+ &::after {
1066
+ bottom: 0;
1067
+ border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1068
+ }
1069
+ }
1070
+ &.sx-pos--bottom {
1071
+ .vxe-table--scroll-x-wrapper {
1072
+ &::before {
1073
+ top: -1px;
1074
+ }
1075
+ }
1076
+ }
1077
+ }
1018
1078
  &.border--default,
1019
1079
  &.border--full,
1020
1080
  &.border--outer {
@@ -1033,6 +1093,35 @@
1033
1093
  background-position: right bottom;
1034
1094
  }
1035
1095
  }
1096
+ &.border--default,
1097
+ &.border--full {
1098
+ .vxe-table--scroll-y-wrapper {
1099
+ &::before,
1100
+ &::after {
1101
+ content: "";
1102
+ position: absolute;
1103
+ top: 0;
1104
+ width: 0;
1105
+ height: 100%;
1106
+ z-index: 1;
1107
+ }
1108
+ &::before {
1109
+ left: 0;
1110
+ border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1111
+ }
1112
+ &::after {
1113
+ right: 0;
1114
+ border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1115
+ }
1116
+ }
1117
+ &.sy-pos--right {
1118
+ .vxe-table--scroll-y-wrapper {
1119
+ &::before {
1120
+ left: -1px;
1121
+ }
1122
+ }
1123
+ }
1124
+ }
1036
1125
  &.border--full {
1037
1126
  .vxe-header--column,
1038
1127
  .vxe-body--column,