From 7586bed0a4963c91fb16c7a84845126c93fb2baa Mon Sep 17 00:00:00 2001
From: dengwenbin <dengwenbin@didichuxing.com>
Date: Wed, 7 Jun 2023 19:51:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=20vue.extend=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=BC=95=E5=85=A5=E4=BD=BF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                       | 15 ++++++
 dist/vue-directive-dragging.esm.js | 77 ++++++++++++++-------------
 dist/vue-directive-dragging.js     | 77 ++++++++++++++-------------
 dist/vue-directive-dragging.min.js |  4 +-
 package.json                       |  2 +-
 src/index.js                       | 83 ++++++++++++++++--------------
 6 files changed, 141 insertions(+), 117 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7eebb5b..6dc6f46 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,18 @@
+## 0.0.6
+2023-06-07
+
+支持 vue.extend 组件引入使用
+
+```js
+import dragging from 'vue-directive-dragging'
+
+let D3KitConstrutor = Vue.extend({
+  directives: {
+    dragging: dragging.draggingDirective
+  }
+})
+```
+
 ## 0.0.5
 2023-02-13
 
diff --git a/dist/vue-directive-dragging.esm.js b/dist/vue-directive-dragging.esm.js
index e1ad642..f6d4447 100644
--- a/dist/vue-directive-dragging.esm.js
+++ b/dist/vue-directive-dragging.esm.js
@@ -1,5 +1,5 @@
 /**
- * vue-directive-dragging v0.0.5
+ * vue-directive-dragging v0.0.6
  * (c) 2023 dengwb
  * @license MIT
  */
@@ -26,52 +26,55 @@ var events = {
   }
 };
 
-function install(Vue, options) {
-  var _el = null;
-  var diffTop = null;
-  var diffLeft = null;
-  var value = {};
+var _el = null;
+var diffTop = null;
+var diffLeft = null;
+var value = {};
 
-  function handleDragStart(event) {
-    value.prevent && event.preventDefault();
-    diffLeft = event.touches[0].pageX - _el.offsetLeft;
-    diffTop = event.touches[0].pageY - _el.offsetTop;
-  }
+function handleDragStart(event) {
+  value.prevent && event.preventDefault();
+  diffLeft = event.touches[0].pageX - _el.offsetLeft;
+  diffTop = event.touches[0].pageY - _el.offsetTop;
+}
 
-  function handleDragMove(event) {
-    event.preventDefault();
-    var left = event.touches[0].pageX - diffLeft;
-    var top = event.touches[0].pageY - diffTop;
+function handleDragMove(event) {
+  event.preventDefault();
+  var left = event.touches[0].pageX - diffLeft;
+  var top = event.touches[0].pageY - diffTop;
 
-    _el.style.left = left + 'px';
-    _el.style.top = top + 'px';
-  }
-  function saveDragItem(el, binding, vnode) {
-    _el = el;
-    value = _extends({
-      prevent: binding.prevent === false ? false : true
-    }, binding.value);
-    events.on(el, 'touchstart', handleDragStart);
-    events.on(el, 'touchmove', handleDragMove);
-  }
+  _el.style.left = left + 'px';
+  _el.style.top = top + 'px';
+}
+function saveDragItem(el, binding, vnode) {
+  _el = el;
+  value = _extends({
+    prevent: binding.prevent === false ? false : true
+  }, binding.value);
+  events.on(el, 'touchstart', handleDragStart);
+  events.on(el, 'touchmove', handleDragMove);
+}
 
-  function updateDragItem(el, binding, vnode) {}
+function updateDragItem(el, binding, vnode) {}
 
-  function removeDragItem(el, binding, vnode) {
-    events.off(el, 'touchstart', handleDragStart);
-    events.off(el, 'touchmove', handleDragMove);
-  }
+function removeDragItem(el, binding, vnode) {
+  events.off(el, 'touchstart', handleDragStart);
+  events.off(el, 'touchmove', handleDragMove);
+}
 
-  Vue.directive('dragging', {
-    bind: saveDragItem,
-    update: updateDragItem,
-    unbind: removeDragItem
-  });
+var draggingDirective = {
+  bind: saveDragItem,
+  update: updateDragItem,
+  unbind: removeDragItem
+};
+
+function install(Vue, options) {
+  Vue.directive('dragging', draggingDirective);
 }
 
 var index = {
   install: install,
-  version: '0.0.5'
+  draggingDirective: draggingDirective,
+  version: '0.0.6'
 };
 
 export default index;
diff --git a/dist/vue-directive-dragging.js b/dist/vue-directive-dragging.js
index fe4a3f9..2c73a21 100644
--- a/dist/vue-directive-dragging.js
+++ b/dist/vue-directive-dragging.js
@@ -1,5 +1,5 @@
 /**
- * vue-directive-dragging v0.0.5
+ * vue-directive-dragging v0.0.6
  * (c) 2023 dengwb
  * @license MIT
  */
@@ -32,52 +32,55 @@
     }
   };
 
-  function install(Vue, options) {
-    var _el = null;
-    var diffTop = null;
-    var diffLeft = null;
-    var value = {};
+  var _el = null;
+  var diffTop = null;
+  var diffLeft = null;
+  var value = {};
 
-    function handleDragStart(event) {
-      value.prevent && event.preventDefault();
-      diffLeft = event.touches[0].pageX - _el.offsetLeft;
-      diffTop = event.touches[0].pageY - _el.offsetTop;
-    }
+  function handleDragStart(event) {
+    value.prevent && event.preventDefault();
+    diffLeft = event.touches[0].pageX - _el.offsetLeft;
+    diffTop = event.touches[0].pageY - _el.offsetTop;
+  }
 
-    function handleDragMove(event) {
-      event.preventDefault();
-      var left = event.touches[0].pageX - diffLeft;
-      var top = event.touches[0].pageY - diffTop;
+  function handleDragMove(event) {
+    event.preventDefault();
+    var left = event.touches[0].pageX - diffLeft;
+    var top = event.touches[0].pageY - diffTop;
 
-      _el.style.left = left + 'px';
-      _el.style.top = top + 'px';
-    }
-    function saveDragItem(el, binding, vnode) {
-      _el = el;
-      value = _extends({
-        prevent: binding.prevent === false ? false : true
-      }, binding.value);
-      events.on(el, 'touchstart', handleDragStart);
-      events.on(el, 'touchmove', handleDragMove);
-    }
+    _el.style.left = left + 'px';
+    _el.style.top = top + 'px';
+  }
+  function saveDragItem(el, binding, vnode) {
+    _el = el;
+    value = _extends({
+      prevent: binding.prevent === false ? false : true
+    }, binding.value);
+    events.on(el, 'touchstart', handleDragStart);
+    events.on(el, 'touchmove', handleDragMove);
+  }
 
-    function updateDragItem(el, binding, vnode) {}
+  function updateDragItem(el, binding, vnode) {}
 
-    function removeDragItem(el, binding, vnode) {
-      events.off(el, 'touchstart', handleDragStart);
-      events.off(el, 'touchmove', handleDragMove);
-    }
+  function removeDragItem(el, binding, vnode) {
+    events.off(el, 'touchstart', handleDragStart);
+    events.off(el, 'touchmove', handleDragMove);
+  }
 
-    Vue.directive('dragging', {
-      bind: saveDragItem,
-      update: updateDragItem,
-      unbind: removeDragItem
-    });
+  var draggingDirective = {
+    bind: saveDragItem,
+    update: updateDragItem,
+    unbind: removeDragItem
+  };
+
+  function install(Vue, options) {
+    Vue.directive('dragging', draggingDirective);
   }
 
   var index = {
     install: install,
-    version: '0.0.5'
+    draggingDirective: draggingDirective,
+    version: '0.0.6'
   };
 
   return index;
diff --git a/dist/vue-directive-dragging.min.js b/dist/vue-directive-dragging.min.js
index 11fc446..df90415 100644
--- a/dist/vue-directive-dragging.min.js
+++ b/dist/vue-directive-dragging.min.js
@@ -1,6 +1,6 @@
 /**
- * vue-directive-dragging v0.0.5
+ * vue-directive-dragging v0.0.6
  * (c) 2023 dengwb
  * @license MIT
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.VueDirectiveDragging=t()}(this,function(){"use strict";var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,o=arguments[t];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},a=function(e,t,n){e.addEventListener(t,n)},p=function(e,t,n){e.removeEventListener(t,n)};return{install:function(e,t){var o=null,n=null,u=null,i={};function r(e){i.prevent&&e.preventDefault(),u=e.touches[0].pageX-o.offsetLeft,n=e.touches[0].pageY-o.offsetTop}function f(e){e.preventDefault();var t=e.touches[0].pageX-u,e=e.touches[0].pageY-n;o.style.left=t+"px",o.style.top=e+"px"}e.directive("dragging",{bind:function(e,t,n){o=e,i=c({prevent:!1!==t.prevent},t.value),a(e,"touchstart",r),a(e,"touchmove",f)},update:function(e,t,n){},unbind:function(e,t,n){p(e,"touchstart",r),p(e,"touchmove",f)}})},version:"0.0.5"}});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.VueDirectiveDragging=t()}(this,function(){"use strict";var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,o=arguments[t];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i=function(e,t,n){e.addEventListener(t,n)},u=function(e,t,n){e.removeEventListener(t,n)},r=null,n=null,f=null,c={};function a(e){c.prevent&&e.preventDefault(),f=e.touches[0].pageX-r.offsetLeft,n=e.touches[0].pageY-r.offsetTop}function p(e){e.preventDefault();var t=e.touches[0].pageX-f,e=e.touches[0].pageY-n;r.style.left=t+"px",r.style.top=e+"px"}var s={bind:function(e,t,n){r=e,c=o({prevent:!1!==t.prevent},t.value),i(e,"touchstart",a),i(e,"touchmove",p)},update:function(e,t,n){},unbind:function(e,t,n){u(e,"touchstart",a),u(e,"touchmove",p)}};return{install:function(e,t){e.directive("dragging",s)},draggingDirective:s,version:"0.0.6"}});
\ No newline at end of file
diff --git a/package.json b/package.json
index cddb9ba..3b5723c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-directive-dragging",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Implementing a drag-and-drop plugin based on the vue directive",
   "main": "./dist/vue-directive-dragging.min.js",
   "scripts": {
diff --git a/src/index.js b/src/index.js
index da5adde..ecd053b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -7,53 +7,56 @@ const events = {
   }
 }
 
-function install (Vue, options) {
-  let _el = null
-  let isTouch = true
-  let diffTop = null
-  let diffLeft = null
-  let value = {}
-
-  function handleDragStart (event) {
-    value.prevent && event.preventDefault()
-    diffLeft = event.touches[0].pageX - _el.offsetLeft
-    diffTop = event.touches[0].pageY - _el.offsetTop
-  }
+let _el = null
+let isTouch = true
+let diffTop = null
+let diffLeft = null
+let value = {}
 
-  function handleDragMove (event) {
-    event.preventDefault()
-    const left = event.touches[0].pageX - diffLeft
-    const top =  event.touches[0].pageY - diffTop
+function handleDragStart (event) {
+  value.prevent && event.preventDefault()
+  diffLeft = event.touches[0].pageX - _el.offsetLeft
+  diffTop = event.touches[0].pageY - _el.offsetTop
+}
 
-    _el.style.left = `${left}px`
-    _el.style.top = `${top}px`
-  }
-  function saveDragItem (el, binding, vnode) {
-    _el = el
-    value = {
-      prevent: binding.prevent === false ? false : true,
-      ...binding.value
-    }
-    events.on(el, 'touchstart', handleDragStart)
-    events.on(el, 'touchmove', handleDragMove)
-  }
-  
-  function updateDragItem (el, binding, vnode) {
-  }
-  
-  function removeDragItem (el, binding, vnode) {
-    events.off(el, 'touchstart', handleDragStart)
-    events.off(el, 'touchmove', handleDragMove)
+function handleDragMove (event) {
+  event.preventDefault()
+  const left = event.touches[0].pageX - diffLeft
+  const top =  event.touches[0].pageY - diffTop
+
+  _el.style.left = `${left}px`
+  _el.style.top = `${top}px`
+}
+function saveDragItem (el, binding, vnode) {
+  _el = el
+  value = {
+    prevent: binding.prevent === false ? false : true,
+    ...binding.value
   }
+  events.on(el, 'touchstart', handleDragStart)
+  events.on(el, 'touchmove', handleDragMove)
+}
+
+function updateDragItem (el, binding, vnode) {
+}
+
+function removeDragItem (el, binding, vnode) {
+  events.off(el, 'touchstart', handleDragStart)
+  events.off(el, 'touchmove', handleDragMove)
+}
+
+const draggingDirective = {
+  bind: saveDragItem,
+  update: updateDragItem,
+  unbind: removeDragItem
+}
 
-  Vue.directive('dragging', {
-    bind: saveDragItem,
-    update: updateDragItem,
-    unbind: removeDragItem
-  })
+function install (Vue, options) {
+  Vue.directive('dragging', draggingDirective)
 }
 
 export default {
   install,
+  draggingDirective,
   version: '__VERSION__'
 }