quasar 2.7.0 → 2.7.1

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "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",
@@ -76,14 +76,15 @@
     "cssnano": "^5.1.4",
     "diff": "^5.0.0",
     "eslint": "^7.4.0",
-    "eslint-config-standard": "^16.0.2",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-import": "^2.19.1",
+    "eslint-plugin-n": "^15.0.0",
+    "eslint-plugin-promise": "^6.0.0",
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-no-only-tests": "^2.6.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-vue": "^7.0.0",
+    "eslint-plugin-vue": "^8.0.0",
     "fast-glob": "^3.2.7",
     "module-alias": "^2.2.2",
     "postcss-rtlcss": "^3.5.3",

package/src/components/badge/QBadge.js

@@ -1,7 +1,7 @@
 import { h, computed } from 'vue'
 
 import { createComponent } from '../../utils/private/create.js'
-import { hSlot } from '../../utils/private/render.js'
+import { hMergeSlot } from '../../utils/private/render.js'
 
 const alignValues = [ 'top', 'middle', 'bottom' ]
 
@@ -55,6 +55,6 @@ export default createComponent({
       style: style.value,
       role: 'alert',
       'aria-label': props.label
-    }, props.label !== void 0 ? props.label : hSlot(slots.default))
+    }, hMergeSlot(slots.default, props.label !== void 0 ? [ props.label ] : []))
   }
 })

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

@@ -1,4 +1,4 @@
-import { h, ref, computed, getCurrentInstance } from 'vue'
+import { h, ref, computed, getCurrentInstance, toRaw } from 'vue'
 
 import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
 import useSize, { useSizeProps } from '../../composables/private/use-size.js'
@@ -61,22 +61,23 @@ export default function (type, getInner) {
     props.val !== void 0 && Array.isArray(props.modelValue)
   )
 
-  const index = computed(() => (
-    modelIsArray.value === true
-      ? props.modelValue.indexOf(props.val)
+  const index = computed(() => {
+    const val = toRaw(props.val)
+    return modelIsArray.value === true
+      ? props.modelValue.findIndex(opt => toRaw(opt) === val)
       : -1
-  ))
+  })
 
   const isTrue = computed(() => (
     modelIsArray.value === true
       ? index.value > -1
-      : props.modelValue === props.trueValue
+      : toRaw(props.modelValue) === toRaw(props.trueValue)
   ))
 
   const isFalse = computed(() => (
     modelIsArray.value === true
       ? index.value === -1
-      : props.modelValue === props.falseValue
+      : toRaw(props.modelValue) === toRaw(props.falseValue)
   ))
 
   const isIndeterminate = computed(() =>

package/src/components/input/QInput.js

@@ -208,7 +208,7 @@ export default createComponent({
     }
 
     function onInput (e) {
-      if (!e || !e.target || e.target.composing === true) {
+      if (!e || !e.target || e.target.qComposing === true) {
         return
       }
 

package/src/components/radio/QRadio.js

@@ -1,4 +1,4 @@
-import { h, ref, computed, getCurrentInstance } from 'vue'
+import { h, ref, computed, getCurrentInstance, toRaw } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
@@ -64,7 +64,7 @@ export default createComponent({
     const rootRef = ref(null)
     const { refocusTargetEl, refocusTarget } = useRefocusTarget(props, rootRef)
 
-    const isTrue = computed(() => props.modelValue === props.val)
+    const isTrue = computed(() => toRaw(props.modelValue) === toRaw(props.val))
 
     const classes = computed(() =>
       'q-radio cursor-pointer no-outline row inline no-wrap items-center'

package/src/components/select/QSelect.js

@@ -1013,7 +1013,7 @@ export default createComponent({
     function onInput (e) {
       clearTimeout(inputTimer)
 
-      if (e && e.target && e.target.composing === true) {
+      if (e && e.target && e.target.qComposing === true) {
         return
       }
 

package/src/components/tabs/QTabs.sass

@@ -181,9 +181,3 @@
       min-height: 36px
       &--full
         min-height: 52px
-
-
-@media (min-width: $breakpoint-lg-min)
-  .q-header, .q-footer
-    .q-tab__content
-      min-width: 128px

package/src/composables/private/use-key-composition.js

@@ -1,26 +1,33 @@
+import { client } from '../../plugins/Platform.js'
+
 const isJapanese = /[\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf]/
 const isChinese = /[\u4e00-\u9fff\u3400-\u4dbf\u{20000}-\u{2a6df}\u{2a700}-\u{2b73f}\u{2b740}-\u{2b81f}\u{2b820}-\u{2ceaf}\uf900-\ufaff\u3300-\u33ff\ufe30-\ufe4f\uf900-\ufaff\u{2f800}-\u{2fa1f}]/u
 const isKorean = /[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/
+const isPlainText = /[a-z0-9_ -]$/i
 
 export default function (onInput) {
   return function onComposition (e) {
     if (e.type === 'compositionend' || e.type === 'change') {
-      if (e.target.composing !== true) { return }
-      e.target.composing = false
+      if (e.target.qComposing !== true) { return }
+      e.target.qComposing = false
       onInput(e)
     }
     else if (e.type === 'compositionupdate') {
       if (
-        typeof e.data === 'string'
-        && isJapanese.test(e.data) === false
-        && isChinese.test(e.data) === false
-        && isKorean.test(e.data) === false
+        e.target.qComposing !== true
+        && typeof e.data === 'string'
       ) {
-        e.target.composing = false
+        const isComposing = client.is.firefox === true
+          ? isPlainText.test(e.data) === false
+          : isJapanese.test(e.data) === true && isChinese.test(e.data) === true && isKorean.test(e.data) === true
+
+        if (isComposing === true) {
+          e.target.qComposing = true
+        }
       }
     }
     else {
-      e.target.composing = true
+      e.target.qComposing = true
     }
   }
 }

package/src/utils/private/global-dialog.js

@@ -59,19 +59,31 @@ export default function (DefaultComponent, supportsCustomComponent, parentApp) {
     const applyState = cmd => {
       if (dialogRef.value !== null && dialogRef.value[ cmd ] !== void 0) {
         dialogRef.value[ cmd ]()
+        return
       }
-      else if (
+
+      const target = vm.$.subTree
+
+      if (target && target.component) {
         // account for "script setup" way of declaring component
-        vm.$.subTree
-        && vm.$.subTree.component
-        && vm.$.subTree.component.proxy
-        && vm.$.subTree.component.proxy[ cmd ]
-      ) {
-        vm.$.subTree.component.proxy[ cmd ]()
-      }
-      else {
-        console.error('[Quasar] Incorrectly defined Dialog component')
+        if (target.component.proxy && target.component.proxy[ cmd ]) {
+          target.component.proxy[ cmd ]()
+          return
+        }
+
+        // account for "script setup" + async component way of declaring component
+        if (
+          target.component.subTree &&
+          target.component.subTree.component &&
+          target.component.subTree.component.proxy &&
+          target.component.subTree.component.proxy[ cmd ]
+        ) {
+          target.component.subTree.component.proxy[ cmd ]()
+          return
+        }
       }
+
+      console.error('[Quasar] Incorrectly defined Dialog component')
     }
 
     const