@visactor/vtable-gantt 1.22.12-alpha.5 → 1.22.13-alpha.0

package/cjs/index.d.ts

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

package/cjs/index.js

@@ -56,5 +56,5 @@ exports.VTable = VTable;
 
 const plugins = __importStar(require("./plugins"));
 
-exports.plugins = plugins, exports.version = "1.22.12-alpha.5";
+exports.plugins = plugins, exports.version = "1.22.13-alpha.0";
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAwBlC,sBAAK;AAVP,mCAAgC;AAY9B,sFAZO,aAAK,OAYP;AAXP,+CAAiC;AAuB/B,sBAAK;AAtBP,mDAAqC;AAuBnC,0BAAO;AAtBT,iDAAmC;AAuBjC,wBAAM;AAtBR,mDAAqC;AAuBnC,0BAAO;AAtBI,QAAA,OAAO,GAAG,iBAAiB,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';\nimport * as plugins from './plugins';\nexport const version = \"1.22.12-alpha.5\";\n/**\n * @namespace VTableGantt\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  plugins\n};\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAwBlC,sBAAK;AAVP,mCAAgC;AAY9B,sFAZO,aAAK,OAYP;AAXP,+CAAiC;AAuB/B,sBAAK;AAtBP,mDAAqC;AAuBnC,0BAAO;AAtBT,iDAAmC;AAuBjC,wBAAM;AAtBR,mDAAqC;AAuBnC,0BAAO;AAtBI,QAAA,OAAO,GAAG,iBAAiB,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';\nimport * as plugins from './plugins';\nexport const version = \"1.22.13-alpha.0\";\n/**\n * @namespace VTableGantt\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  plugins\n};\n"]}

package/cjs/scenegraph/timeline-header.js

@@ -187,4 +187,5 @@ class TimelineHeader {
     }
 }
 
-exports.TimelineHeader = TimelineHeader;
+exports.TimelineHeader = TimelineHeader;
+//# sourceMappingURL=timeline-header.js.map

package/cjs/state/gantt-table-sync.js

@@ -89,7 +89,6 @@ function _syncTableSize(gantt) {
     gantt._updateSize(), (0, gantt_helper_1.updateSplitLineAndResizeLine)(gantt), gantt.zoomScaleManager && gantt.zoomScaleManager.handleTableWidthChange());
 }
 
-//# sourceMappingURL=gantt-table-sync.js.map
 exports.syncScrollStateToTable = syncScrollStateToTable, exports.syncScrollStateFromTable = syncScrollStateFromTable, 
 exports.syncEditCellFromTable = syncEditCellFromTable, exports.syncTreeChangeFromTable = syncTreeChangeFromTable, 
 exports.syncSortFromTable = syncSortFromTable, exports.syncDragOrderFromTable = syncDragOrderFromTable, 

package/dist/vtable-gantt.js

@@ -21441,14 +21441,20 @@
               x: x,
               y: y
             } = this.stage.eventPointTransform(e);
-          let currentScrollValue,
-            currentPos,
+          let currentPos,
+            currentScrollValue = 0,
             delta = 0;
           const {
-            width: width,
-            height: height
-          } = this.getSliderRenderBounds();
-          return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
+              width: width,
+              height: height
+            } = this.getSliderRenderBounds(),
+            track = "vertical" === direction ? height : width,
+            travel = Math.max(track - this._sliderSize, 0),
+            {
+              range: range
+            } = this.attribute,
+            ratio = clamp$1(range[1] - range[0], 0, 1);
+          return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos) : (currentPos = x, delta = currentPos - this._prePos), currentScrollValue = travel > 0 && ratio < 1 ? delta / travel * (1 - ratio) : 0, [currentPos, currentScrollValue];
         }, this._onSliderPointerMove = e => {
           const {
             stopSliderMovePropagation = !0
@@ -21592,15 +21598,24 @@
       }
       _getSliderPos(range) {
         const {
-            direction: direction
+            direction: direction,
+            minSliderSize = 0
           } = this.attribute,
           {
             width: width,
             height: height,
             x1: x1,
             y1: y1
-          } = this.getSliderRenderBounds();
-        return "horizontal" === direction ? [width * range[0] + x1, width * range[1] + x1] : [height * range[0] + y1, height * range[1] + y1];
+          } = this.getSliderRenderBounds(),
+          track = "horizontal" === direction ? width : height,
+          origin = "horizontal" === direction ? x1 : y1,
+          start = clamp$1(range[0], 0, 1),
+          end = clamp$1(range[1], 0, 1),
+          ratio = clamp$1(end - start, 0, 1),
+          L = Math.max(ratio * track, minSliderSize),
+          T = Math.max(track - L, 0),
+          pStart = origin + start / Math.max(1 - ratio, 1e-12) * T;
+        return [pStart, pStart + L];
       }
       _getScrollRange() {
         if (this._sliderLimitRange) return this._sliderLimitRange;
@@ -21640,6 +21655,7 @@
       direction: "horizontal",
       round: !0,
       sliderSize: 20,
+      minSliderSize: 0,
       sliderStyle: {
         fill: "rgba(0, 0, 0, .5)"
       },
@@ -48728,25 +48744,25 @@
         releaseRowChartInstance = !0,
         releaseAllChartInstance = !1
       } = {}) {
-        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if (this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), this.clearDelayRunDimensionHoverTimer(), releaseChartInstance) {
-          !this.activeChartInstance || !forceRelease && getBrushingChartInstance(table.scenegraph) && getBrushingChartInstance(table.scenegraph) === this.activeChartInstance || (null === (_b = this.activeChartInstance) || void 0 === _b || _b.updateViewBox({
+          !this.activeChartInstance || !forceRelease && getBrushingChartInstance(table.scenegraph) && getBrushingChartInstance(table.scenegraph) === this.activeChartInstance || (null === (_a = this.activeChartInstance) || void 0 === _a || _a.updateViewBox({
             x1: -1e3,
             x2: -800,
             y1: -1e3,
             y2: -800
-          }, !1, !1), null === (_c = this.activeChartInstance) || void 0 === _c || _c.release(), this.activeChartInstance = null);
+          }, !1, !1), null === (_b = this.activeChartInstance) || void 0 === _b || _b.release(), this.activeChartInstance = null);
           const {
             col: col,
             row: row
           } = this.parent;
-          table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) && (null === (_e = null === (_d = table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild) || void 0 === _d ? void 0 : _d.hideLabelHoverOnAxis) || void 0 === _e || _e.call(_d)), table.internalProps.layoutMap.isAxisCell(col, table.rowCount - table.bottomFrozenRowCount) && (null === (_g = null === (_f = table.scenegraph.getCell(col, table.rowCount - table.bottomFrozenRowCount).firstChild) || void 0 === _f ? void 0 : _f.hideLabelHoverOnAxis) || void 0 === _g || _g.call(_f));
+          table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) && (null === (_d = null === (_c = table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild) || void 0 === _c ? void 0 : _c.hideLabelHoverOnAxis) || void 0 === _d || _d.call(_c)), table.internalProps.layoutMap.isAxisCell(col, table.rowCount - table.bottomFrozenRowCount) && (null === (_f = null === (_e = table.scenegraph.getCell(col, table.rowCount - table.bottomFrozenRowCount).firstChild) || void 0 === _e ? void 0 : _e.hideLabelHoverOnAxis) || void 0 === _f || _f.call(_e));
         } else {
           const {
             col: col,
             row: row
           } = this.parent;
-          releaseColumnChartInstance && table.internalProps.layoutMap.isAxisCell(col, table.rowCount - table.bottomFrozenRowCount) && (null === (_j = null === (_h = table.scenegraph.getCell(col, table.rowCount - table.bottomFrozenRowCount).firstChild) || void 0 === _h ? void 0 : _h.hideLabelHoverOnAxis) || void 0 === _j || _j.call(_h)), releaseRowChartInstance && table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) && (null === (_l = null === (_k = table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild) || void 0 === _k ? void 0 : _k.hideLabelHoverOnAxis) || void 0 === _l || _l.call(_k));
+          releaseColumnChartInstance && table.internalProps.layoutMap.isAxisCell(col, table.rowCount - table.bottomFrozenRowCount) && (null === (_h = null === (_g = table.scenegraph.getCell(col, table.rowCount - table.bottomFrozenRowCount).firstChild) || void 0 === _g ? void 0 : _g.hideLabelHoverOnAxis) || void 0 === _h || _h.call(_g)), releaseRowChartInstance && table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) && (null === (_k = null === (_j = table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild) || void 0 === _j ? void 0 : _j.hideLabelHoverOnAxis) || void 0 === _k || _k.call(_j));
         }
         releaseAllChartInstance ? clearAllChartInstanceList(table, forceRelease) : (releaseColumnChartInstance && clearChartInstanceListByColumnDirection(this.parent.col, "scatter" === this.attribute.spec.type ? this.parent.row : void 0, table, forceRelease), releaseRowChartInstance && clearChartInstanceListByRowDirection(this.parent.row, "scatter" === this.attribute.spec.type ? this.parent.col : void 0, table, forceRelease));
       }
@@ -50155,7 +50171,7 @@
           dimensions = item.dimensions,
           width = item.width,
           cell = table.getCellAddressByHeaderPaths(dimensions);
-        cell && cell.col < table.rowHeaderLevelCount && (table.internalProps._widthResizedColMap.has(cell.col) || (table._setColWidth(cell.col, width), table.internalProps._widthResizedColMap.add(cell.col)));
+        cell && cell.col < table.rowHeaderLevelCount + table.leftRowSeriesNumberCount && (table.internalProps._widthResizedColMap.has(cell.col) || (table._setColWidth(cell.col, width), table.internalProps._widthResizedColMap.add(cell.col)));
       }
     }
 
@@ -60198,7 +60214,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.22.12-alpha.5", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.22.13-alpha.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager$1(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -61406,36 +61422,34 @@
           }
         }]);
       }
-      startDragSelectCol(colIndex, enableCtrlSelectMode, enableShiftSelectMode) {
-        var _a, _b, _c, _d, _e, _f;
+      startDragSelectCol(colIndex, enableCtrlSelectMode, enableShiftSelectMode, makeSelectCellVisible) {
+        var _a, _b;
         const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1],
           startCol = enableShiftSelectMode && (null === (_a = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _a ? void 0 : _a.col) ? null === (_b = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _b ? void 0 : _b.col : colIndex,
           endCol = colIndex,
           endRow = this.rowCount - 1;
-        this.stateManager.updateSelectPos(startCol, 0, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0), this.stateManager.select.selecting = !1;
+        this.stateManager.updateSelectPos(startCol, 0, enableShiftSelectMode, enableCtrlSelectMode, !1, makeSelectCellVisible, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, !1, makeSelectCellVisible, !0), this.stateManager.select.selecting = !1;
       }
-      dragSelectCol(colIndex, enableCtrlSelectMode) {
-        var _a, _b;
+      dragSelectCol(colIndex, enableCtrlSelectMode, makeSelectCellVisible) {
         const currentSelectRanges = this.stateManager.select.ranges,
           lastSelectRange = currentSelectRanges[currentSelectRanges.length - 1];
-        lastSelectRange && (lastSelectRange.end.col = colIndex), this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, !1, enableCtrlSelectMode, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0), this.stateManager.select.selecting = !1;
+        lastSelectRange && (lastSelectRange.end.col = colIndex), this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, !1, enableCtrlSelectMode, !1, makeSelectCellVisible, !0), this.stateManager.select.selecting = !1;
       }
       endDragSelect() {
         this.stateManager.updateInteractionState(InteractionState.default);
       }
-      startDragSelectRow(rowIndex, enableCtrlSelectMode, isShift) {
-        var _a, _b, _c, _d, _e, _f;
+      startDragSelectRow(rowIndex, enableCtrlSelectMode, isShift, makeSelectCellVisible) {
+        var _a, _b;
         const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1],
           startRow = isShift && (null === (_a = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _a ? void 0 : _a.row) ? null === (_b = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _b ? void 0 : _b.row : rowIndex,
           endCol = this.colCount - 1,
           endRow = rowIndex;
-        this.stateManager.updateSelectPos(0, startRow, isShift, enableCtrlSelectMode, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0), this.stateManager.select.selecting = !1;
+        this.stateManager.updateSelectPos(0, startRow, isShift, enableCtrlSelectMode, !1, makeSelectCellVisible, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, !1, makeSelectCellVisible, !0), this.stateManager.select.selecting = !1;
       }
-      dragSelectRow(rowIndex, isCtrl) {
-        var _a, _b;
+      dragSelectRow(rowIndex, isCtrl, makeSelectCellVisible) {
         const currentSelectRanges = this.stateManager.select.ranges,
           lastSelectRange = currentSelectRanges[currentSelectRanges.length - 1];
-        lastSelectRange && (lastSelectRange.end.row = rowIndex), this.stateManager.updateSelectPos(this.colCount - 1, rowIndex, !1, isCtrl, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0), this.stateManager.select.selecting = !1;
+        lastSelectRange && (lastSelectRange.end.row = rowIndex), this.stateManager.updateSelectPos(this.colCount - 1, rowIndex, !1, isCtrl, !1, makeSelectCellVisible, !0), this.stateManager.select.selecting = !1;
       }
       get recordsCount() {
         var _a;
@@ -65285,6 +65299,9 @@
       completeEditCell() {
         this.editorManager.completeEdit();
       }
+      cancelEditCell() {
+        this.editorManager.cancelEdit();
+      }
       getEditor(col, row) {
         var _a, _b;
         const lastSelectedCellEditor = this.editorManager.cacheLastSelectedCellEditor[`${col}-${row}`];
@@ -76515,7 +76532,7 @@
         PluginManager: PluginManager
     });
 
-    const version = "1.22.12-alpha.5";
+    const version = "1.22.13-alpha.0";
 
     exports.Gantt = Gantt;
     exports.TYPES = index$4;