Merge pull request #17 from ThePlastic/master

Get Item on change

Author: gmsa

src/App.vue

@@ -35,7 +35,9 @@
                            :h="item.h"
                            :min-w="2"
                            :min-h="2"
-                           :i="item.i">
+                           :i="item.i"
+                           @resize="resize"
+                           @move="move">
                     <test-element :text="item.i"></test-element>
                 </grid-item>
             </grid-layout>
@@ -114,6 +116,12 @@
                 this.index++;
                 this.layout.push(item);
             },
+            move: function(i, newX, newY){
+                console.log(i, newX, newY)
+            },
+            resize: function(i, newH, newW){
+                console.log(i, newH, newW)
+            },         
             /**
              * Add change direction button
              */

src/GridItem.vue

@@ -375,6 +375,7 @@
                 this.lastH = y;
 
                 eventBus.$emit("resizeEvent", event.type, this.i, this.x, this.y, pos.h, pos.w);
+                this.$emit("resize", this.i, pos.h, pos.w);
             },
             handleDrag(event) {
                 if (this.isResizing) return;
@@ -444,6 +445,7 @@
                 this.lastY = y;
 
                 eventBus.$emit("dragEvent", event.type, this.i, pos.x, pos.y, this.h, this.w);
+                this.$emit("move", this.i, pos.x, pos.y);
             },
             calcPosition: function(x, y, w, h) {
                 const colWidth = this.calcColWidth();