@visactor/vtable-gantt 1.8.3 → 1.9.0

package/cjs/index.d.ts

@@ -5,5 +5,5 @@ import { Gantt } from './Gantt';
 import * as tools from './tools';
 import * as VRender from './vrender';
 import * as VTable from './vtable';
-export declare const version = "1.8.3";
+export declare const version = "1.9.0";
 export { TYPES, GanttConstructorOptions, Gantt, ColumnsDefine, ColumnDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, TextAlignType, TextBaselineType, tools, VRender, VTable };

package/cjs/index.js

@@ -52,5 +52,5 @@ exports.VRender = VRender;
 
 const VTable = __importStar(require("./vtable"));
 
-exports.VTable = VTable, exports.version = "1.8.3";
+exports.VTable = VTable, exports.version = "1.9.0";
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,OAAO,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.8.3\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAuBlC,sBAAK;AATP,mCAAgC;AAW9B,sFAXO,aAAK,OAWP;AAVP,+CAAiC;AAsB/B,sBAAK;AArBP,mDAAqC;AAsBnC,0BAAO;AArBT,iDAAmC;AAsBjC,wBAAM;AArBK,QAAA,OAAO,GAAG,OAAO,CAAC","file":"index.js","sourcesContent":["import type { GanttConstructorOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport type {\n  ColumnDefine,\n  ColumnsDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vtable';\nimport { Gantt } from './Gantt';\nimport * as tools from './tools';\nimport * as VRender from './vrender';\nimport * as VTable from './vtable';\nexport const version = \"1.9.0\";\n/**\n * @namespace VTable\n */\nexport {\n  TYPES,\n  GanttConstructorOptions,\n  Gantt,\n  ColumnsDefine,\n  ColumnDefine,\n  LinkColumnDefine,\n  ChartColumnDefine,\n  ImageColumnDefine,\n  SparklineColumnDefine,\n  ProgressbarColumnDefine,\n  TextColumnDefine,\n  GroupColumnDefine,\n  TextAlignType,\n  TextBaselineType,\n  tools,\n  VRender,\n  VTable\n};\n"]}

package/dist/vtable-gantt.js

@@ -40870,7 +40870,7 @@
       }
       clearCells() {
         var _a, _b;
-        (this.table.isPivotChart() || this.table._hasCustomRenderOrLayout()) && this.stage.pluginService.findPluginsByName("poptipForText").forEach(plugin => {
+        this.table.animationManager.clear(), (this.table.isPivotChart() || this.table._hasCustomRenderOrLayout()) && this.stage.pluginService.findPluginsByName("poptipForText").forEach(plugin => {
           plugin.deactivate(this.stage.pluginService);
         }), this.clear = !0, this.hasFrozen = !1, this.mergeMap.clear(), this.colHeaderGroup.clear(), this.rowHeaderGroup.clear(), this.cornerHeaderGroup.clear(), this.bodyGroup.clear(), this.bottomFrozenGroup.clear(), this.rightFrozenGroup.clear(), this.rightTopCornerGroup.clear(), this.rightBottomCornerGroup.clear(), this.leftBottomCornerGroup.clear(), this.colHeaderGroup.setAttributes({
           x: 0,
@@ -46867,6 +46867,46 @@
       })), isFunction$1(style) || (layoutMap.isBottomFrozenRow(row) ? table.bodyBottomStyleCache.set(cacheKey, cacheStyle) : table.bodyStyleCache.set(cacheKey, cacheStyle)), customCellStyle ? mergeStyle(cacheStyle, customCellStyle) : cacheStyle;
     }
 
+    class Animateaaa extends ACustomAnimate {
+      onUpdate(end, ratio, out) {
+        if (this.from.x !== this.to.x) {
+          const x = end ? this.to.x : this.from.x + Math.floor((this.to.x - this.from.x) * ratio);
+          this.params.table.scrollLeft = x;
+        }
+        if (this.from.y !== this.to.y) {
+          const y = end ? this.to.y : this.from.y + Math.floor((this.to.y - this.from.y) * ratio);
+          this.params.table.scrollTop = y;
+        }
+      }
+    }
+    class TableAnimationManager {
+      constructor(table) {
+        this.table = table, this.timeline = new DefaultTimeline(), this.ticker = new DefaultTicker([this.timeline]), this.tempGraphic = createRect({});
+      }
+      scrollTo(position, animationOption) {
+        var _a, _b, _c, _d;
+        const from = {
+            x: this.table.scrollLeft,
+            y: this.table.scrollTop
+          },
+          cellRect = this.table.getCellRect(null !== (_a = position.col) && void 0 !== _a ? _a : 0, null !== (_b = position.row) && void 0 !== _b ? _b : 0),
+          to = {
+            x: isNumber$2(position.col) ? cellRect.left - this.table.getFrozenColsWidth() : this.table.scrollLeft,
+            y: isNumber$2(position.row) ? cellRect.top - this.table.getFrozenRowsHeight() : this.table.scrollTop
+          },
+          duration = isBoolean$2(animationOption) ? animationOption ? 3e3 : 0 : null !== (_c = null == animationOption ? void 0 : animationOption.duration) && void 0 !== _c ? _c : 3e3,
+          easing = isBoolean$2(animationOption) ? animationOption ? "linear" : "" : null !== (_d = null == animationOption ? void 0 : animationOption.easing) && void 0 !== _d ? _d : "linear",
+          animation = new Animate().bind(this.tempGraphic).play(new Animateaaa(from, to, duration, easing, {
+            graphic: this.tempGraphic,
+            table: this.table
+          }));
+        this.timeline.addAnimate(animation), this.ticker.start();
+      }
+      clear() {
+        this.timeline.clear(), this.ticker.stop();
+      }
+    }
+
     const {
         toBoxArray: toBoxArray
       } = style,
@@ -46882,7 +46922,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.8.3", 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.9.0", 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,
@@ -46934,7 +46974,7 @@
             var _a;
             return "node" === Env.mode ? canvasWidth / (null != pixelRatio ? pixelRatio : 1) : this._.canvas.width / (null !== (_a = this._.context.pixelRatio) && void 0 !== _a ? _a : window.devicePixelRatio);
           }
-        }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_c = options.theme) && void 0 !== _c ? _c : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), internalProps.rowSeriesNumberHelper = new RowSeriesNumberHelper(this), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_d = options.allowFrozenColCount) && void 0 !== _d ? _d : 0, internalProps.limitMaxAutoWidth = null !== (_e = options.limitMaxAutoWidth) && void 0 !== _e ? _e : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager$1(this), this.eventManager = new EventManager$1(this), options.legends) {
+        }, internalProps.cellTextOverflows = {}, internalProps.focusedTable = !1, internalProps.theme = themes.of(null !== (_c = options.theme) && void 0 !== _c ? _c : themes.DEFAULT), internalProps.theme.isPivot = this.isPivotTable(), setIconColor(internalProps.theme.functionalIconsStyle), container ? (clearDOM && (container.innerHTML = ""), container.appendChild(internalProps.element), this._updateSize()) : this._updateSize(), internalProps.bodyHelper = new BodyHelper(this), internalProps.headerHelper = new HeaderHelper(this), internalProps.rowSeriesNumberHelper = new RowSeriesNumberHelper(this), internalProps.autoWrapText = options.autoWrapText, internalProps.enableLineBreak = options.enableLineBreak, internalProps.allowFrozenColCount = null !== (_d = options.allowFrozenColCount) && void 0 !== _d ? _d : 0, internalProps.limitMaxAutoWidth = null !== (_e = options.limitMaxAutoWidth) && void 0 !== _e ? _e : 450, internalProps.limitMinWidth = null != limitMinWidth ? "number" == typeof limitMinWidth ? limitMinWidth : limitMinWidth ? 10 : 0 : 10, internalProps.limitMinHeight = null != limitMinHeight ? "number" == typeof limitMinHeight ? limitMinHeight : limitMinHeight ? 10 : 0 : 10, this.scenegraph = new Scenegraph(this), this.stateManager = new StateManager$1(this), this.eventManager = new EventManager$1(this), this.animationManager = new TableAnimationManager(this), options.legends) {
           internalProps.legends = [];
           const createLegend = Factory.getFunction("createLegend");
           if (Array.isArray(options.legends)) {
@@ -48211,20 +48251,6 @@
           end_row = this.rowCount - 1;
         return Array(end_row - start_row + 1).fill(0).map((_, i) => Array(end_col - start_col + 1).fill(0).map((_, j) => this.getCellInfo(j + start_col, i + start_row)));
       }
-      scrollToCell(cellAddr) {
-        const drawRange = this.getDrawRange();
-        if (isValid$1(cellAddr.col) && cellAddr.col >= this.frozenColCount) {
-          const frozenWidth = this.getFrozenColsWidth(),
-            left = this.getColsWidth(0, cellAddr.col - 1);
-          this.scrollLeft = Math.min(left - frozenWidth, this.getAllColsWidth() - drawRange.width);
-        }
-        if (isValid$1(cellAddr.row) && cellAddr.row >= this.frozenRowCount) {
-          const frozenHeight = this.getFrozenRowsHeight(),
-            top = this.getRowsHeight(0, cellAddr.row - 1);
-          this.scrollTop = Math.min(top - frozenHeight, this.getAllRowsHeight() - drawRange.height);
-        }
-        this.render();
-      }
       getCopyValue() {
         var _a, _b, _c;
         if ((null === (_b = null === (_a = this.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0) {
@@ -48656,6 +48682,35 @@
         this.eventManager.enableScroll();
       }
       getGroupTitleLevel(col, row) {}
+      scrollToRow(row, animationOption) {
+        animationOption ? this.animationManager.scrollTo({
+          row: row
+        }, animationOption) : this.scrollToCell({
+          row: row
+        });
+      }
+      scrollToCol(col, animationOption) {
+        animationOption ? this.animationManager.scrollTo({
+          col: col
+        }, animationOption) : this.scrollToCell({
+          col: col
+        });
+      }
+      scrollToCell(cellAddr, animationOption) {
+        if (animationOption) return void this.animationManager.scrollTo(cellAddr, animationOption);
+        const drawRange = this.getDrawRange();
+        if (isValid$1(cellAddr.col) && cellAddr.col >= this.frozenColCount) {
+          const frozenWidth = this.getFrozenColsWidth(),
+            left = this.getColsWidth(0, cellAddr.col - 1);
+          this.scrollLeft = Math.min(left - frozenWidth, this.getAllColsWidth() - drawRange.width);
+        }
+        if (isValid$1(cellAddr.row) && cellAddr.row >= this.frozenRowCount) {
+          const frozenHeight = this.getFrozenRowsHeight(),
+            top = this.getRowsHeight(0, cellAddr.row - 1);
+          this.scrollTop = Math.min(top - frozenHeight, this.getAllRowsHeight() - drawRange.height);
+        }
+        this.render();
+      }
     }
 
     const chartTypes = {};
@@ -57209,7 +57264,7 @@
         themes: themes$1
     });
 
-    const version = "1.8.3";
+    const version = "1.9.0";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$2;