const MenuItem = {
    props: {
        icon:{
            type:String
        },
        level:{
            type:Number,
            default:0
        },
        mode:{
            type:String
        }
    },
    methods:{
        handleClick(evt){
            this.$emit('click',evt);
        }
    },
    render(h) {
        const {...props} = this.$props;
        const icon = props.icon? `icon iconfont ${props.icon} `:'';
        const itemProps={
            props:{
                level:props.level
            },
            attrs:{
                title:this.$slots.default[0].text
            },
            on:{
                click:this.handleClick
            }
        }
        return (
            <li class="pl-menus-item" {...itemProps} >
                <a class="title" >
                    {icon!=''&&(<i class={icon}></i>)}
                    <span class="txt">{this.$slots.default}</span>
                </a>
            </li>
        )
    }
}
export default MenuItem;