@fileverse-dev/fortune-react 1.2.86 → 1.2.88

package/es/components/SheetOverlay/InputBox.js

@@ -8,7 +8,7 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
-import { cancelNormalSelected, getCellValue, getInlineStringHTML, getStyleByCell, isInlineStringCell, moveToEnd, getFlowdata, handleFormulaInput, moveHighlightCell, escapeScriptTag, valueShowEs, createRangeHightlight, isShowHidenCR, israngeseleciton, escapeHTMLTag, isAllowEdit, getrangeseleciton, indexToColumnChar, handleBold, handleItalic, handleUnderline, handleStrikeThrough } from "@fileverse-dev/fortune-core";
+import { cancelNormalSelected, getCellValue, getInlineStringHTML, getStyleByCell, isInlineStringCell, moveToEnd, getFlowdata, handleFormulaInput, moveHighlightCell, escapeScriptTag, valueShowEs, createRangeHightlight, isShowHidenCR, israngeseleciton, escapeHTMLTag, isAllowEdit, getrangeseleciton, indexToColumnChar, handleBold, handleItalic, handleUnderline, handleStrikeThrough, setCellValue } from "@fileverse-dev/fortune-core";
 import React, { useContext, useEffect, useMemo, useRef, useCallback, useLayoutEffect, useState } from "react";
 import _ from "lodash";
 import { Tooltip } from "@fileverse/ui";
@@ -65,6 +65,24 @@ var InputBox = function InputBox() {
   var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
   var preText = useRef("");
   var placeRef = useRef("");
+  var rootRef = useRef(null);
+  var isComposingRef = useRef(false);
+  var placeCursorAtEnd = function placeCursorAtEnd(el) {
+    var range = document.createRange();
+    var sel = window.getSelection();
+    range.selectNodeContents(el);
+    range.collapse(false);
+    sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
+    sel === null || sel === void 0 ? void 0 : sel.addRange(range);
+  };
+  var ensureNotEmpty = function ensureNotEmpty() {
+    var el = rootRef.current;
+    if (!el) return;
+    if (el.textContent === "") {
+      el.innerHTML = "\u200B";
+      placeCursorAtEnd(el);
+    }
+  };
   var handleShowFormulaHint = function handleShowFormulaHint() {
     localStorage.setItem("formulaMore", String(showFormulaHint));
     setShowFormulaHint(!showFormulaHint);
@@ -130,7 +148,7 @@ var InputBox = function InputBox() {
         }
       }
       refs.globalCache.overwriteCell = false;
-      if (!refs.globalCache.ignoreWriteCell) inputRef.current.innerHTML = escapeHTMLTag(escapeScriptTag(value_1));
+      if (!refs.globalCache.ignoreWriteCell && inputRef.current) inputRef.current.innerHTML = escapeHTMLTag(escapeScriptTag(value_1));
       refs.globalCache.ignoreWriteCell = false;
       if (!refs.globalCache.doNotFocus) {
         setTimeout(function () {
@@ -152,6 +170,7 @@ var InputBox = function InputBox() {
   }, [context.luckysheet_select_save]);
   useEffect(function () {
     var _a;
+    if (isComposingRef.current) return;
     if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show) || _.isEmpty(context.luckysheetCellUpdate)) {
       setIsInputBoxActive(false);
     }
@@ -161,6 +180,7 @@ var InputBox = function InputBox() {
   }, []);
   var insertSelectedFormula = useCallback(function (formulaName) {
     var _a;
+    if (isComposingRef.current) return;
     if (/^=[a-zA-Z]+$/.test(inputRef.current.innerText)) {
       var ht = "<span dir=\"auto\" class=\"luckysheet-formula-text-color\">=</span><span dir=\"auto\" class=\"luckysheet-formula-text-func\">".concat(formulaName, "</span><span dir=\"auto\" class=\"luckysheet-formula-text-lpar\">(</span>");
       inputRef.current.innerHTML = ht;
@@ -225,6 +245,7 @@ var InputBox = function InputBox() {
   }, [getActiveFormula]);
   var selectActiveFormula = useCallback(function (e) {
     var _a, _b;
+    if (isComposingRef.current) return;
     var formulaName = (_b = (_a = getActiveFormula()) === null || _a === void 0 ? void 0 : _a.querySelector(".luckysheet-formula-search-func")) === null || _b === void 0 ? void 0 : _b.textContent;
     var lastSpanText = getLastInputSpanText();
     if (formulaName && !isLetterNumberPattern(lastSpanText)) {
@@ -235,6 +256,7 @@ var InputBox = function InputBox() {
   }, [getActiveFormula, insertSelectedFormula]);
   var selectActiveFormulaOnClick = useCallback(function (e) {
     var _a, _b;
+    if (isComposingRef.current || !inputRef.current) return;
     if (e.target.className.includes("sign-fortune")) return;
     preText.current = inputRef.current.innerText;
     var formulaName = (_b = (_a = getActiveFormula()) === null || _a === void 0 ? void 0 : _a.querySelector(".luckysheet-formula-search-func")) === null || _b === void 0 ? void 0 : _b.textContent;
@@ -251,6 +273,10 @@ var InputBox = function InputBox() {
   };
   var onKeyDown = useCallback(function (e) {
     var _a, _b;
+    if (isComposingRef.current || !inputRef.current) {
+      ensureNotEmpty();
+      return;
+    }
     lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
     preText.current = inputRef.current.innerText;
     if (e.metaKey) {
@@ -268,8 +294,10 @@ var InputBox = function InputBox() {
         stopPropagation(e);
       }
     }
-    var currentCommaCount = countCommasBeforeCursor(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
-    setCommaCount(currentCommaCount);
+    if (!isComposingRef.current) {
+      var currentCommaCount = countCommasBeforeCursor(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
+      setCommaCount(currentCommaCount);
+    }
     var allowListNavigation = true;
     if ((e.key === "Delete" || e.key === "Backspace") && getCursorPosition(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current.innerText.length)) {
       setTimeout(function () {
@@ -386,6 +414,9 @@ var InputBox = function InputBox() {
   };
   var onChange = useCallback(function (__, isBlur) {
     var _a;
+    if (isComposingRef.current) {
+      return;
+    }
     if (context.isFlvReadOnly) return;
     handleHideShowHint();
     if (((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.innerText.includes("=")) && /^=?[A-Za-z]*$/.test(getLastInputSpanText())) {
@@ -393,8 +424,10 @@ var InputBox = function InputBox() {
     } else {
       setShowSearchHint(false);
     }
-    var currentCommaCount = countCommasBeforeCursor(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
-    setCommaCount(currentCommaCount);
+    if (!isComposingRef.current) {
+      var currentCommaCount = countCommasBeforeCursor(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
+      setCommaCount(currentCommaCount);
+    }
     var e = lastKeyDownEventRef.current;
     if (!e) return;
     var kcode = e.keyCode;
@@ -410,6 +443,7 @@ var InputBox = function InputBox() {
     }
   }, [refs.cellInput, refs.fxInput, setContext]);
   var onPaste = useCallback(function (e) {
+    if (isComposingRef.current) return;
     if (_.isEmpty(context.luckysheetCellUpdate)) {
       e.preventDefault();
     }
@@ -555,12 +589,44 @@ var InputBox = function InputBox() {
       minHeight: firstSelection.height
     }, inputBoxStyle) : {}
   }, /*#__PURE__*/React.createElement(ContentEditable, {
+    onCompositionStart: function onCompositionStart() {
+      isComposingRef.current = true;
+      console.log("onCompositionStart");
+    },
+    onCompositionUpdate: function onCompositionUpdate(e) {
+      window.CompositData = e.currentTarget.innerText;
+      isComposingRef.current = true;
+      console.log("onCompositionUpdate", e.currentTarget.innerText);
+    },
+    onCompositionEnd: function onCompositionEnd(e) {
+      ensureNotEmpty();
+      var rowIndex = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus) || 0;
+      var colIndex = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus) || 0;
+      console.log("onCompositionEnd", e.currentTarget.innerText, getCellAddress(), rowIndex, colIndex, setCellValue);
+      window.CompositData = e.currentTarget.innerText;
+      setContext(function (draftCtx) {
+        setCellValue(draftCtx, rowIndex, colIndex, null, window.CompositData);
+        window.CompositData = "";
+      });
+      isComposingRef.current = false;
+    },
     onMouseUp: function onMouseUp() {
+      if (isComposingRef.current) {
+        return;
+      }
       handleHideShowHint();
-      var currentCommaCount = countCommasBeforeCursor(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
-      setCommaCount(currentCommaCount);
+      if (!isComposingRef.current) {
+        var currentCommaCount = countCommasBeforeCursor(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
+        setCommaCount(currentCommaCount);
+      }
     },
     innerRef: function innerRef(e) {
+      rootRef.current = e;
+      if (isComposingRef.current) {
+        inputRef.current = null;
+        refs.cellInput.current = null;
+        return;
+      }
       inputRef.current = e;
       refs.cellInput.current = e;
     },

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

@@ -140,6 +140,7 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     handleRedo: () => void;
     calculateFormula: () => void;
     calculateSubSheetFormula: (id: string) => void;
+    calculateCellReferencedSubSheetFormula: (id: string, refCell?: string[]) => void;
     dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];
     celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number, colCount?: number) => CellMatrix | null;
     insertFunction: (selectedFuncIndex: number, filteredFunctionList: any[], callback?: () => void) => void;

package/es/components/Workbook/api.js

@@ -389,6 +389,12 @@ export function generateAPIs(context, setContext, handleUndo, handleRedo, settin
         api.calculateSheetFromula(draftCtx, id);
       });
     },
+    calculateCellReferencedSubSheetFormula: function calculateCellReferencedSubSheetFormula(id, refCell) {
+      console.log("calculateCellReferencedSubSheetFormula", id, refCell);
+      setContext(function (draftCtx) {
+        api.calculateReferencedCellSheetFromula(draftCtx, id, refCell);
+      });
+    },
     dataToCelldata: function dataToCelldata(data) {
       return api.dataToCelldata(data);
     },

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

@@ -147,6 +147,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     handleRedo: () => void;
     calculateFormula: () => void;
     calculateSubSheetFormula: (id: string) => void;
+    calculateCellReferencedSubSheetFormula: (id: string, refCell?: string[] | undefined) => void;
     dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];
     celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number | undefined, colCount?: number | undefined) => CellMatrix | null;
     insertFunction: (selectedFuncIndex: number, filteredFunctionList: any[], callback?: (() => void) | undefined) => void;

package/es/components/Workbook/index.js

@@ -1,3 +1,13 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -252,7 +262,11 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var history = globalCache.current.undoList.pop();
     if (history) {
       setContext(function (ctx_) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
+        var isBorderUndo = history.patches.some(function (onePatch) {
+          var _a;
+          return (_a = onePatch.value) === null || _a === void 0 ? void 0 : _a.borderInfo;
+        });
         if ((_a = history.options) === null || _a === void 0 ? void 0 : _a.deleteSheetOp) {
           history.inversePatches[0].path[1] = ctx_.luckysheetfile.length;
           var order_1 = (_c = (_b = history.options.deletedSheet) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.order;
@@ -285,21 +299,44 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           delete inversedOptions.addSheet.value.data;
         }
         emitOp(newContext, history.inversePatches, inversedOptions, true);
-        return newContext;
+        var nw = __assign({}, newContext);
+        if (isBorderUndo) {
+          var nwborderlist = (_g = (_f = nw === null || nw === void 0 ? void 0 : nw.config) === null || _f === void 0 ? void 0 : _f.borderInfo) === null || _g === void 0 ? void 0 : _g.slice(0, -1);
+          nw = __assign(__assign({}, nw), {
+            config: __assign(__assign({}, nw.config), {
+              borderInfo: nwborderlist
+            })
+          });
+        }
+        return isBorderUndo ? nw : newContext;
       });
     }
-  }, [emitOp]);
+  }, [emitOp, globalCache]);
   var handleRedo = useCallback(function () {
     var history = globalCache.current.redoList.pop();
     if (history) {
       setContext(function (ctx_) {
+        var _a, _b, _c;
         var newContext = applyPatches(ctx_, history.patches);
+        var isBorderUndo = history.patches.some(function (onePatch) {
+          var _a;
+          return (_a = onePatch.value) === null || _a === void 0 ? void 0 : _a.borderInfo;
+        });
         globalCache.current.undoList.push(history);
         emitOp(newContext, history.patches, history.options);
-        return newContext;
+        var nw = __assign({}, newContext);
+        if (isBorderUndo) {
+          var nwborderlist = ((_b = (_a = nw === null || nw === void 0 ? void 0 : nw.config) === null || _a === void 0 ? void 0 : _a.borderInfo) !== null && _b !== void 0 ? _b : []).concat((_c = history.patches[0].value) === null || _c === void 0 ? void 0 : _c.borderInfo[0]);
+          nw = __assign(__assign({}, nw), {
+            config: __assign(__assign({}, nw.config), {
+              borderInfo: nwborderlist
+            })
+          });
+        }
+        return isBorderUndo ? nw : newContext;
       });
     }
-  }, [emitOp]);
+  }, [emitOp, globalCache]);
   useEffect(function () {
     var _a, _b;
     (_b = (_a = mergedSettings.hooks) === null || _a === void 0 ? void 0 : _a.afterActivateSheet) === null || _b === void 0 ? void 0 : _b.call(_a, context.currentSheetId);

package/lib/components/SheetOverlay/InputBox.js

@@ -74,6 +74,24 @@ var InputBox = function InputBox() {
   var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
   var preText = (0, _react.useRef)("");
   var placeRef = (0, _react.useRef)("");
+  var rootRef = (0, _react.useRef)(null);
+  var isComposingRef = (0, _react.useRef)(false);
+  var placeCursorAtEnd = function placeCursorAtEnd(el) {
+    var range = document.createRange();
+    var sel = window.getSelection();
+    range.selectNodeContents(el);
+    range.collapse(false);
+    sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
+    sel === null || sel === void 0 ? void 0 : sel.addRange(range);
+  };
+  var ensureNotEmpty = function ensureNotEmpty() {
+    var el = rootRef.current;
+    if (!el) return;
+    if (el.textContent === "") {
+      el.innerHTML = "\u200B";
+      placeCursorAtEnd(el);
+    }
+  };
   var handleShowFormulaHint = function handleShowFormulaHint() {
     localStorage.setItem("formulaMore", String(showFormulaHint));
     setShowFormulaHint(!showFormulaHint);
@@ -139,7 +157,7 @@ var InputBox = function InputBox() {
         }
       }
       refs.globalCache.overwriteCell = false;
-      if (!refs.globalCache.ignoreWriteCell) inputRef.current.innerHTML = (0, _fortuneCore.escapeHTMLTag)((0, _fortuneCore.escapeScriptTag)(value_1));
+      if (!refs.globalCache.ignoreWriteCell && inputRef.current) inputRef.current.innerHTML = (0, _fortuneCore.escapeHTMLTag)((0, _fortuneCore.escapeScriptTag)(value_1));
       refs.globalCache.ignoreWriteCell = false;
       if (!refs.globalCache.doNotFocus) {
         setTimeout(function () {
@@ -161,6 +179,7 @@ var InputBox = function InputBox() {
   }, [context.luckysheet_select_save]);
   (0, _react.useEffect)(function () {
     var _a;
+    if (isComposingRef.current) return;
     if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show) || _lodash.default.isEmpty(context.luckysheetCellUpdate)) {
       setIsInputBoxActive(false);
     }
@@ -170,6 +189,7 @@ var InputBox = function InputBox() {
   }, []);
   var insertSelectedFormula = (0, _react.useCallback)(function (formulaName) {
     var _a;
+    if (isComposingRef.current) return;
     if (/^=[a-zA-Z]+$/.test(inputRef.current.innerText)) {
       var ht = "<span dir=\"auto\" class=\"luckysheet-formula-text-color\">=</span><span dir=\"auto\" class=\"luckysheet-formula-text-func\">".concat(formulaName, "</span><span dir=\"auto\" class=\"luckysheet-formula-text-lpar\">(</span>");
       inputRef.current.innerHTML = ht;
@@ -234,6 +254,7 @@ var InputBox = function InputBox() {
   }, [getActiveFormula]);
   var selectActiveFormula = (0, _react.useCallback)(function (e) {
     var _a, _b;
+    if (isComposingRef.current) return;
     var formulaName = (_b = (_a = getActiveFormula()) === null || _a === void 0 ? void 0 : _a.querySelector(".luckysheet-formula-search-func")) === null || _b === void 0 ? void 0 : _b.textContent;
     var lastSpanText = getLastInputSpanText();
     if (formulaName && !(0, _helper.isLetterNumberPattern)(lastSpanText)) {
@@ -244,6 +265,7 @@ var InputBox = function InputBox() {
   }, [getActiveFormula, insertSelectedFormula]);
   var selectActiveFormulaOnClick = (0, _react.useCallback)(function (e) {
     var _a, _b;
+    if (isComposingRef.current || !inputRef.current) return;
     if (e.target.className.includes("sign-fortune")) return;
     preText.current = inputRef.current.innerText;
     var formulaName = (_b = (_a = getActiveFormula()) === null || _a === void 0 ? void 0 : _a.querySelector(".luckysheet-formula-search-func")) === null || _b === void 0 ? void 0 : _b.textContent;
@@ -260,6 +282,10 @@ var InputBox = function InputBox() {
   };
   var onKeyDown = (0, _react.useCallback)(function (e) {
     var _a, _b;
+    if (isComposingRef.current || !inputRef.current) {
+      ensureNotEmpty();
+      return;
+    }
     lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
     preText.current = inputRef.current.innerText;
     if (e.metaKey) {
@@ -277,8 +303,10 @@ var InputBox = function InputBox() {
         stopPropagation(e);
       }
     }
-    var currentCommaCount = (0, _helper.countCommasBeforeCursor)(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
-    setCommaCount(currentCommaCount);
+    if (!isComposingRef.current) {
+      var currentCommaCount = (0, _helper.countCommasBeforeCursor)(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
+      setCommaCount(currentCommaCount);
+    }
     var allowListNavigation = true;
     if ((e.key === "Delete" || e.key === "Backspace") && (0, _helper.getCursorPosition)(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current.innerText.length)) {
       setTimeout(function () {
@@ -395,6 +423,9 @@ var InputBox = function InputBox() {
   };
   var onChange = (0, _react.useCallback)(function (__, isBlur) {
     var _a;
+    if (isComposingRef.current) {
+      return;
+    }
     if (context.isFlvReadOnly) return;
     handleHideShowHint();
     if (((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.innerText.includes("=")) && /^=?[A-Za-z]*$/.test(getLastInputSpanText())) {
@@ -402,8 +433,10 @@ var InputBox = function InputBox() {
     } else {
       setShowSearchHint(false);
     }
-    var currentCommaCount = (0, _helper.countCommasBeforeCursor)(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
-    setCommaCount(currentCommaCount);
+    if (!isComposingRef.current) {
+      var currentCommaCount = (0, _helper.countCommasBeforeCursor)(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
+      setCommaCount(currentCommaCount);
+    }
     var e = lastKeyDownEventRef.current;
     if (!e) return;
     var kcode = e.keyCode;
@@ -419,6 +452,7 @@ var InputBox = function InputBox() {
     }
   }, [refs.cellInput, refs.fxInput, setContext]);
   var onPaste = (0, _react.useCallback)(function (e) {
+    if (isComposingRef.current) return;
     if (_lodash.default.isEmpty(context.luckysheetCellUpdate)) {
       e.preventDefault();
     }
@@ -564,12 +598,44 @@ var InputBox = function InputBox() {
       minHeight: firstSelection.height
     }, inputBoxStyle) : {}
   }, /*#__PURE__*/_react.default.createElement(_ContentEditable.default, {
+    onCompositionStart: function onCompositionStart() {
+      isComposingRef.current = true;
+      console.log("onCompositionStart");
+    },
+    onCompositionUpdate: function onCompositionUpdate(e) {
+      window.CompositData = e.currentTarget.innerText;
+      isComposingRef.current = true;
+      console.log("onCompositionUpdate", e.currentTarget.innerText);
+    },
+    onCompositionEnd: function onCompositionEnd(e) {
+      ensureNotEmpty();
+      var rowIndex = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus) || 0;
+      var colIndex = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus) || 0;
+      console.log("onCompositionEnd", e.currentTarget.innerText, getCellAddress(), rowIndex, colIndex, _fortuneCore.setCellValue);
+      window.CompositData = e.currentTarget.innerText;
+      setContext(function (draftCtx) {
+        (0, _fortuneCore.setCellValue)(draftCtx, rowIndex, colIndex, null, window.CompositData);
+        window.CompositData = "";
+      });
+      isComposingRef.current = false;
+    },
     onMouseUp: function onMouseUp() {
+      if (isComposingRef.current) {
+        return;
+      }
       handleHideShowHint();
-      var currentCommaCount = (0, _helper.countCommasBeforeCursor)(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
-      setCommaCount(currentCommaCount);
+      if (!isComposingRef.current) {
+        var currentCommaCount = (0, _helper.countCommasBeforeCursor)(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
+        setCommaCount(currentCommaCount);
+      }
     },
     innerRef: function innerRef(e) {
+      rootRef.current = e;
+      if (isComposingRef.current) {
+        inputRef.current = null;
+        refs.cellInput.current = null;
+        return;
+      }
       inputRef.current = e;
       refs.cellInput.current = e;
     },

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

@@ -140,6 +140,7 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     handleRedo: () => void;
     calculateFormula: () => void;
     calculateSubSheetFormula: (id: string) => void;
+    calculateCellReferencedSubSheetFormula: (id: string, refCell?: string[]) => void;
     dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];
     celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number, colCount?: number) => CellMatrix | null;
     insertFunction: (selectedFuncIndex: number, filteredFunctionList: any[], callback?: () => void) => void;

package/lib/components/Workbook/api.js

@@ -396,6 +396,12 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
         _fortuneCore.api.calculateSheetFromula(draftCtx, id);
       });
     },
+    calculateCellReferencedSubSheetFormula: function calculateCellReferencedSubSheetFormula(id, refCell) {
+      console.log("calculateCellReferencedSubSheetFormula", id, refCell);
+      setContext(function (draftCtx) {
+        _fortuneCore.api.calculateReferencedCellSheetFromula(draftCtx, id, refCell);
+      });
+    },
     dataToCelldata: function dataToCelldata(data) {
       return _fortuneCore.api.dataToCelldata(data);
     },

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

@@ -147,6 +147,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     handleRedo: () => void;
     calculateFormula: () => void;
     calculateSubSheetFormula: (id: string) => void;
+    calculateCellReferencedSubSheetFormula: (id: string, refCell?: string[] | undefined) => void;
     dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];
     celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number | undefined, colCount?: number | undefined) => CellMatrix | null;
     insertFunction: (selectedFuncIndex: number, filteredFunctionList: any[], callback?: (() => void) | undefined) => void;

package/lib/components/Workbook/index.js

@@ -26,6 +26,16 @@ 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); }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -261,7 +271,11 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
     var history = globalCache.current.undoList.pop();
     if (history) {
       setContext(function (ctx_) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
+        var isBorderUndo = history.patches.some(function (onePatch) {
+          var _a;
+          return (_a = onePatch.value) === null || _a === void 0 ? void 0 : _a.borderInfo;
+        });
         if ((_a = history.options) === null || _a === void 0 ? void 0 : _a.deleteSheetOp) {
           history.inversePatches[0].path[1] = ctx_.luckysheetfile.length;
           var order_1 = (_c = (_b = history.options.deletedSheet) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.order;
@@ -294,21 +308,44 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
           delete inversedOptions.addSheet.value.data;
         }
         emitOp(newContext, history.inversePatches, inversedOptions, true);
-        return newContext;
+        var nw = __assign({}, newContext);
+        if (isBorderUndo) {
+          var nwborderlist = (_g = (_f = nw === null || nw === void 0 ? void 0 : nw.config) === null || _f === void 0 ? void 0 : _f.borderInfo) === null || _g === void 0 ? void 0 : _g.slice(0, -1);
+          nw = __assign(__assign({}, nw), {
+            config: __assign(__assign({}, nw.config), {
+              borderInfo: nwborderlist
+            })
+          });
+        }
+        return isBorderUndo ? nw : newContext;
       });
     }
-  }, [emitOp]);
+  }, [emitOp, globalCache]);
   var handleRedo = (0, _react.useCallback)(function () {
     var history = globalCache.current.redoList.pop();
     if (history) {
       setContext(function (ctx_) {
+        var _a, _b, _c;
         var newContext = (0, _immer.applyPatches)(ctx_, history.patches);
+        var isBorderUndo = history.patches.some(function (onePatch) {
+          var _a;
+          return (_a = onePatch.value) === null || _a === void 0 ? void 0 : _a.borderInfo;
+        });
         globalCache.current.undoList.push(history);
         emitOp(newContext, history.patches, history.options);
-        return newContext;
+        var nw = __assign({}, newContext);
+        if (isBorderUndo) {
+          var nwborderlist = ((_b = (_a = nw === null || nw === void 0 ? void 0 : nw.config) === null || _a === void 0 ? void 0 : _a.borderInfo) !== null && _b !== void 0 ? _b : []).concat((_c = history.patches[0].value) === null || _c === void 0 ? void 0 : _c.borderInfo[0]);
+          nw = __assign(__assign({}, nw), {
+            config: __assign(__assign({}, nw.config), {
+              borderInfo: nwborderlist
+            })
+          });
+        }
+        return isBorderUndo ? nw : newContext;
       });
     }
-  }, [emitOp]);
+  }, [emitOp, globalCache]);
   (0, _react.useEffect)(function () {
     var _a, _b;
     (_b = (_a = mergedSettings.hooks) === null || _a === void 0 ? void 0 : _a.afterActivateSheet) === null || _b === void 0 ? void 0 : _b.call(_a, context.currentSheetId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.2.86",
+  "version": "1.2.88",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.2.86",
+    "@fileverse-dev/fortune-core": "1.2.88",
     "@fileverse/ui": "^4.1.7-patch-40",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",