vxe-table 4.8.8 → 4.8.10

package/lib/table/src/footer.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderer=_ui.VxeUI["renderer"],renderType="footer";function mergeFooterMethod(l,o,t){for(let e=0;e<l.length;e++){var{row:r,col:n,rowspan:a,colspan:u}=l[e];if(-1<n&&-1<r&&a&&u){if(r===o&&n===t)return{rowspan:a,colspan:u};if(r<=o&&o<r+a&&n<=t&&t<n+u)return{rowspan:0,colspan:0}}}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(a){const q=(0,_vue.inject)("$xeTable",{}),{xID:n,props:u,reactData:s,internalData:i}=q,{refTableHeader:c,refTableBody:d,refScrollXHandleElem:p}=q.getRefMaps(),{computeTooltipOpts:f,computeColumnOpts:v}=q.getComputeMaps(),x=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),g=(0,_vue.ref)(),y=(0,_vue.ref)(),R=e=>{var l=a["fixedType"],o=c.value,t=d.value,o=o?o.$el:null,r=x.value,t=t.$el,r=r.scrollLeft,n=p.value;n?n.scrollLeft=r:(n=t.scrollTop,i.lastScrollLeft=r,s.lastScrollTime=Date.now(),(0,_dom.setScrollLeft)(o,r),(0,_dom.setScrollLeft)(t,r),q.handleScrollEvent(e,!1,!0,{type:renderType,fixed:l,scrollTop:n,scrollLeft:r}))};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=a["fixedType"],l=i["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=x,l[e+"table"]=m,l[e+"colgroup"]=_,l[e+"list"]=g,l[e+"xSpace"]=y})}),(0,_vue.onUnmounted)(()=>{var e=a["fixedType"],l=i["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null});return()=>{let{fixedType:b,fixedColumn:e,tableColumn:h,footerTableData:w}=a;const{footerRowClassName:l,footerCellClassName:T,footerRowStyle:o,footerCellStyle:C,footerAlign:S,footerSpanMethod:I,align:F,columnKey:$,showFooterOverflow:O}=u;var t=i["visibleColumn"];const{scrollXLoad:M,overflowX:D,scrollbarWidth:r,currentColumn:L,mergeFooterList:j}=s,A=f.value,k=v.value;return b&&(h=s.expandColumn||!M&&!O||j.length&&I?t:e),(0,_vue.h)("div",{ref:x,class:["vxe-table--footer-wrapper",b?`fixed-${b}--wrapper`:"body--wrapper"],xid:n,onScroll:R},[b?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:y,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:m,class:"vxe-table--footer",xid:n,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:_},h.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l})).concat(r?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("tfoot",{ref:g},w.map((_,g)=>{const y=g;var e={$table:q,row:_,_rowIndex:g,$rowIndex:y,fixed:b,type:renderType};return(0,_vue.h)("tr",{class:["vxe-footer--row",l?_xeUtils.default.isFunction(l)?l(e):l:""],style:o?_xeUtils.default.isFunction(o)?o(e):o:null},h.map((l,e)=>{var{type:o,showFooterOverflow:t,footerAlign:r,align:n,footerClassName:a,editRender:u,cellRender:s}=l,u=u||s,s=u?renderer.get(u.name):null;const i=A.showAll;u=l.children&&l.children.length,u=b?l.fixed!==b&&!u:l.fixed&&D,t=_xeUtils.default.eqNull(t)?O:t,r=r||(s?s.tableFooterCellAlign:"")||S||n||(s?s.tableCellAlign:"")||F;let c="ellipsis"===t;const d="title"===t,p=!0===t||"tooltip"===t;let f=d||p||c;var n={colid:l.id},s={},t=q.getColumnIndex(l),v=q.getVTColumnIndex(l),x=v;const m={$table:q,$grid:q.xegrid,row:_,rowIndex:g,_rowIndex:g,$rowIndex:y,column:l,columnIndex:t,$columnIndex:e,_columnIndex:v,itemIndex:x,items:_,fixed:b,type:renderType,data:w};if(M&&!f&&(c=f=!0),(d||p||i)&&(s.onMouseenter=e=>{d?(0,_dom.updateCellTitle)(e.currentTarget,l):(p||i)&&q.triggerFooterTooltipEvent(e,m)}),(p||i)&&(s.onMouseleave=e=>{(p||i)&&q.handleTargetLeaveEvent(e)}),s.onClick=e=>{q.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},m),e)},s.onDblclick=e=>{q.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},m),e)},j.length){t=mergeFooterMethod(j,g,v);if(t){var{rowspan:x,colspan:v}=t;if(!x||!v)return null;1<x&&(n.rowspan=x),1<v&&(n.colspan=v)}}else if(I){var{rowspan:t=1,colspan:x=1}=I(m)||{};if(!t||!x)return null;1<t&&(n.rowspan=t),1<x&&(n.colspan=x)}return(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-footer--column",l.id,{["col--"+r]:r,["col--"+o]:o,"col--last":e===h.length-1,"fixed--hidden":u,"col--ellipsis":f,"col--current":L===l},(0,_dom.getPropClass)(a,m),(0,_dom.getPropClass)(T,m)]},n),{style:C?_xeUtils.default.isFunction(C)?C(m):C:null}),s),{key:$||k.useKey?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":d,"c--tooltip":p,"c--ellipsis":c}]},l.renderFooter(m))])}).concat(r?[(0,_vue.h)("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const renderer=_ui.VxeUI["renderer"],renderType="footer";function mergeFooterMethod(l,o,t){for(let e=0;e<l.length;e++){var{row:r,col:n,rowspan:a,colspan:u}=l[e];if(-1<n&&-1<r&&a&&u){if(r===o&&n===t)return{rowspan:a,colspan:u};if(r<=o&&o<r+a&&n<=t&&t<n+u)return{rowspan:0,colspan:0}}}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableFooter",props:{footerTableData:{type:Array,default:()=>[]},tableColumn:{type:Array,default:()=>[]},fixedColumn:{type:Array,default:()=>[]},fixedType:{type:String,default:null}},setup(a){const L=(0,_vue.inject)("$xeTable",{}),{xID:n,props:u,reactData:i,internalData:s}=L,{refTableHeader:c,refTableBody:d,refScrollXHandleElem:p}=L.getRefMaps(),{computeTooltipOpts:f,computeColumnOpts:v}=L.getComputeMaps(),x=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.ref)(),g=(0,_vue.ref)(),y=(0,_vue.ref)(),R=e=>{var l=a["fixedType"],o=c.value,t=d.value,o=o?o.$el:null,r=x.value,t=t.$el,r=r.scrollLeft,n=p.value;n?n.scrollLeft=r:(n=t.scrollTop,(!!0,_dom.setScrollLeft)(o,r),(0,_dom.setScrollLeft)(t,r),L.handleScrollEvent(e,!1,!0,n,r,{type:renderType,fixed:l}))};(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=a["fixedType"],l=s["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=x,l[e+"table"]=m,l[e+"colgroup"]=_,l[e+"list"]=g,l[e+"xSpace"]=y})}),(0,_vue.onUnmounted)(()=>{var e=a["fixedType"],l=s["elemStore"],e=`${e||"main"}-footer-`;l[e+"wrapper"]=null,l[e+"table"]=null,l[e+"colgroup"]=null,l[e+"list"]=null,l[e+"xSpace"]=null});return()=>{let{fixedType:b,fixedColumn:e,tableColumn:h,footerTableData:w}=a;const{footerRowClassName:l,footerCellClassName:T,footerRowStyle:o,footerCellStyle:C,footerAlign:I,footerSpanMethod:S,align:F,columnKey:$,showFooterOverflow:O}=u;var t=s["visibleColumn"];const{scrollXLoad:M,overflowX:j,scrollbarWidth:r,currentColumn:A,mergeFooterList:D}=i,k=f.value,q=v.value;return b&&(h=i.expandColumn||!M&&!O||D.length&&S?t:e),(0,_vue.h)("div",{ref:x,class:["vxe-table--footer-wrapper",b?`fixed-${b}--wrapper`:"body--wrapper"],xid:n,onScroll:R},[b?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{ref:y,class:"vxe-body--x-space"}),(0,_vue.h)("table",{ref:m,class:"vxe-table--footer",xid:n,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("colgroup",{ref:_},h.map((e,l)=>(0,_vue.h)("col",{name:e.id,key:l})).concat(r?[(0,_vue.h)("col",{name:"col_gutter"})]:[])),(0,_vue.h)("tfoot",{ref:g},w.map((_,g)=>{const y=g;var e={$table:L,row:_,_rowIndex:g,$rowIndex:y,fixed:b,type:renderType};return(0,_vue.h)("tr",{class:["vxe-footer--row",l?_xeUtils.default.isFunction(l)?l(e):l:""],style:o?_xeUtils.default.isFunction(o)?o(e):o:null},h.map((l,e)=>{var{type:o,showFooterOverflow:t,footerAlign:r,align:n,footerClassName:a,editRender:u,cellRender:i}=l,u=u||i,i=u?renderer.get(u.name):null;const s=k.showAll;u=l.children&&l.children.length,u=b?l.fixed!==b&&!u:l.fixed&&j,t=_xeUtils.default.eqNull(t)?O:t,r=r||(i?i.tableFooterCellAlign:"")||I||n||(i?i.tableCellAlign:"")||F;let c="ellipsis"===t;const d="title"===t,p=!0===t||"tooltip"===t;let f=d||p||c;var n={colid:l.id},i={},t=L.getColumnIndex(l),v=L.getVTColumnIndex(l),x=v;const m={$table:L,$grid:L.xegrid,row:_,rowIndex:g,_rowIndex:g,$rowIndex:y,column:l,columnIndex:t,$columnIndex:e,_columnIndex:v,itemIndex:x,items:_,fixed:b,type:renderType,data:w};if(M&&!f&&(c=f=!0),(d||p||s)&&(i.onMouseenter=e=>{d?(0,_dom.updateCellTitle)(e.currentTarget,l):(p||s)&&L.triggerFooterTooltipEvent(e,m)}),(p||s)&&(i.onMouseleave=e=>{(p||s)&&L.handleTargetLeaveEvent(e)}),i.onClick=e=>{L.dispatchEvent("footer-cell-click",Object.assign({cell:e.currentTarget},m),e)},i.onDblclick=e=>{L.dispatchEvent("footer-cell-dblclick",Object.assign({cell:e.currentTarget},m),e)},D.length){t=mergeFooterMethod(D,g,v);if(t){var{rowspan:x,colspan:v}=t;if(!x||!v)return null;1<x&&(n.rowspan=x),1<v&&(n.colspan=v)}}else if(S){var{rowspan:t=1,colspan:x=1}=S(m)||{};if(!t||!x)return null;1<t&&(n.rowspan=t),1<x&&(n.colspan=x)}return(0,_vue.h)("td",Object.assign(Object.assign(Object.assign(Object.assign({class:["vxe-footer--column",l.id,{["col--"+r]:r,["col--"+o]:o,"col--last":e===h.length-1,"fixed--hidden":u,"col--ellipsis":f,"col--current":A===l},(0,_dom.getPropClass)(a,m),(0,_dom.getPropClass)(T,m)]},n),{style:C?_xeUtils.default.isFunction(C)?C(m):C:null}),i),{key:$||q.useKey?l.id:e}),[(0,_vue.h)("div",{class:["vxe-cell",{"c--title":d,"c--tooltip":p,"c--ellipsis":c}]},l.renderFooter(m))])}).concat(r?[(0,_vue.h)("td",{class:"vxe-footer--gutter col--gutter"})]:[]))}))])])}}});

package/lib/table/src/table.js

@@ -408,9 +408,29 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const computeSXOpts = (0, _vue.computed)(() => {
       return Object.assign({}, getConfig().table.scrollX, props.scrollX);
     });
+    const computeScrollXThreshold = (0, _vue.computed)(() => {
+      const sXOpts = computeSXOpts.value;
+      const {
+        threshold
+      } = sXOpts;
+      if (threshold) {
+        return _xeUtils.default.toNumber(threshold);
+      }
+      return 0;
+    });
     const computeSYOpts = (0, _vue.computed)(() => {
       return Object.assign({}, getConfig().table.scrollY, props.scrollY);
     });
+    const computeScrollYThreshold = (0, _vue.computed)(() => {
+      const sYOpts = computeSYOpts.value;
+      const {
+        threshold
+      } = sYOpts;
+      if (threshold) {
+        return _xeUtils.default.toNumber(threshold);
+      }
+      return 0;
+    });
     const computeRowHeightMaps = (0, _vue.computed)(() => {
       return {
         default: 48,
@@ -3344,9 +3364,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       (0, _dom.setScrollLeft)(bodyElem, scrollLeft);
       (0, _dom.setScrollLeft)(headerElem, scrollLeft);
       (0, _dom.setScrollLeft)(footerElem, scrollLeft);
-      (0, _dom.setScrollLeft)(bodyElem, scrollLeft);
-      (0, _dom.setScrollLeft)(headerElem, scrollLeft);
-      (0, _dom.setScrollLeft)(footerElem, scrollLeft);
     };
     const scrollXEvent = evnt => {
       const wrapperEl = evnt.currentTarget;
@@ -3356,15 +3373,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = wrapperEl;
       const isRollX = true;
       const isRollY = false;
-      internalData.lastScrollLeft = scrollLeft;
-      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.default.debounce(function () {
@@ -3392,15 +3405,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = wrapperEl;
       const isRollX = false;
       const isRollY = true;
-      internalData.lastScrollTop = scrollTop;
-      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;
@@ -4151,25 +4160,35 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 设置为固定列
        */
       setColumnFixed(fieldOrColumn, fixed) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        const targetColumn = (0, _util.getRootColumn)($xeTable, column);
-        const isMaxFixedColumn = computeIsMaxFixedColumn.value;
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
         const columnOpts = computeColumnOpts.value;
-        if (targetColumn && targetColumn.fixed !== fixed) {
-          // 是否超过最大固定列数量
-          if (!targetColumn.fixed && isMaxFixedColumn) {
-            if (_ui.VxeUI.modal) {
-              _ui.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 = (0, _util.handleFieldOrColumn)($xeTable, item);
+          const targetColumn = (0, _util.getRootColumn)($xeTable, column);
+          if (targetColumn && targetColumn.fixed !== fixed) {
+            // 是否超过最大固定列数量
+            if (!targetColumn.fixed && isMaxFixedColumn) {
+              if (_ui.VxeUI.modal) {
+                _ui.VxeUI.modal.message({
+                  status: 'error',
+                  content: getI18n('vxe.table.maxFixedCol', [columnOpts.maxFixedSize])
+                });
+              }
+              return (0, _vue.nextTick)();
+            }
+            _xeUtils.default.eachTree([targetColumn], column => {
+              column.fixed = fixed;
+            });
+            tablePrivateMethods.saveCustomStore('update:fixed');
+            if (!status) {
+              status = true;
             }
-            return (0, _vue.nextTick)();
           }
-          _xeUtils.default.eachTree([targetColumn], column => {
-            column.fixed = fixed;
-          });
-          tablePrivateMethods.saveCustomStore('update:fixed');
+        }
+        if (status) {
           return tableMethods.refreshColumn();
         }
         return (0, _vue.nextTick)();
@@ -4178,13 +4197,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 取消指定固定列
        */
       clearColumnFixed(fieldOrColumn) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        const targetColumn = (0, _util.getRootColumn)($xeTable, column);
-        if (targetColumn && targetColumn.fixed) {
-          _xeUtils.default.eachTree([targetColumn], column => {
-            column.fixed = null;
-          });
-          tablePrivateMethods.saveCustomStore('update:fixed');
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          const targetColumn = (0, _util.getRootColumn)($xeTable, column);
+          if (targetColumn && targetColumn.fixed) {
+            _xeUtils.default.eachTree([targetColumn], column => {
+              column.fixed = null;
+            });
+            tablePrivateMethods.saveCustomStore('update:fixed');
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tableMethods.refreshColumn();
         }
         return (0, _vue.nextTick)();
@@ -4193,9 +4221,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 隐藏指定列
        */
       hideColumn(fieldOrColumn) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        if (column && column.visible) {
-          column.visible = false;
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          if (column && column.visible) {
+            column.visible = false;
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tablePrivateMethods.handleCustom();
         }
         return (0, _vue.nextTick)();
@@ -4204,25 +4241,43 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 显示指定列
        */
       showColumn(fieldOrColumn) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        if (column && !column.visible) {
-          column.visible = true;
+        let status = false;
+        const cols = _xeUtils.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          if (column && !column.visible) {
+            column.visible = true;
+            if (!status) {
+              status = true;
+            }
+          }
+        });
+        if (status) {
           return tablePrivateMethods.handleCustom();
         }
         return (0, _vue.nextTick)();
       },
       setColumnWidth(fieldOrColumn, width) {
-        const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
-        if (column) {
-          const colWidth = _xeUtils.default.toInteger(width);
-          let rdWidth = colWidth;
-          if ((0, _dom.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.default.isArray(fieldOrColumn) ? fieldOrColumn : [fieldOrColumn];
+        cols.forEach(item => {
+          const column = (0, _util.handleFieldOrColumn)($xeTable, item);
+          if (column) {
+            const colWidth = _xeUtils.default.toInteger(width);
+            let rdWidth = colWidth;
+            if ((0, _dom.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 (0, _vue.nextTick)();
@@ -5344,16 +5399,34 @@ var _default = exports.default = (0, _vue.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.default.isNumber(scrollLeft)) {
-          (0, _dom.setScrollLeft)(tableFooterElem || tableBodyElem, scrollLeft);
+          const xHandleEl = refScrollXHandleElem.value;
+          if (xHandleEl) {
+            (0, _dom.setScrollLeft)(xHandleEl, scrollLeft);
+          } else {
+            (0, _dom.setScrollLeft)(tableBodyElem, scrollLeft);
+            (0, _dom.setScrollLeft)(tableHeaderElem, scrollLeft);
+            (0, _dom.setScrollLeft)(tableFooterElem, scrollLeft);
+          }
         }
         if (_xeUtils.default.isNumber(scrollTop)) {
-          (0, _dom.setScrollTop)(rightBodyElem || tableBodyElem, scrollTop);
+          const yHandleEl = refScrollYHandleElem.value;
+          if (yHandleEl) {
+            (0, _dom.setScrollTop)(yHandleEl, scrollTop);
+          } else {
+            (0, _dom.setScrollTop)(tableBodyElem, scrollTop);
+            (0, _dom.setScrollTop)(leftBodyElem, scrollTop);
+            (0, _dom.setScrollTop)(rightBodyElem, scrollTop);
+          }
         }
         if (reactData.scrollXLoad || reactData.scrollYLoad) {
           return new Promise(resolve => {
@@ -7864,39 +7937,99 @@ var _default = exports.default = (0, _vue.defineComponent)({
       triggerScrollXEvent() {
         loadScrollXData();
       },
-      handleScrollEvent(evnt, isRollY, isRollX, params) {
+      handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, params) {
         const {
           highlightHoverRow
         } = props;
+        const {
+          lastScrollLeft,
+          lastScrollTop
+        } = internalData;
         const tableBody = refTableBody.value;
         const bodyElem = tableBody ? tableBody.$el : null;
         const rowOpts = computeRowOpts.value;
         const validTip = refValidTooltip.value;
         const tooltip = refTooltip.value;
-        if (rowOpts.isHover || highlightHoverRow) {
-          $xeTable.clearHoverRow();
-        }
-        if (validTip && validTip.reactData.visible) {
-          validTip.close();
-        }
-        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;
+        let direction = '';
+        let isTopBoundary = false;
+        let isBottomBoundary = false;
+        let isLeftBoundary = false;
+        let isRightBoundary = false;
+        if (isRollX) {
+          const xThreshold = computeScrollXThreshold.value;
+          isLeft = scrollLeft <= 0;
+          if (!isLeft) {
+            isRight = scrollLeft + bodyWidth >= scrollWidth;
+          }
+          if (scrollLeft > lastScrollLeft) {
+            direction = 'right';
+            if (scrollLeft + bodyWidth >= scrollWidth - xThreshold) {
+              isRightBoundary = true;
+            }
+          } else {
+            direction = 'left';
+            if (scrollLeft <= xThreshold) {
+              isLeftBoundary = true;
+            }
+          }
+          tablePrivateMethods.checkScrolling();
+          internalData.lastScrollLeft = scrollLeft;
+          reactData.lastScrollTime = Date.now();
+        } else {
+          const yThreshold = computeScrollYThreshold.value;
+          isTop = scrollTop <= 0;
+          if (!isTop) {
+            isBottom = scrollTop + bodyHeight >= scrollHeight;
+          }
+          if (scrollTop > lastScrollTop) {
+            direction = 'bottom';
+            if (scrollTop + bodyHeight >= scrollHeight - yThreshold) {
+              isBottomBoundary = true;
+            }
+          } else {
+            direction = 'top';
+            if (scrollTop <= yThreshold) {
+              isTopBoundary = true;
+            }
+          }
+          internalData.lastScrollTop = scrollTop;
+          reactData.lastScrollTime = Date.now();
+        }
         const evntParams = Object.assign({
+          scrollTop,
+          scrollLeft,
           bodyHeight,
           bodyWidth,
           scrollHeight,
           scrollWidth,
           isX: isRollX,
-          isY: isRollY
+          isY: isRollY,
+          isTop,
+          isBottom,
+          isLeft,
+          isRight,
+          direction
         }, params);
+        if (rowOpts.isHover || highlightHoverRow) {
+          $xeTable.clearHoverRow();
+        }
+        if (validTip && validTip.reactData.visible) {
+          validTip.close();
+        }
+        if (tooltip && tooltip.reactData.visible) {
+          tooltip.close();
+        }
+        if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
+          dispatchEvent('scroll-boundary', evntParams, evnt);
+        }
         dispatchEvent('scroll', evntParams, evnt);
       },
       /**