feat: QLayoutHeader/Footer emits @reveal when changing state

Author: rstoenescu

src/components/layout/QLayoutFooter.js

@@ -31,8 +31,9 @@ export default {
     offset (val) {
       this.__update('offset', val)
     },
-    revealed () {
+    revealed (val) {
       this.layout.__animate()
+      this.$emit('reveal', val)
     },
     'layout.scroll' () {
       this.__updateRevealed()

src/components/layout/QLayoutHeader.js

@@ -35,8 +35,9 @@ export default {
     offset (val) {
       this.__update('offset', val)
     },
-    revealed () {
+    revealed (val) {
       this.layout.__animate()
+      this.$emit('reveal', val)
     },
     'layout.scroll' (scroll) {
       if (!this.reveal) {

src/components/table/table-body.js

@@ -40,7 +40,7 @@ export default {
                   : h('td', { staticClass: col.__tdClass }, this.getCellValue(col, row))
               })
 
-          if (this.selection) {
+          if (this.hasSelectionMode) {
             child.unshift(h('td', { staticClass: 'q-table-col-auto-width' }, [
               h(QCheckbox, {
                 props: {
@@ -71,7 +71,7 @@ export default {
       return h('tbody', child)
     },
     addBodyRowMeta (data) {
-      if (this.selection) {
+      if (this.hasSelectionMode) {
         Object.defineProperty(data, 'selected', {
           get: () => this.isRowSelected(data.key),
           set: adding => {

src/components/table/table-bottom.js

@@ -34,7 +34,7 @@ export default {
 
       return [
         h('div', { staticClass: 'col' }, [
-          this.selection && this.rowsSelectedNumber > 0
+          this.hasSelectionMode && this.rowsSelectedNumber > 0
             ? (this.selectedRowsLabel || this.$q.i18n.table.selectedRows)(this.rowsSelectedNumber)
             : ''
         ]),

src/components/table/table-row-selection.js

@@ -2,7 +2,8 @@ export default {
   props: {
     selection: {
       type: String,
-      validator: v => ['single', 'multiple'].includes(v)
+      default: 'none',
+      validator: v => ['single', 'multiple', 'none'].includes(v)
     },
     selected: {
       type: Array,
@@ -17,6 +18,9 @@ export default {
       })
       return keys
     },
+    hasSelectionMode () {
+      return this.selection !== 'none'
+    },
     singleSelection () {
       return this.selection === 'single'
     },

src/components/table/table-top.js

@@ -21,7 +21,7 @@ export default {
         topLeft = this.$scopedSlots['top-left'],
         topRight = this.$scopedSlots['top-right'],
         topSelection = this.$scopedSlots['top-selection'],
-        hasSelection = this.selection && topSelection && this.rowsSelectedNumber > 0,
+        hasSelection = this.hasSelectionMode && topSelection && this.rowsSelectedNumber > 0,
         staticClass = 'q-table-top relative-position row no-wrap items-center',
         child = []