@lobehub/editor 4.10.2 → 4.10.6

package/es/{ReactSlashPlugin-CBLFF1e6.js → ReactSlashPlugin-DftZMdq9.js}

@@ -73,10 +73,12 @@ const ReactEditor = ({ editor: editorProp, children, config, onInit }) => {
 	const composerContext = useMemo(() => {
 		return [editorProp || Editor.createEditor(), createLexicalComposerContext(null, null)];
 	}, [editorProp]);
+	const onInitRef = useRef(onInit);
+	onInitRef.current = onInit;
 	useEffect(() => {
 		const editor = composerContext[0];
-		if (onInit) onInit(editor);
-	}, [composerContext, onInit]);
+		onInitRef.current?.(editor);
+	}, [composerContext]);
 	return /* @__PURE__ */ jsxs(LexicalComposerContext, {
 		value: composerContext,
 		children: [/* @__PURE__ */ jsx(ConfigInjector, { config }), children]

package/es/index.js

@@ -1,10 +1,10 @@
 import { $ as DOM_TEXT_TYPE, A as $createCodeMirrorNode, At as createDebugLogger, B as Editor, 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-CLtp6okE.js";
-import { A as detectLanguage, B as INodePlugin, C as ReactPlainText, D as useTranslation, E as ReactMarkdownPlugin, F as GET_MARKDOWN_SELECTION_COMMAND, G as idToChar, H as $cloneNode, I as INSERT_MARKDOWN_COMMAND, J as useLexicalEditor, K as INSERT_HEADING_COMMAND, L as isPunctuationChar, M as MARKDOWN_READER_LEVEL_HIGH, N as MARKDOWN_READER_LEVEL_NORMAL, O as MarkdownPlugin, P as MARKDOWN_WRITER_LEVEL_MAX, R as ILitexmlService, S as registerCodeInlineCommand, T as CommonPlugin, U as $parseSerializedNodeImpl, V as INodeService, W as charToId, X as useLexicalComposerContext, Y as ReactEditor, Z as LexicalErrorBoundary, _ as extractUrlFromText, a as ReactMentionPlugin, c as INSERT_LINK_HIGHLIGHT_COMMAND, d as bundledLanguagesInfo, f as CodeblockPlugin, g as registerCheckList, h as INSERT_CHECK_LIST_COMMAND, i as SlashPlugin, j as IMarkdownShortCutService, k as detectCodeLanguage, l as registerLinkHighlightCommand, m as getCodeLanguageByInput, n as ReactSlashOption, o as MentionPlugin, p as UPDATE_CODEBLOCK_LANG, q as INSERT_QUOTE_COMMAND, r as SlashMenu, s as INSERT_MENTION_COMMAND, t as ReactSlashPlugin, u as useLexicalNodeSelection, v as getSelectedNode, w as ReactEditorContent, x as INSERT_CODEINLINE_COMMAND, y as sanitizeUrl, z as LitexmlService } from "./ReactSlashPlugin-CBLFF1e6.js";
+import { A as detectLanguage, B as INodePlugin, C as ReactPlainText, D as useTranslation, E as ReactMarkdownPlugin, F as GET_MARKDOWN_SELECTION_COMMAND, G as idToChar, H as $cloneNode, I as INSERT_MARKDOWN_COMMAND, J as useLexicalEditor, K as INSERT_HEADING_COMMAND, L as isPunctuationChar, M as MARKDOWN_READER_LEVEL_HIGH, N as MARKDOWN_READER_LEVEL_NORMAL, O as MarkdownPlugin, P as MARKDOWN_WRITER_LEVEL_MAX, R as ILitexmlService, S as registerCodeInlineCommand, T as CommonPlugin, U as $parseSerializedNodeImpl, V as INodeService, W as charToId, X as useLexicalComposerContext, Y as ReactEditor, Z as LexicalErrorBoundary, _ as extractUrlFromText, a as ReactMentionPlugin, c as INSERT_LINK_HIGHLIGHT_COMMAND, d as bundledLanguagesInfo, f as CodeblockPlugin, g as registerCheckList, h as INSERT_CHECK_LIST_COMMAND, i as SlashPlugin, j as IMarkdownShortCutService, k as detectCodeLanguage, l as registerLinkHighlightCommand, m as getCodeLanguageByInput, n as ReactSlashOption, o as MentionPlugin, p as UPDATE_CODEBLOCK_LANG, q as INSERT_QUOTE_COMMAND, r as SlashMenu, s as INSERT_MENTION_COMMAND, t as ReactSlashPlugin, u as useLexicalNodeSelection, v as getSelectedNode, w as ReactEditorContent, x as INSERT_CODEINLINE_COMMAND, y as sanitizeUrl, z as LitexmlService } from "./ReactSlashPlugin-DftZMdq9.js";
 import { S as DiffNode, _ as PlaceholderNode, a as styles$16, b as HorizontalRuleNode, c as ImageNode, d as BlockImageNode, f as styles$15, g as PlaceholderBlockNode, h as FileNode, i as imageBroken, l as $createBlockImageNode, m as $isFileNode, n as styles$18, o as $createImageNode, p as $createFileNode, r as styles$17, s as $isImageNode, t as styles$19, u as $isBlockImageNode, v as $createHorizontalRuleNode, x as $createDiffNode, y as $isHorizontalRuleNode } from "./style-D-dIPHv5.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";
-import { $createNodeSelection, $createParagraphNode, $createRangeSelection, $createTextNode, $getNearestNodeFromDOMNode as $getNearestNodeFromDOMNode$1, $getNodeByKey, $getPreviousSelection, $getRoot, $getSelection, $insertNodes, $isBlockElementNode, $isDecoratorNode, $isElementNode, $isNodeSelection, $isRangeSelection, $isRootNode, $isRootOrShadowRoot, $isTextNode, $nodesOfType, $normalizeSelection__EXPERIMENTAL, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_NORMAL, DROP_COMMAND, HISTORY_MERGE_TAG, INDENT_CONTENT_COMMAND, INSERT_TAB_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DOWN_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, OUTDENT_CONTENT_COMMAND, PASTE_COMMAND, ParagraphNode, SELECTION_CHANGE_COMMAND, SKIP_SCROLL_INTO_VIEW_TAG, TabNode, TextNode, createCommand, getDOMSelection, getDOMSelectionFromTarget, isHTMLElement, isModifierMatch } from "lexical";
+import { $createNodeSelection, $createParagraphNode, $createRangeSelection, $createTextNode, $getNearestNodeFromDOMNode as $getNearestNodeFromDOMNode$1, $getNodeByKey, $getPreviousSelection, $getRoot, $getSelection, $insertNodes, $isBlockElementNode, $isDecoratorNode, $isElementNode, $isNodeSelection, $isRangeSelection, $isRootNode, $isRootOrShadowRoot, $isTextNode, $nodesOfType, $normalizeSelection__EXPERIMENTAL, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_NORMAL, DROP_COMMAND, HISTORY_MERGE_TAG, INDENT_CONTENT_COMMAND, INSERT_TAB_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DOWN_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, OUTDENT_CONTENT_COMMAND, PASTE_COMMAND, ParagraphNode, SELECTION_CHANGE_COMMAND, SKIP_SCROLL_INTO_VIEW_TAG, TabNode, TextNode, createCommand, getDOMSelection, getDOMSelectionFromTarget, isHTMLElement, isModifierMatch } from "lexical";
 import { DRAG_DROP_PASTE } from "@lexical/rich-text";
 import { $filter, $findMatchingParent, $getNearestBlockElementAncestorOrThrow, $getNearestNodeOfType, $insertNodeToNearestRoot, $wrapNodeInElement, addClassNamesToElement, calculateZoomLevel, mergeRegister, removeClassNamesFromElement } from "@lexical/utils";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -2271,12 +2271,9 @@ function createHeadlessEditor(options) {
 }
 //#endregion
 //#region src/plugins/auto-complete/plugin/index.ts
-init_helper();
 init_plugin();
 init_debug();
 const AUTO_COMPLETE_GUARD_LIMIT = 5e4;
-const CLEAR_PLACEHOLDER_BURST_LIMIT = 20;
-const CLEAR_PLACEHOLDER_BURST_WINDOW_MS = 1e3;
 const AutoCompletePlugin = class extends KernelPlugin {
 	static {
 		this.pluginName = "AutoCompletePlugin";
@@ -2289,11 +2286,11 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		this.lastCursorPosition = null;
 		this.cursorStableTimer = null;
 		this.abortController = null;
-		this.placeholderNodes = [];
 		this.currentSuggestion = null;
+		this.placeholderAnchorPosition = null;
+		this.placeholderSelectionSnapshot = null;
 		this.markdownService = null;
 		this.skipNextTextContentListener = false;
-		this.clearPlaceholderCallTimestamps = [];
 		this.delay = config?.delay ?? 1e3;
 		kernel.registerNodes([PlaceholderNode, PlaceholderBlockNode]);
 		if (config?.theme) kernel.registerThemes(config?.theme);
@@ -2308,13 +2305,13 @@ const AutoCompletePlugin = class extends KernelPlugin {
 			editorState.read(() => {
 				if (editor.isComposing()) {
 					this.clearTimer();
-					this.clearPlaceholderNodes(editor);
+					if (this.currentSuggestion) this.clearPlaceholderNodes(editor, { restoreSelection: false });
 					return;
 				}
 				const selection = $getSelection();
 				if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
 					this.clearTimer();
-					this.clearPlaceholderNodes(editor);
+					if (this.currentSuggestion) this.clearPlaceholderNodes(editor, { restoreSelection: false });
 					return;
 				}
 				const currentPosition = {
@@ -2324,7 +2321,7 @@ const AutoCompletePlugin = class extends KernelPlugin {
 				};
 				if (this.hasPositionChanged(currentPosition)) {
 					this.clearTimer();
-					this.clearPlaceholderNodes(editor);
+					if (this.currentSuggestion) this.clearPlaceholderNodes(editor, { restoreSelection: false });
 					this.abortController = new AbortController();
 					this.cursorStableTimer = window.setTimeout(() => {
 						this.handleCursorStable(editor, currentPosition);
@@ -2340,11 +2337,24 @@ const AutoCompletePlugin = class extends KernelPlugin {
 			}
 			return false;
 		}, COMMAND_PRIORITY_HIGH));
+		this.register(editor.registerCommand(KEY_ARROW_LEFT_COMMAND, () => {
+			if (this.currentSuggestion) {
+				this.clearPlaceholderNodes(editor, { restoreSelection: false });
+				return false;
+			}
+			return false;
+		}, COMMAND_PRIORITY_CRITICAL));
+		this.register(editor.registerCommand(KEY_ARROW_RIGHT_COMMAND, () => {
+			if (this.currentSuggestion) {
+				this.clearPlaceholderNodes(editor, { restoreSelection: false });
+				return false;
+			}
+			return false;
+		}, COMMAND_PRIORITY_CRITICAL));
 		this.register(editor.registerCommand(KEY_ESCAPE_COMMAND, (event) => {
 			if (this.currentSuggestion) {
 				event?.preventDefault();
 				this.clearPlaceholderNodes(editor);
-				this.currentSuggestion = null;
 				return true;
 			}
 			return false;
@@ -2354,7 +2364,7 @@ const AutoCompletePlugin = class extends KernelPlugin {
 				this.skipNextTextContentListener = false;
 				return;
 			}
-			if (this.currentSuggestion) this.clearPlaceholderNodes(editor);
+			if (this.currentSuggestion) this.clearPlaceholderNodes(editor, { restoreSelection: false });
 		}));
 	}
 	hasPositionChanged(currentPosition) {
@@ -2372,7 +2382,7 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		editor.getEditorState().read(() => {
 			if (editor.isComposing()) {
 				this.clearTimer();
-				this.clearPlaceholderNodes(editor);
+				if (this.currentSuggestion) this.clearPlaceholderNodes(editor, { restoreSelection: false });
 				return;
 			}
 			if (!this.abortController || this.abortController.signal.aborted) return;
@@ -2387,9 +2397,8 @@ const AutoCompletePlugin = class extends KernelPlugin {
 			if (this.lastCursorPosition && this.isSamePosition(position, this.lastCursorPosition)) return;
 			this.lastCursorPosition = currentPosition;
 			const anchorNode = selection.anchor.getNode();
-			let selectionType = "unknown";
 			const textRet = this.getTextBeforeCursor(selection);
-			selectionType = anchorNode.getType();
+			const selectionType = anchorNode.getType();
 			if (this.config?.onAutoComplete) this.config.onAutoComplete({
 				abortSignal: this.abortController.signal,
 				afterText: textRet.textAfter,
@@ -2402,11 +2411,11 @@ const AutoCompletePlugin = class extends KernelPlugin {
 					currentSelection = $getSelection();
 				});
 				if (editor.isComposing()) {
-					this.clearPlaceholderNodes(editor);
+					this.clearPlaceholderNodes(editor, { restoreSelection: false });
 					return;
 				}
 				if (!currentSelection || !$isRangeSelection(currentSelection) || !currentSelection.isCollapsed()) {
-					this.clearPlaceholderNodes(editor);
+					this.clearPlaceholderNodes(editor, { restoreSelection: false });
 					return;
 				}
 				const newPosition = {
@@ -2415,11 +2424,12 @@ const AutoCompletePlugin = class extends KernelPlugin {
 					type: currentSelection.anchor.type
 				};
 				if (!this.isSamePosition(currentPosition, newPosition)) {
-					this.clearPlaceholderNodes(editor);
+					this.clearPlaceholderNodes(editor, { restoreSelection: false });
 					return;
 				}
 				if (result) {
 					this.currentSuggestion = result;
+					this.placeholderAnchorPosition = currentPosition;
 					this.showPlaceholderNodes(editor, result);
 					this.logger.debug("🔍 Auto-complete triggered:", {
 						afterText: textRet.textAfter,
@@ -2428,15 +2438,11 @@ const AutoCompletePlugin = class extends KernelPlugin {
 						result,
 						selectionType
 					});
-				} else this.clearPlaceholderNodes(editor);
+				} else this.clearPlaceholderNodes(editor, { restoreSelection: false });
 			});
 		});
 	}
 	getTextBeforeCursor(selection) {
-		const ret = {
-			textAfter: "",
-			textBefore: ""
-		};
 		const anchorNode = selection.anchor.getNode();
 		const anchorOffset = selection.anchor.offset;
 		let paragraphNode = anchorNode;
@@ -2448,7 +2454,10 @@ const AutoCompletePlugin = class extends KernelPlugin {
 			if (!parent) break;
 			paragraphNode = parent;
 		}
-		if (!paragraphNode) return ret;
+		if (!paragraphNode) return {
+			textAfter: "",
+			textBefore: ""
+		};
 		this.logger.debug("🔍 Paragraph Node Type:", paragraphNode, anchorNode);
 		let founded = false;
 		let recursionDepth = 0;
@@ -2504,6 +2513,8 @@ const AutoCompletePlugin = class extends KernelPlugin {
 				this.logger.warn("⚠️ No valid markdown service for placeholder");
 				return;
 			}
+			for (const node of $nodesOfType(PlaceholderNode)) node.remove();
+			for (const node of $nodesOfType(PlaceholderBlockNode)) node.remove();
 			const nodes = this.markdownService.parseMarkdownToLexical(suggestion);
 			if (nodes.children[0]) {
 				const firstChild = nodes.children[0];
@@ -2519,51 +2530,32 @@ const AutoCompletePlugin = class extends KernelPlugin {
 					type: "PlaceholderBlock"
 				};
 			}
-			const markerNode = INodeHelper.createTextNode("​");
-			nodes.children.push({
-				children: [markerNode],
-				name: "",
-				type: "PlaceholderInline"
-			});
 			const saveSel = selection.clone();
+			this.placeholderSelectionSnapshot = saveSel;
 			this.markdownService.insertIRootNode(editor, nodes, selection);
 			$setSelection(saveSel);
 		});
 	}
-	clearPlaceholderNodes(editor) {
-		const now = Date.now();
-		this.clearPlaceholderCallTimestamps = this.clearPlaceholderCallTimestamps.filter((ts) => now - ts <= CLEAR_PLACEHOLDER_BURST_WINDOW_MS);
-		if (this.clearPlaceholderCallTimestamps.length >= CLEAR_PLACEHOLDER_BURST_LIMIT) return;
-		this.clearPlaceholderCallTimestamps.push(now);
-		this.skipNextTextContentListener = true;
+	clearPlaceholderNodes(editor, options) {
+		const shouldRestoreSelection = options?.restoreSelection ?? true;
+		const restoreSelection = this.placeholderSelectionSnapshot;
 		this.currentSuggestion = null;
-		this.placeholderNodes = [];
+		this.placeholderAnchorPosition = null;
+		this.placeholderSelectionSnapshot = null;
+		this.clearTimer();
+		let hasPlaceholderNodes = false;
+		editor.getEditorState().read(() => {
+			hasPlaceholderNodes = $nodesOfType(PlaceholderNode).length > 0 || $nodesOfType(PlaceholderBlockNode).length > 0;
+		});
+		if (!hasPlaceholderNodes && !(shouldRestoreSelection && restoreSelection)) {
+			this.skipNextTextContentListener = false;
+			return;
+		}
+		this.skipNextTextContentListener = true;
 		editor.update(() => {
-			let iterCount = 0;
-			editor.getEditorState()._nodeMap.forEach((node) => {
-				iterCount++;
-				if (iterCount > AUTO_COMPLETE_GUARD_LIMIT) throw new Error(`clearPlaceholderNodes: forEach loop > ${AUTO_COMPLETE_GUARD_LIMIT} iterations`);
-				const selection = $getSelection();
-				const clonedSelection = selection ? selection.clone() : null;
-				if (node.isAttached() && ["PlaceholderBlock", "PlaceholderInline"].includes(node.getType())) {
-					if (node.getType() === "PlaceholderInline" && node.getTextContent().includes("​") && node.getPreviousSibling() === null) {
-						const siblings = [];
-						let sibling = node.getNextSibling();
-						let siblingLoopCount = 0;
-						while (sibling && siblingLoopCount < AUTO_COMPLETE_GUARD_LIMIT) {
-							siblings.push(sibling);
-							sibling = sibling.getNextSibling();
-							siblingLoopCount++;
-						}
-						if (siblingLoopCount >= AUTO_COMPLETE_GUARD_LIMIT) throw new Error(`clearPlaceholderNodes: too many siblings (${siblingLoopCount}/${AUTO_COMPLETE_GUARD_LIMIT})`);
-						node.getParent()?.remove();
-						if (siblings.length > 0) $insertNodes(siblings);
-						$setSelection(clonedSelection);
-						return;
-					}
-					node.remove();
-				}
-			});
+			for (const node of $nodesOfType(PlaceholderNode)) node.remove();
+			for (const node of $nodesOfType(PlaceholderBlockNode)) node.remove();
+			if (shouldRestoreSelection && restoreSelection) $setSelection(restoreSelection);
 		});
 	}
 	applySuggestion(editor) {
@@ -2572,13 +2564,11 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		editor.update(() => {
 			const selection = $getSelection();
 			if (!$isRangeSelection(selection) || !selection.isCollapsed() || !this.markdownService) return;
-			editor.getEditorState()._nodeMap.forEach((node) => {
-				if (node.isAttached() && ["PlaceholderBlock", "PlaceholderInline"].includes(node.getType())) node.remove();
-			});
+			for (const node of $nodesOfType(PlaceholderNode)) node.remove();
+			for (const node of $nodesOfType(PlaceholderBlockNode)) node.remove();
 			const nodes = this.markdownService.parseMarkdownToLexical(markdown);
 			this.markdownService.insertIRootNode(editor, nodes, selection);
-			this.clearPlaceholderNodes(editor);
-			this.currentSuggestion = null;
+			this.clearPlaceholderNodes(editor, { restoreSelection: false });
 		});
 	}
 	isSamePosition(pos1, pos2) {
@@ -2586,7 +2576,6 @@ const AutoCompletePlugin = class extends KernelPlugin {
 	}
 	destroy() {
 		this.clearTimer();
-		this.placeholderNodes = [];
 		super.destroy();
 	}
 };
@@ -5061,6 +5050,10 @@ const ResizeHandle = ({ imageRef, isBlock, onResize, onResizeEnd, onResizeStart,
 ResizeHandle.displayName = "ResizeHandle";
 //#endregion
 //#region src/plugins/image/react/components/Image.tsx
+function getResizedImageWidth(startWidth, deltaX, maxWidth) {
+	const adjustedDeltaX = deltaX * 2;
+	return Math.max(50, Math.min(startWidth + adjustedDeltaX, maxWidth));
+}
 const Image$1 = memo(({ node, className, showScaleInfo = false, handleUpload, onPickFile }) => {
 	const [isSelected, setSelected] = useLexicalNodeSelection(node.getKey());
 	const [isHovered, setIsHovered] = useState(false);
@@ -5096,8 +5089,7 @@ const Image$1 = memo(({ node, className, showScaleInfo = false, handleUpload, on
 		if (!imageRef.current) return;
 		const aspectRatio = originalSizeRef.current.width / originalSizeRef.current.height;
 		const maxWidth = imageRef.current.parentElement?.clientWidth || window.innerWidth;
-		const adjustedDeltaX = deltaX * 2;
-		const newWidth = Math.max(50, Math.min(startWidthRef.current + adjustedDeltaX, maxWidth));
+		const newWidth = getResizedImageWidth(startWidthRef.current, deltaX, maxWidth);
 		setSize({
 			height: newWidth / aspectRatio,
 			width: newWidth
@@ -5171,8 +5163,7 @@ const Image$1 = memo(({ node, className, showScaleInfo = false, handleUpload, on
 		if (!originalSizeRef.current.width || !originalSizeRef.current.height) return;
 		if (!imageRef.current) return;
 		const maxWidth = imageRef.current.parentElement?.clientWidth || window.innerWidth;
-		const adjustedDeltaX = deltaX / 2;
-		const finalWidth = Math.max(50, Math.min(startWidthRef.current + adjustedDeltaX, maxWidth));
+		const finalWidth = getResizedImageWidth(startWidthRef.current, deltaX, maxWidth);
 		const editor = editorRef.current;
 		if (!editor) return;
 		editor.update(() => {

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-CLtp6okE.js";
-import { C as ReactPlainText, E as ReactMarkdownPlugin, Y as ReactEditor, _ as extractUrlFromText, a as ReactMentionPlugin, b as validateUrl, c as INSERT_LINK_HIGHLIGHT_COMMAND, h as INSERT_CHECK_LIST_COMMAND, n as ReactSlashOption, p as UPDATE_CODEBLOCK_LANG, t as ReactSlashPlugin, w as ReactEditorContent, x as INSERT_CODEINLINE_COMMAND, y as sanitizeUrl } from "./ReactSlashPlugin-CBLFF1e6.js";
+import { C as ReactPlainText, E as ReactMarkdownPlugin, Y as ReactEditor, _ as extractUrlFromText, a as ReactMentionPlugin, b as validateUrl, c as INSERT_LINK_HIGHLIGHT_COMMAND, h as INSERT_CHECK_LIST_COMMAND, n as ReactSlashOption, p as UPDATE_CODEBLOCK_LANG, t as ReactSlashPlugin, w as ReactEditorContent, x as INSERT_CODEINLINE_COMMAND, y as sanitizeUrl } from "./ReactSlashPlugin-DftZMdq9.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";
@@ -1442,7 +1442,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
 }));
 //#endregion
 //#region src/react/SendButton/SendButton.tsx
-const SendButton = ({ type = "primary", menu, className, style, loading, generating, size = 32, shape, onSend, onStop, disabled, onClick, ...rest }) => {
+const SendButton = ({ type = "primary", menu, className, style, loading, generating, size = 32, shape, onSend, onStop, disabled, onClick, styles: _styles, classNames: _classNames, ...rest }) => {
 	const cssVariables = useMemo(() => ({ "--send-button-size": `${size}px` }), [size]);
 	if (generating) return /* @__PURE__ */ jsx(Button, {
 		className: cx(styles.loadingButton, className),

package/package.json

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