@zhenliang/sheet 0.2.5-beta.1 → 0.2.5-beta.11

package/dist/core/editor/InputOptionsEditor/index.js

@@ -4,41 +4,45 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Dropdown, Menu, Tooltip } from 'antd';
-import { head, isEmpty, isNil } from 'lodash';
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { Dropdown, Input } from 'antd';
+import { get, head, isEmpty, isNil } from 'lodash';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { InfoCircleOutlined } from '@ant-design/icons';
-import { flattenOptions, getStringDiff, replaceLabelsWithValues, replaceLongestDiff, replaceValuesWithLabels, tokenize, validateVariables, getCursorPositionInSpan } from "./utils";
-import validateCalculationExpr from "./vaildFormula";
+import { formulaString } from "../numberEditor";
+import DropMenu from "./DropMenu";
 import "./index.less";
+import { useKeyEventEffect } from "./keyEventEffect";
+import { createSpan, flattenOptions, getStringDiff, moveCursorToSpan, replaceLabelsWithValues, replaceLongestDiff, replaceValuesWithLabels, SpanType, tokenize, validateVariables } from "./utils";
+import validateCalculationExpr from "./vaildFormula";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var OPERATORS = ['=', '+', '-', '*', '/'];
-
-// 获取光标所在的 span
-var getSpanAtCursor = function getSpanAtCursor(startContainer) {
-  if (startContainer.nodeType === Node.TEXT_NODE) {
-    return startContainer.parentElement;
-  }
-  if (startContainer.nodeType === Node.ELEMENT_NODE) {
-    return startContainer;
-  }
-  return null;
-};
-export var getFormulaInputEditor = function getFormulaInputEditor(options, replaceIndex) {
+var OPERATORS = ['=', '+', '-', '*', '/', '('];
+var LABEL = SpanType.LABEL,
+  OTHER = SpanType.OTHER;
+export var getFormulaInputEditor = function getFormulaInputEditor(options, replaceIndex, extraProps, getExtraProps, choseEditor) {
+  var _ref = extraProps || {},
+    warnMethod = _ref.warnMethod,
+    rangeMethod = _ref.rangeMethod,
+    precision = _ref.precision,
+    max = _ref.max,
+    min = _ref.min;
   var FormulaInputEditor = function FormulaInputEditor(props) {
+    var _get;
     var originValue = props.value,
       onChange = props.onChange,
       isEditing = props.isEditing,
       record = props.record;
-    var calcValue = replaceIndex ? record === null || record === void 0 ? void 0 : record[replaceIndex] : originValue;
+    // 兼容number
+    var inputNumberRef = useRef(null);
+    var _ref2 = getExtraProps ? getExtraProps(props) : extraProps !== null && extraProps !== void 0 ? extraProps : {},
+      inputArgs = Object.assign({}, (_objectDestructuringEmpty(_ref2), _ref2));
+    var replaceValue = replaceIndex ? (_get = get(record, [replaceIndex])) !== null && _get !== void 0 ? _get : '' : originValue;
+    var calcValue = replaceValue.startsWith('=') ? replaceValue : "=".concat(replaceValue);
     var _useState = useState(calcValue),
       _useState2 = _slicedToArray(_useState, 1),
       inputValue = _useState2[0];
@@ -47,7 +51,7 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
       offsetX = _useState4[0],
       setOffsetX = _useState4[1];
     // 为了不重新render，再写一个
-    var _useState5 = useState(calcValue),
+    var _useState5 = useState(replaceValue),
       _useState6 = _slicedToArray(_useState5, 2),
       containerValue = _useState6[0],
       setContainerValue = _useState6[1];
@@ -60,6 +64,7 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
       _useState10 = _slicedToArray(_useState9, 2),
       inputAfterDropDownShow = _useState10[0],
       setInputAfterDropDownShow = _useState10[1];
+    var tempSpanRef = useRef(null);
     var containerRef = useRef(null);
     var inputOperatorPosition = useRef(0);
 
@@ -73,61 +78,57 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
       return tokenize(inputValue, flatOptions);
     }, [inputValue, flatOptions]);
     // 根据搜索文本获取筛选后的层级选项（保持层级结构）
-    var filteredHierarchyOptions = useMemo(function () {
-      var searchText = inputAfterDropDownShow;
-      // 如果搜索文本为空，显示所有选项（保持层级）
-      if (!searchText) {
-        return options;
-      }
 
-      // 根据搜索文本筛选，保持层级结构
-      var filterWithHierarchy = function filterWithHierarchy(items) {
-        var result = [];
-        var _iterator = _createForOfIteratorHelper(items),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var item = _step.value;
-            var labelMatch = item.label.includes(searchText);
-            // 筛选 children
-            var filteredChildren = item.children ? filterWithHierarchy(item.children) : [];
-            if (labelMatch || filteredChildren.length > 0) {
-              result.push(_objectSpread(_objectSpread({}, item), {}, {
-                children: filteredChildren.length > 0 ? filteredChildren : item.children
-              }));
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-        return result;
-      };
-      return filterWithHierarchy(options);
-    }, [inputAfterDropDownShow]);
     useEffect(function () {
       if (!open) {
         containerValueSnapShot.current = '';
+        tempSpanRef.current = null;
       }
       setInputAfterDropDownShow('');
     }, [open]);
+    var closeDorpDown = useCallback(function () {
+      setInputAfterDropDownShow('');
+      tempSpanRef.current = null;
+      // 点击div内直接关闭
+      setOpen(false);
+    }, []);
 
-    // 处理选项点击：删除用户刚输入的值，将选中的 label 放到运算符后面
+    // 处理选项点击
     var handleOptionClick = useCallback(function (opt) {
       var container = containerRef.current;
       if (!container) return;
-      var newValue = replaceLongestDiff(containerValueSnapShot.current, opt.label, inputOperatorPosition.current);
-      setOpen(false);
-      containerValueSnapShot.current = '';
-      var expr = newValue;
-      var valueExpr = replaceLabelsWithValues(expr, flatOptions);
-      setContainerValue(valueExpr);
-      onChange(valueExpr);
-
-      // 获取当前光标所在的 span
       var selection = window.getSelection();
       if (!selection || selection.rangeCount === 0) return;
+
+      // 如果有 tempSpanRef，用新逻辑：直接替换该 span 的内容
+      if (tempSpanRef.current) {
+        tempSpanRef.current.textContent = opt.label;
+        var replacedSpan = tempSpanRef.current;
+        tempSpanRef.current = null;
+
+        // 光标移到替换后的 span 后面
+        var _allSpans = Array.from(container.querySelectorAll('span'));
+        var replacedIndex = _allSpans.indexOf(replacedSpan);
+        var _targetSpan = _allSpans[replacedIndex + 1];
+        if (!_targetSpan || _targetSpan.classList.contains('formula-editor-token-label')) {
+          _targetSpan = createSpan(OTHER, '');
+          replacedSpan.after(_targetSpan);
+        }
+        moveCursorToSpan(_targetSpan, true, selection);
+        // 更新 containerValue
+        var newValue = container.textContent || '';
+        var valueExpr = replaceLabelsWithValues(newValue, flatOptions);
+        setContainerValue(valueExpr);
+        onChange(valueExpr);
+        setOpen(false);
+        return;
+      }
+      // 原逻辑：删除 inputAfterDropDownShow，插入新 label
+      var newValueUser = replaceLongestDiff(containerValueSnapShot.current, opt.label, inputOperatorPosition.current);
+      var expr = newValueUser;
+      var valueExprUser = replaceLabelsWithValues(expr, flatOptions);
+      setContainerValue(valueExprUser);
+      onChange(valueExprUser);
       var range = selection.getRangeAt(0);
       var startContainer = range.startContainer;
       var currentSpan = startContainer.nodeType === Node.TEXT_NODE ? startContainer.parentElement : startContainer;
@@ -145,23 +146,17 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
       var afterPart = spanText.slice(deleteIndex + deleteText.length);
 
       // 删除当前 span，用三个 span 替换：other（前）、label、other（后）
-      var labelSpan = document.createElement('span');
-      labelSpan.className = 'formula-editor-token-label';
-      labelSpan.textContent = opt.label;
+      var labelSpan = createSpan(LABEL, opt.label);
 
       // 创建待插入的 span 列表
       var spansToInsert = [];
       if (beforePart) {
-        var beforeSpan = document.createElement('span');
-        beforeSpan.className = 'formula-editor-token-other';
-        beforeSpan.textContent = beforePart;
+        var beforeSpan = createSpan(OTHER, beforePart);
         spansToInsert.push(beforeSpan);
       }
       spansToInsert.push(labelSpan);
       if (afterPart) {
-        var afterSpan = document.createElement('span');
-        afterSpan.className = 'formula-editor-token-other';
-        afterSpan.textContent = afterPart;
+        var afterSpan = createSpan(OTHER, afterPart);
         spansToInsert.push(afterSpan);
       }
       // 插入所有 span
@@ -175,24 +170,20 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
 
       // 如果下一个 span 是 label 类型或没有下一个 span，则插入一个空 span
       if (!targetSpan || targetSpan.classList.contains('formula-editor-token-label')) {
-        targetSpan = document.createElement('span');
-        targetSpan.className = 'formula-editor-token-other';
-        targetSpan.textContent = '';
+        targetSpan = createSpan(OTHER, '');
         labelSpan.after(targetSpan);
       }
-
-      // 将光标移到目标 span 的开头
-      var newRange = document.createRange();
-      newRange.selectNodeContents(targetSpan);
-      newRange.collapse(true);
-      selection.removeAllRanges();
-      selection.addRange(newRange);
+      moveCursorToSpan(targetSpan, true, selection);
+      setOpen(false);
     }, [inputAfterDropDownShow]);
 
     // 处理输入变化
     var handleInput = useCallback(function () {
       var container = containerRef.current;
       if (!container) return;
+      if (tempSpanRef.current) {
+        closeDorpDown();
+      }
       var newValue = container.textContent || '';
       var processedValue = newValue;
       var expr = processedValue;
@@ -216,7 +207,7 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
       if (open) {
         var _getStringDiff2 = getStringDiff(containerValueSnapShot.current, newValue),
           addedOnSnapShot = _getStringDiff2.added;
-        isBeginWithNumber = /^\d$/.test(head(addedOnSnapShot));
+        isBeginWithNumber = /^\d$/.test(head(addedOnSnapShot.join('').trim()));
         inputStringAfterDropDownShow = addedOnSnapShot.join('');
       }
       if (pressAOperator) {
@@ -245,6 +236,18 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
       setInputAfterDropDownShow(inputStringAfterDropDownShow);
       onChange(valueExpr);
     }, [containerValue, open]);
+    var _useKeyEventEffect = useKeyEventEffect({
+        closeDorpDown: closeDorpDown,
+        setOffsetX: setOffsetX,
+        setOpen: setOpen,
+        containerRef: containerRef,
+        tempSpanRef: tempSpanRef,
+        inputAfterDropDownShow: inputAfterDropDownShow,
+        options: options
+      }),
+      handleMouseUp = _useKeyEventEffect.handleMouseUp,
+      handleKeyDown = _useKeyEventEffect.handleKeyDown,
+      filteredHierarchyOptions = _useKeyEventEffect.filteredHierarchyOptions;
 
     // 编辑状态时自动聚焦
     useEffect(function () {
@@ -253,309 +256,46 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
         (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.focus();
       }
     }, [isEditing]);
-    var closeDorpDown = useCallback(function () {
-      // 点击div内直接关闭
-      setOpen(false);
-    }, []);
-
-    // 鼠标释放时，如果光标在 label span 内，移动到后一个 span 的开头
-    var handleMouseUp = useCallback(function () {
-      var div = containerRef.current;
-      if (!div) return;
-      closeDorpDown();
-      var selection = window.getSelection();
-      if (!selection || selection.rangeCount === 0) return;
-      var range = selection.getRangeAt(0);
-      var startContainer = range.startContainer;
-      var currentSpan = getSpanAtCursor(startContainer);
-      if (!currentSpan || currentSpan === div) return;
-      var isLabelSpan = currentSpan.classList.contains('formula-editor-token-label');
-
-      // 如果在 label span 内，移动到下一个 span 的开头
-      if (isLabelSpan) {
-        var allSpans = Array.from(div.querySelectorAll('span'));
-        var currentIndex = allSpans.indexOf(currentSpan);
-        if (currentIndex < allSpans.length - 1) {
-          var nextSpan = allSpans[currentIndex + 1];
-          var newRange = document.createRange();
-          newRange.selectNodeContents(nextSpan);
-          newRange.collapse(true);
-          selection.removeAllRanges();
-          selection.addRange(newRange);
-        }
-      }
-    }, [closeDorpDown]);
-    var handleKeyDown = useCallback(function (e) {
-      var _currentSpan$textCont, _currentSpan$textCont2;
-      if (e.key === 'ArrowUp' || e.key === "ArrowDown") {
-        e.preventDefault();
-        e.stopPropagation();
-        return;
-      }
-      var div = containerRef.current;
-      if (!div) return;
-      var selection = window.getSelection();
-      if (!selection || selection.rangeCount === 0) return;
-      var range = selection.getRangeAt(0);
-      var startContainer = range.startContainer,
-        startOffset = range.startOffset;
-      var currentSpan = getSpanAtCursor(startContainer);
-      if (!currentSpan || currentSpan === div) return;
-      var allSpans = Array.from(div.querySelectorAll('span'));
-      var currentIndex = allSpans.indexOf(currentSpan);
-      var textLen = (_currentSpan$textCont = (_currentSpan$textCont2 = currentSpan.textContent) === null || _currentSpan$textCont2 === void 0 ? void 0 : _currentSpan$textCont2.length) !== null && _currentSpan$textCont !== void 0 ? _currentSpan$textCont : 0;
-
-      // 方向键：跳过 label span
-      if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
-        closeDorpDown();
-        var position = getCursorPositionInSpan(currentSpan);
-        var isAtEnd = startOffset >= textLen;
-        var isAtStart = startOffset === 0;
-        var isAlmostEnd = startOffset >= textLen - 1;
-        var isAlmostStart = position === 1;
-        if (e.key === 'ArrowRight' && isAtEnd) {
-          // 向右 + 在末尾 -> 跳到下一个 span 的开头（跳过 label span）
-          var targetIndex = currentIndex + 1;
-          while (targetIndex < allSpans.length && allSpans[targetIndex].classList.contains('formula-editor-token-label')) {
-            targetIndex++;
-          }
-          if (targetIndex < allSpans.length && targetIndex !== currentIndex + 1) {
-            e.preventDefault();
-            var targetSpan = allSpans[targetIndex];
-            var newRange = document.createRange();
-            newRange.selectNodeContents(targetSpan);
-            newRange.collapse(true);
-            selection.removeAllRanges();
-            selection.addRange(newRange);
-          }
-        } else if (e.key === 'ArrowLeft' && isAtStart) {
-          // 向左 + 在开头 -> 跳到上一个 span 的末尾（跳过 label span）
-          var _targetIndex = currentIndex - 1;
-          while (_targetIndex >= 0 && allSpans[_targetIndex].classList.contains('formula-editor-token-label')) {
-            _targetIndex--;
-          }
-          if (_targetIndex >= 0 && _targetIndex !== currentIndex - 1) {
-            e.preventDefault();
-            var _targetSpan = allSpans[_targetIndex];
-            var _newRange = document.createRange();
-            _newRange.selectNodeContents(_targetSpan);
-            _newRange.collapse(false);
-            selection.removeAllRanges();
-            selection.addRange(_newRange);
-          }
-        } else if (e.key === 'ArrowRight' && isAlmostEnd) {
-          var _targetIndex2 = currentIndex + 1;
-          if (_targetIndex2 < allSpans.length && !allSpans[_targetIndex2].classList.contains('formula-editor-token-label')) {
-            e.preventDefault();
-            var _targetSpan2 = allSpans[_targetIndex2];
-            var _newRange2 = document.createRange();
-            _newRange2.selectNodeContents(_targetSpan2);
-            _newRange2.collapse(true);
-            selection.removeAllRanges();
-            selection.addRange(_newRange2);
-          }
-        } else if (e.key === 'ArrowLeft' && isAlmostStart) {
-          var _targetIndex3 = currentIndex - 1;
-          if (_targetIndex3 >= 0 && !allSpans[_targetIndex3].classList.contains('formula-editor-token-label')) {
-            e.preventDefault();
-            var _targetSpan3 = allSpans[_targetIndex3];
-            var _newRange3 = document.createRange();
-            _newRange3.selectNodeContents(_targetSpan3);
-            _newRange3.collapse(false);
-            selection.removeAllRanges();
-            selection.addRange(_newRange3);
-          }
-        }
-        return;
-      }
-
-      // 删除键逻辑
-      if (e.key !== 'Delete' && e.key !== 'Backspace') return;
-
-      // 不在 label span 内，在 span 开头且前一个是 label 时，删除整个 label span
-      if (startOffset === 0 && e.key === 'Backspace' && currentIndex > 0) {
-        var prevSpan = allSpans[currentIndex - 1];
-        if (prevSpan.classList.contains('formula-editor-token-label')) {
-          e.preventDefault();
-          e.stopPropagation();
-          prevSpan.remove();
-          var _newRange4 = document.createRange();
-
-          // 如果当前 span 有内容，光标放在开头；否则找最近的有内容的 span
-          if (currentSpan.textContent !== '') {
-            _newRange4.selectNodeContents(currentSpan);
-            _newRange4.collapse(true);
-          } else {
-            // 找前一个最近的有内容的 span
-            var _targetSpan4;
-            for (var i = currentIndex - 2; i >= 0; i--) {
-              if (allSpans[i].textContent !== '') {
-                _targetSpan4 = allSpans[i];
-                break;
-              }
-            }
-            if (_targetSpan4) {
-              _newRange4.selectNodeContents(_targetSpan4);
-              _newRange4.collapse(false);
-            } else {
-              _newRange4.selectNodeContents(div);
-              _newRange4.collapse(true);
-            }
-          }
-          selection.removeAllRanges();
-          selection.addRange(_newRange4);
-          return;
-        }
+    var handleChange = useCallback(function (value) {
+      onChange(!isNil(value) ? value : null);
+    }, [onChange]);
+    useEffect(function () {
+      if (isEditing) {
+        var _inputNumberRef$curre;
+        inputNumberRef === null || inputNumberRef === void 0 || (_inputNumberRef$curre = inputNumberRef.current) === null || _inputNumberRef$curre === void 0 || _inputNumberRef$curre.focus();
       }
-
-      // 在 span 开头 + Delete 键，光标移到前一个 span 的末尾
-      if (startOffset === 0 && e.key === 'Backspace' && currentIndex > 0) {
-        var _prevSpan = allSpans[currentIndex - 1];
-        // 前一个 span 是非 label span 时，光标移到其末尾
-        if (!_prevSpan.classList.contains('formula-editor-token-label')) {
-          e.preventDefault();
-          e.stopPropagation();
-          var prevText = _prevSpan.textContent || '';
-          if (prevText.length > 0) {
-            _prevSpan.textContent = prevText.slice(0, -1);
-          }
-          var _newRange5 = document.createRange();
-          _newRange5.selectNodeContents(_prevSpan);
-          _newRange5.collapse(false);
-          selection.removeAllRanges();
-          selection.addRange(_newRange5);
-        }
+    }, [isEditing]);
+    var reFocus = useCallback(function () {
+      if (isEditing) {
+        var _inputNumberRef$curre2;
+        inputNumberRef === null || inputNumberRef === void 0 || (_inputNumberRef$curre2 = inputNumberRef.current) === null || _inputNumberRef$curre2 === void 0 || _inputNumberRef$curre2.focus();
       }
-
-      // 其他情况：等待浏览器完成默认删除后，检查当前 span 是否为空
-      setTimeout(function () {
-        var currentSpanNow = getSpanAtCursor(startContainer);
-        var allSpansNow = Array.from(div.querySelectorAll('span'));
-
-        // 如果 currentSpanNow 不在 allSpansNow 里（被浏览器删除了）
-        // 且还有 span 存在，用按下删除键时的 currentSpan 位置往前找
-        if (allSpansNow.length > 0 && !allSpansNow.includes(currentSpanNow)) {
-          // 如果光标在 span 开头 + Delete 键，currentIndex 指向的是被删 span 的后一个，所以要 -1
-          var searchIndex = startOffset === 0 ? currentIndex - 1 : currentIndex;
-          // 从 searchIndex 位置往前找
-          var _targetSpan5;
-          for (var _i = searchIndex; _i >= 0; _i--) {
-            var span = allSpansNow[_i];
-            if (span.textContent !== '') {
-              _targetSpan5 = span;
-              break;
-            }
-          }
-          // 如果找到的有内容 span 是 label，则把光标放在 label span 的后一个 span 的开头
-          if (_targetSpan5 && _targetSpan5.classList.contains('formula-editor-token-label')) {
-            var labelIndex = allSpansNow.indexOf(_targetSpan5);
-            if (labelIndex < allSpansNow.length - 1) {
-              var nextSpan = allSpansNow[labelIndex + 1];
-              var _newRange6 = document.createRange();
-              _newRange6.selectNodeContents(nextSpan);
-              _newRange6.collapse(true);
-              selection.removeAllRanges();
-              selection.addRange(_newRange6);
-              return;
-            }
-          }
-
-          // 否则把光标放在找到的 span 的末尾
-          if (_targetSpan5) {
-            var _newRange7 = document.createRange();
-            _newRange7.selectNodeContents(_targetSpan5);
-            _newRange7.collapse(false);
-            selection.removeAllRanges();
-            selection.addRange(_newRange7);
-            return;
-          }
-        }
-        if (!currentSpanNow || currentSpanNow === div) return;
-        if (currentSpanNow.textContent === '') {
-          var currentIndexNow = allSpansNow.indexOf(currentSpanNow);
-          var _newRange8 = document.createRange();
-          if (currentIndexNow > 0) {
-            // 移到前一个 span 的末尾，但如果前一个 span 是 label，则移到后一个 span 的开头
-            var _targetSpan6 = allSpansNow[currentIndexNow - 1];
-            if (_targetSpan6.classList.contains('formula-editor-token-label')) {
-              // 移到 label span 的后一个 span 的开头
-              if (currentIndexNow < allSpansNow.length - 1) {
-                var _nextSpan = allSpansNow[currentIndexNow + 1];
-                _newRange8.selectNodeContents(_nextSpan);
-                _newRange8.collapse(true);
-              } else {
-                _newRange8.selectNodeContents(div);
-                _newRange8.collapse(false);
-              }
-            } else {
-              _newRange8.selectNodeContents(_targetSpan6);
-              _newRange8.collapse(false);
-            }
-            currentSpanNow.remove();
-          } else if (allSpansNow.length > 1) {
-            // 第一个 span 为空，移到下一个 span 的开头
-            var _nextSpan2 = allSpansNow[currentIndexNow + 1];
-            _newRange8.selectNodeContents(_nextSpan2);
-            _newRange8.collapse(true);
-            currentSpanNow.remove();
-          } else {
-            // 只有一个空 span，保持空
-            _newRange8.selectNodeContents(div);
-            _newRange8.collapse(true);
-          }
-          selection.removeAllRanges();
-          selection.addRange(_newRange8);
+    }, [isEditing]);
+    if (choseEditor && choseEditor(record)) {
+      var _ref3;
+      return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({
+        ref: inputNumberRef,
+        onBlur: reFocus
+      }, inputArgs), {}, {
+        className: "number-editor",
+        onMouseDown: function onMouseDown(e) {
+          return e.stopPropagation();
+        },
+        value: (_ref3 = originValue) !== null && _ref3 !== void 0 ? _ref3 : '',
+        onChange: function onChange(e) {
+          handleChange(e.target.value);
         }
-      }, 0);
-    }, []);
-    var dropdownContent = /*#__PURE__*/_jsx(Menu, {
-      className: "formula-editor-dropdown",
-      style: {
-        transform: "translateX(".concat(offsetX, "px)")
-      },
-      onMouseDown: function onMouseDown(e) {
-        e.preventDefault();
-        e.stopPropagation();
-      },
-      children: filteredHierarchyOptions.length === 0 ? /*#__PURE__*/_jsx(Menu.Item, {
-        disabled: true,
-        children: /*#__PURE__*/_jsx("span", {
-          className: "formula-editor-dropdown-no-data",
-          children: "\u6682\u65E0\u6570\u636E"
-        })
-      }, "no-data") : filteredHierarchyOptions.map(function (opt) {
-        return opt.children && opt.children.length > 0 ? /*#__PURE__*/_jsx(Menu.SubMenu, {
-          title: opt.label,
-          className: "formula-editor-dropdown-submenu",
-          children: opt.children.map(function (child) {
-            return /*#__PURE__*/_jsx(Menu.Item, {
-              className: "formula-editor-dropdown-item",
-              onClick: function onClick() {
-                return handleOptionClick(child);
-              },
-              children: child.label
-            }, child.value);
-          })
-        }, opt.value) : /*#__PURE__*/_jsxs(Menu.Item, {
-          className: "formula-editor-dropdown-item",
-          onClick: function onClick() {
-            return handleOptionClick(opt);
-          },
-          children: [opt.label, opt.info ? /*#__PURE__*/_jsx(Tooltip, {
-            title: opt.info,
-            children: /*#__PURE__*/_jsx(InfoCircleOutlined, {
-              style: {
-                color: '#FF9900',
-                marginLeft: 4
-              }
-            })
-          }) : null]
-        }, opt.value);
-      })
-    });
+      }));
+    }
     return /*#__PURE__*/_jsx(Dropdown, {
       overlayClassName: "dropDownOffset",
-      overlay: dropdownContent,
+      overlay: /*#__PURE__*/_jsx(DropMenu, {
+        options: filteredHierarchyOptions,
+        onOptionClick: handleOptionClick,
+        style: {
+          transform: "translateX(".concat(offsetX, "px)")
+        }
+      }),
       open: open,
       children: /*#__PURE__*/_jsx("div", {
         ref: containerRef,
@@ -571,13 +311,13 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
         spellCheck: false,
         children: isEmpty(tokens) ? /*#__PURE__*/_jsx("span", {
           style: {
-            minWidth: 8,
+            minWidth: 1,
             height: 40
           }
         }) : tokens.map(function (token, index) {
           return token.type === 'end' ? /*#__PURE__*/_jsx("span", {
             style: {
-              minWidth: 8,
+              minWidth: 1,
               height: 40
             }
           }, index) : /*#__PURE__*/_jsx("span", {
@@ -593,22 +333,40 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
   var flatOptions = flattenOptions(options);
 
   // checker：使用 validateCalculationExpr 校验语法 + 校验变量是否都在 options 中
-  FormulaInputEditor.checker = function (value) {
+  FormulaInputEditor.checker = function (value, record, currentValue) {
     if (isNil(value)) return true;
+    if (choseEditor && choseEditor(record)) {
+      var _String;
+      var result = (_String = String(value)) === null || _String === void 0 ? void 0 : _String.replace(/,/g, '');
+      result = formulaString(result, currentValue, precision);
+      // parse number with thousands separator
+      var range = rangeMethod === null || rangeMethod === void 0 ? void 0 : rangeMethod(record);
+      if (!isNil(range === null || range === void 0 ? void 0 : range.max) && !isNil(range === null || range === void 0 ? void 0 : range.min)) {
+        var _ref4 = range || {},
+          _ref4$max = _ref4.max,
+          _max = _ref4$max === void 0 ? 0 : _ref4$max,
+          _ref4$min = _ref4.min,
+          _min = _ref4$min === void 0 ? 0 : _ref4$min;
+        if (result < _min || result > _max) {
+          warnMethod === null || warnMethod === void 0 || warnMethod(record);
+          return false;
+        }
+      }
+      if (isNaN(result)) {
+        return false;
+      }
+      return true;
+    }
     var strValue = String(value);
-
     // 如果以 = 开头，去掉 = 后校验
     var expr = strValue.startsWith('=') ? strValue.slice(1) : strValue;
     var parsedExpr = replaceLabelsWithValues(expr, flatOptions);
-
     // 空表达式不校验
     if (!parsedExpr.trim()) return true;
-
     // 1. 语法校验
     if (!validateCalculationExpr(parsedExpr)) {
       return false;
     }
-
     // 2. 变量校验：所有变量必须在 options 中
     if (!validateVariables(parsedExpr, flatOptions)) {
       return false;
@@ -617,10 +375,15 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
   };
 
   // formula：校验公式，校验成功返回 currentValue
-  FormulaInputEditor.formula = function (value, currentValue) {
+  FormulaInputEditor.formula = function (value, record, currentValue) {
     if (isNil(value)) {
       return null;
     }
+    if (choseEditor && choseEditor(record)) {
+      var _String2;
+      var formatValue = (_String2 = String(value)) === null || _String2 === void 0 ? void 0 : _String2.replace(/,/g, '');
+      return formulaString(formatValue, currentValue, precision, max, min, true);
+    }
     var strValue = String(value);
     var hasEqualSign = strValue.startsWith('=');
     var expr = hasEqualSign ? strValue.slice(1) : strValue;
@@ -645,8 +408,17 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
   };
 
   // parser：粘贴时处理，将 label 转换为 value
-  FormulaInputEditor.parser = function (value) {
+  FormulaInputEditor.parser = function (value, record, currentValue) {
     if (isNil(value)) return null;
+    if (choseEditor && choseEditor(record)) {
+      var _String3;
+      var result = (_String3 = String(value)) === null || _String3 === void 0 ? void 0 : _String3.replace(/[,|%]/g, '');
+      result = formulaString(result, currentValue, precision);
+      if (isNil(result) || isNaN(result)) {
+        return null;
+      }
+      return result;
+    }
     var strValue = String(value);
     var hasEqualSign = strValue.startsWith('=');
     var expr = hasEqualSign ? strValue.slice(1) : strValue;
@@ -657,15 +429,24 @@ export var getFormulaInputEditor = function getFormulaInputEditor(options, repla
   };
 
   // formatter：复制时触发，将 value 转换为 label
-  FormulaInputEditor.formatter = function (value) {
-    if (isNil(value)) return null;
-    var strValue = String(value);
+  FormulaInputEditor.formatter = function (value, record) {
+    if (choseEditor && choseEditor(record)) {
+      var _String4;
+      if (isNil(value) || isNaN(value)) {
+        return null;
+      }
+      var result = parseFloat((_String4 = String(value)) === null || _String4 === void 0 ? void 0 : _String4.replace(/,/g, ''));
+      return result;
+    }
+    var replaceValue = replaceIndex ? get(record, [replaceIndex]) : value;
+    if (isNil(replaceValue)) return null;
+    var strValue = String(replaceValue);
     var hasEqualSign = strValue.startsWith('=');
     var expr = hasEqualSign ? strValue.slice(1) : strValue;
 
     // 将 value 替换为 label
     var displayExpr = replaceValuesWithLabels(expr, flatOptions);
-    return hasEqualSign ? '=' + displayExpr : displayExpr;
+    return hasEqualSign ? displayExpr : '=' + displayExpr;
   };
   return FormulaInputEditor;
 };