@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha42

package/src/components/VDatePicker/VDatePickerHeader.ts

@@ -31,25 +31,25 @@ export default defineComponent({
     nextAriaLabel: String,
     nextIcon: {
       type: String,
-      default: '$next',
+      default: '$next'
     },
     prevAriaLabel: String,
     prevIcon: {
       type: String,
-      default: '$prev',
+      default: '$prev'
     },
     readonly: Boolean,
     modelValue: {
       type: [Number, String],
-      required: true,
-    },
+      required: true
+    }
   },
 
   emits: ['update:modelValue', 'toggle'],
 
   data () {
     return {
-      isReversing: false,
+      isReversing: false
     }
   },
 
@@ -62,13 +62,19 @@ export default defineComponent({
       } else {
         return createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })
       }
-    },
+    }
+  },
+
+  watch: {
+    modelValue (newVal, oldVal) {
+      this.isReversing = newVal < oldVal
+    }
   },
 
   created () {
     const breakingProps = [
       ['value', 'modelValue'],
-      ['onInput', 'onUpdate:modelValue'],
+      ['onInput', 'onUpdate:modelValue']
     ]
 
     /* istanbul ignore next */
@@ -77,12 +83,6 @@ export default defineComponent({
     })
   },
 
-  watch: {
-    modelValue (newVal, oldVal) {
-      this.isReversing = newVal < oldVal
-    },
-  },
-
   methods: {
     genBtn (change: number) {
       const ariaLabelId = change > 0 ? this.nextAriaLabel : this.prevAriaLabel
@@ -100,13 +100,13 @@ export default defineComponent({
         onClick: (e: Event) => {
           e.stopPropagation()
           this.$emit('update:modelValue', this.calculateChange(change))
-        },
+        }
       }, {
         default: () => [
           h(VIcon, {}, {
-            default: () => (((change < 0) === !this.$vuetify.rtl) ? this.prevIcon : this.nextIcon),
-          }),
-        ],
+            default: () => (((change < 0) === !this.$vuetify.rtl) ? this.prevIcon : this.nextIcon)
+          })
+        ]
       })
     },
     calculateChange (sign: number) {
@@ -121,44 +121,44 @@ export default defineComponent({
     genHeader () {
       const color = !this.disabled && (this.color || 'accent')
       const header = h('div', this.setTextColor(color, {
-        key: String(this.modelValue),
+        key: String(this.modelValue)
       }), {
         default: () => [h('button', {
           type: 'button',
-          onClick: () => this.$emit('toggle'),
+          onClick: () => this.$emit('toggle')
         }, {
-          default: () => getSlot(this) || [this.formatter(String(this.modelValue))],
-        })],
+          default: () => getSlot(this) || [this.formatter(String(this.modelValue))]
+        })]
       })
 
       const transition = h(Transition, {
-        name: (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition',
+        name: (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition'
       }, {
-        default: () => [header],
+        default: () => [header]
       })
 
       return h('div', {
         class: ['v-date-picker-header__value', {
-          'v-date-picker-header__value--disabled': this.disabled,
-        }],
+          'v-date-picker-header__value--disabled': this.disabled
+        }]
       }, {
-        default: () => [transition],
+        default: () => [transition]
       })
-    },
+    }
   },
 
   render (): VNode {
     return h('div', {
       class: ['v-date-picker-header', {
         'v-date-picker-header--disabled': this.disabled,
-        ...this.themeClasses,
-      }],
+        ...this.themeClasses
+      }]
     }, {
       default: () => [
         this.genBtn(-1),
         this.genHeader(),
-        this.genBtn(+1),
-      ],
+        this.genBtn(+1)
+      ]
     })
-  },
+  }
 })

package/src/components/VDatePicker/VDatePickerMonthTable.ts

@@ -18,7 +18,7 @@ export default mixins(
   computed: {
     formatter (): DatePickerFormatter {
       return this.format || createNativeLocaleFormatter(this.currentLocale, { month: 'short', timeZone: 'UTC' }, { start: 5, length: 2 })
-    },
+    }
   },
 
   methods: {
@@ -35,24 +35,24 @@ export default mixins(
           const month = row * cols.length + col
           const date = `${this.displayedYear}-${pad(month + 1)}`
           return h('td', {
-            key: month,
+            key: month
           }, [
-            this.genButton(date, false, 'month', this.formatter),
+            this.genButton(date, false, 'month', this.formatter)
           ])
         })
 
         children.push(h('tr', {
-          key: row,
+          key: row
         }, tds))
       }
 
       return h('tbody', children)
-    },
+    }
   },
 
   render (): VNode {
     return this.genTable('v-date-picker-table v-date-picker-table--month', [
-      this.genTBody(),
+      this.genTBody()
     ], this.calculateTableDate)
-  },
+  }
 })

package/src/components/VDatePicker/VDatePickerTitle.ts

@@ -23,44 +23,44 @@ export default mixins(
   props: {
     date: {
       type: String,
-      default: '',
+      default: ''
     },
     disabled: Boolean,
     readonly: Boolean,
     selectingYear: Boolean,
     modelValue: {
-      type: String,
+      type: String
     },
     year: {
       type: [Number, String],
-      default: '',
+      default: ''
     },
     yearIcon: {
-      type: String,
-    },
+      type: String
+    }
   },
 
   emits: ['update:selecting-year'],
 
   data: () => ({
-    isReversing: false,
+    isReversing: false
   }),
 
   computed: {
     computedTransition (): string {
       return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'
-    },
+    }
   },
 
   watch: {
     modelValue (val: string, prev: string) {
       this.isReversing = val < prev
-    },
+    }
   },
 
   created () {
     const breakingProps = [
-      ['value', 'modelValue'],
+      ['value', 'modelValue']
     ]
 
     /* istanbul ignore next */
@@ -72,50 +72,50 @@ export default mixins(
   methods: {
     genYearIcon (): VNode {
       return h(VIcon, {
-        dark: true,
+        dark: true
       }, () => this.yearIcon)
     },
     getYearBtn (): VNode {
       const yearText = h('span', {
-        key: this.year,
+        key: this.year
       }, String(this.year))
 
       const yearTransition = h(Transition, {
-        name: this.computedTransition,
+        name: this.computedTransition
       }, {
-        default: () => [yearText],
+        default: () => [yearText]
       })
 
       return this.genPickerButton('selectingYear', true, [
         yearTransition,
-        this.yearIcon ? this.genYearIcon() : null,
+        this.yearIcon ? this.genYearIcon() : null
       ], false, 'v-date-picker-title__year')
     },
     genTitleText (): VNode {
       return h('div', {
-        key: this.date,
+        key: this.date
       }, this.date || '\u00A0')
     },
     genTitleDate (): VNode {
       const titleText = this.genTitleText()
       const transition = h(Transition, {
-        name: this.computedTransition,
+        name: this.computedTransition
       }, {
-        default: () => [titleText],
+        default: () => [titleText]
       })
 
       return this.genPickerButton('selectingYear', false, [transition], false, 'v-date-picker-title__date')
-    },
+    }
   },
 
   render (): VNode {
     return h('div', {
       class: ['v-date-picker-title', {
-        'v-date-picker-title--disabled': this.disabled,
-      }],
+        'v-date-picker-title--disabled': this.disabled
+      }]
     }, [
       this.getYearBtn(),
-      this.genTitleDate(),
+      this.genTitleDate()
     ])
-  },
+  }
 })

package/src/components/VDatePicker/VDatePickerYears.ts

@@ -6,7 +6,7 @@ import Localable from '../../mixins/localable'
 
 // Utils
 import {
-  createNativeLocaleFormatter,
+  createNativeLocaleFormatter
 } from './util'
 import mixins, { ExtractVue } from '../../util/mixins'
 import { breaking } from '../../util/console'
@@ -19,14 +19,7 @@ interface options {
   $el: HTMLElement
 }
 
-export default mixins<options &
-/* eslint-disable indent */
-  ExtractVue<[
-    typeof Colorable,
-    typeof Localable
-  ]>
-/* eslint-enable indent */
->(
+export default mixins(
   Colorable,
   Localable
 /* @vue/component */
@@ -38,25 +31,25 @@ export default mixins<options &
     min: [Number, String],
     max: [Number, String],
     readonly: Boolean,
-    modelValue: [Number, String],
+    modelValue: [Number, String]
   },
 
   data () {
     return {
-      defaultColor: 'primary',
+      defaultColor: 'primary'
     }
   },
 
   computed: {
     formatter (): DatePickerFormatter {
       return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })
-    },
+    }
   },
 
   created () {
     const breakingProps = [
       ['value', 'modelValue'],
-      ['onInput', 'onUpdate:modelValue'],
+      ['onInput', 'onUpdate:modelValue']
     ]
 
     /* istanbul ignore next */
@@ -89,7 +82,7 @@ export default mixins<options &
       return h('li', this.setTextColor(color, {
         key: year,
         class: { active },
-        onClick: () => this.$emit('update:modelValue', year),
+        onClick: () => this.$emit('update:modelValue', year)
       }), formatted)
     },
 
@@ -104,13 +97,13 @@ export default mixins<options &
       }
 
       return children
-    },
+    }
   },
 
   render (): VNode {
     return h('ul', {
       class: 'v-date-picker-years',
-      ref: 'years',
+      ref: 'years'
     }, this.genYearItems())
-  },
+  }
 })