优化布局和交互

src/components/MobileDesignView.tsx

@@ -2,6 +2,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 type { ElementClipboardActions } from '../hooks/useElementClipboard';
 import { LabelDesigner } from './LabelDesigner';
 import { PropSidebar, MobilePropModule } from './PropSidebar';
 
@@ -19,6 +20,7 @@ interface MobileDesignViewProps {
   onRedo: () => void;
   onBack: () => void;
   onExport: () => void;
+  elementClipboard: ElementClipboardActions;
 }
 
 export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
@@ -35,6 +37,7 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
   onRedo,
   onBack,
   onExport,
+  elementClipboard,
 }) => {
   const [mobileModule, setMobileModule] = useState<MobilePropModule>('properties');
 
@@ -90,6 +93,7 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
           selectedTableCells={selectedTableCells}
           onSelectTableCells={onSelectTableCells}
           suppressSelectionChrome={mobileModule === 'nudge'}
+          elementClipboard={elementClipboard}
         />
       </div>
 
@@ -107,6 +111,7 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
           paper={paper}
           mobileModule={mobileModule}
           onMobileModuleChange={setMobileModule}
+          elementClipboard={elementClipboard}
         />
       </div>
     </div>