@lobehub/editor 4.8.3 → 4.8.5

package/es/{ReactSlashPlugin-B-UVEkP7.js → ReactSlashPlugin-BZvB0g1k.js}

@@ -1,4 +1,4 @@
-import { A as $createCodeMirrorNode, At as createDebugLogger, B as Editor, C as $createCodeNode$1, D as getCodeInlineNode, Ft as init_debug, Gt as INodeHelper, H as DataSource, Ht as exportNodeToJSON$1, Jt as __exportAll, K as $closest, Kt as init_helper, L as CursorNode, Lt as $canShowPlaceholderCurry, N as $createCursorNode, O as styles$2, Ot as init_hotkey, R as cursorNodeSerialized, Rt as $isCursorInQuote, Tt as HotkeyEnum, Ut as init_utils$1, Vt as createBlockNode, Wt as sampleReader, Xt as __toESM, Y as $getNodeFromDOMNode, d as $isLinkHighlightNode, i as MentionNode, it as genServiceId, k as themeStyles, mt as noop, n as $createMentionNode, p as getLinkHighlightNode, q as $closestNodeType, qt as __commonJSMin, r as $isMentionNode, t as styles$3, tt as assert, u as $createLinkHighlightNode, ut as init_utils, vt as KernelPlugin, w as $isCodeInlineNode, yt as init_plugin, z as registerCursorNode, zt as $isCursorInTable } from "./style-D-9k-451.js";
+import { A as $createCodeMirrorNode, At as createDebugLogger, B as Editor, C as $createCodeNode$1, D as getCodeInlineNode, Ft as init_debug, Gt as INodeHelper, H as DataSource, Ht as exportNodeToJSON$1, Jt as __exportAll, K as $closest, Kt as init_helper, L as CursorNode, Lt as $canShowPlaceholderCurry, N as $createCursorNode, O as styles$2, Ot as init_hotkey, R as cursorNodeSerialized, Rt as $isCursorInQuote, Tt as HotkeyEnum, Ut as init_utils$1, Vt as createBlockNode, Wt as sampleReader, Xt as __toESM, Y as $getNodeFromDOMNode, d as $isLinkHighlightNode, i as MentionNode, it as genServiceId, k as themeStyles, mt as noop, n as $createMentionNode, p as getLinkHighlightNode, q as $closestNodeType, qt as __commonJSMin, r as $isMentionNode, t as styles$3, tt as assert, u as $createLinkHighlightNode, ut as init_utils, vt as KernelPlugin, w as $isCodeInlineNode, yt as init_plugin, z as registerCursorNode, zt as $isCursorInTable } from "./style-Tlcvrhqp.js";
 import { registerHistory } from "@lexical/history";
 import { $isTableSelection } from "@lexical/table";
 import { $caretFromPoint, $createLineBreakNode, $createNodeSelection, $createParagraphNode, $createPoint, $createRangeSelection, $createTabNode, $createTextNode, $getCaretRange, $getCaretRangeInDirection, $getCharacterOffsets, $getChildCaret, $getNearestNodeFromDOMNode, $getNodeByKey, $getRoot, $getSelection, $getSiblingCaret, $getTextPointCaret, $insertNodes, $isBlockElementNode, $isDecoratorNode, $isElementNode, $isLineBreakNode, $isNodeSelection, $isRangeSelection, $isRootOrShadowRoot, $isTabNode, $isTextNode, $isTextPointCaret, $normalizeCaret, $parseSerializedNode, $setSelection, $setSelectionFromCaretRange, CLICK_COMMAND, COLLABORATION_TAG, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_NORMAL, CONTROLLED_TEXT_INSERTION_COMMAND, COPY_COMMAND, FORMAT_TEXT_COMMAND, HISTORIC_TAG, HISTORY_PUSH_TAG, INDENT_CONTENT_COMMAND, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, INSERT_TAB_COMMAND, IS_BOLD, IS_CODE, IS_ITALIC, IS_STRIKETHROUGH, IS_SUBSCRIPT, IS_SUPERSCRIPT, IS_UNDERLINE, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DOWN_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, MOVE_TO_END, MOVE_TO_START, OUTDENT_CONTENT_COMMAND, PASTE_COMMAND, ParagraphNode, REDO_COMMAND, SELECTION_CHANGE_COMMAND, SELECTION_INSERT_CLIPBOARD_NODES_COMMAND, TEXT_TYPE_TO_FORMAT, TabNode, TextNode, UNDO_COMMAND, createCommand, getDOMSelection, getNearestEditorFromDOMNode, resetRandomKey } from "lexical";
@@ -2447,6 +2447,7 @@ function previous$2(code) {
 * @type {Tokenizer}
 */
 function tokenizeCodeText(effects, ok, nok) {
+	this;
 	let sizeOpen = 0;
 	/** @type {number} */
 	let size;
@@ -18151,6 +18152,7 @@ function mathText(options) {
 	* @type {Tokenizer}
 	*/
 	function tokenizeMathText(effects, ok, nok) {
+		this;
 		let sizeOpen = 0;
 		/** @type {number} */
 		let size;

package/es/index.js

@@ -1,6 +1,6 @@
-import { $ as DOM_TEXT_TYPE, A as $createCodeMirrorNode, At as createDebugLogger, C as $createCodeNode$1, Ct as CONTROL_OR_META, Dt as KeyEnum, E as CodeNode$1, Et as HotkeyScopeEnum, F as $isCursorNode, Ft as init_debug, G as kernel_exports, Gt as INodeHelper, H as DataSource, I as CardLikeElementNode, It as prodSafeLogger, J as $getNearestNodeFromDOMNode, K as $closest, Kt as init_helper, M as CodeMirrorNode, Mt as debugLoggers, N as $createCursorNode, Nt as debug_exports, Ot as init_hotkey, P as $isCardLikeElementNode, Pt as devConsole, Q as DOM_ELEMENT_TYPE, R as cursorNodeSerialized, S as formatUrl, St as init_registerHotkey, Tt as HotkeyEnum, U as Kernel, V as resetRandomKey, W as init_kernel, X as DOM_DOCUMENT_FRAGMENT_TYPE, Y as $getNodeFromDOMNode, Yt as __toCommonJS, Z as DOM_DOCUMENT_TYPE, _ as AutoLinkNode, _t as unregisterEditorKernel, a as $createMathBlockNode, at as generateEditorId, b as LinkNode, bt as HOVER_COMMAND, c as MathBlockNode, ct as getNodeKeyFromDOMNode, dt as isDOMNode, et as EDITOR_THEME_KEY, f as LinkHighlightNode, ft as isDocumentFragment, g as $toggleLink, gt as registerEditorKernel, h as $isLinkNode, ht as reconcileDecorator, it as genServiceId, j as $isCodeMirrorNode, jt as debugLogger, kt as browserDebug, l as MathInlineNode, lt as getParentElement, m as $createLinkNode, mt as noop, nt as compareNodeOrder, o as $createMathInlineNode, ot as getKernelFromEditor, pt as moment, q as $closestNodeType, rt as createEmptyEditorState, s as $isMathNode, st as getKernelFromEditorConfig, tt as assert, u as $createLinkHighlightNode, ut as init_utils, v as HOVER_LINK_COMMAND, vt as KernelPlugin, wt as init_sys, x as TOGGLE_LINK_COMMAND, xt as getHotkeyById, y as HOVER_OUT_LINK_COMMAND, yt as init_plugin } from "./style-D-9k-451.js";
-import { A as idToChar, B as MARKDOWN_READER_LEVEL_NORMAL, C as ReactEditorContent, D as $cloneNode, E as LitexmlService, F as MarkdownPlugin, G as INSERT_MARKDOWN_COMMAND, H as INodePlugin, I as detectCodeLanguage, J as ReactEditor, K as isPunctuationChar, L as detectLanguage, M as INSERT_QUOTE_COMMAND, N as ReactMarkdownPlugin, O as $parseSerializedNodeImpl, P as useTranslation, R as IMarkdownShortCutService, S as ReactPlainText, T as ILitexmlService, U as INodeService, V as MARKDOWN_WRITER_LEVEL_MAX, W as GET_MARKDOWN_SELECTION_COMMAND, X as LexicalErrorBoundary, Y as useLexicalComposerContext, _ as bundledLanguagesInfo, a as ReactMentionPlugin, b as INSERT_CODEINLINE_COMMAND, c as INSERT_CHECK_LIST_COMMAND, d as registerLinkHighlightCommand, f as extractUrlFromText, g as useLexicalNodeSelection, i as SlashPlugin, j as INSERT_HEADING_COMMAND, k as charToId, l as registerCheckList, m as sanitizeUrl, n as ReactSlashOption, o as MentionPlugin, p as getSelectedNode, q as useLexicalEditor, r as SlashMenu, s as INSERT_MENTION_COMMAND, t as ReactSlashPlugin, u as INSERT_LINK_HIGHLIGHT_COMMAND, v as CodeblockPlugin, w as CommonPlugin, x as registerCodeInlineCommand, y as UPDATE_CODEBLOCK_LANG, z as MARKDOWN_READER_LEVEL_HIGH } from "./ReactSlashPlugin-B-UVEkP7.js";
-import { S as PlaceholderNode, _ as $isFileNode, a as styles$16, b as DiffNode, c as ImageNode, d as BlockImageNode, f as $createHorizontalRuleNode, g as $createFileNode, h as styles$15, i as imageBroken, l as $createBlockImageNode, m as HorizontalRuleNode, n as styles$18, o as $createImageNode, p as $isHorizontalRuleNode, r as styles$17, s as $isImageNode, t as styles$19, u as $isBlockImageNode, v as FileNode, x as PlaceholderBlockNode, y as $createDiffNode } from "./style-DPKmYLEF.js";
+import { $ as DOM_TEXT_TYPE, A as $createCodeMirrorNode, At as createDebugLogger, C as $createCodeNode$1, Ct as CONTROL_OR_META, Dt as KeyEnum, E as CodeNode$1, Et as HotkeyScopeEnum, F as $isCursorNode, Ft as init_debug, G as kernel_exports, Gt as INodeHelper, H as DataSource, I as CardLikeElementNode, It as prodSafeLogger, J as $getNearestNodeFromDOMNode, K as $closest, Kt as init_helper, M as CodeMirrorNode, Mt as debugLoggers, N as $createCursorNode, Nt as debug_exports, Ot as init_hotkey, P as $isCardLikeElementNode, Pt as devConsole, Q as DOM_ELEMENT_TYPE, R as cursorNodeSerialized, S as formatUrl, St as init_registerHotkey, Tt as HotkeyEnum, U as Kernel, V as resetRandomKey, W as init_kernel, X as DOM_DOCUMENT_FRAGMENT_TYPE, Y as $getNodeFromDOMNode, Yt as __toCommonJS, Z as DOM_DOCUMENT_TYPE, _ as AutoLinkNode, _t as unregisterEditorKernel, a as $createMathBlockNode, at as generateEditorId, b as LinkNode, bt as HOVER_COMMAND, c as MathBlockNode, ct as getNodeKeyFromDOMNode, dt as isDOMNode, et as EDITOR_THEME_KEY, f as LinkHighlightNode, ft as isDocumentFragment, g as $toggleLink, gt as registerEditorKernel, h as $isLinkNode, ht as reconcileDecorator, it as genServiceId, j as $isCodeMirrorNode, jt as debugLogger, kt as browserDebug, l as MathInlineNode, lt as getParentElement, m as $createLinkNode, mt as noop, nt as compareNodeOrder, o as $createMathInlineNode, ot as getKernelFromEditor, pt as moment, q as $closestNodeType, rt as createEmptyEditorState, s as $isMathNode, st as getKernelFromEditorConfig, tt as assert, u as $createLinkHighlightNode, ut as init_utils, v as HOVER_LINK_COMMAND, vt as KernelPlugin, wt as init_sys, x as TOGGLE_LINK_COMMAND, xt as getHotkeyById, y as HOVER_OUT_LINK_COMMAND, yt as init_plugin } from "./style-Tlcvrhqp.js";
+import { A as idToChar, B as MARKDOWN_READER_LEVEL_NORMAL, C as ReactEditorContent, D as $cloneNode, E as LitexmlService, F as MarkdownPlugin, G as INSERT_MARKDOWN_COMMAND, H as INodePlugin, I as detectCodeLanguage, J as ReactEditor, K as isPunctuationChar, L as detectLanguage, M as INSERT_QUOTE_COMMAND, N as ReactMarkdownPlugin, O as $parseSerializedNodeImpl, P as useTranslation, R as IMarkdownShortCutService, S as ReactPlainText, T as ILitexmlService, U as INodeService, V as MARKDOWN_WRITER_LEVEL_MAX, W as GET_MARKDOWN_SELECTION_COMMAND, X as LexicalErrorBoundary, Y as useLexicalComposerContext, _ as bundledLanguagesInfo, a as ReactMentionPlugin, b as INSERT_CODEINLINE_COMMAND, c as INSERT_CHECK_LIST_COMMAND, d as registerLinkHighlightCommand, f as extractUrlFromText, g as useLexicalNodeSelection, i as SlashPlugin, j as INSERT_HEADING_COMMAND, k as charToId, l as registerCheckList, m as sanitizeUrl, n as ReactSlashOption, o as MentionPlugin, p as getSelectedNode, q as useLexicalEditor, r as SlashMenu, s as INSERT_MENTION_COMMAND, t as ReactSlashPlugin, u as INSERT_LINK_HIGHLIGHT_COMMAND, v as CodeblockPlugin, w as CommonPlugin, x as registerCodeInlineCommand, y as UPDATE_CODEBLOCK_LANG, z as MARKDOWN_READER_LEVEL_HIGH } from "./ReactSlashPlugin-BZvB0g1k.js";
+import { S as PlaceholderNode, _ as $isFileNode, a as styles$16, b as DiffNode, c as ImageNode, d as BlockImageNode, f as $createHorizontalRuleNode, g as $createFileNode, h as styles$15, i as imageBroken, l as $createBlockImageNode, m as HorizontalRuleNode, n as styles$18, o as $createImageNode, p as $isHorizontalRuleNode, r as styles$17, s as $isImageNode, t as styles$19, u as $isBlockImageNode, v as FileNode, x as PlaceholderBlockNode, y as $createDiffNode } from "./style-B7Vfm0cE.js";
 import { $computeTableMapSkipCellCheck, $createTableNodeWithDimensions, $createTableSelection, $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $findTableNode, $getElementForTableNode, $getNodeTriplet, $getTableAndElementByKey, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableNode, $isTableRowNode, $isTableSelection, $mergeCells, $unmergeCell, TableCellHeaderStates, TableCellNode, TableNode, TableNode as TableNode$1, TableRowNode, getDOMCellFromTarget, getTableElement, getTableObserverFromTableElement, registerTableCellUnmergeTransform, registerTablePlugin, registerTableSelectionObserver, setScrollableTablesActive } from "@lexical/table";
 import { debounce } from "es-toolkit/compat";
 import EventEmitter from "eventemitter3";
@@ -196,6 +196,27 @@ const AutoCompletePlugin = class extends KernelPlugin {
 				input: textRet.textBefore,
 				selectionType
 			}).then((result) => {
+				let currentSelection = null;
+				editor.getEditorState().read(() => {
+					currentSelection = $getSelection();
+				});
+				if (editor.isComposing()) {
+					this.clearPlaceholderNodes(editor);
+					return;
+				}
+				if (!currentSelection || !$isRangeSelection(currentSelection) || !currentSelection.isCollapsed()) {
+					this.clearPlaceholderNodes(editor);
+					return;
+				}
+				const newPosition = {
+					key: currentSelection.anchor.key,
+					offset: currentSelection.anchor.offset,
+					type: currentSelection.anchor.type
+				};
+				if (!this.isSamePosition(currentPosition, newPosition)) {
+					this.clearPlaceholderNodes(editor);
+					return;
+				}
 				if (result) {
 					this.currentSuggestion = result;
 					this.showPlaceholderNodes(editor, result);
@@ -709,25 +730,25 @@ const LITEXML_DIFFNODE_ALL_COMMAND = createCommand("LITEXML_DIFFNODE_ALL_COMMAND
 function doAction(node, action) {
 	if (node.diffType === "modify") {
 		const children = node.getChildren();
-		if (action === DiffAction.Accept) node.replace(children[1], false).selectEnd();
-		else if (action === DiffAction.Reject) node.replace(children[0], false).selectEnd();
+		if (action === 1) node.replace(children[1], false).selectEnd();
+		else if (action === 0) node.replace(children[0], false).selectEnd();
 	}
 	if (node.diffType === "remove") {
-		if (action === DiffAction.Accept) node.remove();
-		else if (action === DiffAction.Reject) {
+		if (action === 1) node.remove();
+		else if (action === 0) {
 			const children = node.getChildren();
 			node.replace(children[0], false).selectEnd();
 		}
 	}
 	if (node.diffType === "add") {
-		if (action === DiffAction.Accept) {
+		if (action === 1) {
 			const children = node.getChildren();
 			node.replace(children[0], false).selectEnd();
-		} else if (action === DiffAction.Reject) node.remove();
+		} else if (action === 0) node.remove();
 	}
 	if (node.diffType === "listItemModify") {
 		const children = node.getChildren();
-		if (action === DiffAction.Accept) {
+		if (action === 1) {
 			const lastChild = children[1];
 			if (!$isElementNode(lastChild)) throw new Error("Expected element node as child of DiffNode");
 			const nodeChildrens = lastChild.getChildren();
@@ -735,7 +756,7 @@ function doAction(node, action) {
 			const parent = node.getParentOrThrow();
 			node.remove();
 			parent.selectEnd();
-		} else if (action === DiffAction.Reject) {
+		} else if (action === 0) {
 			const firstChild = children[0];
 			if (!$isElementNode(firstChild)) throw new Error("Expected element node as child of DiffNode");
 			const nodeChildrens = firstChild.getChildren();
@@ -746,8 +767,8 @@ function doAction(node, action) {
 		}
 	}
 	if (node.diffType === "listItemRemove") {
-		if (action === DiffAction.Accept) node.getParentOrThrow().remove();
-		else if (action === DiffAction.Reject) {
+		if (action === 1) node.getParentOrThrow().remove();
+		else if (action === 0) {
 			node.getChildren().forEach((child) => {
 				node.getParentOrThrow().append(child);
 			});
@@ -756,13 +777,13 @@ function doAction(node, action) {
 		}
 	}
 	if (node.diffType === "listItemAdd") {
-		if (action === DiffAction.Accept) {
+		if (action === 1) {
 			node.getChildren().forEach((child) => {
 				node.getParentOrThrow().append(child);
 			});
 			node.getParentOrThrow().selectEnd();
 			node.remove();
-		} else if (action === DiffAction.Reject) node.remove();
+		} else if (action === 0) node.remove();
 	}
 }
 function registerLiteXMLDiffCommand(editor) {
@@ -1202,7 +1223,7 @@ const ReactDiffNodeToolbar = ({ editor, node }) => {
 				icon: X,
 				onClick: () => {
 					editor.dispatchCommand(LITEXML_DIFFNODE_COMMAND, {
-						action: DiffAction.Reject,
+						action: 0,
 						nodeKey: node.getKey()
 					});
 				},
@@ -1217,7 +1238,7 @@ const ReactDiffNodeToolbar = ({ editor, node }) => {
 				icon: Check,
 				onClick: () => {
 					editor.dispatchCommand(LITEXML_DIFFNODE_COMMAND, {
-						action: DiffAction.Accept,
+						action: 1,
 						nodeKey: node.getKey()
 					});
 				},
@@ -2182,13 +2203,6 @@ function modeMatch(mode = "") {
 	mode = mode.toLocaleLowerCase() || "plain";
 	return MODES.find((m) => m.value === mode || m.ext?.includes(mode))?.value || "plain";
 }
-let CODE_THEME_ENUM = /* @__PURE__ */ function(CODE_THEME_ENUM) {
-	CODE_THEME_ENUM["LOBE"] = "default";
-	return CODE_THEME_ENUM;
-}({});
-CODE_THEME_ENUM.LOBE, CODE_THEME_ENUM.LOBE;
-CODE_THEME_ENUM.LOBE;
-CODE_THEME_ENUM.LOBE;
 //#endregion
 //#region src/plugins/codemirror-block/plugin/index.ts
 init_helper();

package/es/react.js

@@ -1,5 +1,5 @@
-import { A as $createCodeMirrorNode, B as Editor$2, Bt as $isRootTextContentEmpty, S as formatUrl, T as $isSelectionInCodeInline, Ut as init_utils, a as $createMathBlockNode, d as $isLinkHighlightNode, h as $isLinkNode, j as $isCodeMirrorNode, mt as noop, o as $createMathInlineNode, x as TOGGLE_LINK_COMMAND } from "./style-D-9k-451.js";
-import { C as ReactEditorContent, J as ReactEditor, N as ReactMarkdownPlugin, S as ReactPlainText, a as ReactMentionPlugin, b as INSERT_CODEINLINE_COMMAND, c as INSERT_CHECK_LIST_COMMAND, f as extractUrlFromText, h as validateUrl, m as sanitizeUrl, n as ReactSlashOption, t as ReactSlashPlugin, u as INSERT_LINK_HIGHLIGHT_COMMAND, y as UPDATE_CODEBLOCK_LANG } from "./ReactSlashPlugin-B-UVEkP7.js";
+import { A as $createCodeMirrorNode, B as Editor$2, Bt as $isRootTextContentEmpty, S as formatUrl, T as $isSelectionInCodeInline, Ut as init_utils, a as $createMathBlockNode, d as $isLinkHighlightNode, h as $isLinkNode, j as $isCodeMirrorNode, mt as noop, o as $createMathInlineNode, x as TOGGLE_LINK_COMMAND } from "./style-Tlcvrhqp.js";
+import { C as ReactEditorContent, J as ReactEditor, N as ReactMarkdownPlugin, S as ReactPlainText, a as ReactMentionPlugin, b as INSERT_CODEINLINE_COMMAND, c as INSERT_CHECK_LIST_COMMAND, f as extractUrlFromText, h as validateUrl, m as sanitizeUrl, n as ReactSlashOption, t as ReactSlashPlugin, u as INSERT_LINK_HIGHLIGHT_COMMAND, y as UPDATE_CODEBLOCK_LANG } from "./ReactSlashPlugin-BZvB0g1k.js";
 import { $createNodeSelection, $createParagraphNode, $getSelection, $isParagraphNode, $isRangeSelection, $isRootOrShadowRoot, $setSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, REDO_COMMAND, SELECTION_CHANGE_COMMAND, UNDO_COMMAND } from "lexical";
 import { $createQuoteNode, $isHeadingNode, $isQuoteNode } from "@lexical/rich-text";
 import { $findMatchingParent, $getNearestNodeOfType, mergeRegister } from "@lexical/utils";

package/es/renderer.js

@@ -1,5 +1,5 @@
-import { E as CodeNode, L as CursorNode, M as CodeMirrorNode, O as styles, _ as AutoLinkNode, b as LinkNode, c as MathBlockNode, f as LinkHighlightNode, i as MentionNode, l as MathInlineNode, t as styles$1 } from "./style-D-9k-451.js";
-import { S as PlaceholderNode, a as styles$5, b as DiffNode, c as ImageNode, d as BlockImageNode, h as styles$6, m as HorizontalRuleNode, n as styles$4, r as styles$2, t as styles$3, v as FileNode, x as PlaceholderBlockNode } from "./style-DPKmYLEF.js";
+import { E as CodeNode, L as CursorNode, M as CodeMirrorNode, O as styles, _ as AutoLinkNode, b as LinkNode, c as MathBlockNode, f as LinkHighlightNode, i as MentionNode, l as MathInlineNode, t as styles$1 } from "./style-Tlcvrhqp.js";
+import { S as PlaceholderNode, a as styles$5, b as DiffNode, c as ImageNode, d as BlockImageNode, h as styles$6, m as HorizontalRuleNode, n as styles$4, r as styles$2, t as styles$3, v as FileNode, x as PlaceholderBlockNode } from "./style-B7Vfm0cE.js";
 import { TableCellNode, TableNode, TableRowNode } from "@lexical/table";
 import { $getRoot, $isElementNode, $isTextNode } from "lexical";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
@@ -121,6 +121,65 @@ function formatLinkHighlightUrl(url) {
 function textToSlug(text) {
 	return text.toLowerCase().trim().replaceAll(/[^\s\w\u3000-\u9FFF\uAC00-\uD7AF\uFF00-\uFFEF-]/g, "").replaceAll(/[\s_]+/g, "-").replaceAll(/^-+|-+$/g, "");
 }
+const DIFF_ROOT_STYLE = { position: "relative" };
+const DIFF_LIST_ITEM_ROOT_STYLE = {
+	display: "inline-block",
+	minWidth: "100%",
+	position: "relative"
+};
+const DIFF_DELETED_STYLE = {
+	color: "var(--ant-color-text-quaternary, rgba(0, 0, 0, 0.45))",
+	textDecoration: "line-through"
+};
+function renderDiffNode(node, key, children) {
+	const diffType = typeof node.diffType === "string" ? node.diffType : "unchanged";
+	const renderedChildren = children ?? [];
+	const sharedContentStyle = {
+		marginBlockStart: "calc(var(--lobe-markdown-margin-multiple, 1) * 0.5em)",
+		paddingInlineEnd: 4
+	};
+	const borderColor = diffType === "add" || diffType === "listItemAdd" ? "var(--ant-color-success, #52c41a)" : diffType === "remove" || diffType === "listItemRemove" ? "var(--ant-color-error, #ff4d4f)" : "var(--ant-color-warning, #faad14)";
+	const contentStyle = diffType === "unchanged" ? sharedContentStyle : {
+		...sharedContentStyle,
+		borderInlineEnd: `3px solid ${borderColor}`
+	};
+	const rootStyle = diffType === "listItemAdd" || diffType === "listItemModify" || diffType === "listItemRemove" ? DIFF_LIST_ITEM_ROOT_STYLE : DIFF_ROOT_STYLE;
+	const wrapChild = (child, childKey, style) => {
+		if (child === void 0 || child === null) return null;
+		return /* @__PURE__ */ jsx("div", {
+			style,
+			children: child
+		}, childKey);
+	};
+	let content;
+	switch (diffType) {
+		case "add":
+		case "listItemAdd":
+			content = wrapChild(renderedChildren[0], `${key}-add`);
+			break;
+		case "remove":
+		case "listItemRemove":
+			content = wrapChild(renderedChildren[0], `${key}-remove`, DIFF_DELETED_STYLE);
+			break;
+		case "modify":
+		case "listItemModify":
+			content = [wrapChild(renderedChildren[0], `${key}-old`, DIFF_DELETED_STYLE), wrapChild(renderedChildren[1], `${key}-new`)];
+			break;
+		default:
+			content = renderedChildren;
+			break;
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "ne-diff",
+		"data-diff-type": diffType,
+		style: rootStyle,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "content",
+			style: contentStyle,
+			children: content
+		})
+	}, key);
+}
 function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
 	switch (node.type) {
 		case "root": return children;
@@ -216,6 +275,7 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
 				children: node.text
 			}, key);
 			return /* @__PURE__ */ jsx("span", { children: node.text }, key);
+		case "diff": return renderDiffNode(node, key, children);
 		case "cursor": return null;
 		default:
 			console.warn(`[LexicalRenderer] Unknown node type: "${node.type}"`);

package/es/{style-DPKmYLEF.js → style-B7Vfm0cE.js}

@@ -1,4 +1,4 @@
-import { I as CardLikeElementNode, ht as reconcileDecorator, ot as getKernelFromEditor, st as getKernelFromEditorConfig, ut as init_utils } from "./style-D-9k-451.js";
+import { I as CardLikeElementNode, ht as reconcileDecorator, ot as getKernelFromEditor, st as getKernelFromEditorConfig, ut as init_utils } from "./style-Tlcvrhqp.js";
 import { $applyNodeReplacement, DecoratorNode, ElementNode } from "lexical";
 import { addClassNamesToElement } from "@lexical/utils";
 import { createStaticStyles, cx } from "antd-style";

package/es/{style-D-9k-451.js → style-Tlcvrhqp.js}

@@ -15,7 +15,7 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 var __exportAll = (all, no_symbols) => {
 	let target = {};
 	for (var name in all) __defProp(target, name, {

package/package.json

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