Merge pull request #24 from true0r/master

fix height of container and center alignment after remove item

Author: euvl

dist/index.js

@@ -250,7 +250,7 @@
                     return this.gridWidth < 0 ? this.windowWidth : Math.min(this.windowWidth, this.gridWidth);
                 },
                 height: function() {
-                    return Math.ceil(this.items.length / this.rowCount) * this.cellHeight;
+                    return Math.ceil(this.list.length / this.rowCount) * this.cellHeight;
                 },
                 style: function() {
                     return {
@@ -262,7 +262,7 @@
                 },
                 rowShift: function() {
                     if (this.center) {
-                        var contentWidth = this.items.length * this.cellWidth, rowShift = contentWidth < this.gridResponsiveWidth ? (this.gridResponsiveWidth - contentWidth) / 2 : this.gridResponsiveWidth % this.cellWidth / 2;
+                        var contentWidth = this.list.length * this.cellWidth, rowShift = contentWidth < this.gridResponsiveWidth ? (this.gridResponsiveWidth - contentWidth) / 2 : this.gridResponsiveWidth % this.cellWidth / 2;
                         return Math.floor(rowShift);
                     }
                     return 0;
@@ -491,12 +491,15 @@
             created: function() {
                 window.addEventListener("resize", this.getWindowSize), this.getWindowSize();
             },
+            mounted: function() {
+                this.getWindowSize();
+            },
             beforeDestroy: function() {
                 window.removeEventListener("resize", this.getWindowSize);
             },
             methods: {
                 getWindowSize: function() {
-                    this.windowHeight = window.innerHeight, this.windowWidth = window.innerWidth;
+                    this.$el && (this.windowHeight = this.$el.clientHeight, this.windowWidth = this.$el.clientWidth);
                 }
             }
         };
@@ -558,7 +561,7 @@
                     on: {
                         mousedown: _vm.mousedown,
                         touchstart: function($event) {
-                            $event.stopPropagation(), _vm.mousedown($event);
+                            return $event.stopPropagation(), _vm.mousedown($event);
                         }
                     }
                 }, [ _vm._t("default") ], 2);

src/Grid.vue

@@ -97,7 +97,7 @@ export default {
     },
 
     height () {
-      return Math.ceil(this.items.length / this.rowCount) *
+      return Math.ceil(this.list.length / this.rowCount) *
         this.cellHeight
     },
 
@@ -113,7 +113,7 @@ export default {
 
     rowShift () {
       if (this.center) {
-        let contentWidth = this.items.length * this.cellWidth
+        let contentWidth = this.list.length * this.cellWidth
         let rowShift = contentWidth < this.gridResponsiveWidth
           ? (this.gridResponsiveWidth - contentWidth) / 2
           : (this.gridResponsiveWidth % this.cellWidth) / 2