vxe-table 4.8.8 → 4.8.9

package/es/table/src/table.js

@@ -2851,11 +2851,9 @@ export default defineComponent({
             reactData.lastScrollTime = Date.now();
             handleSyncScrollX(scrollLeft);
             $xeTable.triggerScrollXEvent(evnt);
-            $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+            $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
                 type: 'table',
-                fixed: '',
-                scrollTop,
-                scrollLeft
+                fixed: ''
             });
         };
         const debounceScrollYCalculate = XEUtils.debounce(function () {
@@ -2881,11 +2879,9 @@ export default defineComponent({
             reactData.lastScrollTime = Date.now();
             handleSyncScrollY(scrollTop);
             $xeTable.triggerScrollYEvent(evnt);
-            $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+            $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
                 type: 'table',
-                fixed: '',
-                scrollTop,
-                scrollLeft
+                fixed: ''
             });
         };
         let keyCtxTimeout;
@@ -3545,25 +3541,35 @@ export default defineComponent({
              * 设置为固定列
              */
             setColumnFixed(fieldOrColumn, fixed) {
-                const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-                const targetColumn = getRootColumn($xeTable, column);
-                const isMaxFixedColumn = computeIsMaxFixedColumn.value;
+                let status = false;
+                const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
                 const columnOpts = computeColumnOpts.value;
-                if (targetColumn && targetColumn.fixed !== fixed) {
-                    // 是否超过最大固定列数量
-                    if (!targetColumn.fixed && isMaxFixedColumn) {
-                        if (VxeUI.modal) {
-                            VxeUI.modal.message({
-                                status: 'error',
-                                content: getI18n('vxe.table.maxFixedCol', [columnOpts.maxFixedSize])
-                            });
+                const isMaxFixedColumn = computeIsMaxFixedColumn.value;
+                for (let i = 0; i < cols.length; i++) {
+                    const item = cols[i];
+                    const column = handleFieldOrColumn($xeTable, item);
+                    const targetColumn = getRootColumn($xeTable, column);
+                    if (targetColumn && targetColumn.fixed !== fixed) {
+                        // 是否超过最大固定列数量
+                        if (!targetColumn.fixed && isMaxFixedColumn) {
+                            if (VxeUI.modal) {
+                                VxeUI.modal.message({
+                                    status: 'error',
+                                    content: getI18n('vxe.table.maxFixedCol', [columnOpts.maxFixedSize])
+                                });
+                            }
+                            return nextTick();
+                        }
+                        XEUtils.eachTree([targetColumn], (column) => {
+                            column.fixed = fixed;
+                        });
+                        tablePrivateMethods.saveCustomStore('update:fixed');
+                        if (!status) {
+                            status = true;
                         }
-                        return nextTick();
                     }
-                    XEUtils.eachTree([targetColumn], (column) => {
-                        column.fixed = fixed;
-                    });
-                    tablePrivateMethods.saveCustomStore('update:fixed');
+                }
+                if (status) {
                     return tableMethods.refreshColumn();
                 }
                 return nextTick();
@@ -3572,13 +3578,22 @@ export default defineComponent({
              * 取消指定固定列
              */
             clearColumnFixed(fieldOrColumn) {
-                const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-                const targetColumn = getRootColumn($xeTable, column);
-                if (targetColumn && targetColumn.fixed) {
-                    XEUtils.eachTree([targetColumn], (column) => {
-                        column.fixed = null;
-                    });
-                    tablePrivateMethods.saveCustomStore('update:fixed');
+                let status = false;
+                const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+                cols.forEach(item => {
+                    const column = handleFieldOrColumn($xeTable, item);
+                    const targetColumn = getRootColumn($xeTable, column);
+                    if (targetColumn && targetColumn.fixed) {
+                        XEUtils.eachTree([targetColumn], (column) => {
+                            column.fixed = null;
+                        });
+                        tablePrivateMethods.saveCustomStore('update:fixed');
+                        if (!status) {
+                            status = true;
+                        }
+                    }
+                });
+                if (status) {
                     return tableMethods.refreshColumn();
                 }
                 return nextTick();
@@ -3587,9 +3602,18 @@ export default defineComponent({
              * 隐藏指定列
              */
             hideColumn(fieldOrColumn) {
-                const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-                if (column && column.visible) {
-                    column.visible = false;
+                let status = false;
+                const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+                cols.forEach(item => {
+                    const column = handleFieldOrColumn($xeTable, item);
+                    if (column && column.visible) {
+                        column.visible = false;
+                        if (!status) {
+                            status = true;
+                        }
+                    }
+                });
+                if (status) {
                     return tablePrivateMethods.handleCustom();
                 }
                 return nextTick();
@@ -3598,25 +3622,43 @@ export default defineComponent({
              * 显示指定列
              */
             showColumn(fieldOrColumn) {
-                const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-                if (column && !column.visible) {
-                    column.visible = true;
+                let status = false;
+                const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+                cols.forEach(item => {
+                    const column = handleFieldOrColumn($xeTable, item);
+                    if (column && !column.visible) {
+                        column.visible = true;
+                        if (!status) {
+                            status = true;
+                        }
+                    }
+                });
+                if (status) {
                     return tablePrivateMethods.handleCustom();
                 }
                 return nextTick();
             },
             setColumnWidth(fieldOrColumn, width) {
-                const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-                if (column) {
-                    const colWidth = XEUtils.toInteger(width);
-                    let rdWidth = colWidth;
-                    if (isScale(width)) {
-                        const tableBody = refTableBody.value;
-                        const bodyElem = tableBody ? tableBody.$el : null;
-                        const bodyWidth = bodyElem ? bodyElem.clientWidth - 1 : 0;
-                        rdWidth = Math.floor(colWidth * bodyWidth);
-                    }
-                    column.resizeWidth = rdWidth;
+                let status = false;
+                const cols = XEUtils.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+                cols.forEach(item => {
+                    const column = handleFieldOrColumn($xeTable, item);
+                    if (column) {
+                        const colWidth = XEUtils.toInteger(width);
+                        let rdWidth = colWidth;
+                        if (isScale(width)) {
+                            const tableBody = refTableBody.value;
+                            const bodyElem = tableBody ? tableBody.$el : null;
+                            const bodyWidth = bodyElem ? bodyElem.clientWidth - 1 : 0;
+                            rdWidth = Math.floor(colWidth * bodyWidth);
+                        }
+                        column.resizeWidth = rdWidth;
+                        if (!status) {
+                            status = true;
+                        }
+                    }
+                });
+                if (status) {
                     return tableMethods.refreshColumn();
                 }
                 return nextTick();
@@ -4584,16 +4626,36 @@ export default defineComponent({
              */
             scrollTo(scrollLeft, scrollTop) {
                 const tableBody = refTableBody.value;
+                const tableHeader = refTableHeader.value;
                 const tableFooter = refTableFooter.value;
+                const leftBody = refTableLeftBody.value;
                 const rightBody = refTableRightBody.value;
                 const tableBodyElem = tableBody ? tableBody.$el : null;
+                const leftBodyElem = leftBody ? leftBody.$el : null;
                 const rightBodyElem = rightBody ? rightBody.$el : null;
+                const tableHeaderElem = tableHeader ? tableHeader.$el : null;
                 const tableFooterElem = tableFooter ? tableFooter.$el : null;
                 if (XEUtils.isNumber(scrollLeft)) {
-                    setScrollLeft(tableFooterElem || tableBodyElem, scrollLeft);
+                    const xHandleEl = refScrollXHandleElem.value;
+                    if (xHandleEl) {
+                        setScrollLeft(xHandleEl, scrollLeft);
+                    }
+                    else {
+                        setScrollLeft(tableBodyElem, scrollLeft);
+                        setScrollLeft(tableHeaderElem, scrollLeft);
+                        setScrollLeft(tableFooterElem, scrollLeft);
+                    }
                 }
                 if (XEUtils.isNumber(scrollTop)) {
-                    setScrollTop(rightBodyElem || tableBodyElem, scrollTop);
+                    const yHandleEl = refScrollYHandleElem.value;
+                    if (yHandleEl) {
+                        setScrollTop(yHandleEl, scrollTop);
+                    }
+                    else {
+                        setScrollTop(tableBodyElem, scrollTop);
+                        setScrollTop(leftBodyElem, scrollTop);
+                        setScrollTop(rightBodyElem, scrollTop);
+                    }
                 }
                 if (reactData.scrollXLoad || reactData.scrollYLoad) {
                     return new Promise(resolve => {
@@ -6773,7 +6835,7 @@ export default defineComponent({
             triggerScrollXEvent() {
                 loadScrollXData();
             },
-            handleScrollEvent(evnt, isRollY, isRollX, params) {
+            handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, params) {
                 const { highlightHoverRow } = props;
                 const tableBody = refTableBody.value;
                 const bodyElem = tableBody ? tableBody.$el : null;
@@ -6789,17 +6851,36 @@ export default defineComponent({
                 if (tooltip && tooltip.reactData.visible) {
                     tooltip.close();
                 }
-                if (isRollX) {
-                    tablePrivateMethods.checkScrolling();
-                }
                 const bodyHeight = bodyElem ? bodyElem.clientHeight : 0;
                 const bodyWidth = bodyElem ? bodyElem.clientWidth : 0;
                 const scrollHeight = bodyElem ? bodyElem.scrollHeight : 0;
                 const scrollWidth = bodyElem ? bodyElem.scrollWidth : 0;
-                const evntParams = Object.assign({ bodyHeight,
+                let isTop = false;
+                let isBottom = false;
+                let isLeft = false;
+                let isRight = false;
+                if (isRollX) {
+                    isLeft = scrollLeft <= 0;
+                    if (!isTop) {
+                        isRight = scrollLeft + bodyWidth >= scrollWidth;
+                    }
+                    tablePrivateMethods.checkScrolling();
+                }
+                else {
+                    isTop = scrollTop <= 0;
+                    if (!isTop) {
+                        isBottom = scrollTop + bodyHeight >= scrollHeight;
+                    }
+                }
+                const evntParams = Object.assign({ scrollTop,
+                    scrollLeft,
+                    bodyHeight,
                     bodyWidth,
                     scrollHeight,
-                    scrollWidth, isX: isRollX, isY: isRollY }, params);
+                    scrollWidth, isX: isRollX, isY: isRollY, isTop,
+                    isBottom,
+                    isLeft,
+                    isRight }, params);
                 dispatchEvent('scroll', evntParams, evnt);
             },
             /**

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "4.8.8";
+export const version = "4.8.9";
 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.8.8"}`;
+const version = `table v${"4.8.9"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/index.umd.js

@@ -1998,7 +1998,7 @@ function eqEmptyValue(cellValue) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "4.8.8";
+const version = "4.8.9";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2389,7 +2389,7 @@ var es_array_push = __webpack_require__(4114);
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"4.8.8"}`;
+const log_version = `table v${"4.8.9"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -5378,11 +5378,9 @@ const lineOffsetSizes = {
           setScrollTop(leftElem, scrollTop);
           setScrollTop(rightElem, scrollTop);
         }
-        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
           type: renderType,
-          fixed: fixedType,
-          scrollTop,
-          scrollLeft
+          fixed: fixedType
         });
       }
       if (xHandleEl) {
@@ -5392,11 +5390,9 @@ const lineOffsetSizes = {
         tableInternalData.lastScrollLeft = scrollLeft;
         setScrollLeft(headerElem, scrollLeft);
         setScrollLeft(footerElem, scrollLeft);
-        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
           type: renderType,
-          fixed: fixedType,
-          scrollTop,
-          scrollLeft
+          fixed: fixedType
         });
       }
     };
@@ -6186,11 +6182,9 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
         tableReactData.lastScrollTime = Date.now();
         setScrollLeft(headerElem, scrollLeft);
         setScrollLeft(bodyElem, scrollLeft);
-        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+        $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
           type: footer_renderType,
-          fixed: fixedType,
-          scrollTop,
-          scrollLeft
+          fixed: fixedType
         });
       }
     };
@@ -11867,11 +11861,9 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       reactData.lastScrollTime = Date.now();
       handleSyncScrollX(scrollLeft);
       $xeTable.triggerScrollXEvent(evnt);
-      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
         type: 'table',
-        fixed: '',
-        scrollTop,
-        scrollLeft
+        fixed: ''
       });
     };
     const debounceScrollYCalculate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().debounce(function () {
@@ -11903,11 +11895,9 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       reactData.lastScrollTime = Date.now();
       handleSyncScrollY(scrollTop);
       $xeTable.triggerScrollYEvent(evnt);
-      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, {
+      $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
         type: 'table',
-        fixed: '',
-        scrollTop,
-        scrollLeft
+        fixed: ''
       });
     };
     let keyCtxTimeout;
@@ -12658,25 +12648,35 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
        * 设置为固定列
        */
       setColumnFixed(fieldOrColumn, fixed) {
-        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-        const targetColumn = getRootColumn($xeTable, column);
-        const isMaxFixedColumn = computeIsMaxFixedColumn.value;
+        let status = false;
+        const cols = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
         const columnOpts = computeColumnOpts.value;
-        if (targetColumn && targetColumn.fixed !== fixed) {
-          // 是否超过最大固定列数量
-          if (!targetColumn.fixed && isMaxFixedColumn) {
-            if (core_.VxeUI.modal) {
-              core_.VxeUI.modal.message({
-                status: 'error',
-                content: table_getI18n('vxe.table.maxFixedCol', [columnOpts.maxFixedSize])
-              });
+        const isMaxFixedColumn = computeIsMaxFixedColumn.value;
+        for (let i = 0; i < cols.length; i++) {
+          const item = cols[i];
+          const column = handleFieldOrColumn($xeTable, item);
+          const targetColumn = getRootColumn($xeTable, column);
+          if (targetColumn && targetColumn.fixed !== fixed) {
+            // 是否超过最大固定列数量
+            if (!targetColumn.fixed && isMaxFixedColumn) {
+              if (core_.VxeUI.modal) {
+                core_.VxeUI.modal.message({
+                  status: 'error',
+                  content: table_getI18n('vxe.table.maxFixedCol', [columnOpts.maxFixedSize])
+                });
+              }
+              return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+            }
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree([targetColumn], column => {
+              column.fixed = fixed;
+            });
+            tablePrivateMethods.saveCustomStore('update:fixed');
+            if (!status) {
+              status = true;
             }
-            return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
           }
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree([targetColumn], column => {
-            column.fixed = fixed;
-          });
-          tablePrivateMethods.saveCustomStore('update:fixed');
+        }
+        if (status) {
           return tableMethods.refreshColumn();
         }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -12685,13 +12685,22 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
        * 取消指定固定列
        */
       clearColumnFixed(fieldOrColumn) {
-        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-        const targetColumn = getRootColumn($xeTable, column);
-        if (targetColumn && targetColumn.fixed) {
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree([targetColumn], column => {
-            column.fixed = null;
-          });
-          tablePrivateMethods.saveCustomStore('update:fixed');
+        let status = false;
+        const cols = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = handleFieldOrColumn($xeTable, item);
+          const targetColumn = getRootColumn($xeTable, column);
+          if (targetColumn && targetColumn.fixed) {
+            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree([targetColumn], column => {
+              column.fixed = null;
+            });
+            tablePrivateMethods.saveCustomStore('update:fixed');
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tableMethods.refreshColumn();
         }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -12700,9 +12709,18 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
        * 隐藏指定列
        */
       hideColumn(fieldOrColumn) {
-        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-        if (column && column.visible) {
-          column.visible = false;
+        let status = false;
+        const cols = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = handleFieldOrColumn($xeTable, item);
+          if (column && column.visible) {
+            column.visible = false;
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tablePrivateMethods.handleCustom();
         }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -12711,25 +12729,43 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
        * 显示指定列
        */
       showColumn(fieldOrColumn) {
-        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-        if (column && !column.visible) {
-          column.visible = true;
+        let status = false;
+        const cols = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = handleFieldOrColumn($xeTable, item);
+          if (column && !column.visible) {
+            column.visible = true;
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tablePrivateMethods.handleCustom();
         }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       },
       setColumnWidth(fieldOrColumn, width) {
-        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-        if (column) {
-          const colWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(width);
-          let rdWidth = colWidth;
-          if (isScale(width)) {
-            const tableBody = refTableBody.value;
-            const bodyElem = tableBody ? tableBody.$el : null;
-            const bodyWidth = bodyElem ? bodyElem.clientWidth - 1 : 0;
-            rdWidth = Math.floor(colWidth * bodyWidth);
+        let status = false;
+        const cols = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = handleFieldOrColumn($xeTable, item);
+          if (column) {
+            const colWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(width);
+            let rdWidth = colWidth;
+            if (isScale(width)) {
+              const tableBody = refTableBody.value;
+              const bodyElem = tableBody ? tableBody.$el : null;
+              const bodyWidth = bodyElem ? bodyElem.clientWidth - 1 : 0;
+              rdWidth = Math.floor(colWidth * bodyWidth);
+            }
+            column.resizeWidth = rdWidth;
+            if (!status) {
+              status = true;
+            }
           }
-          column.resizeWidth = rdWidth;
+        });
+        if (status) {
           return tableMethods.refreshColumn();
         }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -13857,16 +13893,34 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
        */
       scrollTo(scrollLeft, scrollTop) {
         const tableBody = refTableBody.value;
+        const tableHeader = refTableHeader.value;
         const tableFooter = refTableFooter.value;
+        const leftBody = refTableLeftBody.value;
         const rightBody = refTableRightBody.value;
         const tableBodyElem = tableBody ? tableBody.$el : null;
+        const leftBodyElem = leftBody ? leftBody.$el : null;
         const rightBodyElem = rightBody ? rightBody.$el : null;
+        const tableHeaderElem = tableHeader ? tableHeader.$el : null;
         const tableFooterElem = tableFooter ? tableFooter.$el : null;
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
-          setScrollLeft(tableFooterElem || tableBodyElem, scrollLeft);
+          const xHandleEl = refScrollXHandleElem.value;
+          if (xHandleEl) {
+            setScrollLeft(xHandleEl, scrollLeft);
+          } else {
+            setScrollLeft(tableBodyElem, scrollLeft);
+            setScrollLeft(tableHeaderElem, scrollLeft);
+            setScrollLeft(tableFooterElem, scrollLeft);
+          }
         }
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollTop)) {
-          setScrollTop(rightBodyElem || tableBodyElem, scrollTop);
+          const yHandleEl = refScrollYHandleElem.value;
+          if (yHandleEl) {
+            setScrollTop(yHandleEl, scrollTop);
+          } else {
+            setScrollTop(tableBodyElem, scrollTop);
+            setScrollTop(leftBodyElem, scrollTop);
+            setScrollTop(rightBodyElem, scrollTop);
+          }
         }
         if (reactData.scrollXLoad || reactData.scrollYLoad) {
           return new Promise(resolve => {
@@ -16379,7 +16433,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       triggerScrollXEvent() {
         loadScrollXData();
       },
-      handleScrollEvent(evnt, isRollY, isRollX, params) {
+      handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, params) {
         const {
           highlightHoverRow
         } = props;
@@ -16397,20 +16451,39 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
         if (tooltip && tooltip.reactData.visible) {
           tooltip.close();
         }
-        if (isRollX) {
-          tablePrivateMethods.checkScrolling();
-        }
         const bodyHeight = bodyElem ? bodyElem.clientHeight : 0;
         const bodyWidth = bodyElem ? bodyElem.clientWidth : 0;
         const scrollHeight = bodyElem ? bodyElem.scrollHeight : 0;
         const scrollWidth = bodyElem ? bodyElem.scrollWidth : 0;
+        let isTop = false;
+        let isBottom = false;
+        let isLeft = false;
+        let isRight = false;
+        if (isRollX) {
+          isLeft = scrollLeft <= 0;
+          if (!isTop) {
+            isRight = scrollLeft + bodyWidth >= scrollWidth;
+          }
+          tablePrivateMethods.checkScrolling();
+        } else {
+          isTop = scrollTop <= 0;
+          if (!isTop) {
+            isBottom = scrollTop + bodyHeight >= scrollHeight;
+          }
+        }
         const evntParams = {
+          scrollTop,
+          scrollLeft,
           bodyHeight,
           bodyWidth,
           scrollHeight,
           scrollWidth,
           isX: isRollX,
           isY: isRollY,
+          isTop,
+          isBottom,
+          isLeft,
+          isRight,
           ...params
         };
         dispatchEvent('scroll', evntParams, evnt);