@visactor/vtable-sheet 1.22.12-alpha.4 → 1.22.12

package/cjs/index.d.ts

@@ -2,5 +2,5 @@ import VTableSheet from './components/vtable-sheet';
 import type { ISheetDefine, IVTableSheetOptions } from './ts-types';
 import * as TYPES from './ts-types';
 import * as VTable from './vtable';
-export declare const version = "1.22.12-alpha.4";
+export declare const version = "1.22.12";
 export { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions };

package/cjs/index.js

@@ -47,4 +47,4 @@ exports.VTable = VTable;
 
 const style_manager_1 = require("./styles/style-manager");
 
-exports.version = "1.22.12-alpha.4", (0, style_manager_1.importStyles)();
+exports.version = "1.22.12", (0, style_manager_1.importStyles)();

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6EAAoD;AAW3C,sBAXF,sBAAW,CAWE;AATpB,kDAAoC;AASd,sBAAK;AAR3B,iDAAmC;AAQN,wBAAM;AAPnC,0DAAsD;AACzC,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,IAAA,4BAAY,GAAE,CAAC","file":"index.js","sourcesContent":["import VTableSheet from './components/vtable-sheet';\nimport type { ISheetDefine, IVTableSheetOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport * as VTable from './vtable';\nimport { importStyles } from './styles/style-manager';\nexport const version = \"1.22.12-alpha.4\";\n// 导入样式\nimportStyles();\n/**\n * @namespace VTableSheet\n */\nexport { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions };\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6EAAoD;AAW3C,sBAXF,sBAAW,CAWE;AATpB,kDAAoC;AASd,sBAAK;AAR3B,iDAAmC;AAQN,wBAAM;AAPnC,0DAAsD;AACzC,QAAA,OAAO,GAAG,SAAS,CAAC;AAEjC,IAAA,4BAAY,GAAE,CAAC","file":"index.js","sourcesContent":["import VTableSheet from './components/vtable-sheet';\nimport type { ISheetDefine, IVTableSheetOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport * as VTable from './vtable';\nimport { importStyles } from './styles/style-manager';\nexport const version = \"1.22.12\";\n// 导入样式\nimportStyles();\n/**\n * @namespace VTableSheet\n */\nexport { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions };\n"]}

package/dist/vtable-sheet.js

@@ -24239,14 +24239,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
@@ -24390,15 +24396,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;
@@ -24438,6 +24453,7 @@
       direction: "horizontal",
       round: !0,
       sliderSize: 20,
+      minSliderSize: 0,
       sliderStyle: {
         fill: "rgba(0, 0, 0, .5)"
       },
@@ -48846,25 +48862,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));
       }
@@ -50273,7 +50289,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)));
       }
     }
 
@@ -60316,7 +60332,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.4", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env$1.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.12", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env$1.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(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -61524,36 +61540,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;
@@ -65403,6 +65417,9 @@
       completeEditCell() {
         this.editorManager.completeEdit();
       }
+      cancelEditCell() {
+        this.editorManager.cancelEdit();
+      }
       getEditor(col, row) {
         var _a, _b;
         const lastSelectedCellEditor = this.editorManager.cacheLastSelectedCellEditor[`${col}-${row}`];
@@ -71096,11 +71113,11 @@
           if (isRow) {
             this.table.stateManager.setSelectInline("row");
             const rowIndex = seriesNumberCell.id;
-            isDragSelect ? this.table.dragSelectRow(rowIndex, enableCtrlSelectMode) : this.table.startDragSelectRow(rowIndex, enableCtrlSelectMode, enableShiftSelectMode);
+            isDragSelect ? this.table.dragSelectRow(rowIndex, enableCtrlSelectMode, !1) : this.table.startDragSelectRow(rowIndex, enableCtrlSelectMode, enableShiftSelectMode, !1);
           } else if (isCol) {
             this.table.stateManager.setSelectInline("col");
             const colIndex = seriesNumberCell.id;
-            isDragSelect ? this.table.dragSelectCol(colIndex, enableCtrlSelectMode) : this.table.startDragSelectCol(colIndex, enableCtrlSelectMode, enableShiftSelectMode);
+            isDragSelect ? this.table.dragSelectCol(colIndex, enableCtrlSelectMode, !1) : this.table.startDragSelectCol(colIndex, enableCtrlSelectMode, enableShiftSelectMode, !1);
           } else this.table.eventManager.deelTableSelectAll();
         }, this.handleSeriesNumberCellClickUp = e => {
           this.table.stateManager.setSelectInline(!1), this.table.endDragSelect();
@@ -91411,7 +91428,7 @@
         importStyle();
     }
 
-    const version = "1.22.12-alpha.4";
+    const version = "1.22.12";
     importStyles();
 
     exports.TYPES = index;