style: fix lint errors

Author: wxsms

src/components/affix/Affix.js

@@ -35,17 +35,17 @@ export default {
         return
       }
       // get window scroll and element position to detect if have to be normal or affixed
-      let scroll = {}
-      let element = {}
+      const scroll = {}
+      const element = {}
       const rect = this.$el.getBoundingClientRect()
       const body = document.body
       const types = ['Top', 'Left']
       types.forEach(type => {
-        let t = type.toLowerCase()
+        const t = type.toLowerCase()
         scroll[t] = window['page' + (type === 'Top' ? 'Y' : 'X') + 'Offset']
         element[t] = scroll[t] + rect[t] - (this.$el['client' + type] || body['client' + type] || 0)
       })
-      let fix = scroll.top > element.top - this.offset
+      const fix = scroll.top > element.top - this.offset
       if (this.affixed !== fix) {
         this.affixed = fix
         this.$emit(this.affixed ? 'affix' : 'unfix')

src/components/alert/Alert.js

@@ -21,7 +21,7 @@ export default {
   computed: {
     alertClass () {
       return {
-        'alert': true,
+        alert: true,
         [`alert-${this.type}`]: Boolean(this.type),
         'alert-dismissible': this.dismissible
       }

src/components/breadcrumbs/BreadcrumbItem.js

@@ -1,10 +1,10 @@
-import {mergeData} from 'vue-functional-data-merge'
+import { mergeData } from 'vue-functional-data-merge'
 import linkMixin from '../../mixins/link.mixin'
 
 export default {
   functional: true,
   mixins: [linkMixin],
-  render (h, {props, data, children}) {
+  render (h, { props, data, children }) {
     let slot
     if (props.active) {
       slot = children
@@ -29,7 +29,7 @@ export default {
         }, children)
       ]
     }
-    return h('li', mergeData(data, {class: {active: props.active}}), slot)
+    return h('li', mergeData(data, { class: { active: props.active } }), slot)
   },
   props: {
     active: {

src/components/breadcrumbs/Breadcrumbs.js

@@ -1,9 +1,10 @@
-import {mergeData} from 'vue-functional-data-merge'
+import { mergeData } from 'vue-functional-data-merge'
 import BreadcrumbItem from './BreadcrumbItem.js'
+import { hasOwnProperty } from '../../utils/object.utils'
 
 export default {
   functional: true,
-  render (h, {props, data, children}) {
+  render (h, { props, data, children }) {
     let slot = []
     if (children && children.length) {
       slot = children
@@ -12,9 +13,9 @@ export default {
         return h(
           BreadcrumbItem,
           {
-            key: item.hasOwnProperty('key') ? item.key : index,
+            key: hasOwnProperty(item, 'key') ? item.key : index,
             props: {
-              active: item.hasOwnProperty('active') ? item.active : index === props.items.length - 1,
+              active: hasOwnProperty(item, 'active') ? item.active : index === props.items.length - 1,
               href: item.href,
               target: item.target,
               to: item.to,
@@ -27,7 +28,7 @@ export default {
         )
       })
     }
-    return h('ol', mergeData(data, {class: 'breadcrumb'}), slot)
+    return h('ol', mergeData(data, { class: 'breadcrumb' }), slot)
   },
   props: {
     items: Array

src/components/button/Btn.js

@@ -1,4 +1,4 @@
-import {mergeData} from 'vue-functional-data-merge'
+import { mergeData } from 'vue-functional-data-merge'
 import linkMixin from '../../mixins/link.mixin'
 import BtnGroup from './BtnGroup'
 
@@ -8,7 +8,7 @@ const INPUT_TYPE_RADIO = 'radio'
 export default {
   functional: true,
   mixins: [linkMixin],
-  render (h, {children, props, data}) {
+  render (h, { children, props, data }) {
     // event listeners
     const listeners = data.on || {}
     // checkbox: model contain inputValue
@@ -96,9 +96,9 @@ export default {
                 } else {
                   valueCopied.push(props.inputValue)
                 }
-                listeners['input'](valueCopied)
+                listeners.input(valueCopied)
               } else {
-                listeners['input'](props.inputValue)
+                listeners.input(props.inputValue)
               }
             }
           }

src/components/button/BtnGroup.js

@@ -1,8 +1,8 @@
-import {mergeData} from 'vue-functional-data-merge'
+import { mergeData } from 'vue-functional-data-merge'
 
 export default {
   functional: true,
-  render (h, {props, children, data}) {
+  render (h, { props, children, data }) {
     return h(
       'div',
       mergeData(data, {

src/components/button/BtnToolbar.js

@@ -1,8 +1,8 @@
-import {mergeData} from 'vue-functional-data-merge'
+import { mergeData } from 'vue-functional-data-merge'
 
 export default {
   functional: true,
-  render (h, {children, data}) {
+  render (h, { children, data }) {
     return h(
       'div',
       mergeData(data, {

src/components/carousel/Carousel.js

@@ -55,7 +55,7 @@ export default {
   },
   methods: {
     run (newIndex, oldIndex) {
-      let currentActiveIndex = oldIndex || 0
+      const currentActiveIndex = oldIndex || 0
       let direction
       if (newIndex > currentActiveIndex) {
         direction = ['next', 'left']

src/components/carousel/Slide.js

@@ -20,7 +20,7 @@ export default {
     }
   },
   beforeDestroy () {
-    let slides = this.$parent && this.$parent.slides
+    const slides = this.$parent && this.$parent.slides
     spliceIfExist(slides, this)
   }
 }

src/components/collapse/Collapse.js

@@ -33,7 +33,7 @@ export default {
     }
   },
   mounted () {
-    let el = this.$el
+    const el = this.$el
     addClass(el, COLLAPSE)
     if (this.value) {
       addClass(el, IN)
@@ -42,12 +42,12 @@ export default {
   methods: {
     toggle (show) {
       clearTimeout(this.timeoutId)
-      let el = this.$el
+      const el = this.$el
       if (show) {
         this.$emit('show')
         removeClass(el, COLLAPSE)
         el.style.height = 'auto'
-        let height = window.getComputedStyle(el).height
+        const height = window.getComputedStyle(el).height
         el.style.height = null
         addClass(el, COLLAPSING)
         el.offsetHeight // force repaint