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
package/es/table/style.css CHANGED
@@ -1715,7 +1715,7 @@
1715
1715
  border: 0;
1716
1716
  }
1717
1717
 
1718
- .vxe-table--render-wrapper {
1718
+ .vxe-table--layout-wrapper {
1719
1719
  display: flex;
1720
1720
  flex-direction: row;
1721
1721
  background-color: var(--vxe-ui-layout-background-color);
@@ -2061,41 +2061,21 @@
2061
2061
  .vxe-table.is--scroll-x:hover > .vxe-table--scroll-x-virtual .vxe-table--scroll-x-handle {
2062
2062
  overflow-x: scroll;
2063
2063
  }
2064
- .vxe-table.is--scroll-y:hover > .vxe-table--render-wrapper > .vxe-table--scroll-y-virtual .vxe-table--scroll-y-handle {
2064
+ .vxe-table.is--scroll-y:hover > .vxe-table--layout-wrapper > .vxe-table--scroll-y-virtual .vxe-table--scroll-y-handle {
2065
2065
  overflow-y: scroll;
2066
2066
  }
2067
2067
  .vxe-table.is--loading > .vxe-table--scroll-x-virtual {
2068
2068
  visibility: hidden;
2069
2069
  }
2070
- .vxe-table.is--loading > .vxe-table--render-wrapper > .vxe-table--scroll-y-virtual {
2070
+ .vxe-table.is--loading > .vxe-table--layout-wrapper > .vxe-table--scroll-y-virtual {
2071
2071
  visibility: hidden;
2072
2072
  }
2073
2073
  .vxe-table .vxe-table--scroll-x-virtual {
2074
2074
  height: 0;
2075
2075
  }
2076
- .vxe-table .vxe-table--scroll-x-virtual::before {
2077
- content: "";
2078
- position: absolute;
2079
- left: 0;
2080
- top: -1px;
2081
- width: 100%;
2082
- height: 0;
2083
- z-index: 1;
2084
- border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2085
- }
2086
2076
  .vxe-table .vxe-table--scroll-y-virtual {
2087
2077
  width: 0;
2088
2078
  }
2089
- .vxe-table .vxe-table--scroll-y-virtual::before {
2090
- content: "";
2091
- position: absolute;
2092
- left: -1px;
2093
- top: 0;
2094
- width: 0;
2095
- height: 100%;
2096
- z-index: 1;
2097
- border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2098
- }
2099
2079
  .vxe-table .vxe-table--scroll-x-virtual,
2100
2080
  .vxe-table .vxe-table--scroll-y-virtual {
2101
2081
  visibility: hidden;
@@ -2105,14 +2085,16 @@
2105
2085
  }
2106
2086
  .vxe-table .vxe-table--scroll-x-handle,
2107
2087
  .vxe-table .vxe-table--scroll-y-handle,
2088
+ .vxe-table .vxe-table--scroll-x-wrapper,
2089
+ .vxe-table .vxe-table--scroll-y-wrapper,
2108
2090
  .vxe-table .vxe-table--scroll-y-top-corner,
2109
2091
  .vxe-table .vxe-table--scroll-y-bottom-corner,
2110
2092
  .vxe-table .vxe-table--scroll-x-left-corner,
2111
2093
  .vxe-table .vxe-table--scroll-x-right-corner {
2112
2094
  position: absolute;
2113
2095
  }
2114
- .vxe-table .vxe-table--scroll-x-virtual,
2115
- .vxe-table .vxe-table--scroll-x-handle {
2096
+ .vxe-table .vxe-table--scroll-x-handle,
2097
+ .vxe-table .vxe-table--scroll-x-wrapper {
2116
2098
  width: 100%;
2117
2099
  left: 0;
2118
2100
  bottom: 0;
@@ -2122,8 +2104,12 @@
2122
2104
  overflow-x: auto;
2123
2105
  height: 18px;
2124
2106
  }
2125
- .vxe-table .vxe-table--scroll-y-virtual,
2126
- .vxe-table .vxe-table--scroll-y-handle {
2107
+ .vxe-table .vxe-table--scroll-x-wrapper {
2108
+ height: 100%;
2109
+ }
2110
+ .vxe-table .vxe-table--scroll-y-handle,
2111
+ .vxe-table .vxe-table--scroll-y-wrapper {
2112
+ width: 100%;
2127
2113
  height: 100%;
2128
2114
  right: 0;
2129
2115
  top: 0;
@@ -2132,6 +2118,7 @@
2132
2118
  overflow-y: auto;
2133
2119
  overflow-x: hidden;
2134
2120
  width: 18px;
2121
+ height: 100%;
2135
2122
  }
2136
2123
  .vxe-table .vxe-table--scroll-x-space {
2137
2124
  height: 1px;
@@ -2145,17 +2132,46 @@
2145
2132
  .vxe-table .vxe-table--scroll-y-bottom-corner {
2146
2133
  display: none;
2147
2134
  position: absolute;
2148
- border-width: 0;
2135
+ }
2136
+ .vxe-table .vxe-table--scroll-x-left-corner,
2137
+ .vxe-table .vxe-table--scroll-x-right-corner {
2138
+ bottom: 0;
2139
+ width: 0;
2140
+ height: 100%;
2141
+ }
2142
+ .vxe-table .vxe-table--scroll-x-left-corner::before,
2143
+ .vxe-table .vxe-table--scroll-x-right-corner::before {
2144
+ content: "";
2145
+ position: absolute;
2146
+ top: 0;
2147
+ left: 0;
2148
+ width: 100%;
2149
+ height: 100%;
2150
+ z-index: 1;
2151
+ border-width: var(--vxe-ui-table-border-width);
2149
2152
  border-style: solid;
2150
2153
  border-color: var(--vxe-ui-table-border-color);
2151
2154
  }
2155
+ .vxe-table .vxe-table--scroll-x-left-corner {
2156
+ left: 0;
2157
+ }
2152
2158
  .vxe-table .vxe-table--scroll-x-right-corner {
2153
- bottom: 1px;
2159
+ right: 0;
2160
+ }
2161
+ .vxe-table.sy-pos--right .vxe-table--scroll-x-right-corner {
2154
2162
  right: 1px;
2155
- width: 0;
2156
- height: 100%;
2157
- border-top-width: var(--vxe-ui-table-border-width);
2158
- border-left-width: var(--vxe-ui-table-border-width);
2163
+ }
2164
+ .vxe-table.sy-pos--right .vxe-table--scroll-x-right-corner::before {
2165
+ border-right: 0;
2166
+ }
2167
+ .vxe-table.sx-pos--bottom .vxe-table--scroll-x-right-corner {
2168
+ bottom: 1px;
2169
+ }
2170
+ .vxe-table.sx-pos--bottom .vxe-table--scroll-x-right-corner::before {
2171
+ border-bottom: 0;
2172
+ }
2173
+ .vxe-table .vxe-table--scroll-y-top-corner {
2174
+ background-color: var(--vxe-ui-table-header-background-color);
2159
2175
  }
2160
2176
  .vxe-table .vxe-table--scroll-y-top-corner,
2161
2177
  .vxe-table .vxe-table--scroll-y-bottom-corner {
@@ -2164,13 +2180,8 @@
2164
2180
  width: 100%;
2165
2181
  height: 0;
2166
2182
  }
2167
- .vxe-table .vxe-table--scroll-y-top-corner {
2168
- background-color: var(--vxe-ui-table-header-background-color);
2169
- border-bottom-width: var(--vxe-ui-table-border-width);
2170
- }
2171
2183
  .vxe-table .vxe-table--scroll-y-bottom-corner {
2172
2184
  margin-top: -1px;
2173
- border-top-width: var(--vxe-ui-table-border-width);
2174
2185
  }
2175
2186
 
2176
2187
  /*header*/
@@ -2472,6 +2483,57 @@
2472
2483
  .vxe-table--render-default .vxe-table--footer-wrapper {
2473
2484
  border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2474
2485
  }
2486
+ .vxe-table--render-default.border--default .vxe-table--scroll-y-top-corner::before, .vxe-table--render-default.border--full .vxe-table--scroll-y-top-corner::before, .vxe-table--render-default.border--outer .vxe-table--scroll-y-top-corner::before, .vxe-table--render-default.border--inner .vxe-table--scroll-y-top-corner::before {
2487
+ border-width: 0 var(--vxe-ui-table-border-width) var(--vxe-ui-table-border-width) var(--vxe-ui-table-border-width);
2488
+ }
2489
+ .vxe-table--render-default.border--default .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--full .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--outer .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--inner .vxe-table--scroll-y-bottom-corner::before {
2490
+ border-width: 0 var(--vxe-ui-table-border-width) 0 var(--vxe-ui-table-border-width);
2491
+ }
2492
+ .vxe-table--render-default.border--default .vxe-table--scroll-y-top-corner::before,
2493
+ .vxe-table--render-default.border--default .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--full .vxe-table--scroll-y-top-corner::before,
2494
+ .vxe-table--render-default.border--full .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--outer .vxe-table--scroll-y-top-corner::before,
2495
+ .vxe-table--render-default.border--outer .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--inner .vxe-table--scroll-y-top-corner::before,
2496
+ .vxe-table--render-default.border--inner .vxe-table--scroll-y-bottom-corner::before {
2497
+ content: "";
2498
+ position: absolute;
2499
+ top: 0;
2500
+ left: 0;
2501
+ width: 100%;
2502
+ height: 100%;
2503
+ z-index: 1;
2504
+ border-style: solid;
2505
+ border-color: var(--vxe-ui-table-border-color);
2506
+ }
2507
+ .vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-top-corner::before,
2508
+ .vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-top-corner::before,
2509
+ .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--outer.sy-pos--right .vxe-table--scroll-y-top-corner::before,
2510
+ .vxe-table--render-default.border--outer.sy-pos--right .vxe-table--scroll-y-bottom-corner::before, .vxe-table--render-default.border--inner.sy-pos--right .vxe-table--scroll-y-top-corner::before,
2511
+ .vxe-table--render-default.border--inner.sy-pos--right .vxe-table--scroll-y-bottom-corner::before {
2512
+ width: calc(100% + 1px);
2513
+ left: -1px;
2514
+ }
2515
+ .vxe-table--render-default.border--default .vxe-table--scroll-y-bottom-corner, .vxe-table--render-default.border--full .vxe-table--scroll-y-bottom-corner, .vxe-table--render-default.border--outer .vxe-table--scroll-y-bottom-corner, .vxe-table--render-default.border--inner .vxe-table--scroll-y-bottom-corner {
2516
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2517
+ }
2518
+ .vxe-table--render-default.border--default .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--default .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--full .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--full .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--outer .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--outer .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--inner .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--inner .vxe-table--scroll-x-wrapper::after {
2519
+ content: "";
2520
+ position: absolute;
2521
+ left: 0;
2522
+ width: 100%;
2523
+ height: 0;
2524
+ z-index: 1;
2525
+ }
2526
+ .vxe-table--render-default.border--default .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--full .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--outer .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--inner .vxe-table--scroll-x-wrapper::before {
2527
+ top: 0;
2528
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2529
+ }
2530
+ .vxe-table--render-default.border--default .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--full .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--outer .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--inner .vxe-table--scroll-x-wrapper::after {
2531
+ bottom: 0;
2532
+ border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2533
+ }
2534
+ .vxe-table--render-default.border--default.sx-pos--bottom .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--full.sx-pos--bottom .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--outer.sx-pos--bottom .vxe-table--scroll-x-wrapper::before, .vxe-table--render-default.border--inner.sx-pos--bottom .vxe-table--scroll-x-wrapper::before {
2535
+ top: -1px;
2536
+ }
2475
2537
  .vxe-table--render-default.border--default .vxe-table--header-wrapper, .vxe-table--render-default.border--full .vxe-table--header-wrapper, .vxe-table--render-default.border--outer .vxe-table--header-wrapper {
2476
2538
  background-color: var(--vxe-ui-table-header-background-color);
2477
2539
  }
@@ -2485,6 +2547,25 @@
2485
2547
  background-size: 100% var(--vxe-ui-table-border-width);
2486
2548
  background-position: right bottom;
2487
2549
  }
2550
+ .vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::before, .vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::after, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::before, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::after {
2551
+ content: "";
2552
+ position: absolute;
2553
+ top: 0;
2554
+ width: 0;
2555
+ height: 100%;
2556
+ z-index: 1;
2557
+ }
2558
+ .vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::before, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::before {
2559
+ left: 0;
2560
+ border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2561
+ }
2562
+ .vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::after, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::after {
2563
+ right: 0;
2564
+ border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2565
+ }
2566
+ .vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-wrapper::before, .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-wrapper::before {
2567
+ left: -1px;
2568
+ }
2488
2569
  .vxe-table--render-default.border--full .vxe-header--column,
2489
2570
  .vxe-table--render-default.border--full .vxe-body--column,
2490
2571
  .vxe-table--render-default.border--full .vxe-footer--column {