优化预览与导出排版

src/components/ExportSidebar.tsx

@@ -3,7 +3,7 @@ import { Database, Layout, Settings } from 'lucide-react';
 import { ImportData, PaperConfig, LabelTemplate, RecordRow, ExportRangeConfig, CutLineConfig } from '../types';
 import { DataImporter } from './DataImporter';
 import { VariableMappingPanel } from './VariableMappingPanel';
-import { PaperSettingsPanel } from './PreviewGrid';
+import { PaperSettingsPanel, PageInput } from './PreviewGrid';
 import { CollapsiblePanelSection } from './CollapsiblePanelSection';
 import { DataRangeFields } from './DataRangeFields';
 
@@ -236,19 +236,19 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
             </div>
             <div>
               <label className="ps-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="ps-field font-mono text-[11px]"
+                inputClassName="ps-field font-mono text-[11px]"
               />
               <div
                 className="mt-2 h-8 rounded border border-[#3a3a3a] bg-[#1e1e1e] flex items-center justify-center"