refactor: refactor create instance

refact create instance code

Change-Id: Ib8ca4af068bd7377c82bee9d0b01df9f1c0ace42

src/pages/compute/containers/Instance/actions/StepCreate/index.jsx

@@ -518,9 +518,9 @@ export class StepCreate extends StepAction {
     return null;
   }
 
-  renderFooterLeft() {
+  getCountInputConfig() {
     const { data } = this.state;
-    const { count = 1, source: { value: sourceValue } = {} } = data;
+    const { source: { value: sourceValue } = {} } = data;
     const configs = {
       min: 1,
       max:
@@ -533,9 +533,14 @@ export class StepCreate extends StepAction {
       onChange: this.onCountChange,
       formatter: (value) => `$ ${value}`.replace(/\D/g, ''),
     };
+    return configs;
+  }
+
+  renderCountInput() {
+    const { data } = this.state;
+    const { count = 1 } = data || {};
+    const configs = this.getCountInputConfig();
     return (
-      <div style={{ display: 'flex' }}>
-        <div style={{ display: 'flex', alignItems: 'center' }}>
       <div className={styles['number-input']}>
         <span>{t('Count')}</span>
         <InputNumber
@@ -544,6 +549,14 @@ export class StepCreate extends StepAction {
           className={classnames(styles.input, 'instance-count')}
         />
       </div>
+    );
+  }
+
+  renderFooterLeft() {
+    return (
+      <div style={{ display: 'flex' }}>
+        <div style={{ display: 'flex', alignItems: 'center' }}>
+          {this.renderCountInput()}
           {this.renderExtra()}
         </div>
         {this.renderBadge()}