feat: integrate luckysheet inline and fullscreen

wolai-frontend/src/components/editor/blocknote-editor.tsx

@@ -26,6 +26,7 @@ import { DocumentToc, type TocEntry } from "@/components/editor/document-toc";
 import { useSearchPaletteStore } from "@/store/search-palette";
 import { useEditorBridgeStore } from "@/store/editor-bridge";
 import type { ReferenceTarget } from "@/types/search";
+import FullScreenTableEditor from "@/components/online-table/FullScreenTableEditor";
 
 interface BlockNoteEditorProps {
   documentId: string;
@@ -168,6 +169,8 @@ export function BlockNoteEditor({
 }: BlockNoteEditorProps) {
   const [isSaving, setIsSaving] = useState(false);
   const [tocEntries, setTocEntries] = useState<TocEntry[]>([]);
+  const [fullScreenTableId, setFullScreenTableId] = useState<string | null>(null);
+  
   const openReferencePalette = useSearchPaletteStore((state) => state.openReference);
   const registerEditorBridge = useEditorBridgeStore((state) => state.registerBridge);
 
@@ -423,6 +426,9 @@ const computeDocumentStats = (blocks: Block<CustomBlockSchema>[]): DocumentStats
       return;
     }
     const bridge = {
+      openTableFullScreen: (tableId: string) => {
+        setFullScreenTableId(tableId);
+      },
       insertInlineReference: (target: ReferenceTarget, aliasText?: string) => {
         editor.focus();
         const cursor = editor.getTextCursorPosition();
@@ -559,27 +565,37 @@ const computeDocumentStats = (blocks: Block<CustomBlockSchema>[]): DocumentStats
   );
 
   return (
-    <div className={layoutClass}>
-      <div className={editorWrapperClass}>
-        <BlockNoteView
-          editor={editor}
-          theme="light"
-          data-heading-numbering={pageOptions.showHeadingNumbers ? "true" : "false"}
-          editable={!pageOptions.protectEditing}
-          className={blocknoteClass}
-        >
-        <SideMenuController
-          sideMenu={(props: SideMenuProps<CustomBlockSchema>) => (
-            <CustomSideMenu {...props} currentDocumentId={documentId} />
-          )}
-        />
-        <CustomSlashMenu editor={editor} currentDocumentId={documentId} />
-        </BlockNoteView>
-        <div className="pointer-events-none absolute right-4 top-3 text-xs text-gray-400">
-          {isSaving ? "保存中..." : "已保存"}
+    <>
+      <div className={layoutClass}>
+        <div className={editorWrapperClass}>
+          <BlockNoteView
+            editor={editor}
+            theme="light"
+            data-heading-numbering={pageOptions.showHeadingNumbers ? "true" : "false"}
+            editable={!pageOptions.protectEditing}
+            className={blocknoteClass}
+          >
+          <SideMenuController
+            sideMenu={(props: SideMenuProps<CustomBlockSchema>) => (
+              <CustomSideMenu {...props} currentDocumentId={documentId} />
+            )}
+          />
+          <CustomSlashMenu editor={editor} currentDocumentId={documentId} />
+          </BlockNoteView>
+          <div className="pointer-events-none absolute right-4 top-3 text-xs text-gray-400">
+            {isSaving ? "保存中..." : "已保存"}
+          </div>
         </div>
+        <DocumentToc entries={tocEntries} visible={pageOptions.showToc} onJump={jumpToHeading} />
       </div>
-      <DocumentToc entries={tocEntries} visible={pageOptions.showToc} onJump={jumpToHeading} />
-    </div>
+      
+      {/* 全屏表格编辑器 Modal */}
+      {fullScreenTableId && (
+        <FullScreenTableEditor
+          tableId={fullScreenTableId}
+          onClose={() => setFullScreenTableId(null)}
+        />
+      )}
+    </>
   );
 }