vxe-gantt 3.0.27 → 3.1.0

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.0");
 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.0";
 setConfig({
   gantt: {
     // size: null,
@@ -8523,6 +8523,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 +8533,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
@@ -8966,10 +8970,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 +8980,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
 
 
@@ -9046,11 +9057,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) {
@@ -9064,6 +9077,10 @@ var viewType = 'header';
             } else {
               label = getI18n("vxe.gantt.".concat(!$rowIndex && headerGroups.length > 1 ? 'tFullFormat' : 'tSimpleFormat', ".").concat(type), dateObj);
             }
+          } else {
+            if (isLast && scaleItem.type === 'week') {
+              label = getI18n("vxe.gantt.tSimpleFormat.".concat(type), dateObj);
+            }
           }
           var cellVNs = label;
           var ctParams = {
@@ -9079,6 +9096,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) {
@@ -9757,6 +9776,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 +9843,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 +9877,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 +9895,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 +9910,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,7 +9969,7 @@ function handleParseColumn($xeGanttView) {
           dateObj: dateObj
         }
       };
-      var minCol = colMaps[minSType];
+      var minCol = colMaps[minScale.type];
       if (minScale.level < 19) {
         handleData('year', colMaps, minCol);
       }
@@ -10001,7 +9997,7 @@ function handleParseColumn($xeGanttView) {
       fullCols.push(minCol);
     }
     taskScaleList.forEach(function (scaleItem) {
-      if (scaleItem.type === minSType) {
+      if (scaleItem.type === minScale.type) {
         groupCols.push({
           scaleItem: scaleItem,
           columns: fullCols
@@ -10020,6 +10016,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 +10265,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 +10552,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 +10957,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 +11060,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 +11415,8 @@ var external_root_VxeUITable_commonjs_vxe_table_commonjs2_vxe_table_amd_vxe_tabl
 
 
 
+
+
 
 
 
@@ -11307,6 +11620,25 @@ function gantt_createInternalData() {
       var props = $xeGantt;
       return Object.assign({}, gantt_getConfig().gantt.taskSplitConfig, props.taskSplitConfig);
     },
+    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';
+      });
+    },
     computeTaskScaleConfs: function computeTaskScaleConfs() {
       var $xeGantt = this;
       var taskViewOpts = $xeGantt.computeTaskViewOpts;
@@ -11573,6 +11905,7 @@ function gantt_createInternalData() {
     computeTaskScaleConfs: function computeTaskScaleConfs() {
       var $xeGantt = this;
       $xeGantt.handleTaskScaleConfig();
+      $xeGantt.refreshTaskView();
     }
   },
   methods: _objectSpread2(_objectSpread2({}, tableMethods), {}, {