quasar - npm Package Compare versions

Comparing version 1.2.5 to 1.2.6

dist/api/QDate.json

@@ -178,3 +178,3 @@ {
       ],
-      "desc": "A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not)",
+      "desc": "A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not); If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -191,3 +191,3 @@ ":events=\"['2018/11/05', '2018/11/06', '2018/11/09', '2018/11/23']\"",
       ],
-      "desc": "Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date)",
+      "desc": "Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date); If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -204,3 +204,3 @@ "teal-10",
       ],
-      "desc": "Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not)",
+      "desc": "Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not); If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -207,0 +207,0 @@ ":options=\"['2018/11/05', '2018/11/12', '2018/11/19', '2018/11/26' ]\"",

dist/api/QPage.json

@@ -16,3 +16,3 @@ {
       "type": "Function",
-      "desc": "Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object",
+      "desc": "Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -19,0 +19,0 @@ "offset": {

dist/api/QPagination.json

@@ -100,2 +100,27 @@ {
     },
+    "to-fn": {
+      "type": "Function",
+      "desc": "Generate link for page buttons; For best performance, reference it from your scope and do not define it inline",
+      "params": {
+        "page": {
+          "type": "Number",
+          "desc": "Page number to navigate to",
+          "examples": [
+            2
+          ]
+        }
+      },
+      "returns": {
+        "type": [
+          "Object",
+          "String"
+        ],
+        "desc": "Object or String that can be passed to a <router-link> as `to` parameter"
+      },
+      "examples": [
+        ":to-fn=\"page => ({ query: { page } })\""
+      ],
+      "category": "content",
+      "addedIn": "v1.2.6"
+    },
     "boundary-links": {
@@ -102,0 +127,0 @@ "type": "Boolean",

dist/api/QPopupEdit.json

@@ -74,3 +74,3 @@ {
       "type": "Function",
-      "desc": "Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value)",
+      "desc": "Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value); For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -77,0 +77,0 @@ "value": {

dist/api/QSelect.json

@@ -287,3 +287,3 @@ {
       ],
-      "desc": "Property of option which holds the 'value'",
+      "desc": "Property of option which holds the 'value'; If using a function then for best performance, reference it from your scope and do not define it inline",
       "default": "value",
@@ -301,3 +301,3 @@ "examples": [
       ],
-      "desc": "Property of option which holds the 'label'",
+      "desc": "Property of option which holds the 'label'; If using a function then for best performance, reference it from your scope and do not define it inline",
       "default": "label",
@@ -315,3 +315,3 @@ "examples": [
       ],
-      "desc": "Property of option which tells it's disabled; The value of the property must be a Boolean",
+      "desc": "Property of option which tells it's disabled; The value of the property must be a Boolean; If using a function then for best performance, reference it from your scope and do not define it inline",
       "default": "disable",
@@ -318,0 +318,0 @@ "examples": [

dist/api/QSplitter.json

@@ -11,3 +11,3 @@ {
       "type": "Number",
-      "desc": "Model of the component defining the split ratio percent (0.0 < x < 100.0) between panes; Either use this property (along with a listener for 'input' event) OR use v-model directive",
+      "desc": "Model of the component defining the split ratio percent (0.0 < x < 100.0) between panels; Either use this property (along with a listener for 'input' event) OR use v-model directive",
       "examples": [
@@ -18,5 +18,22 @@ "v-model=\"ratio\""
     },
+    "reverse": {
+      "type": "Boolean",
+      "desc": "Apply the model size to the second panel (by default it applies to the first)",
+      "category": "model",
+      "addedIn": "v1.2.6"
+    },
+    "unit": {
+      "type": "String",
+      "desc": "CSS unit for the model",
+      "default": "%",
+      "values": [
+        "%",
+        "px"
+      ],
+      "category": "model",
+      "addedIn": "v1.2.6"
+    },
     "horizontal": {
       "type": "Boolean",
-      "desc": "Allows the splitter to split its two panes horizontally, instead of vertically",
+      "desc": "Allows the splitter to split its two panels horizontally, instead of vertically",
       "category": "content"
@@ -26,6 +43,7 @@ },
       "type": "Array",
-      "desc": "An array of two values representing a ratio of minimum and maximum split area of the two panes (0.0 < x < 100.0)",
-      "default": "[10, 90]",
+      "desc": "An array of two values representing the minimum and maximum split size of the two panels; When 'px' unit is set then you can use Infinity as the second value to make it unbound on the other side",
+      "default": "For '%' unit: [10, 90]; For 'px' unit: [50, Infinity]",
       "examples": [
-        ":limits=\"[30, 70]\""
+        ":limits=\"[30, 70]\"",
+        ":limits=\"[0, Infinity]\""
       ],
@@ -102,6 +120,6 @@ "category": "content|model"
     "before": {
-      "desc": "Content of the pane on left/top"
+      "desc": "Content of the panel on left/top"
     },
     "after": {
-      "desc": "Content of the pane on right/bottom"
+      "desc": "Content of the panel on right/bottom"
     },
@@ -118,3 +136,3 @@ "separator": {
           "type": "Number",
-          "desc": "New model value (0.0 < x < 100.0) defining the ratio between panes",
+          "desc": "New model value (0.0 < x < 100.0) defining the ratio between panels",
           "examples": [
@@ -121,0 +139,0 @@ 0.22

dist/api/QTable.json

@@ -28,7 +28,11 @@ {
     "row-key": {
-      "type": "String",
-      "desc": "Property of each row that defines the unique key of each row; The value of property must be string or number",
+      "type": [
+        "String",
+        "Function"
+      ],
+      "desc": "Property of each row that defines the unique key of each row (the result must be a primitive, not Object, Array, etc); The value of property must be string or a function taking a row and returning the desired (nested) key in the row; If supplying a function then for best performance, reference it from your scope and do not define it inline",
       "default": "id",
       "examples": [
-        "myprop"
+        "row-key=\"name\"",
+        ":row-key=\"row => row.name\""
       ],
@@ -219,3 +223,3 @@ "category": "general"
       "type": "Function",
-      "desc": "Text to display when user selected at least one row",
+      "desc": "Text to display when user selected at least one row; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -252,3 +256,3 @@ "numberOfRows": {
       "type": "Function",
-      "desc": "Text to override default pagination label at bottom of table (unless 'pagination' scoped slot is used)",
+      "desc": "Text to override default pagination label at bottom of table (unless 'pagination' scoped slot is used); For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -380,3 +384,3 @@ "firstRowIndex": {
       "type": "Function",
-      "desc": "The actual filtering mechanism",
+      "desc": "The actual filtering mechanism; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -511,3 +515,3 @@ "rows": {
       "type": "Function",
-      "desc": "The actual sort mechanism. Function (rows, sortBy, descending) => sorted rows",
+      "desc": "The actual sort mechanism. Function (rows, sortBy, descending) => sorted rows; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -1156,2 +1160,17 @@ "rows": {
   "events": {
+    "row-click": {
+      "desc": "Emitted when user clicks/taps on a row; Is not emitted when using body/row/item scoped slots",
+      "params": {
+        "evt": {
+          "type": "Object",
+          "desc": "JS event object",
+          "required": true
+        },
+        "row": {
+          "type": "Object",
+          "desc": "The row upon which user has clicked/tapped"
+        }
+      },
+      "addedIn": "v1.2.6"
+    },
     "request": {
@@ -1158,0 +1177,0 @@ "desc": "Emitted when a server request is triggered",

dist/api/QTime.json

@@ -141,3 +141,3 @@ {
       "type": "Function",
-      "desc": "Optionally configure what time is the user allowed to set; Overriden by 'hour-options', 'minute-options' and 'second-options' if those are set",
+      "desc": "Optionally configure what time is the user allowed to set; Overriden by 'hour-options', 'minute-options' and 'second-options' if those are set; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -144,0 +144,0 @@ "hr": {

dist/api/QTree.json

@@ -144,3 +144,3 @@ {
       "type": "Function",
-      "desc": "The function to use to filter the tree nodes",
+      "desc": "The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline",
       "default": "(see source code)",
@@ -147,0 +147,0 @@ "params": {

dist/api/QUploader.json

@@ -84,3 +84,3 @@ {
       "type": "Function",
-      "desc": "Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded",
+      "desc": "Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -128,3 +128,3 @@ "files": {
       "type": "Function",
-      "desc": "Function which should return an Object or a Promise resolving with an Object",
+      "desc": "Function which should return an Object or a Promise resolving with an Object; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -150,3 +150,3 @@ "files": {
       ],
-      "desc": "URL or path to the server which handles the upload. Takes String or factory function, which returns String. Function is called right before upload",
+      "desc": "URL or path to the server which handles the upload. Takes String or factory function, which returns String. Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -164,3 +164,3 @@ "https://example.com/path",
       "default": "POST",
-      "desc": "HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload",
+      "desc": "HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "values": [
@@ -181,4 +181,4 @@ "POST",
       ],
+      "desc": "Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name=\"__HERE__\"; filename=\"somefile.png\"; If using a function then for best performance, reference it from your scope and do not define it inline",
       "default": "(file) => file.name",
-      "desc": "Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name=\"__HERE__\"; filename=\"somefile.png\"",
       "examples": [
@@ -195,3 +195,3 @@ "backgroundFile",
       ],
-      "desc": "Array or a factory function which returns an array; Array consists of objects with header definitions; Function is called right before upload",
+      "desc": "Array or a factory function which returns an array; Array consists of objects with header definitions; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "definition": {
@@ -230,3 +230,3 @@ "name": {
       ],
-      "desc": "Array or a factory function which returns an array; Array consists of objects with additional fields definitions (used by Form to be uploaded); Function is called right before upload",
+      "desc": "Array or a factory function which returns an array; Array consists of objects with additional fields definitions (used by Form to be uploaded); Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "definition": {
@@ -262,3 +262,3 @@ "name": {
       ],
-      "desc": "Sets withCredentials to true on the XHR that manages the upload; Takes boolean or factory function for Boolean; Function is called right before upload",
+      "desc": "Sets withCredentials to true on the XHR that manages the upload; Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -275,3 +275,3 @@ "with-credentials",
       ],
-      "desc": "Send raw files without wrapping into a Form(); Takes boolean or factory function for Boolean; Function is called right before upload",
+      "desc": "Send raw files without wrapping into a Form(); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -288,3 +288,3 @@ "send-raw",
       ],
-      "desc": "Upload files in batch (in one XHR request); Takes boolean or factory function for Boolean; Function is called right before upload",
+      "desc": "Upload files in batch (in one XHR request); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -291,0 +291,0 @@ "files => files.length > 10"

dist/api/QVirtualScroll.json

@@ -80,3 +80,3 @@ {
       "type": "Function",
-      "desc": "Function to return the scope for the items to be displayed; Should return an array for items starting from 'from' index for size length",
+      "desc": "Function to return the scope for the items to be displayed; Should return an array for items starting from 'from' index for size length; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -83,0 +83,0 @@ "from": {

dist/icon-set/eva-icons.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/fontawesome-v5-pro.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/fontawesome-v5.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/ionicons-v4.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/material-icons-outlined.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/material-icons-round.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/material-icons-sharp.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/material-icons.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/mdi-v3.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/mdi-v4.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/icon-set/themify.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ar.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/bg.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ca.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/cs.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/da.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/de.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/el.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/en-gb.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/en-us.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/eo.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/es.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fa-ir.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fi.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/fr.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/gn.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/he.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/hr.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/hu.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/id.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/it.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ja.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/km.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ko-kr.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/lu.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/lv.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ml.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ms.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/nb-no.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/nl.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pl.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pt-br.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/pt.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ro.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/ru.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sk.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sl.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sr.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/sv.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/th.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/tr.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/uk.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/vi.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/zh-hans.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/lang/zh-hant.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/quasar.ie.polyfills.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/quasar.ie.polyfills.umd.min.js

 /*!
- * Quasar Framework v1.2.5
+ * Quasar Framework v1.2.6
  * (c) 2015-present Razvan Stoenescu
@@ -4,0 +4,0 @@ * Released under the MIT License.

dist/vetur/quasar-tags.json

@@ -909,2 +909,3 @@ {
       "input",
+      "to-fn",
       "boundary-links",
@@ -1298,2 +1299,4 @@ "boundary-numbers",
       "value",
+      "reverse",
+      "unit",
       "horizontal",
@@ -1300,0 +1303,0 @@ "limits",

package.json

 {
   "name": "quasar",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
@@ -5,0 +5,0 @@ "module": "src/index.esm.js",

src/components/btn/QBtn.js

@@ -199,3 +199,3 @@ import Vue from 'vue'
     const
-      inner = [].concat(slot(this, 'default')),
+      inner = [],
       data = {
@@ -230,3 +230,3 @@ staticClass: 'q-btn inline q-btn-item non-selectable no-outline',
     if (this.hasLabel === true) {
-      inner.unshift(
+      inner.push(
         h('div', [ this.label ])
@@ -237,3 +237,3 @@ )
     if (this.icon !== void 0) {
-      inner.unshift(
+      inner.push(
         h(QIcon, {
@@ -245,2 +245,6 @@ props: { name: this.icon, left: this.stack === false && this.hasLabel === true }
 
+    inner.push(
+      slot(this, 'default')
+    )
+
     if (this.iconRight !== void 0 && this.isRound === false) {
@@ -254,3 +258,3 @@ inner.push(
 
-    return h(this.isLink ? 'a' : 'button', data, [
+    const child = [
       h('div', {
@@ -260,6 +264,8 @@ staticClass: 'q-focus-helper',
         attrs: { tabindex: -1 }
-      }),
+      })
+    ]
 
-      this.loading === true && this.percentage !== void 0
-        ? h('div', {
+    if (this.loading === true && this.percentage !== void 0) {
+      child.push(
+        h('div', {
           staticClass: 'q-btn__progress absolute-full',
@@ -269,11 +275,15 @@ class: this.darkPercentage ? 'q-btn__progress--dark' : null,
         })
-        : null,
+      )
+    }
 
+    child.push(
       h('div', {
         staticClass: 'q-btn__content text-center col items-center q-anchor--skip',
         class: this.innerClasses
-      }, inner),
+      }, inner)
+    )
 
-      this.loading !== null
-        ? h('transition', {
+    if (this.loading !== null) {
+      child.push(
+        h('transition', {
           props: { name: 'q-transition--fade' }
@@ -286,5 +296,7 @@ }, this.loading === true ? [
         ] : void 0)
-        : null
-    ])
+      )
+    }
+
+    return h(this.isLink === true ? 'a' : 'button', data, child)
   }
 })

src/components/datetime/QDate.json

@@ -63,3 +63,3 @@ {
       "type": [ "Array", "Function" ],
-      "desc": "A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not)",
+      "desc": "A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not); If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -74,3 +74,3 @@ ":events=\"['2018/11/05', '2018/11/06', '2018/11/09', '2018/11/23']\"",
       "type": [ "String", "Function" ],
-      "desc": "Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date)",
+      "desc": "Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date); If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -85,3 +85,3 @@ "teal-10",
       "type": [ "Array", "Function" ],
-      "desc": "Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not)",
+      "desc": "Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not); If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [
@@ -88,0 +88,0 @@ ":options=\"['2018/11/05', '2018/11/12', '2018/11/19', '2018/11/26' ]\"",

src/components/datetime/QTime.json

@@ -33,3 +33,3 @@ {
       "type": "Function",
-      "desc": "Optionally configure what time is the user allowed to set; Overriden by 'hour-options', 'minute-options' and 'second-options' if those are set",
+      "desc": "Optionally configure what time is the user allowed to set; Overriden by 'hour-options', 'minute-options' and 'second-options' if those are set; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -36,0 +36,0 @@ "hr": {

src/components/layout/QDrawer.js

@@ -107,2 +107,3 @@ import Vue from 'vue'
         if (this.showing === true) {
+          this.__applyPosition(0)
           this.__applyBackdrop(0)
@@ -341,3 +342,7 @@ this.__cleanup()
         }
-        this.$refs.content.style.transform = `translateX(${position}px)`
+
+        if (this.__lastPosition !== position) {
+          this.$refs.content.style.transform = `translateX(${position}px)`
+          this.__lastPosition = position
+        }
       }
@@ -344,0 +349,0 @@ },

src/components/layout/QPage.json

@@ -15,3 +15,3 @@ {
       "type": "Function",
-      "desc": "Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object",
+      "desc": "Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -18,0 +18,0 @@ "offset": {

src/components/list/QExpansionItem.js

@@ -35,3 +35,3 @@ import Vue from 'vue'
     expandIcon: String,
-    expandIconClass: String,
+    expandIconClass: [ Array, String, Object ],
     duration: Number,
@@ -38,0 +38,0 @@

src/components/observer/QResizeObserver.js

@@ -14,3 +14,3 @@ import Vue from 'vue'
     debounce: {
-      type: [String, Number],
+      type: [ String, Number ],
       default: 100
@@ -21,10 +21,10 @@ }
   data () {
-    return this.hasObserver
+    return this.hasObserver === true
       ? {}
-      : { url: this.$q.platform.is.ie ? null : 'about:blank' }
+      : { url: this.$q.platform.is.ie === true ? null : 'about:blank' }
   },
 
   methods: {
-    trigger (immediately) {
-      if (immediately === true || this.debounce === 0 || this.debounce === '0') {
+    trigger (now) {
+      if (now === true || this.debounce === 0 || this.debounce === '0') {
         this.__onResize()
@@ -77,3 +77,3 @@ }
 
-      this.trigger(true)
+      this.__onResize()
     }
@@ -116,8 +116,9 @@ },
       this.observer.observe(this.$el.parentNode)
+      this.__onResize()
       return
     }
 
-    if (this.$q.platform.is.ie) {
+    if (this.$q.platform.is.ie === true) {
       this.url = 'about:blank'
-      this.trigger(true)
+      this.__onResize()
     }
@@ -124,0 +125,0 @@ else {

src/components/pagination/QPagination.js

@@ -40,2 +40,5 @@ import Vue from 'vue'
     input: Boolean,
+
+    toFn: Function,
+
     boundaryLinks: {
@@ -146,3 +149,3 @@ type: Boolean,
 
-    __getBtn (h, data, props) {
+    __getBtn (h, data, props, page) {
       data.props = {
@@ -154,2 +157,12 @@ color: this.color,
       }
+
+      if (page !== void 0) {
+        if (this.toFn !== void 0) {
+          data.props.to = this.toFn(page)
+        }
+        else {
+          data.on = { click: () => this.set(page) }
+        }
+      }
+
       return h(QBtn, data)
@@ -167,19 +180,13 @@ }
       contentStart.push(this.__getBtn(h, {
-        key: 'bls',
-        on: {
-          click: () => this.set(this.min)
-        }
+        key: 'bls'
       }, {
         disable: this.disable || this.value <= this.min,
         icon: this.icons[0]
-      }))
+      }, this.min))
       contentEnd.unshift(this.__getBtn(h, {
-        key: 'ble',
-        on: {
-          click: () => this.set(this.max)
-        }
+        key: 'ble'
       }, {
         disable: this.disable || this.value >= this.max,
         icon: this.icons[3]
-      }))
+      }, this.max))
     }
@@ -189,19 +196,13 @@
       contentStart.push(this.__getBtn(h, {
-        key: 'bdp',
-        on: {
-          click: () => this.setByOffset(-1)
-        }
+        key: 'bdp'
       }, {
         disable: this.disable || this.value <= this.min,
         icon: this.icons[1]
-      }))
+      }, this.value - 1))
       contentEnd.unshift(this.__getBtn(h, {
-        key: 'bdn',
-        on: {
-          click: () => this.setByOffset(1)
-        }
+        key: 'bdn'
       }, {
         disable: this.disable || this.value >= this.max,
         icon: this.icons[2]
-      }))
+      }, this.value + 1))
     }
@@ -277,6 +278,3 @@
           key: 'bns',
-          style,
-          on: {
-            click: () => this.set(this.min)
-          }
+          style
         }, {
@@ -288,3 +286,3 @@ disable: this.disable,
           ripple: false
-        }))
+        }, this.min))
       }
@@ -295,6 +293,3 @@ if (boundaryEnd) {
           key: 'bne',
-          style,
-          on: {
-            click: () => this.set(this.max)
-          }
+          style
         }, {
@@ -306,3 +301,3 @@ disable: this.disable,
           ripple: false
-        }))
+        }, this.max))
       }
@@ -312,10 +307,7 @@ if (ellipsesStart) {
           key: 'bes',
-          style,
-          on: {
-            click: () => this.set(pgFrom - 1)
-          }
+          style
         }, {
           disable: this.disable,
           label: '…'
-        }))
+        }, pgFrom - 1))
       }
@@ -325,10 +317,7 @@ if (ellipsesEnd) {
           key: 'bee',
-          style,
-          on: {
-            click: () => this.set(pgTo + 1)
-          }
+          style
         }, {
           disable: this.disable,
           label: '…'
-        }))
+        }, pgTo + 1))
       }
@@ -339,6 +328,3 @@ for (let i = pgFrom; i <= pgTo; i++) {
           key: `bpg${i}`,
-          style,
-          on: {
-            click: () => this.set(i)
-          }
+          style
         }, {
@@ -350,3 +336,3 @@ disable: this.disable,
           ripple: false
-        }))
+        }, i))
       }
@@ -353,0 +339,0 @@ }

src/components/pagination/QPagination.json

@@ -78,2 +78,22 @@ {
 
+    "to-fn": {
+      "type": "Function",
+      "desc": "Generate link for page buttons; For best performance, reference it from your scope and do not define it inline",
+      "params": {
+        "page": {
+          "type": "Number",
+          "desc": "Page number to navigate to",
+          "examples": [ 2 ]
+        }
+      },
+      "returns": {
+        "type": ["Object", "String"],
+        "desc": "Object or String that can be passed to a <router-link> as `to` parameter",
+        "__exemption": [ "examples" ]
+      },
+      "examples": [ ":to-fn=\"page => ({ query: { page } })\"" ],
+      "category": "content",
+      "addedIn": "v1.2.6"
+    },
+
     "boundary-links": {
@@ -80,0 +100,0 @@ "type": "Boolean",

src/components/popup-edit/QPopupEdit.json

@@ -63,3 +63,3 @@ {
       "type": "Function",
-      "desc": "Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value)",
+      "desc": "Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value); For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -66,0 +66,0 @@ "value": {

src/components/select/QSelect.js

@@ -336,2 +336,3 @@ import Vue from 'vue'
 
+        this.$refs.target.focus()
         this.hidePopup()
@@ -921,17 +922,19 @@
         click: e => {
-          // label from QField will propagate click on the input (except IE)
-          if (
-            this.hasDialog !== true &&
-            this.useInput === true &&
-            e.target.classList.contains('q-select__input') !== true
-          ) {
-            return
+          if (this.hasDialog !== true) {
+            // label from QField will propagate click on the input (except IE)
+            if (
+              (this.useInput === true && e.target.classList.contains('q-select__input') !== true) ||
+              (this.useInput !== true && e.target.classList.contains('no-outline') === true)
+            ) {
+              return
+            }
+
+            if (this.menu === true) {
+              this.__closeMenu()
+              this.$refs.target !== void 0 && this.$refs.target.focus()
+              return
+            }
           }
-          if (this.hasDialog !== true && this.menu === true) {
-            this.__closeMenu()
-            this.$refs.target !== void 0 && this.$refs.target.focus()
-          }
-          else {
-            this.showPopup(e)
-          }
+
+          this.showPopup(e)
         }
@@ -1050,5 +1053,5 @@ }
       return h(QDialog, {
+        ref: 'dialog',
         props: {
           value: this.dialog,
-          noRefocus: true,
           position: this.useInput === true ? 'top' : void 0,
@@ -1073,2 +1076,3 @@ transitionShow: this.transitionShowComputed,
     __onDialogBeforeHide () {
+      this.$refs.dialog.__refocusTarget = this.$el.querySelector('.q-field__native > [tabindex]:last-child')
       this.focused = false
@@ -1101,7 +1105,2 @@ },
         this.menu = false
-
-        // allow $refs.target to move to the field (when dialog)
-        this.$nextTick(() => {
-          this.$refs.target !== void 0 && this.$refs.target.focus()
-        })
       }
@@ -1108,0 +1107,0 @@

src/components/select/QSelect.json

@@ -45,3 +45,3 @@ {
       "type": [ "Function", "String" ],
-      "desc": "Property of option which holds the 'value'",
+      "desc": "Property of option which holds the 'value'; If using a function then for best performance, reference it from your scope and do not define it inline",
       "default": "value",
@@ -57,3 +57,3 @@ "examples": [
       "type": [ "Function", "String" ],
-      "desc": "Property of option which holds the 'label'",
+      "desc": "Property of option which holds the 'label'; If using a function then for best performance, reference it from your scope and do not define it inline",
       "default": "label",
@@ -69,3 +69,3 @@ "examples": [
       "type": [ "Function", "String" ],
-      "desc": "Property of option which tells it's disabled; The value of the property must be a Boolean",
+      "desc": "Property of option which tells it's disabled; The value of the property must be a Boolean; If using a function then for best performance, reference it from your scope and do not define it inline",
       "default": "disable",
@@ -72,0 +72,0 @@ "examples": [

src/components/splitter/QSplitter.js

@@ -20,16 +20,20 @@ import Vue from 'vue'
     },
-    horizontal: Boolean,
+    reverse: Boolean,
+    unit: {
+      type: String,
+      default: '%',
+      validator: v => [ '%', 'px' ].includes(v)
+    },
 
     limits: {
       type: Array,
-      default: () => [10, 90],
       validator: v => {
         if (v.length !== 2) return false
         if (typeof v[0] !== 'number' || typeof v[1] !== 'number') return false
-        return v[0] >= 0 && v[0] <= v[1] && v[1] <= 100
+        return v[0] >= 0 && v[0] <= v[1]
       }
     },
 
+    horizontal: Boolean,
     disable: Boolean,
-
     dark: Boolean,
@@ -48,3 +52,3 @@
       handler (v) {
-        this.__normalize(v, this.limits)
+        this.__normalize(v, this.computedLimits)
       }
@@ -55,4 +59,6 @@ },
       deep: true,
-      handler (v) {
-        this.__normalize(this.value, v)
+      handler () {
+        this.$nextTick(() => {
+          this.__normalize(this.value, this.computedLimits)
+        })
       }
@@ -64,4 +70,4 @@ }
     classes () {
-      return (this.horizontal ? 'column' : 'row') +
-        ` q-splitter--${this.horizontal ? 'horizontal' : 'vertical'}` +
+      return (this.horizontal === true ? 'column' : 'row') +
+        ` q-splitter--${this.horizontal === true ? 'horizontal' : 'vertical'}` +
         ` q-splitter--${this.disable === true ? 'disabled' : 'workable'}` +
@@ -72,11 +78,21 @@ (this.dark === true ? ' q-splitter--dark' : '')
     prop () {
-      return this.horizontal ? 'height' : 'width'
+      return this.horizontal === true ? 'height' : 'width'
     },
 
-    beforeStyle () {
-      return { [this.prop]: this.value + '%' }
+    side () {
+      return this.reverse !== true ? 'before' : 'after'
     },
 
-    afterStyle () {
-      return { [this.prop]: (100 - this.value) + '%' }
+    computedLimits () {
+      return this.limits !== void 0
+        ? this.limits
+        : (this.unit === '%' ? [ 10, 90 ] : [ 50, Infinity ])
+    },
+
+    styles () {
+      return {
+        [this.side]: {
+          [this.prop]: this.__getCSSValue(this.value)
+        }
+      }
     }
@@ -87,8 +103,12 @@ },
     __pan (evt) {
-      if (evt.isFirst) {
-        this.__size = this.$el.getBoundingClientRect()[this.prop]
-        this.__value = this.value
-        this.__dir = this.horizontal ? 'up' : 'left'
-        this.__rtlDir = this.horizontal ? 1 : (this.$q.lang.rtl === true ? -1 : 1)
+      if (evt.isFirst === true) {
+        const size = this.$el.getBoundingClientRect()[this.prop]
 
+        this.__dir = this.horizontal === true ? 'up' : 'left'
+        this.__maxValue = this.unit === '%' ? 100 : size
+        this.__value = Math.min(this.__maxValue, this.computedLimits[1], Math.max(this.computedLimits[0], this.value))
+        this.__multiplier = (this.reverse !== true ? 1 : -1) *
+          (this.horizontal === true ? 1 : (this.$q.lang.rtl === true ? -1 : 1)) *
+          (this.unit === '%' ? (size === 0 ? 0 : 100 / size) : 1)
+
         this.$el.classList.add('q-splitter--active')
@@ -98,3 +118,3 @@ return
 
-      if (evt.isFinal) {
+      if (evt.isFinal === true) {
         if (this.__normalized !== this.value) {
@@ -109,9 +129,9 @@ this.$emit('input', this.__normalized)
       const val = this.__value +
-        this.__rtlDir *
-        (evt.direction === this.__dir ? -100 : 100) *
-        evt.distance[this.horizontal ? 'y' : 'x'] / this.__size
+        this.__multiplier *
+        (evt.direction === this.__dir ? -1 : 1) *
+        evt.distance[this.horizontal === true ? 'y' : 'x']
 
-      this.__normalized = Math.min(this.limits[1], Math.max(this.limits[0], val))
-      this.$refs.before.style[this.prop] = this.__normalized + '%'
-      this.$refs.after.style[this.prop] = (100 - this.__normalized) + '%'
+      this.__normalized = Math.min(this.__maxValue, this.computedLimits[1], Math.max(this.computedLimits[0], val))
+
+      this.$refs[this.side].style[this.prop] = this.__getCSSValue(this.__normalized)
     },
@@ -126,2 +146,6 @@
       }
+    },
+
+    __getCSSValue (value) {
+      return (this.unit === '%' ? value : Math.round(value)) + this.unit
     }
@@ -138,4 +162,4 @@ },
         ref: 'before',
-        staticClass: 'q-splitter__panel q-splitter__before',
-        style: this.beforeStyle,
+        staticClass: 'q-splitter__panel q-splitter__before' + (this.reverse === true ? ' col' : ''),
+        style: this.styles.before,
         class: this.beforeClass,
@@ -156,3 +180,3 @@ on: { input: stop }
             modifiers: {
-              horizontal: !this.horizontal,
+              horizontal: this.horizontal !== true,
               vertical: this.horizontal,
@@ -170,4 +194,4 @@ prevent: true,
         ref: 'after',
-        staticClass: 'q-splitter__panel q-splitter__after',
-        style: this.afterStyle,
+        staticClass: 'q-splitter__panel q-splitter__after' + (this.reverse === true ? '' : ' col'),
+        style: this.styles.after,
         class: this.afterClass,
@@ -174,0 +198,0 @@ on: { input: stop }

src/components/splitter/QSplitter.json

@@ -9,3 +9,3 @@ {
       "type": "Number",
-      "desc": "Model of the component defining the split ratio percent (0.0 < x < 100.0) between panes; Either use this property (along with a listener for 'input' event) OR use v-model directive",
+      "desc": "Model of the component defining the split ratio percent (0.0 < x < 100.0) between panels; Either use this property (along with a listener for 'input' event) OR use v-model directive",
       "examples": [ "v-model=\"ratio\"" ],
@@ -15,5 +15,21 @@ "category": "model"
 
+    "reverse": {
+      "type": "Boolean",
+      "desc": "Apply the model size to the second panel (by default it applies to the first)",
+      "category": "model",
+      "addedIn": "v1.2.6"
+    },
+
+    "unit": {
+      "type": "String",
+      "desc": "CSS unit for the model",
+      "default": "%",
+      "values": [ "%", "px" ],
+      "category": "model",
+      "addedIn": "v1.2.6"
+    },
+
     "horizontal": {
       "type": "Boolean",
-      "desc": "Allows the splitter to split its two panes horizontally, instead of vertically",
+      "desc": "Allows the splitter to split its two panels horizontally, instead of vertically",
       "category": "content"
@@ -24,5 +40,5 @@ },
       "type": "Array",
-      "desc": "An array of two values representing a ratio of minimum and maximum split area of the two panes (0.0 < x < 100.0)",
-      "default": "[10, 90]",
-      "examples": [ ":limits=\"[30, 70]\"" ],
+      "desc": "An array of two values representing the minimum and maximum split size of the two panels; When 'px' unit is set then you can use Infinity as the second value to make it unbound on the other side",
+      "default": "For '%' unit: [10, 90]; For 'px' unit: [50, Infinity]",
+      "examples": [ ":limits=\"[30, 70]\"", ":limits=\"[0, Infinity]\"" ],
       "category": "content|model"
@@ -88,7 +104,7 @@ },
     "before": {
-      "desc": "Content of the pane on left/top"
+      "desc": "Content of the panel on left/top"
     },
 
     "after": {
-      "desc": "Content of the pane on right/bottom"
+      "desc": "Content of the panel on right/bottom"
     },
@@ -107,3 +123,3 @@
           "type": "Number",
-          "desc": "New model value (0.0 < x < 100.0) defining the ratio between panes",
+          "desc": "New model value (0.0 < x < 100.0) defining the ratio between panels",
           "examples": [ 0.22 ]
@@ -110,0 +126,0 @@ }

src/components/table/QTable.js

@@ -46,3 +46,3 @@ import Vue from 'vue'
     rowKey: {
-      type: String,
+      type: [ String, Function ],
       default: 'id'
@@ -118,2 +118,8 @@ },
   computed: {
+    getRowKey () {
+      return typeof this.rowKey === 'function'
+        ? this.rowKey
+        : row => row[this.rowKey]
+    },
+
     hasVirtScroll () {
@@ -120,0 +126,0 @@ return this.grid !== true && this.virtualScroll === true

src/components/table/QTable.json

@@ -13,6 +13,6 @@ {
     "row-key": {
-      "type": "String",
-      "desc": "Property of each row that defines the unique key of each row; The value of property must be string or number",
+      "type": [ "String", "Function" ],
+      "desc": "Property of each row that defines the unique key of each row (the result must be a primitive, not Object, Array, etc); The value of property must be string or a function taking a row and returning the desired (nested) key in the row; If supplying a function then for best performance, reference it from your scope and do not define it inline",
       "default": "id",
-      "examples": [ "myprop" ],
+      "examples": [ "row-key=\"name\"", ":row-key=\"row => row.name\"" ],
       "category": "general"
@@ -196,3 +196,3 @@ },
       "type": "Function",
-      "desc": "Text to display when user selected at least one row",
+      "desc": "Text to display when user selected at least one row; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -223,3 +223,3 @@ "numberOfRows": {
       "type": "Function",
-      "desc": "Text to override default pagination label at bottom of table (unless 'pagination' scoped slot is used)",
+      "desc": "Text to override default pagination label at bottom of table (unless 'pagination' scoped slot is used); For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -320,3 +320,3 @@ "firstRowIndex": {
       "type": "Function",
-      "desc": "The actual filtering mechanism",
+      "desc": "The actual filtering mechanism; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -442,3 +442,3 @@ "rows": {
       "type": "Function",
-      "desc": "The actual sort mechanism. Function (rows, sortBy, descending) => sorted rows",
+      "desc": "The actual sort mechanism. Function (rows, sortBy, descending) => sorted rows; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -1070,2 +1070,21 @@ "rows": {
   "events": {
+    "row-click": {
+      "desc": "Emitted when user clicks/taps on a row; Is not emitted when using body/row/item scoped slots",
+      "params": {
+        "evt": {
+          "type": "Object",
+          "desc": "JS event object",
+          "required": true,
+          "__exemption": [ "examples" ]
+        },
+
+        "row": {
+          "type": "Object",
+          "desc": "The row upon which user has clicked/tapped",
+          "__exemption": [ "examples" ]
+        }
+      },
+      "addedIn": "v1.2.6"
+    },
+
     "request": {
@@ -1072,0 +1091,0 @@ "desc": "Emitted when a server request is triggered",

src/components/table/table-body.js

@@ -5,5 +5,5 @@ import QCheckbox from '../checkbox/QCheckbox.js'
   methods: {
-    getTableRowBody (h, row, body) {
+    getTableRowBody (row, body) {
       const
-        key = row[this.rowKey],
+        key = this.getRowKey(row),
         selected = this.isRowSelected(key)
@@ -23,3 +23,3 @@
         bodyCell = this.$scopedSlots['body-cell'],
-        key = row[this.rowKey],
+        key = this.getRowKey(row),
         selected = this.isRowSelected(key),
@@ -57,3 +57,16 @@ child = bodyCell
 
-      return h('tr', { key, class: { selected } }, child)
+      const data = {
+        key,
+        class: { selected }
+      }
+
+      if (this.$listeners['row-click'] !== void 0) {
+        data.on = {
+          click: evt => {
+            this.$emit('row-click', evt, row)
+          }
+        }
+      }
+
+      return h('tr', data, child)
     },
@@ -67,3 +80,3 @@
         mapFn = body !== void 0
-          ? row => this.getTableRowBody(h, row, body)
+          ? row => this.getTableRowBody(row, body)
           : row => this.getTableRow(h, row),
@@ -86,3 +99,3 @@ child = this.computedRows.map(mapFn)
       return body !== void 0
-        ? props => this.getTableRowBody(h, props.item, body)
+        ? props => this.getTableRowBody(props.item, body)
         : props => this.getTableRow(h, props.item)
@@ -89,0 +102,0 @@ },

src/components/table/table-grid.js

@@ -38,2 +38,16 @@ import QLinearProgress from '../linear-progress/QLinearProgress.js'
 
+          const data = {
+            staticClass: 'q-table__grid-item-card' + this.cardDefaultClass,
+            class: this.cardClass,
+            style: this.cardStyle
+          }
+
+          if (this.$listeners['row-click'] !== void 0) {
+            data.on = {
+              click: evt => {
+                this.$emit('row-click', evt, scope.row)
+              }
+            }
+          }
+
           return h('div', {
@@ -43,7 +57,3 @@ staticClass: 'q-table__grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3',
           }, [
-            h('div', {
-              staticClass: 'q-table__grid-item-card' + this.cardDefaultClass,
-              class: this.cardClass,
-              style: this.cardStyle
-            }, child)
+            h('div', data, child)
           ])
@@ -54,3 +64,3 @@ }
         const
-          key = row[this.rowKey],
+          key = this.getRowKey(row),
           selected = this.isRowSelected(key)
@@ -57,0 +67,0 @@

src/components/table/table-header.js

@@ -84,3 +84,3 @@ import QLinearProgress from '../linear-progress/QLinearProgress.js'
                 this.__updateSelection(
-                  this.computedRows.map(row => row[this.rowKey]),
+                  this.computedRows.map(this.getRowKey),
                   this.computedRows,
@@ -110,3 +110,3 @@ val
             this.__updateSelection(
-              this.computedRows.map(row => row[this.rowKey]),
+              this.computedRows.map(this.getRowKey),
               this.computedRows,
@@ -113,0 +113,0 @@ val

src/components/table/table-row-selection.js

@@ -17,3 +17,3 @@ export default {
       const keys = {}
-      this.selected.map(row => row[this.rowKey]).forEach(key => {
+      this.selected.map(this.getRowKey).forEach(key => {
         keys[key] = true
@@ -38,3 +38,3 @@ })
       if (this.multipleSelection === true) {
-        return this.computedRows.length > 0 && this.computedRows.every(row => this.selectedKeys[row[this.rowKey]] === true)
+        return this.computedRows.length > 0 && this.computedRows.every(row => this.selectedKeys[ this.getRowKey(row) ] === true)
       }
@@ -45,3 +45,3 @@ },
       if (this.multipleSelection === true) {
-        return !this.allRowsSelected && this.computedRows.some(row => this.selectedKeys[row[this.rowKey]] === true)
+        return !this.allRowsSelected && this.computedRows.some(row => this.selectedKeys[ this.getRowKey(row) ] === true)
       }
@@ -73,3 +73,3 @@ },
             : this.selected.filter(
-              row => keys.includes(row[this.rowKey]) === false
+              row => keys.includes(this.getRowKey(row)) === false
             )
@@ -76,0 +76,0 @@ )

src/components/tree/QTree.json

@@ -107,3 +107,3 @@ {
       "type": "Function",
-      "desc": "The function to use to filter the tree nodes",
+      "desc": "The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline",
       "default": "(see source code)",
@@ -110,0 +110,0 @@ "params": {

src/components/uploader/QUploader.json

@@ -65,3 +65,3 @@ {
       "type": "Function",
-      "desc": "Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded",
+      "desc": "Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -111,3 +111,3 @@ "files": {
       "type": "Function",
-      "desc": "Function which should return an Object or a Promise resolving with an Object",
+      "desc": "Function which should return an Object or a Promise resolving with an Object; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -130,3 +130,3 @@ "files": {
       "type": [ "String", "Function" ],
-      "desc": "URL or path to the server which handles the upload. Takes String or factory function, which returns String. Function is called right before upload",
+      "desc": "URL or path to the server which handles the upload. Takes String or factory function, which returns String. Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": ["https://example.com/path", "files => `https://example.com?count=${files.length}`"],
@@ -139,3 +139,3 @@ "category": "upload"
       "default": "POST",
-      "desc": "HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload",
+      "desc": "HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "values": [ "POST", "PUT" ],
@@ -148,4 +148,4 @@ "examples": [ "POST", ":method=\"files => files.length > 10 ? 'POST' : 'PUT'\"" ],
       "type": [ "String", "Function" ],
+      "desc": "Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name=\"__HERE__\"; filename=\"somefile.png\"; If using a function then for best performance, reference it from your scope and do not define it inline",
       "default": "(file) => file.name",
-      "desc": "Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name=\"__HERE__\"; filename=\"somefile.png\"",
       "examples": [
@@ -160,3 +160,3 @@ "backgroundFile",
       "type": [ "Array", "Function" ],
-      "desc": "Array or a factory function which returns an array; Array consists of objects with header definitions; Function is called right before upload",
+      "desc": "Array or a factory function which returns an array; Array consists of objects with header definitions; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "definition": {
@@ -186,3 +186,3 @@ "name": {
       "type": [ "Array", "Function" ],
-      "desc": "Array or a factory function which returns an array; Array consists of objects with additional fields definitions (used by Form to be uploaded); Function is called right before upload",
+      "desc": "Array or a factory function which returns an array; Array consists of objects with additional fields definitions (used by Form to be uploaded); Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "definition": {
@@ -212,3 +212,3 @@ "name": {
       "type": [ "Boolean", "Function" ],
-      "desc": "Sets withCredentials to true on the XHR that manages the upload; Takes boolean or factory function for Boolean; Function is called right before upload",
+      "desc": "Sets withCredentials to true on the XHR that manages the upload; Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [ "with-credentials", ":with-credentials=\"files => ...\"" ],
@@ -220,3 +220,3 @@ "category": "upload"
       "type": [ "Boolean", "Function" ],
-      "desc": "Send raw files without wrapping into a Form(); Takes boolean or factory function for Boolean; Function is called right before upload",
+      "desc": "Send raw files without wrapping into a Form(); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [ "send-raw", ":send-raw=\"files => ...\"" ],
@@ -228,3 +228,3 @@ "category": "upload"
       "type": [ "Boolean", "Function" ],
-      "desc": "Upload files in batch (in one XHR request); Takes boolean or factory function for Boolean; Function is called right before upload",
+      "desc": "Upload files in batch (in one XHR request); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline",
       "examples": [ "files => files.length > 10" ],
@@ -231,0 +231,0 @@ "category": "upload"

src/components/uploader/QUploaderBase.js

@@ -6,3 +6,3 @@ import QBtn from '../btn/QBtn.js'
 
-import { stopAndPrevent } from '../../utils/event.js'
+import { stop, stopAndPrevent } from '../../utils/event.js'
 import { humanStorageSize } from '../../utils/format.js'
@@ -362,2 +362,3 @@
           attrs: {
+            tabindex: -1,
             type: 'file',
@@ -369,2 +370,3 @@ title: '', // try to remove default tooltip
           on: {
+            mousedown: stop, // need to stop refocus from QBtn
             change: this.__addFiles
@@ -371,0 +373,0 @@ }

src/components/virtual-scroll/QVirtualScroll.json

@@ -37,3 +37,3 @@ {
       "type": "Function",
-      "desc": "Function to return the scope for the items to be displayed; Should return an array for items starting from 'from' index for size length",
+      "desc": "Function to return the scope for the items to be displayed; Should return an array for items starting from 'from' index for size length; For best performance, reference it from your scope and do not define it inline",
       "params": {
@@ -40,0 +40,0 @@ "from": {

src/mixins/prevent-scroll.js

@@ -79,6 +79,2 @@ import { getEventPath, listenOpts, stopAndPrevent } from '../utils/event.js'
   }
-  else {
-    Platform.is.ios === true && window.removeEventListener('scroll', onAppleScroll, listenOpts.passiveCapture)
-    body.classList.remove('q-body--prevent-scroll')
-  }
 
@@ -93,5 +89,8 @@ if (Platform.is.desktop === true && Platform.is.mac === true) {
 
+    body.classList.remove('q-body--prevent-scroll')
     body.classList.remove('q-body--force-scrollbar')
+
     body.style.left = bodyLeft
     body.style.top = bodyTop
+
     window.scrollTo(scrollPositionX, scrollPositionY)
@@ -98,0 +97,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7243390

increased by0.32%

Lines of code

153665

increased by0.16%

No dependency changes