feat(编辑器): 优化表格选择交互与标题折叠事件处理

- 修复标题折叠事件处理，传递headingId参数到事件回调函数
- 优化表格单元格选择逻辑，将mousemove事件从table元素迁移到document级别以改善跨边界选择体验
- 移除表格单元格过渡动画（transition: none），提升选择反馈的即时性
- 优化表格选择时的视觉反馈，调整selected状态下的box-shadow边宽（2px → 1px）
- 清理段落块格式转换时的列表元数据（删除list_type和list_level）
- 改进段落到列表格式的转换逻辑，确保元数据正确清除

src/components/Editor/BlockCanvas.tsx

@@ -154,7 +154,7 @@ export const BlockCanvas = React.memo(function BlockCanvas({
               collapsible={block.type === 'heading' && collapsibleHeadingIds.has(block.id)}
               collapsed={block.type === 'heading' && collapsedHeadingIds.has(block.id)}
               onToggleCollapse={block.type === 'heading'
-                ? () => toggleHeadingCollapse(block.id)
+                ? toggleHeadingCollapse
                 : undefined}
               readOnly={readOnly}
             />

src/components/Editor/BlockRenderer.tsx

@@ -34,7 +34,7 @@ export interface BlockRendererProps {
   /** 段落列表标记 */
   listMarker?: string;
   /** 切换标题折叠状态 */
-  onToggleCollapse?: () => void;
+  onToggleCollapse?: (headingId: string) => void;
 }
 
 // ══════════════════════════════════════════════════════════════════════════════

src/components/Editor/blocks/HeadingBlock.tsx

@@ -20,7 +20,7 @@ export interface HeadingBlockProps {
   listMarker?: string;
   collapsible?: boolean;
   collapsed?: boolean;
-  onToggleCollapse?: () => void;
+  onToggleCollapse?: (headingId: string) => void;
   readOnly?: boolean;
 }
 
@@ -374,7 +374,7 @@ export const HeadingBlock: React.FC<HeadingBlockProps> = ({
             className="heading-collapse-toggle"
             aria-label={collapsed ? '展开标题内容' : '折叠标题内容'}
             aria-expanded={!collapsed}
-            onClick={onToggleCollapse}
+            onClick={() => onToggleCollapse?.(block.id)}
           >
             <span aria-hidden="true">{collapsed ? '▶' : '▼'}</span>
           </button>

src/components/Editor/blocks/ParagraphBlock.tsx

@@ -73,6 +73,7 @@ export const ParagraphBlock: React.FC<ParagraphBlockProps> = ({
     if (format === 'paragraph' || format === 'ordered-list' || format === 'unordered-list') {
       const metadata = { ...block.metadata };
       delete metadata.list_type;
+      delete metadata.list_level;
 
       updateBlock(block.id, {
         content: block.content,

src/components/Editor/blocks/TableBlock.tsx

@@ -272,6 +272,7 @@ export const TableBlock: React.FC<TableBlockProps> = ({
     const isEditorTarget = !!(event.target as HTMLElement).closest('.rich-text-editor');
     if (!isEditorTarget) {
       event.preventDefault();
+      window.getSelection()?.removeAllRanges();
     }
     isSelectingRef.current = true;
     setIsSelecting(true);
@@ -310,26 +311,6 @@ export const TableBlock: React.FC<TableBlockProps> = ({
     }
   }, [updateSelectedRange]);
 
-  const handleTableMouseMove = useCallback((event: React.MouseEvent<HTMLTableElement>) => {
-    if (!isSelectingRef.current) return;
-
-    const target = event.target as HTMLElement;
-    const cellElement = target.closest<HTMLTableCellElement>('td[data-row][data-col]');
-    if (!cellElement || !tableRef.current?.contains(cellElement)) return;
-
-    const rowIndex = Number(cellElement.dataset.row);
-    const colIndex = Number(cellElement.dataset.col);
-    if (!Number.isInteger(rowIndex) || !Number.isInteger(colIndex)) return;
-
-    const anchor = selectionAnchorRef.current;
-    if (anchor && (anchor.row !== rowIndex || anchor.col !== colIndex)) {
-      didDragSelectRef.current = true;
-      event.preventDefault();
-      window.getSelection()?.removeAllRanges();
-    }
-    updateSelectedRange(rowIndex, colIndex);
-  }, [updateSelectedRange]);
-
   useEffect(() => {
     const handleMouseUp = () => {
       isSelectingRef.current = false;
@@ -342,6 +323,31 @@ export const TableBlock: React.FC<TableBlockProps> = ({
     return () => document.removeEventListener('mouseup', handleMouseUp);
   }, []);
 
+  useEffect(() => {
+    const handleDocumentMouseMove = (event: MouseEvent) => {
+      if (!isSelectingRef.current) return;
+
+      const target = document.elementFromPoint(event.clientX, event.clientY);
+      const cellElement = target?.closest<HTMLTableCellElement>('td[data-row][data-col]');
+      if (!cellElement || !tableRef.current?.contains(cellElement)) return;
+
+      const rowIndex = Number(cellElement.dataset.row);
+      const colIndex = Number(cellElement.dataset.col);
+      if (!Number.isInteger(rowIndex) || !Number.isInteger(colIndex)) return;
+
+      const anchor = selectionAnchorRef.current;
+      if (anchor && (anchor.row !== rowIndex || anchor.col !== colIndex)) {
+        didDragSelectRef.current = true;
+        event.preventDefault();
+        window.getSelection()?.removeAllRanges();
+      }
+      updateSelectedRange(rowIndex, colIndex);
+    };
+
+    document.addEventListener('mousemove', handleDocumentMouseMove, { passive: false });
+    return () => document.removeEventListener('mousemove', handleDocumentMouseMove);
+  }, [updateSelectedRange]);
+
   // ══════════════════════════════════════════════════════════════════════════════
   // 渲染
   // ══════════════════════════════════════════════════════════════════════════════
@@ -432,7 +438,6 @@ export const TableBlock: React.FC<TableBlockProps> = ({
 
         <table
           ref={tableRef}
-          onMouseMove={handleTableMouseMove}
           className={`table-block${resizeState?.isResizing ? ' table-resizing' : ''}${isSelecting ? ' table-selecting' : ''}`}
           style={{
             width: tableWidthStyle,

src/components/Editor/blocks/TableCell.css

@@ -8,7 +8,7 @@
   vertical-align: middle;
   text-align: center;
   position: relative;
-  transition: all 0.2s ease;
+  transition: none;
 }
 
 .table-cell:hover {
@@ -17,7 +17,7 @@
 
 .table-cell.selected {
   background-color: rgba(24, 144, 255, 0.1);
-  box-shadow: inset 0 0 0 2px #1890ff;
+  box-shadow: inset 0 0 0 1px #1890ff;
 }
 
 /* 单元格内的富文本编辑器 */

src/components/Editor/blocks/TableToolbar.tsx

@@ -110,7 +110,7 @@ export const TableToolbar: React.FC<TableToolbarProps> = ({
   const visualCellRange = selectionBounds
     ? getTableCellRangeForVisualBounds(block, selectionBounds)
     : null;
-    const hasValidRange = !!selectionBounds && !!visualCellRange;
+  const hasValidRange = !!selectionBounds && !!visualCellRange;
   const isMultiCellRange = hasValidRange
     && (selectionBounds.rowEnd > selectionBounds.rowStart || selectionBounds.colEnd > selectionBounds.colStart);
   const selectedCellData = hasValidSelectedCell
@@ -223,7 +223,7 @@ export const TableToolbar: React.FC<TableToolbarProps> = ({
     }
 
     try {
-        const newBlock = mergeCellsByVisualBounds(block, selectionBounds);
+      const newBlock = mergeCellsByVisualBounds(block, selectionBounds);
       updateBlock(block.id, {
         content: newBlock.content,
       });

src/stores/editorStore.ts

@@ -39,6 +39,19 @@ const AUTO_SAVE_DELAY = 3000; // 3秒无操作后自动保存
 const MAX_RETRY_ATTEMPTS = 3;
 const MAX_HISTORY_ENTRIES = 100;
 
+function waitForStructuralOperations(isReady: () => boolean): Promise<void> {
+  return new Promise((resolve) => {
+    const check = () => {
+      if (isReady()) {
+        resolve();
+        return;
+      }
+      setTimeout(check, 16);
+    };
+    check();
+  });
+}
+
 interface EditorHistoryEntry {
   blocks: DocumentBlock[];
   selectedBlockId: string | null;
@@ -959,13 +972,18 @@ export const useEditorStore = create<EditorStore>((set, get) => {
   addBlock: async (partialBlock: PartialBlock, afterBlockId?: string) => {
     const { blocks, blockHashes, documentId, isHistoryApplying, pendingStructuralOperations } = get();
     
-    if (!documentId || isHistoryApplying || pendingStructuralOperations > 0) {
+    if (!documentId || isHistoryApplying) {
       if (!documentId) {
-      message.error('没有打开的文档');
+        message.error('没有打开的文档');
       }
       return;
     }
 
+    if (pendingStructuralOperations > 0) {
+      await waitForStructuralOperations(() => get().pendingStructuralOperations === 0);
+      return get().addBlock(partialBlock, afterBlockId);
+    }
+
     set({ pendingStructuralOperations: pendingStructuralOperations + 1 });
     
     let orderedBlocks = blocks;
@@ -1093,9 +1111,9 @@ export const useEditorStore = create<EditorStore>((set, get) => {
 
   // ── updateBlock ─────────────────────────────────────────────────────────
   updateBlock: (id: string, updates: BlockUpdate) => {
-    const { blocks, dirtyBlocks, blockHashes, autoSaveEnabled, isHistoryApplying, pendingStructuralOperations } = get();
+    const { blocks, dirtyBlocks, blockHashes, autoSaveEnabled, isHistoryApplying } = get();
 
-    if (isHistoryApplying || pendingStructuralOperations > 0) {
+    if (isHistoryApplying) {
       return;
     }
 
@@ -1146,13 +1164,18 @@ export const useEditorStore = create<EditorStore>((set, get) => {
   deleteBlock: async (id: string) => {
     const { blocks, dirtyBlocks, blockHashes, documentId, isHistoryApplying, pendingStructuralOperations } = get();
     
-    if (!documentId || isHistoryApplying || pendingStructuralOperations > 0) {
+    if (!documentId || isHistoryApplying) {
       if (!documentId) {
       message.error('没有打开的文档');
       }
       return;
     }
 
+    if (pendingStructuralOperations > 0) {
+      await waitForStructuralOperations(() => get().pendingStructuralOperations === 0);
+      return get().deleteBlock(id);
+    }
+
     // 找到要删除的块
     const blockToDelete = blocks.find(b => b.id === id);
     if (!blockToDelete) {
@@ -1292,7 +1315,11 @@ export const useEditorStore = create<EditorStore>((set, get) => {
   // ── moveBlock ───────────────────────────────────────────────────────────
   moveBlock: (id: string, targetOrder: number) => {
     const { blocks, isHistoryApplying, pendingStructuralOperations } = get();
-    if (isHistoryApplying || pendingStructuralOperations > 0) {
+    if (isHistoryApplying) {
+      return;
+    }
+    if (pendingStructuralOperations > 0) {
+      setTimeout(() => get().moveBlock(id, targetOrder), 16);
       return;
     }
     const block = blocks.find((item) => item.id === id);
@@ -1325,7 +1352,11 @@ export const useEditorStore = create<EditorStore>((set, get) => {
   undo: async () => {
     const { past, blocks, selectedBlockId, isHistoryApplying, pendingStructuralOperations } = get();
     const previous = past[past.length - 1];
-    if (!previous || isHistoryApplying || pendingStructuralOperations > 0) return;
+    if (!previous || isHistoryApplying) return;
+    if (pendingStructuralOperations > 0) {
+      await waitForStructuralOperations(() => get().pendingStructuralOperations === 0);
+      return get().undo();
+    }
 
     set({ isHistoryApplying: true });
     try {
@@ -1351,7 +1382,11 @@ export const useEditorStore = create<EditorStore>((set, get) => {
   redo: async () => {
     const { future, blocks, selectedBlockId, isHistoryApplying, pendingStructuralOperations } = get();
     const next = future[future.length - 1];
-    if (!next || isHistoryApplying || pendingStructuralOperations > 0) return;
+    if (!next || isHistoryApplying) return;
+    if (pendingStructuralOperations > 0) {
+      await waitForStructuralOperations(() => get().pendingStructuralOperations === 0);
+      return get().redo();
+    }
 
     set({ isHistoryApplying: true });
     try {