优化预览与导出排版

src/components/MobileExportPropsPanel.tsx

@@ -7,7 +7,7 @@ import {
   PaperConfig,
   RecordRow,
 } from '../types';
-import { PaperSettingsPanel } from './PreviewGrid';
+import { PaperSettingsPanel, PageInput } from './PreviewGrid';
 
 interface MobileExportPropsPanelProps {
   template: LabelTemplate;
@@ -115,19 +115,19 @@ export const MobileExportPropsPanel: React.FC<MobileExportPropsPanelProps> = ({
               </div>
               <div>
                 <label className="mobile-field-label">线粗细 (mm)</label>
-                <input
+                <PageInput
                   type="number"
                   min="0.02"
                   max="2"
                   step="0.02"
                   value={cutLine.width}
-                  onChange={(e) =>
+                  onCommit={(val) =>
                     onChangeCutLine({
                       ...cutLine,
-                      width: Math.max(0.02, Math.min(2, Number(e.target.value) || 0.1)),
+                      width: Math.max(0.02, Math.min(2, Number(val) || 0.1)),
                     })
                   }
-                  className="mobile-field font-mono"
+                  inputClassName="mobile-field font-mono"
                 />
               </div>
               <div>