@visactor/vtable-gantt 1.11.4 → 1.11.5

package/dist/vtable-gantt.js

@@ -47453,85 +47453,6 @@
       }
     }
 
-    class CustomCellStylePlugin {
-      constructor(table, customCellStyle, customCellStyleArrangement) {
-        this.table = table, this.customCellStyle = customCellStyle, this.customCellStyleArrangement = customCellStyleArrangement;
-      }
-      getCustomCellStyle(col, row) {
-        const customStyleIds = this.getCustomCellStyleIds(col, row);
-        if (customStyleIds.length) {
-          const styles = [];
-          return customStyleIds.forEach(customStyleId => {
-            const styleOption = this.getCustomCellStyleOption(customStyleId);
-            (null == styleOption ? void 0 : styleOption.style) && styles.push(styleOption.style);
-          }), merge({}, ...styles);
-        }
-      }
-      getCustomCellStyleIds(col, row) {
-        const customStyleIds = [],
-          range = this.table.getCellRange(col, row);
-        for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.customCellStyleArrangement.forEach(style => {
-          style.cellPosition.range ? style.cellPosition.range.start.col <= c && style.cellPosition.range.end.col >= c && style.cellPosition.range.start.row <= r && style.cellPosition.range.end.row >= r && customStyleIds.push(style.customStyleId) : style.cellPosition.col === c && style.cellPosition.row === r && customStyleIds.push(style.customStyleId);
-        });
-        return customStyleIds;
-      }
-      getCustomCellStyleOption(customStyleId) {
-        return this.customCellStyle.find(style => style.id === customStyleId);
-      }
-      registerCustomCellStyle(customStyleId, customStyle) {
-        const index = this.customCellStyle.findIndex(style => style.id === customStyleId);
-        -1 === index ? this.customCellStyle.push({
-          id: customStyleId,
-          style: customStyle
-        }) : this.customCellStyle[index] = {
-          id: customStyleId,
-          style: customStyle
-        }, this.customCellStyleArrangement.forEach(cellStyle => {
-          const cellPos = cellStyle.cellPosition;
-          if (cellStyle.customStyleId === customStyleId) if (cellPos.range) for (let col = Math.max(0, cellPos.range.start.col); col <= Math.min(this.table.colCount - 1, cellPos.range.end.col); col++) for (let row = Math.max(0, cellPos.range.start.row); row <= Math.min(this.table.rowCount - 1, cellPos.range.end.row); row++) this.table.scenegraph.updateCellContent(col, row);else this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
-        }), this.table.scenegraph.updateNextFrame();
-      }
-      arrangeCustomCellStyle(cellPos, customStyleId) {
-        const index = this.customCellStyleArrangement.findIndex(style => style.cellPosition.range && cellPos.range ? style.cellPosition.range.start.col === cellPos.range.start.col && style.cellPosition.range.start.row === cellPos.range.start.row && style.cellPosition.range.end.col === cellPos.range.end.col && style.cellPosition.range.end.row === cellPos.range.end.row : style.cellPosition.col === cellPos.col && style.cellPosition.row === cellPos.row);
-        if (-1 !== index || customStyleId) {
-          if (-1 === index && customStyleId) this.customCellStyleArrangement.push({
-            cellPosition: {
-              col: cellPos.col,
-              row: cellPos.row,
-              range: cellPos.range
-            },
-            customStyleId: customStyleId
-          });else {
-            if (this.customCellStyleArrangement[index].customStyleId === customStyleId) return;
-            customStyleId ? this.customCellStyleArrangement[index].customStyleId = customStyleId : this.customCellStyleArrangement.splice(index, 1);
-          }
-          if (cellPos.range) for (let col = Math.max(0, cellPos.range.start.col); col <= Math.min(this.table.colCount - 1, cellPos.range.end.col); col++) for (let row = Math.max(0, cellPos.range.start.row); row <= Math.min(this.table.rowCount - 1, cellPos.range.end.row); row++) {
-            const range = this.table.getCellRange(col, row);
-            for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.table.scenegraph.updateCellContent(c, r);
-          } else this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
-          this.table.scenegraph.updateNextFrame();
-        }
-      }
-      updateCustomCell(customCellStyle, customCellStyleArrangement) {
-        this.customCellStyle.length = 0, this.customCellStyleArrangement.length = 0, customCellStyle.forEach(cellStyle => {
-          this.registerCustomCellStyle(cellStyle.id, cellStyle.style);
-        }), customCellStyleArrangement.forEach(cellStyle => {
-          this.arrangeCustomCellStyle(cellStyle.cellPosition, cellStyle.customStyleId);
-        });
-      }
-      hasCustomCellStyle(customStyleId) {
-        return this.customCellStyle.some(style => style.id === customStyleId);
-      }
-    }
-    function mergeStyle(cacheStyle, customCellStyle) {
-      cacheStyle = cacheStyle.clone();
-      for (const key in customCellStyle) {
-        const value = customCellStyle[key];
-        value && (cacheStyle[`_${key}`] = value);
-      }
-      return cacheStyle;
-    }
-
     class DimensionTree {
       constructor(tree, sharedVar) {
         let hierarchyType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "grid";
@@ -48454,10 +48375,92 @@
       Direction.vertical = "vertical", Direction.horizontal = "horizontal";
     }(Direction || (Direction = {}));
 
+    class CustomCellStylePlugin {
+      constructor(table, customCellStyle, customCellStyleArrangement) {
+        this.table = table, this.customCellStyle = customCellStyle, this.customCellStyleArrangement = customCellStyleArrangement;
+      }
+      getCustomCellStyle(col, row) {
+        const customStyleIds = this.getCustomCellStyleIds(col, row);
+        if (customStyleIds.length) {
+          const styles = [];
+          return customStyleIds.forEach(customStyleId => {
+            const styleOption = this.getCustomCellStyleOption(customStyleId);
+            (null == styleOption ? void 0 : styleOption.style) && styles.push(styleOption.style);
+          }), merge({}, ...styles);
+        }
+      }
+      getCustomCellStyleIds(col, row) {
+        const customStyleIds = [],
+          range = this.table.getCellRange(col, row);
+        for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.customCellStyleArrangement.forEach(style => {
+          style.cellPosition.range ? style.cellPosition.range.start.col <= c && style.cellPosition.range.end.col >= c && style.cellPosition.range.start.row <= r && style.cellPosition.range.end.row >= r && customStyleIds.push(style.customStyleId) : style.cellPosition.col === c && style.cellPosition.row === r && customStyleIds.push(style.customStyleId);
+        });
+        return customStyleIds;
+      }
+      getCustomCellStyleOption(customStyleId) {
+        return this.customCellStyle.find(style => style.id === customStyleId);
+      }
+      registerCustomCellStyle(customStyleId, customStyle) {
+        const index = this.customCellStyle.findIndex(style => style.id === customStyleId);
+        -1 === index ? this.customCellStyle.push({
+          id: customStyleId,
+          style: customStyle
+        }) : this.customCellStyle[index] = {
+          id: customStyleId,
+          style: customStyle
+        }, this.customCellStyleArrangement.forEach(cellStyle => {
+          const cellPos = cellStyle.cellPosition;
+          if (cellStyle.customStyleId === customStyleId) if (cellPos.range) for (let col = Math.max(0, cellPos.range.start.col); col <= Math.min(this.table.colCount - 1, cellPos.range.end.col); col++) for (let row = Math.max(0, cellPos.range.start.row); row <= Math.min(this.table.rowCount - 1, cellPos.range.end.row); row++) this.table.scenegraph.updateCellContent(col, row);else this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
+        }), this.table.scenegraph.updateNextFrame();
+      }
+      arrangeCustomCellStyle(cellPos, customStyleId) {
+        const index = this.customCellStyleArrangement.findIndex(style => style.cellPosition.range && cellPos.range ? style.cellPosition.range.start.col === cellPos.range.start.col && style.cellPosition.range.start.row === cellPos.range.start.row && style.cellPosition.range.end.col === cellPos.range.end.col && style.cellPosition.range.end.row === cellPos.range.end.row : style.cellPosition.col === cellPos.col && style.cellPosition.row === cellPos.row);
+        if (-1 !== index || customStyleId) {
+          if (-1 === index && customStyleId) this.customCellStyleArrangement.push({
+            cellPosition: {
+              col: cellPos.col,
+              row: cellPos.row,
+              range: cellPos.range
+            },
+            customStyleId: customStyleId
+          });else {
+            if (this.customCellStyleArrangement[index].customStyleId === customStyleId) return;
+            customStyleId ? this.customCellStyleArrangement[index].customStyleId = customStyleId : this.customCellStyleArrangement.splice(index, 1);
+          }
+          if (cellPos.range) for (let col = Math.max(0, cellPos.range.start.col); col <= Math.min(this.table.colCount - 1, cellPos.range.end.col); col++) for (let row = Math.max(0, cellPos.range.start.row); row <= Math.min(this.table.rowCount - 1, cellPos.range.end.row); row++) {
+            const range = this.table.getCellRange(col, row);
+            for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.table.scenegraph.updateCellContent(c, r);
+          } else this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
+          this.table.scenegraph.updateNextFrame();
+        }
+      }
+      updateCustomCell(customCellStyle, customCellStyleArrangement) {
+        this.customCellStyle.length = 0, this.customCellStyleArrangement.length = 0, customCellStyle.forEach(cellStyle => {
+          this.registerCustomCellStyle(cellStyle.id, cellStyle.style);
+        }), customCellStyleArrangement.forEach(cellStyle => {
+          this.arrangeCustomCellStyle(cellStyle.cellPosition, cellStyle.customStyleId);
+        });
+      }
+      hasCustomCellStyle(customStyleId) {
+        return this.customCellStyle.some(style => style.id === customStyleId);
+      }
+    }
+    function mergeStyle(cacheStyle, customCellStyle) {
+      cacheStyle = cacheStyle.clone();
+      for (const key in customCellStyle) {
+        const value = customCellStyle[key];
+        value && (cacheStyle[`_${key}`] = value);
+      }
+      return cacheStyle;
+    }
+    const registerCustomCellStylePlugin = () => {
+      Factory.registerComponent("customCellStylePlugin", CustomCellStylePlugin);
+    };
+
     const EMPTY_STYLE = {};
     function getCellStyle(col, row, table) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-      const customCellStyle = table.customCellStylePlugin.getCustomCellStyle(col, row),
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+      const customCellStyle = null === (_a = table.customCellStylePlugin) || void 0 === _a ? void 0 : _a.getCustomCellStyle(col, row),
         {
           layoutMap: layoutMap
         } = table.internalProps;
@@ -48473,9 +48476,9 @@
         const hd = layoutMap.getHeader(col, row);
         let paddingForAxis;
         if (table.isPivotChart() && isTopOrBottomAxis(col, row, layoutMap) && layoutMap.isAxisCell(col, row)) {
-          paddingForAxis = null !== (_b = null === (_a = layoutMap.getBody(col, table.rowHeaderLevelCount).style) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : table.theme.bodyStyle.padding;
+          paddingForAxis = null !== (_c = null === (_b = layoutMap.getBody(col, table.rowHeaderLevelCount).style) || void 0 === _b ? void 0 : _b.padding) && void 0 !== _c ? _c : table.theme.bodyStyle.padding;
         } else if (table.isPivotChart() && isLeftOrRightAxis(col, row, layoutMap) && layoutMap.isAxisCell(col, row)) {
-          paddingForAxis = null !== (_d = null === (_c = layoutMap.getBody(table.columnHeaderLevelCount, row).style) || void 0 === _c ? void 0 : _c.padding) && void 0 !== _d ? _d : table.theme.bodyStyle.padding;
+          paddingForAxis = null !== (_e = null === (_d = layoutMap.getBody(table.columnHeaderLevelCount, row).style) || void 0 === _d ? void 0 : _d.padding) && void 0 !== _e ? _e : table.theme.bodyStyle.padding;
         }
         if ((!hd || hd.isEmpty) && (layoutMap.isLeftBottomCorner(col, row) || layoutMap.isRightBottomCorner(col, row) || layoutMap.isCornerHeader(col, row) || layoutMap.isRightTopCorner(col, row))) return EMPTY_STYLE;
         const styleClass = table.internalProps.headerHelper.getStyleClass((null == hd ? void 0 : hd.headerType) || "text");
@@ -48511,7 +48514,7 @@
         return table.headerStyleCache.set(cacheKey, cacheStyle), customCellStyle ? mergeStyle(cacheStyle, customCellStyle) : cacheStyle;
       }
       let bgColorFunc, cacheKey;
-      (null === (_f = null === (_e = table.internalProps) || void 0 === _e ? void 0 : _e.dataConfig) || void 0 === _f ? void 0 : _f.mappingRules) && !table.isHeader(col, row) && (null === (_j = null === (_h = null === (_g = table.internalProps) || void 0 === _g ? void 0 : _g.dataConfig) || void 0 === _h ? void 0 : _h.mappingRules) || void 0 === _j || _j.forEach((mappingRule, i) => {
+      (null === (_g = null === (_f = table.internalProps) || void 0 === _f ? void 0 : _f.dataConfig) || void 0 === _g ? void 0 : _g.mappingRules) && !table.isHeader(col, row) && (null === (_k = null === (_j = null === (_h = table.internalProps) || void 0 === _h ? void 0 : _h.dataConfig) || void 0 === _j ? void 0 : _j.mappingRules) || void 0 === _k || _k.forEach((mappingRule, i) => {
         mappingRule.bgColor && table.internalProps.layoutMap.getIndicatorKey(col, row) === mappingRule.bgColor.indicatorKey && (bgColorFunc = mappingRule.bgColor.mapping);
       }));
       const cellType = table.getCellType(col, row),
@@ -48589,7 +48592,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.11.4", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.11.5", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -48673,7 +48676,9 @@
         }
         this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyMergeTitleCache = new Map(), this.bodyBottomStyleCache = new Map(), internalProps.stick = {
           changedCells: new Map()
-        }, internalProps.customMergeCell = options.customMergeCell, this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_j = options.customCellStyle) && void 0 !== _j ? _j : [], null !== (_k = options.customCellStyleArrangement) && void 0 !== _k ? _k : []);
+        }, internalProps.customMergeCell = options.customMergeCell;
+        const CustomCellStylePlugin = Factory.getComponent("customCellStylePlugin");
+        CustomCellStylePlugin && (this.customCellStylePlugin = new CustomCellStylePlugin(this, null !== (_j = options.customCellStyle) && void 0 !== _j ? _j : [], null !== (_k = options.customCellStyleArrangement) && void 0 !== _k ? _k : []));
       }
       getContainer() {
         return this.container;
@@ -49355,7 +49360,7 @@
         return super.fireListeners(type, event);
       }
       updateOption(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         this.options = options, this._hasAutoImageColumn = void 0;
         const {
           frozenColCount = 0,
@@ -49423,7 +49428,7 @@
           const MenuHandler = Factory.getComponent("menuHandler");
           internalProps.menuHandler = new MenuHandler(this);
         }
-        this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(), internalProps.customMergeCell = options.customMergeCell, this.customCellStylePlugin.updateCustomCell(null !== (_l = options.customCellStyle) && void 0 !== _l ? _l : [], null !== (_m = options.customCellStyleArrangement) && void 0 !== _m ? _m : []);
+        this.clearCellStyleCache(), this.clearColWidthCache(), this.clearRowHeightCache(), internalProps.customMergeCell = options.customMergeCell, null === (_l = this.customCellStylePlugin) || void 0 === _l || _l.updateCustomCell(null !== (_m = options.customCellStyle) && void 0 !== _m ? _m : [], null !== (_o = options.customCellStyleArrangement) && void 0 !== _o ? _o : []);
       }
       renderWithRecreateCells() {
         const oldHoverState = {
@@ -50277,13 +50282,16 @@
       }
       changeRecordOrder(source, target) {}
       hasCustomCellStyle(customStyleId) {
-        return this.customCellStylePlugin.hasCustomCellStyle(customStyleId);
+        var _a;
+        return null === (_a = this.customCellStylePlugin) || void 0 === _a ? void 0 : _a.hasCustomCellStyle(customStyleId);
       }
       registerCustomCellStyle(customStyleId, customStyle) {
-        this.customCellStylePlugin.registerCustomCellStyle(customStyleId, customStyle);
+        var _a;
+        null === (_a = this.customCellStylePlugin) || void 0 === _a || _a.registerCustomCellStyle(customStyleId, customStyle);
       }
       arrangeCustomCellStyle(cellPos, customStyleId) {
-        this.customCellStylePlugin.arrangeCustomCellStyle(cellPos, customStyleId);
+        var _a;
+        null === (_a = this.customCellStylePlugin) || void 0 === _a || _a.arrangeCustomCellStyle(cellPos, customStyleId);
       }
       isSeriesNumber(col, row) {
         return this.internalProps.layoutMap.isSeriesNumber(col, row);
@@ -56182,7 +56190,7 @@
       Factory.registerFunction("createVideoCellGroup", createVideoCellGroup);
     };
 
-    registerAxis(), registerEmptyTip(), registerLegend(), registerMenu(), registerTitle(), registerTooltip(), registerListTreeStickCellPlugin(), registerChartCell(), registerCheckboxCell(), registerImageCell(), registerProgressBarCell(), registerRadioCell(), registerSparkLineCell(), registerTextCell(), registerVideoCell();
+    registerAxis(), registerEmptyTip(), registerLegend(), registerMenu(), registerTitle(), registerTooltip(), registerListTreeStickCellPlugin(), registerCustomCellStylePlugin(), registerChartCell(), registerCheckboxCell(), registerImageCell(), registerProgressBarCell(), registerRadioCell(), registerSparkLineCell(), registerTextCell(), registerVideoCell();
     class ListTableAll extends ListTable {}
 
     class Circle extends Circle$1 {
@@ -56739,6 +56747,7 @@
                             const taskIndex = getTaskIndexByY(e.offset.y, scene._gantt);
                             const record = scene._gantt.getRecordByIndex(taskIndex);
                             scene._gantt.fireListeners(GANTT_EVENT_TYPE.MOUSEENTER_TASK_BAR, {
+                                federatedEvent: e,
                                 event: e.nativeEvent,
                                 index: taskIndex,
                                 record
@@ -56753,6 +56762,7 @@
                             const taskIndex = getTaskIndexByY(e.offset.y, scene._gantt);
                             const record = scene._gantt.getRecordByIndex(taskIndex);
                             scene._gantt.fireListeners(GANTT_EVENT_TYPE.MOUSELEAVE_TASK_BAR, {
+                                federatedEvent: e,
                                 event: e.nativeEvent,
                                 index: taskIndex,
                                 record
@@ -56875,6 +56885,7 @@
                     const taskIndex = getTaskIndexByY(e.offset.y, gantt);
                     const record = gantt.getRecordByIndex(taskIndex);
                     gantt.fireListeners(GANTT_EVENT_TYPE.CLICK_TASK_BAR, {
+                        federatedEvent: e,
                         event: e.nativeEvent,
                         index: taskIndex,
                         record
@@ -56895,6 +56906,7 @@
                     gantt.updateTaskRecord(recordTaskInfo.taskRecord, taskIndex);
                     if (gantt.hasListeners(GANTT_EVENT_TYPE.CREATE_TASK_SCHEDULE)) {
                         gantt.fireListeners(GANTT_EVENT_TYPE.CREATE_TASK_SCHEDULE, {
+                            federatedEvent: e,
                             event: e.nativeEvent,
                             index: taskIndex,
                             startDate: recordTaskInfo.taskRecord[gantt.parsedOptions.startDateField],
@@ -56930,6 +56942,7 @@
                     const link = stateManager.endCreateDependencyLine(e.offset.y);
                     if (gantt.hasListeners(GANTT_EVENT_TYPE.CREATE_DEPENDENCY_LINK)) {
                         gantt.fireListeners(GANTT_EVENT_TYPE.CREATE_DEPENDENCY_LINK, {
+                            federatedEvent: e,
                             event: e.nativeEvent,
                             link
                         });
@@ -56941,6 +56954,7 @@
                     const link = stateManager.endCreateDependencyLine(e.offset.y);
                     if (gantt.hasListeners(GANTT_EVENT_TYPE.CREATE_DEPENDENCY_LINK)) {
                         gantt.fireListeners(GANTT_EVENT_TYPE.CREATE_DEPENDENCY_LINK, {
+                            federatedEvent: e,
                             event: e.nativeEvent,
                             link
                         });
@@ -58525,7 +58539,7 @@
         themes: themes$1
     });
 
-    const version = "1.11.4";
+    const version = "1.11.5";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$2;