2.4.0 release

Author: gmsa

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.11 (支持 Vue 2.2+)
+### **当前版本:** 2.4.0 (支持 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)**

README.md

@@ -33,7 +33,7 @@ vue-grid-layout is a grid layout system, like [Gridster](http://dsmorse.github.i
 * Automatic RTL support (resizing not working with RTL on 2.2.0)
 * Responsive
 
-## **Current version:** 2.3.12 (Supports Vue 2.2+)
+## **Current version:** 2.4.0 (Supports Vue 2.2+)
 
 #### **For legacy browsers**, like IE11, use version [2.3.12-legacy](https://github.com/jbaysolutions/vue-grid-layout/tree/legacy)
 #### **For Vue 2.1.10 and below use version [2.1.3](https://github.com/jbaysolutions/vue-grid-layout/tree/2.1.3)**

dist/vue-grid-layout.common.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-grid-layout",
-  "version": "2.3.12",
+  "version": "2.4.0",
   "description": "A draggable and resizable grid layout, as a Vue component.",
   "keywords": [
     "grid",

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

@@ -130,7 +130,7 @@
         {"x":0,"y":0,"w":2,"h":2,"i":"0", resizable: true, draggable: true, static: false, minY: 0, maxY: 2},
         {"x":2,"y":0,"w":2,"h":4,"i":"1", resizable: null, draggable: null, static: true},
         {"x":4,"y":0,"w":2,"h":5,"i":"2", resizable: false, draggable: false, static: false, minX: 4, maxX: 4, minW: 2, maxW: 2, preserveAspectRatio: true},
-        {"x":6,"y":0,"w":2,"h":3,"i":"3", resizable: false, draggable: false, static: false},
+        {"x":6,"y":0,"w":2,"h":3,"i":"3", resizable: false, draggable: false, static: false, preserveAspectRatio: true},
         {"x":8,"y":0,"w":2,"h":3,"i":"4", resizable: false, draggable: false, static: false},
         {"x":10,"y":0,"w":2,"h":3,"i":"5", resizable: false, draggable: false, static: false},
         {"x":0,"y":5,"w":2,"h":5,"i":"6", resizable: false, draggable: false, static: false},

dist/vue-grid-layout.umd.js

@@ -3,6 +3,17 @@ sidebar: auto
 ---
 # Changelog
 
+## 2.4.0 (Aug 3, 2022)
+
+* GridLayout transformScale prop, to allow proper dragging and resizing when scaled (#430) (thanks [adt-hgkim](https://github.com/adt-hgkim)  
+* GridLayout and GridItem isBounded prop, to prevent draging outside of the parent element (#523) (thanks [rin4ik](https://github.com/rin4ik)  
+* Added GridItem passthrough options for interact resizable and draggable (#181) (thanks [llezenelrahc](https://github.com/llezenelrahc)  
+* Change function call order for responsive features (thanks [william8012](https://github.com/william8012)  
+* Added GridLayout restoreOnDrag prop, to generate less gaps on drag when verticalCompact is false (thanks [jledentu](https://github.com/jledentu)  
+* added unit tests (thanks [ygj6](https://github.com/ygj6)  
+* layout key extra validations (thanks [ygj6](https://github.com/ygj6)  
+* Fix grid items overlapping when using autoSize() (thanks [ygj6](https://github.com/ygj6) and [savandriy](https://github.com/savandriy))
+
 ## 2.3.12 (Jan 15, 2020)
 
 * Bumped interact.js to 1.10.2

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

@@ -84,6 +84,14 @@ Says if the grids items are resizable.
 
 Says if the RTL/LTR should be reversed.
 
+### isBounded
+    
+* type: `Boolean`
+* required: `false`
+* default: `false`
+
+Says if the grid items are bounded to the container when dragging
+
 ### autoSize
 
 * type: `Boolean`
@@ -161,6 +169,15 @@ Defines number of columns for each breakpoint
 
 Says if set the `styleCursor` option to true. When dragging freezes, setting this value to `false` may alleviate problems. 
 **This property is not reactive**
+           
+
+### transformScale
+
+* type: `Number`
+* required: `false`
+* default: 1
+
+Sets a scaling factor to the size of the grid items, 1 is 100%
 
 ## GridItem
 
@@ -267,6 +284,16 @@ Says if item is resizable.
 
 If default value is `null` then it's inherited from parent.
 
+### isBounded
+
+* type: `Boolean`
+* required: `false`
+* default: `null`
+
+Says if the item is bounded to the container when dragging.
+
+If default value is `null` then it's inherited from parent.
+
 ### static
 
 * type: `Boolean`
@@ -322,3 +349,21 @@ For more info please refer to `ignoreFrom` in [interact.js docs](http://interact
 * default: `false`
 
 If 'true', forces the GridItem to preserve its aspect ratio when resizing. 
+         
+
+### dragOption
+
+* type: `Object`
+* required: `false`
+* default: `{}`
+
+Passthrough object for the grid item [interact.js draggable configuration](https://interactjs.io/docs/draggable/)   
+         
+### resizeOption
+
+* type: `Object`
+* required: `false`
+* default: `{}`
+
+Passthrough object for the grid item [interact.js resizable configuration](https://interactjs.io/docs/resizable/)   
+         

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

@@ -3,6 +3,10 @@ sidebar: auto
 ---
 # 更新日志
 
+## 2.4.0（2022年08月03日）
+
+* TODO
+
 ## 2.3.12（2021年01月15日）
 
 * 将interact.js升级到1.10.2

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

@@ -15,7 +15,7 @@
   "devDependencies": {
     "@vuepress/plugin-back-to-top": "^1.6.0",
     "@vuepress/plugin-google-analytics": "^1.6.0",
-    "vue-grid-layout": "^2.3.11",
+    "vue-grid-layout": "^2.4.0",
     "vuepress-plugin-seo": "^0.1.4",
     "vuepress-plugin-sitemap": "^2.3.1",
     "vuepress": "^1.7.1",