feat(QTabs): do not animate posbar if first tab being selected

Author: rstoenescu

dev/components/components/tabs-playground.vue

@@ -56,7 +56,7 @@
         <q-btn class="fit" size="sm" color="secondary" @click="$router.push('/tabs/b#123')" label="/tabs/b#123 - select no tab" />
       </div>
     </div>
-    <q-tabs class="test q-mt-sm" @input="onEvent('input', 'route', $event)" @change="onEvent('change', 'route', $event)" @select="onEvent('select', 'route', $event)" @click="onEvent('click', 'route', $event)">
+    <q-tabs class="test q-mt-sm" @input="onEvent('input', 'route', $event)" @select="onEvent('select', 'route', $event)" @click="onEvent('click', 'route', $event)">
       <q-route-tab slot="title" name="tabs" to="/tabs" exact label="/tabs" />
       <q-route-tab slot="title" name="tabs/a" to="/tabs/a" exact label="/tabs/a" />
       <q-route-tab slot="title" name="tabs/a *" to="/tabs/a" label="/tabs/a *" />

src/components/tab/QTabs.vue

@@ -156,29 +156,33 @@ export default {
   },
   methods: {
     selectTab (value) {
+      console.log('selectTab', value)
       if (this.data.tabName === value) {
         return
       }
 
       this.data.tabName = value
-      this.$emit('select', value)
-
       this.$emit('input', value)
-      this.$nextTick(() => {
-        if (JSON.stringify(value) !== JSON.stringify(this.value)) {
-          this.$emit('change', value)
-        }
-      })
+      this.$emit('select', value)
 
       const el = this.__getTabElByName(value)
 
       if (el) {
         this.__scrollToTab(el)
-      }
 
-      if (__THEME__ !== 'ios') {
-        this.currentEl = el
-        this.__repositionBar()
+        if (__THEME__ !== 'ios') {
+          this.currentEl = el
+
+          if (this.oldEl) {
+            this.__repositionBar()
+          }
+          else {
+            this.oldEl = el
+          }
+        }
+      }
+      else {
+        this.oldEl = null
       }
     },
     selectTabRouter (params) {