import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// import App from './App.vue';

Vue.use(ElementUI);
// 在vue上挂载一个指量 stopReClick
// vue防止按钮重复点击
const stopReClick = Vue.directive('stopReClick', {
    inserted: function (el, binding) {
        el.addEventListener('click', () => {
            if (!el.disabled) {
                el.disabled = true
                el.style.cursor = 'not-allowed'
                setTimeout(() => {
                    el.style.cursor = 'pointer'
                    el.disabled = false
                    //设置时间
                }, binding.value || 3000)
            }
        })
    }
})

const longReClick = Vue.directive('longReClick', {
    inserted: function (el, binding) {
        el.addEventListener('click', () => {
            if (!el.disabled) {
                el.disabled = true
                el.style.cursor = 'not-allowed'
                setTimeout(() => {
                    el.style.cursor = 'pointer'
                    el.disabled = false
                    //设置时间
                }, binding.value || 30000)
            }
        })
    }
})

export { stopReClick, longReClick }