@lobehub/editor 1.28.0 → 1.29.0

package/es/editor-kernel/utils.d.ts

@@ -1,4 +1,4 @@
-import { LexicalEditor, LexicalNode, NodeKey } from 'lexical';
+import { ElementNode, LexicalEditor, LexicalNode, NodeKey } from 'lexical';
 import type { IEditorKernel, IServiceID } from "../types";
 export declare const DOM_ELEMENT_TYPE = 1;
 export declare const DOM_TEXT_TYPE = 3;
@@ -30,3 +30,5 @@ export declare function getKernelFromEditor(editor: LexicalEditor): IEditorKerne
  * @returns
  */
 export declare function compareNodeOrder(nodeA: LexicalNode, nodeB: LexicalNode): number;
+export declare function closest(node: LexicalNode | ElementNode | null, test: (node: LexicalNode) => boolean): LexicalNode | null;
+export declare function $closestNodeType(node: LexicalNode | ElementNode | null, type: string | string[]): LexicalNode | null;

package/es/editor-kernel/utils.js

@@ -108,4 +108,19 @@ export function compareNodeOrder(nodeA, nodeB) {
 
   // This case should not happen as we checked for equality at the start
   return 0;
+}
+export function closest(node, test) {
+  var current = node;
+  while (current) {
+    if (test(current)) {
+      return current;
+    }
+    current = current.getParent();
+  }
+  return null;
+}
+export function $closestNodeType(node, type) {
+  return closest(node, function (n) {
+    return Array.isArray(type) ? type.includes(n.getType()) : n.getType() === type;
+  });
 }

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

@@ -326,7 +326,7 @@ export function registerRichKeydown(editor, kernel, options) {
     return false;
   }, COMMAND_PRIORITY_EDITOR));
 }
-var NEEDS_FOLLOWING_PARAGRAPH_TYPES = new Set(['code', 'table']);
+var NEEDS_FOLLOWING_PARAGRAPH_TYPES = new Set(['code', 'table', 'block-image']);
 export function registerLastElement(editor) {
   var isProcessing = false;
   return editor.registerUpdateListener(function (_ref3) {

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

@@ -7,6 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { mergeRegister } from '@lexical/utils';
 import { $getNodeByKey, $getSelection, $isBlockElementNode, $isRangeSelection } from 'lexical';
 import { memo, useRef, useState } from 'react';
+import { $closestNodeType } from "../../../../editor-kernel";
 import { useLexicalEditor } from "../../../../editor-kernel/react";
 import { $canShowPlaceholderCurry } from "../../utils";
 import { useStyles } from "./style";
@@ -55,7 +56,8 @@ var Placeholder = /*#__PURE__*/memo(function (_ref) {
             while (node && !$isBlockElementNode(node)) {
               node = node.getParent();
             }
-            if (node) {
+            var tableNode = $closestNodeType(node, ['tablecell', 'heading']);
+            if (node && !tableNode) {
               var dom = editor.getElementByKey(node.getKey());
               if (dom && hasOnlyBrChild(dom)) {
                 if (currentPlaceHolderRef.current && currentPlaceHolderRef.current !== dom) {

package/es/plugins/image/command/index.d.ts

@@ -7,4 +7,4 @@ export declare const INSERT_IMAGE_COMMAND: import("lexical").LexicalCommand<{
 }>;
 export declare function registerImageCommand(editor: LexicalEditor, handleUpload: (file: File) => Promise<{
     url: string;
-}>): () => void;
+}>, defaultBlockImage?: boolean): () => void;

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

@@ -9,11 +9,13 @@ function isImageFile(file) {
   return file.type.startsWith('image/');
 }
 export function registerImageCommand(editor, handleUpload) {
+  var defaultBlockImage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return editor.registerCommand(INSERT_IMAGE_COMMAND, function (payload) {
     var file = payload.file,
       range = payload.range,
       block = payload.block,
       maxWidth = payload.maxWidth;
+    var isBlock = block !== null && block !== void 0 ? block : defaultBlockImage;
     if (!isImageFile(file)) {
       return false; // Not an image file
     }
@@ -26,7 +28,7 @@ export function registerImageCommand(editor, handleUpload) {
         }
         $setSelection(rangeSelection);
       }
-      var imageNode = block ? $createBlockImageNode({
+      var imageNode = isBlock ? $createBlockImageNode({
         altText: file.name,
         maxWidth: maxWidth || 800,
         src: placeholderURL
@@ -36,7 +38,7 @@ export function registerImageCommand(editor, handleUpload) {
         src: placeholderURL
       });
       $insertNodes([imageNode]); // Insert a zero-width space to ensure the image is not the last child
-      if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {
+      if (!isBlock && $isRootOrShadowRoot(imageNode.getParentOrThrow())) {
         $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();
       }
       handleUpload(file).then(function (res) {

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

@@ -45,7 +45,8 @@ export var ImagePlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       var _this$kernel$requireS,
         _this$kernel$requireS2,
         _this$kernel$requireS3,
-        _this2 = this;
+        _this2 = this,
+        _this$config;
       (_this$kernel$requireS = this.kernel.requireService(IMarkdownShortCutService)) === null || _this$kernel$requireS === void 0 || _this$kernel$requireS.registerMarkdownWriter(ImageNode.getType(), function (ctx, node) {
         if ($isImageNode(node)) {
           ctx.appendLine("![".concat(node.altText, "](").concat(node.src, ")"));
@@ -83,7 +84,7 @@ export var ImagePlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
           return _ref.apply(this, arguments);
         };
       }(), UPLOAD_PRIORITY_HIGH);
-      this.register(registerImageCommand(editor, this.config.handleUpload));
+      this.register(registerImageCommand(editor, this.config.handleUpload, (_this$config = this.config) === null || _this$config === void 0 ? void 0 : _this$config.defaultBlockImage));
     }
   }, {
     key: "getImageWidth",

package/package.json

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