@nokecy/qc-ui 0.1.31 → 0.1.32
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,12 @@ var useParentPattern = function useParentPattern() {
|
|
|
60
60
|
|
|
61
61
|
var useEditable = function useEditable() {
|
|
62
62
|
var pattern = useParentPattern();
|
|
63
|
-
var field = (0, _react.useField)();
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
63
|
+
var field = (0, _react.useField)(); // useLayoutEffect(() => {
|
|
64
|
+
// if (pattern === 'editable') {
|
|
65
|
+
// return field.setPattern('readPretty')
|
|
66
|
+
// }
|
|
67
|
+
// }, [pattern])
|
|
68
|
+
|
|
69
69
|
return [field.pattern === 'editable', function (payload) {
|
|
70
70
|
if (pattern !== 'editable') return;
|
|
71
71
|
field.setPattern(payload ? 'editable' : 'readPretty');
|
|
@@ -120,7 +120,7 @@ var InternalEditable = (0, _react.observer)(function (props) {
|
|
|
120
120
|
switch (_context.prev = _context.next) {
|
|
121
121
|
case 0:
|
|
122
122
|
if (!(editable && !(field !== null && field !== void 0 && (_field$errors = field.errors) !== null && _field$errors !== void 0 && _field$errors.length))) {
|
|
123
|
-
_context.next =
|
|
123
|
+
_context.next = 10;
|
|
124
124
|
break;
|
|
125
125
|
}
|
|
126
126
|
|
|
@@ -134,29 +134,27 @@ var InternalEditable = (0, _react.observer)(function (props) {
|
|
|
134
134
|
type: 'error',
|
|
135
135
|
address: "".concat(field.address)
|
|
136
136
|
});
|
|
137
|
-
console.log(field.address, errors);
|
|
138
137
|
|
|
139
138
|
if (!(errors !== null && errors !== void 0 && errors.length)) {
|
|
140
|
-
_context.next =
|
|
139
|
+
_context.next = 8;
|
|
141
140
|
break;
|
|
142
141
|
}
|
|
143
142
|
|
|
144
143
|
return _context.abrupt("return");
|
|
145
144
|
|
|
146
|
-
case
|
|
145
|
+
case 8:
|
|
147
146
|
if (ref.current && !(errors !== null && errors !== void 0 && errors.length)) {
|
|
148
|
-
console.log("false");
|
|
149
147
|
setEditable(false);
|
|
150
148
|
}
|
|
151
149
|
|
|
152
150
|
return _context.finish(4);
|
|
153
151
|
|
|
154
|
-
case
|
|
152
|
+
case 10:
|
|
155
153
|
case "end":
|
|
156
154
|
return _context.stop();
|
|
157
155
|
}
|
|
158
156
|
}
|
|
159
|
-
}, _callee, null, [[1,, 4,
|
|
157
|
+
}, _callee, null, [[1,, 4, 10]]);
|
|
160
158
|
}));
|
|
161
159
|
|
|
162
160
|
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;
|
|
@@ -26,7 +26,7 @@ import { observer, useField } from '@formily/react';
|
|
|
26
26
|
import { Popover as AntdPopover } from 'antd';
|
|
27
27
|
import cls from 'classnames';
|
|
28
28
|
import { FormItem } from '@formily/antd-v5';
|
|
29
|
-
import React, {
|
|
29
|
+
import React, { useRef, useState } from 'react';
|
|
30
30
|
import { useClickAway, usePrefixCls } from '@formily/antd-v5/lib/__builtins__';
|
|
31
31
|
import useStyle from "./style";
|
|
32
32
|
|
|
@@ -39,12 +39,12 @@ var useParentPattern = function useParentPattern() {
|
|
|
39
39
|
|
|
40
40
|
var useEditable = function useEditable() {
|
|
41
41
|
var pattern = useParentPattern();
|
|
42
|
-
var field = useField();
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
var field = useField(); // useLayoutEffect(() => {
|
|
43
|
+
// if (pattern === 'editable') {
|
|
44
|
+
// return field.setPattern('readPretty')
|
|
45
|
+
// }
|
|
46
|
+
// }, [pattern])
|
|
47
|
+
|
|
48
48
|
return [field.pattern === 'editable', function (payload) {
|
|
49
49
|
if (pattern !== 'editable') return;
|
|
50
50
|
field.setPattern(payload ? 'editable' : 'readPretty');
|
|
@@ -99,7 +99,7 @@ var InternalEditable = observer(function (props) {
|
|
|
99
99
|
switch (_context.prev = _context.next) {
|
|
100
100
|
case 0:
|
|
101
101
|
if (!(editable && !(field !== null && field !== void 0 && (_field$errors = field.errors) !== null && _field$errors !== void 0 && _field$errors.length))) {
|
|
102
|
-
_context.next =
|
|
102
|
+
_context.next = 10;
|
|
103
103
|
break;
|
|
104
104
|
}
|
|
105
105
|
|
|
@@ -113,29 +113,27 @@ var InternalEditable = observer(function (props) {
|
|
|
113
113
|
type: 'error',
|
|
114
114
|
address: "".concat(field.address)
|
|
115
115
|
});
|
|
116
|
-
console.log(field.address, errors);
|
|
117
116
|
|
|
118
117
|
if (!(errors !== null && errors !== void 0 && errors.length)) {
|
|
119
|
-
_context.next =
|
|
118
|
+
_context.next = 8;
|
|
120
119
|
break;
|
|
121
120
|
}
|
|
122
121
|
|
|
123
122
|
return _context.abrupt("return");
|
|
124
123
|
|
|
125
|
-
case
|
|
124
|
+
case 8:
|
|
126
125
|
if (ref.current && !(errors !== null && errors !== void 0 && errors.length)) {
|
|
127
|
-
console.log("false");
|
|
128
126
|
setEditable(false);
|
|
129
127
|
}
|
|
130
128
|
|
|
131
129
|
return _context.finish(4);
|
|
132
130
|
|
|
133
|
-
case
|
|
131
|
+
case 10:
|
|
134
132
|
case "end":
|
|
135
133
|
return _context.stop();
|
|
136
134
|
}
|
|
137
135
|
}
|
|
138
|
-
}, _callee, null, [[1,, 4,
|
|
136
|
+
}, _callee, null, [[1,, 4, 10]]);
|
|
139
137
|
}));
|
|
140
138
|
|
|
141
139
|
return function recover() {
|