@leankylin-sheet/react 5.2.77 → 6.0.0

package/dist/context/index.d.ts

@@ -17,6 +17,7 @@ export type SetContextOptions = {
 declare const WorkbookContext: React.Context<{
     context: Context;
     setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void;
+    setScrollContext: (recipe: (ctx: Context) => void) => void;
     settings: Required<Settings>;
     refs: RefValues;
     handleUndo: () => void;

package/dist/index.esm.js

@@ -1,8 +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, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, isShowHidenCR, cancelNormalSelected, moveHighlightCell, updateCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, changeSheet, normalizeSelection, scrollToHighlightCell, chatatABC, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaMouseMove, handleCellAreaDragOver, handleCellDrop, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, onCellsMoveStart, createDropCellRange, handleDropCellDoubleClick, 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, setNextSheet, 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, cancelActiveImgItem, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePasteByLeanklin, groupValuesRefresh } from '@leankylin-sheet/core';
+import { useInViewport, useMemoizedFn, useThrottleFn } from 'ahooks';
 import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
 import _ from 'lodash';
-import { useInViewport, useMemoizedFn, useThrottleFn } from 'ahooks';
 import { createPortal } from 'react-dom';
 
 function _iterableToArrayLimit(r, l) {
@@ -556,6 +556,7 @@ var defaultRefs = {
 var WorkbookContext = /*#__PURE__*/React.createContext({
   context: defaultContext(defaultRefs),
   setContext: function setContext() {},
+  setScrollContext: function setScrollContext() {},
   settings: defaultSettings,
   handleUndo: function handleUndo() {},
   handleRedo: function handleRedo() {},
@@ -1670,7 +1671,7 @@ var ScrollBar = function ScrollBar(_ref) {
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     refs = _useContext.refs,
-    setContext = _useContext.setContext;
+    setScrollContext = _useContext.setScrollContext;
   var ref = axis === "x" ? refs.scrollbarX : refs.scrollbarY;
   var _useInViewport = useInViewport(ref),
     _useInViewport2 = _slicedToArray(_useInViewport, 1),
@@ -1703,11 +1704,11 @@ var ScrollBar = function ScrollBar(_ref) {
     className: "luckysheet-scrollbars luckysheet-scrollbar-ltr luckysheet-scrollbar-".concat(axis),
     onScroll: function onScroll() {
       if (axis === "x") {
-        setContext(function (draftCtx) {
+        setScrollContext(function (draftCtx) {
           draftCtx.scrollLeft = refs.scrollbarX.current.scrollLeft;
         });
       } else {
-        setContext(function (draftCtx) {
+        setScrollContext(function (draftCtx) {
           draftCtx.scrollTop = refs.scrollbarY.current.scrollTop;
         });
       }
@@ -4350,9 +4351,7 @@ 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);
-    });
+    handleCellAreaMouseMove(context, refs.globalCache, nativeEvent, refs.cellArea.current);
   });
   var debounceDragOver = useMemoizedFn(function (e) {
     var nativeEvent = e.nativeEvent;
@@ -4422,12 +4421,29 @@ var SheetOverlay = function SheetOverlay() {
       debouncedShowLinkCard(globalCache, rc.r, rc.c, false, true);
     }
   }, [debouncedShowLinkCard]);
+  var lastHoverCellRef = useRef(null);
   var onMouseMove = useCallback(function (nativeEvent) {
+    var _gc$commentBox, _gc$commentBox2, _gc$searchDialog, _gc$linkCard;
+    var container = containerRef.current;
+    var scrollX = refs.scrollbarX.current;
+    var scrollY = refs.scrollbarY.current;
+    if (!container || !scrollX || !scrollY) return;
+    var gc = refs.globalCache;
+    var isInteracting = !!context.luckysheet_scroll_status || !!context.luckysheet_select_status || !!context.luckysheet_rows_selected_status || !!context.luckysheet_cols_selected_status || !!context.luckysheet_cell_selected_move || !!context.luckysheet_cell_selected_extend || !!context.luckysheet_cols_change_size || !!context.luckysheet_rows_change_size || ((_gc$commentBox = gc.commentBox) === null || _gc$commentBox === void 0 ? void 0 : _gc$commentBox.movingId) != null || ((_gc$commentBox2 = gc.commentBox) === null || _gc$commentBox2 === void 0 ? void 0 : _gc$commentBox2.resizingId) != null || gc.image != null || ((_gc$searchDialog = gc.searchDialog) === null || _gc$searchDialog === void 0 ? void 0 : _gc$searchDialog.moveProps) != null || ((_gc$linkCard = gc.linkCard) === null || _gc$linkCard === void 0 ? void 0 : _gc$linkCard.rangeSelectionModal) != null;
+    if (!isInteracting) {
+      var rc = getCellRowColumn(context, nativeEvent, container, scrollX, scrollY);
+      var last = lastHoverCellRef.current;
+      var hoverChanged = rc == null ? last != null : last == null || last.r !== rc.r || last.c !== rc.c;
+      if (!hoverChanged) {
+        return;
+      }
+      lastHoverCellRef.current = rc !== null && rc !== void 0 ? rc : null;
+    }
     setContext(function (draftCtx) {
-      overShowLinkCard(draftCtx, refs.globalCache, nativeEvent, containerRef.current, refs.scrollbarX.current, refs.scrollbarY.current);
-      handleOverlayMouseMove(draftCtx, refs.globalCache, nativeEvent, refs.cellInput.current, refs.scrollbarX.current, refs.scrollbarY.current, containerRef.current, refs.fxInput.current);
+      overShowLinkCard(draftCtx, refs.globalCache, nativeEvent, container, scrollX, scrollY);
+      handleOverlayMouseMove(draftCtx, refs.globalCache, nativeEvent, refs.cellInput.current, scrollX, scrollY, container, refs.fxInput.current);
     });
-  }, [overShowLinkCard, refs.cellInput, refs.fxInput, refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
+  }, [overShowLinkCard, context, refs.cellInput, refs.fxInput, refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
   var onMouseUp = useCallback(function (nativeEvent) {
     setContext(function (draftCtx) {
       try {
@@ -5014,9 +5030,7 @@ var Sheet = function Sheet(_ref) {
     return false;
   }
   var onWheel = useCallback(function (e) {
-    setContext(function (draftCtx) {
-      handleGlobalWheel(draftCtx, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
-    });
+    handleGlobalWheel(context, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
     if (e.deltaY === 0 && e.deltaX === 0) {
       return;
     }
@@ -5037,7 +5051,7 @@ var Sheet = function Sheet(_ref) {
         e.preventDefault();
       }
     }
-  }, [refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
+  }, [context, refs.globalCache, refs.scrollbarX, refs.scrollbarY]);
   useEffect(function () {
     var container = containerRef.current;
     container === null || container === void 0 ? void 0 : container.addEventListener("wheel", onWheel);
@@ -11958,6 +11972,7 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     context = _useState2[0],
     setContext = _useState2[1];
+  var contextRef = useRef(context);
   var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     moreToolbarItems = _useState4[0],
@@ -12062,64 +12077,81 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
     return cellData;
   }
-  var setContextWithProduce = useCallback(function (recipe) {
+  var setContextWithProduce = useMemoizedFn(function (recipe) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    setContext(function (ctx_) {
-      var _produceWithPatches = produceWithPatches(ctx_, concatProducer(recipe, triggerGroupValuesRefresh)),
-        _produceWithPatches2 = _slicedToArray(_produceWithPatches, 3),
-        result = _produceWithPatches2[0],
-        patches = _produceWithPatches2[1],
-        inversePatches = _produceWithPatches2[2];
-      if (patches.length > 0 && !options.noHistory) {
-        if (options.logPatch) {
-          console.info("patch", patches);
-        }
-        var filteredPatches = filterPatch(patches);
-        var filteredInversePatches = filterPatch(inversePatches);
-        if (filteredInversePatches.length > 0) {
-          options.id = ctx_.currentSheetId;
-          if (options.deleteSheetOp) {
-            var target = ctx_.luckysheetfile.filter(function (sheet) {
-              var _options$deleteSheetO;
-              return sheet.id === ((_options$deleteSheetO = options.deleteSheetOp) === null || _options$deleteSheetO === void 0 ? void 0 : _options$deleteSheetO.id);
-            });
-            if (target) {
-              var index = getSheetIndex(ctx_, options.deleteSheetOp.id);
-              options.deletedSheet = {
-                id: options.deleteSheetOp.id,
-                index: index,
-                value: _.cloneDeep(ctx_.luckysheetfile[index])
-              };
-              options.deletedSheet.value.celldata = dataToCelldata(options.deletedSheet.value.data);
-              delete options.deletedSheet.value.data;
-              options.deletedSheet.value.status = 0;
-              filteredInversePatches = [{
-                op: "add",
-                path: ["luckysheetfile", 0],
-                value: options.deletedSheet.value
-              }];
-            }
-          } else if (options.addSheetOp) {
-            options.addSheet = {};
-            options.addSheet.id = result.luckysheetfile[result.luckysheetfile.length - 1].id;
-          }
-          globalCache.current.undoList.push({
-            patches: filteredPatches,
-            inversePatches: filteredInversePatches,
-            options: options
+    var ctx_ = contextRef.current;
+    var _produceWithPatches = produceWithPatches(ctx_, concatProducer(recipe, triggerGroupValuesRefresh)),
+      _produceWithPatches2 = _slicedToArray(_produceWithPatches, 3),
+      result = _produceWithPatches2[0],
+      patches = _produceWithPatches2[1],
+      inversePatches = _produceWithPatches2[2];
+    if (patches.length > 0 && !options.noHistory) {
+      if (options.logPatch) {
+        console.info("patch", patches);
+      }
+      var filteredPatches = filterPatch(patches);
+      var filteredInversePatches = filterPatch(inversePatches);
+      if (filteredInversePatches.length > 0) {
+        options.id = ctx_.currentSheetId;
+        if (options.deleteSheetOp) {
+          var target = ctx_.luckysheetfile.filter(function (sheet) {
+            var _options$deleteSheetO;
+            return sheet.id === ((_options$deleteSheetO = options.deleteSheetOp) === null || _options$deleteSheetO === void 0 ? void 0 : _options$deleteSheetO.id);
           });
-          globalCache.current.redoList = [];
-          emitOp(result, filteredPatches, options);
-        }
-      } else {
-        var _patches$, _patches$$value, _ctx_$luckysheetfile;
-        if ((patches === null || patches === void 0 ? void 0 : (_patches$ = patches[0]) === null || _patches$ === void 0 ? void 0 : (_patches$$value = _patches$.value) === null || _patches$$value === void 0 ? void 0 : _patches$$value.length) < (ctx_ === null || ctx_ === void 0 ? void 0 : (_ctx_$luckysheetfile = ctx_.luckysheetfile) === null || _ctx_$luckysheetfile === void 0 ? void 0 : _ctx_$luckysheetfile.length)) {
-          reduceUndoList(result, ctx_);
+          if (target) {
+            var index = getSheetIndex(ctx_, options.deleteSheetOp.id);
+            options.deletedSheet = {
+              id: options.deleteSheetOp.id,
+              index: index,
+              value: _.cloneDeep(ctx_.luckysheetfile[index])
+            };
+            options.deletedSheet.value.celldata = dataToCelldata(options.deletedSheet.value.data);
+            delete options.deletedSheet.value.data;
+            options.deletedSheet.value.status = 0;
+            filteredInversePatches = [{
+              op: "add",
+              path: ["luckysheetfile", 0],
+              value: options.deletedSheet.value
+            }];
+          }
+        } else if (options.addSheetOp) {
+          options.addSheet = {};
+          options.addSheet.id = result.luckysheetfile[result.luckysheetfile.length - 1].id;
         }
+        globalCache.current.undoList.push({
+          patches: filteredPatches,
+          inversePatches: filteredInversePatches,
+          options: options
+        });
+        globalCache.current.redoList = [];
+        emitOp(result, filteredPatches, options);
+      }
+    } else {
+      var _patches$, _patches$$value, _ctx_$luckysheetfile;
+      if ((patches === null || patches === void 0 ? void 0 : (_patches$ = patches[0]) === null || _patches$ === void 0 ? void 0 : (_patches$$value = _patches$.value) === null || _patches$$value === void 0 ? void 0 : _patches$$value.length) < (ctx_ === null || ctx_ === void 0 ? void 0 : (_ctx_$luckysheetfile = ctx_.luckysheetfile) === null || _ctx_$luckysheetfile === void 0 ? void 0 : _ctx_$luckysheetfile.length)) {
+        reduceUndoList(result, ctx_);
+      }
+    }
+    contextRef.current = result;
+    setContext(function (prev) {
+      if (prev === ctx_) {
+        return result;
       }
+      var merged = applyPatches(prev, patches);
+      contextRef.current = merged;
+      return merged;
+    });
+  });
+  var setScrollContext = useMemoizedFn(function (recipe) {
+    setContext(function (ctx_) {
+      var result = produce(ctx_, recipe);
+      if (result === ctx_) {
+        return ctx_;
+      }
+      contextRef.current = result;
       return result;
     });
-  }, [emitOp]);
+  });
   var handleUndo = useCallback(function () {
     var history = globalCache.current.undoList.pop();
     if (history) {
@@ -12192,12 +12224,13 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return {
       context: context,
       setContext: setContextWithProduce,
+      setScrollContext: setScrollContext,
       settings: mergedSettings,
       handleUndo: handleUndo,
       handleRedo: handleRedo,
       refs: refs
     };
-  }, [context, handleRedo, handleUndo, mergedSettings, refs, setContextWithProduce]);
+  }, [context, handleRedo, handleUndo, mergedSettings, refs, setContextWithProduce, setScrollContext]);
   useEffect(function () {
     if (!_.isEmpty(context.luckysheetfile)) {
       onChange === null || onChange === void 0 ? void 0 : onChange(context.luckysheetfile);

package/dist/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@leankylin-sheet/core');
+var ahooks = require('ahooks');
 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 }; }
@@ -566,6 +566,7 @@ var defaultRefs = {
 var WorkbookContext = /*#__PURE__*/React__default['default'].createContext({
   context: core.defaultContext(defaultRefs),
   setContext: function setContext() {},
+  setScrollContext: function setScrollContext() {},
   settings: core.defaultSettings,
   handleUndo: function handleUndo() {},
   handleRedo: function handleRedo() {},
@@ -1680,7 +1681,7 @@ var ScrollBar = function ScrollBar(_ref) {
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     refs = _useContext.refs,
-    setContext = _useContext.setContext;
+    setScrollContext = _useContext.setScrollContext;
   var ref = axis === "x" ? refs.scrollbarX : refs.scrollbarY;
   var _useInViewport = ahooks.useInViewport(ref),
     _useInViewport2 = _slicedToArray(_useInViewport, 1),
@@ -1713,11 +1714,11 @@ var ScrollBar = function ScrollBar(_ref) {
     className: "luckysheet-scrollbars luckysheet-scrollbar-ltr luckysheet-scrollbar-".concat(axis),
     onScroll: function onScroll() {
       if (axis === "x") {
-        setContext(function (draftCtx) {
+        setScrollContext(function (draftCtx) {
           draftCtx.scrollLeft = refs.scrollbarX.current.scrollLeft;
         });
       } else {
-        setContext(function (draftCtx) {
+        setScrollContext(function (draftCtx) {
           draftCtx.scrollTop = refs.scrollbarY.current.scrollTop;
         });
       }
@@ -4360,9 +4361,7 @@ 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);
-    });
+    core.handleCellAreaMouseMove(context, refs.globalCache, nativeEvent, refs.cellArea.current);
   });
   var debounceDragOver = ahooks.useMemoizedFn(function (e) {
     var nativeEvent = e.nativeEvent;
@@ -4432,12 +4431,29 @@ var SheetOverlay = function SheetOverlay() {
       debouncedShowLinkCard(globalCache, rc.r, rc.c, false, true);
     }
   }, [debouncedShowLinkCard]);
+  var lastHoverCellRef = React.useRef(null);
   var onMouseMove = React.useCallback(function (nativeEvent) {
+    var _gc$commentBox, _gc$commentBox2, _gc$searchDialog, _gc$linkCard;
+    var container = containerRef.current;
+    var scrollX = refs.scrollbarX.current;
+    var scrollY = refs.scrollbarY.current;
+    if (!container || !scrollX || !scrollY) return;
+    var gc = refs.globalCache;
+    var isInteracting = !!context.luckysheet_scroll_status || !!context.luckysheet_select_status || !!context.luckysheet_rows_selected_status || !!context.luckysheet_cols_selected_status || !!context.luckysheet_cell_selected_move || !!context.luckysheet_cell_selected_extend || !!context.luckysheet_cols_change_size || !!context.luckysheet_rows_change_size || ((_gc$commentBox = gc.commentBox) === null || _gc$commentBox === void 0 ? void 0 : _gc$commentBox.movingId) != null || ((_gc$commentBox2 = gc.commentBox) === null || _gc$commentBox2 === void 0 ? void 0 : _gc$commentBox2.resizingId) != null || gc.image != null || ((_gc$searchDialog = gc.searchDialog) === null || _gc$searchDialog === void 0 ? void 0 : _gc$searchDialog.moveProps) != null || ((_gc$linkCard = gc.linkCard) === null || _gc$linkCard === void 0 ? void 0 : _gc$linkCard.rangeSelectionModal) != null;
+    if (!isInteracting) {
+      var rc = core.getCellRowColumn(context, nativeEvent, container, scrollX, scrollY);
+      var last = lastHoverCellRef.current;
+      var hoverChanged = rc == null ? last != null : last == null || last.r !== rc.r || last.c !== rc.c;
+      if (!hoverChanged) {
+        return;
+      }
+      lastHoverCellRef.current = rc !== null && rc !== void 0 ? rc : null;
+    }
     setContext(function (draftCtx) {
-      overShowLinkCard(draftCtx, refs.globalCache, nativeEvent, containerRef.current, refs.scrollbarX.current, refs.scrollbarY.current);
-      core.handleOverlayMouseMove(draftCtx, refs.globalCache, nativeEvent, refs.cellInput.current, refs.scrollbarX.current, refs.scrollbarY.current, containerRef.current, refs.fxInput.current);
+      overShowLinkCard(draftCtx, refs.globalCache, nativeEvent, container, scrollX, scrollY);
+      core.handleOverlayMouseMove(draftCtx, refs.globalCache, nativeEvent, refs.cellInput.current, scrollX, scrollY, container, refs.fxInput.current);
     });
-  }, [overShowLinkCard, refs.cellInput, refs.fxInput, refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
+  }, [overShowLinkCard, context, refs.cellInput, refs.fxInput, refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
   var onMouseUp = React.useCallback(function (nativeEvent) {
     setContext(function (draftCtx) {
       try {
@@ -5024,9 +5040,7 @@ var Sheet = function Sheet(_ref) {
     return false;
   }
   var onWheel = React.useCallback(function (e) {
-    setContext(function (draftCtx) {
-      core.handleGlobalWheel(draftCtx, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
-    });
+    core.handleGlobalWheel(context, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
     if (e.deltaY === 0 && e.deltaX === 0) {
       return;
     }
@@ -5047,7 +5061,7 @@ var Sheet = function Sheet(_ref) {
         e.preventDefault();
       }
     }
-  }, [refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
+  }, [context, refs.globalCache, refs.scrollbarX, refs.scrollbarY]);
   React.useEffect(function () {
     var container = containerRef.current;
     container === null || container === void 0 ? void 0 : container.addEventListener("wheel", onWheel);
@@ -11968,6 +11982,7 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     _useState2 = _slicedToArray(_useState, 2),
     context = _useState2[0],
     setContext = _useState2[1];
+  var contextRef = React.useRef(context);
   var _useState3 = React.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     moreToolbarItems = _useState4[0],
@@ -12072,64 +12087,81 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     }
     return cellData;
   }
-  var setContextWithProduce = React.useCallback(function (recipe) {
+  var setContextWithProduce = ahooks.useMemoizedFn(function (recipe) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    setContext(function (ctx_) {
-      var _produceWithPatches = produce.produceWithPatches(ctx_, concatProducer(recipe, triggerGroupValuesRefresh)),
-        _produceWithPatches2 = _slicedToArray(_produceWithPatches, 3),
-        result = _produceWithPatches2[0],
-        patches = _produceWithPatches2[1],
-        inversePatches = _produceWithPatches2[2];
-      if (patches.length > 0 && !options.noHistory) {
-        if (options.logPatch) {
-          console.info("patch", patches);
-        }
-        var filteredPatches = core.filterPatch(patches);
-        var filteredInversePatches = core.filterPatch(inversePatches);
-        if (filteredInversePatches.length > 0) {
-          options.id = ctx_.currentSheetId;
-          if (options.deleteSheetOp) {
-            var target = ctx_.luckysheetfile.filter(function (sheet) {
-              var _options$deleteSheetO;
-              return sheet.id === ((_options$deleteSheetO = options.deleteSheetOp) === null || _options$deleteSheetO === void 0 ? void 0 : _options$deleteSheetO.id);
-            });
-            if (target) {
-              var index = core.getSheetIndex(ctx_, options.deleteSheetOp.id);
-              options.deletedSheet = {
-                id: options.deleteSheetOp.id,
-                index: index,
-                value: ___default['default'].cloneDeep(ctx_.luckysheetfile[index])
-              };
-              options.deletedSheet.value.celldata = dataToCelldata(options.deletedSheet.value.data);
-              delete options.deletedSheet.value.data;
-              options.deletedSheet.value.status = 0;
-              filteredInversePatches = [{
-                op: "add",
-                path: ["luckysheetfile", 0],
-                value: options.deletedSheet.value
-              }];
-            }
-          } else if (options.addSheetOp) {
-            options.addSheet = {};
-            options.addSheet.id = result.luckysheetfile[result.luckysheetfile.length - 1].id;
-          }
-          globalCache.current.undoList.push({
-            patches: filteredPatches,
-            inversePatches: filteredInversePatches,
-            options: options
+    var ctx_ = contextRef.current;
+    var _produceWithPatches = produce.produceWithPatches(ctx_, concatProducer(recipe, triggerGroupValuesRefresh)),
+      _produceWithPatches2 = _slicedToArray(_produceWithPatches, 3),
+      result = _produceWithPatches2[0],
+      patches = _produceWithPatches2[1],
+      inversePatches = _produceWithPatches2[2];
+    if (patches.length > 0 && !options.noHistory) {
+      if (options.logPatch) {
+        console.info("patch", patches);
+      }
+      var filteredPatches = core.filterPatch(patches);
+      var filteredInversePatches = core.filterPatch(inversePatches);
+      if (filteredInversePatches.length > 0) {
+        options.id = ctx_.currentSheetId;
+        if (options.deleteSheetOp) {
+          var target = ctx_.luckysheetfile.filter(function (sheet) {
+            var _options$deleteSheetO;
+            return sheet.id === ((_options$deleteSheetO = options.deleteSheetOp) === null || _options$deleteSheetO === void 0 ? void 0 : _options$deleteSheetO.id);
           });
-          globalCache.current.redoList = [];
-          emitOp(result, filteredPatches, options);
-        }
-      } else {
-        var _patches$, _patches$$value, _ctx_$luckysheetfile;
-        if ((patches === null || patches === void 0 ? void 0 : (_patches$ = patches[0]) === null || _patches$ === void 0 ? void 0 : (_patches$$value = _patches$.value) === null || _patches$$value === void 0 ? void 0 : _patches$$value.length) < (ctx_ === null || ctx_ === void 0 ? void 0 : (_ctx_$luckysheetfile = ctx_.luckysheetfile) === null || _ctx_$luckysheetfile === void 0 ? void 0 : _ctx_$luckysheetfile.length)) {
-          reduceUndoList(result, ctx_);
+          if (target) {
+            var index = core.getSheetIndex(ctx_, options.deleteSheetOp.id);
+            options.deletedSheet = {
+              id: options.deleteSheetOp.id,
+              index: index,
+              value: ___default['default'].cloneDeep(ctx_.luckysheetfile[index])
+            };
+            options.deletedSheet.value.celldata = dataToCelldata(options.deletedSheet.value.data);
+            delete options.deletedSheet.value.data;
+            options.deletedSheet.value.status = 0;
+            filteredInversePatches = [{
+              op: "add",
+              path: ["luckysheetfile", 0],
+              value: options.deletedSheet.value
+            }];
+          }
+        } else if (options.addSheetOp) {
+          options.addSheet = {};
+          options.addSheet.id = result.luckysheetfile[result.luckysheetfile.length - 1].id;
         }
+        globalCache.current.undoList.push({
+          patches: filteredPatches,
+          inversePatches: filteredInversePatches,
+          options: options
+        });
+        globalCache.current.redoList = [];
+        emitOp(result, filteredPatches, options);
+      }
+    } else {
+      var _patches$, _patches$$value, _ctx_$luckysheetfile;
+      if ((patches === null || patches === void 0 ? void 0 : (_patches$ = patches[0]) === null || _patches$ === void 0 ? void 0 : (_patches$$value = _patches$.value) === null || _patches$$value === void 0 ? void 0 : _patches$$value.length) < (ctx_ === null || ctx_ === void 0 ? void 0 : (_ctx_$luckysheetfile = ctx_.luckysheetfile) === null || _ctx_$luckysheetfile === void 0 ? void 0 : _ctx_$luckysheetfile.length)) {
+        reduceUndoList(result, ctx_);
+      }
+    }
+    contextRef.current = result;
+    setContext(function (prev) {
+      if (prev === ctx_) {
+        return result;
       }
+      var merged = produce.applyPatches(prev, patches);
+      contextRef.current = merged;
+      return merged;
+    });
+  });
+  var setScrollContext = ahooks.useMemoizedFn(function (recipe) {
+    setContext(function (ctx_) {
+      var result = produce__default['default'](ctx_, recipe);
+      if (result === ctx_) {
+        return ctx_;
+      }
+      contextRef.current = result;
       return result;
     });
-  }, [emitOp]);
+  });
   var handleUndo = React.useCallback(function () {
     var history = globalCache.current.undoList.pop();
     if (history) {
@@ -12202,12 +12234,13 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     return {
       context: context,
       setContext: setContextWithProduce,
+      setScrollContext: setScrollContext,
       settings: mergedSettings,
       handleUndo: handleUndo,
       handleRedo: handleRedo,
       refs: refs
     };
-  }, [context, handleRedo, handleUndo, mergedSettings, refs, setContextWithProduce]);
+  }, [context, handleRedo, handleUndo, mergedSettings, refs, setContextWithProduce, setScrollContext]);
   React.useEffect(function () {
     if (!___default['default'].isEmpty(context.luckysheetfile)) {
       onChange === null || onChange === void 0 ? void 0 : onChange(context.luckysheetfile);