@lobehub/editor 4.5.0 → 4.6.0

package/es/plugins/math/react/components/MathEditor.js

@@ -1,299 +0,0 @@
-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 { mergeRegister } from '@lexical/utils';
-import { $getNodeByKey, $getSelection, $isNodeSelection, $isRangeSelection } from 'lexical';
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { useLexicalComposerContext, useLexicalEditor } from "../../../../editor-kernel/react";
-import PortalAnchor from "../../../../editor-kernel/react/PortalAnchor";
-import { compareNodeOrder } from "../../../../editor-kernel/utils";
-import { SELECT_MATH_SIDE_COMMAND, UPDATE_MATH_COMMAND } from "../../command";
-import { $isMathNode, MathBlockNode } from "../../node";
-import MathEditorContainer from "./MathEditorContainer";
-import MathEditorContent from "./MathEditorContent";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var MathEdit = /*#__PURE__*/memo(function (_ref) {
-  var renderComp = _ref.renderComp;
-  var textareaRef = useRef(null);
-  var isUpdatingRef = useRef(false);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    mathNode = _useState2[0],
-    setMathNode = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  // 最近一次成功渲染（校验通过）的 LaTeX
-  var lastValidRef = useRef('');
-  var isInputValidRef = useRef(true);
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    mathDOM = _useState6[0],
-    setMathDOM = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    prev = _useState8[0],
-    setPrev = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isBlockMode = _useState10[0],
-    setIsBlockMode = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isOpen = _useState12[0],
-    setIsOpen = _useState12[1];
-  var _useLexicalComposerCo = useLexicalComposerContext(),
-    _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
-    editor = _useLexicalComposerCo2[0];
-
-  // 实时更新节点内容（仅当输入可渲染时才同步到 document）
-  useEffect(function () {
-    if (!mathNode) return;
-    // 输入无效时不同步到文档，避免无限循环；提交时会使用 lastValidRef 作为回退
-    if (!isInputValidRef.current) return;
-
-    // 使用防抖来避免过于频繁的更新
-    var timeoutId = setTimeout(function () {
-      // 直接更新节点内容
-      var lexicalEditor = editor.getLexicalEditor();
-      if (lexicalEditor && !isUpdatingRef.current) {
-        // 检查当前值是否与节点中的值不同，避免不必要的更新
-        var currentCode = mathNode.code;
-        if (value && currentCode && currentCode === value) {
-          return; // 值相同，无需更新
-        }
-        isUpdatingRef.current = true;
-        lexicalEditor.update(function () {
-          var currentNode = lexicalEditor.getEditorState().read(function () {
-            return lexicalEditor.getElementByKey(mathNode.getKey());
-          });
-          if (currentNode) {
-            var writableNode = mathNode.getWritable();
-            writableNode.__code = value;
-          }
-        });
-        // 延迟重置更新标志，确保更新监听器不会立即触发
-        setTimeout(function () {
-          isUpdatingRef.current = false;
-        }, 50);
-      }
-    }, 50); // 增加防抖延迟
-
-    return function () {
-      return clearTimeout(timeoutId);
-    };
-  }, [value, mathNode, editor]);
-
-  // 提交逻辑
-  var handleSubmit = useCallback(function () {
-    if (!mathNode) return;
-    var lexicalEditor = editor.getLexicalEditor();
-    if (lexicalEditor) {
-      // 提交时若当前不可渲染，则使用最近一次成功渲染的内容
-      var codeToCommit = isInputValidRef.current ? value : lastValidRef.current;
-      lexicalEditor.dispatchCommand(UPDATE_MATH_COMMAND, {
-        code: codeToCommit,
-        key: mathNode.getKey()
-      });
-    }
-  }, [editor, mathNode, value]);
-
-  // 取消编辑，不保存更改
-  var handleCancel = useCallback(function () {
-    if (!mathNode) return;
-    var lexicalEditor = editor.getLexicalEditor();
-    if (lexicalEditor) {
-      // 使用命令来正确设置光标位置到数学节点之后
-      lexicalEditor.dispatchCommand(SELECT_MATH_SIDE_COMMAND, {
-        key: mathNode.getKey(),
-        prev: false
-      });
-
-      // 将焦点返回到编辑器
-      lexicalEditor.focus();
-    }
-  }, [mathNode, editor]);
-
-  // 删除节点
-  var handleDelete = useCallback(function () {
-    if (!mathNode) return;
-    var lexicalEditor = editor.getLexicalEditor();
-    if (lexicalEditor) {
-      lexicalEditor.update(function () {
-        mathNode.remove();
-      });
-    }
-  }, [mathNode, editor]);
-
-  // 左箭头导航
-  var handleArrowLeft = useCallback(function () {
-    if (!mathNode) return;
-    editor.dispatchCommand(SELECT_MATH_SIDE_COMMAND, {
-      key: mathNode.getKey(),
-      prev: true
-    });
-  }, [mathNode, editor]);
-
-  // 右箭头导航
-  var handleArrowRight = useCallback(function () {
-    if (!mathNode) return;
-    editor.dispatchCommand(SELECT_MATH_SIDE_COMMAND, {
-      key: mathNode.getKey(),
-      prev: false
-    });
-  }, [mathNode, editor]);
-
-  // 处理焦点
-  var handleFocus = useCallback(function () {
-    var _textareaRef$current;
-    (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 || _textareaRef$current.focus();
-    if (prev) {
-      var _textareaRef$current2;
-      (_textareaRef$current2 = textareaRef.current) === null || _textareaRef$current2 === void 0 || (_textareaRef$current2 = _textareaRef$current2.resizableTextArea) === null || _textareaRef$current2 === void 0 || (_textareaRef$current2 = _textareaRef$current2.textArea) === null || _textareaRef$current2 === void 0 || _textareaRef$current2.setSelectionRange(0, 0);
-    }
-  }, [prev]);
-
-  // 设置 textarea ref
-  var setTextareaRef = useCallback(function (ref) {
-    textareaRef.current = ref;
-  }, []);
-  useLexicalEditor(function (editor) {
-    return mergeRegister(editor.registerUpdateListener(function (_ref2) {
-      var prevEditorState = _ref2.prevEditorState;
-      // 如果正在更新中，跳过此次监听器调用
-      if (isUpdatingRef.current) {
-        return;
-      }
-
-      // Handle editor state updates
-      var canEdit = editor.getEditorState().read(function () {
-        var selection = $getSelection();
-        if (!$isNodeSelection(selection)) {
-          return false;
-        }
-        var node = selection.getNodes()[0];
-        if (!$isMathNode(node)) {
-          // Handle math node
-          return false;
-        }
-
-        // 检查是否是同一个节点，避免不必要的状态更新
-        var isSameNode = mathNode && mathNode.getKey() === node.getKey();
-        setMathNode(node);
-        // 只有在不是同一个节点或值真正改变时才更新 value
-        if (!isSameNode && node.code !== value) {
-          setValue(node.code);
-          lastValidRef.current = node.code; // 切换节点时以节点里的内容作为最近一次有效值
-          isInputValidRef.current = true; // 重置有效状态
-        }
-        setMathDOM(editor.getElementByKey(node.getKey()));
-        setIsBlockMode(node instanceof MathBlockNode);
-        return node;
-      });
-      if (canEdit) {
-        var anchorNodeKey = prevEditorState.read(function () {
-          var sel = prevEditorState._selection;
-          if (!$isRangeSelection(sel)) {
-            return false;
-          }
-          var node = sel.anchor.key;
-          return node;
-        });
-        editor.getEditorState().read(function () {
-          var anchorNode = anchorNodeKey ? $getNodeByKey(anchorNodeKey) : null;
-          var isPrev = anchorNode && compareNodeOrder(anchorNode, canEdit) < 0;
-          if (isPrev) {
-            setPrev(true);
-          } else {
-            setPrev(false);
-          }
-        });
-        setIsOpen(true);
-      }
-      if (!canEdit) {
-        setMathNode(null);
-        setMathDOM(null);
-        setValue('');
-        lastValidRef.current = '';
-        isInputValidRef.current = true;
-        setIsBlockMode(false);
-        setIsOpen(false);
-      }
-    }));
-  }, [mathNode, value]);
-
-  // 构建 MathEditorContent 组件
-  var mathEditorContent = /*#__PURE__*/_jsx(MathEditorContent, {
-    focusRef: setTextareaRef,
-    mathNode: mathNode,
-    onArrowLeft: handleArrowLeft,
-    onArrowRight: handleArrowRight,
-    onCancel: handleCancel,
-    onDelete: handleDelete,
-    onSubmit: handleSubmit,
-    onValidationChange: function onValidationChange(isValid) {
-      isInputValidRef.current = isValid;
-      if (isValid) {
-        lastValidRef.current = value;
-      }
-    },
-    onValueChange: setValue
-    // prev={prev}
-    ,
-    value: value
-  });
-
-  // 点击编辑器外部时关闭面板
-  useEffect(function () {
-    if (!isOpen) return;
-    var handlePointerDown = function handlePointerDown(event) {
-      var target = event.target;
-      if (!target) return;
-
-      // 支持多个容器（例如使用 renderComp 渲染到外部节点时，会有额外容器）
-      var containers = Array.from(document.querySelectorAll('[data-math-editor-container]'));
-      if (containers.some(function (el) {
-        return el && el.contains(target);
-      })) return;
-      handleCancel();
-    };
-    document.addEventListener('mousedown', handlePointerDown);
-    document.addEventListener('touchstart', handlePointerDown);
-    return function () {
-      document.removeEventListener('mousedown', handlePointerDown);
-      document.removeEventListener('touchstart', handlePointerDown);
-    };
-  }, [isOpen, handleCancel]);
-
-  // 如果有自定义渲染组件，使用它来包装 MathEditorContent
-  if (renderComp) {
-    // 为自定义渲染的内容增加容器标记，便于外部点击检测
-    var wrapped = /*#__PURE__*/_jsx("div", {
-      "data-math-editor-container": true,
-      children: mathEditorContent
-    });
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: renderComp({
-        children: wrapped,
-        open: isOpen
-      })
-    });
-  }
-
-  // 否则使用默认的 MathEditorContainer
-  return /*#__PURE__*/_jsx(PortalAnchor, {
-    children: /*#__PURE__*/_jsx(MathEditorContainer, {
-      isBlockMode: isBlockMode,
-      mathDOM: mathDOM,
-      onFocus: handleFocus,
-      prev: prev,
-      children: mathEditorContent
-    })
-  });
-});
-export default MathEdit;

package/es/plugins/math/react/components/MathEditorContainer.d.ts

@@ -1,15 +0,0 @@
-import { type ReactNode } from 'react';
-export interface MathEditorContainerProps {
-    /** 子组件内容 */
-    children: ReactNode;
-    /** 是否为块模式 */
-    isBlockMode: boolean;
-    /** 数学节点对应的 DOM 元素 */
-    mathDOM: HTMLElement | null;
-    /** 焦点回调 */
-    onFocus?: () => void;
-    /** 是否从前一个位置进入 */
-    prev: boolean;
-}
-declare const MathEditorContainer: import("react").NamedExoticComponent<MathEditorContainerProps>;
-export default MathEditorContainer;

package/es/plugins/math/react/components/MathEditorContainer.js

@@ -1,112 +0,0 @@
-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 { Flexbox, Popover } from '@lobehub/ui';
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { cleanPosition, updatePosition } from "../../../../utils/updatePosition";
-import { styles } from "../style";
-import { jsx as _jsx } from "react/jsx-runtime";
-var MathEditorContainer = /*#__PURE__*/memo(function (_ref) {
-  var children = _ref.children,
-    isBlockMode = _ref.isBlockMode,
-    mathDOM = _ref.mathDOM,
-    onFocus = _ref.onFocus,
-    prev = _ref.prev;
-  var anchorRef = useRef(null);
-  var _useState = useState(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    blockWidth = _useState2[0],
-    setBlockWidth = _useState2[1];
-  var lastBlockWidthRef = useRef(undefined);
-  var setBlockWidthIfNeeded = useCallback(function (nextWidth) {
-    var normalizedWidth = typeof nextWidth === 'number' ? Math.round(nextWidth) : undefined;
-    if (lastBlockWidthRef.current === normalizedWidth) return;
-    lastBlockWidthRef.current = normalizedWidth;
-    setBlockWidth(normalizedWidth);
-  }, []);
-  var updateBlockWidth = useCallback(function () {
-    if (!isBlockMode) {
-      setBlockWidthIfNeeded(undefined);
-      return;
-    }
-    var editorContainer = mathDOM === null || mathDOM === void 0 ? void 0 : mathDOM.closest('[contenteditable="true"]');
-    if (editorContainer) {
-      setBlockWidthIfNeeded(editorContainer.getBoundingClientRect().width);
-    }
-  }, [isBlockMode, mathDOM, setBlockWidthIfNeeded]);
-  var updateAnchorPosition = useCallback(function () {
-    return updatePosition({
-      callback: function callback() {
-        if (!anchorRef.current || !mathDOM) return;
-        // 展示的时候聚焦
-        onFocus === null || onFocus === void 0 || onFocus();
-        updateBlockWidth();
-      },
-      floating: anchorRef.current,
-      placement: isBlockMode ? 'bottom-start' : 'bottom',
-      reference: mathDOM
-    });
-  }, [isBlockMode, mathDOM, onFocus, updateBlockWidth]);
-  var handleAnchorClick = useCallback(function () {
-    if (!mathDOM) return;
-    updateAnchorPosition();
-  }, [mathDOM, updateAnchorPosition]);
-  useEffect(function () {
-    if (!mathDOM || !anchorRef.current) return;
-    var floating = anchorRef.current;
-
-    // 监听尺寸变化，仅更新宽度/位置（不跟随 trigger 尺寸变化）
-    var resizeObserver = new ResizeObserver(function () {
-      updateBlockWidth();
-    });
-    resizeObserver.observe(floating);
-    var editorContainer = null;
-    if (isBlockMode) {
-      editorContainer = mathDOM.closest('[contenteditable="true"]');
-      if (editorContainer) resizeObserver.observe(editorContainer);
-    }
-    updateAnchorPosition();
-
-    // 窗口尺寸变化时也重新定位
-    window.addEventListener('resize', updateAnchorPosition);
-    return function () {
-      resizeObserver.disconnect();
-      window.removeEventListener('resize', updateAnchorPosition);
-    };
-  }, [mathDOM, prev, isBlockMode, updateAnchorPosition]);
-
-  // 当没有 mathDOM 时，隐藏容器
-  useEffect(function () {
-    if (mathDOM || !anchorRef.current) return;
-    cleanPosition(anchorRef.current);
-  }, [mathDOM]);
-  return /*#__PURE__*/_jsx(Popover, {
-    arrow: false,
-    content: /*#__PURE__*/_jsx(Flexbox, {
-      className: styles.mathEditor,
-      "data-math-editor-container": true,
-      style: blockWidth ? {
-        width: blockWidth
-      } : undefined,
-      children: children
-    }),
-    open: !!mathDOM,
-    placement: isBlockMode ? 'bottomLeft' : 'bottom',
-    styles: {
-      content: {
-        borderRadius: '6px',
-        padding: 0
-      }
-    },
-    children: /*#__PURE__*/_jsx("span", {
-      className: styles.mathEditorAnchor,
-      onClick: handleAnchorClick,
-      ref: anchorRef
-    })
-  });
-});
-MathEditorContainer.displayName = 'MathEditorContainer';
-export default MathEditorContainer;

package/es/plugins/math/react/components/MathEditorContent.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { type TextAreaRef } from 'antd/es/input/TextArea';
-import { MathBlockNode, MathInlineNode } from '../../node';
-export interface MathEditorContentProps {
-    /** 焦点引用 */
-    focusRef?: (ref: TextAreaRef | null) => void;
-    /** 数学节点 */
-    mathNode: MathInlineNode | MathBlockNode | null;
-    /** 左箭头回调 */
-    onArrowLeft: () => void;
-    /** 右箭头回调 */
-    onArrowRight: () => void;
-    /** 取消回调 */
-    onCancel: () => void;
-    /** 删除节点回调 */
-    onDelete: () => void;
-    /** 提交回调 */
-    onSubmit: () => void;
-    /** 验证状态变化回调 */
-    onValidationChange?: (isValid: boolean) => void;
-    /** 值变化回调 */
-    onValueChange: (value: string) => void;
-    /** 是否从前一个位置进入 */
-    /** 当前输入值 */
-    value: string;
-}
-declare const MathEditorContent: import("react").NamedExoticComponent<MathEditorContentProps>;
-export default MathEditorContent;

package/es/plugins/math/react/components/MathEditorContent.js

@@ -1,161 +0,0 @@
-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 { Button, Flexbox, Hotkey, Text, TextArea } from '@lobehub/ui';
-import { renderToString } from 'katex';
-import { isModifierMatch } from 'lexical';
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { CONTROL_OR_META } from "../../../../common/sys";
-import { useTranslation } from "../../../../editor-kernel/react/useTranslation";
-import { styles } from "../style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var MathEditorContent = /*#__PURE__*/memo(function (_ref) {
-  var focusRef = _ref.focusRef,
-    mathNode = _ref.mathNode,
-    onArrowLeft = _ref.onArrowLeft,
-    onArrowRight = _ref.onArrowRight,
-    onCancel = _ref.onCancel,
-    onDelete = _ref.onDelete,
-    onSubmit = _ref.onSubmit,
-    onValidationChange = _ref.onValidationChange,
-    onValueChange = _ref.onValueChange,
-    value = _ref.value;
-  var t = useTranslation();
-  var textareaRef = useRef(null);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    latexError = _useState2[0],
-    setLatexError = _useState2[1];
-
-  // 将 ref 暴露给父组件
-  useEffect(function () {
-    focusRef === null || focusRef === void 0 || focusRef(textareaRef.current);
-  }, [focusRef]);
-
-  // // 聚焦和光标位置处理
-  // useEffect(() => {
-  //   if (textareaRef.current) {
-  //     textareaRef.current.focus();
-  //     if (prev) {
-  //       textareaRef.current.resizableTextArea?.textArea?.setSelectionRange(0, 0);
-  //     }
-  //   }
-  // }, [prev]);
-
-  // 实时验证 LaTeX 语法
-  useEffect(function () {
-    if (!mathNode) return;
-    var isEmpty = !value.trim();
-    if (isEmpty) {
-      setLatexError('');
-      onValidationChange === null || onValidationChange === void 0 || onValidationChange(true); // 空值视为有效
-      return;
-    }
-
-    // 使用防抖来避免过于频繁的验证
-    var timeoutId = setTimeout(function () {
-      try {
-        renderToString(value, {
-          displayMode: true,
-          throwOnError: true
-        });
-        // 验证成功：清除错误，通知父组件验证通过
-        setLatexError('');
-        onValidationChange === null || onValidationChange === void 0 || onValidationChange(true);
-      } catch (error) {
-        // 验证失败：设置错误信息，通知父组件验证失败
-        var errorMessage = error instanceof Error ? error.message : 'LaTeX Parse Error';
-        setLatexError(errorMessage);
-        onValidationChange === null || onValidationChange === void 0 || onValidationChange(false);
-      }
-    }, 50);
-    return function () {
-      return clearTimeout(timeoutId);
-    };
-  }, [value, mathNode, onValidationChange]);
-  var handleKeyDown = useCallback(function (e) {
-    if (!mathNode) return;
-    if (isModifierMatch(e, CONTROL_OR_META) && e.key === 'Enter') {
-      e.preventDefault();
-      onSubmit();
-      return;
-    }
-    if (e.key === 'Escape') {
-      e.preventDefault();
-      onCancel();
-      return;
-    }
-
-    // 当内容为空且按退格键时，删除数学节点
-    if (e.key === 'Backspace' && !value.trim()) {
-      e.preventDefault();
-      onDelete();
-      return;
-    }
-    if (e.key === 'ArrowLeft' && e.currentTarget.selectionStart === 0) {
-      e.preventDefault();
-      onArrowLeft();
-    }
-    if (e.key === 'ArrowRight' && e.currentTarget.selectionStart === e.currentTarget.value.length) {
-      e.preventDefault();
-      onArrowRight();
-    }
-  }, [mathNode, onSubmit, onCancel, onDelete, onArrowLeft, onArrowRight, value]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(TextArea, {
-      autoFocus: true,
-      autoSize: {
-        maxRows: 6,
-        minRows: 1
-      },
-      className: styles.mathEditorTextArea,
-      onChange: function onChange(e) {
-        onValueChange(e.target.value);
-      },
-      onKeyDown: handleKeyDown,
-      placeholder: "".concat(t('math.placeholder'), "..."),
-      ref: textareaRef,
-      resize: false,
-      value: value,
-      variant: 'borderless'
-    }), latexError && /*#__PURE__*/_jsx(Flexbox, {
-      className: styles.mathEditorFooter,
-      horizontal: true,
-      paddingBlock: 4,
-      paddingInline: 12,
-      width: '100%',
-      children: /*#__PURE__*/_jsx(Text, {
-        fontSize: 13,
-        type: 'danger',
-        children: latexError
-      })
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      className: styles.mathEditorFooter,
-      horizontal: true,
-      justify: 'flex-end',
-      padding: 4,
-      width: '100%',
-      children: /*#__PURE__*/_jsxs(Button, {
-        onClick: function onClick(e) {
-          e.preventDefault();
-          onSubmit();
-        },
-        size: 'small',
-        type: 'text',
-        variant: 'filled',
-        children: [t('confirm'), /*#__PURE__*/_jsx(Hotkey, {
-          compact: true,
-          keys: "mod+enter",
-          variant: 'borderless'
-        })]
-      })
-    })]
-  });
-});
-MathEditorContent.displayName = 'MathEditorContent';
-export default MathEditorContent;

package/es/plugins/math/react/components/MathInline.d.ts

@@ -1,10 +0,0 @@
-import { LexicalEditor } from 'lexical';
-import { type FC } from 'react';
-import { MathBlockNode, MathInlineNode } from '../../node';
-export interface MathInlineProps {
-    className?: string;
-    editor: LexicalEditor;
-    node: MathInlineNode | MathBlockNode;
-}
-declare const MathInline: FC<MathInlineProps>;
-export default MathInline;