ronds-metadata 1.3.66 → 1.3.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import "antd/es/checkbox/style";
|
|
2
|
+
import _Checkbox from "antd/es/checkbox";
|
|
1
3
|
import "antd/es/table/style";
|
|
2
4
|
import _Table from "antd/es/table";
|
|
3
5
|
import "antd/es/button/style";
|
|
@@ -11,9 +13,7 @@ import { CloseCircleFilled, ArrowRightOutlined } from '@ant-design/icons';
|
|
|
11
13
|
import React from 'react';
|
|
12
14
|
import Editable from '../../../../comps/Editable';
|
|
13
15
|
var MapTable = function MapTable(props) {
|
|
14
|
-
var
|
|
15
|
-
dataSource = props.dataSource,
|
|
16
|
-
columnTarget = props.columnTarget,
|
|
16
|
+
var dataSource = props.dataSource,
|
|
17
17
|
dataTarget = props.dataTarget,
|
|
18
18
|
options = props.options,
|
|
19
19
|
value = props.value,
|
|
@@ -24,8 +24,12 @@ var MapTable = function MapTable(props) {
|
|
|
24
24
|
setMapping = _React$useState2[1];
|
|
25
25
|
var _React$useState3 = React.useState(),
|
|
26
26
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
output = _React$useState4[0],
|
|
28
|
+
setOutput = _React$useState4[1];
|
|
29
|
+
var _React$useState5 = React.useState(),
|
|
30
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
31
|
+
disableArray = _React$useState6[0],
|
|
32
|
+
setDisableArray = _React$useState6[1];
|
|
29
33
|
var editableStreamRef = React.useRef();
|
|
30
34
|
var triggerChange = function triggerChange(changedValue) {
|
|
31
35
|
onChange && onChange(_objectSpread({
|
|
@@ -37,6 +41,12 @@ var MapTable = function MapTable(props) {
|
|
|
37
41
|
_disableArray[index] = !_disableArray[index];
|
|
38
42
|
setDisableArray(_disableArray);
|
|
39
43
|
};
|
|
44
|
+
var onOutputChange = function onOutputChange(value) {
|
|
45
|
+
setOutput(value);
|
|
46
|
+
triggerChange({
|
|
47
|
+
output: value
|
|
48
|
+
});
|
|
49
|
+
};
|
|
40
50
|
React.useEffect(function () {
|
|
41
51
|
if (value) {
|
|
42
52
|
if (value[mapping]) {
|
|
@@ -45,21 +55,22 @@ var MapTable = function MapTable(props) {
|
|
|
45
55
|
}
|
|
46
56
|
}, [value]);
|
|
47
57
|
React.useEffect(function () {
|
|
48
|
-
setDisableArray(new Array(Math.min(dataSource.length, dataTarget.length)).fill(true));
|
|
58
|
+
setDisableArray(new Array(Math.min(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length, dataTarget === null || dataTarget === void 0 ? void 0 : dataTarget.length)).fill(true));
|
|
49
59
|
}, []);
|
|
50
60
|
React.useEffect(function () {
|
|
51
61
|
if (disableArray) {
|
|
52
62
|
var _mapping = [];
|
|
53
63
|
disableArray.forEach(function (_, idx) {
|
|
54
64
|
if (disableArray[idx]) {
|
|
65
|
+
var _dataSource$idx, _dataSource$idx2, _dataTarget$idx, _dataTarget$idx2;
|
|
55
66
|
_mapping.push({
|
|
56
67
|
source: {
|
|
57
|
-
name: dataSource[idx].source,
|
|
58
|
-
dataType: dataSource[idx].type
|
|
68
|
+
name: (_dataSource$idx = dataSource[idx]) === null || _dataSource$idx === void 0 ? void 0 : _dataSource$idx.source,
|
|
69
|
+
dataType: (_dataSource$idx2 = dataSource[idx]) === null || _dataSource$idx2 === void 0 ? void 0 : _dataSource$idx2.type
|
|
59
70
|
},
|
|
60
71
|
target: {
|
|
61
|
-
name: dataTarget[idx].source,
|
|
62
|
-
dataType: dataTarget[idx].type
|
|
72
|
+
name: (_dataTarget$idx = dataTarget[idx]) === null || _dataTarget$idx === void 0 ? void 0 : _dataTarget$idx.source,
|
|
73
|
+
dataType: (_dataTarget$idx2 = dataTarget[idx]) === null || _dataTarget$idx2 === void 0 ? void 0 : _dataTarget$idx2.type
|
|
63
74
|
}
|
|
64
75
|
});
|
|
65
76
|
}
|
|
@@ -81,7 +92,8 @@ var MapTable = function MapTable(props) {
|
|
|
81
92
|
}
|
|
82
93
|
}, /*#__PURE__*/React.createElement(_Select, {
|
|
83
94
|
defaultValue: "a1",
|
|
84
|
-
onChange:
|
|
95
|
+
onChange: onOutputChange,
|
|
96
|
+
value: output,
|
|
85
97
|
style: {
|
|
86
98
|
width: 150
|
|
87
99
|
},
|
|
@@ -97,6 +109,7 @@ var MapTable = function MapTable(props) {
|
|
|
97
109
|
width: '40%'
|
|
98
110
|
}
|
|
99
111
|
}, /*#__PURE__*/React.createElement(Editable, {
|
|
112
|
+
readonly: true,
|
|
100
113
|
type: "single",
|
|
101
114
|
columns: columnSource,
|
|
102
115
|
dataSource: dataSource,
|
|
@@ -111,7 +124,7 @@ var MapTable = function MapTable(props) {
|
|
|
111
124
|
style: {
|
|
112
125
|
marginTop: '40px'
|
|
113
126
|
}
|
|
114
|
-
}, _toConsumableArray(Array(Math.min(dataSource.length, dataTarget.length))).map(function (_, index) {
|
|
127
|
+
}, _toConsumableArray(Array(Math.min(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length, dataTarget === null || dataTarget === void 0 ? void 0 : dataTarget.length))).map(function (_, index) {
|
|
115
128
|
return /*#__PURE__*/React.createElement("div", {
|
|
116
129
|
key: index,
|
|
117
130
|
style: {
|
|
@@ -140,4 +153,48 @@ var MapTable = function MapTable(props) {
|
|
|
140
153
|
size: "small"
|
|
141
154
|
})))));
|
|
142
155
|
};
|
|
143
|
-
export default MapTable;
|
|
156
|
+
export default MapTable;
|
|
157
|
+
var columnSource = [{
|
|
158
|
+
title: '来源表字段',
|
|
159
|
+
dataIndex: 'name',
|
|
160
|
+
key: 'name'
|
|
161
|
+
}, {
|
|
162
|
+
title: '类型',
|
|
163
|
+
dataIndex: 'type',
|
|
164
|
+
key: 'type'
|
|
165
|
+
}, {
|
|
166
|
+
title: '注释',
|
|
167
|
+
dataIndex: 'label',
|
|
168
|
+
key: 'label'
|
|
169
|
+
}];
|
|
170
|
+
var columnTarget = [{
|
|
171
|
+
title: '来源表字段',
|
|
172
|
+
dataIndex: 'name',
|
|
173
|
+
key: 'name'
|
|
174
|
+
}, {
|
|
175
|
+
title: '类型',
|
|
176
|
+
dataIndex: 'type',
|
|
177
|
+
key: 'type'
|
|
178
|
+
}, {
|
|
179
|
+
title: '注释',
|
|
180
|
+
dataIndex: 'label',
|
|
181
|
+
key: 'label'
|
|
182
|
+
}, {
|
|
183
|
+
title: '主键',
|
|
184
|
+
dataIndex: 'key',
|
|
185
|
+
key: 'key',
|
|
186
|
+
render: function render(val) {
|
|
187
|
+
return /*#__PURE__*/React.createElement(_Checkbox, {
|
|
188
|
+
checked: val
|
|
189
|
+
});
|
|
190
|
+
}
|
|
191
|
+
}, {
|
|
192
|
+
title: '非空',
|
|
193
|
+
dataIndex: 'require',
|
|
194
|
+
key: 'require',
|
|
195
|
+
render: function render(val) {
|
|
196
|
+
return /*#__PURE__*/React.createElement(_Checkbox, {
|
|
197
|
+
checked: val
|
|
198
|
+
});
|
|
199
|
+
}
|
|
200
|
+
}];
|
|
@@ -355,7 +355,7 @@ var SourceConfig = function SourceConfig(props) {
|
|
|
355
355
|
body: '{"type":"Cassandra","level":3}',
|
|
356
356
|
value: 'name',
|
|
357
357
|
watch: 'defaultSource,keyspace',
|
|
358
|
-
key: '
|
|
358
|
+
key: 'dfSourceId',
|
|
359
359
|
url: '/dataset-web/source/cascade/data/v2'
|
|
360
360
|
};
|
|
361
361
|
var _React$useState33 = React.useState(),
|