feat: add onTrigger for Mention

Author: stream-pipe

common/changes/@coze-editor/react-components/feature-root_2025-07-22-14-55.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze-editor/react-components",
+      "comment": "add onTrigger for Mention",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@coze-editor/react-components",
+  "email": "[email protected]"
+}

packages/text-editor/react-components/src/mention/extension.ts

@@ -40,7 +40,7 @@ function mention(options: MentionOptions): Extension {
     },
     update(value, tr) {
       const options = tr.startState.facet(mentionConfig);
-      const { search = true, onOpenChange, onSearch } = options;
+      const { search = true, onOpenChange, onSearch, onTrigger } = options;
 
       let { show } = value;
 
@@ -65,6 +65,16 @@ function mention(options: MentionOptions): Extension {
         } else if (hasTrigger(options)) {
           triggerContext = options.trigger(tr);
         }
+
+        if (triggerContext && typeof onTrigger === 'function') {
+          onTrigger({
+            triggerContext: {
+              from: triggerContext.from,
+              to: triggerContext.to,
+              triggerCharacter: triggerContext.triggerCharacter,
+            },
+          });
+        }
       }
 
       const isSelectUserEvent = tr.isUserEvent('select');

packages/text-editor/react-components/src/mention/types.ts

@@ -15,6 +15,10 @@ interface MentionSearchEvent {
   value: string;
 }
 
+interface MentionTriggerEvent {
+  triggerContext: Pick<TriggerContext, 'from' | 'to' | 'triggerCharacter'>;
+}
+
 interface SharedMentionOptions {
   search?:
     | {
@@ -28,6 +32,7 @@ interface SharedMentionOptions {
     | boolean;
   onOpenChange?: (e: MentionOpenChangeEvent) => void;
   onSearch?: (e: MentionSearchEvent) => void;
+  onTrigger?: (e: MentionTriggerEvent) => void;
 }
 
 type TriggerCharactersMentionOptions = SharedMentionOptions & {