ronds-metadata 1.3.73 → 1.3.75

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

@@ -0,0 +1,322 @@
+/*
+ * @Author: wangxian
+ * @Date: 2024-08-20 19:43:42
+ * @LastEditTime: 2024-08-21 09:07:58
+ */
+var ETL_SOURCE_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: '数据源配置',
+          require: true,
+          titleHidden: true,
+          borderHidden: true,
+          // labelSpan: 2,
+          colSpan: 2
+        },
+        'common-en-US': {},
+        text: {
+          type: 'datasource',
+          datasource: {
+            type: ['Kafka', 'PostgreSql', 'Minio', 'SqlServer'],
+            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': {}
+      }
+    }]
+  }, {
+    id: 'fetchsize',
+    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=="PostgreSql" || datasource.dsType=="SqlServer"'
+          }
+        },
+        'common-en-US': {}
+      }
+    }]
+  }, {
+    id: 'sql',
+    type: 'text',
+    fields: [{
+      id: 'Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          label: 'SQL',
+          require: true,
+          labelSpan: 4,
+          depend: {
+            show: 'datasource.dsType=="PostgreSql" || datasource.dsType=="SqlServer"'
+          }
+        },
+        'common-en-US': {}
+      }
+    }]
+  }, {
+    id: 'filepath',
+    type: 'text',
+    fields: [{
+      id: 'com.ronds.schema.default.Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          id: 'filepath',
+          label: '文件上传',
+          depend: {
+            show: 'datasource.dsType=="Minio"'
+          }
+        },
+        text: {
+          type: 'upload'
+        }
+      }
+    }]
+  }, {
+    id: 'headers',
+    type: 'array',
+    fields: [{
+      id: 'com.ronds.schema.default.Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          id: 'headers',
+          label: '文件信息',
+          colSpan: 2,
+          depend: {
+            show: 'datasource.dsType=="Minio"'
+          }
+        },
+        array: {
+          layout: 'table'
+        }
+      }
+    }],
+    items: {
+      type: 'ref',
+      refId: 'headers_ref'
+    }
+  }, {
+    id: 'sparkSql',
+    type: 'text',
+    fields: [{
+      id: 'Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          label: 'Spark Sql',
+          colSpan: 2,
+          labelSpan: 4,
+          require: true
+        },
+        'common-en-US': {},
+        text: {
+          type: 'sparkSqlTable',
+          sparkSqlTable: {
+            extraDico: [],
+            initSql: 'select * from raw.ChannerlLog'
+          }
+        }
+      }
+    }]
+  }],
+  fields: [{
+    id: 'com.ronds.schema.default.Rule.Form',
+    type: 'ref',
+    refId: 'com.ronds.schema.default.Rule.Form',
+    value: {
+      colSpan: 12,
+      labelSpan: 4,
+      layout: 'horizontal'
+    }
+  }],
+  types: [{
+    id: 'headers_ref',
+    type: 'object',
+    properties: [{
+      id: 'input_fc05',
+      type: 'text',
+      fields: [{
+        id: 'com.ronds.schema.default.Rule.Form',
+        type: 'ref',
+        refId: 'com.ronds.schema.default.Rule.Form',
+        value: {
+          common: {
+            id: 'sheetname',
+            label: '页名',
+            depend: {}
+          },
+          text: {}
+        }
+      }]
+    }, {
+      id: 'input_ae91',
+      type: 'number',
+      fields: [{
+        id: 'com.ronds.schema.default.Rule.Form',
+        type: 'ref',
+        refId: 'com.ronds.schema.default.Rule.Form',
+        value: {
+          common: {
+            id: 'header',
+            label: '表头位置',
+            depend: {}
+          },
+          text: {}
+        }
+      }]
+    }]
+  }]
+}];
+var ETL_DIRECTION_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: '数据源配置',
+          require: true,
+          titleHidden: true,
+          borderHidden: true,
+          // labelSpan: 2,
+          colSpan: 2
+        },
+        'common-en-US': {},
+        text: {
+          type: 'datasource',
+          datasource: {
+            type: ['Cassandra', 'PostgreSql', 'Minio', 'SqlServer'],
+            kafka: {
+              isMutiple: true
+            }
+          }
+        }
+      }
+    }]
+  }, {
+    id: 'filepath',
+    type: 'text',
+    fields: [{
+      id: 'Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          label: '文件路径',
+          require: true,
+          labelSpan: 4,
+          colSpan: 2,
+          depend: {
+            show: 'datasource.dsType=="Minio"'
+          }
+        },
+        'common-en-US': {}
+      }
+    }]
+  }, {
+    id: 'mapTable',
+    type: 'text',
+    fields: [{
+      id: 'Rule.Form',
+      type: 'ref',
+      refId: 'com.ronds.schema.default.Rule.Form',
+      value: {
+        common: {
+          label: '字段映射',
+          colSpan: 2,
+          labelSpan: 4
+        },
+        'common-en-US': {},
+        text: {
+          type: 'mapTable',
+          mapTable: {}
+        }
+      }
+    }]
+  }],
+  fields: [{
+    id: 'com.ronds.schema.default.Rule.Form',
+    type: 'ref',
+    refId: 'com.ronds.schema.default.Rule.Form',
+    value: {
+      colSpan: 12,
+      labelSpan: 4,
+      layout: 'horizontal'
+    }
+  }]
+}];
+export var BusinessSchema = {
+  etl_source: ETL_SOURCE_SCHEMA,
+  etl_direction: ETL_DIRECTION_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,31 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 valueRef = React.useRef({});
+  var triggerChange = function triggerChange(changedValue) {
+    valueRef.current = _objectSpread(_objectSpread({}, valueRef.current), changedValue);
+    onChange && onChange(valueRef.current);
+  };
+  var onValuesChange = function onValuesChange(values, allVals) {
+    triggerChange(values);
+  };
+  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/Cassandra.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ICassandraDatasourceProps {
+    extraInfo?: any;
+    datasource?: any;
+    wrapperCol: string;
+    labelCol: string;
+    onChange?: any;
+}
+declare const CassandraDatasource: (props: ICassandraDatasourceProps) => React.JSX.Element;
+export default CassandraDatasource;

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

@@ -0,0 +1,103 @@
+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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { tr } from '@/framework/locale';
+import React from 'react';
+import { useGetDatasource } from './hooks';
+import { PlusOutlined } from '@ant-design/icons';
+var CassandraDatasource = function CassandraDatasource(props) {
+  var _extraInfo$datasource, _extraInfo$datasource2, _extraInfo$datasource3, _extraInfo$datasource4;
+  var extraInfo = props.extraInfo,
+    datasource = props.datasource,
+    onChange = props.onChange,
+    wrapperCol = props.wrapperCol,
+    labelCol = props.labelCol;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    keySpace = _React$useState2[0],
+    setKeySpace = _React$useState2[1];
+  var keySpaceOpts = useGetDatasource('Cassandra', 2, datasource);
+  var dataTableOpts = useGetDatasource('Cassandra', 3, datasource, keySpace ? JSON.parse(keySpace).name : undefined);
+  var onKeySpaceChange = function onKeySpaceChange(value) {
+    debugger;
+    setKeySpace(value);
+    onChange && onChange({
+      keyspace: value
+    });
+  };
+  var onDataTableChange = function onDataTableChange(value) {
+    onChange && onChange({
+      dt: 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: labelCol
+  }, /*#__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: wrapperCol,
+    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.cassandra) === null || _extraInfo$datasource2 === void 0 ? void 0 : _extraInfo$datasource2.isMutiple) ? 'multiple' : undefined,
+    allowClear: true,
+    options: keySpaceOpts,
+    onChange: onKeySpaceChange
+  })), /*#__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: labelCol
+  }, /*#__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: wrapperCol,
+    style: {
+      paddingBottom: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(_Input.Group, {
+    compact: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    mode: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource3 = extraInfo.datasource) === null || _extraInfo$datasource3 === void 0 ? void 0 : (_extraInfo$datasource4 = _extraInfo$datasource3.cassandra) === null || _extraInfo$datasource4 === void 0 ? void 0 : _extraInfo$datasource4.isMutiple) ? 'multiple' : undefined,
+    allowClear: true,
+    options: dataTableOpts,
+    onChange: onDataTableChange,
+    style: {
+      width: 'calc(100% - 32px)'
+    }
+  }), /*#__PURE__*/React.createElement(_Tooltip, {
+    title: tr('手动建表'),
+    style: {
+      width: '32px'
+    }
+  }, /*#__PURE__*/React.createElement(_Button, {
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
+  })))));
+};
+export default CassandraDatasource;

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

@@ -0,0 +1,9 @@
+interface IKafkaDatasourceProps {
+    extraInfo?: any;
+    datasource?: any;
+    wrapperCol: string;
+    labelCol: string;
+    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,47 @@
+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,
+    wrapperCol = props.wrapperCol,
+    labelCol = props.labelCol;
+  var topicOpts = useGetDatasource('Kafka', 2, datasource);
+  var onTopicChange = function onTopicChange(value) {
+    onChange && onChange({
+      topics: 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: labelCol
+  }, /*#__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: wrapperCol,
+    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,10 @@
+import React from 'react';
+interface IPostgreSQLDatasourceProps {
+    extraInfo?: any;
+    wrapperCol: string;
+    labelCol: string;
+    datasource?: any;
+    onChange?: any;
+}
+declare const PostgreSQLDatasource: (props: IPostgreSQLDatasourceProps) => React.JSX.Element;
+export default PostgreSQLDatasource;

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

@@ -0,0 +1,123 @@
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * @Author: wangxian
+ * @Date: 2024-08-20 14:32:52
+ * @LastEditTime: 2024-08-21 10:11:43
+ */
+import { tr } from '../../../../../framework/locale';
+import { useGetDatasource } from './hooks';
+import React from 'react';
+var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
+  var _extraInfo$datasource, _extraInfo$datasource2, _extraInfo$datasource3, _extraInfo$datasource4, _extraInfo$datasource5, _extraInfo$datasource6;
+  var extraInfo = props.extraInfo,
+    wrapperCol = props.wrapperCol,
+    labelCol = props.labelCol,
+    datasource = props.datasource,
+    onChange = props.onChange;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    dataBase = _React$useState2[0],
+    setDataBase = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    schema = _React$useState4[0],
+    setSchema = _React$useState4[1];
+  var dataBaseOpts = useGetDatasource('PostgreSql', 2, datasource);
+  var schemaOpts = useGetDatasource('PostgreSql', 3, datasource, dataBase ? JSON.parse(dataBase).name : undefined);
+  var dataTableOpts = useGetDatasource('PostgreSql', 4, datasource, dataBase ? JSON.parse(dataBase).name : undefined, schema ? JSON.parse(schema).name : undefined);
+  var onDataBaseChange = function onDataBaseChange(value) {
+    setDataBase(value);
+    onChange && onChange({
+      db: value
+    });
+  };
+  var onSchemaChange = function onSchemaChange(value) {
+    setSchema(value);
+    onChange && onChange({
+      schema: value
+    });
+  };
+  var onDataTableChange = function onDataTableChange(value) {
+    onChange && onChange({
+      dt: 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: labelCol
+  }, /*#__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: wrapperCol,
+    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.postgreSql) === null || _extraInfo$datasource2 === void 0 ? void 0 : _extraInfo$datasource2.isMutiple) ? 'multiple' : undefined,
+    allowClear: true,
+    options: dataBaseOpts,
+    onChange: onDataBaseChange
+  })), /*#__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: labelCol
+  }, /*#__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: wrapperCol,
+    style: {
+      paddingBottom: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(_Select, {
+    mode: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource3 = extraInfo.datasource) === null || _extraInfo$datasource3 === void 0 ? void 0 : (_extraInfo$datasource4 = _extraInfo$datasource3.postgreSql) === null || _extraInfo$datasource4 === void 0 ? void 0 : _extraInfo$datasource4.isMutiple) ? 'multiple' : undefined,
+    allowClear: true,
+    options: schemaOpts,
+    onChange: onSchemaChange
+  })), /*#__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: labelCol
+  }, /*#__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: wrapperCol,
+    style: {
+      paddingBottom: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(_Select, {
+    mode: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource5 = extraInfo.datasource) === null || _extraInfo$datasource5 === void 0 ? void 0 : (_extraInfo$datasource6 = _extraInfo$datasource5.postgreSql) === null || _extraInfo$datasource6 === void 0 ? void 0 : _extraInfo$datasource6.isMutiple) ? 'multiple' : undefined,
+    allowClear: true,
+    options: dataTableOpts,
+    onChange: onDataTableChange
+  })));
+};
+export default PostgreSQLDatasource;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ISqlServerDatasourceProps {
+    extraInfo?: any;
+    datasource?: any;
+    wrapperCol: string;
+    labelCol: string;
+    onChange?: any;
+}
+declare const SqlServerDatasource: (props: ISqlServerDatasourceProps) => React.JSX.Element;
+export default SqlServerDatasource;