ronds-metadata 1.3.69 → 1.3.70

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.
Files changed (3) hide show
  1. package/es/comps/MetadataForm/DataCell/plugin/MapTable.d.ts +0 -3
  2. package/es/comps/MetadataForm/DataCell/plugin/MapTable.js +59 -33
  3. package/package.json +1 -1
package/es/comps/MetadataForm/DataCell/plugin/MapTable.d.ts CHANGED
@@ -1,8 +1,5 @@
1
1
  import React from 'react';
2
2
  interface IMapTableProps {
3
- dataSource: any;
4
- dataTarget: any;
5
- options: any;
6
3
  value?: any;
7
4
  onChange?: (value: any) => void;
8
5
  }
package/es/comps/MetadataForm/DataCell/plugin/MapTable.js CHANGED
@@ -1,7 +1,5 @@
1
1
  import "antd/es/checkbox/style";
2
2
  import _Checkbox from "antd/es/checkbox";
3
- import "antd/es/table/style";
4
- import _Table from "antd/es/table";
5
3
  import "antd/es/button/style";
6
4
  import _Button from "antd/es/button";
7
5
  import "antd/es/select/style";
@@ -12,33 +10,45 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
12
10
  import { CloseCircleFilled, ArrowRightOutlined } from '@ant-design/icons';
13
11
  import React from 'react';
14
12
  import Editable from '../../../../comps/Editable';
13
+ import { MetadataFormContext } from '../../interface';
15
14
  var MapTable = function MapTable(props) {
16
- var dataSource = props.dataSource,
17
- dataTarget = props.dataTarget,
18
- options = props.options,
19
- value = props.value,
15
+ var value = props.value,
20
16
  onChange = props.onChange;
21
- var _React$useState = React.useState(dataSource),
17
+ var _React$useState = React.useState([]),
22
18
  _React$useState2 = _slicedToArray(_React$useState, 2),
23
19
  tableDataSource = _React$useState2[0],
24
20
  setTableDataSource = _React$useState2[1];
25
- var _React$useState3 = React.useState(),
21
+ var _React$useState3 = React.useState([]),
26
22
  _React$useState4 = _slicedToArray(_React$useState3, 2),
27
- mapping = _React$useState4[0],
28
- setMapping = _React$useState4[1];
29
- var _React$useState5 = React.useState(),
23
+ tableDataTarget = _React$useState4[0],
24
+ setTableDataTarget = _React$useState4[1];
25
+ var _React$useState5 = React.useState([]),
30
26
  _React$useState6 = _slicedToArray(_React$useState5, 2),
31
- output = _React$useState6[0],
32
- setOutput = _React$useState6[1];
27
+ options = _React$useState6[0],
28
+ setOptions = _React$useState6[1];
33
29
  var _React$useState7 = React.useState(),
34
30
  _React$useState8 = _slicedToArray(_React$useState7, 2),
35
- disableArray = _React$useState8[0],
36
- setDisableArray = _React$useState8[1];
37
- var editableStreamRef = React.useRef();
31
+ mapping = _React$useState8[0],
32
+ setMapping = _React$useState8[1];
33
+ var _React$useState9 = React.useState(),
34
+ _React$useState10 = _slicedToArray(_React$useState9, 2),
35
+ output = _React$useState10[0],
36
+ setOutput = _React$useState10[1];
37
+ var _React$useState11 = React.useState(),
38
+ _React$useState12 = _slicedToArray(_React$useState11, 2),
39
+ disableArray = _React$useState12[0],
40
+ setDisableArray = _React$useState12[1];
41
+ var sourceEditableStreamRef = React.useRef();
42
+ var targetEditableStreamRef = React.useRef();
43
+ var _React$useContext = React.useContext(MetadataFormContext),
44
+ form = _React$useContext.form;
38
45
  var triggerChange = function triggerChange(changedValue) {
39
46
  onChange && onChange(_objectSpread({
40
47
  mapping: mapping,
41
- output: output
48
+ output: output,
49
+ options: options,
50
+ dataSource: tableDataSource,
51
+ dataTarget: tableDataTarget
42
52
  }, changedValue));
43
53
  };
44
54
  var onBtnClick = function onBtnClick(index) {
@@ -52,12 +62,18 @@ var MapTable = function MapTable(props) {
52
62
  output: value
53
63
  });
54
64
  };
55
- var onMove = function onMove(data) {
65
+ var onSourceMove = function onSourceMove(data) {
56
66
  var newDataSource = _toConsumableArray(tableDataSource);
57
67
  var removedElement = newDataSource.splice(data === null || data === void 0 ? void 0 : data.dragIndex, 1)[0];
58
68
  newDataSource.splice(data === null || data === void 0 ? void 0 : data.hoverIndex, 0, removedElement);
59
69
  setTableDataSource(newDataSource);
60
70
  };
71
+ var onTargetMove = function onTargetMove(data) {
72
+ var newDataTarget = _toConsumableArray(tableDataTarget);
73
+ var removedElement = newDataTarget.splice(data === null || data === void 0 ? void 0 : data.dragIndex, 1)[0];
74
+ newDataTarget.splice(data === null || data === void 0 ? void 0 : data.hoverIndex, 0, removedElement);
75
+ setTableDataTarget(newDataTarget);
76
+ };
61
77
  React.useEffect(function () {
62
78
  if (value) {
63
79
  if (value[mapping]) {
@@ -66,22 +82,22 @@ var MapTable = function MapTable(props) {
66
82
  }
67
83
  }, [value]);
68
84
  React.useEffect(function () {
69
- setDisableArray(new Array(Math.min(tableDataSource === null || tableDataSource === void 0 ? void 0 : tableDataSource.length, dataTarget === null || dataTarget === void 0 ? void 0 : dataTarget.length)).fill(true));
85
+ setDisableArray(new Array(Math.min(tableDataSource === null || tableDataSource === void 0 ? void 0 : tableDataSource.length, tableDataTarget === null || tableDataTarget === void 0 ? void 0 : tableDataTarget.length)).fill(true));
70
86
  }, []);
71
87
  React.useEffect(function () {
72
88
  if (disableArray) {
73
89
  var _mapping = [];
74
90
  disableArray.forEach(function (_, idx) {
75
91
  if (disableArray[idx]) {
76
- var _tableDataSource$idx, _tableDataSource$idx2, _dataTarget$idx, _dataTarget$idx2;
92
+ var _tableDataSource$idx, _tableDataSource$idx2, _tableDataTarget$idx, _tableDataTarget$idx2;
77
93
  _mapping.push({
78
94
  src: {
79
95
  name: (_tableDataSource$idx = tableDataSource[idx]) === null || _tableDataSource$idx === void 0 ? void 0 : _tableDataSource$idx.name,
80
96
  dataType: (_tableDataSource$idx2 = tableDataSource[idx]) === null || _tableDataSource$idx2 === void 0 ? void 0 : _tableDataSource$idx2.type
81
97
  },
82
98
  dst: {
83
- name: (_dataTarget$idx = dataTarget[idx]) === null || _dataTarget$idx === void 0 ? void 0 : _dataTarget$idx.name,
84
- dataType: (_dataTarget$idx2 = dataTarget[idx]) === null || _dataTarget$idx2 === void 0 ? void 0 : _dataTarget$idx2.type
99
+ name: (_tableDataTarget$idx = tableDataTarget[idx]) === null || _tableDataTarget$idx === void 0 ? void 0 : _tableDataTarget$idx.name,
100
+ dataType: (_tableDataTarget$idx2 = tableDataTarget[idx]) === null || _tableDataTarget$idx2 === void 0 ? void 0 : _tableDataTarget$idx2.type
85
101
  }
86
102
  });
87
103
  }
@@ -92,6 +108,12 @@ var MapTable = function MapTable(props) {
92
108
  });
93
109
  }
94
110
  }, [disableArray]);
111
+ React.useEffect(function () {
112
+ var values = form.getFieldsValue().mapTable;
113
+ values.dataSource && setTableDataSource(values.dataSource);
114
+ values.dataTarget && setTableDataTarget(values.dataTarget);
115
+ values.options && setOptions(values.options);
116
+ }, [form]);
95
117
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
96
118
  style: {
97
119
  width: '100%',
@@ -102,7 +124,6 @@ var MapTable = function MapTable(props) {
102
124
  marginBottom: '10px'
103
125
  }
104
126
  }, /*#__PURE__*/React.createElement(_Select, {
105
- defaultValue: "a1",
106
127
  onChange: onOutputChange,
107
128
  value: output,
108
129
  style: {
@@ -127,15 +148,15 @@ var MapTable = function MapTable(props) {
127
148
  onRowConfirm: function onRowConfirm() {},
128
149
  onRowDelete: function onRowDelete() {},
129
150
  getStreamInstance: function getStreamInstance(stream) {
130
- return editableStreamRef.current = stream;
151
+ return sourceEditableStreamRef.current = stream;
131
152
  },
132
153
  onRowClick: function onRowClick(record) {},
133
- onMove: onMove
154
+ onMove: onSourceMove
134
155
  })), /*#__PURE__*/React.createElement("div", {
135
156
  style: {
136
157
  marginTop: '40px'
137
158
  }
138
- }, _toConsumableArray(Array(Math.min(tableDataSource === null || tableDataSource === void 0 ? void 0 : tableDataSource.length, dataTarget === null || dataTarget === void 0 ? void 0 : dataTarget.length))).map(function (_, index) {
159
+ }, _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) {
139
160
  return /*#__PURE__*/React.createElement("div", {
140
161
  key: index,
141
162
  style: {
@@ -155,13 +176,18 @@ var MapTable = function MapTable(props) {
155
176
  style: {
156
177
  width: '40%'
157
178
  }
158
- }, /*#__PURE__*/React.createElement(_Table, {
159
- className: "ronds-edit-table",
160
- bordered: true,
161
- columns: columnTarget,
162
- dataSource: dataTarget,
163
- pagination: false,
164
- size: "small"
179
+ }, /*#__PURE__*/React.createElement(Editable, {
180
+ readonly: true,
181
+ type: "single",
182
+ columns: columnSource,
183
+ dataSource: tableDataTarget,
184
+ onRowConfirm: function onRowConfirm() {},
185
+ onRowDelete: function onRowDelete() {},
186
+ getStreamInstance: function getStreamInstance(stream) {
187
+ return targetEditableStreamRef.current = stream;
188
+ },
189
+ onRowClick: function onRowClick(record) {},
190
+ onMove: onTargetMove
165
191
  })))));
166
192
  };
167
193
  export default MapTable;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "public": true,
3
3
  "name": "ronds-metadata",
4
- "version": "1.3.69",
4
+ "version": "1.3.70",
5
5
  "scripts": {
6
6
  "start": "dumi dev",
7
7
  "docs:build": "dumi build",