ronds-metadata 1.3.73 → 1.3.74

package/es/api/index.js

@@ -5,12 +5,12 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2024-07-23 19:54:50
+ * @LastEditTime: 2024-08-20 11:46:17
  */
 import { guid, md5 } from '../utils';
 import { addInterceptor, HttpHelper } from '../framework/http';
 var http = new HttpHelper();
-var token = 'eyJhbGciOiJSUzI1NiIsImtpZCI6IkMyMTJFMjI1NTcwNjRDQTE3M0U2NjkxRjM4QzFDOEEyIiwidHlwIjoiYXQrand0In0.eyJuYmYiOjE3MjQxNDAxNzYsImV4cCI6MTcyNDM5OTM3NiwiaXNzIjoiaHR0cDovL2ZhYmlvOjk5OTkvc3VwZXJjYXJlY29yZSIsImF1ZCI6ImVwbSIsImNsaWVudF9pZCI6ImVwbSIsInN1YiI6IjNhMTIxZDJiLWYwZDUtZDQ3OC0xN2Q3LWQwODEwZDgzZDViMSIsImF1dGhfdGltZSI6MTcyNDE0MDE3NiwiaWRwIjoibG9jYWwiLCJuYW1lIjoicGhtIiwiZW1haWwiOiJwaG1AYWJwLmlvIiwicm9sZSI6WyJhZG1pbiIsInBobV9hZG1pbiJdLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9naXZlbm5hbWUiOiJwaG3ov5Dnu7TotKblj7ciLCJwaG9uZV9udW1iZXIiOiIxMzYwMDAwMDAwMCIsInBob25lX251bWJlcl92ZXJpZmllZCI6IlRydWUiLCJlbWFpbF92ZXJpZmllZCI6IlRydWUiLCJpYXQiOjE3MjQxNDAxNzYsInNjb3BlIjpbImFkZHJlc3MiLCJlbWFpbCIsImVwbSIsIm9wZW5pZCIsInBob25lIiwicHJvZmlsZSIsInJvbGUiLCJvZmZsaW5lX2FjY2VzcyJdLCJhbXIiOlsicHdkIl19.UbzQuknIHc6bHvyF-ph0NlqenAOCxUjlt1Q0DkPhX9BJkKMetIgo1HL9Dv0wJV1m7J5nkha7kqFM4lfnTXlZEn-hJdkse96C-NLfR4lrRedgrljhfqnwyCPZm0RbEOLsLAAKNN8Ib7m4NJ-4glgqO_ZdEMa4eZIY9WKSWDLsuyyMSyaXNGWzFf5aHGolIy4RguJ_NXzOJgZfsln3V9iaxSc7g2XXtn4gVIK-Pqw33Ig6_gpATd6hGFj0eBbZ6RMQPc-BNQ4H9JDvGuURIUsOAvcct2U36N1avB1qf9NKECFC4CoWR4CArcZJl-s5p2uCopcYe2d4alZqQofOzrei1Q';
+var token = 'Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6IkMyMTJFMjI1NTcwNjRDQTE3M0U2NjkxRjM4QzFDOEEyIiwidHlwIjoiYXQrand0In0.eyJuYmYiOjE3MjQxMjUzODgsImV4cCI6MTcyNDM4NDU4OCwiaXNzIjoiaHR0cDovL2ZhYmlvOjk5OTkvc3VwZXJjYXJlY29yZSIsImF1ZCI6ImVwbSIsImNsaWVudF9pZCI6ImVwbSIsInN1YiI6IjNhMTIxZDJiLWYwZDUtZDQ3OC0xN2Q3LWQwODEwZDgzZDViMSIsImF1dGhfdGltZSI6MTcyNDEyNTM4OCwiaWRwIjoibG9jYWwiLCJuYW1lIjoicGhtIiwiZW1haWwiOiJwaG1AYWJwLmlvIiwicm9sZSI6WyJhZG1pbiIsInBobV9hZG1pbiJdLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9naXZlbm5hbWUiOiJwaG3ov5Dnu7TotKblj7ciLCJwaG9uZV9udW1iZXIiOiIxMzYwMDAwMDAwMCIsInBob25lX251bWJlcl92ZXJpZmllZCI6IlRydWUiLCJlbWFpbF92ZXJpZmllZCI6IlRydWUiLCJpYXQiOjE3MjQxMjUzODgsInNjb3BlIjpbImFkZHJlc3MiLCJlbWFpbCIsImVwbSIsIm9wZW5pZCIsInBob25lIiwicHJvZmlsZSIsInJvbGUiLCJvZmZsaW5lX2FjY2VzcyJdLCJhbXIiOlsicHdkIl19.fH99cc4srAXIIsJARb7YTafKvM3qtpcdufA_NZKPNEtSRMFI6vhmr5qv2SdzLL2MvtRMwOTNTTAaIswMLKlp9IXDqJ2-E5yri6Qye1e1lp5mYlN-l8H0cGKVl3lpwfUBW85VK5UhSW4GP236Ae5MTBfqlxnriVhYwi0p2TYg4EdOYxmKAxZUER4PIhH40tkQjvA-KaHExJ0BDmGdIGTRTSpw_wqnpBHqzlWgjIurNUg-I_R4OfhMRE266cvr5TTdwfKB2tEpUYFPq-Nj6Oth3Oa2u1hdpXZX6JsqM3pKQCJYPbxLgg-Shgp1gPm21DE6GTxXKfx2UtV0YhBknnILzA';
 addInterceptor(function (httpClient) {
   httpClient.interceptors.request.use(function (_config) {
     if (!_config.headers) {

package/es/comps/MetadataForm/DataCell/Input.js

@@ -2,6 +2,7 @@ import "antd/es/form/style";
 import _Form from "antd/es/form";
 import "antd/es/select/style";
 import _Select from "antd/es/select";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import "antd/es/upload/style";
 import _Upload from "antd/es/upload";
@@ -20,7 +21,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2024-07-16 15:37:30
+ * @LastEditTime: 2024-08-20 17:58:34
  */
 import React from 'react';
 import { UploadOutlined } from '@ant-design/icons';
@@ -34,6 +35,8 @@ import { MetadataService } from '../../../framework/metadata/MetadataService';
 import SparkSqlTable from './plugin/SparkSqlTable';
 import MapTable from './plugin/MapTable';
 import SourceConfig from './plugin/SourceConfig';
+import DataSource from './plugin/Datasource';
+import BusinessForm from './business';
 var TextArea = _Input.TextArea;
 function Index(props) {
   var _extraInfo$addonAfter7;
@@ -131,7 +134,7 @@ function Index(props) {
     }, _callee);
   })), [extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.autoComplete]);
   var processInputType = function processInputType(_type) {
-    var _extraInfo$disabled, _extraInfo$disabled2, _extraInfo$disabled3, _extraInfo$disabled4, _extraInfo$disabled5, _extraInfo$disabled6, _extraInfo$disabled7, _extraInfo$addonAfter2, _extraInfo$addonAfter3, _extraInfo$addonAfter4, _extraInfo$addonAfter5, _extraInfo$disabled8;
+    var _extraInfo$disabled, _extraInfo$disabled2, _extraInfo$disabled3, _extraInfo$disabled4, _extraInfo$disabled5, _extraInfo$disabled6, _extraInfo$disabled7, _extraInfo$disabled8, _extraInfo$disabled9, _extraInfo$addonAfter2, _extraInfo$addonAfter3, _extraInfo$addonAfter4, _extraInfo$addonAfter5, _extraInfo$disabled10;
     switch (_type) {
       case 'autoComplete':
         return /*#__PURE__*/React.createElement(_AutoComplete, {
@@ -191,6 +194,22 @@ function Index(props) {
         return /*#__PURE__*/React.createElement(NumberRange, _extends({}, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.numberRange, {
           disabled: (_extraInfo$disabled7 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled7 !== void 0 ? _extraInfo$disabled7 : disabled
         }));
+      case 'datasource':
+        return /*#__PURE__*/React.createElement(DataSource, {
+          extraInfo: _objectSpread(_objectSpread({}, extraInfo), {}, {
+            labelSpan: formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan,
+            layout: formContext === null || formContext === void 0 ? void 0 : formContext.layout
+          }),
+          disabled: (_extraInfo$disabled8 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled8 !== void 0 ? _extraInfo$disabled8 : disabled
+        });
+      case 'bussiness':
+        return /*#__PURE__*/React.createElement(BusinessForm, {
+          extraInfo: _objectSpread(_objectSpread({}, extraInfo), {}, {
+            labelSpan: formContext === null || formContext === void 0 ? void 0 : formContext.labelSpan,
+            layout: formContext === null || formContext === void 0 ? void 0 : formContext.layout
+          }),
+          disabled: (_extraInfo$disabled9 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled9 !== void 0 ? _extraInfo$disabled9 : disabled
+        });
       case 'sparkSqlTable':
         return /*#__PURE__*/React.createElement(SparkSqlTable, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.sparkSqlTable);
       case 'mapTable':
@@ -211,13 +230,49 @@ function Index(props) {
           }))) : undefined,
           showCount: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.showCount,
           maxLength: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.maxLength,
-          disabled: (_extraInfo$disabled8 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled8 !== void 0 ? _extraInfo$disabled8 : disabled,
+          disabled: (_extraInfo$disabled10 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled10 !== void 0 ? _extraInfo$disabled10 : disabled,
           placeholder: tr(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder),
           title: tr(valueTitle),
           allowClear: true
         });
     }
   };
+  var getLabelCol = function getLabelCol() {
+    if (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) {
+      return {
+        flex: 0,
+        offset: 0
+      };
+    }
+    if (labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal') {
+      return {
+        flex: "0 0 ".concat(labelSpan * 100 / 24, "%"),
+        offset: 0
+      };
+    }
+    return undefined;
+  };
+  var getWrapperCol = function getWrapperCol() {
+    if (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) {
+      return {
+        style: {
+          width: 0,
+          flex: 0,
+          offset: 0
+        }
+      };
+    }
+    if (labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal') {
+      return {
+        style: {
+          width: "".concat((24 - labelSpan) * 100 / 24, "%")
+        },
+        flex: "0 0 ".concat((24 - labelSpan) * 100 / 24, "%"),
+        offset: 0
+      };
+    }
+    return undefined;
+  };
   // ref引用的  应用类型是否展示成表单
   if (isObj && isRefForm && field) {
     var _extraInfo$addonAfter6;
@@ -267,7 +322,10 @@ function Index(props) {
         color: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.color
       } : {}
     }, (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) ? '' : tr(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.label) || id),
-    labelCol: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? {
+    labelCol: labelSpan && (formContext === null || formContext === void 0 ? void 0 : formContext.layout) === 'horizontal' ? (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) ? {
+      flex: 0,
+      offset: 0
+    } : {
       flex: "0 0 ".concat(labelSpan * 100 / 24, "%"),
       offset: 0
     } : undefined,
@@ -280,7 +338,7 @@ function Index(props) {
     } : undefined,
     name: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$addonAfter7 = extraInfo.addonAfter) === null || _extraInfo$addonAfter7 === void 0 ? void 0 : _extraInfo$addonAfter7.key) ? [].concat(_toConsumableArray(name), ['value']) : name,
     rules: [{
-      required: notRequire ? !notRequire : extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require,
+      required: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) ? false : notRequire ? !notRequire : extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require,
       message: "".concat(tr('请输入'), " ").concat(tr(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.label) || id)
     }].concat(_toConsumableArray(rules)),
     help: tr(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help),

package/es/comps/MetadataForm/DataCell/business/config.d.ts

@@ -0,0 +1,86 @@
+export declare const BusinessSchema: {
+    kafka: {
+        id: string;
+        type: string;
+        properties: ({
+            id: string;
+            type: string;
+            fields: {
+                id: string;
+                type: string;
+                refId: string;
+                value: {
+                    common: {
+                        label: string;
+                        titleHidden: boolean;
+                        borderHidden: boolean;
+                        labelSpan: number;
+                    };
+                    'common-en-US': {};
+                    text: {
+                        type: string;
+                        datasource: {
+                            type: string[];
+                            kafka: {
+                                isMutiple: boolean;
+                            };
+                        };
+                    };
+                };
+            }[];
+            enum?: undefined;
+        } | {
+            id: string;
+            type: string;
+            enum: {
+                value: string;
+            }[];
+            fields: {
+                id: string;
+                type: string;
+                refId: string;
+                value: {
+                    common: {
+                        label: string;
+                        require: boolean;
+                        labelSpan: number;
+                        depend: {
+                            show: string;
+                        };
+                    };
+                    'common-en-US': {};
+                };
+            }[];
+        } | {
+            id: string;
+            type: string;
+            fields: {
+                id: string;
+                type: string;
+                refId: string;
+                value: {
+                    common: {
+                        label: string;
+                        require: boolean;
+                        labelSpan: number;
+                        depend: {
+                            show: string;
+                        };
+                    };
+                    'common-en-US': {};
+                };
+            }[];
+            enum?: undefined;
+        })[];
+        fields: {
+            id: string;
+            type: string;
+            refId: string;
+            value: {
+                colSpan: number;
+                labelSpan: number;
+                layout: string;
+            };
+        }[];
+    }[];
+};

package/es/comps/MetadataForm/DataCell/business/config.js

@@ -0,0 +1,92 @@
+/*
+ * @Author: wangxian
+ * @Date: 2024-08-20 19:43:42
+ * @LastEditTime: 2024-08-20 19:43:54
+ */
+var KAFKA_SCHEMA = [{
+  id: 'FormGenerator',
+  type: 'object',
+  properties: [{
+    id: 'datasource',
+    type: 'text',
+    fields: [{
+      id: 'Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          label: '数据源配置',
+          titleHidden: true,
+          borderHidden: true,
+          labelSpan: 4
+        },
+        'common-en-US': {},
+        text: {
+          type: 'datasource',
+          datasource: {
+            type: ['Kafka', 'PgSql'],
+            kafka: {
+              isMutiple: true
+            }
+          }
+        }
+      }
+    }]
+  }, {
+    id: 'autoOffsetReset',
+    type: 'enum',
+    enum: [{
+      value: 'earliest'
+    }, {
+      value: 'latest'
+    }],
+    fields: [{
+      id: 'Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          label: '消费策略',
+          require: true,
+          labelSpan: 4,
+          depend: {
+            show: 'datasource.dsType=="Kafka"'
+          }
+        },
+        'common-en-US': {}
+      }
+    }]
+  }, {
+    id: 'batchDuration',
+    type: 'number',
+    fields: [{
+      id: 'Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          label: '批间隔',
+          require: true,
+          labelSpan: 4,
+          depend: {
+            show: 'datasource.dsType=="Kafka"'
+          }
+        },
+        'common-en-US': {}
+      }
+    }]
+  }],
+  fields: [{
+    id: 'com.ronds.schema.default.Rule.Form',
+    type: 'ref',
+    refId: 'com.ronds.schema.default.Rule.Form',
+    value: {
+      colSpan: 24,
+      labelSpan: 2,
+      layout: 'horizontal'
+    }
+  }]
+}];
+export var BusinessSchema = {
+  kafka: KAFKA_SCHEMA
+};

package/es/comps/MetadataForm/DataCell/business/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IBusinessFormProps {
+    extraInfo?: any;
+    disabled?: boolean;
+    value?: any;
+    onChange?: (value: any) => void;
+}
+declare const BusinessForm: (props: IBusinessFormProps) => React.JSX.Element;
+export default BusinessForm;

package/es/comps/MetadataForm/DataCell/business/index.js

@@ -0,0 +1,23 @@
+import MetadataForm from '../..';
+import { BusinessSchema } from './config';
+import React from 'react';
+var BusinessForm = function BusinessForm(props) {
+  var _extraInfo$bussiness2;
+  var extraInfo = props.extraInfo,
+    disabled = props.disabled,
+    value = props.value,
+    onChange = props.onChange;
+  var schema = React.useMemo(function () {
+    var _extraInfo$bussiness;
+    return BusinessSchema[extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$bussiness = extraInfo.bussiness) === null || _extraInfo$bussiness === void 0 ? void 0 : _extraInfo$bussiness.type];
+  }, [extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$bussiness2 = extraInfo.bussiness) === null || _extraInfo$bussiness2 === void 0 ? void 0 : _extraInfo$bussiness2.type]);
+  var onValuesChange = function onValuesChange(values, allVals) {};
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MetadataForm, {
+    schema: schema,
+    getFormInstance: function getFormInstance(form) {
+      // formRef.current = form;
+    },
+    onValuesChange: onValuesChange
+  }));
+};
+export default BusinessForm;

package/es/comps/MetadataForm/DataCell/plugin/Datasource/Kafka.d.ts

@@ -0,0 +1,7 @@
+interface IKafkaDatasourceProps {
+    extraInfo?: any;
+    datasource?: any;
+    onChange?: any;
+}
+declare const KafkaDatasource: (props: IKafkaDatasourceProps) => import("react").JSX.Element;
+export default KafkaDatasource;

package/es/comps/MetadataForm/DataCell/plugin/Datasource/Kafka.js

@@ -0,0 +1,43 @@
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import React from "react";
+import { tr } from '../../../../../framework/locale';
+import { useGetDatasource } from './hooks';
+var KafkaDatasource = function KafkaDatasource(props) {
+  var _extraInfo$datasource, _extraInfo$datasource2;
+  var extraInfo = props.extraInfo,
+    datasource = props.datasource,
+    onChange = props.onChange;
+  var topicOpts = useGetDatasource('Kafka', 2, datasource);
+  var onTopicChange = function onTopicChange(value) {
+    onChange && onChange(value);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Col, {
+    span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
+    flex: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? "0 0 ".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) * 100 / 24, "%") : ''
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ant-form-item-label",
+    style: {
+      width: '100%',
+      textAlign: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? 'right' : 'left'),
+      flex: '1'
+    }
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+  }, tr('主题'))))), /*#__PURE__*/React.createElement(_Col, {
+    flex: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? "0 0 ".concat((24 - (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan)) * 100 / 24, "%") : 1,
+    style: {
+      paddingBottom: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(_Select, {
+    mode: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource = extraInfo.datasource) === null || _extraInfo$datasource === void 0 ? void 0 : (_extraInfo$datasource2 = _extraInfo$datasource.kafka) === null || _extraInfo$datasource2 === void 0 ? void 0 : _extraInfo$datasource2.isMutiple) ? 'multiple' : undefined,
+    allowClear: true,
+    options: topicOpts,
+    onChange: onTopicChange
+  })));
+};
+export default KafkaDatasource;

package/es/comps/MetadataForm/DataCell/plugin/Datasource/PostgreSQL.d.ts

@@ -0,0 +1,5 @@
+interface IPostgreSQLDatasourceProps {
+    extraInfo?: any;
+}
+declare const PostgreSQLDatasource: (props: IPostgreSQLDatasourceProps) => import("react").JSX.Element;
+export default PostgreSQLDatasource;

package/es/comps/MetadataForm/DataCell/plugin/Datasource/PostgreSQL.js

@@ -0,0 +1,60 @@
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import React from "react";
+/*
+ * @Author: wangxian
+ * @Date: 2024-08-20 14:32:52
+ * @LastEditTime: 2024-08-20 14:34:19
+ */
+import { tr } from '../../../../../framework/locale';
+var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
+  var extraInfo = props.extraInfo;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Col, {
+    span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
+    flex: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? "0 0 ".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) * 100 / 24, "%") : ''
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ant-form-item-label",
+    style: {
+      width: '100%',
+      textAlign: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? 'right' : 'left'),
+      flex: '1'
+    }
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+  }, tr('数据库'))))), /*#__PURE__*/React.createElement(_Col, {
+    flex: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? "0 0 ".concat((24 - (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan)) * 100 / 24, "%") : 1,
+    style: {
+      paddingBottom: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(_Select, {
+    mode: "multiple",
+    allowClear: true
+  })), /*#__PURE__*/React.createElement(_Col, {
+    span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
+    flex: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? "0 0 ".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) * 100 / 24, "%") : ''
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ant-form-item-label",
+    style: {
+      width: '100%',
+      textAlign: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? 'right' : 'left'),
+      flex: '1'
+    }
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+  }, tr('模式'))))), /*#__PURE__*/React.createElement(_Col, {
+    flex: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? "0 0 ".concat((24 - (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan)) * 100 / 24, "%") : 1,
+    style: {
+      paddingBottom: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(_Select, {
+    mode: "multiple",
+    allowClear: true
+  })));
+};
+export default PostgreSQLDatasource;

package/es/comps/MetadataForm/DataCell/plugin/Datasource/hooks.d.ts

@@ -0,0 +1 @@
+export declare const useGetDatasource: (type: string, level?: number, source?: string) => any[];

package/es/comps/MetadataForm/DataCell/plugin/Datasource/hooks.js

@@ -0,0 +1,69 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { MetadataService } from '../../../../../framework/metadata/MetadataService';
+import React from 'react';
+/*
+ * @Author: wangxian
+ * @Date: 2024-08-20 14:38:09
+ * @LastEditTime: 2024-08-20 18:24:10
+ */
+export var useGetDatasource = function useGetDatasource(type) {
+  var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var source = arguments.length > 2 ? arguments[2] : undefined;
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    list = _React$useState2[0],
+    setList = _React$useState2[1];
+  var server = new MetadataService();
+  var getHttpResult = React.useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_type, _level) {
+      var res, _config, _list;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return server.GetEnumDataByUrl(DATASOURCE_HTTP_URL, 'post', {
+              type: _type,
+              level: _level,
+              source: source
+            });
+          case 2:
+            res = _context.sent;
+            _config = RESULT_MAP[_level];
+            _list = res.map(function (it) {
+              return {
+                value: it[_config.key],
+                label: it[_config.value]
+              };
+            });
+            setList(_toConsumableArray(_list));
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [source]);
+  React.useEffect(function () {
+    if (type && level) {
+      getHttpResult(type, level);
+    }
+  }, [type, level, source, getHttpResult]);
+  return list;
+};
+var DATASOURCE_HTTP_URL = '/dataset-web/source/cascade/data/v2';
+var RESULT_MAP = {
+  1: {
+    key: 'config',
+    value: 'name'
+  },
+  2: {
+    key: 'name',
+    value: 'name'
+  }
+};

package/es/comps/MetadataForm/DataCell/plugin/Datasource/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IDatasourceProps {
+    extraInfo?: any;
+    disabled?: boolean;
+    value?: any;
+    onChange?: (value: any) => void;
+}
+declare const DataSource: (props: IDatasourceProps) => React.JSX.Element;
+export default DataSource;

package/es/comps/MetadataForm/DataCell/plugin/Datasource/index.js

@@ -0,0 +1,128 @@
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { tr } from '../../../../../framework/locale';
+import React from 'react';
+import KafkaDatasource from './Kafka';
+import { LinkOutlined } from '@ant-design/icons';
+import PostgreSQLDatasource from './PostgreSQL';
+import { useGetDatasource } from './hooks';
+var DataSource = function DataSource(props) {
+  var _extraInfo$datasource2;
+  var extraInfo = props.extraInfo,
+    disabled = props.disabled,
+    value = props.value,
+    onChange = props.onChange;
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    dsType = _React$useState2[0],
+    setDsType = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    datasource = _React$useState4[0],
+    setDatasource = _React$useState4[1];
+  var valueRef = React.useRef({});
+  var datasourceOpts = useGetDatasource(dsType);
+  var datasourceTypeOpts = React.useMemo(function () {
+    var _extraInfo$datasource;
+    var typeEnum = (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource = extraInfo.datasource) === null || _extraInfo$datasource === void 0 ? void 0 : _extraInfo$datasource.type) || [];
+    return typeEnum.map(function (it) {
+      return {
+        value: it,
+        label: it
+      };
+    });
+  }, [extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource2 = extraInfo.datasource) === null || _extraInfo$datasource2 === void 0 ? void 0 : _extraInfo$datasource2.type]);
+  var triggerChange = function triggerChange(changedValue) {
+    valueRef.current = _objectSpread(_objectSpread({}, valueRef.current), changedValue);
+    onChange && onChange(valueRef.current);
+  };
+  var onDatasourceTypeChange = function onDatasourceTypeChange(value) {
+    setDsType(value);
+    triggerChange({
+      dsType: value
+    });
+  };
+  var onDatasourceChange = function onDatasourceChange(value) {
+    setDatasource(value);
+    triggerChange(_objectSpread({
+      datasource: value
+    }, JSON.parse(value)));
+  };
+  var onKafkaChange = function onKafkaChange(value) {
+    triggerChange({
+      topics: value
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.borderHidden) ? {
+      padding: '10px 10px 10px 10px',
+      border: '1px solid var(--ronds-metadata-color-border-1)',
+      width: '100%',
+      borderRadius: '4px'
+    } : {}
+  }, /*#__PURE__*/React.createElement(_Row, {
+    className: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.borderHidden) && 'ant-form-item',
+    style: {
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
+    flex: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? "0 0 ".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) * 100 / 24, "%") : ''
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ant-form-item-label",
+    style: {
+      width: '100%',
+      textAlign: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? 'right' : 'left'),
+      flex: '1'
+    }
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.require) && 'ant-form-item-required')
+  }, tr('数据源')))), /*#__PURE__*/React.createElement(_Col, {
+    flex: (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal' ? "0 0 ".concat((24 - (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan)) * 100 / 24, "%") : 1,
+    style: {
+      paddingBottom: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(_Input.Group, {
+    compact: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    id: 'datasourceType',
+    style: {
+      width: '30%'
+    },
+    options: datasourceTypeOpts,
+    onChange: onDatasourceTypeChange
+  }), /*#__PURE__*/React.createElement(_Select, {
+    id: 'datasource',
+    style: {
+      width: 'calc(70% - 32px)'
+    },
+    options: datasourceOpts,
+    onChange: onDatasourceChange
+  }), /*#__PURE__*/React.createElement(_Tooltip, {
+    title: tr('测试链接'),
+    style: {
+      width: '32px'
+    }
+  }, /*#__PURE__*/React.createElement(_Button, {
+    icon: /*#__PURE__*/React.createElement(LinkOutlined, null)
+  })))), dsType === 'Kafka' && /*#__PURE__*/React.createElement(KafkaDatasource, {
+    extraInfo: extraInfo,
+    datasource: datasource,
+    onChange: onKafkaChange
+  }), dsType === 'PgSql' && /*#__PURE__*/React.createElement(PostgreSQLDatasource, {
+    extraInfo: extraInfo
+  }))));
+};
+export default DataSource;

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

@@ -34,14 +34,10 @@ var MapTable = function MapTable(props) {
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     output = _React$useState10[0],
     setOutput = _React$useState10[1];
-  var _React$useState11 = React.useState(false),
+  var _React$useState11 = React.useState(),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    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];
+    disableArray = _React$useState12[0],
+    setDisableArray = _React$useState12[1];
   var sourceEditableStreamRef = React.useRef();
   var targetEditableStreamRef = React.useRef();
   var _React$useContext = React.useContext(MetadataFormContext),
@@ -110,17 +106,14 @@ var MapTable = function MapTable(props) {
     }
   }, [disableArray]);
   React.useEffect(function () {
-    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);
+    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);
     }
   }, [form.getFieldsValue()]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

package/es/comps/MetadataForm/HOC/index.js

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-11-27 11:19:01
+ * @LastEditTime: 2024-08-20 18:59:44
  */
 import React from 'react';
 import { deepClone } from '../../../utils';

package/es/comps/MetadataForm/hooks/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: your name
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-11-27 13:58:40
+ * @LastEditTime: 2024-08-20 19:38:44
  */
 import { getLocale } from '../../../framework/locale';
 import moment from 'moment';
@@ -99,6 +99,9 @@ export var useWatchDepend = function useWatchDepend(_depends, stream$, name) {
 };
 var processDependHiddenOrShow = function processDependHiddenOrShow(depend, changeData, stream$, name) {
   try {
+    // if (depend === 'datasource.dsType =="Kafka"') {
+    //   debugger;
+    // }
     // const regex = /\w+(\.\w+)?[=<>!]{1}/g;
     var regex = /\w+(\.\w+)?[=<>!]{1}|\w+(\.\w+)?(\.indexOf\('.+'\)[=<>!]{1})/g;
     var keys = depend.trim().replace(/\s/g, '').match(regex);
@@ -127,6 +130,8 @@ var processDependHiddenOrShow = function processDependHiddenOrShow(depend, chang
       }
       if (_changeData || _changeData === 0) {
         var r = key === _key[0] ? "'".concat(_changeData, "'") : eval("_changeData.".concat(_key[1]));
+        // 判断 r 是否是字符串
+        r = typeof r === 'string' ? "\"".concat(r, "\"") : r;
         expression = expression.replace(key, r);
       } else {
         expression = expression.replace(key, undefined);

package/package.json

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