@chlp-tech/rpa-ui 0.0.21 → 0.0.23
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.
|
@@ -213,6 +213,7 @@ var SelectCover = function SelectCover(props) {
|
|
|
213
213
|
}, "\u4FDD\u5B58"))) : /*#__PURE__*/React.createElement(React.Fragment, null));
|
|
214
214
|
};
|
|
215
215
|
var UploadCover = function UploadCover(props) {
|
|
216
|
+
var _props$description;
|
|
216
217
|
var _useState7 = useState(),
|
|
217
218
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
218
219
|
file = _useState8[0],
|
|
@@ -272,15 +273,15 @@ var UploadCover = function UploadCover(props) {
|
|
|
272
273
|
style: {
|
|
273
274
|
display: props.visible ? 'block' : 'none'
|
|
274
275
|
}
|
|
275
|
-
}, /*#__PURE__*/React.createElement(Alert, {
|
|
276
|
+
}, props.description && ((_props$description = props.description) === null || _props$description === void 0 ? void 0 : _props$description.length) > 0 ? /*#__PURE__*/React.createElement(Alert, {
|
|
276
277
|
style: {
|
|
277
278
|
marginTop: 12,
|
|
278
279
|
padding: 8
|
|
279
280
|
},
|
|
280
281
|
type: "info",
|
|
281
282
|
showIcon: true,
|
|
282
|
-
description:
|
|
283
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
283
|
+
description: props.description
|
|
284
|
+
}) : null, /*#__PURE__*/React.createElement("div", {
|
|
284
285
|
className: styles.uploadWrap
|
|
285
286
|
}, /*#__PURE__*/React.createElement(Upload, {
|
|
286
287
|
accept: '.jpg, .jpeg, .png',
|
|
@@ -27,7 +27,7 @@ var ActivateTab = function ActivateTab(props) {
|
|
|
27
27
|
}), /*#__PURE__*/React.createElement("div", null, props.content)));
|
|
28
28
|
};
|
|
29
29
|
var DrawerTask = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
30
|
-
var _props$menu, _props$menu4;
|
|
30
|
+
var _props$menu, _props$menu4, _props$menu6;
|
|
31
31
|
var _useState = useState(!!props.open),
|
|
32
32
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
33
|
internalOpen = _useState2[0],
|
|
@@ -45,14 +45,17 @@ var DrawerTask = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
45
45
|
console.log('----------', props.defaultTab);
|
|
46
46
|
if (props.defaultTab) {
|
|
47
47
|
setActiveItem(props.defaultTab);
|
|
48
|
+
} else {
|
|
49
|
+
var _props$menu2;
|
|
50
|
+
setActiveItem((_props$menu2 = props.menu) === null || _props$menu2 === void 0 || (_props$menu2 = _props$menu2.items) === null || _props$menu2 === void 0 || (_props$menu2 = _props$menu2[0]) === null || _props$menu2 === void 0 ? void 0 : _props$menu2.key);
|
|
48
51
|
}
|
|
49
52
|
}, [props.defaultTab]);
|
|
50
53
|
var renderBody = useMemo(function () {
|
|
51
|
-
var _props$
|
|
52
|
-
return (_props$
|
|
54
|
+
var _props$menu3;
|
|
55
|
+
return (_props$menu3 = props.menu) === null || _props$menu3 === void 0 || (_props$menu3 = _props$menu3.items) === null || _props$menu3 === void 0 || (_props$menu3 = _props$menu3.find(function (item) {
|
|
53
56
|
return item.key === activeItem;
|
|
54
|
-
})) === null || _props$
|
|
55
|
-
}, [activeItem, props.menu]);
|
|
57
|
+
})) === null || _props$menu3 === void 0 ? void 0 : _props$menu3.component;
|
|
58
|
+
}, [activeItem, (_props$menu4 = props.menu) === null || _props$menu4 === void 0 ? void 0 : _props$menu4.items]);
|
|
56
59
|
var handleOpen = function handleOpen() {
|
|
57
60
|
// eslint-disable-next-line @typescript-eslint/no-unused-expressions
|
|
58
61
|
props.onOpen && props.onOpen();
|
|
@@ -70,10 +73,10 @@ var DrawerTask = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
70
73
|
};
|
|
71
74
|
});
|
|
72
75
|
var currentActiveTabItem = useMemo(function () {
|
|
73
|
-
var _props$
|
|
74
|
-
return (_props$
|
|
76
|
+
var _props$menu5;
|
|
77
|
+
return (_props$menu5 = props.menu) === null || _props$menu5 === void 0 || (_props$menu5 = _props$menu5.items) === null || _props$menu5 === void 0 || (_props$menu5 = _props$menu5.filter(function (item) {
|
|
75
78
|
return item.key === activeItem;
|
|
76
|
-
})) === null || _props$
|
|
79
|
+
})) === null || _props$menu5 === void 0 ? void 0 : _props$menu5[0];
|
|
77
80
|
}, [activeItem]);
|
|
78
81
|
var renderBack = function renderBack() {
|
|
79
82
|
if ( /*#__PURE__*/React.isValidElement(props.back)) {
|
|
@@ -104,7 +107,7 @@ var DrawerTask = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
104
107
|
className: styles["drawer_wrap"]
|
|
105
108
|
}, /*#__PURE__*/React.createElement("div", {
|
|
106
109
|
className: styles["drawer_wrap__left"]
|
|
107
|
-
}, props.back && renderBack(), !props.hideLeftTab && ((_props$
|
|
110
|
+
}, props.back && renderBack(), !props.hideLeftTab && ((_props$menu6 = props.menu) === null || _props$menu6 === void 0 || (_props$menu6 = _props$menu6.items) === null || _props$menu6 === void 0 ? void 0 : _props$menu6.map(function (item) {
|
|
108
111
|
return /*#__PURE__*/React.createElement(ActivateTab, {
|
|
109
112
|
key: item.key,
|
|
110
113
|
id: item.key,
|