quasar 2.14.5 → 2.14.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.14.5",
+  "version": "2.14.7",
   "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",
@@ -27,8 +27,8 @@
     "dev:umd": "node build/script.test-umd.js",
     "dev:quploader": "cd dev/upload-server && yarn && cd ../.. && node dev/upload-server/server.js",
     "build": "node build/script.build.js",
-    "lint": "eslint --ext .js,.vue src dev --report-unused-disable-directives",
-    "lint-fix": "eslint --ext .js,.vue src dev --fix --report-unused-disable-directives",
+    "lint": "eslint --ext .js,.cjs,.mjs,.vue src dev --report-unused-disable-directives",
+    "lint-fix": "eslint --ext .js,.cjs,.mjs,.vue src dev --fix --report-unused-disable-directives",
     "format:types": "prettier --write \"types/**/*.{d.ts,ts,json}\"",
     "test:create": "node ./test/cypress/helpers/create-spec.js -c",
     "test:build": "yarn build",
@@ -73,18 +73,15 @@
   "devDependencies": {
     "@quasar/app-vite": "^2.0.0-beta.1",
     "@quasar/extras": "^1.16.4",
-    "@quasar/quasar-app-extension-testing-e2e-cypress": "^5.2.0",
-    "@rollup/plugin-node-resolve": "^11.2.1",
-    "@rollup/plugin-replace": "^2.3.3",
+    "@quasar/quasar-app-extension-testing-e2e-cypress": "^6.0.0",
     "autoprefixer": "^10.4.17",
-    "babel-preset-es2015-rollup": "^3.0.0",
     "cli-highlight": "^2.1.11",
     "cross-env": "^7.0.3",
-    "cssnano": "^5.1.14",
-    "cypress": "^13.6.4",
-    "cypress-json-results": "^1.2.1",
+    "cssnano": "^6.0.5",
+    "cypress": "^13.6.6",
     "diff": "^5.2.0",
-    "eslint": "^8.56.0",
+    "esbuild": "^0.20.1",
+    "eslint": "^8.57.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-plugin-cypress": "^2.13.3",
@@ -93,19 +90,18 @@
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-vue": "^9.21.1",
+    "eslint-plugin-vue": "^9.22.0",
     "fast-glob": "^3.3.0",
+    "fs-extra": "^11.2.0",
     "module-alias": "^2.2.2",
-    "open": "^9.1.0",
-    "postcss-rtlcss": "^4.0.6",
-    "prettier": "^2.8.3",
-    "recast": "^0.18.5",
-    "rimraf": "^3.0.1",
-    "rollup": "^2.34.0",
+    "open": "^10.0.4",
+    "postcss-rtlcss": "^5.1.0",
+    "prettier": "^3.0.0",
+    "recast": "^0.23.4",
     "table": "^6.8.1",
-    "typescript": "^4.9.5",
-    "uglify-es": "^3.3.9",
-    "vue": "^3.4.18",
+    "typescript": "^5.3.3",
+    "vite-plugin-checker": "^0.6.4",
+    "vue": "^3.4.20",
     "vue-router": "^4.2.1",
     "yargs": "^17.7.2"
   },

package/src/body.js

@@ -1,7 +1,7 @@
 import setCssVar from './utils/set-css-var.js'
 import { noop } from './utils/event.js'
 import { onKeyDownComposition } from './utils/private/key-composition.js'
-import { isRuntimeSsrPreHydration, client, iosCorrection } from './plugins/Platform.js'
+import { isRuntimeSsrPreHydration, client } from './plugins/Platform.js'
 
 function getMobilePlatform (is) {
   if (is.ios === true) return 'ios'
@@ -50,13 +50,7 @@ function applyClientSsrCorrections () {
 
   const classList = new Set(classes.replace(/ {2}/g, ' ').split(' '))
 
-  if (iosCorrection !== void 0) {
-    classList.delete('desktop')
-    classList.add('platform-ios')
-    classList.add('mobile')
-  }
-  // else: is it SSG?
-  else if (is.nativeMobile !== true && is.electron !== true && is.bex !== true) {
+  if (is.nativeMobile !== true && is.electron !== true && is.bex !== true) {
     if (is.desktop === true) {
       classList.delete('mobile')
       classList.delete('platform-ios')
@@ -67,14 +61,12 @@ function applyClientSsrCorrections () {
       classList.delete('desktop')
       classList.add('mobile')
 
+      classList.delete('platform-ios')
+      classList.delete('platform-android')
+
       const mobile = getMobilePlatform(is)
       if (mobile !== void 0) {
         classList.add(`platform-${ mobile }`)
-        classList.delete(`platform-${ mobile === 'ios' ? 'android' : 'ios' }`)
-      }
-      else {
-        classList.delete('platform-ios')
-        classList.delete('platform-android')
       }
     }
   }
@@ -125,7 +117,7 @@ export default {
       return
     }
 
-    if (this.__installed === true) { return }
+    if (this.__installed === true) return
 
     if (isRuntimeSsrPreHydration.value === true) {
       applyClientSsrCorrections()

package/src/components/ajax-bar/QAjaxBar.js

@@ -51,7 +51,7 @@ function highjackAjax (stackEntry) {
 
   stack.push(stackEntry)
 
-  if (highjackCount > 1) { return }
+  if (highjackCount > 1) return
 
   xhr.prototype.open = function (_, url) {
     const stopStack = []

package/src/components/breadcrumbs/QBreadcrumbs.js

@@ -47,7 +47,7 @@ export default createComponent({
         hSlot(slots.default)
       )
 
-      if (vnodes.length === 0) { return }
+      if (vnodes.length === 0) return
 
       let els = 1
 

package/src/components/btn/QBtn.js

@@ -115,7 +115,7 @@ export default createComponent({
 
     function onClick (e) {
       // is it already destroyed?
-      if (rootRef.value === null) { return }
+      if (rootRef.value === null) return
 
       if (e !== void 0) {
         if (e.defaultPrevented === true) {
@@ -151,7 +151,7 @@ export default createComponent({
 
     function onKeydown (e) {
       // is it already destroyed?
-      if (rootRef.value === null) { return }
+      if (rootRef.value === null) return
 
       emit('keydown', e)
 
@@ -174,11 +174,11 @@ export default createComponent({
 
     function onTouchstart (e) {
       // is it already destroyed?
-      if (rootRef.value === null) { return }
+      if (rootRef.value === null) return
 
       emit('touchstart', e)
 
-      if (e.defaultPrevented === true) { return }
+      if (e.defaultPrevented === true) return
 
       if (touchTarget !== rootRef.value) {
         touchTarget !== null && cleanup()
@@ -201,7 +201,7 @@ export default createComponent({
 
     function onMousedown (e) {
       // is it already destroyed?
-      if (rootRef.value === null) { return }
+      if (rootRef.value === null) return
 
       e.qSkipRipple = avoidMouseRipple === true
       emit('mousedown', e)
@@ -216,7 +216,7 @@ export default createComponent({
 
     function onPressEnd (e) {
       // is it already destroyed?
-      if (rootRef.value === null) { return }
+      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) {

package/src/components/btn-dropdown/QBtnDropdown.json

@@ -72,7 +72,7 @@
 
     "persistent": {
       "type": "Boolean",
-      "desc": "Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key",
+      "desc": "Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it",
       "category": "behavior"
     },
 

package/src/components/checkbox/use-checkbox.js

@@ -70,7 +70,7 @@ export default function (type, getInner) {
 
   const isTrue = computed(() => (
     modelIsArray.value === true
-      ? index.value > -1
+      ? index.value !== -1
       : toRaw(props.modelValue) === toRaw(props.trueValue)
   ))
 

package/src/components/chip/QChip.js

@@ -182,7 +182,7 @@ export default createComponent({
     }
 
     return () => {
-      if (props.modelValue === false) { return }
+      if (props.modelValue === false) return
 
       const data = {
         class: classes.value,

package/src/components/color/QColor.js

@@ -88,13 +88,13 @@ export default createComponent({
     const forceHex = computed(() => (
       props.formatModel === 'auto'
         ? null
-        : props.formatModel.indexOf('hex') > -1
+        : props.formatModel.indexOf('hex') !== -1
     ))
 
     const forceAlpha = computed(() => (
       props.formatModel === 'auto'
         ? null
-        : props.formatModel.indexOf('a') > -1
+        : props.formatModel.indexOf('a') !== -1
     ))
 
     const topView = ref(
@@ -230,7 +230,7 @@ export default createComponent({
         : (
             props.formatModel === 'auto'
               ? null
-              : props.formatModel.indexOf('a') > -1
+              : props.formatModel.indexOf('a') !== -1
           )
 
       if (typeof v !== 'string' || v.length === 0 || testPattern.anyColor(v.replace(/ /g, '')) !== true) {
@@ -261,7 +261,7 @@ export default createComponent({
 
     function changeSpectrum (left, top, change) {
       const panel = spectrumRef.value
-      if (panel === null) { return }
+      if (panel === null) return
 
       const
         width = panel.clientWidth,

package/src/components/color/QColor.sass

@@ -98,7 +98,7 @@
     transform: translate(-5px, -5px)
 
   &__hue .q-slider__track
-    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%) !important // @stylint ignore
+    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%) !important
     opacity: 1
 
   &__alpha

package/src/components/date/QDate.js

@@ -1081,7 +1081,7 @@ export default createComponent({
     }
 
     function getHeader () {
-      if (props.minimal === true) { return }
+      if (props.minimal === true) return
 
       return h('div', {
         class: 'q-date__header ' + headerClass.value

package/src/components/dialog/__tests__/DialogWrapper.vue

@@ -0,0 +1,33 @@
+<template>
+<q-dialog ref="dialogRef" v-bind="$attrs">
+  <q-card>
+    <q-card-section>
+      <q-btn label="Dialog Button" data-cy="dialog-button"/>
+    </q-card-section>
+  </q-card>
+</q-dialog>
+
+<q-input data-cy="input-field"/>
+</template>
+
+<script>
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent({
+  inheritAttrs: false,
+  setup () {
+    const dialogRef = ref(null)
+
+    function focus () {
+      dialogRef.value.focus()
+    }
+
+    function shake () {
+      dialogRef.value.shake()
+    }
+
+    return { dialogRef, focus, shake }
+  }
+})
+
+</script>