@leankylin-sheet/react 3.0.2 → 3.1.1

package/dist/index.css

@@ -447,7 +447,7 @@ html::-webkit-scrollbar-button {
 
 .luckysheet-cell-flow-clip {
   border-collapse: collapse;
-  cursor: default;
+  /* cursor: default; */
   width: 5000000px;
   touch-action: manipulation;
   overflow: hidden;

package/dist/index.esm.css

@@ -447,7 +447,7 @@ html::-webkit-scrollbar-button {
 
 .luckysheet-cell-flow-clip {
   border-collapse: collapse;
-  cursor: default;
+  /* cursor: default; */
   width: 5000000px;
   touch-action: manipulation;
   overflow: hidden;

package/dist/index.esm.js

@@ -1,7 +1,8 @@
-import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, functionHTMLGenerate, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, cancelNormalSelected, moveHighlightCell, updateCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getDataBySelectionNoCopy, getInlineStringNoStyle, rangeHightlightselected, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, indexToColumnChar, sortSelection, handleCopy, insertRowCol, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, jfrefreshgrid, handleLink, deleteSheet, opToPatch, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePasteByLeanklin, groupValuesRefresh } from '@leankylin-sheet/core';
+import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, functionHTMLGenerate, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, cancelNormalSelected, moveHighlightCell, updateCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaMouseMove, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getDataBySelectionNoCopy, getInlineStringNoStyle, rangeHightlightselected, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, indexToColumnChar, sortSelection, handleCopy, insertRowCol, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, jfrefreshgrid, handleLink, deleteSheet, opToPatch, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePasteByLeanklin, groupValuesRefresh } from '@leankylin-sheet/core';
 import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
 import _ from 'lodash';
+import { useMemoizedFn, useThrottleFn } from 'ahooks';
 import { createPortal } from 'react-dom';
 
 function _iterableToArrayLimit(r, l) {
@@ -3273,6 +3274,22 @@ var SheetOverlay = function SheetOverlay() {
       });
     }
   }, [setContext, refs.globalCache, refs.cellInput, refs.cellArea, refs.fxInput, refs.canvas]);
+  var debounceMouseMove = useMemoizedFn(function (e) {
+    var nativeEvent = e.nativeEvent;
+    setContext(function (draftCtx) {
+      handleCellAreaMouseMove(draftCtx, refs.globalCache, nativeEvent, refs.cellArea.current);
+    });
+  });
+  var _useThrottleFn = useThrottleFn(debounceMouseMove, {
+      wait: 100
+    }),
+    cellAreaMouseMove = _useThrottleFn.run;
+  var cellAreaMouseLeave = useCallback(function () {
+    setTimeout(function () {
+      var _context$hooks$afterC, _context$hooks;
+      (_context$hooks$afterC = (_context$hooks = context.hooks).afterCellMouseLeave) === null || _context$hooks$afterC === void 0 ? void 0 : _context$hooks$afterC.call(_context$hooks);
+    }, 100);
+  }, [context]);
   var cellAreaContextMenu = useCallback(function (e) {
     var nativeEvent = e.nativeEvent;
     setContext(function (draftCtx) {
@@ -3423,12 +3440,14 @@ var SheetOverlay = function SheetOverlay() {
     ref: refs.cellArea,
     className: "leankylin-cell-area",
     onMouseDown: cellAreaMouseDown,
+    onMouseMove: cellAreaMouseMove,
+    onMouseLeave: cellAreaMouseLeave,
     onDoubleClick: cellAreaDoubleClick,
     onContextMenu: cellAreaContextMenu,
     style: {
       width: context.cellmainWidth,
       height: context.cellmainHeight,
-      cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "default"
+      cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "auto"
     }
   }, /*#__PURE__*/React.createElement("div", {
     id: "leankylin-formula-functionrange"

package/dist/index.js

@@ -6,6 +6,7 @@ var core = require('@leankylin-sheet/core');
 var React = require('react');
 var produce = require('immer');
 var _ = require('lodash');
+var ahooks = require('ahooks');
 var reactDom = require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -3283,6 +3284,22 @@ var SheetOverlay = function SheetOverlay() {
       });
     }
   }, [setContext, refs.globalCache, refs.cellInput, refs.cellArea, refs.fxInput, refs.canvas]);
+  var debounceMouseMove = ahooks.useMemoizedFn(function (e) {
+    var nativeEvent = e.nativeEvent;
+    setContext(function (draftCtx) {
+      core.handleCellAreaMouseMove(draftCtx, refs.globalCache, nativeEvent, refs.cellArea.current);
+    });
+  });
+  var _useThrottleFn = ahooks.useThrottleFn(debounceMouseMove, {
+      wait: 100
+    }),
+    cellAreaMouseMove = _useThrottleFn.run;
+  var cellAreaMouseLeave = React.useCallback(function () {
+    setTimeout(function () {
+      var _context$hooks$afterC, _context$hooks;
+      (_context$hooks$afterC = (_context$hooks = context.hooks).afterCellMouseLeave) === null || _context$hooks$afterC === void 0 ? void 0 : _context$hooks$afterC.call(_context$hooks);
+    }, 100);
+  }, [context]);
   var cellAreaContextMenu = React.useCallback(function (e) {
     var nativeEvent = e.nativeEvent;
     setContext(function (draftCtx) {
@@ -3433,12 +3450,14 @@ var SheetOverlay = function SheetOverlay() {
     ref: refs.cellArea,
     className: "leankylin-cell-area",
     onMouseDown: cellAreaMouseDown,
+    onMouseMove: cellAreaMouseMove,
+    onMouseLeave: cellAreaMouseLeave,
     onDoubleClick: cellAreaDoubleClick,
     onContextMenu: cellAreaContextMenu,
     style: {
       width: context.cellmainWidth,
       height: context.cellmainHeight,
-      cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "default"
+      cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "auto"
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     id: "leankylin-formula-functionrange"

package/dist/index.umd.css

@@ -447,7 +447,7 @@ html::-webkit-scrollbar-button {
 
 .luckysheet-cell-flow-clip {
   border-collapse: collapse;
-  cursor: default;
+  /* cursor: default; */
   width: 5000000px;
   touch-action: manipulation;
   overflow: hidden;