quasar 2.15.1 → 2.15.2

package/src/components/splitter/QSplitter.json

@@ -8,7 +8,7 @@
       "extends": "model-value",
       "type": "Number",
       "desc": "Model of the component defining the size of first panel (or second if using reverse) in the unit specified (for '%' it's the split ratio percent - 0.0 < x < 100.0; for 'px' it's the size in px); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
-      "examples": [ "v-model=\"ratio\"" ]
+      "examples": [ "# v-model=\"ratio\"" ]
     },
 
     "reverse": {
@@ -20,8 +20,8 @@
     "unit": {
       "type": "String",
       "desc": "CSS unit for the model",
-      "default": "%",
-      "values": [ "%", "px" ],
+      "default": "'%'",
+      "values": [ "'%'", "'px'" ],
       "category": "model"
     },
 
@@ -39,9 +39,9 @@
 
     "limits": {
       "type": "Array",
-      "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]\"" ],
+      "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 value: for '%' unit it is [10, 90], while for 'px' unit it is [50, Infinity]",
+      "default": "# [10, 90]/[50, Infinity]",
+      "examples": [ "[30, 70]", "[0, Infinity]" ],
       "category": "content|model"
     },
 
@@ -54,8 +54,8 @@
       "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the 'before' panel",
       "examples": [
-        "bg-deep-orange",
-        ":before-class=\"{ 'my-special-class': <condition> }\""
+        "'bg-deep-orange'",
+        "{ 'my-special-class': <condition> }"
       ],
       "category": "style"
     },
@@ -65,8 +65,8 @@
       "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the 'after' panel",
       "examples": [
-        "bg-deep-orange",
-        ":after-class=\"{ 'my-special-class': <condition> }\""
+        "'bg-deep-orange'",
+        "{ 'my-special-class': <condition> }"
       ],
       "category": "style"
     },
@@ -76,8 +76,8 @@
       "tsType": "VueClassProp",
       "desc": "Class definitions to be attributed to the splitter separator",
       "examples": [
-        "bg-deep-orange",
-        ":separator-class=\"{ 'my-special-class': <condition> }\""
+        "'bg-deep-orange'",
+        "{ 'my-special-class': <condition> }"
       ],
       "category": "style"
     },
@@ -87,8 +87,8 @@
       "tsType": "VueStyleProp",
       "desc": "Style definitions to be attributed to the splitter separator",
       "examples": [
-        "background-color: #ff0000",
-        ":separator-style=\"{ backgroundColor: '#ff0000' }\""
+        "'background-color: #ff0000'",
+        "{ backgroundColor: '#ff0000' }"
       ],
       "category": "style"
     },

package/src/components/stepper/QStep.json

@@ -19,27 +19,21 @@
       "type": "String",
       "desc": "Step title",
       "required": true,
-      "examples": [
-        "Ad Groups", "Payment"
-      ],
+      "examples": [ "'Ad Groups'", "'Payment'" ],
       "category": "header"
     },
 
     "caption": {
       "type": "String",
       "desc": "Step’s additional information that appears beneath the title",
-      "examples": [
-        "Create an account", "Payment details"
-      ],
+      "examples": [ "'Create an account'", "'Payment details'" ],
       "category": "header"
     },
 
     "prefix": {
       "type": [ "String", "Number" ],
       "desc": "Step's prefix (max 2 characters) which replaces the icon if step does not has error, is being edited or is marked as done",
-      "examples": [
-        "1", "2", "A", "B"
-      ],
+      "examples": [ "'1'", "2", "'A'", "'B'" ],
       "category": "header"
     },
 
@@ -78,7 +72,7 @@
 
     "header-nav": {
       "type": "Boolean",
-      "default": true,
+      "default": "true",
       "desc": "Allow navigation through the header",
       "category": "behavior"
     },

package/src/components/stepper/QStepper.json

@@ -88,9 +88,7 @@
     "header-class": {
       "type": "String",
       "desc": "Class definitions to be attributed to the header",
-      "examples": [
-        "my-special-class"
-      ],
+      "examples": [ "'my-special-class'" ],
       "category": "style"
     }
   },

package/src/components/stepper/StepHeader.js

@@ -1,7 +1,7 @@
 import { h, ref, computed, withDirectives, getCurrentInstance } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
-import Ripple from '../../directives/Ripple.js'
+import Ripple from '../../directives/ripple/Ripple.js'
 
 import { createComponent } from '../../utils/private/create.js'
 

package/src/components/table/QTable.js

@@ -37,7 +37,7 @@ export default createComponent({
   props: {
     rows: {
       type: Array,
-      default: () => []
+      required: true
     },
     rowKey: {
       type: [ String, Function ],