From c8eb1218230e14030da3b5cd9a314bcaf21a5782 Mon Sep 17 00:00:00 2001
From: wangqi <wangqi@xinxuan.net>
Date: Fri, 10 May 2024 15:30:06 +0800
Subject: [PATCH] refactor: update seatunnel 2.3.5 feishu connectors

---
 .../fake/source/FakeProperties.java           |  18 +-
 .../fake/source/FakeSourcePlugin.java         |   2 +-
 .../src/locales/zh-CN/pages/project.ts        |   5 +-
 .../Dag/components/node/steps/constant.tsx    |   3 -
 .../node/steps/sink/sink-email-step.tsx       |   4 +-
 .../node/steps/sink/sink-feishu-step.tsx      |  36 +-
 .../node/steps/source/source-fake-step.tsx    | 784 +++++++++---------
 7 files changed, 419 insertions(+), 433 deletions(-)

diff --git a/scaleph-plugins/scaleph-plugin-seatunnel-connectors/src/main/java/cn/sliew/scaleph/plugin/seatunnel/flink/connectors/fake/source/FakeProperties.java b/scaleph-plugins/scaleph-plugin-seatunnel-connectors/src/main/java/cn/sliew/scaleph/plugin/seatunnel/flink/connectors/fake/source/FakeProperties.java
index 078080341..ce6f1da11 100644
--- a/scaleph-plugins/scaleph-plugin-seatunnel-connectors/src/main/java/cn/sliew/scaleph/plugin/seatunnel/flink/connectors/fake/source/FakeProperties.java
+++ b/scaleph-plugins/scaleph-plugin-seatunnel-connectors/src/main/java/cn/sliew/scaleph/plugin/seatunnel/flink/connectors/fake/source/FakeProperties.java
@@ -52,6 +52,15 @@ public enum FakeProperties {
             .addValidator(Validators.POSITIVE_INTEGER_VALIDATOR)
             .validateAndBuild();
 
+    public static final PropertyDescriptor<JsonNode> ROWS = new PropertyDescriptor.Builder<JsonNode>()
+            .name("rows")
+            .description(
+                    "The row list of fake data output per degree of parallelism")
+            .type(PropertyType.OBJECT)
+            .parser(Parsers.JSON_PARSER)
+            .addValidator(Validators.NON_BLANK_VALIDATOR)
+            .validateAndBuild();
+
     public static final PropertyDescriptor<Integer> SPLIT_NUM = new PropertyDescriptor.Builder<Integer>()
             .name("split.num")
             .description("the number of splits generated by the enumerator for each degree of parallelism")
@@ -106,15 +115,6 @@ public enum FakeProperties {
             .addValidator(Validators.POSITIVE_INTEGER_VALIDATOR)
             .validateAndBuild();
 
-    public static final PropertyDescriptor<JsonNode> ROWS = new PropertyDescriptor.Builder<JsonNode>()
-            .name("rows")
-            .description(
-                    "The row list of fake data output per degree of parallelism")
-            .type(PropertyType.OBJECT)
-            .parser(Parsers.JSON_PARSER)
-            .addValidator(Validators.NON_BLANK_VALIDATOR)
-            .validateAndBuild();
-
     public static final PropertyDescriptor<String> STRING_FAKE_MODE = new PropertyDescriptor.Builder()
             .name("string.fake.mode")
             .description("The fake mode of generating string data")
diff --git a/scaleph-plugins/scaleph-plugin-seatunnel-connectors/src/main/java/cn/sliew/scaleph/plugin/seatunnel/flink/connectors/fake/source/FakeSourcePlugin.java b/scaleph-plugins/scaleph-plugin-seatunnel-connectors/src/main/java/cn/sliew/scaleph/plugin/seatunnel/flink/connectors/fake/source/FakeSourcePlugin.java
index 847854c03..088885f5b 100644
--- a/scaleph-plugins/scaleph-plugin-seatunnel-connectors/src/main/java/cn/sliew/scaleph/plugin/seatunnel/flink/connectors/fake/source/FakeSourcePlugin.java
+++ b/scaleph-plugins/scaleph-plugin-seatunnel-connectors/src/main/java/cn/sliew/scaleph/plugin/seatunnel/flink/connectors/fake/source/FakeSourcePlugin.java
@@ -43,13 +43,13 @@ public FakeSourcePlugin() {
         props.add(TABLES_CONFIGS);
         props.add(SCHEMA);
         props.add(ROW_NUM);
+        props.add(ROWS);
         props.add(SPLIT_NUM);
         props.add(SPLIT_READ_INTERVAL);
         props.add(MAP_SIZE);
         props.add(ARRAY_SIZE);
         props.add(BYTES_SIZE);
         props.add(STRING_SIZE);
-        props.add(ROWS);
 
         props.add(STRING_FAKE_MODE);
         props.add(STRING_TEMPLATE);
diff --git a/scaleph-ui-react/src/locales/zh-CN/pages/project.ts b/scaleph-ui-react/src/locales/zh-CN/pages/project.ts
index 1a024c2f5..c5a20d297 100644
--- a/scaleph-ui-react/src/locales/zh-CN/pages/project.ts
+++ b/scaleph-ui-react/src/locales/zh-CN/pages/project.ts
@@ -319,9 +319,8 @@ export default {
 
   // feishu
   'pages.project.di.step.feishu.url': '飞书机器人URL',
-  'pages.project.di.step.feishu.headers': 'Header',
-  'pages.project.di.step.feishu.header': 'header',
-  'pages.project.di.step.feishu.value': 'value',
+  'pages.project.di.step.feishu.headers': 'Headers',
+  'pages.project.di.step.feishu.headers.tooltip': 'Http 请求 Headers',
 
   // dingtalk
   'pages.project.di.step.dingtalk.url': '钉钉机器人URL',
diff --git a/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/constant.tsx b/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/constant.tsx
index 99e8b4f0f..a23c7758b 100644
--- a/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/constant.tsx
+++ b/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/constant.tsx
@@ -239,10 +239,7 @@ export const WeChatParams = {
 
 export const FeishuParams = {
   url: 'url',
-  headerArray: 'headerArray',
   headers: 'headers',
-  header: 'header',
-  headerValue: 'headerValue'
 };
 
 export const DingTalkParams = {
diff --git a/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/sink/sink-email-step.tsx b/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/sink/sink-email-step.tsx
index e98819370..062fedc5a 100644
--- a/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/sink/sink-email-step.tsx
+++ b/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/sink/sink-email-step.tsx
@@ -83,9 +83,7 @@ const SinkEmailStepForm: React.FC<ModalFormProps<Node>> = ({data, visible, onVis
                           <ProFormGroup>
                             <ProFormTextArea
                               name={EmailParams.emailAuthorizationCode}
-                              label={intl.formatMessage({
-                                id: 'pages.project.di.step.email.emailAuthorizationCode',
-                              })}
+                              label={intl.formatMessage({id: 'pages.project.di.step.email.emailAuthorizationCode'})}
                               rules={[{required: true}]}
                             />
                           </ProFormGroup>
diff --git a/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/sink/sink-feishu-step.tsx b/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/sink/sink-feishu-step.tsx
index 7a31af439..04a5847c6 100644
--- a/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/sink/sink-feishu-step.tsx
+++ b/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/sink/sink-feishu-step.tsx
@@ -1,11 +1,14 @@
 import React, {useEffect} from 'react';
 import {Form} from 'antd';
-import {DrawerForm, ProFormGroup, ProFormList, ProFormText} from '@ant-design/pro-components';
+import {InfoCircleOutlined} from "@ant-design/icons";
+import {DrawerForm, ProFormGroup, ProFormText} from '@ant-design/pro-components';
 import {getIntl, getLocale} from "@umijs/max";
 import {Node, XFlow} from '@antv/xflow';
 import {ModalFormProps} from '@/typings';
 import {FeishuParams, STEP_ATTR_TYPE} from '../constant';
 import {StepSchemaService} from "../helper";
+import CommonConfigItem
+  from "@/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/common/config/commonConfig";
 
 const SinkFeishuStepForm: React.FC<ModalFormProps<Node>> = ({data, visible, onVisibleChange, onOK}) => {
   const intl = getIntl(getLocale());
@@ -32,7 +35,7 @@ const SinkFeishuStepForm: React.FC<ModalFormProps<Node>> = ({data, visible, onVi
         }}
         onFinish={(values) => {
           if (onOK) {
-            StepSchemaService.formatHeader(values);
+            StepSchemaService.formatCommonConfig(values, FeishuParams.headers, FeishuParams.headers);
             onOK(values)
             return Promise.resolve(true)
           }
@@ -50,28 +53,17 @@ const SinkFeishuStepForm: React.FC<ModalFormProps<Node>> = ({data, visible, onVi
           label={intl.formatMessage({id: 'pages.project.di.step.feishu.url'})}
           rules={[{required: true}]}
         />
-        <ProFormList
-          name={FeishuParams.headerArray}
-          label={intl.formatMessage({id: 'pages.project.di.step.feishu.headers'})}
-          copyIconProps={false}
-          creatorButtonProps={{
-            creatorButtonText: intl.formatMessage({id: 'pages.project.di.step.feishu.header'}),
-            type: 'text',
+        <ProFormGroup
+          title={intl.formatMessage({id: 'pages.project.di.step.feishu.headers'})}
+          tooltip={{
+            title: intl.formatMessage({id: 'pages.project.di.step.feishu.headers.tooltip'}),
+            icon: <InfoCircleOutlined/>,
           }}
+          collapsible={true}
+          defaultCollapsed={true}
         >
-          <ProFormGroup>
-            <ProFormText
-              name={FeishuParams.header}
-              label={intl.formatMessage({id: 'pages.project.di.step.feishu.header'})}
-              colProps={{span: 10, offset: 1}}
-            />
-            <ProFormText
-              name={FeishuParams.headerValue}
-              label={intl.formatMessage({id: 'pages.project.di.step.feishu.value'})}
-              colProps={{span: 10, offset: 1}}
-            />
-          </ProFormGroup>
-        </ProFormList>
+          <CommonConfigItem data={FeishuParams.headers}/>
+        </ProFormGroup>
       </DrawerForm>
     </XFlow>
   );
diff --git a/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/source/source-fake-step.tsx b/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/source/source-fake-step.tsx
index 5a6e77869..c387605bd 100644
--- a/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/source/source-fake-step.tsx
+++ b/scaleph-ui-react/src/pages/Project/Workspace/DataIntegration/SeaTunnel/Dag/components/node/steps/source/source-fake-step.tsx
@@ -2,13 +2,13 @@ import React, {useEffect} from 'react';
 import {Form} from 'antd';
 import {InfoCircleOutlined} from '@ant-design/icons';
 import {
-    DrawerForm,
-    ProFormDigit,
-    ProFormGroup,
-    ProFormList,
-    ProFormSelect,
-    ProFormText,
-    ProFormTextArea,
+  DrawerForm,
+  ProFormDigit,
+  ProFormGroup,
+  ProFormList,
+  ProFormSelect,
+  ProFormText,
+  ProFormTextArea,
 } from '@ant-design/pro-components';
 import {getIntl, getLocale} from "@umijs/max";
 import {Node, XFlow} from '@antv/xflow';
@@ -19,395 +19,395 @@ import {DictDataService} from "@/services/admin/dictData.service";
 import {DICT_TYPE} from "@/constants/dictType";
 
 const SourceFakeStepForm: React.FC<ModalFormProps<Node>> = ({data, visible, onVisibleChange, onOK}) => {
-    const intl = getIntl(getLocale());
-    const [form] = Form.useForm();
+  const intl = getIntl(getLocale());
+  const [form] = Form.useForm();
 
-    useEffect(() => {
-        form.setFieldValue(STEP_ATTR_TYPE.stepTitle, data.data.label);
-    }, []);
+  useEffect(() => {
+    form.setFieldValue(STEP_ATTR_TYPE.stepTitle, data.data.label);
+  }, []);
 
-    return (
-        <XFlow>
-            <DrawerForm
-                title={data.data.label}
-                form={form}
-                initialValues={data.data.attrs}
-                open={visible}
-                onOpenChange={onVisibleChange}
-                grid={true}
-                width={780}
-                drawerProps={{
-                    styles: {body: {overflowY: 'scroll'}},
-                    closeIcon: null,
-                    destroyOnClose: true
-                }}
-                onFinish={(values) => {
-                    if (onOK) {
-                        StepSchemaService.formatSchema(values);
-                        onOK(values)
-                        return Promise.resolve(true)
-                    }
-                    return Promise.resolve(false)
-                }}
-            >
-                <ProFormText
-                    name={STEP_ATTR_TYPE.stepTitle}
-                    label={intl.formatMessage({id: 'pages.project.di.step.stepTitle'})}
-                    rules={[{required: true}, {max: 120}]}
-                />
-                <ProFormTextArea
-                    name={FakeParams.tablesConfigs}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.tablesConfigs'})}
-                    tooltip={{
-                        title: intl.formatMessage({id: 'pages.project.di.step.fake.tablesConfigs.tooltip'}),
-                        icon: <InfoCircleOutlined/>,
-                    }}
-                />
-                <ProFormTextArea
-                    name={FakeParams.rows}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.rows'})}
-                />
-                <ProFormDigit
-                    name={FakeParams.rowNum}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.rowNum'})}
-                    colProps={{span: 8}}
-                    initialValue={10}
-                    fieldProps={{
-                        step: 100,
-                        min: 1,
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.splitNum}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.splitNum'})}
-                    tooltip={{
-                        title: intl.formatMessage({id: 'pages.project.di.step.fake.splitNum.tooltip'}),
-                        icon: <InfoCircleOutlined/>,
-                    }}
-                    colProps={{span: 8}}
-                    initialValue={1}
-                    fieldProps={{
-                        step: 1,
-                        min: 1,
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.splitReadInterval}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.splitReadInterval'})}
-                    tooltip={{
-                        title: intl.formatMessage({id: 'pages.project.di.step.fake.splitReadInterval.tooltip'}),
-                        icon: <InfoCircleOutlined/>,
-                    }}
-                    colProps={{span: 8}}
-                    initialValue={1}
-                    fieldProps={{
-                        step: 1,
-                        min: 1,
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.mapSize}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.mapSize'})}
-                    colProps={{span: 8}}
-                    initialValue={5}
-                    fieldProps={{
-                        step: 1,
-                        min: 1,
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.arraySize}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.arraySize'})}
-                    colProps={{span: 8}}
-                    initialValue={5}
-                    fieldProps={{
-                        step: 1,
-                        min: 1,
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.bytesLength}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.bytesLength'})}
-                    colProps={{span: 8}}
-                    initialValue={5}
-                    fieldProps={{
-                        step: 1,
-                        min: 1,
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.stringLength}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.stringLength'})}
-                    colProps={{span: 12}}
-                    initialValue={5}
-                    fieldProps={{
-                        step: 1,
-                        min: 1,
-                    }}
-                />
-                <ProFormSelect
-                    name={FakeParams.stringFakeMode}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.stringFakeMode'})}
-                    colProps={{span: 12}}
-                    allowClear={false}
-                    request={() => {
-                        return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
-                    }}
-                />
-                <ProFormTextArea
-                    name={FakeParams.stringTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.stringTemplate'})}
-                />
-                <ProFormSelect
-                    name={FakeParams.tinyintFakeMode}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.tinyintFakeMode'})}
-                    colProps={{span: 8}}
-                    allowClear={false}
-                    request={() => {
-                        return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.tinyintMin}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.tinyintMin'})}
-                    colProps={{span: 8}}
-                    initialValue={0}
-                    fieldProps={{
-                        min: 0,
-                        max: 127
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.tinyintMax}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.tinyintMax'})}
-                    colProps={{span: 8}}
-                    initialValue={127}
-                    fieldProps={{
-                        min: 0,
-                        max: 127
-                    }}
-                />
-                <ProFormTextArea
-                    name={FakeParams.tinyintTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.tinyintTemplate'})}
-                />
-                <ProFormSelect
-                    name={FakeParams.smallintFakeMode}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.smallintFakeMode'})}
-                    colProps={{span: 8}}
-                    allowClear={false}
-                    request={() => {
-                        return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.smallintMin}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.smallintMin'})}
-                    colProps={{span: 8}}
-                    initialValue={0}
-                    fieldProps={{
-                        min: 0,
-                        max: 32767
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.smallintMax}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.smallintMax'})}
-                    colProps={{span: 8}}
-                    initialValue={32767}
-                    fieldProps={{
-                        min: 0,
-                        max: 32767
-                    }}
-                />
-                <ProFormTextArea
-                    name={FakeParams.smallintTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.smallintTemplate'})}
-                />
-                <ProFormSelect
-                    name={FakeParams.intFakeMode}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.intFakeMode'})}
-                    colProps={{span: 8}}
-                    allowClear={false}
-                    request={() => {
-                        return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.intMin}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.intMin'})}
-                    colProps={{span: 8}}
-                    initialValue={0}
-                    fieldProps={{
-                        min: 0
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.intMax}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.intMax'})}
-                    colProps={{span: 8}}
-                    fieldProps={{
-                        min: 0
-                    }}
-                />
-                <ProFormTextArea
-                    name={FakeParams.intTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.intTemplate'})}
-                />
-                <ProFormSelect
-                    name={FakeParams.bigintFakeMode}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.bigintFakeMode'})}
-                    colProps={{span: 8}}
-                    allowClear={false}
-                    request={() => {
-                        return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.bigintMin}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.bigintMin'})}
-                    colProps={{span: 8}}
-                    initialValue={0}
-                    fieldProps={{
-                        min: 0
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.bigintMax}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.bigintMax'})}
-                    colProps={{span: 8}}
-                    fieldProps={{
-                        min: 0
-                    }}
-                />
-                <ProFormTextArea
-                    name={FakeParams.bigintTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.bigintTemplate'})}
-                />
-                <ProFormSelect
-                    name={FakeParams.floatFakeMode}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.floatFakeMode'})}
-                    colProps={{span: 8}}
-                    allowClear={false}
-                    request={() => {
-                        return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.floatMin}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.floatMin'})}
-                    colProps={{span: 8}}
-                    initialValue={0}
-                    fieldProps={{
-                        min: 0
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.floatMax}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.floatMax'})}
-                    colProps={{span: 8}}
-                    fieldProps={{
-                        min: 0
-                    }}
-                />
-                <ProFormTextArea
-                    name={FakeParams.floatTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.floatTemplate'})}
-                />
-                <ProFormSelect
-                    name={FakeParams.doubleFakeMode}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.doubleFakeMode'})}
-                    colProps={{span: 8}}
-                    allowClear={false}
-                    request={() => {
-                        return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.doubleMin}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.doubleMin'})}
-                    colProps={{span: 8}}
-                    initialValue={0}
-                    fieldProps={{
-                        min: 0
-                    }}
-                />
-                <ProFormDigit
-                    name={FakeParams.doubleMax}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.doubleMax'})}
-                    colProps={{span: 8}}
-                    fieldProps={{
-                        min: 0
-                    }}
-                />
-                <ProFormTextArea
-                    name={FakeParams.doubleTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.doubleTemplate'})}
-                />
+  return (
+    <XFlow>
+      <DrawerForm
+        title={data.data.label}
+        form={form}
+        initialValues={data.data.attrs}
+        open={visible}
+        onOpenChange={onVisibleChange}
+        grid={true}
+        width={780}
+        drawerProps={{
+          styles: {body: {overflowY: 'scroll'}},
+          closeIcon: null,
+          destroyOnClose: true
+        }}
+        onFinish={(values) => {
+          if (onOK) {
+            StepSchemaService.formatSchema(values);
+            onOK(values)
+            return Promise.resolve(true)
+          }
+          return Promise.resolve(false)
+        }}
+      >
+        <ProFormText
+          name={STEP_ATTR_TYPE.stepTitle}
+          label={intl.formatMessage({id: 'pages.project.di.step.stepTitle'})}
+          rules={[{required: true}, {max: 120}]}
+        />
+        <ProFormTextArea
+          name={FakeParams.tablesConfigs}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.tablesConfigs'})}
+          tooltip={{
+            title: intl.formatMessage({id: 'pages.project.di.step.fake.tablesConfigs.tooltip'}),
+            icon: <InfoCircleOutlined/>,
+          }}
+        />
+        <ProFormTextArea
+          name={FakeParams.rows}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.rows'})}
+        />
+        <ProFormDigit
+          name={FakeParams.rowNum}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.rowNum'})}
+          colProps={{span: 8}}
+          initialValue={10}
+          fieldProps={{
+            step: 100,
+            min: 1,
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.splitNum}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.splitNum'})}
+          tooltip={{
+            title: intl.formatMessage({id: 'pages.project.di.step.fake.splitNum.tooltip'}),
+            icon: <InfoCircleOutlined/>,
+          }}
+          colProps={{span: 8}}
+          initialValue={1}
+          fieldProps={{
+            step: 1,
+            min: 1,
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.splitReadInterval}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.splitReadInterval'})}
+          tooltip={{
+            title: intl.formatMessage({id: 'pages.project.di.step.fake.splitReadInterval.tooltip'}),
+            icon: <InfoCircleOutlined/>,
+          }}
+          colProps={{span: 8}}
+          initialValue={1}
+          fieldProps={{
+            step: 1,
+            min: 1,
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.mapSize}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.mapSize'})}
+          colProps={{span: 8}}
+          initialValue={5}
+          fieldProps={{
+            step: 1,
+            min: 1,
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.arraySize}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.arraySize'})}
+          colProps={{span: 8}}
+          initialValue={5}
+          fieldProps={{
+            step: 1,
+            min: 1,
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.bytesLength}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.bytesLength'})}
+          colProps={{span: 8}}
+          initialValue={5}
+          fieldProps={{
+            step: 1,
+            min: 1,
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.stringLength}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.stringLength'})}
+          colProps={{span: 12}}
+          initialValue={5}
+          fieldProps={{
+            step: 1,
+            min: 1,
+          }}
+        />
+        <ProFormSelect
+          name={FakeParams.stringFakeMode}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.stringFakeMode'})}
+          colProps={{span: 12}}
+          allowClear={false}
+          request={() => {
+            return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
+          }}
+        />
+        <ProFormTextArea
+          name={FakeParams.stringTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.stringTemplate'})}
+        />
+        <ProFormSelect
+          name={FakeParams.tinyintFakeMode}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.tinyintFakeMode'})}
+          colProps={{span: 8}}
+          allowClear={false}
+          request={() => {
+            return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.tinyintMin}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.tinyintMin'})}
+          colProps={{span: 8}}
+          initialValue={0}
+          fieldProps={{
+            min: 0,
+            max: 127
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.tinyintMax}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.tinyintMax'})}
+          colProps={{span: 8}}
+          initialValue={127}
+          fieldProps={{
+            min: 0,
+            max: 127
+          }}
+        />
+        <ProFormTextArea
+          name={FakeParams.tinyintTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.tinyintTemplate'})}
+        />
+        <ProFormSelect
+          name={FakeParams.smallintFakeMode}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.smallintFakeMode'})}
+          colProps={{span: 8}}
+          allowClear={false}
+          request={() => {
+            return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.smallintMin}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.smallintMin'})}
+          colProps={{span: 8}}
+          initialValue={0}
+          fieldProps={{
+            min: 0,
+            max: 32767
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.smallintMax}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.smallintMax'})}
+          colProps={{span: 8}}
+          initialValue={32767}
+          fieldProps={{
+            min: 0,
+            max: 32767
+          }}
+        />
+        <ProFormTextArea
+          name={FakeParams.smallintTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.smallintTemplate'})}
+        />
+        <ProFormSelect
+          name={FakeParams.intFakeMode}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.intFakeMode'})}
+          colProps={{span: 8}}
+          allowClear={false}
+          request={() => {
+            return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.intMin}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.intMin'})}
+          colProps={{span: 8}}
+          initialValue={0}
+          fieldProps={{
+            min: 0
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.intMax}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.intMax'})}
+          colProps={{span: 8}}
+          fieldProps={{
+            min: 0
+          }}
+        />
+        <ProFormTextArea
+          name={FakeParams.intTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.intTemplate'})}
+        />
+        <ProFormSelect
+          name={FakeParams.bigintFakeMode}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.bigintFakeMode'})}
+          colProps={{span: 8}}
+          allowClear={false}
+          request={() => {
+            return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.bigintMin}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.bigintMin'})}
+          colProps={{span: 8}}
+          initialValue={0}
+          fieldProps={{
+            min: 0
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.bigintMax}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.bigintMax'})}
+          colProps={{span: 8}}
+          fieldProps={{
+            min: 0
+          }}
+        />
+        <ProFormTextArea
+          name={FakeParams.bigintTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.bigintTemplate'})}
+        />
+        <ProFormSelect
+          name={FakeParams.floatFakeMode}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.floatFakeMode'})}
+          colProps={{span: 8}}
+          allowClear={false}
+          request={() => {
+            return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.floatMin}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.floatMin'})}
+          colProps={{span: 8}}
+          initialValue={0}
+          fieldProps={{
+            min: 0
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.floatMax}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.floatMax'})}
+          colProps={{span: 8}}
+          fieldProps={{
+            min: 0
+          }}
+        />
+        <ProFormTextArea
+          name={FakeParams.floatTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.floatTemplate'})}
+        />
+        <ProFormSelect
+          name={FakeParams.doubleFakeMode}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.doubleFakeMode'})}
+          colProps={{span: 8}}
+          allowClear={false}
+          request={() => {
+            return DictDataService.listDictDataByType2(DICT_TYPE.seatunnelFakeMode)
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.doubleMin}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.doubleMin'})}
+          colProps={{span: 8}}
+          initialValue={0}
+          fieldProps={{
+            min: 0
+          }}
+        />
+        <ProFormDigit
+          name={FakeParams.doubleMax}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.doubleMax'})}
+          colProps={{span: 8}}
+          fieldProps={{
+            min: 0
+          }}
+        />
+        <ProFormTextArea
+          name={FakeParams.doubleTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.doubleTemplate'})}
+        />
 
-                <ProFormText
-                    name={FakeParams.dateYearTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.dateYearTemplate'})}
-                    colProps={{span: 8}}
-                />
-                <ProFormText
-                    name={FakeParams.dateMonthTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.dateMonthTemplate'})}
-                    colProps={{span: 8}}
-                />
-                <ProFormText
-                    name={FakeParams.dateDayTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.dateDayTemplate'})}
-                    colProps={{span: 8}}
-                />
-                <ProFormText
-                    name={FakeParams.timeHourTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.timeHourTemplate'})}
-                    colProps={{span: 8}}
-                />
-                <ProFormText
-                    name={FakeParams.timeMinuteTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.timeMinuteTemplate'})}
-                    colProps={{span: 8}}
-                />
-                <ProFormText
-                    name={FakeParams.timeSecondTemplate}
-                    label={intl.formatMessage({id: 'pages.project.di.step.fake.timeSecondTemplate'})}
-                    colProps={{span: 8}}
-                />
+        <ProFormText
+          name={FakeParams.dateYearTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.dateYearTemplate'})}
+          colProps={{span: 8}}
+        />
+        <ProFormText
+          name={FakeParams.dateMonthTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.dateMonthTemplate'})}
+          colProps={{span: 8}}
+        />
+        <ProFormText
+          name={FakeParams.dateDayTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.dateDayTemplate'})}
+          colProps={{span: 8}}
+        />
+        <ProFormText
+          name={FakeParams.timeHourTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.timeHourTemplate'})}
+          colProps={{span: 8}}
+        />
+        <ProFormText
+          name={FakeParams.timeMinuteTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.timeMinuteTemplate'})}
+          colProps={{span: 8}}
+        />
+        <ProFormText
+          name={FakeParams.timeSecondTemplate}
+          label={intl.formatMessage({id: 'pages.project.di.step.fake.timeSecondTemplate'})}
+          colProps={{span: 8}}
+        />
 
-                <ProFormGroup
-                    label={intl.formatMessage({id: 'pages.project.di.step.schema'})}
-                    tooltip={{
-                        title: intl.formatMessage({id: 'pages.project.di.step.schema.tooltip'}),
-                        icon: <InfoCircleOutlined/>,
-                    }}
-                >
-                    <ProFormList
-                        name={SchemaParams.fields}
-                        copyIconProps={false}
-                        creatorButtonProps={{
-                            creatorButtonText: intl.formatMessage({id: 'pages.project.di.step.schema.fields'}),
-                            type: 'text',
-                        }}
-                    >
-                        <ProFormGroup>
-                            <ProFormText
-                                name={SchemaParams.field}
-                                label={intl.formatMessage({id: 'pages.project.di.step.schema.fields.field'})}
-                                colProps={{span: 10, offset: 1}}
-                            />
-                            <ProFormText
-                                name={SchemaParams.type}
-                                label={intl.formatMessage({id: 'pages.project.di.step.schema.fields.type'})}
-                                colProps={{span: 10, offset: 1}}
-                            />
-                        </ProFormGroup>
-                    </ProFormList>
-                </ProFormGroup>
-            </DrawerForm>
-        </XFlow>
-    );
+        <ProFormGroup
+          label={intl.formatMessage({id: 'pages.project.di.step.schema'})}
+          tooltip={{
+            title: intl.formatMessage({id: 'pages.project.di.step.schema.tooltip'}),
+            icon: <InfoCircleOutlined/>,
+          }}
+        >
+          <ProFormList
+            name={SchemaParams.fields}
+            copyIconProps={false}
+            creatorButtonProps={{
+              creatorButtonText: intl.formatMessage({id: 'pages.project.di.step.schema.fields'}),
+              type: 'text',
+            }}
+          >
+            <ProFormGroup>
+              <ProFormText
+                name={SchemaParams.field}
+                label={intl.formatMessage({id: 'pages.project.di.step.schema.fields.field'})}
+                colProps={{span: 10, offset: 1}}
+              />
+              <ProFormText
+                name={SchemaParams.type}
+                label={intl.formatMessage({id: 'pages.project.di.step.schema.fields.type'})}
+                colProps={{span: 10, offset: 1}}
+              />
+            </ProFormGroup>
+          </ProFormList>
+        </ProFormGroup>
+      </DrawerForm>
+    </XFlow>
+  );
 };
 
 export default SourceFakeStepForm;