|  |  | 
 |  |  |     const intl = useIntl(); | 
 |  |  |     const { styles } = useStyles(); | 
 |  |  |     const [activeTabKey, setActiveTabKey] = useState('map'); | 
 |  |  |  | 
 |  |  |     const [mapForm] = Form.useForm(); | 
 |  |  |     const [configForm] = Form.useForm(); | 
 |  |  |  | 
 |  |  |     const contentList = { | 
 |  |  |         map: ( | 
 |  |  |             <MapSettings | 
 |  |  |                 refCurr={props.refCurr} | 
 |  |  |                 curSprite={props.curSprite} | 
 |  |  |                 setSpriteBySettings={props.setSpriteBySettings} | 
 |  |  |                 setDidClickSprite={props.setDidClickSprite} | 
 |  |  |                 onSubmit={props.onSubmit} | 
 |  |  |                 mapForm={mapForm} | 
 |  |  |             /> | 
 |  |  |         ), | 
 |  |  |         config: ( | 
 |  |  |             <ConfigSettings | 
 |  |  |                 refCurr={props.refCurr} | 
 |  |  |                 curSprite={props.curSprite} | 
 |  |  |                 setSpriteBySettings={props.setSpriteBySettings} | 
 |  |  |                 setDidClickSprite={props.setDidClickSprite} | 
 |  |  |                 onSubmit={props.onSubmit} | 
 |  |  |                 configForm={configForm} | 
 |  |  |             /> | 
 |  |  |         ), | 
 |  |  |     }; | 
 |  |  |     useEffect(() => { | 
 |  |  |     }, []); | 
 |  |  |  | 
 |  |  |     const handleCancel = () => { | 
 |  |  |         props.onCancel(); | 
 |  |  | 
 |  |  |             configForm.submit(); | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const finishSettings = (values, fn) => { | 
 |  |  |         fn(); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const contentList = { | 
 |  |  |         map: ( | 
 |  |  |             <MapSettings | 
 |  |  |                 refCurr={props.refCurr} | 
 |  |  |                 curSprite={props.curSprite} | 
 |  |  |                 setSpriteBySettings={props.setSpriteBySettings} | 
 |  |  |                 onSubmit={finishSettings} | 
 |  |  |                 mapForm={mapForm} | 
 |  |  |             /> | 
 |  |  |         ), | 
 |  |  |         config: ( | 
 |  |  |             <ConfigSettings | 
 |  |  |                 refCurr={props.refCurr} | 
 |  |  |                 curSprite={props.curSprite} | 
 |  |  |                 setSpriteBySettings={props.setSpriteBySettings} | 
 |  |  |                 onSubmit={finishSettings} | 
 |  |  |                 configForm={configForm} | 
 |  |  |             /> | 
 |  |  |         ), | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  | 
 |  |  |                         <Button onClick={handleCancel}> | 
 |  |  |                             <FormattedMessage id='common.cancel' defaultMessage='取消' /> | 
 |  |  |                         </Button> | 
 |  |  |                         <Button onClick={handleOk} type="primary"> | 
 |  |  |                         <Button hidden={activeTabKey === 'map' || activeTabKey === 'config'} onClick={handleOk} type="primary"> | 
 |  |  |                             <FormattedMessage id='common.submit' defaultMessage='保存' /> | 
 |  |  |                         </Button> | 
 |  |  |                     </Space> |