feat(VDataTable): forward arbitrary row events

packages/api-generator/src/locale/en/v-data-table.json

@@ -65,6 +65,14 @@
     "click:row": "Emits when a table row is clicked. This event provides 3 arguments: the first is the item data that was clicked, the second is the other related data provided by the `item` slot, and the third is the native click event. **NOTE:** will not emit when table rows are defined through a slot such as `item` or `body`.",
     "contextmenu:row": "Emits when a table row is right-clicked. The item for the row is included. **NOTE:** will not emit when table rows are defined through a slot such as `item` or `body`.",
     "dblclick:row": "Emits when a table row is double-clicked. The item for the row is included. **NOTE:** will not emit when table rows are defined through a slot such as `item` or `body`.",
+    "mousedown:row": "The mousedown event on one of the table's rows. This event provides 2 arguments: the first is the related data provided by the item slot and the second is the item data that was clicked. **NOTE:** will not emit when table rows are defined through a slot such as item or body.",
+    "mouseenter:row": "The mouseenter event on one of the table's rows. This event provides 2 arguments: the first is the related data provided by the item slot and the second is the item data that was clicked. **NOTE:** will not emit when table rows are defined through a slot such as item or body.",
+    "mouseleave:row": "The mouseleave event on one of the table's rows. This event provides 2 arguments: the first is the related data provided by the item slot and the second is the item data that was clicked. **NOTE:** will not emit when table rows are defined through a slot such as item or body.",
+    "mousemove:row": "The mousemove event on one of the table's rows. This event provides 2 arguments: the first is the related data provided by the item slot and the second is the item data that was clicked. **NOTE:** will not emit when table rows are defined through a slot such as item or body.",
+    "mouseup:row": "The mouseup event on one of the table's rows. This event provides 2 arguments: the first is the related data provided by the item slot and the second is the item data that was clicked. **NOTE:** will not emit when table rows are defined through a slot such as item or body.",
+    "touchend:row": "The touchend event on one of the table's rows. This event provides 2 arguments: the first is the related data provided by the item slot and the second is the item data that was clicked. **NOTE:** will not emit when table rows are defined through a slot such as item or body.",
+    "touchmove:row": "The touchmove event on one of the table's rows. This event provides 2 arguments: the first is the related data provided by the item slot and the second is the item data that was clicked. **NOTE:** will not emit when table rows are defined through a slot such as item or body.",
+    "touchstart:row": "The touchstart event on one of the table's rows. This event provides 2 arguments: the first is the related data provided by the item slot and the second is the item data that was clicked. **NOTE:** will not emit when table rows are defined through a slot such as item or body.",
     "current-items": "Emits the items provided via the **items** prop, every time the internal **computedItems** is changed.",
     "page-count": "Emits when the **pageCount** property of the **pagination** prop is updated",
     "pagination": "Emits when something changed to the `pagination` which can be provided via the `pagination` prop",

packages/api-generator/src/maps/v-data-table.js

@@ -43,6 +43,46 @@ const DataTableEvents = [
     source: 'v-data-table',
     value: `MouseEvent, ${dataString}`,
   },
+  {
+    name: 'mousedown:row',
+    source: 'v-data-table',
+    value: `${dataString}, MouseEvent`,
+  },
+  {
+    name: 'mousemove:row',
+    source: 'v-data-table',
+    value: `${dataString}, MouseEvent`,
+  },
+  {
+    name: 'mouseup:row',
+    source: 'v-data-table',
+    value: `${dataString}, MouseEvent`,
+  },
+  {
+    name: 'mouseenter:row',
+    source: 'v-data-table',
+    value: `${dataString}, MouseEvent`,
+  },
+  {
+    name: 'mouseleave:row',
+    source: 'v-data-table',
+    value: `${dataString}, MouseEvent`,
+  },
+  {
+    name: 'touchstart:row',
+    source: 'v-data-table',
+    value: `${dataString}, TouchEvent`,
+  },
+  {
+    name: 'touchmove:row',
+    source: 'v-data-table',
+    value: `${dataString}, TouchEvent`,
+  },
+  {
+    name: 'touchend:row',
+    source: 'v-data-table',
+    value: `${dataString}, TouchEvent`,
+  },
 ].concat(DataIteratorEvents)
 
 const DataTableHeaderScopedProps = {

packages/vuetify/src/components/VCalendar/mixins/calendar-base.ts

@@ -3,7 +3,7 @@
 import mixins from '../../../util/mixins'
 import Colorable from '../../../mixins/colorable'
 import Localable from '../../../mixins/localable'
-import Mouse from './mouse'
+import Mouse from '../../../mixins/mouse'
 import Themeable from '../../../mixins/themeable'
 import Times from './times'
 

packages/vuetify/src/components/VDataTable/VDataTable.ts

@@ -31,6 +31,7 @@ import MobileRow from './MobileRow'
 
 // Mixins
 import Loadable from '../../mixins/loadable'
+import Mouse from '../../mixins/mouse'
 
 // Directives
 import ripple from '../../directives/ripple'
@@ -74,6 +75,7 @@ function searchTableItems (
 export default mixins(
   VDataIterator,
   Loadable,
+  Mouse,
 ).extend({
   name: 'v-data-table',
 
@@ -241,7 +243,9 @@ export default mixins(
           },
         },
         on: {
-          // TODO: for click, the first argument should be the event, and the second argument should be data,
+          ...this.getDefaultMouseEventHandlers(':row', () => data),
+          // TODO: for click, contextmenu and dblclick, the first argument should be data,
+          // and the second argument should be the event,
           // but this is a breaking change so it's for v3
           click: (event: MouseEvent) => this.$emit('click:row', item, data, event),
           contextmenu: (event: MouseEvent) => this.$emit('contextmenu:row', event, data),

packages/vuetify/src/components/VCalendar/mixins/__tests__/mouse.spec.ts → packages/vuetify/src/mixins/mouse/__tests__/mouse.spec.ts

@@ -1,11 +1,11 @@
-import Mouse from '../mouse'
+import Mouse from '../index'
 
 import {
   mount,
   Wrapper,
   MountOptions,
 } from '@vue/test-utils'
-import { ExtractVue } from '../../../../util/mixins'
+import { ExtractVue } from '../../../util/mixins'
 
 const Mock = Mouse.extend({
   render: h => h('div'),

packages/vuetify/src/components/VCalendar/mixins/mouse.ts → packages/vuetify/src/mixins/mouse/index.ts

@@ -1,3 +1,4 @@
+
 import Vue from 'vue'
 
 export type MouseHandler = (e: MouseEvent | TouchEvent) => any