ronds-metadata 1.3.74 → 1.3.76

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

@@ -1,6 +1,8 @@
 interface IKafkaDatasourceProps {
     extraInfo?: any;
     datasource?: any;
+    wrapperCol: string;
+    labelCol: string;
     onChange?: any;
 }
 declare const KafkaDatasource: (props: IKafkaDatasourceProps) => import("react").JSX.Element;

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

@@ -9,14 +9,18 @@ var KafkaDatasource = function KafkaDatasource(props) {
   var _extraInfo$datasource, _extraInfo$datasource2;
   var extraInfo = props.extraInfo,
     datasource = props.datasource,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    wrapperCol = props.wrapperCol,
+    labelCol = props.labelCol;
   var topicOpts = useGetDatasource('Kafka', 2, datasource);
   var onTopicChange = function onTopicChange(value) {
-    onChange && onChange(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: (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, "%") : ''
+    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", {
@@ -29,7 +33,7 @@ var KafkaDatasource = function KafkaDatasource(props) {
   }, /*#__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,
+    flex: wrapperCol,
     style: {
       paddingBottom: '8px'
     }

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

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

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

@@ -2,18 +2,53 @@ 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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxian
  * @Date: 2024-08-20 14:32:52
- * @LastEditTime: 2024-08-20 14:34:19
+ * @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 = props.extraInfo;
+  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: (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, "%") : ''
+    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", {
@@ -26,16 +61,18 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
   }, /*#__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,
+    flex: wrapperCol,
     style: {
       paddingBottom: '8px'
     }
   }, /*#__PURE__*/React.createElement(_Select, {
-    mode: "multiple",
-    allowClear: true
+    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: (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, "%") : ''
+    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", {
@@ -48,13 +85,39 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
   }, /*#__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,
+    flex: wrapperCol,
     style: {
       paddingBottom: '8px'
     }
   }, /*#__PURE__*/React.createElement(_Select, {
-    mode: "multiple",
-    allowClear: true
+    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;

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

@@ -0,0 +1,118 @@
+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 { useGetDatasource } from './hooks';
+import React from 'react';
+var SqlServerDatasource = function SqlServerDatasource(props) {
+  var _extraInfo$datasource, _extraInfo$datasource2, _extraInfo$datasource3, _extraInfo$datasource4, _extraInfo$datasource5, _extraInfo$datasource6;
+  var extraInfo = props.extraInfo,
+    datasource = props.datasource,
+    wrapperCol = props.wrapperCol,
+    labelCol = props.labelCol,
+    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('SqlServer', 2, datasource);
+  var schemaOpts = useGetDatasource('SqlServer', 3, datasource, dataBase ? JSON.parse(dataBase).name : undefined);
+  var dataTableOpts = useGetDatasource('SqlServer', 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.sqlServer) === 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.sqlServer) === 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.sqlServer) === null || _extraInfo$datasource6 === void 0 ? void 0 : _extraInfo$datasource6.isMutiple) ? 'multiple' : undefined,
+    allowClear: true,
+    options: dataTableOpts,
+    onChange: onDataTableChange
+  })));
+};
+export default SqlServerDatasource;

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

@@ -1 +1,3 @@
-export declare const useGetDatasource: (type: string, level?: number, source?: string) => any[];
+export declare const useGetDatasource: (type: string, level?: number, source?: string, levelTwo?: string, levelThree?: string) => any[];
+export declare const useGetLabelCol: (extraInfo: any) => string;
+export declare const useGetWrapperCol: (extraInfo: any) => string;

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

@@ -7,11 +7,13 @@ import React from 'react';
 /*
  * @Author: wangxian
  * @Date: 2024-08-20 14:38:09
- * @LastEditTime: 2024-08-20 18:24:10
+ * @LastEditTime: 2024-08-21 09:31:11
  */
 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 levelTwo = arguments.length > 3 ? arguments[3] : undefined;
+  var levelThree = arguments.length > 4 ? arguments[4] : undefined;
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     list = _React$useState2[0],
@@ -19,17 +21,35 @@ export var useGetDatasource = function useGetDatasource(type) {
   var server = new MetadataService();
   var getHttpResult = React.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_type, _level) {
-      var res, _config, _list;
+      var param, 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:
+            if (levelThree) {
+              param = {
+                type: _type,
+                level: _level,
+                source: source,
+                levelTwo: levelTwo,
+                levelThree: levelThree
+              };
+            } else if (levelTwo) {
+              param = {
+                type: _type,
+                level: _level,
+                source: source,
+                levelTwo: levelTwo
+              };
+            } else {
+              param = {
+                type: _type,
+                level: _level,
+                source: source
+              };
+            }
+            _context.next = 3;
+            return server.GetEnumDataByUrl(DATASOURCE_HTTP_URL, 'post', param);
+          case 3:
             res = _context.sent;
             _config = RESULT_MAP[_level];
             _list = res.map(function (it) {
@@ -39,7 +59,7 @@ export var useGetDatasource = function useGetDatasource(type) {
               };
             });
             setList(_toConsumableArray(_list));
-          case 6:
+          case 7:
           case "end":
             return _context.stop();
         }
@@ -48,14 +68,46 @@ export var useGetDatasource = function useGetDatasource(type) {
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
     };
-  }(), [source]);
+  }(), [source, levelTwo, levelThree]);
   React.useEffect(function () {
     if (type && level) {
       getHttpResult(type, level);
     }
-  }, [type, level, source, getHttpResult]);
+  }, [type, level, source, levelTwo, levelThree, getHttpResult]);
   return list;
 };
+export var useGetLabelCol = function useGetLabelCol(extraInfo) {
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    flex = _React$useState4[0],
+    setFlex = _React$useState4[1];
+  React.useEffect(function () {
+    if ((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal') {
+      if ((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.colSpan)) {
+        setFlex("0 0 ".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) * 100 / (24 * (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.colSpan)), "%"));
+      } else {
+        setFlex("0 0 ".concat((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) * 100 / 24, "%"));
+      }
+    }
+  }, [extraInfo]);
+  return flex;
+};
+export var useGetWrapperCol = function useGetWrapperCol(extraInfo) {
+  var _React$useState5 = React.useState('1'),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    flex = _React$useState6[0],
+    setFlex = _React$useState6[1];
+  React.useEffect(function () {
+    if ((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'horizontal') {
+      if ((extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.titleHidden) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.colSpan)) {
+        setFlex("0 0 ".concat(100 - (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) * 100 / (24 * (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.colSpan)), "%"));
+      } else {
+        setFlex("0 0 ".concat((24 - (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan)) * 100 / 24, "%"));
+      }
+    }
+  }, [extraInfo]);
+  return flex;
+};
 var DATASOURCE_HTTP_URL = '/dataset-web/source/cascade/data/v2';
 var RESULT_MAP = {
   1: {
@@ -63,7 +115,15 @@ var RESULT_MAP = {
     value: 'name'
   },
   2: {
-    key: 'name',
+    key: 'config',
+    value: 'name'
+  },
+  3: {
+    key: 'config',
+    value: 'name'
+  },
+  4: {
+    key: 'config',
     value: 'name'
   }
 };