@fileverse-dev/fortune-react 1.0.5 → 1.0.7

package/es/components/SheetOverlay/FormulaSearch/index.js

@@ -0,0 +1,261 @@
+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);
+};
+import _ from "lodash";
+import React, { useContext, useEffect, useRef, useState } from "react";
+import { LucideIcon, Tooltip } from "@fileverse/ui";
+import { UNFilter } from "./constant";
+import WorkbookContext from "../../../context";
+import "./index.css";
+var FormulaSearch = function FormulaSearch(props) {
+  var _a;
+  var _b = useContext(WorkbookContext),
+    context = _b.context,
+    isAuthorized = _b.settings.isAuthorized;
+  var authedFunction = ["COINGECKO", "ETHERSCAN", "DEFILLAMA", "GNOSIS", "BASE", "EOA", "PNL", "SAFE", "BLOCKSCOUT", "GNOSIS", "LENS", "FARCASTER", "Ethereum"];
+  var filteredDefaultCandidates = context.defaultCandidates.filter(function (item) {
+    return !authedFunction.includes(item.n);
+  });
+  var unfilteredDefaultCandidates = UNFilter.filter(function (item) {
+    return item.n !== "PNL";
+  });
+  var finalDefaultCandidates = !isAuthorized ? filteredDefaultCandidates : context.defaultCandidates.slice(0, 10);
+  var finalFunctionCandidates = isAuthorized ? context.functionCandidates : context.functionCandidates.filter(function (item) {
+    return item.t !== 20;
+  });
+  var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
+  var hintRef = useRef(null);
+  var _c = useState(0),
+    top = _c[0],
+    setTop = _c[1];
+  var calcuatePopUpPlacement = function calcuatePopUpPlacement() {
+    var _a, _b, _c;
+    if (!((_a = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.top) === null || _a === void 0 ? void 0 : _a.toString()) || !((_b = firstSelection.height_move) === null || _b === void 0 ? void 0 : _b.toString()) || !hintRef.current) return;
+    var hintHeight = 360;
+    var inputBottom = firstSelection.top + firstSelection.height_move;
+    var availableBelow = window.innerHeight - inputBottom;
+    var hintAbove = hintHeight > availableBelow;
+    var selectionHeight = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0;
+    var divOffset = ((_c = hintRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0;
+    setTop(hintAbove ? selectionHeight - (divOffset + 30) : selectionHeight + 4);
+  };
+  useEffect(function () {
+    calcuatePopUpPlacement();
+  });
+  if (_.isEmpty(context.functionCandidates) && _.isEmpty(context.defaultCandidates)) return null;
+  return /*#__PURE__*/React.createElement("div", __assign({}, props, {
+    ref: hintRef,
+    id: "luckysheet-formula-search-c",
+    className: "luckysheet-formula-search-c",
+    style: {
+      top: top
+    }
+  }), context.defaultCandidates.length > 0 && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "4px"
+    },
+    className: "w-full flex flex-col p-2 gap-1"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "text-helper-sm-bold color-text-secondary"
+  }, "Onchain functions"), /*#__PURE__*/React.createElement("p", {
+    className: "text-helper-text-sm color-text-secondary"
+  }, "Every onchain function is a native data structure allowing dSheets to read and structure data from smart contracts and APIs.")), !isAuthorized && (/*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      backgroundColor: "#F8F9FA"
+    },
+    className: "w-full flex flex-col p-2 gap-1"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "font-semibold"
+  }, "dSheets account required"), /*#__PURE__*/React.createElement("p", {
+    className: "text-helper-text-sm color-text-secondary"
+  }, "Use more onchain functions by creating a dSheets account.", " ", /*#__PURE__*/React.createElement("span", {
+    className: "sign-fortune",
+    style: {
+      color: "#5C0AFF",
+      cursor: "pointer"
+    },
+    onClick: function onClick(e) {
+      var _a;
+      e.stopPropagation();
+      e.preventDefault();
+      (_a = document.getElementById("triggerAuth")) === null || _a === void 0 ? void 0 : _a.click();
+    }
+  }, "Signup/Login")), /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2 mt-2 mb-2"
+  }, unfilteredDefaultCandidates.map(function (v, index) {
+    return /*#__PURE__*/React.createElement("img", {
+      key: index,
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px",
+        height: "16px"
+      }
+    });
+  })))))), context.defaultCandidates.length > 0 ? (/*#__PURE__*/React.createElement(React.Fragment, null, finalDefaultCandidates.map(function (v) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: v.n,
+      "data-func": v.n,
+      style: {
+        cursor: "pointer"
+      },
+      className: "luckysheet-formula-search-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "space-between"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "luckysheet-formula-search-func color-text-default text-body-sm"
+    }, v.n), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "end",
+        minWidth: "68px",
+        alignItems: "center",
+        gap: "6px"
+      }
+    }, v.LOGO && (/*#__PURE__*/React.createElement("img", {
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.SECONDARY_LOGO && (/*#__PURE__*/React.createElement("img", {
+      src: v.SECONDARY_LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.API_KEY && (/*#__PURE__*/React.createElement(Tooltip, {
+      text: localStorage.getItem(v.API_KEY) ? "API Key added" : "API key required"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        borderRadius: "4px",
+        backgroundColor: "".concat(localStorage.getItem(v.API_KEY) ? "#177E23" : "#e8ebec"),
+        width: "16px",
+        height: "16px"
+      },
+      className: "flex justify-center"
+    }, /*#__PURE__*/React.createElement(LucideIcon, {
+      name: "Key",
+      style: {
+        color: localStorage.getItem(v.API_KEY) ? "white" : "#77818A",
+        width: "12px",
+        height: "12px"
+      }
+    })))))), /*#__PURE__*/React.createElement("div", {
+      className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm  color-text-default"
+    }, v.d));
+  }))) : (/*#__PURE__*/React.createElement(React.Fragment, null, finalFunctionCandidates.length > 0 && finalFunctionCandidates.map(function (v) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: v.n,
+      "data-func": v.n,
+      className: "luckysheet-formula-search-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "space-between"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "luckysheet-formula-search-func color-text-default text-body-sm"
+    }, v.n), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex",
+        justifyContent: "end",
+        width: "68px",
+        alignItems: "center",
+        gap: "6px"
+      }
+    }, v.LOGO && (/*#__PURE__*/React.createElement("img", {
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.SECONDARY_LOGO && (/*#__PURE__*/React.createElement("img", {
+      src: v.SECONDARY_LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px"
+      }
+    })), v.API_KEY && (/*#__PURE__*/React.createElement(Tooltip, {
+      text: localStorage.getItem(v.API_KEY) ? "API Key added" : "API Key required"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        borderRadius: "4px",
+        backgroundColor: "".concat(localStorage.getItem(v.API_KEY) ? "#177E23" : "#e8ebec"),
+        width: "16px",
+        height: "16px"
+      },
+      className: "flex justify-center"
+    }, /*#__PURE__*/React.createElement(LucideIcon, {
+      name: "Key",
+      style: {
+        color: localStorage.getItem(v.API_KEY) ? "white" : "#77818A",
+        width: "12px",
+        height: "12px"
+      }
+    })))))), /*#__PURE__*/React.createElement("div", {
+      className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm color-text-secondary"
+    }, v.d));
+  }), finalFunctionCandidates.length === 0 && (/*#__PURE__*/React.createElement("span", null, !isAuthorized && (/*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      backgroundColor: "#F8F9FA"
+    },
+    className: "w-full flex flex-col p-2 gap-1"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "text-helper-sm-bold",
+    style: {
+      fontWeight: "bold"
+    }
+  }, "dSheets account required"), /*#__PURE__*/React.createElement("p", {
+    className: "text-helper-text-sm color-text-secondary"
+  }, "Use more onchain functions by creating a dSheets account.", " ", /*#__PURE__*/React.createElement("span", {
+    className: "sign-fortune",
+    style: {
+      color: "#5C0AFF",
+      cursor: "pointer"
+    },
+    onClick: function onClick(e) {
+      var _a;
+      e.stopPropagation();
+      e.preventDefault();
+      (_a = document.getElementById("triggerAuth")) === null || _a === void 0 ? void 0 : _a.click();
+    }
+  }, "Signup/Login")), /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2 mt-2 mb-2"
+  }, unfilteredDefaultCandidates.map(function (v, index) {
+    return /*#__PURE__*/React.createElement("img", {
+      key: index,
+      src: v.LOGO,
+      alt: "Service Logo",
+      style: {
+        width: "16px",
+        height: "16px"
+      }
+    });
+  })))))))), /*#__PURE__*/React.createElement("hr", {
+    className: "color-border-default mb-2 mt-4 "
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingLeft: "10px",
+      paddingRight: "10px"
+    },
+    className: "flex gap-1 items-center color-border-default text-helper-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "border p-1 color-text-default rounded"
+  }, "Tab"), /*#__PURE__*/React.createElement("p", {
+    className: "color-text-secondary"
+  }, "to insert")));
+};
+export default FormulaSearch;

package/{dist/packages/react/src → es}/components/SheetOverlay/InputBox.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const InputBox: React.FC;
-export default InputBox;
+import React from "react";
+declare const InputBox: React.FC;
+export default InputBox;

package/es/components/SheetOverlay/InputBox.js

@@ -0,0 +1,305 @@
+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);
+};
+import { cancelNormalSelected, getCellValue, getInlineStringHTML, getStyleByCell, isInlineStringCell, moveToEnd, getFlowdata, handleFormulaInput, moveHighlightCell, escapeScriptTag, valueShowEs, createRangeHightlight, isShowHidenCR, israngeseleciton, escapeHTMLTag, isAllowEdit, getrangeseleciton } from "@fileverse-dev/fortune-core";
+import React, { useContext, useEffect, useMemo, useRef, useCallback, useLayoutEffect, useState } from "react";
+import _ from "lodash";
+import WorkbookContext from "../../context";
+import ContentEditable from "./ContentEditable";
+import FormulaSearch from "./FormulaSearch";
+import FormulaHint from "./FormulaHint";
+import usePrevious from "../../hooks/usePrevious";
+var InputBox = function InputBox() {
+  var _a, _b;
+  var _c = useContext(WorkbookContext),
+    context = _c.context,
+    setContext = _c.setContext,
+    refs = _c.refs;
+  var inputRef = useRef(null);
+  var lastKeyDownEventRef = useRef(null);
+  var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
+  var prevSheetId = usePrevious(context.currentSheetId);
+  var _d = useState(false),
+    isHidenRC = _d[0],
+    setIsHidenRC = _d[1];
+  var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
+  var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
+  var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
+  var preText = useRef("");
+  var inputBoxStyle = useMemo(function () {
+    if (firstSelection && context.luckysheetCellUpdate.length > 0) {
+      var flowdata = getFlowdata(context);
+      if (!flowdata) return {};
+      return getStyleByCell(context, flowdata, firstSelection.row_focus, firstSelection.column_focus);
+    }
+    return {};
+  }, [context.luckysheetfile, context.currentSheetId, context.luckysheetCellUpdate, firstSelection]);
+  useLayoutEffect(function () {
+    var _a;
+    if (!context.allowEdit) {
+      setContext(function (ctx) {
+        var flowdata = getFlowdata(ctx);
+        if (!_.isNil(flowdata) && ctx.forceFormulaRef) {
+          var value = getCellValue(row_index, col_index, flowdata, "f");
+          createRangeHightlight(ctx, value);
+        }
+      });
+    }
+    if (firstSelection && context.luckysheetCellUpdate.length > 0) {
+      if (refs.globalCache.doNotUpdateCell) {
+        delete refs.globalCache.doNotUpdateCell;
+        return;
+      }
+      if (_.isEqual(prevCellUpdate, context.luckysheetCellUpdate) && prevSheetId === context.currentSheetId) {
+        return;
+      }
+      var flowdata = getFlowdata(context);
+      var cell = (_a = flowdata === null || flowdata === void 0 ? void 0 : flowdata[row_index]) === null || _a === void 0 ? void 0 : _a[col_index];
+      var value_1 = "";
+      if (cell && !refs.globalCache.overwriteCell) {
+        if (isInlineStringCell(cell)) {
+          value_1 = getInlineStringHTML(row_index, col_index, flowdata);
+        } else if (cell.f) {
+          value_1 = getCellValue(row_index, col_index, flowdata, "f");
+          setContext(function (ctx) {
+            createRangeHightlight(ctx, value_1);
+          });
+        } else {
+          value_1 = valueShowEs(row_index, col_index, flowdata);
+          if (Number(cell.qp) === 1) {
+            value_1 = value_1 ? "".concat(value_1) : value_1;
+          }
+        }
+      }
+      refs.globalCache.overwriteCell = false;
+      if (!refs.globalCache.ignoreWriteCell) inputRef.current.innerHTML = escapeHTMLTag(escapeScriptTag(value_1));
+      refs.globalCache.ignoreWriteCell = false;
+      if (!refs.globalCache.doNotFocus) {
+        setTimeout(function () {
+          moveToEnd(inputRef.current);
+        });
+      }
+      delete refs.globalCache.doNotFocus;
+    }
+  }, [context.luckysheetCellUpdate, context.luckysheetfile, context.currentSheetId, firstSelection]);
+  useEffect(function () {
+    if (_.isEmpty(context.luckysheetCellUpdate)) {
+      if (inputRef.current) {
+        inputRef.current.innerHTML = "";
+      }
+    }
+  }, [context.luckysheetCellUpdate]);
+  useEffect(function () {
+    setIsHidenRC(isShowHidenCR(context));
+  }, [context.luckysheet_select_save]);
+  var getActiveFormula = useCallback(function () {
+    return document.querySelector(".luckysheet-formula-search-item-active");
+  }, []);
+  var insertSelectedFormula = useCallback(function (formulaName) {
+    var _a;
+    var textEditor = document.getElementById("luckysheet-rich-text-editor");
+    if (!textEditor) return;
+    textEditor.focus();
+    var selection = window.getSelection();
+    var range = (selection === null || selection === void 0 ? void 0 : selection.rangeCount) ? selection.getRangeAt(0) : null;
+    if (!selection || !range || !textEditor.contains(range.startContainer)) {
+      range = document.createRange();
+      range.selectNodeContents(textEditor);
+      range.collapse(false);
+      selection = window.getSelection();
+      selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+      selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+    }
+    var searchTxt = ((_a = getrangeseleciton()) === null || _a === void 0 ? void 0 : _a.textContent) || "";
+    var deleteCount = searchTxt === "=" ? 0 : searchTxt.length;
+    if (deleteCount > 0 && range.startContainer.nodeType === Node.TEXT_NODE && textEditor.contains(range.startContainer)) {
+      var startOffset = Math.max(range.startOffset - deleteCount, 0);
+      var endOffset = range.startOffset;
+      range.setStart(range.startContainer, startOffset);
+      range.setEnd(range.startContainer, endOffset);
+      range.deleteContents();
+    }
+    textEditor.querySelectorAll(".luckysheet-formula-text-func, .luckysheet-formula-text-lpar").forEach(function (el) {
+      return el.remove();
+    });
+    var funcNode = new DOMParser().parseFromString("<span dir=\"auto\" class=\"luckysheet-formula-text-func\">".concat(formulaName, "</span>"), "text/html").body.firstChild;
+    var parNode = new DOMParser().parseFromString("<span dir=\"auto\" class=\"luckysheet-formula-text-lpar\">(</span>", "text/html").body.firstChild;
+    if (range && parNode && funcNode) {
+      range.insertNode(funcNode);
+      range.collapse(false);
+      range.insertNode(parNode);
+      range.collapse(false);
+      selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+      selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+    }
+    setContext(function (draftCtx) {
+      draftCtx.functionCandidates = [];
+      draftCtx.defaultCandidates = [];
+      draftCtx.functionHint = formulaName;
+    });
+  }, [setContext]);
+  var clearSearchItemActiveClass = useCallback(function () {
+    var activeFormula = getActiveFormula();
+    if (activeFormula) {
+      activeFormula.classList.remove("luckysheet-formula-search-item-active");
+    }
+  }, [getActiveFormula]);
+  var selectActiveFormula = useCallback(function (e) {
+    var _a, _b;
+    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;
+    if (formulaName) {
+      insertSelectedFormula(formulaName);
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  }, [getActiveFormula, insertSelectedFormula]);
+  var selectActiveFormulaOnClick = useCallback(function (e) {
+    var _a, _b;
+    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;
+    if (formulaName) {
+      insertSelectedFormula(formulaName);
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  }, [getActiveFormula, insertSelectedFormula]);
+  var onKeyDown = useCallback(function (e) {
+    lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
+    preText.current = inputRef.current.innerText;
+    if (e.key === "Escape" && context.luckysheetCellUpdate.length > 0) {
+      setContext(function (draftCtx) {
+        cancelNormalSelected(draftCtx);
+        moveHighlightCell(draftCtx, "down", 0, "rangeOfSelect");
+      });
+      e.preventDefault();
+    } else if (e.key === "Enter" && context.luckysheetCellUpdate.length > 0) {
+      if (e.altKey || e.metaKey) {
+        document.execCommand("insertHTML", false, "\n ");
+        document.execCommand("delete", false);
+        e.stopPropagation();
+      } else selectActiveFormula(e);
+    } else if (e.key === "Tab" && context.luckysheetCellUpdate.length > 0) {
+      selectActiveFormula(e);
+      e.preventDefault();
+    } else if (e.key === "F4" && context.luckysheetCellUpdate.length > 0) {
+      e.preventDefault();
+    } else if (e.key === "ArrowUp" && context.luckysheetCellUpdate.length > 0) {
+      if (document.getElementById("luckysheet-formula-search-c")) {
+        var formulaSearchContainer = document.getElementById("luckysheet-formula-search-c");
+        var activeItem = formulaSearchContainer === null || formulaSearchContainer === void 0 ? void 0 : formulaSearchContainer.querySelector(".luckysheet-formula-search-item-active");
+        var previousItem = activeItem ? activeItem.previousElementSibling : null;
+        if (!previousItem) {
+          previousItem = (formulaSearchContainer === null || formulaSearchContainer === void 0 ? void 0 : formulaSearchContainer.querySelector(".luckysheet-formula-search-item:last-child")) || null;
+        }
+        clearSearchItemActiveClass();
+        if (previousItem) {
+          previousItem.classList.add("luckysheet-formula-search-item-active");
+        }
+      }
+      e.preventDefault();
+    } else if (e.key === "ArrowDown" && context.luckysheetCellUpdate.length > 0) {
+      if (document.getElementById("luckysheet-formula-search-c")) {
+        var formulaSearchContainer = document.getElementById("luckysheet-formula-search-c");
+        var activeItem = formulaSearchContainer === null || formulaSearchContainer === void 0 ? void 0 : formulaSearchContainer.querySelector(".luckysheet-formula-search-item-active");
+        var nextItem = activeItem ? activeItem.nextElementSibling : null;
+        if (!nextItem) {
+          nextItem = (formulaSearchContainer === null || formulaSearchContainer === void 0 ? void 0 : formulaSearchContainer.querySelector(".luckysheet-formula-search-item:first-child")) || null;
+        }
+        clearSearchItemActiveClass();
+        if (nextItem) {
+          nextItem.classList.add("luckysheet-formula-search-item-active");
+        }
+      }
+      e.preventDefault();
+    }
+  }, [clearSearchItemActiveClass, context.luckysheetCellUpdate.length, selectActiveFormula, setContext, firstSelection]);
+  var onChange = useCallback(function (__, isBlur) {
+    var e = lastKeyDownEventRef.current;
+    if (!e) return;
+    var kcode = e.keyCode;
+    if (!kcode) return;
+    if (!(kcode >= 112 && kcode <= 123 || kcode <= 46 || kcode === 144 || kcode === 108 || e.ctrlKey || e.altKey || e.shiftKey && (kcode === 37 || kcode === 38 || kcode === 39 || kcode === 40)) || kcode === 8 || kcode === 32 || kcode === 46 || e.ctrlKey && kcode === 86) {
+      setContext(function (draftCtx) {
+        if ((draftCtx.formulaCache.rangestart || draftCtx.formulaCache.rangedrag_column_start || draftCtx.formulaCache.rangedrag_row_start || israngeseleciton(draftCtx)) && isBlur) return;
+        if (!isAllowEdit(draftCtx, draftCtx.luckysheet_select_save)) {
+          return;
+        }
+        handleFormulaInput(draftCtx, refs.fxInput.current, refs.cellInput.current, kcode, preText.current);
+      });
+    }
+  }, [refs.cellInput, refs.fxInput, setContext]);
+  var onPaste = useCallback(function (e) {
+    if (_.isEmpty(context.luckysheetCellUpdate)) {
+      e.preventDefault();
+    }
+  }, [context.luckysheetCellUpdate]);
+  var cfg = context.config || {};
+  var rowReadOnly = cfg.rowReadOnly || {};
+  var colReadOnly = cfg.colReadOnly || {};
+  var edit = !((colReadOnly[col_index] || rowReadOnly[row_index]) && context.allowEdit === true);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "luckysheet-input-box",
+    style: firstSelection && !((_b = context.rangeDialog) === null || _b === void 0 ? void 0 : _b.show) ? {
+      left: firstSelection.left,
+      top: firstSelection.top,
+      zIndex: _.isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
+      display: "block"
+    } : {
+      left: -10000,
+      top: -10000,
+      display: "block"
+    },
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
+    onMouseUp: function onMouseUp(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "luckysheet-input-box-inner",
+    style: firstSelection ? __assign({
+      minWidth: firstSelection.width,
+      minHeight: firstSelection.height
+    }, inputBoxStyle) : {}
+  }, /*#__PURE__*/React.createElement(ContentEditable, {
+    innerRef: function innerRef(e) {
+      inputRef.current = e;
+      refs.cellInput.current = e;
+    },
+    className: "luckysheet-cell-input",
+    id: "luckysheet-rich-text-editor",
+    style: {
+      transform: "scale(".concat(context.zoomRatio, ")"),
+      transformOrigin: "left top",
+      width: "".concat(100 / context.zoomRatio, "%"),
+      height: "".concat(100 / context.zoomRatio, "%")
+    },
+    "aria-autocomplete": "list",
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    onPaste: onPaste,
+    allowEdit: edit ? !isHidenRC : edit
+  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0) && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
+    onMouseMove: function onMouseMove(e) {
+      if (document.getElementById("luckysheet-formula-search-c")) {
+        var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
+        if (!hoveredItem) return;
+        clearSearchItemActiveClass();
+        hoveredItem.classList.add("luckysheet-formula-search-item-active");
+      }
+      e.preventDefault();
+    },
+    onMouseDown: function onMouseDown(e) {
+      selectActiveFormulaOnClick(e);
+    }
+  }), /*#__PURE__*/React.createElement(FormulaHint, null))));
+};
+export default InputBox;

package/{dist/packages/react/src → es}/components/SheetOverlay/RowHeader.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const RowHeader: React.FC;
-export default RowHeader;
+import React from "react";
+declare const RowHeader: React.FC;
+export default RowHeader;