@zhenliang/sheet 0.2.4 → 0.2.5-beta.0

package/dist/core/editor/InputOptionsEditor/index.d.ts

@@ -0,0 +1,14 @@
+import type { SheetType } from "../../../type";
+import './index.less';
+export interface OptionItem {
+    label: string;
+    value: string;
+    info?: string;
+    children?: OptionItem[];
+}
+export interface FormulaInputProps {
+    options: OptionItem[];
+    value?: string;
+}
+export declare const getFormulaInputEditor: (options: OptionItem[]) => SheetType.CellEditor;
+export default getFormulaInputEditor;

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

@@ -0,0 +1,645 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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';
+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 "./index.less";
+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) {
+  var FormulaInputEditor = function FormulaInputEditor(props) {
+    var value = props.value,
+      onChange = props.onChange,
+      isEditing = props.isEditing;
+    var _useState = useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+    var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      offsetX = _useState4[0],
+      setOffsetX = _useState4[1];
+    // 为了不重新render，再写一个
+    var _useState5 = useState(value),
+      _useState6 = _slicedToArray(_useState5, 2),
+      containerValue = _useState6[0],
+      setContainerValue = _useState6[1];
+    var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      open = _useState8[0],
+      setOpen = _useState8[1];
+    var containerValueSnapShot = useRef('');
+    var _useState9 = useState(''),
+      _useState10 = _slicedToArray(_useState9, 2),
+      inputAfterDropDownShow = _useState10[0],
+      setInputAfterDropDownShow = _useState10[1];
+    var containerRef = useRef(null);
+    var inputOperatorPosition = useRef(0);
+
+    // 扁平化所有选项
+    var flatOptions = useMemo(function () {
+      return flattenOptions(options);
+    }, [options]);
+
+    // 解析表达式为 token 数组（内部自动将 value 转换为 label）
+    var tokens = useMemo(function () {
+      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 = '';
+      }
+      setInputAfterDropDownShow('');
+    }, [open]);
+
+    // 处理选项点击：删除用户刚输入的值，将选中的 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;
+      var range = selection.getRangeAt(0);
+      var startContainer = range.startContainer;
+      var currentSpan = startContainer.nodeType === Node.TEXT_NODE ? startContainer.parentElement : startContainer;
+      if (!currentSpan || currentSpan === container) return;
+
+      // 删除 inputAfterDropDownShow
+      var spanText = currentSpan.textContent || '';
+      var deleteText = inputAfterDropDownShow;
+      var deleteIndex = spanText.indexOf(deleteText);
+      if (deleteIndex !== -1) {
+        currentSpan.textContent = spanText.slice(0, deleteIndex) + spanText.slice(deleteIndex + deleteText.length);
+      }
+
+      // 新建 label span，内容为 opt.label，插入到当前 span 后面
+      var labelSpan = document.createElement('span');
+      labelSpan.className = 'formula-editor-token-label';
+      labelSpan.textContent = opt.label;
+      currentSpan.after(labelSpan);
+
+      // 将光标移到下一个 span 的开头
+      var allSpans = Array.from(container.querySelectorAll('span'));
+      var labelSpanIndex = allSpans.indexOf(labelSpan);
+      var targetSpan = allSpans[labelSpanIndex + 1];
+
+      // 如果下一个 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 = '';
+        labelSpan.after(targetSpan);
+      }
+
+      // 将光标移到目标 span 的开头
+      var newRange = document.createRange();
+      newRange.selectNodeContents(targetSpan);
+      newRange.collapse(true);
+      selection.removeAllRanges();
+      selection.addRange(newRange);
+    }, [inputAfterDropDownShow]);
+
+    // 处理输入变化
+    var handleInput = useCallback(function () {
+      var container = containerRef.current;
+      if (!container) return;
+      var newValue = container.textContent || '';
+      var processedValue = newValue;
+      var expr = processedValue;
+      var valueExpr = replaceLabelsWithValues(expr, flatOptions);
+      var oldLabelText = replaceValuesWithLabels(containerValue, flatOptions);
+      var firstDiffPosition = 0;
+      for (var i = 0; i < newValue.length; i++) {
+        if (newValue[i] !== oldLabelText[i]) {
+          firstDiffPosition = i;
+          break;
+        }
+      }
+      var _getStringDiff = getStringDiff(containerValue, valueExpr),
+        added = _getStringDiff.added,
+        removed = _getStringDiff.removed;
+      setContainerValue(valueExpr);
+      var pressAOperator = added.length === 1 && OPERATORS.includes(head(added));
+      var deleteAOperator = removed.length === 1 && OPERATORS.includes(head(removed));
+      var isBeginWithNumber;
+      var inputStringAfterDropDownShow = '';
+      if (open) {
+        var _getStringDiff2 = getStringDiff(containerValueSnapShot.current, newValue),
+          addedOnSnapShot = _getStringDiff2.added;
+        isBeginWithNumber = /^\d$/.test(head(addedOnSnapShot));
+        inputStringAfterDropDownShow = addedOnSnapShot.join('');
+      }
+      if (pressAOperator) {
+        // 按下了运算符，下拉框刚打开，重置输入记录
+        containerValueSnapShot.current = expr;
+        inputStringAfterDropDownShow = '';
+        inputOperatorPosition.current = firstDiffPosition;
+
+        // 获取当前光标距离 containerRef 最左边的距离
+        var selection = window.getSelection();
+        var cursorDistance = 0;
+        if (selection && selection.rangeCount > 0) {
+          var _containerRef$current;
+          var range = selection.getRangeAt(0);
+          var containerRect = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect();
+          var cursorRect = range.getBoundingClientRect();
+          if (containerRect && cursorRect) {
+            cursorDistance = cursorRect.left - containerRect.left;
+          }
+        }
+        setOffsetX(cursorDistance < 150 ? 0 : cursorDistance - 8);
+        setOpen(true);
+      } else if (open && deleteAOperator || isBeginWithNumber) {
+        setOpen(false);
+      }
+      setInputAfterDropDownShow(inputStringAfterDropDownShow);
+      onChange(valueExpr);
+    }, [containerValue, open]);
+
+    // 编辑状态时自动聚焦
+    useEffect(function () {
+      if (isEditing) {
+        var _containerRef$current2;
+        (_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;
+      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;
+        }
+      }
+
+      // 在 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);
+        }
+      }
+
+      // 其他情况：等待浏览器完成默认删除后，检查当前 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);
+        }
+      }, 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,
+      open: open,
+      children: /*#__PURE__*/_jsx("div", {
+        ref: containerRef,
+        className: "formula-editor",
+        contentEditable: true,
+        suppressContentEditableWarning: true,
+        onInput: handleInput,
+        onMouseDown: function onMouseDown(e) {
+          return e.stopPropagation();
+        },
+        onMouseUp: handleMouseUp,
+        onKeyDown: handleKeyDown,
+        spellCheck: false,
+        children: isEmpty(tokens) ? /*#__PURE__*/_jsx("span", {
+          style: {
+            minWidth: 8,
+            height: 40
+          }
+        }) : tokens.map(function (token, index) {
+          return token.type === 'end' ? /*#__PURE__*/_jsx("span", {
+            style: {
+              minWidth: 8,
+              height: 40
+            }
+          }, index) : /*#__PURE__*/_jsx("span", {
+            className: "formula-editor-token-".concat(token.type),
+            children: token.text
+          }, index);
+        })
+      })
+    });
+  };
+
+  // 扁平化选项用于校验和格式化
+  var flatOptions = flattenOptions(options);
+
+  // checker：使用 validateCalculationExpr 校验语法 + 校验变量是否都在 options 中
+  FormulaInputEditor.checker = function (value) {
+    if (isNil(value)) 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;
+    }
+    return true;
+  };
+
+  // formula：校验公式，校验成功返回 currentValue
+  FormulaInputEditor.formula = function (value, currentValue) {
+    if (isNil(value)) {
+      return null;
+    }
+    var strValue = String(value);
+    var hasEqualSign = strValue.startsWith('=');
+    var expr = hasEqualSign ? strValue.slice(1) : strValue;
+
+    // 空表达式返回 null
+    if (!expr.trim()) {
+      return null;
+    }
+    if (!hasEqualSign) {
+      return Infinity;
+    }
+    // 语法校验
+    if (!validateCalculationExpr(expr)) {
+      return Infinity;
+    }
+
+    // 变量校验
+    if (!validateVariables(expr, flatOptions)) {
+      return Infinity;
+    }
+    return currentValue;
+  };
+
+  // parser：粘贴时处理，将 label 转换为 value
+  FormulaInputEditor.parser = function (value) {
+    if (isNil(value)) return null;
+    var strValue = String(value);
+    var hasEqualSign = strValue.startsWith('=');
+    var expr = hasEqualSign ? strValue.slice(1) : strValue;
+
+    // 将 label 替换为 value
+    var parsedExpr = replaceLabelsWithValues(expr, flatOptions);
+    return '=' + parsedExpr;
+  };
+
+  // formatter：复制时触发，将 value 转换为 label
+  FormulaInputEditor.formatter = function (value) {
+    if (isNil(value)) return null;
+    var strValue = String(value);
+    var hasEqualSign = strValue.startsWith('=');
+    var expr = hasEqualSign ? strValue.slice(1) : strValue;
+
+    // 将 value 替换为 label
+    var displayExpr = replaceValuesWithLabels(expr, flatOptions);
+    return hasEqualSign ? '=' + displayExpr : displayExpr;
+  };
+  return FormulaInputEditor;
+};
+export default getFormulaInputEditor;