/**
 * 全局tooltip
 * 参考 el-table中的全局el-tooltip用于浮动调试
 * 目标:
 *   优化性能, 尽量减少创建
 * @author xiufu.wang
 */
import { PRO_CONFIG_PROVIDE_CONTEXT } from 'mars-pro/packages/pro-config-provide';
import ElTooltip from 'mars-pro/packages/tooltip';
export default {
    name: 'ProGlobalTooltip',
    componentName: 'ProGlobalTooltip',
    inject: {
        [PRO_CONFIG_PROVIDE_CONTEXT]: {
            default: null
        }
    },
    data() { 
        return {
            tooltipContent: '',
            useHtml: false
        }
    },
    components: {
        ElTooltip
    },
    render() {
        const _datas = {
            props: {
                ...this.$attrs,
                content: this.tooltipContent,
                useHtml: this.useHtml,
                popperClass: 'pro-global-tooltip'
            },
            on: this.$listeners
        }
        return <ElTooltip {..._datas} ref="proGlobalTooltip"></ElTooltip>
    },
    mounted() {
        //将当前proGlobalTooltip注入到中
        const configProvide = this[PRO_CONFIG_PROVIDE_CONTEXT]
        if (configProvide) { 
            configProvide.proGlobalTooltip = this
            //.$refs.proGlobalTooltip
        }
    }
}