quasar 2.6.6 → 2.7.0

package/src/components/item/QItem.js

@@ -20,7 +20,10 @@ export default createComponent({
       default: 'div'
     },
 
-    active: Boolean,
+    active: {
+      type: Boolean,
+      default: null
+    },
 
     clickable: Boolean,
     dense: Boolean,
@@ -58,7 +61,7 @@ export default createComponent({
       + (props.dense === true ? ' q-item--dense' : '')
       + (isDark.value === true ? ' q-item--dark' : '')
       + (
-        hasLink.value === true
+        hasLink.value === true && props.active === null
           ? linkClass.value
           : (
               props.active === true

package/src/components/item/QItem.json

@@ -9,7 +9,8 @@
     "active": {
       "type": "Boolean",
       "desc": "Put item into 'active' state",
-      "category": "state"
+      "category": "state",
+      "default": null
     },
 
     "dark": {

package/src/components/layout/QLayout.js

@@ -231,7 +231,8 @@ export default createComponent({
       const layout = h('div', {
         class: classes.value,
         style: style.value,
-        ref: props.container === true ? void 0 : rootRef
+        ref: props.container === true ? void 0 : rootRef,
+        tabindex: -1
       }, content)
 
       if (props.container === true) {

package/src/components/select/QSelect.js

@@ -165,7 +165,7 @@ export default createComponent({
 
     const virtualScrollItemSizeComputed = computed(() => (
       props.virtualScrollItemSize === void 0
-        ? (props.dense === true ? 24 : 48)
+        ? (props.optionsDense === true ? 24 : 48)
         : props.virtualScrollItemSize
     ))
 

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

@@ -129,7 +129,7 @@ export default function ({ updateValue, updatePosition, getDragging, formAttrs }
     && innerMin.value < innerMax.value
   ))
 
-  const decimals = computed(() => (String(props.step).trim('0').split('.')[ 1 ] || '').length)
+  const decimals = computed(() => (String(props.step).trim().split('.')[ 1 ] || '').length)
   const step = computed(() => (props.step === 0 ? 1 : props.step))
   const tabindex = computed(() => (editable.value === true ? props.tabindex || 0 : -1))
 

package/src/components/table/QTable.json

@@ -676,6 +676,7 @@
           "examples": [ 100, 200 ]
         }
       },
+      "syncable": true,
       "examples": [
         ":pagination=\"myInitialPagination\"",
         "v-model:pagination=\"myPagination\""
@@ -706,6 +707,7 @@
       "type": "Array",
       "desc": "Keeps the user selection array",
       "default": "[]",
+      "syncable": true,
       "examples": [
         "v-model:selected=\"selection\""
       ],
@@ -716,6 +718,7 @@
       "type": "Array",
       "desc": "Keeps the array with expanded rows keys",
       "default": "[]",
+      "syncable": true,
       "examples": [
         "v-model:expanded=\"expanded\""
       ],

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

@@ -339,28 +339,32 @@ export function getRenderer (getPlugin) {
 
     return [
       h('div', {
-        class: 'q-uploader__header-content flex flex-center no-wrap q-gutter-xs'
+        class: 'q-uploader__header-content column'
       }, [
-        getBtn(state.queuedFiles.value.length > 0, 'removeQueue', removeQueuedFiles),
-        getBtn(state.uploadedFiles.value.length > 0, 'removeUploaded', removeUploadedFiles),
-
-        state.isUploading.value === true
-          ? h(QSpinner, { class: 'q-uploader__spinner' })
-          : null,
-
-        h('div', { class: 'col column justify-center' }, [
-          props.label !== void 0
-            ? h('div', { class: 'q-uploader__title' }, [ props.label ])
+        h('div', {
+          class: 'flex flex-center no-wrap q-gutter-xs'
+        }, [
+          getBtn(state.queuedFiles.value.length > 0, 'removeQueue', removeQueuedFiles),
+          getBtn(state.uploadedFiles.value.length > 0, 'removeUploaded', removeUploadedFiles),
+
+          state.isUploading.value === true
+            ? h(QSpinner, { class: 'q-uploader__spinner' })
             : null,
 
-          h('div', { class: 'q-uploader__subtitle' }, [
-            uploadSizeLabel.value + ' / ' + uploadProgressLabel.value
-          ])
-        ]),
+          h('div', { class: 'col column justify-center' }, [
+            props.label !== void 0
+              ? h('div', { class: 'q-uploader__title' }, [ props.label ])
+              : null,
+
+            h('div', { class: 'q-uploader__subtitle' }, [
+              uploadSizeLabel.value + ' / ' + uploadProgressLabel.value
+            ])
+          ]),
 
-        getBtn(canAddFiles.value, 'add'),
-        getBtn(props.hideUploadBtn === false && canUpload.value === true, 'upload', state.upload),
-        getBtn(state.isUploading.value, 'clear', state.abort)
+          getBtn(canAddFiles.value, 'add'),
+          getBtn(props.hideUploadBtn === false && canUpload.value === true, 'upload', state.upload),
+          getBtn(state.isUploading.value, 'clear', state.abort)
+        ])
       ])
     ]
   }

package/src/components/virtual-scroll/use-virtual-scroll.js

@@ -21,7 +21,7 @@ const setOverflowAnchor = __QUASAR_SSR__ || window.getComputedStyle(document.bod
   ? noop
   : function (contentEl, index) {
     requestAnimationFrame(() => {
-      if (contentEl === void 0) {
+      if (contentEl === null) {
         return
       }
 
@@ -415,7 +415,7 @@ export function useVirtualScroll ({
       contentEl.addEventListener('focusout', onBlurRefocusFn)
 
       setTimeout(() => {
-        contentEl !== void 0 && contentEl.removeEventListener('focusout', onBlurRefocusFn)
+        contentEl !== null && contentEl.removeEventListener('focusout', onBlurRefocusFn)
       })
     }
 
@@ -528,7 +528,7 @@ export function useVirtualScroll ({
   }
 
   function onBlurRefocusFn () {
-    contentRef.value !== void 0 && contentRef.value.focus()
+    contentRef.value !== null && contentRef.value !== void 0 && contentRef.value.focus()
   }
 
   function localResetVirtualScroll (toIndex, fullReset) {

package/src/composables/private/__tests__/use-model-toggle.spec.js

@@ -255,7 +255,7 @@ describe('use-model-toggle API', () => {
 
   describe('Methods', () => {
     describe('(method): show', () => {
-      it('should tigger the menu to show', () => {
+      it('should trigger the menu to show', () => {
         mount(WrapperOne)
 
         cy.dataCy('wrapper')
@@ -267,7 +267,7 @@ describe('use-model-toggle API', () => {
     })
 
     describe('(method): hide', () => {
-      it('should tigger the menu to hide', () => {
+      it('should trigger the menu to hide', () => {
         mount(WrapperOne)
 
         cy.dataCy('wrapper')

package/src/composables/private/__tests__/use-size.spec.js

@@ -1,6 +1,6 @@
-import QAvatar from './../../../components/avatar/QAvatar'
+import QAvatar from './../../../components/avatar/QAvatar.js'
 import { mount } from '@cypress/vue'
-import { useSizeDefaults } from './../use-size'
+import { useSizeDefaults } from './../use-size.js'
 
 describe('use-size API', () => {
   describe('Props', () => {

package/src/composables/private/__tests__/use-validate.spec.js

@@ -1,6 +1,6 @@
 import { mount } from '@cypress/vue'
 import FieldWrapper from './FieldWrapper.vue'
-import Icons from './../../../../icon-set/material-icons'
+import Icons from './../../../../icon-set/material-icons.mjs'
 
 // const snapshotOptions = { customSnapshotsDir: '../__tests__' }
 

package/src/composables/private/use-field.js

@@ -445,6 +445,7 @@ export default function (state) {
         h('div', {
           ref: state.targetRef,
           class: 'q-field__native row',
+          tabindex: -1,
           ...state.splitAttrs.attributes.value,
           'data-autofocus': props.autofocus === true || void 0
         }, slots.control(controlSlotScope.value))