vxe-table 4.11.10 → 4.11.12
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.
- package/es/index.css +1 -1
- package/es/index.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/table/src/table.js +34 -18
- package/es/table/style.css +20 -22
- package/es/table/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-table/style.css +20 -22
- package/es/vxe-table/style.min.css +1 -1
- package/lib/index.css +1 -1
- package/lib/index.min.css +1 -1
- package/lib/index.umd.js +1784 -1858
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/table/src/table.js +30 -18
- package/lib/table/src/table.min.js +1 -1
- package/lib/table/style/style.css +20 -22
- package/lib/table/style/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-table/style/style.css +20 -22
- package/lib/vxe-table/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/table/src/table.ts +33 -24
- package/styles/components/table.scss +66 -22
- /package/es/{iconfont.1740359300055.ttf → iconfont.1740558624619.ttf} +0 -0
- /package/es/{iconfont.1740359300055.woff → iconfont.1740558624619.woff} +0 -0
- /package/es/{iconfont.1740359300055.woff2 → iconfont.1740558624619.woff2} +0 -0
- /package/lib/{iconfont.1740359300055.ttf → iconfont.1740558624619.ttf} +0 -0
- /package/lib/{iconfont.1740359300055.woff → iconfont.1740558624619.woff} +0 -0
- /package/lib/{iconfont.1740359300055.woff2 → iconfont.1740558624619.woff2} +0 -0
package/es/table/src/table.js
CHANGED
|
@@ -1819,16 +1819,10 @@ export default defineComponent({
|
|
|
1819
1819
|
if (layout === 'header') {
|
|
1820
1820
|
// 表头体样式处理
|
|
1821
1821
|
// 横向滚动渲染
|
|
1822
|
-
let tWidth = tableWidth;
|
|
1823
1822
|
let renderColumnList = tableColumn;
|
|
1824
1823
|
let isOptimizeMode = false;
|
|
1825
1824
|
if (isGroup) {
|
|
1826
1825
|
renderColumnList = visibleColumn;
|
|
1827
|
-
if (fixedType) {
|
|
1828
|
-
if (wrapperElem) {
|
|
1829
|
-
wrapperElem.style.width = tWidth ? `${tWidth}px` : '';
|
|
1830
|
-
}
|
|
1831
|
-
}
|
|
1832
1826
|
}
|
|
1833
1827
|
else {
|
|
1834
1828
|
// 如果是使用优化模式
|
|
@@ -1846,24 +1840,34 @@ export default defineComponent({
|
|
|
1846
1840
|
if (isOptimizeMode) {
|
|
1847
1841
|
renderColumnList = fixedColumn || [];
|
|
1848
1842
|
}
|
|
1849
|
-
|
|
1843
|
+
}
|
|
1844
|
+
}
|
|
1845
|
+
const tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
|
|
1846
|
+
if (fixedType) {
|
|
1847
|
+
if (isGroup) {
|
|
1848
|
+
if (wrapperElem) {
|
|
1849
|
+
wrapperElem.style.width = tableWidth ? `${tableWidth}px` : '';
|
|
1850
|
+
}
|
|
1851
|
+
}
|
|
1852
|
+
else {
|
|
1853
|
+
if (isOptimizeMode) {
|
|
1850
1854
|
if (wrapperElem) {
|
|
1851
1855
|
wrapperElem.style.width = tWidth ? `${tWidth}px` : '';
|
|
1852
1856
|
}
|
|
1853
1857
|
}
|
|
1858
|
+
else {
|
|
1859
|
+
if (wrapperElem) {
|
|
1860
|
+
wrapperElem.style.width = tableWidth ? `${tableWidth}px` : '';
|
|
1861
|
+
}
|
|
1862
|
+
}
|
|
1854
1863
|
}
|
|
1855
1864
|
}
|
|
1856
|
-
tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
|
|
1857
1865
|
if (currScrollElem) {
|
|
1858
1866
|
currScrollElem.style.height = `${headerHeight}px`;
|
|
1859
1867
|
}
|
|
1860
1868
|
if (tableElem) {
|
|
1861
1869
|
tableElem.style.width = tWidth ? `${tWidth}px` : '';
|
|
1862
1870
|
}
|
|
1863
|
-
const repairElem = getRefElem(elemStore[`${name}-${layout}-repair`]);
|
|
1864
|
-
if (repairElem) {
|
|
1865
|
-
repairElem.style.width = `${tableWidth}px`;
|
|
1866
|
-
}
|
|
1867
1871
|
const listElem = getRefElem(elemStore[`${name}-${layout}-list`]);
|
|
1868
1872
|
if (isGroup && listElem) {
|
|
1869
1873
|
XEUtils.arrayEach(listElem.querySelectorAll('.col--group'), (thElem) => {
|
|
@@ -1905,7 +1909,6 @@ export default defineComponent({
|
|
|
1905
1909
|
fixedWrapperElem.style.height = `${customHeight > 0 ? customHeight : (tableHeight + headerHeight + footerHeight + osbHeight)}px`;
|
|
1906
1910
|
fixedWrapperElem.style.width = `${fixedColumn.reduce((previous, column) => previous + column.renderWidth, 0)}px`;
|
|
1907
1911
|
}
|
|
1908
|
-
let tWidth = tableWidth;
|
|
1909
1912
|
let renderColumnList = tableColumn;
|
|
1910
1913
|
let isOptimizeMode = false;
|
|
1911
1914
|
// 如果是使用优化模式
|
|
@@ -1922,13 +1925,20 @@ export default defineComponent({
|
|
|
1922
1925
|
if (isOptimizeMode) {
|
|
1923
1926
|
renderColumnList = fixedColumn || [];
|
|
1924
1927
|
}
|
|
1925
|
-
|
|
1928
|
+
}
|
|
1929
|
+
const tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
|
|
1930
|
+
if (fixedType) {
|
|
1931
|
+
if (isOptimizeMode) {
|
|
1926
1932
|
if (wrapperElem) {
|
|
1927
1933
|
wrapperElem.style.width = tWidth ? `${tWidth}px` : '';
|
|
1928
1934
|
}
|
|
1929
1935
|
}
|
|
1936
|
+
else {
|
|
1937
|
+
if (wrapperElem) {
|
|
1938
|
+
wrapperElem.style.width = tableWidth ? `${tableWidth}px` : '';
|
|
1939
|
+
}
|
|
1940
|
+
}
|
|
1930
1941
|
}
|
|
1931
|
-
tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
|
|
1932
1942
|
if (tableElem) {
|
|
1933
1943
|
tableElem.style.width = tWidth ? `${tWidth}px` : '';
|
|
1934
1944
|
// 兼容性处理
|
|
@@ -1940,7 +1950,6 @@ export default defineComponent({
|
|
|
1940
1950
|
}
|
|
1941
1951
|
}
|
|
1942
1952
|
else if (layout === 'footer') {
|
|
1943
|
-
let tWidth = tableWidth;
|
|
1944
1953
|
let renderColumnList = tableColumn;
|
|
1945
1954
|
let isOptimizeMode = false;
|
|
1946
1955
|
// 如果是使用优化模式
|
|
@@ -1957,13 +1966,20 @@ export default defineComponent({
|
|
|
1957
1966
|
if (isOptimizeMode) {
|
|
1958
1967
|
renderColumnList = fixedColumn || [];
|
|
1959
1968
|
}
|
|
1960
|
-
|
|
1969
|
+
}
|
|
1970
|
+
const tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
|
|
1971
|
+
if (fixedType) {
|
|
1972
|
+
if (isOptimizeMode) {
|
|
1961
1973
|
if (wrapperElem) {
|
|
1962
1974
|
wrapperElem.style.width = tWidth ? `${tWidth}px` : '';
|
|
1963
1975
|
}
|
|
1964
1976
|
}
|
|
1977
|
+
else {
|
|
1978
|
+
if (wrapperElem) {
|
|
1979
|
+
wrapperElem.style.width = tableWidth ? `${tableWidth}px` : '';
|
|
1980
|
+
}
|
|
1981
|
+
}
|
|
1965
1982
|
}
|
|
1966
|
-
tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
|
|
1967
1983
|
if (currScrollElem) {
|
|
1968
1984
|
currScrollElem.style.height = `${footerHeight}px`;
|
|
1969
1985
|
// 如果是固定列
|
package/es/table/style.css
CHANGED
|
@@ -2057,19 +2057,19 @@
|
|
|
2057
2057
|
.vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.body--wrapper, .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.body--wrapper {
|
|
2058
2058
|
border-radius: var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius) 0 0;
|
|
2059
2059
|
}
|
|
2060
|
-
.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-left--wrapper {
|
|
2060
|
+
.vxe-table--render-default.is--round.sx-pos--bottom.sy-pos--left .vxe-table--scroll-y-top-corner::before, .vxe-table--render-default.is--round.sx-pos--bottom.sy-pos--left .vxe-table--scroll-y-top-corner, .vxe-table--render-default.is--round.sx-pos--top .vxe-table--scroll-x-left-corner::before, .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-left--wrapper {
|
|
2061
2061
|
border-radius: var(--vxe-ui-table-border-radius) 0 0 0;
|
|
2062
2062
|
}
|
|
2063
|
-
.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-right--wrapper {
|
|
2063
|
+
.vxe-table--render-default.is--round.sx-pos--bottom.sy-pos--right .vxe-table--scroll-y-top-corner::before, .vxe-table--render-default.is--round.sx-pos--bottom.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.is--round.sx-pos--top .vxe-table--scroll-x-right-corner::before, .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-right--wrapper {
|
|
2064
2064
|
border-radius: 0 var(--vxe-ui-table-border-radius) 0 0;
|
|
2065
2065
|
}
|
|
2066
2066
|
.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.body--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.body--wrapper {
|
|
2067
2067
|
border-radius: 0 0 var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius);
|
|
2068
2068
|
}
|
|
2069
|
-
.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-left--wrapper {
|
|
2069
|
+
.vxe-table--render-default.is--round.sx-pos--bottom .vxe-table--scroll-x-left-corner::before, .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-left--wrapper {
|
|
2070
2070
|
border-radius: 0 0 0 var(--vxe-ui-table-border-radius);
|
|
2071
2071
|
}
|
|
2072
|
-
.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-right--wrapper {
|
|
2072
|
+
.vxe-table--render-default.is--round.sx-pos--bottom .vxe-table--scroll-x-right-corner::before, .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-right--wrapper {
|
|
2073
2073
|
border-radius: 0 0 var(--vxe-ui-table-border-radius) 0;
|
|
2074
2074
|
}
|
|
2075
2075
|
/*列宽*/
|
|
@@ -2538,24 +2538,23 @@
|
|
|
2538
2538
|
.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 {
|
|
2539
2539
|
border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
|
|
2540
2540
|
}
|
|
2541
|
-
.vxe-table--render-default.border--default .vxe-table--scroll-x-wrapper::
|
|
2541
|
+
.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 {
|
|
2542
2542
|
content: "";
|
|
2543
2543
|
position: absolute;
|
|
2544
2544
|
left: 0;
|
|
2545
2545
|
width: 100%;
|
|
2546
|
-
height:
|
|
2546
|
+
height: 100%;
|
|
2547
2547
|
z-index: 1;
|
|
2548
|
+
pointer-events: none;
|
|
2548
2549
|
}
|
|
2549
|
-
.vxe-table--render-default.border--default .vxe-table--scroll-x-wrapper::
|
|
2550
|
+
.vxe-table--render-default.border--default.sx-pos--top .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--full.sx-pos--top .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--outer.sx-pos--top .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--inner.sx-pos--top .vxe-table--scroll-x-wrapper::after {
|
|
2550
2551
|
top: 0;
|
|
2551
|
-
border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
|
|
2552
|
-
}
|
|
2553
|
-
.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 {
|
|
2554
|
-
bottom: 0;
|
|
2555
2552
|
border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
|
|
2556
2553
|
}
|
|
2557
|
-
.vxe-table--render-default.border--default.sx-pos--bottom .vxe-table--scroll-x-wrapper::
|
|
2558
|
-
|
|
2554
|
+
.vxe-table--render-default.border--default.sx-pos--bottom .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--full.sx-pos--bottom .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--outer.sx-pos--bottom .vxe-table--scroll-x-wrapper::after, .vxe-table--render-default.border--inner.sx-pos--bottom .vxe-table--scroll-x-wrapper::after {
|
|
2555
|
+
bottom: 0;
|
|
2556
|
+
height: calc(100% + var(--vxe-ui-table-border-width));
|
|
2557
|
+
border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
|
|
2559
2558
|
}
|
|
2560
2559
|
.vxe-table--render-default.border--default .vxe-cell--col-resizable:before, .vxe-table--render-default.border--default .vxe-cell--col-resizable:after, .vxe-table--render-default.border--none .vxe-cell--col-resizable:before, .vxe-table--render-default.border--none .vxe-cell--col-resizable:after, .vxe-table--render-default.border--outer .vxe-cell--col-resizable:before, .vxe-table--render-default.border--outer .vxe-cell--col-resizable:after, .vxe-table--render-default.border--inner .vxe-cell--col-resizable:before, .vxe-table--render-default.border--inner .vxe-cell--col-resizable:after {
|
|
2561
2560
|
content: "";
|
|
@@ -2598,24 +2597,23 @@
|
|
|
2598
2597
|
width: calc(100% + 1px);
|
|
2599
2598
|
left: -1px;
|
|
2600
2599
|
}
|
|
2601
|
-
.vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::
|
|
2600
|
+
.vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::after, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::after {
|
|
2602
2601
|
content: "";
|
|
2603
2602
|
position: absolute;
|
|
2604
2603
|
top: 0;
|
|
2605
|
-
width:
|
|
2604
|
+
width: 100%;
|
|
2606
2605
|
height: 100%;
|
|
2607
2606
|
z-index: 1;
|
|
2607
|
+
pointer-events: none;
|
|
2608
2608
|
}
|
|
2609
|
-
.vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::
|
|
2609
|
+
.vxe-table--render-default.border--default.sy-pos--left .vxe-table--scroll-y-wrapper::after, .vxe-table--render-default.border--full.sy-pos--left .vxe-table--scroll-y-wrapper::after {
|
|
2610
2610
|
left: 0;
|
|
2611
|
-
border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
|
|
2612
|
-
}
|
|
2613
|
-
.vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::after, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::after {
|
|
2614
|
-
right: 0;
|
|
2615
2611
|
border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
|
|
2616
2612
|
}
|
|
2617
|
-
.vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-wrapper::
|
|
2618
|
-
|
|
2613
|
+
.vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-wrapper::after, .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-wrapper::after {
|
|
2614
|
+
right: 0;
|
|
2615
|
+
width: calc(100% + var(--vxe-ui-table-border-width));
|
|
2616
|
+
border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
|
|
2619
2617
|
}
|
|
2620
2618
|
.vxe-table--render-default.border--full .vxe-header--column,
|
|
2621
2619
|
.vxe-table--render-default.border--full .vxe-body--column,
|