move and resize events optimization

Author: gmsa

src/App.vue

@@ -117,10 +117,10 @@
                 this.layout.push(item);
             },
             move: function(i, newX, newY){
-                console.log(i, newX, newY)
+                console.log("MOVE i=" + i + ", X=" + newX + ", Y=" + newY);
             },
             resize: function(i, newH, newW){
-                console.log(i, newH, newW)
+                console.log("RESIZE i=" + i + ", H=" + newH + ", W=" + newW);
             },         
             /**
              * Add change direction button

src/GridItem.vue

@@ -374,8 +374,10 @@
                 this.lastW = x;
                 this.lastH = y;
 
+                if (this.w !== pos.w || this.h !== pos.h) {
+                    this.$emit("resize", this.i, pos.h, pos.w);
+                }
                 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,8 +446,10 @@
                 this.lastX = x;
                 this.lastY = y;
 
+                if (this.x !== pos.x || this.y !== pos.y) {
+                    this.$emit("move", this.i, pos.x, pos.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();