vxe-gantt 3.0.27 → 3.1.1

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.27");
+var version = "gantt v".concat("3.1.1");
 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.27";
+core_.VxeUI.ganttVersion = "3.1.1";
 setConfig({
   gantt: {
     // size: null,
@@ -8231,6 +8231,9 @@ setConfig({
       // beforeSave: null,
       // afterSave: null
     },
+    taskBarTooltipConfig: {
+      enterable: true
+    },
     taskViewScaleConfig: {
       week: {
         startDay: 1
@@ -8523,6 +8526,8 @@ function _objectSpread2(e) {
   return e;
 }
 
+// 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.array.includes.js
 var es_array_includes = __webpack_require__(4423);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
@@ -8531,6 +8536,8 @@ var es_array_join = __webpack_require__(8598);
 var es_array_map = __webpack_require__(2062);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
 var es_array_sort = __webpack_require__(6910);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.find.js
+var es_iterator_find = __webpack_require__(116);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
 var es_iterator_map = __webpack_require__(1701);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
@@ -8710,6 +8717,9 @@ var getConfig = core_.VxeUI.getConfig;
 function isEnableConf(conf) {
   return conf && conf.enabled !== false;
 }
+function isEmptyValue(cellValue) {
+  return cellValue === null || cellValue === undefined || cellValue === '';
+}
 function nextZIndex() {
   return index_esm.getNext();
 }
@@ -8735,6 +8745,9 @@ function getFuncText(content, args) {
   }
   return '';
 }
+function formatText(value, placeholder) {
+  return '' + (isEmptyValue(value) ? placeholder ? core_.VxeUI.getConfig().emptyCell : '' : value);
+}
 /**
  * 判断值为：'' | null | undefined 时都属于空值
  */
@@ -8966,10 +8979,6 @@ function getSlotVNs(vns) {
   }
   return [vns];
 }
-// 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
-var es_iterator_find = __webpack_require__(116);
 ;// ./packages/gantt/src/util.ts
 function getRefElem(refEl) {
   if (refEl) {
@@ -8980,6 +8989,17 @@ function getRefElem(refEl) {
 function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
   return rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
 }
+function getStandardGapTime(type) {
+  switch (type) {
+    case 'hour':
+      return 1000 * 60 * 60;
+    case 'minute':
+      return 1000 * 60;
+    case 'second':
+      return 1000;
+  }
+  return 1000 * 60 * 60 * 24;
+}
 ;// ./packages/gantt/src/gantt-header.ts
 
 
@@ -8989,7 +9009,6 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
 
 
 
-
 var getI18n = core_.VxeUI.getI18n;
 var sourceType = 'gantt';
 var viewType = 'header';
@@ -9046,11 +9065,13 @@ var viewType = 'header';
         var scaleItem = _ref.scaleItem,
           columns = _ref.columns;
         var type = scaleItem.type,
+          titleFormat = scaleItem.titleFormat,
           titleMethod = scaleItem.titleMethod,
           headerCellStyle = scaleItem.headerCellStyle,
           slots = scaleItem.slots;
         var titleSlot = slots ? slots.title : null;
-        var todayValue = showNowLine && $rowIndex === headerGroups.length - 1 ? todayDateMaps[type] : null;
+        var isLast = $rowIndex === headerGroups.length - 1;
+        var todayValue = isLast && showNowLine ? todayDateMaps[type] : null;
         return h('tr', {
           key: $rowIndex
         }, columns.map(function (column, cIndex) {
@@ -9058,11 +9079,17 @@ var viewType = 'header';
             childCount = column.childCount,
             dateObj = column.dateObj;
           var label = "".concat(column.title);
-          if ($rowIndex < headerGroups.length - 1) {
-            if (scaleItem.type === 'day') {
-              label = getI18n("vxe.gantt.dayss.w".concat(dateObj.e));
+          if (scaleItem.type === 'day') {
+            label = getI18n("vxe.gantt.dayss.w".concat(dateObj.e));
+          } else {
+            if ($rowIndex) {
+              label = getI18n("vxe.gantt.tSimpleFormat.".concat(type), dateObj);
             } else {
-              label = getI18n("vxe.gantt.".concat(!$rowIndex && headerGroups.length > 1 ? 'tFullFormat' : 'tSimpleFormat', ".").concat(type), dateObj);
+              if (isLast && scaleItem.type === 'week') {
+                label = getI18n("vxe.gantt.tSimpleFormat.".concat(type), dateObj);
+              } else {
+                label = getI18n("vxe.gantt.tFullFormat.".concat(type), dateObj);
+              }
             }
           }
           var cellVNs = label;
@@ -9079,6 +9106,8 @@ var viewType = 'header';
             cellVNs = $xeGantt.callSlot(titleSlot, ctParams, h);
           } else if (titleMethod) {
             cellVNs = "".concat(titleMethod(ctParams));
+          } else if (titleFormat) {
+            cellVNs = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateObj.date, titleFormat);
           }
           var cellStys = {};
           if (headerCellStyle) {
@@ -9147,6 +9176,7 @@ var viewType = 'header';
 
 
 
+
 var renderEmptyElement = core_.VxeUI.renderEmptyElement;
 var gantt_chart_sourceType = 'gantt';
 var gantt_chart_viewType = 'chart';
@@ -9194,7 +9224,8 @@ var gantt_chart_viewType = 'chart';
         showContent = taskBarOpts.showContent,
         contentMethod = taskBarOpts.contentMethod,
         barStyle = taskBarOpts.barStyle,
-        drag = taskBarOpts.drag;
+        drag = taskBarOpts.drag,
+        showTooltip = taskBarOpts.showTooltip;
       var isBarRowStyle = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(barStyle);
       var barStyObj = (barStyle ? isBarRowStyle ? barStyle(barParams) : barStyle : {}) || {};
       var round = barStyObj.round;
@@ -9230,8 +9261,34 @@ var gantt_chart_viewType = 'chart';
         row: row,
         $rowIndex: $rowIndex,
         rowIndex: rowIndex,
-        _rowIndex: _rowIndex
+        _rowIndex: _rowIndex,
+        $gantt: $xeGantt
+      };
+      var ons = {
+        click: function click(evnt) {
+          $xeGantt.handleTaskBarClickEvent(evnt, barParams);
+        },
+        dblclick: function dblclick(evnt) {
+          $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
+        },
+        mousedown: function mousedown(evnt) {
+          if ($xeGantt.handleTaskBarMousedownEvent) {
+            $xeGantt.handleTaskBarMousedownEvent(evnt, barParams);
+          }
+        }
       };
+      if (showTooltip) {
+        ons.mouseover = function (evnt) {
+          $xeGantt.triggerTaskBarTooltipEvent(evnt, Object.assign({
+            $event: evnt
+          }, ctParams));
+        };
+        ons.mouseleave = function (evnt) {
+          $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, Object.assign({
+            $event: evnt
+          }, ctParams));
+        };
+      }
       return h('div', {
         key: treeConfig ? rowid : $rowIndex,
         attrs: {
@@ -9256,19 +9313,7 @@ var gantt_chart_viewType = 'chart';
         attrs: {
           rowid: rowid
         },
-        on: {
-          click: function click(evnt) {
-            $xeGantt.handleTaskBarClickEvent(evnt, barParams);
-          },
-          dblclick: function dblclick(evnt) {
-            $xeGantt.handleTaskBarDblclickEvent(evnt, barParams);
-          },
-          mousedown: function mousedown(evnt) {
-            if ($xeGantt.handleTaskBarMousedownEvent) {
-              $xeGantt.handleTaskBarMousedownEvent(evnt, barParams);
-            }
-          }
-        }
+        on: ons
       }, taskBarSlot ? $xeGantt.callSlot(taskBarSlot, barParams, h) : [showProgress ? h('div', {
         class: 'vxe-gantt-view--chart-progress',
         style: vpStyle
@@ -9757,6 +9802,8 @@ var gantt_footer_viewType = 'footer';
 
 var globalEvents = core_.VxeUI.globalEvents;
 var gantt_view_sourceType = 'gantt';
+var minuteMs = 1000 * 60;
+var dayMs = minuteMs * 60 * 24;
 function createInternalData() {
   return {
     xeTable: null,
@@ -9822,43 +9869,17 @@ function updateTodayData($xeGanttView) {
     second: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH, "_").concat(mm, "_").concat(ss)
   };
 }
-function handleParseColumn($xeGanttView) {
+function handleColumnHeader($xeGanttView) {
   var $xeGantt = $xeGanttView.$xeGantt;
-  var reactData = $xeGanttView.reactData;
-  var internalData = $xeGanttView.internalData;
-  var ganttProps = $xeGantt;
   var ganttReactData = $xeGantt.reactData;
-  var treeConfig = ganttProps.treeConfig;
   var taskScaleList = ganttReactData.taskScaleList;
-  var minViewDate = reactData.minViewDate,
-    maxViewDate = reactData.maxViewDate;
-  var minScale = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(taskScaleList);
+  var scaleUnit = $xeGantt.computeScaleUnit;
+  var minScale = $xeGantt.computeMinScale;
+  var weekScale = $xeGantt.computeWeekScale;
+  var scaleDateList = $xeGanttView.computeScaleDateList;
   var fullCols = [];
   var groupCols = [];
-  if (minScale && minViewDate && maxViewDate) {
-    var minSType = minScale.type;
-    var weekScale = taskScaleList.find(function (item) {
-      return item.type === 'week';
-    });
-    var gapTime = 1000 * 60 * 60 * 24;
-    switch (minScale.type) {
-      case 'hour':
-        gapTime = 1000 * 60 * 60;
-        break;
-      case 'minute':
-        gapTime = 1000 * 60;
-        break;
-      case 'second':
-        gapTime = 1000;
-        break;
-      default:
-        {
-          break;
-        }
-    }
-    var currTime = minViewDate.getTime();
-    var diffDayNum = maxViewDate.getTime() - minViewDate.getTime();
-    var countSize = Math.max(5, Math.floor(diffDayNum / gapTime) + 1);
+  if (minScale && scaleUnit && scaleDateList.length) {
     var renderListMaps = {
       year: [],
       quarter: [],
@@ -9882,7 +9903,7 @@ function handleParseColumn($xeGanttView) {
       second: {}
     };
     var handleData = function handleData(type, colMaps, minCol) {
-      if (minSType === type) {
+      if (minScale.type === type) {
         return;
       }
       var currCol = colMaps[type];
@@ -9900,8 +9921,8 @@ function handleParseColumn($xeGanttView) {
         currGpCol.children.push(minCol);
       }
     };
-    for (var i = 0; i < countSize; i++) {
-      var itemDate = new Date(currTime + i * gapTime);
+    for (var i = 0; i < scaleDateList.length; i++) {
+      var itemDate = scaleDateList[i];
       var _XEUtils$toDateString3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-'),
         _XEUtils$toDateString4 = _slicedToArray(_XEUtils$toDateString3, 6),
         yyyy = _XEUtils$toDateString4[0],
@@ -9915,6 +9936,7 @@ function handleParseColumn($xeGanttView) {
       var q = Math.ceil((itemDate.getMonth() + 1) / 3);
       var W = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getYearWeek(itemDate, weekScale ? weekScale.startDay : undefined);
       var dateObj = {
+        date: itemDate,
         yy: yyyy,
         M: MM,
         d: dd,
@@ -9973,14 +9995,14 @@ function handleParseColumn($xeGanttView) {
           dateObj: dateObj
         }
       };
-      var minCol = colMaps[minSType];
+      var minCol = colMaps[minScale.type];
       if (minScale.level < 19) {
         handleData('year', colMaps, minCol);
       }
       if (minScale.level < 17) {
         handleData('quarter', colMaps, minCol);
       }
-      if (minScale.level < 14) {
+      if (minScale.level < 15) {
         handleData('month', colMaps, minCol);
       }
       if (minScale.level < 13) {
@@ -9989,7 +10011,7 @@ function handleParseColumn($xeGanttView) {
       if (minScale.level < 11) {
         handleData('day', colMaps, minCol);
       }
-      if (minScale.level < 12) {
+      if (minScale.level < 9) {
         handleData('date', colMaps, minCol);
       }
       if (minScale.level < 7) {
@@ -9998,10 +10020,13 @@ function handleParseColumn($xeGanttView) {
       if (minScale.level < 5) {
         handleData('minute', colMaps, minCol);
       }
+      if (minScale.level < 3) {
+        handleData('second', colMaps, minCol);
+      }
       fullCols.push(minCol);
     }
     taskScaleList.forEach(function (scaleItem) {
-      if (scaleItem.type === minSType) {
+      if (scaleItem.type === minScale.type) {
         groupCols.push({
           scaleItem: scaleItem,
           columns: fullCols
@@ -10020,6 +10045,240 @@ function handleParseColumn($xeGanttView) {
         columns: list
       });
     });
+  }
+  return {
+    fullCols: fullCols,
+    groupCols: groupCols
+  };
+}
+function createChartRender($xeGanttView, fullCols) {
+  var $xeGantt = $xeGanttView.$xeGantt;
+  var reactData = $xeGanttView.reactData;
+  var minViewDate = reactData.minViewDate;
+  var minScale = $xeGantt.computeMinScale;
+  var scaleUnit = $xeGantt.computeScaleUnit;
+  var weekScale = $xeGantt.computeWeekScale;
+  switch (scaleUnit) {
+    case 'year':
+      {
+        var indexMaps = {};
+        fullCols.forEach(function (_ref, i) {
+          var dateObj = _ref.dateObj;
+          var yyyyMM = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateObj.date, 'yyyy');
+          indexMaps[yyyyMM] = i;
+        });
+        return function (startValue, endValue) {
+          var startDate = parseStringDate($xeGanttView, startValue);
+          var endDate = parseStringDate($xeGanttView, endValue);
+          var startStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(startDate, 'yyyy');
+          var startFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(startDate, 0, 'first');
+          var endStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(endDate, 'yyyy');
+          var endFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(endDate, 0, 'first');
+          var dateSize = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / dayMs);
+          var subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
+          var addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / dayMs + 1) / dateSize;
+          var offsetLeftSize = (indexMaps[startStr] || 0) + subtract;
+          return {
+            offsetLeftSize: offsetLeftSize,
+            offsetWidthSize: (indexMaps[endStr] || 0) - offsetLeftSize + addSize
+          };
+        };
+      }
+    case 'quarter':
+      {
+        var _indexMaps = {};
+        fullCols.forEach(function (_ref2, i) {
+          var dateObj = _ref2.dateObj;
+          var q = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateObj.date, 'yyyy-q');
+          _indexMaps[q] = i;
+        });
+        return function (startValue, endValue) {
+          var startDate = parseStringDate($xeGanttView, startValue);
+          var endDate = parseStringDate($xeGanttView, endValue);
+          var startStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(startDate, 'yyyy-q');
+          var startFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(startDate, 0, 'first');
+          var endStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(endDate, 'yyyy-q');
+          var endFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(endDate, 0, 'first');
+          var dateSize = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / dayMs);
+          var subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
+          var addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / dayMs + 1) / dateSize;
+          var offsetLeftSize = (_indexMaps[startStr] || 0) + subtract;
+          return {
+            offsetLeftSize: offsetLeftSize,
+            offsetWidthSize: (_indexMaps[endStr] || 0) - offsetLeftSize + addSize
+          };
+        };
+      }
+    case 'month':
+      {
+        var _indexMaps2 = {};
+        fullCols.forEach(function (_ref3, i) {
+          var dateObj = _ref3.dateObj;
+          var yyyyMM = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateObj.date, 'yyyy-MM');
+          _indexMaps2[yyyyMM] = i;
+        });
+        return function (startValue, endValue) {
+          var startDate = parseStringDate($xeGanttView, startValue);
+          var endDate = parseStringDate($xeGanttView, endValue);
+          var startStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(startDate, 'yyyy-MM');
+          var startFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(startDate, 0, 'first');
+          var endStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(endDate, 'yyyy-MM');
+          var endFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(endDate, 0, 'first');
+          var dateSize = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / dayMs);
+          var subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
+          var addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / dayMs + 1) / dateSize;
+          var offsetLeftSize = (_indexMaps2[startStr] || 0) + subtract;
+          return {
+            offsetLeftSize: offsetLeftSize,
+            offsetWidthSize: (_indexMaps2[endStr] || 0) - offsetLeftSize + addSize
+          };
+        };
+      }
+    case 'week':
+      {
+        var _indexMaps3 = {};
+        fullCols.forEach(function (_ref4, i) {
+          var dateObj = _ref4.dateObj;
+          var yyyyW = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateObj.date, 'yyyy-W', {
+            firstDay: weekScale ? weekScale.startDay : undefined
+          });
+          _indexMaps3[yyyyW] = i;
+        });
+        return function (startValue, endValue) {
+          var startDate = parseStringDate($xeGanttView, startValue);
+          var endDate = parseStringDate($xeGanttView, endValue);
+          var startStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(startDate, 'yyyy-W', {
+            firstDay: weekScale ? weekScale.startDay : undefined
+          });
+          var startFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(startDate, 0, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined);
+          var endStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(endDate, 'yyyy-W', {
+            firstDay: weekScale ? weekScale.startDay : undefined
+          });
+          var endFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(endDate, 0, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined);
+          var dateSize = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(endDate, 1, weekScale ? weekScale.startDay : undefined, weekScale ? weekScale.startDay : undefined).getTime() - endFirstDate.getTime()) / dayMs);
+          var subtract = (startDate.getTime() - startFirstDate.getTime()) / dayMs / dateSize;
+          var addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / dayMs + 1) / dateSize;
+          var offsetLeftSize = (_indexMaps3[startStr] || 0) + subtract;
+          return {
+            offsetLeftSize: offsetLeftSize,
+            offsetWidthSize: (_indexMaps3[endStr] || 0) - offsetLeftSize + addSize
+          };
+        };
+      }
+    case 'day':
+    case 'date':
+      {
+        var _indexMaps4 = {};
+        fullCols.forEach(function (_ref5, i) {
+          var dateObj = _ref5.dateObj;
+          var yyyyMM = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateObj.date, 'yyyy-MM-dd');
+          _indexMaps4[yyyyMM] = i;
+        });
+        return function (startValue, endValue) {
+          var startDate = parseStringDate($xeGanttView, startValue);
+          var endDate = parseStringDate($xeGanttView, endValue);
+          var startStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(startDate, 'yyyy-MM-dd');
+          var startFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatDay(startDate, 0, 'first');
+          var endStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(endDate, 'yyyy-MM-dd');
+          var endFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatDay(endDate, 0, 'first');
+          var minuteSize = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatDay(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / minuteMs);
+          var subtract = (startDate.getTime() - startFirstDate.getTime()) / minuteMs / minuteSize;
+          var addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / minuteMs + 1) / minuteSize;
+          var offsetLeftSize = (_indexMaps4[startStr] || 0) + subtract;
+          return {
+            offsetLeftSize: offsetLeftSize,
+            offsetWidthSize: (_indexMaps4[endStr] || 0) - offsetLeftSize + addSize
+          };
+        };
+      }
+    case 'hour':
+      {
+        var _indexMaps5 = {};
+        fullCols.forEach(function (_ref6, i) {
+          var dateObj = _ref6.dateObj;
+          var yyyyMM = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateObj.date, 'yyyy-MM-dd HH');
+          _indexMaps5[yyyyMM] = i;
+        });
+        return function (startValue, endValue) {
+          var startDate = parseStringDate($xeGanttView, startValue);
+          var endDate = parseStringDate($xeGanttView, endValue);
+          var startStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(startDate, 'yyyy-MM-dd HH');
+          var startFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatHours(startDate, 0, 'first');
+          var endStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(endDate, 'yyyy-MM-dd HH');
+          var endFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatHours(endDate, 0, 'first');
+          var minuteSize = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatHours(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / minuteMs);
+          var subtract = (startDate.getTime() - startFirstDate.getTime()) / minuteMs / minuteSize;
+          var addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / minuteMs + 1) / minuteSize;
+          var offsetLeftSize = (_indexMaps5[startStr] || 0) + subtract;
+          return {
+            offsetLeftSize: offsetLeftSize,
+            offsetWidthSize: (_indexMaps5[endStr] || 0) - offsetLeftSize + addSize
+          };
+        };
+      }
+    case 'minute':
+      {
+        var _indexMaps6 = {};
+        fullCols.forEach(function (_ref7, i) {
+          var dateObj = _ref7.dateObj;
+          var yyyyMM = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(dateObj.date, 'yyyy-MM-dd HH:mm');
+          _indexMaps6[yyyyMM] = i;
+        });
+        return function (startValue, endValue) {
+          var startDate = parseStringDate($xeGanttView, startValue);
+          var endDate = parseStringDate($xeGanttView, endValue);
+          var startStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(startDate, 'yyyy-MM-dd HH:mm');
+          var startFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMinutes(startDate, 0, 'first');
+          var endStr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(endDate, 'yyyy-MM-dd HH:mm');
+          var endFirstDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMinutes(endDate, 0, 'first');
+          var minuteSize = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMinutes(endDate, 1, 'first').getTime() - endFirstDate.getTime()) / minuteMs);
+          var subtract = (startDate.getTime() - startFirstDate.getTime()) / minuteMs / minuteSize;
+          var addSize = Math.max(0, (endDate.getTime() - endFirstDate.getTime()) / minuteMs + 1) / minuteSize;
+          var offsetLeftSize = (_indexMaps6[startStr] || 0) + subtract;
+          return {
+            offsetLeftSize: offsetLeftSize,
+            offsetWidthSize: (_indexMaps6[endStr] || 0) - offsetLeftSize + addSize
+          };
+        };
+      }
+    case 'second':
+      {
+        var gapTime = getStandardGapTime(minScale.type);
+        return function (startValue, endValue) {
+          var startDate = parseStringDate($xeGanttView, startValue);
+          var endDate = parseStringDate($xeGanttView, endValue);
+          var offsetLeftSize = 0;
+          var offsetWidthSize = 0;
+          if (minViewDate) {
+            offsetLeftSize = (startDate.getTime() - minViewDate.getTime()) / gapTime;
+            offsetWidthSize = (endDate.getTime() - startDate.getTime()) / gapTime + 1;
+          }
+          return {
+            offsetLeftSize: offsetLeftSize,
+            offsetWidthSize: offsetWidthSize
+          };
+        };
+      }
+  }
+  return function () {
+    return {
+      offsetLeftSize: 0,
+      offsetWidthSize: 0
+    };
+  };
+}
+function handleParseColumn($xeGanttView) {
+  var $xeGantt = $xeGanttView.$xeGantt;
+  var reactData = $xeGanttView.reactData;
+  var internalData = $xeGanttView.internalData;
+  var ganttProps = $xeGantt;
+  var treeConfig = ganttProps.treeConfig;
+  var minViewDate = reactData.minViewDate,
+    maxViewDate = reactData.maxViewDate;
+  var _handleColumnHeader = handleColumnHeader($xeGanttView),
+    fullCols = _handleColumnHeader.fullCols,
+    groupCols = _handleColumnHeader.groupCols;
+  if (minViewDate && maxViewDate) {
     var $xeTable = internalData.xeTable;
     if ($xeTable) {
       var startField = $xeGantt.computeStartField;
@@ -10035,20 +10294,20 @@ function handleParseColumn($xeGanttView) {
       var transform = treeOpts.transform;
       var childrenField = treeOpts.children || treeOpts.childrenField;
       var ctMaps = {};
+      var renderFn = createChartRender($xeGanttView, fullCols);
       var handleParseRender = function handleParseRender(row) {
         var rowid = $xeTable.getRowid(row);
         var startValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, startField);
         var endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, endField);
         if (startValue && endValue) {
-          var startDate = parseStringDate($xeGanttView, startValue);
-          var endDate = parseStringDate($xeGanttView, endValue);
-          var oLeftSize = Math.floor((startDate.getTime() - minViewDate.getTime()) / gapTime);
-          var oWidthSize = Math.floor((endDate.getTime() - startDate.getTime()) / gapTime) + 1;
+          var _renderFn = renderFn(startValue, endValue),
+            offsetLeftSize = _renderFn.offsetLeftSize,
+            offsetWidthSize = _renderFn.offsetWidthSize;
           ctMaps[rowid] = {
             row: row,
             rowid: rowid,
-            oLeftSize: oLeftSize,
-            oWidthSize: oWidthSize
+            oLeftSize: offsetLeftSize,
+            oWidthSize: offsetWidthSize
           };
         }
       };
@@ -10322,10 +10581,10 @@ function _handleLazyRecalculate($xeGanttView) {
     var rceTimeout = internalData.rceTimeout,
       rceRunTime = internalData.rceRunTime;
     var $xeTable = internalData.xeTable;
-    var refreshDelay = 50;
+    var refreshDelay = 30;
     if ($xeTable) {
       var resizeOpts = $xeTable.computeResizeOpts;
-      refreshDelay = resizeOpts.refreshDelay || 50;
+      refreshDelay = resizeOpts.refreshDelay || refreshDelay;
     }
     if (rceTimeout) {
       clearTimeout(rceTimeout);
@@ -10727,15 +10986,96 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
       internalData: internalData
     };
   },
-  computed: _objectSpread2({}, {}),
+  computed: _objectSpread2(_objectSpread2({}, {}), {}, {
+    computeScaleDateList: function computeScaleDateList() {
+      var $xeGanttView = this;
+      var $xeGantt = $xeGanttView.$xeGantt;
+      var reactData = $xeGanttView.reactData;
+      var minViewDate = reactData.minViewDate,
+        maxViewDate = reactData.maxViewDate;
+      var minScale = $xeGantt.computeMinScale;
+      var dateList = [];
+      if (!minViewDate || !maxViewDate) {
+        return dateList;
+      }
+      var startTime = minViewDate.getTime();
+      var endTime = maxViewDate.getTime();
+      switch (minScale.type) {
+        case 'year':
+          {
+            var currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(minViewDate, 0, 'first');
+            while (currDate <= maxViewDate) {
+              var itemDate = currDate;
+              dateList.push(itemDate);
+              currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatYear(currDate, 1);
+            }
+            break;
+          }
+        case 'quarter':
+          {
+            var _currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(minViewDate, 0, 'first');
+            while (_currDate <= maxViewDate) {
+              var _itemDate = _currDate;
+              dateList.push(_itemDate);
+              _currDate = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatQuarter(_currDate, 1);
+            }
+            break;
+          }
+        case 'month':
+          {
+            var _currDate2 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(minViewDate, 0, 'first');
+            while (_currDate2 <= maxViewDate) {
+              var _itemDate2 = _currDate2;
+              dateList.push(_itemDate2);
+              _currDate2 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatMonth(_currDate2, 1);
+            }
+            break;
+          }
+        case 'week':
+          {
+            var _currDate3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(minViewDate, 0, minScale.startDay, minScale.startDay);
+            while (_currDate3 <= maxViewDate) {
+              var _itemDate3 = _currDate3;
+              dateList.push(_itemDate3);
+              _currDate3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getWhatWeek(_currDate3, 1);
+            }
+            break;
+          }
+        case 'day':
+        case 'date':
+        case 'hour':
+        case 'minute':
+        case 'second':
+          {
+            var gapTime = getStandardGapTime(minScale.type);
+            var currTime = startTime;
+            while (currTime <= endTime) {
+              var _itemDate4 = new Date(currTime);
+              dateList.push(_itemDate4);
+              currTime += gapTime;
+            }
+            break;
+          }
+      }
+      return dateList;
+    }
+  }),
   methods: {
     //
     // Method
     //
     refreshData: function refreshData() {
       var $xeGanttView = this;
+      var internalData = $xeGanttView.internalData;
       handleUpdateData($xeGanttView);
-      return _handleLazyRecalculate($xeGanttView);
+      handleRecalculateStyle($xeGanttView);
+      return $xeGanttView.$nextTick().then(function () {
+        var $xeTable = internalData.xeTable;
+        handleRecalculateStyle($xeGanttView);
+        if ($xeTable) {
+          return $xeTable.recalculate();
+        }
+      });
     },
     updateViewData: function updateViewData() {
       var $xeGanttView = this;
@@ -10749,8 +11089,8 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
       }
       return $xeGanttView.$nextTick();
     },
-    connectUpdate: function connectUpdate(_ref) {
-      var $table = _ref.$table;
+    connectUpdate: function connectUpdate(_ref8) {
+      var $table = _ref8.$table;
       var $xeGanttView = this;
       var internalData = $xeGanttView.internalData;
       if ($table) {
@@ -11104,6 +11444,8 @@ var external_root_VxeUITable_commonjs_vxe_table_commonjs2_vxe_table_amd_vxe_tabl
 
 
 
+
+
 
 
 
@@ -11172,6 +11514,7 @@ function gantt_createInternalData() {
   return {
     uFoot: false,
     resizeTableWidth: 0
+    // barTipTimeout: undefined
   };
 }
 /* harmony default export */ var gantt = (/* define-vxe-component start */defineVxeComponent({
@@ -11189,6 +11532,7 @@ function gantt_createInternalData() {
     taskViewScaleConfig: Object,
     taskViewConfig: Object,
     taskBarConfig: Object,
+    taskBarTooltipConfig: Object,
     taskSplitConfig: Object,
     taskBarResizeConfig: Object,
     taskBarDragConfig: Object,
@@ -11227,7 +11571,13 @@ function gantt_createInternalData() {
       },
       showLeftView: true,
       showRightView: true,
-      taskScaleList: []
+      taskScaleList: [],
+      barTipStore: {
+        row: null,
+        content: '',
+        visible: false,
+        params: null
+      }
     };
     var internalData = gantt_createInternalData();
     return {
@@ -11307,12 +11657,43 @@ function gantt_createInternalData() {
       var props = $xeGantt;
       return Object.assign({}, gantt_getConfig().gantt.taskSplitConfig, props.taskSplitConfig);
     },
-    computeTaskScaleConfs: function computeTaskScaleConfs() {
+    computeTaskBarTooltipOpts: function computeTaskBarTooltipOpts() {
+      var $xeGantt = this;
+      var props = $xeGantt;
+      return Object.assign({}, gantt_getConfig().gantt.taskBarTooltipConfig, props.taskBarTooltipConfig);
+    },
+    computeScaleUnit: function computeScaleUnit() {
+      var $xeGantt = this;
+      var minScale = $xeGantt.computeMinScale;
+      return minScale ? minScale.type : 'date';
+    },
+    computeMinScale: function computeMinScale() {
+      var $xeGantt = this;
+      var reactData = $xeGantt.reactData;
+      var taskScaleList = reactData.taskScaleList;
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(taskScaleList);
+    },
+    computeWeekScale: function computeWeekScale() {
+      var $xeGantt = this;
+      var reactData = $xeGantt.reactData;
+      var taskScaleList = reactData.taskScaleList;
+      return taskScaleList.find(function (item) {
+        return item.type === 'week';
+      });
+    },
+    computeTaskViewScales: function computeTaskViewScales() {
       var $xeGantt = this;
       var taskViewOpts = $xeGantt.computeTaskViewOpts;
       var scales = taskViewOpts.scales;
       return scales;
     },
+    /**
+     * 已废弃，保留兼容
+     * @deprecated
+     */
+    computeTaskScaleConfs: function computeTaskScaleConfs() {
+      return this.computeTaskViewScales;
+    },
     computeTitleField: function computeTitleField() {
       var $xeGantt = this;
       var taskOpts = $xeGantt.computeTaskOpts;
@@ -11570,9 +11951,10 @@ function gantt_createInternalData() {
       var $xeGantt = this;
       $xeGantt.initProxy();
     },
-    computeTaskScaleConfs: function computeTaskScaleConfs() {
+    computeTaskViewScales: function computeTaskViewScales() {
       var $xeGantt = this;
       $xeGantt.handleTaskScaleConfig();
+      $xeGantt.refreshTaskView();
     }
   },
   methods: _objectSpread2(_objectSpread2({}, tableMethods), {}, {
@@ -11586,7 +11968,7 @@ function gantt_createInternalData() {
     handleTaskScaleConfig: function handleTaskScaleConfig() {
       var $xeGantt = this;
       var reactData = $xeGantt.reactData;
-      var taskScaleConfs = $xeGantt.computeTaskScaleConfs;
+      var taskScaleConfs = $xeGantt.computeTaskViewScales;
       var taskViewScaleOpts = $xeGantt.computeTaskViewScaleOpts;
       var scaleConfs = [];
       if (taskScaleConfs) {
@@ -12819,6 +13201,27 @@ function gantt_createInternalData() {
       reactData.showRightView = false;
       return $xeGantt.$nextTick();
     },
+    /**
+       * 关闭 bar tooltip
+       */
+    closeTaskBarTooltip: function closeTaskBarTooltip() {
+      var $xeGantt = this;
+      var reactData = $xeGantt.reactData;
+      var barTipStore = reactData.barTipStore;
+      var $tooltip = $xeGantt.$refs.refTooltip;
+      if (barTipStore.visible) {
+        Object.assign(barTipStore, {
+          row: null,
+          content: null,
+          visible: false,
+          params: {}
+        });
+        if ($tooltip && $tooltip.close) {
+          $tooltip.close();
+        }
+      }
+      return $xeGantt.$nextTick();
+    },
     callSlot: function callSlot(slotFunc, params, h) {
       var $xeGantt = this;
       var slots = $xeGantt.$scopedSlots;
@@ -12953,6 +13356,69 @@ function gantt_createInternalData() {
       var $xeGantt = this;
       $xeGantt.dispatchEvent('task-bar-dblclick', params, evnt);
     },
+    triggerTaskBarTooltipEvent: function triggerTaskBarTooltipEvent(evnt, params) {
+      var $xeGantt = this;
+      var reactData = $xeGantt.reactData;
+      var barTipStore = reactData.barTipStore;
+      var taskBarTooltipOpts = $xeGantt.computeTaskBarTooltipOpts;
+      var titleField = $xeGantt.computeTitleField;
+      var contentMethod = taskBarTooltipOpts.contentMethod;
+      var row = params.row;
+      var content = formatText(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, titleField));
+      if (contentMethod) {
+        content = formatText(contentMethod(params));
+      }
+      $xeGantt.handleTargetEnterEvent(barTipStore.row !== row);
+      var tipContent = formatText(content);
+      Object.assign(barTipStore, {
+        row: row,
+        visible: true,
+        content: tipContent,
+        params: params
+      });
+      $xeGantt.$nextTick(function () {
+        var $tooltip = $xeGantt.$refs.refTooltip;
+        if ($tooltip) {
+          if ($tooltip.openByEvent) {
+            $tooltip.openByEvent(evnt, evnt.currentTarget, tipContent);
+          } else if ($tooltip.open) {
+            $tooltip.open(evnt.currentTarget, tipContent);
+          }
+        }
+      });
+    },
+    handleTargetEnterEvent: function handleTargetEnterEvent(isClear) {
+      var $xeGantt = this;
+      var internalData = $xeGantt.internalData;
+      var $tooltip = $xeGantt.$refs.refTooltip;
+      clearTimeout(internalData.barTipTimeout);
+      if (isClear) {
+        $xeGantt.closeTaskBarTooltip();
+      } else {
+        if ($tooltip && $tooltip.setActived) {
+          $tooltip.setActived(true);
+        }
+      }
+    },
+    handleTaskBarTooltipLeaveEvent: function handleTaskBarTooltipLeaveEvent() {
+      var $xeGantt = this;
+      var internalData = $xeGantt.internalData;
+      var taskBarTooltipOpts = $xeGantt.computeTaskBarTooltipOpts;
+      var $tooltip = $xeGantt.$refs.refTooltip;
+      if ($tooltip && $tooltip.setActived) {
+        $tooltip.setActived(false);
+      }
+      if (taskBarTooltipOpts.enterable) {
+        internalData.barTipTimeout = setTimeout(function () {
+          $tooltip = $xeGantt.$refs.refTooltip;
+          if ($tooltip && $tooltip.isActived && !$tooltip.isActived()) {
+            $xeGantt.closeTaskBarTooltip();
+          }
+        }, taskBarTooltipOpts.leaveDelay);
+      } else {
+        $xeGantt.closeTaskBarTooltip();
+      }
+    },
     handleTaskHeaderContextmenuEvent: function handleTaskHeaderContextmenuEvent(evnt, params) {
       var $xeGantt = this;
       var $xeTable = $xeGantt.$refs.refTable;
@@ -13403,14 +13869,19 @@ function gantt_createInternalData() {
       return childVNs;
     },
     renderLayout: function renderLayout(h) {
+      var VxeUITooltipComponent = core_.VxeUI.getComponent('VxeTooltip');
       var $xeGantt = this;
+      var reactData = $xeGantt.reactData;
       var slots = $xeGantt.$scopedSlots;
+      var barTipStore = reactData.barTipStore;
       var currLayoutConf = $xeGantt.computeCurrLayoutConf;
       var headKeys = currLayoutConf.headKeys,
         bodyKeys = currLayoutConf.bodyKeys,
         footKeys = currLayoutConf.footKeys;
+      var taskBarTooltipOpts = $xeGantt.computeTaskBarTooltipOpts;
       var asideLeftSlot = slots.asideLeft || slots['aside-left'];
       var asideRightSlot = slots.asideRight || slots['aside-right'];
+      var taskBarTooltipSlot = slots.taskBarTooltip || slots['task-bar-tooltip'];
       return [h('div', {
         class: 'vxe-gantt--layout-header-wrapper'
       }, $xeGantt.renderChildLayout(h, headKeys)), h('div', {
@@ -13425,7 +13896,41 @@ function gantt_createInternalData() {
         class: 'vxe-gantt--layout-footer-wrapper'
       }, $xeGantt.renderChildLayout(h, footKeys)), h('div', {
         ref: 'refPopupContainerElem'
-      })];
+      }), h('div', {}, [
+      /**
+        * 任务条提示
+        */
+      h(VxeUITooltipComponent, {
+        key: 'gtp',
+        ref: 'refTooltip',
+        props: {
+          theme: taskBarTooltipOpts.theme,
+          enterable: taskBarTooltipOpts.enterable,
+          enterDelay: taskBarTooltipOpts.enterDelay,
+          leaveDelay: taskBarTooltipOpts.leaveDelay,
+          useHTML: taskBarTooltipOpts.useHTML,
+          width: taskBarTooltipOpts.width,
+          height: taskBarTooltipOpts.height,
+          minWidth: taskBarTooltipOpts.minWidth,
+          minHeight: taskBarTooltipOpts.minHeight,
+          maxWidth: taskBarTooltipOpts.maxWidth,
+          maxHeight: taskBarTooltipOpts.maxHeight,
+          isArrow: false
+        },
+        scopedSlots: taskBarTooltipSlot ? {
+          content: function content() {
+            var row = barTipStore.row,
+              tooltipContent = barTipStore.content;
+            if (row) {
+              return h('div', {}, taskBarTooltipSlot(Object.assign({
+                tooltipContent: tooltipContent,
+                $gantt: $xeGantt
+              }, barTipStore.params)));
+            }
+            return gantt_renderEmptyElement($xeGantt);
+          }
+        } : {}
+      })])];
     },
     renderVN: function renderVN(h) {
       var $xeGantt = this;