@chlp-tech/rpa-ui 0.0.20 → 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 +20 -18
|
@@ -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]);
|
|
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,
|
package/package.json
CHANGED
|
@@ -1,23 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chlp-tech/rpa-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.22",
|
|
4
4
|
"description": "rpa-ui",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
|
-
"scripts": {
|
|
8
|
-
"start": "npm run dev",
|
|
9
|
-
"dev": "dumi dev",
|
|
10
|
-
"build": "father build",
|
|
11
|
-
"build:watch": "father dev",
|
|
12
|
-
"docs:build": "dumi build",
|
|
13
|
-
"docs:preview": "dumi preview",
|
|
14
|
-
"prepare": "husky install && dumi setup",
|
|
15
|
-
"doctor": "father doctor",
|
|
16
|
-
"lint": "npm run lint:es && npm run lint:css",
|
|
17
|
-
"lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
|
|
18
|
-
"lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
|
|
19
|
-
"prepublishOnly": "father doctor && npm run build"
|
|
20
|
-
},
|
|
21
7
|
"authors": [],
|
|
22
8
|
"license": "MIT",
|
|
23
9
|
"files": [
|
|
@@ -50,11 +36,15 @@
|
|
|
50
36
|
},
|
|
51
37
|
"buildConfig": {
|
|
52
38
|
"esm": {
|
|
53
|
-
"output": {
|
|
39
|
+
"output": {
|
|
40
|
+
"mode": "esm"
|
|
41
|
+
},
|
|
54
42
|
"platform": "browser"
|
|
55
43
|
},
|
|
56
44
|
"cjs": {
|
|
57
|
-
"output": {
|
|
45
|
+
"output": {
|
|
46
|
+
"mode": "cjs"
|
|
47
|
+
}
|
|
58
48
|
},
|
|
59
49
|
"external": [
|
|
60
50
|
"react",
|
|
@@ -104,5 +94,17 @@
|
|
|
104
94
|
"dayjs": "^1.11.13",
|
|
105
95
|
"js-md5": "^0.8.3",
|
|
106
96
|
"styled-components": "^6.1.12"
|
|
97
|
+
},
|
|
98
|
+
"scripts": {
|
|
99
|
+
"start": "npm run dev",
|
|
100
|
+
"dev": "dumi dev",
|
|
101
|
+
"build": "father build",
|
|
102
|
+
"build:watch": "father dev",
|
|
103
|
+
"docs:build": "dumi build",
|
|
104
|
+
"docs:preview": "dumi preview",
|
|
105
|
+
"doctor": "father doctor",
|
|
106
|
+
"lint": "npm run lint:es && npm run lint:css",
|
|
107
|
+
"lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
|
|
108
|
+
"lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\""
|
|
107
109
|
}
|
|
108
|
-
}
|
|
110
|
+
}
|