@lobehub/editor 4.18.0 → 4.19.0

package/es/index.d.ts

@@ -91,7 +91,7 @@ import { SerializedMentionNode } from "./plugins/mention/node/MentionNode.js";
 import { MentionPlugin, MentionPluginOptions } from "./plugins/mention/plugin/index.js";
 import { ReactMentionPluginProps } from "./plugins/mention/react/type.js";
 import { ReactMentionPlugin } from "./plugins/mention/react/ReactMentionPlugin.js";
-import { ISlashMenuOption, ISlashOption, ISlashService, SlashOptions } from "./plugins/slash/service/i-slash-service.js";
+import { ISlashDividerOption, ISlashMenuOption, ISlashOption, ISlashSectionOption, ISlashService, SlashOptions, flattenSlashOptions, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption } from "./plugins/slash/service/i-slash-service.js";
 import { ITriggerContext, SlashPlugin, SlashPluginOptions } from "./plugins/slash/plugin/index.js";
 import { MenuRenderProps, ReactSlashOptionProps, ReactSlashPluginProps, SlashMenuProps } from "./plugins/slash/react/type.js";
 import { SlashMenu } from "./plugins/slash/react/components/SlashMenu.js";
@@ -122,4 +122,4 @@ declare function enableHotReload(): void;
  */
 declare function disableHotReload(): void;
 //#endregion
-export { $closest, $closestNodeType, $createCursorNode, $getNearestNodeFromDOMNode, $getNodeFromDOMNode, $isCardLikeElementNode, $isCursorNode, ANCHOR_PADDING_CSS_VAR, AutoCompletePlugin, BlockDragTarget, BlockMenuService, BlockMovePayload, BlockPlugin, BlockPluginOptions, CONTENT_BLOCKS_DATA_TYPE, CardLikeElementNode, CodePlugin, CodeblockPlugin, CodeblockPluginOptions, CodemirrorPlugin, CodemirrorPluginOptions, CommonPlugin, CommonPluginOptions, ContentBlock, ContentBlocksDataSource, ContentBlocksPlugin, ContentBlocksPluginOptions, DEFAULT_BLOCK_ANCHOR_PADDING, DEFAULT_HEADLESS_EDITOR_PLUGINS, DOM_DOCUMENT_FRAGMENT_TYPE, DOM_DOCUMENT_TYPE, DOM_ELEMENT_TYPE, DOM_TEXT_TYPE, DataSource, DiffAction, EDITOR_THEME_KEY, ExtractContentBlocksOptions, FileContentBlock, FileListItem, FilePlugin, FilePluginOptions, GET_MARKDOWN_SELECTION_COMMAND, HIDE_TOOLBAR_COMMAND, HOVER_COMMAND, HRPlugin, HRPluginOptions, HeadlessDocumentType, HeadlessEditor, HeadlessEditorExport, HeadlessEditorExportOptions, HeadlessEditorHydrationInput, HeadlessEditorOptions, HeadlessLiteXMLBatchOperation, HeadlessLiteXMLInsertOperation, HeadlessLiteXMLOperation, HeadlessLiteXMLRemoveOperation, HeadlessLiteXMLReplaceOperation, HotkeyEnum, HotkeyId, HotkeyItem, HotkeyScopeEnum, HotkeyScopeId, IBlockActionButton, IBlockActionButtonIcon, IBlockMenuItem, IBlockMenuRenderContext, IBlockMenuService, IBlockSelectHandler, type IEditor, ILinkService, ILitexmlService, IMarkdownShortCutService, INSERT_CHECK_LIST_COMMAND, INSERT_CODEINLINE_COMMAND, INSERT_CODEMIRROR_COMMAND, INSERT_FILE_COMMAND, INSERT_HEADING_COMMAND, INSERT_HORIZONTAL_RULE_COMMAND, INSERT_IMAGE_COMMAND, INSERT_LINK_COMMAND, INSERT_LINK_HIGHLIGHT_COMMAND, INSERT_MARKDOWN_COMMAND, INSERT_MATH_COMMAND, INSERT_MENTION_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_QUOTE_COMMAND, INSERT_TABLE_COLUMN_COMMAND, INSERT_TABLE_COMMAND, INSERT_TABLE_ROW_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INodePlugin, INodePluginOptions, INodeService, ISlashMenuOption, ISlashOption, ISlashService, ITableControllerMenuActionItem, ITableControllerMenuItem, ITableControllerMenuRenderContext, ITableControllerMenuSeparatorItem, ITableControllerMenuService, ITriggerContext, IUploadService, ImageContentBlock, ImageListItem, ImagePlugin, ImagePluginOptions, Kernel, KeyEnum, LITEXML_APPLY_COMMAND, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND, LexicalErrorBoundary, LexicalPortalContainer, LinkHighlightPlugin, LinkHighlightPluginOptions, LinkPlugin, LinkPluginOptions, ListPlugin, ListPluginOptions, LitexmlDataSource, LitexmlPlugin, LitexmlPluginOptions, LitexmlService, MARKDOWN_READER_LEVEL, MARKDOWN_READER_LEVEL_HIGH, MARKDOWN_READER_LEVEL_NORMAL, MARKDOWN_WRITER_LEVEL_MAX, MOVE_BLOCK_COMMAND, MarkdownPlugin, MathPlugin, MediaLists, MentionPlugin, MentionPluginOptions, MenuRenderProps, ModifierCombination, REMOVE_LIST_COMMAND, ReactAutoCompletePlugin, ReactBlockPlugin, ReactBlockPluginProps, ReactCodePlugin, ReactCodeblockPlugin, ReactCodeblockPluginProps, ReactCodemirrorPlugin, ReactEditor, ReactEditorContent, ReactEditorContentProps, ReactFilePlugin, ReactFilePluginProps, ReactHRPlugin, ReactHRPluginProps, ReactImagePlugin, ReactImagePluginProps, ReactLinkHighlightPlugin, ReactLinkPlugin, ReactLinkPluginProps, ReactListPlugin, ReactListPluginProps, ReactLiteXmlPlugin, ReactMarkdownPlugin, ReactMathPlugin, ReactMentionPlugin, ReactMentionPluginProps, ReactNodePlugin, ReactPlainText, ReactPlainTextProps, ReactSlashOption, ReactSlashOptionProps, ReactSlashPlugin, ReactSlashPluginProps, ReactTablePlugin, ReactToolbarPlugin, ReactVirtualBlockPlugin, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND, SELECT_TABLE_COMMAND, SHOW_TOOLBAR_COMMAND, SerializedMentionNode, SlashMenu, SlashMenuProps, SlashOptions, SlashPlugin, SlashPluginOptions, TableControllerMenuAxis, TableControllerMenuService, TablePlugin, TablePluginOptions, TextContentBlock, ToolbarCommandOptions, UPDATE_CODEBLOCK_LANG, UPDATE_LIST_START_COMMAND, UPLOAD_PRIORITY_HIGH, UPLOAD_PRIORITY_LOW, UPLOAD_PRIORITY_MEDIUM, UploadPlugin, UploadPluginOptions, VirtualBlockPlugin, VirtualBlockPluginOptions, XMLReaderFunc, XMLReaderRecord, XMLWriterFunc, XMLWriterRecord, assert, browserDebug, bundledLanguagesInfo, compareNodeOrder, createDebugLogger, createEmptyEditorState, createHeadlessEditor, cursorNodeSerialized, debugLogger, debugLoggers, detectCodeLanguage, detectLanguage, devConsole, disableHotReload, enableHotReload, extractContentBlocks, extractMediaFromEditorState, extractMediaLists, genServiceId, generateEditorId, getHotkeyById, getKernelFromEditor, getKernelFromEditorConfig, getNodeKeyFromDOMNode, getParentElement, isDOMNode, isDocumentFragment, isPunctuationChar, isPureUrl, isValidUrl, moment, noop, prodSafeLogger, reconcileDecorator, registerBlockMoveCommand, registerEditorKernel, registerLinkHighlightCommand, registerToolbarCommand, resetRandomKey, scrollIntoView, unregisterEditorKernel, useHasDiffNode, useLexicalComposerContext, useLexicalEditor };
+export { $closest, $closestNodeType, $createCursorNode, $getNearestNodeFromDOMNode, $getNodeFromDOMNode, $isCardLikeElementNode, $isCursorNode, ANCHOR_PADDING_CSS_VAR, AutoCompletePlugin, BlockDragTarget, BlockMenuService, BlockMovePayload, BlockPlugin, BlockPluginOptions, CONTENT_BLOCKS_DATA_TYPE, CardLikeElementNode, CodePlugin, CodeblockPlugin, CodeblockPluginOptions, CodemirrorPlugin, CodemirrorPluginOptions, CommonPlugin, CommonPluginOptions, ContentBlock, ContentBlocksDataSource, ContentBlocksPlugin, ContentBlocksPluginOptions, DEFAULT_BLOCK_ANCHOR_PADDING, DEFAULT_HEADLESS_EDITOR_PLUGINS, DOM_DOCUMENT_FRAGMENT_TYPE, DOM_DOCUMENT_TYPE, DOM_ELEMENT_TYPE, DOM_TEXT_TYPE, DataSource, DiffAction, EDITOR_THEME_KEY, ExtractContentBlocksOptions, FileContentBlock, FileListItem, FilePlugin, FilePluginOptions, GET_MARKDOWN_SELECTION_COMMAND, HIDE_TOOLBAR_COMMAND, HOVER_COMMAND, HRPlugin, HRPluginOptions, HeadlessDocumentType, HeadlessEditor, HeadlessEditorExport, HeadlessEditorExportOptions, HeadlessEditorHydrationInput, HeadlessEditorOptions, HeadlessLiteXMLBatchOperation, HeadlessLiteXMLInsertOperation, HeadlessLiteXMLOperation, HeadlessLiteXMLRemoveOperation, HeadlessLiteXMLReplaceOperation, HotkeyEnum, HotkeyId, HotkeyItem, HotkeyScopeEnum, HotkeyScopeId, IBlockActionButton, IBlockActionButtonIcon, IBlockMenuItem, IBlockMenuRenderContext, IBlockMenuService, IBlockSelectHandler, type IEditor, ILinkService, ILitexmlService, IMarkdownShortCutService, INSERT_CHECK_LIST_COMMAND, INSERT_CODEINLINE_COMMAND, INSERT_CODEMIRROR_COMMAND, INSERT_FILE_COMMAND, INSERT_HEADING_COMMAND, INSERT_HORIZONTAL_RULE_COMMAND, INSERT_IMAGE_COMMAND, INSERT_LINK_COMMAND, INSERT_LINK_HIGHLIGHT_COMMAND, INSERT_MARKDOWN_COMMAND, INSERT_MATH_COMMAND, INSERT_MENTION_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_QUOTE_COMMAND, INSERT_TABLE_COLUMN_COMMAND, INSERT_TABLE_COMMAND, INSERT_TABLE_ROW_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INodePlugin, INodePluginOptions, INodeService, ISlashDividerOption, ISlashMenuOption, ISlashOption, ISlashSectionOption, ISlashService, ITableControllerMenuActionItem, ITableControllerMenuItem, ITableControllerMenuRenderContext, ITableControllerMenuSeparatorItem, ITableControllerMenuService, ITriggerContext, IUploadService, ImageContentBlock, ImageListItem, ImagePlugin, ImagePluginOptions, Kernel, KeyEnum, LITEXML_APPLY_COMMAND, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND, LexicalErrorBoundary, LexicalPortalContainer, LinkHighlightPlugin, LinkHighlightPluginOptions, LinkPlugin, LinkPluginOptions, ListPlugin, ListPluginOptions, LitexmlDataSource, LitexmlPlugin, LitexmlPluginOptions, LitexmlService, MARKDOWN_READER_LEVEL, MARKDOWN_READER_LEVEL_HIGH, MARKDOWN_READER_LEVEL_NORMAL, MARKDOWN_WRITER_LEVEL_MAX, MOVE_BLOCK_COMMAND, MarkdownPlugin, MathPlugin, MediaLists, MentionPlugin, MentionPluginOptions, MenuRenderProps, ModifierCombination, REMOVE_LIST_COMMAND, ReactAutoCompletePlugin, ReactBlockPlugin, ReactBlockPluginProps, ReactCodePlugin, ReactCodeblockPlugin, ReactCodeblockPluginProps, ReactCodemirrorPlugin, ReactEditor, ReactEditorContent, ReactEditorContentProps, ReactFilePlugin, ReactFilePluginProps, ReactHRPlugin, ReactHRPluginProps, ReactImagePlugin, ReactImagePluginProps, ReactLinkHighlightPlugin, ReactLinkPlugin, ReactLinkPluginProps, ReactListPlugin, ReactListPluginProps, ReactLiteXmlPlugin, ReactMarkdownPlugin, ReactMathPlugin, ReactMentionPlugin, ReactMentionPluginProps, ReactNodePlugin, ReactPlainText, ReactPlainTextProps, ReactSlashOption, ReactSlashOptionProps, ReactSlashPlugin, ReactSlashPluginProps, ReactTablePlugin, ReactToolbarPlugin, ReactVirtualBlockPlugin, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND, SELECT_TABLE_COMMAND, SHOW_TOOLBAR_COMMAND, SerializedMentionNode, SlashMenu, SlashMenuProps, SlashOptions, SlashPlugin, SlashPluginOptions, TableControllerMenuAxis, TableControllerMenuService, TablePlugin, TablePluginOptions, TextContentBlock, ToolbarCommandOptions, UPDATE_CODEBLOCK_LANG, UPDATE_LIST_START_COMMAND, UPLOAD_PRIORITY_HIGH, UPLOAD_PRIORITY_LOW, UPLOAD_PRIORITY_MEDIUM, UploadPlugin, UploadPluginOptions, VirtualBlockPlugin, VirtualBlockPluginOptions, XMLReaderFunc, XMLReaderRecord, XMLWriterFunc, XMLWriterRecord, assert, browserDebug, bundledLanguagesInfo, compareNodeOrder, createDebugLogger, createEmptyEditorState, createHeadlessEditor, cursorNodeSerialized, debugLogger, debugLoggers, detectCodeLanguage, detectLanguage, devConsole, disableHotReload, enableHotReload, extractContentBlocks, extractMediaFromEditorState, extractMediaLists, flattenSlashOptions, genServiceId, generateEditorId, getHotkeyById, getKernelFromEditor, getKernelFromEditorConfig, getNodeKeyFromDOMNode, getParentElement, isDOMNode, isDocumentFragment, isPunctuationChar, isPureUrl, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption, isValidUrl, moment, noop, prodSafeLogger, reconcileDecorator, registerBlockMoveCommand, registerEditorKernel, registerLinkHighlightCommand, registerToolbarCommand, resetRandomKey, scrollIntoView, unregisterEditorKernel, useHasDiffNode, useLexicalComposerContext, useLexicalEditor };

package/es/index.js

@@ -88,6 +88,7 @@ import { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST
 import ReactListPlugin from "./plugins/list/react/ReactListPlugin.js";
 import { ReactMathPlugin } from "./plugins/math/react/index.js";
 import ReactMentionPlugin from "./plugins/mention/react/ReactMentionPlugin.js";
+import { flattenSlashOptions, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption } from "./plugins/slash/service/i-slash-service.js";
 import { SlashPlugin } from "./plugins/slash/plugin/index.js";
 import SlashMenu from "./plugins/slash/react/components/SlashMenu.js";
 import ReactSlashOption from "./plugins/slash/react/ReactSlashOption.js";
@@ -127,4 +128,4 @@ function disableHotReload() {
 	}
 }
 //#endregion
-export { $closest, $closestNodeType, $createCursorNode, $getNearestNodeFromDOMNode, $getNodeFromDOMNode, $isCardLikeElementNode, $isCursorNode, ANCHOR_PADDING_CSS_VAR, AutoCompletePlugin, BlockMenuService, BlockPlugin, CONTENT_BLOCKS_DATA_TYPE, CardLikeElementNode, CodePlugin, CodeblockPlugin, CodemirrorPlugin, CommonPlugin, ContentBlocksDataSource, ContentBlocksPlugin, DEFAULT_BLOCK_ANCHOR_PADDING, DEFAULT_HEADLESS_EDITOR_PLUGINS, DOM_DOCUMENT_FRAGMENT_TYPE, DOM_DOCUMENT_TYPE, DOM_ELEMENT_TYPE, DOM_TEXT_TYPE, DataSource, DiffAction, EDITOR_THEME_KEY, FilePlugin, GET_MARKDOWN_SELECTION_COMMAND, HIDE_TOOLBAR_COMMAND, HOVER_COMMAND, HRPlugin, HeadlessEditor, HotkeyEnum, HotkeyScopeEnum, IBlockMenuService, ILinkService, ILitexmlService, IMarkdownShortCutService, INSERT_CHECK_LIST_COMMAND, INSERT_CODEINLINE_COMMAND, INSERT_CODEMIRROR_COMMAND, INSERT_FILE_COMMAND, INSERT_HEADING_COMMAND, INSERT_HORIZONTAL_RULE_COMMAND, INSERT_IMAGE_COMMAND, INSERT_LINK_COMMAND, INSERT_LINK_HIGHLIGHT_COMMAND, INSERT_MARKDOWN_COMMAND, INSERT_MATH_COMMAND, INSERT_MENTION_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_QUOTE_COMMAND, INSERT_TABLE_COLUMN_COMMAND, INSERT_TABLE_COMMAND, INSERT_TABLE_ROW_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INodePlugin, INodeService, ITableControllerMenuService, IUploadService, ImagePlugin, Kernel, KeyEnum, LITEXML_APPLY_COMMAND, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND, LexicalErrorBoundary, LexicalPortalContainer, LinkHighlightPlugin, LinkPlugin, ListPlugin, LitexmlDataSource, LitexmlPlugin, LitexmlService, MARKDOWN_READER_LEVEL_HIGH, MARKDOWN_READER_LEVEL_NORMAL, MARKDOWN_WRITER_LEVEL_MAX, MOVE_BLOCK_COMMAND, MarkdownPlugin, MathPlugin, MentionPlugin, REMOVE_LIST_COMMAND, ReactAutoCompletePlugin, ReactBlockPlugin, ReactCodePlugin, ReactCodeblockPlugin, ReactCodemirrorPlugin, ReactEditor, ReactEditorContent, ReactFilePlugin, ReactHRPlugin, ReactImagePlugin, ReactLinkHighlightPlugin, ReactLinkPlugin, ReactListPlugin, ReactLiteXmlPlugin, ReactMarkdownPlugin, ReactMathPlugin, ReactMentionPlugin, ReactNodePlugin, ReactPlainText, ReactSlashOption, ReactSlashPlugin, ReactTablePlugin, ReactToolbarPlugin, ReactVirtualBlockPlugin, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND, SELECT_TABLE_COMMAND, SHOW_TOOLBAR_COMMAND, SlashMenu, SlashPlugin, TableControllerMenuService, TablePlugin, UPDATE_CODEBLOCK_LANG, UPDATE_LIST_START_COMMAND, UPLOAD_PRIORITY_HIGH, UPLOAD_PRIORITY_LOW, UPLOAD_PRIORITY_MEDIUM, UploadPlugin, VirtualBlockPlugin, assert, browserDebug, bundledLanguagesInfo, compareNodeOrder, createDebugLogger, createEmptyEditorState, createHeadlessEditor, cursorNodeSerialized, debugLogger, debugLoggers, detectCodeLanguage, detectLanguage, devConsole, disableHotReload, enableHotReload, extractContentBlocks, extractMediaFromEditorState, extractMediaLists, genServiceId, generateEditorId, getHotkeyById, getKernelFromEditor, getKernelFromEditorConfig, getNodeKeyFromDOMNode, getParentElement, isDOMNode, isDocumentFragment, isPunctuationChar, isPureUrl, isValidUrl, moment, noop, prodSafeLogger, reconcileDecorator, registerBlockMoveCommand, registerEditorKernel, registerLinkHighlightCommand, registerToolbarCommand, resetRandomKey, scrollIntoView, unregisterEditorKernel, useHasDiffNode, useLexicalComposerContext, useLexicalEditor };
+export { $closest, $closestNodeType, $createCursorNode, $getNearestNodeFromDOMNode, $getNodeFromDOMNode, $isCardLikeElementNode, $isCursorNode, ANCHOR_PADDING_CSS_VAR, AutoCompletePlugin, BlockMenuService, BlockPlugin, CONTENT_BLOCKS_DATA_TYPE, CardLikeElementNode, CodePlugin, CodeblockPlugin, CodemirrorPlugin, CommonPlugin, ContentBlocksDataSource, ContentBlocksPlugin, DEFAULT_BLOCK_ANCHOR_PADDING, DEFAULT_HEADLESS_EDITOR_PLUGINS, DOM_DOCUMENT_FRAGMENT_TYPE, DOM_DOCUMENT_TYPE, DOM_ELEMENT_TYPE, DOM_TEXT_TYPE, DataSource, DiffAction, EDITOR_THEME_KEY, FilePlugin, GET_MARKDOWN_SELECTION_COMMAND, HIDE_TOOLBAR_COMMAND, HOVER_COMMAND, HRPlugin, HeadlessEditor, HotkeyEnum, HotkeyScopeEnum, IBlockMenuService, ILinkService, ILitexmlService, IMarkdownShortCutService, INSERT_CHECK_LIST_COMMAND, INSERT_CODEINLINE_COMMAND, INSERT_CODEMIRROR_COMMAND, INSERT_FILE_COMMAND, INSERT_HEADING_COMMAND, INSERT_HORIZONTAL_RULE_COMMAND, INSERT_IMAGE_COMMAND, INSERT_LINK_COMMAND, INSERT_LINK_HIGHLIGHT_COMMAND, INSERT_MARKDOWN_COMMAND, INSERT_MATH_COMMAND, INSERT_MENTION_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_QUOTE_COMMAND, INSERT_TABLE_COLUMN_COMMAND, INSERT_TABLE_COMMAND, INSERT_TABLE_ROW_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INodePlugin, INodeService, ITableControllerMenuService, IUploadService, ImagePlugin, Kernel, KeyEnum, LITEXML_APPLY_COMMAND, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND, LexicalErrorBoundary, LexicalPortalContainer, LinkHighlightPlugin, LinkPlugin, ListPlugin, LitexmlDataSource, LitexmlPlugin, LitexmlService, MARKDOWN_READER_LEVEL_HIGH, MARKDOWN_READER_LEVEL_NORMAL, MARKDOWN_WRITER_LEVEL_MAX, MOVE_BLOCK_COMMAND, MarkdownPlugin, MathPlugin, MentionPlugin, REMOVE_LIST_COMMAND, ReactAutoCompletePlugin, ReactBlockPlugin, ReactCodePlugin, ReactCodeblockPlugin, ReactCodemirrorPlugin, ReactEditor, ReactEditorContent, ReactFilePlugin, ReactHRPlugin, ReactImagePlugin, ReactLinkHighlightPlugin, ReactLinkPlugin, ReactListPlugin, ReactLiteXmlPlugin, ReactMarkdownPlugin, ReactMathPlugin, ReactMentionPlugin, ReactNodePlugin, ReactPlainText, ReactSlashOption, ReactSlashPlugin, ReactTablePlugin, ReactToolbarPlugin, ReactVirtualBlockPlugin, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND, SELECT_TABLE_COMMAND, SHOW_TOOLBAR_COMMAND, SlashMenu, SlashPlugin, TableControllerMenuService, TablePlugin, UPDATE_CODEBLOCK_LANG, UPDATE_LIST_START_COMMAND, UPLOAD_PRIORITY_HIGH, UPLOAD_PRIORITY_LOW, UPLOAD_PRIORITY_MEDIUM, UploadPlugin, VirtualBlockPlugin, assert, browserDebug, bundledLanguagesInfo, compareNodeOrder, createDebugLogger, createEmptyEditorState, createHeadlessEditor, cursorNodeSerialized, debugLogger, debugLoggers, detectCodeLanguage, detectLanguage, devConsole, disableHotReload, enableHotReload, extractContentBlocks, extractMediaFromEditorState, extractMediaLists, flattenSlashOptions, genServiceId, generateEditorId, getHotkeyById, getKernelFromEditor, getKernelFromEditorConfig, getNodeKeyFromDOMNode, getParentElement, isDOMNode, isDocumentFragment, isPunctuationChar, isPureUrl, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption, isValidUrl, moment, noop, prodSafeLogger, reconcileDecorator, registerBlockMoveCommand, registerEditorKernel, registerLinkHighlightCommand, registerToolbarCommand, resetRandomKey, scrollIntoView, unregisterEditorKernel, useHasDiffNode, useLexicalComposerContext, useLexicalEditor };

package/es/plugins/slash/index.d.ts

@@ -1,4 +1,4 @@
-import { ISlashMenuOption, ISlashOption, ISlashService, SlashOptions } from "./service/i-slash-service.js";
+import { ISlashDividerOption, ISlashMenuOption, ISlashOption, ISlashSectionOption, ISlashService, SlashOptions, flattenSlashOptions, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption } from "./service/i-slash-service.js";
 import { ITriggerContext, SlashPlugin, SlashPluginOptions } from "./plugin/index.js";
 import { MenuRenderProps, ReactSlashOptionProps, ReactSlashPluginProps, SlashMenuProps } from "./react/type.js";
 import { SlashMenu } from "./react/components/SlashMenu.js";

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

@@ -3,7 +3,7 @@ import { noop } from "../../../editor-kernel/utils.js";
 import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context.js";
 import { useLexicalEditor } from "../../../editor-kernel/react/useLexicalEditor.js";
 import { $splitNodeContainingQuery } from "../utils/utils.js";
-import { ISlashService } from "../service/i-slash-service.js";
+import { ISlashService, flattenSlashOptions } from "../service/i-slash-service.js";
 import { SlashPlugin } from "../plugin/index.js";
 import SlashMenu from "./components/SlashMenu.js";
 import { setCancelablePromise } from "./utils.js";
@@ -35,6 +35,12 @@ const ReactSlashPlugin = ({ children, anchorClassName, getPopupContainer, placem
 	const handleActiveKeyChange = useCallback((key) => {
 		setActiveKey(key);
 	}, []);
+	const setInitialActiveKey = useCallback((items) => {
+		if (!activeKey) {
+			const firstOption = flattenSlashOptions(items)[0];
+			setActiveKey(firstOption?.key ? String(firstOption.key) : null);
+		}
+	}, [activeKey]);
 	useLayoutEffect(() => {
 		const options = Children.map(children, (child) => {
 			if (!child) return null;
@@ -53,7 +59,7 @@ const ReactSlashPlugin = ({ children, anchorClassName, getPopupContainer, placem
 				cancelRef.current.cancel();
 				if (Array.isArray(ctx.items)) {
 					setOptions(ctx.items);
-					if (!activeKey) setActiveKey(ctx.items?.[0]?.key);
+					setInitialActiveKey(ctx.items);
 				} else {
 					setLoading(true);
 					const pr = setCancelablePromise((resolve, reject) => {
@@ -62,7 +68,7 @@ const ReactSlashPlugin = ({ children, anchorClassName, getPopupContainer, placem
 					pr.promise.then((items) => {
 						const typedItems = items;
 						setOptions(typedItems);
-						if (!activeKey) setActiveKey(typedItems?.[0]?.key);
+						setInitialActiveKey(typedItems);
 					});
 					cancelRef.current.cancel = () => {
 						pr.cancel();
@@ -80,9 +86,9 @@ const ReactSlashPlugin = ({ children, anchorClassName, getPopupContainer, placem
 			}
 		});
 	}, [
-		activeKey,
 		editor,
-		close
+		close,
+		setInitialActiveKey
 	]);
 	useLayoutEffect(() => {
 		const slash = editor.requireService(ISlashService);
@@ -97,7 +103,6 @@ const ReactSlashPlugin = ({ children, anchorClassName, getPopupContainer, placem
 		}
 	}, [children]);
 	const handleMenuSelect = useCallback((option) => {
-		if ("type" in option && option.type === "divider") return;
 		const lexicalEditor = editor.getLexicalEditor();
 		if (lexicalEditor && resolution) lexicalEditor.update(() => {
 			(resolution.match ? $splitNodeContainingQuery(resolution.match) : null)?.remove();
@@ -112,7 +117,7 @@ const ReactSlashPlugin = ({ children, anchorClassName, getPopupContainer, placem
 		close
 	]);
 	useLexicalEditor(() => {
-		const pureOptions = options.filter((item) => !("type" in item && item.type === "divider") && "key" in item && Boolean(item.key));
+		const pureOptions = flattenSlashOptions(options).filter((item) => Boolean(item.key));
 		return mergeRegister(editor.registerHighCommand(KEY_ARROW_DOWN_COMMAND, (payload) => {
 			const event = payload;
 			if (pureOptions !== null && pureOptions.length) {
@@ -144,7 +149,7 @@ const ReactSlashPlugin = ({ children, anchorClassName, getPopupContainer, placem
 		}, COMMAND_PRIORITY_CRITICAL), editor.registerHighCommand(KEY_TAB_COMMAND, (payload) => {
 			const event = payload;
 			if (options === null || activeKey === null) return false;
-			const selectedOption = options.find((opt) => "key" in opt && opt.key === activeKey);
+			const selectedOption = flattenSlashOptions(options).find((opt) => opt.key === activeKey);
 			if (!selectedOption) return false;
 			event.preventDefault();
 			event.stopImmediatePropagation();
@@ -155,7 +160,7 @@ const ReactSlashPlugin = ({ children, anchorClassName, getPopupContainer, placem
 				event.preventDefault();
 				event.stopImmediatePropagation();
 				if (options !== null && activeKey !== null) {
-					const selectedOption = options.find((opt) => "key" in opt && opt.key === activeKey);
+					const selectedOption = flattenSlashOptions(options).find((opt) => opt.key === activeKey);
 					if (selectedOption) handleMenuSelect(selectedOption);
 				}
 				return true;

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

@@ -1,19 +1,18 @@
 "use client";
-import { Icon, menuSharedStyles } from "@lobehub/ui";
+import { flattenSlashOptions, isSlashDividerOption, isSlashSectionOption } from "../../service/i-slash-service.js";
+import { Icon, LOBE_THEME_APP_ID, menuSharedStyles } from "@lobehub/ui";
 import { useEffect, useLayoutEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createStaticStyles } from "antd-style";
 import { createPortal } from "react-dom";
-import { flip, offset, shift, useFloating } from "@floating-ui/react";
+import { autoUpdate, flip, offset, shift, size, useFloating } from "@floating-ui/react";
 //#region src/plugins/slash/react/components/DefaultSlashMenu.tsx
-const LOBE_THEME_APP_ID$1 = "lobe-ui-theme-app";
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	popup: css`
     scrollbar-width: none;
 
     overflow-y: auto;
 
-    min-width: 200px;
     max-height: min(50vh, 400px);
     padding: 4px;
     border-radius: ${cssVar.borderRadius};
@@ -24,14 +23,155 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
       0 0 15px 0 #00000008,
       0 2px 30px 0 #00000014,
       0 0 0 1px ${cssVar.colorBorder} inset;
+  `,
+	popupCaret: css`
+    width: max-content;
+    min-width: 200px;
   `,
 	root: css`
     z-index: 1100;
-    width: max-content;
+  `,
+	section: css`
+    margin-block-start: 4px;
+  `,
+	sectionFirst: css`
+    margin-block-start: 0;
+  `,
+	sectionLabel: css`
+    padding-block: 12px 6px;
+    padding-inline: 8px;
+
+    font-size: 12px;
+    line-height: 1;
+    color: ${cssVar.colorTextDescription};
+
+    &:first-child {
+      padding-block-start: 6px;
+    }
+  `,
+	text: css`
+    display: flex;
+    flex: 1 1 auto;
+    flex-wrap: wrap;
+    gap: 2px 8px;
+    align-items: baseline;
+
+    min-width: 0;
+  `,
+	textDescription: css`
+    overflow: hidden;
+    flex: 0 1 auto;
+
+    min-width: 0;
+
+    color: ${cssVar.colorTextDescription};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	textLabel: css`
+    overflow: hidden;
+    flex: 0 1 auto;
+
+    max-width: min(42ch, 55%);
+
+    font-weight: 500;
+    color: ${cssVar.colorText};
+    text-overflow: ellipsis;
+    white-space: nowrap;
   `
 }));
-const isDividerOption = (option) => "type" in option && option.type === "divider";
-const DefaultSlashMenu = ({ activeKey, getPopupContainer, loading, onSelect, open, options, placement: forcePlacement, position }) => {
+const renderMenuItem = (item, activeKey, onSelect) => {
+	const isHighlighted = item.key === activeKey;
+	const isDisabled = Boolean(item.disabled);
+	const description = item.metadata?.description;
+	return /* @__PURE__ */ jsxs("div", {
+		"aria-disabled": isDisabled || void 0,
+		className: menuSharedStyles.item,
+		"data-disabled": isDisabled ? "" : void 0,
+		"data-highlighted": isHighlighted ? "" : void 0,
+		onClick: () => {
+			if (isDisabled) return;
+			onSelect(item);
+		},
+		onMouseDown: (event) => event.preventDefault(),
+		role: "menuitem",
+		children: [
+			item.icon ? /* @__PURE__ */ jsx("span", {
+				className: menuSharedStyles.icon,
+				children: /* @__PURE__ */ jsx(Icon, { icon: item.icon })
+			}) : null,
+			/* @__PURE__ */ jsxs("span", {
+				className: styles.text,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: styles.textLabel,
+					children: item.label
+				}), description ? /* @__PURE__ */ jsx("span", {
+					className: styles.textDescription,
+					children: description
+				}) : null]
+			}),
+			item.extra ? /* @__PURE__ */ jsx("span", {
+				className: menuSharedStyles.extra,
+				children: item.extra
+			}) : null
+		]
+	}, String(item.key));
+};
+const renderItems = (options, activeKey, loading, onSelect) => {
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: menuSharedStyles.empty,
+		children: "Loading..."
+	});
+	return options.map((opt, index) => {
+		if (isSlashDividerOption(opt)) return /* @__PURE__ */ jsx("div", { className: menuSharedStyles.separator }, `__divider_${index}`);
+		if (isSlashSectionOption(opt)) return /* @__PURE__ */ jsxs("div", {
+			className: `${styles.section} ${index === 0 ? styles.sectionFirst : ""}`,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: styles.sectionLabel,
+				children: opt.label
+			}), opt.items.map((item) => renderMenuItem(item, activeKey, onSelect))]
+		}, String(opt.key ?? `__section_${index}`));
+		return renderMenuItem(opt, activeKey, onSelect);
+	});
+};
+const resolvePortalContainer = () => {
+	if (typeof document === "undefined") return null;
+	return document.getElementById(LOBE_THEME_APP_ID) ?? document.body;
+};
+const FullWidthSlashMenu = ({ activeKey, anchor, loading, onSelect, open, options, placement }) => {
+	const resolvedPlacement = placement === "bottom" ? "bottom-start" : "top-start";
+	const { refs, floatingStyles, isPositioned } = useFloating({
+		elements: { reference: anchor },
+		middleware: [
+			offset(8),
+			size({ apply({ rects, elements }) {
+				elements.floating.style.width = `${rects.reference.width}px`;
+			} }),
+			flip({ fallbackPlacements: placement === "bottom" ? ["top-start"] : ["bottom-start"] }),
+			shift({ padding: 8 })
+		],
+		open,
+		placement: resolvedPlacement,
+		strategy: "fixed",
+		whileElementsMounted: autoUpdate
+	});
+	const portalContainer = resolvePortalContainer();
+	if (!portalContainer) return null;
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		className: styles.root,
+		"data-resolved-placement": resolvedPlacement,
+		ref: refs.setFloating,
+		style: {
+			...floatingStyles,
+			visibility: isPositioned ? "visible" : "hidden"
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: styles.popup,
+			children: renderItems(options, activeKey, loading, onSelect)
+		})
+	}), portalContainer);
+};
+const CaretSlashMenu = ({ activeKey, loading, onSelect, open, options, placement: forcePlacement, position }) => {
 	const resolvedPlacement = forcePlacement ? `${forcePlacement}-start` : "top-start";
 	const middleware = useMemo(() => [
 		offset(8),
@@ -62,62 +202,19 @@ const DefaultSlashMenu = ({ activeKey, getPopupContainer, loading, onSelect, ope
 	useEffect(() => {
 		if (!open) return;
 		const onScroll = () => update();
-		const container = getPopupContainer?.();
 		window.addEventListener("scroll", onScroll, {
 			capture: true,
 			passive: true
 		});
-		if (container) container.addEventListener("scroll", onScroll, { passive: true });
 		return () => {
 			window.removeEventListener("scroll", onScroll, { capture: true });
-			if (container) container.removeEventListener("scroll", onScroll);
 		};
-	}, [
-		open,
-		getPopupContainer,
-		update
-	]);
-	const hasVisibleItems = options?.some((item) => !isDividerOption(item));
-	if (!open || !hasVisibleItems) return null;
-	const portalContainer = getPopupContainer?.() || document.getElementById(LOBE_THEME_APP_ID$1) || document.body;
-	const renderedItems = loading ? /* @__PURE__ */ jsx("div", {
-		className: menuSharedStyles.empty,
-		children: "Loading..."
-	}) : options.map((opt, index) => {
-		if (isDividerOption(opt)) return /* @__PURE__ */ jsx("div", { className: menuSharedStyles.separator }, `__divider_${index}`);
-		const item = opt;
-		const isHighlighted = item.key === activeKey;
-		const isDisabled = Boolean(item.disabled);
-		return /* @__PURE__ */ jsxs("div", {
-			"aria-disabled": isDisabled || void 0,
-			className: menuSharedStyles.item,
-			"data-disabled": isDisabled ? "" : void 0,
-			"data-highlighted": isHighlighted ? "" : void 0,
-			onClick: () => {
-				if (isDisabled) return;
-				onSelect(item);
-			},
-			onMouseDown: (event) => event.preventDefault(),
-			role: "menuitem",
-			children: [
-				item.icon ? /* @__PURE__ */ jsx("span", {
-					className: menuSharedStyles.icon,
-					children: /* @__PURE__ */ jsx(Icon, { icon: item.icon })
-				}) : null,
-				/* @__PURE__ */ jsx("span", {
-					className: menuSharedStyles.label,
-					children: item.label
-				}),
-				item.extra ? /* @__PURE__ */ jsx("span", {
-					className: menuSharedStyles.extra,
-					children: item.extra
-				}) : null
-			]
-		}, String(item.key));
-	});
+	}, [open, update]);
+	const portalContainer = resolvePortalContainer();
+	if (!portalContainer) return null;
 	return createPortal(/* @__PURE__ */ jsx("div", {
-		className: styles.root,
-		"data-resloved-placement": resolvedPlacement,
+		className: `${styles.root} ${styles.popupCaret}`,
+		"data-resolved-placement": resolvedPlacement,
 		ref: refs.setFloating,
 		style: {
 			...floatingStyles,
@@ -125,10 +222,34 @@ const DefaultSlashMenu = ({ activeKey, getPopupContainer, loading, onSelect, ope
 		},
 		children: /* @__PURE__ */ jsx("div", {
 			className: styles.popup,
-			children: renderedItems
+			children: renderItems(options, activeKey, loading, onSelect)
 		})
 	}), portalContainer);
 };
+const DefaultSlashMenu = ({ activeKey, getPopupContainer, loading, onSelect, open, options, placement, position }) => {
+	const hasVisibleItems = flattenSlashOptions(options).length > 0;
+	if (!open || !hasVisibleItems) return null;
+	const anchor = getPopupContainer?.() ?? null;
+	if (anchor) return /* @__PURE__ */ jsx(FullWidthSlashMenu, {
+		activeKey,
+		anchor,
+		loading,
+		onSelect,
+		open,
+		options,
+		placement: placement ?? "top"
+	});
+	if (!position) return null;
+	return /* @__PURE__ */ jsx(CaretSlashMenu, {
+		activeKey,
+		loading,
+		onSelect,
+		open,
+		options,
+		placement,
+		position
+	});
+};
 DefaultSlashMenu.displayName = "DefaultSlashMenu";
 //#endregion
 export { DefaultSlashMenu as default };

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

@@ -94,8 +94,11 @@ interface SlashMenuProps {
   options: Array<ISlashOption>;
   /** Force menu placement direction, skipping auto-flip detection */
   placement?: 'bottom' | 'top';
-  /** Menu position */
-  position: {
+  /**
+   * Caret position used by the floating fallback when no getPopupContainer
+   * is provided. Ignored in full-width mode.
+   */
+  position?: {
     getRect?: () => DOMRect;
     rect?: DOMRect;
     x: number;

package/es/plugins/slash/service/i-slash-service.d.ts

@@ -1,5 +1,6 @@
 import { IEditor, IServiceID } from "../../../types/kernel.js";
 import { DropdownMenuItemType } from "@lobehub/ui";
+import { ReactNode } from "react";
 import Fuse, { IFuseOptions } from "fuse.js";
 
 //#region src/plugins/slash/service/i-slash-service.d.ts
@@ -10,7 +11,17 @@ interface ISlashMenuOption extends DropdownMenuItemType {
   metadata?: Record<string, any>;
   onSelect?: (editor: IEditor, matchingString: string) => void;
 }
-type ISlashOption = ISlashMenuOption | ISlashDividerOption;
+interface ISlashSectionOption {
+  items: ISlashMenuOption[];
+  key?: string;
+  label: ReactNode;
+  type: 'section';
+}
+type ISlashOption = ISlashMenuOption | ISlashDividerOption | ISlashSectionOption;
+declare const isSlashDividerOption: (option: ISlashOption) => option is ISlashDividerOption;
+declare const isSlashSectionOption: (option: ISlashOption) => option is ISlashSectionOption;
+declare const isSlashMenuOption: (option: ISlashOption) => option is ISlashMenuOption;
+declare const flattenSlashOptions: (options: ISlashOption[]) => ISlashMenuOption[];
 interface SlashOptions {
   allowWhitespace?: boolean;
   /**
@@ -47,4 +58,4 @@ interface ISlashService {
 }
 declare const ISlashService: IServiceID<ISlashService>;
 //#endregion
-export { ISlashMenuOption, ISlashOption, ISlashService, SlashOptions };
+export { ISlashDividerOption, ISlashMenuOption, ISlashOption, ISlashSectionOption, ISlashService, SlashOptions, flattenSlashOptions, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption };

package/es/plugins/slash/service/i-slash-service.js

@@ -4,6 +4,14 @@ import { getBasicTypeaheadTriggerMatch } from "../utils/utils.js";
 import Fuse from "fuse.js";
 //#region src/plugins/slash/service/i-slash-service.ts
 init_debug();
+const isSlashDividerOption = (option) => "type" in option && option.type === "divider";
+const isSlashSectionOption = (option) => "type" in option && option.type === "section";
+const isSlashMenuOption = (option) => !isSlashDividerOption(option) && !isSlashSectionOption(option);
+const flattenSlashOptions = (options) => options.flatMap((option) => {
+	if (isSlashDividerOption(option)) return [];
+	if (isSlashSectionOption(option)) return option.items;
+	return [option];
+});
 const ISlashService = genServiceId("SlashService");
 var SlashService = class {
 	constructor(kernel) {
@@ -25,7 +33,7 @@ var SlashService = class {
 		}));
 		this.logger.debug(`⚡ Slash trigger: ${options.trigger}`);
 		if (Array.isArray(options.items)) {
-			const searchableItems = options.items.filter((item) => !("type" in item) || item.type !== "divider");
+			const searchableItems = flattenSlashOptions(options.items);
 			const fuseConfig = options.fuseOptions || { keys: options.searchKeys || ["key"] };
 			this.triggerFuseMap.set(options.trigger, new Fuse(searchableItems, fuseConfig));
 		}
@@ -52,4 +60,4 @@ var SlashService = class {
 	}
 };
 //#endregion
-export { ISlashService, SlashService };
+export { ISlashService, SlashService, flattenSlashOptions, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption };

package/es/react/ChatInput/ChatInput.js

@@ -38,11 +38,11 @@ const ChatInput = (props) => {
 	return /* @__PURE__ */ jsxs(Flexbox, {
 		className: cx(isDarkMode ? styles.containerDark : styles.containerLight, styles.root, className),
 		height: fullscreen ? "100%" : void 0,
+		ref: slashMenuRef,
 		style,
 		width: "100%",
 		...rest,
 		children: [
-			slashMenuRef && /* @__PURE__ */ jsx("div", { ref: slashMenuRef }),
 			/* @__PURE__ */ jsx("div", {
 				className: cx(styles.header, classNames?.header),
 				ref: headerRef,

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

@@ -21,6 +21,11 @@ interface ChatInputProps extends Omit<FlexboxProps, 'height'> {
   resize?: boolean;
   resizeMaxHeightOffset?: number;
   showResizeHandle?: boolean;
+  /**
+   * Ref attached to the ChatInput root element. Pass the same ref to
+   * `<Editor getPopupContainer={() => ref.current}>` to anchor the slash /
+   * mention menu to the ChatInput's outer edges (full-width).
+   */
   slashMenuRef?: Ref<HTMLDivElement>;
   styles?: {
     body?: CSSProperties;

package/es/react.d.ts

@@ -15,10 +15,6 @@ import { Editor } from "./react/Editor/index.js";
 import { EditorProvider, EditorProviderConfig, EditorProviderProps, useEditorContent } from "./react/EditorProvider/index.js";
 import { FloatActionsProps } from "./react/FloatActions/type.js";
 import { FloatActions } from "./react/FloatActions/FloatActions.js";
-import { FloatMenuProps } from "./react/FloatMenu/type.js";
-import { FloatMenu } from "./react/FloatMenu/FloatMenu.js";
 import { SendButtonProps } from "./react/SendButton/type.js";
 import { SendButton } from "./react/SendButton/SendButton.js";
-import { SlashMenuProps } from "./react/SlashMenu/type.js";
-import { SlashMenu } from "./react/SlashMenu/SlashMenu.js";
-export { ANCHOR_PADDING_CSS_VAR, ChatInput, ChatInputActionBar, type ChatInputActionBarProps, type ChatInputActionEvent, ChatInputActions, type ChatInputActionsProps, type ChatInputProps, CodeLanguageSelect, type CodeLanguageSelectProps, DEFAULT_BLOCK_ANCHOR_PADDING, Editor, type EditorProps, EditorProvider, type EditorProviderConfig, type EditorProviderProps, type EditorState, FloatActions, type FloatActionsProps, FloatMenu, type FloatMenuProps, SendButton, type SendButtonProps, SlashMenu, type SlashMenuProps, useEditor, useEditorContent, useEditorState, withProps };
+export { ANCHOR_PADDING_CSS_VAR, ChatInput, ChatInputActionBar, type ChatInputActionBarProps, type ChatInputActionEvent, ChatInputActions, type ChatInputActionsProps, type ChatInputProps, CodeLanguageSelect, type CodeLanguageSelectProps, DEFAULT_BLOCK_ANCHOR_PADDING, Editor, type EditorProps, EditorProvider, type EditorProviderConfig, type EditorProviderProps, type EditorState, FloatActions, type FloatActionsProps, SendButton, type SendButtonProps, useEditor, useEditorContent, useEditorState, withProps };

package/es/react.js

@@ -9,7 +9,5 @@ import { EditorProvider, useEditorContent } from "./react/EditorProvider/index.j
 import { withProps } from "./react/Editor/utils.js";
 import Editor from "./react/Editor/index.js";
 import FloatActions from "./react/FloatActions/FloatActions.js";
-import FloatMenu from "./react/FloatMenu/FloatMenu.js";
 import SendButton from "./react/SendButton/SendButton.js";
-import SlashMenu from "./react/SlashMenu/SlashMenu.js";
-export { ANCHOR_PADDING_CSS_VAR, ChatInput, ChatInputActionBar, ChatInputActions, CodeLanguageSelect, DEFAULT_BLOCK_ANCHOR_PADDING, Editor, EditorProvider, FloatActions, FloatMenu, SendButton, SlashMenu, useEditor, useEditorContent, useEditorState, withProps };
+export { ANCHOR_PADDING_CSS_VAR, ChatInput, ChatInputActionBar, ChatInputActions, CodeLanguageSelect, DEFAULT_BLOCK_ANCHOR_PADDING, Editor, EditorProvider, FloatActions, SendButton, useEditor, useEditorContent, useEditorState, withProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "4.18.0",
+  "version": "4.19.0",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",

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

@@ -1,7 +0,0 @@
-import { FloatMenuProps } from "./type.js";
-import { FC } from "react";
-
-//#region src/react/FloatMenu/FloatMenu.d.ts
-declare const FloatMenu: FC<FloatMenuProps>;
-//#endregion
-export { FloatMenu };

package/es/react/FloatMenu/FloatMenu.js

@@ -1,32 +0,0 @@
-"use client";
-import { styles } from "./style.js";
-import { Block, Flexbox } from "@lobehub/ui";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { createPortal } from "react-dom";
-//#region src/react/FloatMenu/FloatMenu.tsx
-const FloatMenu = ({ className, style, getPopupContainer, children, maxHeight = "min(50vh, 640px)", open, placement = "top", styles: customStyles, classNames }) => {
-	const parent = getPopupContainer();
-	if (!parent) return;
-	if (!open) return;
-	return createPortal(/* @__PURE__ */ jsx(Flexbox, {
-		className: cx(placement === "bottom" ? styles.rootBottom : styles.rootTop, classNames?.root),
-		paddingInline: 8,
-		style: customStyles?.root,
-		width: "100%",
-		children: /* @__PURE__ */ jsx(Block, {
-			className: cx(styles.container, className, classNames?.container),
-			shadow: true,
-			style: {
-				maxHeight,
-				...style,
-				...customStyles?.container
-			},
-			variant: "outlined",
-			children
-		})
-	}), parent);
-};
-FloatMenu.displayName = "FloatMenu";
-//#endregion
-export { FloatMenu as default };

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

@@ -1,2 +0,0 @@
-import { FloatMenuProps } from "./type.js";
-import { FloatMenu } from "./FloatMenu.js";

package/es/react/FloatMenu/style.js

@@ -1,28 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/react/FloatMenu/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	container: css`
-    position: relative;
-    overflow: hidden auto;
-    background: ${cssVar.colorBgElevated};
-  `,
-	containerWithMaxHeight: css`
-    /* maxHeight is set via inline style as it's dynamic */
-  `,
-	rootBottom: css`
-    position: absolute;
-    z-index: 9999;
-    inset-block-start: 100%;
-    inset-inline-start: 0;
-
-    padding-block-start: 8px;
-  `,
-	rootTop: css`
-    position: absolute;
-    inset-block-start: -8px;
-    inset-inline-start: 0;
-    transform: translateY(-100%);
-  `
-}));
-//#endregion
-export { styles };

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

@@ -1,25 +0,0 @@
-import { BlockProps } from "@lobehub/ui";
-import { CSSProperties, ReactNode } from "react";
-
-//#region src/react/FloatMenu/type.d.ts
-interface FloatMenuProps {
-  children?: ReactNode;
-  className?: string;
-  classNames?: {
-    container?: string;
-    root?: string;
-  };
-  containerProps?: Omit<BlockProps, 'children'>;
-  getPopupContainer: () => HTMLDivElement | null;
-  maxHeight?: string | number;
-  open?: boolean;
-  /** Menu placement direction: 'top' (default) or 'bottom' */
-  placement?: 'bottom' | 'top';
-  style?: CSSProperties;
-  styles?: {
-    container?: CSSProperties;
-    root?: CSSProperties;
-  };
-}
-//#endregion
-export { FloatMenuProps };

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

@@ -1,7 +0,0 @@
-import { SlashMenuProps } from "./type.js";
-import { FC } from "react";
-
-//#region src/react/SlashMenu/SlashMenu.d.ts
-declare const SlashMenu: FC<SlashMenuProps>;
-//#endregion
-export { SlashMenu };

package/es/react/SlashMenu/SlashMenu.js

@@ -1,40 +0,0 @@
-"use client";
-import FloatMenu from "../FloatMenu/FloatMenu.js";
-import { Menu } from "@lobehub/ui";
-import { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/react/SlashMenu/SlashMenu.tsx
-const SlashMenu = ({ options, activeKey, loading, onSelect, classNames, styles: customStyles, menuProps, ...floatMenuProps }) => {
-	const handleMenuClick = useCallback(({ key }) => {
-		if (!onSelect) return;
-		const option = options.find((item) => "key" in item && item.key === key);
-		if (option) onSelect?.(option);
-	}, [options, onSelect]);
-	return /* @__PURE__ */ jsx(FloatMenu, {
-		classNames: {
-			container: classNames?.container,
-			root: classNames?.root
-		},
-		styles: {
-			container: customStyles?.container,
-			root: customStyles?.root
-		},
-		...floatMenuProps,
-		children: /* @__PURE__ */ jsx(Menu, {
-			className: classNames?.menu,
-			items: loading ? [{
-				disabled: true,
-				key: "loading",
-				label: "Loading..."
-			}] : options,
-			mode: "inline",
-			onClick: handleMenuClick,
-			selectedKeys: activeKey ? [activeKey] : void 0,
-			style: customStyles?.menu,
-			...menuProps
-		})
-	});
-};
-SlashMenu.displayName = "SlashMenu";
-//#endregion
-export { SlashMenu as default };

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

@@ -1,2 +0,0 @@
-import { SlashMenuProps } from "./type.js";
-import { SlashMenu } from "./SlashMenu.js";

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

@@ -1,17 +0,0 @@
-import { MenuRenderProps } from "../../plugins/slash/react/type.js";
-import { FloatMenuProps } from "../FloatMenu/type.js";
-import { MenuProps } from "@lobehub/ui";
-import { CSSProperties } from "react";
-
-//#region src/react/SlashMenu/type.d.ts
-interface SlashMenuProps extends MenuRenderProps, Omit<FloatMenuProps, 'children'> {
-  classNames?: FloatMenuProps['classNames'] & {
-    menu?: string;
-  };
-  menuProps?: MenuProps;
-  styles?: FloatMenuProps['styles'] & {
-    menu?: CSSProperties;
-  };
-}
-//#endregion
-export { SlashMenuProps };