@lobehub/editor 4.18.1 → 4.19.1

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,12 +1,12 @@
 "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 { 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;
@@ -30,50 +30,115 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
   `,
 	root: css`
     z-index: 1100;
+  `,
+	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`
+    overflow: hidden;
+    display: flex;
+    flex: 1 1 auto;
+    gap: 8px;
+    align-items: baseline;
+
+    min-width: 0;
+
+    white-space: nowrap;
+  `,
+	textDescription: css`
+    overflow: hidden;
+    flex: 1 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 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 (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));
+		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$1) ?? document.body;
+	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";
@@ -164,7 +229,7 @@ const CaretSlashMenu = ({ activeKey, loading, onSelect, open, options, placement
 	}), portalContainer);
 };
 const DefaultSlashMenu = ({ activeKey, getPopupContainer, loading, onSelect, open, options, placement, position }) => {
-	const hasVisibleItems = options?.some((item) => !isDividerOption(item));
+	const hasVisibleItems = flattenSlashOptions(options).length > 0;
 	if (!open || !hasVisibleItems) return null;
 	const anchor = getPopupContainer?.() ?? null;
 	if (anchor) return /* @__PURE__ */ jsx(FullWidthSlashMenu, {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "4.18.1",
+  "version": "4.19.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",