vxe-gantt 4.0.23 → 4.0.25

package/lib/index.umd.js

@@ -2780,7 +2780,7 @@ var core_ = __webpack_require__(4345);
 const {
   log
 } = core_.VxeUI;
-const version = `gantt v${"4.0.23"}`;
+const version = `gantt v${"4.0.25"}`;
 const warnLog = log.create('warn', version);
 const errLog = log.create('error', version);
 ;// ./packages/ui/index.ts
@@ -2791,7 +2791,7 @@ const {
   setIcon,
   checkVersion
 } = core_.VxeUI;
-core_.VxeUI.ganttVersion = "4.0.23";
+core_.VxeUI.ganttVersion = "4.0.25";
 setConfig({
   gantt: {
     // size: null,
@@ -3088,6 +3088,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 : '';
+}
 ;// ./packages/ui/src/dom.ts
 
 const reClsMap = {};
@@ -3691,6 +3694,8 @@ const gantt_chart_viewType = 'chart';
 
 
 
+
+
 const gantt_body_sourceType = 'gantt';
 const gantt_body_viewType = 'body';
 /* harmony default export */ var gantt_body = (defineVxeComponent({
@@ -3741,14 +3746,20 @@ const gantt_body_viewType = 'body';
       } = internalData;
       const taskViewOpts = computeTaskViewOpts.value;
       const {
-        showNowLine
+        showNowLine,
+        viewStyle
       } = taskViewOpts;
       const {
         scaleItem
       } = headerGroups[headerGroups.length - 1] || {};
       const {
-        field
+        field,
+        dateObj
       } = column;
+      const {
+        cellClassName,
+        cellStyle
+      } = viewStyle || {};
       const todayValue = showNowLine && scaleItem ? todayDateMaps[scaleItem.type] : null;
       const rowRest = fullAllDataRowIdData[rowid] || {};
       const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
@@ -3790,6 +3801,7 @@ const gantt_body_viewType = 'body';
       const ctParams = {
         source: gantt_body_sourceType,
         type: gantt_body_viewType,
+        dateObj,
         row,
         column,
         $rowIndex,
@@ -3801,8 +3813,10 @@ const 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: `${cellHeight}px`
+        }) : {
           height: `${cellHeight}px`
         },
         onClick(evnt) {
@@ -3857,6 +3871,14 @@ const gantt_body_viewType = 'body';
         transform
       } = treeOpts;
       const childrenField = treeOpts.children || treeOpts.childrenField;
+      const taskViewOpts = computeTaskViewOpts.value;
+      const {
+        viewStyle
+      } = taskViewOpts;
+      const {
+        rowClassName,
+        rowStyle
+      } = viewStyle || {};
       const {
         tableColumn,
         scrollYLoad
@@ -3895,6 +3917,14 @@ const gantt_body_viewType = 'body';
           trOns.onDragend = $xeTable.handleRowDragDragendEvent;
           trOns.onDragover = $xeTable.handleRowDragDragoverEvent;
         }
+        const rowParams = {
+          source: gantt_body_sourceType,
+          type: gantt_body_viewType,
+          row,
+          rowIndex,
+          $rowIndex,
+          _rowIndex
+        };
         trVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('tr', {
           key: treeConfig ? rowid : $rowIndex,
           class: ['vxe-gantt-view--body-row', {
@@ -3903,8 +3933,9 @@ const 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)],
           rowid,
+          style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rowStyle) ? rowStyle(rowParams) : rowStyle : undefined,
           ...trOns
         }, tableColumn.map((column, $columnIndex) => renderColumn($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, column, $columnIndex))));
         let isExpandTree = false;
@@ -4053,6 +4084,7 @@ const gantt_footer_viewType = 'footer';
 const {
   globalEvents
 } = core_.VxeUI;
+const gantt_view_sourceType = 'gantt';
 function createInternalData() {
   return {
     xeTable: null,
@@ -4955,8 +4987,7 @@ const maxYHeight = 5e6;
         reactData.lazScrollLoading = false;
       }, 200);
     };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const handleScrollEvent = (evnt, isRollY, isRollX, scrollTop, scrollLeft) => {
+    const handleScrollData = (isRollY, isRollX, scrollTop, scrollLeft) => {
       if (isRollX) {
         internalData.lastScrollLeft = scrollLeft;
       }
@@ -4966,6 +4997,95 @@ const maxYHeight = 5e6;
       reactData.lastScrollTime = Date.now();
       checkLastSyncScroll(isRollX, isRollY);
     };
+    const handleScrollEvent = (evnt, isRollY, isRollX, scrollTop, scrollLeft) => {
+      const $xeTable = internalData.xeTable;
+      const {
+        lastScrollLeft,
+        lastScrollTop
+      } = internalData;
+      const xHandleEl = refScrollXHandleElem.value;
+      const yHandleEl = refScrollYHandleElem.value;
+      if (!xHandleEl || !yHandleEl) {
+        return;
+      }
+      if (!$xeTable) {
+        return;
+      }
+      const {
+        computeScrollXThreshold,
+        computeScrollYThreshold
+      } = $xeTable.getComputeMaps();
+      const bodyHeight = yHandleEl.clientHeight;
+      const bodyWidth = xHandleEl.clientWidth;
+      const scrollHeight = yHandleEl.scrollHeight;
+      const scrollWidth = xHandleEl.scrollWidth;
+      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 - 1;
+        }
+        if (scrollLeft > lastScrollLeft) {
+          direction = 'right';
+          if (scrollLeft + bodyWidth >= scrollWidth - xThreshold) {
+            isRightBoundary = true;
+          }
+        } else {
+          direction = 'left';
+          if (scrollLeft <= xThreshold) {
+            isLeftBoundary = true;
+          }
+        }
+      }
+      if (isRollY) {
+        const yThreshold = computeScrollYThreshold.value;
+        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(isRollY, isRollX, scrollTop, scrollLeft);
+      const evntParams = {
+        source: gantt_view_sourceType,
+        scrollTop,
+        scrollLeft,
+        bodyHeight,
+        bodyWidth,
+        scrollHeight,
+        scrollWidth,
+        isX: isRollX,
+        isY: isRollY,
+        isTop,
+        isBottom,
+        isLeft,
+        isRight,
+        direction
+      };
+      if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
+        $xeGantt.dispatchEvent('scroll-boundary', evntParams, evnt);
+      }
+      $xeGantt.dispatchEvent('scroll', evntParams, evnt);
+    };
     const ganttViewMethods = {
       refreshData() {
         handleUpdateData();
@@ -5105,7 +5225,12 @@ const maxYHeight = 5e6;
             triggerScrollXEvent();
           }
         }
-        handleScrollEvent(evnt, isRollY, isRollX, wrapperEl.scrollTop, scrollLeft);
+        if (isRollY) {
+          handleScrollData(isRollY, isRollX, wrapperEl.scrollTop, scrollLeft);
+        }
+        if (isRollX) {
+          handleScrollEvent(evnt, isRollY, isRollX, wrapperEl.scrollTop, scrollLeft);
+        }
       },
       // triggerFooterScrollEvent (evnt) {
       //   const { inVirtualScroll, inHeaderScroll, inBodyScroll } = internalData
@@ -5169,7 +5294,7 @@ const maxYHeight = 5e6;
           internalData.inVirtualScroll = true;
           setScrollTop(bodyScrollElem, currTopNum);
           syncTableScrollTop(currTopNum);
-          handleScrollEvent(evnt, isRollY, isRollX, currTopNum, wrapperEl.scrollLeft);
+          handleScrollData(isRollY, isRollX, currTopNum, wrapperEl.scrollLeft);
         }
       },
       handleUpdateSXSpace() {
@@ -5334,6 +5459,7 @@ const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadDat
 const defaultLayouts = [['Form'], ['Toolbar', 'Top', 'Gantt', 'Bottom', 'Pager']];
 function gantt_createInternalData() {
   return {
+    uFoot: false,
     resizeTableWidth: 0
   };
 }
@@ -5398,6 +5524,7 @@ function getViewTypeLevel(type) {
       filterData: [],
       formData: {},
       sortData: [],
+      footerData: [],
       tZindex: 0,
       tablePage: {
         total: 0,
@@ -5571,13 +5698,17 @@ function getViewTypeLevel(type) {
     });
     const computeTableExtendProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const rest = {};
+      const ganttProps = props;
       tableComponentPropKeys.forEach(key => {
-        rest[key] = props[key];
+        if (ganttProps[key] !== undefined) {
+          rest[key] = ganttProps[key];
+        }
       });
       return rest;
     });
     const computeTableProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
+        showFooter,
         seqConfig,
         pagerConfig,
         editConfig,
@@ -5585,7 +5716,8 @@ function getViewTypeLevel(type) {
       } = props;
       const {
         isZMax,
-        tablePage
+        tablePage,
+        footerData
       } = reactData;
       const taskViewOpts = computeTaskViewOpts.value;
       const {
@@ -5609,8 +5741,15 @@ function getViewTypeLevel(type) {
           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%';
@@ -5992,9 +6131,12 @@ function getViewTypeLevel(type) {
         reactData.filterData = params.filterList;
         if (proxyConfig && isEnableConf(proxyOpts)) {
           reactData.tablePage.currentPage = 1;
+          internalData.uFoot = true;
           $xeGantt.commitProxy('query').then(rest => {
             $xeGantt.dispatchEvent('proxy-query', rest, params.$event);
           });
+          internalData.uFoot = false;
+          updateQueryFooter();
         }
       }
     };
@@ -6015,12 +6157,15 @@ function getViewTypeLevel(type) {
         return;
       }
       if (proxyConfig && isEnableConf(proxyOpts)) {
+        internalData.uFoot = true;
         $xeGantt.commitProxy('reload').then(rest => {
           $xeGantt.dispatchEvent('proxy-query', {
             ...rest,
             isReload: true
           }, params.$event);
         });
+        internalData.uFoot = false;
+        updateQueryFooter();
       }
       $xeGantt.dispatchEvent('form-submit', params, params.$event);
     };
@@ -6037,12 +6182,15 @@ function getViewTypeLevel(type) {
         if ($xeTable) {
           $xeTable.clearScroll();
         }
+        internalData.uFoot = true;
         $xeGantt.commitProxy('reload').then(rest => {
           $xeGantt.dispatchEvent('proxy-query', {
             ...rest,
             isReload: true
           }, $event);
         });
+        internalData.uFoot = false;
+        updateQueryFooter();
       }
       $xeGantt.dispatchEvent('form-reset', params, $event);
     };
@@ -6200,6 +6348,8 @@ function getViewTypeLevel(type) {
             let itemValue = null;
             if (itemRender) {
               const {
+                startField,
+                endField,
                 defaultValue
               } = itemRender;
               if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(defaultValue)) {
@@ -6209,6 +6359,10 @@ function getViewTypeLevel(type) {
               } else if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(defaultValue)) {
                 itemValue = defaultValue;
               }
+              if (startField && endField) {
+                external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(fData, startField, null);
+                external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(fData, endField, null);
+              }
             }
             fData[field] = itemValue;
           }
@@ -6234,7 +6388,13 @@ function getViewTypeLevel(type) {
         if (!proxyInited) {
           reactData.proxyInited = true;
           if (proxyOpts.autoLoad !== false) {
-            (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => $xeGantt.commitProxy('initial')).then(rest => {
+            (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
+              internalData.uFoot = true;
+              const rest = $xeGantt.commitProxy('initial');
+              internalData.uFoot = false;
+              updateQueryFooter();
+              return rest;
+            }).then(rest => {
               dispatchEvent('proxy-query', {
                 ...rest,
                 isInited: true
@@ -6244,6 +6404,15 @@ function getViewTypeLevel(type) {
         }
       }
     };
+    const updateQueryFooter = () => {
+      const proxyOpts = computeProxyOpts.value;
+      const {
+        ajax
+      } = proxyOpts;
+      if (ajax && ajax.queryFooter) {
+        return $xeGantt.commitProxy('queryFooter');
+      }
+    };
     const handleGlobalKeydownEvent = evnt => {
       const zoomOpts = computeZoomOpts.value;
       const isEsc = gantt_globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
@@ -6268,6 +6437,7 @@ function getViewTypeLevel(type) {
        */
       commitProxy(proxyTarget, ...args) {
         const {
+          showFooter,
           proxyConfig,
           toolbarConfig,
           pagerConfig,
@@ -6285,6 +6455,8 @@ function getViewTypeLevel(type) {
         const {
           beforeQuery,
           afterQuery,
+          beforeQueryFooter,
+          afterQueryFooter,
           beforeDelete,
           afterDelete,
           beforeSave,
@@ -6349,15 +6521,16 @@ function getViewTypeLevel(type) {
           case 'reload':
           case 'query':
             {
-              const ajaxMethods = ajax.query;
-              const querySuccessMethods = ajax.querySuccess;
-              const queryErrorMethods = ajax.queryError;
-              if (ajaxMethods) {
+              const qMethods = ajax.query;
+              const qsMethods = ajax.querySuccess;
+              const qeMethods = ajax.queryError;
+              if (qMethods) {
                 const isInited = code === 'initial';
                 const isReload = code === 'reload';
                 if (!isInited && reactData.tableLoading) {
                   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
                 }
+                let operPromise = null;
                 let sortList = [];
                 let filterList = [];
                 let pageParams = {};
@@ -6421,7 +6594,7 @@ function getViewTypeLevel(type) {
                 } else {
                   if ($xeTable) {
                     if (isReload) {
-                      $xeTable.clearAll();
+                      operPromise = $xeTable.clearAll();
                     } else {
                       sortList = $xeTable.getSortColumns();
                       filterList = $xeTable.getCheckedFilters();
@@ -6441,31 +6614,27 @@ function getViewTypeLevel(type) {
                   sorts: sortList,
                   filters: filterList,
                   form: formData,
-                  options: ajaxMethods
+                  options: qMethods
                 };
                 reactData.sortData = sortList;
                 reactData.filterData = filterList;
                 reactData.tableLoading = true;
-                return Promise.resolve((beforeQuery || ajaxMethods)(commitParams, ...args)).then(rest => {
+                return Promise.all([Promise.resolve((beforeQuery || qMethods)(commitParams, ...args)), operPromise]).then(([rest]) => {
                   let tableData = [];
                   reactData.tableLoading = false;
                   if (rest) {
+                    const reParams = {
+                      data: rest,
+                      $table: $xeTable,
+                      $grid: null,
+                      $gantt: $xeGantt
+                    };
                     if (pagerConfig && isEnableConf(pagerOpts)) {
                       const totalProp = resConfigs.total;
-                      const 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;
+                      const 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);
                       const 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')) || [];
                       // 检验当前页码，不能超出当前最大页数
                       const pageCount = Math.max(Math.ceil(total / tablePage.pageSize), 1);
                       if (tablePage.currentPage > pageCount) {
@@ -6473,18 +6642,25 @@ function getViewTypeLevel(type) {
                       }
                     } else {
                       const 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) {
+                      const fdProp = resConfigs.footerData;
+                      const 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 {
                     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+                      const $xeTable = refTable.value;
                       if ($xeTable) {
                         $xeTable.loadData(tableData);
                       }
@@ -6493,8 +6669,8 @@ function getViewTypeLevel(type) {
                   if (afterQuery) {
                     afterQuery(commitParams, ...args);
                   }
-                  if (querySuccessMethods) {
-                    querySuccessMethods({
+                  if (qsMethods) {
+                    qsMethods({
                       ...commitParams,
                       response: rest
                     });
@@ -6504,8 +6680,58 @@ function getViewTypeLevel(type) {
                   };
                 }).catch(rest => {
                   reactData.tableLoading = false;
-                  if (queryErrorMethods) {
-                    queryErrorMethods({
+                  if (qeMethods) {
+                    qeMethods({
+                      ...commitParams,
+                      response: rest
+                    });
+                  }
+                  return {
+                    status: false
+                  };
+                });
+              } else {
+                errLog('vxe.error.notFunc', ['[gantt] proxy-config.ajax.query']);
+              }
+              break;
+            }
+          case 'queryFooter':
+            {
+              const qfMethods = ajax.queryFooter;
+              const qfSuccessMethods = ajax.queryFooterSuccess;
+              const qfErrorMethods = ajax.queryFooterError;
+              if (qfMethods) {
+                let filterList = [];
+                if ($xeTable) {
+                  filterList = $xeTable.getCheckedFilters();
+                }
+                const commitParams = {
+                  $table: $xeTable,
+                  $grid: null,
+                  $gantt: $xeGantt,
+                  code,
+                  button,
+                  filters: filterList,
+                  form: formData,
+                  options: qfMethods
+                };
+                return Promise.resolve((beforeQueryFooter || qfMethods)(commitParams, ...args)).then(rest => {
+                  reactData.footerData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rest) ? rest : [];
+                  if (afterQueryFooter) {
+                    afterQueryFooter(commitParams, ...args);
+                  }
+                  if (qfSuccessMethods) {
+                    qfSuccessMethods({
+                      ...commitParams,
+                      response: rest
+                    });
+                  }
+                  return {
+                    status: true
+                  };
+                }).catch(rest => {
+                  if (qfErrorMethods) {
+                    qfErrorMethods({
                       ...commitParams,
                       response: rest
                     });
@@ -6515,16 +6741,16 @@ function getViewTypeLevel(type) {
                   };
                 });
               } else {
-                errLog('vxe.error.notFunc', ['proxy-config.ajax.query']);
+                errLog('vxe.error.notFunc', ['[gantt] proxy-config.ajax.queryFooter']);
               }
               break;
             }
           case 'delete':
             {
-              const ajaxMethods = ajax.delete;
+              const dMethods = ajax.delete;
               const deleteSuccessMethods = ajax.deleteSuccess;
               const deleteErrorMethods = ajax.deleteError;
-              if (ajaxMethods) {
+              if (dMethods) {
                 const selectRecords = $xeGantt.getCheckboxRecords();
                 const removeRecords = selectRecords.filter(row => !$xeTable.isInsertByRow(row));
                 const body = {
@@ -6538,7 +6764,7 @@ function getViewTypeLevel(type) {
                   button,
                   body,
                   form: formData,
-                  options: ajaxMethods
+                  options: dMethods
                 };
                 if (selectRecords.length) {
                   return handleDeleteRow(code, 'vxe.grid.deleteSelectRecord', () => {
@@ -6546,7 +6772,7 @@ function getViewTypeLevel(type) {
                       return $xeTable.remove(selectRecords);
                     }
                     reactData.tableLoading = true;
-                    return Promise.resolve((beforeDelete || ajaxMethods)(commitParams, ...args)).then(rest => {
+                    return Promise.resolve((beforeDelete || dMethods)(commitParams, ...args)).then(rest => {
                       reactData.tableLoading = false;
                       $xeTable.setPendingRow(removeRecords, false);
                       if (isRespMsg) {
@@ -6560,7 +6786,10 @@ function getViewTypeLevel(type) {
                       if (afterDelete) {
                         afterDelete(commitParams, ...args);
                       } else {
+                        internalData.uFoot = true;
                         $xeGantt.commitProxy('query');
+                        internalData.uFoot = false;
+                        updateQueryFooter();
                       }
                       if (deleteSuccessMethods) {
                         deleteSuccessMethods({
@@ -6605,7 +6834,7 @@ function getViewTypeLevel(type) {
                   }
                 }
               } else {
-                errLog('vxe.error.notFunc', ['proxy-config.ajax.delete']);
+                errLog('vxe.error.notFunc', ['[gantt] proxy-config.ajax.delete']);
               }
               break;
             }
@@ -6666,7 +6895,10 @@ function getViewTypeLevel(type) {
                       if (afterSave) {
                         afterSave(commitParams, ...args);
                       } else {
+                        internalData.uFoot = true;
                         $xeGantt.commitProxy('query');
+                        internalData.uFoot = false;
+                        updateQueryFooter();
                       }
                       if (saveSuccessMethods) {
                         saveSuccessMethods({
@@ -6711,7 +6943,7 @@ function getViewTypeLevel(type) {
                   }
                 });
               } else {
-                errLog('vxe.error.notFunc', ['proxy-config.ajax.save']);
+                errLog('vxe.error.notFunc', ['[gantt] proxy-config.ajax.save']);
               }
               break;
             }
@@ -6729,7 +6961,7 @@ function getViewTypeLevel(type) {
                     $gantt: $xeGantt
                   }, ...args);
                 } else {
-                  errLog('vxe.error.notCommands', [code]);
+                  errLog('vxe.error.notCommands', [`[grid] ${code}`]);
                 }
               }
             }
@@ -6948,6 +7180,9 @@ function getViewTypeLevel(type) {
        * 获取需要排除的高度
        */
       getExcludeHeight() {
+        const {
+          height
+        } = props;
         const {
           isZMax
         } = reactData;
@@ -6959,7 +7194,10 @@ function getViewTypeLevel(type) {
           const bottomWrapper = refBottomWrapper.value;
           const pagerWrapper = refPagerWrapper.value;
           const parentEl = el.parentElement;
-          const parentPaddingSize = isZMax ? 0 : parentEl ? getPaddingTopBottomSize(parentEl) : 0;
+          let parentPaddingSize = 0;
+          if (parentEl && (height === '100%' || height === 'auto')) {
+            parentPaddingSize = isZMax ? 0 : getPaddingTopBottomSize(parentEl);
+          }
           return parentPaddingSize + getPaddingTopBottomSize(el) + getOffsetHeight(formWrapper) + getOffsetHeight(toolbarWrapper) + getOffsetHeight(topWrapper) + getOffsetHeight(bottomWrapper) + getOffsetHeight(pagerWrapper);
         }
         return 0;
@@ -6976,14 +7214,26 @@ function getViewTypeLevel(type) {
         const {
           code
         } = params;
-        return $xeGantt.commitProxy(params, evnt).then(rest => {
-          if (code && rest && rest.status && ['query', 'reload', 'delete', 'save'].includes(code)) {
-            $xeGantt.dispatchEvent(code === 'delete' || code === 'save' ? `proxy-${code}` : 'proxy-query', {
-              ...rest,
-              isReload: code === 'reload'
-            }, evnt);
+        if (code) {
+          const isUf = ['reload', 'delete', 'save'].includes(code);
+          if (isUf) {
+            internalData.uFoot = true;
           }
-        });
+          const rest = $xeGantt.commitProxy(params, evnt).then(rest => {
+            if (rest && rest.status && ['query', 'reload', 'delete', 'save'].includes(code)) {
+              $xeGantt.dispatchEvent(code === 'delete' || code === 'save' ? `proxy-${code}` : 'proxy-query', {
+                ...rest,
+                isReload: code === 'reload'
+              }, evnt);
+            }
+          });
+          internalData.uFoot = false;
+          if (isUf) {
+            updateQueryFooter();
+          }
+          return rest;
+        }
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       },
       triggerToolbarBtnEvent(button, evnt) {
         $xeGantt.triggerToolbarCommitEvent(button, evnt);