@lobehub/editor 4.23.0 → 4.23.2

package/es/plugins/litexml/plugin/index.js

@@ -70,12 +70,9 @@ const LitexmlPlugin = class extends KernelPlugin {
 					nodeToXML(diffNode.getChildAtIndex(0), lines, indent);
 					break;
 				case "remove": break;
-				case "listItemModify":
-					diffNode.getChildAtIndex(1).getChildren().forEach((child) => {
-						nodeToXML(child, lines, indent);
-					});
-					break;
-				default: break;
+				case "listItemModify": diffNode.getChildAtIndex(1).getChildren().forEach((child) => {
+					nodeToXML(child, lines, indent);
+				});
 			}
 			return { lines };
 		});
@@ -91,12 +88,9 @@ const LitexmlPlugin = class extends KernelPlugin {
 					ctx.processChild(ctx, diffNode.getChildAtIndex(0));
 					break;
 				case "remove": break;
-				case "listItemModify":
-					diffNode.getChildAtIndex(1).getChildren().forEach((child) => {
-						ctx.processChild(ctx, child);
-					});
-					break;
-				default: break;
+				case "listItemModify": diffNode.getChildAtIndex(1).getChildren().forEach((child) => {
+					ctx.processChild(ctx, child);
+				});
 			}
 			return true;
 		});

package/es/plugins/markdown/data-source/markdown-data-source.js

@@ -83,10 +83,11 @@ var MarkdownDataSource = class extends DataSource {
 							...node.exportJSON(),
 							$key: node.getKey()
 						};
-						if (node === firstNode) if (node === lastNode) {
-							if (anchor.type !== "element" || focus.type !== "element" || focus.offset === anchor.offset) sNode.text = anchorOffset < focusOffset ? sNode.text.slice(anchorOffset, focusOffset) : sNode.text.slice(focusOffset, anchorOffset);
-						} else sNode.text = isBefore ? sNode.text.slice(anchorOffset) : sNode.text.slice(focusOffset);
-						else if (node === lastNode) sNode.text = isBefore ? sNode.text.slice(0, focusOffset) : sNode.text.slice(0, anchorOffset);
+						if (node === firstNode) {
+							if (node === lastNode) {
+								if (anchor.type !== "element" || focus.type !== "element" || focus.offset === anchor.offset) sNode.text = anchorOffset < focusOffset ? sNode.text.slice(anchorOffset, focusOffset) : sNode.text.slice(focusOffset, anchorOffset);
+							} else sNode.text = isBefore ? sNode.text.slice(anchorOffset) : sNode.text.slice(focusOffset);
+						} else if (node === lastNode) sNode.text = isBefore ? sNode.text.slice(0, focusOffset) : sNode.text.slice(0, anchorOffset);
 						let hasPush = false;
 						for (let i = lastElement.length - 1; i >= 0; i--) if ($getNodeByKey(lastElement[i].$key)?.isParentOf(node)) {
 							lastElement[i].children.push(sNode);

package/es/plugins/markdown/plugin/index.js

@@ -212,7 +212,8 @@ const MarkdownPlugin = class extends KernelPlugin {
 			const markdown = this.markdownDataSource.write(editor, { selection: true });
 			if (!markdown) return false;
 			event.preventDefault();
-			setLexicalClipboardDataTransfer(clipboardData, $getClipboardDataFromSelection(selection));
+			const data = $getClipboardDataFromSelection(selection);
+			setLexicalClipboardDataTransfer(clipboardData, data);
 			clipboardData.setData("text/plain", markdown);
 			clipboardData.setData("text/markdown", markdown);
 			this.logger.debug("copy with text/markdown:", { markdownLength: markdown.length });

package/es/plugins/markdown/service/transformers.js

@@ -2,7 +2,8 @@ import { PUNCTUATION_OR_SPACE, getOpenTagStartIndex, isEqualSubString } from "..
 import { $createRangeSelection, $getNodeByKey, $getSelection, $isLineBreakNode, $isRangeSelection, $isRootOrShadowRoot, $isTextNode, $setSelection } from "lexical";
 //#region src/plugins/markdown/service/transformers.ts
 function testElementTransformers(parentNode, anchorNode, anchorOffset, elementTransformers, fromTrigger) {
-	if (!$isRootOrShadowRoot(parentNode.getParent()) || parentNode.getFirstChild() !== anchorNode) return false;
+	const grandParentNode = parentNode.getParent();
+	if (!$isRootOrShadowRoot(grandParentNode) || parentNode.getFirstChild() !== anchorNode) return false;
 	const textContent = anchorNode.getTextContent();
 	if (fromTrigger !== "enter" && textContent[anchorOffset - 1] !== " ") return false;
 	for (const { regExp, trigger } of elementTransformers) {
@@ -12,7 +13,8 @@ function testElementTransformers(parentNode, anchorNode, anchorOffset, elementTr
 	return false;
 }
 function runElementTransformers(parentNode, anchorNode, anchorOffset, elementTransformers, fromTrigger) {
-	if (!$isRootOrShadowRoot(parentNode.getParent()) || parentNode.getFirstChild() !== anchorNode) return false;
+	const grandParentNode = parentNode.getParent();
+	if (!$isRootOrShadowRoot(grandParentNode) || parentNode.getFirstChild() !== anchorNode) return false;
 	const textContent = anchorNode.getTextContent();
 	if (fromTrigger !== "enter" && textContent[anchorOffset - 1] !== " ") return false;
 	for (const { regExp, replace, trigger } of elementTransformers) {

package/es/plugins/markdown/utils/index.js

@@ -34,7 +34,7 @@ function indexBy(list, callback) {
 }
 let Punctuation = /[!"#$%&'()*+,./:;<=>?@[\\\]^_`{|}~\u00A1\u2010-\u2027-]/;
 try {
-	Punctuation = /* @__PURE__ */ new RegExp("[\\p{Pc}|\\p{Pd}|\\p{Pe}|\\p{Pf}|\\p{Pi}|\\p{Po}|\\p{Ps}]", "u");
+	Punctuation = new RegExp("[\\p{Pc}|\\p{Pd}|\\p{Pe}|\\p{Pf}|\\p{Pi}|\\p{Po}|\\p{Ps}]", "u");
 } catch {}
 /**
 * Checks if a character is a punctuation character.
@@ -49,13 +49,15 @@ function $updateSelectionOnInsert(selection) {
 		const anchor = selection.anchor;
 		let nodeToInspect = null;
 		const anchorCaret = $caretFromPoint(anchor, "previous");
-		if (anchorCaret) if ($isTextPointCaret(anchorCaret)) nodeToInspect = anchorCaret.origin;
-		else {
-			const range = $getCaretRange(anchorCaret, $getChildCaret($getRoot(), "next").getFlipped());
-			for (const caret of range) if ($isTextNode(caret.origin)) {
-				nodeToInspect = caret.origin;
-				break;
-			} else if ($isElementNode(caret.origin) && !caret.origin.isInline()) break;
+		if (anchorCaret) {
+			if ($isTextPointCaret(anchorCaret)) nodeToInspect = anchorCaret.origin;
+			else {
+				const range = $getCaretRange(anchorCaret, $getChildCaret($getRoot(), "next").getFlipped());
+				for (const caret of range) if ($isTextNode(caret.origin)) {
+					nodeToInspect = caret.origin;
+					break;
+				} else if ($isElementNode(caret.origin) && !caret.origin.isInline()) break;
+			}
 		}
 		if (nodeToInspect && $isTextNode(nodeToInspect)) {
 			const newFormat = nodeToInspect.getFormat();

package/es/plugins/math/command/index.js

@@ -28,8 +28,10 @@ function registerMathCommand(editor) {
 		const { key, prev } = payload;
 		editor.update(() => {
 			const mathNode = $getNodeByKey(key);
-			if (mathNode) if (prev) mathNode.selectPrevious();
-			else mathNode.selectNext();
+			if (mathNode) {
+				if (prev) mathNode.selectPrevious();
+				else mathNode.selectNext();
+			}
 		});
 		return true;
 	}, COMMAND_PRIORITY_HIGH));

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

@@ -63,21 +63,22 @@ const MathInline = ({ editor, node, className }) => {
 			});
 		});
 	}, [node]);
+	const handleClick = useCallback((e) => {
+		logger.debug("📊 Math click event:", e.target === ref.current);
+		e.preventDefault();
+		e.stopPropagation();
+		if (isSelected) clearSelected();
+		setIsSelected(true);
+		editor.focus();
+	}, [
+		clearSelected,
+		editor,
+		isSelected,
+		setIsSelected
+	]);
 	return /* @__PURE__ */ jsx("span", {
 		className,
-		onClick: useCallback((e) => {
-			logger.debug("📊 Math click event:", e.target === ref.current);
-			e.preventDefault();
-			e.stopPropagation();
-			if (isSelected) clearSelected();
-			setIsSelected(true);
-			editor.focus();
-		}, [
-			clearSelected,
-			editor,
-			isSelected,
-			setIsSelected
-		]),
+		onClick: handleClick,
 		ref,
 		children: node.code ? node.code : /* @__PURE__ */ jsx(Placeholder, { mathBlock: isMathBlock })
 	});

package/es/plugins/math/react/style.js

@@ -14,12 +14,12 @@ const styles = createStaticStyles(({ css, cssVar }) => {
       overflow: auto hidden;
       padding: 3px;
 
-      .base {
+      .katex-base {
         margin-block: 0;
         margin-inline: auto;
       }
 
-      .tag {
+      .katex-tag {
         position: relative !important;
         display: inline-block;
         padding-inline-start: 0.5rem;

package/es/plugins/slash/plugin/index.js

@@ -109,7 +109,7 @@ const SlashPlugin = class extends KernelPlugin {
 				const range = editorWindow.document.createRange();
 				const selection = $getSelection();
 				const text = getQueryTextForSearch(editor);
-				if (!$isRangeSelection(selection) || !selection.isCollapsed() || selection.hasFormat("code") || text === null || range === null || this.currentSlashTrigger === null && text.length > 1 && text.at(-2) !== " ") {
+				if (!$isRangeSelection(selection) || !selection.isCollapsed() || selection.hasFormat("code") || text === null || range === null) {
 					this.triggerClose();
 					return;
 				}
@@ -119,8 +119,13 @@ const SlashPlugin = class extends KernelPlugin {
 				}
 				let triggerText = this.currentSlashTrigger;
 				if (triggerText === null) {
-					triggerText = text.slice(-1);
-					this.currentSlashTriggerIndex = text.length - 1;
+					const resolution = this.service?.resolveTrigger(text);
+					if (!resolution) {
+						this.triggerClose();
+						return;
+					}
+					triggerText = resolution.trigger;
+					this.currentSlashTriggerIndex = resolution.leadOffset;
 				}
 				const lastIndex = text.lastIndexOf(triggerText);
 				if (lastIndex < this.currentSlashTriggerIndex) {
@@ -137,11 +142,15 @@ const SlashPlugin = class extends KernelPlugin {
 				const fuse = this.service?.getSlashFuse(triggerText);
 				const isRangePositioned = tryToPositionRange(this.currentSlashTriggerIndex, range, editorWindow);
 				const match = triggerFn?.(text.slice(this.currentSlashTriggerIndex));
+				if (!match) {
+					this.triggerClose();
+					return;
+				}
 				if (text.slice(this.currentSlashTriggerIndex).includes(" ") && !slashOptions?.allowWhitespace) {
 					this.triggerClose();
 					return;
 				}
-				const finalItems = fuse && match && match.matchingString.length > 0 ? fuse.search(match.matchingString).map((result) => result.item) : slashOptions.items;
+				const finalItems = fuse && match.matchingString.length > 0 ? fuse.search(match.matchingString).map((result) => result.item) : slashOptions.items;
 				if (isRangePositioned !== null && finalItems.length > 0) {
 					this.currentSlashTrigger = triggerText;
 					this.config?.triggerOpen({

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

@@ -1,5 +1,6 @@
 "use client";
 import { flattenSlashOptions, isSlashDividerOption, isSlashSectionOption } from "../../service/i-slash-service.js";
+import { shouldShowLoadingPlaceholder } from "./menuLoading.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";
@@ -121,7 +122,7 @@ const renderMenuItem = (item, activeKey, onSelect) => {
 	}, String(item.key));
 };
 const renderItems = (options, activeKey, loading, onSelect) => {
-	if (loading) return /* @__PURE__ */ jsx("div", {
+	if (shouldShowLoadingPlaceholder(loading, options)) return /* @__PURE__ */ jsx("div", {
 		className: menuSharedStyles.empty,
 		children: "Loading..."
 	});

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

@@ -0,0 +1,4 @@
+//#region src/plugins/slash/react/components/menuLoading.ts
+const shouldShowLoadingPlaceholder = (loading, options) => Boolean(loading && options.length === 0);
+//#endregion
+export { shouldShowLoadingPlaceholder };

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

@@ -53,10 +53,15 @@ interface SlashOptions {
   searchKeys?: string[];
   trigger: string;
 }
+interface SlashTriggerResolution {
+  leadOffset: number;
+  trigger: string;
+}
 interface ISlashService {
   registerSlash(options: SlashOptions): void;
+  resolveTrigger(text: string): SlashTriggerResolution | null;
   updateOptions(options: SlashOptions[]): void;
 }
 declare const ISlashService: IServiceID<ISlashService>;
 //#endregion
-export { ISlashDividerOption, ISlashMenuOption, ISlashOption, ISlashSectionOption, ISlashService, SlashOptions, flattenSlashOptions, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption };
+export { ISlashDividerOption, ISlashMenuOption, ISlashOption, ISlashSectionOption, ISlashService, SlashOptions, SlashTriggerResolution, flattenSlashOptions, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption };

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

@@ -23,8 +23,10 @@ var SlashService = class {
 		this.logger = createDebugLogger("service", "slash");
 	}
 	registerSlash(options, update = false) {
-		if (this.triggerMap.has(options.trigger) && !update) if (this.kernel.isHotReloadMode()) this.logger.warn(`🔄 Overriding slash trigger "${options.trigger}"`);
-		else throw new Error(`Slash trigger "${options.trigger}" is already registered.`);
+		if (this.triggerMap.has(options.trigger) && !update) {
+			if (this.kernel.isHotReloadMode()) this.logger.warn(`🔄 Overriding slash trigger "${options.trigger}"`);
+			else throw new Error(`Slash trigger "${options.trigger}" is already registered.`);
+		}
 		this.triggerMap.set(options.trigger, options);
 		this.triggerFnMap.set(options.trigger, getBasicTypeaheadTriggerMatch(options.trigger, {
 			allowWhitespace: options.allowWhitespace,
@@ -44,6 +46,18 @@ var SlashService = class {
 		this.triggerFnMap.clear();
 		this.triggerFuseMap.clear();
 	}
+	resolveTrigger(text) {
+		let resolution = null;
+		for (const [trigger, triggerFn] of this.triggerFnMap) {
+			const match = triggerFn(text);
+			if (!match || resolution && match.leadOffset <= resolution.leadOffset) continue;
+			resolution = {
+				leadOffset: match.leadOffset,
+				trigger
+			};
+		}
+		return resolution;
+	}
 	updateOptions(options) {
 		this.removeAllOptions();
 		options.forEach((option) => {

package/es/plugins/slash/utils/utils.js

@@ -44,7 +44,7 @@ function tryToPositionRange(leadOffset, range, editorWindow) {
 	}
 	return true;
 }
-const PUNCTUATION = "\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";
+const PUNCTUATION = "\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\!%'\"~=<>_:;";
 function getBasicTypeaheadTriggerMatch(trigger, { minLength = 0, maxLength = 75, punctuation = PUNCTUATION, allowWhitespace = false }) {
 	return (text) => {
 		const validCharsSuffix = allowWhitespace ? "" : "\\s";

package/es/plugins/table/react/TableActionMenu/ActionMenu.js

@@ -134,7 +134,8 @@ const TableActionMenu = memo(({ editor, tableCellNode: _tableCellNode, cellMerge
 		editor.update(() => {
 			const selection = $getSelection();
 			if (!$isTableSelection(selection)) return;
-			const targetCell = $mergeCells(selection.getNodes().filter($isTableCellNode));
+			const tableCells = selection.getNodes().filter($isTableCellNode);
+			const targetCell = $mergeCells(tableCells);
 			if (targetCell) $selectLastDescendant(targetCell);
 		});
 	};
@@ -221,73 +222,74 @@ const TableActionMenu = memo(({ editor, tableCellNode: _tableCellNode, cellMerge
 		tableCellNode,
 		clearTableSelection
 	]);
+	const menuItems = useMemo(() => {
+		return [
+			{
+				icon: PanelTopCloseIcon,
+				key: "table-insert-row-above",
+				label: t(`table.insertRowAbove`, { count: selectionCounts.rows }),
+				onClick: () => insertTableRowAtSelection(false)
+			},
+			{
+				icon: PanelBottomCloseIcon,
+				key: "table-insert-row-below",
+				label: t(`table.insertRowBelow`, { count: selectionCounts.rows }),
+				onClick: () => insertTableRowAtSelection(true)
+			},
+			{ type: "divider" },
+			{
+				icon: PanelLeftCloseIcon,
+				key: "table-insert-column-before",
+				label: t(`table.insertColumnLeft`, { count: selectionCounts.columns }),
+				onClick: () => insertTableColumnAtSelection(false)
+			},
+			{
+				icon: PanelRightCloseIcon,
+				key: "table-insert-column-after",
+				label: t(`table.insertColumnRight`, { count: selectionCounts.columns }),
+				onClick: () => insertTableColumnAtSelection(true)
+			},
+			{ type: "divider" },
+			{
+				icon: TableColumnsSplitIcon,
+				key: "table-delete-columns",
+				label: renderDeleteMenuLabel(t(`table.deleteColumn`), "columns"),
+				onClick: () => deleteTableColumnAtSelection()
+			},
+			{
+				icon: TableRowsSplitIcon,
+				key: "table-delete-rows",
+				label: renderDeleteMenuLabel(t(`table.deleteRow`), "rows"),
+				onClick: () => deleteTableRowAtSelection()
+			},
+			{ type: "divider" },
+			{
+				icon: Grid2X2XIcon,
+				key: "table-delete",
+				label: renderDeleteMenuLabel(t(`table.delete`), "table"),
+				onClick: () => deleteTableAtSelection()
+			}
+		];
+	}, [
+		cellMerge,
+		canMergeCells,
+		canUnmergeCell,
+		selectionCounts.rows,
+		selectionCounts.columns,
+		tableCellNode.__headerState,
+		mergeTableCellsAtSelection,
+		unmergeTableCellsAtSelection,
+		insertTableRowAtSelection,
+		insertTableColumnAtSelection,
+		deleteTableColumnAtSelection,
+		deleteTableRowAtSelection,
+		deleteTableAtSelection,
+		renderDeleteMenuLabel,
+		toggleTableRowIsHeader,
+		toggleTableColumnIsHeader
+	]);
 	return /* @__PURE__ */ jsx(DropdownMenu, {
-		items: useMemo(() => {
-			return [
-				{
-					icon: PanelTopCloseIcon,
-					key: "table-insert-row-above",
-					label: t(`table.insertRowAbove`, { count: selectionCounts.rows }),
-					onClick: () => insertTableRowAtSelection(false)
-				},
-				{
-					icon: PanelBottomCloseIcon,
-					key: "table-insert-row-below",
-					label: t(`table.insertRowBelow`, { count: selectionCounts.rows }),
-					onClick: () => insertTableRowAtSelection(true)
-				},
-				{ type: "divider" },
-				{
-					icon: PanelLeftCloseIcon,
-					key: "table-insert-column-before",
-					label: t(`table.insertColumnLeft`, { count: selectionCounts.columns }),
-					onClick: () => insertTableColumnAtSelection(false)
-				},
-				{
-					icon: PanelRightCloseIcon,
-					key: "table-insert-column-after",
-					label: t(`table.insertColumnRight`, { count: selectionCounts.columns }),
-					onClick: () => insertTableColumnAtSelection(true)
-				},
-				{ type: "divider" },
-				{
-					icon: TableColumnsSplitIcon,
-					key: "table-delete-columns",
-					label: renderDeleteMenuLabel(t(`table.deleteColumn`), "columns"),
-					onClick: () => deleteTableColumnAtSelection()
-				},
-				{
-					icon: TableRowsSplitIcon,
-					key: "table-delete-rows",
-					label: renderDeleteMenuLabel(t(`table.deleteRow`), "rows"),
-					onClick: () => deleteTableRowAtSelection()
-				},
-				{ type: "divider" },
-				{
-					icon: Grid2X2XIcon,
-					key: "table-delete",
-					label: renderDeleteMenuLabel(t(`table.delete`), "table"),
-					onClick: () => deleteTableAtSelection()
-				}
-			];
-		}, [
-			cellMerge,
-			canMergeCells,
-			canUnmergeCell,
-			selectionCounts.rows,
-			selectionCounts.columns,
-			tableCellNode.__headerState,
-			mergeTableCellsAtSelection,
-			unmergeTableCellsAtSelection,
-			insertTableRowAtSelection,
-			insertTableColumnAtSelection,
-			deleteTableColumnAtSelection,
-			deleteTableRowAtSelection,
-			deleteTableAtSelection,
-			renderDeleteMenuLabel,
-			toggleTableRowIsHeader,
-			toggleTableColumnIsHeader
-		]),
+		items: menuItems,
 		children
 	});
 });

package/es/plugins/table/react/TableColController.js

@@ -47,7 +47,8 @@ const TableColController = memo((props) => {
 		clearDeletePreview();
 		if (!showMenu) return;
 		editor.getEditorState().read(() => {
-			const [tableMap] = $computeTableMapSkipCellCheck(node.getLatest(), null, null);
+			const tableNode = node.getLatest();
+			const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);
 			const previewCellKeys = /* @__PURE__ */ new Set();
 			for (const row of tableMap) for (const columnIndex of selectedColumns) {
 				const cell = row[columnIndex]?.cell;
@@ -110,32 +111,34 @@ const TableColController = memo((props) => {
 			}
 		}, INSERT_BUTTON_HIDE_DELAY);
 	};
-	const { clearDragState, dragTarget, finishDrag: finishColumnDrag, isDragging, startDrag } = useTableAxisDrag({
-		getDropTarget: useCallback((event) => {
-			const controller = colTopRef.current;
-			if (!controller) return null;
-			const columns = Array.from(controller.querySelectorAll(".col"));
-			if (columns.length === 0) return null;
-			for (const [index, column] of columns.entries()) {
-				const rect = column.getBoundingClientRect();
-				if (event.clientX <= rect.left + rect.width / 2) return {
-					index,
-					insertAfter: false
-				};
-			}
-			return {
-				index: columns.length - 1,
-				insertAfter: true
+	const getColumnDropTarget = useCallback((event) => {
+		const controller = colTopRef.current;
+		if (!controller) return null;
+		const columns = Array.from(controller.querySelectorAll(".col"));
+		if (columns.length === 0) return null;
+		for (const [index, column] of columns.entries()) {
+			const rect = column.getBoundingClientRect();
+			if (event.clientX <= rect.left + rect.width / 2) return {
+				index,
+				insertAfter: false
 			};
-		}, []),
-		onMove: useCallback((target, selectedIndexes) => {
-			editor.dispatchCommand(MOVE_TABLE_COLUMN_COMMAND, {
-				columnIndex: target.index,
-				insertAfter: target.insertAfter,
-				selectedColumns: selectedIndexes,
-				table: node.getKey()
-			});
-		}, [editor, node])
+		}
+		return {
+			index: columns.length - 1,
+			insertAfter: true
+		};
+	}, []);
+	const moveColumns = useCallback((target, selectedIndexes) => {
+		editor.dispatchCommand(MOVE_TABLE_COLUMN_COMMAND, {
+			columnIndex: target.index,
+			insertAfter: target.insertAfter,
+			selectedColumns: selectedIndexes,
+			table: node.getKey()
+		});
+	}, [editor, node]);
+	const { clearDragState, dragTarget, finishDrag: finishColumnDrag, isDragging, startDrag } = useTableAxisDrag({
+		getDropTarget: getColumnDropTarget,
+		onMove: moveColumns
 	});
 	const startColumnDrag = useCallback((event, selectedIndexes) => {
 		event.dataTransfer.effectAllowed = "move";

package/es/plugins/table/react/TableHoverActions/index.js

@@ -98,8 +98,6 @@ const TableHoverActions = memo(({ editor }) => {
 					case "destroyed":
 						tableSetRef.current.delete(key);
 						resetObserver = true;
-						break;
-					default: break;
 				}
 				if (resetObserver) {
 					tableResizeObserver.disconnect();

package/es/plugins/table/react/TableRowController.js

@@ -47,7 +47,8 @@ const TableRowController = memo((props) => {
 		clearDeletePreview();
 		if (!showMenu) return;
 		editor.getEditorState().read(() => {
-			const [tableMap] = $computeTableMapSkipCellCheck(node.getLatest(), null, null);
+			const tableNode = node.getLatest();
+			const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);
 			const previewCellKeys = /* @__PURE__ */ new Set();
 			for (const rowIndex of selectedRows) {
 				const row = tableMap[rowIndex];
@@ -108,32 +109,34 @@ const TableRowController = memo((props) => {
 			if (!insertButtonHoveredRef.current) setInsertTarget(null);
 		}, INSERT_BUTTON_HIDE_DELAY);
 	};
-	const { clearDragState, dragTarget, finishDrag: finishRowDrag, isDragging, startDrag } = useTableAxisDrag({
-		getDropTarget: useCallback((event) => {
-			const controller = rowLeftRef.current;
-			if (!controller) return null;
-			const rows = Array.from(controller.querySelectorAll(".row"));
-			if (rows.length === 0) return null;
-			for (const [index, row] of rows.entries()) {
-				const rect = row.getBoundingClientRect();
-				if (event.clientY <= rect.top + rect.height / 2) return {
-					index,
-					insertAfter: false
-				};
-			}
-			return {
-				index: rows.length - 1,
-				insertAfter: true
+	const getRowDropTarget = useCallback((event) => {
+		const controller = rowLeftRef.current;
+		if (!controller) return null;
+		const rows = Array.from(controller.querySelectorAll(".row"));
+		if (rows.length === 0) return null;
+		for (const [index, row] of rows.entries()) {
+			const rect = row.getBoundingClientRect();
+			if (event.clientY <= rect.top + rect.height / 2) return {
+				index,
+				insertAfter: false
 			};
-		}, []),
-		onMove: useCallback((target, selectedIndexes) => {
-			editor.dispatchCommand(MOVE_TABLE_ROW_COMMAND, {
-				insertAfter: target.insertAfter,
-				rowIndex: target.index,
-				selectedRows: selectedIndexes,
-				table: node.getKey()
-			});
-		}, [editor, node])
+		}
+		return {
+			index: rows.length - 1,
+			insertAfter: true
+		};
+	}, []);
+	const moveRows = useCallback((target, selectedIndexes) => {
+		editor.dispatchCommand(MOVE_TABLE_ROW_COMMAND, {
+			insertAfter: target.insertAfter,
+			rowIndex: target.index,
+			selectedRows: selectedIndexes,
+			table: node.getKey()
+		});
+	}, [editor, node]);
+	const { clearDragState, dragTarget, finishDrag: finishRowDrag, isDragging, startDrag } = useTableAxisDrag({
+		getDropTarget: getRowDropTarget,
+		onMove: moveRows
 	});
 	const startRowDrag = useCallback((event, selectedIndexes) => {
 		event.dataTransfer.effectAllowed = "move";

package/es/plugins/table/utils/index.js

@@ -63,12 +63,14 @@ function $forEachTableCell(grid, cb) {
 function $addHighlightToDOM(editor, cell) {
 	const element = cell.elem;
 	const editorThemeClasses = editor._config.theme;
-	assert($isTableCellNode($getNearestNodeFromDOMNode(element)), "Expected to find LexicalNode from Table Cell DOMNode");
+	const node = $getNearestNodeFromDOMNode(element);
+	assert($isTableCellNode(node), "Expected to find LexicalNode from Table Cell DOMNode");
 	addClassNamesToElement(element, editorThemeClasses.tableCellSelected);
 }
 function $removeHighlightFromDOM(editor, cell) {
 	const element = cell.elem;
-	assert($isTableCellNode($getNearestNodeFromDOMNode(element)), "Expected to find LexicalNode from Table Cell DOMNode");
+	const node = $getNearestNodeFromDOMNode(element);
+	assert($isTableCellNode(node), "Expected to find LexicalNode from Table Cell DOMNode");
 	const editorThemeClasses = editor._config.theme;
 	removeClassNamesFromElement(element, editorThemeClasses.tableCellSelected);
 }