ant-design-vue/components/menu/MenuItem.jsx

53 lines
1.3 KiB
Vue
Raw Normal View History

2018-03-19 02:16:27 +00:00
2018-02-06 09:22:36 +00:00
import { Item, itemProps } from '../vc-menu'
2018-02-24 10:12:24 +00:00
import { getClass, getStyle } from '../_util/props-util'
import { cloneVNodes } from '../_util/vnode'
2018-01-16 07:41:00 +00:00
import Tooltip from '../tooltip'
2018-01-18 02:43:39 +00:00
function noop () {}
2018-01-16 07:41:00 +00:00
export default {
props: itemProps,
2018-01-30 08:52:56 +00:00
name: 'MenuItem',
2018-01-16 07:41:00 +00:00
inject: {
2018-01-18 02:43:39 +00:00
getInlineCollapsed: { default: () => noop },
2018-01-16 07:41:00 +00:00
},
isMenuItem: 1,
methods: {
onKeyDown (e) {
this.$refs.menuItem.onKeyDown(e)
},
},
2018-01-17 08:12:53 +00:00
render (h) {
2018-01-17 11:15:18 +00:00
const { getInlineCollapsed, $props: props, $slots, $attrs: attrs, $listeners } = this
const inlineCollapsed = getInlineCollapsed()
2018-01-16 07:41:00 +00:00
const itemProps = {
props,
attrs,
2018-01-18 10:58:36 +00:00
on: $listeners,
2018-01-16 07:41:00 +00:00
class: getClass(this),
style: getStyle(this),
}
2018-01-17 11:15:18 +00:00
const toolTipProps = {
props: {
placement: 'right',
overlayClassName: `${props.rootPrefixCls}-inline-collapsed-tooltip`,
},
on: {},
}
2018-02-03 11:48:03 +00:00
return (
inlineCollapsed && props.level === 1
? <Tooltip {...toolTipProps}>
<template slot='title'>
{ cloneVNodes($slots.default, true) }
</template>
<Item {...itemProps} ref='menuItem'>
{$slots.default}
</Item>
</Tooltip>
: <Item {...itemProps} ref='menuItem'>
{$slots.default}
</Item>
)
2018-01-16 07:41:00 +00:00
},
}