@lobehub/editor 1.5.7 → 1.5.8

package/es/plugins/common/react/ReactPlainText.js

@@ -15,6 +15,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { COMMAND_PRIORITY_EDITOR, KEY_DOWN_COMMAND } from 'lexical';
 import { Children, memo, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { LexicalErrorBoundary } from "../../../editor-kernel/react/LexicalErrorBoundary";
 import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context";
@@ -96,6 +97,29 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
       onChange === null || onChange === void 0 || onChange(editor);
     });
   }, [editor, type, content, onChange, isInitialized]);
+  useEffect(function () {
+    if (editor && onPressEnter) {
+      return editor.registerHighCommand(KEY_DOWN_COMMAND, function (event) {
+        if (event.key === 'Enter' && !event.isComposing && onPressEnter({
+          editor: editor,
+          event: event
+        })) {
+          event.preventDefault();
+          return true; // Indicate that the event has been handled
+        }
+
+        //
+        if (onKeyDown !== null && onKeyDown !== void 0 && onKeyDown({
+          editor: editor,
+          event: event
+        })) {
+          event.preventDefault();
+          return true; // Indicate that the event has been handled
+        }
+        return false; // Allow other handlers to process the event
+      }, COMMAND_PRIORITY_EDITOR);
+    }
+  }, [editor, onPressEnter, onKeyDown]);
   useEffect(function () {
     if (autoFocus && editorContainerRef.current) {
       editorContainerRef.current.focus();
@@ -131,22 +155,6 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
       event: event
     });
   };
-  var handleKeyDown = function handleKeyDown(event) {
-    var isComposing = event.nativeEvent.isComposing;
-    if (event.key === 'Enter' && !isComposing &&
-    // Regular Enter key handling
-    onPressEnter) {
-      onPressEnter({
-        editor: editor,
-        event: event
-      });
-    }
-    // Call the optional onKeyDown handler
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown({
-      editor: editor,
-      event: event
-    });
-  };
   return /*#__PURE__*/_jsxs("div", {
     className: cx(styles.root, styles.variant, className),
     style: style,
@@ -157,7 +165,6 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
       onCompositionStart: handleCompositionStart,
       onContextMenu: handleContextMenu,
       onFocus: handleFocus,
-      onKeyDown: handleKeyDown,
       ref: editorContainerRef,
       style: {
         outline: 'none'

package/es/plugins/common/react/type.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, CompositionEvent, FocusEvent, KeyboardEvent, MouseEvent, ReactElement, ReactNode } from 'react';
+import type { CSSProperties, CompositionEvent, FocusEvent, MouseEvent, ReactElement, ReactNode } from 'react';
 import type { CommonPluginOptions } from "..";
 import type { IEditor } from "../../../types";
 export interface ReactEditorContentProps {
@@ -33,12 +33,12 @@ export interface ReactPlainTextProps {
     }) => void;
     onKeyDown?: (props: {
         editor: IEditor;
-        event: KeyboardEvent<HTMLDivElement>;
-    }) => void;
+        event: KeyboardEvent;
+    }) => boolean | void;
     onPressEnter?: (props: {
         editor: IEditor;
-        event: KeyboardEvent<HTMLDivElement>;
-    }) => void;
+        event: KeyboardEvent;
+    }) => boolean | void;
     style?: CSSProperties;
     theme?: CommonPluginOptions['theme'] & {
         fontSize?: number;

package/package.json

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