优化风格

src/components/DataRangeFields.tsx

@@ -3,6 +3,7 @@ import { Filter } from 'lucide-react';
 import { ExportRangeConfig, LabelTemplate, PaperConfig, RecordRow } from '../types';
 import { buildPrintablePages } from '../utils';
 import { PageInput } from './PreviewGrid';
+import { FieldSelect } from './PsSelect';
 
 interface DataRangeFieldsProps {
   variant?: 'ps' | 'mobile';
@@ -36,7 +37,7 @@ export const DataRangeFields: React.FC<DataRangeFieldsProps> = ({
       <div>
         {isMobile && <label className="mobile-field-label">范围</label>}
         {/* {!isMobile && <label className="ps-field-label">范围</label>} */}
-        <select
+        <FieldSelect
           value={exportRange.mode}
           disabled={disabled}
           onChange={(e) => patchRange({ mode: e.target.value as ExportRangeConfig['mode'] })}
@@ -46,7 +47,7 @@ export const DataRangeFields: React.FC<DataRangeFieldsProps> = ({
           <option value="odd">仅限奇数序号的行</option>
           <option value="even">仅限偶数序号的行</option>
           <option value="custom">自定义行序号</option>
-        </select>
+        </FieldSelect>
       </div>
       {exportRange.mode === 'custom' && (
         <div>