quasar 2.6.1 → 2.6.4

package/src/components/table/QTable.js

@@ -71,6 +71,9 @@ export default createComponent({
     wrapCells: Boolean,
 
     virtualScroll: Boolean,
+    virtualScrollTarget: {
+      default: void 0
+    },
     ...commonVirtPropsObj,
 
     noDataLabel: String,
@@ -313,6 +316,7 @@ export default createComponent({
           class: props.tableClass,
           style: props.tableStyle,
           ...virtProps.value,
+          scrollTarget: props.virtualScrollTarget,
           items: computedRows.value,
           type: '__qtable',
           tableColspan: computedColspan.value,

package/src/components/table/QTable.json

@@ -39,6 +39,10 @@
       "category": "virtual-scroll"
     },
 
+    "virtual-scroll-target": {
+      "extends": "scroll-target"
+    },
+
     "virtual-scroll-slice-size": {
       "type": [ "Number", "String" ],
       "desc": "Minimum number of rows to render in the virtual list",

package/src/components/table/QTh.js

@@ -19,10 +19,13 @@ export default createComponent({
     const vm = getCurrentInstance()
     const { proxy: { $q } } = vm
 
+    const onClick = evt => { emit('click', evt) }
+
     return () => {
       if (props.props === void 0) {
         return h('th', {
-          class: props.autoWidth === true ? 'q-table--col-auto-width' : ''
+          class: props.autoWidth === true ? 'q-table--col-auto-width' : '',
+          onClick
         }, hSlot(slots.default))
       }
 
@@ -60,7 +63,7 @@ export default createComponent({
         style: col.headerStyle,
         onClick: evt => {
           col.sortable === true && props.props.sort(col) // eslint-disable-line
-          emit('click', evt)
+          onClick(evt)
         }
       }
 

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

@@ -1,4 +1,4 @@
-import { h, ref, computed, watch, onBeforeMount, onMounted, onBeforeUnmount } from 'vue'
+import { h, ref, computed, watch, onBeforeMount, onMounted, onBeforeUnmount, onActivated, onDeactivated } from 'vue'
 
 import QList from '../item/QList.js'
 import QMarkupTable from '../markup-table/QMarkupTable.js'
@@ -136,6 +136,14 @@ export default createComponent({
       configureScrollTarget()
     })
 
+    onActivated(() => {
+      configureScrollTarget()
+    })
+
+    onDeactivated(() => {
+      unconfigureScrollTarget()
+    })
+
     onBeforeUnmount(() => {
       unconfigureScrollTarget()
     })

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

@@ -13,7 +13,7 @@ describe('use-transition API', () => {
             .should('have.class', 'q-transition--fade-enter-active')
         })
 
-        it('should use a different show transtion if defined', () => {
+        it('should use a different show transition if defined', () => {
           const transition = 'scale'
           mount(WrapperOne, {
             attrs: {
@@ -40,7 +40,7 @@ describe('use-transition API', () => {
             .should('have.class', 'q-transition--fade-leave-active')
         })
 
-        it('should use a different hide transtion if defined', () => {
+        it('should use a different hide transition if defined', () => {
           const transition = 'scale'
           mount(WrapperOne, {
             attrs: {

package/src/composables/private/use-router-link.json

@@ -2,7 +2,7 @@
   "props": {
     "to": {
       "type": [ "String", "Object" ],
-      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used",
       "examples": [
         "/home/dashboard",
         ":to=\"{ name: 'my-route-name' }\""
@@ -12,26 +12,26 @@
 
     "exact": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used",
       "category": "navigation"
     },
 
     "replace": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used",
       "category": "navigation"
     },
 
     "active-class": {
       "type": "String",
-      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used",
       "examples": [ "my-active-class" ],
       "category": "navigation"
     },
 
     "exact-active-class": {
       "type": "String",
-      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used",
       "examples": [ "my-exact-active-class" ],
       "category": "navigation"
     },