@leankylin-sheet/react 5.2.76 → 6.0.0

package/dist/index.umd.js

@@ -19640,6 +19640,7 @@
   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() {},
@@ -20754,7 +20755,7 @@
     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 = useInViewport(ref),
       _useInViewport2 = _slicedToArray(_useInViewport, 1),
@@ -20787,11 +20788,11 @@
       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;
           });
         }
@@ -23434,9 +23435,7 @@
     }, [setContext, refs.globalCache, refs.cellInput, refs.cellArea, refs.fxInput, refs.canvas]);
     var debounceMouseMove = 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 = useMemoizedFn(function (e) {
       var nativeEvent = e.nativeEvent;
@@ -23506,12 +23505,29 @@
         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 {
@@ -24098,9 +24114,7 @@
       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;
       }
@@ -24121,7 +24135,7 @@
           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);
@@ -31203,60 +31217,77 @@
         }
       }
       contextRef.current = result;
-      setContext(result);
+      setContext(function (prev) {
+        if (prev === ctx_) {
+          return result;
+        }
+        var merged = pn(prev, patches);
+        contextRef.current = merged;
+        return merged;
+      });
+    });
+    var setScrollContext = useMemoizedFn(function (recipe) {
+      setContext(function (ctx_) {
+        var result = fn(ctx_, recipe);
+        if (result === ctx_) {
+          return ctx_;
+        }
+        contextRef.current = result;
+        return result;
+      });
     });
     var handleUndo = React.useCallback(function () {
       var history = globalCache.current.undoList.pop();
       if (history) {
-        var _history$options, _history$options3;
-        var ctx_ = contextRef.current;
-        if ((_history$options = history.options) === null || _history$options === void 0 ? void 0 : _history$options.deleteSheetOp) {
-          var _history$options$dele, _history$options$dele2;
-          history.inversePatches[0].path[1] = ctx_.luckysheetfile.length;
-          var order = (_history$options$dele = history.options.deletedSheet) === null || _history$options$dele === void 0 ? void 0 : (_history$options$dele2 = _history$options$dele.value) === null || _history$options$dele2 === void 0 ? void 0 : _history$options$dele2.order;
-          var sheetsRight = ctx_.luckysheetfile.filter(function (sheet) {
-            var _history$options2, _history$options2$del;
-            return (sheet === null || sheet === void 0 ? void 0 : sheet.order) >= order && sheet.id !== (history === null || history === void 0 ? void 0 : (_history$options2 = history.options) === null || _history$options2 === void 0 ? void 0 : (_history$options2$del = _history$options2.deleteSheetOp) === null || _history$options2$del === void 0 ? void 0 : _history$options2$del.id);
-          });
-          lodash.forEach(sheetsRight, function (sheet) {
-            history.inversePatches.push({
-              op: "replace",
-              path: ["luckysheetfile", core.getSheetIndex(ctx_, sheet.id), "order"],
-              value: (sheet === null || sheet === void 0 ? void 0 : sheet.order) + 1
+        setContext(function (ctx_) {
+          var _history$options, _history$options3;
+          if ((_history$options = history.options) === null || _history$options === void 0 ? void 0 : _history$options.deleteSheetOp) {
+            var _history$options$dele, _history$options$dele2;
+            history.inversePatches[0].path[1] = ctx_.luckysheetfile.length;
+            var order = (_history$options$dele = history.options.deletedSheet) === null || _history$options$dele === void 0 ? void 0 : (_history$options$dele2 = _history$options$dele.value) === null || _history$options$dele2 === void 0 ? void 0 : _history$options$dele2.order;
+            var sheetsRight = ctx_.luckysheetfile.filter(function (sheet) {
+              var _history$options2, _history$options2$del;
+              return (sheet === null || sheet === void 0 ? void 0 : sheet.order) >= order && sheet.id !== (history === null || history === void 0 ? void 0 : (_history$options2 = history.options) === null || _history$options2 === void 0 ? void 0 : (_history$options2$del = _history$options2.deleteSheetOp) === null || _history$options2$del === void 0 ? void 0 : _history$options2$del.id);
             });
-          });
-        }
-        var newContext = pn(ctx_, history.inversePatches);
-        globalCache.current.redoList.push(history);
-        var inversedOptions = core.inverseRowColOptions(history.options);
-        if (inversedOptions === null || inversedOptions === void 0 ? void 0 : inversedOptions.insertRowColOp) {
-          inversedOptions.restoreDeletedCells = true;
-        }
-        if ((_history$options3 = history.options) === null || _history$options3 === void 0 ? void 0 : _history$options3.addSheetOp) {
-          var _inversedOptions$addS;
-          var index = core.getSheetIndex(ctx_, history.options.addSheet.id);
-          inversedOptions.addSheet = {
-            id: history.options.addSheet.id,
-            index: index,
-            value: lodash.cloneDeep(ctx_.luckysheetfile[index])
-          };
-          inversedOptions.addSheet.value.celldata = dataToCelldata((_inversedOptions$addS = inversedOptions.addSheet.value) === null || _inversedOptions$addS === void 0 ? void 0 : _inversedOptions$addS.data);
-          delete inversedOptions.addSheet.value.data;
-        }
-        emitOp(newContext, history.inversePatches, inversedOptions, true);
-        contextRef.current = newContext;
-        setContext(newContext);
+            lodash.forEach(sheetsRight, function (sheet) {
+              history.inversePatches.push({
+                op: "replace",
+                path: ["luckysheetfile", core.getSheetIndex(ctx_, sheet.id), "order"],
+                value: (sheet === null || sheet === void 0 ? void 0 : sheet.order) + 1
+              });
+            });
+          }
+          var newContext = pn(ctx_, history.inversePatches);
+          globalCache.current.redoList.push(history);
+          var inversedOptions = core.inverseRowColOptions(history.options);
+          if (inversedOptions === null || inversedOptions === void 0 ? void 0 : inversedOptions.insertRowColOp) {
+            inversedOptions.restoreDeletedCells = true;
+          }
+          if ((_history$options3 = history.options) === null || _history$options3 === void 0 ? void 0 : _history$options3.addSheetOp) {
+            var _inversedOptions$addS;
+            var index = core.getSheetIndex(ctx_, history.options.addSheet.id);
+            inversedOptions.addSheet = {
+              id: history.options.addSheet.id,
+              index: index,
+              value: lodash.cloneDeep(ctx_.luckysheetfile[index])
+            };
+            inversedOptions.addSheet.value.celldata = dataToCelldata((_inversedOptions$addS = inversedOptions.addSheet.value) === null || _inversedOptions$addS === void 0 ? void 0 : _inversedOptions$addS.data);
+            delete inversedOptions.addSheet.value.data;
+          }
+          emitOp(newContext, history.inversePatches, inversedOptions, true);
+          return newContext;
+        });
       }
     }, [emitOp]);
     var handleRedo = React.useCallback(function () {
       var history = globalCache.current.redoList.pop();
       if (history) {
-        var ctx_ = contextRef.current;
-        var newContext = pn(ctx_, history.patches);
-        globalCache.current.undoList.push(history);
-        emitOp(newContext, history.patches, history.options);
-        contextRef.current = newContext;
-        setContext(newContext);
+        setContext(function (ctx_) {
+          var newContext = pn(ctx_, history.patches);
+          globalCache.current.undoList.push(history);
+          emitOp(newContext, history.patches, history.options);
+          return newContext;
+        });
       }
     }, [emitOp]);
     React.useEffect(function () {
@@ -31277,12 +31308,13 @@
       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 (!lodash.isEmpty(context.luckysheetfile)) {
         onChange === null || onChange === void 0 ? void 0 : onChange(context.luckysheetfile);