vxe-table 4.18.5 → 4.18.7

package/es/table/src/table.js

@@ -1557,6 +1557,27 @@ export default defineVxeComponent({
                 }
             }
         };
+        const updateColumnAllOverflow = () => {
+            const { showOverflow } = props;
+            const { isGroup } = reactData;
+            const { fullAllDataRowIdData, tableFullColumn, collectColumn } = internalData;
+            let isAllOverflow = !!showOverflow;
+            const handleFunc = (column) => {
+                if (isAllOverflow && column.showOverflow === false) {
+                    isAllOverflow = false;
+                }
+            };
+            if (isGroup) {
+                XEUtils.eachTree(collectColumn, handleFunc);
+            }
+            else {
+                tableFullColumn.forEach(handleFunc);
+            }
+            XEUtils.each(fullAllDataRowIdData, (rowRest) => {
+                rowRest.height = 0;
+            });
+            reactData.isAllOverflow = isAllOverflow;
+        };
         /**
          * 更新数据列的 Map
          * 牺牲数据组装的耗时，用来换取使用过程中的流畅
@@ -7242,6 +7263,7 @@ export default defineVxeComponent({
              */
             scrollToRow(row, fieldOrColumn, options) {
                 const { isAllOverflow, scrollYLoad, scrollXLoad } = reactData;
+                const { _sToTime } = internalData;
                 const rest = [];
                 if (row) {
                     if (props.treeConfig) {
@@ -7254,11 +7276,29 @@ export default defineVxeComponent({
                 if (fieldOrColumn) {
                     rest.push(handleScrollToRowColumn(fieldOrColumn, row, options));
                 }
+                if (_sToTime) {
+                    clearTimeout(_sToTime);
+                }
                 return Promise.all(rest).then(() => {
                     if (row) {
                         if (!isAllOverflow && (scrollYLoad || scrollXLoad)) {
                             calcCellHeight();
                             calcCellWidth();
+                            // 可视区被渲染后位置被偏移
+                            internalData._sToTime = setTimeout(() => {
+                                internalData._sToTime = undefined;
+                                if (scrollYLoad) {
+                                    if (props.treeConfig) {
+                                        $xeTable.scrollToTreeRow(row);
+                                    }
+                                    else {
+                                        rowToVisible($xeTable, row);
+                                    }
+                                }
+                                if (scrollXLoad && fieldOrColumn) {
+                                    handleScrollToRowColumn(fieldOrColumn, row, options);
+                                }
+                            }, 350);
                         }
                         return nextTick();
                     }
@@ -13198,6 +13238,16 @@ export default defineVxeComponent({
         watch(() => props.showFooter, () => {
             reLayoutFlag.value++;
         });
+        watch(() => props.showHeaderOverflow, () => {
+            reLayoutFlag.value++;
+        });
+        watch(() => props.showOverflow, () => {
+            updateColumnAllOverflow();
+            reLayoutFlag.value++;
+        });
+        watch(() => props.showFooterOverflow, () => {
+            reLayoutFlag.value++;
+        });
         watch(() => reactData.overflowX, () => {
             reLayoutFlag.value++;
         });
@@ -13632,6 +13682,10 @@ export default defineVxeComponent({
             $xeTable.preventEvent(null, 'mounted', { $table: $xeTable });
         });
         onBeforeUnmount(() => {
+            const { _sToTime } = internalData;
+            if (_sToTime) {
+                clearTimeout(_sToTime);
+            }
             const tableViewportEl = refTableViewportElem.value;
             if (tableViewportEl) {
                 tableViewportEl.removeEventListener('wheel', $xeTable.triggerBodyWheelEvent);

package/es/table/src/util.js

@@ -129,6 +129,7 @@ export function createInternalData() {
         tooltipTimeout: null,
         initStatus: false,
         isActivated: false
+        // _sToTime: null
     };
 }
 export function createReactData() {
@@ -852,12 +853,10 @@ export function clearTableAllStatus($xeTable) {
     return clearTableDefaultStatus($xeTable);
 }
 export function rowToVisible($xeTable, row) {
-    const tableProps = $xeTable.props;
     const reactData = $xeTable.reactData;
     const internalData = $xeTable.internalData;
     const { computeLeftFixedWidth, computeRightFixedWidth, computeRowOpts, computeCellOpts, computeDefaultRowHeight } = $xeTable.getComputeMaps();
-    const { showOverflow } = tableProps;
-    const { scrollYLoad, scrollYTop } = reactData;
+    const { scrollYLoad, scrollYTop, isAllOverflow } = reactData;
     const { elemStore, afterFullData, fullAllDataRowIdData, isResizeCellHeight } = internalData;
     const rowOpts = computeRowOpts.value;
     const cellOpts = computeCellOpts.value;
@@ -885,7 +884,7 @@ export function rowToVisible($xeTable, row) {
             // 如果是虚拟渲染滚动
             if (scrollYLoad) {
                 const isCustomCellHeight = isResizeCellHeight || cellOpts.height || rowOpts.height;
-                if (!isCustomCellHeight && showOverflow) {
+                if (!isCustomCellHeight && isAllOverflow) {
                     return $xeTable.scrollTo(null, ($xeTable.findRowIndexOf(afterFullData, row) - 1) * defaultRowHeight);
                 }
                 const rowRest = fullAllDataRowIdData[rowid] || {};

package/es/table/style.css

@@ -2507,12 +2507,12 @@
 }
 
 /*header*/
-.vxe-table {
-  /*排序*/
-}
 .vxe-table .vxe-table--header-wrapper {
   color: var(--vxe-ui-table-header-font-color);
 }
+.vxe-table {
+  /*排序*/
+}
 .vxe-table .vxe-cell--sort {
   text-align: center;
   position: relative;
@@ -2866,21 +2866,6 @@
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   direction: ltr;
-  /*边框*/
-  /*边框线*/
-  /*树形节点*/
-  /*行分组*/
-  /*单元格高度*/
-  /*溢出列*/
-  /*展开行*/
-  /*拖拽列*/
-  /*拖拽行把柄*/
-  /*暂无数据*/
-  /*校验不通过*/
-  /*已废弃，旧的校验样式**/
-  /*单元格标记删除状态*/
-  /*单元格编辑状态*/
-  /*可编辑*/
 }
 .vxe-table--render-default .vxe-table--body-wrapper {
   background-color: var(--vxe-ui-layout-background-color);
@@ -3049,6 +3034,9 @@
 .vxe-table--render-default .vxe-body--row.row--hover.row--current > .vxe-body--column {
   background-color: var(--vxe-ui-table-row-hover-current-background-color);
 }
+.vxe-table--render-default {
+  /*边框*/
+}
 .vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--outer.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--inner.sy-pos--right .vxe-table--scroll-y-top-corner {
   background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
   background-repeat: no-repeat;
@@ -3413,6 +3401,9 @@
   width: 0;
   float: left;
 }
+.vxe-table--render-default {
+  /*边框线*/
+}
 .vxe-table--render-default .vxe-table--border-line {
   position: absolute;
   top: 0;
@@ -3423,6 +3414,9 @@
   pointer-events: none;
   border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
+.vxe-table--render-default {
+  /*树形节点*/
+}
 .vxe-table--render-default .vxe-tree--line-wrapper {
   position: relative;
   display: block;
@@ -3469,6 +3463,9 @@
           user-select: none;
   cursor: pointer;
 }
+.vxe-table--render-default {
+  /*行分组*/
+}
 .vxe-table--render-default .vxe-row-group--node-btn:hover {
   color: var(--vxe-ui-font-color);
 }
@@ -3477,6 +3474,9 @@
   color: var(--vxe-ui-font-lighten-color);
   transition: transform 0.1s ease-in-out;
 }
+.vxe-table--render-default {
+  /*单元格高度*/
+}
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-row-group-cell,
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-tree-cell {
   overflow: hidden;
@@ -3497,6 +3497,9 @@
   flex-direction: row;
   align-items: center;
 }
+.vxe-table--render-default {
+  /*溢出列*/
+}
 .vxe-table--render-default .vxe-header--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-body--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-footer--column:not(.col--active).col--ellipsis > .vxe-cell {
@@ -3530,6 +3533,9 @@
   flex-direction: row;
   align-items: center;
 }
+.vxe-table--render-default {
+  /*展开行*/
+}
 .vxe-table--render-default .vxe-table--row-expanded-wrapper {
   position: absolute;
   top: 0;
@@ -3600,12 +3606,18 @@
   overflow: auto;
   outline: 0;
 }
+.vxe-table--render-default {
+  /*拖拽列*/
+}
 .vxe-table--render-default .vxe-table--column.col--drag-move {
   transition: transform 0.5s ease;
 }
 .vxe-table--render-default .vxe-table--column.col--drag-origin > .vxe-cell {
   opacity: 0.3;
 }
+.vxe-table--render-default {
+  /*拖拽行把柄*/
+}
 .vxe-table--render-default .vxe-cell--drag-handle {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -3669,6 +3681,9 @@
 .vxe-table--render-default.size--mini .vxe-cell--radio {
   font-size: var(--vxe-radio-font-size-mini);
 }
+.vxe-table--render-default {
+  /*暂无数据*/
+}
 .vxe-table--render-default .vxe-table--empty-placeholder,
 .vxe-table--render-default .vxe-table--empty-block {
   color: var(--vxe-ui-input-placeholder-color);
@@ -3709,6 +3724,9 @@
 .vxe-table--render-default .vxe-body--column.col--selected {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }
+.vxe-table--render-default {
+  /*校验不通过*/
+}
 .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-tip {
   width: 100%;
   position: absolute;
@@ -3765,6 +3783,9 @@
 .vxe-table--render-default.valid-msg--full .vxe-body--row:last-child .vxe-cell--valid-error-tip {
   top: calc(100% - 1.3em);
 }
+.vxe-table--render-default {
+  /*已废弃，旧的校验样式**/
+}
 .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-tip {
   width: 320px;
   position: absolute;
@@ -3792,6 +3813,9 @@
   transform: translateX(0);
   text-align: left;
 }
+.vxe-table--render-default {
+  /*单元格标记删除状态*/
+}
 .vxe-table--render-default .vxe-body--row.row--pending {
   color: var(--vxe-ui-font-disabled-color);
   opacity: 0.5;
@@ -3811,6 +3835,9 @@
   border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
   z-index: 1;
 }
+.vxe-table--render-default {
+  /*单元格编辑状态*/
+}
 .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column {
   position: relative;
 }
@@ -3837,6 +3864,9 @@
   border-color: transparent var(--vxe-ui-table-cell-dirty-update-color) transparent transparent;
   transform: rotate(45deg);
 }
+.vxe-table--render-default {
+  /*可编辑*/
+}
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "4.18.5";
+export const version = "4.18.7";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `table v${"4.18.5"}`;
+const version = `table v${"4.18.7"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-table/style.css

@@ -2507,12 +2507,12 @@
 }
 
 /*header*/
-.vxe-table {
-  /*排序*/
-}
 .vxe-table .vxe-table--header-wrapper {
   color: var(--vxe-ui-table-header-font-color);
 }
+.vxe-table {
+  /*排序*/
+}
 .vxe-table .vxe-cell--sort {
   text-align: center;
   position: relative;
@@ -2866,21 +2866,6 @@
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   direction: ltr;
-  /*边框*/
-  /*边框线*/
-  /*树形节点*/
-  /*行分组*/
-  /*单元格高度*/
-  /*溢出列*/
-  /*展开行*/
-  /*拖拽列*/
-  /*拖拽行把柄*/
-  /*暂无数据*/
-  /*校验不通过*/
-  /*已废弃，旧的校验样式**/
-  /*单元格标记删除状态*/
-  /*单元格编辑状态*/
-  /*可编辑*/
 }
 .vxe-table--render-default .vxe-table--body-wrapper {
   background-color: var(--vxe-ui-layout-background-color);
@@ -3049,6 +3034,9 @@
 .vxe-table--render-default .vxe-body--row.row--hover.row--current > .vxe-body--column {
   background-color: var(--vxe-ui-table-row-hover-current-background-color);
 }
+.vxe-table--render-default {
+  /*边框*/
+}
 .vxe-table--render-default.border--default.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--full.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--outer.sy-pos--right .vxe-table--scroll-y-top-corner, .vxe-table--render-default.border--inner.sy-pos--right .vxe-table--scroll-y-top-corner {
   background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
   background-repeat: no-repeat;
@@ -3413,6 +3401,9 @@
   width: 0;
   float: left;
 }
+.vxe-table--render-default {
+  /*边框线*/
+}
 .vxe-table--render-default .vxe-table--border-line {
   position: absolute;
   top: 0;
@@ -3423,6 +3414,9 @@
   pointer-events: none;
   border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
 }
+.vxe-table--render-default {
+  /*树形节点*/
+}
 .vxe-table--render-default .vxe-tree--line-wrapper {
   position: relative;
   display: block;
@@ -3469,6 +3463,9 @@
           user-select: none;
   cursor: pointer;
 }
+.vxe-table--render-default {
+  /*行分组*/
+}
 .vxe-table--render-default .vxe-row-group--node-btn:hover {
   color: var(--vxe-ui-font-color);
 }
@@ -3477,6 +3474,9 @@
   color: var(--vxe-ui-font-lighten-color);
   transition: transform 0.1s ease-in-out;
 }
+.vxe-table--render-default {
+  /*单元格高度*/
+}
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-row-group-cell,
 .vxe-table--render-default .vxe-body--column.col--ellipsis > .vxe-cell .vxe-tree-cell {
   overflow: hidden;
@@ -3497,6 +3497,9 @@
   flex-direction: row;
   align-items: center;
 }
+.vxe-table--render-default {
+  /*溢出列*/
+}
 .vxe-table--render-default .vxe-header--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-body--column:not(.col--active).col--ellipsis > .vxe-cell,
 .vxe-table--render-default .vxe-footer--column:not(.col--active).col--ellipsis > .vxe-cell {
@@ -3530,6 +3533,9 @@
   flex-direction: row;
   align-items: center;
 }
+.vxe-table--render-default {
+  /*展开行*/
+}
 .vxe-table--render-default .vxe-table--row-expanded-wrapper {
   position: absolute;
   top: 0;
@@ -3600,12 +3606,18 @@
   overflow: auto;
   outline: 0;
 }
+.vxe-table--render-default {
+  /*拖拽列*/
+}
 .vxe-table--render-default .vxe-table--column.col--drag-move {
   transition: transform 0.5s ease;
 }
 .vxe-table--render-default .vxe-table--column.col--drag-origin > .vxe-cell {
   opacity: 0.3;
 }
+.vxe-table--render-default {
+  /*拖拽行把柄*/
+}
 .vxe-table--render-default .vxe-cell--drag-handle {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -3669,6 +3681,9 @@
 .vxe-table--render-default.size--mini .vxe-cell--radio {
   font-size: var(--vxe-radio-font-size-mini);
 }
+.vxe-table--render-default {
+  /*暂无数据*/
+}
 .vxe-table--render-default .vxe-table--empty-placeholder,
 .vxe-table--render-default .vxe-table--empty-block {
   color: var(--vxe-ui-input-placeholder-color);
@@ -3709,6 +3724,9 @@
 .vxe-table--render-default .vxe-body--column.col--selected {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }
+.vxe-table--render-default {
+  /*校验不通过*/
+}
 .vxe-table--render-default .vxe-body--column .vxe-cell--valid-error-tip {
   width: 100%;
   position: absolute;
@@ -3765,6 +3783,9 @@
 .vxe-table--render-default.valid-msg--full .vxe-body--row:last-child .vxe-cell--valid-error-tip {
   top: calc(100% - 1.3em);
 }
+.vxe-table--render-default {
+  /*已废弃，旧的校验样式**/
+}
 .vxe-table--render-default.old-cell-valid .vxe-body--column.col--valid-error .vxe-cell--valid-error-tip {
   width: 320px;
   position: absolute;
@@ -3792,6 +3813,9 @@
   transform: translateX(0);
   text-align: left;
 }
+.vxe-table--render-default {
+  /*单元格标记删除状态*/
+}
 .vxe-table--render-default .vxe-body--row.row--pending {
   color: var(--vxe-ui-font-disabled-color);
   opacity: 0.5;
@@ -3811,6 +3835,9 @@
   border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
   z-index: 1;
 }
+.vxe-table--render-default {
+  /*单元格编辑状态*/
+}
 .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column {
   position: relative;
 }
@@ -3837,6 +3864,9 @@
   border-color: transparent var(--vxe-ui-table-cell-dirty-update-color) transparent transparent;
   transform: rotate(45deg);
 }
+.vxe-table--render-default {
+  /*可编辑*/
+}
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--active {
   box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
 }

package/lib/index.common.js

@@ -17,6 +17,5 @@ Object.keys(VxeUITableExport).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 var _default = exports.default = VxeUITableExport;