vuetify 2.6.16 → 2.7.0

package/src/components/VTabs/VTabs.sass

@@ -83,7 +83,7 @@
   position: relative
   text-align: center
   text-decoration: none
-  text-transform: uppercase
+  text-transform: $tab-text-transform
   transition: none
   user-select: none
 

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

@@ -180,4 +180,26 @@ describe('VTabs.ts', () => {
     expect(wrapper.vm.slider.height).toBe(99)
     expect(wrapper.vm.slider.width).toBe(4)
   })
+
+  it('should use tabValue if it exists', () => {
+    const wrapper = mountFunction({
+      propsData: {
+        value: 'first',
+      },
+      slots: {
+        default: {
+          render: h => h('div', [
+            h(VTab, { props: { tabValue: 'first' } }),
+            h(VTab, { props: { tabValue: 'second' } }),
+          ]),
+        },
+      },
+    })
+
+    const tab = wrapper.findAll('.v-tab').at(1).trigger('click')
+
+    const emitted = wrapper.emitted('change')
+
+    expect(emitted).toStrictEqual([['second']])
+  })
 })

package/src/components/VTabs/_variables.scss

@@ -3,6 +3,7 @@
 $tab-disabled-opacity: .5 !default;
 $tab-font-size: map-deep-get($headings, 'subtitle-2', 'size') !default;
 $tab-font-weight: map-deep-get($headings, 'subtitle-2', 'weight') !default;
+$tab-text-transform: 'uppercase' !default;
 $tab-line-height: normal !default;
 $tabs-bar-background-color: 'cards' !default;
 $tabs-bar-height: 48px !default;

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

@@ -11,17 +11,22 @@ import { waitAnimationFrame } from '../../../../test'
 describe('VTextField.ts', () => { // eslint-disable-line max-statements
   type Instance = InstanceType<typeof VTextField>
   let mountFunction: (options?: MountOptions<Instance>) => Wrapper<Instance>
+  let mocks: any
   beforeEach(() => {
+    mocks = {
+      $vuetify: {
+        icons: {},
+        rtl: false,
+        lang: {
+          t: (val: string) => val,
+        },
+      },
+    }
     mountFunction = (options?: MountOptions<Instance>) => {
       return mount(VTextField, {
         // https://github.com/vuejs/vue-test-utils/issues/1130
         sync: false,
-        mocks: {
-          $vuetify: {
-            icons: {},
-            rtl: false,
-          },
-        },
+        mocks,
         ...options,
       })
     }
@@ -51,7 +56,7 @@ describe('VTextField.ts', () => { // eslint-disable-line max-statements
         return h(VTextField, { on: { keyUp: keyup }, props: { download: '' }, attrs: {} })
       },
     }
-    const wrapper = mount(component)
+    const wrapper = mount(component, { mocks })
 
     const input = wrapper.findAll('input').at(0)
     input.trigger('keyUp', { keyCode: 65 })
@@ -296,6 +301,7 @@ describe('VTextField.ts', () => { // eslint-disable-line max-statements
     }
     const wrapper = mount(component, {
       attachToDocument: true,
+      mocks,
     })
 
     const input = wrapper.findAll('input').at(0)
@@ -347,7 +353,7 @@ describe('VTextField.ts', () => { // eslint-disable-line max-statements
         })
       },
     }
-    const wrapper = mount(component, { sync: false })
+    const wrapper = mount(component, { sync: false, mocks })
 
     const input = wrapper.findAll('input').at(0)
 
@@ -793,6 +799,7 @@ describe('VTextField.ts', () => { // eslint-disable-line max-statements
     }
     const wrapper = mount(component, {
       attachToDocument: true,
+      mocks,
     })
 
     const inputElement = wrapper.findAll('input').at(0)

package/src/components/VTimePicker/VTimePicker.ts

@@ -24,6 +24,7 @@ export { SelectingTimes }
 
 type Period = 'am' | 'pm'
 type AllowFunction = (val: number) => boolean
+type ActivePicker = 'HOUR' | 'MINUTE' | 'SECOND'
 
 export default mixins(
   Picker,
@@ -33,6 +34,7 @@ export default mixins(
   name: 'v-time-picker',
 
   props: {
+    activePicker: String as PropType<ActivePicker>,
     allowedHours: [Function, Array] as PropType<AllowFunction | number[]>,
     allowedMinutes: [Function, Array] as PropType<AllowFunction | number[]>,
     allowedSeconds: [Function, Array] as PropType<AllowFunction | number[]>,
@@ -177,6 +179,8 @@ export default mixins(
   },
 
   watch: {
+    activePicker: 'setPicker',
+    selecting: 'emitPicker',
     value: 'setInputData',
   },
 
@@ -197,6 +201,20 @@ export default mixins(
       const value = this.genValue()
       if (value !== null) this.$emit('input', value)
     },
+    emitPicker (value: SelectingTimes) {
+      let activePicker = 'HOUR'
+      if (value === SelectingTimes.Minute) {
+        activePicker = 'MINUTE'
+      } else if (value === SelectingTimes.Second) {
+        activePicker = 'SECOND'
+      }
+      this.$emit('update:active-picker', activePicker)
+    },
+    setPicker (picker: ActivePicker) {
+      if (picker === 'HOUR') this.selecting = SelectingTimes.Hour
+      else if (picker === 'MINUTE') this.selecting = SelectingTimes.Minute
+      else if (picker === 'SECOND' && this.useSeconds) this.selecting = SelectingTimes.Second
+    },
     setPeriod (period: Period) {
       this.period = period
       if (this.inputHour != null) {

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

@@ -746,5 +746,70 @@ describe('VTimePicker.ts', () => {
       expect(wrapper.vm.selectingHour).toBe(false)
       expect(wrapper.vm.selectingMinute).toBe(false)
     })
+
+    it('should emit active-picker when selectingSecond/selectingMinute/selectingHour' + useSecondsDesc, () => {
+      const wrapper = mountFunction({
+        propsData: {
+          useSeconds: useSecondsValue,
+        },
+      })
+      wrapper.vm.selectingMinute = true
+      expect(wrapper.vm.selecting).toBe(SelectingTimes.Minute)
+      expect(wrapper.emitted()['update:active-picker']).toHaveLength(1)
+      expect(wrapper.emitted()['update:active-picker'][0]).toEqual(['MINUTE'])
+
+      wrapper.vm.selectingHour = true
+      expect(wrapper.vm.selecting).toBe(SelectingTimes.Hour)
+      expect(wrapper.emitted()['update:active-picker']).toHaveLength(2)
+      expect(wrapper.emitted()['update:active-picker'][1]).toEqual(['HOUR'])
+
+      wrapper.vm.selectingSecond = true
+      expect(wrapper.vm.selecting).toBe(SelectingTimes.Second)
+      expect(wrapper.emitted()['update:active-picker']).toHaveLength(3)
+      expect(wrapper.emitted()['update:active-picker'][2]).toEqual(['SECOND'])
+    })
+
+    it('should set selecting to Hour when active-picker changes to "HOUR"' + useSecondsDesc, () => {
+      const wrapper = mountFunction({
+        propsData: {
+          useSeconds: useSecondsValue,
+          activePicker: '',
+          value: '09:12:34',
+        },
+      })
+      wrapper.vm.selectingMinute = true
+      wrapper.setProps({ activePicker: 'HOUR' })
+
+      expect(wrapper.vm.selecting).toBe(SelectingTimes.Hour)
+    })
+
+    it('should set selecting to Minute when active-picker changes to "MINUTE"' + useSecondsDesc, () => {
+      const wrapper = mountFunction({
+        propsData: {
+          useSeconds: useSecondsValue,
+          activePicker: '',
+          value: '09:12:34',
+        },
+      })
+      wrapper.vm.selectingSecond = true
+      wrapper.setProps({ activePicker: 'MINUTE' })
+
+      expect(wrapper.vm.selecting).toBe(SelectingTimes.Minute)
+    })
+
+    it('should set selecting to Seconds when active-picker changes to "SECOND"' + useSecondsDesc, () => {
+      const wrapper = mountFunction({
+        propsData: {
+          useSeconds: useSecondsValue,
+          activePicker: '',
+          value: '09:12:34',
+        },
+      })
+      wrapper.vm.selectingHour = true
+      wrapper.setProps({ activePicker: 'SECOND' })
+
+      const expectedValue = useSecondsValue ? SelectingTimes.Second : SelectingTimes.Hour
+      expect(wrapper.vm.selecting).toBe(expectedValue)
+    })
   })
 })

package/src/locale/af.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} meer',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} files',
     counterSize: '{0} files ({1} in total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ar.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} أكثر',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} ملفات',
     counterSize: '{0} ملفات ({1} في المجموع)',
@@ -66,4 +71,5 @@ export default {
       icon: 'القييم {0} من {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/az.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} ədad daha',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} fayl',
     counterSize: '{0} fayl (cəmi {1})',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/bg.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Още {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} файла',
     counterSize: '{0} файла ({1} общо)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ca.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} més',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} fitxers',
     counterSize: '{0} fitxers ({1} en total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Puntuació {0} de {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ckb.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} زیاتر',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} فایل',
     counterSize: '{0} فایل ({1} لە کۆی گشتی)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/cs.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} dalších',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} souborů',
     counterSize: '{0} souborů ({1} celkem)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Hodnocení {0} z {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/da.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} mere',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} filer',
     counterSize: '{0} filer ({1} total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Bedømmelse {0} af {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/de.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} mehr',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} Dateien',
     counterSize: '{0} Dateien ({1} gesamt)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/el.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} ακόμη',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} files',
     counterSize: '{0} files ({1} in total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/en.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} more',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} files',
     counterSize: '{0} files ({1} in total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/es.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} más',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} archivos',
     counterSize: '{0} archivos ({1} en total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Puntuación {0} de {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/et.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} veel',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} faili',
     counterSize: '{0} faili (kokku {1})',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/fa.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{بیشتر {0',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} پرونده',
     counterSize: '{0} پرونده ({1} در کل)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/fi.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} lisää',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} tiedostoa',
     counterSize: '{0} tiedostoa ({1} yhteensä)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Luokitus {0}/{1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/fr.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} de plus',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} fichier(s)',
     counterSize: '{0} fichier(s) ({1} au total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Note de {0} sur {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/he.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} נוספים',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} קבצים',
     counterSize: '{0} קבצים ({1} בסך הכל)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/hr.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Još {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: 'Odabranih datoteka: {0}',
     counterSize: 'Odabranih datoteka: {0} ({1} ukupno)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/hu.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} további',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} fájl',
     counterSize: '{0} fájl ({1} összesen)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/id.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} lagi',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} berkas',
     counterSize: '{0} berkas (dari total {1})',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/it.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} di più',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} file',
     counterSize: '{0} file ({1} in totale)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Valutazione {0} di {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ja.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'さらに{0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} ファイル',
     counterSize: '{0} ファイル (合計 {1})',
@@ -66,4 +71,5 @@ export default {
       icon: '評価 {1} のうち {0}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ko.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} 더보기',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} files',
     counterSize: '{0} files ({1} in total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/lt.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Daugiau {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} failų',
     counterSize: '{0} failų ({1} iš viso)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }