const findEl = (el) => {
    return el.tagName === 'INPUT' ? el : el.querySelector('input');
}

const trigger = (el, type) => {
    const e = document.createEvent('HTMLEvents')
    e.initEvent(type, true, true)
    el.dispatchEvent(e)
}

const formatValue = (el) => {
    if (!el.value) return;
    if (!el.value.match(/^[\+\-]?\d{1,9}(\.\d{0,6})?$/)) {
        el.value = el.t_value || null;
    } else {
        el.t_value = el.value;
    }
}

const inputNumber = {
    bind: function (ele, binding, vnode) {
        let el = findEl(ele);
        el.handler = function () {
            formatValue(el);
        }

        el.trigger = function () {
            trigger(el, 'input')
        }
        el.addEventListener('input', el.handler)
        el.addEventListener('keyup', el.trigger)
    },
    unbind: function (ele) {
        let el = findEl(ele);
        el.removeEventListener('input', el.handler)
        el.removeEventListener('keyup', el.trigger)
    }
}

export default inputNumber;