35 lines
1.4 KiB
JavaScript
35 lines
1.4 KiB
JavaScript
|
import { uniqueId } from 'lodash'
|
||
|
|
|
||
|
|
// 创建 el-menu-item
|
||
|
|
export function elMenuItem (createElement, menu) {
|
||
|
|
return createElement('el-menu-item', { props: { index: menu.path || uniqueId('d2-menu-empty-') } }, [
|
||
|
|
...menu.icon ? [
|
||
|
|
createElement('i', { attrs: { class: `fa fa-${menu.icon}` } })
|
||
|
|
] : [],
|
||
|
|
...menu.icon === undefined & !menu.iconSvg ? [
|
||
|
|
createElement('i', { attrs: { class: 'fa fa-file-o' } })
|
||
|
|
] : [],
|
||
|
|
...menu.iconSvg ? [
|
||
|
|
createElement('d2-icon-svg', { props: { name: menu.iconSvg } })
|
||
|
|
] : [],
|
||
|
|
createElement('span', { slot: 'title' }, menu.title || this.$t('layout.header-aside.menu-item.label-default'))
|
||
|
|
])
|
||
|
|
}
|
||
|
|
|
||
|
|
// 创建 el-submenu
|
||
|
|
export function elSubmenu (createElement, menu) {
|
||
|
|
return createElement('el-submenu', { props: { index: menu.path || uniqueId('d2-menu-empty-') } }, [
|
||
|
|
...menu.icon ? [
|
||
|
|
createElement('i', { slot: 'title', attrs: { class: `fa fa-${menu.icon}` } })
|
||
|
|
] : [],
|
||
|
|
...menu.icon === undefined & !menu.iconSvg ? [
|
||
|
|
createElement('i', { slot: 'title', attrs: { class: 'fa fa-file-o' } })
|
||
|
|
] : [],
|
||
|
|
...menu.iconSvg ? [
|
||
|
|
createElement('d2-icon-svg', { slot: 'title', props: { name: menu.iconSvg } })
|
||
|
|
] : [],
|
||
|
|
createElement('span', { slot: 'title' }, menu.title || this.$t('layout.header-aside.menu-item.label-default')),
|
||
|
|
...menu.children.map((child, childIndex) => (child.children === undefined ? elMenuItem : elSubmenu).call(this, createElement, child))
|
||
|
|
])
|
||
|
|
}
|