@fileverse-dev/fortune-react 1.0.2-mod-27 → 1.0.2-mod-29

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
+import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
 import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
 import _ from 'lodash';
@@ -1792,8 +1792,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
     originType = _ref.originType,
     originAddress = _ref.originAddress,
     isEditing = _ref.isEditing,
-    position = _ref.position,
-    selectingCellRange = _ref.selectingCellRange;
+    position = _ref.position;
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
@@ -1812,29 +1811,24 @@ var LinkEditCard = function LinkEditCard(_ref) {
     setLinkType = _useState6[1];
   var _locale = locale(context),
     insertLink = _locale.insertLink,
-    linkTypeList = _locale.linkTypeList,
-    button = _locale.button;
-  var lastCell = useRef(normalizeSelection(context, [{
-    row: [r, r],
-    column: [c, c]
-  }]));
-  var skipCellRangeSet = useRef(true);
+    linkTypeList = _locale.linkTypeList;
   var isLinkAddressValid = isLinkValid(context, linkType, linkAddress);
-  var tooltip = /*#__PURE__*/React.createElement("div", {
-    className: "validation-input-tip"
-  }, isLinkAddressValid.tooltip);
+  var isButtonDisabled = useMemo(function () {
+    if (!linkText.trim()) return true;
+    if (linkType === "webpage") {
+      return !linkAddress.trim() || !isLinkAddressValid.isValid;
+    }
+    if (linkType === "sheet") {
+      return !linkAddress.trim();
+    }
+    return false;
+  }, [linkText, linkAddress, linkType, isLinkAddressValid.isValid]);
   var hideLinkCard = useCallback(function () {
     _.set(refs.globalCache, "linkCard.mouseEnter", false);
     setContext(function (draftCtx) {
       draftCtx.linkCard = undefined;
     });
   }, [refs.globalCache, setContext]);
-  var setRangeModalVisible = useCallback(function (visible) {
-    return setContext(function (draftCtx) {
-      draftCtx.luckysheet_select_save = lastCell.current;
-      if (draftCtx.linkCard != null) draftCtx.linkCard.selectingCellRange = visible;
-    });
-  }, [setContext]);
   var containerEvent = useMemo(function () {
     return {
       onMouseEnter: function onMouseEnter() {
@@ -1860,19 +1854,6 @@ var LinkEditCard = function LinkEditCard(_ref) {
       }
     };
   }, [refs.globalCache]);
-  var renderBottomButton = useCallback(function (onOk, onCancel) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "button-group"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "button-basic button-default",
-      onClick: onCancel,
-      tabIndex: 0
-    }, button.cancel), /*#__PURE__*/React.createElement("div", {
-      className: "button-basic button-primary",
-      onClick: onOk,
-      tabIndex: 0
-    }, button.confirm));
-  }, [button]);
   var renderToolbarButton = useCallback(function (iconId, onClick) {
     return /*#__PURE__*/React.createElement("div", {
       className: "fortune-toolbar-button",
@@ -1891,23 +1872,6 @@ var LinkEditCard = function LinkEditCard(_ref) {
     setLinkText(originText);
     setLinkType(originType);
   }, [rc, originAddress, originText, originType]);
-  useLayoutEffect(function () {
-    if (selectingCellRange) {
-      skipCellRangeSet.current = true;
-    }
-  }, [selectingCellRange]);
-  useLayoutEffect(function () {
-    if (skipCellRangeSet.current) {
-      skipCellRangeSet.current = false;
-      return;
-    }
-    if (selectingCellRange) {
-      var len = _.size(context.luckysheet_select_save);
-      if (len > 0) {
-        setLinkAddress(getRangetxt(context, context.currentSheetId, context.luckysheet_select_save[len - 1], ""));
-      }
-    }
-  }, [context, selectingCellRange]);
   if (!isEditing) {
     return /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({}, containerEvent), {}, {
       onKeyDown: function onKeyDown(e) {
@@ -1948,69 +1912,16 @@ var LinkEditCard = function LinkEditCard(_ref) {
       });
     }));
   }
-  return selectingCellRange ? (/*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({
-    className: "fortune-link-modify-modal range-selection-modal",
-    style: {
-      left: position.cellLeft,
-      top: position.cellBottom + 5
-    }
-  }, _.omit(containerEvent, ["onMouseDown", "onMouseMove", "onMouseUp"])), {}, {
-    onMouseDown: function onMouseDown(e) {
-      var nativeEvent = e.nativeEvent;
-      onRangeSelectionModalMoveStart(context, refs.globalCache, nativeEvent);
-      e.stopPropagation();
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "modal-icon-close",
-    onClick: function onClick() {
-      return setRangeModalVisible(false);
-    },
-    tabIndex: 0
-  }, /*#__PURE__*/React.createElement(SVGIcon, {
-    name: "close"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "modal-title"
-  }, insertLink.selectCellRange), /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, containerEvent), {}, {
-    className: "range-selection-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
-    placeholder: insertLink.cellRangePlaceholder,
-    onChange: function onChange(e) {
-      return setLinkAddress(e.target.value);
-    },
-    value: linkAddress
-  })), tooltip, /*#__PURE__*/React.createElement("div", {
-    className: "modal-footer"
-  }, renderBottomButton(function () {
-    if (isLinkAddressValid.isValid) setRangeModalVisible(false);
-  }, function () {
-    setLinkAddress(originAddress);
-    setRangeModalVisible(false);
-  })))) : (/*#__PURE__*/React.createElement("div", _objectSpread2({
-    className: "fortune-link-modify-modal",
+  return /*#__PURE__*/React.createElement("div", _objectSpread2({
+    className: "fortune-link-card",
     style: {
       left: position.cellLeft + 20,
       top: position.cellBottom
     }
-  }, containerEvent), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-line"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
-  }, insertLink.linkText), /*#__PURE__*/React.createElement("input", {
-    className: "fortune-link-modify-input",
-    spellCheck: "false",
-    autoFocus: true,
-    value: linkText,
-    onChange: function onChange(e) {
-      return setLinkText(e.target.value);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-line"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
-  }, insertLink.linkType), /*#__PURE__*/React.createElement("select", {
-    className: "fortune-link-modify-select",
+  }, containerEvent), /*#__PURE__*/React.createElement(Select$1, {
     value: linkType,
-    onChange: function onChange(e) {
-      if (e.target.value === "sheet") {
+    onValueChange: function onValueChange(value) {
+      if (value === "sheet") {
         if (!linkText) {
           setLinkText(context.luckysheetfile[0].name);
         }
@@ -2018,65 +1929,79 @@ var LinkEditCard = function LinkEditCard(_ref) {
       } else {
         setLinkAddress("");
       }
-      if (e.target.value === "cellrange") setRangeModalVisible(true);
-      setLinkType(e.target.value);
-    }
-  }, linkTypeList.map(function (type) {
-    return /*#__PURE__*/React.createElement("option", {
+      setLinkType(value);
+    }
+  }, /*#__PURE__*/React.createElement(SelectTrigger, {
+    className: "fortune-link-type-select"
+  }, /*#__PURE__*/React.createElement(SelectValue, null)), /*#__PURE__*/React.createElement(SelectContent, {
+    className: "fortune-link-type-dropdown"
+  }, linkTypeList.filter(function (type) {
+    return type.value !== "cellrange";
+  }).map(function (type) {
+    return /*#__PURE__*/React.createElement(SelectItem$1, {
       key: type.value,
       value: type.value
     }, type.text);
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-line"
-  }, linkType === "webpage" && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
-  }, insertLink.linkAddress), /*#__PURE__*/React.createElement("input", {
-    className: "fortune-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
-    spellCheck: "false",
-    value: linkAddress,
+    className: "fortune-input-with-icon"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "input-icon"
+  }, /*#__PURE__*/React.createElement(LucideIcon, {
+    name: "ALargeSmall"
+  })), /*#__PURE__*/React.createElement(TextField, {
+    placeholder: "Display text",
+    value: linkText,
     onChange: function onChange(e) {
-      return setLinkAddress(e.target.value);
-    }
-  }), tooltip)), linkType === "cellrange" && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
-  }, insertLink.linkCell), /*#__PURE__*/React.createElement("input", {
-    className: "fortune-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
-    spellCheck: "false",
+      return setLinkText(e.target.value);
+    },
+    className: "fortune-link-input"
+  })), linkType === "webpage" && (/*#__PURE__*/React.createElement("div", {
+    className: "fortune-input-with-icon"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "input-icon"
+  }, /*#__PURE__*/React.createElement(SVGIcon, {
+    name: "link"
+  })), /*#__PURE__*/React.createElement(TextField, {
+    placeholder: "Paste URL",
     value: linkAddress,
     onChange: function onChange(e) {
       return setLinkAddress(e.target.value);
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-cell-selector",
-    onClick: function onClick() {
-      return setRangeModalVisible(true);
     },
-    tabIndex: 0
+    className: "fortune-link-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input")
+  }))), linkType === "sheet" && (/*#__PURE__*/React.createElement("div", {
+    className: "fortune-input-with-icon"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "input-icon"
   }, /*#__PURE__*/React.createElement(SVGIcon, {
-    name: "border-all"
-  })), tooltip)), linkType === "sheet" && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-link-modify-title"
-  }, insertLink.linkSheet), /*#__PURE__*/React.createElement("select", {
-    className: "fortune-link-modify-select",
-    onChange: function onChange(e) {
-      if (!linkText) setLinkText(e.target.value);
-      setLinkAddress(e.target.value);
+    name: "link"
+  })), /*#__PURE__*/React.createElement(Select$1, {
+    onValueChange: function onValueChange(value) {
+      if (!linkText) setLinkText(value);
+      setLinkAddress(value);
     },
     value: linkAddress
+  }, /*#__PURE__*/React.createElement(SelectTrigger, {
+    className: "fortune-sheet-select"
+  }, /*#__PURE__*/React.createElement(SelectValue, {
+    placeholder: "[Sheet name]"
+  })), /*#__PURE__*/React.createElement(SelectContent, {
+    className: "fortune-sheet-dropdown"
   }, context.luckysheetfile.map(function (sheet) {
-    return /*#__PURE__*/React.createElement("option", {
+    return /*#__PURE__*/React.createElement(SelectItem$1, {
       key: sheet.id,
       value: sheet.name
     }, sheet.name);
-  })), tooltip))), /*#__PURE__*/React.createElement("div", {
-    className: "modal-footer"
-  }, renderBottomButton(function () {
-    if (!isLinkAddressValid.isValid) return;
-    _.set(refs.globalCache, "linkCard.mouseEnter", false);
-    setContext(function (draftCtx) {
-      return saveHyperlink(draftCtx, r, c, linkText, linkType, linkAddress);
-    });
-  }, hideLinkCard))));
+  }))))), /*#__PURE__*/React.createElement(Button$1, {
+    className: "fortune-insert-button",
+    disabled: isButtonDisabled,
+    onClick: function onClick() {
+      if (isButtonDisabled) return;
+      _.set(refs.globalCache, "linkCard.mouseEnter", false);
+      setContext(function (draftCtx) {
+        return saveHyperlink(draftCtx, r, c, linkText, linkType, linkAddress);
+      });
+    }
+  }, "Insert link"));
 };
 
 var FilterOptions = function FilterOptions(_ref) {
@@ -4453,205 +4378,6 @@ var Option = function Option(_ref2) {
   }, children));
 };
 
-var FormulaSearch$1 = function FormulaSearch(_ref) {
-  var _onCancel = _ref.onCancel;
-  var _useContext = useContext(WorkbookContext),
-    context = _useContext.context,
-    setContext = _useContext.setContext,
-    _useContext$refs = _useContext.refs,
-    cellInput = _useContext$refs.cellInput,
-    globalCache = _useContext$refs.globalCache;
-  var _useState = useState(20),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedType = _useState2[0],
-    setSelectedType = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedFuncIndex = _useState4[0],
-    setSelectedFuncIndex = _useState4[1];
-  var _useState5 = useState(""),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchText = _useState6[0],
-    setSearchText = _useState6[1];
-  var _locale = locale(context),
-    formulaMore = _locale.formulaMore,
-    functionlist = _locale.functionlist,
-    button = _locale.button;
-  var typeList = useMemo(function () {
-    return [{
-      t: 20,
-      n: formulaMore.Crypto
-    }, {
-      t: 0,
-      n: formulaMore.Math
-    }, {
-      t: 1,
-      n: formulaMore.Statistical
-    }, {
-      t: 2,
-      n: formulaMore.Lookup
-    }, {
-      t: 3,
-      n: formulaMore.luckysheet
-    }, {
-      t: 4,
-      n: formulaMore.dataMining
-    }, {
-      t: 5,
-      n: formulaMore.Database
-    }, {
-      t: 6,
-      n: formulaMore.Date
-    }, {
-      t: 7,
-      n: formulaMore.Filter
-    }, {
-      t: 8,
-      n: formulaMore.Financial
-    }, {
-      t: 9,
-      n: formulaMore.Engineering
-    }, {
-      t: 10,
-      n: formulaMore.Logical
-    }, {
-      t: 11,
-      n: formulaMore.Operator
-    }, {
-      t: 12,
-      n: formulaMore.Text
-    }, {
-      t: 13,
-      n: formulaMore.Parser
-    }, {
-      t: 14,
-      n: formulaMore.Array
-    }, {
-      t: -1,
-      n: formulaMore.other
-    }];
-  }, [formulaMore]);
-  var filteredFunctionList = useMemo(function () {
-    if (searchText) {
-      var list = [];
-      var text = _.cloneDeep(searchText.toUpperCase());
-      for (var i = 0; i < functionlist.length; i += 1) {
-        if (/^[a-zA-Z]+$/.test(text)) {
-          if (functionlist[i].n.indexOf(text) !== -1) {
-            list.push(functionlist[i]);
-          }
-        } else if (functionlist[i].a.indexOf(text) !== -1) {
-          list.push(functionlist[i]);
-        }
-      }
-      return list;
-    }
-    return _.filter(functionlist, function (v) {
-      return v.t === selectedType;
-    });
-  }, [functionlist, selectedType, searchText]);
-  var onConfirm = useCallback(function () {
-    var _context$luckysheet_s;
-    var last = (_context$luckysheet_s = context.luckysheet_select_save) === null || _context$luckysheet_s === void 0 ? void 0 : _context$luckysheet_s[context.luckysheet_select_save.length - 1];
-    var row_index = last === null || last === void 0 ? void 0 : last.row_focus;
-    var col_index = last === null || last === void 0 ? void 0 : last.column_focus;
-    if (!last) {
-      row_index = 0;
-      col_index = 0;
-    } else {
-      if (row_index == null) {
-        var _last$row = _slicedToArray(last.row, 1);
-        row_index = _last$row[0];
-      }
-      if (col_index == null) {
-        var _last$column = _slicedToArray(last.column, 1);
-        col_index = _last$column[0];
-      }
-    }
-    var formulaTxt = "<span dir=\"auto\" class=\"luckysheet-formula-text-color\">=</span><span dir=\"auto\" class=\"luckysheet-formula-text-color\">".concat(filteredFunctionList[selectedFuncIndex].n.toUpperCase(), "</span><span dir=\"auto\" class=\"luckysheet-formula-text-color\">(</span>");
-    setContext(function (ctx) {
-      if (cellInput.current != null) {
-        ctx.luckysheetCellUpdate = [row_index, col_index];
-        globalCache.doNotUpdateCell = true;
-        cellInput.current.innerHTML = formulaTxt;
-        var spans = cellInput.current.childNodes;
-        if (!_.isEmpty(spans)) {
-          setCaretPosition(ctx, spans[spans.length - 1], 0, 1);
-        }
-        ctx.functionHint = filteredFunctionList[selectedFuncIndex].n.toUpperCase();
-        ctx.functionCandidates = [];
-        if (_.isEmpty(ctx.formulaCache.functionlistMap)) {
-          for (var i = 0; i < functionlist.length; i += 1) {
-            ctx.formulaCache.functionlistMap[functionlist[i].n] = functionlist[i];
-          }
-        }
-        _onCancel();
-      }
-    });
-  }, [cellInput, context.luckysheet_select_save, filteredFunctionList, globalCache, selectedFuncIndex, setContext, _onCancel, functionlist]);
-  var onCancel = useCallback(function () {
-    setContext(function (ctx) {
-      cancelNormalSelected(ctx);
-      if (cellInput.current) {
-        cellInput.current.innerHTML = "";
-      }
-    });
-    _onCancel();
-  }, [_onCancel, cellInput, setContext]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: "luckysheet-search-formula"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "inpbox"
-  }, /*#__PURE__*/React.createElement("div", null, formulaMore.findFunctionTitle, "\uFF1A"), /*#__PURE__*/React.createElement("input", {
-    className: "formulaInputFocus",
-    id: "searchFormulaListInput",
-    placeholder: formulaMore.tipInputFunctionName,
-    spellCheck: "false",
-    onChange: function onChange(e) {
-      return setSearchText(e.target.value);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "selbox"
-  }, /*#__PURE__*/React.createElement("span", null, formulaMore.selectCategory, "\uFF1A"), /*#__PURE__*/React.createElement("select", {
-    id: "formulaTypeSelect",
-    onChange: function onChange(e) {
-      setSelectedType(parseInt(e.target.value, 10));
-      setSelectedFuncIndex(0);
-    }
-  }, typeList.map(function (v) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: v.t,
-      value: v.t
-    }, v.n);
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "listbox",
-    style: {
-      height: 200
-    }
-  }, /*#__PURE__*/React.createElement("div", null, formulaMore.selectFunctionTitle, "\uFF1A"), /*#__PURE__*/React.createElement("div", {
-    className: "formulaList"
-  }, filteredFunctionList.map(function (v, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "listBox".concat(index === selectedFuncIndex ? " on" : ""),
-      key: v.n,
-      onClick: function onClick() {
-        return setSelectedFuncIndex(index);
-      },
-      tabIndex: 0
-    }, /*#__PURE__*/React.createElement("div", null, v.n), /*#__PURE__*/React.createElement("div", null, v.a));
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-dialog-box-button-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-primary",
-    onClick: onConfirm,
-    tabIndex: 0
-  }, button.confirm), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-message-box-button button-default",
-    onClick: onCancel,
-    tabIndex: 0
-  }, button.cancel)));
-};
-
 var SplitColumn = function SplitColumn() {
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
@@ -6455,9 +6181,10 @@ var Toolbar = function Toolbar(_ref) {
         }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(Option, {
           key: "formula",
           onClick: function onClick() {
-            showDialog(/*#__PURE__*/React.createElement(FormulaSearch$1, {
-              onCancel: hideDialog
-            }));
+            var button = document.getElementById("function-button");
+            if (button) {
+              button.click();
+            }
             setOpen(false);
           }
         }, "".concat(formula.find, "...")));
@@ -10286,7 +10013,7 @@ var MoreItemsContaier = function MoreItemsContaier(_ref) {
   }, children);
 };
 
-function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY) {
+function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY, globalCache) {
   return {
     applyOp: function applyOp(ops) {
       setContext(function (ctx_) {
@@ -10587,6 +10314,50 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
     },
     celldataToData: function celldataToData(celldata, rowCount, colCount) {
       return api.celldataToData(celldata, rowCount, colCount);
+    },
+    insertFunction: function insertFunction(selectedFuncIndex, filteredFunctionList, callback) {
+      var _context$luckysheet_s2;
+      var last = (_context$luckysheet_s2 = context.luckysheet_select_save) === null || _context$luckysheet_s2 === void 0 ? void 0 : _context$luckysheet_s2[context.luckysheet_select_save.length - 1];
+      var row_index = last === null || last === void 0 ? void 0 : last.row_focus;
+      var col_index = last === null || last === void 0 ? void 0 : last.column_focus;
+      if (!last) {
+        row_index = 0;
+        col_index = 0;
+      } else {
+        if (row_index == null) {
+          var _last$row2 = _slicedToArray(last.row, 1);
+          row_index = _last$row2[0];
+        }
+        if (col_index == null) {
+          var _last$column2 = _slicedToArray(last.column, 1);
+          col_index = _last$column2[0];
+        }
+      }
+      var formulaTxt = "<span dir=\"auto\" class=\"luckysheet-formula-text-color\">=</span><span dir=\"auto\" class=\"luckysheet-formula-text-color\">".concat(filteredFunctionList[selectedFuncIndex].n.toUpperCase(), "</span><span dir=\"auto\" class=\"luckysheet-formula-text-color\">(</span>");
+      var _locale2 = locale(context),
+        functionlist = _locale2.functionlist;
+      setContext(function (ctx) {
+        if (cellInput != null && globalCache != null) {
+          ctx.luckysheetCellUpdate = [row_index, col_index];
+          globalCache.doNotUpdateCell = true;
+          cellInput.innerHTML = formulaTxt;
+          var spans = cellInput.childNodes;
+          if (!_.isEmpty(spans)) {
+            setCaretPosition(ctx, spans[spans.length - 1], 0, 1);
+          }
+          ctx.functionHint = filteredFunctionList[selectedFuncIndex].n.toUpperCase();
+          ctx.functionCandidates = [];
+          if (_.isEmpty(ctx.formulaCache.functionlistMap)) {
+            for (var i = 0; i < functionlist.length; i += 1) {
+              ctx.formulaCache.functionlistMap[functionlist[i].n] = functionlist[i];
+            }
+          }
+          callback === null || callback === void 0 ? void 0 : callback();
+        }
+      });
+    },
+    getLocaleContext: function getLocaleContext() {
+      return locale(context);
     }
   };
 }
@@ -11794,8 +11565,8 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
   }, [onPaste]);
   useImperativeHandle(ref, function () {
-    return generateAPIs(context, setContextWithProduce, handleUndo, handleRedo, mergedSettings, cellInput.current, scrollbarX.current, scrollbarY.current);
-  }, [context, setContextWithProduce, handleUndo, handleRedo, mergedSettings]);
+    return generateAPIs(context, setContextWithProduce, handleUndo, handleRedo, mergedSettings, cellInput.current, scrollbarX.current, scrollbarY.current, globalCache.current);
+  }, [context, setContextWithProduce, handleUndo, handleRedo, mergedSettings, globalCache]);
   var i = getSheetIndex(context, context.currentSheetId);
   if (i == null) {
     return null;