ronds-metadata 1.3.84 → 1.3.85
Sign up to get free protection for your applications and to get access to all the features.
- package/es/comps/CodeEdit/index.d.ts +1 -0
- package/es/comps/CodeEdit/index.js +3 -2
- package/es/comps/MetadataForm/DataCell/Input.js +8 -4
- package/es/comps/MetadataForm/DataCell/business/index.js +1 -0
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/Cassandra.d.ts +1 -0
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/Cassandra.js +10 -5
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/Kafka.d.ts +1 -0
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/Kafka.js +8 -4
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/PostgreSQL.d.ts +1 -0
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/PostgreSQL.js +12 -6
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/SqlServer.d.ts +1 -0
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/SqlServer.js +12 -6
- package/es/comps/MetadataForm/DataCell/plugin/Datasource/index.js +24 -7
- package/es/comps/MetadataForm/DataCell/plugin/MapTable.d.ts +1 -0
- package/es/comps/MetadataForm/DataCell/plugin/MapTable.js +12 -16
- package/es/comps/MetadataForm/DataCell/plugin/SparkSqlTable.d.ts +1 -0
- package/es/comps/MetadataForm/DataCell/plugin/SparkSqlTable.js +12 -6
- package/es/config.js +1 -0
- package/package.json +1 -1
@@ -19,7 +19,8 @@ var CodeEdit = function CodeEdit(props) {
|
|
19
19
|
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
20
20
|
_props$mode = props.mode,
|
21
21
|
mode = _props$mode === void 0 ? 'javascript' : _props$mode,
|
22
|
-
onChange = props.onChange
|
22
|
+
onChange = props.onChange,
|
23
|
+
readOnly = props.readOnly;
|
23
24
|
var editorRef = React.useRef(null);
|
24
25
|
var firstLoadRef = React.useRef(true);
|
25
26
|
var monaco = useMonaco();
|
@@ -131,7 +132,7 @@ var CodeEdit = function CodeEdit(props) {
|
|
131
132
|
editorRef.current = editor;
|
132
133
|
},
|
133
134
|
options: {
|
134
|
-
readOnly:
|
135
|
+
readOnly: readOnly,
|
135
136
|
automaticLayout: true,
|
136
137
|
wordWrap: 'on',
|
137
138
|
quickSuggestions: true,
|
@@ -133,7 +133,7 @@ function Index(props) {
|
|
133
133
|
}, _callee);
|
134
134
|
})), [extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.autoComplete]);
|
135
135
|
var processInputType = function processInputType(_type) {
|
136
|
-
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$
|
136
|
+
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;
|
137
137
|
switch (_type) {
|
138
138
|
case 'autoComplete':
|
139
139
|
return /*#__PURE__*/React.createElement(_AutoComplete, {
|
@@ -210,9 +210,13 @@ function Index(props) {
|
|
210
210
|
disabled: (_extraInfo$disabled9 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled9 !== void 0 ? _extraInfo$disabled9 : disabled
|
211
211
|
});
|
212
212
|
case 'sparkSqlTable':
|
213
|
-
return /*#__PURE__*/React.createElement(SparkSqlTable, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.sparkSqlTable
|
213
|
+
return /*#__PURE__*/React.createElement(SparkSqlTable, _extends({}, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.sparkSqlTable, {
|
214
|
+
disabled: (_extraInfo$disabled10 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled10 !== void 0 ? _extraInfo$disabled10 : disabled
|
215
|
+
}));
|
214
216
|
case 'mapTable':
|
215
|
-
return /*#__PURE__*/React.createElement(MapTable, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.mapTable
|
217
|
+
return /*#__PURE__*/React.createElement(MapTable, _extends({}, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.mapTable, {
|
218
|
+
disabled: (_extraInfo$disabled11 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled11 !== void 0 ? _extraInfo$disabled11 : disabled
|
219
|
+
}));
|
216
220
|
default:
|
217
221
|
return /*#__PURE__*/React.createElement(_Input, {
|
218
222
|
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) {
|
|
227
231
|
}))) : undefined,
|
228
232
|
showCount: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.showCount,
|
229
233
|
maxLength: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.maxLength,
|
230
|
-
disabled: (_extraInfo$
|
234
|
+
disabled: (_extraInfo$disabled12 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled12 !== void 0 ? _extraInfo$disabled12 : disabled,
|
231
235
|
placeholder: tr(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder),
|
232
236
|
title: tr(valueTitle),
|
233
237
|
allowClear: true
|
@@ -27,6 +27,7 @@ var BusinessForm = function BusinessForm(props) {
|
|
27
27
|
triggerChange(values);
|
28
28
|
};
|
29
29
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MetadataForm, {
|
30
|
+
disabled: disabled,
|
30
31
|
schema: schema,
|
31
32
|
getFormInstance: function getFormInstance(form) {
|
32
33
|
formRef.current = form;
|
@@ -20,7 +20,8 @@ var CassandraDatasource = function CassandraDatasource(props) {
|
|
20
20
|
onChange = props.onChange,
|
21
21
|
wrapperCol = props.wrapperCol,
|
22
22
|
labelCol = props.labelCol,
|
23
|
-
initialValue = props.initialValue
|
23
|
+
initialValue = props.initialValue,
|
24
|
+
disabled = props.disabled;
|
24
25
|
var _React$useState = React.useState(),
|
25
26
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
26
27
|
keySpace = _React$useState2[0],
|
@@ -78,7 +79,8 @@ var CassandraDatasource = function CassandraDatasource(props) {
|
|
78
79
|
allowClear: true,
|
79
80
|
value: keySpace,
|
80
81
|
options: keySpaceOpts,
|
81
|
-
onChange: onKeySpaceChange
|
82
|
+
onChange: onKeySpaceChange,
|
83
|
+
disabled: disabled
|
82
84
|
})), /*#__PURE__*/React.createElement(_Col, {
|
83
85
|
span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
|
84
86
|
flex: labelCol
|
@@ -108,7 +110,8 @@ var CassandraDatasource = function CassandraDatasource(props) {
|
|
108
110
|
onChange: onDataTableChange,
|
109
111
|
style: {
|
110
112
|
width: 'calc(100% - 32px)'
|
111
|
-
}
|
113
|
+
},
|
114
|
+
disabled: disabled
|
112
115
|
}), /*#__PURE__*/React.createElement(_Tooltip, {
|
113
116
|
title: tr('手动建表'),
|
114
117
|
style: {
|
@@ -116,13 +119,15 @@ var CassandraDatasource = function CassandraDatasource(props) {
|
|
116
119
|
}
|
117
120
|
}, /*#__PURE__*/React.createElement(_Button, {
|
118
121
|
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
119
|
-
onClick: onPlusClick
|
122
|
+
onClick: onPlusClick,
|
123
|
+
disabled: disabled
|
120
124
|
}))) : /*#__PURE__*/React.createElement(_Select, {
|
121
125
|
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,
|
122
126
|
allowClear: true,
|
123
127
|
value: dataTable,
|
124
128
|
options: dataTableOpts,
|
125
|
-
onChange: onDataTableChange
|
129
|
+
onChange: onDataTableChange,
|
130
|
+
disabled: disabled
|
126
131
|
})));
|
127
132
|
};
|
128
133
|
export default CassandraDatasource;
|
@@ -20,7 +20,8 @@ var KafkaDatasource = function KafkaDatasource(props) {
|
|
20
20
|
onChange = props.onChange,
|
21
21
|
wrapperCol = props.wrapperCol,
|
22
22
|
labelCol = props.labelCol,
|
23
|
-
initialValue = props.initialValue
|
23
|
+
initialValue = props.initialValue,
|
24
|
+
disabled = props.disabled;
|
24
25
|
var _React$useState = React.useState(),
|
25
26
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
26
27
|
topic = _React$useState2[0],
|
@@ -71,7 +72,8 @@ var KafkaDatasource = function KafkaDatasource(props) {
|
|
71
72
|
onChange: onTopicChange,
|
72
73
|
style: {
|
73
74
|
width: 'calc(100% - 32px)'
|
74
|
-
}
|
75
|
+
},
|
76
|
+
disabled: disabled
|
75
77
|
}), /*#__PURE__*/React.createElement(_Tooltip, {
|
76
78
|
title: tr('手动建表'),
|
77
79
|
style: {
|
@@ -79,13 +81,15 @@ var KafkaDatasource = function KafkaDatasource(props) {
|
|
79
81
|
}
|
80
82
|
}, /*#__PURE__*/React.createElement(_Button, {
|
81
83
|
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
82
|
-
onClick: onPlusClick
|
84
|
+
onClick: onPlusClick,
|
85
|
+
disabled: disabled
|
83
86
|
}))) : /*#__PURE__*/React.createElement(_Select, {
|
84
87
|
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,
|
85
88
|
value: topic,
|
86
89
|
allowClear: true,
|
87
90
|
options: topicOpts,
|
88
|
-
onChange: onTopicChange
|
91
|
+
onChange: onTopicChange,
|
92
|
+
disabled: disabled
|
89
93
|
})));
|
90
94
|
};
|
91
95
|
export default KafkaDatasource;
|
@@ -25,7 +25,8 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
|
|
25
25
|
labelCol = props.labelCol,
|
26
26
|
datasource = props.datasource,
|
27
27
|
onChange = props.onChange,
|
28
|
-
initialValue = props.initialValue
|
28
|
+
initialValue = props.initialValue,
|
29
|
+
disabled = props.disabled;
|
29
30
|
var _React$useState = React.useState(),
|
30
31
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
31
32
|
dataBase = _React$useState2[0],
|
@@ -95,7 +96,8 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
|
|
95
96
|
allowClear: true,
|
96
97
|
value: dataBase,
|
97
98
|
options: dataBaseOpts,
|
98
|
-
onChange: onDataBaseChange
|
99
|
+
onChange: onDataBaseChange,
|
100
|
+
disabled: disabled
|
99
101
|
})), /*#__PURE__*/React.createElement(_Col, {
|
100
102
|
span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
|
101
103
|
flex: labelCol
|
@@ -120,7 +122,8 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
|
|
120
122
|
allowClear: true,
|
121
123
|
value: schema,
|
122
124
|
options: schemaOpts,
|
123
|
-
onChange: onSchemaChange
|
125
|
+
onChange: onSchemaChange,
|
126
|
+
disabled: disabled
|
124
127
|
})), /*#__PURE__*/React.createElement(_Col, {
|
125
128
|
span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
|
126
129
|
flex: labelCol
|
@@ -150,7 +153,8 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
|
|
150
153
|
onChange: onDataTableChange,
|
151
154
|
style: {
|
152
155
|
width: 'calc(100% - 32px)'
|
153
|
-
}
|
156
|
+
},
|
157
|
+
disabled: disabled
|
154
158
|
}), /*#__PURE__*/React.createElement(_Tooltip, {
|
155
159
|
title: tr('手动建表'),
|
156
160
|
style: {
|
@@ -158,13 +162,15 @@ var PostgreSQLDatasource = function PostgreSQLDatasource(props) {
|
|
158
162
|
}
|
159
163
|
}, /*#__PURE__*/React.createElement(_Button, {
|
160
164
|
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
161
|
-
onClick: onPlusClick
|
165
|
+
onClick: onPlusClick,
|
166
|
+
disabled: disabled
|
162
167
|
}))) : /*#__PURE__*/React.createElement(_Select, {
|
163
168
|
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,
|
164
169
|
allowClear: true,
|
165
170
|
value: dataTable,
|
166
171
|
options: dataTableOpts,
|
167
|
-
onChange: onDataTableChange
|
172
|
+
onChange: onDataTableChange,
|
173
|
+
disabled: disabled
|
168
174
|
})));
|
169
175
|
};
|
170
176
|
export default PostgreSQLDatasource;
|
@@ -20,7 +20,8 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
|
|
20
20
|
wrapperCol = props.wrapperCol,
|
21
21
|
labelCol = props.labelCol,
|
22
22
|
onChange = props.onChange,
|
23
|
-
initialValue = props.initialValue
|
23
|
+
initialValue = props.initialValue,
|
24
|
+
disabled = props.disabled;
|
24
25
|
var _React$useState = React.useState(),
|
25
26
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
26
27
|
dataBase = _React$useState2[0],
|
@@ -90,7 +91,8 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
|
|
90
91
|
allowClear: true,
|
91
92
|
value: dataBase,
|
92
93
|
options: dataBaseOpts,
|
93
|
-
onChange: onDataBaseChange
|
94
|
+
onChange: onDataBaseChange,
|
95
|
+
disabled: disabled
|
94
96
|
})), /*#__PURE__*/React.createElement(_Col, {
|
95
97
|
span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
|
96
98
|
flex: labelCol
|
@@ -115,7 +117,8 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
|
|
115
117
|
allowClear: true,
|
116
118
|
value: schema,
|
117
119
|
options: schemaOpts,
|
118
|
-
onChange: onSchemaChange
|
120
|
+
onChange: onSchemaChange,
|
121
|
+
disabled: disabled
|
119
122
|
})), /*#__PURE__*/React.createElement(_Col, {
|
120
123
|
span: !(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.labelSpan) && (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.layout) === 'vertical' && 24,
|
121
124
|
flex: labelCol
|
@@ -145,7 +148,8 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
|
|
145
148
|
onChange: onDataTableChange,
|
146
149
|
style: {
|
147
150
|
width: 'calc(100% - 32px)'
|
148
|
-
}
|
151
|
+
},
|
152
|
+
disabled: disabled
|
149
153
|
}), /*#__PURE__*/React.createElement(_Tooltip, {
|
150
154
|
title: tr('手动建表'),
|
151
155
|
style: {
|
@@ -153,13 +157,15 @@ var SqlServerDatasource = function SqlServerDatasource(props) {
|
|
153
157
|
}
|
154
158
|
}, /*#__PURE__*/React.createElement(_Button, {
|
155
159
|
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
156
|
-
onClick: onPlusClick
|
160
|
+
onClick: onPlusClick,
|
161
|
+
disabled: disabled
|
157
162
|
}))) : /*#__PURE__*/React.createElement(_Select, {
|
158
163
|
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,
|
159
164
|
allowClear: true,
|
160
165
|
value: dataTable,
|
161
166
|
options: dataTableOpts,
|
162
|
-
onChange: onDataTableChange
|
167
|
+
onChange: onDataTableChange,
|
168
|
+
disabled: disabled
|
163
169
|
})));
|
164
170
|
};
|
165
171
|
export default SqlServerDatasource;
|
@@ -120,6 +120,16 @@ var DataSource = function DataSource(props) {
|
|
120
120
|
datasource: value.datasource
|
121
121
|
});
|
122
122
|
}
|
123
|
+
if (value.link) {
|
124
|
+
triggerChange({
|
125
|
+
link: value.link
|
126
|
+
});
|
127
|
+
}
|
128
|
+
if (value.plus) {
|
129
|
+
triggerChange({
|
130
|
+
plus: value.plus
|
131
|
+
});
|
132
|
+
}
|
123
133
|
switch (value === null || value === void 0 ? void 0 : value.dsType) {
|
124
134
|
case 'Kafka':
|
125
135
|
setKafkaInitValue(value);
|
@@ -174,7 +184,8 @@ var DataSource = function DataSource(props) {
|
|
174
184
|
},
|
175
185
|
value: dsType,
|
176
186
|
options: datasourceTypeOpts,
|
177
|
-
onChange: onDatasourceTypeChange
|
187
|
+
onChange: onDatasourceTypeChange,
|
188
|
+
disabled: disabled
|
178
189
|
}), /*#__PURE__*/React.createElement(_Select, {
|
179
190
|
id: 'datasource',
|
180
191
|
style: {
|
@@ -182,7 +193,8 @@ var DataSource = function DataSource(props) {
|
|
182
193
|
},
|
183
194
|
value: datasource,
|
184
195
|
options: datasourceOpts,
|
185
|
-
onChange: onDatasourceChange
|
196
|
+
onChange: onDatasourceChange,
|
197
|
+
disabled: disabled
|
186
198
|
}), /*#__PURE__*/React.createElement(_Tooltip, {
|
187
199
|
title: tr('测试链接'),
|
188
200
|
style: {
|
@@ -190,35 +202,40 @@ var DataSource = function DataSource(props) {
|
|
190
202
|
}
|
191
203
|
}, /*#__PURE__*/React.createElement(_Button, {
|
192
204
|
icon: /*#__PURE__*/React.createElement(LinkOutlined, null),
|
193
|
-
onClick: onLinkClick
|
205
|
+
onClick: onLinkClick,
|
206
|
+
disabled: disabled
|
194
207
|
})))), dsType === 'Kafka' && /*#__PURE__*/React.createElement(KafkaDatasource, {
|
195
208
|
wrapperCol: wrapperCol,
|
196
209
|
labelCol: labelCol,
|
197
210
|
extraInfo: extraInfo,
|
198
211
|
datasource: datasource,
|
199
212
|
onChange: onKafkaChange,
|
200
|
-
initialValue: kafkaInitValue
|
213
|
+
initialValue: kafkaInitValue,
|
214
|
+
disabled: disabled
|
201
215
|
}), dsType === 'PostgreSql' && /*#__PURE__*/React.createElement(PostgreSQLDatasource, {
|
202
216
|
wrapperCol: wrapperCol,
|
203
217
|
labelCol: labelCol,
|
204
218
|
extraInfo: extraInfo,
|
205
219
|
datasource: datasource,
|
206
220
|
onChange: onPgSqlChange,
|
207
|
-
initialValue: postgreSQLInitValue
|
221
|
+
initialValue: postgreSQLInitValue,
|
222
|
+
disabled: disabled
|
208
223
|
}), dsType === 'Cassandra' && /*#__PURE__*/React.createElement(CassandraDatasource, {
|
209
224
|
wrapperCol: wrapperCol,
|
210
225
|
labelCol: labelCol,
|
211
226
|
extraInfo: extraInfo,
|
212
227
|
datasource: datasource,
|
213
228
|
onChange: onCassandraChange,
|
214
|
-
initialValue: cassandraInitValue
|
229
|
+
initialValue: cassandraInitValue,
|
230
|
+
disabled: disabled
|
215
231
|
}), dsType === 'SqlServer' && /*#__PURE__*/React.createElement(SqlServerDatasource, {
|
216
232
|
wrapperCol: wrapperCol,
|
217
233
|
labelCol: labelCol,
|
218
234
|
extraInfo: extraInfo,
|
219
235
|
datasource: datasource,
|
220
236
|
onChange: onSqlServerChange,
|
221
|
-
initialValue: sqlServerInitValue
|
237
|
+
initialValue: sqlServerInitValue,
|
238
|
+
disabled: disabled
|
222
239
|
}))));
|
223
240
|
};
|
224
241
|
export default DataSource;
|
@@ -21,7 +21,8 @@ import { STREAM_EVENT_TYPE } from '../../constants';
|
|
21
21
|
var MapTable = function MapTable(props) {
|
22
22
|
var value = props.value,
|
23
23
|
onChange = props.onChange,
|
24
|
-
extraInfo = props.extraInfo
|
24
|
+
extraInfo = props.extraInfo,
|
25
|
+
disabled = props.disabled;
|
25
26
|
var _React$useState = React.useState([]),
|
26
27
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
27
28
|
tableDataSource = _React$useState2[0],
|
@@ -184,7 +185,8 @@ var MapTable = function MapTable(props) {
|
|
184
185
|
}, /*#__PURE__*/React.createElement(_Select, {
|
185
186
|
onChange: onOutputChange,
|
186
187
|
value: output,
|
187
|
-
options: options
|
188
|
+
options: options,
|
189
|
+
disabled: disabled
|
188
190
|
})), /*#__PURE__*/React.createElement("div", {
|
189
191
|
style: {
|
190
192
|
display: 'flex',
|
@@ -197,7 +199,7 @@ var MapTable = function MapTable(props) {
|
|
197
199
|
width: '40%'
|
198
200
|
}
|
199
201
|
}, /*#__PURE__*/React.createElement(Editable, {
|
200
|
-
readonly:
|
202
|
+
readonly: disabled,
|
201
203
|
type: "single",
|
202
204
|
columns: columnSource,
|
203
205
|
dataSource: tableDataSource,
|
@@ -210,7 +212,7 @@ var MapTable = function MapTable(props) {
|
|
210
212
|
onMove: onSourceMove
|
211
213
|
})), /*#__PURE__*/React.createElement("div", {
|
212
214
|
style: {
|
213
|
-
marginTop: '
|
215
|
+
marginTop: '39px',
|
214
216
|
marginRight: '6px'
|
215
217
|
}
|
216
218
|
}, _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) {
|
|
219
221
|
style: {
|
220
222
|
marginLeft: '6px',
|
221
223
|
marginRight: '6px',
|
222
|
-
|
223
|
-
lineHeight: '30px'
|
224
|
+
lineHeight: '33px'
|
224
225
|
}
|
225
226
|
}, /*#__PURE__*/React.createElement(_Button, {
|
226
227
|
key: index,
|
@@ -228,14 +229,15 @@ var MapTable = function MapTable(props) {
|
|
228
229
|
icon: disableArray && disableArray[index] ? /*#__PURE__*/React.createElement(ArrowRightOutlined, null) : /*#__PURE__*/React.createElement(CloseCircleFilled, null),
|
229
230
|
onClick: function onClick() {
|
230
231
|
return onBtnClick(index);
|
231
|
-
}
|
232
|
+
},
|
233
|
+
disabled: disabled
|
232
234
|
}));
|
233
235
|
})), /*#__PURE__*/React.createElement("div", {
|
234
236
|
style: {
|
235
237
|
width: '40%'
|
236
238
|
}
|
237
239
|
}, /*#__PURE__*/React.createElement(Editable, {
|
238
|
-
readonly:
|
240
|
+
readonly: disabled,
|
239
241
|
type: "single",
|
240
242
|
columns: columnTarget,
|
241
243
|
dataSource: tableDataTarget,
|
@@ -256,17 +258,11 @@ var columnSource = [{
|
|
256
258
|
}, {
|
257
259
|
title: '类型',
|
258
260
|
dataIndex: 'type',
|
259
|
-
key: 'type'
|
260
|
-
render: function render(val) {
|
261
|
-
return val !== null && val !== void 0 ? val : 'null';
|
262
|
-
}
|
261
|
+
key: 'type'
|
263
262
|
}, {
|
264
263
|
title: '注释',
|
265
264
|
dataIndex: 'label',
|
266
|
-
key: 'label'
|
267
|
-
render: function render(val) {
|
268
|
-
return val !== null && val !== void 0 ? val : 'null';
|
269
|
-
}
|
265
|
+
key: 'label'
|
270
266
|
}];
|
271
267
|
var columnTarget = [{
|
272
268
|
title: '目标表字段',
|
@@ -22,7 +22,8 @@ import { STREAM_EVENT_TYPE } from '../../constants';
|
|
22
22
|
var SparkSqlTable = function SparkSqlTable(props) {
|
23
23
|
var value = props.value,
|
24
24
|
extraInfo = props.extraInfo,
|
25
|
-
onChange = props.onChange
|
25
|
+
onChange = props.onChange,
|
26
|
+
disabled = props.disabled;
|
26
27
|
var _React$useState = React.useState('orgin'),
|
27
28
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
28
29
|
view = _React$useState2[0],
|
@@ -176,7 +177,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
|
|
176
177
|
marginRight: '8px'
|
177
178
|
},
|
178
179
|
value: view,
|
179
|
-
onChange: onViewChange
|
180
|
+
onChange: onViewChange,
|
181
|
+
disabled: true
|
180
182
|
})), /*#__PURE__*/React.createElement("span", {
|
181
183
|
style: {
|
182
184
|
display: 'flex',
|
@@ -232,7 +234,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
|
|
232
234
|
value: item.alias,
|
233
235
|
onChange: function onChange(val) {
|
234
236
|
onListChange(val.target.value, idx, 'alias');
|
235
|
-
}
|
237
|
+
},
|
238
|
+
disabled: disabled
|
236
239
|
})), /*#__PURE__*/React.createElement("span", null, tr('输出视图'), ' ', /*#__PURE__*/React.createElement(_Input, {
|
237
240
|
style: {
|
238
241
|
width: '160px',
|
@@ -242,7 +245,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
|
|
242
245
|
value: item.outputView,
|
243
246
|
onChange: function onChange(val) {
|
244
247
|
return onListChange(val.target.value, idx, 'outputView');
|
245
|
-
}
|
248
|
+
},
|
249
|
+
disabled: disabled
|
246
250
|
}))), /*#__PURE__*/React.createElement("div", {
|
247
251
|
style: {
|
248
252
|
padding: '4px',
|
@@ -256,7 +260,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
|
|
256
260
|
theme: ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : _getConfig.theme) === 'normal' ? 'light' : 'vs-dark',
|
257
261
|
onChange: function onChange(val) {
|
258
262
|
return onListChange(val, idx, 'sqlEdit');
|
259
|
-
}
|
263
|
+
},
|
264
|
+
readOnly: disabled
|
260
265
|
}))), /*#__PURE__*/React.createElement(MinusCircleOutlined, {
|
261
266
|
style: {
|
262
267
|
marginLeft: 'auto'
|
@@ -268,7 +273,8 @@ var SparkSqlTable = function SparkSqlTable(props) {
|
|
268
273
|
}), /*#__PURE__*/React.createElement(_Button, {
|
269
274
|
type: "dashed",
|
270
275
|
onClick: handleAddItem,
|
271
|
-
icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
|
276
|
+
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
277
|
+
disabled: disabled
|
272
278
|
}, tr('添加SQL语句')))))));
|
273
279
|
};
|
274
280
|
export default SparkSqlTable;
|
package/es/config.js
CHANGED