@fileverse-dev/fortune-core 1.3.10 → 1.3.11-input-ref

package/lib/modules/formula.js

@@ -13,13 +13,19 @@ exports.functionCopy = functionCopy;
 exports.functionHTMLGenerate = functionHTMLGenerate;
 exports.functionStrChange = functionStrChange;
 exports.getAllFunctionGroup = getAllFunctionGroup;
+exports.getFormulaRangeIndexAtCaret = getFormulaRangeIndexAtCaret;
+exports.getFormulaRangeIndexForKeyboardSync = getFormulaRangeIndexForKeyboardSync;
+exports.getLastFormulaRangeIndex = getLastFormulaRangeIndex;
 exports.getcellrange = getcellrange;
 exports.getrangeseleciton = getrangeseleciton;
 exports.groupValuesRefresh = groupValuesRefresh;
 exports.handleFormulaInput = handleFormulaInput;
 exports.insertUpdateFunctionGroup = insertUpdateFunctionGroup;
+exports.isFormulaReferenceInputMode = isFormulaReferenceInputMode;
 exports.iscelldata = iscelldata;
 exports.israngeseleciton = israngeseleciton;
+exports.markRangeSelectionDirty = markRangeSelectionDirty;
+exports.maybeRecoverDirtyRangeSelection = maybeRecoverDirtyRangeSelection;
 exports.moveCursorToEnd = moveCursorToEnd;
 exports.onFormulaRangeDragEnd = onFormulaRangeDragEnd;
 exports.rangeDrag = rangeDrag;
@@ -86,6 +92,7 @@ var FormulaCache = exports.FormulaCache = function () {
     var that = this;
     this.data_parm_index = 0;
     this.selectingRangeIndex = -1;
+    this.rangeSelectionActive = null;
     this.functionlistMap = {};
     this.execFunctionGlobalData = {};
     this.cellTextToIndexList = {};
@@ -815,6 +822,7 @@ function insertUpdateDynamicArray(ctx, dynamicArrayItem) {
   return dynamicArray;
 }
 function groupValuesRefresh(ctx) {
+  var _a, _b, _c;
   var luckysheetfile = ctx.luckysheetfile;
   if (ctx.groupValuesRefreshData.length > 0) {
     for (var i = 0; i < ctx.groupValuesRefreshData.length; i += 1) {
@@ -837,6 +845,19 @@ function groupValuesRefresh(ctx) {
       updateValue.v = item.v;
       updateValue.f = item.f;
       (0, _cell.setCellValue)(ctx, item.r, item.c, data, updateValue);
+      if ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.hooks) === null || _a === void 0 ? void 0 : _a.updateCellYdoc) {
+        ctx.hooks.updateCellYdoc([{
+          sheetId: item.id,
+          path: ["celldata"],
+          value: {
+            r: item.r,
+            c: item.c,
+            v: (_c = (_b = data === null || data === void 0 ? void 0 : data[item.r]) === null || _b === void 0 ? void 0 : _b[item.c]) !== null && _c !== void 0 ? _c : null
+          },
+          key: "".concat(item.r, "_").concat(item.c),
+          type: "update"
+        }]);
+      }
     }
     ctx.groupValuesRefreshData = [];
   }
@@ -1302,8 +1323,7 @@ function setCaretPosition(ctx, textDom, children, pos, parentTextDom) {
     sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
     sel === null || sel === void 0 ? void 0 : sel.addRange(range);
     el.focus();
-  } catch (err) {
-    console.error(err);
+  } catch (_c) {
     moveCursorToEnd(parentTextDom);
   }
 }
@@ -1388,7 +1408,7 @@ function getrangeseleciton() {
   return null;
 }
 function helpFunctionExe($editer, currSelection, ctx) {
-  var _a;
+  var _a, _b, _c, _d, _e, _f;
   var functionlist = (0, _locale.locale)(ctx).functionlist;
   if (_lodash.default.isEmpty(ctx.formulaCache.functionlistMap)) {
     for (var i_1 = 0; i_1 < functionlist.length; i_1 += 1) {
@@ -1399,22 +1419,23 @@ function helpFunctionExe($editer, currSelection, ctx) {
     return null;
   }
   var $prev = currSelection;
-  var $span = $editer.querySelectorAll("span");
-  var currentIndex = _lodash.default.indexOf((_a = currSelection.parentNode) === null || _a === void 0 ? void 0 : _a.childNodes, currSelection);
+  var $span = Array.from($editer.querySelectorAll("span"));
+  var selectionSpan = currSelection.nodeType === Node.ELEMENT_NODE ? currSelection.closest("span") : (_a = currSelection.parentElement) === null || _a === void 0 ? void 0 : _a.closest("span");
+  var currentIndex = selectionSpan ? $span.indexOf(selectionSpan) : -1;
   var i = currentIndex;
-  if ($prev == null) {
+  if ($prev == null || currentIndex < 0 || !$span[currentIndex]) {
     return null;
   }
   var funcName = null;
   var paramindex = null;
-  if ($span[i].classList.contains("luckysheet-formula-text-func")) {
+  if ((_c = (_b = $span[i]) === null || _b === void 0 ? void 0 : _b.classList) === null || _c === void 0 ? void 0 : _c.contains("luckysheet-formula-text-func")) {
     funcName = $span[i].textContent;
   } else {
     var $cur = null;
     var exceptIndex = [-1, -1];
     while (--i > 0) {
       $cur = $span[i];
-      if ($cur.classList.contains("luckysheet-formula-text-func") || _lodash.default.trim($cur.textContent || "").toUpperCase() in ctx.formulaCache.functionlistMap) {
+      if (((_d = $cur === null || $cur === void 0 ? void 0 : $cur.classList) === null || _d === void 0 ? void 0 : _d.contains("luckysheet-formula-text-func")) || _lodash.default.trim($cur.textContent || "").toUpperCase() in ctx.formulaCache.functionlistMap) {
         funcName = $cur.textContent;
         paramindex = null;
         var endstate = true;
@@ -1426,13 +1447,13 @@ function helpFunctionExe($editer, currSelection, ctx) {
             continue;
           }
           $cur = $span[a];
-          if ($cur.classList.contains("luckysheet-formula-text-rpar")) {
+          if ((_e = $cur === null || $cur === void 0 ? void 0 : $cur.classList) === null || _e === void 0 ? void 0 : _e.contains("luckysheet-formula-text-rpar")) {
             exceptIndex = [i, a];
             funcName = null;
             endstate = false;
             break;
           }
-          if ($cur.classList.contains("luckysheet-formula-text-comma")) {
+          if ((_f = $cur === null || $cur === void 0 ? void 0 : $cur.classList) === null || _f === void 0 ? void 0 : _f.contains("luckysheet-formula-text-comma")) {
             paramindex += 1;
           }
         }
@@ -1465,6 +1486,7 @@ function rangeHightlightselected(ctx, $editor) {
     var funcName = helpFunctionExe($editor, currSelection, ctx);
     ctx.functionHint = funcName === null || funcName === void 0 ? void 0 : funcName.toUpperCase();
     ctx.functionCandidates = [];
+    ctx.defaultCandidates = [];
   }
 }
 function functionHTML(txt) {
@@ -1615,6 +1637,99 @@ function getRangeIndexes($editor) {
   });
   return res;
 }
+function getLastFormulaRangeIndex($editor) {
+  var spans = Array.from($editor.querySelectorAll("span")).filter(function (span) {
+    var _a;
+    return (_a = span.textContent) === null || _a === void 0 ? void 0 : _a.trim().length;
+  });
+  var lastSpan = spans[spans.length - 1];
+  if (!lastSpan) return null;
+  if (!lastSpan.classList.contains("fortune-formula-functionrange-cell")) {
+    return null;
+  }
+  var indexStr = lastSpan.getAttribute("rangeindex");
+  if (!indexStr) return null;
+  var rangeIndex = parseInt(indexStr, 10);
+  return Number.isNaN(rangeIndex) ? null : rangeIndex;
+}
+function getFormulaRangeIndexAtCaret($editor) {
+  var sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0) return null;
+  var anchorNode = sel.anchorNode;
+  if (!anchorNode) return null;
+  var el = anchorNode.nodeType === Node.ELEMENT_NODE ? anchorNode : anchorNode.parentElement;
+  if (!el) return null;
+  var cell = el.closest(".fortune-formula-functionrange-cell");
+  if (!cell || !$editor.contains(cell)) return null;
+  var ri = cell.getAttribute("rangeindex");
+  if (!ri) return null;
+  var n = parseInt(ri, 10);
+  return Number.isNaN(n) ? null : n;
+}
+function hasCommaOrAnotherRefAfterRangeCell(cell) {
+  var _a, _b;
+  var n = cell.nextSibling;
+  while (n) {
+    if (n.nodeType === Node.ELEMENT_NODE) {
+      var e = n;
+      if ((_a = e.classList) === null || _a === void 0 ? void 0 : _a.contains("luckysheet-formula-text-comma")) return true;
+      if ((_b = e.classList) === null || _b === void 0 ? void 0 : _b.contains("fortune-formula-functionrange-cell")) return true;
+    }
+    n = n.nextSibling;
+  }
+  return false;
+}
+function markRangeSelectionDirty(ctx) {
+  ctx.formulaCache.rangeSelectionActive = false;
+  ctx.formulaRangeHighlight = [];
+  ctx.formulaRangeSelect = undefined;
+  ctx.formulaCache.selectingRangeIndex = -1;
+  ctx.formulaCache.func_selectedrange = undefined;
+  ctx.formulaCache.rangestart = false;
+  ctx.formulaCache.rangedrag_column_start = false;
+  ctx.formulaCache.rangedrag_row_start = false;
+  ctx.formulaCache.rangechangeindex = undefined;
+}
+function getFormulaRangeIndexForKeyboardSync($editor) {
+  var atCaret = getFormulaRangeIndexAtCaret($editor);
+  if (atCaret !== null) return atCaret;
+  var lastIdx = getLastFormulaRangeIndex($editor);
+  if (lastIdx === null) return null;
+  var cell = $editor.querySelector("span.fortune-formula-functionrange-cell[rangeindex=\"".concat(lastIdx, "\"]"));
+  if (!cell) return null;
+  var sel = window.getSelection();
+  if (!(sel === null || sel === void 0 ? void 0 : sel.anchorNode)) return lastIdx;
+  var caretRange = document.createRange();
+  try {
+    caretRange.setStart(sel.anchorNode, sel.anchorOffset);
+    caretRange.collapse(true);
+  } catch (_a) {
+    return lastIdx;
+  }
+  var cellRange = document.createRange();
+  try {
+    cellRange.selectNodeContents(cell);
+  } catch (_b) {
+    return lastIdx;
+  }
+  if (caretRange.compareBoundaryPoints(Range.START_TO_START, cellRange) < 0) {
+    return null;
+  }
+  var afterCell = document.createRange();
+  try {
+    afterCell.setStartAfter(cell);
+    afterCell.collapse(true);
+  } catch (_c) {
+    return lastIdx;
+  }
+  if (caretRange.compareBoundaryPoints(Range.START_TO_START, afterCell) >= 0) {
+    if (hasCommaOrAnotherRefAfterRangeCell(cell)) {
+      return null;
+    }
+    return lastIdx;
+  }
+  return lastIdx;
+}
 function handleFormulaInput(ctx, $copyTo, $editor, kcode, preText, refreshRangeSelect) {
   var _a, _b, _c, _d, _e, _f;
   if (refreshRangeSelect === void 0) {
@@ -1622,6 +1737,13 @@ function handleFormulaInput(ctx, $copyTo, $editor, kcode, preText, refreshRangeS
   }
   if (!$editor) return;
   try {
+    var isBackspaceOrDelete = kcode === 8 || kcode === 46;
+    var isAlphaNumeric = kcode >= 48 && kcode <= 57 || kcode >= 65 && kcode <= 90 || kcode >= 97 && kcode <= 122;
+    if (ctx.formulaCache.rangeSelectionActive === true) {
+      if (isBackspaceOrDelete || isAlphaNumeric) {
+        markRangeSelectionDirty(ctx);
+      }
+    }
     var value1 = void 0;
     var value1txt = preText !== null && preText !== void 0 ? preText : $editor.innerText;
     var value = $editor.innerText;
@@ -1852,61 +1974,204 @@ function functionStrChange_range(txt, type, rc, orient, stindex, step) {
   }
   return "";
 }
+function setRangeSetValueToFromCaretPosition(ctx, editor, sel) {
+  if (sel.rangeCount === 0 || !sel.anchorNode) return false;
+  if (!editor.contains(sel.anchorNode)) return false;
+  var range = sel.getRangeAt(0).cloneRange();
+  range.collapse(true);
+  var startContainer = range.startContainer,
+    startOffset = range.startOffset;
+  if (startContainer.nodeType === Node.TEXT_NODE) {
+    if (startOffset === 0) {
+      var textParent = startContainer.parentElement;
+      if (textParent === editor) {
+        var prev = startContainer.previousSibling;
+        if (prev) {
+          ctx.formulaCache.rangeSetValueTo = prev;
+          return true;
+        }
+        return false;
+      }
+      var el = textParent;
+      while (el && el !== editor) {
+        if (el.previousSibling) {
+          ctx.formulaCache.rangeSetValueTo = el.previousSibling;
+          return true;
+        }
+        el = el.parentElement;
+      }
+      return false;
+    }
+    var p = startContainer.parentElement;
+    if (p && editor.contains(p)) {
+      ctx.formulaCache.rangeSetValueTo = p;
+      return true;
+    }
+    return false;
+  }
+  if (startContainer.nodeType === Node.ELEMENT_NODE && startContainer === editor) {
+    if (startOffset > 0) {
+      var prev = startContainer.childNodes[startOffset - 1];
+      if (prev) {
+        ctx.formulaCache.rangeSetValueTo = prev;
+        return true;
+      }
+    }
+    return false;
+  }
+  if (startContainer.nodeType === Node.ELEMENT_NODE) {
+    if (startOffset > 0) {
+      var prev = startContainer.childNodes[startOffset - 1];
+      if (prev) {
+        ctx.formulaCache.rangeSetValueTo = prev;
+        return true;
+      }
+    }
+    var el = startContainer;
+    while (el && el !== editor) {
+      if (el.previousSibling) {
+        ctx.formulaCache.rangeSetValueTo = el.previousSibling;
+        return true;
+      }
+      el = el.parentElement;
+    }
+  }
+  return false;
+}
 function israngeseleciton(ctx, istooltip) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   if (istooltip == null) {
     istooltip = false;
   }
   var currSelection = window.getSelection();
-  if (currSelection == null) return false;
+  if (currSelection == null) {
+    return false;
+  }
   var anchor = currSelection.anchorNode;
-  if (!(anchor === null || anchor === void 0 ? void 0 : anchor.textContent)) return false;
+  if (!anchor) {
+    return false;
+  }
   var anchorOffset = currSelection.anchorOffset;
   var anchorElement = anchor;
   var parentElement = anchor.parentNode;
+  var allowRangeInsertionAtCaret = function allowRangeInsertionAtCaret() {
+    var _a, _b;
+    if (ctx.formulaCache.rangestart || ctx.formulaCache.rangedrag_column_start || ctx.formulaCache.rangedrag_row_start || ctx.formulaCache.rangeSelectionActive === true) {
+      return true;
+    }
+    var editor = ((_a = anchorElement.closest) === null || _a === void 0 ? void 0 : _a.call(anchorElement, "#luckysheet-rich-text-editor, #luckysheet-functionbox-cell")) || ((_b = parentElement.closest) === null || _b === void 0 ? void 0 : _b.call(parentElement, "#luckysheet-rich-text-editor, #luckysheet-functionbox-cell")) || document.getElementById("luckysheet-rich-text-editor");
+    if (!editor || currSelection.rangeCount === 0) {
+      return true;
+    }
+    var inputText = editor.innerText.trim();
+    if (!inputText.startsWith("=")) {
+      return false;
+    }
+    if (/^=\s*[A-Za-z_][A-Za-z0-9_]*$/.test(inputText)) {
+      return false;
+    }
+    var caretRange = currSelection.getRangeAt(0).cloneRange();
+    var preCaretRange = document.createRange();
+    preCaretRange.selectNodeContents(editor);
+    preCaretRange.setEnd(caretRange.endContainer, caretRange.endOffset);
+    var caretOffset = preCaretRange.toString().length;
+    var textAfter = editor.innerText.slice(caretOffset);
+    var remaining = textAfter.replace(/^\s+/, "");
+    if (remaining.length === 0) {
+      return true;
+    }
+    var first = remaining[0];
+    if (first === "," || first === ")" || first === "&" || first in operatorjson) {
+      return true;
+    }
+    return false;
+  };
   if (((_a = anchor === null || anchor === void 0 ? void 0 : anchor.parentNode) === null || _a === void 0 ? void 0 : _a.nodeName.toLowerCase()) === "span" && anchorOffset !== 0) {
-    var txt = _lodash.default.trim(anchor.textContent);
+    var txt = _lodash.default.trim((_b = anchor.textContent) !== null && _b !== void 0 ? _b : "");
     var lasttxt = "";
     if (txt.length === 0 && anchor.parentNode.previousSibling) {
       var ahr = anchor.parentNode.previousSibling;
       txt = _lodash.default.trim(ahr.textContent || "");
-      lasttxt = txt.substring(txt.length - 1, 1);
-      ctx.formulaCache.rangeSetValueTo = anchor.parentNode;
+      lasttxt = txt.slice(-1);
     } else {
-      lasttxt = txt.substring(anchorOffset - 1, 1);
-      ctx.formulaCache.rangeSetValueTo = anchor.parentNode;
+      lasttxt = anchorOffset > 0 ? txt.charAt(anchorOffset - 1) : "";
     }
     if (istooltip && (lasttxt === "(" || lasttxt === ",") || !istooltip && (lasttxt === "(" || lasttxt === "," || lasttxt === "=" || lasttxt in operatorjson || lasttxt === "&")) {
-      return true;
+      ctx.formulaCache.rangeSetValueTo = anchor.parentNode;
+      return allowRangeInsertionAtCaret();
     }
   } else if (anchorElement.id === "luckysheet-rich-text-editor" || anchorElement.id === "luckysheet-functionbox-cell") {
-    var txt = _lodash.default.trim((_b = _lodash.default.last(anchorElement.querySelectorAll("span"))) === null || _b === void 0 ? void 0 : _b.innerText);
-    ctx.formulaCache.rangeSetValueTo = _lodash.default.last(anchorElement.querySelectorAll("span"));
-    if (txt.length === 0 && anchorElement.querySelectorAll("span").length > 1) {
-      var ahr = anchorElement.querySelectorAll("span");
-      txt = _lodash.default.trim(ahr[ahr.length - 2].innerText);
-      txt = _lodash.default.trim(ahr[ahr.length - 2].innerText);
-      ctx.formulaCache.rangeSetValueTo = ahr;
+    var editorEl = anchorElement;
+    if (currSelection.rangeCount > 0 && setRangeSetValueToFromCaretPosition(ctx, editorEl, currSelection) && allowRangeInsertionAtCaret()) {
+      return true;
     }
-    var lasttxt = txt.substring(txt.length - 1, 1);
+    var spans = editorEl.querySelectorAll("span");
+    var txt = _lodash.default.trim((_c = _lodash.default.last(spans)) === null || _c === void 0 ? void 0 : _c.innerText);
+    var refSpan = _lodash.default.last(spans);
+    if (txt.length === 0 && spans.length > 1) {
+      txt = _lodash.default.trim(spans[spans.length - 2].innerText);
+      refSpan = spans[spans.length - 2];
+    }
+    var lasttxt = txt.slice(-1);
     if (istooltip && (lasttxt === "(" || lasttxt === ",") || !istooltip && (lasttxt === "(" || lasttxt === "," || lasttxt === "=" || lasttxt in operatorjson || lasttxt === "&")) {
-      return true;
+      ctx.formulaCache.rangeSetValueTo = refSpan;
+      return allowRangeInsertionAtCaret();
     }
   } else if (parentElement.id === "luckysheet-rich-text-editor" || parentElement.id === "luckysheet-functionbox-cell" || anchorOffset === 0) {
     if (anchorOffset === 0) {
       anchor = anchor.parentNode;
     }
-    if (!anchor) return false;
-    if (((_c = anchor.previousSibling) === null || _c === void 0 ? void 0 : _c.textContent) == null) return false;
+    if (!anchor) {
+      return false;
+    }
+    if (((_d = anchor.previousSibling) === null || _d === void 0 ? void 0 : _d.textContent) == null) {
+      return false;
+    }
     if (anchor.previousSibling) {
       var txt = _lodash.default.trim(anchor.previousSibling.textContent);
-      var lasttxt = txt.substring(txt.length - 1, 1);
-      ctx.formulaCache.rangeSetValueTo = anchor.previousSibling;
+      var lasttxt = txt.slice(-1);
       if (istooltip && (lasttxt === "(" || lasttxt === ",") || !istooltip && (lasttxt === "(" || lasttxt === "," || lasttxt === "=" || lasttxt in operatorjson || lasttxt === "&")) {
-        return true;
+        ctx.formulaCache.rangeSetValueTo = anchor.previousSibling;
+        return allowRangeInsertionAtCaret();
       }
     }
   }
+  if (!istooltip && (ctx.formulaCache.rangestart || ctx.formulaCache.rangedrag_column_start || ctx.formulaCache.rangedrag_row_start || ctx.formulaCache.rangeSelectionActive === true)) {
+    var editor = document.getElementById("luckysheet-rich-text-editor") || document.getElementById("luckysheet-functionbox-cell");
+    if (editor && currSelection.rangeCount > 0 && setRangeSetValueToFromCaretPosition(ctx, editor, currSelection) && allowRangeInsertionAtCaret()) {
+      return true;
+    }
+  }
+  return false;
+}
+function isFormulaReferenceInputMode(ctx) {
+  var editor = document.getElementById("luckysheet-rich-text-editor");
+  var inputText = ((editor === null || editor === void 0 ? void 0 : editor.innerText) || "").trim();
+  var hasRangeToken = (editor === null || editor === void 0 ? void 0 : editor.querySelector("span.fortune-formula-functionrange-cell")) != null;
+  if (!!ctx.formulaCache.rangestart || !!ctx.formulaCache.rangedrag_column_start || !!ctx.formulaCache.rangedrag_row_start || hasRangeToken || ctx.formulaCache.rangeSelectionActive === true) {
+    return true;
+  }
+  if (!inputText.startsWith("=")) {
+    return false;
+  }
+  if (/^=\s*[A-Za-z_][A-Za-z0-9_]*$/.test(inputText)) {
+    return false;
+  }
+  return israngeseleciton(ctx);
+}
+function maybeRecoverDirtyRangeSelection(ctx) {
+  if (ctx.formulaCache.rangeSelectionActive !== false) {
+    return false;
+  }
+  var editor = document.getElementById("luckysheet-rich-text-editor");
+  if (!editor) {
+    return false;
+  }
+  var inputText = (editor.innerText || "").trim();
+  if (inputText.startsWith("=") && israngeseleciton(ctx)) {
+    ctx.formulaCache.rangeSelectionActive = null;
+    return true;
+  }
   return false;
 }
 function functionStrChange(txt, type, rc, orient, stindex, step) {
@@ -2004,18 +2269,22 @@ function functionStrChange(txt, type, rc, orient, stindex, step) {
   return function_str;
 }
 function rangeSetValue(ctx, cellInput, selected, fxInput) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
   var parser = new DOMParser();
   var doc = parser.parseFromString("<div>".concat(cellInput.innerHTML, "</div>"), "text/html");
   var spans = doc.querySelectorAll("span");
   var lastSpan = spans[spans.length - 1];
-  if (lastSpan && (0, _index.isLetterNumberPattern)(lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.innerText)) {
+  var isManagedRangeSpan = (_b = (_a = lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.classList) === null || _a === void 0 ? void 0 : _a.contains("fortune-formula-functionrange-cell")) !== null && _b !== void 0 ? _b : false;
+  if (lastSpan && (0, _index.isLetterNumberPattern)(lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.innerText) && !isManagedRangeSpan) {
     var htmlR = (0, _index.removeLastSpan)(cellInput.innerHTML);
     cellInput.innerHTML = "".concat(htmlR);
+    cellInput.focus();
+    var kids = cellInput.childNodes;
+    ctx.formulaCache.rangeSetValueTo = kids.length > 0 ? kids[kids.length - 1] : undefined;
   }
   var $editor = cellInput;
   var $copyTo = fxInput;
-  if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.id) === "luckysheet-functionbox-cell") {
+  if (((_c = document.activeElement) === null || _c === void 0 ? void 0 : _c.id) === "luckysheet-functionbox-cell") {
     $editor = fxInput;
     $copyTo = cellInput;
   }
@@ -2030,20 +2299,23 @@ function rangeSetValue(ctx, cellInput, selected, fxInput) {
   } else {
     range = (0, _cell.getRangetxt)(ctx, ctx.currentSheetId, selected, ctx.formulaCache.rangetosheet);
   }
-  if (!israngeseleciton(ctx) && (ctx.formulaCache.rangestart || ctx.formulaCache.rangedrag_column_start || ctx.formulaCache.rangedrag_row_start)) {
-    var span = $editor.querySelector("span[rangeindex='".concat(ctx.formulaCache.rangechangeindex, "']"));
-    if (span) {
-      span.innerHTML = range;
-      setCaretPosition(ctx, span, 0, range.length);
-    }
+  var activeRangeFlow = ctx.formulaCache.rangestart || ctx.formulaCache.rangedrag_column_start || ctx.formulaCache.rangedrag_row_start || ctx.formulaCache.rangeSelectionActive === true;
+  var spanToReplace = !_lodash.default.isNil(ctx.formulaCache.rangechangeindex) ? $editor.querySelector("span[rangeindex='".concat(ctx.formulaCache.rangechangeindex, "']")) : null;
+  if (activeRangeFlow && spanToReplace) {
+    spanToReplace.innerHTML = range;
+    setCaretPosition(ctx, spanToReplace, 0, range.length);
   } else {
     var function_str = "<span class=\"fortune-formula-functionrange-cell\" rangeindex=\"".concat(functionHTMLIndex, "\" dir=\"auto\" style=\"color:").concat(_color.colors[functionHTMLIndex], ";\">").concat(range, "</span>");
     var newEle = parseElement(function_str);
     var refEle = ctx.formulaCache.rangeSetValueTo;
+    if (refEle && !refEle.parentNode) {
+      israngeseleciton(ctx);
+      refEle = ctx.formulaCache.rangeSetValueTo;
+    }
     if (refEle && refEle.parentNode) {
-      var leftPar = (_b = document.getElementsByClassName("luckysheet-formula-text-lpar")) === null || _b === void 0 ? void 0 : _b[0];
-      if ((_c = leftPar === null || leftPar === void 0 ? void 0 : leftPar.parentElement) === null || _c === void 0 ? void 0 : _c.classList.contains("luckysheet-formula-text-color")) {
-        (_e = (_d = document.getElementsByClassName("luckysheet-formula-text-lpar")) === null || _d === void 0 ? void 0 : _d[0].parentNode) === null || _e === void 0 ? void 0 : _e.appendChild(newEle);
+      var leftPar = (_d = document.getElementsByClassName("luckysheet-formula-text-lpar")) === null || _d === void 0 ? void 0 : _d[0];
+      if ((_e = leftPar === null || leftPar === void 0 ? void 0 : leftPar.parentElement) === null || _e === void 0 ? void 0 : _e.classList.contains("luckysheet-formula-text-color")) {
+        (_g = (_f = document.getElementsByClassName("luckysheet-formula-text-lpar")) === null || _f === void 0 ? void 0 : _f[0].parentNode) === null || _g === void 0 ? void 0 : _g.appendChild(newEle);
       } else {
         refEle.parentNode.insertBefore(newEle, refEle.nextSibling);
       }
@@ -2083,6 +2355,7 @@ function setRangeSelect(container, left, top, height, width) {
   rangeElement.style.width = "".concat(width, "px");
 }
 function rangeDrag(ctx, e, cellInput, scrollLeft, scrollTop, container, fxInput) {
+  ctx.formulaCache.rangeSelectionActive = true;
   var func_selectedrange = ctx.formulaCache.func_selectedrange;
   if (!func_selectedrange || func_selectedrange.left == null || func_selectedrange.height == null || func_selectedrange.top == null || func_selectedrange.width == null) return;
   var rect = container.getBoundingClientRect();
@@ -2138,6 +2411,20 @@ function rangeDrag(ctx, e, cellInput, scrollLeft, scrollTop, container, fxInput)
   func_selectedrange.width_move = width;
   func_selectedrange.top_move = top;
   func_selectedrange.height_move = height;
+  ctx.luckysheet_select_save = [{
+    row: [rowseleted[0], rowseleted[1]],
+    column: [columnseleted[0], columnseleted[1]],
+    row_focus: row_index,
+    column_focus: col_index,
+    left: left,
+    top: top,
+    width: width,
+    height: height,
+    left_move: left,
+    top_move: top,
+    width_move: width,
+    height_move: height
+  }];
   rangeSetValue(ctx, cellInput, {
     row: rowseleted,
     column: columnseleted
@@ -2146,6 +2433,7 @@ function rangeDrag(ctx, e, cellInput, scrollLeft, scrollTop, container, fxInput)
   e.preventDefault();
 }
 function rangeDragColumn(ctx, e, cellInput, scrollLeft, scrollTop, container, fxInput) {
+  ctx.formulaCache.rangeSelectionActive = true;
   var func_selectedrange = ctx.formulaCache.func_selectedrange;
   if (!func_selectedrange || func_selectedrange.left == null || func_selectedrange.height == null || func_selectedrange.top == null || func_selectedrange.width == null) return;
   var mouse = (0, _location.mousePosition)(e.pageX, e.pageY, ctx);
@@ -2181,6 +2469,20 @@ function rangeDragColumn(ctx, e, cellInput, scrollLeft, scrollTop, container, fx
   func_selectedrange.column = columnseleted;
   func_selectedrange.left_move = left;
   func_selectedrange.width_move = width;
+  ctx.luckysheet_select_save = [{
+    row: [0, row_index],
+    column: [columnseleted[0], columnseleted[1]],
+    row_focus: 0,
+    column_focus: col_index,
+    left: left,
+    top: row_pre,
+    width: width,
+    height: row - row_pre - 1,
+    left_move: left,
+    top_move: row_pre,
+    width_move: width,
+    height_move: row - row_pre - 1
+  }];
   rangeSetValue(ctx, cellInput, {
     row: [null, null],
     column: columnseleted
@@ -2188,6 +2490,7 @@ function rangeDragColumn(ctx, e, cellInput, scrollLeft, scrollTop, container, fx
   setRangeSelect(container, left, row_pre, row - row_pre - 1, width);
 }
 function rangeDragRow(ctx, e, cellInput, scrollLeft, scrollTop, container, fxInput) {
+  ctx.formulaCache.rangeSelectionActive = true;
   var func_selectedrange = ctx.formulaCache.func_selectedrange;
   if (!func_selectedrange || func_selectedrange.left == null || func_selectedrange.height == null || func_selectedrange.top == null || func_selectedrange.width == null) return;
   var mouse = (0, _location.mousePosition)(e.pageX, e.pageY, ctx);
@@ -2223,6 +2526,20 @@ function rangeDragRow(ctx, e, cellInput, scrollLeft, scrollTop, container, fxInp
   func_selectedrange.row = rowseleted;
   func_selectedrange.top_move = top;
   func_selectedrange.height_move = height;
+  ctx.luckysheet_select_save = [{
+    row: [rowseleted[0], rowseleted[1]],
+    column: [0, col_index],
+    row_focus: row_index,
+    column_focus: 0,
+    left: col_pre,
+    top: top,
+    width: col - col_pre - 1,
+    height: height,
+    left_move: col_pre,
+    top_move: top,
+    width_move: col - col_pre - 1,
+    height_move: height
+  }];
   rangeSetValue(ctx, cellInput, {
     row: rowseleted,
     column: [null, null]