/**
 * 单行css简单实现
 * @author xiufu.wang
 */
import showTooltipMore from './mixins/show-tooltip-more'
export default {
    name: 'css-ellipsis-impl',
    mixins: [showTooltipMore],
    props: {
        text: String
    },
    created() { 
        this.css = true
    },
    render() {
        const _datas = {
            on: {
                mouseenter: this.handleMouseenter,
                mouseleave: this.handleMouseleave,
                click: this.handleMouseleave
            },
            ref: 'contaner'
        }
        return (
            <div {..._datas}>
                <span>{this.text}</span>
                <span ref="more"></span>
            </div>
        )
    }
}