PullRequest: 871 空间配置数据刷新及结构对比任务使用DescriptionInput组件

Merge branch 'fix/description of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.3.4

https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/871


Reviewed-by: 晓康 <xxk268858@oceanbase.com>


* feat: 结构对比使用 DescriptionInput
* feat: 空间配置数据刷新
* fix: 统一用描述

Author: 之瑛

src/component/Task/PartitionTask/CreateModal/index.tsx

@@ -66,6 +66,7 @@ import {
 } from '../../component/PartitionPolicyFormTable/const';
 import styles from './index.less';
 import { useRequest } from 'ahooks';
+import DescriptionInput from '../../component/DescriptionInput';
 
 const { Paragraph, Text } = Typography;
 
@@ -872,24 +873,7 @@ const CreateModal: React.FC<IProps> = inject('modalStore')(
                 }
               </span>
             </Form.Item>
-            <Form.Item
-              name="description"
-              label={formatMessage({
-                id: 'odc.components.PartitionDrawer.Remarks',
-                defaultMessage: '备注',
-              })} /*备注*/
-            >
-              <Input.TextArea
-                rows={5}
-                placeholder={
-                  formatMessage({
-                    id: 'src.component.Task.PartitionTask.CreateModal.026392ED',
-                    defaultMessage:
-                      '请输入描述，不超过200个字符；未输入时，系统会根据对象和工单类型自动生成描述信息',
-                  }) /*"请输入描述，200字以内；未输入时，系统会根据对象和工单类型自动生成描述信息"*/
-                }
-              />
-            </Form.Item>
+            <DescriptionInput />
           </Form>
         </Spin>
       </Drawer>

src/component/Task/StructureComparisonTask/CreateModal/index.tsx

@@ -39,6 +39,7 @@ import { getTaskExecStrategyMap } from '../..';
 import DatabaseSelect from '../../component/DatabaseSelect';
 import { comparisonScopeMap } from './interface';
 import TableSelector from './TableSelector';
+import DescriptionInput from '../../component/DescriptionInput';
 interface IProps {
   projectId?: number;
   modalStore?: ModalStore;
@@ -314,36 +315,7 @@ const StructureComparisonTask: React.FC<IProps> = ({ projectId, modalStore }) =>
             </Radio.Group>
           </Form.Item>
         </FormItemPanel>
-        <Form.Item
-          label={
-            formatMessage({
-              id: 'src.component.Task.StructureComparisonTask.CreateModal.52828286',
-              defaultMessage: '描述',
-            }) /*"描述"*/
-          }
-          name="description"
-          required={false}
-          rules={[
-            {
-              max: 200,
-              message: formatMessage({
-                id: 'src.component.Task.StructureComparisonTask.CreateModal.FBBFFC4C',
-                defaultMessage: '描述不超过 200 个字符',
-              }), //'描述不超过 200 个字符'
-            },
-          ]}
-        >
-          <Input.TextArea
-            placeholder={
-              formatMessage({
-                id: 'src.component.Task.StructureComparisonTask.CreateModal.67E284BD',
-                defaultMessage: '描述不超过 200 个字符',
-              }) /*"请输入描述，200字以内；"*/
-            }
-            maxLength={200}
-            rows={6}
-          />
-        </Form.Item>
+        <DescriptionInput />
       </Form>
     </Drawer>
   );

src/store/modal.ts

@@ -596,8 +596,10 @@ export class ModalStore {
 
   @action
   public changePartitionModal(isShow: boolean = true, data?: IPartitionTaskData) {
-    this.partitionVisible = isShow;
-    this.partitionData = isShow ? data : null;
+    getSpaceConfigForFormInitialValue(isShow, () => {
+      this.partitionVisible = isShow;
+      this.partitionData = isShow ? data : null;
+    });
   }
 
   @action
@@ -613,9 +615,11 @@ export class ModalStore {
     isShow: boolean = true,
     data?: IStructureComparisonTaskData,
   ) {
-    this.structureComparisonVisible = isShow;
-    isShow && !data?.taskId && this.structureComparisonDataMap.clear();
-    this.structureComparisonTaskData = isShow ? data : null;
+    getSpaceConfigForFormInitialValue(isShow, () => {
+      this.structureComparisonVisible = isShow;
+      isShow && !data?.taskId && this.structureComparisonDataMap.clear();
+      this.structureComparisonTaskData = isShow ? data : null;
+    });
   }
 
   @action