// 引入拖拽js
import { startDrag } from './drag' 
/**
 * 为el-dialog弹框增加拖拽功能
 * @param {*} el 指定dom
 * @param {*} binding 绑定对象
 * desc   只要用到了el-dialog的组件，都可以通过增加v-draggable属性变为可拖拽的弹框
 */
const draggable = (el, binding) => {
    // 绑定拖拽事件 [绑定拖拽触发元素为弹框头部、拖拽移动元素为整个弹框]
    startDrag(el.querySelector('.el-dialog__header'), el.querySelector('.el-dialog'), binding.value);
};
// const draggleft = {
//   bind(el, binding){
//    el.querySelector('.el-dialog').style.left =binding.value;
//    console.log(binding.value);
//    console.log(1111111);
//    console.log(el);
//   },
//   inserted(el, binding){
// console.log(binding)
//   },
//   update(el, binding){

//   },
 
// }
const draggleft = (el, binding) => {
  // 绑定拖拽事件 [绑定拖拽触发元素为弹框头部、拖拽移动元素为整个弹框]
  el.querySelector('.el-dialog').style.left =binding.value;
  // startDrag(el.querySelector('.el-dialog__header'), el.querySelector('.el-dialog'), binding.value);
};
const directives = {
    draggable,draggleft,
 
};
// 这种写法可以批量注册指令
export default {
  install(Vue) {
      Object.keys(directives).forEach((key) => {
      Vue.directive(key, directives[key]);
    });
  },
};