@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha41

package/lib/components/VDataTable/VDataTableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VDataTableHeader.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0DAAP,C,CAEA;;AACA,OAAO,sBAAP,MAAmC,0BAAnC;AACA,OAAO,uBAAP,MAAoC,2BAApC,C,CAEA;;AACA,OAAO,MAAP,MAAmB,iBAAnB;AAKA,OAAO,YAAP,MAAyB,mCAAzB,C,CAEA;;AACA,SAAQ,eAAR,EAAyB,CAAzB,QAAiC,KAAjC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,qBADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAK7B,EAAA,KAAK,EAAE,EACL,GAAG,MAAM,CAAC,KADL;AAEL,IAAA,MAAM,EAAE;AAFH,GALsB;;AAU7B,EAAA,MAAM,GAAA;AACJ,UAAM,KAAK,GAAG,KAAK,MAAnB;AACA,QAAI,IAAI,GAAG,KAAK,MAAhB,CAFI,CAIJ;;AACA,UAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,MAAN,EAAc,CAAd,CAA7B;;AAEA,QAAI,KAAK,MAAT,EAAiB;AACf,aAAO,CAAC,CAAC,sBAAD,EAAyB,IAAzB,EAA+B,QAA/B,CAAR;AACD,KAFD,MAEO;AACL,aAAO,CAAC,CAAC,uBAAD,EAA0B,IAA1B,EAAgC,QAAhC,CAAR;AACD;AACF;;AAtB4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VDataTableHeader.sass'\n\n// Components\nimport VDataTableHeaderMobile from './VDataTableHeaderMobile'\nimport VDataTableHeaderDesktop from './VDataTableHeaderDesktop'\n\n// Mixins\nimport header from './mixins/header'\n\n// Utilities\nimport dedupeModelListeners from '../../util/dedupeModelListeners'\nimport mergeData from '../../util/mergeData'\nimport rebuildSlots from '../../util/rebuildFunctionalSlots'\n\n// Types\nimport {defineComponent, h} from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-data-table-header',\n\n  functional: true,\n\n  props: {\n    ...header.props,\n    mobile: Boolean,\n  },\n\n  render () {\n    const props = this.$props\n    let data = this.$attrs\n\n    // dedupeModelListeners(data)\n    const children = rebuildSlots(this.$slots, h)\n\n    if (this.mobile) {\n      return h(VDataTableHeaderMobile, data, children)\n    } else {\n      return h(VDataTableHeaderDesktop, data, children)\n    }\n  },\n})\n"],"sourceRoot":"","file":"VDataTableHeader.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VDataTableHeader.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0DAAP,C,CAEA;;AACA,OAAO,sBAAP,MAAmC,0BAAnC;AACA,OAAO,uBAAP,MAAoC,2BAApC,C,CAEA;;AACA,OAAO,MAAP,MAAmB,iBAAnB,C,CAEA;;AACA,SAAS,iBAAT,QAAkC,oBAAlC,C,CAEA;;AACA,SAAS,eAAT,EAA0B,CAA1B,QAAmC,KAAnC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,qBADuB;AAG7B,EAAA,KAAK,EAAE,EACL,GAAG,MAAM,CAAC,KADL;AAEL,IAAA,MAAM,EAAE;AAFH,GAHsB;;AAQ7B,EAAA,MAAM,GAAA;AACJ,UAAM,KAAK,GAAG,KAAK,MAAnB;AACA,UAAM,IAAI,GAAG,EACX,GAAG,KAAK,MADG;AAEX,SAAG;AAFQ,KAAb,CAFI,CAOJ;;AACA,UAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,MAAN,CAAjC;;AAEA,QAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,aAAO,CAAC,CAAC,sBAAD,EAAyB,IAAzB,EAA+B,OAA/B,CAAR;AACD,KAFD,MAEO;AACL,aAAO,CAAC,CAAC,uBAAD,EAA0B,IAA1B,EAAgC,OAAhC,CAAR;AACD;AACF;;AAvB4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VDataTableHeader.sass'\n\n// Components\nimport VDataTableHeaderMobile from './VDataTableHeaderMobile'\nimport VDataTableHeaderDesktop from './VDataTableHeaderDesktop'\n\n// Mixins\nimport header from './mixins/header'\n\n// Utilities\nimport { pickSlotFunctions } from '../../util/helpers'\n\n// Types\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-data-table-header',\n\n  props: {\n    ...header.props,\n    mobile: Boolean\n  },\n\n  render () {\n    const props = this.$props\n    const data = {\n      ...this.$attrs,\n      ...props\n    }\n\n    // dedupeModelListeners(data)\n    const slotFns = pickSlotFunctions(this.$slots as Record<string, any>)\n\n    if (props.mobile) {\n      return h(VDataTableHeaderMobile, data, slotFns)\n    } else {\n      return h(VDataTableHeaderDesktop, data, slotFns)\n    }\n  }\n})\n"],"sourceRoot":"","file":"VDataTableHeader.js"}

package/lib/components/VDataTable/VDataTableHeaderDesktop.js

@@ -5,6 +5,10 @@ import header from './mixins/header';
 import { wrapInArray, convertToUnit } from '../../util/helpers';
 export default mixins(header).extend({
   name: 'v-data-table-header-desktop',
+  props: {
+    mobile: Boolean
+  },
+  emits: ['group', 'sort'],
   methods: {
     genGroupByToggle(header) {
       return h('span', {
@@ -98,9 +102,11 @@ export default mixins(header).extend({
   },
 
   render() {
+    var _a;
+
     return h('thead', {
       class: 'v-data-table-header'
-    }, [h('tr', this.headers.map(header => this.genHeader(header)))]);
+    }, [h('tr', ((_a = this.headers) === null || _a === void 0 ? void 0 : _a.map(header => this.genHeader(header))) || [])]);
   }
 
 });

package/lib/components/VDataTable/VDataTableHeaderDesktop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VDataTableHeaderDesktop.ts"],"names":[],"mappings":"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","sourcesContent":["// Helpers\nimport { VNode, VNodeData, h } from 'vue'\nimport mixins from '../../util/mixins'\nimport header from './mixins/header'\nimport { wrapInArray, convertToUnit } from '../../util/helpers'\nimport { DataTableHeader } from 'vuetify/types'\n\nexport default mixins(header).extend({\n  name: 'v-data-table-header-desktop',\n\n  methods: {\n    genGroupByToggle (header: DataTableHeader) {\n      return h('span', {\n        onClick: (e: MouseEvent) => {\n          e.stopPropagation()\n          this.$emit('group', header.value)\n        },\n      }, ['group'])\n    },\n    getAria (beingSorted: boolean, isDesc: boolean) {\n      const $t = (key: string) => this.$vuetify.lang.t(`$vuetify.dataTable.ariaLabel.${key}`)\n\n      let ariaSort = 'none'\n      let ariaLabel = [\n        $t('sortNone'),\n        $t('activateAscending'),\n      ]\n\n      if (!beingSorted) {\n        return { ariaSort, ariaLabel: ariaLabel.join(' ') }\n      }\n\n      if (isDesc) {\n        ariaSort = 'descending'\n        ariaLabel = [\n          $t('sortDescending'),\n          $t(this.options.mustSort ? 'activateAscending' : 'activateNone'),\n        ]\n      } else {\n        ariaSort = 'ascending'\n        ariaLabel = [\n          $t('sortAscending'),\n          $t('activateDescending'),\n        ]\n      }\n\n      return { ariaSort, ariaLabel: ariaLabel.join(' ') }\n    },\n    genHeader (header: DataTableHeader) {\n      const data: Required<Pick<VNodeData, 'attrs' | 'on' | 'class' | 'style'>> = {\n        role: 'columnheader',\n        scope: 'col',\n        'aria-label': header.text || '',\n        style: {\n          width: convertToUnit(header.width),\n          minWidth: convertToUnit(header.width),\n        },\n        class: [\n          `text-${header.align || 'start'}`,\n          ...wrapInArray(header.class),\n          header.divider && 'v-data-table__divider',\n        ],\n      }\n      const children = []\n\n      if (header.value === 'data-table-select' && !this.singleSelect) {\n        return h('th', data, [this.genSelectAll()])\n      }\n\n      children.push(\n        this.$slots.hasOwnProperty(header.value)\n          ? this.$slots[header.value]!({ header })\n          : h('span', [header.text])\n      )\n\n      if (!this.disableSort && (header.sortable || !header.hasOwnProperty('sortable'))) {\n        data.onClick = () => this.$emit('sort', header.value)\n\n        const sortIndex = this.options.sortBy.findIndex(k => k === header.value)\n        const beingSorted = sortIndex >= 0\n        const isDesc = this.options.sortDesc[sortIndex]\n\n        data.class.push('sortable')\n\n        const { ariaLabel, ariaSort } = this.getAria(beingSorted, isDesc)\n\n        data['aria-label'] += `${header.text ? ': ' : ''}${ariaLabel}`\n        data['aria-sort'] = ariaSort\n\n        if (beingSorted) {\n          data.class.push('active')\n          data.class.push(isDesc ? 'desc' : 'asc')\n        }\n\n        if (header.align === 'end') children.unshift(this.genSortIcon())\n        else children.push(this.genSortIcon())\n\n        if (this.options.multiSort && beingSorted) {\n          children.push(h('span', { class: 'v-data-table-header__sort-badge' }, [String(sortIndex + 1)]))\n        }\n      }\n\n      if (this.showGroupBy && header.groupable !== false) children.push(this.genGroupByToggle(header))\n\n      return h('th', data, children)\n    },\n  },\n\n  render (): VNode {\n    return h('thead', {\n      class: 'v-data-table-header',\n    }, [\n      h('tr', this.headers.map(header => this.genHeader(header))),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDataTableHeaderDesktop.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VDataTableHeaderDesktop.ts"],"names":[],"mappings":"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","sourcesContent":["// Helpers\nimport { VNode, h } from 'vue'\nimport type { VNodeData } from '../../types/vue-internal'\nimport mixins from '../../util/mixins'\nimport header from './mixins/header'\nimport { wrapInArray, convertToUnit } from '../../util/helpers'\nimport { DataTableHeader } from 'vuetify/types'\n\nexport default mixins(header).extend({\n  name: 'v-data-table-header-desktop',\n\n  props: {\n    mobile: Boolean\n  },\n\n  emits: [\n    'group',\n    'sort'\n  ],\n\n  methods: {\n    genGroupByToggle (header: DataTableHeader) {\n      return h('span', {\n        onClick: (e: MouseEvent) => {\n          e.stopPropagation()\n          this.$emit('group', header.value)\n        }\n      }, ['group'])\n    },\n    getAria (beingSorted: boolean, isDesc: boolean) {\n      const $t = (key: string) => this.$vuetify.lang.t(`$vuetify.dataTable.ariaLabel.${key}`)\n\n      let ariaSort = 'none'\n      let ariaLabel = [\n        $t('sortNone'),\n        $t('activateAscending')\n      ]\n\n      if (!beingSorted) {\n        return { ariaSort, ariaLabel: ariaLabel.join(' ') }\n      }\n\n      if (isDesc) {\n        ariaSort = 'descending'\n        ariaLabel = [\n          $t('sortDescending'),\n          $t(this.options.mustSort ? 'activateAscending' : 'activateNone')\n        ]\n      } else {\n        ariaSort = 'ascending'\n        ariaLabel = [\n          $t('sortAscending'),\n          $t('activateDescending')\n        ]\n      }\n\n      return { ariaSort, ariaLabel: ariaLabel.join(' ') }\n    },\n    genHeader (header: DataTableHeader) {\n      const data: VNodeData = {\n        role: 'columnheader',\n        scope: 'col',\n        'aria-label': header.text || '',\n        style: {\n          width: convertToUnit(header.width),\n          minWidth: convertToUnit(header.width)\n        },\n        class: [\n          `text-${header.align || 'start'}`,\n          ...wrapInArray(header.class),\n          header.divider && 'v-data-table__divider'\n        ]\n      }\n      const children = []\n\n      if (header.value === 'data-table-select' && !this.singleSelect) {\n        return h('th', data, [this.genSelectAll()])\n      }\n\n      children.push(\n        this.$slots.hasOwnProperty(header.value)\n          ? this.$slots[header.value]!({ header })\n          : h('span', [header.text])\n      )\n\n      if (!this.disableSort && (header.sortable || !header.hasOwnProperty('sortable'))) {\n        data.onClick = () => this.$emit('sort', header.value)\n\n        const sortIndex = this.options.sortBy.findIndex(k => k === header.value)\n        const beingSorted = sortIndex >= 0\n        const isDesc = this.options.sortDesc[sortIndex]\n\n        data.class.push('sortable')\n\n        const { ariaLabel, ariaSort } = this.getAria(beingSorted, isDesc)\n\n        data['aria-label'] += `${header.text ? ': ' : ''}${ariaLabel}`\n        data['aria-sort'] = ariaSort\n\n        if (beingSorted) {\n          data.class.push('active')\n          data.class.push(isDesc ? 'desc' : 'asc')\n        }\n\n        if (header.align === 'end') children.unshift(this.genSortIcon())\n        else children.push(this.genSortIcon())\n\n        if (this.options.multiSort && beingSorted) {\n          children.push(h('span', { class: 'v-data-table-header__sort-badge' }, [String(sortIndex + 1)]))\n        }\n      }\n\n      if (this.showGroupBy && header.groupable !== false) children.push(this.genGroupByToggle(header))\n\n      return h('th', data, children)\n    }\n  },\n\n  render (): VNode {\n    return h('thead', {\n      class: 'v-data-table-header'\n    }, [\n      h('tr', this.headers?.map(header => this.genHeader(header)) || [])\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VDataTableHeaderDesktop.js"}

package/lib/components/VDataTable/VDataTableHeaderMobile.js

@@ -10,8 +10,10 @@ export default mixins(header).extend({
     sortByText: {
       type: String,
       default: '$vuetify.dataTable.sortBy'
-    }
+    },
+    mobile: Boolean
   },
+  emits: ['sort'],
   methods: {
     genSortChip(props) {
       const children = [props.item.text];
@@ -19,8 +21,8 @@ export default mixins(header).extend({
       const beingSorted = sortIndex >= 0;
       const isDesc = this.options.sortDesc[sortIndex];
       children.push(h('div', {
-        class: 'v-chip__close',
         class: {
+          'v-chip__close': true,
           sortable: true,
           active: beingSorted,
           asc: beingSorted && !isDesc,
@@ -29,33 +31,26 @@ export default mixins(header).extend({
       }, [this.genSortIcon()]));
       return h(VChip, {
         class: 'sortable',
-        on: {
-          click: e => {
-            e.stopPropagation();
-            this.$emit('sort', props.item.value);
-          }
+        onClick: e => {
+          e.stopPropagation();
+          this.$emit('sort', props.item.value);
         }
-      }, children);
+      }, () => children);
     },
 
     genSortSelect(items) {
       return h(VSelect, {
-        props: {
-          label: this.$vuetify.lang.t(this.sortByText),
-          items,
-          hideDetails: true,
-          multiple: this.options.multiSort,
-          value: this.options.multiSort ? this.options.sortBy : this.options.sortBy[0],
-          menuProps: {
-            closeOnContentClick: true
-          }
-        },
-        on: {
-          change: v => this.$emit('sort', v)
+        label: this.$vuetify.lang.t(this.sortByText),
+        items,
+        hideDetails: true,
+        multiple: this.options.multiSort,
+        modelValue: this.options.multiSort ? this.options.sortBy : this.options.sortBy[0],
+        menuProps: {
+          closeOnContentClick: true
         },
-        scopedSlots: {
-          selection: props => this.genSortChip(props)
-        }
+        'onUpdate:modelValue': v => this.$emit('sort', v)
+      }, {
+        selection: props => this.genSortChip(props)
       });
     }
 
@@ -68,9 +63,7 @@ export default mixins(header).extend({
     if (header && !this.singleSelect) {
       children.push(h('div', {
         class: ['v-data-table-header-mobile__select', ...wrapInArray(header.class)],
-        attrs: {
-          width: header.width
-        }
+        width: header.width
       }, [this.genSelectAll()]));
     }
 

package/lib/components/VDataTable/VDataTableHeaderMobile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VDataTableHeaderMobile.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\nimport { VNode, VNodeChildrenArrayContents } from 'vue'\nimport mixins from '../../util/mixins'\nimport VSelect from '../VSelect/VSelect'\nimport VChip from '../VChip'\nimport header from './mixins/header'\nimport { wrapInArray } from '../../util/helpers'\n\nexport default mixins(header).extend({\n  name: 'v-data-table-header-mobile',\n\n  props: {\n    sortByText: {\n      type: String,\n      default: '$vuetify.dataTable.sortBy',\n    },\n  },\n\n  methods: {\n    genSortChip (props: any) {\n      const children: VNodeChildrenArrayContents = [props.item.text]\n\n      const sortIndex = this.options.sortBy.findIndex(k => k === props.item.value)\n      const beingSorted = sortIndex >= 0\n      const isDesc = this.options.sortDesc[sortIndex]\n\n      children.push(h('div', {\n        class: 'v-chip__close',\n        class: {\n          sortable: true,\n          active: beingSorted,\n          asc: beingSorted && !isDesc,\n          desc: beingSorted && isDesc,\n        },\n      }, [this.genSortIcon()]))\n\n      return h(VChip, {\n        class: 'sortable',\n        on: {\n          click: (e: MouseEvent) => {\n            e.stopPropagation()\n            this.$emit('sort', props.item.value)\n          },\n        },\n      }, children)\n    },\n    genSortSelect (items: any[]) {\n      return h(VSelect, {\n        props: {\n          label: this.$vuetify.lang.t(this.sortByText),\n          items,\n          hideDetails: true,\n          multiple: this.options.multiSort,\n          value: this.options.multiSort ? this.options.sortBy : this.options.sortBy[0],\n          menuProps: { closeOnContentClick: true },\n        },\n        on: {\n          change: (v: string | string[]) => this.$emit('sort', v),\n        },\n        scopedSlots: {\n          selection: props => this.genSortChip(props),\n        },\n      })\n    },\n  },\n\n  render (): VNode {\n    const children: VNodeChildrenArrayContents = []\n\n    const header = this.headers.find(h => h.value === 'data-table-select')\n    if (header && !this.singleSelect) {\n      children.push(h('div', {\n        class: [\n          'v-data-table-header-mobile__select',\n          ...wrapInArray(header.class),\n        ],\n        attrs: {\n          width: header.width,\n        },\n      }, [this.genSelectAll()]))\n    }\n\n    const sortHeaders = this.headers\n      .filter(h => h.sortable !== false && h.value !== 'data-table-select')\n      .map(h => ({\n        text: h.text,\n        value: h.value,\n      }))\n\n    if (!this.disableSort && sortHeaders.length) {\n      children.push(this.genSortSelect(sortHeaders))\n    }\n\n    const th = children.length\n      ? h('th', [h('div', { class: 'v-data-table-header-mobile__wrapper' }, children)])\n      : undefined\n\n    const tr = h('tr', [th])\n\n    return h('thead', {\n      class: 'v-data-table-header v-data-table-header-mobile',\n    }, [tr])\n  },\n})\n"],"sourceRoot":"","file":"VDataTableHeaderMobile.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VDataTableHeaderMobile.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VNode, VNodeChildrenArrayContents } from '../../types/vue-internal'\nimport { h } from 'vue'\nimport mixins from '../../util/mixins'\nimport VSelect from '../VSelect/VSelect'\nimport VChip from '../VChip'\nimport header from './mixins/header'\nimport { wrapInArray } from '../../util/helpers'\n\nexport default mixins(header).extend({\n  name: 'v-data-table-header-mobile',\n\n  props: {\n    sortByText: {\n      type: String,\n      default: '$vuetify.dataTable.sortBy'\n    },\n    mobile: Boolean\n  },\n\n  emits: ['sort'],\n\n  methods: {\n    genSortChip (props: any) {\n      const children: VNodeChildrenArrayContents = [props.item.text]\n\n      const sortIndex = this.options.sortBy.findIndex(k => k === props.item.value)\n      const beingSorted = sortIndex >= 0\n      const isDesc = this.options.sortDesc[sortIndex]\n\n      children.push(h('div', {\n        class: {\n          'v-chip__close': true,\n          sortable: true,\n          active: beingSorted,\n          asc: beingSorted && !isDesc,\n          desc: beingSorted && isDesc\n        }\n      }, [this.genSortIcon()]))\n\n      return h(VChip, {\n        class: 'sortable',\n        onClick: (e: MouseEvent) => {\n          e.stopPropagation()\n          this.$emit('sort', props.item.value)\n        }\n      }, () => children)\n    },\n    genSortSelect (items: any[]) {\n      return h(VSelect, {\n        label: this.$vuetify.lang.t(this.sortByText),\n        items,\n        hideDetails: true,\n        multiple: this.options.multiSort,\n        modelValue: this.options.multiSort ? this.options.sortBy : this.options.sortBy[0],\n        menuProps: { closeOnContentClick: true },\n        'onUpdate:modelValue': (v: string | string[]) => this.$emit('sort', v)\n      }, {\n        selection: (props: any) => this.genSortChip(props)\n      })\n    }\n  },\n\n  render (): VNode {\n    const children: VNodeChildrenArrayContents = []\n\n    const header = this.headers.find(h => h.value === 'data-table-select')\n    if (header && !this.singleSelect) {\n      children.push(h('div', {\n        class: [\n          'v-data-table-header-mobile__select',\n          ...wrapInArray(header.class)\n        ],\n        width: header.width\n      }, [this.genSelectAll()]))\n    }\n\n    const sortHeaders = this.headers\n      .filter(h => h.sortable !== false && h.value !== 'data-table-select')\n      .map(h => ({\n        text: h.text,\n        value: h.value\n      }))\n\n    if (!this.disableSort && sortHeaders.length) {\n      children.push(this.genSortSelect(sortHeaders))\n    }\n\n    const th = children.length\n      ? h('th', [h('div', { class: 'v-data-table-header-mobile__wrapper' }, children)])\n      : undefined\n\n    const tr = h('tr', [th])\n\n    return h('thead', {\n      class: 'v-data-table-header v-data-table-header-mobile'\n    }, [tr])\n  }\n})\n"],"sourceRoot":"","file":"VDataTableHeaderMobile.js"}

package/lib/components/VDataTable/VEditDialog.js

@@ -29,10 +29,10 @@ export default mixins(Returnable, Themeable).extend({
       default: 'slide-x-reverse-transition'
     }
   },
+  emits: ['update:return-value', 'open', 'close', 'cancel', 'save'],
 
   data() {
-    return {
-      isActive: false
+    return {// isActive is provided by Returnable mixin
     };
   },
 
@@ -64,7 +64,7 @@ export default mixins(Returnable, Themeable).extend({
         color: 'primary',
         light: true,
         onClick: fn
-      }, text);
+      }, () => text);
     },
 
     genActions() {
@@ -100,26 +100,26 @@ export default mixins(Returnable, Themeable).extend({
       transition: this.transition,
       origin: 'top right',
       right: true,
-      value: this.isActive,
+      modelValue: this.isActive,
       closeOnClick: !this.persistent,
       closeOnContentClick: false,
       eager: this.eager,
       light: this.light,
       dark: this.dark,
-      onInput: val => this.isActive = val,
-      scopedSlots: {
-        activator: ({
-          on
-        }) => {
-          return h('div', {
-            class: 'v-small-dialog__activator',
-            on
-          }, [h('span', {
-            class: 'v-small-dialog__activator__content'
-          }, getSlot(this))]);
-        }
-      }
-    }, [this.genContent(), this.large ? this.genActions() : null]);
+      'onUpdate:modelValue': val => this.isActive = val
+    }, {
+      activator: ({
+        on
+      }) => {
+        return h('div', {
+          class: 'v-small-dialog__activator',
+          ...on
+        }, [h('span', {
+          class: 'v-small-dialog__activator__content'
+        }, getSlot(this))]);
+      },
+      default: () => [this.genContent(), this.large ? this.genActions() : null]
+    });
   }
 
 });

package/lib/components/VDataTable/VEditDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VEditDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VEditDialog.sass'\n\n// Mixins\nimport Returnable from '../../mixins/returnable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { getSlot, keyCodes } from '../../util/helpers'\n\n// Component\nimport VBtn from '../VBtn'\nimport VMenu from '../VMenu'\n\n// Types\nimport { VNode, VNodeChildren } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Returnable, Themeable).extend({\n  name: 'v-edit-dialog',\n\n  props: {\n    cancelText: {\n      default: 'Cancel',\n    },\n    large: Boolean,\n    eager: Boolean,\n    persistent: Boolean,\n    saveText: {\n      default: 'Save',\n    },\n    transition: {\n      type: String,\n      default: 'slide-x-reverse-transition',\n    },\n  },\n\n  data () {\n    return {\n      isActive: false,\n    }\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.$emit('open')\n        setTimeout(this.focus, 50) // Give DOM time to paint\n      } else {\n        this.$emit('close')\n      }\n    },\n  },\n\n  methods: {\n    cancel () {\n      this.isActive = false\n      this.$emit('cancel')\n    },\n    focus () {\n      const input = (this.$refs.content as Element).querySelector('input')\n      input && input.focus()\n    },\n    genButton (fn: Function, text: VNodeChildren): VNode {\n      return h(VBtn, {\n        text: true,\n        color: 'primary',\n        light: true,\n        onClick: fn,\n      }, text)\n    },\n    genActions (): VNode {\n      return h('div', {\n        class: 'v-small-dialog__actions',\n      }, [\n        this.genButton(this.cancel, this.cancelText),\n        this.genButton(() => {\n          this.save(this.returnValue)\n          this.$emit('save')\n        }, this.saveText),\n      ])\n    },\n    genContent (): VNode {\n      return h('div', {\n        class: 'v-small-dialog__content',\n        onKeydown: (e: KeyboardEvent) => {\n          e.keyCode === keyCodes.esc && this.cancel()\n          if (e.keyCode === keyCodes.enter) {\n            this.save(this.returnValue)\n            this.$emit('save')\n          }\n        },\n        ref: 'content'\n      }, getSlot(this, 'input'))\n    },\n  },\n\n  render (): VNode {\n    return h(VMenu, {\n      class: ['v-small-dialog', this.themeClasses],\n      contentClass: 'v-small-dialog__menu-content',\n      transition: this.transition,\n      origin: 'top right',\n      right: true,\n      value: this.isActive,\n      closeOnClick: !this.persistent,\n      closeOnContentClick: false,\n      eager: this.eager,\n      light: this.light,\n      dark: this.dark,\n      onInput: (val: boolean) => (this.isActive = val),\n      scopedSlots: {\n        activator: ({ on }) => {\n          return h('div', {\n            class: 'v-small-dialog__activator',\n            on,\n          }, [\n            h('span', {\n              class: 'v-small-dialog__activator__content',\n            }, getSlot(this)),\n          ])\n        },\n      },\n    }, [\n      this.genContent(),\n      this.large ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VEditDialog.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VEditDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { h } from 'vue'\n// Styles\nimport './VEditDialog.sass'\n\n// Mixins\nimport Returnable from '../../mixins/returnable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { getSlot, keyCodes } from '../../util/helpers'\n\n// Component\nimport VBtn from '../VBtn'\nimport VMenu from '../VMenu'\n\n// Types\nimport type { VNode, VNodeChildren } from '../../types/vue-internal'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Returnable, Themeable).extend({\n  name: 'v-edit-dialog',\n\n  props: {\n    cancelText: {\n      default: 'Cancel'\n    },\n    large: Boolean,\n    eager: Boolean,\n    persistent: Boolean,\n    saveText: {\n      default: 'Save'\n    },\n    transition: {\n      type: String,\n      default: 'slide-x-reverse-transition'\n    }\n  },\n\n  emits: ['update:return-value', 'open', 'close', 'cancel', 'save'],\n\n  data () {\n    return {\n      // isActive is provided by Returnable mixin\n    }\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.$emit('open')\n        setTimeout(this.focus, 50) // Give DOM time to paint\n      } else {\n        this.$emit('close')\n      }\n    }\n  },\n\n  methods: {\n    cancel () {\n      this.isActive = false\n      this.$emit('cancel')\n    },\n    focus () {\n      const input = (this.$refs.content as Element).querySelector('input')\n      input && input.focus()\n    },\n    genButton (fn: Function, text: VNodeChildren): VNode {\n      return h(VBtn, {\n        text: true,\n        color: 'primary',\n        light: true,\n        onClick: fn\n      }, () => text)\n    },\n    genActions (): VNode {\n      return h('div', {\n        class: 'v-small-dialog__actions'\n      }, [\n        this.genButton(this.cancel, this.cancelText),\n        this.genButton(() => {\n          this.save(this.returnValue)\n          this.$emit('save')\n        }, this.saveText)\n      ])\n    },\n    genContent (): VNode {\n      return h('div', {\n        class: 'v-small-dialog__content',\n        onKeydown: (e: KeyboardEvent) => {\n          e.keyCode === keyCodes.esc && this.cancel()\n          if (e.keyCode === keyCodes.enter) {\n            this.save(this.returnValue)\n            this.$emit('save')\n          }\n        },\n        ref: 'content'\n      }, getSlot(this, 'input'))\n    }\n  },\n\n  render (): VNode {\n    return h(VMenu, {\n      class: ['v-small-dialog', this.themeClasses],\n      contentClass: 'v-small-dialog__menu-content',\n      transition: this.transition,\n      origin: 'top right',\n      right: true,\n      modelValue: this.isActive,\n      closeOnClick: !this.persistent,\n      closeOnContentClick: false,\n      eager: this.eager,\n      light: this.light,\n      dark: this.dark,\n      'onUpdate:modelValue': (val: boolean) => (this.isActive = val)\n    }, {\n      activator: ({ on }: { on: any }) => {\n        return h('div', {\n          class: 'v-small-dialog__activator',\n          ...on\n        }, [\n          h('span', {\n            class: 'v-small-dialog__activator__content'\n          }, getSlot(this))\n        ])\n      },\n      default: () => [\n        this.genContent(),\n        this.large ? this.genActions() : null\n      ]\n    })\n  }\n})\n"],"sourceRoot":"","file":"VEditDialog.js"}

package/lib/components/VDataTable/VSimpleTable.js

@@ -25,7 +25,7 @@ export default mixins(Themeable).extend({
   },
   methods: {
     genWrapper() {
-      return this.$slots.wrapper || h('div', {
+      return getSlot(this, 'wrapper') || h('div', {
         class: 'v-data-table__wrapper',
         style: {
           height: convertToUnit(this.height)

package/lib/components/VDataTable/VSimpleTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VSimpleTable.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB;AACA,OAAO,sDAAP;AAEA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAGA,eAAe,MAAM,CAAC,SAAD,CAAN,CAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,gBADgC;AAGtC,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,WAAW,EAAE,OAFR;AAGL,IAAA,MAAM,EAAE,CAAC,MAAD,EAAS,MAAT;AAHH,GAH+B;AAStC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,KAAK,KADvB;AAEL,sCAA8B,CAAC,CAAC,KAAK,MAAP,IAAiB,CAAC,KAAK,WAFhD;AAGL,sCAA8B,KAAK,WAH9B;AAIL,iCAAyB,CAAC,CAAC,KAAK,MAAL,CAAY,GAJlC;AAKL,oCAA4B,CAAC,CAAC,KAAK,MAAL,CAAY,MALrC;AAML,WAAG,KAAK;AANH,OAAP;AAQD;;AAVO,GAT4B;AAsBtC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,MAAL,CAAY,OAAZ,IAAuB,CAAC,CAAC,KAAD,EAAQ;AACrC,QAAA,KAAK,EAAE,uBAD8B;AAErC,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,aAAa,CAAC,KAAK,MAAN;AADhB;AAF8B,OAAR,EAK5B,CACD,CAAC,CAAC,OAAD,EAAU,OAAO,CAAC,IAAD,CAAjB,CADA,CAL4B,CAA/B;AAQD;;AAVM,GAtB6B;;AAmCtC,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,CAAC,cAAD,EAAiB,KAAK,OAAtB;AADO,KAAR,EAEL,CACD,OAAO,CAAC,IAAD,EAAO,KAAP,CADN,EAED,KAAK,UAAL,EAFC,EAGD,OAAO,CAAC,IAAD,EAAO,QAAP,CAHN,CAFK,CAAR;AAOD;;AA3CqC,CAAzB,CAAf","sourcesContent":["import {h} from 'vue'\nimport './VSimpleTable.sass'\n\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String],\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genWrapper () {\n      return this.$slots.wrapper || h('div', {\n        class: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        h('table', getSlot(this)),\n      ])\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-data-table', this.classes],\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VSimpleTable.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VSimpleTable.ts"],"names":[],"mappings":"AAAA,SAAS,CAAT,QAAyB,KAAzB;AACA,OAAO,sDAAP;AAEA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAe,MAAM,CAAC,SAAD,CAAN,CAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,gBADgC;AAGtC,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,WAAW,EAAE,OAFR;AAGL,IAAA,MAAM,EAAE,CAAC,MAAD,EAAS,MAAT;AAHH,GAH+B;AAStC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,KAAK,KADvB;AAEL,sCAA8B,CAAC,CAAC,KAAK,MAAP,IAAiB,CAAC,KAAK,WAFhD;AAGL,sCAA8B,KAAK,WAH9B;AAIL,iCAAyB,CAAC,CAAC,KAAK,MAAL,CAAY,GAJlC;AAKL,oCAA4B,CAAC,CAAC,KAAK,MAAL,CAAY,MALrC;AAML,WAAG,KAAK;AANH,OAAP;AAQD;;AAVO,GAT4B;AAsBtC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,OAAO,CAAC,IAAD,EAAO,SAAP,CAAP,IAA4B,CAAC,CAAC,KAAD,EAAQ;AAC1C,QAAA,KAAK,EAAE,uBADmC;AAE1C,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,aAAa,CAAC,KAAK,MAAN;AADhB;AAFmC,OAAR,EAKjC,CACD,CAAC,CAAC,OAAD,EAAU,OAAO,CAAC,IAAD,CAAjB,CADA,CALiC,CAApC;AAQD;;AAVM,GAtB6B;;AAmCtC,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,CAAC,cAAD,EAAiB,KAAK,OAAtB;AADO,KAAR,EAEL,CACD,OAAO,CAAC,IAAD,EAAO,KAAP,CADN,EAED,KAAK,UAAL,EAFC,EAGD,OAAO,CAAC,IAAD,EAAO,QAAP,CAHN,CAFK,CAAR;AAOD;;AA3CqC,CAAzB,CAAf","sourcesContent":["import { h, VNode } from 'vue'\nimport './VSimpleTable.sass'\n\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String]\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses\n      }\n    }\n  },\n\n  methods: {\n    genWrapper () {\n      return getSlot(this, 'wrapper') || h('div', {\n        class: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height)\n        }\n      }, [\n        h('table', getSlot(this))\n      ])\n    }\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-data-table', this.classes]\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom')\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VSimpleTable.js"}

package/lib/components/VDataTable/VVirtualTable.js

@@ -90,7 +90,7 @@ export default baseMixins.extend({
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.$refs.table.removeEventListener('scroll', this.scrollDebounce);
   },
 
@@ -145,8 +145,7 @@ export default baseMixins.extend({
 
   render() {
     return h('div', {
-      class: 'v-data-table v-virtual-table',
-      class: this.classes
+      class: ['v-data-table', 'v-virtual-table', this.classes]
     }, [getSlot(this, 'top'), this.genWrapper(), getSlot(this, 'bottom')]);
   }
 

package/lib/components/VDataTable/VVirtualTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VVirtualTable.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\nimport './VVirtualTable.sass'\n\n// Components\nimport VSimpleTable from './VSimpleTable'\n\n// Types\nimport { VNode, VNodeChildren } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport mixins from '../../util/mixins'\n\n// Utiltiies\nimport { convertToUnit, debounce, getSlot } from '../../util/helpers'\n\n// Types\nconst baseMixins = mixins(VSimpleTable)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    table: HTMLElement\n  }\n  cachedItems: VNodeChildren\n}\n\nexport default baseMixins.extend({\n  name: 'v-virtual-table',\n\n  props: {\n    chunkSize: {\n      type: Number,\n      default: 25,\n    },\n    headerHeight: {\n      type: Number,\n      default: 48,\n    },\n    items: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<any[]>,\n    rowHeight: {\n      type: Number,\n      default: 48,\n    },\n  },\n\n  data: () => ({\n    scrollTop: 0,\n    oldChunk: 0,\n    scrollDebounce: null as any,\n    invalidateCache: false,\n  }),\n\n  computed: {\n    itemsLength (): number {\n      return this.items.length\n    },\n    totalHeight (): number {\n      return (this.itemsLength * this.rowHeight) + this.headerHeight\n    },\n    topIndex (): number {\n      return Math.floor(this.scrollTop / this.rowHeight)\n    },\n    chunkIndex (): number {\n      return Math.floor(this.topIndex / this.chunkSize)\n    },\n    startIndex (): number {\n      return Math.max(0, (this.chunkIndex * this.chunkSize) - this.chunkSize)\n    },\n    offsetTop (): number {\n      return Math.max(0, this.startIndex * this.rowHeight)\n    },\n    stopIndex (): number {\n      return Math.min(this.startIndex + (this.chunkSize * 3), this.itemsLength)\n    },\n    offsetBottom (): number {\n      return Math.max(0, (this.itemsLength - this.stopIndex - this.startIndex) * this.rowHeight)\n    },\n  },\n\n  watch: {\n    chunkIndex (newValue, oldValue) {\n      this.oldChunk = oldValue\n    },\n    items () {\n      this.cachedItems = null\n      this.$refs.table.scrollTop = 0\n    },\n  },\n\n  created () {\n    this.cachedItems = null\n  },\n\n  mounted () {\n    this.scrollDebounce = debounce(this.onScroll, 50)\n\n    this.$refs.table.addEventListener('scroll', this.scrollDebounce, { passive: true })\n  },\n\n  beforeDestroy () {\n    this.$refs.table.removeEventListener('scroll', this.scrollDebounce)\n  },\n\n  methods: {\n    createStyleHeight (height: number) {\n      return {\n        height: `${height}px`,\n      }\n    },\n    genBody () {\n      if (this.cachedItems === null || this.chunkIndex !== this.oldChunk) {\n        this.cachedItems = this.genItems()\n        this.oldChunk = this.chunkIndex\n      }\n\n      return h('tbody', [\n        h('tr', { style: this.createStyleHeight(this.offsetTop) }),\n        this.cachedItems,\n        h('tr', { style: this.createStyleHeight(this.offsetBottom) }),\n      ])\n    },\n    genItems () {\n      return this.$slots.items!({ items: this.items.slice(this.startIndex, this.stopIndex) })\n    },\n    onScroll (e: Event) {\n      const target = e.target as Element\n      this.scrollTop = target.scrollTop\n    },\n    genTable () {\n      return h('div', {\n        ref: 'table',\n        class: 'v-virtual-table__table',\n      }, [\n        h('table', [\n          this.$slots['body.before'],\n          this.genBody(),\n          this.$slots['body.after'],\n        ]),\n      ])\n    },\n    genWrapper () {\n      return h('div', {\n        class: 'v-virtual-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.genTable(),\n      ])\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-data-table v-virtual-table',\n      class: this.classes,\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VVirtualTable.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VVirtualTable.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, PropType } from 'vue'\nimport './VVirtualTable.sass'\n\n// Components\nimport VSimpleTable from './VSimpleTable'\n\n// Types\nimport type { VNode, VNodeChildren } from '../../types/vue-internal'\nimport mixins from '../../util/mixins'\n\n// Utiltiies\nimport { convertToUnit, debounce, getSlot } from '../../util/helpers'\n\n// Types\nconst baseMixins = mixins(VSimpleTable)\n\ntype options = {\n  $refs: {\n    table: HTMLElement\n  }\n  cachedItems: VNodeChildren\n}\n\nexport default baseMixins.extend({\n  name: 'v-virtual-table',\n\n  props: {\n    chunkSize: {\n      type: Number,\n      default: 25\n    },\n    headerHeight: {\n      type: Number,\n      default: 48\n    },\n    items: {\n      type: Array,\n      default: () => ([])\n    } as unknown as PropType<any[]>,\n    rowHeight: {\n      type: Number,\n      default: 48\n    }\n  },\n\n  data: () => ({\n    scrollTop: 0,\n    oldChunk: 0,\n    scrollDebounce: null as any,\n    invalidateCache: false\n  }),\n\n  computed: {\n    itemsLength (): number {\n      return this.items.length\n    },\n    totalHeight (): number {\n      return (this.itemsLength * this.rowHeight) + this.headerHeight\n    },\n    topIndex (): number {\n      return Math.floor(this.scrollTop / this.rowHeight)\n    },\n    chunkIndex (): number {\n      return Math.floor(this.topIndex / this.chunkSize)\n    },\n    startIndex (): number {\n      return Math.max(0, (this.chunkIndex * this.chunkSize) - this.chunkSize)\n    },\n    offsetTop (): number {\n      return Math.max(0, this.startIndex * this.rowHeight)\n    },\n    stopIndex (): number {\n      return Math.min(this.startIndex + (this.chunkSize * 3), this.itemsLength)\n    },\n    offsetBottom (): number {\n      return Math.max(0, (this.itemsLength - this.stopIndex - this.startIndex) * this.rowHeight)\n    }\n  },\n\n  watch: {\n    chunkIndex (newValue, oldValue) {\n      this.oldChunk = oldValue\n    },\n    items () {\n      this.cachedItems = null\n      this.$refs.table.scrollTop = 0\n    }\n  },\n\n  created () {\n    this.cachedItems = null\n  },\n\n  mounted () {\n    this.scrollDebounce = debounce(this.onScroll, 50)\n\n    this.$refs.table.addEventListener('scroll', this.scrollDebounce, { passive: true })\n  },\n\n  beforeUnmount () {\n    this.$refs.table.removeEventListener('scroll', this.scrollDebounce)\n  },\n\n  methods: {\n    createStyleHeight (height: number) {\n      return {\n        height: `${height}px`\n      }\n    },\n    genBody () {\n      if (this.cachedItems === null || this.chunkIndex !== this.oldChunk) {\n        this.cachedItems = this.genItems()\n        this.oldChunk = this.chunkIndex\n      }\n\n      return h('tbody', [\n        h('tr', { style: this.createStyleHeight(this.offsetTop) }),\n        this.cachedItems,\n        h('tr', { style: this.createStyleHeight(this.offsetBottom) })\n      ])\n    },\n    genItems () {\n      return this.$slots.items!({ items: this.items.slice(this.startIndex, this.stopIndex) })\n    },\n    onScroll (e: Event) {\n      const target = e.target as Element\n      this.scrollTop = target.scrollTop\n    },\n    genTable () {\n      return h('div', {\n        ref: 'table',\n        class: 'v-virtual-table__table'\n      }, [\n        h('table', [\n          this.$slots['body.before'],\n          this.genBody(),\n          this.$slots['body.after']\n        ])\n      ])\n    },\n    genWrapper () {\n      return h('div', {\n        class: 'v-virtual-table__wrapper',\n        style: {\n          height: convertToUnit(this.height)\n        }\n      }, [\n        this.genTable()\n      ])\n    }\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-data-table', 'v-virtual-table', this.classes]\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom')\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VVirtualTable.js"}

package/lib/components/VDataTable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,WAAP,MAAwB,eAAxB;AACA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAD,CAA7C;AAEA,SAAS,UAAT,EAAqB,WAArB,EAAkC,cAAlC,EAAkD,gBAAlD,EAAoE,YAApE,EAAkF,aAAlF;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,UADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA,WAHuB;AAIvB,IAAA,cAJuB;AAKvB,IAAA,YALuB;AAMvB,IAAA;AANuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport VDataTable from './VDataTable'\nimport VDataTableHeader from './VDataTableHeader'\nimport VEditDialog from './VEditDialog'\nimport VSimpleTable from './VSimpleTable'\nimport VVirtualTable from './VVirtualTable'\n\nconst VTableOverflow = createSimpleFunctional('v-table__overflow')\n\nexport { VDataTable, VEditDialog, VTableOverflow, VDataTableHeader, VSimpleTable, VVirtualTable }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VDataTable,\n    VDataTableHeader,\n    VEditDialog,\n    VTableOverflow,\n    VSimpleTable,\n    VVirtualTable,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,WAAP,MAAwB,eAAxB;AACA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAD,CAA7C;AAEA,SAAS,UAAT,EAAqB,WAArB,EAAkC,cAAlC,EAAkD,gBAAlD,EAAoE,YAApE,EAAkF,aAAlF;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,UADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA,WAHuB;AAIvB,IAAA,cAJuB;AAKvB,IAAA,YALuB;AAMvB,IAAA;AANuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport VDataTable from './VDataTable'\nimport VDataTableHeader from './VDataTableHeader'\nimport VEditDialog from './VEditDialog'\nimport VSimpleTable from './VSimpleTable'\nimport VVirtualTable from './VVirtualTable'\n\nconst VTableOverflow = createSimpleFunctional('v-table__overflow')\n\nexport { VDataTable, VEditDialog, VTableOverflow, VDataTableHeader, VSimpleTable, VVirtualTable }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VDataTable,\n    VDataTableHeader,\n    VEditDialog,\n    VTableOverflow,\n    VSimpleTable,\n    VVirtualTable\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VDataTable/mixins/header.js

@@ -1,13 +1,8 @@
 import VIcon from '../../VIcon';
 import VSimpleCheckbox from '../../VCheckbox/VSimpleCheckbox';
-import ripple from '../../../directives/ripple';
 import { h } from 'vue';
 import mixins from '../../../util/mixins';
 export default mixins().extend({
-  // https://github.com/vuejs/vue/issues/6872
-  directives: {
-    ripple
-  },
   props: {
     headers: {
       type: Array,
@@ -42,10 +37,10 @@ export default mixins().extend({
       var _a;
 
       const data = {
-        value: this.everyItem,
+        modelValue: this.everyItem,
         indeterminate: !this.everyItem && this.someItems,
         color: (_a = this.checkboxColor) !== null && _a !== void 0 ? _a : '',
-        onInput: v => this.$emit('toggle-select-all', v)
+        'onUpdate:modelValue': v => this.$emit('toggle-select-all', v)
       };
 
       if (this.$slots['data-table-select']) {
@@ -62,7 +57,7 @@ export default mixins().extend({
       return h(VIcon, {
         class: 'v-data-table-header__icon',
         size: 18
-      }, [this.sortIcon]);
+      }, () => [this.sortIcon]);
     }
 
   }

package/lib/components/VDataTable/mixins/header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VDataTable/mixins/header.ts"],"names":[],"mappings":"AACA,OAAO,KAAP,MAAkB,aAAlB;AACA,OAAO,eAAP,MAA4B,iCAA5B;AACA,OAAO,MAAP,MAAmB,4BAAnB;AAEA,SAAyB,CAAzB,QAAiC,KAAjC;AAEA,OAAO,MAAP,MAAmB,sBAAnB;AASA,eAAe,MAAM,GAAY,MAAlB,CAAyB;AACtC;AACA,EAAA,UAAU,EAAE;AACV,IAAA;AADU,GAF0B;AAMtC,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,KADC;AAEP,MAAA,OAAO,EAAE,MAAO;AAFT,KADJ;AAKL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,CADQ;AAEd,QAAA,YAAY,EAAE,EAFA;AAGd,QAAA,MAAM,EAAE,EAHM;AAId,QAAA,QAAQ,EAAE,EAJI;AAKd,QAAA,OAAO,EAAE,EALK;AAMd,QAAA,SAAS,EAAE,EANG;AAOd,QAAA,SAAS,EAAE,KAPG;AAQd,QAAA,QAAQ,EAAE;AARI,OAAP;AAFF,KALJ;AAkBL,IAAA,aAAa,EAAE,MAlBV;AAmBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,MADE;AAER,MAAA,OAAO,EAAE;AAFD,KAnBL;AAuBL,IAAA,SAAS,EAAE,OAvBN;AAwBL,IAAA,SAAS,EAAE,OAxBN;AAyBL,IAAA,WAAW,EAAE,OAzBR;AA0BL,IAAA,YAAY,EAAE,OA1BT;AA2BL,IAAA,WAAW,EAAE;AA3BR,GAN+B;AAoCtC,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;;;AACV,YAAM,IAAI,GAAG;AACX,QAAA,KAAK,EAAE,KAAK,SADD;AAEX,QAAA,aAAa,EAAE,CAAC,KAAK,SAAN,IAAmB,KAAK,SAF5B;AAGX,QAAA,KAAK,EAAE,CAAA,EAAA,GAAA,KAAK,aAAL,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB,EAHlB;AAIX,QAAA,OAAO,EAAG,CAAD,IAAgB,KAAK,KAAL,CAAW,mBAAX,EAAgC,CAAhC;AAJd,OAAb;;AAOA,UAAI,KAAK,MAAL,CAAY,mBAAZ,CAAJ,EAAsC;AACpC,eAAO,KAAK,MAAL,CAAY,mBAAZ,EAAkC,IAAlC,CAAP;AACD;;AAED,aAAO,CAAC,CAAC,eAAD,EAAkB;AACxB,QAAA,KAAK,EAAE,wBADiB;AAExB,WAAG;AAFqB,OAAlB,CAAR;AAID,KAjBM;;AAkBP,IAAA,WAAW,GAAA;AACT,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,2BADO;AAEd,QAAA,IAAI,EAAE;AAFQ,OAAR,EAGL,CAAC,KAAK,QAAN,CAHK,CAAR;AAID;;AAvBM;AApC6B,CAAzB,CAAf","sourcesContent":["import { VDataTable } from '../'\nimport VIcon from '../../VIcon'\nimport VSimpleCheckbox from '../../VCheckbox/VSimpleCheckbox'\nimport ripple from '../../../directives/ripple'\n\nimport {defineComponent, h} from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport mixins from '../../../util/mixins'\nimport { DataOptions, DataTableHeader } from 'vuetify/types'\n\ntype VDataTableInstance = InstanceType<typeof VDataTable>\n\ninterface options extends Vue {\n  dataTable: VDataTableInstance\n}\n\nexport default mixins<options>().extend({\n  // https://github.com/vuejs/vue/issues/6872\n  directives: {\n    ripple,\n  },\n\n  props: {\n    headers: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<DataTableHeader[]>,\n    options: {\n      type: Object,\n      default: () => ({\n        page: 1,\n        itemsPerPage: 10,\n        sortBy: [],\n        sortDesc: [],\n        groupBy: [],\n        groupDesc: [],\n        multiSort: false,\n        mustSort: false,\n      }),\n    } as PropValidator<DataOptions>,\n    checkboxColor: String,\n    sortIcon: {\n      type: String,\n      default: '$sort',\n    },\n    everyItem: Boolean,\n    someItems: Boolean,\n    showGroupBy: Boolean,\n    singleSelect: Boolean,\n    disableSort: Boolean,\n  },\n\n  methods: {\n    genSelectAll () {\n      const data = {\n        value: this.everyItem,\n        indeterminate: !this.everyItem && this.someItems,\n        color: this.checkboxColor ?? '',\n        onInput: (v: boolean) => this.$emit('toggle-select-all', v)\n      }\n\n      if (this.$slots['data-table-select']) {\n        return this.$slots['data-table-select']!(data)\n      }\n\n      return h(VSimpleCheckbox, {\n        class: 'v-data-table__checkbox',\n        ...data,\n      })\n    },\n    genSortIcon () {\n      return h(VIcon, {\n        class: 'v-data-table-header__icon',\n        size: 18,\n      }, [this.sortIcon])\n    },\n  },\n})\n"],"sourceRoot":"","file":"header.js"}
+{"version":3,"sources":["../../../../src/components/VDataTable/mixins/header.ts"],"names":[],"mappings":"AACA,OAAO,KAAP,MAAkB,aAAlB;AACA,OAAO,eAAP,MAA4B,iCAA5B;AAGA,SAA0B,CAA1B,QAA6C,KAA7C;AACA,OAAO,MAAP,MAAmB,sBAAnB;AASA,eAAe,MAAM,GAAG,MAAT,CAAgB;AAE7B,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,KADC;AAEP,MAAA,OAAO,EAAE,MAAO;AAFT,KADJ;AAKL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,CADQ;AAEd,QAAA,YAAY,EAAE,EAFA;AAGd,QAAA,MAAM,EAAE,EAHM;AAId,QAAA,QAAQ,EAAE,EAJI;AAKd,QAAA,OAAO,EAAE,EALK;AAMd,QAAA,SAAS,EAAE,EANG;AAOd,QAAA,SAAS,EAAE,KAPG;AAQd,QAAA,QAAQ,EAAE;AARI,OAAP;AAFF,KALJ;AAkBL,IAAA,aAAa,EAAE,MAlBV;AAmBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,MADE;AAER,MAAA,OAAO,EAAE;AAFD,KAnBL;AAuBL,IAAA,SAAS,EAAE,OAvBN;AAwBL,IAAA,SAAS,EAAE,OAxBN;AAyBL,IAAA,WAAW,EAAE,OAzBR;AA0BL,IAAA,YAAY,EAAE,OA1BT;AA2BL,IAAA,WAAW,EAAE;AA3BR,GAFsB;AAgC7B,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;;;AACV,YAAM,IAAI,GAAG;AACX,QAAA,UAAU,EAAE,KAAK,SADN;AAEX,QAAA,aAAa,EAAE,CAAC,KAAK,SAAN,IAAmB,KAAK,SAF5B;AAGX,QAAA,KAAK,EAAE,CAAA,EAAA,GAAA,KAAK,aAAL,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB,EAHlB;AAIX,+BAAwB,CAAD,IAAgB,KAAK,KAAL,CAAW,mBAAX,EAAgC,CAAhC;AAJ5B,OAAb;;AAOA,UAAI,KAAK,MAAL,CAAY,mBAAZ,CAAJ,EAAsC;AACpC,eAAO,KAAK,MAAL,CAAY,mBAAZ,EAAkC,IAAlC,CAAP;AACD;;AAED,aAAO,CAAC,CAAC,eAAD,EAAkB;AACxB,QAAA,KAAK,EAAE,wBADiB;AAExB,WAAG;AAFqB,OAAlB,CAAR;AAID,KAjBM;;AAkBP,IAAA,WAAW,GAAA;AACT,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,2BADO;AAEd,QAAA,IAAI,EAAE;AAFQ,OAAR,EAGL,MAAM,CAAC,KAAK,QAAN,CAHD,CAAR;AAID;;AAvBM;AAhCoB,CAAhB,CAAf","sourcesContent":["import { VDataTable } from '../'\nimport VIcon from '../../VIcon'\nimport VSimpleCheckbox from '../../VCheckbox/VSimpleCheckbox'\nimport ripple from '../../../directives/ripple'\n\nimport { defineComponent, h, PropType } from 'vue'\nimport mixins from '../../../util/mixins'\nimport { DataOptions, DataTableHeader } from 'vuetify/types'\n\ntype VDataTableInstance = InstanceType<typeof VDataTable>\n\ninterface HeaderOptions {\n  dataTable: VDataTableInstance\n}\n\nexport default mixins().extend({\n\n  props: {\n    headers: {\n      type: Array,\n      default: () => ([])\n    } as unknown as PropType<DataTableHeader[]>,\n    options: {\n      type: Object,\n      default: () => ({\n        page: 1,\n        itemsPerPage: 10,\n        sortBy: [],\n        sortDesc: [],\n        groupBy: [],\n        groupDesc: [],\n        multiSort: false,\n        mustSort: false\n      })\n    } as unknown as PropType<DataOptions>,\n    checkboxColor: String,\n    sortIcon: {\n      type: String,\n      default: '$sort'\n    },\n    everyItem: Boolean,\n    someItems: Boolean,\n    showGroupBy: Boolean,\n    singleSelect: Boolean,\n    disableSort: Boolean\n  },\n\n  methods: {\n    genSelectAll () {\n      const data = {\n        modelValue: this.everyItem,\n        indeterminate: !this.everyItem && this.someItems,\n        color: this.checkboxColor ?? '',\n        'onUpdate:modelValue': (v: boolean) => this.$emit('toggle-select-all', v)\n      }\n\n      if (this.$slots['data-table-select']) {\n        return this.$slots['data-table-select']!(data)\n      }\n\n      return h(VSimpleCheckbox, {\n        class: 'v-data-table__checkbox',\n        ...data\n      })\n    },\n    genSortIcon () {\n      return h(VIcon, {\n        class: 'v-data-table-header__icon',\n        size: 18\n      }, () => [this.sortIcon])\n    }\n  }\n})\n"],"sourceRoot":"","file":"header.js"}