@lobehub/editor 2.0.1 → 2.0.3

package/es/editor-kernel/react/PortalAnchor.d.ts

@@ -1,5 +1,6 @@
-import { PropsWithChildren } from 'react';
-declare const PortalAnchor: import("react").NamedExoticComponent<PropsWithChildren<{
-    anchorElem?: HTMLElement | undefined;
-}>>;
+import { type FC, type PropsWithChildren } from 'react';
+interface PortalAnchorProps {
+    anchorElem?: HTMLElement;
+}
+declare const PortalAnchor: FC<PropsWithChildren<PortalAnchorProps>>;
 export default PortalAnchor;

package/es/editor-kernel/react/PortalAnchor.js

@@ -1,13 +1,12 @@
 'use client';
 
-import { memo } from 'react';
 import { createPortal } from 'react-dom';
 import { useAnchor } from "./useAnchor";
-var PortalAnchor = /*#__PURE__*/memo(function (_ref) {
+var PortalAnchor = function PortalAnchor(_ref) {
   var children = _ref.children;
   var targetElement = useAnchor();
   if (!targetElement) return null;
   return /*#__PURE__*/createPortal(children, targetElement);
-});
+};
 PortalAnchor.displayName = 'PortalAnchor';
 export default PortalAnchor;

package/es/plugins/common/react/Placeholder/index.js

@@ -22,6 +22,8 @@ function hasOnlyBrChild(element) {
   var children = element.childNodes;
   return children.length === 1 && children[0].nodeType === Node.ELEMENT_NODE && children[0].tagName.toLowerCase() === 'br';
 }
+
+// Keep memo: Complex editor state monitoring with update listeners and DOM manipulation
 var Placeholder = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     style = _ref.style,

package/es/plugins/common/react/ReactPlainText.js

@@ -26,6 +26,7 @@ import Placeholder from "./Placeholder";
 import { useStyles, useThemeStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+// Keep memo: Core editor rendering layer with complex event handling and decorator management
 var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
   var style = _ref.style,
     children = _ref.children,

package/es/plugins/file/react/components/ReactFile.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { LexicalEditor } from 'lexical';
+import { type FC } from 'react';
 import { FileNode } from '../../node/FileNode';
 interface ReactFileProps {
     className?: string;
     editor: LexicalEditor;
     node: FileNode;
 }
-declare const ReactFile: import("react").NamedExoticComponent<ReactFileProps>;
+declare const ReactFile: FC<ReactFileProps>;
 export default ReactFile;

package/es/plugins/file/react/components/ReactFile.js

@@ -4,15 +4,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { MaterialFileTypeIcon } from '@lobehub/ui';
+import { MaterialFileTypeIcon, Center } from '@lobehub/ui';
 import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from 'lexical';
-import { memo, useCallback, useEffect, useRef } from 'react';
-import { Center } from 'react-layout-kit';
+import { useCallback, useEffect, useRef } from 'react';
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection";
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ReactFile = /*#__PURE__*/memo(function (_ref) {
+var ReactFile = function ReactFile(_ref) {
   var className = _ref.className,
     editor = _ref.editor,
     node = _ref.node;
@@ -60,6 +59,6 @@ var ReactFile = /*#__PURE__*/memo(function (_ref) {
       variant: 'raw'
     }), node.name]
   });
-});
+};
 ReactFile.displayName = 'ReactFile';
 export default ReactFile;

package/es/plugins/image/react/components/BrokenImage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const BrokenImage: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+import { type FC } from 'react';
+declare const BrokenImage: FC;
 export default BrokenImage;

package/es/plugins/image/react/components/BrokenImage.js

@@ -1,8 +1,7 @@
-import { memo } from 'react';
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation";
 import { imageBroken } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var BrokenImage = /*#__PURE__*/memo(function () {
+var BrokenImage = function BrokenImage() {
   var t = useTranslation();
   return /*#__PURE__*/_jsx("img", {
     alt: t('image.broken'),
@@ -13,6 +12,6 @@ var BrokenImage = /*#__PURE__*/memo(function () {
       width: 200
     }
   });
-});
+};
 BrokenImage.displayName = 'BrokenImage';
 export default BrokenImage;

package/es/plugins/image/react/components/Image.js

@@ -16,6 +16,7 @@ import { useStyles } 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";
+// Keep memo: Complex resize logic, state management, and multiple event handlers
 var Image = /*#__PURE__*/memo(function (_ref) {
   var node = _ref.node,
     className = _ref.className,

package/es/plugins/image/react/components/LazyImage.js

@@ -17,6 +17,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 function isSVG(src) {
   return src.toLowerCase().endsWith('.svg');
 }
+
+// Keep memo: Lazy loading with dimension calculation and SVG handling
 var LazyImage = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     node = _ref.node,

package/es/plugins/link/react/components/LinkEdit.js

@@ -5,11 +5,10 @@ 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 { Block, Button, Hotkey, Icon, Input, Text } from '@lobehub/ui';
+import { Block, Button, Hotkey, Icon, Input, Text, Flexbox } from '@lobehub/ui';
 import { COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_NORMAL, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, createCommand } from 'lexical';
 import { BaselineIcon, LinkIcon } from 'lucide-react';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import { useLexicalEditor } from "../../../../editor-kernel/react";
 import { useEditable } from "../../../../editor-kernel/react/useEditable";
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation";

package/es/plugins/litexml/react/DiffNodeToolbar/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { LexicalEditor } from 'lexical';
+import type { FC } from 'react';
 import { DiffNode } from '../../node/DiffNode';
 interface ReactDiffNodeToolbarProps {
     className?: string;
     editor: LexicalEditor;
     node: DiffNode;
 }
-declare const ReactDiffNodeToolbar: import("react").NamedExoticComponent<ReactDiffNodeToolbarProps>;
+declare const ReactDiffNodeToolbar: FC<ReactDiffNodeToolbarProps>;
 export default ReactDiffNodeToolbar;

package/es/plugins/litexml/react/DiffNodeToolbar/index.js

@@ -1,13 +1,12 @@
 import { ActionIcon, Block } from '@lobehub/ui';
 import { Check, X } from 'lucide-react';
-import { memo } from 'react';
 import { LexicalPortalContainer } from "../../../../editor-kernel/react";
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation";
 import { DiffAction, LITEXML_DIFFNODE_COMMAND } from "../../command/diffCommand";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ReactDiffNodeToolbar = /*#__PURE__*/memo(function (_ref) {
+var ReactDiffNodeToolbar = function ReactDiffNodeToolbar(_ref) {
   var editor = _ref.editor,
     node = _ref.node;
   var t = useTranslation();
@@ -57,6 +56,6 @@ var ReactDiffNodeToolbar = /*#__PURE__*/memo(function (_ref) {
       })]
     })
   });
-});
+};
 ReactDiffNodeToolbar.displayName = 'ReactDiffNodeToolbar';
 export default ReactDiffNodeToolbar;

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

@@ -4,11 +4,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, Hotkey, Text, TextArea } from '@lobehub/ui';
+import { Button, Hotkey, Text, TextArea, Flexbox } from '@lobehub/ui';
 import { renderToString } from 'katex';
 import { isModifierMatch } from 'lexical';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import { CONTROL_OR_META } from "../../../../common/sys";
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation";
 import { useStyles } from "../style";

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

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-declare const Placeholder: import("react").NamedExoticComponent<{
-    mathBlock?: boolean | undefined;
-}>;
+import { type FC } from 'react';
+interface PlaceholderProps {
+    mathBlock?: boolean;
+}
+declare const Placeholder: FC<PlaceholderProps>;
 export default Placeholder;

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

@@ -1,9 +1,7 @@
-import { Text } from '@lobehub/ui';
-import { memo } from 'react';
-import { Center } from 'react-layout-kit';
+import { Text, Center } from '@lobehub/ui';
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Placeholder = /*#__PURE__*/memo(function (_ref) {
+var Placeholder = function Placeholder(_ref) {
   var mathBlock = _ref.mathBlock;
   var t = useTranslation();
   var node = /*#__PURE__*/_jsx(Text, {
@@ -23,5 +21,5 @@ var Placeholder = /*#__PURE__*/memo(function (_ref) {
     width: '100%',
     children: node
   });
-});
+};
 export default Placeholder;

package/es/plugins/mention/react/components/Mention.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
 import { LexicalEditor } from 'lexical';
+import { type FC } from 'react';
 import { MentionNode } from '../../node/MentionNode';
-declare const Mention: import("react").NamedExoticComponent<{
-    className?: string | undefined;
+interface MentionProps {
+    className?: string;
     editor: LexicalEditor;
     node: MentionNode;
-}>;
+}
+declare const Mention: FC<MentionProps>;
 export default Mention;

package/es/plugins/mention/react/components/Mention.js

@@ -5,10 +5,10 @@ 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 { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from 'lexical';
-import { memo, useCallback, useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Mention = /*#__PURE__*/memo(function (_ref) {
+var Mention = function Mention(_ref) {
   var node = _ref.node,
     editor = _ref.editor,
     className = _ref.className;
@@ -34,6 +34,6 @@ var Mention = /*#__PURE__*/memo(function (_ref) {
     ref: spanRef,
     children: ["@", node.label]
   });
-});
+};
 Mention.displayName = 'Mention';
 export default Mention;

package/es/plugins/slash/react/components/DefaultSlashMenu.js

@@ -3,6 +3,7 @@
 import { Dropdown } from '@lobehub/ui';
 import { memo, useCallback } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
+// Keep memo: Menu list rendering with item selection handling
 var DefaultSlashMenu = /*#__PURE__*/memo(function (_ref) {
   var activeKey = _ref.activeKey,
     anchorClassName = _ref.anchorClassName,

package/es/plugins/slash/react/components/SlashMenu.js

@@ -7,6 +7,7 @@ import DefaultSlashMenu from "./DefaultSlashMenu";
  * SlashMenu component - Only responsible for rendering the menu UI
  * All state management and plugin registration is handled by ReactSlashPlugin
  */
+// Keep memo: Menu rendering with keyboard navigation and selection state
 import { jsx as _jsx } from "react/jsx-runtime";
 var SlashMenu = /*#__PURE__*/memo(function (_ref) {
   var activeKey = _ref.activeKey,

package/es/react/ChatInput/ChatInput.js

@@ -15,14 +15,15 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 { Flexbox } from '@lobehub/ui';
 import { Resizable } from 're-resizable';
 import { memo, useCallback } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import useMergeState from 'use-merge-value';
 import { useHeight } from "../hooks/useSize";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+// Keep memo: Complex resize logic and state management
 var ChatInput = /*#__PURE__*/memo(function (props) {
   var _props$defaultHeight = props.defaultHeight,
     defaultHeight = _props$defaultHeight === void 0 ? props.defaultHeight || props.minHeight || 64 : _props$defaultHeight,

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

@@ -1,5 +1,5 @@
+import type { FlexboxProps } from '@lobehub/ui';
 import type { CSSProperties, ReactNode, Ref } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
 export interface ChatInputProps extends Omit<FlexboxProps, 'height'> {
     classNames?: {
         body?: string;

package/es/react/ChatInputActionBar/ChatInputActionBar.d.ts

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

package/es/react/ChatInputActionBar/ChatInputActionBar.js

@@ -9,11 +9,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 _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 { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { Flexbox } from '@lobehub/ui';
 import { useStyles } from "./style";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ChatInputActionBar = /*#__PURE__*/memo(function (_ref) {
+var ChatInputActionBar = function ChatInputActionBar(_ref) {
   var className = _ref.className,
     style = _ref.style,
     left = _ref.left,
@@ -33,6 +32,6 @@ var ChatInputActionBar = /*#__PURE__*/memo(function (_ref) {
   }, rest), {}, {
     children: [left, right]
   }));
-});
+};
 ChatInputActionBar.displayName = 'ChatInputActionBar';
 export default ChatInputActionBar;

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

@@ -1,5 +1,5 @@
+import type { FlexboxProps } from '@lobehub/ui';
 import type { ReactNode } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
 export interface ChatInputActionBarProps extends Omit<FlexboxProps, 'children'> {
     left?: ReactNode;
     right?: ReactNode;

package/es/react/ChatInputActions/ChatInputActions.js

@@ -19,13 +19,14 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 { Flexbox } from '@lobehub/ui';
 import { memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import useMergeState from 'use-merge-value';
 import ActionItem from "./components/ActionItem";
 import { useDisplayActionCount } from "./components/useDisplayActionCount";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Keep memo: Complex calcItem computation and list rendering with state management
 var ChatInputActions = /*#__PURE__*/memo(function (_ref) {
   var _ref$gap = _ref.gap,
     gap = _ref$gap === void 0 ? 2 : _ref$gap,

package/es/react/ChatInputActions/components/ActionItem.js

@@ -11,6 +11,7 @@ import { memo } from 'react';
 import ActionRender from "./ActionRender";
 import CollapsedActions from "./CollapsedActions";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Keep memo: Rendered as list item with conditional logic and mode switching
 var ActionItem = /*#__PURE__*/memo(function (_ref) {
   var item = _ref.item,
     disabled = _ref.disabled,

package/es/react/ChatInputActions/components/ActionRender.js

@@ -12,6 +12,7 @@ import { Divider } from 'antd';
 import { isValidElement, memo } from 'react';
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Keep memo: List rendering component with conditional wrapper logic
 var ActionRender = /*#__PURE__*/memo(function (_ref) {
   var item = _ref.item,
     onActionClick = _ref.onActionClick,
@@ -21,10 +22,10 @@ var ActionRender = /*#__PURE__*/memo(function (_ref) {
   if (item.type === 'divider') {
     return /*#__PURE__*/_jsx(Divider, {
       className: styles.divider,
+      orientation: 'vertical',
       style: {
         height: 20
-      },
-      type: 'vertical'
+      }
     });
   }
   var _ref2 = item,

package/es/react/ChatInputActions/components/CollapsedActions.js

@@ -1,13 +1,13 @@
 'use client';
 
-import { ActionIcon } from '@lobehub/ui';
+import { ActionIcon, Flexbox } from '@lobehub/ui';
 import { Popover } from 'antd';
 import { CircleChevronLeftIcon, CircleChevronRightIcon, CircleChevronUpIcon } from 'lucide-react';
 import { motion } from 'motion/react';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+// Keep memo: Complex animation and state management with motion.div and mode switching
 var CollapsedActions = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     _ref$groupCollapse = _ref.groupCollapse,

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

@@ -1,6 +1,5 @@
-import type { MenuInfo, MenuItemType, TooltipProps } from '@lobehub/ui';
+import type { FlexboxProps, MenuInfo, MenuItemType, TooltipProps } from '@lobehub/ui';
 import type { ReactNode } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
 export type ChatInputActionEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
 export interface ActionItem extends MenuItemType {
     active?: boolean;

package/es/react/CodeLanguageSelect/CodeLanguageSelect.js

@@ -15,13 +15,13 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 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 _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 { MaterialFileTypeIcon, Select, Text } from '@lobehub/ui';
+import { MaterialFileTypeIcon, Select, Text, Flexbox } from '@lobehub/ui';
 import { memo, useMemo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import { bundledLanguagesInfo } from 'shiki';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+// Keep memo: UseMemo calculation of large language options array (100+ items from bundledLanguagesInfo)
 var CodeLanguageSelect = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);

package/es/react/Editor/Editor.js

@@ -24,6 +24,7 @@ import { ReactSlashOption, ReactSlashPlugin } from "../../plugins/slash";
 import { useEditorContent } from "../EditorProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+// Keep memo: Core editor component with complex useMemo calculations and plugin system
 var Editor = /*#__PURE__*/memo(function (_ref) {
   var content = _ref.content,
     style = _ref.style,

package/es/react/FloatActions/FloatActions.js

@@ -15,12 +15,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 { Flexbox } from '@lobehub/ui';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import useMergeState from 'use-merge-value';
 import ActionItem from "./components/ActionItem";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Keep memo: List rendering with state management for collapsed/expanded states
 var FloatActions = /*#__PURE__*/memo(function (_ref) {
   var _ref$gap = _ref.gap,
     gap = _ref$gap === void 0 ? 2 : _ref$gap,

package/es/react/FloatActions/components/ActionItem.js

@@ -11,6 +11,7 @@ import { memo } from 'react';
 import ActionRender from "./ActionRender";
 import CollapsedActions from "./CollapsedActions";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Keep memo: Rendered as list item with conditional logic for collapse/dropdown types
 var ActionItem = /*#__PURE__*/memo(function (_ref) {
   var item = _ref.item,
     disabled = _ref.disabled,

package/es/react/FloatActions/components/ActionRender.js

@@ -12,6 +12,7 @@ import { Divider } from 'antd';
 import { isValidElement, memo } from 'react';
 import { useStyles } from "../style";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Keep memo: List rendering component with conditional wrapper logic
 var ActionRender = /*#__PURE__*/memo(function (_ref) {
   var item = _ref.item,
     onActionClick = _ref.onActionClick,
@@ -21,10 +22,10 @@ var ActionRender = /*#__PURE__*/memo(function (_ref) {
   if (item.type === 'divider') {
     return /*#__PURE__*/_jsx(Divider, {
       className: styles.divider,
+      orientation: 'vertical',
       style: {
         height: 20
-      },
-      type: 'vertical'
+      }
     });
   }
   var _ref2 = item,

package/es/react/FloatActions/components/CollapsedActions.js

@@ -1,13 +1,13 @@
 'use client';
 
-import { ActionIcon } from '@lobehub/ui';
+import { ActionIcon, Flexbox } from '@lobehub/ui';
 import { Popover } from 'antd';
 import { CircleChevronLeftIcon, CircleChevronRightIcon, CircleChevronUpIcon } from 'lucide-react';
 import { motion } from 'motion/react';
 import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+// Keep memo: Complex animation and state management with motion.div
 var CollapsedActions = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     _ref$groupCollapse = _ref.groupCollapse,

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

@@ -1,6 +1,5 @@
-import type { MenuInfo, MenuItemType, TooltipProps } from '@lobehub/ui';
+import type { FlexboxProps, MenuInfo, MenuItemType, TooltipProps } from '@lobehub/ui';
 import type { ReactNode } from 'react';
-import type { FlexboxProps } from 'react-layout-kit';
 export type FloatActionsEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
 export interface ActionItem extends MenuItemType {
     active?: boolean;

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

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

package/es/react/FloatMenu/FloatMenu.js

@@ -6,13 +6,11 @@ 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); }
-import { Block } from '@lobehub/ui';
-import { memo } from 'react';
+import { Block, Flexbox } from '@lobehub/ui';
 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 FloatMenu = function FloatMenu(_ref) {
   var className = _ref.className,
     style = _ref.style,
     getPopupContainer = _ref.getPopupContainer,
@@ -44,6 +42,6 @@ var FloatMenu = /*#__PURE__*/memo(function (_ref) {
     })
   });
   return /*#__PURE__*/createPortal(node, parent);
-});
+};
 FloatMenu.displayName = 'FloatMenu';
 export default FloatMenu;

package/es/react/SendButton/SendButton.js

@@ -18,6 +18,7 @@ import StopIcon from "./components/StopIcon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+// Keep memo: Multiple state transitions and conditional rendering logic
 var SendButton = /*#__PURE__*/memo(function (_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'primary' : _ref$type,

package/es/react/SendButton/components/SendIcon.d.ts

@@ -1,6 +1,7 @@
-import { type CSSProperties } from 'react';
-declare const SendIcon: import("react").NamedExoticComponent<{
-    size?: string | number | undefined;
-    style?: CSSProperties | undefined;
-}>;
+import { type CSSProperties, type FC } from 'react';
+interface SendIconProps {
+    size?: string | number;
+    style?: CSSProperties;
+}
+declare const SendIcon: FC<SendIconProps>;
 export default SendIcon;

package/es/react/SendButton/components/SendIcon.js

@@ -1,14 +1,13 @@
 '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); }
+import { jsx as _jsx } from "react/jsx-runtime";
 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 { memo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var SendIcon = /*#__PURE__*/memo(function (_ref) {
+var SendIcon = function SendIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? '1em' : _ref$size,
     style = _ref.style;
@@ -28,5 +27,5 @@ var SendIcon = /*#__PURE__*/memo(function (_ref) {
       d: "M.743 3.773c-.818-.555-.422-1.834.567-1.828l11.496.074a1 1 0 01.837 1.538l-6.189 9.689c-.532.833-1.822.47-1.842-.518L5.525 8.51a1 1 0 01.522-.9l1.263-.686a.808.808 0 00-.772-1.42l-1.263.686a1 1 0 01-1.039-.051L.743 3.773z"
     })
   });
-});
+};
 export default SendIcon;

package/es/react/SendButton/components/StopIcon.d.ts

@@ -1,6 +1,7 @@
-import { type CSSProperties } from 'react';
-declare const StopIcon: import("react").NamedExoticComponent<{
-    size?: string | number | undefined;
-    style?: CSSProperties | undefined;
-}>;
+import { type CSSProperties, type FC } from 'react';
+interface StopIconProps {
+    size?: string | number;
+    style?: CSSProperties;
+}
+declare const StopIcon: FC<StopIconProps>;
 export default StopIcon;

package/es/react/SendButton/components/StopIcon.js

@@ -5,10 +5,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { useTheme } from 'antd-style';
-import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var StopIcon = /*#__PURE__*/memo(function (_ref) {
+var StopIcon = function StopIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? '1.5em' : _ref$size,
     style = _ref.style;
@@ -57,5 +56,5 @@ var StopIcon = /*#__PURE__*/memo(function (_ref) {
       })]
     })
   });
-});
+};
 export default StopIcon;

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

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

package/es/react/SlashMenu/SlashMenu.js

@@ -10,10 +10,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 { useCallback } from 'react';
 import FloatMenu from "../FloatMenu";
 import { jsx as _jsx } from "react/jsx-runtime";
-var SlashMenu = /*#__PURE__*/memo(function (_ref) {
+var SlashMenu = function SlashMenu(_ref) {
   var options = _ref.options,
     activeKey = _ref.activeKey,
     loading = _ref.loading,
@@ -53,6 +53,6 @@ var SlashMenu = /*#__PURE__*/memo(function (_ref) {
       style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.menu
     }, menuProps))
   }));
-});
+};
 SlashMenu.displayName = 'SlashMenu';
 export default SlashMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",
@@ -55,7 +55,6 @@
     "polished": "^4.3.1",
     "re-resizable": "^6.11.2",
     "react-error-boundary": "^6.0.0",
-    "react-layout-kit": "^2.0.1",
     "react-merge-refs": "^3.0.2",
     "remark-cjk-friendly": "^1.2.3",
     "remark-supersub": "^1.0.0",