vxe-gantt 3.0.23 → 3.0.25

package/lib/index.umd.js

@@ -8182,7 +8182,7 @@ var core_ = __webpack_require__(4345);
 ;// ./packages/ui/src/log.ts
 
 var log = core_.VxeUI.log;
-var version = "gantt v".concat("3.0.23");
+var version = "gantt v".concat("3.0.25");
 var warnLog = log.create('warn', version);
 var errLog = log.create('error', version);
 ;// ./packages/ui/index.ts
@@ -8192,7 +8192,7 @@ var errLog = log.create('error', version);
 var setConfig = core_.VxeUI.setConfig,
   setIcon = core_.VxeUI.setIcon,
   checkVersion = core_.VxeUI.checkVersion;
-core_.VxeUI.ganttVersion = "3.0.23";
+core_.VxeUI.ganttVersion = "3.0.25";
 setConfig({
   gantt: {
     // size: null,
@@ -8413,10 +8413,67 @@ function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
-var es_array_filter = __webpack_require__(2008);
+;// ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
+;// ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+
+
+
+
+
+
+
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+;// ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+;// ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+
+
+
+
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
+var es_array_filter = __webpack_require__(2008);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
 var es_iterator_constructor = __webpack_require__(8111);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
@@ -8687,6 +8744,9 @@ function eqEmptyValue(cellValue) {
 function getStringValue(cellValue) {
   return eqEmptyValue(cellValue) ? '' : cellValue;
 }
+function getClass(property, params) {
+  return property ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(property) ? property(params) : property : '';
+}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
 var es_regexp_constructor = __webpack_require__(4864);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.dot-all.js
@@ -8906,63 +8966,6 @@ function getSlotVNs(vns) {
   }
   return [vns];
 }
-;// ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-
-;// ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-
-
-
-
-
-
-
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-;// ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-;// ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
-
-
-
-
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
 var es_array_find = __webpack_require__(113);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.find.js
@@ -9355,6 +9358,9 @@ var gantt_chart_viewType = 'chart';
 
 
 
+
+
+
 var gantt_body_sourceType = 'gantt';
 var gantt_body_viewType = 'body';
 /* harmony default export */ var gantt_body = (defineVxeComponent({
@@ -9391,10 +9397,15 @@ var gantt_body_viewType = 'body';
       var headerGroups = reactData.headerGroups;
       var todayDateMaps = internalData.todayDateMaps;
       var taskViewOpts = $xeGantt.computeTaskViewOpts;
-      var showNowLine = taskViewOpts.showNowLine;
+      var showNowLine = taskViewOpts.showNowLine,
+        viewStyle = taskViewOpts.viewStyle;
       var _ref = headerGroups[headerGroups.length - 1] || {},
         scaleItem = _ref.scaleItem;
-      var field = column.field;
+      var field = column.field,
+        dateObj = column.dateObj;
+      var _ref2 = viewStyle || {},
+        cellClassName = _ref2.cellClassName,
+        cellStyle = _ref2.cellStyle;
       var todayValue = showNowLine && scaleItem ? todayDateMaps[scaleItem.type] : null;
       var rowRest = fullAllDataRowIdData[rowid] || {};
       var resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
@@ -9442,6 +9453,7 @@ var gantt_body_viewType = 'body';
       var ctParams = {
         source: gantt_body_sourceType,
         type: gantt_body_viewType,
+        dateObj: dateObj,
         row: row,
         column: column,
         $rowIndex: $rowIndex,
@@ -9453,8 +9465,10 @@ var gantt_body_viewType = 'body';
         class: ['vxe-gantt-view--body-column', {
           'is--now': showNowLine && todayValue === field,
           'col--rs-height': isRsHeight
-        }],
-        style: {
+        }, getClass(cellClassName, ctParams)],
+        style: cellStyle ? Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellStyle) ? cellStyle(ctParams) : cellStyle, {
+          height: "".concat(cellHeight, "px")
+        }) : {
           height: "".concat(cellHeight, "px")
         },
         on: {
@@ -9479,6 +9493,7 @@ var gantt_body_viewType = 'body';
     renderRows: function renderRows(h, $xeTable, tableData) {
       var _vm = this;
       var $xeGanttView = _vm.$xeGanttView;
+      var $xeGantt = _vm.$xeGantt;
       var reactData = $xeGanttView.reactData;
       var tableProps = $xeTable;
       var treeConfig = tableProps.treeConfig,
@@ -9500,6 +9515,11 @@ var gantt_body_viewType = 'body';
       var treeOpts = $xeTable.computeTreeOpts;
       var transform = treeOpts.transform;
       var childrenField = treeOpts.children || treeOpts.childrenField;
+      var taskViewOpts = $xeGantt.computeTaskViewOpts;
+      var viewStyle = taskViewOpts.viewStyle;
+      var _ref3 = viewStyle || {},
+        rowClassName = _ref3.rowClassName,
+        rowStyle = _ref3.rowStyle;
       var tableColumn = reactData.tableColumn,
         scrollYLoad = reactData.scrollYLoad;
       var trVNs = [];
@@ -9536,6 +9556,14 @@ var gantt_body_viewType = 'body';
           trOns.dragend = $xeTable.handleRowDragDragendEvent;
           trOns.dragover = $xeTable.handleRowDragDragoverEvent;
         }
+        var rowParams = {
+          source: gantt_body_sourceType,
+          type: gantt_body_viewType,
+          row: row,
+          rowIndex: rowIndex,
+          $rowIndex: $rowIndex,
+          _rowIndex: _rowIndex
+        };
         trVNs.push(h('tr', {
           key: treeConfig ? rowid : $rowIndex,
           class: ['vxe-gantt-view--body-row', {
@@ -9544,7 +9572,8 @@ var gantt_body_viewType = 'body';
             'row--radio': radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
             'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
             'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid]
-          }],
+          }, getClass(rowClassName, rowParams)],
+          style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rowStyle) ? rowStyle(rowParams) : rowStyle : undefined,
           attrs: {
             rowid: rowid
           },
@@ -9725,6 +9754,7 @@ var gantt_footer_viewType = 'footer';
 
 
 var globalEvents = core_.VxeUI.globalEvents;
+var gantt_view_sourceType = 'gantt';
 function createInternalData() {
   return {
     xeTable: null,
@@ -10530,10 +10560,103 @@ function checkLastSyncScroll($xeGanttView, isRollX, isRollY) {
     reactData.lazScrollLoading = false;
   }, 200);
 }
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function handleScrollEvent($xeGanttView, evnt, isRollY, isRollX, scrollTop, scrollLeft) {
+function handleScrollData($xeGanttView, isRollY, isRollX, scrollTop, scrollLeft) {
+  var reactData = $xeGanttView.reactData;
+  var internalData = $xeGanttView.internalData;
+  if (isRollX) {
+    internalData.lastScrollLeft = scrollLeft;
+  }
+  if (isRollY) {
+    internalData.lastScrollTop = scrollTop;
+  }
+  reactData.lastScrollTime = Date.now();
   checkLastSyncScroll($xeGanttView, isRollX, isRollY);
 }
+function handleScrollEvent($xeGanttView, evnt, isRollY, isRollX, scrollTop, scrollLeft) {
+  var $xeGantt = $xeGanttView.$xeGantt;
+  var internalData = $xeGanttView.internalData;
+  var $xeTable = internalData.xeTable;
+  var lastScrollLeft = internalData.lastScrollLeft,
+    lastScrollTop = internalData.lastScrollTop;
+  var xHandleEl = $xeGanttView.$refs.refScrollXHandleElem;
+  var yHandleEl = $xeGanttView.$refs.refScrollYHandleElem;
+  if (!xHandleEl || !yHandleEl) {
+    return;
+  }
+  if (!$xeTable) {
+    return;
+  }
+  var bodyHeight = yHandleEl.clientHeight;
+  var bodyWidth = xHandleEl.clientWidth;
+  var scrollHeight = yHandleEl.scrollHeight;
+  var scrollWidth = xHandleEl.scrollWidth;
+  var isTop = false;
+  var isBottom = false;
+  var isLeft = false;
+  var isRight = false;
+  var direction = '';
+  var isTopBoundary = false;
+  var isBottomBoundary = false;
+  var isLeftBoundary = false;
+  var isRightBoundary = false;
+  if (isRollX) {
+    var xThreshold = $xeTable.computeScrollXThreshold;
+    isLeft = scrollLeft <= 0;
+    if (!isLeft) {
+      isRight = scrollLeft + bodyWidth >= scrollWidth - 1;
+    }
+    if (scrollLeft > lastScrollLeft) {
+      direction = 'right';
+      if (scrollLeft + bodyWidth >= scrollWidth - xThreshold) {
+        isRightBoundary = true;
+      }
+    } else {
+      direction = 'left';
+      if (scrollLeft <= xThreshold) {
+        isLeftBoundary = true;
+      }
+    }
+  }
+  if (isRollY) {
+    var yThreshold = $xeTable.computeScrollYThreshold;
+    isTop = scrollTop <= 0;
+    if (!isTop) {
+      isBottom = scrollTop + bodyHeight >= scrollHeight - 1;
+    }
+    if (scrollTop > lastScrollTop) {
+      direction = 'bottom';
+      if (scrollTop + bodyHeight >= scrollHeight - yThreshold) {
+        isBottomBoundary = true;
+      }
+    } else {
+      direction = 'top';
+      if (scrollTop <= yThreshold) {
+        isTopBoundary = true;
+      }
+    }
+  }
+  handleScrollData($xeGanttView, isRollY, isRollX, scrollTop, scrollLeft);
+  var evntParams = {
+    source: gantt_view_sourceType,
+    scrollTop: scrollTop,
+    scrollLeft: scrollLeft,
+    bodyHeight: bodyHeight,
+    bodyWidth: bodyWidth,
+    scrollHeight: scrollHeight,
+    scrollWidth: scrollWidth,
+    isX: isRollX,
+    isY: isRollY,
+    isTop: isTop,
+    isBottom: isBottom,
+    isLeft: isLeft,
+    isRight: isRight,
+    direction: direction
+  };
+  if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
+    $xeGantt.dispatchEvent('scroll-boundary', evntParams, evnt);
+  }
+  $xeGantt.dispatchEvent('scroll', evntParams, evnt);
+}
 /**
  * 同步表格滚动
  */
@@ -10977,6 +11100,8 @@ var external_root_VxeUITable_commonjs_vxe_table_commonjs2_vxe_table_amd_vxe_tabl
 
 
 
+
+
 
 
 
@@ -11043,6 +11168,7 @@ external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default(
 });
 function gantt_createInternalData() {
   return {
+    uFoot: false,
     resizeTableWidth: 0
   };
 }
@@ -11090,6 +11216,7 @@ function gantt_createInternalData() {
       filterData: [],
       formData: {},
       sortData: [],
+      footerData: [],
       tZindex: 0,
       tablePage: {
         total: 0,
@@ -11256,7 +11383,9 @@ function gantt_createInternalData() {
       var rest = {};
       var gridProps = props;
       propKeys.forEach(function (key) {
-        rest[key] = gridProps[key];
+        if (gridProps[key] !== undefined) {
+          rest[key] = gridProps[key];
+        }
       });
       return rest;
     },
@@ -11264,12 +11393,14 @@ function gantt_createInternalData() {
       var $xeGantt = this;
       var props = $xeGantt;
       var reactData = $xeGantt.reactData;
-      var seqConfig = props.seqConfig,
+      var showFooter = props.showFooter,
+        seqConfig = props.seqConfig,
         pagerConfig = props.pagerConfig,
         editConfig = props.editConfig,
         proxyConfig = props.proxyConfig;
       var isZMax = reactData.isZMax,
-        tablePage = reactData.tablePage;
+        tablePage = reactData.tablePage,
+        footerData = reactData.footerData;
       var taskViewOpts = $xeGantt.computeTaskViewOpts;
       var tableStyle = taskViewOpts.tableStyle;
       var tableExtendProps = $xeGantt.computeTableExtendProps;
@@ -11288,8 +11419,15 @@ function gantt_createInternalData() {
           tProps.border = border;
         }
       }
+      if (showFooter && !tProps.footerData) {
+        // 如果未设置自己的标位数据，则使用代理的
+        tProps.footerData = footerData;
+      } else if (proxyOpts.footer && footerData.length) {
+        // 如果代理标为数据，且未请求到数据，则用自己的
+        tProps.footerData = footerData;
+      }
       if (isZMax) {
-        if (tableExtendProps.maxHeight) {
+        if (tProps.maxHeight) {
           tProps.maxHeight = '100%';
         } else {
           tProps.height = '100%';
@@ -11642,6 +11780,7 @@ function gantt_createInternalData() {
       var $xeGantt = this;
       var props = $xeGantt;
       var reactData = $xeGantt.reactData;
+      var internalData = $xeGantt.internalData;
       var $xeTable = $xeGantt.$refs.refTable;
       var proxyConfig = props.proxyConfig;
       var proxyOpts = $xeGantt.computeProxyOpts;
@@ -11651,9 +11790,12 @@ function gantt_createInternalData() {
         reactData.filterData = params.filterList;
         if (proxyConfig && isEnableConf(proxyOpts)) {
           reactData.tablePage.currentPage = 1;
+          internalData.uFoot = true;
           $xeGantt.commitProxy('query').then(function (rest) {
             $xeGantt.dispatchEvent('proxy-query', rest, params.$event);
           });
+          internalData.uFoot = false;
+          $xeGantt.updateQueryFooter();
         }
       }
     },
@@ -11671,34 +11813,42 @@ function gantt_createInternalData() {
       var $xeGantt = this;
       var props = $xeGantt;
       var reactData = $xeGantt.reactData;
+      var internalData = $xeGantt.internalData;
       var proxyConfig = props.proxyConfig;
       var proxyOpts = $xeGantt.computeProxyOpts;
       if (reactData.tableLoading) {
         return;
       }
       if (proxyConfig && isEnableConf(proxyOpts)) {
+        internalData.uFoot = true;
         $xeGantt.commitProxy('reload').then(function (rest) {
           $xeGantt.dispatchEvent('proxy-query', _objectSpread2(_objectSpread2({}, rest), {}, {
             isReload: true
           }), params.$event);
         });
+        internalData.uFoot = false;
+        $xeGantt.updateQueryFooter();
       }
       $xeGantt.dispatchEvent('form-submit', params, params.$event);
     },
     resetFormEvent: function resetFormEvent(params) {
       var $xeGantt = this;
       var props = $xeGantt;
+      var internalData = $xeGantt.internalData;
       var $xeTable = $xeGantt.$refs.refTable;
       var proxyConfig = props.proxyConfig;
       var $event = params.$event;
       var proxyOpts = $xeGantt.computeProxyOpts;
       if (proxyConfig && isEnableConf(proxyOpts)) {
         $xeTable.clearScroll();
+        internalData.uFoot = true;
         $xeGantt.commitProxy('reload').then(function (rest) {
           $xeGantt.dispatchEvent('proxy-query', _objectSpread2(_objectSpread2({}, rest), {}, {
             isReload: true
           }), $event);
         });
+        internalData.uFoot = false;
+        $xeGantt.updateQueryFooter();
       }
       $xeGantt.dispatchEvent('form-reset', params, $event);
     },
@@ -11846,6 +11996,7 @@ function gantt_createInternalData() {
       var $xeGantt = this;
       var props = $xeGantt;
       var reactData = $xeGantt.reactData;
+      var internalData = $xeGantt.internalData;
       var proxyConfig = props.proxyConfig,
         formConfig = props.formConfig;
       var proxyInited = reactData.proxyInited;
@@ -11855,18 +12006,32 @@ function gantt_createInternalData() {
         if (isEnableConf(formConfig) && proxyOpts.form && formOpts.items) {
           reactData.formData = $xeGantt.getDefaultFormData();
         }
-        if (!proxyInited && proxyOpts.autoLoad !== false) {
+        if (!proxyInited) {
           reactData.proxyInited = true;
-          $xeGantt.$nextTick().then(function () {
-            return $xeGantt.commitProxy('initial');
-          }).then(function (rest) {
-            $xeGantt.dispatchEvent('proxy-query', _objectSpread2(_objectSpread2({}, rest), {}, {
-              isInited: true
-            }), new Event('initial'));
-          });
+          if (proxyOpts.autoLoad !== false) {
+            $xeGantt.$nextTick().then(function () {
+              internalData.uFoot = true;
+              var rest = $xeGantt.commitProxy('initial');
+              internalData.uFoot = false;
+              $xeGantt.updateQueryFooter();
+              return rest;
+            }).then(function (rest) {
+              $xeGantt.dispatchEvent('proxy-query', _objectSpread2(_objectSpread2({}, rest), {}, {
+                isInited: true
+              }), new Event('initial'));
+            });
+          }
         }
       }
     },
+    updateQueryFooter: function updateQueryFooter() {
+      var $xeGantt = this;
+      var proxyOpts = $xeGantt.computeProxyOpts;
+      var ajax = proxyOpts.ajax;
+      if (ajax && ajax.queryFooter) {
+        return $xeGantt.commitProxy('queryFooter');
+      }
+    },
     handleGlobalKeydownEvent: function handleGlobalKeydownEvent(evnt) {
       var $xeGantt = this;
       var reactData = $xeGantt.reactData;
@@ -11885,15 +12050,20 @@ function gantt_createInternalData() {
        * @param {String/Object} code 字符串或对象
        */
     commitProxy: function commitProxy(proxyTarget) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
       var $xeGantt = this;
       var props = $xeGantt;
       var reactData = $xeGantt.reactData;
+      var internalData = $xeGantt.internalData;
       /**
        * 已废弃
        * @deprecated
        */
       var toolbar = props.toolbar;
-      var proxyConfig = props.proxyConfig,
+      var showFooter = props.showFooter,
+        proxyConfig = props.proxyConfig,
         toolbarConfig = props.toolbarConfig,
         pagerConfig = props.pagerConfig,
         editRules = props.editRules,
@@ -11906,6 +12076,8 @@ function gantt_createInternalData() {
       var toolbarOpts = $xeGantt.computeToolbarOpts;
       var beforeQuery = proxyOpts.beforeQuery,
         afterQuery = proxyOpts.afterQuery,
+        beforeQueryFooter = proxyOpts.beforeQueryFooter,
+        afterQueryFooter = proxyOpts.afterQueryFooter,
         beforeDelete = proxyOpts.beforeDelete,
         afterDelete = proxyOpts.afterDelete,
         beforeSave = proxyOpts.beforeSave,
@@ -11931,9 +12103,6 @@ function gantt_createInternalData() {
         code = button.code;
       }
       var btnParams = button ? button.params : null;
-      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-        args[_key2 - 1] = arguments[_key2];
-      }
       switch (code) {
         case 'insert':
           return $xeTable.insert({});
@@ -11975,23 +12144,25 @@ function gantt_createInternalData() {
         case 'reload':
         case 'query':
           {
-            var ajaxMethods = ajax.query;
-            var querySuccessMethods = ajax.querySuccess;
-            var queryErrorMethods = ajax.queryError;
-            if (ajaxMethods) {
+            var qMethods = ajax.query;
+            var qsMethods = ajax.querySuccess;
+            var qeMethods = ajax.queryError;
+            if (qMethods) {
               var isInited = code === 'initial';
               var isReload = code === 'reload';
               if (!isInited && reactData.tableLoading) {
                 return $xeGantt.$nextTick();
               }
+              var operPromise = null;
               var sortList = [];
               var filterList = [];
               var pageParams = {};
               if (pagerConfig) {
                 if (isInited || isReload) {
+                  // 重置分页
                   tablePage.currentPage = 1;
                 }
-                if (isEnableConf(pagerConfig)) {
+                if (isEnableConf(pagerOpts)) {
                   pageParams = _objectSpread2({}, tablePage);
                 }
               }
@@ -12037,7 +12208,7 @@ function gantt_createInternalData() {
               } else {
                 if ($xeTable) {
                   if (isReload) {
-                    $xeTable.clearAll();
+                    operPromise = $xeTable.clearAll();
                   } else {
                     sortList = $xeTable.getSortColumns();
                     filterList = $xeTable.getCheckedFilters();
@@ -12057,32 +12228,29 @@ function gantt_createInternalData() {
                 sorts: sortList,
                 filters: filterList,
                 form: formData,
-                options: ajaxMethods
+                options: qMethods
               };
               reactData.sortData = sortList;
               reactData.filterData = filterList;
               reactData.tableLoading = true;
-              var applyArgs = [commitParams].concat(args);
-              return Promise.resolve((beforeQuery || ajaxMethods).apply(void 0, _toConsumableArray(applyArgs))).then(function (rest) {
+              return Promise.all([Promise.resolve((beforeQuery || qMethods).apply(void 0, [commitParams].concat(args))), operPromise]).then(function (_ref3) {
+                var _ref4 = _slicedToArray(_ref3, 1),
+                  rest = _ref4[0];
                 var tableData = [];
                 reactData.tableLoading = false;
                 if (rest) {
+                  var reParams = {
+                    data: rest,
+                    $table: $xeTable,
+                    $grid: null,
+                    $gantt: $xeGantt
+                  };
                   if (pagerConfig && isEnableConf(pagerOpts)) {
                     var totalProp = resConfigs.total;
-                    var total = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(totalProp) ? totalProp({
-                      data: rest,
-                      $table: $xeTable,
-                      $grid: null,
-                      $gantt: $xeGantt
-                    }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, totalProp || 'page.total')) || 0;
+                    var total = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(totalProp) ? totalProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, totalProp || 'page.total')) || 0;
                     tablePage.total = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(total);
                     var resultProp = resConfigs.result;
-                    tableData = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(resultProp) ? resultProp({
-                      data: rest,
-                      $table: $xeTable,
-                      $grid: null,
-                      $gantt: $xeGantt
-                    }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, resultProp || 'result')) || [];
+                    tableData = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(resultProp) ? resultProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, resultProp || 'result')) || [];
                     // 检验当前页码，不能超出当前最大页数
                     var pageCount = Math.max(Math.ceil(total / tablePage.pageSize), 1);
                     if (tablePage.currentPage > pageCount) {
@@ -12090,28 +12258,35 @@ function gantt_createInternalData() {
                     }
                   } else {
                     var listProp = resConfigs.list;
-                    tableData = (listProp ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(listProp) ? listProp({
-                      data: rest,
-                      $table: $xeTable,
-                      $grid: null,
-                      $gantt: $xeGantt
-                    }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, listProp) : rest) || [];
+                    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest)) {
+                      tableData = rest;
+                    } else if (listProp) {
+                      tableData = (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(listProp) ? listProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, listProp)) || [];
+                    }
+                  }
+                  if (showFooter) {
+                    var fdProp = resConfigs.footerData;
+                    var footerList = fdProp ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(fdProp) ? fdProp(reParams) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, fdProp) : [];
+                    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(footerList)) {
+                      reactData.footerData = footerList;
+                    }
                   }
                 }
                 if ($xeTable) {
                   $xeTable.loadData(tableData);
                 } else {
-                  $xeTable.$nextTick(function () {
+                  $xeGantt.$nextTick(function () {
+                    var $xeTable = $xeGantt.$refs.refTable;
                     if ($xeTable) {
                       $xeTable.loadData(tableData);
                     }
                   });
                 }
                 if (afterQuery) {
-                  afterQuery.apply(void 0, _toConsumableArray(applyArgs));
+                  afterQuery.apply(void 0, [commitParams].concat(args));
                 }
-                if (querySuccessMethods) {
-                  querySuccessMethods(_objectSpread2(_objectSpread2({}, commitParams), {}, {
+                if (qsMethods) {
+                  qsMethods(_objectSpread2(_objectSpread2({}, commitParams), {}, {
                     response: rest
                   }));
                 }
@@ -12120,8 +12295,8 @@ function gantt_createInternalData() {
                 };
               }).catch(function (rest) {
                 reactData.tableLoading = false;
-                if (queryErrorMethods) {
-                  queryErrorMethods(_objectSpread2(_objectSpread2({}, commitParams), {}, {
+                if (qeMethods) {
+                  qeMethods(_objectSpread2(_objectSpread2({}, commitParams), {}, {
                     response: rest
                   }));
                 }
@@ -12130,16 +12305,64 @@ function gantt_createInternalData() {
                 };
               });
             } else {
-              errLog('vxe.error.notFunc', ['proxy-config.ajax.query']);
+              errLog('vxe.error.notFunc', ['[gantt] proxy-config.ajax.query']);
+            }
+            break;
+          }
+        case 'queryFooter':
+          {
+            var qfMethods = ajax.queryFooter;
+            var qfSuccessMethods = ajax.queryFooterSuccess;
+            var qfErrorMethods = ajax.queryFooterError;
+            if (qfMethods) {
+              var _filterList = [];
+              if ($xeTable) {
+                _filterList = $xeTable.getCheckedFilters();
+              }
+              var _commitParams = {
+                $table: $xeTable,
+                $grid: null,
+                $gantt: $xeGantt,
+                code: code,
+                button: button,
+                filters: _filterList,
+                form: formData,
+                options: qfMethods
+              };
+              return Promise.resolve((beforeQueryFooter || qfMethods).apply(void 0, [_commitParams].concat(args))).then(function (rest) {
+                reactData.footerData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest) ? rest : [];
+                if (afterQueryFooter) {
+                  afterQueryFooter.apply(void 0, [_commitParams].concat(args));
+                }
+                if (qfSuccessMethods) {
+                  qfSuccessMethods(_objectSpread2(_objectSpread2({}, _commitParams), {}, {
+                    response: rest
+                  }));
+                }
+                return {
+                  status: true
+                };
+              }).catch(function (rest) {
+                if (qfErrorMethods) {
+                  qfErrorMethods(_objectSpread2(_objectSpread2({}, _commitParams), {}, {
+                    response: rest
+                  }));
+                }
+                return {
+                  status: false
+                };
+              });
+            } else {
+              errLog('vxe.error.notFunc', ['[gantt] proxy-config.ajax.queryFooter']);
             }
             break;
           }
         case 'delete':
           {
-            var _ajaxMethods = ajax.delete;
+            var ajaxMethods = ajax.delete;
             var deleteSuccessMethods = ajax.deleteSuccess;
             var deleteErrorMethods = ajax.deleteError;
-            if (_ajaxMethods) {
+            if (ajaxMethods) {
               var selectRecords = $xeTable.getCheckboxRecords();
               var removeRecords = selectRecords.filter(function (row) {
                 return !$xeTable.isInsertByRow(row);
@@ -12147,7 +12370,7 @@ function gantt_createInternalData() {
               var body = {
                 removeRecords: removeRecords
               };
-              var _commitParams = {
+              var _commitParams2 = {
                 $table: $xeTable,
                 $grid: null,
                 $gantt: $xeGantt,
@@ -12155,16 +12378,16 @@ function gantt_createInternalData() {
                 button: button,
                 body: body,
                 form: formData,
-                options: _ajaxMethods
+                options: ajaxMethods
               };
-              var _applyArgs = [_commitParams].concat(args);
+              var applyArgs = [_commitParams2].concat(args);
               if (selectRecords.length) {
                 return $xeGantt.handleDeleteRow(code, 'vxe.grid.deleteSelectRecord', function () {
                   if (!removeRecords.length) {
                     return $xeTable.remove(selectRecords);
                   }
                   reactData.tableLoading = true;
-                  return Promise.resolve((beforeDelete || _ajaxMethods).apply(void 0, _toConsumableArray(_applyArgs))).then(function (rest) {
+                  return Promise.resolve((beforeDelete || ajaxMethods).apply(void 0, _toConsumableArray(applyArgs))).then(function (rest) {
                     reactData.tableLoading = false;
                     $xeTable.setPendingRow(removeRecords, false);
                     if (isRespMsg) {
@@ -12178,12 +12401,15 @@ function gantt_createInternalData() {
                       });
                     }
                     if (afterDelete) {
-                      afterDelete.apply(void 0, _toConsumableArray(_applyArgs));
+                      afterDelete.apply(void 0, _toConsumableArray(applyArgs));
                     } else {
+                      internalData.uFoot = true;
                       $xeGantt.commitProxy('query');
+                      internalData.uFoot = false;
+                      $xeGantt.updateQueryFooter();
                     }
                     if (deleteSuccessMethods) {
-                      deleteSuccessMethods(_objectSpread2(_objectSpread2({}, _commitParams), {}, {
+                      deleteSuccessMethods(_objectSpread2(_objectSpread2({}, _commitParams2), {}, {
                         response: rest
                       }));
                     }
@@ -12204,7 +12430,7 @@ function gantt_createInternalData() {
                       });
                     }
                     if (deleteErrorMethods) {
-                      deleteErrorMethods(_objectSpread2(_objectSpread2({}, _commitParams), {}, {
+                      deleteErrorMethods(_objectSpread2(_objectSpread2({}, _commitParams2), {}, {
                         response: rest
                       }));
                     }
@@ -12233,16 +12459,16 @@ function gantt_createInternalData() {
           }
         case 'save':
           {
-            var _ajaxMethods2 = ajax.save;
+            var _ajaxMethods = ajax.save;
             var saveSuccessMethods = ajax.saveSuccess;
             var saveErrorMethods = ajax.saveError;
-            if (_ajaxMethods2) {
+            if (_ajaxMethods) {
               var _body = $xeGantt.getRecordset();
               var insertRecords = _body.insertRecords,
                 _removeRecords = _body.removeRecords,
                 updateRecords = _body.updateRecords,
                 pendingRecords = _body.pendingRecords;
-              var _commitParams2 = {
+              var _commitParams3 = {
                 $table: $xeTable,
                 $grid: null,
                 $gantt: $xeGantt,
@@ -12250,9 +12476,9 @@ function gantt_createInternalData() {
                 button: button,
                 body: _body,
                 form: formData,
-                options: _ajaxMethods2
+                options: _ajaxMethods
               };
-              var _applyArgs2 = [_commitParams2].concat(args);
+              var _applyArgs = [_commitParams3].concat(args);
               // 排除掉新增且标记为删除的数据
               if (insertRecords.length) {
                 _body.pendingRecords = pendingRecords.filter(function (row) {
@@ -12277,7 +12503,7 @@ function gantt_createInternalData() {
                 }
                 if (_body.insertRecords.length || _removeRecords.length || updateRecords.length || _body.pendingRecords.length) {
                   reactData.tableLoading = true;
-                  return Promise.resolve((beforeSave || _ajaxMethods2).apply(void 0, _toConsumableArray(_applyArgs2))).then(function (rest) {
+                  return Promise.resolve((beforeSave || _ajaxMethods).apply(void 0, _toConsumableArray(_applyArgs))).then(function (rest) {
                     reactData.tableLoading = false;
                     $xeTable.clearPendingRow();
                     if (isRespMsg) {
@@ -12291,12 +12517,15 @@ function gantt_createInternalData() {
                       });
                     }
                     if (afterSave) {
-                      afterSave.apply(void 0, _toConsumableArray(_applyArgs2));
+                      afterSave.apply(void 0, _toConsumableArray(_applyArgs));
                     } else {
+                      internalData.uFoot = true;
                       $xeGantt.commitProxy('query');
+                      internalData.uFoot = false;
+                      $xeGantt.updateQueryFooter();
                     }
                     if (saveSuccessMethods) {
-                      saveSuccessMethods(_objectSpread2(_objectSpread2({}, _commitParams2), {}, {
+                      saveSuccessMethods(_objectSpread2(_objectSpread2({}, _commitParams3), {}, {
                         response: rest
                       }));
                     }
@@ -12317,7 +12546,7 @@ function gantt_createInternalData() {
                       });
                     }
                     if (saveErrorMethods) {
-                      saveErrorMethods(_objectSpread2(_objectSpread2({}, _commitParams2), {}, {
+                      saveErrorMethods(_objectSpread2(_objectSpread2({}, _commitParams3), {}, {
                         response: rest
                       }));
                     }
@@ -12623,14 +12852,26 @@ function gantt_createInternalData() {
     },
     triggerToolbarCommitEvent: function triggerToolbarCommitEvent(params, evnt) {
       var $xeGantt = this;
+      var internalData = $xeGantt.internalData;
       var code = params.code;
-      return $xeGantt.commitProxy(params, evnt).then(function (rest) {
-        if (code && rest && rest.status && ['query', 'reload', 'delete', 'save'].includes(code)) {
-          $xeGantt.dispatchEvent(code === 'delete' || code === 'save' ? "proxy-".concat(code) : 'proxy-query', _objectSpread2(_objectSpread2({}, rest), {}, {
-            isReload: code === 'reload'
-          }), evnt);
+      if (code) {
+        var isUf = ['reload', 'delete', 'save'].includes(code);
+        if (isUf) {
+          internalData.uFoot = true;
         }
-      });
+        var rest = $xeGantt.commitProxy(params, evnt).then(function (rest) {
+          if (code && rest && rest.status && ['query', 'reload', 'delete', 'save'].includes(code)) {
+            $xeGantt.dispatchEvent(code === 'delete' || code === 'save' ? "proxy-".concat(code) : 'proxy-query', _objectSpread2(_objectSpread2({}, rest), {}, {
+              isReload: code === 'reload'
+            }), evnt);
+          }
+        });
+        if (isUf) {
+          $xeGantt.updateQueryFooter();
+        }
+        internalData.uFoot = false;
+        return rest;
+      }
     },
     triggerToolbarBtnEvent: function triggerToolbarBtnEvent(button, evnt) {
       var $xeGantt = this;