quasar 2.17.1 → 2.17.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.17.1",
+  "version": "2.17.3",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "type": "module",
   "module": "dist/quasar.client.js",
@@ -76,8 +76,8 @@
     "table": "^6.8.2",
     "typescript": "^5.6.2",
     "vue": "^3.5.5",
-    "@quasar/extras": "1.16.12",
-    "eslint-config-quasar": "0.0.1"
+    "eslint-config-quasar": "0.0.1",
+    "@quasar/extras": "1.16.13"
   },
   "vetur": {
     "tags": "dist/vetur/quasar-tags.json",

package/src/components/file/QFile.json

@@ -125,7 +125,8 @@
       "desc": "Override default selection slot; Suggestion: QChip",
       "scope": {
         "files": {
-          "type": [ "Array", "FileList" ],
+          "type": "Array",
+          "tsType": "File",
           "desc": "Array of File objects"
         },
 

package/src/components/select/QSelect.js

@@ -171,7 +171,12 @@ export default createComponent({
 
     const onComposition = useKeyComposition(onInput)
 
-    const virtualScrollLength = computed(() => props.options.length)
+    const virtualScrollLength = computed(() => (
+      Array.isArray(props.options)
+        ? props.options.length
+        : 0
+    ))
+
     const virtualScrollItemSizeComputed = computed(() => (
       props.virtualScrollItemSize === void 0
         ? (props.optionsDense === true ? 24 : 48)
@@ -200,7 +205,7 @@ export default createComponent({
           ? (props.multiple === true && Array.isArray(props.modelValue) ? props.modelValue : [ props.modelValue ])
           : []
 
-      if (props.mapOptions === true) {
+      if (props.mapOptions === true && Array.isArray(props.options) === true) {
         const cache = props.mapOptions === true && innerValueCache !== void 0
           ? innerValueCache
           : []
@@ -665,11 +670,9 @@ export default createComponent({
       if (typeof value === 'string' && value.length !== 0) {
         const needle = value.toLocaleLowerCase()
         const findFn = extractFn => {
-          const option = props.options.find(opt => extractFn.value(opt).toLocaleLowerCase() === needle)
+          const option = props.options.find(opt => String(extractFn.value(opt)).toLocaleLowerCase() === needle)
 
-          if (option === void 0) {
-            return false
-          }
+          if (option === void 0) return false
 
           if (innerValue.value.indexOf(option) === -1) {
             toggleOption(option)
@@ -681,14 +684,13 @@ export default createComponent({
           return true
         }
         const fillFn = afterFilter => {
-          if (findFn(getOptionValue) === true) {
-            return
+          if (
+            findFn(getOptionValue) !== true
+            && afterFilter !== true
+            && findFn(getOptionLabel) !== true
+          ) {
+            filter(value, true, () => fillFn(true))
           }
-          if (findFn(getOptionLabel) === true || afterFilter === true) {
-            return
-          }
-
-          filter(value, true, () => fillFn(true))
         }
 
         fillFn()

package/src/components/select/QSelect.json

@@ -415,6 +415,10 @@
           "type": "Boolean",
           "desc": "Always true -- passed down as prop to QItem (when using QItem)"
         },
+        "html": {
+          "type": "Boolean",
+          "desc": "Is the content HTML?"
+        },
         "removeAtIndex": {
           "type": "Function",
           "desc": "Remove selected option located at specific index",
@@ -458,6 +462,14 @@
           "type": "Any",
           "desc": "Option -- its value is taken from 'options' prop"
         },
+        "html": {
+          "type": "Boolean",
+          "desc": "Is the content HTML?"
+        },
+        "label": {
+          "type": "String",
+          "desc": "Label of the option"
+        },
         "selected": {
           "type": "Boolean",
           "desc": "Is option selected?"

package/src/components/uploader/QUploader.json

@@ -212,18 +212,6 @@
         }
       },
       "returns": null
-    },
-
-    "addFiles": {
-      "desc": "Manually add files to the queue",
-      "params": {
-        "files": {
-          "type": "Array",
-          "required": true,
-          "desc": "Must be an array of instances of JS File type"
-        }
-      },
-      "returns": null
     }
   },
 

package/src/composables/private.use-file/use-file.json

@@ -44,12 +44,14 @@
       "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": {
         "files": {
-          "type": [ "Array", "FileList" ],
+          "type": "Array",
+          "tsType": "File",
           "desc": "Candidate files to be added to queue"
         }
       },
       "returns": {
         "type": "Array",
+        "tsType": "File",
         "desc": "Filtered files to be added to queue"
       },
       "examples": [ "files => files.filter(file => file.size === 1024)" ],
@@ -86,7 +88,8 @@
       "params": {
         "files": {
           "type": [ "Array", "FileList" ],
-          "desc": "Array of files (instances of File)",
+          "tsType": "QUseFileAddInput",
+          "desc": "Array of files (instances of File) or FileList",
           "required": true
         }
       },

package/src/composables/use-timeout/use-timeout.js

@@ -26,7 +26,7 @@ export default function () {
     removeTimeout,
 
     registerTimeout (fn, delay) {
-      removeTimeout(timer)
+      removeTimeout()
 
       if (vmIsDestroyed(vm) === false) {
         timer = setTimeout(() => {

package/src/css/core/visibility.sass

@@ -27,12 +27,12 @@
 
 .readonly
   cursor: default !important
-.disabled, [disabled]:not([disabled=false])
+.disabled, [disabled]
   &,
   *
     outline: 0 !important
     cursor: not-allowed !important
-.disabled, [disabled]:not([disabled=false])
+.disabled, [disabled]
   opacity: .6 !important
 
 .hidden

package/wrappers/index.cjs

@@ -6,6 +6,15 @@
 //  but they are useful only for Quasar CLI projects
 // They are typed via module augmentation by `@quasar/app-webpack` / `@quasar/app-vite`
 
+/*******************************************************
+ * Warning!
+ * All these are deprecated starting with
+ *    @quasar/app-vite v2
+ *    @quasar/app-webpack v4
+ *
+ * Use the new wrappers from #q-app/wrappers
+ *******************************************************/
+
 module.exports.boot = function (callback) {
   return callback
 }
@@ -30,18 +39,6 @@ module.exports.store = function (callback) {
   return callback
 }
 
-module.exports.bexBackground = function (callback) {
-  return callback
-}
-
-module.exports.bexContent = function (callback) {
-  return callback
-}
-
-module.exports.bexDom = function (callback) {
-  return callback
-}
-
 /**
  * Below only for @quasar/app-webpack v3
  */
@@ -73,3 +70,19 @@ module.exports.ssrServeStaticContent = function (callback) {
 module.exports.ssrRenderPreloadTag = function (callback) {
   return callback
 }
+
+/**
+ * Below only for legacy @quasar/app-vite v1 & @quasar/app-webpack v3
+ */
+
+module.exports.bexBackground = function (callback) {
+  return callback
+}
+
+module.exports.bexContent = function (callback) {
+  return callback
+}
+
+module.exports.bexDom = function (callback) {
+  return callback
+}

package/wrappers/index.js

@@ -6,6 +6,15 @@
 //  but they are useful only for Quasar CLI projects
 // They are typed via module augmentation by `@quasar/app-webpack` / `@quasar/app-vite`
 
+/*******************************************************
+ * Warning!
+ * All these are deprecated starting with
+ *    @quasar/app-vite v2
+ *    @quasar/app-webpack v4
+ *
+ * Use the new wrappers from #q-app/wrappers
+ *******************************************************/
+
 export function boot (callback) {
   return callback
 }
@@ -30,18 +39,6 @@ export function ssrMiddleware (callback) {
   return callback
 }
 
-export function bexBackground (callback) {
-  return callback
-}
-
-export function bexContent (callback) {
-  return callback
-}
-
-export function bexDom (callback) {
-  return callback
-}
-
 /**
  * Below only for @quasar/app-webpack v3
  */
@@ -51,7 +48,7 @@ export function ssrProductionExport (callback) {
 }
 
 /**
- * Below only for @quasar/app-vite & @quasar/app-webpack v4+
+ * Below only for @quasar/app-vite v1
  */
 
 export function ssrCreate (callback) {
@@ -73,3 +70,19 @@ export function ssrServeStaticContent (callback) {
 export function ssrRenderPreloadTag (callback) {
   return callback
 }
+
+/**
+ * Below only for legacy @quasar/app-vite v1 & @quasar/app-webpack v3
+ */
+
+export function bexBackground (callback) {
+  return callback
+}
+
+export function bexContent (callback) {
+  return callback
+}
+
+export function bexDom (callback) {
+  return callback
+}