vxe-gantt 3.0.4 → 3.0.6

package/lib/gantt/src/gantt-view.js

@@ -13,6 +13,12 @@ var _ganttHeader = _interopRequireDefault(require("./gantt-header"));
 var _ganttBody = _interopRequireDefault(require("./gantt-body"));
 var _ganttFooter = _interopRequireDefault(require("./gantt-footer"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+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."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var globalEvents = _core.VxeUI.globalEvents;
 function createInternalData() {
   return {
@@ -56,95 +62,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 = _xeUtils.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 = _xeUtils.default.get(row, startField);
-              var endValue = _xeUtils.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) {
-              _xeUtils.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 = _xeUtils.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 = _xeUtils.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 = _xeUtils.default.get(row, startField);
+        var endValue = _xeUtils.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) {
+        _xeUtils.default.eachTree(afterTreeFullData, handleParseRender, {
+          children: transform ? treeOpts.mapChildrenField : childrenField
+        });
+      } else {
+        afterFullData.forEach(handleParseRender);
+      }
+      internalData.chartMaps = ctMaps;
+    }
   }
   reactData.tableColumn = fullCols;
   reactData.headerGroups = groupCols;
@@ -552,14 +730,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       tableData: [],
       tableColumn: [],
       headerGroups: [],
-      viewCellWidth: 40,
-      rowHeightStore: {
-        large: 52,
-        default: 48,
-        medium: 44,
-        small: 40,
-        mini: 36
-      }
+      viewCellWidth: 20
     };
     var internalData = createInternalData();
     return {
@@ -874,11 +1045,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         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,

package/lib/gantt/src/gantt-view.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_dom=require("../../ui/src/dom"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body")),_ganttFooter=_interopRequireDefault(require("./gantt-footer"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},scrollYStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0}}}var maxYHeight=5e6;function parseStringDate(e,t){e=e.$xeGantt.computeTaskOpts.dateFormat;return _xeUtils.default.toStringDate(t,e||null)}function handleParseColumn(o){var e=o.$xeGantt,t=o.reactData,l=o.internalData,r=e.treeConfig,i=t.minViewDate,a=t.maxViewDate,n=[],c=[];switch(e.computeTaskViewOpts.mode){case"year":case"quarter":case"month":case"week":break;default:if(i&&a){for(var s=i.getTime(),d=a.getTime()-i.getTime(),u=Math.max(6,Math.floor(d/864e5)+1),f=[],h=[],p={},m=0;m<u;m++){var S=new Date(s+864e5*m),g="".concat(S.getFullYear(),"-").concat(S.getMonth()+1),S="".concat(S.getDate()),v=p[g],S={field:"".concat(g,"-").concat(S),title:S};v?(v.children.push(S),n.push(v)):(f.push(v={field:g,title:g,children:[S]}),n.push(v),p[g]=v),h.push(S)}c.push(f,h);var x,y,w,E,b,T,D,_=l.xeTable;_&&(x=e.computeStartField,y=e.computeEndField,d=_.afterFullData,E=(w=_.computeTreeOpts).transform,b=w.children||w.childrenField,T={},D=function(e){var t,l=_.getRowid(e),r=_xeUtils.default.get(e,x),a=_xeUtils.default.get(e,y);r&&a&&(r=parseStringDate(o,r),a=parseStringDate(o,a),t=Math.floor((r.getTime()-i.getTime())/864e5),a=Math.floor((a.getTime()-r.getTime())/864e5)+1,T[l]={row:e,rowid:l,oLeftSize:t,oWidthSize:a})},r?_xeUtils.default.eachTree(_.afterTreeFullData,D,{children:E?w.mapChildrenField:b}):d.forEach(D),l.chartMaps=T)}}t.tableColumn=n,t.headerGroups=c}function handleUpdateData(l){var r,a,e,t,o,i,n=l.$xeGantt,c=l.reactData,s=l.internalData,d=n.treeConfig,u=s.xeTable,f=null,h=null;u&&(r=n.computeStartField,a=n.computeEndField,n=u.afterFullData,t=(e=u.computeTreeOpts).transform,o=e.children||e.childrenField,i=function(e){var t=_xeUtils.default.get(e,r),e=_xeUtils.default.get(e,a);t&&e&&(t=parseStringDate(l,t),(!f||f.getTime()>t.getTime())&&(f=t),t=parseStringDate(l,e),!h||h.getTime()<t.getTime())&&(h=t)},d?_xeUtils.default.eachTree(u.afterTreeFullData,i,{children:t?e.mapChildrenField:o}):n.forEach(i)),c.minViewDate=f,c.maxViewDate=h,s.startMaps={},s.endMaps={},handleParseColumn(l)}function calcScrollbar(e){var t=e.$xeGantt,l=e.reactData,r=l.scrollXWidth,a=l.scrollYHeight,o=e.internalData.elemStore,t=t.computeScrollbarOpts,o=(0,_util.getRefElem)(o["main-body-wrapper"]),i=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;o&&(a=a>o.clientHeight,e&&(l.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),l.overflowY=a,e=r>o.clientWidth,i&&(l.scrollbarHeight=t.height||i.offsetHeight-i.clientHeight||14),l.overflowX=e)}function updateChart(e){var t=e.reactData,l=e.internalData,r=t.viewCellWidth,t=l.elemStore,a=l.chartMaps,l=(0,_util.getRefElem)(t["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,function(e){var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?a[e]:null)&&(t.style.left="".concat(r*e.oLeftSize,"px"),t.style.width="".concat(r*e.oWidthSize,"px"))}),e.$nextTick()}function updateStyle(e){var t,l,r,a,o,i,n,c,s,d=e.$xeGantt,u=e.reactData,f=e.internalData,h=u.scrollbarWidth,p=u.tableColumn,m=u.headerGroups,S=f.elemStore,f=f.xeTable,g=e.$refs.refElem;if(g&&g.clientHeight)return a=d.computeScrollbarOpts,c=d.computeScrollbarXToTop,i=e.$refs.refScrollXLeftCornerElem,n=e.$refs.refScrollXRightCornerElem,o=e.$refs.refScrollXVirtualElem,h=h,s=u.scrollbarHeight,r=l=t=0,f&&(t=f.tBodyHeight,l=f.tHeaderHeight,r=f.tFooterHeight),f="visible",(d.computeScrollbarYToLeft||a.y&&!1===a.y.visible)&&(h=0,f="hidden"),(d=(0,_util.getRefElem)(S["main-header-scroll"]))&&(d.style.height="".concat(l,"px"),d.style.setProperty("--vxe-ui-gantt-view-cell-height","".concat(l/m.length,"px"))),(a=(0,_util.getRefElem)(S["main-body-scroll"]))&&(a.style.height="".concat(t,"px")),(d=(0,_util.getRefElem)(S["main-footer-scroll"]))&&(d.style.height="".concat(r,"px")),o&&(o.style.height="".concat(s,"px"),o.style.visibility="visible"),(m=e.$refs.refScrollXWrapperElem)&&(m.style.left=c?"".concat(h,"px"):"",m.style.width="".concat(g.clientWidth-h,"px")),i&&(i.style.width=c?"".concat(h,"px"):"",i.style.display=c&&s?"block":""),n&&(n.style.width=c?"":"".concat(h,"px"),n.style.display=!c&&s?"block":""),(d=e.$refs.refScrollYVirtualElem)&&(d.style.width="".concat(h,"px"),d.style.height="".concat(t+l+r,"px"),d.style.visibility=f),(o=e.$refs.refScrollYTopCornerElem)&&(o.style.height="".concat(l,"px"),o.style.display=l?"block":""),(m=e.$refs.refScrollYWrapperElem)&&(m.style.height="".concat(t,"px"),m.style.top="".concat(l,"px")),(g=e.$refs.refScrollYBottomCornerElem)&&(g.style.height="".concat(r,"px"),g.style.top="".concat(l+t,"px"),g.style.display=r?"block":""),(i=e.$refs.refColInfoElem)&&(u.viewCellWidth=i.clientWidth||40),n=u.viewCellWidth*p.length,a&&0<(s=(c=a.clientWidth)-n)&&(u.viewCellWidth+=Math.floor(s/p.length),n=c),h=(0,_util.getRefElem)(S["main-header-table"]),d=(0,_util.getRefElem)(S["main-body-table"]),h&&(h.style.width="".concat(n,"px")),d&&(d.style.width="".concat(n,"px")),u.scrollXWidth=n,updateChart(e)}function _handleLazyRecalculate(e){return calcScrollbar(e),updateStyle(e),updateChart(e),e.$nextTick()}function updateScrollYSpace(e){var t=e.reactData,l=e.internalData,r=t.scrollYLoad,a=t.overflowY,o=l.elemStore,l=l.xeTable,i=(0,_util.getRefElem)(o["main-body-scroll"]),n=(0,_util.getRefElem)(o["main-body-table"]),c=0,s=0,d=!1,l=(l&&(c=l.scrollYTop,s=l.scrollYHeight,d=l.isScrollYBig),s),u=c,f=0,i=(i&&(f=i.clientHeight),d&&(u=i&&n&&i.scrollTop+f>=maxYHeight?maxYHeight-n.clientHeight:c/(s-f)*(maxYHeight-f),l=maxYHeight),r&&a||(u=0),(0,_util.getRefElem)(o["main-chart-wrapper"])),c=(n&&(n.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),i&&(i.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),(0,_util.getRefElem)(o["main-body-ySpace"])),f=(c&&(c.style.height=l?"".concat(l,"px"):""),e.$refs.refScrollYSpaceElem);return f&&(f.style.height=l?"".concat(l,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,l){var r=e.reactData,a=e.internalData,e=a.lcsTimeout;r.lazScrollLoading=!0,e&&clearTimeout(e),a.lcsTimeout=setTimeout(function(){a.lcsRunTime=Date.now(),a.lcsTimeout=void 0,a.intoRunScroll=!1,a.inVirtualScroll=!1,a.inWheelScroll=!1,a.inHeaderScroll=!1,a.inBodyScroll=!1,a.inFooterScroll=!1,r.lazScrollLoading=!1},200)}function handleScrollEvent(e,t,l,r,a,o){checkLastSyncScroll(e,r,l)}function syncTableScrollTop(e,t){var e=e.internalData.xeTable;e&&(e=e.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]))&&(e.scrollTop=t)}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",inject:{$xeGantt:{default:null}},provide:function(){return{$xeGanttView:this}},props:{},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:40,rowHeightStore:{large:52,default:48,medium:44,small:40,mini:36}},internalData:createInternalData()}},computed:Object.assign({},{}),methods:{refreshData:function(){return handleUpdateData(this),_handleLazyRecalculate(this)},updateViewData:function(){var e=this.reactData,t=this.internalData.xeTable;return t&&(t=t.tableData,e.tableData=t),this.$nextTick()},connectUpdate:function(e){var e=e.$table,t=this.internalData;return e&&(t.xeTable=e),this.$nextTick()},handleUpdateStyle:function(){return updateStyle(this)},handleLazyRecalculate:function(){return _handleLazyRecalculate(this)},handleUpdateCurrentRow:function(e){var t,l=this.internalData.xeTable,r=this.$refs.refElem;l&&r&&(e?(t=l.highlightCurrentRow,(l.computeRowOpts.isCurrent||t)&&_xeUtils.default.arrayEach(r.querySelectorAll('[rowid="'.concat(l.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")})):_xeUtils.default.arrayEach(r.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,l=this.$refs.refElem;t&&l&&(e?_xeUtils.default.arrayEach(l.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(l.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inVirtualScroll||a.inBodyScroll||a.inFooterScroll||(t=e.currentTarget,o=(0,_util.getRefElem)(o["main-body-scroll"]),l=this.$refs.refScrollXHandleElem,o&&t&&(r=t.scrollLeft,a.inHeaderScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerBodyScrollEvent:function(e){var t,l,r,a,o,i=this,n=i.internalData,c=n.elemStore;n.inVirtualScroll||n.inHeaderScroll||n.inFooterScroll||(t=e.currentTarget,c=(0,_util.getRefElem)(c["main-header-scroll"]),l=i.$refs.refScrollXHandleElem,r=i.$refs.refScrollYHandleElem,c&&t&&(a=t.scrollLeft,o=t.scrollTop,n.inBodyScroll=!0,(0,_dom.setScrollLeft)(l,a),(0,_dom.setScrollLeft)(c,a),(0,_dom.setScrollTop)(r,o),syncTableScrollTop(i,o),handleScrollEvent(i,e,!0,!0,t.scrollTop,a)))},triggerFooterScrollEvent:function(e){var t,l=this.internalData;l.inVirtualScroll||l.inHeaderScroll||l.inBodyScroll||(l=e.currentTarget)&&(t=l.scrollLeft,handleScrollEvent(this,e,!1,!0,l.scrollTop,t))},triggerVirtualScrollXEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inHeaderScroll||a.inBodyScroll||(t=e.currentTarget,l=(0,_util.getRefElem)(o["main-header-scroll"]),o=(0,_util.getRefElem)(o["main-body-scroll"]),t&&(r=t.scrollLeft,a.inVirtualScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerVirtualScrollYEvent:function(e){var t,l,r=this.internalData,a=r.elemStore;r.inHeaderScroll||r.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(a["main-body-scroll"]),t&&(l=t.scrollTop,r.inVirtualScroll=!0,(0,_dom.setScrollTop)(a,l),syncTableScrollTop(this,l),handleScrollEvent(this,e,!0,!1,l,t.scrollLeft)))},handleUpdateSXSpace:function(){var e=this,t=e.reactData,l=t.scrollXLoad,r=t.scrollXWidth,a=e.internalData.elemStore,t=(["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(a["main-".concat(e,"-xSpace")]);e&&(e.style.width=l?"".concat(r,"px"):"")}),e.$refs.refScrollXSpaceElem);return t&&(t.style.width="".concat(r,"px")),calcScrollbar(e),e.$nextTick()},handleUpdateSYSpace:function(){return updateScrollYSpace(this)},handleUpdateSYStatus:function(e){this.reactData.scrollYLoad=e},handleGlobalResizeEvent:function(){_handleLazyRecalculate(this)},renderScrollX:function(e){return e("div",{key:"vsx",ref:"refScrollXVirtualElem",class:"vxe-gantt-view--scroll-x-virtual"},[e("div",{ref:"refScrollXLeftCornerElem",class:"vxe-gantt-view--scroll-x-left-corner"}),e("div",{ref:"refScrollXWrapperElem",class:"vxe-gantt-view--scroll-x-wrapper"},[e("div",{ref:"refScrollXHandleElem",class:"vxe-gantt-view--scroll-x-handle",on:{scroll:this.triggerVirtualScrollXEvent}},[e("div",{ref:"refScrollXSpaceElem",class:"vxe-gantt-view--scroll-x-space"})])]),e("div",{ref:"refScrollXRightCornerElem",class:"vxe-gantt-view--scroll-x-right-corner"})])},renderScrollY:function(e){return e("div",{ref:"refScrollYVirtualElem",class:"vxe-gantt-view--scroll-y-virtual"},[e("div",{ref:"refScrollYTopCornerElem",class:"vxe-gantt-view--scroll-y-top-corner"}),e("div",{ref:"refScrollYWrapperElem",class:"vxe-gantt-view--scroll-y-wrapper"},[e("div",{ref:"refScrollYHandleElem",class:"vxe-gantt-view--scroll-y-handle",on:{scroll:this.triggerVirtualScrollYEvent}},[e("div",{ref:"refScrollYSpaceElem",class:"vxe-gantt-view--scroll-y-space"})])]),e("div",{ref:"refScrollYBottomCornerElem",class:"vxe-gantt-view--scroll-y-bottom-corner"})])},renderViewport:function(e){return e("div",{class:"vxe-gantt-view--viewport-wrapper"},[e(_ganttHeader.default),e(_ganttBody.default),e(_ganttFooter.default)])},renderBody:function(e){var t=this;return e("div",{class:"vxe-gantt-view--layout-wrapper"},t.$xeGantt.computeScrollbarYToLeft?[t.renderScrollY(e),t.renderViewport(e)]:[t.renderViewport(e),t.renderScrollY(e)])},renderVN:function(e){var t=this,l=t.$xeGantt,r=t.reactData,a=r.overflowX,o=r.overflowY,i=r.scrollXLoad,r=r.scrollYLoad,n=l.computeTaskViewOpts,l=l.computeScrollbarXToTop;return e("div",{ref:"refElem",class:["vxe-gantt-view","mode--".concat(n.mode||"day"),{"is--scroll-y":o,"is--scroll-x":a,"is--virtual-x":i,"is--virtual-y":r}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},l?[t.renderScrollX(e),t.renderBody(e)]:[t.renderBody(e),t.renderScrollX(e)]),e("div",{class:"vxe-gantt-view--render-vars"},[e("div",{ref:"refColInfoElem",class:"vxe-gantt-view--column-info"})])])}},watch:{"reactData.tableData":function(){handleUpdateData(this)}},mounted:function(){globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createInternalData())},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_dom=require("../../ui/src/dom"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ganttHeader=_interopRequireDefault(require("./gantt-header")),_ganttBody=_interopRequireDefault(require("./gantt-body")),_ganttFooter=_interopRequireDefault(require("./gantt-footer"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}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.")}function _unsupportedIterableToArray(e,t){var l;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(l="Object"===(l={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:l)||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,r=Array(t);l<t;l++)r[l]=e[l];return r}function _iterableToArrayLimit(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var r,a,o,n,i=[],c=!0,s=!1;try{if(o=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;c=!1}else for(;!(c=(r=o.call(l)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=l.return&&(n=l.return(),Object(n)!==n))return}finally{if(s)throw a}}return i}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var globalEvents=_core.VxeUI.globalEvents;function createInternalData(){return{xeTable:null,startMaps:{},endMaps:{},chartMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},scrollYStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0}}}var maxYHeight=5e6;function parseStringDate(e,t){e=e.$xeGantt.computeTaskOpts.dateFormat;return _xeUtils.default.toStringDate(t,e||null)}function handleParseColumn(o){var e=o.$xeGantt,t=o.reactData,l=o.internalData,r=e.reactData,a=e.treeConfig,r=r.taskScaleList,n=t.minViewDate,i=t.maxViewDate,c=_xeUtils.default.last(r),s=[],d=[];if(c&&n&&i){var u=c.type,f=r.find(function(e){return"week"===e.type}),h=864e5;switch(c.type){case"hour":h=36e5;break;case"minute":h=6e4;break;case"second":h=1e3}var p=n.getTime(),m=i.getTime()-n.getTime(),U=Math.max(5,Math.floor(m/h)+1);switch(c.type){case"day":case"date":if(948672e5<m)return t.tableColumn=[],void(t.headerGroups=[]);break;case"hour":if(80352e5<m)return t.tableColumn=[],void(t.headerGroups=[]);break;case"minute":if(2592e5<m)return t.tableColumn=[],void(t.headerGroups=[]);break;case"second":if(108e5<m)return t.tableColumn=[],void(t.headerGroups=[])}for(var v={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},S={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}},y=function(e,t,l){var r,a;u!==e&&(t=t[e],r="".concat(t.field),(a=S[e][r])||(S[e][r]=a=t,v[e].push(a)),a)&&(a.children||(a.children=[]),a.children.push(l))},g=0;g<U;g++){var x=new Date(p+g*h),b=_slicedToArray(_xeUtils.default.toDateString(x,"yyyy-M-d-H-m-s").split("-"),6),_=b[0],w=b[1],E=b[2],T=b[3],D=b[4],b=b[5],Y=x.getDay(),L=Y+1,H=Math.ceil((x.getMonth()+1)/3),x=_xeUtils.default.getYearWeek(x,f?f.startDay:void 0),Y={yy:_,M:w,d:E,H:T,m:D,s:b,q:H,W:x,E:L,e:Y},H={year:{field:_,title:_,dateObj:Y},quarter:{field:"".concat(_,"_q").concat(H),title:"".concat(H),dateObj:Y},month:{field:"".concat(_,"_").concat(w),title:w,dateObj:Y},week:{field:"".concat(_,"_W").concat(x),title:"".concat(x),dateObj:Y},day:{field:"".concat(_,"_").concat(w,"_").concat(E,"_E").concat(L),title:"".concat(L),dateObj:Y},date:{field:"".concat(_,"_").concat(w,"_").concat(E),title:E,dateObj:Y},hour:{field:"".concat(_,"_").concat(w,"_").concat(E,"_").concat(T),title:T,dateObj:Y},minute:{field:"".concat(_,"_").concat(w,"_").concat(E,"_").concat(T,"_").concat(D),title:D,dateObj:Y},second:{field:"".concat(_,"_").concat(w,"_").concat(E,"_").concat(T,"_").concat(D,"_").concat(b),title:b,dateObj:Y}},x=H[u];c.level<19&&y("year",H,x),c.level<17&&y("quarter",H,x),c.level<14&&y("month",H,x),c.level<13&&y("week",H,x),c.level<11&&y("day",H,x),c.level<12&&y("date",H,x),c.level<7&&y("hour",H,x),c.level<5&&y("minute",H,x),s.push(x)}r.forEach(function(e){var t;e.type===u?d.push({scaleItem:e,columns:s}):((t=v[e.type]||[])&&t.forEach(function(e){e.childCount=e.children?e.children.length:0,e.children=void 0}),d.push({scaleItem:e,columns:t}))});var R,C,X,$,V,k=l.xeTable;k&&(R=e.computeStartField,C=e.computeEndField,i=k.afterFullData,e=(r=k.computeTreeOpts).transform,X=r.children||r.childrenField,$={},V=function(e){var t,l=k.getRowid(e),r=_xeUtils.default.get(e,R),a=_xeUtils.default.get(e,C);r&&a&&(r=parseStringDate(o,r),a=parseStringDate(o,a),t=Math.floor((r.getTime()-n.getTime())/h),a=Math.floor((a.getTime()-r.getTime())/h)+1,$[l]={row:e,rowid:l,oLeftSize:t,oWidthSize:a})},a?_xeUtils.default.eachTree(k.afterTreeFullData,V,{children:e?r.mapChildrenField:X}):i.forEach(V),l.chartMaps=$)}t.tableColumn=s,t.headerGroups=d}function handleUpdateData(l){var r,a,e,t,o,n,i=l.$xeGantt,c=l.reactData,s=l.internalData,d=i.treeConfig,u=s.xeTable,f=null,h=null;u&&(r=i.computeStartField,a=i.computeEndField,i=u.afterFullData,t=(e=u.computeTreeOpts).transform,o=e.children||e.childrenField,n=function(e){var t=_xeUtils.default.get(e,r),e=_xeUtils.default.get(e,a);t&&e&&(t=parseStringDate(l,t),(!f||f.getTime()>t.getTime())&&(f=t),t=parseStringDate(l,e),!h||h.getTime()<t.getTime())&&(h=t)},d?_xeUtils.default.eachTree(u.afterTreeFullData,n,{children:t?e.mapChildrenField:o}):i.forEach(n)),c.minViewDate=f,c.maxViewDate=h,s.startMaps={},s.endMaps={},handleParseColumn(l)}function calcScrollbar(e){var t=e.$xeGantt,l=e.reactData,r=l.scrollXWidth,a=l.scrollYHeight,o=e.internalData.elemStore,t=t.computeScrollbarOpts,o=(0,_util.getRefElem)(o["main-body-wrapper"]),n=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;o&&(a=a>o.clientHeight,e&&(l.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),l.overflowY=a,e=r>o.clientWidth,n&&(l.scrollbarHeight=t.height||n.offsetHeight-n.clientHeight||14),l.overflowX=e)}function updateChart(e){var t=e.reactData,l=e.internalData,r=t.viewCellWidth,t=l.elemStore,a=l.chartMaps,l=(0,_util.getRefElem)(t["main-chart-wrapper"]);return l&&_xeUtils.default.arrayEach(l.children,function(e){var t=e.children[0];t&&(e=(e=e.getAttribute("rowid"))?a[e]:null)&&(t.style.left="".concat(r*e.oLeftSize,"px"),t.style.width="".concat(r*e.oWidthSize,"px"))}),e.$nextTick()}function updateStyle(e){var t,l,r,a,o,n,i,c,s,d=e.$xeGantt,u=e.reactData,f=e.internalData,h=u.scrollbarWidth,p=u.tableColumn,m=u.headerGroups,v=f.elemStore,f=f.xeTable,S=e.$refs.refElem;if(S&&S.clientHeight)return a=d.computeScrollbarOpts,c=d.computeScrollbarXToTop,n=e.$refs.refScrollXLeftCornerElem,i=e.$refs.refScrollXRightCornerElem,o=e.$refs.refScrollXVirtualElem,h=h,s=u.scrollbarHeight,r=l=t=0,f&&(t=f.tBodyHeight,l=f.tHeaderHeight,r=f.tFooterHeight),f="visible",(d.computeScrollbarYToLeft||a.y&&!1===a.y.visible)&&(h=0,f="hidden"),(d=(0,_util.getRefElem)(v["main-header-scroll"]))&&(d.style.height="".concat(l,"px"),d.style.setProperty("--vxe-ui-gantt-view-cell-height","".concat(l/m.length,"px"))),(a=(0,_util.getRefElem)(v["main-body-scroll"]))&&(a.style.height="".concat(t,"px")),(d=(0,_util.getRefElem)(v["main-footer-scroll"]))&&(d.style.height="".concat(r,"px")),o&&(o.style.height="".concat(s,"px"),o.style.visibility="visible"),(m=e.$refs.refScrollXWrapperElem)&&(m.style.left=c?"".concat(h,"px"):"",m.style.width="".concat(S.clientWidth-h,"px")),n&&(n.style.width=c?"".concat(h,"px"):"",n.style.display=c&&s?"block":""),i&&(i.style.width=c?"":"".concat(h,"px"),i.style.display=!c&&s?"block":""),(d=e.$refs.refScrollYVirtualElem)&&(d.style.width="".concat(h,"px"),d.style.height="".concat(t+l+r,"px"),d.style.visibility=f),(o=e.$refs.refScrollYTopCornerElem)&&(o.style.height="".concat(l,"px"),o.style.display=l?"block":""),(m=e.$refs.refScrollYWrapperElem)&&(m.style.height="".concat(t,"px"),m.style.top="".concat(l,"px")),(S=e.$refs.refScrollYBottomCornerElem)&&(S.style.height="".concat(r,"px"),S.style.top="".concat(l+t,"px"),S.style.display=r?"block":""),(n=e.$refs.refColInfoElem)&&(u.viewCellWidth=n.clientWidth||40),i=u.viewCellWidth*p.length,a&&0<(s=(c=a.clientWidth)-i)&&(u.viewCellWidth+=Math.floor(s/p.length),i=c),h=(0,_util.getRefElem)(v["main-header-table"]),d=(0,_util.getRefElem)(v["main-body-table"]),h&&(h.style.width="".concat(i,"px")),d&&(d.style.width="".concat(i,"px")),u.scrollXWidth=i,updateChart(e)}function _handleLazyRecalculate(e){return calcScrollbar(e),updateStyle(e),updateChart(e),e.$nextTick()}function updateScrollYSpace(e){var t=e.reactData,l=e.internalData,r=t.scrollYLoad,a=t.overflowY,o=l.elemStore,l=l.xeTable,n=(0,_util.getRefElem)(o["main-body-scroll"]),i=(0,_util.getRefElem)(o["main-body-table"]),c=0,s=0,d=!1,l=(l&&(c=l.scrollYTop,s=l.scrollYHeight,d=l.isScrollYBig),s),u=c,f=0,n=(n&&(f=n.clientHeight),d&&(u=n&&i&&n.scrollTop+f>=maxYHeight?maxYHeight-i.clientHeight:c/(s-f)*(maxYHeight-f),l=maxYHeight),r&&a||(u=0),(0,_util.getRefElem)(o["main-chart-wrapper"])),c=(i&&(i.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),n&&(n.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),(0,_util.getRefElem)(o["main-body-ySpace"])),f=(c&&(c.style.height=l?"".concat(l,"px"):""),e.$refs.refScrollYSpaceElem);return f&&(f.style.height=l?"".concat(l,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,l){var r=e.reactData,a=e.internalData,e=a.lcsTimeout;r.lazScrollLoading=!0,e&&clearTimeout(e),a.lcsTimeout=setTimeout(function(){a.lcsRunTime=Date.now(),a.lcsTimeout=void 0,a.intoRunScroll=!1,a.inVirtualScroll=!1,a.inWheelScroll=!1,a.inHeaderScroll=!1,a.inBodyScroll=!1,a.inFooterScroll=!1,r.lazScrollLoading=!1},200)}function handleScrollEvent(e,t,l,r,a,o){checkLastSyncScroll(e,r,l)}function syncTableScrollTop(e,t){var e=e.internalData.xeTable;e&&(e=e.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]))&&(e.scrollTop=t)}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttView",inject:{$xeGantt:{default:null}},provide:function(){return{$xeGanttView:this}},props:{},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lazScrollLoading:!1,scrollVMLoading:!1,scrollYHeight:0,scrollYTop:0,isScrollYBig:!1,scrollXLeft:0,scrollXWidth:0,isScrollXBig:!1,minViewDate:null,maxViewDate:null,tableData:[],tableColumn:[],headerGroups:[],viewCellWidth:20},internalData:createInternalData()}},computed:Object.assign({},{}),methods:{refreshData:function(){return handleUpdateData(this),_handleLazyRecalculate(this)},updateViewData:function(){var e=this.reactData,t=this.internalData.xeTable;return t&&(t=t.tableData,e.tableData=t),this.$nextTick()},connectUpdate:function(e){var e=e.$table,t=this.internalData;return e&&(t.xeTable=e),this.$nextTick()},handleUpdateStyle:function(){return updateStyle(this)},handleLazyRecalculate:function(){return _handleLazyRecalculate(this)},handleUpdateCurrentRow:function(e){var t,l=this.internalData.xeTable,r=this.$refs.refElem;l&&r&&(e?(t=l.highlightCurrentRow,(l.computeRowOpts.isCurrent||t)&&_xeUtils.default.arrayEach(r.querySelectorAll('[rowid="'.concat(l.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")})):_xeUtils.default.arrayEach(r.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,l=this.$refs.refElem;t&&l&&(e?_xeUtils.default.arrayEach(l.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(l.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inVirtualScroll||a.inBodyScroll||a.inFooterScroll||(t=e.currentTarget,o=(0,_util.getRefElem)(o["main-body-scroll"]),l=this.$refs.refScrollXHandleElem,o&&t&&(r=t.scrollLeft,a.inHeaderScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerBodyScrollEvent:function(e){var t,l,r,a,o,n=this,i=n.internalData,c=i.elemStore;i.inVirtualScroll||i.inHeaderScroll||i.inFooterScroll||(t=e.currentTarget,c=(0,_util.getRefElem)(c["main-header-scroll"]),l=n.$refs.refScrollXHandleElem,r=n.$refs.refScrollYHandleElem,c&&t&&(a=t.scrollLeft,o=t.scrollTop,i.inBodyScroll=!0,(0,_dom.setScrollLeft)(l,a),(0,_dom.setScrollLeft)(c,a),(0,_dom.setScrollTop)(r,o),syncTableScrollTop(n,o),handleScrollEvent(n,e,!0,!0,t.scrollTop,a)))},triggerFooterScrollEvent:function(e){var t,l=this.internalData;l.inVirtualScroll||l.inHeaderScroll||l.inBodyScroll||(l=e.currentTarget)&&(t=l.scrollLeft,handleScrollEvent(this,e,!1,!0,l.scrollTop,t))},triggerVirtualScrollXEvent:function(e){var t,l,r,a=this.internalData,o=a.elemStore;a.inHeaderScroll||a.inBodyScroll||(t=e.currentTarget,l=(0,_util.getRefElem)(o["main-header-scroll"]),o=(0,_util.getRefElem)(o["main-body-scroll"]),t&&(r=t.scrollLeft,a.inVirtualScroll=!0,(0,_dom.setScrollLeft)(l,r),(0,_dom.setScrollLeft)(o,r),handleScrollEvent(this,e,!1,!0,t.scrollTop,r)))},triggerVirtualScrollYEvent:function(e){var t,l,r=this.internalData,a=r.elemStore;r.inHeaderScroll||r.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(a["main-body-scroll"]),t&&(l=t.scrollTop,r.inVirtualScroll=!0,(0,_dom.setScrollTop)(a,l),syncTableScrollTop(this,l),handleScrollEvent(this,e,!0,!1,l,t.scrollLeft)))},handleUpdateSXSpace:function(){var e=this,t=e.reactData,l=t.scrollXLoad,r=t.scrollXWidth,a=e.internalData.elemStore,t=(["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(a["main-".concat(e,"-xSpace")]);e&&(e.style.width=l?"".concat(r,"px"):"")}),e.$refs.refScrollXSpaceElem);return t&&(t.style.width="".concat(r,"px")),calcScrollbar(e),e.$nextTick()},handleUpdateSYSpace:function(){return updateScrollYSpace(this)},handleUpdateSYStatus:function(e){this.reactData.scrollYLoad=e},handleGlobalResizeEvent:function(){_handleLazyRecalculate(this)},renderScrollX:function(e){return e("div",{key:"vsx",ref:"refScrollXVirtualElem",class:"vxe-gantt-view--scroll-x-virtual"},[e("div",{ref:"refScrollXLeftCornerElem",class:"vxe-gantt-view--scroll-x-left-corner"}),e("div",{ref:"refScrollXWrapperElem",class:"vxe-gantt-view--scroll-x-wrapper"},[e("div",{ref:"refScrollXHandleElem",class:"vxe-gantt-view--scroll-x-handle",on:{scroll:this.triggerVirtualScrollXEvent}},[e("div",{ref:"refScrollXSpaceElem",class:"vxe-gantt-view--scroll-x-space"})])]),e("div",{ref:"refScrollXRightCornerElem",class:"vxe-gantt-view--scroll-x-right-corner"})])},renderScrollY:function(e){return e("div",{ref:"refScrollYVirtualElem",class:"vxe-gantt-view--scroll-y-virtual"},[e("div",{ref:"refScrollYTopCornerElem",class:"vxe-gantt-view--scroll-y-top-corner"}),e("div",{ref:"refScrollYWrapperElem",class:"vxe-gantt-view--scroll-y-wrapper"},[e("div",{ref:"refScrollYHandleElem",class:"vxe-gantt-view--scroll-y-handle",on:{scroll:this.triggerVirtualScrollYEvent}},[e("div",{ref:"refScrollYSpaceElem",class:"vxe-gantt-view--scroll-y-space"})])]),e("div",{ref:"refScrollYBottomCornerElem",class:"vxe-gantt-view--scroll-y-bottom-corner"})])},renderViewport:function(e){return e("div",{class:"vxe-gantt-view--viewport-wrapper"},[e(_ganttHeader.default),e(_ganttBody.default),e(_ganttFooter.default)])},renderBody:function(e){var t=this;return e("div",{class:"vxe-gantt-view--layout-wrapper"},t.$xeGantt.computeScrollbarYToLeft?[t.renderScrollY(e),t.renderViewport(e)]:[t.renderViewport(e),t.renderScrollY(e)])},renderVN:function(e){var t=this,l=t.$xeGantt,r=t.reactData,a=r.overflowX;return e("div",{ref:"refElem",class:["vxe-gantt-view",{"is--scroll-y":r.overflowY,"is--scroll-x":a,"is--virtual-x":r.scrollXLoad,"is--virtual-y":r.scrollYLoad}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},l.computeScrollbarXToTop?[t.renderScrollX(e),t.renderBody(e)]:[t.renderBody(e),t.renderScrollX(e)]),e("div",{class:"vxe-gantt-view--render-vars"},[e("div",{ref:"refColInfoElem",class:"vxe-gantt-view--column-info"})])])}},watch:{"reactData.tableData":function(){handleUpdateData(this)}},mounted:function(){globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/gantt/src/gantt.js

@@ -37,6 +37,20 @@ var tableProps = _vxeTable.VxeTable.props;
 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;
@@ -88,6 +102,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     zoomConfig: Object,
     layouts: Array,
     taskConfig: Object,
+    taskViewScaleConfs: Object,
     taskViewConfig: Object,
     taskBarConfig: Object,
     taskSplitConfig: Object,
@@ -124,7 +139,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         currentPage: 1
       },
       showLeftView: true,
-      showRightView: true
+      showRightView: true,
+      taskScaleList: []
     };
     var internalData = createInternalData();
     return {
@@ -174,6 +190,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeGantt;
       return Object.assign({}, getConfig().gantt.taskConfig, props.taskConfig);
     },
+    computeTaskViewScaleMapsOpts: function computeTaskViewScaleMapsOpts() {
+      var $xeGantt = this;
+      var props = $xeGantt;
+      return _xeUtils.default.merge({}, getConfig().gantt.taskViewScaleConfs, props.taskViewScaleConfs);
+    },
     computeTaskViewOpts: function computeTaskViewOpts() {
       var $xeGantt = this;
       var props = $xeGantt;
@@ -189,6 +210,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeGantt;
       return Object.assign({}, 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;
@@ -247,7 +274,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           stys.maxHeight = maxHeight === 'auto' || maxHeight === '100%' ? '100%' : (0, _dom.toCssUnit)(maxHeight);
         }
       }
-      if (barStyle) {
+      if (barStyle && !_xeUtils.default.isFunction(barStyle)) {
         var bgColor = barStyle.bgColor,
           completedBgColor = barStyle.completedBgColor;
         if (bgColor) {
@@ -434,6 +461,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     proxyConfig: function proxyConfig() {
       var $xeGantt = this;
       $xeGantt.initProxy();
+    },
+    computeTaskScaleConfs: function computeTaskScaleConfs() {
+      var $xeGantt = this;
+      $xeGantt.handleTaskScaleConfig();
     }
   },
   methods: Object.assign(Object.assign({}, tableMethods), {
@@ -444,6 +475,47 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $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 || _xeUtils.default.isString(conf) ? {
+            type: conf
+          } : conf;
+          var type = sConf.type;
+          if (!type || !viewTypeLevelMaps[type]) {
+            (0, _log.errLog)('vxe.error.errProp', ["type=".concat(type), _xeUtils.default.keys(viewTypeLevelMaps).join(',')]);
+            return;
+          }
+          if (keyMaps[type]) {
+            (0, _log.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 = _xeUtils.default.orderBy(scaleConfs, {
+        field: 'level',
+        order: 'desc'
+      });
+    },
     initToolbar: function initToolbar() {
       var $xeGantt = this;
       $xeGantt.$nextTick(function () {
@@ -2141,6 +2213,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }
       }
     });
+    $xeGantt.handleTaskScaleConfig();
     $xeGantt.initPages();
   },
   mounted: function mounted() {