feat(ui): necessary adjustments for the new capture prop on some comps quasarframework#7249

Author: rstoenescu

ui/src/components/file/QFile.js

@@ -84,6 +84,7 @@ export default Vue.extend({
         type: 'file',
         title: '', // try to remove default tooltip,
         accept: this.accept,
+        capture: this.capture,
         name: this.nameProp,
         ...this.qAttrs,
         id: this.targetUid,

ui/src/components/uploader/QUploaderBase.js

@@ -32,8 +32,7 @@ export default Vue.extend({
     hideUploadBtn: Boolean,
 
     disable: Boolean,
-    readonly: Boolean,
-    capture: String,
+    readonly: Boolean
   },
 
   provide () {
@@ -297,7 +296,7 @@ export default Vue.extend({
             type: 'file',
             title: '', // try to remove default tooltip
             accept: this.accept,
-            capture: this.capture,            
+            capture: this.capture,
             ...(this.multiple === true ? { multiple: true } : {})
           },
           on: cache(this, 'input', {

ui/src/mixins/file.js

@@ -20,6 +20,7 @@ export default {
   props: {
     multiple: Boolean,
     accept: String,
+    capture: String,
     maxFileSize: [ Number, String ],
     maxTotalSize: [ Number, String ],
     maxFiles: [ Number, String ],

ui/src/mixins/file.json

@@ -15,6 +15,14 @@
       "category": "behavior"
     },
 
+    "capture": {
+      "type": "String",
+      "desc": "Optionally, specify that a new file should be captured, and which device should be used to capture that new media of a type defined by the 'accept' prop. Maps to 'capture' attribute of native input type=file element",
+      "values": [ "user", "environment" ],
+      "category": "behavior",
+      "addedIn": "v1.12.6"
+    },
+
     "max-file-size": {
       "type": [ "Number", "String" ],
       "desc": "Maximum size of individual file in bytes",