Skip to content

Commit 35a338a

Browse files
committed
2.3.7 release build, docs, changelog and events demo page updated
1 parent eff01db commit 35a338a

11 files changed

+675
-380
lines changed

CHANGELOG.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
# Changelog
22

3+
## 2.3.7 (Oct 31, 2019)
4+
5+
* renamed 'resized' event emitted when the container changes size (browser window or other), introduced in #337, fixes #358
6+
* bugfix on layout-ready event
7+
38
## 2.3.6 (Sep 11, 2019)
49

510
* reverted grid item w and h previous rounding change, fixes #355

README-zh_CN.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
vue-grid-layout是一个类似于[Gridster](http://dsmorse.github.io/gridster.js/)的栅格布局系统, 适用于Vue.js。 **灵感源自于 [React-Grid-Layout](https://github.com/STRML/react-grid-layout)**
88

9-
### **当前版本:** 2.3.6 (支持 Vue 2.2+)
9+
### **当前版本:** 2.3.7 (支持 Vue 2.2+)
1010

1111
### **Vue 2.1.10 及以下请使用 [2.1.3](https://github.com/jbaysolutions/vue-grid-layout/tree/2.1.3)**
1212
### **Vue 1 请使用 [1.0.3](https://github.com/jbaysolutions/vue-grid-layout/tree/1.0.3)**

README.md

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
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)**
88

9-
### **Current version:** 2.3.6 (Supports Vue 2.2+)
9+
### **Current version:** 2.3.7 (Supports Vue 2.2+)
1010

1111
### **For Vue 2.1.10 and below use version [2.1.3](https://github.com/jbaysolutions/vue-grid-layout/tree/2.1.3)**
1212
### **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/
481481
@resize="resizeEvent"
482482
@move="moveEvent"
483483
@resized="resizedEvent"
484+
@container-resized="containerResizedEvent"
484485
@moved="movedEvent">
485486
{{item.i}}
486487
</grid-item>
@@ -604,6 +605,27 @@ Working example [here](https://jbaysolutions.github.io/vue-grid-layout/examples/
604605
},
605606
```
606607

608+
* **containerResizedEvent**
609+
610+
Container Resized event
611+
612+
Every time the grid item/layout container changes size (browser window or other)
613+
614+
```javascript
615+
/**
616+
*
617+
* @param i the item id/index
618+
* @param newH new height in grid rows
619+
* @param newW new width in grid columns
620+
* @param newHPx new height in pixels
621+
* @param newWPx new width in pixels
622+
*
623+
*/
624+
containerResizedEvent: function(i, newH, newW, newHPx, newWPx){
625+
console.log("CONTAINER RESIZED i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx);
626+
},
627+
```
628+
607629

608630
## Contribute
609631

dist/vue-grid-layout.common.js

Lines changed: 316 additions & 183 deletions
Large diffs are not rendered by default.

dist/vue-grid-layout.common.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/vue-grid-layout.umd.js

Lines changed: 316 additions & 183 deletions
Large diffs are not rendered by default.

dist/vue-grid-layout.umd.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/vue-grid-layout.umd.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/vue-grid-layout.umd.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

examples/02-events.js

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -58,8 +58,10 @@ new Vue({
5858
console.log(msg);
5959

6060
},
61-
containerResized: function(i, newH, newW, newHPx, newWPx){
62-
console.log("### CONTAINER RESIZED i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx);
61+
containerResizedEvent: function(i, newH, newW, newHPx, newWPx){
62+
var msg = "CONTAINER RESIZED i=" + i + ", H=" + newH + ", W=" + newW + ", H(px)=" + newHPx + ", W(px)=" + newWPx;
63+
this.eventLog.push(msg);
64+
console.log(msg);
6365
},
6466
/**
6567
*

0 commit comments

Comments
 (0)