@leankylin-sheet/react 5.2.77 → 6.0.1

package/dist/components/Workbook/api.d.ts

@@ -93,6 +93,7 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
         hyperlink?: Record<string, {
             linkType: string;
             linkAddress: string;
+            payload?: Record<string, any> | undefined;
         }> | undefined;
         dynamicArray_compute?: any;
         dynamicArray?: any[] | undefined;

package/dist/components/Workbook/index.d.ts

@@ -101,6 +101,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
         hyperlink?: Record<string, {
             linkType: string;
             linkAddress: string;
+            payload?: Record<string, any> | undefined;
         }> | undefined;
         dynamicArray_compute?: any;
         dynamicArray?: any[] | undefined;

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 { 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, getCellHyperlink, 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, 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;
         });
       }
@@ -2262,7 +2263,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
     c = _ref.c,
     rc = _ref.rc,
     originText = _ref.originText,
-    originType = _ref.originType,
+    _originType = _ref.originType,
     originAddress = _ref.originAddress,
     isEditing = _ref.isEditing,
     position = _ref.position,
@@ -2270,7 +2271,8 @@ var LinkEditCard = function LinkEditCard(_ref) {
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
-    refs = _useContext.refs;
+    refs = _useContext.refs,
+    settings = _useContext.settings;
   var _useState = useState(originText),
     _useState2 = _slicedToArray(_useState, 2),
     linkText = _useState2[0],
@@ -2279,10 +2281,19 @@ var LinkEditCard = function LinkEditCard(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     linkAddress = _useState4[0],
     setLinkAddress = _useState4[1];
+  var originType = _originType || settings.detailLinkType || "webpage";
   var _useState5 = useState(originType),
     _useState6 = _slicedToArray(_useState5, 2),
     linkType = _useState6[0],
     setLinkType = _useState6[1];
+  var _useState7 = useState(function () {
+      var _origin$payload;
+      var origin = getCellHyperlink(context, r, c);
+      return (_origin$payload = origin === null || origin === void 0 ? void 0 : origin.payload) !== null && _origin$payload !== void 0 ? _origin$payload : {};
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    customPayload = _useState8[0],
+    setCustomPayload = _useState8[1];
   var _locale = locale(context),
     insertLink = _locale.insertLink,
     linkTypeList = _locale.linkTypeList,
@@ -2293,9 +2304,65 @@ var LinkEditCard = function LinkEditCard(_ref) {
   }]));
   var skipCellRangeSet = useRef(true);
   var isLinkAddressValid = isLinkValid(context, linkType, linkAddress);
-  var tooltip = /*#__PURE__*/React.createElement("div", {
-    className: "validation-input-tip"
-  }, isLinkAddressValid.tooltip);
+  var mergedLinkTypeList = useMemo(function () {
+    var _settings$customLinkT;
+    var customs = (_settings$customLinkT = settings === null || settings === void 0 ? void 0 : settings.customLinkTypes) !== null && _settings$customLinkT !== void 0 ? _settings$customLinkT : [];
+    if (customs.length === 0) return linkTypeList;
+    var builtinTypes = new Set(linkTypeList.map(function (it) {
+      return it.value;
+    }));
+    var extra = customs.filter(function (it) {
+      return it.type && !builtinTypes.has(it.type);
+    }).map(function (it) {
+      return {
+        text: it.text,
+        value: it.type
+      };
+    });
+    return [].concat(_toConsumableArray(extra), _toConsumableArray(linkTypeList));
+  }, [settings === null || settings === void 0 ? void 0 : settings.customLinkTypes, linkTypeList]);
+  var customLinkTypeMap = useMemo(function () {
+    var _settings$customLinkT2;
+    var m = {};
+    ((_settings$customLinkT2 = settings === null || settings === void 0 ? void 0 : settings.customLinkTypes) !== null && _settings$customLinkT2 !== void 0 ? _settings$customLinkT2 : []).forEach(function (it) {
+      if (it.type) m[it.type] = it;
+    });
+    return m;
+  }, [settings === null || settings === void 0 ? void 0 : settings.customLinkTypes]);
+  var currentCustomConfig = customLinkTypeMap[linkType];
+  var isCustomTypeValid = useMemo(function () {
+    if (!currentCustomConfig) return true;
+    if (!currentCustomConfig.onSave) return true;
+    var next = currentCustomConfig.onSave({
+      linkText: linkText,
+      linkAddress: linkAddress,
+      position: {
+        r: r,
+        c: c
+      },
+      origin: function () {
+        var o = getCellHyperlink(context, r, c);
+        return o ? {
+          linkType: o.linkType,
+          linkAddress: o.linkAddress,
+          payload: o.payload
+        } : undefined;
+      }()
+    });
+    return next !== undefined;
+  }, [currentCustomConfig, linkText, linkAddress, r, c, context]);
+  var canSubmit = !currentCustomConfig || isCustomTypeValid ? isLinkAddressValid.isValid : false;
+  var tooltip = function () {
+    var text;
+    if (currentCustomConfig) {
+      text = isCustomTypeValid ? "" : insertLink.tooltipInfo1 || "";
+    } else {
+      text = isLinkAddressValid.tooltip;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "validation-input-tip"
+    }, text);
+  }();
   var hideLinkCard = useCallback(function () {
     _.set(refs.globalCache, "linkCard.mouseEnter", false);
     setContext(function (draftCtx) {
@@ -2357,10 +2424,13 @@ var LinkEditCard = function LinkEditCard(_ref) {
     }));
   }, []);
   useLayoutEffect(function () {
+    var _origin$payload2;
     setLinkAddress(originAddress);
     setLinkText(originText);
     setLinkType(originType);
-  }, [rc, originAddress, originText, originType]);
+    var origin = getCellHyperlink(context, r, c);
+    setCustomPayload((_origin$payload2 = origin === null || origin === void 0 ? void 0 : origin.payload) !== null && _origin$payload2 !== void 0 ? _origin$payload2 : {});
+  }, [rc, originAddress, originText, originType, r, c, context]);
   useLayoutEffect(function () {
     if (selectingCellRange) {
       skipCellRangeSet.current = true;
@@ -2379,6 +2449,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
     }
   }, [context, selectingCellRange]);
   if (!isEditing) {
+    var toolbarCustomConfig = customLinkTypeMap[originType];
     return /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({}, containerEvent), {}, {
       onKeyDown: function onKeyDown(e) {
         e.stopPropagation();
@@ -2390,16 +2461,35 @@ var LinkEditCard = function LinkEditCard(_ref) {
       }
     }), /*#__PURE__*/React.createElement("div", {
       className: "link-content",
-      onClick: function onClick() {
+      onClick: function onClick(reactEvent) {
+        var _getCellHyperlink, _toolbarCustomConfig$, _settings$hooks, _settings$hooks$onHyp;
+        var payload = (_getCellHyperlink = getCellHyperlink(context, r, c)) === null || _getCellHyperlink === void 0 ? void 0 : _getCellHyperlink.payload;
+        var clickInfo = {
+          linkType: originType,
+          linkAddress: originAddress,
+          payload: payload,
+          position: {
+            r: r,
+            c: c,
+            sheetId: context.currentSheetId
+          },
+          event: reactEvent
+        };
+        var userResult = toolbarCustomConfig === null || toolbarCustomConfig === void 0 ? void 0 : (_toolbarCustomConfig$ = toolbarCustomConfig.onClick) === null || _toolbarCustomConfig$ === void 0 ? void 0 : _toolbarCustomConfig$.call(toolbarCustomConfig, clickInfo);
+        settings === null || settings === void 0 ? void 0 : (_settings$hooks = settings.hooks) === null || _settings$hooks === void 0 ? void 0 : (_settings$hooks$onHyp = _settings$hooks.onHyperlinkClick) === null || _settings$hooks$onHyp === void 0 ? void 0 : _settings$hooks$onHyp.call(_settings$hooks, clickInfo);
+        if (userResult === false) {
+          hideLinkCard();
+          return;
+        }
         setContext(function (draftCtx) {
-          return goToLink(draftCtx, r, c, linkType, linkAddress, refs.scrollbarX.current, refs.scrollbarY.current);
+          return goToLink(draftCtx, r, c, originType, originAddress, refs.scrollbarX.current, refs.scrollbarY.current);
         });
       }
-    }, linkType === "webpage" ? insertLink.openLink : replaceHtml(insertLink.goTo, {
-      linkAddress: linkAddress
+    }, originType === "webpage" ? insertLink.openLink : replaceHtml(insertLink.goTo, {
+      linkAddress: originAddress
     })), context.allowEdit === true && /*#__PURE__*/React.createElement("div", {
       className: "divider"
-    }), context.allowEdit === true && linkType === "webpage" && renderToolbarButton("copy", function () {
+    }), context.allowEdit === true && originType === "webpage" && renderToolbarButton("copy", function () {
       navigator.clipboard.writeText(originAddress);
       hideLinkCard();
     }), context.allowEdit === true && renderToolbarButton("pencil", function () {
@@ -2478,18 +2568,23 @@ var LinkEditCard = function LinkEditCard(_ref) {
     className: "leankylin-link-modify-select",
     value: linkType,
     onChange: function onChange(e) {
-      if (e.target.value === "sheet") {
+      var next = e.target.value;
+      var nextCustomConfig = customLinkTypeMap[next];
+      if (next === "sheet") {
         if (!linkText) {
           setLinkText(context.luckysheetfile[0].name);
         }
         setLinkAddress(context.luckysheetfile[0].name);
+      } else if (nextCustomConfig) {
+        setLinkAddress("");
+        setCustomPayload({});
       } else {
         setLinkAddress("");
       }
-      if (e.target.value === "cellrange") setRangeModalVisible(true);
-      setLinkType(e.target.value);
+      if (next === "cellrange") setRangeModalVisible(true);
+      setLinkType(next);
     }
-  }, linkTypeList.map(function (type) {
+  }, mergedLinkTypeList.map(function (type) {
     return /*#__PURE__*/React.createElement("option", {
       key: type.value,
       value: type.value
@@ -2535,11 +2630,63 @@ var LinkEditCard = function LinkEditCard(_ref) {
       key: sheet.id,
       value: sheet.name
     }, sheet.name);
+  })), tooltip)), currentCustomConfig && ( /*#__PURE__*/React.createElement(React.Fragment, null, currentCustomConfig.render ? currentCustomConfig.render({
+    value: linkAddress,
+    position: {
+      r: r,
+      c: c
+    },
+    onChange: function onChange(v) {
+      return setLinkAddress(v);
+    },
+    setPayload: function setPayload(next) {
+      setCustomPayload(function (prev) {
+        return typeof next === "function" ? next(prev) : next;
+      });
+    },
+    payload: customPayload,
+    ctx: {
+      context: context,
+      setContext: setContext,
+      settings: settings
+    }
+  }) : ( /*#__PURE__*/React.createElement("input", {
+    className: "leankylin-link-modify-input ".concat(canSubmit ? "" : "error-input"),
+    spellCheck: "false",
+    value: linkAddress,
+    onChange: function onChange(e) {
+      return setLinkAddress(e.target.value);
+    }
   })), tooltip))), /*#__PURE__*/React.createElement("div", {
     className: "modal-footer"
   }, renderBottomButton(function () {
-    if (!isLinkAddressValid.isValid) return;
+    if (!canSubmit) return;
     _.set(refs.globalCache, "linkCard.mouseEnter", false);
+    if (currentCustomConfig === null || currentCustomConfig === void 0 ? void 0 : currentCustomConfig.onSave) {
+      var origin = function () {
+        var o = getCellHyperlink(context, r, c);
+        return o ? {
+          linkType: o.linkType,
+          linkAddress: o.linkAddress,
+          payload: o.payload
+        } : undefined;
+      }();
+      var saved = currentCustomConfig.onSave({
+        linkText: linkText,
+        linkAddress: linkAddress,
+        position: {
+          r: r,
+          c: c
+        },
+        origin: origin
+      });
+      if (!saved) return;
+      setContext(function (draftCtx) {
+        var _saved$payload;
+        return saveHyperlink(draftCtx, r, c, linkText || saved.linkAddress, saved.linkType, saved.linkAddress, _objectSpread2(_objectSpread2({}, customPayload), (_saved$payload = saved.payload) !== null && _saved$payload !== void 0 ? _saved$payload : {}));
+      });
+      return;
+    }
     setContext(function (draftCtx) {
       return saveHyperlink(draftCtx, r, c, linkText, linkType, linkAddress);
     });
@@ -4350,9 +4497,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;
@@ -4418,16 +4563,53 @@ var SheetOverlay = function SheetOverlay() {
     if (link == null) {
       debouncedShowLinkCard(globalCache, rc.r, rc.c, false);
     } else {
+      var _settings$customLinkT, _customConfig$onHover, _settings$hooks, _settings$hooks$onHyp;
       showLinkCard(ctx, rc.r, rc.c, false);
       debouncedShowLinkCard(globalCache, rc.r, rc.c, false, true);
+      var payload = link.payload;
+      var customConfigMap = ((_settings$customLinkT = settings === null || settings === void 0 ? void 0 : settings.customLinkTypes) !== null && _settings$customLinkT !== void 0 ? _settings$customLinkT : []).reduce(function (acc, it) {
+        if (it.type) acc[it.type] = it;
+        return acc;
+      }, {});
+      var customConfig = customConfigMap[link.linkType];
+      var hoverInfo = {
+        linkType: link.linkType,
+        linkAddress: link.linkAddress,
+        payload: payload,
+        position: {
+          r: rc.r,
+          c: rc.c,
+          sheetId: ctx.currentSheetId
+        },
+        event: e
+      };
+      customConfig === null || customConfig === void 0 ? void 0 : (_customConfig$onHover = customConfig.onHover) === null || _customConfig$onHover === void 0 ? void 0 : _customConfig$onHover.call(customConfig, hoverInfo);
+      settings === null || settings === void 0 ? void 0 : (_settings$hooks = settings.hooks) === null || _settings$hooks === void 0 ? void 0 : (_settings$hooks$onHyp = _settings$hooks.onHyperlinkHover) === null || _settings$hooks$onHyp === void 0 ? void 0 : _settings$hooks$onHyp.call(_settings$hooks, hoverInfo);
     }
-  }, [debouncedShowLinkCard]);
+  }, [debouncedShowLinkCard, settings]);
+  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 +5196,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 +5217,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 +12138,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 +12243,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 +12390,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);