lisang
/
d2-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: renderItem

This commit is contained in:
FairyEver 2021-10-19 21:07:06 +08:00
parent a6d8e43b7f
commit c57e954d1f
1 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
d2-admin/components/d2-admin/layout/header-aside/menu/utils/render.jsx
View File

@ -11,25 +11,31 @@ export const renderItem = menu => (
{
{
title: () => getMenuTitle(menu),
default: () => <d2-icon name={ getMenuIcon(menu) }/>
default: () => {
const icon = getMenuIcon(menu)
// return <i class="el-icon-location"/>
return icon ? <d2-icon name={ icon }/> : null
}
}
}
</el-menu-item>
)
export const renderSub = menu => (
<el-sub-menu index={ getMenuId(menu) }>
{
export const renderSub = menu => {
return (
<el-sub-menu index={ getMenuId(menu) }>
{
title: () => [
<i class="el-icon-location"/>,
<span>{ getMenuTitle(menu) }</span>
],
default: () => getMenuChildren(menu).map(menu => renderMenu(menu))
{
title: () => [
<i class="el-icon-location"/>,
<span>{ getMenuTitle(menu) }</span>
],
default: () => getMenuChildren(menu).map(menu => renderMenu(menu))
}
}
}
</el-sub-menu>
)
</el-sub-menu>
)
}
export const renderMenu = menu => (hasChildren(menu) ? renderSub : renderItem)(menu)