From c0a87b9244e1521c76b8a0dc70b922f6fc3e30a1 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期四, 17 七月 2025 16:35:23 +0800 Subject: [PATCH] Merge branch 'devlop' of http://47.97.1.152:5880/r/wms-master into devlop --- rsf-admin/src/layout/SubMenu.jsx | 49 ++++++++++++++++++++++++++++--------------------- 1 files changed, 28 insertions(+), 21 deletions(-) diff --git a/rsf-admin/src/layout/SubMenu.jsx b/rsf-admin/src/layout/SubMenu.jsx index f5be513..a0e937e 100644 --- a/rsf-admin/src/layout/SubMenu.jsx +++ b/rsf-admin/src/layout/SubMenu.jsx @@ -1,6 +1,7 @@ import * as React from 'react'; import { ReactElement, ReactNode } from 'react'; import { + Box, List, MenuItem, ListItemIcon, @@ -18,13 +19,18 @@ const [sidebarIsOpen] = useSidebarState(); const header = ( - <MenuItem dense={dense} onClick={handleToggle} sx={{ display: 'flex', alignItems: 'center' }}> - <ListItemIcon sx={{ minWidth: 40, color: 'text.secondary', display: 'flex', alignItems: 'center' }}> - {icon ? icon : isOpen ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />} - </ListItemIcon> - <Typography variant="inherit" color="textSecondary" sx={{ ml: 1, display: 'flex', alignItems: 'center' }}> - {translate(name)} - </Typography> + <MenuItem dense={dense} onClick={handleToggle} sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}> + <Box sx={{ display: 'flex', alignItems: 'center', flex: 1 }}> + <ListItemIcon sx={{ minWidth: 40, color: 'text.secondary', display: 'flex', alignItems: 'center' }}> + {icon} + </ListItemIcon> + <Typography variant="inherit" color="textSecondary" sx={{ ml: 1, display: 'flex', alignItems: 'center' }}> + {translate(name)} + </Typography> + </Box> + <Box sx={{ display: 'flex', alignItems: 'center', minWidth: 24 }}> + {isOpen ? <KeyboardArrowDownIcon fontSize="small" sx={{color: 'text.secondary'}} /> : <KeyboardArrowRightIcon fontSize="small" sx={{color: 'text.secondary'}} />} + </Box> </MenuItem> ); @@ -42,20 +48,21 @@ dense={dense} component="div" disablePadding - sx={{ - '& .MuiTypography-root': { - visibility: 'hidden' - }, - - '& .MuiMenuItem-root': { - transition: - 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms', - paddingLeft: theme => - sidebarIsOpen - ? theme.spacing(4) - : theme.spacing(2), - }, - }} + // sx={{ + // '& .MuiMenuItem-root': { + // transition: + // 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms', + // paddingLeft: theme => + // sidebarIsOpen + // ? theme.spacing(4) + // : theme.spacing(2), + // }, + // // 鏄剧ず浜岀骇鑿滃崟鐨刬con + // '& .RaMenuItemLink-icon': { + // visibility: 'visible !important', + // minWidth: '24px' + // } + // }} > {children} </List> -- Gitblit v1.9.1