vxe-table 3.13.10 → 3.13.12

package/es/table/src/methods.js

@@ -500,16 +500,10 @@ function updateStyle($xeTable) {
             if (layout === 'header') {
                 // 表头体样式处理
                 // 横向滚动渲染
-                let tWidth = tableWidth;
                 let renderColumnList = tableColumn;
                 let isOptimizeMode = false;
                 if (isGroup) {
                     renderColumnList = visibleColumn;
-                    if (fixedType) {
-                        if (wrapperElem) {
-                            wrapperElem.style.width = tWidth ? `${tWidth}px` : '';
-                        }
-                    }
                 }
                 else {
                     // 如果是使用优化模式
@@ -527,14 +521,28 @@ function updateStyle($xeTable) {
                         if (isOptimizeMode) {
                             renderColumnList = fixedColumn || [];
                         }
-                        if (!isOptimizeMode) {
+                    }
+                }
+                const tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
+                if (fixedType) {
+                    if (isGroup) {
+                        if (wrapperElem) {
+                            wrapperElem.style.width = tableWidth ? `${tableWidth}px` : '';
+                        }
+                    }
+                    else {
+                        if (isOptimizeMode) {
                             if (wrapperElem) {
                                 wrapperElem.style.width = tWidth ? `${tWidth}px` : '';
                             }
                         }
+                        else {
+                            if (wrapperElem) {
+                                wrapperElem.style.width = tableWidth ? `${tableWidth}px` : '';
+                            }
+                        }
                     }
                 }
-                tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
                 if (currScrollElem) {
                     currScrollElem.style.height = `${headerHeight}px`;
                 }
@@ -586,7 +594,6 @@ function updateStyle($xeTable) {
                     fixedWrapperElem.style.height = `${customHeight > 0 ? customHeight : (tableHeight + headerHeight + footerHeight + osbHeight)}px`;
                     fixedWrapperElem.style.width = `${fixedColumn.reduce((previous, column) => previous + column.renderWidth, 0)}px`;
                 }
-                let tWidth = tableWidth;
                 let renderColumnList = tableColumn;
                 let isOptimizeMode = false;
                 // 如果是使用优化模式
@@ -603,13 +610,20 @@ function updateStyle($xeTable) {
                     if (isOptimizeMode) {
                         renderColumnList = fixedColumn || [];
                     }
-                    if (!isOptimizeMode) {
+                }
+                const tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
+                if (fixedType) {
+                    if (isOptimizeMode) {
                         if (wrapperElem) {
                             wrapperElem.style.width = tWidth ? `${tWidth}px` : '';
                         }
                     }
+                    else {
+                        if (wrapperElem) {
+                            wrapperElem.style.width = tableWidth ? `${tableWidth}px` : '';
+                        }
+                    }
                 }
-                tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
                 if (tableElem) {
                     tableElem.style.width = tWidth ? `${tWidth}px` : '';
                     // 兼容性处理
@@ -621,7 +635,6 @@ function updateStyle($xeTable) {
                 }
             }
             else if (layout === 'footer') {
-                let tWidth = tableWidth;
                 let renderColumnList = tableColumn;
                 let isOptimizeMode = false;
                 // 如果是使用优化模式
@@ -638,13 +651,20 @@ function updateStyle($xeTable) {
                     if (isOptimizeMode) {
                         renderColumnList = fixedColumn || [];
                     }
-                    if (!isOptimizeMode) {
+                }
+                const tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
+                if (fixedType) {
+                    if (isOptimizeMode) {
                         if (wrapperElem) {
                             wrapperElem.style.width = tWidth ? `${tWidth}px` : '';
                         }
                     }
+                    else {
+                        if (wrapperElem) {
+                            wrapperElem.style.width = tableWidth ? `${tableWidth}px` : '';
+                        }
+                    }
                 }
-                tWidth = renderColumnList.reduce((previous, column) => previous + column.renderWidth, 0);
                 if (currScrollElem) {
                     currScrollElem.style.height = `${footerHeight}px`;
                     // 如果是固定列

package/es/table/style.css

@@ -2057,19 +2057,19 @@
 .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 {
   border-radius: var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius) 0 0;
 }
-.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-left--wrapper {
+.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 {
   border-radius: var(--vxe-ui-table-border-radius) 0 0 0;
 }
-.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-right--wrapper {
+.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 {
   border-radius: 0 var(--vxe-ui-table-border-radius) 0 0;
 }
 .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 {
   border-radius: 0 0 var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius);
 }
-.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 {
+.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 {
   border-radius: 0 0 0 var(--vxe-ui-table-border-radius);
 }
-.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 {
+.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 {
   border-radius: 0 0 var(--vxe-ui-table-border-radius) 0;
 }
 /*列宽*/
@@ -2538,24 +2538,23 @@
 .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 {
   border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
-.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 {
+.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 {
   content: "";
   position: absolute;
   left: 0;
   width: 100%;
-  height: 0;
+  height: 100%;
   z-index: 1;
+  pointer-events: none;
 }
-.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 {
+.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 {
   top: 0;
-  border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
-}
-.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 {
-  bottom: 0;
   border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
-.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 {
-  top: -1px;
+.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 {
+  bottom: 0;
+  height: calc(100% + var(--vxe-ui-table-border-width));
+  border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
 .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 {
   content: "";
@@ -2598,24 +2597,23 @@
   width: calc(100% + 1px);
   left: -1px;
 }
-.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 {
+.vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::after, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::after {
   content: "";
   position: absolute;
   top: 0;
-  width: 0;
+  width: 100%;
   height: 100%;
   z-index: 1;
+  pointer-events: none;
 }
-.vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::before, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::before {
+.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 {
   left: 0;
-  border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
-}
-.vxe-table--render-default.border--default .vxe-table--scroll-y-wrapper::after, .vxe-table--render-default.border--full .vxe-table--scroll-y-wrapper::after {
-  right: 0;
   border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
-.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 {
-  left: -1px;
+.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 {
+  right: 0;
+  width: calc(100% + var(--vxe-ui-table-border-width));
+  border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
 .vxe-table--render-default.border--full .vxe-header--column,
 .vxe-table--render-default.border--full .vxe-body--column,