vxe-gantt 3.2.8 → 3.3.0

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

@@ -51,12 +51,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       var cellOpts = $xeTable.computeCellOpts;
       var rowOpts = $xeTable.computeRowOpts;
       var defaultRowHeight = $xeTable.computeDefaultRowHeight;
+      var treeOpts = $xeTable.computeTreeOpts;
+      var childrenField = treeOpts.children || treeOpts.childrenField;
       var ganttProps = $xeGantt;
       var ganttReactData = $xeGantt.reactData;
-      var ganttInternalData = $xeGantt.internalData;
       var ganttSlots = $xeGantt.$scopedSlots;
       var taskBarSlot = ganttSlots.taskBar || ganttSlots['task-bar'];
-      var taskBarMilestoneConfig = ganttProps.taskBarMilestoneConfig,
+      var treeConfig = ganttProps.treeConfig,
+        taskBarMilestoneConfig = ganttProps.taskBarMilestoneConfig,
         taskBarSubviewConfig = ganttProps.taskBarSubviewConfig;
       var activeLink = ganttReactData.activeLink,
         activeBarRowid = ganttReactData.activeBarRowid;
@@ -86,8 +88,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       var title = (0, _utils.getStringValue)(_xeUtils.default.get(row, titleField));
       var progressValue = showProgress ? Math.min(100, Math.max(0, _xeUtils.default.toNumber(_xeUtils.default.get(row, progressField)))) : 0;
       var renderTaskType = (0, _util.getTaskType)(_xeUtils.default.get(row, typeField));
-      var isMilestone = !!((0, _utils.hasEnableConf)(taskBarMilestoneConfig, taskBarMilestoneOpts) && (0, _util.hasMilestoneTask)(renderTaskType));
-      var isSubview = !!((0, _utils.hasEnableConf)(taskBarSubviewConfig, taskBarSubviewOpts) && (0, _util.hasSubviewTask)(renderTaskType));
       var vbStyle = {};
       var vpStyle = {
         width: "".concat(progressValue || 0, "%")
@@ -102,13 +102,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           vpStyle.backgroundColor = completedBgColor;
         }
       }
-      if (contentMethod) {
-        title = (0, _utils.getStringValue)(contentMethod({
-          row: row,
-          title: title,
-          scaleType: scaleUnit
-        }));
-      }
       var ctParams = {
         $gantt: $xeGantt,
         source: sourceType,
@@ -119,142 +112,163 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         rowIndex: rowIndex,
         _rowIndex: _rowIndex
       };
-      var ctOns = {};
-      if (showTooltip) {
-        ctOns.mouseover = function (evnt) {
-          var dragBarRow = ganttInternalData.dragBarRow;
-          var ttParams = Object.assign({
-            $event: evnt
-          }, ctParams);
-          if (!dragBarRow) {
-            $xeGantt.triggerTaskBarTooltipEvent(evnt, ttParams);
-          }
-          $xeGantt.dispatchEvent('task-bar-mouseenter', ttParams, evnt);
-        };
-        ctOns.mouseleave = function (evnt) {
-          var dragBarRow = ganttInternalData.dragBarRow;
-          var ttParams = Object.assign({
-            $event: evnt
-          }, ctParams);
-          if (!dragBarRow) {
-            $xeGantt.handleTaskBarTooltipLeaveEvent(evnt, ttParams);
-          }
-          $xeGantt.dispatchEvent('task-bar-mouseleave', ttParams, evnt);
-        };
-      }
       var cbVNs = [];
       if ($xeGantt.renderGanttTaskBarContent) {
         cbVNs = $xeGantt.renderGanttTaskBarContent(h, ctParams, {
-          isMilestone: isMilestone,
-          title: title,
-          vbStyle: vbStyle,
-          vpStyle: vpStyle,
-          rowid: rowid,
-          ctOns: ctOns
+          $gantt: $xeGantt,
+          $table: $xeTable,
+          rowid: rowid
         });
-      } else if (taskBarSlot) {
-        cbVNs.push(h('div', {
-          key: 'cbc',
-          class: 'vxe-gantt-view--chart-custom-bar-content-wrapper',
-          on: ctOns
-        }, $xeGantt.callSlot(taskBarSlot, barParams, h)));
       } else {
-        if (isSubview && rowChildren && rowChildren.length) {
-          if (isExpandTree) {
-            if (taskBarSubviewOpts.showOverview) {
+        var isMilestone = !!((0, _utils.hasEnableConf)(taskBarMilestoneConfig, taskBarMilestoneOpts) && (0, _util.hasMilestoneTask)(renderTaskType));
+        var isSubview = !!((0, _utils.hasEnableConf)(taskBarSubviewConfig, taskBarSubviewOpts) && (0, _util.hasSubviewTask)(renderTaskType));
+        if (contentMethod) {
+          title = (0, _utils.getStringValue)(contentMethod({
+            row: row,
+            title: title,
+            scaleType: scaleUnit
+          }));
+        }
+        var ctOns = {};
+        if (showTooltip) {
+          ctOns.mouseover = function (evnt) {
+            var ttParams = Object.assign({
+              $event: evnt
+            }, ctParams);
+            $xeGantt.dispatchEvent('task-bar-mouseenter', ttParams, evnt);
+          };
+          ctOns.mouseleave = function (evnt) {
+            var ttParams = Object.assign({
+              $event: evnt
+            }, ctParams);
+            $xeGantt.dispatchEvent('task-bar-mouseleave', ttParams, evnt);
+          };
+        }
+        if (taskBarSlot) {
+          cbVNs.push(h('div', {
+            key: 'cbc',
+            class: 'vxe-gantt-view--chart-custom-bar-content-wrapper',
+            on: ctOns
+          }, $xeGantt.callSlot(taskBarSlot, barParams, h)));
+        } else {
+          if (isSubview && treeConfig && rowChildren && rowChildren.length) {
+            if (isExpandTree) {
+              if (taskBarSubviewOpts.showOverview) {
+                cbVNs.push(h('div', {
+                  key: 'vcso',
+                  class: 'vxe-gantt-view--chart-subview-wrapper is--overview'
+                }, [h('div', {
+                  key: rowid,
+                  attrs: {
+                    rowid: rowid
+                  },
+                  class: ['vxe-gantt-view--chart-subview-row', {
+                    'is--progress': showProgress,
+                    'is--round': round,
+                    'is--move': moveable
+                  }]
+                }, [h('div', {
+                  attrs: {
+                    rowid: rowid
+                  },
+                  class: 'vxe-gantt-view--chart-subview-bar'
+                }, [h('div', {
+                  class: 'vxe-gantt-view--chart-subview-bar-content-wrapper'
+                }, [showContent ? h('div', {
+                  class: 'vxe-gantt-view--chart-content'
+                }, title) : renderEmptyElement($xeGantt)])])])]));
+              }
+            } else {
+              var cbcVNs = [];
+              _xeUtils.default.eachTree(rowChildren, function (childRow) {
+                var childRowid = $xeTable.getRowid(childRow);
+                var childTitle = (0, _utils.getStringValue)(_xeUtils.default.get(childRow, titleField));
+                var childProgressValue = showProgress ? Math.min(100, Math.max(0, _xeUtils.default.toNumber(_xeUtils.default.get(childRow, progressField)))) : 0;
+                var childRenderTaskType = (0, _util.getTaskType)(_xeUtils.default.get(childRow, typeField));
+                var isChildSubview = !!((0, _utils.hasEnableConf)(taskBarSubviewConfig, taskBarSubviewOpts) && (0, _util.hasSubviewTask)(childRenderTaskType));
+                if (isChildSubview) {
+                  return;
+                }
+                var vpcStyle = {
+                  width: "".concat(childProgressValue || 0, "%")
+                };
+                if (isBarRowStyle) {
+                  var _completedBgColor = barStyObj.completedBgColor;
+                  if (_completedBgColor) {
+                    vpcStyle.backgroundColor = _completedBgColor;
+                  }
+                }
+                if (contentMethod) {
+                  childTitle = (0, _utils.getStringValue)(contentMethod({
+                    row: childRow,
+                    title: childTitle,
+                    scaleType: scaleUnit
+                  }));
+                }
+                cbcVNs.push(h('div', {
+                  key: childRowid,
+                  attrs: {
+                    rowid: childRowid
+                  },
+                  class: ['vxe-gantt-view--chart-subview-row', "is--".concat(childRenderTaskType), {
+                    'is--progress': showProgress,
+                    'is--round': round,
+                    'is--move': moveable,
+                    'row--pending': !!pendingRowFlag && !!pendingRowMaps[childRowid]
+                  }]
+                }, [h('div', {
+                  attrs: {
+                    rowid: childRowid
+                  },
+                  class: 'vxe-gantt-view--chart-subview-bar'
+                }, [h('div', {
+                  class: 'vxe-gantt-view--chart-subview-bar-content-wrapper'
+                }, [showProgress ? h('div', {
+                  class: 'vxe-gantt-view--chart-progress',
+                  style: vpcStyle
+                }) : renderEmptyElement($xeGantt), showContent ? h('div', {
+                  class: 'vxe-gantt-view--chart-content'
+                }, childTitle) : renderEmptyElement($xeGantt)])])]));
+              }, {
+                children: childrenField
+              });
               cbVNs.push(h('div', {
-                key: 'vcso',
-                class: ['vxe-gantt-view--chart-subview-wrapper is--overview', {
-                  'is--round': round,
-                  'is--move': moveable
-                }]
-              }, [h('div', {
-                key: rowid,
-                attrs: {
-                  rowid: rowid
-                },
-                class: 'vxe-gantt-view--chart-subview-bar'
-              }, [h('div', {
-                class: 'vxe-gantt-view--chart-subview-bar-content-wrapper'
-              }, [showContent ? h('div', {
-                class: 'vxe-gantt-view--chart-content'
-              }, title) : renderEmptyElement($xeGantt)])])]));
+                key: 'vcsc',
+                class: 'vxe-gantt-view--chart-subview-wrappe is--inliner'
+              }, cbcVNs));
             }
+          } else if (isMilestone) {
+            var icon = taskBarMilestoneOpts.icon,
+              iconStatus = taskBarMilestoneOpts.iconStatus,
+              iconStyle = taskBarMilestoneOpts.iconStyle;
+            var tbmParams = {
+              $gantt: $xeGantt,
+              row: row
+            };
+            cbVNs.push(h('div', {
+              key: 'vcm',
+              class: 'vxe-gantt-view--chart-milestone-wrapper',
+              on: ctOns
+            }, [h('div', {
+              class: ['vxe-gantt-view--chart-milestone-icon', iconStatus ? "theme--".concat(_xeUtils.default.isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus) : ''],
+              style: iconStyle ? Object.assign({}, _xeUtils.default.isFunction(iconStyle) ? iconStyle(tbmParams) : iconStyle) : undefined
+            }, [h('i', {
+              class: (icon ? _xeUtils.default.isFunction(icon) ? icon(tbmParams) : icon : '') || getIcon().GANTT_VIEW_TASK_MILESTONE
+            })]), showContent ? h('div', {
+              class: 'vxe-gantt-view--chart-milestone-content'
+            }, title) : renderEmptyElement($xeGantt)]));
           } else {
             cbVNs.push(h('div', {
-              key: 'vcsc',
-              class: ['vxe-gantt-view--chart-subview-wrapper is--inline', {
-                'is--round': round,
-                'is--move': moveable
-              }]
-            }, rowChildren.map(function (childRow) {
-              var childRowid = $xeTable.getRowid(childRow);
-              var childTitle = (0, _utils.getStringValue)(_xeUtils.default.get(childRow, titleField));
-              var childProgressValue = showProgress ? Math.min(100, Math.max(0, _xeUtils.default.toNumber(_xeUtils.default.get(childRow, progressField)))) : 0;
-              var childRenderTaskType = (0, _util.getTaskType)(_xeUtils.default.get(childRow, typeField));
-              var vpcStyle = {
-                width: "".concat(childProgressValue || 0, "%")
-              };
-              if (isBarRowStyle) {
-                var _completedBgColor = barStyObj.completedBgColor;
-                if (_completedBgColor) {
-                  vpcStyle.backgroundColor = _completedBgColor;
-                }
-              }
-              if (contentMethod) {
-                childTitle = (0, _utils.getStringValue)(contentMethod({
-                  row: childRow,
-                  title: childTitle,
-                  scaleType: scaleUnit
-                }));
-              }
-              return h('div', {
-                key: childRowid,
-                attrs: {
-                  rowid: childRowid
-                },
-                class: ['vxe-gantt-view--chart-subview-bar', "is--".concat(childRenderTaskType)]
-              }, [h('div', {
-                class: 'vxe-gantt-view--chart-subview-bar-content-wrapper'
-              }, [showProgress ? h('div', {
-                class: 'vxe-gantt-view--chart-progress',
-                style: vpcStyle
-              }) : renderEmptyElement($xeGantt), showContent ? h('div', {
-                class: 'vxe-gantt-view--chart-content'
-              }, childTitle) : renderEmptyElement($xeGantt)])]);
-            })));
+              key: 'vbc',
+              class: 'vxe-gantt-view--chart-bar-content-wrapper',
+              on: ctOns
+            }, [showProgress ? h('div', {
+              class: 'vxe-gantt-view--chart-progress',
+              style: vpStyle
+            }) : renderEmptyElement($xeGantt), showContent ? h('div', {
+              class: 'vxe-gantt-view--chart-content'
+            }, title) : renderEmptyElement($xeGantt)]));
           }
-        } else if (isMilestone) {
-          var icon = taskBarMilestoneOpts.icon,
-            iconStatus = taskBarMilestoneOpts.iconStatus,
-            iconStyle = taskBarMilestoneOpts.iconStyle;
-          var tbmParams = {
-            $gantt: $xeGantt,
-            row: row
-          };
-          cbVNs.push(h('div', {
-            key: 'vcm',
-            class: 'vxe-gantt-view--chart-milestone-wrapper',
-            on: ctOns
-          }, [h('div', {
-            class: ['vxe-gantt-view--chart-milestone-icon', iconStatus ? "theme--".concat(_xeUtils.default.isFunction(iconStatus) ? iconStatus(tbmParams) : iconStatus) : ''],
-            style: iconStyle ? Object.assign({}, _xeUtils.default.isFunction(iconStyle) ? iconStyle(tbmParams) : iconStyle) : undefined
-          }, [h('i', {
-            class: (icon ? _xeUtils.default.isFunction(icon) ? icon(tbmParams) : icon : '') || getIcon().GANTT_VIEW_TASK_MILESTONE
-          })]), showContent ? h('div', {
-            class: 'vxe-gantt-view--chart-milestone-content'
-          }, title) : renderEmptyElement($xeGantt)]));
-        } else {
-          cbVNs.push(h('div', {
-            key: 'vbc',
-            class: 'vxe-gantt-view--chart-bar-content-wrapper',
-            on: ctOns
-          }, [showProgress ? h('div', {
-            class: 'vxe-gantt-view--chart-progress',
-            style: vpStyle
-          }) : renderEmptyElement($xeGantt), showContent ? h('div', {
-            class: 'vxe-gantt-view--chart-content'
-          }, title) : renderEmptyElement($xeGantt)]));
         }
       }
       return h('div', {
@@ -263,6 +277,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           rowid: rowid
         },
         class: ['vxe-gantt-view--chart-row', "is--".concat(renderTaskType), {
+          'is--progress': showProgress,
           'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid],
           'is--round': round,
           'is--move': moveable

package/lib/gantt/src/gantt-chart.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"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}var getIcon=_core.VxeUI.getIcon,renderEmptyElement=_core.VxeUI.renderEmptyElement,sourceType="gantt",viewType="chart",_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},props:{},data:function(){return{}},computed:Object.assign({},{}),methods:{renderTaskBar:function(o,s,e,t,r,a,n,i,U){var l=this.$xeGantt,c=s.resizeHeightFlag,V=s.pendingRowFlag,u=s.fullAllDataRowIdData,G=s.pendingRowMaps,d=s.computeCellOpts,p=s.computeRowOpts,v=s.computeDefaultRowHeight,w=l.reactData,h=l.internalData,m=l.$scopedSlots,m=m.taskBar||m["task-bar"],f=l.taskBarMilestoneConfig,g=l.taskBarSubviewConfig,y=w.activeLink,w=w.activeBarRowid,k=l.computeTitleField,x=l.computeProgressField,F=l.computeTypeField,b=l.computeTaskBarOpts,T=l.computeTaskBarMilestoneOpts,L=l.computeTaskBarSubviewOpts,_=l.computeScaleUnit,E={$gantt:l,row:e,scaleType:_},C=b.showProgress,B=b.showContent,S=b.contentMethod,A=b.barStyle,I=b.moveable,b=b.showTooltip,$=_xeUtils.default.isFunction(A),D=(A?$?A(E):A:{})||{},A=D.round,u=u[t]||{},c=c?(0,_util.getCellRestHeight)(u,d,p,v):0,u=(0,_utils.getStringValue)(_xeUtils.default.get(e,k)),d=C?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(e,x)))):0,p=(0,_util.getTaskType)(_xeUtils.default.get(e,F)),v=!(!(0,_utils.hasEnableConf)(f,T)||!(0,_util.hasMilestoneTask)(p)),f=!(!(0,_utils.hasEnableConf)(g,L)||!(0,_util.hasSubviewTask)(p)),g={},d={width:"".concat(d||0,"%")},M=($&&(O=D.bgColor,R=D.completedBgColor,O&&(g.backgroundColor=O),R)&&(d.backgroundColor=R),S&&(u=(0,_utils.getStringValue)(S({row:e,title:u,scaleType:_}))),{$gantt:l,source:sourceType,type:viewType,scaleType:_,row:e,$rowIndex:a,rowIndex:r,_rowIndex:n}),O={},R=(b&&(O.mouseover=function(e){var t=h.dragBarRow,r=Object.assign({$event:e},M);t||l.triggerTaskBarTooltipEvent(e,r),l.dispatchEvent("task-bar-mouseenter",r,e)},O.mouseleave=function(e){var t=h.dragBarRow,r=Object.assign({$event:e},M);t||l.handleTaskBarTooltipLeaveEvent(e,r),l.dispatchEvent("task-bar-mouseleave",r,e)}),[]);return l.renderGanttTaskBarContent?R=l.renderGanttTaskBarContent(o,M,{isMilestone:v,title:u,vbStyle:g,vpStyle:d,rowid:t,ctOns:O}):m?R.push(o("div",{key:"cbc",class:"vxe-gantt-view--chart-custom-bar-content-wrapper",on:O},l.callSlot(m,E,o))):f&&i&&i.length?U?L.showOverview&&R.push(o("div",{key:"vcso",class:["vxe-gantt-view--chart-subview-wrapper is--overview",{"is--round":A,"is--move":I}]},[o("div",{key:t,attrs:{rowid:t},class:"vxe-gantt-view--chart-subview-bar"},[o("div",{class:"vxe-gantt-view--chart-subview-bar-content-wrapper"},[B?o("div",{class:"vxe-gantt-view--chart-content"},u):renderEmptyElement(l)])])])):R.push(o("div",{key:"vcsc",class:["vxe-gantt-view--chart-subview-wrapper is--inline",{"is--round":A,"is--move":I}]},i.map(function(e){var t,r=s.getRowid(e),a=(0,_utils.getStringValue)(_xeUtils.default.get(e,k)),n=C?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(e,x)))):0,i=(0,_util.getTaskType)(_xeUtils.default.get(e,F)),n={width:"".concat(n||0,"%")};return $&&(t=D.completedBgColor)&&(n.backgroundColor=t),S&&(a=(0,_utils.getStringValue)(S({row:e,title:a,scaleType:_}))),o("div",{key:r,attrs:{rowid:r},class:["vxe-gantt-view--chart-subview-bar","is--".concat(i)]},[o("div",{class:"vxe-gantt-view--chart-subview-bar-content-wrapper"},[C?o("div",{class:"vxe-gantt-view--chart-progress",style:n}):renderEmptyElement(l),B?o("div",{class:"vxe-gantt-view--chart-content"},a):renderEmptyElement(l)])])}))):v?(a=T.icon,r=T.iconStatus,n=T.iconStyle,b={$gantt:l,row:e},R.push(o("div",{key:"vcm",class:"vxe-gantt-view--chart-milestone-wrapper",on:O},[o("div",{class:["vxe-gantt-view--chart-milestone-icon",r?"theme--".concat(_xeUtils.default.isFunction(r)?r(b):r):""],style:n?Object.assign({},_xeUtils.default.isFunction(n)?n(b):n):void 0},[o("i",{class:(a?_xeUtils.default.isFunction(a)?a(b):a:"")||getIcon().GANTT_VIEW_TASK_MILESTONE})]),B?o("div",{class:"vxe-gantt-view--chart-milestone-content"},u):renderEmptyElement(l)]))):R.push(o("div",{key:"vbc",class:"vxe-gantt-view--chart-bar-content-wrapper",on:O},[C?o("div",{class:"vxe-gantt-view--chart-progress",style:d}):renderEmptyElement(l),B?o("div",{class:"vxe-gantt-view--chart-content"},u):renderEmptyElement(l)])),o("div",{key:t,attrs:{rowid:t},class:["vxe-gantt-view--chart-row","is--".concat(p),{"row--pending":!!V&&!!G[t],"is--round":A,"is--move":I}],style:{height:"".concat(c,"px")},on:{contextmenu:function(e){l.handleTaskBarContextmenuEvent(e,M)}}},[o("div",{class:[m?"vxe-gantt-view--chart-custom-bar":"vxe-gantt-view--chart-bar","is--".concat(p),{"is--active":w===t,"active--link":y&&(t==="".concat(y.from)||t==="".concat(y.to))}],style:g,attrs:{rowid:t},on:{click:function(e){l.handleTaskBarClickEvent(e,E)},dblclick:function(e){l.handleTaskBarDblclickEvent(e,E)},mousedown:function(e){l.handleTaskBarMousedownEvent&&l.handleTaskBarMousedownEvent(e,E)}}},R)])},renderTaskRows:function(s,l,e){var c=this,t=c.$xeGanttView.reactData,u=l.treeConfig,d=l.treeExpandedFlag,p=l.fullAllDataRowIdData,v=l.treeExpandedMaps,r=l.computeTreeOpts,w=r.transform,h=r.children||r.childrenField,m=t.scrollYLoad,f=[];return e.forEach(function(e,t){var r=l.getRowid(e),a=p[r]||{},n=t,i=-1,a=(a&&(n=a.index,i=a._index),!1),o=[];u&&(o=e[h],a=!!d&&o&&0<o.length&&!!v[r]),f.push(c.renderTaskBar(s,l,e,r,n,t,i,o,a)),u&&a&&!m&&!w&&f.push.apply(f,_toConsumableArray(c.renderTaskRows(s,l,o)))}),f},renderVN:function(e){var t=this.$xeGantt,r=this.$xeGanttView,a=t.reactData,n=r.internalData.xeTable,a=a.dragLinkFromStore,r=r.reactData.tableData,i=t.computeTaskLinkOpts,o=i.isCurrent,s=t.computeTaskBarOpts.linkCreatable;return e("div",{ref:"refElem",class:["vxe-gantt-view--chart-wrapper",{"is--cl-drag":a.rowid}]},[t.renderGanttTaskChartBefores?e("div",{ref:"refChartBeforeWrapperElem",class:["vxe-gantt-view--chart-before-wrapper",{"link--current":o,"link--hover":i.isHover}]},n&&(0,_utils.isEnableConf)(i)?t.renderGanttTaskChartBefores(e):[]):renderEmptyElement(t),e("div",{ref:"refTaskWrapperElem",class:["vxe-gantt-view--chart-task-wrapper",{"link--current":o,"link--create":s}]},n?this.renderTaskRows(e,n,r):[]),t.renderGanttTaskChartAfters?e("div",{ref:"refChartAfterWrapperElem",class:"vxe-gantt-view--chart-after-wrapper"},n&&(0,_utils.isEnableConf)(i)?t.renderGanttTaskChartAfters(e):[]):renderEmptyElement(t)])}},mounted:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-chart-";e["".concat(t,"task-wrapper")]=this.$refs.refTaskWrapperElem,e["".concat(t,"before-wrapper")]=this.$refs.refChartBeforeWrapperElem,e["".concat(t,"after-wrapper")]=this.$refs.refChartAfterWrapperElem},destroyed:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-chart-";e["".concat(t,"task-wrapper")]=null,e["".concat(t,"before-wrapper")]=null,e["".concat(t,"after-wrapper")]=null},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"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}var getIcon=_core.VxeUI.getIcon,renderEmptyElement=_core.VxeUI.renderEmptyElement,sourceType="gantt",viewType="chart",_default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeGanttViewChart",inject:{$xeGantt:{default:null},$xeGanttView:{default:null}},props:{},data:function(){return{}},computed:Object.assign({},{}),methods:{renderTaskBar:function(s,o,e,t,r,a,n,i,G){var l,c,u=this.$xeGantt,d=o.resizeHeightFlag,p=o.pendingRowFlag,v=o.fullAllDataRowIdData,M=o.pendingRowMaps,w=o.computeCellOpts,h=o.computeRowOpts,f=o.computeDefaultRowHeight,m=o.computeTreeOpts,m=m.children||m.childrenField,g=u.reactData,x=u.$scopedSlots,x=x.taskBar||x["task-bar"],R=u.treeConfig,y=u.taskBarMilestoneConfig,F=u.taskBarSubviewConfig,b=g.activeLink,g=g.activeBarRowid,L=u.computeTitleField,W=u.computeProgressField,j=u.computeTypeField,k=u.computeTaskBarOpts,_=u.computeTaskBarMilestoneOpts,T=u.computeTaskBarSubviewOpts,E=u.computeScaleUnit,C={$gantt:u,row:e,scaleType:E},S=k.showProgress,A=k.showContent,B=k.contentMethod,$=k.barStyle,I=k.moveable,k=k.showTooltip,U=_xeUtils.default.isFunction($),O=($?U?$(C):$:{})||{},V=O.round,$=v[t]||{},v=d?(0,_util.getCellRestHeight)($,w,h,f):0,d=(0,_utils.getStringValue)(_xeUtils.default.get(e,L)),$=S?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(e,W)))):0,w=(0,_util.getTaskType)(_xeUtils.default.get(e,j)),h={},f={width:"".concat($||0,"%")},D=(U&&($=O.bgColor,l=O.completedBgColor,$&&(h.backgroundColor=$),l)&&(f.backgroundColor=l),{$gantt:u,source:sourceType,type:viewType,scaleType:E,row:e,$rowIndex:a,rowIndex:r,_rowIndex:n}),$=[];return u.renderGanttTaskBarContent?$=u.renderGanttTaskBarContent(s,D,{$gantt:u,$table:o,rowid:t}):(l=!(!(0,_utils.hasEnableConf)(y,_)||!(0,_util.hasMilestoneTask)(w)),a=!(!(0,_utils.hasEnableConf)(F,T)||!(0,_util.hasSubviewTask)(w)),B&&(d=(0,_utils.getStringValue)(B({row:e,title:d,scaleType:E}))),r={},k&&(r.mouseover=function(e){var t=Object.assign({$event:e},D);u.dispatchEvent("task-bar-mouseenter",t,e)},r.mouseleave=function(e){var t=Object.assign({$event:e},D);u.dispatchEvent("task-bar-mouseleave",t,e)}),x?$.push(s("div",{key:"cbc",class:"vxe-gantt-view--chart-custom-bar-content-wrapper",on:r},u.callSlot(x,C,s))):a&&R&&i&&i.length?G?T.showOverview&&$.push(s("div",{key:"vcso",class:"vxe-gantt-view--chart-subview-wrapper is--overview"},[s("div",{key:t,attrs:{rowid:t},class:["vxe-gantt-view--chart-subview-row",{"is--progress":S,"is--round":V,"is--move":I}]},[s("div",{attrs:{rowid:t},class:"vxe-gantt-view--chart-subview-bar"},[s("div",{class:"vxe-gantt-view--chart-subview-bar-content-wrapper"},[A?s("div",{class:"vxe-gantt-view--chart-content"},d):renderEmptyElement(u)])])])])):(c=[],_xeUtils.default.eachTree(i,function(e){var t,r=o.getRowid(e),a=(0,_utils.getStringValue)(_xeUtils.default.get(e,L)),n=S?Math.min(100,Math.max(0,_xeUtils.default.toNumber(_xeUtils.default.get(e,W)))):0,i=(0,_util.getTaskType)(_xeUtils.default.get(e,j));(!(0,_utils.hasEnableConf)(F,T)||!(0,_util.hasSubviewTask)(i))&&(n={width:"".concat(n||0,"%")},U&&(t=O.completedBgColor)&&(n.backgroundColor=t),B&&(a=(0,_utils.getStringValue)(B({row:e,title:a,scaleType:E}))),c.push(s("div",{key:r,attrs:{rowid:r},class:["vxe-gantt-view--chart-subview-row","is--".concat(i),{"is--progress":S,"is--round":V,"is--move":I,"row--pending":!!p&&!!M[r]}]},[s("div",{attrs:{rowid:r},class:"vxe-gantt-view--chart-subview-bar"},[s("div",{class:"vxe-gantt-view--chart-subview-bar-content-wrapper"},[S?s("div",{class:"vxe-gantt-view--chart-progress",style:n}):renderEmptyElement(u),A?s("div",{class:"vxe-gantt-view--chart-content"},a):renderEmptyElement(u)])])])))},{children:m}),$.push(s("div",{key:"vcsc",class:"vxe-gantt-view--chart-subview-wrappe is--inliner"},c))):l?(n=_.icon,y=_.iconStatus,k=_.iconStyle,a={$gantt:u,row:e},$.push(s("div",{key:"vcm",class:"vxe-gantt-view--chart-milestone-wrapper",on:r},[s("div",{class:["vxe-gantt-view--chart-milestone-icon",y?"theme--".concat(_xeUtils.default.isFunction(y)?y(a):y):""],style:k?Object.assign({},_xeUtils.default.isFunction(k)?k(a):k):void 0},[s("i",{class:(n?_xeUtils.default.isFunction(n)?n(a):n:"")||getIcon().GANTT_VIEW_TASK_MILESTONE})]),A?s("div",{class:"vxe-gantt-view--chart-milestone-content"},d):renderEmptyElement(u)]))):$.push(s("div",{key:"vbc",class:"vxe-gantt-view--chart-bar-content-wrapper",on:r},[S?s("div",{class:"vxe-gantt-view--chart-progress",style:f}):renderEmptyElement(u),A?s("div",{class:"vxe-gantt-view--chart-content"},d):renderEmptyElement(u)]))),s("div",{key:t,attrs:{rowid:t},class:["vxe-gantt-view--chart-row","is--".concat(w),{"is--progress":S,"row--pending":!!p&&!!M[t],"is--round":V,"is--move":I}],style:{height:"".concat(v,"px")},on:{contextmenu:function(e){u.handleTaskBarContextmenuEvent(e,D)}}},[s("div",{class:[x?"vxe-gantt-view--chart-custom-bar":"vxe-gantt-view--chart-bar","is--".concat(w),{"is--active":g===t,"active--link":b&&(t==="".concat(b.from)||t==="".concat(b.to))}],style:h,attrs:{rowid:t},on:{click:function(e){u.handleTaskBarClickEvent(e,C)},dblclick:function(e){u.handleTaskBarDblclickEvent(e,C)},mousedown:function(e){u.handleTaskBarMousedownEvent&&u.handleTaskBarMousedownEvent(e,C)}}},$)])},renderTaskRows:function(o,l,e){var c=this,t=c.$xeGanttView.reactData,u=l.treeConfig,d=l.treeExpandedFlag,p=l.fullAllDataRowIdData,v=l.treeExpandedMaps,r=l.computeTreeOpts,w=r.transform,h=r.children||r.childrenField,f=t.scrollYLoad,m=[];return e.forEach(function(e,t){var r=l.getRowid(e),a=p[r]||{},n=t,i=-1,a=(a&&(n=a.index,i=a._index),!1),s=[];u&&(s=e[h],a=!!d&&s&&0<s.length&&!!v[r]),m.push(c.renderTaskBar(o,l,e,r,n,t,i,s,a)),u&&a&&!f&&!w&&m.push.apply(m,_toConsumableArray(c.renderTaskRows(o,l,s)))}),m},renderVN:function(e){var t=this.$xeGantt,r=this.$xeGanttView,a=t.reactData,n=r.internalData.xeTable,a=a.dragLinkFromStore,r=r.reactData.tableData,i=t.computeTaskLinkOpts,s=i.isCurrent,o=t.computeTaskBarOpts.linkCreatable;return e("div",{ref:"refElem",class:["vxe-gantt-view--chart-wrapper",{"is--cl-drag":a.rowid}]},[t.renderGanttTaskChartBefores?e("div",{ref:"refChartBeforeWrapperElem",class:["vxe-gantt-view--chart-before-wrapper",{"link--current":s,"link--hover":i.isHover}]},n&&(0,_utils.isEnableConf)(i)?t.renderGanttTaskChartBefores(e):[]):renderEmptyElement(t),e("div",{ref:"refTaskWrapperElem",class:["vxe-gantt-view--chart-task-wrapper",{"link--current":s,"link--create":o}]},n?this.renderTaskRows(e,n,r):[]),t.renderGanttTaskChartAfters?e("div",{ref:"refChartAfterWrapperElem",class:"vxe-gantt-view--chart-after-wrapper"},n&&(0,_utils.isEnableConf)(i)?t.renderGanttTaskChartAfters(e):[]):renderEmptyElement(t)])}},mounted:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-chart-";e["".concat(t,"task-wrapper")]=this.$refs.refTaskWrapperElem,e["".concat(t,"before-wrapper")]=this.$refs.refChartBeforeWrapperElem,e["".concat(t,"after-wrapper")]=this.$refs.refChartAfterWrapperElem},destroyed:function(){var e=this.$xeGanttView.internalData.elemStore,t="main-chart-";e["".concat(t,"task-wrapper")]=null,e["".concat(t,"before-wrapper")]=null,e["".concat(t,"after-wrapper")]=null},render:function(e){return this.renderVN(e)}});

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

@@ -812,8 +812,8 @@ function updateTaskChartStyle($xeGanttView) {
         if (childWrapperEl) {
           // 行内展示
           if ((0, _dom.hasClass)(childWrapperEl, 'is--inline')) {
-            _xeUtils.default.arrayEach(childWrapperEl.children, function (childEl) {
-              var childBarEl = childEl;
+            _xeUtils.default.arrayEach(childWrapperEl.children, function (childRowEl) {
+              var childBarEl = childRowEl.children[0];
               var childRowid = childBarEl.getAttribute('rowid') || '';
               var childChartRest = childRowid ? chartMaps[childRowid] : null;
               if (childChartRest) {
@@ -837,7 +837,8 @@ function updateTaskChartStyle($xeGanttView) {
             });
           } else {
             // 如果展开子任务
-            var childBarEl = childWrapperEl.firstElementChild;
+            var childRowEl = childWrapperEl.children[0];
+            var childBarEl = childRowEl ? childRowEl.children[0] : null;
             if (childBarEl) {
               var rowChildren = row ? row[childrenField] : [];
               var _handleSubTaskMinMaxS2 = handleSubTaskMinMaxSize($xeGanttView, $xeTable, rowChildren),

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}}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 a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,l=Array(t);a<t;a++)l[a]=e[a];return l}function _iterableToArrayLimit(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var l,r,i,n,o=[],c=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(l=i.call(a)).done)&&(o.push(l.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=a.return&&(n=a.return(),Object(n)!==n))return}finally{if(s)throw r}}return o}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var globalEvents=_core.VxeUI.globalEvents,sourceType="gantt",minuteMs=6e4,dayMs=60*minuteMs*24;function createInternalData(){return{xeTable:null,visibleColumn:[],startMaps:{},endMaps:{},chartMaps:{},todayDateMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},lastScrollTop:0,lastScrollLeft:0}}function createReactData(){return{scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lastScrollTime: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}}var maxYHeight=5e6;function parseStringDate(e,t){e=e.$xeGantt.computeTaskOpts.dateFormat;return _xeUtils.default.toStringDate(t,e||null)}function updateTodayData(e){var t=e.$xeGantt,e=e.internalData,a=t.reactData.taskScaleList,t=t.computeMinScale,a=a.find(function(e){return"week"===e.type}),t="week"===t.type,l=new Date,r=_slicedToArray(_xeUtils.default.toDateString(l,"yyyy-M-MM-dd-HH-mm-ss").split("-"),7),i=r[0],n=r[1],o=r[2],c=r[3],s=r[4],d=r[5],r=r[6],u=l.getDay()+1,f=Math.ceil((l.getMonth()+1)/3),l="".concat(_xeUtils.default.getYearWeek(l,a?a.startDay:void 0));t&&checkWeekOfsetYear(l,n)&&(i="".concat(Number(i)+1),o="01"),e.todayDateMaps={year:i,quarter:"".concat(i,"_q").concat(f),month:"".concat(i,"_").concat(o),week:"".concat(i,"_W").concat(l),day:"".concat(i,"_").concat(o,"_").concat(c,"_E").concat(u),date:"".concat(i,"_").concat(o,"_").concat(c),hour:"".concat(i,"_").concat(o,"_").concat(c,"_").concat(s),minute:"".concat(i,"_").concat(o,"_").concat(c,"_").concat(s,"_").concat(d),second:"".concat(i,"_").concat(o,"_").concat(c,"_").concat(s,"_").concat(d,"_").concat(r)}}function handleColumnHeader(e){var t=e.$xeGantt,a=t.reactData.taskScaleList,i=t.computeMinScale,l=t.computeWeekScale,r=e.computeScaleDateList,n=[],o=[];if(i&&t.computeScaleUnit&&r.length){for(var c={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},s={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}},d="week"===i.type,u=function(e,t,a){var l,r;i.type!==e&&(t=t[e],l="".concat(t.field),(r=s[e][l])||(s[e][l]=r=t,c[e].push(r)),r)&&(r.children||(r.children=[]),r.children.push(a))},f=0;f<r.length;f++){var h=r[f],m=_slicedToArray(_xeUtils.default.toDateString(h,"yy-yyyy-M-MM-d-dd-H-HH-m-mm-s-ss").split("-"),12),y=m[0],g=m[1],p=m[2],S=m[3],x=m[4],v=m[5],_=m[6],T=m[7],D=m[8],b=m[9],w=m[10],m=m[11],M=h.getDay(),E=M+1,W=Math.ceil((h.getMonth()+1)/3),U="".concat(_xeUtils.default.getYearWeek(h,l?l.startDay:void 0)),k=_xeUtils.default.padStart(U,2,"0"),h=(d&&checkWeekOfsetYear(U,p)&&(g="".concat(Number(g)+1),S="0"+(p="1")),{date:h,yy:y,yyyy:g,M:p,MM:S,d:x,dd:v,H:_,HH:T,m:D,mm:b,s:w,ss:m,q:W,W:U,WW:k,E:E,e:M}),y={year:{field:g,title:g,dateObj:h},quarter:{field:"".concat(g,"_q").concat(W),title:"".concat(W),dateObj:h},month:{field:"".concat(g,"_").concat(S),title:S,dateObj:h},week:{field:"".concat(g,"_W").concat(U),title:"".concat(U),dateObj:h},day:{field:"".concat(g,"_").concat(S,"_").concat(v,"_E").concat(E),title:"".concat(E),dateObj:h},date:{field:"".concat(g,"_").concat(S,"_").concat(v),title:v,dateObj:h},hour:{field:"".concat(g,"_").concat(S,"_").concat(v,"_").concat(T),title:T,dateObj:h},minute:{field:"".concat(g,"_").concat(S,"_").concat(v,"_").concat(T,"_").concat(b),title:b,dateObj:h},second:{field:"".concat(g,"_").concat(S,"_").concat(v,"_").concat(T,"_").concat(b,"_").concat(m),title:m,dateObj:h}},p=y[i.type];i.level<19&&u("year",y,p),i.level<17&&u("quarter",y,p),i.level<15&&u("month",y,p),i.level<13&&u("week",y,p),i.level<11&&u("day",y,p),i.level<9&&u("date",y,p),i.level<7&&u("hour",y,p),i.level<5&&u("minute",y,p),i.level<3&&u("second",y,p),n.push(p)}a.forEach(function(e){var t;e.type===i.type?o.push({scaleItem:e,columns:n}):((t=c[e.type]||[])&&t.forEach(function(e){e.childCount=e.children?e.children.length:0,e.children=void 0}),o.push({scaleItem:e,columns:t}))})}return{fullCols:n,groupCols:o}}function checkWeekOfsetYear(e,t){return"1"==="".concat(e)&&"12"==="".concat(t)}function parseWeekObj(e,t){var e=_xeUtils.default.toStringDate(e),a=e.getFullYear(),l=e.getMonth(),e=_xeUtils.default.getYearWeek(e,t);return checkWeekOfsetYear(e,l+1)&&a++,{yyyy:a,W:e}}function createChartRender(o,e){var t=o.$xeGantt,r=o.reactData.minViewDate,a=t.computeMinScale,c=t.computeWeekScale;switch(t.computeScaleUnit){case"year":var s={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy");s[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy"),l=_xeUtils.default.getWhatYear(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy"),i=_xeUtils.default.getWhatYear(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatYear(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/n,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/n,t=(s[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(s[r]||0)-t+l}};case"quarter":var d={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-q");d[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-q"),l=_xeUtils.default.getWhatQuarter(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-q"),i=_xeUtils.default.getWhatQuarter(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatQuarter(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/n,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/n,t=(d[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(d[r]||0)-t+l}};case"month":var u={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM");u[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-MM"),l=_xeUtils.default.getWhatMonth(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM"),i=_xeUtils.default.getWhatMonth(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatMonth(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/n,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/n,t=(u[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(u[r]||0)-t+l}};case"week":var f={};return e.forEach(function(e,t){e=e.dateObj,e="".concat(e.yyyy,"-").concat(e.W);f[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=parseWeekObj(e,c?c.startDay:void 0),a="".concat(a.yyyy,"-").concat(a.W),l=_xeUtils.default.getWhatWeek(e,0,c?c.startDay:void 0,c?c.startDay:void 0),r=parseWeekObj(t,c?c.startDay:void 0),r="".concat(r.yyyy,"-").concat(r.W),i=_xeUtils.default.getWhatWeek(t,0,c?c.startDay:void 0,c?c.startDay:void 0),n=Math.floor((_xeUtils.default.getWhatWeek(t,1,c?c.startDay:void 0,c?c.startDay:void 0).getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/n,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/n,t=(f[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(f[r]||0)-t+l}};case"day":case"date":var h={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd");h[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd"),l=_xeUtils.default.getWhatDay(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd"),i=_xeUtils.default.getWhatDay(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatDay(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/n,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/n,t=(h[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(h[r]||0)-t+l+1}};case"hour":var m={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd HH");m[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd HH"),l=_xeUtils.default.getWhatHours(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd HH"),i=_xeUtils.default.getWhatHours(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatHours(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/n,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/n,t=(m[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(m[r]||0)-t+l}};case"minute":var y={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd HH:mm");y[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd HH:mm"),l=_xeUtils.default.getWhatMinutes(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd HH:mm"),i=_xeUtils.default.getWhatMinutes(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatMinutes(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/n,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/n,t=(y[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(y[r]||0)-t+l}};case"second":var i=(0,_util.getStandardGapTime)(a.type);return function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=0,l=0;return r&&(a=(e.getTime()-r.getTime())/i,l=(t.getTime()-e.getTime())/i),{offsetLeftSize:a,offsetWidthSize:l}}}return function(){return{offsetLeftSize:0,offsetWidthSize:0}}}function handleParseColumn(e){var i,n,o,c,t,a,l,r,s,d,u,f,h=e.$xeGantt,m=e.reactData,y=e.internalData,g=h.treeConfig,p=m.minViewDate,S=m.maxViewDate,x=handleColumnHeader(e),v=x.fullCols,x=x.groupCols;p&&S&&(i=y.xeTable)&&(n=h.computeStartField,o=h.computeEndField,c=h.computeTypeField,p=i.isRowGroupStatus,S=i.afterFullData,h=i.afterTreeFullData,t=i.afterGroupFullData,a=i.computeAggregateOpts,r=(l=i.computeTreeOpts).transform,s=l.children||l.childrenField,d={},u=createChartRender(e,v),f=function(e){var t=i.getRowid(e),a=_xeUtils.default.get(e,n),l=_xeUtils.default.get(e,o),r=(0,_util.getTaskType)(_xeUtils.default.get(e,c));(0,_util.hasMilestoneTask)(r)&&(l=a=a||l),(0,_util.hasSubviewTask)(r)?d[t]={row:e,rowid:t,oLeftSize:0,oWidthSize:0}:a&&l&&(a=(r=u(a,l)).offsetLeftSize,d[t]={row:e,rowid:t,oLeftSize:a,oWidthSize:r.offsetWidthSize})},p?(p=a.mapChildrenField)&&_xeUtils.default.eachTree(t,f,{children:p}):g?_xeUtils.default.eachTree(h,f,{children:r?l.mapChildrenField:s}):S.forEach(f),y.chartMaps=d),y.visibleColumn=v,m.headerGroups=x,updateTodayData(e),updateScrollXStatus(e),handleTableColumn(e)}function handleUpdateData(l){var r,i,n,e,t,a,o,c,s,d,u=l.$xeGantt,f=l.reactData,h=l.internalData,m=u.treeConfig,y=h.scrollXStore,g=h.xeTable,p=null,S=null;g&&(r=u.computeStartField,i=u.computeEndField,n=u.computeTypeField,u=g.isRowGroupStatus,e=g.afterFullData,t=g.afterTreeFullData,a=g.computeAggregateOpts,c=(o=g.computeTreeOpts).transform,s=o.children||o.childrenField,d=function(e){var t=_xeUtils.default.get(e,r),a=_xeUtils.default.get(e,i),e=_xeUtils.default.get(e,n),t=t||a;!(0,_util.hasMilestoneTask)(e)&&a||(a=t),t&&(e=parseStringDate(l,t),!p||p.getTime()>e.getTime())&&(p=e),a&&(t=parseStringDate(l,a),!S||S.getTime()<t.getTime())&&(S=t)},u?(u=a.mapChildrenField)&&_xeUtils.default.eachTree(g.afterGroupFullData,d,{children:u}):m?_xeUtils.default.eachTree(t,d,{children:c?o.mapChildrenField:s}):e.forEach(d)),y.startIndex=0,y.endIndex=Math.max(1,y.visibleSize),f.minViewDate=p,f.maxViewDate=S,h.startMaps={},h.endMaps={},handleParseColumn(l)}function calcScrollbar(e){var t=e.$xeGantt,a=e.reactData,l=a.scrollXWidth,r=a.scrollYHeight,i=e.internalData.elemStore,t=t.computeScrollbarOpts,i=(0,_util.getRefElem)(i["main-body-wrapper"]),n=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;i&&(r=r>i.clientHeight,e&&(a.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),a.overflowY=r,e=l>i.clientWidth,n&&(a.scrollbarHeight=t.height||n.offsetHeight-n.clientHeight||14),a.overflowX=e)}function handleSubTaskMinMaxSize(e,a,t){var l=e.$xeGantt,r=e.internalData.chartMaps,e=a.computeTreeOpts,e=e.children||e.childrenField,i=l.computeTypeField,n=0,o=0;return _xeUtils.default.eachTree(t,function(e){var t=a.getRowid(e),e=_xeUtils.default.get(e,i);(0,_util.hasSubviewTask)(e)||(e=t?r[t]:null)&&(o=Math.max(o,e.oLeftSize+e.oWidthSize),n=n?Math.min(n,e.oLeftSize):e.oLeftSize)},{children:e}),{minSize:n,maxSize:o}}function updateTaskChartStyle(i){var n,e=i.$xeGantt,t=i.internalData,e=e.internalData,o=t.xeTable,c=e.dragBarRow,s=i.reactData.viewCellWidth,d=t.chartMaps,e=(0,_util.getRefElem)(t.elemStore["main-chart-task-wrapper"]);return e&&o&&(t=o.computeTreeOpts,n=t.children||t.childrenField,_xeUtils.default.arrayEach(e.children,function(e){var t,a,l,r=e.children[0];r&&(e=e.getAttribute("rowid"),c&&o.getRowid(c)===e||(l=(e=e?d[e]:null)?e.row:null,(0,_dom.hasClass)(r,"is--subview")?(t=r.firstElementChild)&&((0,_dom.hasClass)(t,"is--inline")?_xeUtils.default.arrayEach(t.children,function(e){var t,a,l=e.getAttribute("rowid")||"",l=l?d[l]:null;l&&(a=l.row,(0,_dom.hasClass)(e,"is--subview")?(a=a[n],t=(a=handleSubTaskMinMaxSize(i,o,a)).minSize,a=a.maxSize,e.style.left="".concat(s*t,"px"),e.style.width="".concat(s*(a-t),"px")):(e.style.left="".concat((0,_util.getTaskBarLeft)(l,s),"px"),(0,_dom.hasClass)(e,"is--milestone")||(e.style.width="".concat((0,_util.getTaskBarWidth)(l,s),"px"))))}):(t=t.firstElementChild)&&(l=l?l[n]:[],a=(l=handleSubTaskMinMaxSize(i,o,l)).minSize,l=l.maxSize,t.style.left="".concat(s*a,"px"),t.style.width="".concat(s*(l-a),"px"))):(r.style.left="".concat((0,_util.getTaskBarLeft)(e,s),"px"),(0,_dom.hasClass)(r,"is--milestone")||(r.style.width="".concat((0,_util.getTaskBarWidth)(e,s),"px")))))})),i.$nextTick()}function updateStyle(e){var t,a,l,r,i,n,o,c,s=e.$xeGantt,d=e.reactData,u=e.internalData,f=d.scrollbarWidth,h=d.scrollbarHeight,m=d.headerGroups,y=d.tableColumn,g=u.elemStore,p=u.visibleColumn,u=u.xeTable,S=e.$refs.refElem;if(S&&s)return r=s.computeScrollbarOpts,n=s.computeScrollbarXToTop,i=e.$refs.refScrollXLeftCornerElem,o=e.$refs.refScrollXRightCornerElem,c=e.$refs.refScrollXVirtualElem,f=f,h=h,l=a=t=0,u&&(t=u.tBodyHeight,a=u.tHeaderHeight,l=u.tFooterHeight),u="visible",(s.computeScrollbarYToLeft||r.y&&!1===r.y.visible)&&(f=0,u="hidden"),(r=(0,_util.getRefElem)(g["main-header-scroll"]))&&(r.style.height="".concat(a,"px"),r.style.setProperty("--vxe-ui-gantt-view-cell-height","".concat(a/m.length,"px"))),(r=(0,_util.getRefElem)(g["main-body-scroll"]))&&(r.style.height="".concat(t,"px")),(m=(0,_util.getRefElem)(g["main-footer-scroll"]))&&(m.style.height="".concat(l,"px")),c&&(c.style.height="".concat(h,"px"),c.style.visibility="visible"),(m=e.$refs.refScrollXWrapperElem)&&(m.style.left=n?"".concat(f,"px"):"",m.style.width="".concat(S.clientWidth-f,"px")),i&&(i.style.width=n?"".concat(f,"px"):"",i.style.display=n&&h?"block":""),o&&(o.style.width=n?"":"".concat(f,"px"),o.style.display=!n&&h?"block":""),(c=e.$refs.refScrollYVirtualElem)&&(c.style.width="".concat(f,"px"),c.style.height="".concat(t+a+l,"px"),c.style.visibility=u),(m=e.$refs.refScrollYTopCornerElem)&&(m.style.height="".concat(a,"px"),m.style.display=a?"block":""),(S=e.$refs.refScrollYWrapperElem)&&(S.style.height="".concat(t,"px"),S.style.top="".concat(a,"px")),(i=e.$refs.refScrollYBottomCornerElem)&&(i.style.height="".concat(l,"px"),i.style.top="".concat(a+t,"px"),i.style.display=l?"block":""),o=40,h=o=(n=e.$refs.refColInfoElem)?n.clientWidth||40:o,p.length&&(h=Math.max(0,o*p.length),r)&&0<(c=(f=r.clientWidth)-h)&&(o+=Math.max(0,c/p.length),h=f),d.viewCellWidth=o,u=(0,_util.getRefElem)(g["main-header-table"]),m=(0,_util.getRefElem)(g["main-body-table"]),S=o*y.length,u&&(u.style.width="".concat(h,"px")),m&&(m.style.width="".concat(S,"px")),d.scrollXWidth=h,Promise.all([updateTaskChartStyle(e),s.handleUpdateTaskLinkStyle?s.handleUpdateTaskLinkStyle(e):null])}function handleRecalculateStyle(e){var t=e.internalData,a=e.$xeGantt,l=e.$refs.refElem;return t.rceRunTime=Date.now(),l&&l.clientWidth&&a?(calcScrollbar(e),updateStyle(e),computeScrollLoad(e)):e.$nextTick()}function _handleLazyRecalculate(i){var n=i.internalData;return new Promise(function(e){var t=n.rceTimeout,a=n.rceRunTime,l=n.xeTable,r=30;l&&(r=l.computeResizeOpts.refreshDelay||r),!t||(clearTimeout(t),a&&a+(r-5)<Date.now())?e(handleRecalculateStyle(i)):i.$nextTick(function(){e()}),n.rceTimeout=setTimeout(function(){n.rceTimeout=void 0,handleRecalculateStyle(i)},r)})}function computeScrollLoad(l){var r=l.reactData,i=l.internalData;return l.$nextTick().then(function(){var e,t=r.scrollXLoad,a=i.scrollXStore;t?(e=(t=handleVirtualXVisible(l)).toVisibleIndex,t=t.visibleSize,a.preloadSize=1,a.offsetSize=2,a.visibleSize=t,a.endIndex=Math.max(a.startIndex+a.visibleSize+2,a.endIndex),a.visibleStartIndex=Math.max(a.startIndex,e),a.visibleEndIndex=Math.min(a.endIndex,e+t),updateScrollXData(l).then(function(){loadScrollXData(l)})):updateScrollXSpace(l)})}function handleVirtualXVisible(e){var t,a=e.reactData.viewCellWidth,e=e.internalData.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]);return e?(t=e.clientWidth,e=e.scrollLeft,e=Math.floor(e/a)-1,t=Math.ceil(t/a)+1,{toVisibleIndex:Math.max(0,e),visibleSize:Math.max(1,t)}):{toVisibleIndex:0,visibleSize:6}}function loadScrollXData(e){var t=e.reactData.isScrollXBig,a=e.internalData.scrollXStore,l=a.preloadSize,r=a.startIndex,i=a.endIndex,n=a.offsetSize,o=handleVirtualXVisible(e),c=o.toVisibleIndex,o=o.visibleSize,t={startIndex:Math.max(0,t?c-1:c-1-n-l),endIndex:t?c+o:c+o+n+l},n=(a.visibleStartIndex=c-1,a.visibleEndIndex=c+o+1,t.startIndex),l=t.endIndex;!(c<=r||i-o-1<=c)||r===n&&i===l||(a.startIndex=n,a.endIndex=l,updateScrollXData(e))}function updateScrollXData(e){return handleTableColumn(e),updateScrollXSpace(e),e.$nextTick()}function updateScrollXStatus(e){return e.reactData.scrollXLoad=!0}function handleTableColumn(e){var t=e.reactData,e=e.internalData,a=t.scrollXLoad,l=e.visibleColumn,e=e.scrollXStore,a=a?l.slice(e.startIndex,e.endIndex):l.slice(0);t.tableColumn=a}function updateScrollXSpace(e){var t=e.reactData,a=e.internalData,l=t.scrollXLoad,r=t.scrollXWidth,i=t.viewCellWidth,n=a.elemStore,a=a.scrollXStore,o=(0,_util.getRefElem)(n["main-body-table"]),a=a.startIndex,c=0,s=(l&&(c=Math.max(0,a*i)),o&&(o.style.transform="translate(".concat(c,"px, ").concat(t.scrollYTop||0,"px)")),r),a=(["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(n["main-".concat(e,"-xSpace")]);e&&(e.style.width=l?"".concat(s,"px"):"")}),e.$refs.refScrollXSpaceElem),i=(a&&(a.style.width="".concat(s,"px")),(0,_util.getRefElem)(n["main-chart-before-wrapper"])),o=i?i.firstElementChild:null,r=(o&&(o.style.width="".concat(s,"px")),(0,_util.getRefElem)(n["main-chart-after-wrapper"])),a=r?r.firstElementChild:null;return a&&(a.style.width="".concat(s,"px")),t.scrollXLeft=c,t.scrollXWidth=s,calcScrollbar(e),e.$nextTick()}function triggerScrollXEvent(e){loadScrollXData(e)}function updateScrollYSpace(e){var t=e.reactData,a=e.internalData,l=t.scrollYLoad,r=t.overflowY,i=a.elemStore,a=a.xeTable,n=(0,_util.getRefElem)(i["main-body-scroll"]),o=(0,_util.getRefElem)(i["main-body-table"]),c=0,s=0,d=!1,a=(a&&(c=a.scrollYTop,s=a.scrollYHeight,d=a.isScrollYBig),s),u=c,f=0,n=(n&&(f=n.clientHeight),d&&(u=n&&o&&n.scrollTop+f>=maxYHeight?maxYHeight-o.clientHeight:c/(s-f)*(maxYHeight-f),a=maxYHeight),l&&r||(u=0),(0,_util.getRefElem)(i["main-chart-task-wrapper"])),c=(o&&(o.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),n&&(n.style.transform="translateY(".concat(u,"px)")),(0,_util.getRefElem)(i["main-body-ySpace"])),f=(c&&(c.style.height=a?"".concat(a,"px"):""),e.$refs.refScrollYSpaceElem),l=(f&&(f.style.height=a?"".concat(a,"px"):""),(0,_util.getRefElem)(i["main-chart-before-wrapper"])),r=l?l.firstElementChild:null,o=(r&&(r.style.height=a?"".concat(a,"px"):""),(0,_util.getRefElem)(i["main-chart-after-wrapper"])),n=o?o.firstElementChild:null;return n&&(n.style.height=a?"".concat(a,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,a){var l=e.reactData,r=e.internalData,e=r.lcsTimeout;l.lazScrollLoading=!0,e&&clearTimeout(e),r.lcsTimeout=setTimeout(function(){r.lcsRunTime=Date.now(),r.lcsTimeout=void 0,r.intoRunScroll=!1,r.inVirtualScroll=!1,r.inWheelScroll=!1,r.inHeaderScroll=!1,r.inBodyScroll=!1,r.inFooterScroll=!1,l.lazScrollLoading=!1},200)}function handleScrollData(e,t,a,l,r){var i=e.reactData,n=e.internalData;a&&(n.lastScrollLeft=r),t&&(n.lastScrollTop=l),i.lastScrollTime=Date.now(),checkLastSyncScroll(e,a,t)}function handleScrollEvent(e,t,a,l,r,i){var n,o,c,s,d,u,f,h,m,y,g,p,S=e.$xeGantt,x=e.internalData,v=x.xeTable,_=e.$refs.refScrollXHandleElem,T=e.$refs.refScrollYHandleElem;_&&T&&v&&(n=T.clientHeight,o=_.clientWidth,T=T.scrollHeight,_=_.scrollWidth,d="",m=h=f=u=s=y=c=p=!1,l&&(g=v.computeScrollXThreshold,(y=i<=0)||(s=_-1<=i+o),x.lastScrollLeft<i?(d="right",_-g<=i+o&&(m=!0)):(d="left",i<=g&&(h=!0))),a&&(g=v.computeScrollYThreshold,(p=r<=0)||(c=T-1<=r+n),x.lastScrollTop<r?(d="bottom",T-g<=r+n&&(f=!0)):(d="top",r<=g&&(u=!0))),handleScrollData(e,a,l,r,i),v={source:sourceType,scrollTop:r,scrollLeft:i,bodyHeight:n,bodyWidth:o,scrollHeight:T,scrollWidth:_,isX:l,isY:a,isTop:p,isBottom:c,isLeft:y,isRight:s,direction:d},(f||u||m||h)&&S.dispatchEvent("scroll-boundary",v,t),S.dispatchEvent("scroll",v,t))}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:createReactData(),internalData:createInternalData()}},computed:Object.assign(Object.assign({},{}),{computeScaleDateList:function(){var e=this.$xeGantt,t=this.reactData,a=t.minViewDate,l=t.maxViewDate,t=e.computeTaskViewOpts,r=e.computeMinScale,e=t.gridding,t=r.type,i=r.startDay,n=[];if(a&&l){var o=-_xeUtils.default.toNumber(e&&e.leftSpacing||0),c=_xeUtils.default.toNumber(e&&e.rightSpacing||0);switch(t){case"year":for(var s=_xeUtils.default.getWhatYear(a,o,"first"),d=_xeUtils.default.getWhatYear(l,c,"first");s<=d;){var u=s;n.push(u),s=_xeUtils.default.getWhatYear(s,1)}break;case"quarter":for(var f=_xeUtils.default.getWhatQuarter(a,o,"first"),h=_xeUtils.default.getWhatQuarter(l,c,"first");f<=h;){var m=f;n.push(m),f=_xeUtils.default.getWhatQuarter(f,1)}break;case"month":for(var y=_xeUtils.default.getWhatMonth(a,o,"first"),g=_xeUtils.default.getWhatMonth(l,c,"first");y<=g;){var p=y;n.push(p),y=_xeUtils.default.getWhatMonth(y,1)}break;case"week":for(var S=_xeUtils.default.getWhatWeek(a,o,i,i),x=_xeUtils.default.getWhatWeek(l,c,i,i);S<=x;){var v=S;n.push(v),S=_xeUtils.default.getWhatWeek(S,1)}break;case"day":case"date":for(var _=_xeUtils.default.getWhatDay(a,o,"first"),T=_xeUtils.default.getWhatDay(l,c,"first");_<=T;){var D=_;n.push(D),_=_xeUtils.default.getWhatDay(_,1)}break;case"hour":case"minute":case"second":for(var b=+(0,_util.getStandardGapTime)(r.type),w=a.getTime()+o*b,M=l.getTime()+c*b;w<=M;){var E=new Date(w);n.push(E),w+=b}}}return n}}),methods:{refreshData:function(){var t=this,a=t.internalData;return handleUpdateData(t),handleRecalculateStyle(t),t.$nextTick().then(function(){var e=a.xeTable;if(handleRecalculateStyle(t),e)return e.recalculate()})},updateViewData:function(e){var t=this,a=t.reactData,l=t.internalData.xeTable;return l&&(l=l.tableData,a.tableData=l,e&&handleUpdateData(t),handleRecalculateStyle(t)),t.$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=this.internalData.xeTable,a=this.$refs.refElem;t&&a&&(e?(t.computeRowOpts.isCurrent||t.highlightCurrentRow)&&_xeUtils.default.arrayEach(a.querySelectorAll('[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")}):_xeUtils.default.arrayEach(a.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,a=this.$refs.refElem;t&&a&&(e?_xeUtils.default.arrayEach(a.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,a,l,r=this.internalData,i=r.elemStore;r.inVirtualScroll||r.inBodyScroll||r.inFooterScroll||(t=e.currentTarget,i=(0,_util.getRefElem)(i["main-body-scroll"]),a=this.$refs.refScrollXHandleElem,i&&t&&(l=t.scrollLeft,r.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(i,l),handleScrollEvent(this,e,!1,!0,t.scrollTop,l)))},triggerBodyScrollEvent:function(e){var t,a,l,r,i,n=this,o=n.reactData,c=n.internalData,o=o.scrollXLoad,s=c.elemStore,d=c.lastScrollLeft,u=c.lastScrollTop;c.inVirtualScroll||c.inHeaderScroll||c.inFooterScroll||(t=e.currentTarget,s=(0,_util.getRefElem)(s["main-header-scroll"]),a=n.$refs.refScrollXHandleElem,l=n.$refs.refScrollYHandleElem,d=(r=t.scrollLeft)!==d,u=(i=t.scrollTop)!==u,c.inBodyScroll=!0,c.scrollRenderType="",u&&((0,_dom.setScrollTop)(l,i),syncTableScrollTop(n,i)),d&&(c.inBodyScroll=!0,(0,_dom.setScrollLeft)(a,r),(0,_dom.setScrollLeft)(s,r),o)&&triggerScrollXEvent(n),handleScrollEvent(n,e,u,d,t.scrollTop,r))},triggerVirtualScrollXEvent:function(e){var t,a,l,r=this.reactData,i=this.internalData,r=r.scrollXLoad,n=i.elemStore;i.inHeaderScroll||i.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(n["main-header-scroll"]),n=(0,_util.getRefElem)(n["main-body-scroll"]),t&&(l=t.scrollLeft,i.inVirtualScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(n,l),r&&triggerScrollXEvent(this),handleScrollEvent(this,e,!1,!0,t.scrollTop,l)))},triggerVirtualScrollYEvent:function(e){var t,a,l=this.internalData,r=l.elemStore;l.inHeaderScroll||l.inBodyScroll||(t=e.currentTarget,r=(0,_util.getRefElem)(r["main-body-scroll"]),t&&(a=t.scrollTop,l.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,a),syncTableScrollTop(this,a),handleScrollEvent(this,e,!0,!1,a,t.scrollLeft)))},handleUpdateSXSpace:function(){return updateScrollXSpace(this)},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",{class:"vxe-gantt-view--scroll-x-handle-appearance"})]),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",{class:"vxe-gantt-view--scroll-y-handle-appearance"})]),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,a=t.$xeGantt,l=t.reactData,r=l.overflowX;return e("div",{ref:"refElem",class:["vxe-gantt-view",{"is--scroll-y":l.overflowY,"is--scroll-x":r,"is--virtual-x":l.scrollXLoad,"is--virtual-y":l.scrollYLoad}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},a.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"})])])}},mounted:function(){globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.reactData,t=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,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 a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,l=Array(t);a<t;a++)l[a]=e[a];return l}function _iterableToArrayLimit(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var l,r,i,n,o=[],c=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(l=i.call(a)).done)&&(o.push(l.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=a.return&&(n=a.return(),Object(n)!==n))return}finally{if(s)throw r}}return o}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var globalEvents=_core.VxeUI.globalEvents,sourceType="gantt",minuteMs=6e4,dayMs=60*minuteMs*24;function createInternalData(){return{xeTable:null,visibleColumn:[],startMaps:{},endMaps:{},chartMaps:{},todayDateMaps:{},elemStore:{},scrollXStore:{preloadSize:0,offsetSize:0,visibleSize:0,visibleStartIndex:0,visibleEndIndex:0,startIndex:0,endIndex:0},lastScrollTop:0,lastScrollLeft:0}}function createReactData(){return{scrollXLoad:!1,scrollYLoad:!1,overflowY:!0,overflowX:!0,scrollbarWidth:0,scrollbarHeight:0,lastScrollTime: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}}var maxYHeight=5e6;function parseStringDate(e,t){e=e.$xeGantt.computeTaskOpts.dateFormat;return _xeUtils.default.toStringDate(t,e||null)}function updateTodayData(e){var t=e.$xeGantt,e=e.internalData,a=t.reactData.taskScaleList,t=t.computeMinScale,a=a.find(function(e){return"week"===e.type}),t="week"===t.type,l=new Date,r=_slicedToArray(_xeUtils.default.toDateString(l,"yyyy-M-MM-dd-HH-mm-ss").split("-"),7),i=r[0],n=r[1],o=r[2],c=r[3],s=r[4],d=r[5],r=r[6],u=l.getDay()+1,f=Math.ceil((l.getMonth()+1)/3),l="".concat(_xeUtils.default.getYearWeek(l,a?a.startDay:void 0));t&&checkWeekOfsetYear(l,n)&&(i="".concat(Number(i)+1),o="01"),e.todayDateMaps={year:i,quarter:"".concat(i,"_q").concat(f),month:"".concat(i,"_").concat(o),week:"".concat(i,"_W").concat(l),day:"".concat(i,"_").concat(o,"_").concat(c,"_E").concat(u),date:"".concat(i,"_").concat(o,"_").concat(c),hour:"".concat(i,"_").concat(o,"_").concat(c,"_").concat(s),minute:"".concat(i,"_").concat(o,"_").concat(c,"_").concat(s,"_").concat(d),second:"".concat(i,"_").concat(o,"_").concat(c,"_").concat(s,"_").concat(d,"_").concat(r)}}function handleColumnHeader(e){var t=e.$xeGantt,a=t.reactData.taskScaleList,i=t.computeMinScale,l=t.computeWeekScale,r=e.computeScaleDateList,n=[],o=[];if(i&&t.computeScaleUnit&&r.length){for(var c={year:[],quarter:[],month:[],week:[],day:[],date:[],hour:[],minute:[],second:[]},s={year:{},quarter:{},month:{},week:{},day:{},date:{},hour:{},minute:{},second:{}},d="week"===i.type,u=function(e,t,a){var l,r;i.type!==e&&(t=t[e],l="".concat(t.field),(r=s[e][l])||(s[e][l]=r=t,c[e].push(r)),r)&&(r.children||(r.children=[]),r.children.push(a))},f=0;f<r.length;f++){var h=r[f],m=_slicedToArray(_xeUtils.default.toDateString(h,"yy-yyyy-M-MM-d-dd-H-HH-m-mm-s-ss").split("-"),12),y=m[0],g=m[1],p=m[2],S=m[3],x=m[4],v=m[5],_=m[6],T=m[7],D=m[8],b=m[9],w=m[10],m=m[11],M=h.getDay(),E=M+1,W=Math.ceil((h.getMonth()+1)/3),U="".concat(_xeUtils.default.getYearWeek(h,l?l.startDay:void 0)),k=_xeUtils.default.padStart(U,2,"0"),h=(d&&checkWeekOfsetYear(U,p)&&(g="".concat(Number(g)+1),S="0"+(p="1")),{date:h,yy:y,yyyy:g,M:p,MM:S,d:x,dd:v,H:_,HH:T,m:D,mm:b,s:w,ss:m,q:W,W:U,WW:k,E:E,e:M}),y={year:{field:g,title:g,dateObj:h},quarter:{field:"".concat(g,"_q").concat(W),title:"".concat(W),dateObj:h},month:{field:"".concat(g,"_").concat(S),title:S,dateObj:h},week:{field:"".concat(g,"_W").concat(U),title:"".concat(U),dateObj:h},day:{field:"".concat(g,"_").concat(S,"_").concat(v,"_E").concat(E),title:"".concat(E),dateObj:h},date:{field:"".concat(g,"_").concat(S,"_").concat(v),title:v,dateObj:h},hour:{field:"".concat(g,"_").concat(S,"_").concat(v,"_").concat(T),title:T,dateObj:h},minute:{field:"".concat(g,"_").concat(S,"_").concat(v,"_").concat(T,"_").concat(b),title:b,dateObj:h},second:{field:"".concat(g,"_").concat(S,"_").concat(v,"_").concat(T,"_").concat(b,"_").concat(m),title:m,dateObj:h}},p=y[i.type];i.level<19&&u("year",y,p),i.level<17&&u("quarter",y,p),i.level<15&&u("month",y,p),i.level<13&&u("week",y,p),i.level<11&&u("day",y,p),i.level<9&&u("date",y,p),i.level<7&&u("hour",y,p),i.level<5&&u("minute",y,p),i.level<3&&u("second",y,p),n.push(p)}a.forEach(function(e){var t;e.type===i.type?o.push({scaleItem:e,columns:n}):((t=c[e.type]||[])&&t.forEach(function(e){e.childCount=e.children?e.children.length:0,e.children=void 0}),o.push({scaleItem:e,columns:t}))})}return{fullCols:n,groupCols:o}}function checkWeekOfsetYear(e,t){return"1"==="".concat(e)&&"12"==="".concat(t)}function parseWeekObj(e,t){var e=_xeUtils.default.toStringDate(e),a=e.getFullYear(),l=e.getMonth(),e=_xeUtils.default.getYearWeek(e,t);return checkWeekOfsetYear(e,l+1)&&a++,{yyyy:a,W:e}}function createChartRender(o,e){var t=o.$xeGantt,r=o.reactData.minViewDate,a=t.computeMinScale,c=t.computeWeekScale;switch(t.computeScaleUnit){case"year":var s={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy");s[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy"),l=_xeUtils.default.getWhatYear(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy"),i=_xeUtils.default.getWhatYear(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatYear(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/n,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/n,t=(s[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(s[r]||0)-t+l}};case"quarter":var d={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-q");d[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-q"),l=_xeUtils.default.getWhatQuarter(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-q"),i=_xeUtils.default.getWhatQuarter(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatQuarter(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/n,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/n,t=(d[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(d[r]||0)-t+l}};case"month":var u={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM");u[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-MM"),l=_xeUtils.default.getWhatMonth(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM"),i=_xeUtils.default.getWhatMonth(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatMonth(t,1,"first").getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/n,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/n,t=(u[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(u[r]||0)-t+l}};case"week":var f={};return e.forEach(function(e,t){e=e.dateObj,e="".concat(e.yyyy,"-").concat(e.W);f[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=parseWeekObj(e,c?c.startDay:void 0),a="".concat(a.yyyy,"-").concat(a.W),l=_xeUtils.default.getWhatWeek(e,0,c?c.startDay:void 0,c?c.startDay:void 0),r=parseWeekObj(t,c?c.startDay:void 0),r="".concat(r.yyyy,"-").concat(r.W),i=_xeUtils.default.getWhatWeek(t,0,c?c.startDay:void 0,c?c.startDay:void 0),n=Math.floor((_xeUtils.default.getWhatWeek(t,1,c?c.startDay:void 0,c?c.startDay:void 0).getTime()-i.getTime())/dayMs),e=(e.getTime()-l.getTime())/dayMs/n,l=Math.max(0,(t.getTime()-i.getTime())/dayMs+1)/n,t=(f[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(f[r]||0)-t+l}};case"day":case"date":var h={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd");h[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd"),l=_xeUtils.default.getWhatDay(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd"),i=_xeUtils.default.getWhatDay(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatDay(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/n,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/n,t=(h[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(h[r]||0)-t+l+1}};case"hour":var m={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd HH");m[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd HH"),l=_xeUtils.default.getWhatHours(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd HH"),i=_xeUtils.default.getWhatHours(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatHours(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/n,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/n,t=(m[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(m[r]||0)-t+l}};case"minute":var y={};return e.forEach(function(e,t){e=e.dateObj,e=_xeUtils.default.toDateString(e.date,"yyyy-MM-dd HH:mm");y[e]=t}),function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=_xeUtils.default.toDateString(e,"yyyy-MM-dd HH:mm"),l=_xeUtils.default.getWhatMinutes(e,0,"first"),r=_xeUtils.default.toDateString(t,"yyyy-MM-dd HH:mm"),i=_xeUtils.default.getWhatMinutes(t,0,"first"),n=Math.floor((_xeUtils.default.getWhatMinutes(t,1,"first").getTime()-i.getTime())/minuteMs),e=(e.getTime()-l.getTime())/minuteMs/n,l=Math.max(0,(t.getTime()-i.getTime())/minuteMs+1)/n,t=(y[a]||0)+e;return{offsetLeftSize:t,offsetWidthSize:(y[r]||0)-t+l}};case"second":var i=(0,_util.getStandardGapTime)(a.type);return function(e,t){var e=parseStringDate(o,e),t=parseStringDate(o,t),a=0,l=0;return r&&(a=(e.getTime()-r.getTime())/i,l=(t.getTime()-e.getTime())/i),{offsetLeftSize:a,offsetWidthSize:l}}}return function(){return{offsetLeftSize:0,offsetWidthSize:0}}}function handleParseColumn(e){var i,n,o,c,t,a,l,r,s,d,u,f,h=e.$xeGantt,m=e.reactData,y=e.internalData,g=h.treeConfig,p=m.minViewDate,S=m.maxViewDate,x=handleColumnHeader(e),v=x.fullCols,x=x.groupCols;p&&S&&(i=y.xeTable)&&(n=h.computeStartField,o=h.computeEndField,c=h.computeTypeField,p=i.isRowGroupStatus,S=i.afterFullData,h=i.afterTreeFullData,t=i.afterGroupFullData,a=i.computeAggregateOpts,r=(l=i.computeTreeOpts).transform,s=l.children||l.childrenField,d={},u=createChartRender(e,v),f=function(e){var t=i.getRowid(e),a=_xeUtils.default.get(e,n),l=_xeUtils.default.get(e,o),r=(0,_util.getTaskType)(_xeUtils.default.get(e,c));(0,_util.hasMilestoneTask)(r)&&(l=a=a||l),(0,_util.hasSubviewTask)(r)?d[t]={row:e,rowid:t,oLeftSize:0,oWidthSize:0}:a&&l&&(a=(r=u(a,l)).offsetLeftSize,d[t]={row:e,rowid:t,oLeftSize:a,oWidthSize:r.offsetWidthSize})},p?(p=a.mapChildrenField)&&_xeUtils.default.eachTree(t,f,{children:p}):g?_xeUtils.default.eachTree(h,f,{children:r?l.mapChildrenField:s}):S.forEach(f),y.chartMaps=d),y.visibleColumn=v,m.headerGroups=x,updateTodayData(e),updateScrollXStatus(e),handleTableColumn(e)}function handleUpdateData(l){var r,i,n,e,t,a,o,c,s,d,u=l.$xeGantt,f=l.reactData,h=l.internalData,m=u.treeConfig,y=h.scrollXStore,g=h.xeTable,p=null,S=null;g&&(r=u.computeStartField,i=u.computeEndField,n=u.computeTypeField,u=g.isRowGroupStatus,e=g.afterFullData,t=g.afterTreeFullData,a=g.computeAggregateOpts,c=(o=g.computeTreeOpts).transform,s=o.children||o.childrenField,d=function(e){var t=_xeUtils.default.get(e,r),a=_xeUtils.default.get(e,i),e=_xeUtils.default.get(e,n),t=t||a;!(0,_util.hasMilestoneTask)(e)&&a||(a=t),t&&(e=parseStringDate(l,t),!p||p.getTime()>e.getTime())&&(p=e),a&&(t=parseStringDate(l,a),!S||S.getTime()<t.getTime())&&(S=t)},u?(u=a.mapChildrenField)&&_xeUtils.default.eachTree(g.afterGroupFullData,d,{children:u}):m?_xeUtils.default.eachTree(t,d,{children:c?o.mapChildrenField:s}):e.forEach(d)),y.startIndex=0,y.endIndex=Math.max(1,y.visibleSize),f.minViewDate=p,f.maxViewDate=S,h.startMaps={},h.endMaps={},handleParseColumn(l)}function calcScrollbar(e){var t=e.$xeGantt,a=e.reactData,l=a.scrollXWidth,r=a.scrollYHeight,i=e.internalData.elemStore,t=t.computeScrollbarOpts,i=(0,_util.getRefElem)(i["main-body-wrapper"]),n=e.$refs.refScrollXHandleElem,e=e.$refs.refScrollYHandleElem;i&&(r=r>i.clientHeight,e&&(a.scrollbarWidth=t.width||e.offsetWidth-e.clientWidth||14),a.overflowY=r,e=l>i.clientWidth,n&&(a.scrollbarHeight=t.height||n.offsetHeight-n.clientHeight||14),a.overflowX=e)}function handleSubTaskMinMaxSize(e,a,t){var l=e.$xeGantt,r=e.internalData.chartMaps,e=a.computeTreeOpts,e=e.children||e.childrenField,i=l.computeTypeField,n=0,o=0;return _xeUtils.default.eachTree(t,function(e){var t=a.getRowid(e),e=_xeUtils.default.get(e,i);(0,_util.hasSubviewTask)(e)||(e=t?r[t]:null)&&(o=Math.max(o,e.oLeftSize+e.oWidthSize),n=n?Math.min(n,e.oLeftSize):e.oLeftSize)},{children:e}),{minSize:n,maxSize:o}}function updateTaskChartStyle(i){var n,e=i.$xeGantt,t=i.internalData,e=e.internalData,o=t.xeTable,c=e.dragBarRow,s=i.reactData.viewCellWidth,d=t.chartMaps,e=(0,_util.getRefElem)(t.elemStore["main-chart-task-wrapper"]);return e&&o&&(t=o.computeTreeOpts,n=t.children||t.childrenField,_xeUtils.default.arrayEach(e.children,function(e){var t,a,l,r=e.children[0];r&&(e=e.getAttribute("rowid"),c&&o.getRowid(c)===e||(l=(e=e?d[e]:null)?e.row:null,(0,_dom.hasClass)(r,"is--subview")?(t=r.firstElementChild)&&((0,_dom.hasClass)(t,"is--inline")?_xeUtils.default.arrayEach(t.children,function(e){var t,a,e=e.children[0],l=e.getAttribute("rowid")||"",l=l?d[l]:null;l&&(a=l.row,(0,_dom.hasClass)(e,"is--subview")?(a=a[n],t=(a=handleSubTaskMinMaxSize(i,o,a)).minSize,a=a.maxSize,e.style.left="".concat(s*t,"px"),e.style.width="".concat(s*(a-t),"px")):(e.style.left="".concat((0,_util.getTaskBarLeft)(l,s),"px"),(0,_dom.hasClass)(e,"is--milestone")||(e.style.width="".concat((0,_util.getTaskBarWidth)(l,s),"px"))))}):(t=(t=t.children[0])?t.children[0]:null)&&(l=l?l[n]:[],a=(l=handleSubTaskMinMaxSize(i,o,l)).minSize,l=l.maxSize,t.style.left="".concat(s*a,"px"),t.style.width="".concat(s*(l-a),"px"))):(r.style.left="".concat((0,_util.getTaskBarLeft)(e,s),"px"),(0,_dom.hasClass)(r,"is--milestone")||(r.style.width="".concat((0,_util.getTaskBarWidth)(e,s),"px")))))})),i.$nextTick()}function updateStyle(e){var t,a,l,r,i,n,o,c,s=e.$xeGantt,d=e.reactData,u=e.internalData,f=d.scrollbarWidth,h=d.scrollbarHeight,m=d.headerGroups,y=d.tableColumn,g=u.elemStore,p=u.visibleColumn,u=u.xeTable,S=e.$refs.refElem;if(S&&s)return r=s.computeScrollbarOpts,n=s.computeScrollbarXToTop,i=e.$refs.refScrollXLeftCornerElem,o=e.$refs.refScrollXRightCornerElem,c=e.$refs.refScrollXVirtualElem,f=f,h=h,l=a=t=0,u&&(t=u.tBodyHeight,a=u.tHeaderHeight,l=u.tFooterHeight),u="visible",(s.computeScrollbarYToLeft||r.y&&!1===r.y.visible)&&(f=0,u="hidden"),(r=(0,_util.getRefElem)(g["main-header-scroll"]))&&(r.style.height="".concat(a,"px"),r.style.setProperty("--vxe-ui-gantt-view-cell-height","".concat(a/m.length,"px"))),(r=(0,_util.getRefElem)(g["main-body-scroll"]))&&(r.style.height="".concat(t,"px")),(m=(0,_util.getRefElem)(g["main-footer-scroll"]))&&(m.style.height="".concat(l,"px")),c&&(c.style.height="".concat(h,"px"),c.style.visibility="visible"),(m=e.$refs.refScrollXWrapperElem)&&(m.style.left=n?"".concat(f,"px"):"",m.style.width="".concat(S.clientWidth-f,"px")),i&&(i.style.width=n?"".concat(f,"px"):"",i.style.display=n&&h?"block":""),o&&(o.style.width=n?"":"".concat(f,"px"),o.style.display=!n&&h?"block":""),(c=e.$refs.refScrollYVirtualElem)&&(c.style.width="".concat(f,"px"),c.style.height="".concat(t+a+l,"px"),c.style.visibility=u),(m=e.$refs.refScrollYTopCornerElem)&&(m.style.height="".concat(a,"px"),m.style.display=a?"block":""),(S=e.$refs.refScrollYWrapperElem)&&(S.style.height="".concat(t,"px"),S.style.top="".concat(a,"px")),(i=e.$refs.refScrollYBottomCornerElem)&&(i.style.height="".concat(l,"px"),i.style.top="".concat(a+t,"px"),i.style.display=l?"block":""),o=40,h=o=(n=e.$refs.refColInfoElem)?n.clientWidth||40:o,p.length&&(h=Math.max(0,o*p.length),r)&&0<(c=(f=r.clientWidth)-h)&&(o+=Math.max(0,c/p.length),h=f),d.viewCellWidth=o,u=(0,_util.getRefElem)(g["main-header-table"]),m=(0,_util.getRefElem)(g["main-body-table"]),S=o*y.length,u&&(u.style.width="".concat(h,"px")),m&&(m.style.width="".concat(S,"px")),d.scrollXWidth=h,Promise.all([updateTaskChartStyle(e),s.handleUpdateTaskLinkStyle?s.handleUpdateTaskLinkStyle(e):null])}function handleRecalculateStyle(e){var t=e.internalData,a=e.$xeGantt,l=e.$refs.refElem;return t.rceRunTime=Date.now(),l&&l.clientWidth&&a?(calcScrollbar(e),updateStyle(e),computeScrollLoad(e)):e.$nextTick()}function _handleLazyRecalculate(i){var n=i.internalData;return new Promise(function(e){var t=n.rceTimeout,a=n.rceRunTime,l=n.xeTable,r=30;l&&(r=l.computeResizeOpts.refreshDelay||r),!t||(clearTimeout(t),a&&a+(r-5)<Date.now())?e(handleRecalculateStyle(i)):i.$nextTick(function(){e()}),n.rceTimeout=setTimeout(function(){n.rceTimeout=void 0,handleRecalculateStyle(i)},r)})}function computeScrollLoad(l){var r=l.reactData,i=l.internalData;return l.$nextTick().then(function(){var e,t=r.scrollXLoad,a=i.scrollXStore;t?(e=(t=handleVirtualXVisible(l)).toVisibleIndex,t=t.visibleSize,a.preloadSize=1,a.offsetSize=2,a.visibleSize=t,a.endIndex=Math.max(a.startIndex+a.visibleSize+2,a.endIndex),a.visibleStartIndex=Math.max(a.startIndex,e),a.visibleEndIndex=Math.min(a.endIndex,e+t),updateScrollXData(l).then(function(){loadScrollXData(l)})):updateScrollXSpace(l)})}function handleVirtualXVisible(e){var t,a=e.reactData.viewCellWidth,e=e.internalData.elemStore,e=(0,_util.getRefElem)(e["main-body-scroll"]);return e?(t=e.clientWidth,e=e.scrollLeft,e=Math.floor(e/a)-1,t=Math.ceil(t/a)+1,{toVisibleIndex:Math.max(0,e),visibleSize:Math.max(1,t)}):{toVisibleIndex:0,visibleSize:6}}function loadScrollXData(e){var t=e.reactData.isScrollXBig,a=e.internalData.scrollXStore,l=a.preloadSize,r=a.startIndex,i=a.endIndex,n=a.offsetSize,o=handleVirtualXVisible(e),c=o.toVisibleIndex,o=o.visibleSize,t={startIndex:Math.max(0,t?c-1:c-1-n-l),endIndex:t?c+o:c+o+n+l},n=(a.visibleStartIndex=c-1,a.visibleEndIndex=c+o+1,t.startIndex),l=t.endIndex;!(c<=r||i-o-1<=c)||r===n&&i===l||(a.startIndex=n,a.endIndex=l,updateScrollXData(e))}function updateScrollXData(e){return handleTableColumn(e),updateScrollXSpace(e),e.$nextTick()}function updateScrollXStatus(e){return e.reactData.scrollXLoad=!0}function handleTableColumn(e){var t=e.reactData,e=e.internalData,a=t.scrollXLoad,l=e.visibleColumn,e=e.scrollXStore,a=a?l.slice(e.startIndex,e.endIndex):l.slice(0);t.tableColumn=a}function updateScrollXSpace(e){var t=e.reactData,a=e.internalData,l=t.scrollXLoad,r=t.scrollXWidth,i=t.viewCellWidth,n=a.elemStore,a=a.scrollXStore,o=(0,_util.getRefElem)(n["main-body-table"]),a=a.startIndex,c=0,s=(l&&(c=Math.max(0,a*i)),o&&(o.style.transform="translate(".concat(c,"px, ").concat(t.scrollYTop||0,"px)")),r),a=(["header","body","footer"].forEach(function(e){e=(0,_util.getRefElem)(n["main-".concat(e,"-xSpace")]);e&&(e.style.width=l?"".concat(s,"px"):"")}),e.$refs.refScrollXSpaceElem),i=(a&&(a.style.width="".concat(s,"px")),(0,_util.getRefElem)(n["main-chart-before-wrapper"])),o=i?i.firstElementChild:null,r=(o&&(o.style.width="".concat(s,"px")),(0,_util.getRefElem)(n["main-chart-after-wrapper"])),a=r?r.firstElementChild:null;return a&&(a.style.width="".concat(s,"px")),t.scrollXLeft=c,t.scrollXWidth=s,calcScrollbar(e),e.$nextTick()}function triggerScrollXEvent(e){loadScrollXData(e)}function updateScrollYSpace(e){var t=e.reactData,a=e.internalData,l=t.scrollYLoad,r=t.overflowY,i=a.elemStore,a=a.xeTable,n=(0,_util.getRefElem)(i["main-body-scroll"]),o=(0,_util.getRefElem)(i["main-body-table"]),c=0,s=0,d=!1,a=(a&&(c=a.scrollYTop,s=a.scrollYHeight,d=a.isScrollYBig),s),u=c,f=0,n=(n&&(f=n.clientHeight),d&&(u=n&&o&&n.scrollTop+f>=maxYHeight?maxYHeight-o.clientHeight:c/(s-f)*(maxYHeight-f),a=maxYHeight),l&&r||(u=0),(0,_util.getRefElem)(i["main-chart-task-wrapper"])),c=(o&&(o.style.transform="translate(".concat(t.scrollXLeft||0,"px, ").concat(u,"px)")),n&&(n.style.transform="translateY(".concat(u,"px)")),(0,_util.getRefElem)(i["main-body-ySpace"])),f=(c&&(c.style.height=a?"".concat(a,"px"):""),e.$refs.refScrollYSpaceElem),l=(f&&(f.style.height=a?"".concat(a,"px"):""),(0,_util.getRefElem)(i["main-chart-before-wrapper"])),r=l?l.firstElementChild:null,o=(r&&(r.style.height=a?"".concat(a,"px"):""),(0,_util.getRefElem)(i["main-chart-after-wrapper"])),n=o?o.firstElementChild:null;return n&&(n.style.height=a?"".concat(a,"px"):""),t.scrollYTop=u,t.scrollYHeight=s,t.isScrollYBig=d,calcScrollbar(e),e.$nextTick().then(function(){updateStyle(e)})}function checkLastSyncScroll(e,t,a){var l=e.reactData,r=e.internalData,e=r.lcsTimeout;l.lazScrollLoading=!0,e&&clearTimeout(e),r.lcsTimeout=setTimeout(function(){r.lcsRunTime=Date.now(),r.lcsTimeout=void 0,r.intoRunScroll=!1,r.inVirtualScroll=!1,r.inWheelScroll=!1,r.inHeaderScroll=!1,r.inBodyScroll=!1,r.inFooterScroll=!1,l.lazScrollLoading=!1},200)}function handleScrollData(e,t,a,l,r){var i=e.reactData,n=e.internalData;a&&(n.lastScrollLeft=r),t&&(n.lastScrollTop=l),i.lastScrollTime=Date.now(),checkLastSyncScroll(e,a,t)}function handleScrollEvent(e,t,a,l,r,i){var n,o,c,s,d,u,f,h,m,y,g,p,S=e.$xeGantt,x=e.internalData,v=x.xeTable,_=e.$refs.refScrollXHandleElem,T=e.$refs.refScrollYHandleElem;_&&T&&v&&(n=T.clientHeight,o=_.clientWidth,T=T.scrollHeight,_=_.scrollWidth,d="",m=h=f=u=s=y=c=p=!1,l&&(g=v.computeScrollXThreshold,(y=i<=0)||(s=_-1<=i+o),x.lastScrollLeft<i?(d="right",_-g<=i+o&&(m=!0)):(d="left",i<=g&&(h=!0))),a&&(g=v.computeScrollYThreshold,(p=r<=0)||(c=T-1<=r+n),x.lastScrollTop<r?(d="bottom",T-g<=r+n&&(f=!0)):(d="top",r<=g&&(u=!0))),handleScrollData(e,a,l,r,i),v={source:sourceType,scrollTop:r,scrollLeft:i,bodyHeight:n,bodyWidth:o,scrollHeight:T,scrollWidth:_,isX:l,isY:a,isTop:p,isBottom:c,isLeft:y,isRight:s,direction:d},(f||u||m||h)&&S.dispatchEvent("scroll-boundary",v,t),S.dispatchEvent("scroll",v,t))}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:createReactData(),internalData:createInternalData()}},computed:Object.assign(Object.assign({},{}),{computeScaleDateList:function(){var e=this.$xeGantt,t=this.reactData,a=t.minViewDate,l=t.maxViewDate,t=e.computeTaskViewOpts,r=e.computeMinScale,e=t.gridding,t=r.type,i=r.startDay,n=[];if(a&&l){var o=-_xeUtils.default.toNumber(e&&e.leftSpacing||0),c=_xeUtils.default.toNumber(e&&e.rightSpacing||0);switch(t){case"year":for(var s=_xeUtils.default.getWhatYear(a,o,"first"),d=_xeUtils.default.getWhatYear(l,c,"first");s<=d;){var u=s;n.push(u),s=_xeUtils.default.getWhatYear(s,1)}break;case"quarter":for(var f=_xeUtils.default.getWhatQuarter(a,o,"first"),h=_xeUtils.default.getWhatQuarter(l,c,"first");f<=h;){var m=f;n.push(m),f=_xeUtils.default.getWhatQuarter(f,1)}break;case"month":for(var y=_xeUtils.default.getWhatMonth(a,o,"first"),g=_xeUtils.default.getWhatMonth(l,c,"first");y<=g;){var p=y;n.push(p),y=_xeUtils.default.getWhatMonth(y,1)}break;case"week":for(var S=_xeUtils.default.getWhatWeek(a,o,i,i),x=_xeUtils.default.getWhatWeek(l,c,i,i);S<=x;){var v=S;n.push(v),S=_xeUtils.default.getWhatWeek(S,1)}break;case"day":case"date":for(var _=_xeUtils.default.getWhatDay(a,o,"first"),T=_xeUtils.default.getWhatDay(l,c,"first");_<=T;){var D=_;n.push(D),_=_xeUtils.default.getWhatDay(_,1)}break;case"hour":case"minute":case"second":for(var b=+(0,_util.getStandardGapTime)(r.type),w=a.getTime()+o*b,M=l.getTime()+c*b;w<=M;){var E=new Date(w);n.push(E),w+=b}}}return n}}),methods:{refreshData:function(){var t=this,a=t.internalData;return handleUpdateData(t),handleRecalculateStyle(t),t.$nextTick().then(function(){var e=a.xeTable;if(handleRecalculateStyle(t),e)return e.recalculate()})},updateViewData:function(e){var t=this,a=t.reactData,l=t.internalData.xeTable;return l&&(l=l.tableData,a.tableData=l,e&&handleUpdateData(t),handleRecalculateStyle(t)),t.$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=this.internalData.xeTable,a=this.$refs.refElem;t&&a&&(e?(t.computeRowOpts.isCurrent||t.highlightCurrentRow)&&_xeUtils.default.arrayEach(a.querySelectorAll('[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--current")}):_xeUtils.default.arrayEach(a.querySelectorAll(".row--current"),function(e){return(0,_dom.removeClass)(e,"row--current")}))},handleUpdateHoverRow:function(e){var t=this.internalData.xeTable,a=this.$refs.refElem;t&&a&&(e?_xeUtils.default.arrayEach(a.querySelectorAll('.vxe-body--row[rowid="'.concat(t.getRowid(e),'"]')),function(e){return(0,_dom.addClass)(e,"row--hover")}):_xeUtils.default.arrayEach(a.querySelectorAll(".vxe-body--row.row--hover"),function(e){return(0,_dom.removeClass)(e,"row--hover")}))},triggerHeaderScrollEvent:function(e){var t,a,l,r=this.internalData,i=r.elemStore;r.inVirtualScroll||r.inBodyScroll||r.inFooterScroll||(t=e.currentTarget,i=(0,_util.getRefElem)(i["main-body-scroll"]),a=this.$refs.refScrollXHandleElem,i&&t&&(l=t.scrollLeft,r.inHeaderScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(i,l),handleScrollEvent(this,e,!1,!0,t.scrollTop,l)))},triggerBodyScrollEvent:function(e){var t,a,l,r,i,n=this,o=n.reactData,c=n.internalData,o=o.scrollXLoad,s=c.elemStore,d=c.lastScrollLeft,u=c.lastScrollTop;c.inVirtualScroll||c.inHeaderScroll||c.inFooterScroll||(t=e.currentTarget,s=(0,_util.getRefElem)(s["main-header-scroll"]),a=n.$refs.refScrollXHandleElem,l=n.$refs.refScrollYHandleElem,d=(r=t.scrollLeft)!==d,u=(i=t.scrollTop)!==u,c.inBodyScroll=!0,c.scrollRenderType="",u&&((0,_dom.setScrollTop)(l,i),syncTableScrollTop(n,i)),d&&(c.inBodyScroll=!0,(0,_dom.setScrollLeft)(a,r),(0,_dom.setScrollLeft)(s,r),o)&&triggerScrollXEvent(n),handleScrollEvent(n,e,u,d,t.scrollTop,r))},triggerVirtualScrollXEvent:function(e){var t,a,l,r=this.reactData,i=this.internalData,r=r.scrollXLoad,n=i.elemStore;i.inHeaderScroll||i.inBodyScroll||(t=e.currentTarget,a=(0,_util.getRefElem)(n["main-header-scroll"]),n=(0,_util.getRefElem)(n["main-body-scroll"]),t&&(l=t.scrollLeft,i.inVirtualScroll=!0,(0,_dom.setScrollLeft)(a,l),(0,_dom.setScrollLeft)(n,l),r&&triggerScrollXEvent(this),handleScrollEvent(this,e,!1,!0,t.scrollTop,l)))},triggerVirtualScrollYEvent:function(e){var t,a,l=this.internalData,r=l.elemStore;l.inHeaderScroll||l.inBodyScroll||(t=e.currentTarget,r=(0,_util.getRefElem)(r["main-body-scroll"]),t&&(a=t.scrollTop,l.inVirtualScroll=!0,(0,_dom.setScrollTop)(r,a),syncTableScrollTop(this,a),handleScrollEvent(this,e,!0,!1,a,t.scrollLeft)))},handleUpdateSXSpace:function(){return updateScrollXSpace(this)},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",{class:"vxe-gantt-view--scroll-x-handle-appearance"})]),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",{class:"vxe-gantt-view--scroll-y-handle-appearance"})]),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,a=t.$xeGantt,l=t.reactData,r=l.overflowX;return e("div",{ref:"refElem",class:["vxe-gantt-view",{"is--scroll-y":l.overflowY,"is--scroll-x":r,"is--virtual-x":l.scrollXLoad,"is--virtual-y":l.scrollYLoad}]},[e("div",{class:"vxe-gantt-view--render-wrapper"},a.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"})])])}},mounted:function(){globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.reactData,t=this.internalData;globalEvents.off(this,"keydown"),_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},render:function(e){return this.renderVN(e)}});