@lemon-fe/components 0.1.23 → 0.1.28
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.
|
@@ -193,6 +193,8 @@ var favoriteIcon = /*#__PURE__*/React.createElement("svg", {
|
|
|
193
193
|
strokeDasharray: "0,0",
|
|
194
194
|
mask: "url(#mask-2)"
|
|
195
195
|
})))));
|
|
196
|
+
var WIDTH = 1280;
|
|
197
|
+
var FAVORITES_POPOVER = 'FAVORITES_POPOVER';
|
|
196
198
|
export default function Menu(props) {
|
|
197
199
|
var menus = props.data,
|
|
198
200
|
onClick = props.onClick,
|
|
@@ -208,8 +210,9 @@ export default function Menu(props) {
|
|
|
208
210
|
|
|
209
211
|
var popup = useRef(null);
|
|
210
212
|
var drawer = useRef(null);
|
|
213
|
+
var clientWidth = useRef(document.body.clientWidth);
|
|
211
214
|
|
|
212
|
-
var _useState3 = useState(
|
|
215
|
+
var _useState3 = useState(clientWidth.current <= WIDTH),
|
|
213
216
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
214
217
|
collapsed = _useState4[0],
|
|
215
218
|
setCollapsed = _useState4[1];
|
|
@@ -224,7 +227,6 @@ export default function Menu(props) {
|
|
|
224
227
|
top = _useState8[0],
|
|
225
228
|
setTop = _useState8[1];
|
|
226
229
|
|
|
227
|
-
var FAVORITES_POPOVER = 'FAVORITES_POPOVER';
|
|
228
230
|
var activeMenu = useMemo(function () {
|
|
229
231
|
var check = function check(path) {
|
|
230
232
|
if (path) {
|
|
@@ -335,6 +337,24 @@ export default function Menu(props) {
|
|
|
335
337
|
};
|
|
336
338
|
}
|
|
337
339
|
}, [visible]);
|
|
340
|
+
useEffect(function () {
|
|
341
|
+
var handleResize = function handleResize() {
|
|
342
|
+
var width = document.body.clientWidth;
|
|
343
|
+
|
|
344
|
+
if (clientWidth.current > WIDTH && width <= WIDTH) {
|
|
345
|
+
setCollapsed(true);
|
|
346
|
+
} else if (clientWidth.current <= WIDTH && width > WIDTH) {
|
|
347
|
+
setCollapsed(false);
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
clientWidth.current = width;
|
|
351
|
+
};
|
|
352
|
+
|
|
353
|
+
window.addEventListener('resize', handleResize);
|
|
354
|
+
return function () {
|
|
355
|
+
window.removeEventListener('resize', handleResize);
|
|
356
|
+
};
|
|
357
|
+
}, []);
|
|
338
358
|
|
|
339
359
|
var openDrawer = function openDrawer() {
|
|
340
360
|
setVisible(true);
|
|
@@ -578,7 +598,7 @@ export default function Menu(props) {
|
|
|
578
598
|
var target = e.currentTarget;
|
|
579
599
|
toggle(function () {
|
|
580
600
|
return openMenu({
|
|
581
|
-
name:
|
|
601
|
+
name: FAVORITES_POPOVER,
|
|
582
602
|
children: _toConsumableArray(favoritesMap.values())
|
|
583
603
|
}, target);
|
|
584
604
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lemon-fe/components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.28",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "鲁盛杰 <lusj@cnlemon.net>",
|
|
6
6
|
"homepage": "",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"react": "^17.0.2",
|
|
42
42
|
"react-dom": "^17.0.2"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "330d5bb83412a5e0aa718ef098a8c1644b4777c1"
|
|
45
45
|
}
|