vxe-table 3.12.9 → 3.12.10-beta.1

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 (90) 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/locale/lang/ko-KR.js +515 -515
  5. package/es/style.css +1 -1
  6. package/es/style.min.css +1 -1
  7. package/es/table/module/export/mixin.js +3 -3
  8. package/es/table/module/filter/mixin.js +3 -3
  9. package/es/table/module/keyboard/mixin.js +4 -4
  10. package/es/table/module/menu/mixin.js +2 -2
  11. package/es/table/module/validator/mixin.js +2 -2
  12. package/es/table/src/body.js +247 -351
  13. package/es/table/src/footer.js +135 -154
  14. package/es/table/src/header.js +120 -100
  15. package/es/table/src/methods.js +1192 -797
  16. package/es/table/src/props.js +9 -3
  17. package/es/table/src/table.js +187 -103
  18. package/es/table/src/util.js +16 -7
  19. package/es/table/style.css +146 -63
  20. package/es/table/style.min.css +1 -1
  21. package/es/ui/index.js +14 -4
  22. package/es/ui/src/log.js +1 -1
  23. package/es/vxe-table/style.css +146 -63
  24. package/es/vxe-table/style.min.css +1 -1
  25. package/lib/grid/src/grid.js +4 -1
  26. package/lib/grid/src/grid.min.js +1 -1
  27. package/lib/index.css +1 -1
  28. package/lib/index.min.css +1 -1
  29. package/lib/index.umd.js +1917 -1550
  30. package/lib/index.umd.min.js +1 -1
  31. package/lib/locale/lang/ko-KR.js +515 -515
  32. package/lib/locale/lang/ko-KR.min.js +1 -1
  33. package/lib/locale/lang/ko-KR.umd.js +515 -515
  34. package/lib/style.css +1 -1
  35. package/lib/style.min.css +1 -1
  36. package/lib/table/module/export/mixin.js +3 -3
  37. package/lib/table/module/export/mixin.min.js +1 -1
  38. package/lib/table/module/filter/mixin.js +4 -4
  39. package/lib/table/module/filter/mixin.min.js +1 -1
  40. package/lib/table/module/keyboard/mixin.js +5 -5
  41. package/lib/table/module/keyboard/mixin.min.js +1 -1
  42. package/lib/table/module/menu/mixin.js +2 -2
  43. package/lib/table/module/menu/mixin.min.js +1 -1
  44. package/lib/table/module/validator/mixin.js +2 -2
  45. package/lib/table/module/validator/mixin.min.js +1 -1
  46. package/lib/table/src/body.js +185 -365
  47. package/lib/table/src/body.min.js +1 -1
  48. package/lib/table/src/footer.js +124 -151
  49. package/lib/table/src/footer.min.js +1 -1
  50. package/lib/table/src/header.js +97 -74
  51. package/lib/table/src/header.min.js +1 -1
  52. package/lib/table/src/methods.js +1282 -840
  53. package/lib/table/src/methods.min.js +1 -1
  54. package/lib/table/src/props.js +9 -3
  55. package/lib/table/src/props.min.js +1 -1
  56. package/lib/table/src/table.js +171 -90
  57. package/lib/table/src/table.min.js +1 -1
  58. package/lib/table/src/util.js +17 -7
  59. package/lib/table/src/util.min.js +1 -1
  60. package/lib/table/style/style.css +146 -63
  61. package/lib/table/style/style.min.css +1 -1
  62. package/lib/ui/index.js +14 -4
  63. package/lib/ui/index.min.js +1 -1
  64. package/lib/ui/src/log.js +1 -1
  65. package/lib/ui/src/log.min.js +1 -1
  66. package/lib/vxe-table/style/style.css +146 -63
  67. package/lib/vxe-table/style/style.min.css +1 -1
  68. package/package.json +2 -2
  69. package/packages/grid/src/grid.ts +6 -1
  70. package/packages/locale/lang/ko-KR.ts +515 -515
  71. package/packages/table/module/export/mixin.ts +3 -3
  72. package/packages/table/module/filter/mixin.ts +3 -3
  73. package/packages/table/module/keyboard/mixin.ts +4 -4
  74. package/packages/table/module/menu/mixin.ts +2 -2
  75. package/packages/table/module/validator/mixin.ts +2 -2
  76. package/packages/table/src/body.ts +281 -427
  77. package/packages/table/src/footer.ts +148 -164
  78. package/packages/table/src/header.ts +135 -111
  79. package/packages/table/src/methods.ts +1271 -858
  80. package/packages/table/src/props.ts +9 -3
  81. package/packages/table/src/table.ts +195 -146
  82. package/packages/table/src/util.ts +17 -7
  83. package/packages/ui/index.ts +13 -3
  84. package/styles/components/table.scss +164 -74
  85. /package/es/{iconfont.1736414871619.ttf → iconfont.1736690657500.ttf} +0 -0
  86. /package/es/{iconfont.1736414871619.woff → iconfont.1736690657500.woff} +0 -0
  87. /package/es/{iconfont.1736414871619.woff2 → iconfont.1736690657500.woff2} +0 -0
  88. /package/lib/{iconfont.1736414871619.ttf → iconfont.1736690657500.ttf} +0 -0
  89. /package/lib/{iconfont.1736414871619.woff → iconfont.1736690657500.woff} +0 -0
  90. /package/lib/{iconfont.1736414871619.woff2 → iconfont.1736690657500.woff2} +0 -0
package/es/vxe-table/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