From 41501ad033f763044a202fb7e11dfd18e46426ef Mon Sep 17 00:00:00 2001
From: chenshuai2144 <qixian.cs@outlook.com>
Date: Mon, 12 Oct 2020 16:43:44 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=91=20hotfix:=20fix=20typo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +-
 .../ListTableList/components/UpdateForm.tsx   | 217 ++++++++----------
 2 files changed, 100 insertions(+), 119 deletions(-)

diff --git a/package.json b/package.json
index a44c52bf..e8621d81 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
   "dependencies": {
     "@ant-design/icons": "^4.0.0",
     "@ant-design/pro-descriptions": "^1.0.19",
-    "@ant-design/pro-form": "^1.0.1",
+    "@ant-design/pro-form": "^1.0.2",
     "@ant-design/pro-layout": "^6.4.19",
     "@ant-design/pro-table": "^2.8.1",
     "@umijs/route-utils": "^1.0.33",
diff --git a/src/pages/ListTableList/components/UpdateForm.tsx b/src/pages/ListTableList/components/UpdateForm.tsx
index 704eff25..7ab3c6c0 100644
--- a/src/pages/ListTableList/components/UpdateForm.tsx
+++ b/src/pages/ListTableList/components/UpdateForm.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Modal } from 'antd';
 import {
   ProFormSelect,
@@ -26,128 +26,109 @@ export interface UpdateFormProps {
   values: Partial<TableListItem>;
 }
 
-export interface UpdateFormState {
-  formVals: FormValueType;
-  currentStep: number;
-}
-
-const UpdateForm: React.FC<UpdateFormProps> = (props) => {
-  const [formValues] = useState<FormValueType>({
-    name: props.values.name,
-    desc: props.values.desc,
-    key: props.values.key,
-    target: '0',
-    template: '0',
-    type: '1',
-    time: '',
-    frequency: 'month',
-  });
-
-  const { onCancel: handleUpdateModalVisible, updateModalVisible } = props;
-
-  return (
-    <StepsForm
-      stepsProps={{
-        size: 'small',
+const UpdateForm: React.FC<UpdateFormProps> = (props) => (
+  <StepsForm
+    stepsProps={{
+      size: 'small',
+    }}
+    stepsFormRender={(dom, submitter) => {
+      return (
+        <Modal
+          width={640}
+          bodyStyle={{ padding: '32px 40px 48px' }}
+          destroyOnClose
+          title="规则配置"
+          visible={props.updateModalVisible}
+          footer={submitter}
+          onCancel={() => props.onCancel()}
+        >
+          {dom}
+        </Modal>
+      );
+    }}
+    onFinish={props.onSubmit}
+  >
+    <StepsForm.StepForm
+      initialValues={{
+        name: props.values.name,
+        desc: props.values.desc,
       }}
-      stepsFormRender={(dom, submitter) => {
-        return (
-          <Modal
-            width={640}
-            bodyStyle={{ padding: '32px 40px 48px' }}
-            destroyOnClose
-            title="规则配置"
-            visible={updateModalVisible}
-            footer={submitter}
-            onCancel={() => handleUpdateModalVisible()}
-          >
-            {dom}
-          </Modal>
-        );
+      title="基本信息"
+    >
+      <ProFormText
+        name="name"
+        label="规则名称"
+        rules={[{ required: true, message: '请输入规则名称！' }]}
+      />
+      <ProFormTextArea
+        name="desc"
+        label="规则描述"
+        placeholder="请输入至少五个字符"
+        rules={[{ required: true, message: '请输入至少五个字符的规则描述！', min: 5 }]}
+      />
+    </StepsForm.StepForm>
+    <StepsForm.StepForm
+      initialValues={{
+        target: '0',
+        template: '0',
       }}
-      onFinish={props.onSubmit}
+      title="配置规则属性"
     >
-      <StepsForm.StepFrom
-        initialValues={{
-          name: formValues.name,
-          desc: formValues.desc,
+      <ProFormSelect
+        name="target"
+        label="监控对象"
+        valueEnum={{
+          0: '表一',
+          1: '表二',
         }}
-        title="基本信息"
-      >
-        <ProFormText
-          name="name"
-          label="规则名称"
-          rules={[{ required: true, message: '请输入规则名称！' }]}
-        />
-        <ProFormTextArea
-          name="desc"
-          label="规则描述"
-          placeholder="请输入至少五个字符"
-          rules={[{ required: true, message: '请输入至少五个字符的规则描述！', min: 5 }]}
-        />
-      </StepsForm.StepFrom>
-      <StepsForm.StepFrom
-        initialValues={{
-          target: formValues.target,
-          template: formValues.template,
+      />
+      <ProFormSelect
+        name="template"
+        label="规则模板"
+        valueEnum={{
+          0: '规则模板一',
+          1: '规则模板二',
         }}
-        title="配置规则属性"
-      >
-        <ProFormSelect
-          name="target"
-          label="监控对象"
-          valueEnum={{
-            0: '表一',
-            1: '表二',
-          }}
-        />
-        <ProFormSelect
-          name="template"
-          label="规则模板"
-          valueEnum={{
-            0: '规则模板一',
-            1: '规则模板二',
-          }}
-        />
-        <ProFormRadio.Group
-          name="type"
-          label="规则类型"
-          options={[
-            {
-              value: '0',
-              label: '强',
-            },
-            {
-              value: '1',
-              label: '弱',
-            },
-          ]}
-        />
-      </StepsForm.StepFrom>
-      <StepsForm.StepFrom
-        initialValues={{
-          type: formValues.type,
-          frequency: formValues.frequency,
+      />
+      <ProFormRadio.Group
+        name="type"
+        label="规则类型"
+        options={[
+          {
+            value: '0',
+            label: '强',
+          },
+          {
+            value: '1',
+            label: '弱',
+          },
+        ]}
+      />
+    </StepsForm.StepForm>
+    <StepsForm.StepForm
+      initialValues={{
+        type: '1',
+        time: '',
+        frequency: 'month',
+      }}
+      title="设定调度周期"
+    >
+      <ProFormDateTimePicker
+        name="time"
+        label="开始时间"
+        rules={[{ required: true, message: '请选择开始时间！' }]}
+      />
+      <ProFormSelect
+        name="frequency"
+        label="监控对象"
+        width="xs"
+        valueEnum={{
+          month: '月',
+          week: '周',
         }}
-        title="设定调度周期"
-      >
-        <ProFormDateTimePicker
-          name="time"
-          label="开始时间"
-          rules={[{ required: true, message: '请选择开始时间！' }]}
-        />
-        <ProFormSelect
-          name="frequency"
-          label="监控对象"
-          width="xs"
-          valueEnum={{
-            month: '月',
-            week: '周',
-          }}
-        />
-      </StepsForm.StepFrom>
-    </StepsForm>
-  );
-};
+      />
+    </StepsForm.StepForm>
+  </StepsForm>
+);
 
 export default UpdateForm;