vxe-gantt 3.0.22 → 3.0.24

package/lib/index.umd.js

@@ -8182,7 +8182,7 @@ var core_ = __webpack_require__(4345);
 ;// ./packages/ui/src/log.ts
 
 var log = core_.VxeUI.log;
-var version = "gantt v".concat("3.0.22");
+var version = "gantt v".concat("3.0.24");
 var warnLog = log.create('warn', version);
 var errLog = log.create('error', version);
 ;// ./packages/ui/index.ts
@@ -8192,7 +8192,7 @@ var errLog = log.create('error', version);
 var setConfig = core_.VxeUI.setConfig,
   setIcon = core_.VxeUI.setIcon,
   checkVersion = core_.VxeUI.checkVersion;
-core_.VxeUI.ganttVersion = "3.0.22";
+core_.VxeUI.ganttVersion = "3.0.24";
 setConfig({
   gantt: {
     // size: null,
@@ -8687,6 +8687,9 @@ function eqEmptyValue(cellValue) {
 function getStringValue(cellValue) {
   return eqEmptyValue(cellValue) ? '' : cellValue;
 }
+function getClass(property, params) {
+  return property ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(property) ? property(params) : property : '';
+}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
 var es_regexp_constructor = __webpack_require__(4864);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.dot-all.js
@@ -8748,7 +8751,7 @@ function getNodeOffset(elem, container, rest) {
   return rest;
 }
 function isPx(val) {
-  return val && /^\d+(\.\d+)?px?$/.test(val);
+  return val && /^\d+(\.\d+)?(px)?$/.test(val);
 }
 function isScale(val) {
   return val && /^\d+(\.\d+)?%$/.test(val);
@@ -9355,6 +9358,9 @@ var gantt_chart_viewType = 'chart';
 
 
 
+
+
+
 var gantt_body_sourceType = 'gantt';
 var gantt_body_viewType = 'body';
 /* harmony default export */ var gantt_body = (defineVxeComponent({
@@ -9391,10 +9397,15 @@ var gantt_body_viewType = 'body';
       var headerGroups = reactData.headerGroups;
       var todayDateMaps = internalData.todayDateMaps;
       var taskViewOpts = $xeGantt.computeTaskViewOpts;
-      var showNowLine = taskViewOpts.showNowLine;
+      var showNowLine = taskViewOpts.showNowLine,
+        viewStyle = taskViewOpts.viewStyle;
       var _ref = headerGroups[headerGroups.length - 1] || {},
         scaleItem = _ref.scaleItem;
-      var field = column.field;
+      var field = column.field,
+        dateObj = column.dateObj;
+      var _ref2 = viewStyle || {},
+        cellClassName = _ref2.cellClassName,
+        cellStyle = _ref2.cellStyle;
       var todayValue = showNowLine && scaleItem ? todayDateMaps[scaleItem.type] : null;
       var rowRest = fullAllDataRowIdData[rowid] || {};
       var resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
@@ -9442,6 +9453,7 @@ var gantt_body_viewType = 'body';
       var ctParams = {
         source: gantt_body_sourceType,
         type: gantt_body_viewType,
+        dateObj: dateObj,
         row: row,
         column: column,
         $rowIndex: $rowIndex,
@@ -9453,8 +9465,10 @@ var gantt_body_viewType = 'body';
         class: ['vxe-gantt-view--body-column', {
           'is--now': showNowLine && todayValue === field,
           'col--rs-height': isRsHeight
-        }],
-        style: {
+        }, getClass(cellClassName, ctParams)],
+        style: cellStyle ? Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellStyle) ? cellStyle(ctParams) : cellStyle, {
+          height: "".concat(cellHeight, "px")
+        }) : {
           height: "".concat(cellHeight, "px")
         },
         on: {
@@ -9479,6 +9493,7 @@ var gantt_body_viewType = 'body';
     renderRows: function renderRows(h, $xeTable, tableData) {
       var _vm = this;
       var $xeGanttView = _vm.$xeGanttView;
+      var $xeGantt = _vm.$xeGantt;
       var reactData = $xeGanttView.reactData;
       var tableProps = $xeTable;
       var treeConfig = tableProps.treeConfig,
@@ -9500,6 +9515,11 @@ var gantt_body_viewType = 'body';
       var treeOpts = $xeTable.computeTreeOpts;
       var transform = treeOpts.transform;
       var childrenField = treeOpts.children || treeOpts.childrenField;
+      var taskViewOpts = $xeGantt.computeTaskViewOpts;
+      var viewStyle = taskViewOpts.viewStyle;
+      var _ref3 = viewStyle || {},
+        rowClassName = _ref3.rowClassName,
+        rowStyle = _ref3.rowStyle;
       var tableColumn = reactData.tableColumn,
         scrollYLoad = reactData.scrollYLoad;
       var trVNs = [];
@@ -9536,6 +9556,14 @@ var gantt_body_viewType = 'body';
           trOns.dragend = $xeTable.handleRowDragDragendEvent;
           trOns.dragover = $xeTable.handleRowDragDragoverEvent;
         }
+        var rowParams = {
+          source: gantt_body_sourceType,
+          type: gantt_body_viewType,
+          row: row,
+          rowIndex: rowIndex,
+          $rowIndex: $rowIndex,
+          _rowIndex: _rowIndex
+        };
         trVNs.push(h('tr', {
           key: treeConfig ? rowid : $rowIndex,
           class: ['vxe-gantt-view--body-row', {
@@ -9544,7 +9572,8 @@ var gantt_body_viewType = 'body';
             'row--radio': radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
             'row--checked': checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
             'row--pending': !!pendingRowFlag && !!pendingRowMaps[rowid]
-          }],
+          }, getClass(rowClassName, rowParams)],
+          style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rowStyle) ? rowStyle(rowParams) : rowStyle : undefined,
           attrs: {
             rowid: rowid
           },
@@ -9725,6 +9754,7 @@ var gantt_footer_viewType = 'footer';
 
 
 var globalEvents = core_.VxeUI.globalEvents;
+var gantt_view_sourceType = 'gantt';
 function createInternalData() {
   return {
     xeTable: null,
@@ -10530,10 +10560,103 @@ function checkLastSyncScroll($xeGanttView, isRollX, isRollY) {
     reactData.lazScrollLoading = false;
   }, 200);
 }
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function handleScrollEvent($xeGanttView, evnt, isRollY, isRollX, scrollTop, scrollLeft) {
+function handleScrollData($xeGanttView, isRollY, isRollX, scrollTop, scrollLeft) {
+  var reactData = $xeGanttView.reactData;
+  var internalData = $xeGanttView.internalData;
+  if (isRollX) {
+    internalData.lastScrollLeft = scrollLeft;
+  }
+  if (isRollY) {
+    internalData.lastScrollTop = scrollTop;
+  }
+  reactData.lastScrollTime = Date.now();
   checkLastSyncScroll($xeGanttView, isRollX, isRollY);
 }
+function handleScrollEvent($xeGanttView, evnt, isRollY, isRollX, scrollTop, scrollLeft) {
+  var $xeGantt = $xeGanttView.$xeGantt;
+  var internalData = $xeGanttView.internalData;
+  var $xeTable = internalData.xeTable;
+  var lastScrollLeft = internalData.lastScrollLeft,
+    lastScrollTop = internalData.lastScrollTop;
+  var xHandleEl = $xeGanttView.$refs.refScrollXHandleElem;
+  var yHandleEl = $xeGanttView.$refs.refScrollYHandleElem;
+  if (!xHandleEl || !yHandleEl) {
+    return;
+  }
+  if (!$xeTable) {
+    return;
+  }
+  var bodyHeight = yHandleEl.clientHeight;
+  var bodyWidth = xHandleEl.clientWidth;
+  var scrollHeight = yHandleEl.scrollHeight;
+  var scrollWidth = xHandleEl.scrollWidth;
+  var isTop = false;
+  var isBottom = false;
+  var isLeft = false;
+  var isRight = false;
+  var direction = '';
+  var isTopBoundary = false;
+  var isBottomBoundary = false;
+  var isLeftBoundary = false;
+  var isRightBoundary = false;
+  if (isRollX) {
+    var xThreshold = $xeTable.computeScrollXThreshold;
+    isLeft = scrollLeft <= 0;
+    if (!isLeft) {
+      isRight = scrollLeft + bodyWidth >= scrollWidth - 1;
+    }
+    if (scrollLeft > lastScrollLeft) {
+      direction = 'right';
+      if (scrollLeft + bodyWidth >= scrollWidth - xThreshold) {
+        isRightBoundary = true;
+      }
+    } else {
+      direction = 'left';
+      if (scrollLeft <= xThreshold) {
+        isLeftBoundary = true;
+      }
+    }
+  }
+  if (isRollY) {
+    var yThreshold = $xeTable.computeScrollYThreshold;
+    isTop = scrollTop <= 0;
+    if (!isTop) {
+      isBottom = scrollTop + bodyHeight >= scrollHeight - 1;
+    }
+    if (scrollTop > lastScrollTop) {
+      direction = 'bottom';
+      if (scrollTop + bodyHeight >= scrollHeight - yThreshold) {
+        isBottomBoundary = true;
+      }
+    } else {
+      direction = 'top';
+      if (scrollTop <= yThreshold) {
+        isTopBoundary = true;
+      }
+    }
+  }
+  handleScrollData($xeGanttView, isRollY, isRollX, scrollTop, scrollLeft);
+  var evntParams = {
+    source: gantt_view_sourceType,
+    scrollTop: scrollTop,
+    scrollLeft: scrollLeft,
+    bodyHeight: bodyHeight,
+    bodyWidth: bodyWidth,
+    scrollHeight: scrollHeight,
+    scrollWidth: scrollWidth,
+    isX: isRollX,
+    isY: isRollY,
+    isTop: isTop,
+    isBottom: isBottom,
+    isLeft: isLeft,
+    isRight: isRight,
+    direction: direction
+  };
+  if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
+    $xeGantt.dispatchEvent('scroll-boundary', evntParams, evnt);
+  }
+  $xeGantt.dispatchEvent('scroll', evntParams, evnt);
+}
 /**
  * 同步表格滚动
  */