[improvement] update eslint rules (#2089)

2025-10-22 03:44:48 +00:00 · 2018-11-15 15:30:17 +08:00
parent 0860901ec1
commit e14b43e66a
129 changed files with 1874 additions and 456 deletions
--- a/packages/tab/demo/index.vue
+++ b/packages/tab/demo/index.vue
@@ -2,7 +2,11 @@
  <demo-section>
    <demo-block :title="$t('basicUsage')">
      <van-tabs v-model="active">
-        <van-tab :title="$t('tab') + index" v-for="index in tabs" :key="index">
+        <van-tab
+          :title="$t('tab') + index"
+          v-for="index in tabs"
+          :key="index"
+        >
          {{ $t('content') }} {{ index }}
        </van-tab>
      </van-tabs>
@@ -10,7 +14,11 @@

    <demo-block :title="$t('title2')">
      <van-tabs @scroll="onScroll">
-        <van-tab v-for="index in 8" :title="$t('tab') + index" :key="index">
+        <van-tab
+          v-for="index in 8"
+          :title="$t('tab') + index"
+          :key="index"
+        >
          {{ $t('content') }} {{ index }}
        </van-tab>
      </van-tabs>
@@ -18,7 +26,12 @@

    <demo-block :title="$t('title3')">
      <van-tabs @disabled="onClickDisabled">
-        <van-tab v-for="index in 3" :title="$t('tab') + index" :disabled="index === 2" :key="index">
+        <van-tab
+          v-for="index in 3"
+          :title="$t('tab') + index"
+          :disabled="index === 2"
+          :key="index"
+        >
          {{ $t('content') }} {{ index }}
        </van-tab>
      </van-tabs>
@@ -26,7 +39,11 @@

    <demo-block :title="$t('title4')">
      <van-tabs type="card">
-        <van-tab v-for="index in 3" :title="$t('tab') + index" :key="index">
+        <van-tab
+          v-for="index in 3"
+          :title="$t('tab') + index"
+          :key="index"
+        >
          {{ $t('content') }} {{ index }}
        </van-tab>
      </van-tabs>
@@ -34,15 +51,26 @@

    <demo-block :title="$t('title5')">
      <van-tabs @click="onClick">
-        <van-tab v-for="index in 2" :title="$t('tab') + index" :key="index">
+        <van-tab
+          v-for="index in 2"
+          :title="$t('tab') + index"
+          :key="index"
+        >
          {{ $t('content') }} {{ index }}
        </van-tab>
      </van-tabs>
    </demo-block>

    <demo-block :title="$t('title6')">
-      <van-tabs :active="active" sticky>
-        <van-tab :title="$t('tab') + index" v-for="index in tabs" :key="index">
+      <van-tabs
+        :active="active"
+        sticky
+      >
+        <van-tab
+          :title="$t('tab') + index"
+          v-for="index in tabs"
+          :key="index"
+        >
          {{ $t('content') }} {{ index }}
        </van-tab>
      </van-tabs>
@@ -50,7 +78,10 @@

    <demo-block :title="$t('title7')">
      <van-tabs :active="active">
-        <van-tab v-for="index in 2" :key="index">
+        <van-tab
+          v-for="index in 2"
+          :key="index"
+        >
          <div slot="title">
            <van-icon name="more-o" />{{ $t('tab') }}
          </div>
@@ -60,8 +91,15 @@
    </demo-block>

    <demo-block :title="$t('title8')">
-      <van-tabs :active="active" swipeable>
-        <van-tab :title="$t('tab') + index" v-for="index in tabs" :key="index">
+      <van-tabs
+        :active="active"
+        swipeable
+      >
+        <van-tab
+          :title="$t('tab') + index"
+          v-for="index in tabs"
+          :key="index"
+        >
          {{ $t('content') }} {{ index }}
        </van-tab>
      </van-tabs>
--- a/packages/tab/index.vue
+++ b/packages/tab/index.vue
@@ -1,7 +1,13 @@
 <template>
-  <div :class="b('pane')" v-show="isSelected">
+  <div
+    :class="b('pane')"
+    v-show="isSelected"
+  >
    <slot v-if="inited" />
-    <div v-if="$slots.title" ref="title">
+    <div
+      v-if="$slots.title"
+      ref="title"
+    >
      <slot name="title" />
    </div>
  </div>
--- a/packages/tab/test/snapshots/index.spec.js.snap
+++ b/packages/tab/test/snapshots/index.spec.js.snap
@@ -5,9 +5,15 @@ exports[`click to switch tab 1`] = `
  <div class="van-tabs__wrap van-hairline--top-bottom">
    <div class="van-tabs__nav van-tabs__nav--line">
      <div class="van-tabs__line" style="width: 0px;"></div>
-      <div class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div class="van-tab"><span class="van-ellipsis">title2</span></div>
-      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div class="van-tab van-tab--active"><span class="van-ellipsis">
+          title1
+        </span></div>
+      <div class="van-tab"><span class="van-ellipsis">
+          title2
+        </span></div>
+      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">
+          title3
+        </span></div>
    </div>
  </div>
  <div class="van-tabs__content">
@@ -31,9 +37,15 @@ exports[`click to switch tab 2`] = `
  <div class="van-tabs__wrap van-hairline--top-bottom">
    <div class="van-tabs__nav van-tabs__nav--line">
      <div class="van-tabs__line" style="width: 0px;"></div>
-      <div class="van-tab"><span class="van-ellipsis">title1</span></div>
-      <div class="van-tab van-tab--active"><span class="van-ellipsis">title2</span></div>
-      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div class="van-tab"><span class="van-ellipsis">
+          title1
+        </span></div>
+      <div class="van-tab van-tab--active"><span class="van-ellipsis">
+          title2
+        </span></div>
+      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">
+          title3
+        </span></div>
    </div>
  </div>
  <div class="van-tabs__content">
@@ -56,9 +68,15 @@ exports[`swipe to switch tab 1`] = `
  <div class="van-tabs__wrap van-hairline--top-bottom">
    <div class="van-tabs__nav van-tabs__nav--line">
      <div class="van-tabs__line" style="width: 0px;"></div>
-      <div class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div class="van-tab"><span class="van-ellipsis">title2</span></div>
-      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div class="van-tab van-tab--active"><span class="van-ellipsis">
+          title1
+        </span></div>
+      <div class="van-tab"><span class="van-ellipsis">
+          title2
+        </span></div>
+      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">
+          title3
+        </span></div>
    </div>
  </div>
  <div class="van-tabs__content">
@@ -82,9 +100,15 @@ exports[`swipe to switch tab 2`] = `
  <div class="van-tabs__wrap van-hairline--top-bottom">
    <div class="van-tabs__nav van-tabs__nav--line">
      <div class="van-tabs__line" style="width: 0px;"></div>
-      <div class="van-tab"><span class="van-ellipsis">title1</span></div>
-      <div class="van-tab van-tab--active"><span class="van-ellipsis">title2</span></div>
-      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div class="van-tab"><span class="van-ellipsis">
+          title1
+        </span></div>
+      <div class="van-tab van-tab--active"><span class="van-ellipsis">
+          title2
+        </span></div>
+      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">
+          title3
+        </span></div>
    </div>
  </div>
  <div class="van-tabs__content">
@@ -107,9 +131,15 @@ exports[`swipe to switch tab 3`] = `
  <div class="van-tabs__wrap van-hairline--top-bottom">
    <div class="van-tabs__nav van-tabs__nav--line">
      <div class="van-tabs__line" style="width: 0px;"></div>
-      <div class="van-tab"><span class="van-ellipsis">title1</span></div>
-      <div class="van-tab van-tab--active"><span class="van-ellipsis">title2</span></div>
-      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div class="van-tab"><span class="van-ellipsis">
+          title1
+        </span></div>
+      <div class="van-tab van-tab--active"><span class="van-ellipsis">
+          title2
+        </span></div>
+      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">
+          title3
+        </span></div>
    </div>
  </div>
  <div class="van-tabs__content">
@@ -132,9 +162,15 @@ exports[`swipe to switch tab 4`] = `
  <div class="van-tabs__wrap van-hairline--top-bottom">
    <div class="van-tabs__nav van-tabs__nav--line">
      <div class="van-tabs__line" style="width: 0px;"></div>
-      <div class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div class="van-tab"><span class="van-ellipsis">title2</span></div>
-      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div class="van-tab van-tab--active"><span class="van-ellipsis">
+          title1
+        </span></div>
+      <div class="van-tab"><span class="van-ellipsis">
+          title2
+        </span></div>
+      <div class="van-tab van-tab--disabled"><span class="van-ellipsis">
+          title3
+        </span></div>
    </div>
  </div>
  <div class="van-tabs__content">