@chlp-tech/rpa-ui 0.0.21 → 0.0.22
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.
- package/dist/drawer-task/index.js +12 -9
- package/package.json +1 -1
|
@@ -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,
|