@nokecy/qc-ui 0.1.31 → 0.1.33
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.
|
@@ -35,6 +35,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
35
35
|
|
|
36
36
|
//@ts-ignore
|
|
37
37
|
var ArrayTable = (0, _react2.observer)(function (props) {
|
|
38
|
+
var height = props.height;
|
|
38
39
|
var ref = (0, _react.useRef)();
|
|
39
40
|
var field = (0, _react2.useField)();
|
|
40
41
|
var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
|
|
@@ -44,7 +45,7 @@ var ArrayTable = (0, _react2.observer)(function (props) {
|
|
|
44
45
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
46
|
ref: ref,
|
|
46
47
|
style: {
|
|
47
|
-
|
|
48
|
+
height: height ? height : 400
|
|
48
49
|
}
|
|
49
50
|
}, /*#__PURE__*/_react.default.createElement(_antdV.ArrayBase, null, /*#__PURE__*/_react.default.createElement(_agGridPlus.AgGridPlus, {
|
|
50
51
|
className: "ag-theme-alpine",
|
|
@@ -57,11 +58,6 @@ var ArrayTable = (0, _react2.observer)(function (props) {
|
|
|
57
58
|
return [addition];
|
|
58
59
|
},
|
|
59
60
|
rowDragEntireRow: true,
|
|
60
|
-
onRowDragMove: function onRowDragMove(event) {
|
|
61
|
-
var overIndex = event.overIndex,
|
|
62
|
-
node = event.node;
|
|
63
|
-
field.move(node.rowIndex, overIndex);
|
|
64
|
-
},
|
|
65
61
|
onRowDragEnd: function onRowDragEnd(event) {
|
|
66
62
|
var overIndex = event.overIndex,
|
|
67
63
|
node = event.node;
|
|
@@ -60,12 +60,17 @@ var useParentPattern = function useParentPattern() {
|
|
|
60
60
|
|
|
61
61
|
var useEditable = function useEditable() {
|
|
62
62
|
var pattern = useParentPattern();
|
|
63
|
-
var field = (0, _react.useField)();
|
|
63
|
+
var field = (0, _react.useField)(); // useLayoutEffect(() => {
|
|
64
|
+
// if (pattern === 'editable') {
|
|
65
|
+
// return field.setPattern('readPretty')
|
|
66
|
+
// }
|
|
67
|
+
// }, [pattern])
|
|
68
|
+
|
|
64
69
|
(0, _react2.useLayoutEffect)(function () {
|
|
65
|
-
if (pattern === 'editable') {
|
|
70
|
+
if (field.initialValue && pattern === 'editable') {
|
|
66
71
|
return field.setPattern('readPretty');
|
|
67
72
|
}
|
|
68
|
-
}, [
|
|
73
|
+
}, [field.initialValue]);
|
|
69
74
|
return [field.pattern === 'editable', function (payload) {
|
|
70
75
|
if (pattern !== 'editable') return;
|
|
71
76
|
field.setPattern(payload ? 'editable' : 'readPretty');
|
|
@@ -120,7 +125,7 @@ var InternalEditable = (0, _react.observer)(function (props) {
|
|
|
120
125
|
switch (_context.prev = _context.next) {
|
|
121
126
|
case 0:
|
|
122
127
|
if (!(editable && !(field !== null && field !== void 0 && (_field$errors = field.errors) !== null && _field$errors !== void 0 && _field$errors.length))) {
|
|
123
|
-
_context.next =
|
|
128
|
+
_context.next = 10;
|
|
124
129
|
break;
|
|
125
130
|
}
|
|
126
131
|
|
|
@@ -134,29 +139,27 @@ var InternalEditable = (0, _react.observer)(function (props) {
|
|
|
134
139
|
type: 'error',
|
|
135
140
|
address: "".concat(field.address)
|
|
136
141
|
});
|
|
137
|
-
console.log(field.address, errors);
|
|
138
142
|
|
|
139
143
|
if (!(errors !== null && errors !== void 0 && errors.length)) {
|
|
140
|
-
_context.next =
|
|
144
|
+
_context.next = 8;
|
|
141
145
|
break;
|
|
142
146
|
}
|
|
143
147
|
|
|
144
148
|
return _context.abrupt("return");
|
|
145
149
|
|
|
146
|
-
case
|
|
150
|
+
case 8:
|
|
147
151
|
if (ref.current && !(errors !== null && errors !== void 0 && errors.length)) {
|
|
148
|
-
console.log("false");
|
|
149
152
|
setEditable(false);
|
|
150
153
|
}
|
|
151
154
|
|
|
152
155
|
return _context.finish(4);
|
|
153
156
|
|
|
154
|
-
case
|
|
157
|
+
case 10:
|
|
155
158
|
case "end":
|
|
156
159
|
return _context.stop();
|
|
157
160
|
}
|
|
158
161
|
}
|
|
159
|
-
}, _callee, null, [[1,, 4,
|
|
162
|
+
}, _callee, null, [[1,, 4, 10]]);
|
|
160
163
|
}));
|
|
161
164
|
|
|
162
165
|
return function recover() {
|
|
@@ -14,6 +14,7 @@ import uniqueId from 'lodash/uniqueId';
|
|
|
14
14
|
import { useAddition, useArrayTableColumns, useArrayTableSources, isColumnComponent } from "./utils"; //@ts-ignore
|
|
15
15
|
|
|
16
16
|
export var ArrayTable = observer(function (props) {
|
|
17
|
+
var height = props.height;
|
|
17
18
|
var ref = useRef();
|
|
18
19
|
var field = useField();
|
|
19
20
|
var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
|
|
@@ -23,7 +24,7 @@ export var ArrayTable = observer(function (props) {
|
|
|
23
24
|
return /*#__PURE__*/React.createElement("div", {
|
|
24
25
|
ref: ref,
|
|
25
26
|
style: {
|
|
26
|
-
|
|
27
|
+
height: height ? height : 400
|
|
27
28
|
}
|
|
28
29
|
}, /*#__PURE__*/React.createElement(ArrayBase, null, /*#__PURE__*/React.createElement(AgGridPlus, {
|
|
29
30
|
className: "ag-theme-alpine",
|
|
@@ -36,11 +37,6 @@ export var ArrayTable = observer(function (props) {
|
|
|
36
37
|
return [addition];
|
|
37
38
|
},
|
|
38
39
|
rowDragEntireRow: true,
|
|
39
|
-
onRowDragMove: function onRowDragMove(event) {
|
|
40
|
-
var overIndex = event.overIndex,
|
|
41
|
-
node = event.node;
|
|
42
|
-
field.move(node.rowIndex, overIndex);
|
|
43
|
-
},
|
|
44
40
|
onRowDragEnd: function onRowDragEnd(event) {
|
|
45
41
|
var overIndex = event.overIndex,
|
|
46
42
|
node = event.node;
|
|
@@ -39,12 +39,17 @@ var useParentPattern = function useParentPattern() {
|
|
|
39
39
|
|
|
40
40
|
var useEditable = function useEditable() {
|
|
41
41
|
var pattern = useParentPattern();
|
|
42
|
-
var field = useField();
|
|
42
|
+
var field = useField(); // useLayoutEffect(() => {
|
|
43
|
+
// if (pattern === 'editable') {
|
|
44
|
+
// return field.setPattern('readPretty')
|
|
45
|
+
// }
|
|
46
|
+
// }, [pattern])
|
|
47
|
+
|
|
43
48
|
useLayoutEffect(function () {
|
|
44
|
-
if (pattern === 'editable') {
|
|
49
|
+
if (field.initialValue && pattern === 'editable') {
|
|
45
50
|
return field.setPattern('readPretty');
|
|
46
51
|
}
|
|
47
|
-
}, [
|
|
52
|
+
}, [field.initialValue]);
|
|
48
53
|
return [field.pattern === 'editable', function (payload) {
|
|
49
54
|
if (pattern !== 'editable') return;
|
|
50
55
|
field.setPattern(payload ? 'editable' : 'readPretty');
|
|
@@ -99,7 +104,7 @@ var InternalEditable = observer(function (props) {
|
|
|
99
104
|
switch (_context.prev = _context.next) {
|
|
100
105
|
case 0:
|
|
101
106
|
if (!(editable && !(field !== null && field !== void 0 && (_field$errors = field.errors) !== null && _field$errors !== void 0 && _field$errors.length))) {
|
|
102
|
-
_context.next =
|
|
107
|
+
_context.next = 10;
|
|
103
108
|
break;
|
|
104
109
|
}
|
|
105
110
|
|
|
@@ -113,29 +118,27 @@ var InternalEditable = observer(function (props) {
|
|
|
113
118
|
type: 'error',
|
|
114
119
|
address: "".concat(field.address)
|
|
115
120
|
});
|
|
116
|
-
console.log(field.address, errors);
|
|
117
121
|
|
|
118
122
|
if (!(errors !== null && errors !== void 0 && errors.length)) {
|
|
119
|
-
_context.next =
|
|
123
|
+
_context.next = 8;
|
|
120
124
|
break;
|
|
121
125
|
}
|
|
122
126
|
|
|
123
127
|
return _context.abrupt("return");
|
|
124
128
|
|
|
125
|
-
case
|
|
129
|
+
case 8:
|
|
126
130
|
if (ref.current && !(errors !== null && errors !== void 0 && errors.length)) {
|
|
127
|
-
console.log("false");
|
|
128
131
|
setEditable(false);
|
|
129
132
|
}
|
|
130
133
|
|
|
131
134
|
return _context.finish(4);
|
|
132
135
|
|
|
133
|
-
case
|
|
136
|
+
case 10:
|
|
134
137
|
case "end":
|
|
135
138
|
return _context.stop();
|
|
136
139
|
}
|
|
137
140
|
}
|
|
138
|
-
}, _callee, null, [[1,, 4,
|
|
141
|
+
}, _callee, null, [[1,, 4, 10]]);
|
|
139
142
|
}));
|
|
140
143
|
|
|
141
144
|
return function recover() {
|