ronds-metadata 1.3.65 → 1.3.67

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

@@ -22,15 +22,10 @@ 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 SourceConfig = function SourceConfig(props) {
-  var configType = props.configType,
-    sourceHttp = props.sourceHttp,
-    sourceEnums = props.sourceEnums,
-    targetHttp = props.targetHttp,
-    targetEnums = props.targetEnums;
+  var configType = props.configType;
   var isTarget = configType === 'target';
   var isSource = configType === 'source';
   var marginStyle = {
@@ -46,6 +41,33 @@ var SourceConfig = function SourceConfig(props) {
     _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),
@@ -140,73 +162,84 @@ var SourceConfig = function SourceConfig(props) {
     filePath = _React$useState26[0],
     setFilePath = _React$useState26[1];
   // http 调用接口
-  var watchValueRef = React.useRef();
   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, res, _res, resGet;
+      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.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);
-              }
+            _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;
             }
-            _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)), watchValueRef.current || {}) : watchValueRef.current);
-          case 6:
+            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;
-            _res = (res === null || res === void 0 ? void 0 : res.total) ? res === null || res === void 0 ? void 0 : res.list : res;
-            console.warn('======================== interface get ========================', _res);
-            totalRef.current = res === null || res === void 0 ? void 0 : res.total;
+            _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 = 22;
+              _context.next = 36;
               break;
             }
-            if (!((http === null || http === void 0 ? void 0 : http.isCascader) && http.url.indexOf('{pid}') === -1)) {
-              _context.next = 13;
+            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 13:
+          case 28:
             if (!(http === null || http === void 0 ? void 0 : http.isGroup)) {
-              _context.next = 15;
+              _context.next = 30;
               break;
             }
             return _context.abrupt("return", _res);
-          case 15:
+          case 30:
             if (!(http === null || http === void 0 ? void 0 : http.isTreeSelect)) {
-              _context.next = 17;
+              _context.next = 32;
               break;
             }
             return _context.abrupt("return", _res);
-          case 17:
+          case 32:
             resGet = _res.map(function (it) {
               if (http === null || http === void 0 ? void 0 : http.isCascader) {
                 return {
@@ -215,7 +248,6 @@ var SourceConfig = function SourceConfig(props) {
                   isLeaf: it['isLeaf'] ? it['isLeaf'] : false
                 };
               } else {
-                console.warn('======================== result ========================', it);
                 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'],
@@ -223,12 +255,11 @@ var SourceConfig = function SourceConfig(props) {
                 };
               }
             });
-            console.warn('========================== value =======================', resGet);
             return _context.abrupt("return", resGet);
-          case 22:
+          case 36:
             console.warn("".concat(_url, " is not return success result"));
             return _context.abrupt("return", []);
-          case 24:
+          case 38:
           case "end":
             return _context.stop();
         }
@@ -238,38 +269,124 @@ var SourceConfig = function SourceConfig(props) {
       return _ref.apply(this, arguments);
     };
   }(), []);
-  var httpOptions = useAsyncMemo( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var _httpOptions;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _httpOptions = (sourceHttp || targetHttp).map(function (it) {
-            if (it && it.url) {
-              getEnumDataByUrl(deepClone(it), '', (it === null || it === void 0 ? void 0 : it.isPagination) && pageRef.current).then(function (res) {
-                return res;
-              });
-            }
-            return [];
-          });
-          return _context2.abrupt("return", _httpOptions);
-        case 2:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })), [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值
-  }, []);
+  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;
+      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;
+      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: 'name',
+    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
@@ -281,22 +398,63 @@ var SourceConfig = function SourceConfig(props) {
     required: true
   }, /*#__PURE__*/React.createElement(_Select, {
     value: source,
-    onChange: function onChange(val) {
-      return setSource(val);
-    },
-    options: myOptions[0],
+    onChange: onDataSourceChange,
+    options: dataSourceOpts,
     allowClear: true
   }))), /*#__PURE__*/React.createElement(_Col, {
     span: 8
   }, /*#__PURE__*/React.createElement(FormItem, {
-    name: tr('defaultSource'),
+    name: 'defaultSource',
     colon: false
   }, /*#__PURE__*/React.createElement(_Select, {
     value: defaultSource,
-    onChange: function onChange(val) {
-      return setDefaultSource(val);
-    },
-    options: myOptions[1],
+    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 = 13;
+                break;
+              }
+              _context4.t0 = source;
+              _context4.next = _context4.t0 === 'Kafka' ? 5 : 11;
+              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", 11);
+            case 11:
+              _context4.next = 22;
+              break;
+            case 13:
+              _context4.t3 = source;
+              _context4.next = _context4.t3 === 'Cassandra' ? 16 : 22;
+              break;
+            case 16:
+              _context4.t4 = setKeyspaceOpts;
+              _context4.next = 19;
+              return getHttpOptions(keyspaceHttp);
+            case 19:
+              _context4.t5 = _context4.sent;
+              (0, _context4.t4)(_context4.t5);
+              return _context4.abrupt("break", 22);
+            case 22:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x6) {
+        return _ref4.apply(this, arguments);
+      };
+    }()),
+    options: defaultSourceOpts,
     allowClear: true
   }))), /*#__PURE__*/React.createElement(_Col, {
     span: 8
@@ -321,7 +479,7 @@ var SourceConfig = function SourceConfig(props) {
     onChange: function onChange(val) {
       return setTopics(val);
     },
-    options: myOptions[2],
+    options: topicOpts,
     mode: "multiple",
     allowClear: true
   }))), /*#__PURE__*/React.createElement(_Col, {
@@ -335,7 +493,13 @@ var SourceConfig = function SourceConfig(props) {
     onChange: function onChange(val) {
       return setAutoOffsetReset(val);
     },
-    options: myOptions[3],
+    options: [{
+      value: 'earliest',
+      label: 'earliest'
+    }, {
+      value: 'latest',
+      label: 'latest'
+    }],
     allowClear: true
   })))), /*#__PURE__*/React.createElement(_Row, {
     gutter: 16,
@@ -366,7 +530,7 @@ var SourceConfig = function SourceConfig(props) {
     onChange: function onChange(val) {
       return setDbname(val);
     },
-    options: myOptions[4],
+    options: [],
     allowClear: true
   }))), /*#__PURE__*/React.createElement(_Col, {
     span: 8
@@ -379,7 +543,7 @@ var SourceConfig = function SourceConfig(props) {
     onChange: function onChange(val) {
       return setSchema(val);
     },
-    options: myOptions[5],
+    options: [],
     allowClear: true
   })))), /*#__PURE__*/React.createElement(_Row, {
     gutter: 16,
@@ -461,10 +625,29 @@ var SourceConfig = function SourceConfig(props) {
     required: true
   }, /*#__PURE__*/React.createElement(_Select, {
     value: keyspace,
-    onChange: function onChange(val) {
-      return setKeyspace(val);
-    },
-    options: myOptions[2],
+    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
@@ -477,7 +660,7 @@ var SourceConfig = function SourceConfig(props) {
     onChange: function onChange(val) {
       return setDtname(val);
     },
-    options: myOptions[3],
+    options: dtnameOpts,
     allowClear: true
   }))), /*#__PURE__*/React.createElement(_Col, {
     span: 8
@@ -502,7 +685,7 @@ var SourceConfig = function SourceConfig(props) {
     onChange: function onChange(val) {
       return setDbname(val);
     },
-    options: myOptions[4],
+    options: [],
     allowClear: true
   }))), /*#__PURE__*/React.createElement(_Col, {
     span: 8
@@ -515,7 +698,7 @@ var SourceConfig = function SourceConfig(props) {
     onChange: function onChange(val) {
       return setSchema(val);
     },
-    options: myOptions[5],
+    options: [],
     allowClear: true
   })))), /*#__PURE__*/React.createElement(_Row, {
     gutter: 16,
@@ -531,7 +714,7 @@ var SourceConfig = function SourceConfig(props) {
     onChange: function onChange(val) {
       return setDtname(val);
     },
-    options: myOptions[6],
+    options: [],
     allowClear: true
   }))), /*#__PURE__*/React.createElement(_Col, {
     span: 8

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

@@ -0,0 +1,10 @@
+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;