quasar 2.1.4 → 2.1.8

package/dist/vetur/quasar-attributes.json

@@ -1028,7 +1028,7 @@
     "description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL"
   },
   "q-color/model-value": {
-    "type": "string",
+    "type": "string|null|undefined",
     "description": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive"
   },
   "q-color/default-value": {
@@ -1132,7 +1132,7 @@
     "description": "Put component in disabled mode"
   },
   "q-date/model-value": {
-    "type": "string|array|object",
+    "type": "string|array|object|null|undefined",
     "description": "Date(s) of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive"
   },
   "q-date/title": {
@@ -1936,7 +1936,7 @@
     "description": "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"
   },
   "q-file/model-value": {
-    "type": "file|filelist|array",
+    "type": "file|filelist|array|null|undefined",
     "description": "Model of the component; Must be FileList or Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
   },
   "q-file/error": {
@@ -2231,6 +2231,14 @@
     "type": "string",
     "description": "Same syntax as <img> crossorigin attribute"
   },
+  "q-img/decoding": {
+    "type": "string",
+    "description": "Same syntax as <img> decoding attribute"
+  },
+  "q-img/referrerpolicy": {
+    "type": "string",
+    "description": "Same syntax as <img> referrerpolicy attribute"
+  },
   "q-img/fit": {
     "type": "string",
     "description": "How the image will fit into the container; Equivalent of the object-fit prop; Can be coordinated with 'position' prop"
@@ -2348,7 +2356,7 @@
     "description": "Model will be unmasked (won't contain tokens/separation characters)"
   },
   "q-input/model-value": {
-    "type": "string|number",
+    "type": "string|number|null|undefined",
     "description": "Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
   },
   "q-input/error": {
@@ -3296,7 +3304,7 @@
     "description": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)"
   },
   "q-radio/model-value": {
-    "type": "number|string",
+    "type": "number|string|null|undefined",
     "description": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive"
   },
   "q-radio/val": {
@@ -3340,7 +3348,7 @@
     "description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL"
   },
   "q-range/model-value": {
-    "type": "object",
+    "type": "object|null|undefined",
     "description": "Model of the component of type { min, max } (both values must be between global min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
   },
   "q-range/min": {
@@ -3608,7 +3616,7 @@
     "description": "The number of columns in the table (you need this if you use table-layout: fixed)"
   },
   "q-select/model-value": {
-    "type": "number|string|array",
+    "type": "number|string|array|null|undefined",
     "description": "Model of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
   },
   "q-select/error": {
@@ -3992,7 +4000,7 @@
     "description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL"
   },
   "q-slider/model-value": {
-    "type": "number",
+    "type": "number|null|undefined",
     "description": "Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
   },
   "q-slider/min": {
@@ -4900,7 +4908,7 @@
     "description": "Put component in disabled mode"
   },
   "q-tabs/model-value": {
-    "type": "number|string",
+    "type": "number|string|null|undefined",
     "description": "Model of the component defining current panel name; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
   },
   "q-tabs/vertical": {
@@ -5032,7 +5040,7 @@
     "description": "Put component in disabled mode"
   },
   "q-time/model-value": {
-    "type": "string",
+    "type": "string|null|undefined",
     "description": "Time of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
   },
   "q-time/format24h": {

package/dist/vetur/quasar-tags.json

@@ -738,6 +738,8 @@
       "height",
       "loading",
       "crossorigin",
+      "decoding",
+      "referrerpolicy",
       "fit",
       "position",
       "alt",

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.1.4",
+  "version": "2.1.8",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -3181,7 +3181,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "string|null|undefined"
               },
               "description": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive\n\nExamples:\nv-model=\"myColor\"",
               "doc-url": "https://v2.quasar.dev/vue-components/color-picker",
@@ -3313,7 +3313,7 @@
               "arguments": [
                 {
                   "name": "value",
-                  "type": "any",
+                  "type": "string|null",
                   "description": "New model value",
                   "doc-url": "https://v2.quasar.dev/vue-components/color-picker"
                 }
@@ -3476,7 +3476,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "string|any[]|object"
+                "type": "string|any[]|object|null|undefined"
               },
               "description": "Date(s) of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive\n\nExamples:\nv-model=\"myDate\"\nv-model=\"[myDate1, myDate2]\"\nv-model=\"[{ from: myDateFrom, to: myDateTo }]\"\nv-model=\"[myDate1, { from: myDateFrom, to: myDateTo }, myDate2]\"",
               "doc-url": "https://v2.quasar.dev/vue-components/date",
@@ -3651,7 +3651,7 @@
               "arguments": [
                 {
                   "name": "value",
-                  "type": "string|any[]|object",
+                  "type": "string|any[]|object|null",
                   "description": "New model value",
                   "doc-url": "https://v2.quasar.dev/vue-components/date"
                 },
@@ -6118,7 +6118,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "File|FileList|any[]"
+                "type": "File|FileList|any[]|null|undefined"
               },
               "description": "Model of the component; Must be FileList or Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"myModel\"",
               "doc-url": "https://v2.quasar.dev/vue-components/file",
@@ -7083,6 +7083,24 @@
               "description": "Same syntax as <img> crossorigin attribute",
               "doc-url": "https://v2.quasar.dev/vue-components/img"
             },
+            {
+              "name": "decoding",
+              "value": {
+                "kind": "expression",
+                "type": "'sync'|'async'|'auto'"
+              },
+              "description": "Same syntax as <img> decoding attribute",
+              "doc-url": "https://v2.quasar.dev/vue-components/img"
+            },
+            {
+              "name": "referrerpolicy",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "description": "Same syntax as <img> referrerpolicy attribute",
+              "doc-url": "https://v2.quasar.dev/vue-components/img"
+            },
             {
               "name": "fit",
               "value": {
@@ -7484,7 +7502,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "string|number"
+                "type": "string|number|null|undefined"
               },
               "description": "Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"myText\"",
               "doc-url": "https://v2.quasar.dev/vue-components/input",
@@ -7912,7 +7930,7 @@
               "arguments": [
                 {
                   "name": "value",
-                  "type": "string|number",
+                  "type": "string|number|null",
                   "description": "New model value",
                   "doc-url": "https://v2.quasar.dev/vue-components/input"
                 }
@@ -10641,7 +10659,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "number|string"
+                "type": "number|string|null|undefined"
               },
               "description": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive\n\nExamples:\nv-model=\"option\"",
               "doc-url": "https://v2.quasar.dev/vue-components/radio",
@@ -10786,7 +10804,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "object"
+                "type": "object|null|undefined"
               },
               "description": "Model of the component of type { min, max } (both values must be between global min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"positionModel\"",
               "doc-url": "https://v2.quasar.dev/vue-components/range",
@@ -11613,7 +11631,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "number|string|any[]"
+                "type": "number|string|any[]|null|undefined"
               },
               "description": "Model of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"myModel\"",
               "doc-url": "https://v2.quasar.dev/vue-components/select",
@@ -12963,7 +12981,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "number|null|undefined"
               },
               "description": "Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"positionModel\"",
               "doc-url": "https://v2.quasar.dev/vue-components/slider",
@@ -13160,7 +13178,7 @@
               "arguments": [
                 {
                   "name": "value",
-                  "type": "any",
+                  "type": "number|null",
                   "description": "New model value",
                   "doc-url": "https://v2.quasar.dev/vue-components/slider"
                 }
@@ -16073,7 +16091,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "number|string"
+                "type": "number|string|null|undefined"
               },
               "description": "Model of the component defining current panel name; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"selectedTab\"",
               "doc-url": "https://v2.quasar.dev/vue-components/tabs"
@@ -16424,7 +16442,7 @@
               "name": "model-value",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "string|null|undefined"
               },
               "description": "Time of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"currentTime\"",
               "doc-url": "https://v2.quasar.dev/vue-components/time",
@@ -16514,7 +16532,7 @@
               "arguments": [
                 {
                   "name": "value",
-                  "type": "string",
+                  "type": "string|null",
                   "description": "New model value",
                   "doc-url": "https://v2.quasar.dev/vue-components/time"
                 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.1.4",
+  "version": "2.1.8",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",

package/src/components/color/QColor.json

@@ -8,7 +8,7 @@
   "props": {
     "model-value": {
       "extends": "model-value",
-      "type": "String",
+      "type": [ "String", "null", "undefined" ],
       "examples": [ "v-model=\"myColor\"" ]
     },
 
@@ -85,7 +85,12 @@
 
   "events": {
     "update:model-value": {
-      "extends": "update:model-value"
+      "extends": "update:model-value",
+      "params": {
+        "value": {
+          "type": [ "String", "null" ]
+        }
+      }
     },
 
     "change": {

package/src/components/date/QDate.js

@@ -1369,7 +1369,7 @@ export default defineComponent({
       if (editRange.value === null) {
         const dayProps = days.value.find(day => day.fill !== true && day.i === dayIndex)
 
-        if (dayProps.range !== void 0) {
+        if (props.noUnset !== true && dayProps.range !== void 0) {
           removeFromModel({ target: day, from: dayProps.range.from, to: dayProps.range.to })
           return
         }

package/src/components/date/QDate.json

@@ -8,7 +8,7 @@
   "props": {
     "model-value": {
       "extends": "model-value",
-      "type": [ "String", "Array", "Object" ],
+      "type": [ "String", "Array", "Object", "null", "undefined" ],
       "desc": "Date(s) of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
       "examples": [
         "v-model=\"myDate\"",
@@ -162,7 +162,7 @@
       "extends": "update:model-value",
       "params": {
         "value": {
-          "type": [ "String", "Array", "Object" ]
+          "type": [ "String", "Array", "Object", "null" ]
         },
         "reason": {
           "type": "String",

package/src/components/file/QFile.js

@@ -12,6 +12,8 @@ import { humanStorageSize } from '../../utils/format.js'
 export default defineComponent({
   name: 'QFile',
 
+  inheritAttrs: false,
+
   props: {
     ...useFieldProps,
     ...useFormProps,
@@ -224,7 +226,6 @@ export default defineComponent({
     }
 
     Object.assign(state, {
-      inheritAttrs: true,
       fieldClass: { value: 'q-file q-field--auto-height' },
       emitValue,
       hasValue,

package/src/components/file/QFile.json

@@ -8,7 +8,7 @@
   "props": {
     "model-value": {
       "extends": "model-value",
-      "type": [ "File", "FileList", "Array" ],
+      "type": [ "File", "FileList", "Array", "null", "undefined" ],
       "desc": "Model of the component; Must be FileList or Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
       "examples": [ "v-model=\"myModel\"" ]
     },

package/src/components/img/QImg.js

@@ -5,9 +5,6 @@ import useRatio, { useRatioProps } from '../../composables/private/use-ratio.js'
 import { hSlot } from '../../utils/private/render.js'
 import { isRuntimeSsrPreHydration } from '../../plugins/Platform.js'
 
-const crossoriginValues = [ 'anonymous', 'use-credentials' ]
-const loadingValues = [ 'eager', 'lazy' ]
-const fitValues = [ 'cover', 'fill', 'contain', 'none', 'scale-down' ]
 const defaultRatio = 16 / 9
 
 export default defineComponent({
@@ -21,16 +18,15 @@ export default defineComponent({
     sizes: String,
 
     alt: String,
-    crossorigin: {
-      type: String,
-      validator: val => crossoriginValues.includes(val)
-    },
+    crossorigin: String,
+    decoding: String,
+    referrerpolicy: String,
+
     draggable: Boolean,
 
     loading: {
       type: String,
-      default: 'lazy',
-      validator: val => loadingValues.includes(val)
+      default: 'lazy'
     },
     width: String,
     height: String,
@@ -43,8 +39,7 @@ export default defineComponent({
 
     fit: {
       type: String,
-      default: 'cover',
-      validator: val => fitValues.includes(val)
+      default: 'cover'
     },
     position: {
       type: String,
@@ -64,7 +59,7 @@ export default defineComponent({
 
   emits: [ 'load', 'error' ],
 
-  setup (props, { slots, attrs, emit }) {
+  setup (props, { slots, emit }) {
     const naturalRatio = ref(props.initialRatio)
     const ratioStyle = useRatio(props, naturalRatio)
 
@@ -187,10 +182,11 @@ export default defineComponent({
 
       const data = {
         key: 'img_' + index,
-        ...attrs,
         class: imgClass.value,
         style: imgStyle.value,
         crossorigin: props.crossorigin,
+        decoding: props.decoding,
+        referrerpolicy: props.referrerpolicy,
         height: props.height,
         width: props.width,
         loading: props.loading,

package/src/components/img/QImg.json

@@ -108,6 +108,20 @@
       "category": "behavior"
     },
 
+    "decoding": {
+      "type": "String",
+      "desc": "Same syntax as <img> decoding attribute",
+      "values": [ "sync", "async", "auto" ],
+      "category": "behavior"
+    },
+
+    "referrerpolicy": {
+      "type": "String",
+      "desc": "Same syntax as <img> referrerpolicy attribute",
+      "category": "behavior",
+      "__exemption": [ "examples" ]
+    },
+
     "fit": {
       "type": "String",
       "desc": "How the image will fit into the container; Equivalent of the object-fit prop; Can be coordinated with 'position' prop",

package/src/components/input/QInput.json

@@ -8,7 +8,7 @@
   "props": {
     "model-value": {
       "extends": "model-value",
-      "type": [ "String", "Number" ],
+      "type": [ "String", "Number", "null", "undefined" ],
       "desc": "Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
       "examples": [ "v-model=\"myText\"" ]
     },
@@ -78,7 +78,7 @@
       "extends": "update:model-value",
       "params": {
         "value": {
-          "type": [ "String", "Number" ]
+          "type": [ "String", "Number", "null" ]
         }
       }
     },

package/src/components/menu/QMenu.js

@@ -350,7 +350,10 @@ export default defineComponent({
                   'q-menu q-position-engine scroll' + menuClass.value,
                   attrs.class
                 ],
-                style: [ attrs.style, transitionStyle.value ],
+                style: [
+                  attrs.style,
+                  transitionStyle.value
+                ],
                 ...onEvents.value
               }, hSlot(slots.default))
             : null

package/src/components/radio/QRadio.json

@@ -8,7 +8,7 @@
   "props": {
     "model-value": {
       "extends": "model-value",
-      "type": [ "Number", "String" ],
+      "type": [ "Number", "String", "null", "undefined" ],
       "examples": [ "v-model=\"option\"" ]
     },
 

package/src/components/range/QRange.json

@@ -8,16 +8,16 @@
   "props": {
     "model-value": {
       "extends": "model-value",
-      "type": "Object",
+      "type": [ "Object", "null", "undefined" ],
       "desc": "Model of the component of type { min, max } (both values must be between global min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
       "definition": {
         "min": {
-          "type": "Number",
+          "type": [ "Number", "null" ],
           "desc": "Model value for left thumb",
           "examples": [ 2 ]
         },
         "max": {
-          "type": "Number",
+          "type": [ "Number", "null" ],
           "desc": "Model value for right thumb",
           "examples": [ 12 ]
         }