@dimailn/vuetify 2.7.2-alpha29 → 2.7.2-alpha31

package/src/components/VTimeline/__tests__/VTimelineItem.spec.ts

@@ -1,34 +1,43 @@
 import VTimelineItem from '../VTimelineItem'
 import {
   mount,
-  MountOptions,
-  Wrapper,
+  VueWrapper,
+  MountingOptions,
+  enableAutoUnmount,
 } from '@vue/test-utils'
+import { h } from 'vue'
 
 describe('VTimelineItem.ts', () => {
   type Instance = InstanceType<typeof VTimelineItem>
-  let mountFunction: (options?: MountOptions<Instance>) => Wrapper<Instance>
+  let mountFunction: (options?: MountingOptions<Instance>) => VueWrapper<Instance>
+
+  enableAutoUnmount(afterEach)
+
   beforeEach(() => {
-    mountFunction = (options?: MountOptions<Instance>) => {
-      return mount(VTimelineItem, options)
+    mountFunction = (options?: MountingOptions<Instance>) => {
+      return mount(VTimelineItem, {
+        global: {
+          provide: {
+            timeline: {
+              reverse: false,
+            },
+          },
+        },
+        ...options,
+      })
     }
   })
 
-  it('should conditionally render dot', () => {
+  it('should conditionally render dot', async () => {
     const wrapper = mountFunction({
-      propsData: {
+      props: {
         hideDot: true,
       },
-      provide: {
-        timeline: {
-          reverse: false,
-        },
-      },
     })
 
     expect(wrapper.html()).toMatchSnapshot()
 
-    wrapper.setProps({ hideDot: false })
+    await wrapper.setProps({ hideDot: false })
 
     expect(wrapper.html()).toMatchSnapshot()
   })
@@ -36,38 +45,19 @@ describe('VTimelineItem.ts', () => {
   it('should conditionally render an icon or icon slot', () => {
     expect(mountFunction({
       slots: {
-        icon: [{
-          render: h => h('div', 'foo'),
-        }],
-      },
-      provide: {
-        timeline: {
-          reverse: false,
-        },
+        icon: () => h('div', 'foo'),
       },
     }).html()).toMatchSnapshot()
 
     expect(mountFunction({
-      propsData: { icon: 'foo' },
-      provide: {
-        timeline: {
-          reverse: false,
-        },
-      },
+      props: { icon: 'foo' },
     }).html()).toMatchSnapshot()
   })
 
   it('should render opposite slot', () => {
     const wrapper = mountFunction({
       slots: {
-        opposite: [{
-          render: h => h('div', 'foo'),
-        }],
-      },
-      provide: {
-        timeline: {
-          reverse: false,
-        },
+        opposite: () => h('div', 'foo'),
       },
     })
 

package/src/components/VTimeline/__tests__/__snapshots__/VTimelineItem.spec.ts.snap

@@ -6,7 +6,7 @@ exports[`VTimelineItem.ts should conditionally render an icon or icon slot 1`] =
   </div>
   <div class="v-timeline-item__divider">
     <div class="v-timeline-item__dot">
-      <div class="v-timeline-item__inner-dot primary">
+      <div class="primary v-timeline-item__inner-dot">
         <div>
           foo
         </div>
@@ -22,11 +22,10 @@ exports[`VTimelineItem.ts should conditionally render an icon or icon slot 2`] =
   </div>
   <div class="v-timeline-item__divider">
     <div class="v-timeline-item__dot">
-      <div class="v-timeline-item__inner-dot primary">
+      <div class="primary v-timeline-item__inner-dot">
         <i aria-hidden="true"
            class="v-icon notranslate material-icons theme--dark"
         >
-          foo
         </i>
       </div>
     </div>
@@ -49,7 +48,7 @@ exports[`VTimelineItem.ts should conditionally render dot 2`] = `
   </div>
   <div class="v-timeline-item__divider">
     <div class="v-timeline-item__dot">
-      <div class="v-timeline-item__inner-dot primary">
+      <div class="primary v-timeline-item__inner-dot">
       </div>
     </div>
   </div>
@@ -62,7 +61,7 @@ exports[`VTimelineItem.ts should render opposite slot 1`] = `
   </div>
   <div class="v-timeline-item__divider">
     <div class="v-timeline-item__dot">
-      <div class="v-timeline-item__inner-dot primary">
+      <div class="primary v-timeline-item__inner-dot">
       </div>
     </div>
   </div>

package/src/components/VTreeview/VTreeview.ts

@@ -1,9 +1,6 @@
-import {h} from 'vue'
+import { h, VNode, VNodeChildrenArrayContents, PropType } from 'vue'
 // Styles
 import './VTreeview.sass'
-
-// Types
-import { VNode, VNodeChildrenArrayContents, PropType } from 'vue'
 import { PropValidator } from 'vue/types/options'
 import { TreeviewItemFunction } from 'vuetify/types'
 
@@ -21,7 +18,7 @@ import {
   getObjectValueByPath,
 } from '../../util/helpers'
 import mixins from '../../util/mixins'
-import { consoleWarn } from '../../util/console'
+import { consoleWarn, breaking } from '../../util/console'
 import {
   filterTreeItems,
   filterTreeItem,
@@ -67,6 +64,10 @@ export default mixins(
       type: Array,
       default: () => ([]),
     } as PropValidator<any[]>,
+    modelValue: {
+      type: Array,
+      default: () => ([]),
+    } as PropValidator<NodeArray>,
     multipleActive: Boolean,
     open: {
       type: Array,
@@ -78,10 +79,6 @@ export default mixins(
       default: false, // TODO: Should be true in next major
     },
     search: String,
-    value: {
-      type: Array,
-      default: () => ([]),
-    } as PropValidator<NodeArray>,
     ...VTreeviewNodeProps,
   },
 
@@ -145,7 +142,7 @@ export default mixins(
     active (value: (string | number | any)[]) {
       this.handleNodeCacheWatcher(value, this.activeCache, this.updateActive, this.emitActive)
     },
-    value (value: (string | number | any)[]) {
+    modelValue (value: (string | number | any)[]) {
       this.handleNodeCacheWatcher(value, this.selectedCache, this.updateSelected, this.emitSelected)
     },
     open (value: (string | number | any)[]) {
@@ -154,11 +151,22 @@ export default mixins(
   },
 
   created () {
+    const breakingProps = [
+      ['value', 'modelValue'],
+      ['onInput', 'onUpdate:modelValue'],
+      ['onChange', 'onUpdate:modelValue'],
+    ]
+
+    /* istanbul ignore next */
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)
+    })
+
     const getValue = (key: string | number) => this.returnObject ? getObjectValueByPath(key, this.itemKey) : key
 
     this.buildTree(this.items)
 
-    for (const value of this.value.map(getValue)) {
+    for (const value of this.modelValue.map(getValue)) {
       this.updateSelected(value, true, true)
     }
 
@@ -266,7 +274,7 @@ export default mixins(
       this.emitNodeCache('update:open', this.openCache)
     },
     emitSelected () {
-      this.emitNodeCache('input', this.selectedCache)
+      this.emitNodeCache('update:modelValue', this.selectedCache)
     },
     emitActive () {
       this.emitNodeCache('update:active', this.activeCache)

package/src/components/VTreeview/VTreeviewNode.ts

@@ -191,7 +191,6 @@ const VTreeviewNode = baseMixins.extend({
       else children.push(this.text)
 
       return h('div', {
-        slot: 'label',
         class: 'v-treeview-node__label',
       }, children)
     },
@@ -226,7 +225,6 @@ const VTreeviewNode = baseMixins.extend({
           'v-treeview-node__toggle--open': this.isOpen,
           'v-treeview-node__toggle--loading': this.isLoading,
         }],
-        slot: 'prepend',
         onClick: (e: MouseEvent) => {
           e.stopPropagation()