ronds-metadata 1.3.72 → 1.3.73

package/es/api/index.js

@@ -10,7 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { guid, md5 } from '../utils';
 import { addInterceptor, HttpHelper } from '../framework/http';
 var http = new HttpHelper();
-var token = 'Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6IkMyMTJFMjI1NTcwNjRDQTE3M0U2NjkxRjM4QzFDOEEyIiwidHlwIjoiYXQrand0In0.eyJuYmYiOjE3MjM4NzU4OTksImV4cCI6MTcyNDEzNTA5OSwiaXNzIjoiaHR0cDovL2ZhYmlvOjk5OTkvc3VwZXJjYXJlY29yZSIsImF1ZCI6ImVwbSIsImNsaWVudF9pZCI6ImVwbSIsInN1YiI6IjNhMTIxZDJiLWYwZDUtZDQ3OC0xN2Q3LWQwODEwZDgzZDViMSIsImF1dGhfdGltZSI6MTcyMzg3NTg5OSwiaWRwIjoibG9jYWwiLCJuYW1lIjoicGhtIiwiZW1haWwiOiJwaG1AYWJwLmlvIiwicm9sZSI6WyJhZG1pbiIsInBobV9hZG1pbiJdLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9naXZlbm5hbWUiOiJwaG3ov5Dnu7TotKblj7ciLCJwaG9uZV9udW1iZXIiOiIxMzYwMDAwMDAwMCIsInBob25lX251bWJlcl92ZXJpZmllZCI6IlRydWUiLCJlbWFpbF92ZXJpZmllZCI6IlRydWUiLCJpYXQiOjE3MjM4NzU4OTksInNjb3BlIjpbImFkZHJlc3MiLCJlbWFpbCIsImVwbSIsIm9wZW5pZCIsInBob25lIiwicHJvZmlsZSIsInJvbGUiLCJvZmZsaW5lX2FjY2VzcyJdLCJhbXIiOlsicHdkIl19.OK10CQsLVqkRSPEnpQKH_mJU9PbVug0ok4rb6C9EaG2g3-j6GvRhx4_4uPpbE3Y2vBRetkITUh3yccFeoh8kROKUJtr_9HT-W-jULSjfwZN9yd_GJFV1rL3fGEpoUZUqeUEoCvKifgB-8A_N_IN-utk5jzyD-gpKo9jUZySpPsd7JBzA_G_DGV-5vO-lXUJsBySDxt0S3NplnX1A17Pqoxh0ihLL1tlJ-mblSaX8lqWVrEbgBEjpU7Do1siSrZN_zaSBMLneCRkExQULwIWHq0z1agAxhO60YlSdTl78KfF9B_rgQFtkW8a6BZNOvyCwix95lDeedZj-uF2uym84Fg';
+var token = 'eyJhbGciOiJSUzI1NiIsImtpZCI6IkMyMTJFMjI1NTcwNjRDQTE3M0U2NjkxRjM4QzFDOEEyIiwidHlwIjoiYXQrand0In0.eyJuYmYiOjE3MjQxNDAxNzYsImV4cCI6MTcyNDM5OTM3NiwiaXNzIjoiaHR0cDovL2ZhYmlvOjk5OTkvc3VwZXJjYXJlY29yZSIsImF1ZCI6ImVwbSIsImNsaWVudF9pZCI6ImVwbSIsInN1YiI6IjNhMTIxZDJiLWYwZDUtZDQ3OC0xN2Q3LWQwODEwZDgzZDViMSIsImF1dGhfdGltZSI6MTcyNDE0MDE3NiwiaWRwIjoibG9jYWwiLCJuYW1lIjoicGhtIiwiZW1haWwiOiJwaG1AYWJwLmlvIiwicm9sZSI6WyJhZG1pbiIsInBobV9hZG1pbiJdLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9naXZlbm5hbWUiOiJwaG3ov5Dnu7TotKblj7ciLCJwaG9uZV9udW1iZXIiOiIxMzYwMDAwMDAwMCIsInBob25lX251bWJlcl92ZXJpZmllZCI6IlRydWUiLCJlbWFpbF92ZXJpZmllZCI6IlRydWUiLCJpYXQiOjE3MjQxNDAxNzYsInNjb3BlIjpbImFkZHJlc3MiLCJlbWFpbCIsImVwbSIsIm9wZW5pZCIsInBob25lIiwicHJvZmlsZSIsInJvbGUiLCJvZmZsaW5lX2FjY2VzcyJdLCJhbXIiOlsicHdkIl19.UbzQuknIHc6bHvyF-ph0NlqenAOCxUjlt1Q0DkPhX9BJkKMetIgo1HL9Dv0wJV1m7J5nkha7kqFM4lfnTXlZEn-hJdkse96C-NLfR4lrRedgrljhfqnwyCPZm0RbEOLsLAAKNN8Ib7m4NJ-4glgqO_ZdEMa4eZIY9WKSWDLsuyyMSyaXNGWzFf5aHGolIy4RguJ_NXzOJgZfsln3V9iaxSc7g2XXtn4gVIK-Pqw33Ig6_gpATd6hGFj0eBbZ6RMQPc-BNQ4H9JDvGuURIUsOAvcct2U36N1avB1qf9NKECFC4CoWR4CArcZJl-s5p2uCopcYe2d4alZqQofOzrei1Q';
 addInterceptor(function (httpClient) {
   httpClient.interceptors.request.use(function (_config) {
     if (!_config.headers) {

package/es/comps/MetadataForm/DataCell/plugin/MapTable.js

@@ -34,10 +34,14 @@ var MapTable = function MapTable(props) {
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     output = _React$useState10[0],
     setOutput = _React$useState10[1];
-  var _React$useState11 = React.useState(),
+  var _React$useState11 = React.useState(false),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    disableArray = _React$useState12[0],
-    setDisableArray = _React$useState12[1];
+    isDataCome = _React$useState12[0],
+    setIsDataCome = _React$useState12[1];
+  var _React$useState13 = React.useState(),
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    disableArray = _React$useState14[0],
+    setDisableArray = _React$useState14[1];
   var sourceEditableStreamRef = React.useRef();
   var targetEditableStreamRef = React.useRef();
   var _React$useContext = React.useContext(MetadataFormContext),
@@ -106,14 +110,17 @@ var MapTable = function MapTable(props) {
     }
   }, [disableArray]);
   React.useEffect(function () {
-    var values = form.getFieldsValue().mapTable;
-    values.dataSource && setTableDataSource(values.dataSource);
-    values.dataTarget && setTableDataTarget(values.dataTarget);
-    values.options && setOptions(values.options);
-    if (!disableArray && values.dataSource && values.dataTarget) {
-      var _values$dataSource, _values$dataTarget;
-      var valueArray = new Array(Math.min((_values$dataSource = values.dataSource) === null || _values$dataSource === void 0 ? void 0 : _values$dataSource.length, (_values$dataTarget = values.dataTarget) === null || _values$dataTarget === void 0 ? void 0 : _values$dataTarget.length)).fill(true);
-      setDisableArray(valueArray);
+    if (!isDataCome) {
+      var values = form.getFieldsValue().mapTable;
+      values.dataSource && setTableDataSource(values.dataSource);
+      values.dataTarget && setTableDataTarget(values.dataTarget);
+      values.options && setOptions(values.options);
+      if (!disableArray && values.dataSource && values.dataTarget) {
+        var _values$dataSource, _values$dataTarget;
+        var valueArray = new Array(Math.min((_values$dataSource = values.dataSource) === null || _values$dataSource === void 0 ? void 0 : _values$dataSource.length, (_values$dataTarget = values.dataTarget) === null || _values$dataTarget === void 0 ? void 0 : _values$dataTarget.length)).fill(true);
+        setDisableArray(valueArray);
+      }
+      setIsDataCome(true);
     }
   }, [form.getFieldsValue()]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

package/es/comps/MetadataForm/DataCell/plugin/SourceConfig.js

@@ -301,6 +301,15 @@ var SourceConfig = function SourceConfig(props) {
           url: '/dataset-web/source/cascade/data/v2'
         };
         break;
+      case 'PgSql':
+        return {};
+        break;
+      case 'Minio':
+        return {};
+        break;
+      case 'SqlServer':
+        return {};
+        break;
       default:
         return null;
     }
@@ -316,6 +325,15 @@ var SourceConfig = function SourceConfig(props) {
           url: '/dataset-web/source/cascade/data/v2'
         };
         break;
+      case 'PgSql':
+        return {};
+        break;
+      case 'Minio':
+        return {};
+        break;
+      case 'SqlServer':
+        return {};
+        break;
       default:
         return null;
     }
@@ -415,11 +433,11 @@ var SourceConfig = function SourceConfig(props) {
             case 0:
               setDefaultSource(val);
               if (!isSource) {
-                _context4.next = 13;
+                _context4.next = 16;
                 break;
               }
               _context4.t0 = source;
-              _context4.next = _context4.t0 === 'Kafka' ? 5 : 11;
+              _context4.next = _context4.t0 === 'Kafka' ? 5 : _context4.t0 === 'PgSql' ? 11 : _context4.t0 === 'Minio' ? 12 : _context4.t0 === 'SqlServer' ? 13 : 14;
               break;
             case 5:
               _context4.t1 = setTopicOpts;
@@ -428,23 +446,35 @@ var SourceConfig = function SourceConfig(props) {
             case 8:
               _context4.t2 = _context4.sent;
               (0, _context4.t1)(_context4.t2);
-              return _context4.abrupt("break", 11);
+              return _context4.abrupt("break", 14);
             case 11:
-              _context4.next = 22;
-              break;
+              return _context4.abrupt("break", 14);
+            case 12:
+              return _context4.abrupt("break", 14);
             case 13:
-              _context4.t3 = source;
-              _context4.next = _context4.t3 === 'Cassandra' ? 16 : 22;
+              return _context4.abrupt("break", 14);
+            case 14:
+              _context4.next = 28;
               break;
             case 16:
+              _context4.t3 = source;
+              _context4.next = _context4.t3 === 'Cassandra' ? 19 : _context4.t3 === 'PgSql' ? 25 : _context4.t3 === 'Minio' ? 26 : _context4.t3 === 'SqlServer' ? 27 : 28;
+              break;
+            case 19:
               _context4.t4 = setKeyspaceOpts;
-              _context4.next = 19;
+              _context4.next = 22;
               return getHttpOptions(keyspaceHttp);
-            case 19:
+            case 22:
               _context4.t5 = _context4.sent;
               (0, _context4.t4)(_context4.t5);
-              return _context4.abrupt("break", 22);
-            case 22:
+              return _context4.abrupt("break", 28);
+            case 25:
+              return _context4.abrupt("break", 28);
+            case 26:
+              return _context4.abrupt("break", 28);
+            case 27:
+              return _context4.abrupt("break", 28);
+            case 28:
             case "end":
               return _context4.stop();
           }

package/es/comps/MetadataForm/DataCell/plugin/SparkSqlTable.js

@@ -11,8 +11,6 @@ import { EyeOutlined, MinusCircleOutlined, PlusOutlined } from '@ant-design/icon
 import Split from '../../../Split';
 import SqlEdit from '../../../JsonEdit';
 var SparkSqlTable = function SparkSqlTable(props) {
-  // const { extraDico, initSql, dataSource, onSearch, value, onChange } = props;
-  // const [searchValue, setSearchValue] = React.useState<any>();
   var extraDico = props.extraDico,
     value = props.value,
     onChange = props.onChange;
@@ -90,7 +88,7 @@ var SparkSqlTable = function SparkSqlTable(props) {
   }, [value]);
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      border: '2px solid #bbbbbb',
+      border: '2px solid #bebebe',
       height: '500px'
     }
   }, /*#__PURE__*/React.createElement(Split, {
@@ -108,7 +106,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       display: 'flex',
-      flexWrap: 'nowrap'
+      flexWrap: 'nowrap',
+      alignItems: 'center'
     }
   }, tr('视图'), " ", /*#__PURE__*/React.createElement(_Input, {
     style: {
@@ -122,7 +121,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
     style: {
       display: 'flex',
       overflowX: 'auto',
-      flexWrap: 'nowrap'
+      flexWrap: 'nowrap',
+      alignItems: 'center'
     }
   }, tr('已选'), ' ', selected && selected.map(function (p) {
     return /*#__PURE__*/React.createElement(_Input, {
@@ -177,7 +177,7 @@ var SparkSqlTable = function SparkSqlTable(props) {
       },
       value: (_item$alias = item.alias) !== null && _item$alias !== void 0 ? _item$alias : "tbl".concat(idx + 1),
       onChange: function onChange(val) {
-        return onListChange(val, idx, 'alias');
+        onListChange(val, idx, 'alias');
       }
     })), /*#__PURE__*/React.createElement("span", null, tr('输出视图'), ' ', /*#__PURE__*/React.createElement(_Input, {
       style: {
@@ -191,7 +191,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
       }
     }))), /*#__PURE__*/React.createElement("div", {
       style: {
-        maxHeight: '80px',
+        maxHeight: '100px',
+        minHeight: '80px',
         overflowY: 'auto'
       }
     }, /*#__PURE__*/React.createElement(SqlEdit, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.3.72",
+  "version": "1.3.73",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/es/comps/MetadataForm/DataCell/plugin/SourceConfigNew.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface ISourceConfigNewProps {
-    configType: string;
-    sourceHttp?: any[];
-    sourceEnums?: any[];
-    targetHttp?: any[];
-    targetEnums?: any[];
-}
-declare const SourceConfigNew: (props: ISourceConfigNewProps) => React.JSX.Element;
-export default SourceConfigNew;

package/es/comps/MetadataForm/DataCell/plugin/SourceConfigNew.js

@@ -1,649 +0,0 @@
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-import "antd/es/upload/style";
-import _Upload from "antd/es/upload";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { tr } from '../../../../framework/locale/index';
-import { LinkOutlined, UploadOutlined, PlusOutlined } from '@ant-design/icons';
-import React from 'react';
-import Editable from '../../../Editable/index';
-import { MetadataService } from '../../../../framework/metadata/MetadataService';
-import { useAsyncMemo } from '../../../../framework/hooks/use-async-memo';
-import { deepClone } from '../../../../utils';
-import useObservable from '../../../../framework/rxjs-hooks/useObservable';
-import { MetadataFormContext } from '../../interface';
-var SourceConfigNew = function SourceConfigNew(props) {
-  var configType = props.configType,
-    sourceHttp = props.sourceHttp,
-    sourceEnums = props.sourceEnums,
-    targetHttp = props.targetHttp,
-    targetEnums = props.targetEnums;
-  var isTarget = configType === 'target';
-  var isSource = configType === 'source';
-  var marginStyle = {
-    marginBottom: '8px',
-    width: '100%',
-    height: '100%'
-  };
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    source = _React$useState2[0],
-    setSource = _React$useState2[1];
-  var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    defaultSource = _React$useState4[0],
-    setDefaultSource = _React$useState4[1];
-  var _React$useContext = React.useContext(MetadataFormContext),
-    form = _React$useContext.form;
-  // kafka source
-  var _React$useState5 = React.useState(),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    autoOffsetReset = _React$useState6[0],
-    setAutoOffsetReset = _React$useState6[1];
-  var _React$useState7 = React.useState(),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    batchDuration = _React$useState8[0],
-    setBatchDuration = _React$useState8[1];
-  var _React$useState9 = React.useState([]),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    topics = _React$useState10[0],
-    setTopics = _React$useState10[1];
-  // sql source
-  var _React$useState11 = React.useState(),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    fetchSize = _React$useState12[0],
-    setFetchSize = _React$useState12[1];
-  var _React$useState13 = React.useState(),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    sql = _React$useState14[0],
-    setSql = _React$useState14[1];
-  // minio source
-  var streamRef = React.useRef();
-  var columns = [{
-    title: 'sheetName',
-    key: 'sheetName',
-    dataIndex: 'sheetName',
-    editable: true,
-    type: 'text'
-  }, {
-    title: 'header',
-    key: 'header',
-    dataIndex: 'header',
-    editable: true,
-    type: 'text'
-  }];
-  var _React$useState15 = React.useState([]),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    list = _React$useState16[0],
-    setList = _React$useState16[1];
-  var listRef = React.useRef([]);
-  var onAddRow = function onAddRow() {
-    var _list = listRef.current;
-    var newRow = {
-      sheetName: '',
-      header: ''
-    };
-    _list.push(newRow);
-    streamRef.current.next({
-      type: 'editRowKey',
-      payload: {
-        _rowKey_: _list.length - 1
-      }
-    });
-    setList(_toConsumableArray(_list));
-    listRef.current = _list;
-  };
-  var onRowConfirm = function onRowConfirm(record) {
-    var _list = listRef.current;
-    _list[record.rowIdx] = _objectSpread(_objectSpread({}, _list[record.rowIdx]), record.allValues);
-    setList(_toConsumableArray(_list));
-    listRef.current = _list;
-  };
-  var onRowDelete = function onRowDelete(record) {
-    var _list = listRef.current;
-    _list.splice(record._rowKey_, 1);
-    setList(_toConsumableArray(_list));
-    listRef.current = _list;
-  };
-  // cassandra target
-  var _React$useState17 = React.useState(),
-    _React$useState18 = _slicedToArray(_React$useState17, 2),
-    keyspace = _React$useState18[0],
-    setKeyspace = _React$useState18[1];
-  var _React$useState19 = React.useState(),
-    _React$useState20 = _slicedToArray(_React$useState19, 2),
-    dtname = _React$useState20[0],
-    setDtname = _React$useState20[1];
-  // pgsql target
-  var _React$useState21 = React.useState(),
-    _React$useState22 = _slicedToArray(_React$useState21, 2),
-    schema = _React$useState22[0],
-    setSchema = _React$useState22[1];
-  var _React$useState23 = React.useState(),
-    _React$useState24 = _slicedToArray(_React$useState23, 2),
-    dbname = _React$useState24[0],
-    setDbname = _React$useState24[1];
-  // minio target
-  var _React$useState25 = React.useState(),
-    _React$useState26 = _slicedToArray(_React$useState25, 2),
-    filePath = _React$useState26[0],
-    setFilePath = _React$useState26[1];
-  // http 调用接口
-  // const watchValueRef = React.useRef<string | any>();
-  var pageRef = React.useRef(1);
-  var totalRef = React.useRef();
-  var processSelectOptionsData = function processSelectOptionsData() {
-    var _options = [];
-    var _items = [];
-    var _enum = deepClone(sourceEnums || targetEnums || []);
-    _enum.forEach(function (p) {
-      p.forEach(function (it) {
-        var _it$key;
-        var obj = {
-          label: it.value,
-          value: (_it$key = it === null || it === void 0 ? void 0 : it.key) !== null && _it$key !== void 0 ? _it$key : it === null || it === void 0 ? void 0 : it.value
-        };
-        _items.push(obj);
-      });
-      _options.push(_items);
-      _items = [];
-    });
-    return _options;
-  };
-  var options = React.useMemo(function () {
-    return processSelectOptionsData();
-  }, [sourceEnums, targetEnums]);
-  var getEnumDataByUrl = React.useCallback( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(http, pid, page) {
-      var server, _url, watchValue, res, _res, resGet;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            server = new MetadataService();
-            _url = pid || pid === '' ? http.url.replace('{pid}', pid) : http.url;
-            _url = page ? http.url.replace('{page}', page) : _url;
-            // if (watchValueRef.current) {
-            //   if (typeof watchValueRef.current === 'string') {
-            //     _url = _url.replace('{watch}', watchValueRef.current);
-            //   }
-            // }
-            // console.log('========================getEnumDataByUrl', _url, watchValueRef.current);
-            // const res = await server.GetEnumDataByUrl(
-            //   _url,
-            //   http.method,
-            //   http?.body && JSON.parse(http?.body) ? { ...JSON.parse(http?.body), ...(watchValueRef.current || {}) } : watchValueRef.current,
-            // );
-
-            if (http.watch) {
-              watchValue = form.getFieldsValue()[http.watch];
-              _url = _url.replace('{watch}', watchValue);
-            }
-            _context.next = 6;
-            return server.GetEnumDataByUrl(_url, http.method, (http === null || http === void 0 ? void 0 : http.body) && JSON.parse(http === null || http === void 0 ? void 0 : http.body) ? _objectSpread(_objectSpread({}, JSON.parse(http === null || http === void 0 ? void 0 : http.body)), {
-              source: watchValue
-            } || {}) : watchValue);
-          case 6:
-            res = _context.sent;
-            _res = (res === null || res === void 0 ? void 0 : res.total) ? res === null || res === void 0 ? void 0 : res.list : res;
-            totalRef.current = res === null || res === void 0 ? void 0 : res.total;
-            if (!(_res && _res.length > 0)) {
-              _context.next = 20;
-              break;
-            }
-            if (!((http === null || http === void 0 ? void 0 : http.isCascader) && http.url.indexOf('{pid}') === -1)) {
-              _context.next = 12;
-              break;
-            }
-            return _context.abrupt("return", _res);
-          case 12:
-            if (!(http === null || http === void 0 ? void 0 : http.isGroup)) {
-              _context.next = 14;
-              break;
-            }
-            return _context.abrupt("return", _res);
-          case 14:
-            if (!(http === null || http === void 0 ? void 0 : http.isTreeSelect)) {
-              _context.next = 16;
-              break;
-            }
-            return _context.abrupt("return", _res);
-          case 16:
-            resGet = _res.map(function (it) {
-              if (http === null || http === void 0 ? void 0 : http.isCascader) {
-                return {
-                  value: it[(http === null || http === void 0 ? void 0 : http.key) || 'id'],
-                  label: it[(http === null || http === void 0 ? void 0 : http.value) || 'name'],
-                  isLeaf: it['isLeaf'] ? it['isLeaf'] : false
-                };
-              } else {
-                return {
-                  value: it[(http === null || http === void 0 ? void 0 : http.key) || 'id'],
-                  label: it[(http === null || http === void 0 ? void 0 : http.value) || 'name'],
-                  disabled: false
-                };
-              }
-            });
-            return _context.abrupt("return", resGet);
-          case 20:
-            console.warn("".concat(_url, " is not return success result"));
-            return _context.abrupt("return", []);
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x, _x2, _x3) {
-      return _ref.apply(this, arguments);
-    };
-  }(), []);
-  var httpOptions = useAsyncMemo( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var _httpOptionsPromises, _httpOptions;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          // const _httpOptions = await Promise.all(
-          //   (sourceHttp || targetHttp).map((it: any) => {
-          //     if (it && it.url) {
-          //       getEnumDataByUrl(deepClone(it), '', it?.isPagination && (pageRef.current as any)).then((res: any) => {
-          //         return res;
-          //       });
-          //     }
-          //     return [];
-          //   }),
-          // );
-          _httpOptionsPromises = (sourceHttp || targetHttp).map( /*#__PURE__*/function () {
-            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(it) {
-              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
-                  case 0:
-                    if (!(it && it.url)) {
-                      _context2.next = 2;
-                      break;
-                    }
-                    return _context2.abrupt("return", getEnumDataByUrl(deepClone(it), '', (it === null || it === void 0 ? void 0 : it.isPagination) && pageRef.current));
-                  case 2:
-                    return _context2.abrupt("return", []);
-                  case 3:
-                  case "end":
-                    return _context2.stop();
-                }
-              }, _callee2);
-            }));
-            return function (_x4) {
-              return _ref3.apply(this, arguments);
-            };
-          }());
-          _context3.next = 3;
-          return Promise.all(_httpOptionsPromises);
-        case 3:
-          _httpOptions = _context3.sent;
-          return _context3.abrupt("return", _httpOptions);
-        case 5:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })), [sourceHttp, targetHttp]);
-  var myOptions = React.useMemo(function () {
-    var _options = options;
-    httpOptions && httpOptions.forEach(function (p, i) {
-      if (p && p.length > 0) {
-        _options[i] = p;
-      }
-    });
-    return _options;
-  }, [options, httpOptions]);
-  useObservable(function (p) {
-    // TODO 设置watch值
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('数据源'),
-    name: 'dataSource',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: source,
-    onChange: function onChange(val) {
-      return setSource(val);
-    },
-    options: myOptions[0],
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    name: 'defaultSource',
-    colon: false
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: defaultSource,
-    onChange: function onChange(val) {
-      setDefaultSource(val);
-    },
-    options: myOptions[1],
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    colon: false
-  }, /*#__PURE__*/React.createElement(_Button, {
-    className: "ml-2",
-    type: "link",
-    icon: /*#__PURE__*/React.createElement(LinkOutlined, null),
-    onClick: function onClick() {}
-  }, tr('测试连接'))))), isSource && source === 'Kafka' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('主题'),
-    name: 'topic',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: topics,
-    onChange: function onChange(val) {
-      return setTopics(val);
-    },
-    options: myOptions[2],
-    mode: "multiple",
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('消费策略'),
-    name: 'autoOffsetReset',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: autoOffsetReset,
-    onChange: function onChange(val) {
-      return setAutoOffsetReset(val);
-    },
-    options: myOptions[3],
-    allowClear: true
-  })))), /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('批间隔'),
-    name: 'batchDuration',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Input, {
-    value: batchDuration,
-    onChange: function onChange(e) {
-      var _e$target;
-      return setBatchDuration(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
-    }
-  }))))), isSource && (source === 'PgSql' || source === 'SqlServer') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('数据库'),
-    name: 'dbname',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: dbname,
-    onChange: function onChange(val) {
-      return setDbname(val);
-    },
-    options: myOptions[4],
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: '模式',
-    name: 'schema',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: schema,
-    onChange: function onChange(val) {
-      return setSchema(val);
-    },
-    options: myOptions[5],
-    allowClear: true
-  })))), /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: 'fetch size',
-    name: 'fetchSize',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Input, {
-    value: fetchSize,
-    onChange: function onChange(e) {
-      var _e$target2;
-      return setFetchSize(e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value);
-    }
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: 'sql',
-    name: 'sql',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Input, {
-    value: sql,
-    onChange: function onChange(e) {
-      var _e$target3;
-      return setSql(e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.value);
-    }
-  }))))), isSource && source === 'Minio' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('上传文件'),
-    name: 'filepath',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Upload, {
-    customRequest: function customRequest(options) {
-      setTimeout(function () {
-        options.onSuccess();
-      }, 1000);
-    }
-  }, /*#__PURE__*/React.createElement(_Button, {
-    icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
-  }, tr('上传')))))), /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 16
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('文件信息'),
-    name: 'headers'
-  }, /*#__PURE__*/React.createElement(Editable, {
-    type: "single",
-    columns: columns,
-    dataSource: list,
-    onRowConfirm: onRowConfirm,
-    onRowDelete: onRowDelete,
-    getStreamInstance: function getStreamInstance(stream) {
-      return streamRef.current = stream;
-    },
-    onRowClick: function onRowClick(record) {}
-  }), /*#__PURE__*/React.createElement(_Button, {
-    type: "dashed",
-    onClick: onAddRow,
-    style: {
-      width: '100%',
-      marginTop: '2px'
-    }
-  }, tr('添加一行')))))), isTarget && source === 'Cassandra' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('键空间'),
-    name: 'keyspace',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: keyspace,
-    onChange: function onChange(val) {
-      return setKeyspace(val);
-    },
-    options: myOptions[2],
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('数据表'),
-    name: 'dtname',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: dtname,
-    onChange: function onChange(val) {
-      return setDtname(val);
-    },
-    options: myOptions[3],
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    colon: false
-  }, /*#__PURE__*/React.createElement(_Button, {
-    className: "ml-2",
-    type: "link",
-    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
-    onClick: function onClick() {}
-  }, tr('手动建表')))))), isTarget && (source === 'PgSql' || source === 'SqlServer') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('数据库'),
-    name: 'dbname',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: dbname,
-    onChange: function onChange(val) {
-      return setDbname(val);
-    },
-    options: myOptions[4],
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: '模式',
-    name: 'schema',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: schema,
-    onChange: function onChange(val) {
-      return setSchema(val);
-    },
-    options: myOptions[5],
-    allowClear: true
-  })))), /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('数据表'),
-    name: 'dtname',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: dtname,
-    onChange: function onChange(val) {
-      return setDtname(val);
-    },
-    options: myOptions[6],
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    colon: false
-  }, /*#__PURE__*/React.createElement(_Button, {
-    className: "ml-2",
-    type: "link",
-    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
-    onClick: function onClick() {}
-  }, tr('手动建表')))))), isTarget && source === 'Minio' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    gutter: 16,
-    style: marginStyle
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 16
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    label: tr('文件路径'),
-    name: 'filepath',
-    required: true
-  }, /*#__PURE__*/React.createElement(_Input, {
-    value: filePath,
-    onChange: function onChange(e) {
-      return setFilePath(e.target.value);
-    }
-  }))))));
-};
-export default SourceConfigNew;
-var FormItem = function FormItem(props) {
-  var color = props.color,
-    _props$labelSpan = props.labelSpan,
-    labelSpan = _props$labelSpan === void 0 ? 0 : _props$labelSpan,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
-    name = props.name,
-    label = props.label,
-    colon = props.colon,
-    help = props.help,
-    tooltip = props.tooltip,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    children = props.children,
-    _props$wrapperSpan = props.wrapperSpan,
-    wrapperSpan = _props$wrapperSpan === void 0 ? 3 : _props$wrapperSpan;
-  return /*#__PURE__*/React.createElement(_Form.Item, {
-    style: {
-      flex: 1,
-      paddingRight: '10px'
-    },
-    label: /*#__PURE__*/React.createElement("span", {
-      style: color ? {
-        color: color
-      } : {}
-    }, tr(label)),
-    labelCol: labelSpan && layout === 'horizontal' ? {
-      flex: "0 0 ".concat(labelSpan * 100 / 24, "%"),
-      offset: 0
-    } : undefined,
-    wrapperCol: labelSpan && wrapperSpan && layout === 'horizontal' ? {
-      style: {
-        width: "".concat((wrapperSpan - labelSpan) * 100 / 24, "%")
-      },
-      flex: "0 0 ".concat((wrapperSpan - labelSpan) * 100 / 24, "%"),
-      offset: 0
-    } : undefined,
-    name: name,
-    rules: [{
-      required: required,
-      message: "".concat(tr('请输入'), " ").concat(tr(label))
-    }],
-    help: tr(help),
-    tooltip: tr(tooltip),
-    colon: colon
-  }, children);
-};