| | |
| | | const { curSprite, configForm: form } = props; |
| | | |
| | | useEffect(() => { |
| | | |
| | | }, []); |
| | | |
| | | const formValuesChange = (changeList) => { |
| | | if (curSprite && changeList && changeList.length > 0) { |
| | | changeList.forEach(change => { |
| | | const { name: nameList, value } = change; |
| | | nameList.forEach(name => { |
| | | console.log(name, value); |
| | | switch (name) { |
| | | default: |
| | | break; |
| | | } |
| | | Utils.removeSelectedEffect(); |
| | | Utils.showSelectedEffect(curSprite); |
| | | }) |
| | | }) |
| | | } |
| | | } |
| | | |
| | | const onFinishFailed = (errorInfo) => { |
| | | }; |
| | | |
| | | const handleFinish = async (values) => { |
| | | props.onSubmit({ ...values }); |
| | | } |
| | | |
| | | return ( |
| | | <> |
| | | <Form |
| | | form={form} |
| | | onFieldsChange={formValuesChange} |
| | | initialValues={{ |
| | | }} |
| | | onFinish={handleFinish} |
| | | onFinishFailed={onFinishFailed} |
| | | autoComplete="off" |
| | | style={{ |
| | | maxWidth: 600, |
| | | }} |
| | | size='default' // small | default | large |
| | | variant='filled' // outlined | borderless | filled |
| | | labelWrap // label 换行 |
| | | disabled={false} |
| | | layout='horizontal' |
| | | > |
| | | |
| | | <Row gutter={[24, 16]}> |
| | | |
| | | <Col span={24}> |
| | | <Row gutter={24}> |
| | | <Col span={18}> |
| | | <Form.Item |
| | | label={intl.formatMessage({ id: 'map.settings.type', defaultMessage: '类型' })} |
| | | labelCol={{ span: 4 }} |
| | | > |
| | | <span>{curSprite?.data?.type}</span> |
| | | </Form.Item> |
| | | </Col> |
| | | </Row> |
| | | </Col> |
| | | |
| | | |
| | | </Row> |
| | | </Form> |
| | | </> |
| | | ) |
| | | } |