ronds-metadata 1.3.76 → 1.3.78

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

@@ -1,821 +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 { deepClone } from '../../../../utils';
-import { MetadataFormContext } from '../../interface';
-var SourceConfig = function SourceConfig(props) {
-  var configType = props.configType;
-  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;
-  var dataSourceOpts = isSource ? [{
-    value: 'Kafka',
-    label: 'Kafka'
-  }, {
-    value: 'PgSql',
-    label: 'PgSql'
-  }, {
-    value: 'Minio',
-    label: 'Minio'
-  }, {
-    value: 'SqlServer',
-    label: 'SqlServer'
-  }] : [{
-    value: 'Cassandra',
-    label: 'Cassandra'
-  }, {
-    value: 'PgSql',
-    label: 'PgSql'
-  }, {
-    value: 'Minio',
-    label: 'Minio'
-  }, {
-    value: 'SqlServer',
-    label: 'SqlServer'
-  }];
-  // 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 调用接口
-  var pageRef = React.useRef(1);
-  var totalRef = React.useRef();
-  var getEnumDataByUrl = React.useCallback( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(http, pid, page) {
-      var _res2, _res3, _res4;
-      var server, _url, source, levelTwo, res, watchValues, _res, resGet;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            server = new MetadataService();
-            _url = pid || pid === '' ? http === null || http === void 0 ? void 0 : http.url.replace('{pid}', pid) : http === null || http === void 0 ? void 0 : http.url;
-            _url = page ? http === null || http === void 0 ? void 0 : http.url.replace('{page}', page) : _url;
-            if (!((http === null || http === void 0 ? void 0 : http.watch) && !http.watch.includes(','))) {
-              _context.next = 11;
-              break;
-            }
-            source = form.getFieldsValue()[http.watch];
-            _url = _url.replace('{watch}', source);
-            _context.next = 8;
-            return server.GetEnumDataByUrl(_url, http === null || http === void 0 ? void 0 : 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: source
-            } || {}) : source);
-          case 8:
-            res = _context.sent;
-            _context.next = 23;
-            break;
-          case 11:
-            if (!((http === null || http === void 0 ? void 0 : http.watch) && http.watch.includes(','))) {
-              _context.next = 20;
-              break;
-            }
-            watchValues = http.watch.split(',');
-            source = form.getFieldsValue()[watchValues[0]];
-            levelTwo = form.getFieldsValue()[watchValues[1]];
-            _context.next = 17;
-            return server.GetEnumDataByUrl(_url, http === null || http === void 0 ? void 0 : 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: source,
-              levelTwo: levelTwo
-            } || {}) : {
-              source: source,
-              levelTwo: levelTwo
-            });
-          case 17:
-            res = _context.sent;
-            _context.next = 23;
-            break;
-          case 20:
-            _context.next = 22;
-            return server.GetEnumDataByUrl(_url, http === null || http === void 0 ? void 0 : 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: source
-            } || {}) : source);
-          case 22:
-            res = _context.sent;
-          case 23:
-            _res = ((_res2 = res) === null || _res2 === void 0 ? void 0 : _res2.total) ? (_res3 = res) === null || _res3 === void 0 ? void 0 : _res3.list : res;
-            totalRef.current = (_res4 = res) === null || _res4 === void 0 ? void 0 : _res4.total;
-            if (!(_res && _res.length > 0)) {
-              _context.next = 36;
-              break;
-            }
-            if (!((http === null || http === void 0 ? void 0 : http.isCascader) && (http === null || http === void 0 ? void 0 : http.url.indexOf('{pid}')) === -1)) {
-              _context.next = 28;
-              break;
-            }
-            return _context.abrupt("return", _res);
-          case 28:
-            if (!(http === null || http === void 0 ? void 0 : http.isGroup)) {
-              _context.next = 30;
-              break;
-            }
-            return _context.abrupt("return", _res);
-          case 30:
-            if (!(http === null || http === void 0 ? void 0 : http.isTreeSelect)) {
-              _context.next = 32;
-              break;
-            }
-            return _context.abrupt("return", _res);
-          case 32:
-            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 36:
-            console.warn("".concat(_url, " is not return success result"));
-            return _context.abrupt("return", []);
-          case 38:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x, _x2, _x3) {
-      return _ref.apply(this, arguments);
-    };
-  }(), []);
-  var getHttpOptions = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(httpValue) {
-      var valueOpts;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return getEnumDataByUrl(deepClone(httpValue), '', (httpValue === null || httpValue === void 0 ? void 0 : httpValue.isPagination) && pageRef.current);
-          case 2:
-            valueOpts = _context2.sent;
-            return _context2.abrupt("return", valueOpts);
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function getHttpOptions(_x4) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var getDefaultHttpConfig4Source = function getDefaultHttpConfig4Source(val) {
-    switch (val) {
-      case 'Kafka':
-        return {
-          method: 'post',
-          body: '{"type":"Kafka","level":1}',
-          value: 'name',
-          key: 'config',
-          url: '/dataset-web/source/cascade/data/v2'
-        };
-        break;
-      case 'PgSql':
-        return {};
-        break;
-      case 'Minio':
-        return {};
-        break;
-      case 'SqlServer':
-        return {};
-        break;
-      default:
-        return null;
-    }
-  };
-  var getDefaultHttpConfig4Target = function getDefaultHttpConfig4Target(val) {
-    switch (val) {
-      case 'Cassandra':
-        return {
-          method: 'post',
-          body: '{"type":"Cassandra","level":1}',
-          value: 'name',
-          key: 'config',
-          url: '/dataset-web/source/cascade/data/v2'
-        };
-        break;
-      case 'PgSql':
-        return {};
-        break;
-      case 'Minio':
-        return {};
-        break;
-      case 'SqlServer':
-        return {};
-        break;
-      default:
-        return null;
-    }
-  };
-  // 来源选项值
-  var _React$useState27 = React.useState(),
-    _React$useState28 = _slicedToArray(_React$useState27, 2),
-    defaultSourceOpts = _React$useState28[0],
-    setDefaultSourceOpts = _React$useState28[1];
-  var topicHttp = {
-    method: 'post',
-    body: '{"type":"Kafka","level":2}',
-    value: 'name',
-    watch: 'defaultSource',
-    key: 'dfSourceId',
-    url: '/dataset-web/source/cascade/data/v2'
-  };
-  var _React$useState29 = React.useState(),
-    _React$useState30 = _slicedToArray(_React$useState29, 2),
-    topicOpts = _React$useState30[0],
-    setTopicOpts = _React$useState30[1];
-  // 去向选项值
-  var keyspaceHttp = {
-    method: 'post',
-    body: '{"type":"Cassandra","level":2}',
-    value: 'name',
-    watch: 'defaultSource',
-    key: 'name',
-    url: '/dataset-web/source/cascade/data/v2'
-  };
-  var _React$useState31 = React.useState(),
-    _React$useState32 = _slicedToArray(_React$useState31, 2),
-    keyspaceOpts = _React$useState32[0],
-    setKeyspaceOpts = _React$useState32[1];
-  var dtnameHttp = {
-    method: 'post',
-    body: '{"type":"Cassandra","level":3}',
-    value: 'name',
-    watch: 'defaultSource,keyspace',
-    key: 'dfSourceId',
-    url: '/dataset-web/source/cascade/data/v2'
-  };
-  var _React$useState33 = React.useState(),
-    _React$useState34 = _slicedToArray(_React$useState33, 2),
-    dtnameOpts = _React$useState34[0],
-    setDtnameOpts = _React$useState34[1];
-  // onfunction
-  var onDataSourceChange = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(val) {
-      var _http;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            setSource(val);
-            _http = isSource ? getDefaultHttpConfig4Source(val) : getDefaultHttpConfig4Target(val);
-            _context3.t0 = setDefaultSourceOpts;
-            _context3.next = 5;
-            return getHttpOptions(_http);
-          case 5:
-            _context3.t1 = _context3.sent;
-            (0, _context3.t0)(_context3.t1);
-          case 7:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function onDataSourceChange(_x5) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  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: onDataSourceChange,
-    options: dataSourceOpts,
-    allowClear: true
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(FormItem, {
-    name: 'defaultSource',
-    colon: false
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: defaultSource,
-    onChange: ( /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(val) {
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              setDefaultSource(val);
-              if (!isSource) {
-                _context4.next = 16;
-                break;
-              }
-              _context4.t0 = source;
-              _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;
-              _context4.next = 8;
-              return getHttpOptions(topicHttp);
-            case 8:
-              _context4.t2 = _context4.sent;
-              (0, _context4.t1)(_context4.t2);
-              return _context4.abrupt("break", 14);
-            case 11:
-              return _context4.abrupt("break", 14);
-            case 12:
-              return _context4.abrupt("break", 14);
-            case 13:
-              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 = 22;
-              return getHttpOptions(keyspaceHttp);
-            case 22:
-              _context4.t5 = _context4.sent;
-              (0, _context4.t4)(_context4.t5);
-              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();
-          }
-        }, _callee4);
-      }));
-      return function (_x6) {
-        return _ref4.apply(this, arguments);
-      };
-    }()),
-    options: defaultSourceOpts,
-    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: topicOpts,
-    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: [{
-      value: 'earliest',
-      label: 'earliest'
-    }, {
-      value: 'latest',
-      label: 'latest'
-    }],
-    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: [],
-    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: [],
-    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: ( /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(val) {
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              setKeyspace(val);
-              _context5.t0 = setDtnameOpts;
-              _context5.next = 4;
-              return getHttpOptions(dtnameHttp);
-            case 4:
-              _context5.t1 = _context5.sent;
-              (0, _context5.t0)(_context5.t1);
-            case 6:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5);
-      }));
-      return function (_x7) {
-        return _ref5.apply(this, arguments);
-      };
-    }()),
-    options: keyspaceOpts,
-    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: dtnameOpts,
-    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: [],
-    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: [],
-    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: [],
-    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 SourceConfig;
-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);
-};