baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update icon render for menu

Browse Source 
update icon render function for the menu

Change-Id: I16e27fe7bed46dd979b5a112a9c8fe926d6f5043
This commit is contained in:
zhangjingwei 2024-01-26 14:43:16 +08:00
parent 1919a36870
commit 8a1d7ab034
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/layouts/Base/Menu.jsx
View File

@ -123,12 +123,17 @@ export class LayoutMenu extends Component {
} }
}; };
renderMenuItem = (item) => { // eslint-disable-next-line no-unused-vars
renderMenuItemIcon = ({ item, collapsed, isSubMenu }) => {
return item.icon;
};
renderMenuItem = (item, isSubMenu) => {
const { collapsed, hover } = this.state; const { collapsed, hover } = this.state;
if (collapsed && !hover) { if (collapsed && !hover) {
return ( return (
<Menu.Item key={item.key} className={styles['menu-item-collapsed']}> <Menu.Item key={item.key} className={styles['menu-item-collapsed']}>
{item.icon} {this.renderMenuItemIcon({ item, collapsed, isSubMenu })}
</Menu.Item> </Menu.Item>
); );
} }
@ -150,7 +155,7 @@ export class LayoutMenu extends Component {
onClick={this.onClickMenuItem} onClick={this.onClickMenuItem}
> >
{/* <Menu.Item key={item.key} className={styles['menu-item-no-child']}> */} {/* <Menu.Item key={item.key} className={styles['menu-item-no-child']}> */}
{item.icon} {this.renderMenuItemIcon({ item, isSubMenu })}
<span <span
className={ className={
item.level === 0 || (item.level === 1 && !showChildren) item.level === 0 || (item.level === 1 && !showChildren)
@ -171,7 +176,7 @@ export class LayoutMenu extends Component {
} }
const title = ( const title = (
<span> <span>
{item.icon} {this.renderMenuItemIcon({ item })}
<span className={styles['menu-item-title']}> <span className={styles['menu-item-title']}>
{item.name.length >= this.maxTitleLength ? ( {item.name.length >= this.maxTitleLength ? (
<Tooltip title={item.name} placement="right"> <Tooltip title={item.name} placement="right">
@ -183,7 +188,9 @@ export class LayoutMenu extends Component {
</span> </span>
</span> </span>
); );
const subMenuItems = item.children.map((it) => this.renderMenuItem(it)); const subMenuItems = item.children.map((it) =>
this.renderMenuItem(it, true)
);
return ( return (
<SubMenu key={item.key} title={title} className={styles['sub-menu']}> <SubMenu key={item.key} title={title} className={styles['sub-menu']}>