ronds-metadata 1.2.46 → 1.2.48
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -16,13 +16,13 @@ import _Input from "antd/es/input";
|
|
|
16
16
|
/*
|
|
17
17
|
* @Author: wangxian
|
|
18
18
|
* @Date: 2021-09-18 14:15:04
|
|
19
|
-
* @LastEditTime: 2023-05-11
|
|
19
|
+
* @LastEditTime: 2023-05-16 11:13:07
|
|
20
20
|
*/
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import { UploadOutlined } from '@ant-design/icons';
|
|
23
23
|
import { MetadataFormContext, MetadataRefContext } from '../interface';
|
|
24
24
|
import { useGetExtraInfo } from '../hooks';
|
|
25
|
-
import useObservable from '
|
|
25
|
+
import useObservable from '../../../framework/rxjs-hooks/useObservable';
|
|
26
26
|
var TextArea = _Input.TextArea;
|
|
27
27
|
function Index(props) {
|
|
28
28
|
var _extraInfo$addonAfter7;
|
|
@@ -46,17 +46,23 @@ function Index(props) {
|
|
|
46
46
|
rules = _React$useState4[0],
|
|
47
47
|
setRules = _React$useState4[1];
|
|
48
48
|
useObservable(function (p) {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
evalString =
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
49
|
+
var _p$payload;
|
|
50
|
+
if (name && (!(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.type) || (extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.type) === 'textarea') && (p === null || p === void 0 ? void 0 : (_p$payload = p.payload) === null || _p$payload === void 0 ? void 0 : _p$payload.trigger) === 'firstLoad' && (p === null || p === void 0 ? void 0 : p.type) === 'onValuesChange') {
|
|
51
|
+
try {
|
|
52
|
+
var _extraInfo$addonAfter;
|
|
53
|
+
var evalString = '';
|
|
54
|
+
for (var i = 0; i < name.length; i++) {
|
|
55
|
+
evalString = "".concat(evalString, "[name[").concat(i, "]]");
|
|
56
|
+
}
|
|
57
|
+
var _value = eval("p?.payload?.allVals".concat(evalString));
|
|
58
|
+
if (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$addonAfter = extraInfo.addonAfter) === null || _extraInfo$addonAfter === void 0 ? void 0 : _extraInfo$addonAfter.key) {
|
|
59
|
+
setValueTitle(_value === null || _value === void 0 ? void 0 : _value.value);
|
|
60
|
+
} else {
|
|
61
|
+
setValueTitle(_value);
|
|
62
|
+
}
|
|
63
|
+
} catch (error) {
|
|
64
|
+
// 处理异常情况
|
|
65
|
+
console.error(error.message);
|
|
60
66
|
}
|
|
61
67
|
}
|
|
62
68
|
}, [formContext.stream$, name, extraInfo]);
|
|
@@ -28,8 +28,8 @@ import _Tooltip from "antd/es/tooltip";
|
|
|
28
28
|
import "antd/es/tag/style";
|
|
29
29
|
import _Tag from "antd/es/tag";
|
|
30
30
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
31
|
-
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
32
31
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
32
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
33
33
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
34
34
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
35
35
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
@@ -37,7 +37,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
|
37
37
|
/*
|
|
38
38
|
* @Author:wangxian
|
|
39
39
|
* @Date: 2021-09-18 14:15:04
|
|
40
|
-
* @LastEditTime: 2023-
|
|
40
|
+
* @LastEditTime: 2023-05-16 16:38:08
|
|
41
41
|
*/
|
|
42
42
|
import React from 'react';
|
|
43
43
|
import { MetadataFormContext, MetadataRefContext } from '../interface';
|
|
@@ -49,7 +49,7 @@ import { tr } from '../../../framework/locale';
|
|
|
49
49
|
import useObservable from '../../../framework/rxjs-hooks/useObservable';
|
|
50
50
|
import { assignReplace } from '../utils';
|
|
51
51
|
function Index(props) {
|
|
52
|
-
var _extraInfo$
|
|
52
|
+
var _extraInfo$http9, _extraInfo$http10, _extraInfo$http11, _extraInfo$http12, _extraInfo$http13, _extraInfo$http14;
|
|
53
53
|
var id = props.id,
|
|
54
54
|
name = props.name,
|
|
55
55
|
isRefForm = props.isRefForm,
|
|
@@ -73,15 +73,25 @@ function Index(props) {
|
|
|
73
73
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
74
74
|
treeData = _React$useState4[0],
|
|
75
75
|
setTreeData = _React$useState4[1];
|
|
76
|
-
var _React$useState5 = React.useState(),
|
|
76
|
+
var _React$useState5 = React.useState(false),
|
|
77
77
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
var
|
|
81
|
-
var _React$useState7 = React.useState(
|
|
78
|
+
treeselectOpen = _React$useState6[0],
|
|
79
|
+
setTreeselectOpen = _React$useState6[1];
|
|
80
|
+
var treeRef = React.useRef(null);
|
|
81
|
+
var _React$useState7 = React.useState(),
|
|
82
82
|
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
watchValue = _React$useState8[0],
|
|
84
|
+
setWatchValue = _React$useState8[1];
|
|
85
|
+
var watchValueRef = React.useRef();
|
|
86
|
+
var _React$useState9 = React.useState([]),
|
|
87
|
+
_React$useState10 = _slicedToArray(_React$useState9, 2),
|
|
88
|
+
mutiSelect = _React$useState10[0],
|
|
89
|
+
setMutiSelect = _React$useState10[1];
|
|
90
|
+
var _React$useState11 = React.useState([]),
|
|
91
|
+
_React$useState12 = _slicedToArray(_React$useState11, 2),
|
|
92
|
+
expandedKeys = _React$useState12[0],
|
|
93
|
+
setExpandedKeys = _React$useState12[1];
|
|
94
|
+
var firstLoadTreeSelectRef = React.useRef(true);
|
|
85
95
|
var pageRef = React.useRef(1);
|
|
86
96
|
var totalRef = React.useRef();
|
|
87
97
|
var onSelect = function onSelect(value) {
|
|
@@ -91,10 +101,10 @@ function Index(props) {
|
|
|
91
101
|
});
|
|
92
102
|
};
|
|
93
103
|
useObservable(function (p) {
|
|
94
|
-
var _extraInfo$http;
|
|
104
|
+
var _extraInfo$http, _extraInfo$http2, _p$payload3;
|
|
95
105
|
// 判断是否有 watch的扩展属性
|
|
96
106
|
var _watch = extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$http = extraInfo.http) === null || _extraInfo$http === void 0 ? void 0 : _extraInfo$http.watch;
|
|
97
|
-
if (_watch && (p === null || p === void 0 ? void 0 : p.type) === 'onValuesChange') {
|
|
107
|
+
if (name && _watch && (p === null || p === void 0 ? void 0 : p.type) === 'onValuesChange') {
|
|
98
108
|
try {
|
|
99
109
|
var _watchArr = _watch.split(',');
|
|
100
110
|
if (_watchArr.length === 1) {
|
|
@@ -130,18 +140,18 @@ function Index(props) {
|
|
|
130
140
|
var b = false;
|
|
131
141
|
for (var _i = 0; _i < _watchArr.length; _i++) {
|
|
132
142
|
var w = _watchArr[_i];
|
|
133
|
-
var
|
|
143
|
+
var _evalString2 = '';
|
|
134
144
|
for (var _i2 = 0; _i2 < name.length; _i2++) {
|
|
135
145
|
if (_i2 < name.length - 1) {
|
|
136
|
-
|
|
146
|
+
_evalString2 = "".concat(_evalString2, "[name[").concat(_i2, "]]");
|
|
137
147
|
}
|
|
138
148
|
}
|
|
139
|
-
var _value2 = eval("p?.payload?.allVals".concat(
|
|
149
|
+
var _value2 = eval("p?.payload?.allVals".concat(_evalString2, "[w]"));
|
|
140
150
|
if (_value2) {
|
|
141
151
|
var _wRef2 = watchValueRef.current || {};
|
|
142
152
|
_wRef2[w] = _value2;
|
|
143
153
|
watchValueRef.current = _wRef2;
|
|
144
|
-
b = eval("p?.payload?.val".concat(
|
|
154
|
+
b = eval("p?.payload?.val".concat(_evalString2, "[w]"));
|
|
145
155
|
}
|
|
146
156
|
}
|
|
147
157
|
if (b && !(p === null || p === void 0 ? void 0 : (_p$payload2 = p.payload) === null || _p$payload2 === void 0 ? void 0 : _p$payload2.trigger)) {
|
|
@@ -157,7 +167,18 @@ function Index(props) {
|
|
|
157
167
|
console.warn('watch:' + error);
|
|
158
168
|
}
|
|
159
169
|
}
|
|
160
|
-
|
|
170
|
+
if (treeData.length > 0 && name && (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$http2 = extraInfo.http) === null || _extraInfo$http2 === void 0 ? void 0 : _extraInfo$http2.isTreeSelect) && (p === null || p === void 0 ? void 0 : (_p$payload3 = p.payload) === null || _p$payload3 === void 0 ? void 0 : _p$payload3.trigger) === 'firstLoad' && (p === null || p === void 0 ? void 0 : p.type) === 'onValuesChange') {
|
|
171
|
+
var _evalString = '';
|
|
172
|
+
for (var _i3 = 0; _i3 < name.length; _i3++) {
|
|
173
|
+
_evalString = "".concat(_evalString, "[name[").concat(_i3, "]]");
|
|
174
|
+
}
|
|
175
|
+
var _treeSelectValue = eval("p?.payload?.allVals".concat(_evalString));
|
|
176
|
+
if (_treeSelectValue) {
|
|
177
|
+
var selectedKeys = Array.isArray(_treeSelectValue) ? _treeSelectValue : [_treeSelectValue];
|
|
178
|
+
setExpandedKeys(_toConsumableArray(selectedKeys));
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
}, [formContext.stream$, treeData, extraInfo, name]);
|
|
161
182
|
var getEnumDataByUrl = React.useCallback( /*#__PURE__*/function () {
|
|
162
183
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(http, pid, page) {
|
|
163
184
|
var server, _url, res, _res;
|
|
@@ -253,7 +274,7 @@ function Index(props) {
|
|
|
253
274
|
return processSelectOptionsData();
|
|
254
275
|
}, [initEnumValue, myEnum, id, extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.maxSelect]);
|
|
255
276
|
var httpOptions = useAsyncMemo( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
256
|
-
var _extraInfo$
|
|
277
|
+
var _extraInfo$http3, _extraInfo$http4, _extraInfo$http5, res;
|
|
257
278
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
258
279
|
while (1) switch (_context2.prev = _context2.next) {
|
|
259
280
|
case 0:
|
|
@@ -262,13 +283,13 @@ function Index(props) {
|
|
|
262
283
|
break;
|
|
263
284
|
}
|
|
264
285
|
_context2.next = 3;
|
|
265
|
-
return getEnumDataByUrl(deepClone(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.http), '', (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$
|
|
286
|
+
return getEnumDataByUrl(deepClone(extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.http), '', (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$http3 = extraInfo.http) === null || _extraInfo$http3 === void 0 ? void 0 : _extraInfo$http3.isPagination) && pageRef.current);
|
|
266
287
|
case 3:
|
|
267
288
|
res = _context2.sent;
|
|
268
|
-
if (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$
|
|
289
|
+
if (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$http4 = extraInfo.http) === null || _extraInfo$http4 === void 0 ? void 0 : _extraInfo$http4.isCascader) {
|
|
269
290
|
setCascaderOption(_toConsumableArray(res));
|
|
270
291
|
}
|
|
271
|
-
if (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$
|
|
292
|
+
if (extraInfo === null || extraInfo === void 0 ? void 0 : (_extraInfo$http5 = extraInfo.http) === null || _extraInfo$http5 === void 0 ? void 0 : _extraInfo$http5.isTreeSelect) {
|
|
272
293
|
setTreeData(_toConsumableArray(res));
|
|
273
294
|
}
|
|
274
295
|
return _context2.abrupt("return", res);
|
|
@@ -355,6 +376,23 @@ function Index(props) {
|
|
|
355
376
|
return '...';
|
|
356
377
|
}
|
|
357
378
|
};
|
|
379
|
+
var onExpand = function onExpand(_expandedKeys) {
|
|
380
|
+
setExpandedKeys(_toConsumableArray(_expandedKeys));
|
|
381
|
+
};
|
|
382
|
+
var onDropdownVisibleChange = function onDropdownVisibleChange(_open) {
|
|
383
|
+
setTreeselectOpen(_open);
|
|
384
|
+
if (_open && firstLoadTreeSelectRef.current) {
|
|
385
|
+
setTimeout(function () {
|
|
386
|
+
var _treeRef$current;
|
|
387
|
+
(_treeRef$current = treeRef.current) === null || _treeRef$current === void 0 ? void 0 : _treeRef$current.scrollTo({
|
|
388
|
+
key: expandedKeys[0],
|
|
389
|
+
align: 'top',
|
|
390
|
+
offset: 40
|
|
391
|
+
});
|
|
392
|
+
firstLoadTreeSelectRef.current = false;
|
|
393
|
+
}, 100);
|
|
394
|
+
}
|
|
395
|
+
};
|
|
358
396
|
var processSelectType = function processSelectType(isCascader, isTreeSelect, isPagination) {
|
|
359
397
|
if (isCascader) {
|
|
360
398
|
var _extraInfo$disabled;
|
|
@@ -369,6 +407,7 @@ function Index(props) {
|
|
|
369
407
|
var _extraInfo$disabled2;
|
|
370
408
|
return /*#__PURE__*/React.createElement(_TreeSelect, {
|
|
371
409
|
showSearch: true,
|
|
410
|
+
ref: treeRef,
|
|
372
411
|
filterTreeNode: function filterTreeNode(input, treeNode) {
|
|
373
412
|
var _treeNode$label;
|
|
374
413
|
return (treeNode === null || treeNode === void 0 ? void 0 : (_treeNode$label = treeNode.label) === null || _treeNode$label === void 0 ? void 0 : _treeNode$label.toString().indexOf(input)) >= 0;
|
|
@@ -386,6 +425,10 @@ function Index(props) {
|
|
|
386
425
|
overflow: 'auto'
|
|
387
426
|
},
|
|
388
427
|
treeData: treeData,
|
|
428
|
+
onTreeExpand: onExpand,
|
|
429
|
+
open: treeselectOpen,
|
|
430
|
+
onDropdownVisibleChange: onDropdownVisibleChange,
|
|
431
|
+
treeExpandedKeys: expandedKeys,
|
|
389
432
|
allowClear: true,
|
|
390
433
|
disabled: (_extraInfo$disabled2 = extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.disabled) !== null && _extraInfo$disabled2 !== void 0 ? _extraInfo$disabled2 : disabled,
|
|
391
434
|
placeholder: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.placeholder,
|
|
@@ -479,7 +522,7 @@ function Index(props) {
|
|
|
479
522
|
}
|
|
480
523
|
};
|
|
481
524
|
if (isObj && isRefForm && field) {
|
|
482
|
-
var _extraInfo$
|
|
525
|
+
var _extraInfo$http6, _extraInfo$http7, _extraInfo$http8;
|
|
483
526
|
return /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
|
|
484
527
|
style: {
|
|
485
528
|
flex: 1,
|
|
@@ -507,7 +550,7 @@ function Index(props) {
|
|
|
507
550
|
}],
|
|
508
551
|
help: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help,
|
|
509
552
|
tooltip: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.tooltip
|
|
510
|
-
}), processSelectType((_extraInfo$
|
|
553
|
+
}), processSelectType((_extraInfo$http6 = extraInfo.http) === null || _extraInfo$http6 === void 0 ? void 0 : _extraInfo$http6.isCascader, (_extraInfo$http7 = extraInfo.http) === null || _extraInfo$http7 === void 0 ? void 0 : _extraInfo$http7.isTreeSelect, (_extraInfo$http8 = extraInfo.http) === null || _extraInfo$http8 === void 0 ? void 0 : _extraInfo$http8.isPagination));
|
|
511
554
|
}
|
|
512
555
|
return !field ? /*#__PURE__*/React.createElement(_Form.Item, {
|
|
513
556
|
key: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.defaultValue,
|
|
@@ -537,7 +580,7 @@ function Index(props) {
|
|
|
537
580
|
}],
|
|
538
581
|
help: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help,
|
|
539
582
|
tooltip: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.tooltip
|
|
540
|
-
}, processSelectType((_extraInfo$
|
|
583
|
+
}, processSelectType((_extraInfo$http9 = extraInfo.http) === null || _extraInfo$http9 === void 0 ? void 0 : _extraInfo$http9.isCascader, (_extraInfo$http10 = extraInfo.http) === null || _extraInfo$http10 === void 0 ? void 0 : _extraInfo$http10.isTreeSelect, (_extraInfo$http11 = extraInfo.http) === null || _extraInfo$http11 === void 0 ? void 0 : _extraInfo$http11.isPagination)) : /*#__PURE__*/React.createElement(_Form.Item, _extends({}, field, {
|
|
541
584
|
style: {
|
|
542
585
|
flex: 1,
|
|
543
586
|
paddingRight: '10px'
|
|
@@ -548,6 +591,6 @@ function Index(props) {
|
|
|
548
591
|
}],
|
|
549
592
|
help: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.help,
|
|
550
593
|
tooltip: extraInfo === null || extraInfo === void 0 ? void 0 : extraInfo.tooltip
|
|
551
|
-
}), processSelectType((_extraInfo$
|
|
594
|
+
}), processSelectType((_extraInfo$http12 = extraInfo.http) === null || _extraInfo$http12 === void 0 ? void 0 : _extraInfo$http12.isCascader, (_extraInfo$http13 = extraInfo.http) === null || _extraInfo$http13 === void 0 ? void 0 : _extraInfo$http13.isTreeSelect, (_extraInfo$http14 = extraInfo.http) === null || _extraInfo$http14 === void 0 ? void 0 : _extraInfo$http14.isPagination));
|
|
552
595
|
}
|
|
553
596
|
export default /*#__PURE__*/React.memo(Index);
|