@fileverse-dev/fortune-react 1.3.13-create-4 → 1.3.13-create-5

package/es/hooks/useRerenderOnFormulaCaret.js

@@ -1,13 +1,15 @@
-import { useEffect, useState } from "react";
-export function useRerenderOnFormulaCaret(editorRef, editSessionActive) {
+import { useEffect, useRef, useState } from "react";
+export function useRerenderOnFormulaCaret(editorRef, editSessionActive, onAfterCaretMove) {
   var _a = useState(0),
     bump = _a[1];
+  var onAfterCaretMoveRef = useRef(onAfterCaretMove);
+  onAfterCaretMoveRef.current = onAfterCaretMove;
   useEffect(function () {
     if (!editSessionActive) {
       return function () {};
     }
     var onSelectionChange = function onSelectionChange() {
-      var _a, _b;
+      var _a, _b, _c;
       var el = editorRef.current;
       if (!el) return;
       var text = (_b = (_a = el.innerText) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
@@ -19,6 +21,7 @@ export function useRerenderOnFormulaCaret(editorRef, editSessionActive) {
       bump(function (n) {
         return n + 1;
       });
+      (_c = onAfterCaretMoveRef.current) === null || _c === void 0 ? void 0 : _c.call(onAfterCaretMoveRef);
     };
     document.addEventListener("selectionchange", onSelectionChange);
     return function () {

package/lib/components/FxEditor/index.js

@@ -510,6 +510,13 @@ var FxEditor = function FxEditor() {
       if (editor_1) {
         setContext(function (draftCtx) {
           if (!(0, _fortuneCore.isAllowEdit)(draftCtx, draftCtx.luckysheet_select_save)) return;
+          if ((0, _fortuneCore.getFormulaEditorOwner)(draftCtx) !== "fx") return;
+          if (draftCtx.formulaCache.rangestart || draftCtx.formulaCache.rangedrag_column_start || draftCtx.formulaCache.rangedrag_row_start) {
+            (0, _fortuneCore.rangeHightlightselected)(draftCtx, editor_1);
+            return;
+          }
+          draftCtx.formulaCache.selectingRangeIndex = -1;
+          (0, _fortuneCore.createRangeHightlight)(draftCtx, editor_1.innerHTML);
           (0, _fortuneCore.rangeHightlightselected)(draftCtx, editor_1);
         });
       }
@@ -532,7 +539,26 @@ var FxEditor = function FxEditor() {
       });
     });
   }, [appendEditorHistoryFromPrimaryEditor, context.isFlvReadOnly, context.luckysheetCellUpdate, refs.cellInput, refs.fxInput, setContext]);
-  (0, _useRerenderOnFormulaCaret.useRerenderOnFormulaCaret)(refs.fxInput, context.luckysheetCellUpdate.length > 0);
+  var refreshFxFormulaRangeHighlights = (0, _react.useCallback)(function () {
+    var el = refs.fxInput.current;
+    if (!el) return;
+    setContext(function (draftCtx) {
+      var _a, _b;
+      if (draftCtx.luckysheetCellUpdate.length === 0) return;
+      if ((0, _fortuneCore.getFormulaEditorOwner)(draftCtx) !== "fx") return;
+      if (!(0, _fortuneCore.isAllowEdit)(draftCtx, draftCtx.luckysheet_select_save)) return;
+      var t = (_b = (_a = el.innerText) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
+      if (!t.startsWith("=")) return;
+      if (draftCtx.formulaCache.rangestart || draftCtx.formulaCache.rangedrag_column_start || draftCtx.formulaCache.rangedrag_row_start) {
+        (0, _fortuneCore.rangeHightlightselected)(draftCtx, el);
+        return;
+      }
+      draftCtx.formulaCache.selectingRangeIndex = -1;
+      (0, _fortuneCore.createRangeHightlight)(draftCtx, el.innerHTML);
+      (0, _fortuneCore.rangeHightlightselected)(draftCtx, el);
+    });
+  }, [refs.fxInput, setContext]);
+  (0, _useRerenderOnFormulaCaret.useRerenderOnFormulaCaret)(refs.fxInput, context.luckysheetCellUpdate.length > 0, refreshFxFormulaRangeHighlights);
   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) || "";
@@ -620,11 +646,16 @@ var FxEditor = function FxEditor() {
       var currentCommaCount = (0, _helper.countCommasBeforeCursor)(editor);
       setCommaCount(currentCommaCount);
       setContext(function (draftCtx) {
+        var _a;
         if (draftCtx.formulaCache.rangeSelectionActive !== true) return;
         var clickedInsideManagedRange = (0, _fortuneCore.getFormulaRangeIndexAtCaret)(editor) !== null;
         var atValidInsertionPoint = (0, _fortuneCore.isCaretAtValidFormulaRangeInsertionPoint)(editor);
         if (clickedInsideManagedRange || !atValidInsertionPoint) {
           (0, _fortuneCore.markRangeSelectionDirty)(draftCtx);
+          if ((_a = editor.innerText) === null || _a === void 0 ? void 0 : _a.trim().startsWith("=")) {
+            (0, _fortuneCore.createRangeHightlight)(draftCtx, editor.innerHTML);
+            (0, _fortuneCore.rangeHightlightselected)(draftCtx, editor);
+          }
         }
       });
     },

package/lib/components/SheetOverlay/InputBox.js

@@ -31,6 +31,20 @@ var __assign = void 0 && (void 0).__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var CELL_EDIT_INPUT_EXTRA_RIGHT_PX = 10;
+function measureCellEditorContentWidth(el) {
+  var _a;
+  if (!el) return 0;
+  try {
+    var range = document.createRange();
+    range.selectNodeContents(el);
+    var w = range.getBoundingClientRect().width;
+    (_a = range.detach) === null || _a === void 0 ? void 0 : _a.call(range);
+    return w;
+  } catch (_b) {
+    return el.scrollWidth;
+  }
+}
 var InputBox = function InputBox() {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
   var _q = (0, _react.useContext)(_context.default),
@@ -80,23 +94,29 @@ var InputBox = function InputBox() {
   var _1 = (0, _react.useState)(false),
     showSearchHint = _1[0],
     setShowSearchHint = _1[1];
+  var _2 = (0, _react.useState)(0),
+    editorLayoutTick = _2[0],
+    setEditorLayoutTick = _2[1];
+  var _3 = (0, _react.useState)(false),
+    cellEditorExtendRight = _3[0],
+    setCellEditorExtendRight = _3[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 isComposingRef = (0, _react.useRef)(false);
   var formulaAnchorCellRef = (0, _react.useRef)(null);
   var skipNextAnchorSelectionSyncRef = (0, _react.useRef)(false);
   var lastHandledMouseDragSignatureRef = (0, _react.useRef)("");
-  var _2 = (0, _useFormulaEditorHistory.useFormulaEditorHistory)(inputRef, refs.cellInput, refs.fxInput, setContext, "cell"),
-    preTextRef = _2.preTextRef,
-    resetFormulaHistory = _2.resetFormulaHistory,
-    handleFormulaHistoryUndoRedo = _2.handleFormulaHistoryUndoRedo,
-    capturePreEditorHistoryState = _2.capturePreEditorHistoryState,
-    appendEditorHistoryFromPrimaryEditor = _2.appendEditorHistoryFromPrimaryEditor;
+  var _4 = (0, _useFormulaEditorHistory.useFormulaEditorHistory)(inputRef, refs.cellInput, refs.fxInput, setContext, "cell"),
+    preTextRef = _4.preTextRef,
+    resetFormulaHistory = _4.resetFormulaHistory,
+    handleFormulaHistoryUndoRedo = _4.handleFormulaHistoryUndoRedo,
+    capturePreEditorHistoryState = _4.capturePreEditorHistoryState,
+    appendEditorHistoryFromPrimaryEditor = _4.appendEditorHistoryFromPrimaryEditor;
   var ZWSP = "\u200B";
   var inputBoxInnerRef = (0, _react.useRef)(null);
-  var _3 = (0, _react.useState)([]),
-    linkSelectionHighlightRects = _3[0],
-    setLinkSelectionHighlightRects = _3[1];
+  var _5 = (0, _react.useState)([]),
+    linkSelectionHighlightRects = _5[0],
+    setLinkSelectionHighlightRects = _5[1];
   var ensureNotEmpty = function ensureNotEmpty() {
     var el = inputRef.current;
     if (!el) return;
@@ -749,6 +769,19 @@ var InputBox = function InputBox() {
   var rowReadOnly = cfg.rowReadOnly || {};
   var colReadOnly = cfg.colReadOnly || {};
   var edit = !((colReadOnly[col_index] || rowReadOnly[row_index]) && context.allowEdit === true);
+  var onInputBoxInnerMouseDown = (0, _react.useCallback)(function (e) {
+    if (!edit || isHidenRC || context.luckysheetCellUpdate.length === 0) {
+      return;
+    }
+    var editor = refs.cellInput.current;
+    if (!editor) return;
+    if (editor.contains(e.target)) return;
+    e.preventDefault();
+    (0, _helper.moveCursorToEnd)(editor);
+    setContext(function (draftCtx) {
+      (0, _fortuneCore.setFormulaEditorOwner)(draftCtx, "cell");
+    });
+  }, [edit, isHidenRC, context.luckysheetCellUpdate.length, refs.cellInput, setContext]);
   var getInputBoxPosition = (0, _react.useCallback)(function () {
     var _a;
     if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show)) {
@@ -886,6 +919,20 @@ var InputBox = function InputBox() {
     });
     setLinkSelectionHighlightRects(relative);
   }, [(_h = context.linkCard) === null || _h === void 0 ? void 0 : _h.applyToSelection, (_j = context.linkCard) === null || _j === void 0 ? void 0 : _j.selectionOffsets, (_k = context.linkCard) === null || _k === void 0 ? void 0 : _k.r, (_l = context.linkCard) === null || _l === void 0 ? void 0 : _l.c, context.luckysheetCellUpdate]);
+  (0, _react.useLayoutEffect)(function () {
+    if (context.luckysheetCellUpdate.length === 0) {
+      setCellEditorExtendRight(false);
+      return;
+    }
+    var baseSel = isInputBoxActive && firstSelectionActiveCell ? firstSelectionActiveCell : firstSelection;
+    var cellW = baseSel === null || baseSel === void 0 ? void 0 : baseSel.width;
+    if (cellW == null || !inputRef.current) {
+      setCellEditorExtendRight(false);
+      return;
+    }
+    var contentW = measureCellEditorContentWidth(inputRef.current);
+    setCellEditorExtendRight(contentW + CELL_EDIT_INPUT_EXTRA_RIGHT_PX > cellW);
+  }, [editorLayoutTick, context.luckysheetCellUpdate.length, isInputBoxActive, firstSelectionActiveCell, firstSelection, context.zoomRatio]);
   var wraperGetCell = function wraperGetCell() {
     var cell = getCellAddress();
     if (activeRefCell !== cell) {
@@ -893,7 +940,26 @@ var InputBox = function InputBox() {
     }
     return activeCell || cell;
   };
-  (0, _useRerenderOnFormulaCaret.useRerenderOnFormulaCaret)(inputRef, context.luckysheetCellUpdate.length > 0);
+  var refreshCellFormulaRangeHighlights = (0, _react.useCallback)(function () {
+    var el = inputRef.current;
+    if (!el) return;
+    setContext(function (draftCtx) {
+      var _a, _b;
+      if (draftCtx.luckysheetCellUpdate.length === 0) return;
+      if ((0, _fortuneCore.getFormulaEditorOwner)(draftCtx) !== "cell") return;
+      if (!(0, _fortuneCore.isAllowEdit)(draftCtx, draftCtx.luckysheet_select_save)) return;
+      var t = (_b = (_a = el.innerText) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
+      if (!t.startsWith("=")) return;
+      if (draftCtx.formulaCache.rangestart || draftCtx.formulaCache.rangedrag_column_start || draftCtx.formulaCache.rangedrag_row_start) {
+        (0, _fortuneCore.rangeHightlightselected)(draftCtx, el);
+        return;
+      }
+      draftCtx.formulaCache.selectingRangeIndex = -1;
+      (0, _fortuneCore.createRangeHightlight)(draftCtx, el.innerHTML);
+      (0, _fortuneCore.rangeHightlightselected)(draftCtx, el);
+    });
+  }, [setContext]);
+  (0, _useRerenderOnFormulaCaret.useRerenderOnFormulaCaret)(inputRef, context.luckysheetCellUpdate.length > 0, refreshCellFormulaRangeHighlights);
   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) || "";
@@ -930,11 +996,14 @@ var InputBox = function InputBox() {
   }, wraperGetCell())), /*#__PURE__*/_react.default.createElement("div", {
     ref: inputBoxInnerRef,
     className: "luckysheet-input-box-inner",
-    style: inputBoxBaseSelection ? __assign({
+    onMouseDown: onInputBoxInnerMouseDown,
+    style: inputBoxBaseSelection ? __assign(__assign({
       position: "relative",
       minWidth: inputBoxBaseSelection.width,
       minHeight: inputBoxBaseSelection.height
-    }, inputBoxStyle) : {
+    }, inputBoxStyle), cellEditorExtendRight ? {
+      paddingRight: 2 + CELL_EDIT_INPUT_EXTRA_RIGHT_PX
+    } : {}) : {
       position: "relative"
     }
   }, /*#__PURE__*/_react.default.createElement(_ContentEditable.default, {
@@ -951,6 +1020,9 @@ var InputBox = function InputBox() {
       }
       ensureNotEmpty();
       isComposingRef.current = false;
+      setEditorLayoutTick(function (t) {
+        return t + 1;
+      });
     },
     onMouseUp: function onMouseUp() {
       handleHideShowHint();
@@ -964,11 +1036,16 @@ var InputBox = function InputBox() {
       var editor = inputRef.current;
       if (!editor) return;
       setContext(function (draftCtx) {
+        var _a;
         if (draftCtx.formulaCache.rangeSelectionActive !== true) return;
         var clickedInsideManagedRange = (0, _fortuneCore.getFormulaRangeIndexAtCaret)(editor) !== null;
         var atValidInsertionPoint = (0, _fortuneCore.isCaretAtValidFormulaRangeInsertionPoint)(editor);
         if (clickedInsideManagedRange || !atValidInsertionPoint) {
           (0, _fortuneCore.markRangeSelectionDirty)(draftCtx);
+          if ((_a = editor.innerText) === null || _a === void 0 ? void 0 : _a.trim().startsWith("=")) {
+            (0, _fortuneCore.createRangeHightlight)(draftCtx, editor.innerHTML);
+            (0, _fortuneCore.rangeHightlightselected)(draftCtx, editor);
+          }
         }
       });
     },

package/lib/components/SheetOverlay/drag_and_drop/column-helpers.js

@@ -18,31 +18,6 @@ var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-var REF_TOKEN_REGEX = /((?:'(?:[^']|'')+'|[A-Za-z_][A-Za-z0-9_.]*)!)?(\$?)([A-Za-z]+)(\$?)(\d+)(?::(\$?)([A-Za-z]+)(\$?)(\d+))?/g;
-function normalizeSheetName(raw) {
-  if (!raw) return "";
-  var noBang = raw.endsWith("!") ? raw.slice(0, -1) : raw;
-  if (noBang.startsWith("'") && noBang.endsWith("'")) {
-    return noBang.slice(1, -1).replace(/''/g, "'");
-  }
-  return noBang;
-}
-function remapFormulaCols(formula, formulaSheetName, movedSheetName, colMap) {
-  return formula.replace(REF_TOKEN_REGEX, function (token, sheetPrefix, colAbs0, col0, rowAbs0, row0, colAbs1, col1, rowAbs1, row1) {
-    var refSheet = normalizeSheetName(sheetPrefix) || formulaSheetName;
-    if (refSheet !== movedSheetName) return token;
-    var colIdx0 = (0, _fortuneCore.columnCharToIndex)(col0);
-    var mapped0 = colMap[colIdx0];
-    var nextCol0 = mapped0 == null ? col0 : (0, _fortuneCore.indexToColumnChar)(mapped0);
-    if (!col1) {
-      return "".concat(sheetPrefix || "").concat(colAbs0).concat(nextCol0).concat(rowAbs0).concat(row0);
-    }
-    var colIdx1 = (0, _fortuneCore.columnCharToIndex)(col1);
-    var mapped1 = colMap[colIdx1];
-    var nextCol1 = mapped1 == null ? col1 : (0, _fortuneCore.indexToColumnChar)(mapped1);
-    return "".concat(sheetPrefix || "").concat(colAbs0).concat(nextCol0).concat(rowAbs0).concat(row0, ":").concat(colAbs1).concat(nextCol1).concat(rowAbs1).concat(row1);
-  });
-}
 function numberToColumnName(num) {
   return (0, _fortuneCore.indexToColumnChar)(num);
 }
@@ -307,7 +282,9 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
                 }
                 if (cell.f) {
                   var sheetName = _sheet.name || "";
-                  cell.f = remapFormulaCols(cell.f, sheetName, sheetName, colMap_1);
+                  cell.f = (0, _fortuneCore.remapFormulaReferencesByMap)(cell.f, sheetName, sheetName, {
+                    colMap: colMap_1
+                  });
                 }
               }
             });

package/lib/components/SheetOverlay/drag_and_drop/row-helpers.js

@@ -17,29 +17,6 @@ var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-var REF_TOKEN_REGEX = /((?:'(?:[^']|'')+'|[A-Za-z_][A-Za-z0-9_.]*)!)?(\$?)([A-Za-z]+)(\$?)(\d+)(?::(\$?)([A-Za-z]+)(\$?)(\d+))?/g;
-function normalizeSheetName(raw) {
-  if (!raw) return "";
-  var noBang = raw.endsWith("!") ? raw.slice(0, -1) : raw;
-  if (noBang.startsWith("'") && noBang.endsWith("'")) {
-    return noBang.slice(1, -1).replace(/''/g, "'");
-  }
-  return noBang;
-}
-function remapFormulaRows(formula, formulaSheetName, movedSheetName, rowMap) {
-  return formula.replace(REF_TOKEN_REGEX, function (token, sheetPrefix, colAbs0, col0, rowAbs0, row0, colAbs1, col1, rowAbs1, row1) {
-    var refSheet = normalizeSheetName(sheetPrefix) || formulaSheetName;
-    if (refSheet !== movedSheetName) return token;
-    var mapped0 = rowMap[parseInt(row0, 10) - 1];
-    var nextRow0 = mapped0 == null ? parseInt(row0, 10) : mapped0 + 1;
-    if (!row1) {
-      return "".concat(sheetPrefix || "").concat(colAbs0).concat(col0).concat(rowAbs0).concat(nextRow0);
-    }
-    var mapped1 = rowMap[parseInt(row1, 10) - 1];
-    var nextRow1 = mapped1 == null ? parseInt(row1, 10) : mapped1 + 1;
-    return "".concat(sheetPrefix || "").concat(colAbs0).concat(col0).concat(rowAbs0).concat(nextRow0, ":").concat(colAbs1).concat(col1).concat(rowAbs1).concat(nextRow1);
-  });
-}
 var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(containerRef, selectedLocationRef) {
   var DOUBLE_MS = 300;
   var START_DRAG_THRESHOLD_PX = 6;
@@ -300,7 +277,9 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
                 }
                 if (cell.f) {
                   var sheetName = _sheet.name || "";
-                  cell.f = remapFormulaRows(cell.f, sheetName, sheetName, rowMap_1);
+                  cell.f = (0, _fortuneCore.remapFormulaReferencesByMap)(cell.f, sheetName, sheetName, {
+                    rowMap: rowMap_1
+                  });
                 }
               }
             });

package/lib/components/SheetOverlay/formula-segment-boundary.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isFormulaSegmentBoundaryKey = isFormulaSegmentBoundaryKey;
-var FORMULA_SEGMENT_BOUNDARY_KEYS = new Set([",", "+", "-", "*", "/", "%", "^", "&"]);
+var FORMULA_SEGMENT_BOUNDARY_KEYS = new Set([",", "+", "-", "*", "/", "%", "^", "&", ">", "<", ")"]);
 function isFormulaSegmentBoundaryKey(key) {
   return FORMULA_SEGMENT_BOUNDARY_KEYS.has(key);
 }

package/lib/components/SheetOverlay/index.css

@@ -145,12 +145,6 @@
   margin: 0px 0 0 0px;
 }
 
-.fortune-selection-copy .fortune-copy {
-  position: absolute;
-  z-index: 18;
-  background-color: transparent;
-}
-
 .fortune-selection-copy-hc {
   position: absolute;
   top: 0;
@@ -330,7 +324,7 @@
   max-height: 9900px;
   max-width: 9900px;
   border: 2px #efc703 solid;
-  padding: 0 2px;
+  padding: 2px 2px;
   margin: 0;
   resize: none;
   overflow: hidden;
@@ -363,6 +357,14 @@
   color: forestgreen;
 }
 
+.luckysheet-formula-text-calc,
+.luckysheet-formula-text-lpar,
+.luckysheet-formula-text-comma,
+.luckysheet-formula-text-rpar {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
 .luckysheet-cell-flow {
   margin: 0;
   padding: 0;
@@ -647,50 +649,6 @@
   cursor: se-resize;
 }
 
-.fortune-selection-copy-top {
-  left: 0;
-  right: 0;
-  height: 2px;
-  top: 0;
-  background-position: bottom;
-  /* background-image: url("EwaAntH.gif"); */
-}
-
-.fortune-selection-copy-right {
-  top: 0;
-  bottom: 0;
-  width: 2px;
-  right: 0;
-  /* background-image: url("EwaAntV.gif"); */
-}
-
-.fortune-selection-copy-bottom {
-  left: 0;
-  right: 0;
-  height: 2px;
-  bottom: 0;
-  /* background-image: url("EwaAntH.gif"); */
-}
-
-.fortune-selection-copy-left {
-  top: 0;
-  bottom: 0;
-  width: 2px;
-  left: 0;
-  background-position: right;
-  /* background-image: url("EwaAntV.gif"); */
-}
-
-.fortune-selection-copy-hc {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border: 2px dashed #12a5ff;
-  z-index: 8;
-}
-
 .luckysheet-modal-dialog-resize {
   position: absolute;
   border: 2px solid #0188fb;
@@ -765,39 +723,8 @@
   cursor: se-resize;
 }
 
-.fortune-formula-functionrange-highlight .fortune-copy {
-  background-image: none;
-  background: #0188fb;
-  position: absolute;
-  z-index: 18;
+.fortune-formula-functionrange-highlight {
   cursor: move;
-  opacity: 0.9;
-  box-sizing: content-box;
-  /*border: 1px solid #fff;*/
-}
-
-.fortune-formula-functionrange-highlight .fortune-selection-copy-top {
-  top: -2px;
-  border-top: 2px solid #fff;
-  border-bottom: 2px solid #fff;
-}
-
-.fortune-formula-functionrange-highlight .fortune-selection-copy-right {
-  right: -2px;
-  border-left: 2px solid #fff;
-  border-right: 2px solid #fff;
-}
-
-.fortune-formula-functionrange-highlight .fortune-selection-copy-bottom {
-  bottom: -2px;
-  border-top: 2px solid #fff;
-  border-bottom: 2px solid #fff;
-}
-
-.fortune-formula-functionrange-highlight .fortune-selection-copy-left {
-  left: -2px;
-  border-left: 2px solid #fff;
-  border-right: 2px solid #fff;
 }
 
 .fortune-formula-functionrange-highlight .fortune-selection-copy-hc {

package/lib/components/SheetOverlay/index.js

@@ -294,14 +294,6 @@ var SheetOverlay = function SheetOverlay() {
     className: "fortune-selection-copy fortune-formula-functionrange-select",
     style: context.formulaRangeSelect
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-selection-copy-top fortune-copy"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-selection-copy-right fortune-copy"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-selection-copy-bottom fortune-copy"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-selection-copy-left fortune-copy"
-  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "fortune-selection-copy-hc"
   }))), context.formulaRangeHighlight.map(function (v) {
     var rangeIndex = v.rangeIndex,
@@ -311,16 +303,7 @@ var SheetOverlay = function SheetOverlay() {
       id: "fortune-formula-functionrange-highlight",
       className: "fortune-selection-highlight fortune-formula-functionrange-highlight",
       style: _lodash.default.omit(v, "backgroundColor")
-    }, ["top", "right", "bottom", "left"].map(function (d) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: d,
-        "data-type": d,
-        className: "fortune-selection-copy-".concat(d, " fortune-copy"),
-        style: {
-          backgroundColor: backgroundColor
-        }
-      });
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "fortune-selection-copy-hc",
       style: formulaRangeHighlightHcStyle(backgroundColor)
     }));
@@ -373,14 +356,6 @@ var SheetOverlay = function SheetOverlay() {
         height: row - row_pre - 1
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "fortune-selection-copy-top fortune-copy"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "fortune-selection-copy-right fortune-copy"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "fortune-selection-copy-bottom fortune-copy"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "fortune-selection-copy-left fortune-copy"
-    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "fortune-selection-copy-hc"
     }));
   }))), /*#__PURE__*/_react.default.createElement("div", {