@lobehub/editor 1.4.7 → 1.5.1

package/es/plugins/math/react/index.js

@@ -0,0 +1,43 @@
+'use client';
+
+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 { useLayoutEffect } from 'react';
+import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context";
+import { MarkdownPlugin } from "../../markdown";
+import { MathPlugin } from "../plugin";
+import MathEdit from "./component/MathEditor";
+import MathInline from "./component/MathInline";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ReactMathPlugin = function ReactMathPlugin(_ref) {
+  var className = _ref.className,
+    renderComp = _ref.renderComp,
+    theme = _ref.theme;
+  var _useLexicalComposerCo = useLexicalComposerContext(),
+    _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  useLayoutEffect(function () {
+    editor.registerPlugin(MarkdownPlugin);
+    editor.registerPlugin(MathPlugin, {
+      decorator: function decorator(node, editor) {
+        return /*#__PURE__*/_jsx(MathInline, {
+          className: className,
+          editor: editor,
+          node: node
+        });
+      },
+      theme: theme || styles
+    });
+  }, [editor]);
+  return /*#__PURE__*/_jsx(MathEdit, {
+    renderComp: renderComp
+  });
+};
+ReactMathPlugin.displayName = 'ReactMathPlugin';

package/es/plugins/math/react/style.d.ts

@@ -0,0 +1,6 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    mathInline: string;
+    mathBlock: string;
+    mathEditor: import("antd-style").SerializedStyles;
+    mathEditorFooter: import("antd-style").SerializedStyles;
+}>;

package/es/plugins/math/react/style.js

@@ -0,0 +1,16 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var cx = _ref.cx,
+    css = _ref.css,
+    token = _ref.token;
+  var latex = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: pointer;\n    user-select: none;\n    font-size: 1em;\n\n    .katex-error {\n      color: ", " !important;\n    }\n\n    .katex-html {\n      overflow: auto hidden;\n      padding: 3px;\n\n      .base {\n        margin-block: 0;\n        margin-inline: auto;\n      }\n\n      .tag {\n        position: relative !important;\n        display: inline-block;\n        padding-inline-start: 0.5rem;\n      }\n    }\n\n    &.selected {\n      color: #000;\n      background: ", ";\n    }\n\n    &:hover {\n      background: ", ";\n    }\n\n    &.editing {\n      background: ", ";\n    }\n\n    &:has(.katex-error) {\n      background: ", ";\n    }\n  "])), token.colorError, token.yellow, token.colorFillTertiary, token.colorFillTertiary, token.colorErrorBg);
+  return {
+    mathInline: cx(latex, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: inline-block;\n      "])))),
+    mathBlock: cx(latex, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        overflow: auto hidden;\n        display: block;\n        white-space: nowrap;\n      "])))),
+    mathEditor: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: absolute;\n      z-index: 999;\n      inset-block-start: -9999px;\n      inset-inline-start: -9999px;\n\n      width: 320px;\n\n      background: ", ";\n\n      textarea {\n        width: 100%;\n\n        font-family: ", ";\n        font-size: 13px;\n\n        background: transparent !important;\n\n        transition: none !important;\n      }\n    "])), token.colorBgElevated, token.fontFamilyCode),
+    mathEditorFooter: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      border-block-start: 1px solid ", ";\n      background: ", ";\n    "])), token.colorBorderSecondary, token.colorFillQuaternary)
+  };
+});

package/es/plugins/math/react/type.d.ts

@@ -0,0 +1,13 @@
+import type { FC, ReactNode } from 'react';
+export interface ReactMathPluginProps {
+    className?: string;
+    /** 自定义渲染组件，接收 MathEditorContent 作为子节点 */
+    renderComp?: FC<{
+        children: ReactNode;
+        open?: boolean;
+    }>;
+    theme?: {
+        mathBlock?: string;
+        mathInline?: string;
+    };
+}

package/es/plugins/math/react/type.js

@@ -0,0 +1 @@
+export {};

package/es/plugins/slash/react/ReactSlashPlugin.js

@@ -7,7 +7,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_NORMAL, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND } from 'lexical';
+import { COMMAND_PRIORITY_CRITICAL, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND } from 'lexical';
 import { Children, useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { useLexicalEditor } from "../../../editor-kernel/react";
 import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context";
@@ -140,11 +140,11 @@ var ReactSlashPlugin = function ReactSlashPlugin(_ref) {
     }
     close();
   }, [editor, resolution, close]);
-  useLexicalEditor(function (editor) {
+  useLexicalEditor(function () {
     var pureOptions = options.filter(function (item) {
       return !('type' in item && item.type === 'divider') && 'key' in item && Boolean(item.key);
     });
-    return mergeRegister(editor.registerCommand(KEY_ARROW_DOWN_COMMAND, function (payload) {
+    return mergeRegister(editor.registerHighCommand(KEY_ARROW_DOWN_COMMAND, function (payload) {
       var event = payload;
       if (pureOptions !== null && pureOptions.length) {
         var currentIndex = activeKey ? pureOptions.findIndex(function (opt) {
@@ -154,9 +154,10 @@ var ReactSlashPlugin = function ReactSlashPlugin(_ref) {
         setActiveKey(String(pureOptions[newIndex].key));
         event.preventDefault();
         event.stopImmediatePropagation();
+        return true;
       }
-      return true;
-    }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ARROW_UP_COMMAND, function (payload) {
+      return false;
+    }, COMMAND_PRIORITY_CRITICAL), editor.registerHighCommand(KEY_ARROW_UP_COMMAND, function (payload) {
       var event = payload;
       if (pureOptions !== null && pureOptions.length) {
         var currentIndex = activeKey ? pureOptions.findIndex(function (opt) {
@@ -166,15 +167,16 @@ var ReactSlashPlugin = function ReactSlashPlugin(_ref) {
         setActiveKey(String(pureOptions[newIndex].key));
         event.preventDefault();
         event.stopImmediatePropagation();
+        return true;
       }
-      return true;
-    }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ESCAPE_COMMAND, function (payload) {
+      return false;
+    }, COMMAND_PRIORITY_CRITICAL), editor.registerHighCommand(KEY_ESCAPE_COMMAND, function (payload) {
       var event = payload;
       event.preventDefault();
       event.stopImmediatePropagation();
       close();
       return true;
-    }, COMMAND_PRIORITY_NORMAL), editor.registerCommand(KEY_TAB_COMMAND, function (payload) {
+    }, COMMAND_PRIORITY_CRITICAL), editor.registerHighCommand(KEY_TAB_COMMAND, function (payload) {
       var event = payload;
       if (options === null || activeKey === null) {
         return false;
@@ -189,7 +191,7 @@ var ReactSlashPlugin = function ReactSlashPlugin(_ref) {
       event.stopImmediatePropagation();
       handleMenuSelect(selectedOption);
       return true;
-    }, COMMAND_PRIORITY_NORMAL), editor.registerCommand(KEY_ENTER_COMMAND, function (event) {
+    }, COMMAND_PRIORITY_CRITICAL), editor.registerHighCommand(KEY_ENTER_COMMAND, function (event) {
       if (options === null || activeKey === null) {
         return false;
       }
@@ -205,7 +207,7 @@ var ReactSlashPlugin = function ReactSlashPlugin(_ref) {
       }
       handleMenuSelect(selectedOption);
       return true;
-    }, COMMAND_PRIORITY_NORMAL));
+    }, COMMAND_PRIORITY_CRITICAL));
   }, [options, activeKey, handleActiveKeyChange, handleMenuSelect]);
 
   // Get custom render component if available

package/es/react/FloatMenu/FloatMenu.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FloatMenuProps } from './type';
+declare const FloatMenu: import("react").NamedExoticComponent<FloatMenuProps>;
+export default FloatMenu;

package/es/react/FloatMenu/FloatMenu.js

@@ -0,0 +1,49 @@
+'use client';
+
+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); }
+import { Block } from '@lobehub/ui';
+import { memo } from 'react';
+import { createPortal } from 'react-dom';
+import { Flexbox } from 'react-layout-kit';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FloatMenu = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    getPopupContainer = _ref.getPopupContainer,
+    children = _ref.children,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? 'min(50vh, 640px)' : _ref$maxHeight,
+    open = _ref.open,
+    customStyles = _ref.styles,
+    classNames = _ref.classNames;
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var parent = getPopupContainer();
+  if (!parent) return;
+  if (!open) return;
+  var node = /*#__PURE__*/_jsx(Flexbox, {
+    className: cx(styles.root, classNames === null || classNames === void 0 ? void 0 : classNames.root),
+    paddingInline: 8,
+    style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.root,
+    width: '100%',
+    children: /*#__PURE__*/_jsx(Block, {
+      className: cx(styles.container, className, classNames === null || classNames === void 0 ? void 0 : classNames.container),
+      shadow: true,
+      style: _objectSpread(_objectSpread({
+        maxHeight: maxHeight
+      }, style), customStyles === null || customStyles === void 0 ? void 0 : customStyles.container),
+      variant: 'outlined',
+      children: children
+    })
+  });
+  return /*#__PURE__*/createPortal(node, parent);
+});
+FloatMenu.displayName = 'FloatMenu';
+export default FloatMenu;

package/es/react/FloatMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FloatMenu';
+export * from './type';

package/es/react/FloatMenu/index.js

@@ -0,0 +1,2 @@
+export { default } from "./FloatMenu";
+export * from "./type";

package/es/react/FloatMenu/type.d.ts

@@ -0,0 +1,19 @@
+import type { BlockProps } from '@lobehub/ui';
+import type { CSSProperties, ReactNode } from 'react';
+export interface FloatMenuProps {
+    children?: ReactNode;
+    className?: string;
+    classNames?: {
+        container?: string;
+        root?: string;
+    };
+    containerProps?: Omit<BlockProps, 'children'>;
+    getPopupContainer: () => HTMLDivElement | null;
+    maxHeight?: string | number;
+    open?: boolean;
+    style?: CSSProperties;
+    styles?: {
+        container?: CSSProperties;
+        root?: CSSProperties;
+    };
+}

package/es/react/FloatMenu/type.js

@@ -0,0 +1 @@
+export {};

package/es/react/SlashMenu/SlashMenu.js

@@ -1,35 +1,27 @@
 'use client';
 
 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); }
+var _excluded = ["options", "activeKey", "loading", "onSelect", "classNames", "styles", "menuProps"];
 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); }
-import { Block, Menu } from '@lobehub/ui';
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Menu } from '@lobehub/ui';
 import { memo, useCallback } from 'react';
-import { createPortal } from 'react-dom';
-import { Flexbox } from 'react-layout-kit';
-import { useStyles } from "./style";
+import FloatMenu from "../FloatMenu";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SlashMenu = /*#__PURE__*/memo(function (_ref) {
-  var className = _ref.className,
-    style = _ref.style,
-    getPopupContainer = _ref.getPopupContainer,
-    open = _ref.open,
-    options = _ref.options,
+  var options = _ref.options,
     activeKey = _ref.activeKey,
     loading = _ref.loading,
-    _ref$maxHeight = _ref.maxHeight,
-    maxHeight = _ref$maxHeight === void 0 ? 'min(50vh, 640px)' : _ref$maxHeight,
     onSelect = _ref.onSelect,
-    customStyles = _ref.styles,
     classNames = _ref.classNames,
-    menuProps = _ref.menuProps;
-  var _useStyles = useStyles(),
-    cx = _useStyles.cx,
-    styles = _useStyles.styles;
-  var parent = getPopupContainer();
+    customStyles = _ref.styles,
+    menuProps = _ref.menuProps,
+    floatMenuProps = _objectWithoutProperties(_ref, _excluded);
   var handleMenuClick = useCallback(function (_ref2) {
     var key = _ref2.key;
     if (!onSelect) return;
@@ -38,37 +30,29 @@ var SlashMenu = /*#__PURE__*/memo(function (_ref) {
     });
     if (option) onSelect === null || onSelect === void 0 || onSelect(option);
   }, [options, onSelect]);
-  if (!parent) return;
-  if (!open) return;
-  var node = /*#__PURE__*/_jsx(Flexbox, {
-    className: cx(styles.root, classNames === null || classNames === void 0 ? void 0 : classNames.root),
-    paddingInline: 8,
-    style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.root,
-    width: '100%',
-    children: /*#__PURE__*/_jsx(Block, {
-      className: cx(styles.container, className, classNames === null || classNames === void 0 ? void 0 : classNames.container),
-      gap: 4,
-      horizontal: true,
-      shadow: true,
-      style: _objectSpread(_objectSpread({
-        maxHeight: maxHeight
-      }, style), customStyles === null || customStyles === void 0 ? void 0 : customStyles.container),
-      variant: 'outlined',
-      children: /*#__PURE__*/_jsx(Menu, _objectSpread({
-        className: classNames === null || classNames === void 0 ? void 0 : classNames.menu,
-        items: loading ? [{
-          disabled: true,
-          key: 'loading',
-          label: 'Loading...'
-        }] : options,
-        mode: 'inline',
-        onClick: handleMenuClick,
-        selectedKeys: activeKey ? [activeKey] : undefined,
-        style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.menu
-      }, menuProps))
-    })
-  });
-  return /*#__PURE__*/createPortal(node, parent);
+  return /*#__PURE__*/_jsx(FloatMenu, _objectSpread(_objectSpread({
+    classNames: {
+      container: classNames === null || classNames === void 0 ? void 0 : classNames.container,
+      root: classNames === null || classNames === void 0 ? void 0 : classNames.root
+    },
+    styles: {
+      container: customStyles === null || customStyles === void 0 ? void 0 : customStyles.container,
+      root: customStyles === null || customStyles === void 0 ? void 0 : customStyles.root
+    }
+  }, floatMenuProps), {}, {
+    children: /*#__PURE__*/_jsx(Menu, _objectSpread({
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.menu,
+      items: loading ? [{
+        disabled: true,
+        key: 'loading',
+        label: 'Loading...'
+      }] : options,
+      mode: 'inline',
+      onClick: handleMenuClick,
+      selectedKeys: activeKey ? [activeKey] : undefined,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.menu
+    }, menuProps))
+  }));
 });
 SlashMenu.displayName = 'SlashMenu';
 export default SlashMenu;

package/es/react/SlashMenu/type.d.ts

@@ -1,21 +1,13 @@
-import type { BlockProps, MenuProps } from '@lobehub/ui';
+import type { MenuProps } from '@lobehub/ui';
 import type { CSSProperties } from 'react';
 import type { MenuRenderProps } from "../../plugins/slash";
-export interface SlashMenuProps extends MenuRenderProps {
-    className?: string;
-    classNames?: {
-        container?: string;
+import type { FloatMenuProps } from "../FloatMenu";
+export interface SlashMenuProps extends MenuRenderProps, Omit<FloatMenuProps, 'children'> {
+    classNames?: FloatMenuProps['classNames'] & {
         menu?: string;
-        root?: string;
     };
-    containerProps?: Omit<BlockProps, 'children'>;
-    getPopupContainer: () => HTMLDivElement | null;
-    maxHeight?: string | number;
     menuProps?: MenuProps;
-    style?: CSSProperties;
-    styles?: {
-        container?: CSSProperties;
+    styles?: FloatMenuProps['styles'] & {
         menu?: CSSProperties;
-        root?: CSSProperties;
     };
 }

package/es/react/hooks/useEditorState/index.d.ts

@@ -15,6 +15,8 @@ export interface EditorState {
     canRedo: boolean;
     /** Whether undo operation is available */
     canUndo: boolean;
+    /** Toggle check list */
+    checkList: () => void;
     /** Toggle code formatting */
     code: () => void;
     /** Format selection as code block */
@@ -23,6 +25,8 @@ export interface EditorState {
     codeblockLang: string | null | undefined;
     /** Insert or toggle link */
     insertLink: () => void;
+    /** Insert math (inline or block based on context) */
+    insertMath: () => void;
     /** Whether cursor is inside a blockquote */
     isBlockquote: boolean;
     /** Whether selection has bold formatting */

package/es/react/hooks/useEditorState/index.js

@@ -9,12 +9,16 @@ import { $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND
 import { $createQuoteNode, $isHeadingNode, $isQuoteNode } from '@lexical/rich-text';
 import { $setBlocksType } from '@lexical/selection';
 import { $getNearestNodeOfType, mergeRegister } from '@lexical/utils';
-import { $getSelection, $isRangeSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, REDO_COMMAND, SELECTION_CHANGE_COMMAND, UNDO_COMMAND } from 'lexical';
+import { $createNodeSelection, $getSelection, $isParagraphNode, $isRangeSelection, $setSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, REDO_COMMAND, SELECTION_CHANGE_COMMAND, UNDO_COMMAND } from 'lexical';
 import { useCallback, useEffect, useMemo, useState } from 'react';
+import { INSERT_CODEINLINE_COMMAND } from "../../../plugins/code";
+import { $isSelectionInCodeInline } from "../../../plugins/code/node/code";
 import { UPDATE_CODEBLOCK_LANG } from "../../../plugins/codeblock";
 import { $isRootTextContentEmpty } from "../../../plugins/common/utils";
 import { $isLinkNode, TOGGLE_LINK_COMMAND } from "../../../plugins/link/node/LinkNode";
 import { sanitizeUrl } from "../../../plugins/link/utils";
+import { INSERT_CHECK_LIST_COMMAND } from "../../../plugins/list";
+import { $createMathBlockNode, $createMathInlineNode } from "../../../plugins/math/node";
 import { $findTopLevelElement, formatParagraph, getSelectedNode } from "./utils";
 
 /**
@@ -101,7 +105,7 @@ export function useEditorState(editor) {
       setIsItalic(selection.hasFormat('italic'));
       setIsUnderline(selection.hasFormat('underline'));
       setIsStrikethrough(selection.hasFormat('strikethrough'));
-      setIsCode(selection.hasFormat('code'));
+      setIsCode($isSelectionInCodeInline(lexicalEditor));
       var anchorNode = selection.anchor.getNode();
       var focusNode = selection.focus.getNode();
       var element = $findTopLevelElement(anchorNode);
@@ -161,7 +165,7 @@ export function useEditorState(editor) {
     formatText('italic');
   }, [formatText]);
   var code = useCallback(function () {
-    formatText('code');
+    editor === null || editor === void 0 || editor.dispatchCommand(INSERT_CODEINLINE_COMMAND, undefined);
   }, [formatText]);
   var bulletList = useCallback(function () {
     if (blockType !== 'bullet') {
@@ -177,6 +181,13 @@ export function useEditorState(editor) {
       formatParagraph(editor === null || editor === void 0 ? void 0 : editor.getLexicalEditor());
     }
   }, [blockType, editor]);
+  var checkList = useCallback(function () {
+    if (blockType !== 'check') {
+      editor === null || editor === void 0 || editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined);
+    } else {
+      formatParagraph(editor === null || editor === void 0 ? void 0 : editor.getLexicalEditor());
+    }
+  }, [blockType, editor]);
   var codeblock = useCallback(function () {
     if (blockType !== 'code') {
       var _editor$getLexicalEdi2;
@@ -237,6 +248,29 @@ export function useEditorState(editor) {
       editor === null || editor === void 0 || (_editor$getLexicalEdi5 = editor.getLexicalEditor()) === null || _editor$getLexicalEdi5 === void 0 || _editor$getLexicalEdi5.dispatchCommand(TOGGLE_LINK_COMMAND, null);
     }
   }, [editor, isLink]);
+  var insertMath = useCallback(function () {
+    var _editor$getLexicalEdi6;
+    editor === null || editor === void 0 || (_editor$getLexicalEdi6 = editor.getLexicalEditor()) === null || _editor$getLexicalEdi6 === void 0 || _editor$getLexicalEdi6.update(function () {
+      var selection = $getSelection();
+      if ($isRangeSelection(selection)) {
+        // 检查当前上下文来决定插入行内还是块级数学公式
+        var anchorNode = selection.anchor.getNode();
+        var element = $findTopLevelElement(anchorNode);
+
+        // 判断是否应该插入块级数学公式的条件（默认插入 inline）：
+        // 1. 在空段落开头（没有任何内容的段落）
+        // 2. 选择了整行内容
+        var shouldInsertBlock = $isParagraphNode(element) && selection.isCollapsed() && selection.anchor.offset === 0 && element.getTextContentSize() === 0 || !selection.isCollapsed() && selection.anchor.offset === 0 && selection.focus.offset === element.getTextContentSize();
+        var mathNode = shouldInsertBlock ? $createMathBlockNode('') : $createMathInlineNode('');
+        selection.insertNodes([mathNode]);
+
+        // 选择新创建的数学节点
+        var nodeSelection = $createNodeSelection();
+        nodeSelection.add(mathNode.getKey());
+        $setSelection(nodeSelection);
+      }
+    });
+  }, [editor]);
   useEffect(function () {
     if (!editor) return;
     var lexicalEditor = editor.getLexicalEditor();
@@ -276,10 +310,12 @@ export function useEditorState(editor) {
       bulletList: bulletList,
       canRedo: canRedo,
       canUndo: canUndo,
+      checkList: checkList,
       code: code,
       codeblock: codeblock,
       codeblockLang: codeblockLang,
       insertLink: insertLink,
+      insertMath: insertMath,
       isBlockquote: isBlockquote,
       isBold: isBold,
       isCode: isCode,
@@ -297,5 +333,5 @@ export function useEditorState(editor) {
       undo: undo,
       updateCodeblockLang: updateCodeblockLang
     };
-  }, [blockType, bold, bulletList, canRedo, canUndo, code, codeblockLang, blockquote, codeblock, insertLink, isBold, isCode, isEmpty, isBlockquote, isCodeblock, isItalic, isSelected, isStrikethrough, isUnderline, italic, numberList, redo, strikethrough, underline, undo, updateCodeblockLang]);
+  }, [blockType, canRedo, canUndo, codeblockLang, isBold, isCode, isEmpty, isBlockquote, isCodeblock, isItalic, isSelected, isStrikethrough, isUnderline, italic]);
 }

package/es/react/index.d.ts

@@ -4,6 +4,7 @@ export { type ChatInputActionEvent, default as ChatInputActions, type ChatInputA
 export { default as CodeLanguageSelect, type CodeLanguageSelectProps } from './CodeLanguageSelect';
 export { default as Editor, type EditorProps, withProps } from './Editor';
 export { EditorProvider, type EditorProviderConfig, type EditorProviderProps, useEditorContent, } from './EditorProvider';
+export { default as FloatMenu, type FloatMenuProps } from './FloatMenu';
 export { useEditor } from './hooks/useEditor';
 export { type EditorState, useEditorState } from './hooks/useEditorState';
 export { default as SendButton, type SendButtonProps } from './SendButton';

package/es/react/index.js

@@ -4,6 +4,7 @@ export { default as ChatInputActions } from "./ChatInputActions";
 export { default as CodeLanguageSelect } from "./CodeLanguageSelect";
 export { default as Editor, withProps } from "./Editor";
 export { EditorProvider, useEditorContent } from "./EditorProvider";
+export { default as FloatMenu } from "./FloatMenu";
 export { useEditor } from "./hooks/useEditor";
 export { useEditorState } from "./hooks/useEditorState";
 export { default as SendButton } from "./SendButton";

package/es/types/global.d.ts

@@ -18,3 +18,7 @@ declare module '*.svg' {
   const content: any;
   export default content;
 }
+
+declare namespace globalThis {
+  let __DEV__: boolean | undefined;
+}

package/es/types/kernel.d.ts

@@ -1,6 +1,8 @@
-import type { CommandPayloadType, DecoratorNode, LexicalCommand, LexicalEditor, LexicalNodeConfig } from 'lexical';
+import type { CommandListener, CommandListenerPriority, CommandPayloadType, DecoratorNode, LexicalCommand, LexicalEditor, LexicalNodeConfig } from 'lexical';
 import type DataSource from "../editor-kernel/data-source";
 import { ILocaleKeys } from './locale';
+export type Commands = Map<LexicalCommand<unknown>, Array<Set<CommandListener<unknown>>>>;
+export type CommandsClean = Map<LexicalCommand<unknown>, () => void>;
 /**
  * Service ID type
  */
@@ -95,6 +97,29 @@ export interface IEditor {
      * @param listener
      */
     once<T extends keyof IKernelEventMap>(event: T, listener: IKernelEventMap[T]): this;
+    /**
+     * Extends the priority level of Lexical commands.
+     * Registers a listener that triggers when the provided command is dispatched
+     * via {@link LexicalEditor.dispatch}. The listener is triggered based on its priority.
+     * Listeners with higher priority can "intercept" commands and prevent them
+     * from propagating to other handlers by returning true.
+     *
+     * Listeners are always invoked within {@link LexicalEditor.update} and can call dollar functions.
+     *
+     * Listeners registered at the same priority level will deterministically run
+     * in the order of registration.
+     *
+     * @param command - The command that triggers the callback.
+     * @param listener - The function executed when the command is dispatched.
+     * @param priority - The relative priority of the listener. 0 | 1 | 2 | 3 | 4
+     *   (or {@link COMMAND_PRIORITY_EDITOR} |
+     *     {@link COMMAND_PRIORITY_LOW} |
+     *     {@link COMMAND_PRIORITY_NORMAL} |
+     *     {@link COMMAND_PRIORITY_HIGH} |
+     *     {@link COMMAND_PRIORITY_CRITICAL})
+     * @returns A teardown function to clean up the listener.
+     */
+    registerHighCommand<P>(command: LexicalCommand<P>, listener: CommandListener<P>, priority: CommandListenerPriority): () => void;
     /**
      * Register internationalization text
      * @param locale Internationalization text object

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.4.7",
+  "version": "1.5.1",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",
@@ -46,6 +46,7 @@
     "eventemitter3": "^5.0.1",
     "framer-motion": "^12.23.12",
     "fuse.js": "^7.1.0",
+    "katex": "^0.16.22",
     "lexical": "^0.34.0",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.536.0",

package/es/plugins/common/node/LexicalLineBreakNode.d.ts

@@ -1,31 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { DOMConversionMap, DecoratorNode, LexicalNode, SerializedLexicalNode } from 'lexical';
-export type SerializedLineBreakNode = SerializedLexicalNode;
-declare const LexicalNodeImpl: import("lexical").KlassConstructor<{
-    new (key?: string | undefined): DecoratorNode<any>;
-    getType(): string;
-    clone(_data: unknown): LexicalNode;
-    importDOM?: (() => DOMConversionMap<any> | null) | undefined;
-    importJSON(_serializedNode: SerializedLexicalNode): LexicalNode;
-    transform(): ((node: LexicalNode) => void) | null;
-}>;
-/** @noInheritDoc */
-export declare class LineBreakNode extends LexicalNodeImpl {
-    static getType(): string;
-    static clone(node: LineBreakNode): LineBreakNode;
-    getTextContent(): '\n';
-    createDOM(): HTMLElement;
-    updateDOM(): false;
-    isInline(): true;
-    static importDOM(): DOMConversionMap | null;
-    static importJSON(serializedLineBreakNode: SerializedLineBreakNode): LineBreakNode;
-}
-export declare function $createLineBreakNode(): LineBreakNode;
-export declare function $isLineBreakNode(node: LexicalNode | null | undefined): node is LineBreakNode;
-export {};

package/es/plugins/common/node/ParagraphNode.d.ts

@@ -1,7 +0,0 @@
-import { EditorConfig, ElementDOMSlot, ParagraphNode } from 'lexical';
-export declare class MParagraphNode extends ParagraphNode {
-    static getType(): string;
-    static clone(node: ParagraphNode): ParagraphNode;
-    createDOM(config: EditorConfig): HTMLElement;
-    getDOMSlot(element: HTMLElement): ElementDOMSlot<HTMLElement>;
-}