quasar 2.17.4 → 2.17.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.17.4",
+  "version": "2.17.5",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "type": "module",
   "module": "dist/quasar.client.js",
@@ -66,7 +66,6 @@
     "diff": "^5.2.0",
     "esbuild": "^0.24.0",
     "eslint": "^8.57.0",
-    "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
     "kolorist": "^1.8.0",
     "open": "^10.1.0",
@@ -74,9 +73,10 @@
     "prettier": "^3.3.3",
     "sass-embedded": "^1.80.2",
     "table": "^6.8.2",
+    "tinyglobby": "^0.2.10",
     "typescript": "^5.6.2",
     "vue": "^3.5.5",
-    "@quasar/extras": "1.16.13",
+    "@quasar/extras": "1.16.15",
     "eslint-config-quasar": "0.0.1"
   },
   "vetur": {

package/src/components/btn/QBtn.js

@@ -118,9 +118,7 @@ export default createComponent({
       if (rootRef.value === null) return
 
       if (e !== void 0) {
-        if (e.defaultPrevented === true) {
-          return
-        }
+        if (e.defaultPrevented === true) return
 
         const el = document.activeElement
         // focus button if it came from ENTER on form
@@ -219,9 +217,11 @@ export default createComponent({
       if (rootRef.value === null) return
 
       // needed for IE (because it emits blur when focusing button from focus helper)
-      if (e !== void 0 && e.type === 'blur' && document.activeElement === rootRef.value) {
-        return
-      }
+      if (
+        e !== void 0
+        && e.type === 'blur'
+        && document.activeElement === rootRef.value
+      ) return
 
       if (e !== void 0 && e.type === 'keyup') {
         if (keyboardTarget === rootRef.value && isKeyCode(e, [ 13, 32 ]) === true) {

package/src/components/date/QDate.js

@@ -434,9 +434,7 @@ export default createComponent({
     })
 
     const rangeView = computed(() => {
-      if (editRange.value === null) {
-        return
-      }
+      if (editRange.value === null) return
 
       const { init, initHash, final, finalHash } = editRange.value
 
@@ -447,9 +445,10 @@ export default createComponent({
       const fromHash = getMonthHash(from)
       const toHash = getMonthHash(to)
 
-      if (fromHash !== viewMonthHash.value && toHash !== viewMonthHash.value) {
-        return
-      }
+      if (
+        fromHash !== viewMonthHash.value
+        && toHash !== viewMonthHash.value
+      ) return
 
       const view = {}
 
@@ -1043,9 +1042,7 @@ export default createComponent({
     }
 
     function removeFromModel (date) {
-      if (props.noUnset === true) {
-        return
-      }
+      if (props.noUnset === true) return
 
       let model = null
 

package/src/components/editor/editor-caret.js

@@ -296,11 +296,13 @@ export default class Caret {
         const selection = this.selectWord(this.selection)
         const url = selection ? selection.toString() : ''
 
-        if (!url.length) {
-          if (!this.range || !this.range.cloneContents().querySelector('img')) {
-            return
-          }
-        }
+        if (
+          !url.length
+          && (
+            !this.range
+            || !this.range.cloneContents().querySelector('img')
+          )
+        ) return
 
         this.eVm.editLinkUrl.value = urlRegex.test(url) ? url : 'https://'
         document.execCommand('createLink', false, this.eVm.editLinkUrl.value)

package/src/components/editor/editor-utils.js

@@ -246,9 +246,7 @@ export function getLinkEditor (eVm) {
           link = evt.target.value
         },
         onKeydown: evt => {
-          if (shouldIgnoreKey(evt) === true) {
-            return
-          }
+          if (shouldIgnoreKey(evt) === true) return
 
           switch (evt.keyCode) {
             case 13: // ENTER key

package/src/components/file/QFile.js

@@ -163,9 +163,7 @@ export default createComponent({
         props.multiple === true
           ? props.modelValue && files.every(f => innerValue.value.includes(f))
           : props.modelValue === files[ 0 ]
-      ) {
-        return
-      }
+      ) return
 
       emitValue(
         isAppending.value === true

package/src/components/infinite-scroll/QInfiniteScroll.js

@@ -51,9 +51,11 @@ export default createComponent({
     )
 
     function immediatePoll () {
-      if (props.disable === true || isFetching.value === true || isWorking.value === false) {
-        return
-      }
+      if (
+        props.disable === true
+        || isFetching.value === true
+        || isWorking.value === false
+      ) return
 
       const
         scrollHeight = getScrollHeight(localScrollTarget),
@@ -71,9 +73,11 @@ export default createComponent({
     }
 
     function trigger () {
-      if (props.disable === true || isFetching.value === true || isWorking.value === false) {
-        return
-      }
+      if (
+        props.disable === true
+        || isFetching.value === true
+        || isWorking.value === false
+      ) return
 
       index++
       isFetching.value = true

package/src/components/input/QInput.js

@@ -149,10 +149,7 @@ export default createComponent({
       if (hasMask.value === true) {
         if (stopValueWatcher === true) {
           stopValueWatcher = false
-
-          if (String(v) === emitCachedValue) {
-            return
-          }
+          if (String(v) === emitCachedValue) return
         }
 
         updateMaskValue(v)
@@ -219,9 +216,7 @@ export default createComponent({
     }
 
     function onInput (e) {
-      if (!e || !e.target) {
-        return
-      }
+      if (!e || !e.target) return
 
       if (props.type === 'file') {
         emit('update:modelValue', e.target.files)
@@ -232,7 +227,6 @@ export default createComponent({
 
       if (e.target.qComposing === true) {
         temp.value = val
-
         return
       }
 

package/src/components/input/use-mask.js

@@ -241,7 +241,6 @@ export default function (props, emit, emitValue, inputRef) {
       if (masked === maskReplaced) {
         const cursor = props.reverseFillMask === true ? maskReplaced.length : 0
         inp.setSelectionRange(cursor, cursor, 'forward')
-
         return
       }
 
@@ -254,8 +253,8 @@ export default function (props, emit, emitValue, inputRef) {
             cursor++
           }
         }
-        moveCursor.right(inp, cursor)
 
+        moveCursor.right(inp, cursor)
         return
       }
 
@@ -438,9 +437,7 @@ export default function (props, emit, emitValue, inputRef) {
     if (
       shouldIgnoreKey(e) === true
       || e.altKey === true // let browser handle these
-    ) {
-      return
-    }
+    ) return
 
     const
       inp = inputRef.value,

package/src/components/knob/QKnob.js

@@ -166,9 +166,7 @@ export default createComponent({
     }
 
     function onKeydown (evt) {
-      if (!keyCodes.includes(evt.keyCode)) {
-        return
-      }
+      if (keyCodes.includes(evt.keyCode) === false) return
 
       stopAndPrevent(evt)
 

package/src/components/layout/QLayout.js

@@ -187,10 +187,7 @@ export default createComponent({
       function hideScrollbar () {
         if (timer === null) {
           // if it has no scrollbar then there's nothing to do
-
-          if (el.scrollHeight > $q.screen.height) {
-            return
-          }
+          if (el.scrollHeight > $q.screen.height) return
 
           el.classList.add('hide-scrollbar')
         }

package/src/components/pagination/QPagination.js

@@ -133,9 +133,8 @@ export default createComponent({
       get: () => props.modelValue,
       set: val => {
         val = parseInt(val, 10)
-        if (props.disable || isNaN(val)) {
-          return
-        }
+        if (props.disable || isNaN(val)) return
+
         const value = between(val, minProp.value, maxProp.value)
         if (props.modelValue !== value) {
           emit('update:modelValue', value)

package/src/components/popup-edit/QPopupEdit.js

@@ -68,9 +68,7 @@ export default createComponent({
     })
 
     function set () {
-      if (props.validate(currentModel.value) === false) {
-        return
-      }
+      if (props.validate(currentModel.value) === false) return
 
       if (hasModelChanged() === true) {
         emit('save', currentModel.value, initialValue.value)

package/src/components/pull-to-refresh/QPullToRefresh.js

@@ -86,11 +86,11 @@ export default createComponent({
 
         pulling.value = true
 
-        const { top, left } = $el.getBoundingClientRect()
+        const { top, left } = proxy.$el.getBoundingClientRect()
         positionCSS.value = {
           top: top + 'px',
           left: left + 'px',
-          width: window.getComputedStyle($el).getPropertyValue('width')
+          width: window.getComputedStyle(proxy.$el).getPropertyValue('width')
         }
       }
 
@@ -135,7 +135,7 @@ export default createComponent({
       })
     }
 
-    let $el, localScrollTarget, timer = null
+    let localScrollTarget, timer = null
 
     function animateTo ({ pos, ratio }, done) {
       animating.value = true
@@ -154,15 +154,12 @@ export default createComponent({
     }
 
     function updateScrollTarget () {
-      localScrollTarget = getScrollTarget($el, props.scrollTarget)
+      localScrollTarget = getScrollTarget(proxy.$el, props.scrollTarget)
     }
 
     watch(() => props.scrollTarget, updateScrollTarget)
 
-    onMounted(() => {
-      $el = proxy.$el
-      updateScrollTarget()
-    })
+    onMounted(updateScrollTarget)
 
     onBeforeUnmount(() => {
       timer !== null && clearTimeout(timer)

package/src/components/range/QRange.js

@@ -319,9 +319,7 @@ export default createComponent({
     }
 
     function onKeydown (evt) {
-      if (!keyCodes.includes(evt.keyCode)) {
-        return
-      }
+      if (keyCodes.includes(evt.keyCode) === false) return
 
       stopAndPrevent(evt)
 

package/src/components/scroll-area/QScrollArea.js

@@ -294,9 +294,7 @@ export default createComponent({
       const data = scroll[ axis ]
 
       if (e.isFirst === true) {
-        if (data.thumbHidden.value === true) {
-          return
-        }
+        if (data.thumbHidden.value === true) return
 
         panRefPos = data.position.value
         panning.value = true

package/src/components/scroll-observer/QScrollObserver.js

@@ -66,9 +66,7 @@ export default createComponent({
       if (
         (props.axis === 'vertical' && delta.top === 0)
         || (props.axis === 'horizontal' && delta.left === 0)
-      ) {
-        return
-      }
+      ) return
 
       const curDir = Math.abs(delta.top) >= Math.abs(delta.left)
         ? (delta.top < 0 ? 'up' : 'down')

package/src/components/select/QSelect.js

@@ -496,13 +496,15 @@ export default createComponent({
         return
       }
 
-      if (unique === true && isOptionSelected(opt) === true) {
-        return
-      }
+      if (
+        unique === true
+        && isOptionSelected(opt) === true
+      ) return
 
-      if (props.maxValues !== void 0 && props.modelValue.length >= props.maxValues) {
-        return
-      }
+      if (
+        props.maxValues !== void 0
+        && props.modelValue.length >= props.maxValues
+      ) return
 
       const model = props.modelValue.slice()
 
@@ -512,9 +514,11 @@ export default createComponent({
     }
 
     function toggleOption (opt, keepOpen) {
-      if (state.editable.value !== true || opt === void 0 || isOptionDisabled.value(opt) === true) {
-        return
-      }
+      if (
+        state.editable.value !== true
+        || opt === void 0
+        || isOptionDisabled.value(opt) === true
+      ) return
 
       const optValue = getOptionValue.value(opt)
 
@@ -537,6 +541,7 @@ export default createComponent({
         ) {
           emit('update:modelValue', props.emitValue === true ? optValue : opt)
         }
+
         return
       }
 
@@ -559,9 +564,10 @@ export default createComponent({
         emit('remove', { index, value: model.splice(index, 1)[ 0 ] })
       }
       else {
-        if (props.maxValues !== void 0 && model.length >= props.maxValues) {
-          return
-        }
+        if (
+          props.maxValues !== void 0
+          && model.length >= props.maxValues
+        ) return
 
         const val = props.emitValue === true ? optValue : opt
 
@@ -707,9 +713,7 @@ export default createComponent({
     function onTargetKeydown (e) {
       emit('keydown', e)
 
-      if (shouldIgnoreKey(e) === true) {
-        return
-      }
+      if (shouldIgnoreKey(e) === true) return
 
       const newValueModeValid = inputValue.value.length !== 0
         && (props.newValueMode !== void 0 || props.onNewValue !== void 0)
@@ -764,6 +768,7 @@ export default createComponent({
         else if (props.multiple !== true && props.modelValue !== null) {
           emit('update:modelValue', null)
         }
+
         return
       }
 
@@ -875,9 +880,7 @@ export default createComponent({
       if (newValueModeValid === true) {
         const done = (val, mode) => {
           if (mode) {
-            if (validateNewValueMode(mode) !== true) {
-              return
-            }
+            if (validateNewValueMode(mode) !== true) return
           }
           else {
             mode = props.newValueMode
@@ -885,9 +888,7 @@ export default createComponent({
 
           updateInputValue('', props.multiple !== true, true)
 
-          if (val === void 0 || val === null) {
-            return
-          }
+          if (val === void 0 || val === null) return
 
           const fn = mode === 'toggle' ? toggleOption : add
           fn(val, mode === 'add-unique')
@@ -905,9 +906,7 @@ export default createComponent({
           done(inputValue.value)
         }
 
-        if (props.multiple !== true) {
-          return
-        }
+        if (props.multiple !== true) return
       }
 
       if (menu.value === true) {
@@ -1044,9 +1043,11 @@ export default createComponent({
         inputValueTimer = null
       }
 
-      if (e && e.target && e.target.qComposing === true) {
-        return
-      }
+      if (
+        e
+        && e.target
+        && e.target.qComposing === true
+      ) return
 
       setInputValue(e.target.value || '')
       // mark it here as user input so that if updateInputValue is called
@@ -1100,9 +1101,10 @@ export default createComponent({
     }
 
     function filter (val, keepClosed, afterUpdateFn) {
-      if (props.onFilter === void 0 || (keepClosed !== true && state.focused.value !== true)) {
-        return
-      }
+      if (
+        props.onFilter === void 0
+        || (keepClosed !== true && state.focused.value !== true)
+      ) return
 
       if (state.innerLoading.value === true) {
         emit('filterAbort')
@@ -1309,9 +1311,7 @@ export default createComponent({
     }
 
     function closeMenu () {
-      if (dialog.value === true) {
-        return
-      }
+      if (dialog.value === true) return
 
       optionIndex.value = -1
 
@@ -1334,9 +1334,7 @@ export default createComponent({
     }
 
     function showPopup (e) {
-      if (state.editable.value !== true) {
-        return
-      }
+      if (state.editable.value !== true) return
 
       if (hasDialog === true) {
         state.onControlFocusin(e)

package/src/components/slide-item/QSlideItem.js

@@ -134,9 +134,10 @@ export default createComponent({
         dist = evt.distance.y
       }
 
-      if (pan.dir !== null && Math.abs(dir) !== Math.abs(pan.dir)) {
-        return
-      }
+      if (
+        pan.dir !== null
+        && Math.abs(dir) !== Math.abs(pan.dir)
+      ) return
 
       if (pan.dir !== dir) {
         [ 'left', 'right', 'top', 'bottom' ].forEach(d => {

package/src/components/slider/QSlider.js

@@ -126,9 +126,7 @@ export default createComponent({
     }
 
     function onKeydown (evt) {
-      if (!keyCodes.includes(evt.keyCode)) {
-        return
-      }
+      if (keyCodes.includes(evt.keyCode) === false) return
 
       stopAndPrevent(evt)
 

package/src/components/table/QTable.js

@@ -594,10 +594,7 @@ export default createComponent({
         )
       }
 
-      if (child.length === 0) {
-        return
-      }
-
+      if (child.length === 0) return
       return h('div', { class: topClass }, child)
     }
 
@@ -726,14 +723,10 @@ export default createComponent({
     })
 
     function getBottomDiv () {
-      if (props.hideBottom === true) {
-        return
-      }
+      if (props.hideBottom === true) return
 
       if (nothingToDisplay.value === true) {
-        if (props.hideNoData === true) {
-          return
-        }
+        if (props.hideNoData === true) return
 
         const message = props.loading === true
           ? props.loadingLabel || $q.lang.table.loading

package/src/components/table/table-pagination.js

@@ -157,9 +157,7 @@ export function useTablePagination (vm, innerPagination, computedPagination, isS
   })
 
   watch(pagesNumber, (lastPage, oldLastPage) => {
-    if (lastPage === oldLastPage) {
-      return
-    }
+    if (lastPage === oldLastPage) return
 
     const currentPage = computedPagination.value.page
     if (lastPage && !currentPage) {

package/src/components/tabs/QTabs.js

@@ -177,7 +177,7 @@ export default createComponent({
 
     function recalculateScroll () {
       registerScrollTick(() => {
-        updateContainer({
+        rootRef.value && updateContainer({
           width: rootRef.value.offsetWidth,
           height: rootRef.value.offsetHeight
         })

package/src/components/time/QTime.js

@@ -421,9 +421,7 @@ export default createComponent({
     }
 
     function onPan (event) {
-      if (shouldAbortInteraction() === true) {
-        return
-      }
+      if (shouldAbortInteraction() === true) return
 
       if (event.isFirst === true) {
         draggingClockRect = getClockRect()
@@ -745,9 +743,11 @@ export default createComponent({
         return
       }
 
-      if (innerModel.value.hour === null || innerModel.value.minute === null || (props.withSeconds === true && innerModel.value.second === null)) {
-        return
-      }
+      if (
+        innerModel.value.hour === null
+        || innerModel.value.minute === null
+        || (props.withSeconds === true && innerModel.value.second === null)
+      ) return
 
       updateValue()
     }

package/src/components/tooltip/QTooltip.js

@@ -243,7 +243,10 @@ export default createComponent({
     }
 
     function configureAnchorEl () {
-      if (props.noParentEvent === true || anchorEl.value === null) return
+      if (
+        props.noParentEvent === true
+        || anchorEl.value === null
+      ) return
 
       const evts = $q.platform.is.mobile === true
         ? [

package/src/components/tree/QTree.js

@@ -320,9 +320,7 @@ export default createComponent({
 
     function setExpanded (key, state, node = getNodeByKey(key), m = meta.value[ key ]) {
       if (m.lazy && m.lazy !== 'loaded') {
-        if (m.lazy === 'loading') {
-          return
-        }
+        if (m.lazy === 'loading') return
 
         lazy.value[ key ] = 'loading'
         if (Array.isArray(node[ props.childrenKey ]) !== true) {

package/src/components/uploader/uploader-core.js

@@ -203,9 +203,7 @@ export function getRenderer (getPlugin, expose) {
   }
 
   function batchRemoveFiles (statusList, cb) {
-    if (props.disable === true) {
-      return
-    }
+    if (props.disable === true) return
 
     const removed = {
       files: [],

package/src/components/uploader/xhr-uploader-plugin.js

@@ -183,9 +183,7 @@ function injectPlugin ({ props, emit, helpers }) {
     }, false)
 
     xhr.onreadystatechange = () => {
-      if (xhr.readyState < 4) {
-        return
-      }
+      if (xhr.readyState < 4) return
 
       if (xhr.status && xhr.status < 400) {
         helpers.uploadedFiles.value = helpers.uploadedFiles.value.concat(files)