🚑 hotfix: fix typo

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",

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 {
+const UpdateForm: React.FC<UpdateFormProps> = (props) => (
-  formVals: FormValueType;
+  <StepsForm
-  currentStep: number;
+    stepsProps={{
-}
+      size: 'small',
-
+    }}
-const UpdateForm: React.FC<UpdateFormProps> = (props) => {
+    stepsFormRender={(dom, submitter) => {
-  const [formValues] = useState<FormValueType>({
+      return (
-    name: props.values.name,
+        <Modal
-    desc: props.values.desc,
+          width={640}
-    key: props.values.key,
+          bodyStyle={{ padding: '32px 40px 48px' }}
-    target: '0',
+          destroyOnClose
-    template: '0',
+          title="规则配置"
-    type: '1',
+          visible={props.updateModalVisible}
-    time: '',
+          footer={submitter}
-    frequency: 'month',
+          onCancel={() => props.onCancel()}
-  });
+        >
-
+          {dom}
-  const { onCancel: handleUpdateModalVisible, updateModalVisible } = props;
+        </Modal>
-
+      );
-  return (
+    }}
-    <StepsForm
+    onFinish={props.onSubmit}
-      stepsProps={{
+  >
-        size: 'small',
+    <StepsForm.StepForm
+      initialValues={{
+        name: props.values.name,
+        desc: props.values.desc,
       }}
-      stepsFormRender={(dom, submitter) => {
+      title="基本信息"
-        return (
+    >
-          <Modal
+      <ProFormText
-            width={640}
+        name="name"
-            bodyStyle={{ padding: '32px 40px 48px' }}
+        label="规则名称"
-            destroyOnClose
+        rules={[{ required: true, message: '请输入规则名称！' }]}
-            title="规则配置"
+      />
-            visible={updateModalVisible}
+      <ProFormTextArea
-            footer={submitter}
+        name="desc"
-            onCancel={() => handleUpdateModalVisible()}
+        label="规则描述"
-          >
+        placeholder="请输入至少五个字符"
-            {dom}
+        rules={[{ required: true, message: '请输入至少五个字符的规则描述！', min: 5 }]}
-          </Modal>
+      />
-        );
+    </StepsForm.StepForm>
+    <StepsForm.StepForm
+      initialValues={{
+        target: '0',
+        template: '0',
       }}
-      onFinish={props.onSubmit}
+      title="配置规则属性"
     >
-      <StepsForm.StepFrom
+      <ProFormSelect
-        initialValues={{
+        name="target"
-          name: formValues.name,
+        label="监控对象"
-          desc: formValues.desc,
+        valueEnum={{
+          0: '表一',
+          1: '表二',
         }}
-        title="基本信息"
+      />
-      >
+      <ProFormSelect
-        <ProFormText
+        name="template"
-          name="name"
+        label="规则模板"
-          label="规则名称"
+        valueEnum={{
-          rules={[{ required: true, message: '请输入规则名称！' }]}
+          0: '规则模板一',
-        />
+          1: '规则模板二',
-        <ProFormTextArea
-          name="desc"
-          label="规则描述"
-          placeholder="请输入至少五个字符"
-          rules={[{ required: true, message: '请输入至少五个字符的规则描述！', min: 5 }]}
-        />
-      </StepsForm.StepFrom>
-      <StepsForm.StepFrom
-        initialValues={{
-          target: formValues.target,
-          template: formValues.template,
         }}
-        title="配置规则属性"
+      />
-      >
+      <ProFormRadio.Group
-        <ProFormSelect
+        name="type"
-          name="target"
+        label="规则类型"
-          label="监控对象"
+        options={[
-          valueEnum={{
+          {
-            0: '表一',
+            value: '0',
-            1: '表二',
+            label: '强',
-          }}
+          },
-        />
+          {
-        <ProFormSelect
+            value: '1',
-          name="template"
+            label: '弱',
-          label="规则模板"
+          },
-          valueEnum={{
+        ]}
-            0: '规则模板一',
+      />
-            1: '规则模板二',
+    </StepsForm.StepForm>
-          }}
+    <StepsForm.StepForm
-        />
+      initialValues={{
-        <ProFormRadio.Group
+        type: '1',
-          name="type"
+        time: '',
-          label="规则类型"
+        frequency: 'month',
-          options={[
+      }}
-            {
+      title="设定调度周期"
-              value: '0',
+    >
-              label: '强',
+      <ProFormDateTimePicker
-            },
+        name="time"
-            {
+        label="开始时间"
-              value: '1',
+        rules={[{ required: true, message: '请选择开始时间！' }]}
-              label: '弱',
+      />
-            },
+      <ProFormSelect
-          ]}
+        name="frequency"
-        />
+        label="监控对象"
-      </StepsForm.StepFrom>
+        width="xs"
-      <StepsForm.StepFrom
+        valueEnum={{
-        initialValues={{
+          month: '月',
-          type: formValues.type,
+          week: '周',
-          frequency: formValues.frequency,
         }}
-        title="设定调度周期"
+      />
-      >
+    </StepsForm.StepForm>
-        <ProFormDateTimePicker
+  </StepsForm>
-          name="time"
+);
-          label="开始时间"
-          rules={[{ required: true, message: '请选择开始时间！' }]}
-        />
-        <ProFormSelect
-          name="frequency"
-          label="监控对象"
-          width="xs"
-          valueEnum={{
-            month: '月',
-            week: '周',
-          }}
-        />
-      </StepsForm.StepFrom>
-    </StepsForm>
-  );
-};
 
 export default UpdateForm;