Merge pull request #27 from iakta/feature/drop-events

Feature/drop events

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-tree-list",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "A vue component for tree structure. Support adding treenode/leafnode, editing node's name and dragging.",
   "main": "dist/vue-tree-list.min.js",
   "scripts": {

readme.md

@@ -191,6 +191,8 @@ click | TreeNode | Trigger when clicking a tree node
 change-name | {'id', 'oldName', 'newName'} | Trigger after changing a node's name
 delete-node | TreeNode | Trigger when clicking `delNode` button. You can call `remove` of `TreeNode` to remove the node.
 add-node | TreeNode | Trigger after adding a new node
+drop | {'node', 'oldParent'} | Trigger after dropping a node into another
+drop-up | {'node', 'oldParent'} | Trigger after extracting a node from another
 
 # customize operation icons
 The component has default icons for `addTreeNode`, `addLeafNode`, `editNode`, `delNode` button, but you can also customize them:

src/VueTreeList.vue

@@ -244,8 +244,11 @@
       },
       drop(e) {
         if (!fromComp) return
+        const oldParent = fromComp.model.parent;
         fromComp.model.moveInto(this.model)
         this.isDragEnterNode = false
+        var node = this.getRootNode();
+        node.$emit('drop', {node: fromComp.model, oldParent: oldParent})
       },
 
       dragEnterUp () {
@@ -262,8 +265,11 @@
       },
       dropUp () {
         if (!fromComp) return
+        const oldParent = fromComp.model.parent;
         fromComp.model.insertBefore(this.model)
         this.isDragEnterUp = false
+        var node = this.getRootNode();
+        node.$emit('drop-up', {node: fromComp.model, oldParent: oldParent})
       },
 
       dragEnterBottom () {
@@ -280,8 +286,11 @@
       },
       dropBottom () {
         if (!fromComp) return
+        const oldParent = fromComp.model.parent;
         fromComp.model.insertAfter(this.model)
         this.isDragEnterBottom = false
+        var node = this.getRootNode();
+        node.$emit('drop-bottom', {node: fromComp.model, oldParent: oldParent})
       },
       getRootNode() {
         var node = this.$parent