sheet-happens 0.0.48 → 0.0.50

package/dist/index.js

@@ -1203,7 +1203,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
         var _getScrollPosition5 = getScrollPosition(e),
             currentScroll = _getScrollPosition5[0];
 
-        var newWidth = Math.max(size + x - anchor + scroll - currentScroll, SIZES.minimumWidth * indices.length);
+        var newWidth = Math.round(Math.max(size + x - anchor + scroll - currentScroll, SIZES.minimumWidth * indices.length));
         onInvalidateColumn === null || onInvalidateColumn === void 0 ? void 0 : onInvalidateColumn(indices[0] - 1);
         onCellWidthChange(indices, indices.map(function (_) {
           return Math.round(newWidth / indices.length);
@@ -1223,7 +1223,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
         var _getScrollPosition6 = getScrollPosition(e),
             _currentScroll = _getScrollPosition6[1];
 
-        var newHeight = Math.max(_size4 + y - _anchor + _scroll4 - _currentScroll, SIZES.minimumHeight * _indices5.length);
+        var newHeight = Math.round(Math.max(_size4 + y - _anchor + _scroll4 - _currentScroll, SIZES.minimumHeight * _indices5.length));
         onInvalidateRow === null || onInvalidateRow === void 0 ? void 0 : onInvalidateRow(_indices5[0] - 1);
         onCellHeightChange(_indices5, _indices5.map(function (_) {
           return newHeight / _indices5.length;
@@ -1644,6 +1644,7 @@ var useKeyboard = function useKeyboard(arrowKeyCommitMode, overlayRef, cellReadO
         return;
       }
 
+      if (e.key === 'Enter') e.preventDefault();
       onEdit === null || onEdit === void 0 ? void 0 : onEdit(cell, e.key !== 'Enter');
       return;
     }
@@ -1758,18 +1759,18 @@ var clipDataOffset = function clipDataOffset(view, offset, freeze, maxCells, cel
 
   var _getViewExtent = getViewExtent(view, [newX, newY], freeze, cellLayout),
       _getViewExtent$edge = _getViewExtent.edge,
-      rightEdge = _getViewExtent$edge[0],
-      bottomEdge = _getViewExtent$edge[1],
+      leftEdge = _getViewExtent$edge[0],
+      topEdge = _getViewExtent$edge[1],
       _getViewExtent$viewpo = _getViewExtent.viewport,
       scrollW = _getViewExtent$viewpo[0],
       scrollH = _getViewExtent$viewpo[1];
 
-  if (rightEdge > maxColumns) {
+  if (leftEdge >= maxColumns) {
     var remainder = columnToAbsolute(maxColumns) - columnToAbsolute(newX + freezeX);
     newX = Math.max(0, absoluteToColumn(columnToAbsolute(newX + freezeX) - scrollW + remainder) - freezeX + 1);
   }
 
-  if (bottomEdge > maxRows) {
+  if (topEdge >= maxRows) {
     var _remainder = rowToAbsolute(maxRows) - rowToAbsolute(newY + freezeY);
 
     newY = Math.max(0, absoluteToRow(rowToAbsolute(newY + freezeY) - scrollH + _remainder) - freezeY + 1);
@@ -1779,10 +1780,6 @@ var clipDataOffset = function clipDataOffset(view, offset, freeze, maxCells, cel
 };
 var getViewExtent = function getViewExtent(view, offset, freeze, cellLayout) {
   var cellToAbsolute = cellLayout.cellToAbsolute,
-      absoluteToColumn = cellLayout.absoluteToColumn,
-      columnToAbsolute = cellLayout.columnToAbsolute,
-      absoluteToRow = cellLayout.absoluteToRow,
-      rowToAbsolute = cellLayout.rowToAbsolute,
       getIndentX = cellLayout.getIndentX,
       getIndentY = cellLayout.getIndentY;
   var x = offset[0],
@@ -1798,10 +1795,8 @@ var getViewExtent = function getViewExtent(view, offset, freeze, cellLayout) {
   var scrollH = h - frozenY - getIndentY();
   var leftEdge = x + freeze[0];
   var topEdge = y + freeze[1];
-  var rightEdge = absoluteToColumn(columnToAbsolute(leftEdge) + scrollW);
-  var bottomEdge = absoluteToRow(rowToAbsolute(topEdge) + scrollH);
   return {
-    edge: [rightEdge, bottomEdge],
+    edge: [leftEdge, topEdge],
     viewport: [scrollW, scrollH]
   };
 };
@@ -2851,7 +2846,7 @@ var renderSheet = function renderSheet(context, cellLayout, visibleCells, sheetS
   var clickables = [];
   var freeze = [freezeColumns, freezeRows];
   var indent = [rowHeaderWidth, columnHeaderHeight];
-  resizeCanvas(canvas);
+  var pixelRatio = resizeCanvas(canvas);
   context.clearRect(0, 0, width, height);
   context.fillStyle = 'white';
   context.fillRect(0, 0, width, height);
@@ -2996,7 +2991,7 @@ var renderSheet = function renderSheet(context, cellLayout, visibleCells, sheetS
 
       var _bottom2 = rowToPixel(row, 1);
 
-      clickables.push.apply(clickables, renderCell(context, content, resolvedStyle, 0, _top2, rowHeaderWidth, _bottom2 - _top2));
+      clickables.push.apply(clickables, renderCell(context, content, resolvedStyle, 0, _top2, rowHeaderWidth, _bottom2 - _top2, pixelRatio));
     }
   }
 
@@ -3026,7 +3021,7 @@ var renderSheet = function renderSheet(context, cellLayout, visibleCells, sheetS
 
       var _content = (_columnHeaders = columnHeaders(column, _style)) != null ? _columnHeaders : excelHeaderString(column + 1);
 
-      clickables.push.apply(clickables, renderCell(context, _content, _style, _left2, 0, _right2 - _left2, columnHeaderHeight));
+      clickables.push.apply(clickables, renderCell(context, _content, _style, _left2, 0, _right2 - _left2, columnHeaderHeight, pixelRatio));
     }
   }
 
@@ -3196,14 +3191,14 @@ var renderSheet = function renderSheet(context, cellLayout, visibleCells, sheetS
       var cellContent = displayData(_x, _y, _style2);
 
       if (cellContent !== null && cellContent !== undefined) {
-        clickables.push.apply(clickables, renderCell(context, cellContent, _style2, _left9, _top9, _right10 - _left9, _bottom10 - _top9));
+        clickables.push.apply(clickables, renderCell(context, cellContent, _style2, _left9, _top9, _right10 - _left9, _bottom10 - _top9, pixelRatio));
       }
     }
   }
 
   return clickables;
 };
-var renderCell = function renderCell(context, cellContent, style, xCoord, yCoord, cellWidth, cellHeight) {
+var renderCell = function renderCell(context, cellContent, style, xCoord, yCoord, cellWidth, cellHeight, pixelRatio) {
   var clickables = [];
 
   if (cellContent === null) {
@@ -3213,7 +3208,7 @@ var renderCell = function renderCell(context, cellContent, style, xCoord, yCoord
   context.fillStyle = style.color;
   context.font = style.weight + ' ' + style.fontSize + 'px ' + style.fontFamily;
   context.textAlign = style.textAlign;
-  var yy = Math.floor(yCoord + cellHeight * 0.5);
+  var yy = Math.round((yCoord + cellHeight * 0.5) * pixelRatio) / pixelRatio;
   context.save();
   context.beginPath();
   context.rect(xCoord, yCoord, cellWidth, cellHeight);
@@ -3419,11 +3414,9 @@ var resizeCanvas = function resizeCanvas(canvas) {
       canvas.height = newCanvasHeight;
       context.scale(ratio, ratio);
     }
-
-    return true;
   }
 
-  return false;
+  return ratio;
 };
 
 var excelHeaderString = function excelHeaderString(num) {