vxe-gantt 4.0.24 → 4.0.26

package/lib/index.umd.js

@@ -2780,7 +2780,7 @@ var core_ = __webpack_require__(4345);
 const {
   log
 } = core_.VxeUI;
-const version = `gantt v${"4.0.24"}`;
+const version = `gantt v${"4.0.26"}`;
 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.24";
+core_.VxeUI.ganttVersion = "4.0.26";
 setConfig({
   gantt: {
     // size: null,
@@ -3531,7 +3531,8 @@ const gantt_chart_viewType = 'chart';
         showProgress,
         showContent,
         contentMethod,
-        barStyle
+        barStyle,
+        drag
       } = taskBarOpts;
       const isBarRowStyle = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(barStyle);
       const barStyObj = (barStyle ? isBarRowStyle ? barStyle(barParams) : barStyle : {}) || {};
@@ -3579,6 +3580,7 @@ const gantt_chart_viewType = 'chart';
         rowid,
         class: ['vxe-gantt-view--chart-row', {
           'is--round': round,
+          'is--drag': drag,
           'col--rs-height': isRsHeight
         }],
         style: {
@@ -5459,6 +5461,7 @@ const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadDat
 const defaultLayouts = [['Form'], ['Toolbar', 'Top', 'Gantt', 'Bottom', 'Pager']];
 function gantt_createInternalData() {
   return {
+    uFoot: false,
     resizeTableWidth: 0
   };
 }
@@ -5493,8 +5496,8 @@ function getViewTypeLevel(type) {
     taskViewConfig: Object,
     taskBarConfig: Object,
     taskSplitConfig: Object,
-    taskResizeConfig: Object,
-    taskDragConfig: Object,
+    taskBarResizeConfig: Object,
+    taskBarDragConfig: Object,
     size: {
       type: String,
       default: () => getConfig().gantt.size || getConfig().size
@@ -5523,6 +5526,7 @@ function getViewTypeLevel(type) {
       filterData: [],
       formData: {},
       sortData: [],
+      footerData: [],
       tZindex: 0,
       tablePage: {
         total: 0,
@@ -5607,6 +5611,12 @@ function getViewTypeLevel(type) {
     const computeTaskBarOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().gantt.taskBarConfig, props.taskBarConfig);
     });
+    const computeTaskBarDragOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().gantt.taskBarDragConfig, props.taskBarDragConfig);
+    });
+    const computeTaskBarResizeOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().gantt.taskBarResizeConfig, props.taskBarResizeConfig);
+    });
     const computeTaskSplitOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().gantt.taskSplitConfig, props.taskSplitConfig);
     });
@@ -5696,13 +5706,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,
@@ -5710,7 +5724,8 @@ function getViewTypeLevel(type) {
       } = props;
       const {
         isZMax,
-        tablePage
+        tablePage,
+        footerData
       } = reactData;
       const taskViewOpts = computeTaskViewOpts.value;
       const {
@@ -5734,8 +5749,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%';
@@ -5855,6 +5877,8 @@ function getViewTypeLevel(type) {
       computeTaskViewScaleMapsOpts,
       computeTaskViewOpts,
       computeTaskBarOpts,
+      computeTaskBarDragOpts,
+      computeTaskBarResizeOpts,
       computeTaskSplitOpts,
       computeTaskScaleConfs,
       computeTitleField,
@@ -6117,9 +6141,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();
         }
       }
     };
@@ -6140,12 +6167,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);
     };
@@ -6162,12 +6192,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);
     };
@@ -6325,6 +6358,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)) {
@@ -6334,6 +6369,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;
           }
@@ -6359,7 +6398,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
@@ -6369,6 +6414,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);
@@ -6393,6 +6447,7 @@ function getViewTypeLevel(type) {
        */
       commitProxy(proxyTarget, ...args) {
         const {
+          showFooter,
           proxyConfig,
           toolbarConfig,
           pagerConfig,
@@ -6410,6 +6465,8 @@ function getViewTypeLevel(type) {
         const {
           beforeQuery,
           afterQuery,
+          beforeQueryFooter,
+          afterQueryFooter,
           beforeDelete,
           afterDelete,
           beforeSave,
@@ -6474,15 +6531,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 = {};
@@ -6546,7 +6604,7 @@ function getViewTypeLevel(type) {
                 } else {
                   if ($xeTable) {
                     if (isReload) {
-                      $xeTable.clearAll();
+                      operPromise = $xeTable.clearAll();
                     } else {
                       sortList = $xeTable.getSortColumns();
                       filterList = $xeTable.getCheckedFilters();
@@ -6566,31 +6624,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) {
@@ -6598,18 +6652,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);
                       }
@@ -6618,8 +6679,8 @@ function getViewTypeLevel(type) {
                   if (afterQuery) {
                     afterQuery(commitParams, ...args);
                   }
-                  if (querySuccessMethods) {
-                    querySuccessMethods({
+                  if (qsMethods) {
+                    qsMethods({
                       ...commitParams,
                       response: rest
                     });
@@ -6629,8 +6690,8 @@ function getViewTypeLevel(type) {
                   };
                 }).catch(rest => {
                   reactData.tableLoading = false;
-                  if (queryErrorMethods) {
-                    queryErrorMethods({
+                  if (qeMethods) {
+                    qeMethods({
                       ...commitParams,
                       response: rest
                     });
@@ -6640,16 +6701,66 @@ function getViewTypeLevel(type) {
                   };
                 });
               } else {
-                errLog('vxe.error.notFunc', ['proxy-config.ajax.query']);
+                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
+                    });
+                  }
+                  return {
+                    status: false
+                  };
+                });
+              } else {
+                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 = {
@@ -6663,7 +6774,7 @@ function getViewTypeLevel(type) {
                   button,
                   body,
                   form: formData,
-                  options: ajaxMethods
+                  options: dMethods
                 };
                 if (selectRecords.length) {
                   return handleDeleteRow(code, 'vxe.grid.deleteSelectRecord', () => {
@@ -6671,7 +6782,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) {
@@ -6685,7 +6796,10 @@ function getViewTypeLevel(type) {
                       if (afterDelete) {
                         afterDelete(commitParams, ...args);
                       } else {
+                        internalData.uFoot = true;
                         $xeGantt.commitProxy('query');
+                        internalData.uFoot = false;
+                        updateQueryFooter();
                       }
                       if (deleteSuccessMethods) {
                         deleteSuccessMethods({
@@ -6730,7 +6844,7 @@ function getViewTypeLevel(type) {
                   }
                 }
               } else {
-                errLog('vxe.error.notFunc', ['proxy-config.ajax.delete']);
+                errLog('vxe.error.notFunc', ['[gantt] proxy-config.ajax.delete']);
               }
               break;
             }
@@ -6791,7 +6905,10 @@ function getViewTypeLevel(type) {
                       if (afterSave) {
                         afterSave(commitParams, ...args);
                       } else {
+                        internalData.uFoot = true;
                         $xeGantt.commitProxy('query');
+                        internalData.uFoot = false;
+                        updateQueryFooter();
                       }
                       if (saveSuccessMethods) {
                         saveSuccessMethods({
@@ -6836,7 +6953,7 @@ function getViewTypeLevel(type) {
                   }
                 });
               } else {
-                errLog('vxe.error.notFunc', ['proxy-config.ajax.save']);
+                errLog('vxe.error.notFunc', ['[gantt] proxy-config.ajax.save']);
               }
               break;
             }
@@ -6854,7 +6971,7 @@ function getViewTypeLevel(type) {
                     $gantt: $xeGantt
                   }, ...args);
                 } else {
-                  errLog('vxe.error.notCommands', [code]);
+                  errLog('vxe.error.notCommands', [`[grid] ${code}`]);
                 }
               }
             }
@@ -7073,6 +7190,9 @@ function getViewTypeLevel(type) {
        * 获取需要排除的高度
        */
       getExcludeHeight() {
+        const {
+          height
+        } = props;
         const {
           isZMax
         } = reactData;
@@ -7084,7 +7204,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;
@@ -7101,14 +7224,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);