@visactor/vtable 1.22.12-alpha.5 → 1.22.12

package/dist/vtable.js

@@ -21294,14 +21294,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
@@ -21445,15 +21451,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;
@@ -21493,6 +21508,7 @@
       direction: "horizontal",
       round: !0,
       sliderSize: 20,
+      minSliderSize: 0,
       sliderStyle: {
         fill: "rgba(0, 0, 0, .5)"
       },
@@ -53170,7 +53186,7 @@
             const dimensions = item.dimensions;
             const width = item.width;
             const cell = table.getCellAddressByHeaderPaths(dimensions);
-            if (cell && cell.col < table.rowHeaderLevelCount) {
+            if (cell && cell.col < table.rowHeaderLevelCount + table.leftRowSeriesNumberCount) {
                 if (!table.internalProps._widthResizedColMap.has(cell.col)) {
                     table._setColWidth(cell.col, width);
                     table.internalProps._widthResizedColMap.add(cell.col);
@@ -70704,7 +70720,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.12-alpha.5";
+        version = "1.22.12";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -72691,47 +72707,47 @@
                 ]);
             }
         }
-        startDragSelectCol(colIndex, enableCtrlSelectMode, enableShiftSelectMode) {
+        startDragSelectCol(colIndex, enableCtrlSelectMode, enableShiftSelectMode, makeSelectCellVisible) {
             const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1];
             const startCol = enableShiftSelectMode && lastSelectRange?.start?.col ? lastSelectRange?.start?.col : colIndex;
             const startRow = 0;
             const endCol = colIndex;
             const endRow = this.rowCount - 1;
-            this.stateManager.updateSelectPos(startCol, startRow, enableShiftSelectMode, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(startCol, startRow, enableShiftSelectMode, enableCtrlSelectMode, false, makeSelectCellVisible, true);
             this.stateManager.updateInteractionState(InteractionState.grabing);
-            this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, false, makeSelectCellVisible, true);
             this.stateManager.select.selecting = false;
         }
-        dragSelectCol(colIndex, enableCtrlSelectMode) {
+        dragSelectCol(colIndex, enableCtrlSelectMode, makeSelectCellVisible) {
             const currentSelectRanges = this.stateManager.select.ranges;
             const lastSelectRange = currentSelectRanges[currentSelectRanges.length - 1];
             if (lastSelectRange) {
                 lastSelectRange.end.col = colIndex;
             }
-            this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, false, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, false, enableCtrlSelectMode, false, makeSelectCellVisible, true);
             this.stateManager.select.selecting = false;
         }
         endDragSelect() {
             this.stateManager.updateInteractionState(InteractionState.default);
         }
-        startDragSelectRow(rowIndex, enableCtrlSelectMode, isShift) {
+        startDragSelectRow(rowIndex, enableCtrlSelectMode, isShift, makeSelectCellVisible) {
             const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1];
             const startCol = 0;
             const startRow = isShift && lastSelectRange?.start?.row ? lastSelectRange?.start?.row : rowIndex;
             const endCol = this.colCount - 1;
             const endRow = rowIndex;
-            this.stateManager.updateSelectPos(startCol, startRow, isShift, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(startCol, startRow, isShift, enableCtrlSelectMode, false, makeSelectCellVisible, true);
             this.stateManager.updateInteractionState(InteractionState.grabing);
-            this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, false, makeSelectCellVisible, true);
             this.stateManager.select.selecting = false;
         }
-        dragSelectRow(rowIndex, isCtrl) {
+        dragSelectRow(rowIndex, isCtrl, makeSelectCellVisible) {
             const currentSelectRanges = this.stateManager.select.ranges;
             const lastSelectRange = currentSelectRanges[currentSelectRanges.length - 1];
             if (lastSelectRange) {
                 lastSelectRange.end.row = rowIndex;
             }
-            this.stateManager.updateSelectPos(this.colCount - 1, rowIndex, false, isCtrl, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.updateSelectPos(this.colCount - 1, rowIndex, false, isCtrl, false, makeSelectCellVisible, true);
             this.stateManager.select.selecting = false;
         }
         get recordsCount() {
@@ -78804,6 +78820,9 @@
         completeEditCell() {
             this.editorManager.completeEdit();
         }
+        cancelEditCell() {
+            this.editorManager.cancelEdit();
+        }
         getEditor(col, row) {
             const lastSelectedCellEditor = this.editorManager.cacheLastSelectedCellEditor[`${col}-${row}`];
             if (lastSelectedCellEditor) {
@@ -91683,6 +91702,9 @@
         completeEditCell() {
             this.editorManager.completeEdit();
         }
+        cancelEditCell() {
+            this.editorManager.cancelEdit();
+        }
         getEditor(col, row) {
             const lastSelectedCellEditor = this.editorManager.cacheLastSelectedCellEditor[`${col}-${row}`];
             if (lastSelectedCellEditor) {
@@ -93957,7 +93979,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.12-alpha.5";
+    const version = "1.22.12";
     function getIcons() {
         return get$2();
     }