@lobehub/editor 1.9.2 → 1.10.0

package/es/plugins/common/node/cursor.js

@@ -162,6 +162,10 @@ export function registerCursorNode(editor) {
   }), editor.registerUpdateListener(function () {
     editor.read(function () {
       var selection = $getSelection();
+      var isComposing = editor.isComposing();
+      if (isComposing) {
+        return false;
+      }
       if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
         return false;
       }

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

@@ -1,5 +1,5 @@
 import { $wrapNodeInElement } from '@lexical/utils';
-import { $createParagraphNode, $createTextNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_HIGH, createCommand } from 'lexical';
+import { $createParagraphNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_HIGH, createCommand } from 'lexical';
 import { $createMentionNode } from "../node/MentionNode";
 export var INSERT_MENTION_COMMAND = createCommand('INSERT_MENTION_COMMAND');
 export function registerMentionCommand(editor) {
@@ -11,12 +11,8 @@ export function registerMentionCommand(editor) {
       $insertNodes([mentionNode]);
       // Ensure mention is inside a paragraph when inserted at root
       if ($isRootOrShadowRoot(mentionNode.getParentOrThrow())) {
-        $wrapNodeInElement(mentionNode, $createParagraphNode);
+        $wrapNodeInElement(mentionNode, $createParagraphNode).selectEnd();
       }
-      // Insert a trailing text node and move caret into it to enable IME input
-      var trailingText = $createTextNode("\u200B");
-      mentionNode.insertAfter(trailingText);
-      trailingText.selectEnd();
     });
     return true;
   }, COMMAND_PRIORITY_HIGH // Priority

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

@@ -12,6 +12,7 @@ import { Children, useCallback, useLayoutEffect, useRef, useState } from 'react'
 import { useLexicalEditor } from "../../../editor-kernel/react";
 import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context";
 import { SlashPlugin } from "../plugin/index";
+import { ISlashService } from "../service/i-slash-service";
 import { $splitNodeContainingQuery } from "../utils/utils";
 import SlashMenu from "./components/SlashMenu";
 import { setCancelablePromise } from "./utils";
@@ -118,6 +119,19 @@ var ReactSlashPlugin = function ReactSlashPlugin(_ref) {
       }
     });
   }, [activeKey, editor, close]);
+  useLayoutEffect(function () {
+    var slash = editor.requireService(ISlashService);
+    if (slash) {
+      var _Children$map2;
+      var _options = ((_Children$map2 = Children.map(children, function (child) {
+        if (!child) return null;
+        var option = child.props;
+        triggerMapRef.current.set(option.trigger, option);
+        return option;
+      })) === null || _Children$map2 === void 0 ? void 0 : _Children$map2.filter(Boolean)) || [];
+      slash.updateOptions(_options);
+    }
+  }, [children]);
   var handleMenuSelect = useCallback(function (option) {
     // ISlashMenuOption should not have divider type, but adding check for safety
     if ('type' in option && option.type === 'divider') {

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

@@ -42,6 +42,7 @@ export interface SlashOptions {
 }
 export interface ISlashService {
     registerSlash(options: SlashOptions): void;
+    updateOptions(options: SlashOptions[]): void;
 }
 export declare const ISlashService: IServiceID<ISlashService>;
 export declare class SlashService implements ISlashService {
@@ -51,7 +52,9 @@ export declare class SlashService implements ISlashService {
     private triggerFuseMap;
     private logger;
     constructor(kernel: IEditorKernel);
-    registerSlash(options: SlashOptions): void;
+    registerSlash(options: SlashOptions, update?: boolean): void;
+    removeAllOptions(): void;
+    updateOptions(options: SlashOptions[]): void;
     getSlashOptions(trigger: string): SlashOptions | undefined;
     getSlashTriggerFn(trigger: string): ReturnType<typeof getBasicTypeaheadTriggerMatch> | undefined;
     getSlashFuse(trigger: string): Fuse<ISlashOption> | undefined;

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

@@ -26,7 +26,8 @@ export var SlashService = /*#__PURE__*/function () {
   _createClass(SlashService, [{
     key: "registerSlash",
     value: function registerSlash(options) {
-      if (this.triggerMap.has(options.trigger)) {
+      var update = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (this.triggerMap.has(options.trigger) && !update) {
         if (this.kernel.isHotReloadMode()) {
           this.logger.warn("\uD83D\uDD04 Overriding slash trigger \"".concat(options.trigger, "\""));
         } else {
@@ -54,6 +55,22 @@ export var SlashService = /*#__PURE__*/function () {
         this.triggerFuseMap.set(options.trigger, new Fuse(searchableItems, fuseConfig));
       }
     }
+  }, {
+    key: "removeAllOptions",
+    value: function removeAllOptions() {
+      this.triggerMap.clear();
+      this.triggerFnMap.clear();
+      this.triggerFuseMap.clear();
+    }
+  }, {
+    key: "updateOptions",
+    value: function updateOptions(options) {
+      var _this = this;
+      this.removeAllOptions();
+      options.forEach(function (option) {
+        _this.registerSlash(option);
+      });
+    }
   }, {
     key: "getSlashOptions",
     value: function getSlashOptions(trigger) {

package/package.json

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