ronds-metadata 1.3.83 → 1.3.85

package/es/comps/CodeEdit/index.d.ts

@@ -15,6 +15,7 @@ interface ICodeEditProps {
      * 编辑框输入值改变回调
      */
     onChange?: (txt: string) => void;
+    readOnly?: boolean;
 }
 declare const CodeEdit: (props: ICodeEditProps) => React.JSX.Element;
 export default CodeEdit;

package/es/comps/CodeEdit/index.js

@@ -19,7 +19,8 @@ var CodeEdit = function CodeEdit(props) {
     theme = _props$theme === void 0 ? 'light' : _props$theme,
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'javascript' : _props$mode,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    readOnly = props.readOnly;
   var editorRef = React.useRef(null);
   var firstLoadRef = React.useRef(true);
   var monaco = useMonaco();
@@ -131,7 +132,7 @@ var CodeEdit = function CodeEdit(props) {
       editorRef.current = editor;
     },
     options: {
-      readOnly: false,
+      readOnly: readOnly,
       automaticLayout: true,
       wordWrap: 'on',
       quickSuggestions: true,

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

@@ -133,7 +133,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$disabled8, _extraInfo$disabled9, _extraInfo$addonAfter2, _extraInfo$addonAfter3, _extraInfo$addonAfter4, _extraInfo$addonAfter5, _extraInfo$disabled10;
+    var _extraInfo$disabled, _extraInfo$disabled2, _extraInfo$disabled3, _extraInfo$disabled4, _extraInfo$disabled5, _extraInfo$disabled6, _extraInfo$disabled7, _extraInfo$disabled8, _extraInfo$disabled9, _extraInfo$disabled10, _extraInfo$disabled11, _extraInfo$addonAfter2, _extraInfo$addonAfter3, _extraInfo$addonAfter4, _extraInfo$addonAfter5, _extraInfo$disabled12;
     switch (_type) {
       case 'autoComplete':
         return /*#__PURE__*/React.createElement(_AutoComplete, {
@@ -210,9 +210,13 @@ function Index(props) {
           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);
+        return /*#__PURE__*/React.createElement(SparkSqlTable, _extends({}, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.sparkSqlTable, {
+          disabled: (_extraInfo$disabled10 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled10 !== void 0 ? _extraInfo$disabled10 : disabled
+        }));
       case 'mapTable':
-        return /*#__PURE__*/React.createElement(MapTable, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.mapTable);
+        return /*#__PURE__*/React.createElement(MapTable, _extends({}, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.mapTable, {
+          disabled: (_extraInfo$disabled11 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled11 !== void 0 ? _extraInfo$disabled11 : disabled
+        }));
       default:
         return /*#__PURE__*/React.createElement(_Input, {
           addonAfter: ((_extraInfo$addonAfter2 = extraInfo.addonAfter) === null || _extraInfo$addonAfter2 === void 0 ? void 0 : _extraInfo$addonAfter2.key) ? /*#__PURE__*/React.createElement(_Form.Item, {
@@ -227,7 +231,7 @@ 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$disabled10 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled10 !== void 0 ? _extraInfo$disabled10 : disabled,
+          disabled: (_extraInfo$disabled12 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled12 !== void 0 ? _extraInfo$disabled12 : disabled,
           placeholder: tr(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder),
           title: tr(valueTitle),
           allowClear: true

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

@@ -129,7 +129,6 @@ export declare const BusinessSchema: {
                         id: string;
                         label: string;
                         colSpan: number;
-                        disabled: boolean;
                         depend: {
                             show: string;
                         };

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

@@ -148,7 +148,7 @@ var ETL_SOURCE_SCHEMA = [{
           id: 'filepathValue',
           label: '文件路径',
           colSpan: 2,
-          disabled: true,
+          // disabled: true,
           depend: {
             show: 'datasource.dsType=="Minio"'
           }

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

@@ -18,7 +18,7 @@ var BusinessForm = function BusinessForm(props) {
     if (value) {
       formRef.current.setFieldsValue(_objectSpread({}, value));
     }
-  }, []);
+  }, [value]);
   var triggerChange = function triggerChange(changedValue) {
     valueRef.current = _objectSpread(_objectSpread({}, valueRef.current), changedValue);
     onChange && onChange(valueRef.current);
@@ -27,6 +27,7 @@ var BusinessForm = function BusinessForm(props) {
     triggerChange(values);
   };
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MetadataForm, {
+    disabled: disabled,
     schema: schema,
     getFormInstance: function getFormInstance(form) {
       formRef.current = form;

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

@@ -6,6 +6,7 @@ interface ICassandraDatasourceProps {
     labelCol: string;
     onChange?: any;
     initialValue?: any;
+    disabled?: any;
 }
 declare const CassandraDatasource: (props: ICassandraDatasourceProps) => React.JSX.Element;
 export default CassandraDatasource;

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

@@ -20,7 +20,8 @@ var CassandraDatasource = function CassandraDatasource(props) {
     onChange = props.onChange,
     wrapperCol = props.wrapperCol,
     labelCol = props.labelCol,
-    initialValue = props.initialValue;
+    initialValue = props.initialValue,
+    disabled = props.disabled;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     keySpace = _React$useState2[0],
@@ -78,7 +79,8 @@ var CassandraDatasource = function CassandraDatasource(props) {
     allowClear: true,
     value: keySpace,
     options: keySpaceOpts,
-    onChange: onKeySpaceChange
+    onChange: onKeySpaceChange,
+    disabled: disabled
   })), /*#__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
@@ -108,7 +110,8 @@ var CassandraDatasource = function CassandraDatasource(props) {
     onChange: onDataTableChange,
     style: {
       width: 'calc(100% - 32px)'
-    }
+    },
+    disabled: disabled
   }), /*#__PURE__*/React.createElement(_Tooltip, {
     title: tr('手动建表'),
     style: {
@@ -116,13 +119,15 @@ var CassandraDatasource = function CassandraDatasource(props) {
     }
   }, /*#__PURE__*/React.createElement(_Button, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
-    onClick: onPlusClick
+    onClick: onPlusClick,
+    disabled: disabled
   }))) : /*#__PURE__*/React.createElement(_Select, {
     mode: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource7 = extraInfo.datasource) === null || _extraInfo$datasource7 === void 0 ? void 0 : (_extraInfo$datasource8 = _extraInfo$datasource7.cassandra) === null || _extraInfo$datasource8 === void 0 ? void 0 : _extraInfo$datasource8.isMutiple) ? 'multiple' : undefined,
     allowClear: true,
     value: dataTable,
     options: dataTableOpts,
-    onChange: onDataTableChange
+    onChange: onDataTableChange,
+    disabled: disabled
   })));
 };
 export default CassandraDatasource;

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

@@ -6,6 +6,7 @@ interface IKafkaDatasourceProps {
     labelCol: string;
     onChange?: any;
     initialValue?: any;
+    disabled?: any;
 }
 declare const KafkaDatasource: (props: IKafkaDatasourceProps) => React.JSX.Element;
 export default KafkaDatasource;

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

@@ -20,7 +20,8 @@ var KafkaDatasource = function KafkaDatasource(props) {
     onChange = props.onChange,
     wrapperCol = props.wrapperCol,
     labelCol = props.labelCol,
-    initialValue = props.initialValue;
+    initialValue = props.initialValue,
+    disabled = props.disabled;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     topic = _React$useState2[0],
@@ -71,7 +72,8 @@ var KafkaDatasource = function KafkaDatasource(props) {
     onChange: onTopicChange,
     style: {
       width: 'calc(100% - 32px)'
-    }
+    },
+    disabled: disabled
   }), /*#__PURE__*/React.createElement(_Tooltip, {
     title: tr('手动建表'),
     style: {
@@ -79,13 +81,15 @@ var KafkaDatasource = function KafkaDatasource(props) {
     }
   }, /*#__PURE__*/React.createElement(_Button, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
-    onClick: onPlusClick
+    onClick: onPlusClick,
+    disabled: disabled
   }))) : /*#__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.kafka) === null || _extraInfo$datasource6 === void 0 ? void 0 : _extraInfo$datasource6.isMutiple) ? 'multiple' : undefined,
     value: topic,
     allowClear: true,
     options: topicOpts,
-    onChange: onTopicChange
+    onChange: onTopicChange,
+    disabled: disabled
   })));
 };
 export default KafkaDatasource;

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

@@ -6,6 +6,7 @@ interface IPostgreSQLDatasourceProps {
     datasource?: any;
     onChange?: any;
     initialValue?: any;
+    disabled?: boolean;
 }
 declare const PostgreSQLDatasource: (props: IPostgreSQLDatasourceProps) => React.JSX.Element;
 export default PostgreSQLDatasource;

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

@@ -25,7 +25,8 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
     labelCol = props.labelCol,
     datasource = props.datasource,
     onChange = props.onChange,
-    initialValue = props.initialValue;
+    initialValue = props.initialValue,
+    disabled = props.disabled;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dataBase = _React$useState2[0],
@@ -95,7 +96,8 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
     allowClear: true,
     value: dataBase,
     options: dataBaseOpts,
-    onChange: onDataBaseChange
+    onChange: onDataBaseChange,
+    disabled: disabled
   })), /*#__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
@@ -120,7 +122,8 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
     allowClear: true,
     value: schema,
     options: schemaOpts,
-    onChange: onSchemaChange
+    onChange: onSchemaChange,
+    disabled: disabled
   })), /*#__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
@@ -150,7 +153,8 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
     onChange: onDataTableChange,
     style: {
       width: 'calc(100% - 32px)'
-    }
+    },
+    disabled: disabled
   }), /*#__PURE__*/React.createElement(_Tooltip, {
     title: tr('手动建表'),
     style: {
@@ -158,13 +162,15 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
     }
   }, /*#__PURE__*/React.createElement(_Button, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
-    onClick: onPlusClick
+    onClick: onPlusClick,
+    disabled: disabled
   }))) : /*#__PURE__*/React.createElement(_Select, {
     mode: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource9 = extraInfo.datasource) === null || _extraInfo$datasource9 === void 0 ? void 0 : (_extraInfo$datasource10 = _extraInfo$datasource9.postgreSql) === null || _extraInfo$datasource10 === void 0 ? void 0 : _extraInfo$datasource10.isMutiple) ? 'multiple' : undefined,
     allowClear: true,
     value: dataTable,
     options: dataTableOpts,
-    onChange: onDataTableChange
+    onChange: onDataTableChange,
+    disabled: disabled
   })));
 };
 export default PostgreSQLDatasource;

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

@@ -6,6 +6,7 @@ interface ISqlServerDatasourceProps {
     labelCol: string;
     onChange?: any;
     initialValue?: any;
+    disabled?: any;
 }
 declare const SqlServerDatasource: (props: ISqlServerDatasourceProps) => React.JSX.Element;
 export default SqlServerDatasource;

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

@@ -20,7 +20,8 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
     wrapperCol = props.wrapperCol,
     labelCol = props.labelCol,
     onChange = props.onChange,
-    initialValue = props.initialValue;
+    initialValue = props.initialValue,
+    disabled = props.disabled;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dataBase = _React$useState2[0],
@@ -90,7 +91,8 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
     allowClear: true,
     value: dataBase,
     options: dataBaseOpts,
-    onChange: onDataBaseChange
+    onChange: onDataBaseChange,
+    disabled: disabled
   })), /*#__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
@@ -115,7 +117,8 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
     allowClear: true,
     value: schema,
     options: schemaOpts,
-    onChange: onSchemaChange
+    onChange: onSchemaChange,
+    disabled: disabled
   })), /*#__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
@@ -145,7 +148,8 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
     onChange: onDataTableChange,
     style: {
       width: 'calc(100% - 32px)'
-    }
+    },
+    disabled: disabled
   }), /*#__PURE__*/React.createElement(_Tooltip, {
     title: tr('手动建表'),
     style: {
@@ -153,13 +157,15 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
     }
   }, /*#__PURE__*/React.createElement(_Button, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
-    onClick: onPlusClick
+    onClick: onPlusClick,
+    disabled: disabled
   }))) : /*#__PURE__*/React.createElement(_Select, {
     mode: (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource9 = extraInfo.datasource) === null || _extraInfo$datasource9 === void 0 ? void 0 : (_extraInfo$datasource10 = _extraInfo$datasource9.sqlServer) === null || _extraInfo$datasource10 === void 0 ? void 0 : _extraInfo$datasource10.isMutiple) ? 'multiple' : undefined,
     allowClear: true,
     value: dataTable,
     options: dataTableOpts,
-    onChange: onDataTableChange
+    onChange: onDataTableChange,
+    disabled: disabled
   })));
 };
 export default SqlServerDatasource;

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

@@ -64,6 +64,16 @@ var DataSource = function DataSource(props) {
       };
     });
   }, [extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$datasource2 = extraInfo.datasource) === null || _extraInfo$datasource2 === void 0 ? void 0 : _extraInfo$datasource2.type]);
+  var resetDatasource = function resetDatasource(value) {
+    var updateValue = _objectSpread({}, valueRef.current);
+    Object.keys(updateValue).forEach(function (key) {
+      if (key !== 'dsType') {
+        updateValue[key] = undefined;
+      }
+    });
+    updateValue.dsType = value;
+    return updateValue;
+  };
   var triggerChange = function triggerChange(changedValue) {
     valueRef.current = _objectSpread(_objectSpread({}, valueRef.current), changedValue);
     onChange && onChange(valueRef.current);
@@ -71,10 +81,7 @@ var DataSource = function DataSource(props) {
   var onDatasourceTypeChange = function onDatasourceTypeChange(value) {
     setDsType(value);
     setDatasource('');
-    triggerChange({
-      dsType: value,
-      datasource: ''
-    });
+    triggerChange(_objectSpread({}, resetDatasource(value)));
   };
   var onDatasourceChange = function onDatasourceChange(value) {
     setDatasource(value);
@@ -113,6 +120,16 @@ var DataSource = function DataSource(props) {
           datasource: value.datasource
         });
       }
+      if (value.link) {
+        triggerChange({
+          link: value.link
+        });
+      }
+      if (value.plus) {
+        triggerChange({
+          plus: value.plus
+        });
+      }
       switch (value === null || value === void 0 ? void 0 : value.dsType) {
         case 'Kafka':
           setKafkaInitValue(value);
@@ -167,7 +184,8 @@ var DataSource = function DataSource(props) {
     },
     value: dsType,
     options: datasourceTypeOpts,
-    onChange: onDatasourceTypeChange
+    onChange: onDatasourceTypeChange,
+    disabled: disabled
   }), /*#__PURE__*/React.createElement(_Select, {
     id: 'datasource',
     style: {
@@ -175,7 +193,8 @@ var DataSource = function DataSource(props) {
     },
     value: datasource,
     options: datasourceOpts,
-    onChange: onDatasourceChange
+    onChange: onDatasourceChange,
+    disabled: disabled
   }), /*#__PURE__*/React.createElement(_Tooltip, {
     title: tr('测试链接'),
     style: {
@@ -183,35 +202,40 @@ var DataSource = function DataSource(props) {
     }
   }, /*#__PURE__*/React.createElement(_Button, {
     icon: /*#__PURE__*/React.createElement(LinkOutlined, null),
-    onClick: onLinkClick
+    onClick: onLinkClick,
+    disabled: disabled
   })))), dsType === 'Kafka' && /*#__PURE__*/React.createElement(KafkaDatasource, {
     wrapperCol: wrapperCol,
     labelCol: labelCol,
     extraInfo: extraInfo,
     datasource: datasource,
     onChange: onKafkaChange,
-    initialValue: kafkaInitValue
+    initialValue: kafkaInitValue,
+    disabled: disabled
   }), dsType === 'PostgreSql' && /*#__PURE__*/React.createElement(PostgreSQLDatasource, {
     wrapperCol: wrapperCol,
     labelCol: labelCol,
     extraInfo: extraInfo,
     datasource: datasource,
     onChange: onPgSqlChange,
-    initialValue: postgreSQLInitValue
+    initialValue: postgreSQLInitValue,
+    disabled: disabled
   }), dsType === 'Cassandra' && /*#__PURE__*/React.createElement(CassandraDatasource, {
     wrapperCol: wrapperCol,
     labelCol: labelCol,
     extraInfo: extraInfo,
     datasource: datasource,
     onChange: onCassandraChange,
-    initialValue: cassandraInitValue
+    initialValue: cassandraInitValue,
+    disabled: disabled
   }), dsType === 'SqlServer' && /*#__PURE__*/React.createElement(SqlServerDatasource, {
     wrapperCol: wrapperCol,
     labelCol: labelCol,
     extraInfo: extraInfo,
     datasource: datasource,
     onChange: onSqlServerChange,
-    initialValue: sqlServerInitValue
+    initialValue: sqlServerInitValue,
+    disabled: disabled
   }))));
 };
 export default DataSource;

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

@@ -2,6 +2,7 @@ import React from 'react';
 interface IMapTableProps {
     extraInfo?: any;
     value?: any;
+    disabled?: boolean;
     onChange?: (value: any) => void;
 }
 declare const MapTable: (props: IMapTableProps) => React.JSX.Element;

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

@@ -21,7 +21,8 @@ import { STREAM_EVENT_TYPE } from '../../constants';
 var MapTable = function MapTable(props) {
   var value = props.value,
     onChange = props.onChange,
-    extraInfo = props.extraInfo;
+    extraInfo = props.extraInfo,
+    disabled = props.disabled;
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     tableDataSource = _React$useState2[0],
@@ -184,7 +185,8 @@ var MapTable = function MapTable(props) {
   }, /*#__PURE__*/React.createElement(_Select, {
     onChange: onOutputChange,
     value: output,
-    options: options
+    options: options,
+    disabled: disabled
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
@@ -197,7 +199,7 @@ var MapTable = function MapTable(props) {
       width: '40%'
     }
   }, /*#__PURE__*/React.createElement(Editable, {
-    readonly: true,
+    readonly: disabled,
     type: "single",
     columns: columnSource,
     dataSource: tableDataSource,
@@ -210,7 +212,7 @@ var MapTable = function MapTable(props) {
     onMove: onSourceMove
   })), /*#__PURE__*/React.createElement("div", {
     style: {
-      marginTop: '40px',
+      marginTop: '39px',
       marginRight: '6px'
     }
   }, _toConsumableArray(Array(Math.min(tableDataSource === null || tableDataSource === void 0 ? void 0 : tableDataSource.length, tableDataTarget === null || tableDataTarget === void 0 ? void 0 : tableDataTarget.length))).map(function (_, index) {
@@ -219,8 +221,7 @@ var MapTable = function MapTable(props) {
       style: {
         marginLeft: '6px',
         marginRight: '6px',
-        marginBottom: '-2px',
-        lineHeight: '30px'
+        lineHeight: '33px'
       }
     }, /*#__PURE__*/React.createElement(_Button, {
       key: index,
@@ -228,14 +229,15 @@ var MapTable = function MapTable(props) {
       icon: disableArray && disableArray[index] ? /*#__PURE__*/React.createElement(ArrowRightOutlined, null) : /*#__PURE__*/React.createElement(CloseCircleFilled, null),
       onClick: function onClick() {
         return onBtnClick(index);
-      }
+      },
+      disabled: disabled
     }));
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       width: '40%'
     }
   }, /*#__PURE__*/React.createElement(Editable, {
-    readonly: true,
+    readonly: disabled,
     type: "single",
     columns: columnTarget,
     dataSource: tableDataTarget,
@@ -256,20 +258,14 @@ var columnSource = [{
 }, {
   title: '类型',
   dataIndex: 'type',
-  key: 'type',
-  render: function render(val) {
-    return val !== null && val !== void 0 ? val : 'null';
-  }
+  key: 'type'
 }, {
   title: '注释',
   dataIndex: 'label',
-  key: 'label',
-  render: function render(val) {
-    return val !== null && val !== void 0 ? val : 'null';
-  }
+  key: 'label'
 }];
 var columnTarget = [{
-  title: '来源表字段',
+  title: '目标表字段',
   dataIndex: 'name',
   key: 'name'
 }, {

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

@@ -4,6 +4,7 @@ interface ISparkSqlTableProps {
     initSql?: string;
     value?: any;
     extraInfo?: any;
+    disabled?: boolean;
     onChange?: (value: any) => void;
 }
 declare const SparkSqlTable: (props: ISparkSqlTableProps) => React.JSX.Element;

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

@@ -22,7 +22,8 @@ import { STREAM_EVENT_TYPE } from '../../constants';
 var SparkSqlTable = function SparkSqlTable(props) {
   var value = props.value,
     extraInfo = props.extraInfo,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    disabled = props.disabled;
   var _React$useState = React.useState('orgin'),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     view = _React$useState2[0],
@@ -40,20 +41,35 @@ var SparkSqlTable = function SparkSqlTable(props) {
   var formContext = React.useContext(MetadataFormContext) || {};
   useObservable(function (p) {
     if ((p === null || p === void 0 ? void 0 : p.type) === STREAM_EVENT_TYPE.ON_VALUES_CHANGE) {
-      var _p$payload, _val$datasource, _val$datasource3;
+      var _p$payload, _val$datasource, _val$datasource5;
       var val = p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.val;
       var _selected;
+      var _array = [];
       if (val === null || val === void 0 ? void 0 : (_val$datasource = val.datasource) === null || _val$datasource === void 0 ? void 0 : _val$datasource.topics) {
-        var _val$datasource2, _val$datasource2$topi;
-        _selected = val === null || val === void 0 ? void 0 : (_val$datasource2 = val.datasource) === null || _val$datasource2 === void 0 ? void 0 : (_val$datasource2$topi = _val$datasource2.topics) === null || _val$datasource2$topi === void 0 ? void 0 : _val$datasource2$topi.map(function (p) {
+        var _val$datasource2;
+        if (!Array.isArray(val === null || val === void 0 ? void 0 : (_val$datasource2 = val.datasource) === null || _val$datasource2 === void 0 ? void 0 : _val$datasource2.topics)) {
+          var _val$datasource3;
+          _array = [val === null || val === void 0 ? void 0 : (_val$datasource3 = val.datasource) === null || _val$datasource3 === void 0 ? void 0 : _val$datasource3.topics];
+        } else {
+          var _val$datasource4;
+          _array = val === null || val === void 0 ? void 0 : (_val$datasource4 = val.datasource) === null || _val$datasource4 === void 0 ? void 0 : _val$datasource4.topics;
+        }
+        _selected = _array.map(function (p) {
           var _JSON$parse;
           return (_JSON$parse = JSON.parse(p)) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse.name;
         });
         setSelected(_toConsumableArray(_selected));
       }
-      if (val === null || val === void 0 ? void 0 : (_val$datasource3 = val.datasource) === null || _val$datasource3 === void 0 ? void 0 : _val$datasource3.dt) {
-        var _val$datasource4, _val$datasource4$dt;
-        _selected = val === null || val === void 0 ? void 0 : (_val$datasource4 = val.datasource) === null || _val$datasource4 === void 0 ? void 0 : (_val$datasource4$dt = _val$datasource4.dt) === null || _val$datasource4$dt === void 0 ? void 0 : _val$datasource4$dt.map(function (p) {
+      if (val === null || val === void 0 ? void 0 : (_val$datasource5 = val.datasource) === null || _val$datasource5 === void 0 ? void 0 : _val$datasource5.dt) {
+        var _val$datasource6;
+        if (!Array.isArray(val === null || val === void 0 ? void 0 : (_val$datasource6 = val.datasource) === null || _val$datasource6 === void 0 ? void 0 : _val$datasource6.dt)) {
+          var _val$datasource7;
+          _array = [val === null || val === void 0 ? void 0 : (_val$datasource7 = val.datasource) === null || _val$datasource7 === void 0 ? void 0 : _val$datasource7.dt];
+        } else {
+          var _val$datasource8;
+          _array = val === null || val === void 0 ? void 0 : (_val$datasource8 = val.datasource) === null || _val$datasource8 === void 0 ? void 0 : _val$datasource8.dt;
+        }
+        _selected = _array.map(function (p) {
           var _JSON$parse2;
           return (_JSON$parse2 = JSON.parse(p)) === null || _JSON$parse2 === void 0 ? void 0 : _JSON$parse2.name;
         });
@@ -161,7 +177,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
       marginRight: '8px'
     },
     value: view,
-    onChange: onViewChange
+    onChange: onViewChange,
+    disabled: true
   })), /*#__PURE__*/React.createElement("span", {
     style: {
       display: 'flex',
@@ -217,7 +234,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
       value: item.alias,
       onChange: function onChange(val) {
         onListChange(val.target.value, idx, 'alias');
-      }
+      },
+      disabled: disabled
     })), /*#__PURE__*/React.createElement("span", null, tr('输出视图'), ' ', /*#__PURE__*/React.createElement(_Input, {
       style: {
         width: '160px',
@@ -227,7 +245,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
       value: item.outputView,
       onChange: function onChange(val) {
         return onListChange(val.target.value, idx, 'outputView');
-      }
+      },
+      disabled: disabled
     }))), /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '4px',
@@ -241,7 +260,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
       theme: ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : _getConfig.theme) === 'normal' ? 'light' : 'vs-dark',
       onChange: function onChange(val) {
         return onListChange(val, idx, 'sqlEdit');
-      }
+      },
+      readOnly: disabled
     }))), /*#__PURE__*/React.createElement(MinusCircleOutlined, {
       style: {
         marginLeft: 'auto'
@@ -253,7 +273,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
   }), /*#__PURE__*/React.createElement(_Button, {
     type: "dashed",
     onClick: handleAddItem,
-    icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    disabled: disabled
   }, tr('添加SQL语句')))))));
 };
 export default SparkSqlTable;

package/es/config.js

@@ -61,6 +61,7 @@ globalSettingStream.pipe(map(function (p) {
 export function getConfigByKey(key) {
   return config[key];
 }
+debugger;
 /**  获取全部配置 */
 export var getConfig = function getConfig() {
   return config;

package/package.json

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