fix(inline): spell checker (#7294)

This closes #6039, closes toeverything/AFFiNE#6935.
toeverything · Jun 13, 2024 · 27c2128 · 27c2128
1 parent 190ee37
commit 27c2128
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/packages/framework/inline/src/services/event.ts b/packages/framework/inline/src/services/event.ts
@@ -255,7 +255,7 @@ export class EventService<TextAttributes extends BaseTextAttributes> {
       inlineEditor: this.editor,
       raw: event,
       inlineRange: inlineRange,
-      data: event.data,
+      data: event.data ?? event.dataTransfer?.getData('text/plain') ?? null,
       attributes: {} as TextAttributes,
     };
     this.editor.hooks.beforeinput?.(ctx);

diff --git a/packages/framework/inline/src/utils/transform-input.ts b/packages/framework/inline/src/utils/transform-input.ts
@@ -16,6 +16,25 @@ function handleInsertText<TextAttributes extends BaseTextAttributes>(
   });
 }
 
+function handleInsertReplacementText<TextAttributes extends BaseTextAttributes>(
+  inlineRange: InlineRange,
+  data: string | null,
+  editor: InlineEditor,
+  attributes: TextAttributes
+) {
+  editor.getDeltasByInlineRange(inlineRange).forEach(deltaEntry => {
+    attributes = { ...deltaEntry[0].attributes, ...attributes };
+  });
+  editor.deleteText(inlineRange);
+  if (data) {
+    editor.insertText(inlineRange, data, attributes);
+    editor.setInlineRange({
+      index: inlineRange.index + data.length,
+      length: 0,
+    });
+  }
+}
+
 function handleInsertParagraph(inlineRange: InlineRange, editor: InlineEditor) {
   editor.insertLineBreak(inlineRange);
   editor.setInlineRange({
@@ -50,6 +69,9 @@ export function transformInput<TextAttributes extends BaseTextAttributes>(
     handleInsertParagraph(inlineRange, editor);
   } else if (inputType.startsWith('delete')) {
     handleDelete(inlineRange, editor);
+  } else if (inputType === 'insertReplacementText') {
+    // Spell Checker
+    handleInsertReplacementText(inlineRange, data, editor, attributes);
   } else {
     return;
   }