vxe-gantt 3.0.8 → 3.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.umd.js CHANGED
@@ -7643,7 +7643,7 @@ var core_ = __webpack_require__(4345);
7643
7643
  ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
7644
7644
 
7645
7645
  var log = core_.VxeUI.log;
7646
- var version = "gantt v".concat("3.0.8");
7646
+ var version = "gantt v".concat("3.0.9");
7647
7647
  var warnLog = log.create('warn', version);
7648
7648
  var errLog = log.create('error', version);
7649
7649
  ;// CONCATENATED MODULE: ./packages/ui/index.ts
@@ -7653,7 +7653,7 @@ var errLog = log.create('error', version);
7653
7653
  var setConfig = core_.VxeUI.setConfig,
7654
7654
  setIcon = core_.VxeUI.setIcon,
7655
7655
  checkVersion = core_.VxeUI.checkVersion;
7656
- core_.VxeUI.ganttVersion = "3.0.8";
7656
+ core_.VxeUI.ganttVersion = "3.0.9";
7657
7657
  setConfig({
7658
7658
  gantt: {
7659
7659
  // size: null,
@@ -8426,6 +8426,7 @@ function getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight) {
8426
8426
 
8427
8427
 
8428
8428
 
8429
+
8429
8430
  var getI18n = core_.VxeUI.getI18n;
8430
8431
  /* harmony default export */ var gantt_header = (defineVxeComponent({
8431
8432
  name: 'VxeGanttViewHeader',
@@ -8450,7 +8451,8 @@ var getI18n = core_.VxeUI.getI18n;
8450
8451
  var internalData = $xeGanttView.internalData;
8451
8452
  var headerGroups = reactData.headerGroups,
8452
8453
  viewCellWidth = reactData.viewCellWidth;
8453
- var visibleColumn = internalData.visibleColumn;
8454
+ var todayDateMaps = internalData.todayDateMaps,
8455
+ visibleColumn = internalData.visibleColumn;
8454
8456
  return h('div', {
8455
8457
  ref: 'refElem',
8456
8458
  class: 'vxe-gantt-view--header-wrapper'
@@ -8478,12 +8480,15 @@ var getI18n = core_.VxeUI.getI18n;
8478
8480
  columns = _ref.columns;
8479
8481
  var type = scaleItem.type,
8480
8482
  titleMethod = scaleItem.titleMethod,
8483
+ headerCellStyle = scaleItem.headerCellStyle,
8481
8484
  slots = scaleItem.slots;
8482
8485
  var titleSlot = slots ? slots.title : null;
8486
+ var todayValue = $rowIndex === headerGroups.length - 1 ? todayDateMaps[type] : null;
8483
8487
  return h('tr', {
8484
8488
  key: $rowIndex
8485
8489
  }, columns.map(function (column, cIndex) {
8486
- var childCount = column.childCount,
8490
+ var field = column.field,
8491
+ childCount = column.childCount,
8487
8492
  dateObj = column.dateObj;
8488
8493
  var label = "".concat(column.title);
8489
8494
  if ($rowIndex < headerGroups.length - 1) {
@@ -8505,13 +8510,24 @@ var getI18n = core_.VxeUI.getI18n;
8505
8510
  } else if (titleMethod) {
8506
8511
  cellVNs = "".concat(titleMethod(ctParams));
8507
8512
  }
8513
+ var cellStys = {};
8514
+ if (headerCellStyle) {
8515
+ if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(headerCellStyle)) {
8516
+ cellStys = headerCellStyle(ctParams);
8517
+ } else {
8518
+ cellStys = headerCellStyle;
8519
+ }
8520
+ }
8508
8521
  return h('th', {
8509
8522
  key: cIndex,
8510
- class: 'vxe-gantt-view--header-column',
8523
+ class: ['vxe-gantt-view--header-column', {
8524
+ 'is--now': todayValue && todayValue === field
8525
+ }],
8511
8526
  attrs: {
8512
8527
  colspan: childCount || null,
8513
8528
  title: titleSlot ? null : label
8514
- }
8529
+ },
8530
+ style: cellStys
8515
8531
  }, cellVNs);
8516
8532
  }));
8517
8533
  }))])])]);
@@ -8756,7 +8772,10 @@ var renderEmptyElement = core_.VxeUI.renderEmptyElement;
8756
8772
  //
8757
8773
  renderColumn: function renderColumn(h, $xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, column, $columnIndex) {
8758
8774
  var _vm = this;
8775
+ var $xeGanttView = _vm.$xeGanttView;
8759
8776
  var $xeGantt = _vm.$xeGantt;
8777
+ var reactData = $xeGanttView.reactData,
8778
+ internalData = $xeGanttView.internalData;
8760
8779
  var tableReactData = $xeTable;
8761
8780
  var resizeHeightFlag = tableReactData.resizeHeightFlag;
8762
8781
  var tableInternalData = $xeTable;
@@ -8767,6 +8786,12 @@ var renderEmptyElement = core_.VxeUI.renderEmptyElement;
8767
8786
  var defaultRowHeight = $xeTable.computeDefaultRowHeight;
8768
8787
  var resizableOpts = $xeTable.computeResizableOpts;
8769
8788
  var isAllRowDrag = resizableOpts.isAllRowDrag;
8789
+ var headerGroups = reactData.headerGroups;
8790
+ var todayDateMaps = internalData.todayDateMaps;
8791
+ var _ref = headerGroups[headerGroups.length - 1] || {},
8792
+ scaleItem = _ref.scaleItem;
8793
+ var field = column.field;
8794
+ var todayValue = scaleItem ? todayDateMaps[scaleItem.type] : null;
8770
8795
  var rowRest = fullAllDataRowIdData[rowid] || {};
8771
8796
  var resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
8772
8797
  var isRsHeight = resizeHeight > 0;
@@ -8812,6 +8837,7 @@ var renderEmptyElement = core_.VxeUI.renderEmptyElement;
8812
8837
  return h('td', {
8813
8838
  key: $columnIndex,
8814
8839
  class: ['vxe-gantt-view--body-column', {
8840
+ 'is--now': todayValue === field,
8815
8841
  'col--rs-height': isRsHeight
8816
8842
  }],
8817
8843
  style: {
@@ -9063,6 +9089,7 @@ function createInternalData() {
9063
9089
  startMaps: {},
9064
9090
  endMaps: {},
9065
9091
  chartMaps: {},
9092
+ todayDateMaps: {},
9066
9093
  elemStore: {},
9067
9094
  // 存放横向 X 虚拟滚动相关的信息
9068
9095
  scrollXStore: {
@@ -9087,6 +9114,39 @@ function parseStringDate($xeGanttView, dateValue) {
9087
9114
  var dateFormat = taskOpts.dateFormat;
9088
9115
  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(dateValue, dateFormat || null);
9089
9116
  }
9117
+ function updateTodayData($xeGanttView) {
9118
+ var $xeGantt = $xeGanttView.$xeGantt;
9119
+ var internalData = $xeGanttView.internalData;
9120
+ var ganttReactData = $xeGantt.reactData;
9121
+ var taskScaleList = ganttReactData.taskScaleList;
9122
+ var weekScale = taskScaleList.find(function (item) {
9123
+ return item.type === 'week';
9124
+ });
9125
+ var itemDate = new Date();
9126
+ var _XEUtils$toDateString = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-'),
9127
+ _XEUtils$toDateString2 = _slicedToArray(_XEUtils$toDateString, 6),
9128
+ yyyy = _XEUtils$toDateString2[0],
9129
+ MM = _XEUtils$toDateString2[1],
9130
+ dd = _XEUtils$toDateString2[2],
9131
+ HH = _XEUtils$toDateString2[3],
9132
+ mm = _XEUtils$toDateString2[4],
9133
+ ss = _XEUtils$toDateString2[5];
9134
+ var e = itemDate.getDay();
9135
+ var E = e + 1;
9136
+ var q = Math.ceil((itemDate.getMonth() + 1) / 3);
9137
+ var W = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getYearWeek(itemDate, weekScale ? weekScale.startDay : undefined);
9138
+ internalData.todayDateMaps = {
9139
+ year: yyyy,
9140
+ quarter: "".concat(yyyy, "_q").concat(q),
9141
+ month: "".concat(yyyy, "_").concat(MM),
9142
+ week: "".concat(yyyy, "_W").concat(W),
9143
+ day: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_E").concat(E),
9144
+ date: "".concat(yyyy, "_").concat(MM, "_").concat(dd),
9145
+ hour: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH),
9146
+ minute: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH, "_").concat(mm),
9147
+ second: "".concat(yyyy, "_").concat(MM, "_").concat(dd, "_").concat(HH, "_").concat(mm, "_").concat(ss)
9148
+ };
9149
+ }
9090
9150
  function handleParseColumn($xeGanttView) {
9091
9151
  var $xeGantt = $xeGanttView.$xeGantt;
9092
9152
  var reactData = $xeGanttView.reactData;
@@ -9124,37 +9184,6 @@ function handleParseColumn($xeGanttView) {
9124
9184
  var currTime = minViewDate.getTime();
9125
9185
  var diffDayNum = maxViewDate.getTime() - minViewDate.getTime();
9126
9186
  var countSize = Math.max(5, Math.floor(diffDayNum / gapTime) + 1);
9127
- // switch (minScale.type) {
9128
- // case 'day':
9129
- // case 'date':
9130
- // if (diffDayNum > (1000 * 60 * 60 * 24 * 366 * 3)) {
9131
- // reactData.tableColumn = []
9132
- // reactData.headerGroups = []
9133
- // return
9134
- // }
9135
- // break
9136
- // case 'hour':
9137
- // if (diffDayNum > (1000 * 60 * 60 * 24 * 31 * 3)) {
9138
- // reactData.tableColumn = []
9139
- // reactData.headerGroups = []
9140
- // return
9141
- // }
9142
- // break
9143
- // case 'minute':
9144
- // if (diffDayNum > (1000 * 60 * 60 * 24 * 3)) {
9145
- // reactData.tableColumn = []
9146
- // reactData.headerGroups = []
9147
- // return
9148
- // }
9149
- // break
9150
- // case 'second':
9151
- // if (diffDayNum > (1000 * 60 * 60 * 3)) {
9152
- // reactData.tableColumn = []
9153
- // reactData.headerGroups = []
9154
- // return
9155
- // }
9156
- // break
9157
- // }
9158
9187
  var renderListMaps = {
9159
9188
  year: [],
9160
9189
  quarter: [],
@@ -9198,14 +9227,14 @@ function handleParseColumn($xeGanttView) {
9198
9227
  };
9199
9228
  for (var i = 0; i < countSize; i++) {
9200
9229
  var itemDate = new Date(currTime + i * gapTime);
9201
- var _XEUtils$toDateString = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-'),
9202
- _XEUtils$toDateString2 = _slicedToArray(_XEUtils$toDateString, 6),
9203
- yyyy = _XEUtils$toDateString2[0],
9204
- MM = _XEUtils$toDateString2[1],
9205
- dd = _XEUtils$toDateString2[2],
9206
- HH = _XEUtils$toDateString2[3],
9207
- mm = _XEUtils$toDateString2[4],
9208
- ss = _XEUtils$toDateString2[5];
9230
+ var _XEUtils$toDateString3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toDateString(itemDate, 'yyyy-M-d-H-m-s').split('-'),
9231
+ _XEUtils$toDateString4 = _slicedToArray(_XEUtils$toDateString3, 6),
9232
+ yyyy = _XEUtils$toDateString4[0],
9233
+ MM = _XEUtils$toDateString4[1],
9234
+ dd = _XEUtils$toDateString4[2],
9235
+ HH = _XEUtils$toDateString4[3],
9236
+ mm = _XEUtils$toDateString4[4],
9237
+ ss = _XEUtils$toDateString4[5];
9209
9238
  var e = itemDate.getDay();
9210
9239
  var E = e + 1;
9211
9240
  var q = Math.ceil((itemDate.getMonth() + 1) / 3);
@@ -9369,6 +9398,7 @@ function handleParseColumn($xeGanttView) {
9369
9398
  }
9370
9399
  internalData.visibleColumn = fullCols;
9371
9400
  reactData.headerGroups = groupCols;
9401
+ updateTodayData($xeGanttView);
9372
9402
  updateScrollXStatus($xeGanttView);
9373
9403
  handleTableColumn($xeGanttView);
9374
9404
  }