feat(编辑器): 实现自定义Tab键处理逻辑并移除冗余表格扩展 (#321)

将Tab键处理逻辑从TextAlign扩展迁移到页面组件中，实现更精细的控制
移除未使用的表格相关扩展(TableCell, TableHeader, TableRow)

Co-authored-by: 邓亮 <787615673@qq.com>

Author: Hemomoo

apps/DocFlow/src/app/docs/[room]/page.tsx

@@ -328,6 +328,34 @@ export default function DocumentPage() {
           class: 'min-h-full',
           spellcheck: 'false',
         },
+        handleKeyDown: (view, event) => {
+          if (event.key === 'Tab') {
+            if (event.shiftKey) {
+              const { state } = view;
+              const { from } = state.selection;
+              const $from = state.doc.resolve(from);
+              const startOfLine = $from.start($from.depth);
+              const textBeforeCursor = state.doc.textBetween(startOfLine, from);
+
+              if (textBeforeCursor.endsWith('  ')) {
+                const deleteFrom = Math.max(startOfLine, from - 2);
+                view.dispatch(state.tr.deleteRange(deleteFrom, from));
+
+                return true;
+              } else if (textBeforeCursor.endsWith(' ')) {
+                view.dispatch(state.tr.deleteRange(from - 1, from));
+
+                return true;
+              }
+            } else {
+              view.dispatch(view.state.tr.insertText('  '));
+
+              return true;
+            }
+          }
+
+          return false;
+        },
       },
       immediatelyRender: false,
       shouldRerenderOnTransaction: false,

apps/DocFlow/src/extensions/extension-kit.ts

@@ -39,9 +39,6 @@ import {
   Superscript,
   TableKit,
   TableOfContents,
-  TableCell,
-  TableHeader,
-  TableRow,
   TextAlign,
   TextStyle,
   TrailingNode,
@@ -318,32 +315,7 @@ export const ExtensionKit = ({ provider }: ExtensionKitProps) => [
     enableEmoticons: true,
     suggestion: emojiSuggestion,
   }),
-  TextAlign.extend({
-    addKeyboardShortcuts() {
-      return {
-        Tab: () => {
-          return this.editor.commands.insertContent('  ');
-        },
-        'Shift-Tab': () => {
-          const { state } = this.editor;
-          const { from } = state.selection;
-          const $from = state.doc.resolve(from);
-          const startOfLine = $from.start($from.depth);
-          const textBeforeCursor = state.doc.textBetween(startOfLine, from);
-
-          if (textBeforeCursor.endsWith('  ')) {
-            const deleteFrom = Math.max(startOfLine, from - 2);
-
-            return this.editor.commands.deleteRange({ from: deleteFrom, to: from });
-          } else if (textBeforeCursor.endsWith(' ')) {
-            return this.editor.commands.deleteRange({ from: from - 1, to: from });
-          }
-
-          return false;
-        },
-      };
-    },
-  }).configure({
+  TextAlign.configure({
     types: ['heading', 'paragraph'],
   }),
   Subscript,
@@ -353,9 +325,6 @@ export const ExtensionKit = ({ provider }: ExtensionKitProps) => [
       resizable: true,
     },
   }),
-  TableCell,
-  TableHeader,
-  TableRow,
   Typography,
   Placeholder.configure({
     includeChildren: true,