vxe-gantt 3.0.4 → 3.0.6

package/lib/index.umd.js

@@ -4901,6 +4901,36 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
 });
 
 
+/***/ }),
+
+/***/ 113:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var $find = (__webpack_require__(9213).find);
+var addToUnscopables = __webpack_require__(6469);
+
+var FIND = 'find';
+var SKIPS_HOLES = true;
+
+// Shouldn't skip holes
+// eslint-disable-next-line es/no-array-prototype-find -- testing
+if (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });
+
+// `Array.prototype.find` method
+// https://tc39.es/ecma262/#sec-array.prototype.find
+$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+  find: function find(callbackfn /* , that = undefined */) {
+    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables(FIND);
+
+
 /***/ }),
 
 /***/ 3418:
@@ -5024,6 +5054,33 @@ if (!IS_PURE && DESCRIPTORS && values.name !== 'values') try {
 } catch (error) { /* empty */ }
 
 
+/***/ }),
+
+/***/ 8598:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var uncurryThis = __webpack_require__(9504);
+var IndexedObject = __webpack_require__(7055);
+var toIndexedObject = __webpack_require__(5397);
+var arrayMethodIsStrict = __webpack_require__(4598);
+
+var nativeJoin = uncurryThis([].join);
+
+var ES3_STRINGS = IndexedObject !== Object;
+var FORCED = ES3_STRINGS || !arrayMethodIsStrict('join', ',');
+
+// `Array.prototype.join` method
+// https://tc39.es/ecma262/#sec-array.prototype.join
+$({ target: 'Array', proto: true, forced: FORCED }, {
+  join: function join(separator) {
+    return nativeJoin(toIndexedObject(this), separator === undefined ? ',' : separator);
+  }
+});
+
+
 /***/ }),
 
 /***/ 2062:
@@ -7586,7 +7643,7 @@ var core_ = __webpack_require__(4345);
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
 var log = core_.VxeUI.log;
-var version = "gantt v".concat("3.0.4");
+var version = "gantt v".concat("3.0.6");
 var warnLog = log.create('warn', version);
 var errLog = log.create('error', version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
@@ -7596,7 +7653,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.4";
+core_.VxeUI.ganttVersion = "3.0.6";
 setConfig({
   gantt: {
     // size: null,
@@ -7635,6 +7692,11 @@ setConfig({
       // beforeSave: null,
       // afterSave: null
     },
+    taskViewScaleConfs: {
+      week: {
+        startDay: 1
+      }
+    },
     taskSplitConfig: {
       enabled: true,
       resize: true,
@@ -7853,6 +7915,8 @@ function _objectSpread2(e) {
 
 // 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
+var es_array_join = __webpack_require__(8598);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
 var es_array_map = __webpack_require__(2062);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
@@ -8287,6 +8351,65 @@ function getSlotVNs(vns) {
   }
   return [vns];
 }
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+
+
+
+
+
+
+
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+
+
+
+
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
+var es_array_find = __webpack_require__(113);
 ;// CONCATENATED MODULE: ./packages/gantt/src/util.ts
 function getRefElem(refEl) {
   if (refEl) {
@@ -8301,6 +8424,9 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
 
 
 
+
+
+var getI18n = core_.VxeUI.getI18n;
 /* harmony default export */ var gantt_header = (defineVxeComponent({
   name: 'VxeGanttViewHeader',
   inject: {
@@ -8318,6 +8444,7 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
     //
     renderVN: function renderVN(h) {
       var _vm = this;
+      var $xeGantt = _vm.$xeGantt;
       var $xeGanttView = _vm.$xeGanttView;
       var reactData = $xeGanttView.reactData;
       var tableColumn = reactData.tableColumn,
@@ -8345,18 +8472,46 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
             width: "".concat(viewCellWidth, "px")
           }
         });
-      })), h('thead', {}, headerGroups.map(function (cols, rIndex) {
+      })), h('thead', {}, headerGroups.map(function (_ref, $rowIndex) {
+        var scaleItem = _ref.scaleItem,
+          columns = _ref.columns;
+        var type = scaleItem.type,
+          titleMethod = scaleItem.titleMethod,
+          slots = scaleItem.slots;
+        var titleSlot = slots ? slots.title : null;
         return h('tr', {
-          key: rIndex
-        }, cols.map(function (column, cIndex) {
+          key: $rowIndex
+        }, columns.map(function (column, cIndex) {
+          var 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));
+            } else {
+              label = getI18n("vxe.gantt.".concat(!$rowIndex && headerGroups.length > 1 ? 'tFullFormat' : 'tSimpleFormat', ".").concat(type), dateObj);
+            }
+          }
+          var cellVNs = label;
+          var ctParams = {
+            scaleObj: scaleItem,
+            title: label,
+            dateObj: dateObj,
+            $rowIndex: $rowIndex
+          };
+          if (titleSlot) {
+            cellVNs = $xeGantt.callSlot(titleSlot, ctParams, h);
+          } else if (titleMethod) {
+            cellVNs = "".concat(titleMethod(ctParams));
+          }
           return h('th', {
             key: cIndex,
             class: 'vxe-gantt-view--header-column',
             attrs: {
-              colspan: column.children ? column.children.length : null,
-              title: "".concat(column.field)
+              colspan: childCount || null,
+              title: titleSlot ? null : label
             }
-          }, column.title);
+          }, cellVNs);
         }));
       }))])])]);
     }
@@ -8439,14 +8594,32 @@ var renderEmptyElement = core_.VxeUI.renderEmptyElement;
         showContent = taskBarOpts.showContent,
         contentMethod = taskBarOpts.contentMethod,
         barStyle = taskBarOpts.barStyle;
-      var _ref = barStyle || {},
-        round = _ref.round;
+      var isBarRowStyle = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(barStyle);
+      var barStyObj = (barStyle ? isBarRowStyle ? barStyle({
+        row: row,
+        $gantt: $xeGantt
+      }) : barStyle : {}) || {};
+      var round = barStyObj.round;
       var rowRest = fullAllDataRowIdData[rowid] || {};
       var resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
       var isRsHeight = resizeHeight > 0;
       var cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight);
       var title = getStringValue(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, titleField));
       var progressValue = showProgress ? Math.min(100, Math.max(0, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, progressField)))) : 0;
+      var vbStyle = {};
+      var vpStyle = {
+        width: "".concat(progressValue || 0, "%")
+      };
+      if (isBarRowStyle) {
+        var bgColor = barStyObj.bgColor,
+          completedBgColor = barStyObj.completedBgColor;
+        if (bgColor) {
+          vbStyle.backgroundColor = bgColor;
+        }
+        if (completedBgColor) {
+          vpStyle.backgroundColor = completedBgColor;
+        }
+      }
       if (contentMethod) {
         title = getStringValue(contentMethod({
           row: row,
@@ -8467,6 +8640,7 @@ var renderEmptyElement = core_.VxeUI.renderEmptyElement;
         }
       }, [h('div', {
         class: taskBarSlot ? 'vxe-gantt-view--chart-custom-bar' : 'vxe-gantt-view--chart-bar',
+        style: vbStyle,
         attrs: {
           rowid: rowid
         },
@@ -8486,9 +8660,7 @@ var renderEmptyElement = core_.VxeUI.renderEmptyElement;
         row: row
       }, h) : [showProgress ? h('div', {
         class: 'vxe-gantt-view--chart-progress',
-        style: {
-          width: "".concat(progressValue, "%")
-        }
+        style: vpStyle
       }) : renderEmptyElement($xeGantt), showContent ? h('div', {
         class: 'vxe-gantt-view--chart-content'
       }, title) : renderEmptyElement($xeGantt)])]);
@@ -8878,6 +9050,8 @@ var renderEmptyElement = core_.VxeUI.renderEmptyElement;
 
 
 
+
+
 var globalEvents = core_.VxeUI.globalEvents;
 function createInternalData() {
   return {
@@ -8921,95 +9095,267 @@ function handleParseColumn($xeGanttView) {
   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 taskViewOpts = $xeGantt.computeTaskViewOpts;
+  var minScale = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().last(taskScaleList);
   var fullCols = [];
   var groupCols = [];
-  switch (taskViewOpts.mode) {
-    case 'year':
-      break;
-    case 'quarter':
-      break;
-    case 'month':
-      break;
-    case 'week':
-      break;
-    default:
-      {
-        if (minViewDate && maxViewDate) {
-          var currTime = minViewDate.getTime();
-          var diffDayNum = maxViewDate.getTime() - minViewDate.getTime();
-          var countDayNum = Math.max(6, Math.floor(diffDayNum / 86400000) + 1);
-          var groupList = [];
-          var colList = [];
-          var groupMaps = {};
-          for (var i = 0; i < countDayNum; i++) {
-            var itemDate = new Date(currTime + i * 86400000);
-            var yyyyy = "".concat(itemDate.getFullYear(), "-").concat(itemDate.getMonth() + 1);
-            var mmDd = "".concat(itemDate.getDate());
-            var groupCol = groupMaps[yyyyy];
-            var column = {
-              field: "".concat(yyyyy, "-").concat(mmDd),
-              title: mmDd
-            };
-            if (groupCol) {
-              groupCol.children.push(column);
-              fullCols.push(groupCol);
-            } else {
-              groupCol = {
-                field: yyyyy,
-                title: yyyyy,
-                children: [column]
-              };
-              groupList.push(groupCol);
-              fullCols.push(groupCol);
-              groupMaps[yyyyy] = groupCol;
-            }
-            colList.push(column);
-          }
-          groupCols.push(groupList, colList);
-          var $xeTable = internalData.xeTable;
-          if ($xeTable) {
-            var startField = $xeGantt.computeStartField;
-            var endField = $xeGantt.computeEndField;
-            var tableInternalData = $xeTable;
-            var afterFullData = tableInternalData.afterFullData,
-              afterTreeFullData = tableInternalData.afterTreeFullData;
-            var treeOpts = $xeTable.computeTreeOpts;
-            var transform = treeOpts.transform;
-            var childrenField = treeOpts.children || treeOpts.childrenField;
-            var ctMaps = {};
-            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()) / 86400000);
-                var oWidthSize = Math.floor((endDate.getTime() - startDate.getTime()) / 86400000) + 1;
-                ctMaps[rowid] = {
-                  row: row,
-                  rowid: rowid,
-                  oLeftSize: oLeftSize,
-                  oWidthSize: oWidthSize
-                };
-              }
-            };
-            if (treeConfig) {
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeFullData, handleParseRender, {
-                children: transform ? treeOpts.mapChildrenField : childrenField
-              });
-            } else {
-              afterFullData.forEach(handleParseRender);
-            }
-            internalData.chartMaps = ctMaps;
-          }
+  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);
+    switch (minScale.type) {
+      case 'day':
+      case 'date':
+        if (diffDayNum > 1000 * 60 * 60 * 24 * 366 * 3) {
+          reactData.tableColumn = [];
+          reactData.headerGroups = [];
+          return;
         }
         break;
+      case 'hour':
+        if (diffDayNum > 1000 * 60 * 60 * 24 * 31 * 3) {
+          reactData.tableColumn = [];
+          reactData.headerGroups = [];
+          return;
+        }
+        break;
+      case 'minute':
+        if (diffDayNum > 1000 * 60 * 60 * 24 * 3) {
+          reactData.tableColumn = [];
+          reactData.headerGroups = [];
+          return;
+        }
+        break;
+      case 'second':
+        if (diffDayNum > 1000 * 60 * 60 * 3) {
+          reactData.tableColumn = [];
+          reactData.headerGroups = [];
+          return;
+        }
+        break;
+    }
+    var renderListMaps = {
+      year: [],
+      quarter: [],
+      month: [],
+      week: [],
+      day: [],
+      date: [],
+      hour: [],
+      minute: [],
+      second: []
+    };
+    var tempTypeMaps = {
+      year: {},
+      quarter: {},
+      month: {},
+      week: {},
+      day: {},
+      date: {},
+      hour: {},
+      minute: {},
+      second: {}
+    };
+    var handleData = function handleData(type, colMaps, minCol) {
+      if (minSType === type) {
+        return;
       }
+      var currCol = colMaps[type];
+      var currKey = "".concat(currCol.field);
+      var currGpCol = tempTypeMaps[type][currKey];
+      if (!currGpCol) {
+        currGpCol = currCol;
+        tempTypeMaps[type][currKey] = currGpCol;
+        renderListMaps[type].push(currGpCol);
+      }
+      if (currGpCol) {
+        if (!currGpCol.children) {
+          currGpCol.children = [];
+        }
+        currGpCol.children.push(minCol);
+      }
+    };
+    for (var i = 0; i < countSize; i++) {
+      var itemDate = new Date(currTime + i * gapTime);
+      var _XEUtils$toDateString = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-'),
+        _XEUtils$toDateString2 = _slicedToArray(_XEUtils$toDateString, 6),
+        yyyy = _XEUtils$toDateString2[0],
+        MM = _XEUtils$toDateString2[1],
+        dd = _XEUtils$toDateString2[2],
+        HH = _XEUtils$toDateString2[3],
+        mm = _XEUtils$toDateString2[4],
+        ss = _XEUtils$toDateString2[5];
+      var e = itemDate.getDay();
+      var E = e + 1;
+      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 = {
+        yy: yyyy,
+        M: MM,
+        d: dd,
+        H: HH,
+        m: mm,
+        s: ss,
+        q: q,
+        W: W,
+        E: E,
+        e: e
+      };
+      var colMaps = {
+        year: {
+          field: yyyy,
+          title: yyyy,
+          dateObj: dateObj
+        },
+        quarter: {
+          field: "".concat(yyyy, "_q").concat(q),
+          title: "".concat(q),
+          dateObj: dateObj
+        },
+        month: {
+          field: "".concat(yyyy, "_").concat(MM),
+          title: MM,
+          dateObj: dateObj
+        },
+        week: {
+          field: "".concat(yyyy, "_W").concat(W),
+          title: "".concat(W),
+          dateObj: dateObj
+        },
+        day: {
+          field: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_E").concat(E),
+          title: "".concat(E),
+          dateObj: dateObj
+        },
+        date: {
+          field: "".concat(yyyy, "_").concat(MM, "_").concat(dd),
+          title: dd,
+          dateObj: dateObj
+        },
+        hour: {
+          field: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH),
+          title: HH,
+          dateObj: dateObj
+        },
+        minute: {
+          field: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH, "_").concat(mm),
+          title: mm,
+          dateObj: dateObj
+        },
+        second: {
+          field: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH, "_").concat(mm, "_").concat(ss),
+          title: ss,
+          dateObj: dateObj
+        }
+      };
+      var minCol = colMaps[minSType];
+      if (minScale.level < 19) {
+        handleData('year', colMaps, minCol);
+      }
+      if (minScale.level < 17) {
+        handleData('quarter', colMaps, minCol);
+      }
+      if (minScale.level < 14) {
+        handleData('month', colMaps, minCol);
+      }
+      if (minScale.level < 13) {
+        handleData('week', colMaps, minCol);
+      }
+      if (minScale.level < 11) {
+        handleData('day', colMaps, minCol);
+      }
+      if (minScale.level < 12) {
+        handleData('date', colMaps, minCol);
+      }
+      if (minScale.level < 7) {
+        handleData('hour', colMaps, minCol);
+      }
+      if (minScale.level < 5) {
+        handleData('minute', colMaps, minCol);
+      }
+      fullCols.push(minCol);
+    }
+    taskScaleList.forEach(function (scaleItem) {
+      if (scaleItem.type === minSType) {
+        groupCols.push({
+          scaleItem: scaleItem,
+          columns: fullCols
+        });
+        return;
+      }
+      var list = renderListMaps[scaleItem.type] || [];
+      if (list) {
+        list.forEach(function (item) {
+          item.childCount = item.children ? item.children.length : 0;
+          item.children = undefined;
+        });
+      }
+      groupCols.push({
+        scaleItem: scaleItem,
+        columns: list
+      });
+    });
+    var $xeTable = internalData.xeTable;
+    if ($xeTable) {
+      var startField = $xeGantt.computeStartField;
+      var endField = $xeGantt.computeEndField;
+      var tableInternalData = $xeTable;
+      var afterFullData = tableInternalData.afterFullData,
+        afterTreeFullData = tableInternalData.afterTreeFullData;
+      var treeOpts = $xeTable.computeTreeOpts;
+      var transform = treeOpts.transform;
+      var childrenField = treeOpts.children || treeOpts.childrenField;
+      var ctMaps = {};
+      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;
+          ctMaps[rowid] = {
+            row: row,
+            rowid: rowid,
+            oLeftSize: oLeftSize,
+            oWidthSize: oWidthSize
+          };
+        }
+      };
+      if (treeConfig) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeFullData, handleParseRender, {
+          children: transform ? treeOpts.mapChildrenField : childrenField
+        });
+      } else {
+        afterFullData.forEach(handleParseRender);
+      }
+      internalData.chartMaps = ctMaps;
+    }
   }
   reactData.tableColumn = fullCols;
   reactData.headerGroups = groupCols;
@@ -9417,14 +9763,7 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
       tableData: [],
       tableColumn: [],
       headerGroups: [],
-      viewCellWidth: 40,
-      rowHeightStore: {
-        large: 52,
-        default: 48,
-        medium: 44,
-        small: 40,
-        mini: 36
-      }
+      viewCellWidth: 20
     };
     var internalData = createInternalData();
     return {
@@ -9739,11 +10078,10 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
         overflowY = reactData.overflowY,
         scrollXLoad = reactData.scrollXLoad,
         scrollYLoad = reactData.scrollYLoad;
-      var taskViewOpts = $xeGantt.computeTaskViewOpts;
       var scrollbarXToTop = $xeGantt.computeScrollbarXToTop;
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-gantt-view', "mode--".concat(taskViewOpts.mode || 'day'), {
+        class: ['vxe-gantt-view', {
           'is--scroll-y': overflowY,
           'is--scroll-x': overflowX,
           'is--virtual-x': scrollXLoad,
@@ -9801,13 +10139,16 @@ var external_root_VxeUITable_commonjs_vxe_table_commonjs2_vxe_table_amd_vxe_tabl
 
 
 
+
+
+
 
 
 
 
 var gantt_getConfig = core_.VxeUI.getConfig,
   getIcon = core_.VxeUI.getIcon,
-  getI18n = core_.VxeUI.getI18n,
+  gantt_getI18n = core_.VxeUI.getI18n,
   commands = core_.VxeUI.commands,
   globalMixins = core_.VxeUI.globalMixins,
   createEvent = core_.VxeUI.createEvent,
@@ -9818,6 +10159,20 @@ var tableProps = external_root_VxeUITable_commonjs_vxe_table_commonjs2_vxe_table
 var tableMethods = {};
 var propKeys = Object.keys(tableProps);
 var defaultLayouts = [['Form'], ['Toolbar', 'Top', 'Gantt', 'Bottom', 'Pager']];
+var viewTypeLevelMaps = {
+  year: 19,
+  quarter: 17,
+  month: 15,
+  week: 13,
+  day: 11,
+  date: 9,
+  hour: 7,
+  minute: 5,
+  second: 3
+};
+function getViewTypeLevel(type) {
+  return viewTypeLevelMaps[type || 'date'] || viewTypeLevelMaps.date;
+}
 function getTableOns($xeGantt) {
   var _vm = $xeGantt;
   var $listeners = _vm.$listeners;
@@ -9869,6 +10224,7 @@ function gantt_createInternalData() {
     zoomConfig: Object,
     layouts: Array,
     taskConfig: Object,
+    taskViewScaleConfs: Object,
     taskViewConfig: Object,
     taskBarConfig: Object,
     taskSplitConfig: Object,
@@ -9905,7 +10261,8 @@ function gantt_createInternalData() {
         currentPage: 1
       },
       showLeftView: true,
-      showRightView: true
+      showRightView: true,
+      taskScaleList: []
     };
     var internalData = gantt_createInternalData();
     return {
@@ -9955,6 +10312,11 @@ function gantt_createInternalData() {
       var props = $xeGantt;
       return Object.assign({}, gantt_getConfig().gantt.taskConfig, props.taskConfig);
     },
+    computeTaskViewScaleMapsOpts: function computeTaskViewScaleMapsOpts() {
+      var $xeGantt = this;
+      var props = $xeGantt;
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().merge({}, gantt_getConfig().gantt.taskViewScaleConfs, props.taskViewScaleConfs);
+    },
     computeTaskViewOpts: function computeTaskViewOpts() {
       var $xeGantt = this;
       var props = $xeGantt;
@@ -9970,6 +10332,12 @@ function gantt_createInternalData() {
       var props = $xeGantt;
       return Object.assign({}, gantt_getConfig().gantt.taskSplitConfig, props.taskSplitConfig);
     },
+    computeTaskScaleConfs: function computeTaskScaleConfs() {
+      var $xeGantt = this;
+      var taskViewOpts = $xeGantt.computeTaskViewOpts;
+      var scales = taskViewOpts.scales;
+      return scales;
+    },
     computeTitleField: function computeTitleField() {
       var $xeGantt = this;
       var taskOpts = $xeGantt.computeTaskOpts;
@@ -10028,7 +10396,7 @@ function gantt_createInternalData() {
           stys.maxHeight = maxHeight === 'auto' || maxHeight === '100%' ? '100%' : toCssUnit(maxHeight);
         }
       }
-      if (barStyle) {
+      if (barStyle && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(barStyle)) {
         var bgColor = barStyle.bgColor,
           completedBgColor = barStyle.completedBgColor;
         if (bgColor) {
@@ -10215,6 +10583,10 @@ function gantt_createInternalData() {
     proxyConfig: function proxyConfig() {
       var $xeGantt = this;
       $xeGantt.initProxy();
+    },
+    computeTaskScaleConfs: function computeTaskScaleConfs() {
+      var $xeGantt = this;
+      $xeGantt.handleTaskScaleConfig();
     }
   },
   methods: _objectSpread2(_objectSpread2({}, tableMethods), {}, {
@@ -10225,6 +10597,47 @@ function gantt_createInternalData() {
         $gantt: $xeGantt
       }, params));
     },
+    handleTaskScaleConfig: function handleTaskScaleConfig() {
+      var $xeGantt = this;
+      var reactData = $xeGantt.reactData;
+      var taskScaleConfs = $xeGantt.computeTaskScaleConfs;
+      var taskViewScaleMapsOpts = $xeGantt.computeTaskViewScaleMapsOpts;
+      var scaleConfs = [];
+      if (taskScaleConfs) {
+        var keyMaps = {};
+        taskScaleConfs.forEach(function (conf) {
+          var sConf = !conf || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(conf) ? {
+            type: conf
+          } : conf;
+          var type = sConf.type;
+          if (!type || !viewTypeLevelMaps[type]) {
+            errLog('vxe.error.errProp', ["type=".concat(type), external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().keys(viewTypeLevelMaps).join(',')]);
+            return;
+          }
+          if (keyMaps[type]) {
+            errLog('vxe.error.repeatProp', ['type', type]);
+            return;
+          }
+          keyMaps[type] = true;
+          scaleConfs.push(Object.assign({}, type ? taskViewScaleMapsOpts[type] || {} : {}, sConf, {
+            level: getViewTypeLevel(type)
+          }));
+        });
+      }
+      if (!scaleConfs.length) {
+        scaleConfs.push({
+          type: 'month',
+          level: viewTypeLevelMaps.month
+        }, {
+          type: 'day',
+          level: viewTypeLevelMaps.day
+        });
+      }
+      reactData.taskScaleList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(scaleConfs, {
+        field: 'level',
+        order: 'desc'
+      });
+    },
     initToolbar: function initToolbar() {
       var $xeGantt = this;
       $xeGantt.$nextTick(function () {
@@ -10284,7 +10697,7 @@ function gantt_createInternalData() {
           if (core_.VxeUI.modal) {
             core_.VxeUI.modal.message({
               id: code,
-              content: getI18n('vxe.grid.selectOneRecord'),
+              content: gantt_getI18n('vxe.grid.selectOneRecord'),
               status: 'warning'
             });
           }
@@ -10306,7 +10719,7 @@ function gantt_createInternalData() {
           $gantt: $xeGantt
         }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(rest, messageProp);
       }
-      return msg || getI18n(defaultMsg);
+      return msg || gantt_getI18n(defaultMsg);
     },
     handleDeleteRow: function handleDeleteRow(code, alertKey, callback) {
       var $xeGantt = this;
@@ -10317,7 +10730,7 @@ function gantt_createInternalData() {
           if (core_.VxeUI.modal) {
             return core_.VxeUI.modal.confirm({
               id: "cfm_".concat(code),
-              content: getI18n(alertKey),
+              content: gantt_getI18n(alertKey),
               escClosable: true
             }).then(function (type) {
               if (type === 'confirm') {
@@ -10329,7 +10742,7 @@ function gantt_createInternalData() {
           if (core_.VxeUI.modal) {
             core_.VxeUI.modal.message({
               id: "msg_".concat(code),
-              content: getI18n('vxe.grid.selectOneRecord'),
+              content: gantt_getI18n('vxe.grid.selectOneRecord'),
               status: 'warning'
             });
           }
@@ -10972,7 +11385,7 @@ function gantt_createInternalData() {
                   }
                   core_.VxeUI.modal.message({
                     id: code,
-                    content: getI18n('vxe.grid.selectOneRecord'),
+                    content: gantt_getI18n('vxe.grid.selectOneRecord'),
                     status: 'warning'
                   });
                 }
@@ -11084,7 +11497,7 @@ function gantt_createInternalData() {
                     }
                     core_.VxeUI.modal.message({
                       id: code,
-                      content: getI18n('vxe.grid.dataUnchanged'),
+                      content: gantt_getI18n('vxe.grid.dataUnchanged'),
                       status: 'info'
                     });
                   }
@@ -11922,6 +12335,7 @@ function gantt_createInternalData() {
         }
       }
     });
+    $xeGantt.handleTaskScaleConfig();
     $xeGantt.initPages();
   },
   mounted: function mounted() {