vxe-gantt 3.1.19 → 3.2.0

package/lib/index.umd.js

@@ -8286,7 +8286,7 @@ var core_ = __webpack_require__(4345);
 
 var setConfig = core_.VxeUI.setConfig,
   setIcon = core_.VxeUI.setIcon;
-core_.VxeUI.ganttVersion = "3.1.19";
+core_.VxeUI.ganttVersion = "3.2.0";
 var ymdFormat = 'yyyy-MM-dd';
 var ymdhmsFormat = 'yyyy-MM-dd HH:mm:ss';
 setConfig({
@@ -8400,7 +8400,7 @@ var es_array_concat = __webpack_require__(8706);
 ;// ./packages/ui/src/log.ts
 
 var log = core_.VxeUI.log;
-var version = "gantt v".concat("3.1.19");
+var version = "gantt v".concat("3.2.0");
 var warnLog = log.create('warn', version);
 var errLog = log.create('error', version);
 ;// ./packages/ui/src/depend.ts
@@ -9829,7 +9829,9 @@ var gantt_body_viewType = 'body';
       var viewStyle = taskViewOpts.viewStyle;
       var _ref3 = viewStyle || {},
         rowClassName = _ref3.rowClassName,
-        rowStyle = _ref3.rowStyle;
+        rowStyle = _ref3.rowStyle,
+        cellClassName = _ref3.cellClassName,
+        cellStyle = _ref3.cellStyle;
       var tableColumn = reactData.tableColumn,
         scrollYLoad = reactData.scrollYLoad;
       var trVNs = [];
@@ -9877,7 +9879,7 @@ var gantt_body_viewType = 'body';
           _rowIndex: _rowIndex
         };
         trVNs.push(h('tr', {
-          key: treeConfig ? rowid : $rowIndex,
+          key: rowClassName || rowStyle || cellClassName || cellStyle ? rowid : $rowIndex,
           class: ['vxe-gantt-view--body-row', {
             'row--stripe': stripe && (_rowIndex + 1) % 2 === 0,
             'is--new': isNewRow,
@@ -10098,6 +10100,38 @@ function createInternalData() {
     lastScrollLeft: 0
   };
 }
+function createReactData() {
+  return {
+    // 是否启用了横向 X 可视渲染方式加载
+    scrollXLoad: false,
+    // 是否启用了纵向 Y 可视渲染方式加载
+    scrollYLoad: false,
+    // 是否存在纵向滚动条
+    overflowY: true,
+    // 是否存在横向滚动条
+    overflowX: true,
+    // 纵向滚动条的宽度
+    scrollbarWidth: 0,
+    // 横向滚动条的高度
+    scrollbarHeight: 0,
+    // 最后滚动时间戳
+    lastScrollTime: 0,
+    lazScrollLoading: false,
+    scrollVMLoading: false,
+    scrollYHeight: 0,
+    scrollYTop: 0,
+    isScrollYBig: false,
+    scrollXLeft: 0,
+    scrollXWidth: 0,
+    isScrollXBig: false,
+    minViewDate: null,
+    maxViewDate: null,
+    tableData: [],
+    tableColumn: [],
+    headerGroups: [],
+    viewCellWidth: 40
+  };
+}
 var maxYHeight = 5e6;
 // const maxXWidth = 5e6
 function parseStringDate($xeGanttView, dateValue) {
@@ -11069,27 +11103,30 @@ function updateScrollXSpace($xeGanttView) {
   // if (footerTableElem) {
   //   footerTableElem.style.transform = `translate(${xSpaceLeft}px, 0px)`
   // }
+  var ySpaceWidth = scrollXWidth;
   var layoutList = ['header', 'body', 'footer'];
   layoutList.forEach(function (layout) {
     var xSpaceElem = getRefElem(elemStore["main-".concat(layout, "-xSpace")]);
     if (xSpaceElem) {
-      xSpaceElem.style.width = scrollXLoad ? "".concat(scrollXWidth, "px") : '';
+      xSpaceElem.style.width = scrollXLoad ? "".concat(ySpaceWidth, "px") : '';
     }
   });
   var scrollXSpaceEl = $xeGanttView.$refs.refScrollXSpaceElem;
   if (scrollXSpaceEl) {
-    scrollXSpaceEl.style.width = "".concat(scrollXWidth, "px");
+    scrollXSpaceEl.style.width = "".concat(ySpaceWidth, "px");
   }
   var beforeWrapper = getRefElem(elemStore['main-chart-before-wrapper']);
   var beforeSvgElem = beforeWrapper ? beforeWrapper.firstElementChild : null;
   if (beforeSvgElem) {
-    beforeSvgElem.style.width = "".concat(scrollXWidth, "px");
+    beforeSvgElem.style.width = "".concat(ySpaceWidth, "px");
   }
   var afterWrapper = getRefElem(elemStore['main-chart-after-wrapper']);
   var afterSvgElem = afterWrapper ? afterWrapper.firstElementChild : null;
   if (afterSvgElem) {
-    afterSvgElem.style.width = "".concat(scrollXWidth, "px");
+    afterSvgElem.style.width = "".concat(ySpaceWidth, "px");
   }
+  reactData.scrollXLeft = xSpaceLeft;
+  reactData.scrollXWidth = ySpaceWidth;
   calcScrollbar($xeGanttView);
   return $xeGanttView.$nextTick();
 }
@@ -11137,7 +11174,7 @@ function updateScrollYSpace($xeGanttView) {
     bodyTableElem.style.transform = "translate(".concat(reactData.scrollXLeft || 0, "px, ").concat(scrollYTop, "px)");
   }
   if (bodyChartWrapperElem) {
-    bodyChartWrapperElem.style.transform = "translate(".concat(reactData.scrollXLeft || 0, "px, ").concat(scrollYTop, "px)");
+    bodyChartWrapperElem.style.transform = "translateY(".concat(scrollYTop, "px)");
   }
   var bodyYSpaceElem = getRefElem(elemStore['main-body-ySpace']);
   if (bodyYSpaceElem) {
@@ -11314,36 +11351,7 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
   props: {},
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {
-      // 是否启用了横向 X 可视渲染方式加载
-      scrollXLoad: false,
-      // 是否启用了纵向 Y 可视渲染方式加载
-      scrollYLoad: false,
-      // 是否存在纵向滚动条
-      overflowY: true,
-      // 是否存在横向滚动条
-      overflowX: true,
-      // 纵向滚动条的宽度
-      scrollbarWidth: 0,
-      // 横向滚动条的高度
-      scrollbarHeight: 0,
-      // 最后滚动时间戳
-      lastScrollTime: 0,
-      lazScrollLoading: false,
-      scrollVMLoading: false,
-      scrollYHeight: 0,
-      scrollYTop: 0,
-      isScrollYBig: false,
-      scrollXLeft: 0,
-      scrollXWidth: 0,
-      isScrollXBig: false,
-      minViewDate: null,
-      maxViewDate: null,
-      tableData: [],
-      tableColumn: [],
-      headerGroups: [],
-      viewCellWidth: 40
-    };
+    var reactData = createReactData();
     var internalData = createInternalData();
     return {
       xID: xID,
@@ -11462,7 +11470,7 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
         }
       });
     },
-    updateViewData: function updateViewData() {
+    updateViewData: function updateViewData(force) {
       var $xeGanttView = this;
       var reactData = $xeGanttView.reactData;
       var internalData = $xeGanttView.internalData;
@@ -11471,6 +11479,11 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
         var tableReactData = $xeTable;
         var tableData = tableReactData.tableData;
         reactData.tableData = tableData;
+        handleUpdateData($xeGanttView);
+        if (force) {
+          handleUpdateData($xeGanttView);
+        }
+        handleRecalculateStyle($xeGanttView);
       }
       return $xeGanttView.$nextTick();
     },
@@ -11777,20 +11790,19 @@ function syncTableScrollTop($xeGanttView, scrollTop) {
       })])]);
     }
   },
-  watch: {
-    'reactData.tableData': function reactDataTableData() {
-      var $xeGanttView = this;
-      handleUpdateData($xeGanttView);
-    }
-  },
   mounted: function mounted() {
     var $xeGanttView = this;
     globalEvents.on($xeGanttView, 'resize', $xeGanttView.handleGlobalResizeEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeGanttView = this;
-    var internalData = $xeGanttView.internalData;
+    var reactData = $xeGanttView.reactData;
     globalEvents.off($xeGanttView, 'keydown');
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, createReactData());
+  },
+  destroyed: function destroyed() {
+    var $xeGanttView = this;
+    var internalData = $xeGanttView.internalData;
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, createInternalData());
   },
   render: function render(h) {
@@ -11912,7 +11924,7 @@ function gantt_createInternalData() {
     }
   };
 }
-function createReactData() {
+function gantt_createReactData() {
   var _getConfig$pager;
   return {
     tableLoading: false,
@@ -11989,7 +12001,7 @@ function createReactData() {
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = createReactData();
+    var reactData = gantt_createReactData();
     var internalData = gantt_createInternalData();
     return {
       xID: xID,
@@ -14494,7 +14506,7 @@ function createReactData() {
   beforeDestroy: function beforeDestroy() {
     var $xeGantt = this;
     var reactData = $xeGantt.reactData;
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, gantt_createReactData());
   },
   destroyed: function destroyed() {
     var $xeGantt = this;