@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha42

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

@@ -5,7 +5,7 @@ import VProgressCircular from '../VProgressCircular'
 import {
   mount,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 
 describe('VProgressCircular.ts', () => {
@@ -23,14 +23,14 @@ describe('VProgressCircular.ts', () => {
   it('should render component and match snapshot', async () => {
     const wrapper = mountFunction({
       data: () => ({
-        isVisible: false,
+        isVisible: false
       }),
       props: {
-        value: 33,
+        value: 33
       },
       slots: {
-        default: '<span>content</span>',
-      },
+        default: '<span>content</span>'
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -72,8 +72,8 @@ describe('VProgressCircular.ts', () => {
     const wrapper = mountFunction({
       props: {
         value: 33,
-        color: 'orange lighten-1',
-      },
+        color: 'orange lighten-1'
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -83,8 +83,8 @@ describe('VProgressCircular.ts', () => {
     const wrapper = mountFunction({
       props: {
         value: 33,
-        button: true,
-      },
+        button: true
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -94,8 +94,8 @@ describe('VProgressCircular.ts', () => {
     const wrapper = mountFunction({
       props: {
         value: 33,
-        rotate: 29,
-      },
+        rotate: 29
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -105,8 +105,8 @@ describe('VProgressCircular.ts', () => {
     const wrapper = mountFunction({
       props: {
         value: 33,
-        size: 17,
-      },
+        size: 17
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -115,8 +115,8 @@ describe('VProgressCircular.ts', () => {
   it('should render component with indeterminate prop and match snapshot', () => {
     const wrapper = mountFunction({
       props: {
-        indeterminate: true,
-      },
+        indeterminate: true
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -126,8 +126,8 @@ describe('VProgressCircular.ts', () => {
     const wrapper = mountFunction({
       props: {
         value: 33,
-        width: 13,
-      },
+        width: 13
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -137,8 +137,8 @@ describe('VProgressCircular.ts', () => {
     const wrapper = mountFunction({
       props: {
         value: 33,
-        fill: 'green lighten-1',
-      },
+        fill: 'green lighten-1'
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -147,11 +147,11 @@ describe('VProgressCircular.ts', () => {
   it('should set isVisible with onObserve', () => {
     const wrapper = mountFunction()
     expect(wrapper.vm.isVisible).toEqual(false)
-    
+
     // Создаем мок-объекты для IntersectionObserverEntry
     const mockEntries = [] as IntersectionObserverEntry[]
     const mockObserver = {} as IntersectionObserver
-    
+
     wrapper.vm.onObserve(mockEntries, mockObserver, true)
     expect(wrapper.vm.isVisible).toEqual(true)
   })

package/src/components/VProgressLinear/VProgressLinear.ts

@@ -4,7 +4,7 @@ import './VProgressLinear.sass'
 // Components
 import {
   VFadeTransition,
-  VSlideXTransition,
+  VSlideXTransition
 } from '../transitions'
 
 // Directives
@@ -37,32 +37,32 @@ export default baseMixins.extend({
   props: {
     active: {
       type: Boolean,
-      default: true,
+      default: true
     },
     backgroundColor: {
       type: String,
-      default: null,
+      default: null
     },
     backgroundOpacity: {
       type: [Number, String],
-      default: null,
+      default: null
     },
     bufferValue: {
       type: [Number, String],
-      default: 100,
+      default: 100
     },
     color: {
       type: String,
-      default: 'primary',
+      default: 'primary'
     },
     height: {
       type: [Number, String],
-      default: 4,
+      default: 4
     },
     indeterminate: Boolean,
     modelValue: {
       type: [Number, String],
-      default: 0,
+      default: 0
     },
     query: Boolean,
     reverse: Boolean,
@@ -72,11 +72,11 @@ export default baseMixins.extend({
     // Оставляем value для обратной совместимости
     value: {
       type: [Number, String],
-      default: 0,
+      default: 0
     },
     // События как пропсы для определения реактивности
     onChange: Function,
-    onUpdateModelValue: Function,
+    onUpdateModelValue: Function
   },
 
   emits: ['update:modelValue', 'change', 'click'],
@@ -84,7 +84,7 @@ export default baseMixins.extend({
   data () {
     return {
       internalLazyValue: this.modelValue || this.value || 0,
-      isVisible: true,
+      isVisible: true
     }
   },
 
@@ -92,12 +92,12 @@ export default baseMixins.extend({
     __cachedBackground (): VNode {
       return h('div', this.setBackgroundColor(this.backgroundColor || this.color, {
         class: 'v-progress-linear__background',
-        style: this.backgroundStyle,
+        style: this.backgroundStyle
       }))
     },
     __cachedBar (): VNode {
       return h(this.computedTransition, {}, {
-        default: () => [this.__cachedBarType],
+        default: () => [this.__cachedBarType]
       })
     },
     __cachedBarType (): VNode {
@@ -106,27 +106,27 @@ export default baseMixins.extend({
     __cachedBuffer (): VNode {
       return h('div', {
         class: 'v-progress-linear__buffer',
-        style: this.styles,
+        style: this.styles
       })
     },
     __cachedDeterminate (): VNode {
       return h('div', this.setBackgroundColor(this.color, {
         class: `v-progress-linear__determinate`,
         style: {
-          width: convertToUnit(this.normalizedValue, '%'),
-        },
+          width: convertToUnit(this.normalizedValue, '%')
+        }
       }))
     },
     __cachedIndeterminate (): VNode {
       return h('div', {
         class: ['v-progress-linear__indeterminate',
           {
-            'v-progress-linear__indeterminate--active': this.active,
-          },
-        ],
+            'v-progress-linear__indeterminate--active': this.active
+          }
+        ]
       }, [
         this.genProgressBar('long'),
-        this.genProgressBar('short'),
+        this.genProgressBar('short')
       ])
     },
     __cachedStream (): VNode | null {
@@ -135,8 +135,8 @@ export default baseMixins.extend({
       return h('div', this.setTextColor(this.color, {
         class: 'v-progress-linear__stream',
         style: {
-          width: convertToUnit(100 - this.normalizedBuffer, '%'),
-        },
+          width: convertToUnit(100 - this.normalizedBuffer, '%')
+        }
       }))
     },
     backgroundStyle (): object {
@@ -147,7 +147,7 @@ export default baseMixins.extend({
       return {
         opacity: backgroundOpacity,
         [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),
-        width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%'),
+        width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%')
       }
     },
     classes (): object {
@@ -160,7 +160,7 @@ export default baseMixins.extend({
         'v-progress-linear--rounded': this.rounded,
         'v-progress-linear--striped': this.striped,
         'v-progress-linear--visible': this.isVisible,
-        ...this.themeClasses,
+        ...this.themeClasses
       }
     },
     computedTransition (): any {
@@ -191,7 +191,7 @@ export default baseMixins.extend({
       }
 
       return styles
-    },
+    }
   },
 
   watch: {
@@ -200,7 +200,7 @@ export default baseMixins.extend({
     },
     value (val) {
       this.internalLazyValue = val
-    },
+    }
   },
 
   methods: {
@@ -212,10 +212,10 @@ export default baseMixins.extend({
       return h(
         'div',
         {
-          class: 'v-progress-linear__content',
+          class: 'v-progress-linear__content'
         },
         {
-          default: () => slot,
+          default: () => slot
         }
       )
     },
@@ -232,9 +232,9 @@ export default baseMixins.extend({
       return h('div', this.setBackgroundColor(this.color, {
         class: ['v-progress-linear__indeterminate',
           {
-            [name]: true,
-          },
-        ],
+            [name]: true
+          }
+        ]
       }))
     },
     onClick (e: MouseEvent) {
@@ -257,7 +257,7 @@ export default baseMixins.extend({
       if (numValue < 0) return 0
       if (numValue > 100) return 100
       return numValue
-    },
+    }
   },
 
   render (): VNode {
@@ -270,9 +270,9 @@ export default baseMixins.extend({
       style: {
         bottom: this.bottom ? 0 : undefined,
         height: this.active ? convertToUnit(this.height) : 0,
-        top: this.top ? 0 : undefined,
+        top: this.top ? 0 : undefined
       },
-      ...this.genListeners(),
+      ...this.genListeners()
     }
 
     return withDirectives(h('div', data, [
@@ -280,12 +280,12 @@ export default baseMixins.extend({
       this.__cachedBackground,
       this.__cachedBuffer,
       this.__cachedBar,
-      this.genContent(),
+      this.genContent()
     ]), [
       [
         Intersect,
-        this.onObserve,
-      ],
+        this.onObserve
+      ]
     ])
-  },
+  }
 })