export default {
    bind(el, binding) {
        const dragDom = binding.value.$el.querySelector('.el-dialog');

        el.onmousedown = (e) => {

            /**  鼠标按下，计算当前元素距离可视区的距离*/
            const disX = e.clientX - el.offsetLeft;

            document.onmousemove = function (e) {
                /** 移动时禁用默认事件*/
                e.preventDefault();

                /** 通过事件委托，计算移动的距离*/
                const l = e.clientX - disX;
                dragDom.style.width = `${l}px`;
            };

            document.onmouseup = function () {
                document.onmousemove = null;
                document.onmouseup = null;
            };
        };
    }
};