@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha42

package/src/components/VOtpInput/VOtpInput.ts

@@ -18,10 +18,10 @@ import mixins from '../../util/mixins'
 import type { VNode } from 'vue'
 
 const baseMixins = mixins(
-  VInput,
+  VInput
 )
 
-interface options extends InstanceType<typeof baseMixins> {
+type options = {
   $refs: {
     input: HTMLInputElement[]
   }
@@ -36,17 +36,17 @@ export default baseMixins.extend({
   props: {
     length: {
       type: [Number, String],
-      default: 6,
+      default: 6
     },
     type: {
       type: String,
-      default: 'text',
+      default: 'text'
     },
     plain: Boolean,
     modelValue: {
       type: String,
-      default: '',
-    },
+      default: ''
+    }
   },
 
   emits: ['blur', 'focus', 'change', 'keydown', 'finish', 'update:modelValue'],
@@ -56,7 +56,7 @@ export default baseMixins.extend({
     isBooted: false,
     otp: [] as string[],
     lazyValue: '',
-    inputRefs: [] as HTMLInputElement[],
+    inputRefs: [] as HTMLInputElement[]
   }),
 
   computed: {
@@ -103,18 +103,18 @@ export default baseMixins.extend({
       set (val: string) {
         this.lazyValue = val
         this.$emit('update:modelValue', val)
-      },
+      }
     },
     classes (): object {
       return {
         ...VInput.computed.classes.call(this),
         ...VTextField.computed.classes.call(this),
-        'v-otp-input--plain': this.plain,
+        'v-otp-input--plain': this.plain
       }
     },
     isEnclosed (): boolean {
       return false
-    },
+    }
   },
 
   watch: {
@@ -122,7 +122,7 @@ export default baseMixins.extend({
     modelValue (val) {
       this.lazyValue = val
       this.otp = val?.split('') || []
-    },
+    }
   },
 
   created () {
@@ -150,43 +150,43 @@ export default baseMixins.extend({
         style: { height: convertToUnit(this.height) },
         onClick: () => this.onClick(otpIdx),
         onMousedown: (e: Event) => this.onMouseDown(e, otpIdx),
-        onMouseup: (e: Event) => this.onMouseUp(e, otpIdx),
+        onMouseup: (e: Event) => this.onMouseUp(e, otpIdx)
       }), [this.genDefaultSlot(otpIdx)])
     },
     genControl (otpIdx: number) {
       return h('div', {
-        class: 'v-input__control',
+        class: 'v-input__control'
       }, [
-        this.genInputSlot(otpIdx),
+        this.genInputSlot(otpIdx)
       ])
     },
     genDefaultSlot (otpIdx: number) {
       return [
         this.genFieldset(),
-        this.genTextFieldSlot(otpIdx),
+        this.genTextFieldSlot(otpIdx)
       ]
     },
     genContent () {
       return Array.from({ length: +this.length }, (_, i) => {
         return h('div', this.setTextColor(this.validationState, {
-          class: ['v-input', this.classes],
+          class: ['v-input', this.classes]
         }), [this.genControl(i)])
       })
     },
     genFieldset () {
       return h('fieldset', {
-        'aria-hidden': 'true',
+        'aria-hidden': 'true'
       }, [this.genLegend()])
     },
     genLegend () {
       const span = h('span', {
-        innerHTML: '&#8203;',
+        innerHTML: '&#8203;'
       })
 
       return h('legend', {
         style: {
-          width: '0px',
-        },
+          width: '0px'
+        }
       }, [span])
     },
     genInput (otpIdx: number) {
@@ -208,13 +208,13 @@ export default baseMixins.extend({
           onInput: (e: Event) => this.onInput(e, otpIdx),
           onFocus: (e: Event) => this.onFocus(e, otpIdx),
           onKeydown: this.onKeyDown,
-          onKeyup: (e: KeyboardEvent) => this.onKeyUp(e, otpIdx),
+          onKeyup: (e: KeyboardEvent) => this.onKeyUp(e, otpIdx)
         }),
         ref: (el: HTMLInputElement) => {
           if (el) {
             this.inputRefs[otpIdx] = el
           }
-        },
+        }
       }
 
       if (this.type === 'number') {
@@ -225,9 +225,9 @@ export default baseMixins.extend({
     },
     genTextFieldSlot (otpIdx: number): VNode {
       return h('div', {
-        class: 'v-text-field__slot',
+        class: 'v-text-field__slot'
       }, [
-        this.genInput(otpIdx),
+        this.genInput(otpIdx)
       ])
     },
     onBlur (e?: Event) {
@@ -347,11 +347,11 @@ export default baseMixins.extend({
       if (rsp.length === +this.length) {
         this.$emit('finish', rsp)
       }
-    },
+    }
   },
   render (): VNode {
     return h('div', {
-      class: ['v-otp-input', this.themeClasses],
+      class: ['v-otp-input', this.themeClasses]
     }, this.genContent())
-  },
+  }
 })

package/src/components/VOtpInput/__tests__/VOtpInput.spec.ts

@@ -3,7 +3,7 @@ import {
   mount,
   MountingOptions,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 import { h } from 'vue'
 
@@ -18,7 +18,7 @@ describe('VOtpInput.ts', () => {
       return mount(VOtpInput, {
         // https://github.com/vuejs/vue-test-utils/issues/1130
         sync: false,
-        ...options,
+        ...options
       })
     }
   })
@@ -26,8 +26,8 @@ describe('VOtpInput.ts', () => {
   it('should update lazyValue when value is updated', async () => {
     const wrapper = mountFunction({
       props: {
-        modelValue: 'foo',
-      },
+        modelValue: 'foo'
+      }
     })
 
     expect(wrapper.vm.lazyValue).toBe('foo')
@@ -43,8 +43,8 @@ describe('VOtpInput.ts', () => {
     const wrapper = mountFunction(
       {
         props: {
-          type: 'number',
-        },
+          type: 'number'
+        }
       }
     )
 
@@ -137,7 +137,7 @@ describe('VOtpInput.ts', () => {
     const component = {
       render () {
         return h(VOtpInput, { onKeyup: keyup, props: { }, attrs: {} })
-      },
+      }
     }
     const wrapper = mount(component)
 
@@ -191,8 +191,8 @@ describe('VOtpInput.ts', () => {
     const wrapper = mountFunction({
       props: {
         modelValue: '',
-        length: 2,
-      },
+        length: 2
+      }
     })
 
     await wrapper.vm.$nextTick()
@@ -225,8 +225,8 @@ describe('VOtpInput.ts', () => {
     const wrapper = mountFunction({
       props: {
         modelValue: '',
-        length: 2,
-      },
+        length: 2
+      }
     })
 
     await wrapper.vm.$nextTick()
@@ -258,7 +258,7 @@ describe('VOtpInput.ts', () => {
     input.trigger('focus')
     await wrapper.vm.$nextTick()
     input.trigger('keyup', {
-      key: 'ArrowLeft',
+      key: 'ArrowLeft'
     })
     await wrapper.vm.$nextTick()
 

package/src/components/VOverflowBtn/VOverflowBtn.ts

@@ -21,7 +21,7 @@ export default defineComponent({
 
   props: {
     editable: Boolean,
-    segmented: Boolean,
+    segmented: Boolean
   },
 
   emits: ['change'],
@@ -32,7 +32,7 @@ export default defineComponent({
         ...VAutocomplete.computed.classes.call(this),
         'v-overflow-btn': true,
         'v-overflow-btn--segmented': this.segmented,
-        'v-overflow-btn--editable': this.editable,
+        'v-overflow-btn--editable': this.editable
       }
     },
     isAnyValueAllowed (): boolean {
@@ -47,7 +47,7 @@ export default defineComponent({
     },
     labelValue (): boolean {
       return (this.isFocused && !this.persistentPlaceholder) || this.isLabelActive
-    },
+    }
   },
 
   methods: {
@@ -103,7 +103,7 @@ export default defineComponent({
         onClick: (e: Event) => {
           e.stopPropagation()
           itemObj.callback(e)
-        },
+        }
       }, () => [itemObj.text])
     },
     updateValue (val: boolean) {
@@ -112,6 +112,6 @@ export default defineComponent({
       } else if (this.initialValue !== this.lazyValue) {
         this.$emit('change', this.lazyValue)
       }
-    },
-  },
+    }
+  }
 })

package/src/components/VOverflowBtn/__tests__/VOverflowBtn.spec.ts

@@ -4,7 +4,7 @@ import VOverflowBtn from '../VOverflowBtn'
 // Utilities
 import {
   mount,
-  Wrapper,
+  Wrapper
 } from '@vue/test-utils'
 import { ExtractVue } from '../../../util/mixins'
 
@@ -23,13 +23,13 @@ describe('VOverflowBtn.js', () => {
         mocks: {
           $vuetify: {
             lang: {
-              t: (val: string) => val,
+              t: (val: string) => val
             },
             theme: {
-              dark: false,
-            },
-          },
-        },
+              dark: false
+            }
+          }
+        }
       })
     }
   })
@@ -39,14 +39,14 @@ describe('VOverflowBtn.js', () => {
   it.skip('segmented - should warn when item has no callback', async () => {
     const items = [
       { text: 'Hello' },
-      { text: 'Hello' },
+      { text: 'Hello' }
     ]
 
     const wrapper = mountFunction({
       propsData: {
         segmented: true,
-        items,
-      },
+        items
+      }
     })
 
     await wrapper.vm.$nextTick()
@@ -57,7 +57,7 @@ describe('VOverflowBtn.js', () => {
     // we have a matching model
     wrapper.setProps({
       items: [items[1]],
-      value: 'Hello',
+      value: 'Hello'
     })
 
     await wrapper.vm.$nextTick()
@@ -70,8 +70,8 @@ describe('VOverflowBtn.js', () => {
       props: {
         items: ['foo'],
         multiple: true,
-        modelValue: ['foo'],
-      },
+        modelValue: ['foo']
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -80,7 +80,7 @@ describe('VOverflowBtn.js', () => {
       items: [{ text: 'foo', value: 'foo', callback: () => { } }],
       multiple: false,
       segmented: true,
-      modelValue: 'foo',
+      modelValue: 'foo'
     })
 
     await wrapper.vm.$nextTick()
@@ -95,11 +95,11 @@ describe('VOverflowBtn.js', () => {
         items: [{
           text: 'foo',
           value: 'bar',
-          callback,
+          callback
         }],
         segmented: true,
-        modelValue: 'bar',
-      },
+        modelValue: 'bar'
+      }
     })
 
     const btn = wrapper.find('.v-btn')
@@ -114,8 +114,8 @@ describe('VOverflowBtn.js', () => {
       props: {
         items: ['foo'],
         label: 'Some label',
-        persistentPlaceholder: true,
-      },
+        persistentPlaceholder: true
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()

package/src/components/VOverlay/VOverlay.ts

@@ -1,4 +1,4 @@
-import {h} from 'vue'
+import { h } from 'vue'
 // Styles
 import './VOverlay.sass'
 
@@ -29,32 +29,32 @@ export default mixins(
     absolute: Boolean,
     color: {
       type: String,
-      default: '#212121',
+      default: '#212121'
     },
     dark: {
       type: Boolean,
-      default: true,
+      default: true
     },
     opacity: {
       type: [Number, String],
-      default: 0.46,
+      default: 0.46
     },
     modelValue: {
-      default: true,
+      default: true
     },
     zIndex: {
       type: [Number, String],
-      default: 5,
-    },
+      default: 5
+    }
   },
 
   computed: {
     __scrim (): VNode {
       const data = this.setBackgroundColor(this.color, {
-        class: {'v-overlay__scrim': true},
+        class: { 'v-overlay__scrim': true },
         style: {
-          opacity: this.computedOpacity,
-        },
+          opacity: this.computedOpacity
+        }
       })
 
       return h('div', data)
@@ -63,7 +63,7 @@ export default mixins(
       return {
         'v-overlay--absolute': this.absolute,
         'v-overlay--active': this.isActive,
-        ...this.themeClasses,
+        ...this.themeClasses
       }
     },
     computedOpacity (): number {
@@ -71,14 +71,14 @@ export default mixins(
     },
     styles (): object {
       return {
-        zIndex: this.zIndex,
+        zIndex: this.zIndex
       }
-    },
+    }
   },
 
   created () {
     const breakingProps = [
-      ['value', 'modelValue'],
+      ['value', 'modelValue']
     ]
 
     /* istanbul ignore next */
@@ -90,7 +90,7 @@ export default mixins(
   methods: {
     genContent () {
       return h('div', {
-        class: 'v-overlay__content',
+        class: 'v-overlay__content'
       }, getSlot(this))
     }
   },
@@ -103,7 +103,7 @@ export default mixins(
     return h('div', {
       ...this.$attrs,
       class: ['v-overlay', this.classes],
-      style: this.styles,
+      style: this.styles
     }, children)
-  },
+  }
 })

package/src/components/VOverlay/__tests__/VOverlay.spec.ts

@@ -4,7 +4,7 @@ import VOverlay from '../VOverlay'
 // Utilities
 import {
   mount,
-  VueWrapper,
+  VueWrapper
 } from '@vue/test-utils'
 
 describe('VOverlay.ts', () => {
@@ -14,14 +14,14 @@ describe('VOverlay.ts', () => {
   beforeEach(() => {
     mountFunction = (options = {}) => {
       return mount(VOverlay, {
-        ...options,
+        ...options
       })
     }
   })
 
   it('should have a conditional opacity', async () => {
     const wrapper = mountFunction({
-      props: { modelValue: false },
+      props: { modelValue: false }
     })
 
     expect(wrapper.vm.computedOpacity).toBe(0)

package/src/components/VPagination/VPagination.ts

@@ -16,7 +16,7 @@ import mixins from '../../util/mixins'
 import { breaking } from '../../util/console'
 
 // Types
-import type { VNode, CreateElement, VNodeChildrenArrayContents } from 'vue'
+import type { VNode, CreateElement, VNodeChildrenArrayContents } from '../../types/vue-internal'
 
 /* @vue/component */
 export default mixins(
@@ -34,41 +34,41 @@ export default mixins(
     length: {
       type: Number,
       default: 0,
-      validator: (val: number) => val % 1 === 0,
+      validator: (val: number) => val % 1 === 0
     },
     nextIcon: {
       type: String,
-      default: '$next',
+      default: '$next'
     },
     prevIcon: {
       type: String,
-      default: '$prev',
+      default: '$prev'
     },
     totalVisible: [Number, String],
     modelValue: {
       type: Number,
-      default: 0,
+      default: 0
     },
     pageAriaLabel: {
       type: String,
-      default: '$vuetify.pagination.ariaLabel.page',
+      default: '$vuetify.pagination.ariaLabel.page'
     },
     currentPageAriaLabel: {
       type: String,
-      default: '$vuetify.pagination.ariaLabel.currentPage',
+      default: '$vuetify.pagination.ariaLabel.currentPage'
     },
     previousAriaLabel: {
       type: String,
-      default: '$vuetify.pagination.ariaLabel.previous',
+      default: '$vuetify.pagination.ariaLabel.previous'
     },
     nextAriaLabel: {
       type: String,
-      default: '$vuetify.pagination.ariaLabel.next',
+      default: '$vuetify.pagination.ariaLabel.next'
     },
     wrapperAriaLabel: {
       type: String,
-      default: '$vuetify.pagination.ariaLabel.wrapper',
-    },
+      default: '$vuetify.pagination.ariaLabel.wrapper'
+    }
   },
 
   emits: ['update:modelValue', 'next', 'previous'],
@@ -76,7 +76,7 @@ export default mixins(
   data () {
     return {
       maxButtons: 0,
-      selected: null as number | null,
+      selected: null as number | null
     }
   },
 
@@ -86,7 +86,7 @@ export default mixins(
         'v-pagination': true,
         'v-pagination--circle': this.circle,
         'v-pagination--disabled': this.disabled,
-        ...this.themeClasses,
+        ...this.themeClasses
       }
     },
 
@@ -130,16 +130,16 @@ export default mixins(
         return [
           ...this.range(1, left),
           '...',
-          ...this.range(right, this.length),
+          ...this.range(right, this.length)
         ]
       }
-    },
+    }
   },
 
   created () {
     const breakingProps = [
       ['value', 'modelValue'],
-      ['onInput', 'onUpdate:modelValue'],
+      ['onInput', 'onUpdate:modelValue']
     ]
 
     /* istanbul ignore next */
@@ -151,7 +151,7 @@ export default mixins(
   watch: {
     modelValue () {
       this.init()
-    },
+    }
   },
 
   beforeMount () {
@@ -200,15 +200,15 @@ export default mixins(
         h('button',
           this.setBackgroundColor(this.navigationColor, {
             class: ['v-pagination__navigation', {
-              'v-pagination__navigation--disabled': disabled,
+              'v-pagination__navigation--disabled': disabled
             }],
             disabled,
             type: 'button',
             'aria-label': label,
-            ...(disabled ? {} : { onClick: fn }),
+            ...(disabled ? {} : { onClick: fn })
           }),
           [h(VIcon, { color: this.navigationTextColor }, () => [icon])]
-        ),
+        )
       ])
     },
     genItem (h: CreateElement, i: string | number): VNode {
@@ -218,33 +218,33 @@ export default mixins(
 
       return h('button', this.setBackgroundColor(color, {
         class: ['v-pagination__item', {
-          'v-pagination__item--active': i === this.modelValue,
+          'v-pagination__item--active': i === this.modelValue
         }],
         type: 'button',
         'aria-current': isCurrentPage,
         'aria-label': this.$vuetify.lang.t(ariaLabel, i),
-        onClick: () => this.$emit('update:modelValue', i),
+        onClick: () => this.$emit('update:modelValue', i)
       }), [i.toString()])
     },
     genItems (h: CreateElement): VNode[] {
       return this.items.map((i, index) => {
         return h('li', { key: index }, [
-          isNaN(Number(i)) ? h('span', { class: 'v-pagination__more' }, [i.toString()]) : this.genItem(h, i),
+          isNaN(Number(i)) ? h('span', { class: 'v-pagination__more' }, [i.toString()]) : this.genItem(h, i)
         ])
       })
     },
     genList (h: CreateElement, children: VNodeChildrenArrayContents): VNode {
       return withDirectives(h('ul', {
-        class: this.classes,
+        class: this.classes
       }, children), [
         [
           Resize,
           this.onResize,
           '',
-          { quiet: true },
-        ],
+          { quiet: true }
+        ]
       ])
-    },
+    }
   },
 
   render (): VNode {
@@ -253,20 +253,20 @@ export default mixins(
         this.$vuetify.rtl ? this.nextIcon : this.prevIcon,
         this.modelValue <= 1,
         this.previous,
-        this.$vuetify.lang.t(this.previousAriaLabel),
+        this.$vuetify.lang.t(this.previousAriaLabel)
       ),
       this.genItems(h),
       this.genIcon(h,
         this.$vuetify.rtl ? this.prevIcon : this.nextIcon,
         this.modelValue >= this.length,
         this.next,
-        this.$vuetify.lang.t(this.nextAriaLabel),
-      ),
+        this.$vuetify.lang.t(this.nextAriaLabel)
+      )
     ]
 
     return h('nav', {
       role: 'navigation',
-      'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel),
+      'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel)
     }, [this.genList(h, children)])
-  },
+  }
 })