@fileverse-dev/fortune-react 1.2.86-maitra-xl-1 → 1.2.86-pinyin

package/es/components/FxEditor/index.js

@@ -1,4 +1,4 @@
-import { getFlowdata, cancelNormalSelected, getCellValue, updateCell, getInlineStringNoStyle, isInlineStringCell, escapeScriptTag, moveHighlightCell, handleFormulaInput, rangeHightlightselected, valueShowEs, isShowHidenCR, escapeHTMLTag, isAllowEdit } from "@fileverse-dev/fortune-core";
+import { getFlowdata, cancelNormalSelected, getCellValue, updateCell, getInlineStringNoStyle, isInlineStringCell, escapeScriptTag, moveHighlightCell, handleFormulaInput, rangeHightlightselected, valueShowEs, isShowHidenCR, escapeHTMLTag, isAllowEdit, setCellValue } from "@fileverse-dev/fortune-core";
 import React, { useContext, useState, useCallback, useEffect, useRef, useMemo } from "react";
 import "./index.css";
 import _ from "lodash";
@@ -35,6 +35,7 @@ var FxEditor = function FxEditor() {
   var prevFirstSelection = usePrevious(firstSelection);
   var prevSheetId = usePrevious(context.currentSheetId);
   var recentText = useRef("");
+  var isComposingRef = useRef(false);
   var handleShowFormulaHint = function handleShowFormulaHint() {
     localStorage.setItem("formulaMore", String(showFormulaHint));
     setShowFormulaHint(!showFormulaHint);
@@ -68,6 +69,9 @@ var FxEditor = function FxEditor() {
   }, [context.luckysheetfile, context.currentSheetId, context.luckysheet_select_save]);
   var onFocus = useCallback(function () {
     var _a, _b;
+    if (isComposingRef.current) {
+      return;
+    }
     if (context.allowEdit === false) {
       return;
     }
@@ -190,8 +194,13 @@ var FxEditor = function FxEditor() {
         switch (key) {
           case "Enter":
             {
+              if (isComposingRef.current) {
+                break;
+              }
               var lastCellUpdate = _.clone(draftCtx.luckysheetCellUpdate);
-              updateCell(draftCtx, draftCtx.luckysheetCellUpdate[0], draftCtx.luckysheetCellUpdate[1], refs.fxInput.current);
+              if (!isComposingRef.current) {
+                updateCell(draftCtx, draftCtx.luckysheetCellUpdate[0], draftCtx.luckysheetCellUpdate[1], refs.fxInput.current);
+              }
               draftCtx.luckysheet_select_save = [{
                 row: [lastCellUpdate[0], lastCellUpdate[0]],
                 column: [lastCellUpdate[1], lastCellUpdate[1]],
@@ -213,12 +222,12 @@ var FxEditor = function FxEditor() {
             }
           case "ArrowLeft":
             {
-              rangeHightlightselected(draftCtx, refs.fxInput.current);
+              if (!isComposingRef.current) rangeHightlightselected(draftCtx, refs.fxInput.current);
               break;
             }
           case "ArrowRight":
             {
-              rangeHightlightselected(draftCtx, refs.fxInput.current);
+              if (!isComposingRef.current) rangeHightlightselected(draftCtx, refs.fxInput.current);
               break;
             }
           default:
@@ -248,6 +257,7 @@ var FxEditor = function FxEditor() {
   };
   var onChange = useCallback(function () {
     var _a, _b, _c;
+    if (isComposingRef.current) return;
     if (context.isFlvReadOnly) return;
     handleHideShowHint();
     if (((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerText.includes("=")) && /^=?[A-Za-z]*$/.test(getLastInputSpanText())) {
@@ -343,6 +353,25 @@ var FxEditor = function FxEditor() {
     ref: inputContainerRef,
     className: "fortune-fx-input-container"
   }, /*#__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) {
+      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;
+      window.CompositData = e.currentTarget.innerText;
+      setContext(function (draftCtx) {
+        setCellValue(draftCtx, rowIndex, colIndex, null, window.CompositData);
+        window.CompositData = "";
+      });
+      isComposingRef.current = false;
+    },
     onMouseUp: function onMouseUp() {
       var _a;
       handleHideShowHint();
@@ -350,6 +379,10 @@ var FxEditor = function FxEditor() {
       setCommaCount(currentCommaCount);
     },
     innerRef: function innerRef(e) {
+      if (isComposingRef.current) {
+        refs.fxInput.current = null;
+        return;
+      }
       refs.fxInput.current = e;
     },
     className: "fortune-fx-input",

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,7 @@ var InputBox = function InputBox() {
   var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
   var preText = useRef("");
   var placeRef = useRef("");
+  var isComposingRef = useRef(false);
   var handleShowFormulaHint = function handleShowFormulaHint() {
     localStorage.setItem("formulaMore", String(showFormulaHint));
     setShowFormulaHint(!showFormulaHint);
@@ -130,7 +131,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 +153,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 +163,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 +228,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 +239,7 @@ var InputBox = function InputBox() {
   }, [getActiveFormula, insertSelectedFormula]);
   var selectActiveFormulaOnClick = useCallback(function (e) {
     var _a, _b;
+    if (isComposingRef.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 +256,7 @@ var InputBox = function InputBox() {
   };
   var onKeyDown = useCallback(function (e) {
     var _a, _b;
+    if (isComposingRef.current) return;
     lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
     preText.current = inputRef.current.innerText;
     if (e.metaKey) {
@@ -386,6 +392,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())) {
@@ -410,6 +419,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 +565,40 @@ 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) {
+      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);
     },
     innerRef: function innerRef(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,7 +140,6 @@ 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,12 +389,6 @@ 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,7 +147,6 @@ 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

@@ -288,7 +288,7 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         return newContext;
       });
     }
-  }, [emitOp, globalCache]);
+  }, [emitOp]);
   var handleRedo = useCallback(function () {
     var history = globalCache.current.redoList.pop();
     if (history) {

package/lib/components/FxEditor/index.js

@@ -44,6 +44,7 @@ var FxEditor = function FxEditor() {
   var prevFirstSelection = (0, _usePrevious.default)(firstSelection);
   var prevSheetId = (0, _usePrevious.default)(context.currentSheetId);
   var recentText = (0, _react.useRef)("");
+  var isComposingRef = (0, _react.useRef)(false);
   var handleShowFormulaHint = function handleShowFormulaHint() {
     localStorage.setItem("formulaMore", String(showFormulaHint));
     setShowFormulaHint(!showFormulaHint);
@@ -77,6 +78,9 @@ var FxEditor = function FxEditor() {
   }, [context.luckysheetfile, context.currentSheetId, context.luckysheet_select_save]);
   var onFocus = (0, _react.useCallback)(function () {
     var _a, _b;
+    if (isComposingRef.current) {
+      return;
+    }
     if (context.allowEdit === false) {
       return;
     }
@@ -199,8 +203,13 @@ var FxEditor = function FxEditor() {
         switch (key) {
           case "Enter":
             {
+              if (isComposingRef.current) {
+                break;
+              }
               var lastCellUpdate = _lodash.default.clone(draftCtx.luckysheetCellUpdate);
-              (0, _fortuneCore.updateCell)(draftCtx, draftCtx.luckysheetCellUpdate[0], draftCtx.luckysheetCellUpdate[1], refs.fxInput.current);
+              if (!isComposingRef.current) {
+                (0, _fortuneCore.updateCell)(draftCtx, draftCtx.luckysheetCellUpdate[0], draftCtx.luckysheetCellUpdate[1], refs.fxInput.current);
+              }
               draftCtx.luckysheet_select_save = [{
                 row: [lastCellUpdate[0], lastCellUpdate[0]],
                 column: [lastCellUpdate[1], lastCellUpdate[1]],
@@ -222,12 +231,12 @@ var FxEditor = function FxEditor() {
             }
           case "ArrowLeft":
             {
-              (0, _fortuneCore.rangeHightlightselected)(draftCtx, refs.fxInput.current);
+              if (!isComposingRef.current) (0, _fortuneCore.rangeHightlightselected)(draftCtx, refs.fxInput.current);
               break;
             }
           case "ArrowRight":
             {
-              (0, _fortuneCore.rangeHightlightselected)(draftCtx, refs.fxInput.current);
+              if (!isComposingRef.current) (0, _fortuneCore.rangeHightlightselected)(draftCtx, refs.fxInput.current);
               break;
             }
           default:
@@ -257,6 +266,7 @@ var FxEditor = function FxEditor() {
   };
   var onChange = (0, _react.useCallback)(function () {
     var _a, _b, _c;
+    if (isComposingRef.current) return;
     if (context.isFlvReadOnly) return;
     handleHideShowHint();
     if (((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerText.includes("=")) && /^=?[A-Za-z]*$/.test(getLastInputSpanText())) {
@@ -352,6 +362,25 @@ var FxEditor = function FxEditor() {
     ref: inputContainerRef,
     className: "fortune-fx-input-container"
   }, /*#__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) {
+      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;
+      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() {
       var _a;
       handleHideShowHint();
@@ -359,6 +388,10 @@ var FxEditor = function FxEditor() {
       setCommaCount(currentCommaCount);
     },
     innerRef: function innerRef(e) {
+      if (isComposingRef.current) {
+        refs.fxInput.current = null;
+        return;
+      }
       refs.fxInput.current = e;
     },
     className: "fortune-fx-input",

package/lib/components/SheetOverlay/InputBox.js

@@ -74,6 +74,7 @@ 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 isComposingRef = (0, _react.useRef)(false);
   var handleShowFormulaHint = function handleShowFormulaHint() {
     localStorage.setItem("formulaMore", String(showFormulaHint));
     setShowFormulaHint(!showFormulaHint);
@@ -139,7 +140,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 +162,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 +172,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 +237,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 +248,7 @@ var InputBox = function InputBox() {
   }, [getActiveFormula, insertSelectedFormula]);
   var selectActiveFormulaOnClick = (0, _react.useCallback)(function (e) {
     var _a, _b;
+    if (isComposingRef.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 +265,7 @@ var InputBox = function InputBox() {
   };
   var onKeyDown = (0, _react.useCallback)(function (e) {
     var _a, _b;
+    if (isComposingRef.current) return;
     lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
     preText.current = inputRef.current.innerText;
     if (e.metaKey) {
@@ -395,6 +401,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())) {
@@ -419,6 +428,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 +574,40 @@ 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) {
+      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);
     },
     innerRef: function innerRef(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,7 +140,6 @@ 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,12 +396,6 @@ 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,7 +147,6 @@ 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

@@ -297,7 +297,7 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
         return newContext;
       });
     }
-  }, [emitOp, globalCache]);
+  }, [emitOp]);
   var handleRedo = (0, _react.useCallback)(function () {
     var history = globalCache.current.redoList.pop();
     if (history) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.2.86-maitra-xl-1",
+  "version": "1.2.86-pinyin",
   "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-maitra-xl-1",
+    "@fileverse-dev/fortune-core": "1.2.86-pinyin",
     "@fileverse/ui": "^4.1.7-patch-40",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",