perf: 搜索框, 自定义配置

src/components/SearchForm.jsx

@@ -14,10 +14,11 @@ const SearchForm = ({ initialValue, onSubmit, onReset, ...props }) => {
   const [formValues, setFormValues] = useFormStore((state) => [state.formValues, state.setFormValues]);
   const [formValuesToSub, setFormValuesToSub] = useFormStore((state) => [state.formValuesToSub, state.setFormValuesToSub]);
   const [form] = Form.useForm();
-  const { sort,  hides, shows, fieldProps } = {
+  const { sort,  hides, shows, fieldProps, fieldComProps } = {
     sort: '',
     // initialValue: '',
     fieldProps: '',
+    fieldComProps: '',
     hides: [],
     shows: [],
     ...props.defaultValue,
@@ -87,7 +88,7 @@ const SearchForm = ({ initialValue, onSubmit, onReset, ...props }) => {
       <Form form={form} name='advanced_search' className='orders-search-form' onFinish={onFinish} onValuesChange={onValuesChange}>
         {/* <EditableContext.Provider value={form}> */}
         <Row gutter={16}>
-          {getFields({ sort, initialValue: readValues, hides, shows, fieldProps, form, presets, t })}
+          {getFields({ sort, initialValue: readValues, hides, shows, fieldProps, fieldComProps, form, presets, t })}
           {/* 'textAlign': 'right' */}
           <Col flex='1 0 90px' className='flex justify-normal items-start' >
             <Space align='center'>
@@ -107,7 +108,7 @@ const SearchForm = ({ initialValue, onSubmit, onReset, ...props }) => {
 };
 
 function getFields(props) {
-  const { fieldProps, form, presets, t } = props;
+  const { fieldProps, fieldComProps, form, presets, t } = props;
   const bigCol = 4 * 2;
   const midCol = 6;
   const layoutProps = {
@@ -167,11 +168,8 @@ function getFields(props) {
           allowClear={true}
           inputReadOnly={true}
           presets={presets}
-          // defaultValue={toJS(arrivalDateRange)}
           placeholder={['From', 'Thru']}
-          // onChange={(dateRange) => {
+          {...fieldComProps.dates}
-          // reservationStore.updatePropertyValue('arrivalDateRange', dateRange == null ? [] : dateRange)
-          // }}
         />
       </Form.Item>,
       fieldProps?.dates?.col || midCol

src/views/report/Index.jsx

@@ -286,6 +286,7 @@ function Index() {
               fieldProps: {
                 dates: { label: 'Select Date', col: 12 },
               },
+              fieldComProps: { dates: { picker: 'month', presets: false } },
             }}
             confirmText={'Get Report'}
             onSubmit={(err, formVal, filedsVal) => {