feat: Optimize simple-form component

1. Optimize simple-form component to support form item onChange function
2. Update login to support custom render

Change-Id: I8952d4bd3cff85eeccd76363a8a9c3f3aff3ee25

src/components/SimpleForm/index.jsx

@@ -65,7 +65,7 @@ export default class index extends Component {
     const { formItems } = this.props;
     // eslint-disable-next-line no-shadow
     return formItems.map((it, index) => {
-      const { name, hidden, dependencies = [], className } = it;
+      const { name, hidden, dependencies = [], className, onChange } = it;
       const options = {
         name,
         rules: this.getFormItemRules(it),
@@ -73,6 +73,9 @@ export default class index extends Component {
         dependencies,
         className,
       };
+      if (onChange) {
+        options.onChange = onChange;
+      }
       return (
         <Form.Item {...options} key={`${name}-${index}`}>
           {this.renderFormItem(it)}

src/pages/auth/containers/Login/index.jsx

@@ -23,9 +23,7 @@ import i18n from 'core/i18n';
 import { isEmpty } from 'lodash';
 import styles from './index.less';
 
-@inject('rootStore')
-@observer
-export default class Login extends Component {
+export class Login extends Component {
   constructor(props) {
     super(props);
     this.init();
@@ -275,6 +273,10 @@ export default class Login extends Component {
     this.formRef = React.createRef();
   }
 
+  renderExtra() {
+    return null;
+  }
+
   render() {
     return (
       <>
@@ -290,7 +292,10 @@ export default class Login extends Component {
           formRef={this.formRef}
           size="large"
         />
+        {this.renderExtra()}
       </>
     );
   }
 }
+
+export default inject('rootStore')(observer(Login));