@fileverse-dev/fortune-react 1.2.78-fx-helper-patch-1 → 1.2.79

package/es/components/FxEditor/index.js

@@ -11,26 +11,26 @@ import usePrevious from "../../hooks/usePrevious";
 import { LucideIcon } from "../../components/SheetOverlay/LucideIcon";
 import { countCommasBeforeCursor, isLetterNumberPattern, moveCursorToEnd } from "../../components/SheetOverlay/helper";
 var FxEditor = function FxEditor() {
-  var _a;
+  var _a, _b, _c;
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _b = useState(false),
-    showSearchHint = _b[0],
-    setShowSearchHint = _b[1];
-  var _c = useState(!hideFormulaHintLocal),
-    showFormulaHint = _c[0],
-    setShowFormulaHint = _c[1];
-  var _d = useState(0),
-    commaCount = _d[0],
-    setCommaCount = _d[1];
-  var _e = useContext(WorkbookContext),
-    context = _e.context,
-    setContext = _e.setContext,
-    refs = _e.refs;
+  var _d = useState(false),
+    showSearchHint = _d[0],
+    setShowSearchHint = _d[1];
+  var _e = useState(!hideFormulaHintLocal),
+    showFormulaHint = _e[0],
+    setShowFormulaHint = _e[1];
+  var _f = useState(0),
+    commaCount = _f[0],
+    setCommaCount = _f[1];
+  var _g = useContext(WorkbookContext),
+    context = _g.context,
+    setContext = _g.setContext,
+    refs = _g.refs;
   var lastKeyDownEventRef = useRef(null);
   var inputContainerRef = useRef(null);
-  var _f = useState(false),
-    isHidenRC = _f[0],
-    setIsHidenRC = _f[1];
+  var _h = useState(false),
+    isHidenRC = _h[0],
+    setIsHidenRC = _h[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var prevFirstSelection = usePrevious(firstSelection);
   var prevSheetId = usePrevious(context.currentSheetId);
@@ -267,24 +267,6 @@ var FxEditor = function FxEditor() {
       });
     }
   }, [refs.cellInput, refs.fxInput, setContext]);
-  var getFunctionNameFromInput = useCallback(function () {
-    var _a, _b, _c, _d;
-    var inputText = ((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerText) || "";
-    if (!inputText.startsWith("=")) return null;
-    var functionMatch = inputText.match(/^=([A-Za-z_][A-Za-z0-9_]*)\s*\(/);
-    if (functionMatch) {
-      return functionMatch[1].toUpperCase();
-    }
-    if ((_c = refs.fxInput) === null || _c === void 0 ? void 0 : _c.current) {
-      var funcSpan = refs.fxInput.current.querySelector(".luckysheet-formula-text-func");
-      if (funcSpan) {
-        return ((_d = funcSpan.textContent) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || null;
-      }
-    }
-    return null;
-  }, []);
-  var functionName = context.functionHint || getFunctionNameFromInput();
-  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : null;
   var allowEdit = useMemo(function () {
     if (context.allowEdit === false) {
       return false;
@@ -298,9 +280,9 @@ var FxEditor = function FxEditor() {
     return true;
   }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
   var divRef = useRef(null);
-  var _g = useState(false),
-    isResizing = _g[0],
-    setIsResizing = _g[1];
+  var _j = useState(false),
+    isResizing = _j[0],
+    setIsResizing = _j[1];
   var startResize = function startResize(e) {
     e.preventDefault();
     setIsResizing(true);
@@ -376,12 +358,11 @@ var FxEditor = function FxEditor() {
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "fx-hint"
-  }, showFormulaHint && fn && (/*#__PURE__*/React.createElement(FormulaHint, {
+  }, context.functionHint && ((_c = (_b = refs.fxInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.innerText.includes("(")) && (/*#__PURE__*/React.createElement(FormulaHint, {
     handleShowFormulaHint: handleShowFormulaHint,
     showFormulaHint: showFormulaHint,
-    commaCount: commaCount,
-    functionName: functionName
-  })), !showFormulaHint && fn && (/*#__PURE__*/React.createElement("div", {
+    commaCount: commaCount
+  })), context.functionHint && !showFormulaHint && (/*#__PURE__*/React.createElement("div", {
     className: "luckysheet-hin absolute show-more-btn",
     onClick: function onClick() {
       handleShowFormulaHint();

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

@@ -18,13 +18,12 @@ var FormulaHint = function FormulaHint(props) {
   var _a;
   var showFormulaHint = props.showFormulaHint,
     handleShowFormulaHint = props.handleShowFormulaHint,
-    commaCount = props.commaCount,
-    functionName = props.functionName;
+    commaCount = props.commaCount;
   var dragHasMoved = useRef(false);
   var context = useContext(WorkbookContext).context;
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var formulaMore = locale(context).formulaMore;
-  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : context.formulaCache.functionlistMap[(context === null || context === void 0 ? void 0 : context.functionHint) || ""];
+  var fn = context.formulaCache.functionlistMap[context.functionHint];
   var _b = useState(localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY)),
     API_KEY = _b[0],
     setAPI_KEY = _b[1];
@@ -186,13 +185,19 @@ var FormulaHint = function FormulaHint(props) {
     className: " flex-grow  color-text-default"
   }, /*#__PURE__*/React.createElement("code", {
     style: {
-      fontWeight: 500
+      fontWeight: "bold"
     },
     className: "luckysheet-arguments-help-function-name font-family-mono mb-1 mt-2 color-text-default font-family-mono"
   }, fn.n), /*#__PURE__*/React.createElement("code", {
-    className: "luckysheet-arguments-paren font-family-mono mb-1 mt-2 color-text-default"
+    className: "luckysheet-arguments-paren font-family-mono mb-1 mt-2 color-text-default",
+    style: {
+      fontWeight: "bold"
+    }
   }, "("), /*#__PURE__*/React.createElement("code", {
-    className: "luckysheet-arguments-parameter-holder font-family-mono mb-1 mt-2 color-text-default"
+    className: "luckysheet-arguments-parameter-holder font-family-mono mb-1 mt-2 color-text-default",
+    style: {
+      fontWeight: "bold"
+    }
   }, fn.p.map(function (param, i) {
     var name = param.name;
     if (param.repeat === "y") {
@@ -206,7 +211,8 @@ var FormulaHint = function FormulaHint(props) {
       dir: "auto",
       key: name,
       style: {
-        backgroundColor: commaCount === i ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent"
+        backgroundColor: commaCount === i ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent",
+        fontWeight: "bold"
       }
     }, name), i !== fn.p.length - 1 && ", ");
   })), /*#__PURE__*/React.createElement("code", {
@@ -336,12 +342,13 @@ var FormulaHint = function FormulaHint(props) {
     className: "font-family-mono mb-1 color-text-secondary"
   }, formulaMore.helpExample), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", {
     style: {
-      overflowWrap: "break-word"
+      overflowWrap: "break-word",
+      fontWeight: "bold"
     },
     className: "example-value-code"
   }, /*#__PURE__*/React.createElement("span", {
     className: "luckysheet-arguments-help-function-name"
-  }, fn.n), /*#__PURE__*/React.createElement("span", {
+  }, "=", fn.n), /*#__PURE__*/React.createElement("span", {
     className: "luckysheet-arguments-paren"
   }, "("), /*#__PURE__*/React.createElement("span", {
     className: "luckysheet-arguments-parameter-holder"
@@ -349,8 +356,15 @@ var FormulaHint = function FormulaHint(props) {
     return /*#__PURE__*/React.createElement("span", {
       key: param.name,
       className: "luckysheet-arguments-help-parameter",
-      dir: "auto"
-    }, param.example, i !== fn.p.length - 1 && ", ");
+      dir: "auto",
+      style: {
+        color: param.type === "string" ? "#177E23" : "black"
+      }
+    }, param.example, /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: "black"
+      }
+    }, i !== fn.p.length - 1 && ", "));
   })), /*#__PURE__*/React.createElement("span", {
     className: "luckysheet-arguments-paren"
   }, ")")))), /*#__PURE__*/React.createElement("div", {
@@ -382,6 +396,7 @@ var FormulaHint = function FormulaHint(props) {
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", {
       className: "font-family-mono mb-1 mt-2 color-text-default font-family-mono",
       style: {
+        fontWeight: 600,
         backgroundColor: commaCount === index ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent"
       }
     }, param.name, param.repeat === "y" && (/*#__PURE__*/React.createElement("span", {
@@ -407,13 +422,42 @@ var FormulaHint = function FormulaHint(props) {
       borderBottomLeftRadius: "10px",
       borderBottomRightRadius: "10px"
     },
-    className: "w-full"
+    className: "w-full flex items-center gap-4"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       var _a;
       (_a = document.getElementById("function-button")) === null || _a === void 0 ? void 0 : _a.click();
     },
     className: "color-text-link cursor-pointer text-helper-text-sm"
-  }, "Learn More")))))));
+  }, "Learn More"), (fn.n.includes("SMARTCONTRACT") || fn.n.includes("smartcontract")) && (/*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center items-center gap-1 color-text-link cursor-pointer text-helper-text-sm ml-2",
+    onClick: function onClick() {
+      var _a;
+      (_a = document.getElementById("smartcontract-button")) === null || _a === void 0 ? void 0 : _a.click();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "17",
+    height: "17",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "lucide lucide-circle-question-mark-icon lucide-circle-question-mark"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 17h.01"
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "font-normal text-xs text-[#5c0aff]"
+  }, "How to use imported contract?")))))))));
 };
 export default FormulaHint;

package/es/components/SheetOverlay/InputBox.js

@@ -20,47 +20,47 @@ import usePrevious from "../../hooks/usePrevious";
 import { moveCursorToEnd, getCursorPosition, isLetterNumberPattern, removeLastSpan, incrementColumn, decrementColumn, incrementRow, decrementRow, countCommasBeforeCursor } from "./helper";
 import { LucideIcon } from "./LucideIcon";
 var InputBox = function InputBox() {
-  var _a, _b, _c, _d, _e, _f, _g;
-  var _h = useContext(WorkbookContext),
-    context = _h.context,
-    setContext = _h.setContext,
-    refs = _h.refs;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _j = useContext(WorkbookContext),
+    context = _j.context,
+    setContext = _j.setContext,
+    refs = _j.refs;
   var inputRef = useRef(null);
   var lastKeyDownEventRef = useRef(null);
   var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
   var prevSheetId = usePrevious(context.currentSheetId);
-  var _j = useState(false),
-    isHidenRC = _j[0],
-    setIsHidenRC = _j[1];
   var _k = useState(false),
-    isInputBoxActive = _k[0],
-    setIsInputBoxActive = _k[1];
-  var _l = useState(""),
-    activeCell = _l[0],
-    setActiveCell = _l[1];
+    isHidenRC = _k[0],
+    setIsHidenRC = _k[1];
+  var _l = useState(false),
+    isInputBoxActive = _l[0],
+    setIsInputBoxActive = _l[1];
   var _m = useState(""),
-    activeRefCell = _m[0],
-    setActiveRefCell = _m[1];
-  var _o = useState({
+    activeCell = _m[0],
+    setActiveCell = _m[1];
+  var _o = useState(""),
+    activeRefCell = _o[0],
+    setActiveRefCell = _o[1];
+  var _p = useState({
       left: 0,
       top: 0
     }),
-    frozenPosition = _o[0],
-    setFrozenPosition = _o[1];
+    frozenPosition = _p[0],
+    setFrozenPosition = _p[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
-  var _p = useState({}),
-    firstSelectionActiveCell = _p[0],
-    setFirstSelectionActiveCell = _p[1];
-  var _q = useState(0),
-    commaCount = _q[0],
-    setCommaCount = _q[1];
+  var _q = useState({}),
+    firstSelectionActiveCell = _q[0],
+    setFirstSelectionActiveCell = _q[1];
+  var _r = useState(0),
+    commaCount = _r[0],
+    setCommaCount = _r[1];
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _r = useState(!hideFormulaHintLocal),
-    showFormulaHint = _r[0],
-    setShowFormulaHint = _r[1];
-  var _s = useState(false),
-    showSearchHint = _s[0],
-    setShowSearchHint = _s[1];
+  var _s = useState(!hideFormulaHintLocal),
+    showFormulaHint = _s[0],
+    setShowFormulaHint = _s[1];
+  var _t = useState(false),
+    showSearchHint = _t[0],
+    setShowSearchHint = _t[1];
   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("");
@@ -517,24 +517,7 @@ var InputBox = function InputBox() {
     }
     return activeCell || cell;
   };
-  var getFunctionNameFromInput = useCallback(function () {
-    var _a, _b;
-    var inputText = ((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.innerText) || "";
-    if (!inputText.startsWith("=")) return null;
-    var functionMatch = inputText.match(/^=([A-Za-z_][A-Za-z0-9_]*)\s*\(/);
-    if (functionMatch) {
-      return functionMatch[1].toUpperCase();
-    }
-    if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
-      var funcSpan = inputRef.current.querySelector(".luckysheet-formula-text-func");
-      if (funcSpan) {
-        return ((_b = funcSpan.textContent) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || null;
-      }
-    }
-    return null;
-  }, []);
-  var functionName = context.functionHint || getFunctionNameFromInput();
-  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : null;
+  var fn = context.formulaCache.functionlistMap[context.functionHint];
   return /*#__PURE__*/React.createElement("div", {
     className: "luckysheet-input-box",
     id: "luckysheet-input-box",
@@ -578,7 +561,7 @@ var InputBox = function InputBox() {
     onKeyDown: onKeyDown,
     onPaste: onPaste,
     allowEdit: edit ? !isHidenRC : edit
-  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0 || fn) && (/*#__PURE__*/React.createElement(React.Fragment, null, showSearchHint && (/*#__PURE__*/React.createElement(FormulaSearch, {
+  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0) && (/*#__PURE__*/React.createElement(React.Fragment, null, showSearchHint && (/*#__PURE__*/React.createElement(FormulaSearch, {
     onMouseMove: function onMouseMove(e) {
       if (document.getElementById("luckysheet-formula-search-c")) {
         var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
@@ -593,11 +576,10 @@ var InputBox = function InputBox() {
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "cell-hint"
-  }, showFormulaHint && fn && (/*#__PURE__*/React.createElement(FormulaHint, {
+  }, showFormulaHint && fn && ((_h = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _h === void 0 ? void 0 : _h.innerText.includes("(")) && (/*#__PURE__*/React.createElement(FormulaHint, {
     handleShowFormulaHint: handleShowFormulaHint,
     showFormulaHint: showFormulaHint,
-    commaCount: commaCount,
-    functionName: functionName
+    commaCount: commaCount
   })), !showFormulaHint && fn && (/*#__PURE__*/React.createElement(Tooltip, {
     text: "Turn on formula suggestions (F10)",
     placement: "top",

package/lib/components/FxEditor/index.js

@@ -20,26 +20,26 @@ var _helper = require("../../components/SheetOverlay/helper");
 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 FxEditor = function FxEditor() {
-  var _a;
+  var _a, _b, _c;
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _b = (0, _react.useState)(false),
-    showSearchHint = _b[0],
-    setShowSearchHint = _b[1];
-  var _c = (0, _react.useState)(!hideFormulaHintLocal),
-    showFormulaHint = _c[0],
-    setShowFormulaHint = _c[1];
-  var _d = (0, _react.useState)(0),
-    commaCount = _d[0],
-    setCommaCount = _d[1];
-  var _e = (0, _react.useContext)(_context.default),
-    context = _e.context,
-    setContext = _e.setContext,
-    refs = _e.refs;
+  var _d = (0, _react.useState)(false),
+    showSearchHint = _d[0],
+    setShowSearchHint = _d[1];
+  var _e = (0, _react.useState)(!hideFormulaHintLocal),
+    showFormulaHint = _e[0],
+    setShowFormulaHint = _e[1];
+  var _f = (0, _react.useState)(0),
+    commaCount = _f[0],
+    setCommaCount = _f[1];
+  var _g = (0, _react.useContext)(_context.default),
+    context = _g.context,
+    setContext = _g.setContext,
+    refs = _g.refs;
   var lastKeyDownEventRef = (0, _react.useRef)(null);
   var inputContainerRef = (0, _react.useRef)(null);
-  var _f = (0, _react.useState)(false),
-    isHidenRC = _f[0],
-    setIsHidenRC = _f[1];
+  var _h = (0, _react.useState)(false),
+    isHidenRC = _h[0],
+    setIsHidenRC = _h[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var prevFirstSelection = (0, _usePrevious.default)(firstSelection);
   var prevSheetId = (0, _usePrevious.default)(context.currentSheetId);
@@ -276,24 +276,6 @@ var FxEditor = function FxEditor() {
       });
     }
   }, [refs.cellInput, refs.fxInput, setContext]);
-  var getFunctionNameFromInput = (0, _react.useCallback)(function () {
-    var _a, _b, _c, _d;
-    var inputText = ((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerText) || "";
-    if (!inputText.startsWith("=")) return null;
-    var functionMatch = inputText.match(/^=([A-Za-z_][A-Za-z0-9_]*)\s*\(/);
-    if (functionMatch) {
-      return functionMatch[1].toUpperCase();
-    }
-    if ((_c = refs.fxInput) === null || _c === void 0 ? void 0 : _c.current) {
-      var funcSpan = refs.fxInput.current.querySelector(".luckysheet-formula-text-func");
-      if (funcSpan) {
-        return ((_d = funcSpan.textContent) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || null;
-      }
-    }
-    return null;
-  }, []);
-  var functionName = context.functionHint || getFunctionNameFromInput();
-  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : null;
   var allowEdit = (0, _react.useMemo)(function () {
     if (context.allowEdit === false) {
       return false;
@@ -307,9 +289,9 @@ var FxEditor = function FxEditor() {
     return true;
   }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
   var divRef = (0, _react.useRef)(null);
-  var _g = (0, _react.useState)(false),
-    isResizing = _g[0],
-    setIsResizing = _g[1];
+  var _j = (0, _react.useState)(false),
+    isResizing = _j[0],
+    setIsResizing = _j[1];
   var startResize = function startResize(e) {
     e.preventDefault();
     setIsResizing(true);
@@ -385,12 +367,11 @@ var FxEditor = function FxEditor() {
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "fx-hint"
-  }, showFormulaHint && fn && (/*#__PURE__*/_react.default.createElement(_FormulaHint.default, {
+  }, context.functionHint && ((_c = (_b = refs.fxInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.innerText.includes("(")) && (/*#__PURE__*/_react.default.createElement(_FormulaHint.default, {
     handleShowFormulaHint: handleShowFormulaHint,
     showFormulaHint: showFormulaHint,
-    commaCount: commaCount,
-    functionName: functionName
-  })), !showFormulaHint && fn && (/*#__PURE__*/_react.default.createElement("div", {
+    commaCount: commaCount
+  })), context.functionHint && !showFormulaHint && (/*#__PURE__*/_react.default.createElement("div", {
     className: "luckysheet-hin absolute show-more-btn",
     onClick: function onClick() {
       handleShowFormulaHint();

package/lib/components/SheetOverlay/FormulaHint/index.js

@@ -27,13 +27,12 @@ var FormulaHint = function FormulaHint(props) {
   var _a;
   var showFormulaHint = props.showFormulaHint,
     handleShowFormulaHint = props.handleShowFormulaHint,
-    commaCount = props.commaCount,
-    functionName = props.functionName;
+    commaCount = props.commaCount;
   var dragHasMoved = (0, _react.useRef)(false);
   var context = (0, _react.useContext)(_context.default).context;
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var formulaMore = (0, _fortuneCore.locale)(context).formulaMore;
-  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : context.formulaCache.functionlistMap[(context === null || context === void 0 ? void 0 : context.functionHint) || ""];
+  var fn = context.formulaCache.functionlistMap[context.functionHint];
   var _b = (0, _react.useState)(localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY)),
     API_KEY = _b[0],
     setAPI_KEY = _b[1];
@@ -195,13 +194,19 @@ var FormulaHint = function FormulaHint(props) {
     className: " flex-grow  color-text-default"
   }, /*#__PURE__*/_react.default.createElement("code", {
     style: {
-      fontWeight: 500
+      fontWeight: "bold"
     },
     className: "luckysheet-arguments-help-function-name font-family-mono mb-1 mt-2 color-text-default font-family-mono"
   }, fn.n), /*#__PURE__*/_react.default.createElement("code", {
-    className: "luckysheet-arguments-paren font-family-mono mb-1 mt-2 color-text-default"
+    className: "luckysheet-arguments-paren font-family-mono mb-1 mt-2 color-text-default",
+    style: {
+      fontWeight: "bold"
+    }
   }, "("), /*#__PURE__*/_react.default.createElement("code", {
-    className: "luckysheet-arguments-parameter-holder font-family-mono mb-1 mt-2 color-text-default"
+    className: "luckysheet-arguments-parameter-holder font-family-mono mb-1 mt-2 color-text-default",
+    style: {
+      fontWeight: "bold"
+    }
   }, fn.p.map(function (param, i) {
     var name = param.name;
     if (param.repeat === "y") {
@@ -215,7 +220,8 @@ var FormulaHint = function FormulaHint(props) {
       dir: "auto",
       key: name,
       style: {
-        backgroundColor: commaCount === i ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent"
+        backgroundColor: commaCount === i ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent",
+        fontWeight: "bold"
       }
     }, name), i !== fn.p.length - 1 && ", ");
   })), /*#__PURE__*/_react.default.createElement("code", {
@@ -345,12 +351,13 @@ var FormulaHint = function FormulaHint(props) {
     className: "font-family-mono mb-1 color-text-secondary"
   }, formulaMore.helpExample), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("code", {
     style: {
-      overflowWrap: "break-word"
+      overflowWrap: "break-word",
+      fontWeight: "bold"
     },
     className: "example-value-code"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "luckysheet-arguments-help-function-name"
-  }, fn.n), /*#__PURE__*/_react.default.createElement("span", {
+  }, "=", fn.n), /*#__PURE__*/_react.default.createElement("span", {
     className: "luckysheet-arguments-paren"
   }, "("), /*#__PURE__*/_react.default.createElement("span", {
     className: "luckysheet-arguments-parameter-holder"
@@ -358,8 +365,15 @@ var FormulaHint = function FormulaHint(props) {
     return /*#__PURE__*/_react.default.createElement("span", {
       key: param.name,
       className: "luckysheet-arguments-help-parameter",
-      dir: "auto"
-    }, param.example, i !== fn.p.length - 1 && ", ");
+      dir: "auto",
+      style: {
+        color: param.type === "string" ? "#177E23" : "black"
+      }
+    }, param.example, /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        color: "black"
+      }
+    }, i !== fn.p.length - 1 && ", "));
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: "luckysheet-arguments-paren"
   }, ")")))), /*#__PURE__*/_react.default.createElement("div", {
@@ -391,6 +405,7 @@ var FormulaHint = function FormulaHint(props) {
     }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("code", {
       className: "font-family-mono mb-1 mt-2 color-text-default font-family-mono",
       style: {
+        fontWeight: 600,
         backgroundColor: commaCount === index ? bgColor(fn.BRAND_SECONDARY_COLOR) : "transparent"
       }
     }, param.name, param.repeat === "y" && (/*#__PURE__*/_react.default.createElement("span", {
@@ -416,13 +431,42 @@ var FormulaHint = function FormulaHint(props) {
       borderBottomLeftRadius: "10px",
       borderBottomRightRadius: "10px"
     },
-    className: "w-full"
+    className: "w-full flex items-center gap-4"
   }, /*#__PURE__*/_react.default.createElement("div", {
     onClick: function onClick() {
       var _a;
       (_a = document.getElementById("function-button")) === null || _a === void 0 ? void 0 : _a.click();
     },
     className: "color-text-link cursor-pointer text-helper-text-sm"
-  }, "Learn More")))))));
+  }, "Learn More"), (fn.n.includes("SMARTCONTRACT") || fn.n.includes("smartcontract")) && (/*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-center items-center gap-1 color-text-link cursor-pointer text-helper-text-sm ml-2",
+    onClick: function onClick() {
+      var _a;
+      (_a = document.getElementById("smartcontract-button")) === null || _a === void 0 ? void 0 : _a.click();
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "17",
+    height: "17",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "lucide lucide-circle-question-mark-icon lucide-circle-question-mark"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M12 17h.01"
+  }))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "font-normal text-xs text-[#5c0aff]"
+  }, "How to use imported contract?")))))))));
 };
 var _default = exports.default = FormulaHint;

package/lib/components/SheetOverlay/InputBox.js

@@ -17,7 +17,7 @@ var _usePrevious = _interopRequireDefault(require("../../hooks/usePrevious"));
 var _helper = require("./helper");
 var _LucideIcon = require("./LucideIcon");
 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++) {
@@ -29,47 +29,47 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 var InputBox = function InputBox() {
-  var _a, _b, _c, _d, _e, _f, _g;
-  var _h = (0, _react.useContext)(_context.default),
-    context = _h.context,
-    setContext = _h.setContext,
-    refs = _h.refs;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _j = (0, _react.useContext)(_context.default),
+    context = _j.context,
+    setContext = _j.setContext,
+    refs = _j.refs;
   var inputRef = (0, _react.useRef)(null);
   var lastKeyDownEventRef = (0, _react.useRef)(null);
   var prevCellUpdate = (0, _usePrevious.default)(context.luckysheetCellUpdate);
   var prevSheetId = (0, _usePrevious.default)(context.currentSheetId);
-  var _j = (0, _react.useState)(false),
-    isHidenRC = _j[0],
-    setIsHidenRC = _j[1];
   var _k = (0, _react.useState)(false),
-    isInputBoxActive = _k[0],
-    setIsInputBoxActive = _k[1];
-  var _l = (0, _react.useState)(""),
-    activeCell = _l[0],
-    setActiveCell = _l[1];
+    isHidenRC = _k[0],
+    setIsHidenRC = _k[1];
+  var _l = (0, _react.useState)(false),
+    isInputBoxActive = _l[0],
+    setIsInputBoxActive = _l[1];
   var _m = (0, _react.useState)(""),
-    activeRefCell = _m[0],
-    setActiveRefCell = _m[1];
-  var _o = (0, _react.useState)({
+    activeCell = _m[0],
+    setActiveCell = _m[1];
+  var _o = (0, _react.useState)(""),
+    activeRefCell = _o[0],
+    setActiveRefCell = _o[1];
+  var _p = (0, _react.useState)({
       left: 0,
       top: 0
     }),
-    frozenPosition = _o[0],
-    setFrozenPosition = _o[1];
+    frozenPosition = _p[0],
+    setFrozenPosition = _p[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
-  var _p = (0, _react.useState)({}),
-    firstSelectionActiveCell = _p[0],
-    setFirstSelectionActiveCell = _p[1];
-  var _q = (0, _react.useState)(0),
-    commaCount = _q[0],
-    setCommaCount = _q[1];
+  var _q = (0, _react.useState)({}),
+    firstSelectionActiveCell = _q[0],
+    setFirstSelectionActiveCell = _q[1];
+  var _r = (0, _react.useState)(0),
+    commaCount = _r[0],
+    setCommaCount = _r[1];
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _r = (0, _react.useState)(!hideFormulaHintLocal),
-    showFormulaHint = _r[0],
-    setShowFormulaHint = _r[1];
-  var _s = (0, _react.useState)(false),
-    showSearchHint = _s[0],
-    setShowSearchHint = _s[1];
+  var _s = (0, _react.useState)(!hideFormulaHintLocal),
+    showFormulaHint = _s[0],
+    setShowFormulaHint = _s[1];
+  var _t = (0, _react.useState)(false),
+    showSearchHint = _t[0],
+    setShowSearchHint = _t[1];
   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 = (0, _react.useRef)("");
@@ -526,24 +526,7 @@ var InputBox = function InputBox() {
     }
     return activeCell || cell;
   };
-  var getFunctionNameFromInput = (0, _react.useCallback)(function () {
-    var _a, _b;
-    var inputText = ((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.innerText) || "";
-    if (!inputText.startsWith("=")) return null;
-    var functionMatch = inputText.match(/^=([A-Za-z_][A-Za-z0-9_]*)\s*\(/);
-    if (functionMatch) {
-      return functionMatch[1].toUpperCase();
-    }
-    if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
-      var funcSpan = inputRef.current.querySelector(".luckysheet-formula-text-func");
-      if (funcSpan) {
-        return ((_b = funcSpan.textContent) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || null;
-      }
-    }
-    return null;
-  }, []);
-  var functionName = context.functionHint || getFunctionNameFromInput();
-  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : null;
+  var fn = context.formulaCache.functionlistMap[context.functionHint];
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "luckysheet-input-box",
     id: "luckysheet-input-box",
@@ -587,7 +570,7 @@ var InputBox = function InputBox() {
     onKeyDown: onKeyDown,
     onPaste: onPaste,
     allowEdit: edit ? !isHidenRC : edit
-  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0 || fn) && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSearchHint && (/*#__PURE__*/_react.default.createElement(_FormulaSearch.default, {
+  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0) && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSearchHint && (/*#__PURE__*/_react.default.createElement(_FormulaSearch.default, {
     onMouseMove: function onMouseMove(e) {
       if (document.getElementById("luckysheet-formula-search-c")) {
         var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
@@ -602,11 +585,10 @@ var InputBox = function InputBox() {
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "cell-hint"
-  }, showFormulaHint && fn && (/*#__PURE__*/_react.default.createElement(_FormulaHint.default, {
+  }, showFormulaHint && fn && ((_h = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _h === void 0 ? void 0 : _h.innerText.includes("(")) && (/*#__PURE__*/_react.default.createElement(_FormulaHint.default, {
     handleShowFormulaHint: handleShowFormulaHint,
     showFormulaHint: showFormulaHint,
-    commaCount: commaCount,
-    functionName: functionName
+    commaCount: commaCount
   })), !showFormulaHint && fn && (/*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
     text: "Turn on formula suggestions (F10)",
     placement: "top",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.2.78-fx-helper-patch-1",
+  "version": "1.2.79",
   "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.78-fx-helper-patch-1",
+    "@fileverse-dev/fortune-core": "1.2.79",
     "@fileverse/ui": "^4.1.7-patch-40",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",