@fileverse-dev/fortune-react 1.3.10 → 1.3.11-input-ref-1

package/lib/components/SheetOverlay/drag_and_drop/column-helpers.js

@@ -219,7 +219,7 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
       var sheetIdx_1 = (0, _fortuneCore.getSheetIndex)(context, context.currentSheetId);
       if (sheetIdx_1 != null && sourceIndex_1 >= 0 && Number.isFinite(finalInsertionIndex_1) && finalInsertionIndex_1 >= 0) {
         setContext(function (draft) {
-          var _a, _b, _c, _d, _e, _f, _g;
+          var _a, _b, _c, _d, _e, _f, _g, _h;
           var _sheet = draft.luckysheetfile[sheetIdx_1];
           if (!(_sheet === null || _sheet === void 0 ? void 0 : _sheet.data)) return;
           var rows = _sheet.data;
@@ -382,6 +382,30 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
             }
           });
           (_g = window === null || window === void 0 ? void 0 : window.updateDataBlockCalcFunctionAfterRowDrag) === null || _g === void 0 ? void 0 : _g.call(window, selectedSourceCol, selectedTargetCol, "column", context.currentSheetId, sourceIndex_1, targetIndex);
+          var cellChanges = [];
+          var affectedColStart = Math.min(sourceIndex_1, targetIndex);
+          var affectedColEnd = Math.max(sourceIndex_1, targetIndex) + selectedSourceCol.length - 1;
+          var numRows = rows.length;
+          for (var r = 0; r < numRows; r += 1) {
+            var row = rows[r];
+            for (var c = affectedColStart; c <= affectedColEnd; c += 1) {
+              var cell = row === null || row === void 0 ? void 0 : row[c];
+              cellChanges.push({
+                sheetId: draft.currentSheetId,
+                path: ["celldata"],
+                value: {
+                  r: r,
+                  c: c,
+                  v: cell !== null && cell !== void 0 ? cell : null
+                },
+                key: "".concat(r, "_").concat(c),
+                type: "update"
+              });
+            }
+          }
+          if (cellChanges.length > 0 && ((_h = draft.hooks) === null || _h === void 0 ? void 0 : _h.updateCellYdoc)) {
+            draft.hooks.updateCellYdoc(cellChanges);
+          }
           var rowLen = (d === null || d === void 0 ? void 0 : d.length) || 0;
           _fortuneCore.api.setSelection(draft, [{
             row: [0, rowLen],

package/lib/components/SheetOverlay/drag_and_drop/row-helpers.js

@@ -214,7 +214,7 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
       var sheetIdx_1 = (0, _fortuneCore.getSheetIndex)(context, context.currentSheetId);
       if (sheetIdx_1 != null && sourceIndex_1 >= 0 && Number.isFinite(finalInsertionIndex_1) && finalInsertionIndex_1 >= 0) {
         setContext(function (draft) {
-          var _a, _b, _c, _d, _e, _f;
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j;
           var _sheet = draft.luckysheetfile[sheetIdx_1];
           if (!(_sheet === null || _sheet === void 0 ? void 0 : _sheet.data)) return;
           var rows = _sheet.data;
@@ -371,7 +371,31 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
             }
           });
           (_e = window === null || window === void 0 ? void 0 : window.updateDataBlockCalcFunctionAfterRowDrag) === null || _e === void 0 ? void 0 : _e.call(window, sourceIndex_1, targetIndex, "row", context.currentSheetId);
-          var colLen = ((_f = d === null || d === void 0 ? void 0 : d[0]) === null || _f === void 0 ? void 0 : _f.length) || 0;
+          var cellChanges = [];
+          var affectedRowStart = Math.min(sourceIndex_1, targetIndex);
+          var affectedRowEnd = Math.max(sourceIndex_1, targetIndex) + selectedSourceRow.length - 1;
+          var numCols = (_g = (_f = d === null || d === void 0 ? void 0 : d[0]) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 0;
+          for (var r = affectedRowStart; r <= affectedRowEnd; r += 1) {
+            var row = rows[r];
+            for (var c = 0; c < numCols; c += 1) {
+              var cell = row === null || row === void 0 ? void 0 : row[c];
+              cellChanges.push({
+                sheetId: draft.currentSheetId,
+                path: ["celldata"],
+                value: {
+                  r: r,
+                  c: c,
+                  v: cell !== null && cell !== void 0 ? cell : null
+                },
+                key: "".concat(r, "_").concat(c),
+                type: "update"
+              });
+            }
+          }
+          if (cellChanges.length > 0 && ((_h = draft.hooks) === null || _h === void 0 ? void 0 : _h.updateCellYdoc)) {
+            draft.hooks.updateCellYdoc(cellChanges);
+          }
+          var colLen = ((_j = d === null || d === void 0 ? void 0 : d[0]) === null || _j === void 0 ? void 0 : _j.length) || 0;
           _fortuneCore.api.setSelection(draft, [{
             row: [selectedTargetRow[0], selectedTargetRow[selectedTargetRow.length - 1]],
             column: [0, colLen]

package/lib/components/SheetOverlay/helper.d.ts

@@ -1,6 +1,13 @@
 export declare function moveCursorToEnd(editableDiv: HTMLDivElement): void;
 export declare function getCursorPosition(editableDiv: HTMLDivElement): number;
+export declare function setCursorPosition(editableDiv: HTMLDivElement, targetOffset: number): void;
+export declare function buildFormulaSuggestionText(editableDiv: HTMLDivElement, formulaName: string): {
+    text: string;
+    caretOffset: number;
+};
 export declare function isLetterNumberPattern(str: string): boolean;
+export declare function shouldShowFormulaFunctionList(editor: HTMLDivElement | null): boolean;
+export declare function getFunctionNameFromFormulaCaretSpans(editor: HTMLDivElement | null): string | null;
 export declare function removeLastSpan(htmlString: string): string;
 export declare function numberToColumn(colNumber: number): string;
 export declare function incrementColumn(cell: string): string;

package/lib/components/SheetOverlay/helper.js

@@ -3,16 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.buildFormulaSuggestionText = buildFormulaSuggestionText;
 exports.countCommasBeforeCursor = countCommasBeforeCursor;
 exports.decrementColumn = decrementColumn;
 exports.decrementRow = decrementRow;
 exports.getCursorPosition = getCursorPosition;
+exports.getFunctionNameFromFormulaCaretSpans = getFunctionNameFromFormulaCaretSpans;
 exports.incrementColumn = incrementColumn;
 exports.incrementRow = incrementRow;
 exports.isLetterNumberPattern = isLetterNumberPattern;
 exports.moveCursorToEnd = moveCursorToEnd;
 exports.numberToColumn = numberToColumn;
 exports.removeLastSpan = removeLastSpan;
+exports.setCursorPosition = setCursorPosition;
+exports.shouldShowFormulaFunctionList = shouldShowFormulaFunctionList;
 function moveCursorToEnd(editableDiv) {
   editableDiv.focus();
   var range = document.createRange();
@@ -33,10 +37,105 @@ function getCursorPosition(editableDiv) {
   preRange.setEnd(range.endContainer, range.endOffset);
   return preRange.toString().length;
 }
+function setCursorPosition(editableDiv, targetOffset) {
+  var _a, _b;
+  editableDiv.focus();
+  var selection = window.getSelection();
+  if (!selection) return;
+  var range = document.createRange();
+  var walker = document.createTreeWalker(editableDiv, NodeFilter.SHOW_TEXT);
+  var remaining = Math.max(0, targetOffset);
+  var node = walker.nextNode();
+  while (node) {
+    var textLength = (_b = (_a = node.textContent) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+    if (remaining <= textLength) {
+      range.setStart(node, remaining);
+      range.collapse(true);
+      selection.removeAllRanges();
+      selection.addRange(range);
+      return;
+    }
+    remaining -= textLength;
+    node = walker.nextNode();
+  }
+  range.selectNodeContents(editableDiv);
+  range.collapse(false);
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
+function buildFormulaSuggestionText(editableDiv, formulaName) {
+  var fullText = editableDiv.innerText || "";
+  var selection = window.getSelection();
+  var selectionInEditor = !!(selection === null || selection === void 0 ? void 0 : selection.rangeCount) && editableDiv.contains(selection.getRangeAt(0).startContainer);
+  var caretOffset = selectionInEditor ? getCursorPosition(editableDiv) : fullText.length;
+  var safeCaretOffset = Math.max(0, Math.min(caretOffset, fullText.length));
+  var beforeCaret = fullText.slice(0, safeCaretOffset);
+  var afterCaret = fullText.slice(safeCaretOffset);
+  var replaceStart = safeCaretOffset;
+  var tokenMatch = beforeCaret.match(/[A-Za-z_][A-Za-z0-9_]*$/);
+  if (tokenMatch) {
+    var token = tokenMatch[0];
+    var tokenStart = safeCaretOffset - token.length;
+    var charBeforeToken = tokenStart > 0 ? beforeCaret[tokenStart - 1] : "";
+    if (tokenStart === 0 || /[\s=(,+\-*/&^<>]$/.test(charBeforeToken)) {
+      replaceStart = tokenStart;
+    }
+  }
+  var shouldAddOpeningParen = !afterCaret.startsWith("(");
+  var insertedText = "".concat(formulaName).concat(shouldAddOpeningParen ? "(" : "");
+  var nextText = fullText.slice(0, replaceStart) + insertedText + afterCaret;
+  return {
+    text: nextText,
+    caretOffset: replaceStart + insertedText.length
+  };
+}
 function isLetterNumberPattern(str) {
   var regex = /^[a-zA-Z]+\d+$/;
   return regex.test(str);
 }
+function shouldShowFormulaFunctionList(editor) {
+  var _a, _b;
+  if (!editor) return false;
+  if (!((_a = editor.innerText) === null || _a === void 0 ? void 0 : _a.includes("="))) return false;
+  var parser = new DOMParser();
+  var doc = parser.parseFromString("<div>".concat(editor.innerHTML, "</div>"), "text/html");
+  var spans = doc.querySelectorAll("span");
+  var lastSpan = spans[spans.length - 1];
+  var lastText = (_b = lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.innerText) !== null && _b !== void 0 ? _b : "";
+  return /^=?[A-Za-z]*$/.test(lastText);
+}
+var FORMULA_FUNC_CLASS = "luckysheet-formula-text-func";
+var FORMULA_LPAR_CLASS = "luckysheet-formula-text-lpar";
+function getFunctionNameFromFormulaCaretSpans(editor) {
+  var _a, _b;
+  if (!editor) return null;
+  var sel = window.getSelection();
+  if (!(sel === null || sel === void 0 ? void 0 : sel.rangeCount)) return null;
+  var range = sel.getRangeAt(0);
+  if (!editor.contains(range.startContainer)) return null;
+  var n = range.startContainer;
+  while (n && n !== editor) {
+    if (n.nodeType === Node.ELEMENT_NODE) {
+      var elem = n;
+      if (elem.classList.contains(FORMULA_FUNC_CLASS)) {
+        var next = elem.nextElementSibling;
+        if (next === null || next === void 0 ? void 0 : next.classList.contains(FORMULA_LPAR_CLASS)) {
+          var name_1 = (_a = elem.textContent) === null || _a === void 0 ? void 0 : _a.trim();
+          return name_1 ? name_1.toUpperCase() : null;
+        }
+      }
+      if (elem.classList.contains(FORMULA_LPAR_CLASS)) {
+        var prev = elem.previousElementSibling;
+        if (prev === null || prev === void 0 ? void 0 : prev.classList.contains(FORMULA_FUNC_CLASS)) {
+          var name_2 = (_b = prev.textContent) === null || _b === void 0 ? void 0 : _b.trim();
+          return name_2 ? name_2.toUpperCase() : null;
+        }
+      }
+    }
+    n = n.parentNode;
+  }
+  return null;
+}
 function removeLastSpan(htmlString) {
   var container = document.createElement("div");
   container.innerHTML = htmlString;

package/lib/components/SheetOverlay/index.css

@@ -356,7 +356,7 @@
 }
 
 .luckysheet-formula-text-color {
-  color: black;
+  color: darkred;
 }
 
 .luckysheet-formula-text-string {

package/lib/components/Workbook/index.js

@@ -25,7 +25,7 @@ var _FilterMenu = _interopRequireDefault(require("../ContextMenu/FilterMenu"));
 var _SheetList = _interopRequireDefault(require("../SheetList"));
 var _DunePreview = _interopRequireDefault(require("../DunePreview/DunePreview"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -151,6 +151,101 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       onOp((0, _fortuneCore.patchToOp)(ctx, patches, options, undo));
     }
   }, [onOp]);
+  var emitYjsFromPatches = (0, _react.useCallback)(function (ctxBefore, ctxAfter, patches) {
+    var _a;
+    var _b = (_a = ctxBefore.hooks) !== null && _a !== void 0 ? _a : {},
+      updateCellYdoc = _b.updateCellYdoc,
+      updateAllCell = _b.updateAllCell;
+    if (!updateCellYdoc) return;
+    var mapFields = new Set(["celldata", "calcChain", "dataBlockCalcFunction", "liveQueryList", "dataVerification", "hyperlink", "conditionRules"]);
+    var changeMap = new Map();
+    var upsert = function upsert(change) {
+      var _a, _b, _c;
+      var k = "".concat(change.sheetId, ":").concat((_b = (_a = change.path) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : "", ":").concat((_c = change.key) !== null && _c !== void 0 ? _c : "");
+      changeMap.set(k, change);
+    };
+    var upsertCell = function upsertCell(sheetId, r, c) {
+      var _a, _b, _c;
+      var cell = (_c = (_b = (_a = (0, _fortuneCore.getFlowdata)(ctxAfter, sheetId)) === null || _a === void 0 ? void 0 : _a[r]) === null || _b === void 0 ? void 0 : _b[c]) !== null && _c !== void 0 ? _c : null;
+      var key = "".concat(r, "_").concat(c);
+      upsert({
+        sheetId: sheetId,
+        path: ["celldata"],
+        key: key,
+        value: {
+          r: r,
+          c: c,
+          v: cell
+        },
+        type: cell == null ? "delete" : "update"
+      });
+    };
+    patches.forEach(function (p) {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+      var path = p.path;
+      if ((path === null || path === void 0 ? void 0 : path[0]) !== "luckysheetfile") return;
+      var sheetIndex = path[1];
+      if (!_lodash.default.isNumber(sheetIndex)) return;
+      var sheetBefore = (_a = ctxBefore.luckysheetfile) === null || _a === void 0 ? void 0 : _a[sheetIndex];
+      var sheetAfter = (_b = ctxAfter.luckysheetfile) === null || _b === void 0 ? void 0 : _b[sheetIndex];
+      var sheetId = (sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.id) || (sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.id);
+      if (!sheetId) return;
+      var root = path[2];
+      if (root === "data") {
+        if (_lodash.default.isNumber(path[3]) && _lodash.default.isNumber(path[4])) {
+          upsertCell(sheetId, path[3], path[4]);
+          return;
+        }
+        if (_lodash.default.isNumber(path[3]) && path.length === 4) {
+          var r = path[3];
+          var beforeRow = (_d = (_c = sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.data) === null || _c === void 0 ? void 0 : _c[r]) !== null && _d !== void 0 ? _d : [];
+          var afterRow = (_f = (_e = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data) === null || _e === void 0 ? void 0 : _e[r]) !== null && _f !== void 0 ? _f : [];
+          var max = Math.max((_g = beforeRow.length) !== null && _g !== void 0 ? _g : 0, (_h = afterRow.length) !== null && _h !== void 0 ? _h : 0);
+          for (var c = 0; c < max; c += 1) {
+            if (!_lodash.default.isEqual((_j = beforeRow[c]) !== null && _j !== void 0 ? _j : null, (_k = afterRow[c]) !== null && _k !== void 0 ? _k : null)) {
+              upsertCell(sheetId, r, c);
+            }
+          }
+          return;
+        }
+        if (path.length === 3) {
+          var dataAfter = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data;
+          var rows = (_l = dataAfter === null || dataAfter === void 0 ? void 0 : dataAfter.length) !== null && _l !== void 0 ? _l : 0;
+          var cols = rows > 0 ? (_o = (_m = dataAfter === null || dataAfter === void 0 ? void 0 : dataAfter[0]) === null || _m === void 0 ? void 0 : _m.length) !== null && _o !== void 0 ? _o : 0 : 0;
+          var size = rows * cols;
+          if (size > 50000 && updateAllCell) {
+            updateAllCell(sheetId);
+            return;
+          }
+          for (var r = 0; r < rows; r += 1) {
+            var beforeRow = (_q = (_p = sheetBefore === null || sheetBefore === void 0 ? void 0 : sheetBefore.data) === null || _p === void 0 ? void 0 : _p[r]) !== null && _q !== void 0 ? _q : [];
+            var afterRow = (_s = (_r = sheetAfter === null || sheetAfter === void 0 ? void 0 : sheetAfter.data) === null || _r === void 0 ? void 0 : _r[r]) !== null && _s !== void 0 ? _s : [];
+            var max = Math.max((_t = beforeRow.length) !== null && _t !== void 0 ? _t : 0, (_u = afterRow.length) !== null && _u !== void 0 ? _u : 0);
+            for (var c = 0; c < max; c += 1) {
+              if (!_lodash.default.isEqual((_v = beforeRow[c]) !== null && _v !== void 0 ? _v : null, (_w = afterRow[c]) !== null && _w !== void 0 ? _w : null)) {
+                upsertCell(sheetId, r, c);
+              }
+            }
+          }
+        }
+        return;
+      }
+      if (typeof root === "string" && mapFields.has(root)) {
+        var key = path[3];
+        if (typeof key === "string") {
+          upsert({
+            sheetId: sheetId,
+            path: [root],
+            key: key,
+            value: p.value,
+            type: p.op === "remove" || p.value == null ? "delete" : "update"
+          });
+        }
+      }
+    });
+    var changes = Array.from(changeMap.values());
+    if (changes.length > 0) updateCellYdoc(changes);
+  }, []);
   function reduceUndoList(ctx, ctxBefore) {
     var sheetsId = ctx.luckysheetfile.map(function (sheet) {
       return sheet.id;
@@ -308,6 +403,7 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
           delete inversedOptions.addSheet.value.data;
         }
         emitOp(newContext, history.inversePatches, inversedOptions, true);
+        emitYjsFromPatches(ctx_, newContext, history.inversePatches);
         var sheetIdxAfterUndo = (0, _fortuneCore.getSheetIndex)(newContext, newContext.currentSheetId);
         var nw = __assign(__assign({}, newContext), sheetIdxAfterUndo != null && ((_f = newContext.luckysheetfile[sheetIdxAfterUndo]) === null || _f === void 0 ? void 0 : _f.config) != null ? {
           config: newContext.luckysheetfile[sheetIdxAfterUndo].config
@@ -336,6 +432,7 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
         });
         globalCache.current.undoList.push(history);
         emitOp(newContext, history.patches, history.options);
+        emitYjsFromPatches(ctx_, newContext, history.patches);
         var sheetIdxAfterRedo = (0, _fortuneCore.getSheetIndex)(newContext, newContext.currentSheetId);
         var nw = __assign(__assign({}, newContext), sheetIdxAfterRedo != null && ((_a = newContext.luckysheetfile[sheetIdxAfterRedo]) === null || _a === void 0 ? void 0 : _a.config) != null ? {
           config: newContext.luckysheetfile[sheetIdxAfterRedo].config
@@ -362,18 +459,13 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
   (0, _react.useEffect)(function () {
     var _a, _b;
     setContext(function (ctx) {
-      var _a, _b;
       var gridData = (0, _fortuneCore.getFlowdata)(ctx);
       var cellData = _fortuneCore.api.dataToCelldata(gridData);
-      var denominatedUsed = false;
-      for (var _i = 0, cellData_1 = cellData; _i < cellData_1.length; _i++) {
-        var cell = cellData_1[_i];
+      var denominatedUsed = (cellData !== null && cellData !== void 0 ? cellData : []).some(function (cell) {
+        var _a, _b;
         var value = (_b = (_a = cell === null || cell === void 0 ? void 0 : cell.v) === null || _a === void 0 ? void 0 : _a.m) === null || _b === void 0 ? void 0 : _b.toString();
-        if ((value === null || value === void 0 ? void 0 : value.includes("BTC")) || (value === null || value === void 0 ? void 0 : value.includes("ETH")) || (value === null || value === void 0 ? void 0 : value.includes("SOL"))) {
-          denominatedUsed = true;
-          break;
-        }
-      }
+        return (value === null || value === void 0 ? void 0 : value.includes("BTC")) || (value === null || value === void 0 ? void 0 : value.includes("ETH")) || (value === null || value === void 0 ? void 0 : value.includes("SOL"));
+      });
       var denoWarn = document.getElementById("denomination-warning");
       var scrollBar = document.getElementsByClassName("luckysheet-scrollbar-x")[0];
       if (denominatedUsed && denoWarn) {
@@ -447,6 +539,32 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       context.hooks.afterOrderChanges();
     }
   }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.order]);
+  var sheetColorSig = (0, _react.useMemo)(function () {
+    var _a;
+    return ((_a = context === null || context === void 0 ? void 0 : context.luckysheetfile) !== null && _a !== void 0 ? _a : []).map(function (s) {
+      var _a;
+      return "".concat(s.id, ":").concat((_a = s.color) !== null && _a !== void 0 ? _a : "");
+    }).join("|");
+  }, [context === null || context === void 0 ? void 0 : context.luckysheetfile]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterColorChanges) {
+      context.hooks.afterColorChanges();
+    }
+  }, [sheetColorSig]);
+  var sheetHideSig = (0, _react.useMemo)(function () {
+    var _a;
+    return ((_a = context === null || context === void 0 ? void 0 : context.luckysheetfile) !== null && _a !== void 0 ? _a : []).map(function (s) {
+      var _a;
+      return "".concat(s.id, ":").concat((_a = s.hide) !== null && _a !== void 0 ? _a : 0);
+    }).join("|");
+  }, [context === null || context === void 0 ? void 0 : context.luckysheetfile]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterHideChanges) {
+      context.hooks.afterHideChanges();
+    }
+  }, [sheetHideSig]);
   (0, _react.useEffect)(function () {
     var _a;
     if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterConfigChanges) {
@@ -513,6 +631,18 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       context.hooks.conditionFormatChange();
     }
   }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.luckysheet_conditionformat_save]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.filterSelectChange) {
+      context.hooks.filterSelectChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.filter_select]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.filterChange) {
+      context.hooks.filterChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.filter]);
   (0, _react.useEffect)(function () {
     var _a;
     if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.hyperlinkChange) {
@@ -757,7 +887,7 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       });
     }
     var nativeEvent = e.nativeEvent;
-    if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ") {
+    if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ" && context.luckysheetCellUpdate.length === 0) {
       if (e.shiftKey) {
         handleRedo();
       } else {
@@ -766,7 +896,7 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       e.stopPropagation();
       return;
     }
-    if ((e.ctrlKey || e.metaKey) && e.code === "KeyY") {
+    if ((e.ctrlKey || e.metaKey) && e.code === "KeyY" && context.luckysheetCellUpdate.length === 0) {
       handleRedo();
       e.stopPropagation();
       e.preventDefault();

package/lib/hooks/useFormulaEditorHistory.d.ts

@@ -0,0 +1,24 @@
+import { type RefObject } from "react";
+import { type Context } from "@fileverse-dev/fortune-core";
+import type { SetContextOptions } from "../context";
+export type FormulaHistoryEntry = {
+    text: string;
+    caret: number;
+    spanValues: string[];
+};
+export type FormulaEditorHistoryPrimary = "cell" | "fx";
+type SetContext = (recipe: (ctx: Context) => void, options?: SetContextOptions) => void;
+export declare function useFormulaEditorHistory(primaryRef: RefObject<HTMLDivElement | null>, cellInputRef: RefObject<HTMLDivElement | null>, fxInputRef: RefObject<HTMLDivElement | null>, setContext: SetContext, primary: FormulaEditorHistoryPrimary): {
+    formulaHistoryRef: RefObject<{
+        active: boolean;
+        entries: FormulaHistoryEntry[];
+        index: number;
+    }>;
+    preTextRef: RefObject<string>;
+    preFormulaSpanValuesRef: RefObject<string[] | null>;
+    resetFormulaHistory: () => void;
+    handleFormulaHistoryUndoRedo: (isRedo: boolean) => boolean;
+    capturePreFormulaState: () => void;
+    appendFormulaHistoryFromPrimaryEditor: (getCaret: () => number) => void;
+};
+export {};

package/lib/hooks/useFormulaEditorHistory.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormulaEditorHistory = useFormulaEditorHistory;
+var _react = require("react");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _helper = require("../components/SheetOverlay/helper");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var MAX_FORMULA_HISTORY = 100;
+function useFormulaEditorHistory(primaryRef, cellInputRef, fxInputRef, setContext, primary) {
+  var preTextRef = (0, _react.useRef)("");
+  var preFormulaSpanValuesRef = (0, _react.useRef)(null);
+  var formulaHistoryRef = (0, _react.useRef)({
+    active: false,
+    entries: [],
+    index: -1
+  });
+  var resetFormulaHistory = (0, _react.useCallback)(function () {
+    formulaHistoryRef.current = {
+      active: false,
+      entries: [],
+      index: -1
+    };
+    preFormulaSpanValuesRef.current = null;
+  }, []);
+  var pushFormulaHistoryEntry = (0, _react.useCallback)(function (entry) {
+    var history = formulaHistoryRef.current;
+    var current = history.entries[history.index];
+    if (current && current.spanValues.length > 0 && entry.spanValues.length > 0 && _lodash.default.isEqual(current.spanValues, entry.spanValues)) {
+      return;
+    }
+    if (current && current.spanValues.length === 0 && entry.spanValues.length === 0 && current.text === entry.text && current.caret === entry.caret) {
+      return;
+    }
+    var nextEntries = history.entries.slice(0, history.index + 1);
+    nextEntries.push(entry);
+    if (nextEntries.length > MAX_FORMULA_HISTORY) {
+      nextEntries.shift();
+    }
+    history.entries = nextEntries;
+    history.index = nextEntries.length - 1;
+    history.active = true;
+  }, []);
+  var applyFormulaHistoryEntry = (0, _react.useCallback)(function (entry) {
+    var primaryEl = primaryRef.current;
+    if (!primaryEl) return;
+    var safeText = (0, _fortuneCore.escapeScriptTag)(entry.text || "");
+    var html = safeText.startsWith("=") ? (0, _fortuneCore.functionHTMLGenerate)(safeText) : (0, _fortuneCore.escapeHTMLTag)(safeText);
+    var cell = cellInputRef.current;
+    var fx = fxInputRef.current;
+    primaryEl.innerHTML = html;
+    if (primary === "cell") {
+      if (fx) fx.innerHTML = html;
+    } else if (cell) {
+      cell.innerHTML = html;
+    }
+    (0, _helper.setCursorPosition)(primaryEl, Math.min(entry.caret, entry.text.length));
+    setContext(function (draftCtx) {
+      if (primary === "cell") {
+        if (!cellInputRef.current) return;
+        (0, _fortuneCore.handleFormulaInput)(draftCtx, fxInputRef.current, cellInputRef.current, 0);
+      } else {
+        if (!fxInputRef.current) return;
+        (0, _fortuneCore.handleFormulaInput)(draftCtx, cellInputRef.current, fxInputRef.current, 0);
+      }
+    });
+  }, [cellInputRef, fxInputRef, primary, primaryRef, setContext]);
+  var handleFormulaHistoryUndoRedo = (0, _react.useCallback)(function (isRedo) {
+    var history = formulaHistoryRef.current;
+    if (!history.active || history.entries.length === 0) return false;
+    var nextIndex = isRedo ? history.index + 1 : history.index - 1;
+    if (nextIndex < 0 || nextIndex >= history.entries.length) return true;
+    history.index = nextIndex;
+    applyFormulaHistoryEntry(history.entries[nextIndex]);
+    return true;
+  }, [applyFormulaHistoryEntry]);
+  var capturePreFormulaState = (0, _react.useCallback)(function () {
+    var el = primaryRef.current;
+    if (!el) return;
+    preTextRef.current = el.innerText;
+    preFormulaSpanValuesRef.current = Array.from(el.querySelectorAll("span.fortune-formula-functionrange-cell")).map(function (node) {
+      var _a;
+      return (_a = node.textContent) !== null && _a !== void 0 ? _a : "";
+    });
+  }, [primaryRef]);
+  var appendFormulaHistoryFromPrimaryEditor = (0, _react.useCallback)(function (getCaret) {
+    var _a, _b;
+    var el = primaryRef.current;
+    if (!el) return;
+    var currentText = el.innerText || "";
+    if (currentText.startsWith("=")) {
+      var caret = getCaret();
+      var spanValues = Array.from(el.querySelectorAll("span.fortune-formula-functionrange-cell")).map(function (node) {
+        var _a;
+        return (_a = node.textContent) !== null && _a !== void 0 ? _a : "";
+      });
+      if (!formulaHistoryRef.current.active) {
+        var seedText = preTextRef.current || "";
+        pushFormulaHistoryEntry({
+          text: seedText,
+          caret: Math.min(caret, seedText.length),
+          spanValues: (_b = (_a = preFormulaSpanValuesRef.current) !== null && _a !== void 0 ? _a : spanValues) !== null && _b !== void 0 ? _b : []
+        });
+      }
+      pushFormulaHistoryEntry({
+        text: currentText,
+        caret: caret,
+        spanValues: spanValues
+      });
+    } else if (formulaHistoryRef.current.active) {
+      resetFormulaHistory();
+    }
+  }, [primaryRef, pushFormulaHistoryEntry, resetFormulaHistory]);
+  return {
+    formulaHistoryRef: formulaHistoryRef,
+    preTextRef: preTextRef,
+    preFormulaSpanValuesRef: preFormulaSpanValuesRef,
+    resetFormulaHistory: resetFormulaHistory,
+    handleFormulaHistoryUndoRedo: handleFormulaHistoryUndoRedo,
+    capturePreFormulaState: capturePreFormulaState,
+    appendFormulaHistoryFromPrimaryEditor: appendFormulaHistoryFromPrimaryEditor
+  };
+}

package/lib/hooks/useRerenderOnFormulaCaret.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from "react";
+export declare function useRerenderOnFormulaCaret(editorRef: RefObject<HTMLDivElement | null>, editSessionActive: boolean): void;

package/lib/hooks/useRerenderOnFormulaCaret.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRerenderOnFormulaCaret = useRerenderOnFormulaCaret;
+var _react = require("react");
+function useRerenderOnFormulaCaret(editorRef, editSessionActive) {
+  var _a = (0, _react.useState)(0),
+    bump = _a[1];
+  (0, _react.useEffect)(function () {
+    if (!editSessionActive) return;
+    var onSelectionChange = function onSelectionChange() {
+      var _a, _b;
+      var el = editorRef.current;
+      if (!el) return;
+      var text = (_b = (_a = el.innerText) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
+      if (!text.startsWith("=")) return;
+      var sel = window.getSelection();
+      if (!(sel === null || sel === void 0 ? void 0 : sel.rangeCount) || !el.contains(sel.getRangeAt(0).startContainer)) {
+        return;
+      }
+      bump(function (n) {
+        return n + 1;
+      });
+    };
+    document.addEventListener("selectionchange", onSelectionChange);
+    return function () {
+      return document.removeEventListener("selectionchange", onSelectionChange);
+    };
+  }, [editSessionActive, editorRef]);
+}