vxe-table 3.12.9 → 3.12.10-beta.0

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 (85) hide show
  1. package/es/grid/src/grid.js +6 -1
  2. package/es/index.css +1 -1
  3. package/es/index.min.css +1 -1
  4. package/es/style.css +1 -1
  5. package/es/style.min.css +1 -1
  6. package/es/table/module/export/mixin.js +3 -3
  7. package/es/table/module/filter/mixin.js +3 -3
  8. package/es/table/module/keyboard/mixin.js +4 -4
  9. package/es/table/module/menu/mixin.js +2 -2
  10. package/es/table/module/validator/mixin.js +2 -2
  11. package/es/table/src/body.js +247 -351
  12. package/es/table/src/footer.js +135 -154
  13. package/es/table/src/header.js +120 -100
  14. package/es/table/src/methods.js +1174 -790
  15. package/es/table/src/props.js +9 -3
  16. package/es/table/src/table.js +187 -103
  17. package/es/table/src/util.js +16 -7
  18. package/es/table/style.css +146 -63
  19. package/es/table/style.min.css +1 -1
  20. package/es/ui/index.js +14 -4
  21. package/es/ui/src/log.js +1 -1
  22. package/es/vxe-table/style.css +146 -63
  23. package/es/vxe-table/style.min.css +1 -1
  24. package/lib/grid/src/grid.js +4 -1
  25. package/lib/grid/src/grid.min.js +1 -1
  26. package/lib/index.css +1 -1
  27. package/lib/index.min.css +1 -1
  28. package/lib/index.umd.js +1896 -1543
  29. package/lib/index.umd.min.js +1 -1
  30. package/lib/style.css +1 -1
  31. package/lib/style.min.css +1 -1
  32. package/lib/table/module/export/mixin.js +3 -3
  33. package/lib/table/module/export/mixin.min.js +1 -1
  34. package/lib/table/module/filter/mixin.js +4 -4
  35. package/lib/table/module/filter/mixin.min.js +1 -1
  36. package/lib/table/module/keyboard/mixin.js +5 -5
  37. package/lib/table/module/keyboard/mixin.min.js +1 -1
  38. package/lib/table/module/menu/mixin.js +2 -2
  39. package/lib/table/module/menu/mixin.min.js +1 -1
  40. package/lib/table/module/validator/mixin.js +2 -2
  41. package/lib/table/module/validator/mixin.min.js +1 -1
  42. package/lib/table/src/body.js +185 -365
  43. package/lib/table/src/body.min.js +1 -1
  44. package/lib/table/src/footer.js +124 -151
  45. package/lib/table/src/footer.min.js +1 -1
  46. package/lib/table/src/header.js +97 -74
  47. package/lib/table/src/header.min.js +1 -1
  48. package/lib/table/src/methods.js +1258 -830
  49. package/lib/table/src/methods.min.js +1 -1
  50. package/lib/table/src/props.js +9 -3
  51. package/lib/table/src/props.min.js +1 -1
  52. package/lib/table/src/table.js +171 -90
  53. package/lib/table/src/table.min.js +1 -1
  54. package/lib/table/src/util.js +17 -7
  55. package/lib/table/src/util.min.js +1 -1
  56. package/lib/table/style/style.css +146 -63
  57. package/lib/table/style/style.min.css +1 -1
  58. package/lib/ui/index.js +14 -4
  59. package/lib/ui/index.min.js +1 -1
  60. package/lib/ui/src/log.js +1 -1
  61. package/lib/ui/src/log.min.js +1 -1
  62. package/lib/vxe-table/style/style.css +146 -63
  63. package/lib/vxe-table/style/style.min.css +1 -1
  64. package/package.json +2 -2
  65. package/packages/grid/src/grid.ts +6 -1
  66. package/packages/table/module/export/mixin.ts +3 -3
  67. package/packages/table/module/filter/mixin.ts +3 -3
  68. package/packages/table/module/keyboard/mixin.ts +4 -4
  69. package/packages/table/module/menu/mixin.ts +2 -2
  70. package/packages/table/module/validator/mixin.ts +2 -2
  71. package/packages/table/src/body.ts +281 -427
  72. package/packages/table/src/footer.ts +148 -164
  73. package/packages/table/src/header.ts +135 -111
  74. package/packages/table/src/methods.ts +1246 -845
  75. package/packages/table/src/props.ts +9 -3
  76. package/packages/table/src/table.ts +195 -146
  77. package/packages/table/src/util.ts +17 -7
  78. package/packages/ui/index.ts +13 -3
  79. package/styles/components/table.scss +164 -74
  80. /package/es/{iconfont.1736414871619.ttf → iconfont.1736688976404.ttf} +0 -0
  81. /package/es/{iconfont.1736414871619.woff → iconfont.1736688976404.woff} +0 -0
  82. /package/es/{iconfont.1736414871619.woff2 → iconfont.1736688976404.woff2} +0 -0
  83. /package/lib/{iconfont.1736414871619.ttf → iconfont.1736688976404.ttf} +0 -0
  84. /package/lib/{iconfont.1736414871619.woff → iconfont.1736688976404.woff} +0 -0
  85. /package/lib/{iconfont.1736414871619.woff2 → iconfont.1736688976404.woff2} +0 -0
package/lib/vxe-table/style/style.css CHANGED
@@ -1716,19 +1716,42 @@
1716
1716
  }
1717
1717
 
1718
1718
  .vxe-table--render-wrapper {
1719
+ display: flex;
1720
+ flex-direction: row;
1719
1721
  background-color: var(--vxe-ui-layout-background-color);
1720
1722
  }
1721
1723
 
1722
- .vxe-table--body-wrapper {
1723
- scroll-behavior: auto;
1724
+ .vxe-table--viewport-wrapper {
1725
+ position: relative;
1726
+ overflow: hidden;
1727
+ flex-grow: 1;
1724
1728
  }
1725
1729
 
1730
+ .vxe-table--header-wrapper,
1726
1731
  .vxe-table--body-wrapper,
1732
+ .vxe-table--footer-wrapper,
1727
1733
  .vxe-table--fixed-left-body-wrapper,
1728
1734
  .vxe-table--fixed-right-body-wrapper {
1729
- overflow-y: auto;
1730
- overflow-x: auto;
1735
+ overflow: hidden;
1731
1736
  outline: 0;
1737
+ scrollbar-width: none;
1738
+ }
1739
+
1740
+ .vxe-table--header-inner-wrapper,
1741
+ .vxe-table--footer-inner-wrapper {
1742
+ width: 100%;
1743
+ height: 100%;
1744
+ overflow-y: hidden;
1745
+ overflow-x: scroll;
1746
+ scrollbar-width: none;
1747
+ }
1748
+
1749
+ .vxe-table--body-inner-wrapper {
1750
+ width: 100%;
1751
+ height: 100%;
1752
+ overflow-y: scroll;
1753
+ overflow-x: scroll;
1754
+ scrollbar-width: none;
1732
1755
  }
1733
1756
 
1734
1757
  .vxe-loading--custom-wrapper {
@@ -2031,6 +2054,122 @@
2031
2054
  white-space: nowrap;
2032
2055
  }
2033
2056
 
2057
+ /*scroll*/
2058
+ .vxe-table.is--scroll-x:hover > .vxe-table--scroll-x-virtual .vxe-table--scroll-x-handle {
2059
+ overflow-x: scroll;
2060
+ }
2061
+ .vxe-table.is--scroll-y:hover > .vxe-table--render-wrapper > .vxe-table--scroll-y-virtual .vxe-table--scroll-y-handle {
2062
+ overflow-y: scroll;
2063
+ }
2064
+ .vxe-table.is--loading > .vxe-table--scroll-x-virtual {
2065
+ visibility: hidden;
2066
+ }
2067
+ .vxe-table.is--loading > .vxe-table--render-wrapper > .vxe-table--scroll-y-virtual {
2068
+ visibility: hidden;
2069
+ }
2070
+ .vxe-table .vxe-table--scroll-x-virtual {
2071
+ height: 0;
2072
+ }
2073
+ .vxe-table .vxe-table--scroll-x-virtual::before {
2074
+ content: "";
2075
+ position: absolute;
2076
+ left: 0;
2077
+ top: -1px;
2078
+ width: 100%;
2079
+ height: 0;
2080
+ z-index: 1;
2081
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2082
+ }
2083
+ .vxe-table .vxe-table--scroll-y-virtual {
2084
+ width: 0;
2085
+ }
2086
+ .vxe-table .vxe-table--scroll-y-virtual::before {
2087
+ content: "";
2088
+ position: absolute;
2089
+ left: -1px;
2090
+ top: 0;
2091
+ width: 0;
2092
+ height: 100%;
2093
+ z-index: 1;
2094
+ border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
2095
+ }
2096
+ .vxe-table .vxe-table--scroll-x-virtual,
2097
+ .vxe-table .vxe-table--scroll-y-virtual {
2098
+ visibility: hidden;
2099
+ position: relative;
2100
+ flex-shrink: 0;
2101
+ z-index: 7;
2102
+ }
2103
+ .vxe-table .vxe-table--scroll-x-handle,
2104
+ .vxe-table .vxe-table--scroll-y-handle,
2105
+ .vxe-table .vxe-table--scroll-y-top-corner,
2106
+ .vxe-table .vxe-table--scroll-y-bottom-corner,
2107
+ .vxe-table .vxe-table--scroll-x-left-corner,
2108
+ .vxe-table .vxe-table--scroll-x-right-corner {
2109
+ position: absolute;
2110
+ }
2111
+ .vxe-table .vxe-table--scroll-x-virtual,
2112
+ .vxe-table .vxe-table--scroll-x-handle {
2113
+ width: 100%;
2114
+ left: 0;
2115
+ bottom: 0;
2116
+ }
2117
+ .vxe-table .vxe-table--scroll-x-handle {
2118
+ overflow-y: hidden;
2119
+ overflow-x: auto;
2120
+ height: 18px;
2121
+ }
2122
+ .vxe-table .vxe-table--scroll-y-virtual,
2123
+ .vxe-table .vxe-table--scroll-y-handle {
2124
+ height: 100%;
2125
+ right: 0;
2126
+ top: 0;
2127
+ }
2128
+ .vxe-table .vxe-table--scroll-y-handle {
2129
+ overflow-y: auto;
2130
+ overflow-x: hidden;
2131
+ width: 18px;
2132
+ }
2133
+ .vxe-table .vxe-table--scroll-x-space {
2134
+ height: 1px;
2135
+ }
2136
+ .vxe-table .vxe-table--scroll-y-space {
2137
+ width: 1px;
2138
+ }
2139
+ .vxe-table .vxe-table--scroll-x-left-corner,
2140
+ .vxe-table .vxe-table--scroll-x-right-corner,
2141
+ .vxe-table .vxe-table--scroll-y-top-corner,
2142
+ .vxe-table .vxe-table--scroll-y-bottom-corner {
2143
+ display: none;
2144
+ position: absolute;
2145
+ border-width: 0;
2146
+ border-style: solid;
2147
+ border-color: var(--vxe-ui-table-border-color);
2148
+ }
2149
+ .vxe-table .vxe-table--scroll-x-right-corner {
2150
+ bottom: 1px;
2151
+ right: 1px;
2152
+ width: 0;
2153
+ height: 100%;
2154
+ border-top-width: var(--vxe-ui-table-border-width);
2155
+ border-left-width: var(--vxe-ui-table-border-width);
2156
+ }
2157
+ .vxe-table .vxe-table--scroll-y-top-corner,
2158
+ .vxe-table .vxe-table--scroll-y-bottom-corner {
2159
+ top: 0;
2160
+ right: 0;
2161
+ width: 100%;
2162
+ height: 0;
2163
+ }
2164
+ .vxe-table .vxe-table--scroll-y-top-corner {
2165
+ background-color: var(--vxe-ui-table-header-background-color);
2166
+ border-bottom-width: var(--vxe-ui-table-border-width);
2167
+ }
2168
+ .vxe-table .vxe-table--scroll-y-bottom-corner {
2169
+ margin-top: -1px;
2170
+ border-top-width: var(--vxe-ui-table-border-width);
2171
+ }
2172
+
2034
2173
  /*header*/
2035
2174
  .vxe-table {
2036
2175
  /*排序*/
@@ -2191,6 +2330,7 @@
2191
2330
  background-color: var(--vxe-ui-layout-background-color);
2192
2331
  }
2193
2332
  .vxe-table--render-default .vxe-table--footer-wrapper {
2333
+ margin-top: -1px;
2194
2334
  background-color: var(--vxe-ui-table-footer-background-color);
2195
2335
  }
2196
2336
  .vxe-table--render-default .vxe-table--header,
@@ -2201,14 +2341,7 @@
2201
2341
  border-collapse: separate;
2202
2342
  table-layout: fixed;
2203
2343
  }
2204
- .vxe-table--render-default .vxe-table--header-wrapper,
2205
- .vxe-table--render-default .vxe-table--footer-wrapper {
2206
- overflow-x: hidden;
2207
- overflow-y: hidden;
2208
- outline: 0;
2209
- }
2210
2344
  .vxe-table--render-default:not(.is--empty).is--footer.is--scroll-x .vxe-table--body-wrapper {
2211
- overflow-x: scroll;
2212
2345
  outline: 0;
2213
2346
  }
2214
2347
  .vxe-table--render-default .vxe-body--row.row--stripe {
@@ -2360,12 +2493,6 @@
2360
2493
  .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column {
2361
2494
  border-right-color: var(--vxe-ui-table-border-color);
2362
2495
  }
2363
- .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter {
2364
- background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
2365
- background-repeat: no-repeat;
2366
- background-size: 100% var(--vxe-ui-table-border-width);
2367
- background-position: right bottom;
2368
- }
2369
2496
  .vxe-table--render-default.border--inner .vxe-table--header-wrapper, .vxe-table--render-default.border--none .vxe-table--header-wrapper {
2370
2497
  background-color: var(--vxe-ui-table-header-background-color);
2371
2498
  }
@@ -2441,48 +2568,6 @@
2441
2568
  .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button {
2442
2569
  margin-top: 1px;
2443
2570
  }
2444
- .vxe-table--render-default .vxe-table--scroll-x-virtual,
2445
- .vxe-table--render-default .vxe-table--scroll-y-virtual {
2446
- position: absolute;
2447
- z-index: 7;
2448
- overflow: hidden;
2449
- }
2450
- .vxe-table--render-default .vxe-table--scroll-x-handle,
2451
- .vxe-table--render-default .vxe-table--scroll-y-handle {
2452
- position: absolute;
2453
- }
2454
- .vxe-table--render-default .vxe-table--scroll-x-handle div,
2455
- .vxe-table--render-default .vxe-table--scroll-y-handle div {
2456
- display: block;
2457
- }
2458
- .vxe-table--render-default .vxe-table--scroll-x-virtual,
2459
- .vxe-table--render-default .vxe-table--scroll-x-handle {
2460
- width: 100%;
2461
- left: 0;
2462
- bottom: 0;
2463
- }
2464
- .vxe-table--render-default .vxe-table--scroll-x-handle {
2465
- overflow-y: hidden;
2466
- overflow-x: auto;
2467
- height: 18px;
2468
- }
2469
- .vxe-table--render-default .vxe-table--scroll-y-virtual,
2470
- .vxe-table--render-default .vxe-table--scroll-y-handle {
2471
- height: 100%;
2472
- right: 0;
2473
- top: 0;
2474
- }
2475
- .vxe-table--render-default .vxe-table--scroll-y-handle {
2476
- overflow-y: auto;
2477
- overflow-x: hidden;
2478
- width: 18px;
2479
- }
2480
- .vxe-table--render-default .vxe-table--scroll-x-space {
2481
- height: 1px;
2482
- }
2483
- .vxe-table--render-default .vxe-table--scroll-y-space {
2484
- width: 1px;
2485
- }
2486
2571
  .vxe-table--render-default.is--padding .vxe-body--column .vxe-cell {
2487
2572
  padding-left: var(--vxe-ui-table-cell-padding-left);
2488
2573
  padding-right: var(--vxe-ui-table-cell-padding-right);
@@ -2590,7 +2675,6 @@
2590
2675
  }
2591
2676
  .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper,
2592
2677
  .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper {
2593
- overflow-x: hidden;
2594
2678
  outline: 0;
2595
2679
  }
2596
2680
  .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper {
@@ -2617,6 +2701,7 @@
2617
2701
  .vxe-table--render-default .vxe-table--body-wrapper,
2618
2702
  .vxe-table--render-default .vxe-table--footer-wrapper {
2619
2703
  position: relative;
2704
+ width: 100%;
2620
2705
  }
2621
2706
  .vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper, .vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper,
2622
2707
  .vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper,
@@ -2636,7 +2721,6 @@
2636
2721
  .vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper,
2637
2722
  .vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper {
2638
2723
  right: 0;
2639
- overflow-y: auto;
2640
2724
  }
2641
2725
  .vxe-table--render-default .vxe-body--x-space {
2642
2726
  width: 100%;
@@ -2671,6 +2755,7 @@
2671
2755
  padding: 0.25em 0.25em;
2672
2756
  font-size: 12px;
2673
2757
  border-radius: var(--vxe-ui-border-radius);
2758
+ white-space: nowrap;
2674
2759
  color: #ffffff;
2675
2760
  background-color: var(--vxe-ui-table-resizable-drag-line-color);
2676
2761
  }
@@ -3168,10 +3253,8 @@ div.vxe-table--tooltip-wrapper.vxe-table--valid-error.old-cell-valid {
3168
3253
  /*footer*/
3169
3254
  .vxe-table--footer-wrapper {
3170
3255
  color: var(--vxe-ui-table-footer-font-color);
3171
- margin-top: -1px;
3172
3256
  }
3173
3257
  .vxe-table--footer-wrapper.body--wrapper {
3174
- overflow-x: auto;
3175
3258
  outline: 0;
3176
3259
  }
3177
3260