@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha41

package/src/components/VSnackbar/VSnackbar.ts

@@ -1,4 +1,4 @@
-import {Transition, h, vShow, withDirectives} from 'vue'
+import { Transition, h, vShow, withDirectives } from 'vue'
 // Styles
 import './VSnackbar.sass'
 
@@ -28,7 +28,7 @@ export default mixins(
     'bottom',
     'left',
     'right',
-    'top',
+    'top'
   ])
 /* @vue/component */
 ).extend({
@@ -39,24 +39,24 @@ export default mixins(
     centered: Boolean,
     contentClass: {
       type: String,
-      default: '',
+      default: ''
     },
     multiLine: Boolean,
     text: Boolean,
     timeout: {
       type: [Number, String],
-      default: 5000,
+      default: 5000
     },
     transition: {
       type: [Boolean, String] as PropType<false | string>,
       default: 'v-snack-transition',
-      validator: v => typeof v === 'string' || v === false,
+      validator: v => typeof v === 'string' || v === false
     },
-    vertical: Boolean,
+    vertical: Boolean
   },
   emits: ['update:modelValue'],
   data: () => ({
-    activeTimeout: -1,
+    activeTimeout: -1
   }),
 
   computed: {
@@ -72,7 +72,7 @@ export default mixins(
         'v-snack--right': this.right,
         'v-snack--text': this.text,
         'v-snack--top': this.top,
-        'v-snack--vertical': this.vertical,
+        'v-snack--vertical': this.vertical
       }
     },
     // Text and outlined styles both
@@ -100,21 +100,21 @@ export default mixins(
         insetFooter,
         left,
         right,
-        top,
+        top
       } = this.$vuetify.application
 
       return {
         paddingBottom: convertToUnit(bottom + footer + insetFooter),
         paddingLeft: convertToUnit(left),
         paddingRight: convertToUnit(right),
-        paddingTop: convertToUnit(bar + top),
+        paddingTop: convertToUnit(bar + top)
       }
-    },
+    }
   },
 
   watch: {
     isActive: 'setTimeout',
-    timeout: 'setTimeout',
+    timeout: 'setTimeout'
   },
 
   mounted () {
@@ -137,21 +137,21 @@ export default mixins(
   methods: {
     genActions () {
       return h('div', {
-        class: 'v-snack__action ',
+        class: 'v-snack__action '
       }, [
         getSlot(this, 'action', {
-          attrs: { class: 'v-snack__btn' },
-        }),
+          attrs: { class: 'v-snack__btn' }
+        }) as any
       ])
     },
     genContent () {
       return h('div', {
         class: ['v-snack__content', {
-          [this.contentClass]: true,
+          [this.contentClass]: true
         }],
         role: 'status',
         'aria-live': 'polite'
-      }, [getSlot(this)])
+      }, [getSlot(this) as any])
     },
     genWrapper () {
       const setColor = this.hasBackground
@@ -174,12 +174,12 @@ export default mixins(
 
       return withDirectives(h('div', data, [
         this.genContent(),
-        this.genActions(),
-      ]), directives)
+        this.genActions()
+      ]), directives as any)
     },
     genTransition () {
       return h(Transition, {
-        name: this.transition,
+        name: this.transition
       }, () => [this.genWrapper()])
     },
     setTimeout () {
@@ -198,17 +198,17 @@ export default mixins(
       this.activeTimeout = window.setTimeout(() => {
         this.isActive = false
       }, timeout)
-    },
+    }
   },
 
   render (): VNode {
     return h('div', {
       class: ['v-snack', this.classes],
-      style: this.styles,
+      style: this.styles
     }, [
       this.transition !== false
         ? this.genTransition()
-        : this.genWrapper(),
+        : this.genWrapper()
     ])
-  },
+  }
 })

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

@@ -6,7 +6,7 @@ import {
   mount,
   MountingOptions,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 
 describe('VSnackbar.ts', () => {
@@ -28,12 +28,12 @@ describe('VSnackbar.ts', () => {
                 insetFooter: 32,
                 left: 256,
                 right: 256,
-                top: 64,
-              },
-            },
-          },
+                top: 64
+              }
+            }
+          }
         },
-        ...options,
+        ...options
       })
     }
   })
@@ -42,7 +42,7 @@ describe('VSnackbar.ts', () => {
     [{}, true],
     [{ text: true }, false],
     [{ outlined: true }, false],
-    [{ light: true }, false],
+    [{ light: true }, false]
   ])('should be dark when using %s', (props, expected: boolean) => {
     const wrapper = mountFunction({ props })
 
@@ -52,10 +52,10 @@ describe('VSnackbar.ts', () => {
   it.each([
     [undefined, undefined, undefined],
     [false, undefined, undefined],
-    [true, '256px', '256px'],
+    [true, '256px', '256px']
   ])('should have app padding on the x-axis using %s', (app, left, right) => {
     const wrapper = mountFunction({
-      props: { app },
+      props: { app }
     })
 
     expect(wrapper.vm.styles).toHaveProperty('paddingLeft', left)
@@ -65,13 +65,13 @@ describe('VSnackbar.ts', () => {
   it.each([
     [undefined, true],
     [false, true],
-    [true, false],
+    [true, false]
   ])('should have app padding on the x-axis using %s', (absolute, expected: boolean) => {
     const wrapper = mountFunction({
       props: {
         app: true,
-        absolute,
-      },
+        absolute
+      }
     })
 
     expect(Object.keys(wrapper.vm.styles).length > 0).toBe(expected)
@@ -80,10 +80,10 @@ describe('VSnackbar.ts', () => {
   it.each([
     [undefined, false],
     [false, false],
-    [true, true],
+    [true, true]
   ])('should conditionally invoke setTimeout method using %s', (modelValue, expected: boolean) => {
     const wrapper = mountFunction({
-      props: { modelValue },
+      props: { modelValue }
     })
 
     // Проверяем, что setTimeout вызывается через проверку activeTimeout
@@ -96,13 +96,13 @@ describe('VSnackbar.ts', () => {
 
   it.each([
     [undefined, false],
-    [false, true],
+    [false, true]
   ])('should conditionally render transition content using %s', (transition, expected: boolean) => {
     const wrapper = mountFunction({
       props: {
         transition,
-        modelValue: true, // Активируем компонент, чтобы увидеть transition
-      },
+        modelValue: true // Активируем компонент, чтобы увидеть transition
+      }
     })
 
     // Проверяем, что transition используется через проверку computed свойства
@@ -116,7 +116,7 @@ describe('VSnackbar.ts', () => {
     [undefined, true],
     [100, true],
     [0, false],
-    [-1, false],
+    [-1, false]
   ])('should condtionally remove the snackbar when using a timeout value of %s', (timeout, expected) => {
     jest.useFakeTimers()
     const spy = jest.spyOn(window, 'setTimeout')
@@ -124,8 +124,8 @@ describe('VSnackbar.ts', () => {
     mountFunction({
       props: {
         timeout,
-        modelValue: true,
-      },
+        modelValue: true
+      }
     })
 
     jest.runAllTimers()

package/src/components/VSparkline/VSparkline.ts

@@ -43,75 +43,75 @@ export default defineComponent({
     autoDraw: Boolean,
     autoDrawDuration: {
       type: Number,
-      default: 2000,
+      default: 2000
     },
     autoDrawEasing: {
       type: String,
-      default: 'ease',
+      default: 'ease'
     },
     autoLineWidth: {
       type: Boolean,
-      default: false,
+      default: false
     },
     color: {
       type: String,
-      default: 'primary',
+      default: 'primary'
     },
     fill: {
       type: Boolean,
-      default: false,
+      default: false
     },
     gradient: {
       type: Array as PropType<string[]>,
-      default: () => ([]),
+      default: () => ([])
     },
     gradientDirection: {
       type: String as PropType<'top' | 'bottom' | 'left' | 'right'>,
       validator: (val: string) => ['top', 'bottom', 'left', 'right'].includes(val),
-      default: 'top',
+      default: 'top'
     },
     height: {
       type: [String, Number],
-      default: 75,
+      default: 75
     },
     labels: {
       type: Array as PropType<SparklineItem[]>,
-      default: () => ([]),
+      default: () => ([])
     },
     labelSize: {
       type: [Number, String],
-      default: 7,
+      default: 7
     },
     lineWidth: {
       type: [String, Number],
-      default: 4,
+      default: 4
     },
     padding: {
       type: [String, Number],
-      default: 8,
+      default: 8
     },
     showLabels: Boolean,
     smooth: {
       type: [Boolean, Number, String],
-      default: false,
+      default: false
     },
     type: {
       type: String as PropType<'trend' | 'bar'>,
       default: 'trend',
-      validator: (val: string) => ['trend', 'bar'].includes(val),
+      validator: (val: string) => ['trend', 'bar'].includes(val)
     },
     value: {
       type: Array as PropType<SparklineItem[]>,
-      default: () => ([]),
+      default: () => ([])
     },
     width: {
       type: [Number, String],
-      default: 300,
-    },
+      default: 300
+    }
   },
 
   data: () => ({
-    lastLength: 0,
+    lastLength: 0
   }),
 
   computed: {
@@ -160,7 +160,7 @@ export default defineComponent({
         minX: padding,
         maxX: this.totalWidth - padding,
         minY: padding,
-        maxY: this.parsedHeight - padding,
+        maxY: this.parsedHeight - padding
       }
     },
     hasLabels (): boolean {
@@ -187,7 +187,7 @@ export default defineComponent({
 
         labels.push({
           x: item.x,
-          value: String(value),
+          value: String(value)
         })
       }
 
@@ -206,7 +206,7 @@ export default defineComponent({
     },
     _radius (): number {
       return this.smooth === true ? 8 : Number(this.smooth)
-    },
+    }
   },
 
   watch: {
@@ -240,8 +240,8 @@ export default defineComponent({
           }
           this.lastLength = length
         })
-      },
-    },
+      }
+    }
   },
 
   methods: {
@@ -257,7 +257,7 @@ export default defineComponent({
       const stops = gradient.reverse().map((color, index) =>
         h('stop', {
           offset: index / len,
-          'stop-color': color || 'currentColor',
+          'stop-color': color || 'currentColor'
         })
       )
 
@@ -269,8 +269,8 @@ export default defineComponent({
           x1: gradientDirection === 'left' ? '100%' : '0',
           y1: gradientDirection === 'top' ? '100%' : '0',
           x2: gradientDirection === 'right' ? '100%' : '0',
-          y2: gradientDirection === 'bottom' ? '100%' : '0',
-        }, stops),
+          y2: gradientDirection === 'bottom' ? '100%' : '0'
+        }, stops)
       ])
     },
     genG (children: VNode[]) {
@@ -279,8 +279,8 @@ export default defineComponent({
           fontSize: '8',
           textAnchor: 'middle',
           dominantBaseline: 'mathematical',
-          fill: 'currentColor',
-        },
+          fill: 'currentColor'
+        }
       }, children)
     },
     genPath () {
@@ -291,7 +291,7 @@ export default defineComponent({
         d: genPath(points, this._radius, this.fill, this.parsedHeight),
         fill: this.fill ? `url(#${instance?.uid})` : 'none',
         stroke: this.fill ? 'none' : `url(#${instance?.uid})`,
-        ref: 'path',
+        ref: 'path'
       })
     },
     genLabels (offsetX: number) {
@@ -299,7 +299,7 @@ export default defineComponent({
         h('text', {
           x: item.x + offsetX + this._lineWidth / 2,
           y: this.textY + (this.parsedLabelSize * 0.75),
-          'font-size': Number(this.labelSize) || 7,
+          'font-size': Number(this.labelSize) || 7
         }, [this.genLabel(item, i)])
       ))
 
@@ -318,22 +318,22 @@ export default defineComponent({
 
       return h('svg', {
         display: 'block',
-        viewBox: `0 0 ${this.totalWidth} ${this.totalHeight}`,
+        viewBox: `0 0 ${this.totalWidth} ${this.totalHeight}`
       }, [
         this.genGradient(),
         this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + getCurrentInstance()?.uid),
         this.hasLabels ? this.genLabels(offsetX) : undefined as never,
         h('g', {
           'clip-path': `url(#sparkline-bar-${getCurrentInstance()?.uid}-clip)`,
-          fill: `url(#${getCurrentInstance()?.uid})`,
+          fill: `url(#${getCurrentInstance()?.uid})`
         }, [
           h('rect', {
             x: 0,
             y: 0,
             width: this.totalWidth,
-            height: this.height,
-          }),
-        ]),
+            height: this.height
+          })
+        ])
       ])
     },
     genClipPath (bars: Bar[], offsetX: number, lineWidth: number, id: string) {
@@ -342,7 +342,7 @@ export default defineComponent({
         : this.smooth ? 2 : 0
 
       return h('clipPath', {
-        id: `${id}-clip`,
+        id: `${id}-clip`
       }, bars.map(item => {
         return h('rect', {
           x: item.x + offsetX,
@@ -350,15 +350,17 @@ export default defineComponent({
           width: lineWidth,
           height: item.height,
           rx: rounding,
-          ry: rounding,
+          ry: rounding
         }, [
-          this.autoDraw ? h('animate', {
-            attributeName: 'height',
-            from: 0,
-            to: item.height,
-            dur: `${this.autoDrawDuration}ms`,
-            fill: 'freeze',
-          }) : undefined as never,
+          this.autoDraw
+            ? h('animate', {
+              attributeName: 'height',
+              from: 0,
+              to: item.height,
+              dur: `${this.autoDrawDuration}ms`,
+              fill: 'freeze'
+            })
+            : undefined as never
         ])
       }))
     },
@@ -367,18 +369,18 @@ export default defineComponent({
         ...this.$attrs,
         display: 'block',
         'stroke-width': this._lineWidth || 1,
-        viewBox: `0 0 ${this.width} ${this.totalHeight}`,
+        viewBox: `0 0 ${this.width} ${this.totalHeight}`
       }), [
         this.genGradient(),
         this.hasLabels && this.genLabels(-(this._lineWidth / 2)),
-        this.genPath(),
+        this.genPath()
       ])
-    },
+    }
   },
 
   render (): VNode {
     if (this.totalValues < 2) return undefined as never
 
     return this.type === 'trend' ? this.genTrend() : this.genBars()
-  },
+  }
 })