@lobehub/editor 1.5.9 → 1.5.10

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

@@ -15,7 +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_LOW, KEY_DOWN_COMMAND } from 'lexical';
+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";
@@ -117,7 +117,7 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
           return true; // Indicate that the event has been handled
         }
         return false; // Allow other handlers to process the event
-      }, COMMAND_PRIORITY_LOW);
+      }, COMMAND_PRIORITY_EDITOR);
     }
   }, [editor, onPressEnter, onKeyDown]);
   useEffect(function () {

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

@@ -1,6 +1,6 @@
 import { LexicalEditor } from 'lexical';
 export declare const INSERT_MENTION_COMMAND: import("lexical").LexicalCommand<{
-    extra?: Record<string, unknown> | undefined;
     label: string;
+    metadata?: Record<string, unknown> | undefined;
 }>;
 export declare function registerMentionCommand(editor: LexicalEditor): () => void;

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

@@ -4,10 +4,10 @@ import { $createMentionNode } from "../node/MentionNode";
 export var INSERT_MENTION_COMMAND = createCommand('INSERT_MENTION_COMMAND');
 export function registerMentionCommand(editor) {
   return editor.registerCommand(INSERT_MENTION_COMMAND, function (payload) {
-    var extra = payload.extra,
+    var metadata = payload.metadata,
       label = payload.label;
     editor.update(function () {
-      var mentionNode = $createMentionNode(label, extra);
+      var mentionNode = $createMentionNode(label, metadata);
       $insertNodes([mentionNode]); // Insert a zero-width space to ensure the image is not the last child
       if ($isRootOrShadowRoot(mentionNode.getParentOrThrow())) {
         $wrapNodeInElement(mentionNode, $createParagraphNode).selectEnd();

package/es/plugins/mention/node/MentionNode.d.ts

@@ -1,7 +1,7 @@
 import { DOMConversionMap, DOMExportOutput, DecoratorNode, EditorConfig, LexicalEditor, LexicalNode, LexicalUpdateJSON, SerializedLexicalNode, Spread } from 'lexical';
 export type SerializedMentionNode = Spread<{
-    extra?: Record<string, unknown>;
     label?: string;
+    metadata?: Record<string, unknown>;
 }, SerializedLexicalNode>;
 export declare class MentionNode extends DecoratorNode<any> {
     static getType(): string;
@@ -9,10 +9,10 @@ export declare class MentionNode extends DecoratorNode<any> {
     static importJSON(serializedNode: SerializedMentionNode): MentionNode;
     static importDOM(): DOMConversionMap | null;
     __label: string;
-    __extra: Record<string, unknown>;
-    constructor(label?: string, extra?: Record<string, unknown>, key?: string);
+    __metadata: Record<string, unknown>;
+    constructor(label?: string, metadata?: Record<string, unknown>, key?: string);
     get label(): string;
-    get extra(): Record<string, unknown>;
+    get metadata(): Record<string, unknown>;
     exportDOM(): DOMExportOutput;
     createDOM(config: EditorConfig): HTMLElement;
     getTextContent(): string;
@@ -22,5 +22,5 @@ export declare class MentionNode extends DecoratorNode<any> {
     updateFromJSON(serializedNode: LexicalUpdateJSON<SerializedMentionNode>): this;
     decorate(editor: LexicalEditor): any;
 }
-export declare function $createMentionNode(label?: string, extra?: Record<string, unknown>): MentionNode;
+export declare function $createMentionNode(label?: string, metadata?: Record<string, unknown>): MentionNode;
 export declare function $isMentionNode(node: LexicalNode): node is MentionNode;

package/es/plugins/mention/node/MentionNode.js

@@ -26,14 +26,14 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
   function MentionNode() {
     var _this;
     var label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var extra = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var metadata = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var key = arguments.length > 2 ? arguments[2] : undefined;
     _classCallCheck(this, MentionNode);
     _this = _super.call(this, key);
     _defineProperty(_assertThisInitialized(_this), "__label", void 0);
-    _defineProperty(_assertThisInitialized(_this), "__extra", void 0);
+    _defineProperty(_assertThisInitialized(_this), "__metadata", void 0);
     _this.__label = label;
-    _this.__extra = extra;
+    _this.__metadata = metadata;
     return _this;
   }
   _createClass(MentionNode, [{
@@ -42,9 +42,9 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
       return this.__label;
     }
   }, {
-    key: "extra",
+    key: "metadata",
     get: function get() {
-      return this.__extra;
+      return this.__metadata;
     }
   }, {
     key: "exportDOM",
@@ -79,8 +79,8 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
     key: "exportJSON",
     value: function exportJSON() {
       return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MentionNode.prototype), "exportJSON", this).call(this)), {}, {
-        extra: this.extra,
-        label: this.label
+        label: this.label,
+        metadata: this.metadata
       });
     }
   }, {
@@ -88,7 +88,7 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
     value: function updateFromJSON(serializedNode) {
       var node = _get(_getPrototypeOf(MentionNode.prototype), "updateFromJSON", this).call(this, serializedNode);
       this.__label = serializedNode.label || '';
-      this.__extra = serializedNode.extra || {};
+      this.__metadata = serializedNode.metadata || {};
       return node;
     }
   }, {
@@ -105,7 +105,7 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
   }, {
     key: "clone",
     value: function clone(node) {
-      return new MentionNode(node.__label, node.__extra, node.__key);
+      return new MentionNode(node.__label, node.__metadata, node.__key);
     }
   }, {
     key: "importJSON",
@@ -130,8 +130,8 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
   }]);
   return MentionNode;
 }(DecoratorNode);
-export function $createMentionNode(label, extra) {
-  return $applyNodeReplacement(new MentionNode(label, extra));
+export function $createMentionNode(label, metadata) {
+  return $applyNodeReplacement(new MentionNode(label, metadata));
 }
 function $convertMentionElement() {
   return {

package/es/plugins/slash/react/ReactSlashPlugin.js

@@ -7,7 +7,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { mergeRegister } from '@lexical/utils';
-import { COMMAND_PRIORITY_CRITICAL, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND } from 'lexical';
+import { COMMAND_PRIORITY_CRITICAL, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_DOWN_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND } from 'lexical';
 import { Children, useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { useLexicalEditor } from "../../../editor-kernel/react";
 import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context";
@@ -191,24 +191,26 @@ var ReactSlashPlugin = function ReactSlashPlugin(_ref) {
       event.stopImmediatePropagation();
       handleMenuSelect(selectedOption);
       return true;
-    }, COMMAND_PRIORITY_CRITICAL), editor.registerHighCommand(KEY_ENTER_COMMAND, function (event) {
-      if (options === null || activeKey === null) {
-        return false;
-      }
-      var selectedOption = options.find(function (opt) {
-        return 'key' in opt && opt.key === activeKey;
-      });
-      if (!selectedOption) {
-        return false;
-      }
-      if (event !== null) {
+    }, COMMAND_PRIORITY_CRITICAL), editor.registerHighCommand(KEY_DOWN_COMMAND, function (event) {
+      // If slash menu is open and enter key is pressed, always block propagation
+      if (isOpen && event.key === 'Enter' && !event.isComposing) {
         event.preventDefault();
         event.stopImmediatePropagation();
+
+        // Only select option if we have valid options and activeKey
+        if (options !== null && activeKey !== null) {
+          var selectedOption = options.find(function (opt) {
+            return 'key' in opt && opt.key === activeKey;
+          });
+          if (selectedOption) {
+            handleMenuSelect(selectedOption);
+          }
+        }
+        return true;
       }
-      handleMenuSelect(selectedOption);
-      return true;
+      return false;
     }, COMMAND_PRIORITY_CRITICAL));
-  }, [options, activeKey, handleActiveKeyChange, handleMenuSelect]);
+  }, [options, activeKey, handleActiveKeyChange, handleMenuSelect, isOpen]);
 
   // Get custom render component if available
   var _ref2 = triggerMapRef.current.get((resolution === null || resolution === void 0 ? void 0 : resolution.trigger) || '') || {},

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

@@ -5,7 +5,8 @@ import { getBasicTypeaheadTriggerMatch } from '../utils/utils';
 export type ISlashDividerOption = {
     type: 'divider';
 };
-export interface ISlashMenuOption extends DropdownMenuItemType {
+export interface ISlashMenuOption extends Omit<DropdownMenuItemType, 'extra'> {
+    metadata?: Record<string, any>;
     onSelect?: (editor: IEditor, matchingString: string) => void;
 }
 export type ISlashOption = ISlashMenuOption | ISlashDividerOption;

package/package.json

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