表格支持

src/components/MobileDesignView.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { ChevronLeft, Printer, Undo2, Redo2 } from 'lucide-react';
 import { LabelTemplate, PaperConfig } from '../types';
+import type { TableCellCoord } from '../tableUtils';
 import { LabelDesigner } from './LabelDesigner';
 import { PropSidebar, MobilePropModule } from './PropSidebar';
 
@@ -9,6 +10,8 @@ interface MobileDesignViewProps {
   paper: PaperConfig;
   selectedElementIds: string[];
   onSelectElements: (ids: string[]) => void;
+  selectedTableCells: TableCellCoord[];
+  onSelectTableCells: (cells: TableCellCoord[]) => void;
   onChangeTemplate: (updated: LabelTemplate) => void;
   canUndo: boolean;
   canRedo: boolean;
@@ -23,6 +26,8 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
   paper,
   selectedElementIds,
   onSelectElements,
+  selectedTableCells,
+  onSelectTableCells,
   onChangeTemplate,
   canUndo,
   canRedo,
@@ -82,6 +87,8 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
           onChange={onChangeTemplate}
           selectedElementIds={selectedElementIds}
           onSelectElements={onSelectElements}
+          selectedTableCells={selectedTableCells}
+          onSelectTableCells={onSelectTableCells}
           suppressSelectionChrome={mobileModule === 'nudge'}
         />
       </div>
@@ -93,6 +100,8 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
           onChangeTemplate={onChangeTemplate}
           selectedElementIds={selectedElementIds}
           onSelectElements={onSelectElements}
+          selectedTableCells={selectedTableCells}
+          onSelectTableCells={onSelectTableCells}
           activeTab="element"
           onChangeTab={() => {}}
           paper={paper}