2.3.7 release build, docs, changelog and events demo page updated

jbaysolutions · Oct 31, 2019 · 35a338a · 35a338a
1 parent eff01db
commit 35a338a
Show file tree

Hide file tree

Showing 11 changed files with 675 additions and 380 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+## 2.3.7 (Oct 31, 2019)
+
+* renamed 'resized' event emitted when the container changes size (browser window or other), introduced in #337, fixes #358 
+* bugfix on layout-ready event
+
 ## 2.3.6 (Sep 11, 2019)
 
 * reverted grid item w and h previous rounding change, fixes #355

diff --git a/README-zh_CN.md b/README-zh_CN.md
@@ -6,7 +6,7 @@
 
 vue-grid-layout是一个类似于[Gridster](http://dsmorse.github.io/gridster.js/)的栅格布局系统, 适用于Vue.js。 **灵感源自于 [React-Grid-Layout](https://github.com/STRML/react-grid-layout)**
 
-### **当前版本:** 2.3.6 (支持 Vue 2.2+)
+### **当前版本:** 2.3.7 (支持 Vue 2.2+)
 
 ### **Vue 2.1.10 及以下请使用 [2.1.3](https://github.com/jbaysolutions/vue-grid-layout/tree/2.1.3)**
 ### **Vue 1 请使用 [1.0.3](https://github.com/jbaysolutions/vue-grid-layout/tree/1.0.3)** 

diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@
 
 vue-grid-layout is a grid layout system, like [Gridster](http://dsmorse.github.io/gridster.js/), for Vue.js. **Heavily inspired in [React-Grid-Layout](https://github.com/STRML/react-grid-layout)**
 
-### **Current version:** 2.3.6 (Supports Vue 2.2+)
+### **Current version:** 2.3.7 (Supports Vue 2.2+)
 
 ### **For Vue 2.1.10 and below use version [2.1.3](https://github.com/jbaysolutions/vue-grid-layout/tree/2.1.3)**
 ### **For Vue 1 use version [1.0.3](https://github.com/jbaysolutions/vue-grid-layout/tree/1.0.3)** 
@@ -481,6 +481,7 @@ Working example [here](https://jbaysolutions.github.io/vue-grid-layout/examples/
                    @resize="resizeEvent"
                    @move="moveEvent"
                    @resized="resizedEvent"
+                   @container-resized="containerResizedEvent"
                    @moved="movedEvent">
             {{item.i}}
         </grid-item>
@@ -604,6 +605,27 @@ Working example [here](https://jbaysolutions.github.io/vue-grid-layout/examples/
     },
 ``` 
 
+* **containerResizedEvent**
+
+    Container Resized event
+
+    Every time the grid item/layout container changes size (browser window or other)
+
+```javascript
+    /**
+     * 
+     * @param i the item id/index
+     * @param newH new height in grid rows 
+     * @param newW new width in grid columns
+     * @param newHPx new height in pixels
+     * @param newWPx new width in pixels
+     * 
+     */
+    containerResizedEvent: function(i, newH, newW, newHPx, newWPx){
+        console.log("CONTAINER RESIZED i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx);
+    },
+``` 
+
 
 ## Contribute
 

diff --git a/dist/vue-grid-layout.common.js b/dist/vue-grid-layout.common.js
diff --git a/dist/vue-grid-layout.common.js.map b/dist/vue-grid-layout.common.js.map
diff --git a/dist/vue-grid-layout.umd.js b/dist/vue-grid-layout.umd.js
diff --git a/dist/vue-grid-layout.umd.js.map b/dist/vue-grid-layout.umd.js.map
diff --git a/dist/vue-grid-layout.umd.min.js b/dist/vue-grid-layout.umd.min.js
diff --git a/dist/vue-grid-layout.umd.min.js.map b/dist/vue-grid-layout.umd.min.js.map
diff --git a/examples/02-events.js b/examples/02-events.js
@@ -58,8 +58,10 @@ new Vue({
             console.log(msg);
 
         },
-        containerResized: function(i, newH, newW, newHPx, newWPx){
-            console.log("### CONTAINER RESIZED i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx);
+        containerResizedEvent: function(i, newH, newW, newHPx, newWPx){
+            var msg = "CONTAINER RESIZED i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx;
+            this.eventLog.push(msg);
+            console.log(msg);
         },
         /**
          *

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-grid-layout",
-  "version": "2.3.6",
+  "version": "2.3.7",
   "description": "A draggable and resizable grid layout, as a Vue component.",
   "keywords": [
     "grid",
@@ -26,20 +26,20 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "element-resize-detector": "^1.1.10",
-    "interactjs": "^1.5.3"
+    "element-resize-detector": "^1.1.15",
+    "interactjs": "^1.6.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.4.1",
     "@vue/cli-plugin-eslint": "^3.4.1",
     "@vue/cli-service": "^3.4.1",
     "@vue/eslint-config-standard": "^3.0.5",
     "babel-plugin-transform-flow-comments": "^6.7.0",
-    "node-sass": "^4.9.0",
+    "node-sass": "^4.13.0",
     "rimraf": "^2.6.2",
     "sass-loader": "^7.0.1",
-    "vue": "^2.6.8",
-    "vue-template-compiler": "^2.5.17",
+    "vue": "^2.6.10",
+    "vue-template-compiler": "^2.6.10",
     "webpack-bundle-analyzer": "^3.4.1"
   }
 }