@leankylin-sheet/react 5.2.77 → 6.0.1

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;
         });
       }
@@ -2272,7 +2273,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,
@@ -2280,7 +2281,8 @@ var LinkEditCard = function LinkEditCard(_ref) {
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
-    refs = _useContext.refs;
+    refs = _useContext.refs,
+    settings = _useContext.settings;
   var _useState = React.useState(originText),
     _useState2 = _slicedToArray(_useState, 2),
     linkText = _useState2[0],
@@ -2289,10 +2291,19 @@ var LinkEditCard = function LinkEditCard(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     linkAddress = _useState4[0],
     setLinkAddress = _useState4[1];
+  var originType = _originType || settings.detailLinkType || "webpage";
   var _useState5 = React.useState(originType),
     _useState6 = _slicedToArray(_useState5, 2),
     linkType = _useState6[0],
     setLinkType = _useState6[1];
+  var _useState7 = React.useState(function () {
+      var _origin$payload;
+      var origin = core.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 = core.locale(context),
     insertLink = _locale.insertLink,
     linkTypeList = _locale.linkTypeList,
@@ -2303,9 +2314,65 @@ var LinkEditCard = function LinkEditCard(_ref) {
   }]));
   var skipCellRangeSet = React.useRef(true);
   var isLinkAddressValid = core.isLinkValid(context, linkType, linkAddress);
-  var tooltip = /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "validation-input-tip"
-  }, isLinkAddressValid.tooltip);
+  var mergedLinkTypeList = React.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 = React.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 = React.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 = core.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__default['default'].createElement("div", {
+      className: "validation-input-tip"
+    }, text);
+  }();
   var hideLinkCard = React.useCallback(function () {
     ___default['default'].set(refs.globalCache, "linkCard.mouseEnter", false);
     setContext(function (draftCtx) {
@@ -2367,10 +2434,13 @@ var LinkEditCard = function LinkEditCard(_ref) {
     }));
   }, []);
   React.useLayoutEffect(function () {
+    var _origin$payload2;
     setLinkAddress(originAddress);
     setLinkText(originText);
     setLinkType(originType);
-  }, [rc, originAddress, originText, originType]);
+    var origin = core.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]);
   React.useLayoutEffect(function () {
     if (selectingCellRange) {
       skipCellRangeSet.current = true;
@@ -2389,6 +2459,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
     }
   }, [context, selectingCellRange]);
   if (!isEditing) {
+    var toolbarCustomConfig = customLinkTypeMap[originType];
     return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, containerEvent), {}, {
       onKeyDown: function onKeyDown(e) {
         e.stopPropagation();
@@ -2400,16 +2471,35 @@ var LinkEditCard = function LinkEditCard(_ref) {
       }
     }), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "link-content",
-      onClick: function onClick() {
+      onClick: function onClick(reactEvent) {
+        var _getCellHyperlink, _toolbarCustomConfig$, _settings$hooks, _settings$hooks$onHyp;
+        var payload = (_getCellHyperlink = core.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 core.goToLink(draftCtx, r, c, linkType, linkAddress, refs.scrollbarX.current, refs.scrollbarY.current);
+          return core.goToLink(draftCtx, r, c, originType, originAddress, refs.scrollbarX.current, refs.scrollbarY.current);
         });
       }
-    }, linkType === "webpage" ? insertLink.openLink : core.replaceHtml(insertLink.goTo, {
-      linkAddress: linkAddress
+    }, originType === "webpage" ? insertLink.openLink : core.replaceHtml(insertLink.goTo, {
+      linkAddress: originAddress
     })), context.allowEdit === true && /*#__PURE__*/React__default['default'].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 () {
@@ -2488,18 +2578,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__default['default'].createElement("option", {
       key: type.value,
       value: type.value
@@ -2545,11 +2640,63 @@ var LinkEditCard = function LinkEditCard(_ref) {
       key: sheet.id,
       value: sheet.name
     }, sheet.name);
+  })), tooltip)), currentCustomConfig && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].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__default['default'].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__default['default'].createElement("div", {
     className: "modal-footer"
   }, renderBottomButton(function () {
-    if (!isLinkAddressValid.isValid) return;
+    if (!canSubmit) return;
     ___default['default'].set(refs.globalCache, "linkCard.mouseEnter", false);
+    if (currentCustomConfig === null || currentCustomConfig === void 0 ? void 0 : currentCustomConfig.onSave) {
+      var origin = function () {
+        var o = core.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 core.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 core.saveHyperlink(draftCtx, r, c, linkText, linkType, linkAddress);
     });
@@ -4360,9 +4507,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;
@@ -4428,16 +4573,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;
       core.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 = 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 +5206,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 +5227,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 +12148,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 +12253,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 +12400,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);