@lobehub/editor 1.6.1 → 1.7.0

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

@@ -33,7 +33,7 @@ import TextDataSource from "../data-source/text-data-source";
 import { patchBreakLine, registerBreakLineClick } from "../node/ElementDOMSlot";
 import { CursorNode, registerCursorNode } from "../node/cursor";
 import { createBlockNode } from "../utils";
-import { registerHeaderBackspace, registerRichKeydown } from "./register";
+import { registerHeaderBackspace, registerLastElement, registerRichKeydown } from "./register";
 patchBreakLine();
 export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   _inherits(CommonPlugin, _KernelPlugin);
@@ -244,7 +244,7 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       var _this$config;
       this.registerClears(registerRichText(editor), registerDragonSupport(editor), registerHistory(editor, createEmptyHistoryState(), 300), registerHeaderBackspace(editor), registerRichKeydown(editor, this.kernel, {
         enableHotkey: (_this$config = this.config) === null || _this$config === void 0 ? void 0 : _this$config.enableHotkey
-      }), registerCommands(editor), registerBreakLineClick(editor), registerCursorNode(editor));
+      }), registerCommands(editor), registerBreakLineClick(editor), registerCursorNode(editor), registerLastElement(editor));
     }
   }, {
     key: "destroy",

package/es/plugins/common/plugin/register.d.ts

@@ -7,3 +7,4 @@ export interface RichKeydownOptions {
     enableHotkey?: boolean;
 }
 export declare function registerRichKeydown(editor: LexicalEditor, kernel: IEditor, options?: RichKeydownOptions): () => void;
+export declare function registerLastElement(editor: LexicalEditor): () => void;

package/es/plugins/common/plugin/register.js

@@ -90,7 +90,7 @@ function $isSelectionAtEndOfRoot(selection) {
 }
 export function registerHeaderBackspace(editor) {
   return editor.registerCommand(KEY_BACKSPACE_COMMAND, function (payload) {
-    // Handle backspace key press
+    // Handle backspace key press for heading nodes
     var headingNode = editor.read(function () {
       var selection = $getSelection();
       // Do not handle non-collapsed selection
@@ -289,4 +289,43 @@ export function registerRichKeydown(editor, kernel, options) {
     }
     return false;
   }, COMMAND_PRIORITY_EDITOR));
+}
+var NEEDS_FOLLOWING_PARAGRAPH_TYPES = new Set(['code', 'table']);
+export function registerLastElement(editor) {
+  var isProcessing = false;
+  return editor.registerUpdateListener(function (_ref2) {
+    var dirtyElements = _ref2.dirtyElements;
+    // Only process when root node or its direct children have changes
+    if (!dirtyElements.has('root') && !Array.from(dirtyElements.keys()).some(function (key) {
+      var _node$getParent;
+      var node = editor.getEditorState()._nodeMap.get(key);
+      return (node === null || node === void 0 || (_node$getParent = node.getParent()) === null || _node$getParent === void 0 ? void 0 : _node$getParent.getKey()) === 'root';
+    })) {
+      return;
+    }
+    if (isProcessing) return;
+    var needsParagraph = editor.read(function () {
+      var root = $getRoot();
+      var lastChild = root.getLastChild();
+
+      // Check if the last element needs a trailing paragraph
+      return NEEDS_FOLLOWING_PARAGRAPH_TYPES.has(lastChild === null || lastChild === void 0 ? void 0 : lastChild.getType());
+    });
+    if (needsParagraph) {
+      isProcessing = true;
+      queueMicrotask(function () {
+        editor.update(function () {
+          var root = $getRoot();
+          var currentLast = root.getLastChild();
+
+          // Double check to ensure the state still needs processing
+          if (NEEDS_FOLLOWING_PARAGRAPH_TYPES.has(currentLast === null || currentLast === void 0 ? void 0 : currentLast.getType())) {
+            var paragraph = $createParagraphNode();
+            root.append(paragraph);
+          }
+          isProcessing = false;
+        });
+      });
+    }
+  });
 }

package/es/plugins/common/react/Placeholder/index.js

@@ -43,7 +43,7 @@ var Placeholder = /*#__PURE__*/memo(function (_ref) {
   if (!canShowPlaceholder) {
     return null;
   }
-  return /*#__PURE__*/_jsx("p", {
+  return /*#__PURE__*/_jsx("div", {
     className: styles.placeholder,
     style: style,
     children: children

package/package.json

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