From e14b43e66a77a31f65f662ee804bf21ad12a18b0 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Thu, 15 Nov 2018 15:30:17 +0800
Subject: [PATCH] [improvement] update eslint rules (#2089)

---
 .eslintrc                                     | 16 ++--
 package.json                                  |  2 +-
 packages/actionsheet/demo/index.vue           | 11 ++-
 packages/actionsheet/index.vue                | 40 ++++++--
 packages/address-edit/Detail.vue              | 10 +-
 packages/address-edit/index.vue               | 26 +++++-
 .../test/__snapshots__/demo.spec.js.snap      |  8 +-
 .../test/__snapshots__/index.spec.js.snap     | 16 +++-
 packages/address-list/index.vue               | 12 ++-
 .../test/__snapshots__/demo.spec.js.snap      |  4 +-
 packages/area/demo/index.vue                  | 16 +++-
 .../area/test/__snapshots__/demo.spec.js.snap | 24 +++--
 .../test/__snapshots__/index.spec.js.snap     | 64 +++++++++----
 packages/badge-group/index.vue                |  5 +-
 packages/badge/demo/index.vue                 | 20 +++-
 packages/badge/index.vue                      |  5 +-
 .../test/__snapshots__/demo.spec.js.snap      | 12 ++-
 packages/button/demo/index.vue                | 52 +++++++++--
 packages/button/index.vue                     | 11 ++-
 .../test/__snapshots__/demo.spec.js.snap      | 24 +++--
 packages/card/index.vue                       | 43 +++++++--
 .../card/test/__snapshots__/demo.spec.js.snap | 28 ++++--
 packages/cell/demo/index.vue                  | 78 +++++++++++++---
 packages/cell/index.vue                       | 23 ++++-
 packages/checkbox/demo/index.vue              | 29 +++++-
 packages/checkbox/index.vue                   | 21 ++++-
 .../test/__snapshots__/demo.spec.js.snap      |  8 +-
 packages/circle/demo/index.vue                | 14 ++-
 packages/circle/index.vue                     | 17 +++-
 packages/col/demo/index.vue                   | 34 +++++--
 .../col/test/__snapshots__/demo.spec.js.snap  |  8 +-
 packages/collapse-item/index.vue              | 28 +++++-
 packages/collapse/demo/index.vue              | 18 +++-
 packages/collapse/index.vue                   |  5 +-
 packages/contact-card/demo/index.vue          | 20 ++--
 .../test/__snapshots__/demo.spec.js.snap      |  4 +-
 packages/contact-edit/index.vue               | 18 +++-
 packages/contact-list/index.vue               | 16 +++-
 packages/coupon-cell/index.vue                |  5 +-
 packages/coupon-list/Item.vue                 | 13 ++-
 packages/coupon-list/demo/index.vue           |  5 +-
 packages/coupon-list/index.vue                | 26 +++++-
 .../test/__snapshots__/demo.spec.js.snap      | 32 +++++--
 packages/dialog/Dialog.vue                    | 27 +++++-
 packages/dialog/demo/index.vue                | 32 ++++++-
 .../test/__snapshots__/demo.spec.js.snap      | 16 +++-
 packages/field/demo/index.vue                 | 13 ++-
 packages/field/index.vue                      | 21 ++++-
 .../test/__snapshots__/demo.spec.js.snap      |  4 +-
 packages/goods-action-mini-btn/index.vue      | 12 ++-
 packages/goods-action/demo/index.vue          | 53 +++++++++--
 .../test/__snapshots__/demo.spec.js.snap      |  4 +-
 packages/icon/demo/index.vue                  |  6 +-
 packages/icon/index.vue                       |  6 +-
 packages/image-preview/ImagePreview.vue       | 12 ++-
 .../test/__snapshots__/index.spec.js.snap     |  8 +-
 packages/info/index.vue                       |  7 +-
 packages/lazyload/demo/index.vue              | 15 ++-
 packages/list/demo/index.vue                  | 11 ++-
 packages/list/index.vue                       |  5 +-
 packages/loading/demo/index.vue               |  5 +-
 packages/loading/index.vue                    | 23 ++++-
 packages/nav-bar/demo/index.vue               | 11 ++-
 packages/nav-bar/index.vue                    | 33 +++++--
 packages/notice-bar/demo/index.vue            | 15 ++-
 packages/notice-bar/index.vue                 | 10 +-
 packages/number-keyboard/index.vue            | 23 ++++-
 packages/pagination/index.vue                 | 10 +-
 .../test/__snapshots__/demo.spec.js.snap      |  5 -
 packages/panel/demo/index.vue                 | 19 +++-
 packages/panel/index.vue                      |  6 +-
 .../test/__snapshots__/demo.spec.js.snap      |  4 +-
 packages/password-input/index.vue             | 11 ++-
 packages/picker/demo/index.vue                | 15 ++-
 packages/picker/index.vue                     | 44 +++++++--
 .../test/__snapshots__/demo.spec.js.snap      |  8 +-
 packages/popup/demo/index.vue                 | 21 ++++-
 packages/popup/index.vue                      |  6 +-
 packages/progress/demo/index.vue              | 17 +++-
 packages/progress/index.vue                   | 14 ++-
 .../test/__snapshots__/demo.spec.js.snap      | 20 +++-
 .../test/__snapshots__/index.spec.js.snap     |  4 +-
 packages/pull-refresh/demo/index.vue          |  5 +-
 packages/pull-refresh/index.vue               | 20 +++-
 packages/radio/demo/index.vue                 | 23 ++++-
 packages/radio/index.vue                      | 11 ++-
 packages/rate/demo/index.vue                  |  5 +-
 packages/rate/index.vue                       |  5 +-
 packages/search/demo/index.vue                |  7 +-
 packages/search/index.vue                     | 15 ++-
 .../test/__snapshots__/demo.spec.js.snap      |  4 +-
 packages/sku/Sku.vue                          | 32 +++++--
 packages/sku/components/SkuHeader.vue         | 16 +++-
 packages/sku/components/SkuImgUploader.vue    | 21 ++++-
 packages/sku/components/SkuStepper.vue        | 14 ++-
 packages/sku/demo/index.vue                   | 49 ++++++++--
 .../sku/test/__snapshots__/demo.spec.js.snap  | 12 ++-
 packages/slider/demo/index.vue                | 10 +-
 packages/slider/index.vue                     | 10 +-
 packages/step/index.vue                       | 21 ++++-
 packages/stepper/demo/index.vue               |  5 +-
 packages/steps/demo/index.vue                 |  6 +-
 packages/steps/index.vue                      | 26 +++++-
 packages/style/demo/index.vue                 | 20 +++-
 packages/submit-bar/demo/index.vue            |  8 +-
 packages/submit-bar/index.vue                 |  5 +-
 .../test/__snapshots__/demo.spec.js.snap      |  5 +-
 packages/swipe-cell/demo/index.vue            | 21 ++++-
 packages/swipe-cell/index.vue                 | 12 ++-
 packages/swipe-item/index.vue                 |  5 +-
 packages/swipe/demo/index.vue                 | 22 ++++-
 packages/switch-cell/demo/index.vue           | 17 +++-
 packages/switch-cell/index.vue                | 12 ++-
 packages/switch/demo/index.vue                | 10 +-
 packages/switch/index.vue                     |  5 +-
 packages/tab/demo/index.vue                   | 58 ++++++++++--
 packages/tab/index.vue                        | 10 +-
 .../tab/test/__snapshots__/index.spec.js.snap | 72 ++++++++++----
 packages/tabbar-item/index.vue                | 15 ++-
 packages/tabbar/demo/index.vue                | 21 ++++-
 .../test/__snapshots__/demo.spec.js.snap      | 24 +++--
 packages/tabs/index.vue                       | 24 ++++-
 packages/tag/demo/index.vue                   | 93 ++++++++++++++++---
 .../tag/test/__snapshots__/demo.spec.js.snap  | 40 ++++++--
 packages/toast/Toast.vue                      | 29 +++++-
 packages/tree-select/index.vue                |  8 +-
 packages/uploader/demo/index.vue              | 13 ++-
 packages/waterfall/demo/index.vue             | 11 ++-
 yarn.lock                                     |  6 +-
 129 files changed, 1874 insertions(+), 456 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 64dba327a..c4b23b207 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -3,21 +3,19 @@
   "env": {
     "jest": true
   },
-  "extends": ["plugin:vue-libs/recommended", "plugin:vue/strongly-recommended"],
+  "extends": ["plugin:vue-libs/recommended", "plugin:vue/recommended"],
   "rules": {
     "semi": ["error", "always"],
     "space-before-function-paren": ["error", "never"],
+    "vue/attributes-order": 0,
     "vue/require-v-for-key": 0,
     "vue/require-default-prop": 0,
-    "vue/name-property-casing": 0,
-    "vue/max-attributes-per-line": [
-      2,
+    "vue/name-property-casing": ["error", "kebab-case"],
+    "vue/html-closing-bracket-newline": [
+      "error",
       {
-        "singleline": 5,
-        "multiline": {
-          "max": 5,
-          "allowFirstLine": false
-        }
+        "singleline": "never",
+        "multiline": "always"
       }
     ]
   }
diff --git a/package.json b/package.json
index 01291d23b..7734431f2 100644
--- a/package.json
+++ b/package.json
@@ -80,7 +80,7 @@
     "cross-env": "^5.2.0",
     "css-loader": "^1.0.1",
     "dependency-tree": "^6.2.1",
-    "eslint": "^5.8.0",
+    "eslint": "^5.9.0",
     "eslint-plugin-vue-libs": "^3.0.0",
     "fast-glob": "^2.2.3",
     "fast-vue-md-loader": "^1.0.3",
diff --git a/packages/actionsheet/demo/index.vue b/packages/actionsheet/demo/index.vue
index 834dc456e..2136a089f 100644
--- a/packages/actionsheet/demo/index.vue
+++ b/packages/actionsheet/demo/index.vue
@@ -2,7 +2,11 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-button @click="show1 = true">{{ $t('button1') }}</van-button>
-      <van-actionsheet v-model="show1" :actions="actions" @select="onSelect" />
+      <van-actionsheet
+        v-model="show1"
+        :actions="actions"
+        @select="onSelect"
+      />
     </demo-block>
 
     <demo-block :title="$t('title2')">
@@ -18,7 +22,10 @@
 
     <demo-block :title="$t('title3')">
       <van-button @click="show3 = true">{{ $t('button3') }}</van-button>
-      <van-actionsheet v-model="show3" :title="$t('title')">
+      <van-actionsheet
+        v-model="show3"
+        :title="$t('title')"
+      >
         <p>{{ $t('content') }}</p>
       </van-actionsheet>
     </demo-block>
diff --git a/packages/actionsheet/index.vue b/packages/actionsheet/index.vue
index 706d37a83..2791fb102 100644
--- a/packages/actionsheet/index.vue
+++ b/packages/actionsheet/index.vue
@@ -1,11 +1,25 @@
 <template>
   <transition name="van-slide-bottom">
-    <div v-if="shouldRender" v-show="value" :class="b({ 'withtitle': title })">
-      <div v-if="title" class="van-hairline--top-bottom" :class="b('header')">
+    <div
+      v-if="shouldRender"
+      v-show="value"
+      :class="b({ 'withtitle': title })"
+    >
+      <div
+        v-if="title"
+        :class="b('header')"
+        class="van-hairline--top-bottom"
+      >
         <div v-text="title" />
-        <icon name="close" @click="onCancel" />
+        <icon
+          name="close"
+          @click="onCancel"
+        />
       </div>
-      <ul v-else class="van-hairline--bottom">
+      <ul
+        v-else
+        class="van-hairline--bottom"
+      >
         <li
           v-for="item in actions"
           :class="[b('item', { disabled: item.disabled || item.loading }), item.className, 'van-hairline--top']"
@@ -13,9 +27,18 @@
         >
           <template v-if="!item.loading">
             <span :class="b('name')">{{ item.name }}</span>
-            <span :class="b('subname')" v-if="item.subname">{{ item.subname }}</span>
+            <span
+              v-if="item.subname"
+              :class="b('subname')"
+            >
+              {{ item.subname }}
+            </span>
           </template>
-          <loading v-else :class="b('loading')" size="20px" />
+          <loading
+            v-else
+            :class="b('loading')"
+            size="20px"
+          />
         </li>
       </ul>
       <div
@@ -24,7 +47,10 @@
         :class="[b('cancel'), 'van-hairline--top']"
         @click="onCancel"
       />
-      <div v-else :class="b('content')">
+      <div
+        v-else
+        :class="b('content')"
+      >
         <slot />
       </div>
     </div>
diff --git a/packages/address-edit/Detail.vue b/packages/address-edit/Detail.vue
index bd0eb53af..681d0c4cd 100644
--- a/packages/address-edit/Detail.vue
+++ b/packages/address-edit/Detail.vue
@@ -23,8 +23,7 @@
       </span>
     </field>
     <cell
-      v-if="showSearchList"
-      v-for="express in searchResult"
+      v-for="express in searchList"
       :key="express.name + express.address"
       :title="express.name"
       :label="express.address"
@@ -61,8 +60,11 @@ export default create({
   },
 
   computed: {
-    showSearchList() {
-      return this.showSearchResult && this.focused && this.searchResult.length;
+    searchList() {
+      if (this.showSearchResult && this.focused) {
+        return this.searchResult || [];
+      };
+      return [];
     },
 
     showIcon() {
diff --git a/packages/address-edit/index.vue b/packages/address-edit/index.vue
index 1ff22fd61..7af5e7ba5 100644
--- a/packages/address-edit/index.vue
+++ b/packages/address-edit/index.vue
@@ -58,16 +58,34 @@
       @change="$emit('change-default', $event)"
     />
 
-    <div v-show="!hideBottomFields" :class="b('buttons')">
-      <van-button block :loading="isSaving" @click="onSave" type="danger">
+    <div
+      v-show="!hideBottomFields"
+      :class="b('buttons')"
+    >
+      <van-button
+        block
+        :loading="isSaving"
+        type="danger"
+        @click="onSave"
+      >
         {{ saveButtonText || $t('save') }}
       </van-button>
-      <van-button block :loading="isDeleting" @click="onDelete" v-if="showDelete">
+      <van-button
+        v-if="showDelete"
+        block
+        :loading="isDeleting"
+        @click="onDelete"
+      >
         {{ deleteButtonText || $t('delete') }}
       </van-button>
     </div>
 
-    <popup v-model="showAreaPopup" position="bottom" :lazy-render="false" get-container="body">
+    <popup
+      v-model="showAreaPopup"
+      position="bottom"
+      :lazy-render="false"
+      get-container="body"
+    >
       <van-area
         ref="area"
         :loading="!areaListLoaded"
diff --git a/packages/address-edit/test/__snapshots__/demo.spec.js.snap b/packages/address-edit/test/__snapshots__/demo.spec.js.snap
index ee5f0f5ce..e939de09e 100644
--- a/packages/address-edit/test/__snapshots__/demo.spec.js.snap
+++ b/packages/address-edit/test/__snapshots__/demo.spec.js.snap
@@ -116,9 +116,13 @@ exports[`renders demo correctly 1`] = `
       <div name="popup-slide-bottom" class="van-popup van-popup--bottom" style="display:none;">
         <div class="van-picker van-area">
           <div class="van-hairline--top-bottom van-picker__toolbar">
-            <div class="van-picker__cancel">取消</div>
+            <div class="van-picker__cancel">
+              取消
+            </div>
             <!---->
-            <div class="van-picker__confirm">确认</div>
+            <div class="van-picker__confirm">
+              确认
+            </div>
           </div>
           <!---->
           <div class="van-picker__columns" style="height:220px;">
diff --git a/packages/address-edit/test/__snapshots__/index.spec.js.snap b/packages/address-edit/test/__snapshots__/index.spec.js.snap
index eacaf69da..7b2a0ec70 100644
--- a/packages/address-edit/test/__snapshots__/index.spec.js.snap
+++ b/packages/address-edit/test/__snapshots__/index.spec.js.snap
@@ -84,9 +84,13 @@ exports[`create a AddressEdit 1`] = `
   <div name="popup-slide-bottom" class="van-popup van-popup--bottom" style="display:none;">
     <div class="van-picker van-area">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <!---->
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <div class="van-picker__loading">
         <div class="van-loading van-loading--circular van-loading" style="color:#c9c9c9;width:undefined;height:undefined;"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
@@ -220,9 +224,13 @@ exports[`create a AddressEdit with props 1`] = `
   <div name="popup-slide-bottom" class="van-popup van-popup--bottom" style="display:none;">
     <div class="van-picker van-area">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <!---->
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
diff --git a/packages/address-list/index.vue b/packages/address-list/index.vue
index 527dfd688..f20a9bb89 100644
--- a/packages/address-list/index.vue
+++ b/packages/address-list/index.vue
@@ -1,7 +1,10 @@
 <template>
   <div :class="b()">
     <slot name="top" />
-    <radio-group :value="value" @input="$emit('input', $event)">
+    <radio-group
+      :value="value"
+      @input="$emit('input', $event)"
+    >
       <cell-group>
         <address-item
           v-for="(item, index) in list"
@@ -13,7 +16,12 @@
         />
       </cell-group>
     </radio-group>
-    <div v-if="disabledText" :class="b('disabled-text')">{{ disabledText }}</div>
+    <div
+      v-if="disabledText"
+      :class="b('disabled-text')"
+    >
+      {{ disabledText }}
+    </div>
     <cell-group v-if="disabledList.length">
       <address-item
         v-for="(item, index) in disabledList"
diff --git a/packages/address-list/test/__snapshots__/demo.spec.js.snap b/packages/address-list/test/__snapshots__/demo.spec.js.snap
index 49dade236..597419a17 100644
--- a/packages/address-list/test/__snapshots__/demo.spec.js.snap
+++ b/packages/address-list/test/__snapshots__/demo.spec.js.snap
@@ -28,7 +28,9 @@ exports[`renders demo correctly 1`] = `
           </div>
         </div>
       </div>
-      <div class="van-address-list__disabled-text">以下地址超出配送范围</div>
+      <div class="van-address-list__disabled-text">
+        以下地址超出配送范围
+      </div>
       <div class="van-cell-group van-hairline--top-bottom">
         <div class="van-cell van-address-item van-address-item--disabled van-address-item--unswitchable">
           <!---->
diff --git a/packages/area/demo/index.vue b/packages/area/demo/index.vue
index fff953e62..016e9c138 100644
--- a/packages/area/demo/index.vue
+++ b/packages/area/demo/index.vue
@@ -1,15 +1,25 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-area ref="area" :area-list="$t('areaList')" />
+      <van-area
+        ref="area"
+        :area-list="$t('areaList')"
+      />
     </demo-block>
 
     <demo-block :title="$t('title2')">
-      <van-area :area-list="$t('areaList')" :value="value" />
+      <van-area
+        :area-list="$t('areaList')"
+        :value="value"
+      />
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-area :area-list="$t('areaList')" :columns-num="2" :title="$t('title')" />
+      <van-area
+        :area-list="$t('areaList')"
+        :columns-num="2"
+        :title="$t('title')"
+      />
     </demo-block>
   </demo-section>
 </template>
diff --git a/packages/area/test/__snapshots__/demo.spec.js.snap b/packages/area/test/__snapshots__/demo.spec.js.snap
index 704de232b..7cac85d83 100644
--- a/packages/area/test/__snapshots__/demo.spec.js.snap
+++ b/packages/area/test/__snapshots__/demo.spec.js.snap
@@ -5,9 +5,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-picker van-area">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <!---->
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
@@ -27,9 +31,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-picker van-area">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <!---->
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
@@ -49,9 +57,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-picker van-area">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <div class="van-ellipsis van-picker__title">标题</div>
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
diff --git a/packages/area/test/__snapshots__/index.spec.js.snap b/packages/area/test/__snapshots__/index.spec.js.snap
index 7fd5f10f7..e69df3a79 100644
--- a/packages/area/test/__snapshots__/index.spec.js.snap
+++ b/packages/area/test/__snapshots__/index.spec.js.snap
@@ -3,9 +3,13 @@
 exports[`change option 1`] = `
 <div class="van-picker van-area">
   <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div class="van-picker__cancel">取消</div>
+    <div class="van-picker__cancel">
+      取消
+    </div>
     <!---->
-    <div class="van-picker__confirm">确认</div>
+    <div class="van-picker__confirm">
+      确认
+    </div>
   </div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
@@ -26,9 +30,13 @@ exports[`change option 1`] = `
 exports[`change option 2`] = `
 <div class="van-picker van-area">
   <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div class="van-picker__cancel">取消</div>
+    <div class="van-picker__cancel">
+      取消
+    </div>
     <!---->
-    <div class="van-picker__confirm">确认</div>
+    <div class="van-picker__confirm">
+      确认
+    </div>
   </div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
@@ -58,9 +66,13 @@ exports[`change option 2`] = `
 exports[`change option 3`] = `
 <div class="van-picker van-area">
   <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div class="van-picker__cancel">取消</div>
+    <div class="van-picker__cancel">
+      取消
+    </div>
     <!---->
-    <div class="van-picker__confirm">确认</div>
+    <div class="van-picker__confirm">
+      确认
+    </div>
   </div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
@@ -90,9 +102,13 @@ exports[`change option 3`] = `
 exports[`reset method 1`] = `
 <div class="van-picker van-area">
   <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div class="van-picker__cancel">取消</div>
+    <div class="van-picker__cancel">
+      取消
+    </div>
     <!---->
-    <div class="van-picker__confirm">确认</div>
+    <div class="van-picker__confirm">
+      确认
+    </div>
   </div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
@@ -121,9 +137,13 @@ exports[`reset method 1`] = `
 exports[`reset method 2`] = `
 <div class="van-picker van-area">
   <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div class="van-picker__cancel">取消</div>
+    <div class="van-picker__cancel">
+      取消
+    </div>
     <!---->
-    <div class="van-picker__confirm">确认</div>
+    <div class="van-picker__confirm">
+      确认
+    </div>
   </div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
@@ -153,9 +173,13 @@ exports[`reset method 2`] = `
 exports[`watch areaList & code 1`] = `
 <div class="van-picker van-area">
   <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div class="van-picker__cancel">取消</div>
+    <div class="van-picker__cancel">
+      取消
+    </div>
     <!---->
-    <div class="van-picker__confirm">确认</div>
+    <div class="van-picker__confirm">
+      确认
+    </div>
   </div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
@@ -176,9 +200,13 @@ exports[`watch areaList & code 1`] = `
 exports[`watch areaList & code 2`] = `
 <div class="van-picker van-area">
   <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div class="van-picker__cancel">取消</div>
+    <div class="van-picker__cancel">
+      取消
+    </div>
     <!---->
-    <div class="van-picker__confirm">确认</div>
+    <div class="van-picker__confirm">
+      确认
+    </div>
   </div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
@@ -208,9 +236,13 @@ exports[`watch areaList & code 2`] = `
 exports[`watch areaList & code 3`] = `
 <div class="van-picker van-area">
   <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div class="van-picker__cancel">取消</div>
+    <div class="van-picker__cancel">
+      取消
+    </div>
     <!---->
-    <div class="van-picker__confirm">确认</div>
+    <div class="van-picker__confirm">
+      确认
+    </div>
   </div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
diff --git a/packages/badge-group/index.vue b/packages/badge-group/index.vue
index 412b365e0..eb5be214f 100644
--- a/packages/badge-group/index.vue
+++ b/packages/badge-group/index.vue
@@ -1,5 +1,8 @@
 <template>
-  <div :class="b()" class="van-hairline--top-bottom">
+  <div
+    :class="b()"
+    class="van-hairline--top-bottom"
+  >
     <slot />
   </div>
 </template>
diff --git a/packages/badge/demo/index.vue b/packages/badge/demo/index.vue
index 3eb076054..786cd17c3 100644
--- a/packages/badge/demo/index.vue
+++ b/packages/badge/demo/index.vue
@@ -1,11 +1,23 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-badge-group :active-key="activeKey" @change="onChange">
+      <van-badge-group
+        :active-key="activeKey"
+        @change="onChange"
+      >
         <van-badge :title="$t('title')" />
-        <van-badge :title="$t('title')" info="8" />
-        <van-badge :title="$t('title')" info="99" />
-        <van-badge :title="$t('title')" info="199" />
+        <van-badge
+          :title="$t('title')"
+          info="8"
+        />
+        <van-badge
+          :title="$t('title')"
+          info="99"
+        />
+        <van-badge
+          :title="$t('title')"
+          info="199"
+        />
       </van-badge-group>
     </demo-block>
   </demo-section>
diff --git a/packages/badge/index.vue b/packages/badge/index.vue
index f00f50046..174b60580 100644
--- a/packages/badge/index.vue
+++ b/packages/badge/index.vue
@@ -4,7 +4,10 @@
     :href="url"
     @click="onClick"
   >
-    <van-info :info="info" :class="b('info')" />
+    <van-info
+      :info="info"
+      :class="b('info')"
+    />
     {{ title }}
   </a>
 </template>
diff --git a/packages/badge/test/__snapshots__/demo.spec.js.snap b/packages/badge/test/__snapshots__/demo.spec.js.snap
index a1af6b967..688ec8e78 100644
--- a/packages/badge/test/__snapshots__/demo.spec.js.snap
+++ b/packages/badge/test/__snapshots__/demo.spec.js.snap
@@ -9,15 +9,21 @@ exports[`renders demo correctly 1`] = `
         标签名称
       </a>
       <a class="van-badge van-hairline">
-        <div class="van-info van-badge__info">8</div>
+        <div class="van-info van-badge__info">
+          8
+        </div>
         标签名称
       </a>
       <a class="van-badge van-hairline">
-        <div class="van-info van-badge__info">99</div>
+        <div class="van-info van-badge__info">
+          99
+        </div>
         标签名称
       </a>
       <a class="van-badge van-hairline">
-        <div class="van-info van-badge__info">199</div>
+        <div class="van-info van-badge__info">
+          199
+        </div>
         标签名称
       </a>
     </div>
diff --git a/packages/button/demo/index.vue b/packages/button/demo/index.vue
index 9401cd1e7..32512d818 100644
--- a/packages/button/demo/index.vue
+++ b/packages/button/demo/index.vue
@@ -10,23 +10,59 @@
     </demo-block>
 
     <demo-block :title="$t('plain')">
-      <van-button plain type="primary">{{ $t('plain') }}</van-button>
-      <van-button plain type="danger">{{ $t('plain') }}</van-button>
+      <van-button
+        plain
+        type="primary"
+      >
+        {{ $t('plain') }}
+      </van-button>
+      <van-button
+        plain
+        type="danger"
+      >
+        {{ $t('plain') }}
+      </van-button>
     </demo-block>
 
     <demo-block :title="$t('disabled')">
-      <van-button disabled type="primary">{{ $t('disabled') }}</van-button>
-      <van-button disabled type="danger">{{ $t('disabled') }}</van-button>
+      <van-button
+        disabled
+        type="primary"
+      >
+        {{ $t('disabled') }}
+      </van-button>
+      <van-button
+        disabled
+        type="danger"
+      >
+        {{ $t('disabled') }}
+      </van-button>
     </demo-block>
 
     <demo-block :title="$t('loading')">
-      <van-button loading type="primary" />
-      <van-button loading type="danger" />
+      <van-button
+        loading
+        type="primary"
+      />
+      <van-button
+        loading
+        type="danger"
+      />
     </demo-block>
 
     <demo-block :title="$t('shape')">
-      <van-button type="primary" square>{{ $t('square') }}</van-button>
-      <van-button type="danger" round>{{ $t('round') }}</van-button>
+      <van-button
+        type="primary"
+        square
+      >
+        {{ $t('square') }}
+      </van-button>
+      <van-button
+        type="danger"
+        round
+      >
+        {{ $t('round') }}
+      </van-button>
     </demo-block>
 
     <demo-block :title="$t('size')">
diff --git a/packages/button/index.vue b/packages/button/index.vue
index 5cc35393b..047d087be 100644
--- a/packages/button/index.vue
+++ b/packages/button/index.vue
@@ -19,8 +19,15 @@
     ])"
     @click="onClick"
   >
-    <loading v-if="loading" size="20px" :color="type === 'default' ? void 0 : ''" />
-    <span v-else :class="b('text')">
+    <loading
+      v-if="loading"
+      size="20px"
+      :color="type === 'default' ? void 0 : ''"
+    />
+    <span
+      v-else
+      :class="b('text')"
+    >
       <slot>{{ text }}</slot>
     </span>
   </component>
diff --git a/packages/button/test/__snapshots__/demo.spec.js.snap b/packages/button/test/__snapshots__/demo.spec.js.snap
index 9803e29e5..3c6bb7c2f 100644
--- a/packages/button/test/__snapshots__/demo.spec.js.snap
+++ b/packages/button/test/__snapshots__/demo.spec.js.snap
@@ -11,12 +11,20 @@ exports[`renders demo correctly 1`] = `
     <button class="van-button van-button--warning van-button--normal"><span class="van-button__text">警告按钮</span></button>
   </div>
   <div>
-    <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">朴素按钮</span></button>
-    <button class="van-button van-button--danger van-button--normal van-button--plain"><span class="van-button__text">朴素按钮</span></button>
+    <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">
+      朴素按钮
+    </span></button>
+    <button class="van-button van-button--danger van-button--normal van-button--plain"><span class="van-button__text">
+      朴素按钮
+    </span></button>
   </div>
   <div>
-    <button disabled="disabled" class="van-button van-button--primary van-button--normal van-button--disabled van-button--unclickable"><span class="van-button__text">禁用状态</span></button>
-    <button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--disabled van-button--unclickable"><span class="van-button__text">禁用状态</span></button>
+    <button disabled="disabled" class="van-button van-button--primary van-button--normal van-button--disabled van-button--unclickable"><span class="van-button__text">
+      禁用状态
+    </span></button>
+    <button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--disabled van-button--unclickable"><span class="van-button__text">
+      禁用状态
+    </span></button>
   </div>
   <div>
     <button class="van-button van-button--primary van-button--normal van-button--loading van-button--unclickable">
@@ -27,8 +35,12 @@ exports[`renders demo correctly 1`] = `
     </button>
   </div>
   <div>
-    <button class="van-button van-button--primary van-button--normal van-button--square"><span class="van-button__text">方形按钮</span></button>
-    <button class="van-button van-button--danger van-button--normal van-button--round"><span class="van-button__text">圆形按钮</span></button>
+    <button class="van-button van-button--primary van-button--normal van-button--square"><span class="van-button__text">
+      方形按钮
+    </span></button>
+    <button class="van-button van-button--danger van-button--normal van-button--round"><span class="van-button__text">
+      圆形按钮
+    </span></button>
   </div>
   <div>
     <button class="van-button van-button--default van-button--large"><span class="van-button__text">大号按钮</span></button>
diff --git a/packages/card/index.vue b/packages/card/index.vue
index af920eb3a..4bbd0fa3d 100644
--- a/packages/card/index.vue
+++ b/packages/card/index.vue
@@ -1,8 +1,14 @@
 <template>
   <div :class="b({ center: centered })">
-    <a :href="thumbLink" :class="b('thumb')">
+    <a
+      :href="thumbLink"
+      :class="b('thumb')"
+    >
       <slot name="thumb">
-        <img :src="thumb" :class="b('img')">
+        <img
+          :src="thumb"
+          :class="b('img')"
+        >
       </slot>
       <van-tag
         v-if="tag"
@@ -16,20 +22,43 @@
     <div :class="b('content')">
       <div :class="b('left')">
         <slot name="title">
-          <div v-if="title" :class="b('title')">{{ title }}</div>
+          <div
+            v-if="title"
+            :class="b('title')"
+          >
+            {{ title }}
+          </div>
         </slot>
         <slot name="desc">
-          <div v-if="desc" :class="[b('desc'), 'van-ellipsis']">{{ desc }}</div>
+          <div
+            v-if="desc"
+            :class="[b('desc'), 'van-ellipsis']"
+          >
+            {{ desc }}
+          </div>
         </slot>
         <slot name="tags" />
       </div>
       <div :class="b('right')">
         <div v-if="isDef(price)">{{ currency }} {{ price }}</div>
-        <div v-if="isDef(originPrice)" :class="b('origin-price')">{{ currency }} {{ originPrice }}</div>
-        <div v-if="isDef(num)" :class="b('num')">x {{ num }}</div>
+        <div
+          v-if="isDef(originPrice)"
+          :class="b('origin-price')"
+        >
+          {{ currency }} {{ originPrice }}
+        </div>
+        <div
+          v-if="isDef(num)"
+          :class="b('num')"
+        >
+          x {{ num }}
+        </div>
       </div>
     </div>
-    <div :class="b('footer')" v-if="$slots.footer">
+    <div
+      :class="b('footer')"
+      v-if="$slots.footer"
+    >
       <slot name="footer" />
     </div>
   </div>
diff --git a/packages/card/test/__snapshots__/demo.spec.js.snap b/packages/card/test/__snapshots__/demo.spec.js.snap
index c1646c49e..a4c1a74a3 100644
--- a/packages/card/test/__snapshots__/demo.spec.js.snap
+++ b/packages/card/test/__snapshots__/demo.spec.js.snap
@@ -10,13 +10,19 @@ exports[`renders demo correctly 1`] = `
       </a>
       <div class="van-card__content">
         <div class="van-card__left">
-          <div class="van-card__title">商品标题</div>
-          <div class="van-card__desc van-ellipsis">描述信息</div>
+          <div class="van-card__title">
+            商品标题
+          </div>
+          <div class="van-card__desc van-ellipsis">
+            描述信息
+          </div>
         </div>
         <div class="van-card__right">
           <div>¥ 2.00</div>
           <!---->
-          <div class="van-card__num">x 2</div>
+          <div class="van-card__num">
+            x 2
+          </div>
         </div>
       </div>
       <!---->
@@ -30,13 +36,21 @@ exports[`renders demo correctly 1`] = `
     </span></a>
       <div class="van-card__content">
         <div class="van-card__left">
-          <div class="van-card__title">商品标题</div>
-          <div class="van-card__desc van-ellipsis">描述信息</div>
+          <div class="van-card__title">
+            商品标题
+          </div>
+          <div class="van-card__desc van-ellipsis">
+            描述信息
+          </div>
         </div>
         <div class="van-card__right">
           <div>¥ 2.00</div>
-          <div class="van-card__origin-price">¥ 10.00</div>
-          <div class="van-card__num">x 2</div>
+          <div class="van-card__origin-price">
+            ¥ 10.00
+          </div>
+          <div class="van-card__num">
+            x 2
+          </div>
         </div>
       </div>
       <div class="van-card__footer">
diff --git a/packages/cell/demo/index.vue b/packages/cell/demo/index.vue
index 415cdfe3b..88e31f794 100644
--- a/packages/cell/demo/index.vue
+++ b/packages/cell/demo/index.vue
@@ -2,18 +2,38 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-cell-group>
-        <van-cell :title="$t('cell')" :value="$t('content')" />
-        <van-cell :title="$t('cell')" :value="$t('content')" :label="$t('desc')" />
+        <van-cell
+          :title="$t('cell')"
+          :value="$t('content')"
+        />
+        <van-cell
+          :title="$t('cell')"
+          :value="$t('content')"
+          :label="$t('desc')"
+        />
       </van-cell-group>
     </demo-block>
 
     <demo-block :title="$t('largeSize')">
-      <van-cell :title="$t('cell')" :value="$t('content')" size="large" />
-      <van-cell :title="$t('cell')" :value="$t('content')" size="large" :label="$t('desc')" />
+      <van-cell
+        :title="$t('cell')"
+        :value="$t('content')"
+        size="large"
+      />
+      <van-cell
+        :title="$t('cell')"
+        :value="$t('content')"
+        size="large"
+        :label="$t('desc')"
+      />
     </demo-block>
 
     <demo-block :title="$t('showIcon')">
-      <van-cell :title="$t('cell')" :value="$t('content')" icon="location" />
+      <van-cell
+        :title="$t('cell')"
+        :value="$t('content')"
+        icon="location"
+      />
     </demo-block>
 
     <demo-block :title="$t('valueOnly')">
@@ -21,26 +41,58 @@
     </demo-block>
 
     <demo-block :title="$t('showArrow')">
-      <van-cell :title="$t('cell')" is-link />
-      <van-cell :title="$t('cell')" is-link :value="$t('content')" />
-      <van-cell :title="$t('cell')" is-link arrow-direction="down" :value="$t('content')" />
+      <van-cell
+        :title="$t('cell')"
+        is-link
+      />
+      <van-cell
+        :title="$t('cell')"
+        is-link
+        :value="$t('content')"
+      />
+      <van-cell
+        :title="$t('cell')"
+        is-link
+        arrow-direction="down"
+        :value="$t('content')"
+      />
     </demo-block>
 
     <demo-block :title="$t('router')">
-      <van-cell :title="$t('cell')" is-link url="//youzan.github.io/vant/mobile.html" />
-      <van-cell :title="$t('cell')" is-link to="index" />
+      <van-cell
+        :title="$t('cell')"
+        is-link
+        url="//youzan.github.io/vant/mobile.html"
+      />
+      <van-cell
+        :title="$t('cell')"
+        is-link
+        to="index"
+      />
     </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
-      <van-cell :value="$t('content')" icon="shop" is-link>
+      <van-cell
+        :value="$t('content')"
+        icon="shop"
+        is-link
+      >
         <template slot="title">
           <span class="custom-text">{{ $t('cell') }}</span>
           <van-tag type="danger">{{ $t('tag') }}</van-tag>
         </template>
       </van-cell>
-      <van-cell :title="$t('cell')" icon="location" is-link />
+      <van-cell
+        :title="$t('cell')"
+        icon="location"
+        is-link
+      />
       <van-cell :title="$t('cell')">
-        <van-icon slot="right-icon" name="search" class="custom-icon" />
+        <van-icon
+          slot="right-icon"
+          name="search"
+          class="custom-icon"
+        />
       </van-cell>
     </demo-block>
   </demo-section>
diff --git a/packages/cell/index.vue b/packages/cell/index.vue
index 4892575a5..d9f49bb85 100644
--- a/packages/cell/index.vue
+++ b/packages/cell/index.vue
@@ -12,12 +12,23 @@
     @click="onClick"
   >
     <slot name="icon">
-      <icon v-if="icon" :class="b('left-icon')" :name="icon" />
+      <icon
+        v-if="icon"
+        :class="b('left-icon')"
+        :name="icon"
+      />
     </slot>
-    <div v-if="isDef(title) || $slots.title" :class="b('title')">
+    <div
+      v-if="isDef(title) || $slots.title"
+      :class="b('title')"
+    >
       <slot name="title">
         <span v-text="title" />
-        <div v-if="label" v-text="label" :class="b('label')" />
+        <div
+          v-if="label"
+          v-text="label"
+          :class="b('label')"
+        />
       </slot>
     </div>
     <div
@@ -29,7 +40,11 @@
       </slot>
     </div>
     <slot name="right-icon">
-      <icon v-if="isLink" :class="b('right-icon', arrowDirection)" name="arrow" />
+      <icon
+        v-if="isLink"
+        :class="b('right-icon', arrowDirection)"
+        name="arrow"
+      />
     </slot>
     <slot name="extra" />
   </div>
diff --git a/packages/checkbox/demo/index.vue b/packages/checkbox/demo/index.vue
index 37c2d346d..0c59a6ebe 100644
--- a/packages/checkbox/demo/index.vue
+++ b/packages/checkbox/demo/index.vue
@@ -5,12 +5,25 @@
     </demo-block>
 
     <demo-block :title="$t('disabled')">
-      <van-checkbox :value="false" disabled>{{ $t('checkbox') }}</van-checkbox>
-      <van-checkbox :value="true" disabled>{{ $t('checkbox') }}</van-checkbox>
+      <van-checkbox
+        :value="false"
+        disabled
+      >
+        {{ $t('checkbox') }}
+      </van-checkbox>
+      <van-checkbox
+        :value="true"
+        disabled
+      >
+        {{ $t('checkbox') }}
+      </van-checkbox>
     </demo-block>
 
     <demo-block :title="$t('customColor')">
-      <van-checkbox v-model="checkbox2" checked-color="#4b0">
+      <van-checkbox
+        v-model="checkbox2"
+        checked-color="#4b0"
+      >
         {{ $t('customColor') }}
       </van-checkbox>
     </demo-block>
@@ -39,7 +52,10 @@
     </demo-block>
 
     <demo-block :title="$t('title4')">
-      <van-checkbox-group v-model="result2" :max="2">
+      <van-checkbox-group
+        v-model="result2"
+        :max="2"
+      >
         <van-checkbox
           v-for="(item, index) in list"
           :key="index"
@@ -60,7 +76,10 @@
             :title="$t('checkbox') + item"
             @click="toggle(index)"
           >
-            <van-checkbox ref="checkboxes" :name="item" />
+            <van-checkbox
+              ref="checkboxes"
+              :name="item"
+            />
           </van-cell>
         </van-cell-group>
       </van-checkbox-group>
diff --git a/packages/checkbox/index.vue b/packages/checkbox/index.vue
index 9351f4fe8..da64dce9b 100644
--- a/packages/checkbox/index.vue
+++ b/packages/checkbox/index.vue
@@ -1,11 +1,24 @@
 <template>
   <div :class="b()">
-    <div :class="[b('icon', [shape, { disabled: isDisabled, checked }])]" @click="toggle">
-      <slot name="icon" :checked="checked">
-        <icon name="success" :style="iconStyle" />
+    <div
+      :class="[b('icon', [shape, { disabled: isDisabled, checked }])]"
+      @click="toggle"
+    >
+      <slot
+        name="icon"
+        :checked="checked"
+      >
+        <icon
+          name="success"
+          :style="iconStyle"
+        />
       </slot>
     </div>
-    <span v-if="$slots.default" :class="b('label', labelPosition)" @click="toggle('label')">
+    <span
+      v-if="$slots.default"
+      :class="b('label', labelPosition)"
+      @click="toggle('label')"
+    >
       <slot />
     </span>
   </div>
diff --git a/packages/checkbox/test/__snapshots__/demo.spec.js.snap b/packages/checkbox/test/__snapshots__/demo.spec.js.snap
index cb0e02430..562f93da5 100644
--- a/packages/checkbox/test/__snapshots__/demo.spec.js.snap
+++ b/packages/checkbox/test/__snapshots__/demo.spec.js.snap
@@ -16,13 +16,17 @@ exports[`renders demo correctly 1`] = `
         <i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
           <!---->
         </i>
-      </div> <span class="van-checkbox__label">复选框</span></div>
+      </div> <span class="van-checkbox__label">
+      复选框
+    </span></div>
     <div class="van-checkbox">
       <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked">
         <i class="van-icon van-icon-success" style="color:undefined;font-size:undefined;">
           <!---->
         </i>
-      </div> <span class="van-checkbox__label">复选框</span></div>
+      </div> <span class="van-checkbox__label">
+      复选框
+    </span></div>
   </div>
   <div>
     <div class="van-checkbox">
diff --git a/packages/circle/demo/index.vue b/packages/circle/demo/index.vue
index 3d88f4759..5ef278113 100644
--- a/packages/circle/demo/index.vue
+++ b/packages/circle/demo/index.vue
@@ -21,8 +21,18 @@
         :text="currentRate2.toFixed(0) + '%'"
       />
       <div>
-        <van-button :text="$t('add')" type="primary" size="small" @click="add" />
-        <van-button :text="$t('decrease')" type="danger" size="small" @click="reduce" />
+        <van-button
+          :text="$t('add')"
+          type="primary"
+          size="small"
+          @click="add"
+        />
+        <van-button
+          :text="$t('decrease')"
+          type="danger"
+          size="small"
+          @click="reduce"
+        />
       </div>
     </demo-block>
   </demo-section>
diff --git a/packages/circle/index.vue b/packages/circle/index.vue
index f77022b1b..d6a338f8d 100644
--- a/packages/circle/index.vue
+++ b/packages/circle/index.vue
@@ -1,8 +1,19 @@
 <template>
-  <div :class="b()" :style="style">
+  <div
+    :class="b()"
+    :style="style"
+  >
     <svg viewBox="0 0 1060 1060">
-      <path :class="b('hover')" :style="hoverStyle" :d="path" />
-      <path :class="b('layer')" :style="layerStyle" :d="path" />
+      <path
+        :class="b('hover')"
+        :style="hoverStyle"
+        :d="path"
+      />
+      <path
+        :class="b('layer')"
+        :style="layerStyle"
+        :d="path"
+      />
     </svg>
     <slot>
       <div :class="b('text')">{{ text }}</div>
diff --git a/packages/col/demo/index.vue b/packages/col/demo/index.vue
index 205a0c0a0..2e7e7ceca 100644
--- a/packages/col/demo/index.vue
+++ b/packages/col/demo/index.vue
@@ -9,11 +9,21 @@
 
       <van-row>
         <van-col span="4">span: 4</van-col>
-        <van-col span="10" offset="4">offset: 4, span: 10</van-col>
+        <van-col
+          span="10"
+          offset="4"
+        >
+          offset: 4, span: 10
+        </van-col>
       </van-row>
 
       <van-row>
-        <van-col offset="12" span="12">offset: 12, span: 12</van-col>
+        <van-col
+          offset="12"
+          span="12"
+        >
+          offset: 12, span: 12
+        </van-col>
       </van-row>
     </demo-block>
 
@@ -32,25 +42,37 @@
         <van-col span="6">span: 6</van-col>
       </van-row>
 
-      <van-row type="flex" justify="center">
+      <van-row
+        type="flex"
+        justify="center"
+      >
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
       </van-row>
 
-      <van-row type="flex" justify="end">
+      <van-row
+        type="flex"
+        justify="end"
+      >
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
       </van-row>
 
-      <van-row type="flex" justify="space-between">
+      <van-row
+        type="flex"
+        justify="space-between"
+      >
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
       </van-row>
 
-      <van-row type="flex" justify="space-around">
+      <van-row
+        type="flex"
+        justify="space-around"
+      >
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
diff --git a/packages/col/test/__snapshots__/demo.spec.js.snap b/packages/col/test/__snapshots__/demo.spec.js.snap
index afddcc10c..9aa898eef 100644
--- a/packages/col/test/__snapshots__/demo.spec.js.snap
+++ b/packages/col/test/__snapshots__/demo.spec.js.snap
@@ -10,10 +10,14 @@ exports[`renders demo correctly 1`] = `
     </div>
     <div class="van-row">
       <div class="van-col van-col--4">span: 4</div>
-      <div class="van-col van-col--10 van-col--offset-4">offset: 4, span: 10</div>
+      <div class="van-col van-col--10 van-col--offset-4">
+        offset: 4, span: 10
+      </div>
     </div>
     <div class="van-row">
-      <div class="van-col van-col--12 van-col--offset-12">offset: 12, span: 12</div>
+      <div class="van-col van-col--12 van-col--offset-12">
+        offset: 12, span: 12
+      </div>
     </div>
   </div>
   <div>
diff --git a/packages/collapse-item/index.vue b/packages/collapse-item/index.vue
index 401cc6bab..3059fc443 100644
--- a/packages/collapse-item/index.vue
+++ b/packages/collapse-item/index.vue
@@ -5,13 +5,31 @@
       :class="b('title', { disabled, expanded })"
       @click="onClick"
     >
-      <slot name="title" slot="title" />
-      <slot name="icon" slot="icon" />
+      <slot
+        name="title"
+        slot="title"
+      />
+      <slot
+        name="icon"
+        slot="icon"
+      />
       <slot name="value" />
-      <slot name="right-icon" slot="right-icon" />
+      <slot
+        name="right-icon"
+        slot="right-icon"
+      />
     </cell>
-    <div v-if="inited" v-show="show" ref="wrapper" :class="b('wrapper')" @transitionend="onTransitionEnd">
-      <div ref="content" :class="b('content')">
+    <div
+      v-if="inited"
+      v-show="show"
+      ref="wrapper"
+      :class="b('wrapper')"
+      @transitionend="onTransitionEnd"
+    >
+      <div
+        ref="content"
+        :class="b('content')"
+      >
         <slot />
       </div>
     </div>
diff --git a/packages/collapse/demo/index.vue b/packages/collapse/demo/index.vue
index 711506620..e5feb8906 100644
--- a/packages/collapse/demo/index.vue
+++ b/packages/collapse/demo/index.vue
@@ -4,12 +4,20 @@
       <van-collapse v-model="active1">
         <van-collapse-item :title="$t('title1')">{{ $t('content1') }}</van-collapse-item>
         <van-collapse-item :title="$t('title2')">{{ $t('content2') }}</van-collapse-item>
-        <van-collapse-item :title="$t('title3')" disabled>{{ $t('content3') }}</van-collapse-item>
+        <van-collapse-item
+          :title="$t('title3')"
+          disabled
+        >
+          {{ $t('content3') }}
+        </van-collapse-item>
       </van-collapse>
     </demo-block>
 
     <demo-block :title="$t('accordion')">
-      <van-collapse v-model="active2" accordion>
+      <van-collapse
+        v-model="active2"
+        accordion
+      >
         <van-collapse-item :title="$t('title1')">{{ $t('content1') }}</van-collapse-item>
         <van-collapse-item :title="$t('title2')">{{ $t('content2') }}</van-collapse-item>
         <van-collapse-item :title="$t('title3')">{{ $t('content3') }}</van-collapse-item>
@@ -22,7 +30,11 @@
           <div slot="title">{{ $t('title1') }}<van-icon name="question" /></div>
           {{ $t('content1') }}
         </van-collapse-item>
-        <van-collapse-item :title="$t('title2')" :value="$t('content')" icon="shop">
+        <van-collapse-item
+          :title="$t('title2')"
+          :value="$t('content')"
+          icon="shop"
+        >
           {{ $t('content2') }}
         </van-collapse-item>
       </van-collapse>
diff --git a/packages/collapse/index.vue b/packages/collapse/index.vue
index 953e11c96..337a6391c 100644
--- a/packages/collapse/index.vue
+++ b/packages/collapse/index.vue
@@ -1,5 +1,8 @@
 <template>
-  <div :class="b()" class="van-hairline--top-bottom">
+  <div
+    :class="b()"
+    class="van-hairline--top-bottom"
+  >
     <slot />
   </div>
 </template>
diff --git a/packages/contact-card/demo/index.vue b/packages/contact-card/demo/index.vue
index ea99cc23c..fe2d7800a 100644
--- a/packages/contact-card/demo/index.vue
+++ b/packages/contact-card/demo/index.vue
@@ -8,7 +8,11 @@
         @click="showList = true"
       />
 
-      <van-popup v-model="showList" position="bottom" :lazy-render="false">
+      <van-popup
+        v-model="showList"
+        position="bottom"
+        :lazy-render="false"
+      >
         <van-contact-list
           v-model="chosenContactId"
           :list="list"
@@ -18,7 +22,11 @@
         />
       </van-popup>
 
-      <van-popup v-model="showEdit" position="bottom" :lazy-render="false">
+      <van-popup
+        v-model="showEdit"
+        position="bottom"
+        :lazy-render="false"
+      >
         <van-contact-edit
           :contact-info="editingContact"
           :is-edit="isEdit"
@@ -61,10 +69,6 @@ export default {
     };
   },
 
-  created() {
-    this.list.push(this.mockContact);
-  },
-
   computed: {
     mockContact() {
       return {
@@ -84,6 +88,10 @@ export default {
     }
   },
 
+  created() {
+    this.list.push(this.mockContact);
+  },
+
   methods: {
     onAdd() {
       this.editingContact = { id: this.list.length };
diff --git a/packages/contact-card/test/__snapshots__/demo.spec.js.snap b/packages/contact-card/test/__snapshots__/demo.spec.js.snap
index 5e0a6e95b..ac42088ff 100644
--- a/packages/contact-card/test/__snapshots__/demo.spec.js.snap
+++ b/packages/contact-card/test/__snapshots__/demo.spec.js.snap
@@ -69,7 +69,9 @@ exports[`renders demo correctly 1`] = `
           </div>
         </div>
         <div class="van-contact-edit__buttons">
-          <button class="van-button van-button--danger van-button--normal van-button--block"><span class="van-button__text">保存</span></button>
+          <button class="van-button van-button--danger van-button--normal van-button--block"><span class="van-button__text">
+      保存
+    </span></button>
           <!---->
         </div>
       </div>
diff --git a/packages/contact-edit/index.vue b/packages/contact-edit/index.vue
index 343fd97b8..ca3e72f42 100644
--- a/packages/contact-edit/index.vue
+++ b/packages/contact-edit/index.vue
@@ -19,8 +19,22 @@
       />
     </cell-group>
     <div :class="b('buttons')">
-      <van-button block :loading="isSaving" @click="onSave" type="danger">{{ $t('save') }}</van-button>
-      <van-button block :loading="isDeleting" @click="onDelete" v-if="isEdit">{{ $t('delete') }}</van-button>
+      <van-button
+        block
+        :loading="isSaving"
+        @click="onSave"
+        type="danger"
+      >
+        {{ $t('save') }}
+      </van-button>
+      <van-button
+        block
+        :loading="isDeleting"
+        @click="onDelete"
+        v-if="isEdit"
+      >
+        {{ $t('delete') }}
+      </van-button>
     </div>
   </div>
 </template>
diff --git a/packages/contact-list/index.vue b/packages/contact-list/index.vue
index 5af5623fb..aa4689832 100644
--- a/packages/contact-list/index.vue
+++ b/packages/contact-list/index.vue
@@ -1,9 +1,19 @@
 <template>
   <div :class="b()">
-    <radio-group :value="value" @input="$emit('input', $event)">
+    <radio-group
+      :value="value"
+      @input="$emit('input', $event)"
+    >
       <cell-group>
-        <cell v-for="(item, index) in list" :key="item.id" is-link>
-          <radio :name="item.id" @click="$emit('select', item, index)">
+        <cell
+          v-for="(item, index) in list"
+          :key="item.id"
+          is-link
+        >
+          <radio
+            :name="item.id"
+            @click="$emit('select', item, index)"
+          >
             <div :class="b('name')">{{ item.name }}，{{ item.tel }}</div>
           </radio>
           <icon
diff --git a/packages/coupon-cell/index.vue b/packages/coupon-cell/index.vue
index 282655706..923d5d82e 100644
--- a/packages/coupon-cell/index.vue
+++ b/packages/coupon-cell/index.vue
@@ -1,5 +1,8 @@
 <template>
-  <cell-group :class="b()" :border="border">
+  <cell-group
+    :class="b()"
+    :border="border"
+  >
     <cell
       :title="title || $t('title')"
       :value="value"
diff --git a/packages/coupon-list/Item.vue b/packages/coupon-list/Item.vue
index 0145a8484..e618ee8f2 100644
--- a/packages/coupon-list/Item.vue
+++ b/packages/coupon-list/Item.vue
@@ -8,10 +8,19 @@
       <div :class="b('body')">
         <h2>{{ data.name }}</h2>
         <p>{{ validPeriod }}</p>
-        <checkbox v-if="chosen" :class="b('corner')" :value="true" />
+        <checkbox
+          v-if="chosen"
+          :class="b('corner')"
+          value
+        />
       </div>
     </div>
-    <p v-if="disabled && data.reason" :class="b('reason')">{{ data.reason }}</p>
+    <p
+      v-if="disabled && data.reason"
+      :class="b('reason')"
+    >
+      {{ data.reason }}
+    </p>
   </div>
 </template>
 
diff --git a/packages/coupon-list/demo/index.vue b/packages/coupon-list/demo/index.vue
index f7e1cf4e2..9f5afe6d8 100644
--- a/packages/coupon-list/demo/index.vue
+++ b/packages/coupon-list/demo/index.vue
@@ -7,7 +7,10 @@
         @click="showList = true"
       />
 
-      <van-popup v-model="showList" position="bottom">
+      <van-popup
+        v-model="showList"
+        position="bottom"
+      >
         <van-coupon-list
           :coupons="coupons"
           :chosen-coupon="chosenCoupon"
diff --git a/packages/coupon-list/index.vue b/packages/coupon-list/index.vue
index 012cbb077..9636ec41c 100644
--- a/packages/coupon-list/index.vue
+++ b/packages/coupon-list/index.vue
@@ -20,9 +20,16 @@
         @click="onClickExchangeButton"
       />
     </field>
-    <tabs v-model="tab" :class="b('tab')" :line-width="120">
+    <tabs
+      v-model="tab"
+      :class="b('tab')"
+      :line-width="120"
+    >
       <tab :title="title">
-        <div :class="b('list')" :style="listStyle">
+        <div
+          :class="b('list')"
+          :style="listStyle"
+        >
           <coupon-item
             ref="card"
             v-for="(item, index) in coupons"
@@ -31,21 +38,30 @@
             :chosen="index === chosenCoupon"
             @click.native="$emit('change', index)"
           />
-          <div v-if="!coupons.length" :class="b('empty')">
+          <div
+            v-if="!coupons.length"
+            :class="b('empty')"
+          >
             <img src="https://img.yzcdn.cn/v2/image/wap/trade/new_order/empty@2x.png" >
             <p>{{ $t('empty') }}</p>
           </div>
         </div>
       </tab>
       <tab :title="disabledTitle">
-        <div :class="b('list')" :style="listStyle">
+        <div
+          :class="b('list')"
+          :style="listStyle"
+        >
           <coupon-item
             disabled
             v-for="item in disabledCoupons"
             :key="item.id || item.name"
             :data="item"
           />
-          <div v-if="!disabledCoupons.length" :class="b('empty')">
+          <div
+            v-if="!disabledCoupons.length"
+            :class="b('empty')"
+          >
             <img src="https://img.yzcdn.cn/v2/image/wap/trade/new_order/empty@2x.png" >
             <p>{{ $t('empty') }}</p>
           </div>
diff --git a/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap b/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
index 77c7f171e..88155d695 100644
--- a/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
+++ b/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
@@ -5,9 +5,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-picker">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <!---->
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
@@ -167,9 +171,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-picker">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <!---->
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
@@ -246,9 +254,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-picker">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <!---->
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
@@ -290,9 +302,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-picker">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <!---->
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
diff --git a/packages/dialog/Dialog.vue b/packages/dialog/Dialog.vue
index 4980481af..2f9f52096 100644
--- a/packages/dialog/Dialog.vue
+++ b/packages/dialog/Dialog.vue
@@ -1,13 +1,30 @@
 <template>
   <transition name="van-dialog-bounce">
-    <div v-show="value" :class="[b(), className]">
-      <div v-if="title" v-text="title" :class="b('header', { isolated: !message && !$slots.default })" />
-      <div :class="b('content')" v-if="message || $slots.default">
+    <div
+      v-show="value"
+      :class="[b(), className]"
+    >
+      <div
+        v-if="title"
+        v-text="title"
+        :class="b('header', { isolated: !message && !$slots.default })"
+      />
+      <div
+        :class="b('content')"
+        v-if="message || $slots.default"
+      >
         <slot>
-          <div v-if="message" v-html="message" :class="b('message', { 'has-title': title })" />
+          <div
+            v-if="message"
+            v-html="message"
+            :class="b('message', { 'has-title': title })"
+          />
         </slot>
       </div>
-      <div class="van-hairline--top" :class="b('footer', { 'buttons': showCancelButton && showConfirmButton })">
+      <div
+        class="van-hairline--top"
+        :class="b('footer', { 'buttons': showCancelButton && showConfirmButton })"
+      >
         <van-button
           v-show="showCancelButton"
           :loading="loading.cancel"
diff --git a/packages/dialog/demo/index.vue b/packages/dialog/demo/index.vue
index ac288a64c..e167b08a1 100644
--- a/packages/dialog/demo/index.vue
+++ b/packages/dialog/demo/index.vue
@@ -1,16 +1,40 @@
 <template>
   <demo-section>
     <demo-block :title="$t('alert1')">
-      <van-button type="primary" plain @click="onClickAlert">{{ $t('alert1') }}</van-button>
-      <van-button type="primary" plain @click="onClickAlert2">{{ $t('alert2') }}</van-button>
+      <van-button
+        type="primary"
+        plain
+        @click="onClickAlert"
+      >
+        {{ $t('alert1') }}
+      </van-button>
+      <van-button
+        type="primary"
+        plain
+        @click="onClickAlert2"
+      >
+        {{ $t('alert2') }}
+      </van-button>
     </demo-block>
 
     <demo-block :title="$t('confirm')">
-      <van-button type="primary" plain @click="onClickConfirm">{{ $t('confirm') }}</van-button>
+      <van-button
+        type="primary"
+        plain
+        @click="onClickConfirm"
+      >
+        {{ $t('confirm') }}
+      </van-button>
     </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
-      <van-button type="danger" plain @click="show = true">{{ $t('advancedUsage') }}</van-button>
+      <van-button
+        type="danger"
+        plain
+        @click="show = true"
+      >
+        {{ $t('advancedUsage') }}
+      </van-button>
       <van-dialog
         v-model="show"
         show-cancel-button
diff --git a/packages/dialog/test/__snapshots__/demo.spec.js.snap b/packages/dialog/test/__snapshots__/demo.spec.js.snap
index 248712378..2f9ad3707 100644
--- a/packages/dialog/test/__snapshots__/demo.spec.js.snap
+++ b/packages/dialog/test/__snapshots__/demo.spec.js.snap
@@ -3,14 +3,22 @@
 exports[`renders demo correctly 1`] = `
 <div>
   <div>
-    <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">消息提示</span></button>
-    <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">无标题提示</span></button>
+    <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">
+      消息提示
+    </span></button>
+    <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">
+      无标题提示
+    </span></button>
   </div>
   <div>
-    <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">消息确认</span></button>
+    <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">
+      消息确认
+    </span></button>
   </div>
   <div>
-    <button class="van-button van-button--danger van-button--normal van-button--plain"><span class="van-button__text">高级用法</span></button>
+    <button class="van-button van-button--danger van-button--normal van-button--plain"><span class="van-button__text">
+      高级用法
+    </span></button>
     <div name="van-dialog-bounce" class="van-dialog" style="display:none;">
       <!---->
       <div class="van-dialog__content">
diff --git a/packages/field/demo/index.vue b/packages/field/demo/index.vue
index 3470824d5..da5f4fb42 100644
--- a/packages/field/demo/index.vue
+++ b/packages/field/demo/index.vue
@@ -2,7 +2,10 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-cell-group>
-        <van-field v-model="value" :placeholder="$t('usernamePlaceholder')" />
+        <van-field
+          v-model="value"
+          :placeholder="$t('usernamePlaceholder')"
+        />
       </van-cell-group>
     </demo-block>
 
@@ -78,7 +81,13 @@
           :label="$t('sms')"
           :placeholder="$t('smsPlaceholder')"
         >
-          <van-button slot="button" size="small" type="primary">{{ $t('sendSMS') }}</van-button>
+          <van-button
+            slot="button"
+            size="small"
+            type="primary"
+          >
+            {{ $t('sendSMS') }}
+          </van-button>
         </van-field>
       </van-cell-group>
     </demo-block>
diff --git a/packages/field/index.vue b/packages/field/index.vue
index 2c4032a6a..f2f29da0d 100644
--- a/packages/field/index.vue
+++ b/packages/field/index.vue
@@ -13,8 +13,14 @@
       'min-height': type === 'textarea' && !autosize
     })"
   >
-    <slot name="left-icon" slot="icon" />
-    <slot name="label" slot="title" />
+    <slot
+      name="left-icon"
+      slot="icon"
+    />
+    <slot
+      name="label"
+      slot="title"
+    />
     <div :class="b('body')">
       <textarea
         v-if="type === 'textarea'"
@@ -41,12 +47,19 @@
         :class="b('clear')"
         @touchstart.prevent="onClear"
       />
-      <div v-if="$slots.icon || icon" :class="b('icon')" @click="onClickIcon">
+      <div
+        v-if="$slots.icon || icon"
+        :class="b('icon')"
+        @click="onClickIcon"
+      >
         <slot name="icon">
           <icon :name="icon" />
         </slot>
       </div>
-      <div v-if="$slots.button" :class="b('button')">
+      <div
+        v-if="$slots.button"
+        :class="b('button')"
+      >
         <slot name="button" />
       </div>
     </div>
diff --git a/packages/field/test/__snapshots__/demo.spec.js.snap b/packages/field/test/__snapshots__/demo.spec.js.snap
index 74cd4bdad..3dd26bf93 100644
--- a/packages/field/test/__snapshots__/demo.spec.js.snap
+++ b/packages/field/test/__snapshots__/demo.spec.js.snap
@@ -151,7 +151,9 @@ exports[`renders demo correctly 1`] = `
             <!---->
             <!---->
             <div class="van-field__button">
-              <button class="van-button van-button--primary van-button--small"><span class="van-button__text">发送验证码</span></button>
+              <button class="van-button van-button--primary van-button--small"><span class="van-button__text">
+          发送验证码
+        </span></button>
             </div>
           </div>
           <!---->
diff --git a/packages/goods-action-mini-btn/index.vue b/packages/goods-action-mini-btn/index.vue
index 5a9d768e5..17258f0fc 100644
--- a/packages/goods-action-mini-btn/index.vue
+++ b/packages/goods-action-mini-btn/index.vue
@@ -1,6 +1,14 @@
 <template>
-  <div :class="b()" class="van-hairline" @click="onClick">
-    <icon :class="[b('icon'), iconClass]" :info="info" :name="icon" />
+  <div
+    :class="b()"
+    class="van-hairline"
+    @click="onClick"
+  >
+    <icon
+      :class="[b('icon'), iconClass]"
+      :info="info"
+      :name="icon"
+    />
     <slot>{{ text }}</slot>
   </div>
 </template>
diff --git a/packages/goods-action/demo/index.vue b/packages/goods-action/demo/index.vue
index d97c0683f..7916f731f 100644
--- a/packages/goods-action/demo/index.vue
+++ b/packages/goods-action/demo/index.vue
@@ -2,20 +2,55 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-goods-action>
-        <van-goods-action-mini-btn icon="chat" :text="$t('icon1')" @click="onClickMiniBtn" />
-        <van-goods-action-mini-btn icon="cart" :text="$t('icon2')" @click="onClickMiniBtn" />
-        <van-goods-action-big-btn :text="$t('button1')" @click="onClickBigBtn" />
-        <van-goods-action-big-btn :text="$t('button2')" @click="onClickBigBtn" primary />
+        <van-goods-action-mini-btn
+          icon="chat"
+          :text="$t('icon1')"
+          @click="onClickMiniBtn"
+        />
+        <van-goods-action-mini-btn
+          icon="cart"
+          :text="$t('icon2')"
+          @click="onClickMiniBtn"
+        />
+        <van-goods-action-big-btn
+          :text="$t('button1')"
+          @click="onClickBigBtn"
+        />
+        <van-goods-action-big-btn
+          primary
+          :text="$t('button2')"
+          @click="onClickBigBtn"
+        />
       </van-goods-action>
     </demo-block>
 
     <demo-block :title="$t('title2')">
       <van-goods-action>
-        <van-goods-action-mini-btn icon="chat" :text="$t('icon1')" @click="onClickMiniBtn" />
-        <van-goods-action-mini-btn icon="cart" info="5" :text="$t('icon2')" @click="onClickMiniBtn" />
-        <van-goods-action-mini-btn icon="shop" :text="$t('icon3')" @click="onClickMiniBtn" />
-        <van-goods-action-big-btn :text="$t('button1')" @click="onClickBigBtn" />
-        <van-goods-action-big-btn :text="$t('button2')" @click="onClickBigBtn" primary />
+        <van-goods-action-mini-btn
+          icon="chat"
+          :text="$t('icon1')"
+          @click="onClickMiniBtn"
+        />
+        <van-goods-action-mini-btn
+          icon="cart"
+          info="5"
+          :text="$t('icon2')"
+          @click="onClickMiniBtn"
+        />
+        <van-goods-action-mini-btn
+          icon="shop"
+          :text="$t('icon3')"
+          @click="onClickMiniBtn"
+        />
+        <van-goods-action-big-btn
+          :text="$t('button1')"
+          @click="onClickBigBtn"
+        />
+        <van-goods-action-big-btn
+          primary
+          :text="$t('button2')"
+          @click="onClickBigBtn"
+        />
       </van-goods-action>
     </demo-block>
   </demo-section>
diff --git a/packages/goods-action/test/__snapshots__/demo.spec.js.snap b/packages/goods-action/test/__snapshots__/demo.spec.js.snap
index 8d1ae20ef..7f20b69ae 100644
--- a/packages/goods-action/test/__snapshots__/demo.spec.js.snap
+++ b/packages/goods-action/test/__snapshots__/demo.spec.js.snap
@@ -24,7 +24,9 @@ exports[`renders demo correctly 1`] = `
         </i> 客服</div>
       <div class="van-hairline van-goods-action-mini-btn">
         <i class="van-icon van-icon-cart van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
-          <div class="van-info">5</div>
+          <div class="van-info">
+            5
+          </div>
         </i> 购物车</div>
       <div class="van-hairline van-goods-action-mini-btn">
         <i class="van-icon van-icon-shop van-goods-action-mini-btn__icon" style="color:undefined;font-size:undefined;">
diff --git a/packages/icon/demo/index.vue b/packages/icon/demo/index.vue
index aacfc8687..b79096328 100644
--- a/packages/icon/demo/index.vue
+++ b/packages/icon/demo/index.vue
@@ -1,7 +1,11 @@
 <template>
   <demo-section>
     <demo-block :title="$t('title')">
-      <van-col span="8" v-for="icon in icons" :key="icon">
+      <van-col
+        v-for="icon in icons"
+        :key="icon"
+        span="8"
+      >
         <van-icon :name="icon" />
         <span>{{ icon }}</span>
       </van-col>
diff --git a/packages/icon/index.vue b/packages/icon/index.vue
index 35aec7e11..1b75337bc 100644
--- a/packages/icon/index.vue
+++ b/packages/icon/index.vue
@@ -1,5 +1,9 @@
 <template>
-  <i :class="[classPrefix, `${classPrefix}-${name}`]" :style="style" v-on="$listeners">
+  <i
+    v-on="$listeners"
+    :class="[classPrefix, `${classPrefix}-${name}`]"
+    :style="style"
+  >
     <slot />
     <van-info :info="info" />
   </i>
diff --git a/packages/image-preview/ImagePreview.vue b/packages/image-preview/ImagePreview.vue
index 7762d66ef..de26b28d2 100644
--- a/packages/image-preview/ImagePreview.vue
+++ b/packages/image-preview/ImagePreview.vue
@@ -6,14 +6,22 @@
     @touchend="onWrapperTouchEnd"
     @touchcancel="onWrapperTouchEnd"
   >
-    <div v-if="showIndex" :class="b('index')">{{ active + 1 }}/{{ count }}</div>
+    <div
+      v-if="showIndex"
+      :class="b('index')"
+    >
+      {{ active + 1 }}/{{ count }}
+    </div>
     <swipe
       ref="swipe"
       :initial-swipe="startPosition"
       :show-indicators="showIndicators"
       @change="onChange"
     >
-      <swipe-item v-for="(item, index) in images" :key="index">
+      <swipe-item
+        v-for="(item, index) in images"
+        :key="index"
+      >
         <img
           :class="b('image')"
           :src="item"
diff --git a/packages/image-preview/test/__snapshots__/index.spec.js.snap b/packages/image-preview/test/__snapshots__/index.spec.js.snap
index b363239d9..4069ba5a5 100644
--- a/packages/image-preview/test/__snapshots__/index.spec.js.snap
+++ b/packages/image-preview/test/__snapshots__/index.spec.js.snap
@@ -2,7 +2,9 @@
 
 exports[`render image 1`] = `
 <div class="van-image-preview">
-  <div class="van-image-preview__index">1/3</div>
+  <div class="van-image-preview__index">
+    1/3
+  </div>
   <div class="van-swipe">
     <div class="van-swipe__track" style="width: 0px;">
       <div class="van-swipe-item" style="width: 0px; height: 100%;">
@@ -22,7 +24,9 @@ exports[`render image 1`] = `
 
 exports[`zoom 1`] = `
 <div class="van-image-preview">
-  <div class="van-image-preview__index">1/3</div>
+  <div class="van-image-preview__index">
+    1/3
+  </div>
   <div class="van-swipe">
     <div class="van-swipe__track" style="width: 300px;">
       <div class="van-swipe-item" style="width: 100px; height: 100%;">
diff --git a/packages/info/index.vue b/packages/info/index.vue
index 26e3cbbf0..7d7c47964 100644
--- a/packages/info/index.vue
+++ b/packages/info/index.vue
@@ -1,5 +1,10 @@
 <template>
-  <div v-if="isDef(info)" :class="b()">{{ info }}</div>
+  <div
+    v-if="isDef(info)"
+    :class="b()"
+  >
+    {{ info }}
+  </div>
 </template>
 
 <script>
diff --git a/packages/lazyload/demo/index.vue b/packages/lazyload/demo/index.vue
index d81ee5f44..e5644d85e 100644
--- a/packages/lazyload/demo/index.vue
+++ b/packages/lazyload/demo/index.vue
@@ -1,16 +1,25 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <img v-for="img in imageList" v-lazy="img" >
+      <img
+        v-for="img in imageList"
+        v-lazy="img"
+      >
     </demo-block>
 
     <demo-block :title="$t('title2')">
-      <div v-for="img in backgroundImageList" v-lazy:background-image="img" />
+      <div
+        v-for="img in backgroundImageList"
+        v-lazy:background-image="img"
+      />
     </demo-block>
 
     <demo-block :title="$t('title3')">
       <lazy-component>
-        <img v-for="img in componentImageList" v-lazy="img" >
+        <img
+          v-for="img in componentImageList"
+          v-lazy="img"
+        >
       </lazy-component>
     </demo-block>
   </demo-section>
diff --git a/packages/list/demo/index.vue b/packages/list/demo/index.vue
index 5481599d4..cead2d0b4 100644
--- a/packages/list/demo/index.vue
+++ b/packages/list/demo/index.vue
@@ -2,13 +2,20 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <p class="page-desc">{{ $t('text') }}</p>
-      <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+      <van-pull-refresh
+        v-model="refreshing"
+        @refresh="onRefresh"
+      >
         <van-list
           v-model="loading"
           :finished="finished"
           @load="onLoad"
         >
-          <van-cell v-for="item in list" :key="item" :title="item + ''" />
+          <van-cell
+            v-for="item in list"
+            :key="item"
+            :title="item + ''"
+          />
         </van-list>
       </van-pull-refresh>
     </demo-block>
diff --git a/packages/list/index.vue b/packages/list/index.vue
index 03384132e..39317b6aa 100644
--- a/packages/list/index.vue
+++ b/packages/list/index.vue
@@ -1,7 +1,10 @@
 <template>
   <div :class="b()">
     <slot />
-    <div v-show="loading" :class="b('loading')">
+    <div
+      v-show="loading"
+      :class="b('loading')"
+    >
       <slot name="loading">
         <loading />
         <span :class="b('loading-text')">{{ loadingText || $t('loadingTip') }}</span>
diff --git a/packages/loading/demo/index.vue b/packages/loading/demo/index.vue
index 02648ce4b..8cf30e53f 100644
--- a/packages/loading/demo/index.vue
+++ b/packages/loading/demo/index.vue
@@ -7,7 +7,10 @@
 
     <demo-block :title="$t('title2')">
       <van-loading type="spinner" />
-      <van-loading type="spinner" color="white" />
+      <van-loading
+        type="spinner"
+        color="white"
+      />
     </demo-block>
   </demo-section>
 </template>
diff --git a/packages/loading/index.vue b/packages/loading/index.vue
index 35958687c..29d90b6c7 100644
--- a/packages/loading/index.vue
+++ b/packages/loading/index.vue
@@ -1,9 +1,24 @@
 <template>
-  <div :class="b([type, colorType])" :style="style">
+  <div
+    :class="b([type, colorType])"
+    :style="style"
+  >
     <span :class="b('spinner', type)">
-      <i v-for="(item, index) in (type === 'spinner' ? 12 : 0)" :key="index" />
-      <svg v-if="type === 'circular'" :class="b('circular')" viewBox="25 25 50 50">
-        <circle cx="50" cy="50" r="20" fill="none"/>
+      <i
+        v-for="(item, index) in (type === 'spinner' ? 12 : 0)"
+        :key="index"
+      />
+      <svg
+        v-if="type === 'circular'"
+        :class="b('circular')"
+        viewBox="25 25 50 50"
+      >
+        <circle
+          cx="50"
+          cy="50"
+          r="20"
+          fill="none"
+        />
       </svg>
     </span>
   </div>
diff --git a/packages/nav-bar/demo/index.vue b/packages/nav-bar/demo/index.vue
index 852cd3caf..2ca682873 100644
--- a/packages/nav-bar/demo/index.vue
+++ b/packages/nav-bar/demo/index.vue
@@ -12,8 +12,15 @@
     </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
-      <van-nav-bar :title="$t('title')" :left-text="$t('back')" left-arrow>
-        <van-icon name="search" slot="right" />
+      <van-nav-bar
+        :title="$t('title')"
+        :left-text="$t('back')"
+        left-arrow
+      >
+        <van-icon
+          name="search"
+          slot="right"
+        />
       </van-nav-bar>
     </demo-block>
   </demo-section>
diff --git a/packages/nav-bar/index.vue b/packages/nav-bar/index.vue
index 44882774e..0c8d98256 100644
--- a/packages/nav-bar/index.vue
+++ b/packages/nav-bar/index.vue
@@ -4,18 +4,39 @@
     :class="b({ fixed })"
     :style="style"
   >
-    <div :class="b('left')" @click="$emit('click-left')">
+    <div
+      :class="b('left')"
+      @click="$emit('click-left')"
+    >
       <slot name="left">
-        <icon v-if="leftArrow" :class="b('arrow')" name="arrow" />
-        <span v-if="leftText" v-text="leftText" :class="b('text')" />
+        <icon
+          v-if="leftArrow"
+          :class="b('arrow')"
+          name="arrow"
+        />
+        <span
+          v-if="leftText"
+          v-text="leftText"
+          :class="b('text')"
+        />
       </slot>
     </div>
-    <div :class="b('title')" class="van-ellipsis">
+    <div
+      :class="b('title')"
+      class="van-ellipsis"
+    >
       <slot name="title">{{ title }}</slot>
     </div>
-    <div :class="b('right')" @click="$emit('click-right')">
+    <div
+      :class="b('right')"
+      @click="$emit('click-right')"
+    >
       <slot name="right">
-        <span v-if="rightText" v-text="rightText" :class="b('text')" />
+        <span
+          v-if="rightText"
+          v-text="rightText"
+          :class="b('text')"
+        />
       </slot>
     </div>
   </div>
diff --git a/packages/notice-bar/demo/index.vue b/packages/notice-bar/demo/index.vue
index 5ba8a61c8..27973a1f9 100644
--- a/packages/notice-bar/demo/index.vue
+++ b/packages/notice-bar/demo/index.vue
@@ -8,12 +8,21 @@
     </demo-block>
 
     <demo-block :title="$t('title2')">
-      <van-notice-bar :scrollable="false" :text="$t('text')" />
+      <van-notice-bar
+        :scrollable="false"
+        :text="$t('text')"
+      />
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-notice-bar mode="closeable" :text="$t('text')" />
-      <van-notice-bar mode="link" :text="$t('text')" />
+      <van-notice-bar
+        mode="closeable"
+        :text="$t('text')"
+      />
+      <van-notice-bar
+        mode="link"
+        :text="$t('text')"
+      />
     </demo-block>
   </demo-section>
 </template>
diff --git a/packages/notice-bar/index.vue b/packages/notice-bar/index.vue
index ed7901fcc..c4995a2b0 100644
--- a/packages/notice-bar/index.vue
+++ b/packages/notice-bar/index.vue
@@ -5,10 +5,16 @@
     :style="barStyle"
     @click="$emit('click')"
   >
-    <div v-if="leftIcon" :class="b('left-icon')">
+    <div
+      v-if="leftIcon"
+      :class="b('left-icon')"
+    >
       <img :src="leftIcon" >
     </div>
-    <div :class="b('wrap')" ref="wrap">
+    <div
+      ref="wrap"
+      :class="b('wrap')"
+    >
       <div
         ref="content"
         :class="[b('content'), animationClass, { 'van-ellipsis': !scrollable }]"
diff --git a/packages/number-keyboard/index.vue b/packages/number-keyboard/index.vue
index 073735b64..b3cbbafc8 100644
--- a/packages/number-keyboard/index.vue
+++ b/packages/number-keyboard/index.vue
@@ -8,7 +8,11 @@
       @animationend="onAnimationEnd"
       @webkitAnimationEnd="onAnimationEnd"
     >
-      <div :class="b('title')" class="van-hairline--top" v-if="title || showTitleClose">
+      <div
+        v-if="title || showTitleClose"
+        :class="b('title')"
+        class="van-hairline--top"
+      >
         <span v-text="title" />
         <span
           :class="b('close')"
@@ -26,9 +30,20 @@
           @press="onPressKey"
         />
       </div>
-      <div v-if="theme === 'custom'" :class="b('sidebar')">
-        <key :text="deleteText" :type="['delete', 'big', 'gray']" @press="onPressKey" />
-        <key :text="closeButtonText" :type="['blue', 'big']" @press="onPressKey" />
+      <div
+        v-if="theme === 'custom'"
+        :class="b('sidebar')"
+      >
+        <key
+          :text="deleteText"
+          :type="['delete', 'big', 'gray']"
+          @press="onPressKey"
+        />
+        <key
+          :text="closeButtonText"
+          :type="['blue', 'big']"
+          @press="onPressKey"
+        />
       </div>
     </div>
   </transition>
diff --git a/packages/pagination/index.vue b/packages/pagination/index.vue
index b4536470c..25e4cc55a 100644
--- a/packages/pagination/index.vue
+++ b/packages/pagination/index.vue
@@ -8,7 +8,6 @@
       {{ prevText || $t('prev') }}
     </li>
     <li
-      v-if="isMultiMode"
       v-for="page in pages"
       class="van-hairline"
       :class="[b('item', { active: page.active }), b('page')]"
@@ -16,7 +15,10 @@
     >
       {{ page.text }}
     </li>
-    <li v-if="!isMultiMode" :class="b('page-desc')">
+    <li
+      v-if="!isMultiMode"
+      :class="b('page-desc')"
+    >
       <slot name="pageDesc">{{ pageDesc }}</slot>
     </li>
     <li
@@ -77,6 +79,10 @@ export default create({
       const pages = [];
       const pageCount = this.computedPageCount;
 
+      if (!this.isMultiMode) {
+        return pages;
+      }
+
       // Default page limits
       let startPage = 1;
       let endPage = pageCount;
diff --git a/packages/pagination/test/__snapshots__/demo.spec.js.snap b/packages/pagination/test/__snapshots__/demo.spec.js.snap
index 281555e7a..646dce96a 100644
--- a/packages/pagination/test/__snapshots__/demo.spec.js.snap
+++ b/packages/pagination/test/__snapshots__/demo.spec.js.snap
@@ -33,11 +33,6 @@ exports[`renders demo correctly 1`] = `
       <li class="van-hairline van-pagination__item van-pagination__item--disabled van-pagination__prev">
         上一页
       </li>
-      <!---->
-      <!---->
-      <!---->
-      <!---->
-      <!---->
       <li class="van-pagination__page-desc">1/12</li>
       <li class="van-hairline van-pagination__item van-pagination__next">
         下一页
diff --git a/packages/panel/demo/index.vue b/packages/panel/demo/index.vue
index c534f8860..c362238b1 100644
--- a/packages/panel/demo/index.vue
+++ b/packages/panel/demo/index.vue
@@ -1,17 +1,30 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-panel :title="$t('title')" :desc="$t('desc')" :status="$t('status')">
+      <van-panel
+        :title="$t('title')"
+        :desc="$t('desc')"
+        :status="$t('status')"
+      >
         <div>{{ $t('content') }}</div>
       </van-panel>
     </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
-      <van-panel :title="$t('title')" :desc="$t('desc')" :status="$t('status')">
+      <van-panel
+        :title="$t('title')"
+        :desc="$t('desc')"
+        :status="$t('status')"
+      >
         <div>{{ $t('content') }}</div>
         <div slot="footer">
           <van-button size="small">{{ $t('button') }}</van-button>
-          <van-button size="small" type="danger">{{ $t('button') }}</van-button>
+          <van-button
+            size="small"
+            type="danger"
+          >
+            {{ $t('button') }}
+          </van-button>
         </div>
       </van-panel>
     </demo-block>
diff --git a/packages/panel/index.vue b/packages/panel/index.vue
index 06be22274..e873894da 100644
--- a/packages/panel/index.vue
+++ b/packages/panel/index.vue
@@ -12,7 +12,11 @@
     <div :class="b('content')">
       <slot />
     </div>
-    <div v-if="$slots.footer" :class="b('footer')" class="van-hairline--top">
+    <div
+      v-if="$slots.footer"
+      :class="b('footer')"
+      class="van-hairline--top"
+    >
       <slot name="footer" />
     </div>
   </cell-group>
diff --git a/packages/panel/test/__snapshots__/demo.spec.js.snap b/packages/panel/test/__snapshots__/demo.spec.js.snap
index c15935b60..7c56516df 100644
--- a/packages/panel/test/__snapshots__/demo.spec.js.snap
+++ b/packages/panel/test/__snapshots__/demo.spec.js.snap
@@ -34,7 +34,9 @@ exports[`renders demo correctly 1`] = `
       <div class="van-hairline--top van-panel__footer">
         <div>
           <button class="van-button van-button--default van-button--small"><span class="van-button__text">按钮</span></button>
-          <button class="van-button van-button--danger van-button--small"><span class="van-button__text">按钮</span></button>
+          <button class="van-button van-button--danger van-button--small"><span class="van-button__text">
+          按钮
+        </span></button>
         </div>
       </div>
     </div>
diff --git a/packages/password-input/index.vue b/packages/password-input/index.vue
index 1f795275b..e8e439532 100644
--- a/packages/password-input/index.vue
+++ b/packages/password-input/index.vue
@@ -1,7 +1,14 @@
 <template>
   <div :class="b()">
-    <ul :class="b('security')" class="van-hairline--surround" @touchstart.stop="$emit('focus')">
-      <li v-for="visibility in points" class="van-hairline">
+    <ul
+      :class="b('security')"
+      class="van-hairline--surround"
+      @touchstart.stop="$emit('focus')"
+    >
+      <li
+        v-for="visibility in points"
+        class="van-hairline"
+      >
         <i :style="`visibility: ${visibility}`" />
       </li>
     </ul>
diff --git a/packages/picker/demo/index.vue b/packages/picker/demo/index.vue
index 8b688e4e7..904dfc153 100644
--- a/packages/picker/demo/index.vue
+++ b/packages/picker/demo/index.vue
@@ -1,7 +1,10 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-picker :columns="$t('column1')" @change="onChange1" />
+      <van-picker
+        :columns="$t('column1')"
+        @change="onChange1"
+      />
     </demo-block>
 
     <demo-block :title="$t('title2')">
@@ -19,11 +22,17 @@
     </demo-block>
 
     <demo-block :title="$t('title4')">
-      <van-picker :columns="columns" @change="onChange2" />
+      <van-picker
+        :columns="columns"
+        @change="onChange2"
+      />
     </demo-block>
 
     <demo-block :title="$t('loading')">
-      <van-picker :columns="columns" loading />
+      <van-picker
+        loading
+        :columns="columns"
+      />
     </demo-block>
   </demo-section>
 </template>
diff --git a/packages/picker/index.vue b/packages/picker/index.vue
index 437cad03a..bdce5445b 100644
--- a/packages/picker/index.vue
+++ b/packages/picker/index.vue
@@ -1,16 +1,42 @@
 <template>
   <div :class="b()">
-    <div :class="b('toolbar')" class="van-hairline--top-bottom" v-if="showToolbar">
+    <div
+      v-if="showToolbar"
+      :class="b('toolbar')"
+      class="van-hairline--top-bottom"
+    >
       <slot>
-        <div :class="b('cancel')" @click="emit('cancel')">{{ cancelButtonText || $t('cancel') }}</div>
-        <div :class="b('title')" class="van-ellipsis" v-if="title" v-text="title" />
-        <div :class="b('confirm')" @click="emit('confirm')">{{ confirmButtonText || $t('confirm') }}</div>
+        <div
+          :class="b('cancel')"
+          @click="emit('cancel')"
+        >
+          {{ cancelButtonText || $t('cancel') }}
+        </div>
+        <div
+          v-if="title"
+          v-text="title"
+          :class="b('title')"
+          class="van-ellipsis"
+        />
+        <div
+          :class="b('confirm')"
+          @click="emit('confirm')"
+        >
+          {{ confirmButtonText || $t('confirm') }}
+        </div>
       </slot>
     </div>
-    <div v-if="loading" :class="b('loading')">
+    <div
+      v-if="loading"
+      :class="b('loading')"
+    >
       <loading />
     </div>
-    <div :class="b('columns')" :style="columnsStyle" @touchmove.prevent>
+    <div
+      :class="b('columns')"
+      :style="columnsStyle"
+      @touchmove.prevent
+    >
       <picker-column
         v-for="(item, index) in (simple ? [columns] : columns)"
         :key="index"
@@ -22,7 +48,11 @@
         :visible-item-count="visibleItemCount"
         @change="onChange(index)"
       />
-      <div :class="b('frame')" class="van-hairline--top-bottom" :style="frameStyle" />
+      <div
+        :class="b('frame')"
+        class="van-hairline--top-bottom"
+        :style="frameStyle"
+      />
     </div>
   </div>
 </template>
diff --git a/packages/picker/test/__snapshots__/demo.spec.js.snap b/packages/picker/test/__snapshots__/demo.spec.js.snap
index 7a1090d57..6ecafd43c 100644
--- a/packages/picker/test/__snapshots__/demo.spec.js.snap
+++ b/packages/picker/test/__snapshots__/demo.spec.js.snap
@@ -39,9 +39,13 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-picker">
       <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div class="van-picker__cancel">取消</div>
+        <div class="van-picker__cancel">
+          取消
+        </div>
         <div class="van-ellipsis van-picker__title">标题</div>
-        <div class="van-picker__confirm">确认</div>
+        <div class="van-picker__confirm">
+          确认
+        </div>
       </div>
       <!---->
       <div class="van-picker__columns" style="height:220px;">
diff --git a/packages/popup/demo/index.vue b/packages/popup/demo/index.vue
index 6eb529bfb..4a432d758 100644
--- a/packages/popup/demo/index.vue
+++ b/packages/popup/demo/index.vue
@@ -8,7 +8,10 @@
     <demo-block :title="$t('position')">
       <van-button @click="show2 = true;">{{ $t('button2') }}</van-button>
 
-      <van-popup v-model="show2" position="bottom">
+      <van-popup
+        v-model="show2"
+        position="bottom"
+      >
         <van-picker
           show-toolbar
           :columns="$t('columns')"
@@ -18,15 +21,25 @@
       </van-popup>
 
       <van-button @click="show3 = true">{{ $t('button4') }}</van-button>
-      <van-popup v-model="show3" position="top" :overlay="false">
+      <van-popup
+        v-model="show3"
+        position="top"
+        :overlay="false"
+      >
         {{ $t('content') }}
       </van-popup>
 
       <van-button @click="show4 = true">{{ $t('button5') }}</van-button>
-      <van-popup v-model="show4" position="right">
+      <van-popup
+        v-model="show4"
+        position="right"
+      >
         <van-button @click="show4 = false">{{ $t('button6') }}</van-button>
         <van-button @click="show5 = true">{{ $t('button5') }}</van-button>
-        <van-popup v-model="show5" position="right">
+        <van-popup
+          v-model="show5"
+          position="right"
+        >
           <van-button @click="show5 = false">{{ $t('button6') }}</van-button>
         </van-popup>
       </van-popup>
diff --git a/packages/popup/index.vue b/packages/popup/index.vue
index 7cc8c5feb..f9438a31a 100644
--- a/packages/popup/index.vue
+++ b/packages/popup/index.vue
@@ -1,6 +1,10 @@
 <template>
   <transition :name="currentTransition">
-    <div v-if="shouldRender" v-show="value" :class="b({ [position]: position })">
+    <div
+      v-if="shouldRender"
+      v-show="value"
+      :class="b({ [position]: position })"
+    >
       <slot />
     </div>
   </transition>
diff --git a/packages/progress/demo/index.vue b/packages/progress/demo/index.vue
index 86aa99262..33d225821 100644
--- a/packages/progress/demo/index.vue
+++ b/packages/progress/demo/index.vue
@@ -5,12 +5,23 @@
     </demo-block>
 
     <demo-block :title="$t('title2')">
-      <van-progress inactive :percentage="50" />
+      <van-progress
+        inactive
+        :percentage="50"
+      />
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-progress :pivot-text="$t('orange')" color="#f2826a" :percentage="25" />
-      <van-progress :pivot-text="$t('red')" color="#f44" :percentage="50" />
+      <van-progress
+        color="#f2826a"
+        :percentage="25"
+        :pivot-text="$t('orange')"
+      />
+      <van-progress
+        color="#f44"
+        :percentage="50"
+        :pivot-text="$t('red')"
+      />
       <van-progress
         :percentage="75"
         :pivot-text="$t('purple')"
diff --git a/packages/progress/index.vue b/packages/progress/index.vue
index b8bfd337b..3d4b650ee 100644
--- a/packages/progress/index.vue
+++ b/packages/progress/index.vue
@@ -1,7 +1,17 @@
 <template>
   <div :class="b()">
-    <span :class="b('portion', { 'with-pivot': showPivot && text })" :style="portionStyle">
-      <span v-if="showPivot && text" ref="pivot" :style="pivotStyle" :class="b('pivot')">{{ text }}</span>
+    <span
+      :class="b('portion', { 'with-pivot': showPivot && text })"
+      :style="portionStyle"
+    >
+      <span
+        v-if="showPivot && text"
+        ref="pivot"
+        :style="pivotStyle"
+        :class="b('pivot')"
+      >
+        {{ text }}
+      </span>
     </span>
   </div>
 </template>
diff --git a/packages/progress/test/__snapshots__/demo.spec.js.snap b/packages/progress/test/__snapshots__/demo.spec.js.snap
index 475f7a0b3..70099838c 100644
--- a/packages/progress/test/__snapshots__/demo.spec.js.snap
+++ b/packages/progress/test/__snapshots__/demo.spec.js.snap
@@ -3,19 +3,29 @@
 exports[`renders demo correctly 1`] = `
 <div>
   <div>
-    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#1989fa;"><span class="van-progress__pivot" style="color:#fff;background:#1989fa;">50%</span></span>
+    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#1989fa;"><span class="van-progress__pivot" style="color:#fff;background:#1989fa;">
+      50%
+    </span></span>
     </div>
   </div>
   <div>
-    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#cacaca;"><span class="van-progress__pivot" style="color:#fff;background:#cacaca;">50%</span></span>
+    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#cacaca;"><span class="van-progress__pivot" style="color:#fff;background:#cacaca;">
+      50%
+    </span></span>
     </div>
   </div>
   <div>
-    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#f2826a;"><span class="van-progress__pivot" style="color:#fff;background:#f2826a;">橙色</span></span>
+    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#f2826a;"><span class="van-progress__pivot" style="color:#fff;background:#f2826a;">
+      橙色
+    </span></span>
     </div>
-    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#f44;"><span class="van-progress__pivot" style="color:#fff;background:#f44;">红色</span></span>
+    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#f44;"><span class="van-progress__pivot" style="color:#fff;background:#f44;">
+      红色
+    </span></span>
     </div>
-    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:linear-gradient(to right, #be99ff, #7232dd);"><span class="van-progress__pivot" style="color:#fff;background:#7232dd;">紫色</span></span>
+    <div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:linear-gradient(to right, #be99ff, #7232dd);"><span class="van-progress__pivot" style="color:#fff;background:#7232dd;">
+      紫色
+    </span></span>
     </div>
   </div>
 </div>
diff --git a/packages/progress/test/__snapshots__/index.spec.js.snap b/packages/progress/test/__snapshots__/index.spec.js.snap
index a48a051c4..5fb3f3291 100644
--- a/packages/progress/test/__snapshots__/index.spec.js.snap
+++ b/packages/progress/test/__snapshots__/index.spec.js.snap
@@ -3,6 +3,8 @@
 exports[`calc width 1`] = `<div class="van-progress"><span class="van-progress__portion" style="width: 0px; background: rgb(25, 137, 250);"><!----></span></div>`;
 
 exports[`calc width 2`] = `
-<div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width: 0px; background: rgb(25, 137, 250);"><span class="van-progress__pivot" style="color: rgb(255, 255, 255); background: rgb(25, 137, 250);">test</span></span>
+<div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width: 0px; background: rgb(25, 137, 250);"><span class="van-progress__pivot" style="color: rgb(255, 255, 255); background: rgb(25, 137, 250);">
+      test
+    </span></span>
 </div>
 `;
diff --git a/packages/pull-refresh/demo/index.vue b/packages/pull-refresh/demo/index.vue
index f5fe20854..247b4b5b0 100644
--- a/packages/pull-refresh/demo/index.vue
+++ b/packages/pull-refresh/demo/index.vue
@@ -1,6 +1,9 @@
 <template>
   <demo-section name="pull-refresh">
-    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+    <van-pull-refresh
+      v-model="isLoading"
+      @refresh="onRefresh"
+    >
       <demo-block :title="$t('basicUsage')">
         <p>{{ $t('text') }}: {{ count }}</p>
       </demo-block>
diff --git a/packages/pull-refresh/index.vue b/packages/pull-refresh/index.vue
index 1af6e4a95..9ad752c00 100644
--- a/packages/pull-refresh/index.vue
+++ b/packages/pull-refresh/index.vue
@@ -9,14 +9,26 @@
       @touchcancel="onTouchEnd"
     >
       <div :class="b('head')">
-        <slot v-if="status === 'normal'" name="normal" />
-        <slot v-if="status === 'pulling'" name="pulling">
+        <slot
+          v-if="status === 'normal'"
+          name="normal"
+        />
+        <slot
+          v-if="status === 'pulling'"
+          name="pulling"
+        >
           <span :class="b('text')">{{ pullingText || $t('pulling') }}</span>
         </slot>
-        <slot v-if="status === 'loosing'" name="loosing">
+        <slot
+          v-if="status === 'loosing'"
+          name="loosing"
+        >
           <span :class="b('text')">{{ loosingText || $t('loosing') }}</span>
         </slot>
-        <slot v-if="status === 'loading'" name="loading">
+        <slot
+          v-if="status === 'loading'"
+          name="loading"
+        >
           <div :class="b('loading')">
             <loading />
             <span>{{ loadingText || $t('loadingTip') }}</span>
diff --git a/packages/radio/demo/index.vue b/packages/radio/demo/index.vue
index dc2053e63..6d8cf32ba 100644
--- a/packages/radio/demo/index.vue
+++ b/packages/radio/demo/index.vue
@@ -1,14 +1,21 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-radio-group v-model="radio1" class="demo-radio-group">
+      <van-radio-group
+        v-model="radio1"
+        class="demo-radio-group"
+      >
         <van-radio name="1">{{ $t('radio') }} 1</van-radio>
         <van-radio name="2">{{ $t('radio') }} 2</van-radio>
       </van-radio-group>
     </demo-block>
 
     <demo-block :title="$t('disabled')">
-      <van-radio-group v-model="radio2" class="demo-radio-group" disabled>
+      <van-radio-group
+        v-model="radio2"
+        class="demo-radio-group"
+        disabled
+      >
         <van-radio name="1">{{ $t('radio') }} 1</van-radio>
         <van-radio name="2">{{ $t('radio') }} 2</van-radio>
       </van-radio-group>
@@ -17,10 +24,18 @@
     <demo-block :title="$t('title3')">
       <van-radio-group v-model="radio3">
         <van-cell-group>
-          <van-cell :title="$t('radio') + 1" clickable @click="radio3 = '1'">
+          <van-cell
+            :title="$t('radio') + 1"
+            clickable
+            @click="radio3 = '1'"
+          >
             <van-radio name="1" />
           </van-cell>
-          <van-cell :title="$t('radio') + 2" clickable @click="radio3 = '2'">
+          <van-cell
+            :title="$t('radio') + 2"
+            clickable
+            @click="radio3 = '2'"
+          >
             <van-radio name="2" />
           </van-cell>
         </van-cell-group>
diff --git a/packages/radio/index.vue b/packages/radio/index.vue
index e1fd03bdd..e0d4ef897 100644
--- a/packages/radio/index.vue
+++ b/packages/radio/index.vue
@@ -1,5 +1,8 @@
 <template>
-  <div :class="b({ disabled: isDisabled })" @click="$emit('click')">
+  <div
+    :class="b({ disabled: isDisabled })"
+    @click="$emit('click')"
+  >
     <span :class="b('input')">
       <input
         :value="name"
@@ -10,7 +13,11 @@
       >
       <icon :name="currentValue === name ? 'checked' : 'check'" />
     </span>
-    <span v-if="$slots.default" :class="b('label', labelPosition)" @click="onClickLabel">
+    <span
+      v-if="$slots.default"
+      :class="b('label', labelPosition)"
+      @click="onClickLabel"
+    >
       <slot />
     </span>
   </div>
diff --git a/packages/rate/demo/index.vue b/packages/rate/demo/index.vue
index 43f52f56b..f3fada456 100644
--- a/packages/rate/demo/index.vue
+++ b/packages/rate/demo/index.vue
@@ -15,7 +15,10 @@
     </demo-block>
 
     <demo-block :title="$t('disabled')">
-      <van-rate disabled v-model="value3" />
+      <van-rate
+        v-model="value3"
+        disabled
+      />
     </demo-block>
   </demo-section>
 </template>
diff --git a/packages/rate/index.vue b/packages/rate/index.vue
index f3fafdcf7..9a261fe02 100644
--- a/packages/rate/index.vue
+++ b/packages/rate/index.vue
@@ -1,5 +1,8 @@
 <template>
-  <div :class="b()" @touchmove="onTouchMove">
+  <div
+    :class="b()"
+    @touchmove="onTouchMove"
+  >
     <svg
       v-for="(isFull, index) in list"
       :fill="disabled ? disabledColor : isFull ? color : voidColor"
diff --git a/packages/search/demo/index.vue b/packages/search/demo/index.vue
index a18d8557a..14e0d69ec 100644
--- a/packages/search/demo/index.vue
+++ b/packages/search/demo/index.vue
@@ -26,7 +26,12 @@
         show-action
         @search="onSearch"
       >
-        <div slot="action" @click="onSearch">{{ $t('search') }}</div>
+        <div
+          slot="action"
+          @click="onSearch"
+        >
+          {{ $t('search') }}
+        </div>
       </van-search>
     </demo-block>
   </demo-section>
diff --git a/packages/search/index.vue b/packages/search/index.vue
index bf8710f45..8a6e562ba 100644
--- a/packages/search/index.vue
+++ b/packages/search/index.vue
@@ -1,5 +1,8 @@
 <template>
-  <div :class="b({ 'show-action': showAction })" :style="{ background }">
+  <div
+    :class="b({ 'show-action': showAction })"
+    :style="{ background }"
+  >
     <field
       v-bind="$attrs"
       v-on="listeners"
@@ -9,9 +12,15 @@
       :border="false"
       left-icon="search"
     >
-      <slot name="left-icon" slot="left-icon" />
+      <slot
+        name="left-icon"
+        slot="left-icon"
+      />
     </field>
-    <div v-if="showAction" :class="b('action')">
+    <div
+      v-if="showAction"
+      :class="b('action')"
+    >
       <slot name="action">
         <div @click="onBack">{{ $t('cancel') }}</div>
       </slot>
diff --git a/packages/search/test/__snapshots__/demo.spec.js.snap b/packages/search/test/__snapshots__/demo.spec.js.snap
index 140a66d57..b92c3444f 100644
--- a/packages/search/test/__snapshots__/demo.spec.js.snap
+++ b/packages/search/test/__snapshots__/demo.spec.js.snap
@@ -67,7 +67,9 @@ exports[`renders demo correctly 1`] = `
         <!---->
       </div>
       <div class="van-search__action">
-        <div>搜索</div>
+        <div>
+          搜索
+        </div>
       </div>
     </div>
   </div>
diff --git a/packages/sku/Sku.vue b/packages/sku/Sku.vue
index 2656a3195..cac0b727c 100644
--- a/packages/sku/Sku.vue
+++ b/packages/sku/Sku.vue
@@ -31,12 +31,26 @@
         </slot>
       </sku-header>
     </slot>
-    <div class="van-sku-body" :style="bodyStyle">
+    <div
+      class="van-sku-body"
+      :style="bodyStyle"
+    >
       <!-- sku-body-top -->
-      <slot name="sku-body-top" :selected-sku="selectedSku" :sku-event-bus="skuEventBus" />
+      <slot
+        name="sku-body-top"
+        :selected-sku="selectedSku"
+        :sku-event-bus="skuEventBus"
+      />
       <!-- sku-group -->
-      <slot name="sku-group" :selected-sku="selectedSku" :sku-event-bus="skuEventBus">
-        <div v-if="hasSku" class="van-sku-group-container van-hairline--bottom">
+      <slot
+        name="sku-group"
+        :selected-sku="selectedSku"
+        :sku-event-bus="skuEventBus"
+      >
+        <div
+          v-if="hasSku"
+          class="van-sku-group-container van-hairline--bottom"
+        >
           <sku-row
             v-for="(skuTreeItem, index) in skuTree"
             :key="index"
@@ -55,7 +69,10 @@
         </div>
       </slot>
       <!-- extra-sku-group -->
-      <slot name="extra-sku-group" :sku-event-bus="skuEventBus"/>
+      <slot
+        name="extra-sku-group"
+        :sku-event-bus="skuEventBus"
+      />
       <!-- sku-stepper -->
       <slot
         name="sku-stepper"
@@ -91,7 +108,10 @@
       </slot>
     </div>
     <!-- sku-actions -->
-    <slot name="sku-actions" :sku-event-bus="skuEventBus">
+    <slot
+      name="sku-actions"
+      :sku-event-bus="skuEventBus"
+    >
       <sku-actions
         :sku-event-bus="skuEventBus"
         :buy-text="buyText"
diff --git a/packages/sku/components/SkuHeader.vue b/packages/sku/components/SkuHeader.vue
index 883d3355f..8cd44c696 100644
--- a/packages/sku/components/SkuHeader.vue
+++ b/packages/sku/components/SkuHeader.vue
@@ -1,13 +1,23 @@
 <template>
-  <div :class="b()" class="van-hairline--bottom">
-    <div :class="b('img-wrap')" @click="previewImage">
+  <div
+    :class="b()"
+    class="van-hairline--bottom"
+  >
+    <div
+      :class="b('img-wrap')"
+      @click="previewImage"
+    >
       <img :src="goodsImg" >
     </div>
     <div :class="b('goods-info')">
       <div class="van-sku__goods-name van-ellipsis">{{ goods.title }}</div>
       <!-- price display area -->
       <slot />
-      <icon name="close" class="van-sku__close-icon" @click="skuEventBus.$emit('sku:close')" />
+      <icon
+        name="close"
+        class="van-sku__close-icon"
+        @click="skuEventBus.$emit('sku:close')"
+      />
     </div>
   </div>
 </template>
diff --git a/packages/sku/components/SkuImgUploader.vue b/packages/sku/components/SkuImgUploader.vue
index 6f7998f20..e5c282253 100644
--- a/packages/sku/components/SkuImgUploader.vue
+++ b/packages/sku/components/SkuImgUploader.vue
@@ -18,19 +18,32 @@
       </div>
     </van-uploader>
     <!-- 图片列表区域 -->
-    <div class="van-clearfix" v-if="paddingImg || imgList.length > 0">
+    <div
+      v-if="paddingImg || imgList.length > 0"
+      class="van-clearfix"
+    >
       <!-- 已有的图片,图片右上角显示删除按钮 -->
       <div
         v-for="img in imgList"
         :class="b('img')"
       >
         <img :src="img">
-        <icon name="clear" :class="b('delete')" @click="$emit('input', '')" />
+        <icon
+          name="clear"
+          :class="b('delete')"
+          @click="$emit('input', '')"
+        />
       </div>
       <!-- 正在上传的图片,有上传等待提示 -->
-      <div v-if="paddingImg" :class="b('img')">
+      <div
+        v-if="paddingImg"
+        :class="b('img')"
+      >
         <img :src="paddingImg">
-        <loading :class="b('uploading')" type="spinner" />
+        <loading
+          type="spinner"
+          :class="b('uploading')"
+        />
       </div>
     </div>
   </div>
diff --git a/packages/sku/components/SkuStepper.vue b/packages/sku/components/SkuStepper.vue
index cbf597b68..f6c4bad0a 100644
--- a/packages/sku/components/SkuStepper.vue
+++ b/packages/sku/components/SkuStepper.vue
@@ -12,8 +12,18 @@
         @change="onChange"
       />
     </div>
-    <div v-if="!hideStock" class="van-sku__stock">{{ stockText }}</div>
-    <div v-if="quotaText" class="van-sku__quota">{{ quotaText }}</div>
+    <div
+      v-if="!hideStock"
+      class="van-sku__stock"
+    >
+      {{ stockText }}
+    </div>
+    <div
+      v-if="quotaText"
+      class="van-sku__quota"
+    >
+      {{ quotaText }}
+    </div>
   </div>
 </template>
 
diff --git a/packages/sku/demo/index.vue b/packages/sku/demo/index.vue
index 5439766ef..55509aeed 100644
--- a/packages/sku/demo/index.vue
+++ b/packages/sku/demo/index.vue
@@ -19,7 +19,13 @@
           @buy-clicked="onBuyClicked"
           @add-cart="onAddCartClicked"
         />
-        <van-button type="primary" @click="showBase = true" block>{{ $t('basicUsage') }}</van-button>
+        <van-button
+          block
+          type="primary"
+          @click="showBase = true"
+        >
+          {{ $t('basicUsage') }}
+        </van-button>
       </div>
     </demo-block>
 
@@ -38,7 +44,13 @@
           @buy-clicked="onBuyClicked"
           @add-cart="onAddCartClicked"
         />
-        <van-button type="primary" @click="showStepper = true" block>{{ $t('title2') }}</van-button>
+        <van-button
+          block
+          type="primary"
+          @click="showStepper = true"
+        >
+          {{ $t('title2') }}
+        </van-button>
       </div>
     </demo-block>
 
@@ -60,19 +72,42 @@
           @buy-clicked="onBuyClicked"
           @add-cart="onAddCartClicked"
         >
-          <template slot="sku-header-price" slot-scope="props">
+          <template
+            slot="sku-header-price"
+            slot-scope="props"
+          >
             <div class="van-sku__goods-price">
               <span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ props.price }}</span>
             </div>
           </template>
-          <template slot="sku-actions" slot-scope="props">
+          <template
+            slot="sku-actions"
+            slot-scope="props"
+          >
             <div class="van-sku-actions">
-              <van-button bottom-action @click="onPointClicked">{{ $t('button1') }}</van-button>
-              <van-button type="primary" bottom-action @click="props.skuEventBus.$emit('sku:buy')">{{ $t('button2') }}</van-button>
+              <van-button
+                bottom-action
+                @click="onPointClicked"
+              >
+                {{ $t('button1') }}
+              </van-button>
+              <van-button
+                type="primary"
+                bottom-action
+                @click="props.skuEventBus.$emit('sku:buy')"
+              >
+                {{ $t('button2') }}
+              </van-button>
             </div>
           </template>
         </van-sku>
-        <van-button type="primary" @click="showCustom = true" block>{{ $t('advancedUsage') }}</van-button>
+        <van-button
+          block
+          type="primary"
+          @click="showCustom = true"
+        >
+          {{ $t('advancedUsage') }}
+        </van-button>
       </div>
     </demo-block>
   </demo-section>
diff --git a/packages/sku/test/__snapshots__/demo.spec.js.snap b/packages/sku/test/__snapshots__/demo.spec.js.snap
index 2ab5cc837..a9fbbd9c8 100644
--- a/packages/sku/test/__snapshots__/demo.spec.js.snap
+++ b/packages/sku/test/__snapshots__/demo.spec.js.snap
@@ -5,19 +5,25 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="sku-container">
       <!---->
-      <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">基础用法</span></button>
+      <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
+        基础用法
+      </span></button>
     </div>
   </div>
   <div>
     <div class="sku-container">
       <!---->
-      <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">自定义步进器相关配置</span></button>
+      <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
+        自定义步进器相关配置
+      </span></button>
     </div>
   </div>
   <div>
     <div class="sku-container">
       <!---->
-      <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">高级用法</span></button>
+      <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
+        高级用法
+      </span></button>
     </div>
   </div>
 </div>
diff --git a/packages/slider/demo/index.vue b/packages/slider/demo/index.vue
index d2a225b85..043eae510 100644
--- a/packages/slider/demo/index.vue
+++ b/packages/slider/demo/index.vue
@@ -1,7 +1,10 @@
 <template>
   <demo-section>
     <demo-block :title="$t('title1')">
-      <van-slider v-model="value1" @change="onChange" />
+      <van-slider
+        v-model="value1"
+        @change="onChange"
+      />
     </demo-block>
 
     <demo-block :title="$t('title2')">
@@ -14,7 +17,10 @@
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-slider v-model="value3" disabled />
+      <van-slider
+        v-model="value3"
+        disabled
+      />
     </demo-block>
 
     <demo-block :title="$t('title4')">
diff --git a/packages/slider/index.vue b/packages/slider/index.vue
index 5f3f6ad1a..d8f8673f8 100644
--- a/packages/slider/index.vue
+++ b/packages/slider/index.vue
@@ -1,6 +1,12 @@
 <template>
-  <div :class="b({ disabled })" @click.stop="onClick">
-    <div :class="b('bar')" :style="barStyle">
+  <div
+    :class="b({ disabled })"
+    @click.stop="onClick"
+  >
+    <div
+      :class="b('bar')"
+      :style="barStyle"
+    >
       <span
         :class="b('button')"
         @touchstart="onTouchStart"
diff --git a/packages/step/index.vue b/packages/step/index.vue
index e9e5a967e..4081e14e7 100644
--- a/packages/step/index.vue
+++ b/packages/step/index.vue
@@ -1,11 +1,24 @@
 <template>
-  <div class="van-hairline" :class="b([$parent.direction, { [status]: status }])">
-    <div :class="b('title')" :style="titleStyle">
+  <div
+    class="van-hairline"
+    :class="b([$parent.direction, { [status]: status }])"
+  >
+    <div
+      :class="b('title')"
+      :style="titleStyle"
+    >
       <slot />
     </div>
     <div :class="b('circle-container')">
-      <i :class="b('circle')" v-if="status !== 'process'" />
-      <icon v-else name="checked" :style="{ color: $parent.activeColor }" />
+      <i
+        v-if="status !== 'process'"
+        :class="b('circle')"
+      />
+      <icon
+        v-else
+        name="checked"
+        :style="{ color: $parent.activeColor }"
+      />
     </div>
     <div :class="b('line')" />
   </div>
diff --git a/packages/stepper/demo/index.vue b/packages/stepper/demo/index.vue
index 187696e59..1676c1a03 100644
--- a/packages/stepper/demo/index.vue
+++ b/packages/stepper/demo/index.vue
@@ -5,7 +5,10 @@
     </demo-block>
 
     <demo-block :title="$t('disabled')">
-      <van-stepper v-model="stepper1" disabled />
+      <van-stepper
+        v-model="stepper1"
+        disabled
+      />
     </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
diff --git a/packages/steps/demo/index.vue b/packages/steps/demo/index.vue
index 41142e8c1..c4cb5ad1d 100644
--- a/packages/steps/demo/index.vue
+++ b/packages/steps/demo/index.vue
@@ -27,7 +27,11 @@
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-steps direction="vertical" :active="0" active-color="#f44">
+      <van-steps
+        :active="0"
+        direction="vertical"
+        active-color="#f44"
+      >
         <van-step>
           <h3>{{ $t('status1') }}</h3>
           <p>2016-07-12 12:40</p>
diff --git a/packages/steps/index.vue b/packages/steps/index.vue
index 2c39dd102..b47c792f3 100644
--- a/packages/steps/index.vue
+++ b/packages/steps/index.vue
@@ -1,14 +1,30 @@
 <template>
   <div :class="b([direction])">
-    <div v-if="title || description" :class="b('status')">
-      <div v-if="icon || $slots.icon" :class="b('icon')">
+    <div
+      v-if="title || description"
+      :class="b('status')"
+    >
+      <div
+        v-if="icon || $slots.icon"
+        :class="b('icon')"
+      >
         <slot name="icon">
-          <icon :name="icon" :class="iconClass" />
+          <icon
+            :name="icon"
+            :class="iconClass"
+          />
         </slot>
       </div>
       <div :class="b('message')">
-        <div :class="b('title')" v-text="title" />
-        <div :class="b('desc')" class="van-ellipsis" v-text="description" />
+        <div
+          :class="b('title')"
+          v-text="title"
+        />
+        <div
+          :class="b('desc')"
+          class="van-ellipsis"
+          v-text="description"
+        />
       </div>
       <slot name="message-extra" />
     </div>
diff --git a/packages/style/demo/index.vue b/packages/style/demo/index.vue
index b8f93a2d7..4224898d3 100644
--- a/packages/style/demo/index.vue
+++ b/packages/style/demo/index.vue
@@ -9,14 +9,28 @@
     </demo-block>
 
     <demo-block :title="$t('animation')">
-      <van-switch-cell v-model="show" :title="$t('toggle')" :border="false" />
+      <van-switch-cell
+        v-model="show"
+        :title="$t('toggle')"
+        :border="false"
+      />
       <van-row>
         <transition name="van-fade">
-          <van-col span="8" v-show="show">Fade</van-col>
+          <van-col
+            v-show="show"
+            span="8"
+          >
+            Fade
+          </van-col>
         </transition>
 
         <transition name="van-slide-bottom">
-          <van-col span="8" v-show="show">Slide Bottom</van-col>
+          <van-col
+            v-show="show"
+            span="8"
+          >
+            Slide Bottom
+          </van-col>
         </transition>
       </van-row>
     </demo-block>
diff --git a/packages/submit-bar/demo/index.vue b/packages/submit-bar/demo/index.vue
index e118c7f53..16cccadb8 100644
--- a/packages/submit-bar/demo/index.vue
+++ b/packages/submit-bar/demo/index.vue
@@ -35,7 +35,13 @@
       >
         <van-checkbox v-model="checked">{{ $t('check') }}</van-checkbox>
         <span slot="tip">
-          {{ $t('tip2') }}<span class="edit-address" @click="onClickLink">{{ $t('tip3') }}</span>
+          {{ $t('tip2') }}
+          <span
+            class="edit-address"
+            @click="onClickLink"
+          >
+            {{ $t('tip3') }}
+          </span>
         </span>
       </van-submit-bar>
     </demo-block>
diff --git a/packages/submit-bar/index.vue b/packages/submit-bar/index.vue
index c80d161f8..315342a2f 100644
--- a/packages/submit-bar/index.vue
+++ b/packages/submit-bar/index.vue
@@ -1,7 +1,10 @@
 <template>
   <div :class="b()">
     <slot name="top" />
-    <div :class="b('tip')" v-if="tip || $slots.tip">
+    <div
+      v-if="tip || $slots.tip"
+      :class="b('tip')"
+    >
       {{ tip }}<slot name="tip" />
     </div>
     <div :class="b('bar')">
diff --git a/packages/submit-bar/test/__snapshots__/demo.spec.js.snap b/packages/submit-bar/test/__snapshots__/demo.spec.js.snap
index e5523b14e..11e9c2c8b 100644
--- a/packages/submit-bar/test/__snapshots__/demo.spec.js.snap
+++ b/packages/submit-bar/test/__snapshots__/demo.spec.js.snap
@@ -40,7 +40,10 @@ exports[`renders demo correctly 1`] = `
     <div class="van-submit-bar">
       <div class="van-submit-bar__tip">
         <span>
-        你的收货地址不支持同城送, <span class="edit-address">修改地址</span></span>
+        你的收货地址不支持同城送, 
+        <span class="edit-address">
+          修改地址
+        </span></span>
       </div>
       <div class="van-submit-bar__bar">
         <div class="van-checkbox">
diff --git a/packages/swipe-cell/demo/index.vue b/packages/swipe-cell/demo/index.vue
index 348e10a8d..7c76ff71c 100644
--- a/packages/swipe-cell/demo/index.vue
+++ b/packages/swipe-cell/demo/index.vue
@@ -3,20 +3,33 @@
     <demo-section>
       <van-notice-bar>{{ $t('tips') }}</van-notice-bar>
       <demo-block :title="$t('basicUsage')">
-        <van-swipe-cell :right-width="65" :left-width="65">
+        <van-swipe-cell
+          :right-width="65"
+          :left-width="65"
+        >
           <span slot="left">{{ $t('button1') }}</span>
           <van-cell-group>
-            <van-cell :title="$t('title')" :value="$t('content')" />
+            <van-cell
+              :title="$t('title')"
+              :value="$t('content')"
+            />
           </van-cell-group>
           <span slot="right">{{ $t('button2') }}</span>
         </van-swipe-cell>
       </demo-block>
 
       <demo-block :title="$t('title2')">
-        <van-swipe-cell :right-width="65" :left-width="65" :on-close="onClose">
+        <van-swipe-cell
+          :right-width="65"
+          :left-width="65"
+          :on-close="onClose"
+        >
           <span slot="left">{{ $t('button1') }}</span>
           <van-cell-group>
-            <van-cell :title="$t('title')" :value="$t('content')" />
+            <van-cell
+              :title="$t('title')"
+              :value="$t('content')"
+            />
           </van-cell-group>
           <span slot="right">{{ $t('button2') }}</span>
         </van-swipe-cell>
diff --git a/packages/swipe-cell/index.vue b/packages/swipe-cell/index.vue
index 1c7c0f49a..bb5a2c46f 100644
--- a/packages/swipe-cell/index.vue
+++ b/packages/swipe-cell/index.vue
@@ -13,11 +13,19 @@
       :style="wrapperStyle"
       @transitionend="swipe = false"
     >
-      <div v-if="leftWidth" :class="b('left')" @click.stop="onClick('left')">
+      <div
+        v-if="leftWidth"
+        :class="b('left')"
+        @click.stop="onClick('left')"
+      >
         <slot name="left" />
       </div>
       <slot />
-      <div v-if="rightWidth" :class="b('right')" @click.stop="onClick('right')">
+      <div
+        v-if="rightWidth"
+        :class="b('right')"
+        @click.stop="onClick('right')"
+      >
         <slot name="right" />
       </div>
     </div>
diff --git a/packages/swipe-item/index.vue b/packages/swipe-item/index.vue
index 8c4202551..8725b6e58 100644
--- a/packages/swipe-item/index.vue
+++ b/packages/swipe-item/index.vue
@@ -1,5 +1,8 @@
 <template>
-  <div :class="b()" :style="style">
+  <div
+    :class="b()"
+    :style="style"
+  >
     <slot />
   </div>
 </template>
diff --git a/packages/swipe/demo/index.vue b/packages/swipe/demo/index.vue
index c8fa534c7..c0592d45d 100644
--- a/packages/swipe/demo/index.vue
+++ b/packages/swipe/demo/index.vue
@@ -11,7 +11,10 @@
 
     <demo-block :title="$t('title2')">
       <van-swipe :autoplay="3000">
-        <van-swipe-item v-for="(image, index) in images" :key="index">
+        <van-swipe-item
+          v-for="(image, index) in images"
+          :key="index"
+        >
           <img v-lazy="image" >
         </van-swipe-item>
       </van-swipe>
@@ -27,7 +30,11 @@
     </demo-block>
 
     <demo-block :title="$t('title4')">
-      <van-swipe :autoplay="3000" vertical class="demo-swipe--vertical">
+      <van-swipe
+        vertical
+        :autoplay="3000"
+        class="demo-swipe--vertical"
+      >
         <van-swipe-item>1</van-swipe-item>
         <van-swipe-item>2</van-swipe-item>
         <van-swipe-item>3</van-swipe-item>
@@ -36,7 +43,11 @@
     </demo-block>
 
     <demo-block :title="$t('title5')">
-      <van-swipe :autoplay="3000" :width="300" :loop="false">
+      <van-swipe
+        :autoplay="3000"
+        :width="300"
+        :loop="false"
+      >
         <van-swipe-item>1</van-swipe-item>
         <van-swipe-item>2</van-swipe-item>
         <van-swipe-item>3</van-swipe-item>
@@ -51,7 +62,10 @@
         <van-swipe-item>3</van-swipe-item>
         <van-swipe-item>4</van-swipe-item>
 
-        <div class="custom-indicator" slot="indicator">
+        <div
+          class="custom-indicator"
+          slot="indicator"
+        >
           {{ current + 1 }}/4
         </div>
       </van-swipe>
diff --git a/packages/switch-cell/demo/index.vue b/packages/switch-cell/demo/index.vue
index 76e125eab..62040a7b3 100644
--- a/packages/switch-cell/demo/index.vue
+++ b/packages/switch-cell/demo/index.vue
@@ -2,19 +2,30 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-cell-group>
-        <van-switch-cell v-model="checked" :title="$t('title')" />
+        <van-switch-cell
+          v-model="checked"
+          :title="$t('title')"
+        />
       </van-cell-group>
     </demo-block>
 
     <demo-block :title="$t('disabled')">
       <van-cell-group>
-        <van-switch-cell v-model="checked" disabled :title="$t('title')" />
+        <van-switch-cell
+          v-model="checked"
+          disabled
+          :title="$t('title')"
+        />
       </van-cell-group>
     </demo-block>
 
     <demo-block :title="$t('loading')">
       <van-cell-group>
-        <van-switch-cell v-model="checked" loading :title="$t('title')" />
+        <van-switch-cell
+          v-model="checked"
+          loading
+          :title="$t('title')"
+        />
       </van-cell-group>
     </demo-block>
   </demo-section>
diff --git a/packages/switch-cell/index.vue b/packages/switch-cell/index.vue
index 3b2b202d0..c2408af78 100644
--- a/packages/switch-cell/index.vue
+++ b/packages/switch-cell/index.vue
@@ -1,6 +1,14 @@
 <template>
-  <cell center :title="title" :border="border" :class="b()">
-    <van-switch v-bind="$props" @input="$emit('input', $event)" />
+  <cell
+    center
+    :title="title"
+    :border="border"
+    :class="b()"
+  >
+    <van-switch
+      v-bind="$props"
+      @input="$emit('input', $event)"
+    />
   </cell>
 </template>
 
diff --git a/packages/switch/demo/index.vue b/packages/switch/demo/index.vue
index 4c6ad993d..0c659a936 100644
--- a/packages/switch/demo/index.vue
+++ b/packages/switch/demo/index.vue
@@ -5,11 +5,17 @@
     </demo-block>
 
     <demo-block :title="$t('disabled')">
-      <van-switch v-model="checked" disabled />
+      <van-switch
+        v-model="checked"
+        disabled
+      />
     </demo-block>
 
     <demo-block :title="$t('loading')">
-      <van-switch v-model="checked" loading />
+      <van-switch
+        v-model="checked"
+        loading
+      />
     </demo-block>
 
     <demo-block :title="$t('advancedUsage')">
diff --git a/packages/switch/index.vue b/packages/switch/index.vue
index b79d9e780..c81597e87 100644
--- a/packages/switch/index.vue
+++ b/packages/switch/index.vue
@@ -8,7 +8,10 @@
     @click="onClick"
   >
     <div :class="b('node')">
-      <loading v-if="loading" :class="b('loading')" />
+      <loading
+        v-if="loading"
+        :class="b('loading')"
+      />
     </div>
   </div>
 </template>
diff --git a/packages/tab/demo/index.vue b/packages/tab/demo/index.vue
index 94c647c9f..7aff4eddc 100644
--- 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>
diff --git a/packages/tab/index.vue b/packages/tab/index.vue
index 7af004f8f..52b280e52 100644
--- 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>
diff --git a/packages/tab/test/__snapshots__/index.spec.js.snap b/packages/tab/test/__snapshots__/index.spec.js.snap
index e895ffe91..84e979dfe 100644
--- 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">
diff --git a/packages/tabbar-item/index.vue b/packages/tabbar-item/index.vue
index 62c39254d..f0ef5c954 100644
--- a/packages/tabbar-item/index.vue
+++ b/packages/tabbar-item/index.vue
@@ -1,8 +1,17 @@
 <template>
-  <div :class="b({ active })" @click="onClick">
+  <div
+    :class="b({ active })"
+    @click="onClick"
+  >
     <div :class="b('icon', { dot })">
-      <slot name="icon" :active="active">
-        <icon v-if="icon" :name="icon" />
+      <slot
+        name="icon"
+        :active="active"
+      >
+        <icon
+          v-if="icon"
+          :name="icon"
+        />
       </slot>
       <van-info :info="info" />
     </div>
diff --git a/packages/tabbar/demo/index.vue b/packages/tabbar/demo/index.vue
index e01058e76..7725f3077 100644
--- a/packages/tabbar/demo/index.vue
+++ b/packages/tabbar/demo/index.vue
@@ -3,9 +3,24 @@
     <demo-block :title="$t('basicUsage')">
       <van-tabbar v-model="active">
         <van-tabbar-item icon="shop">{{ $t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="chat" dot>{{ $t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="records" info="5">{{ $t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="gold-coin" info="20">{{ $t('tab') }}</van-tabbar-item>
+        <van-tabbar-item
+          icon="chat"
+          dot
+        >
+          {{ $t('tab') }}
+        </van-tabbar-item>
+        <van-tabbar-item
+          icon="records"
+          info="5"
+        >
+          {{ $t('tab') }}
+        </van-tabbar-item>
+        <van-tabbar-item
+          icon="gold-coin"
+          info="20"
+        >
+          {{ $t('tab') }}
+        </van-tabbar-item>
       </van-tabbar>
     </demo-block>
 
diff --git a/packages/tabbar/test/__snapshots__/demo.spec.js.snap b/packages/tabbar/test/__snapshots__/demo.spec.js.snap
index 83c2bb1c1..8a4176d87 100644
--- a/packages/tabbar/test/__snapshots__/demo.spec.js.snap
+++ b/packages/tabbar/test/__snapshots__/demo.spec.js.snap
@@ -20,25 +20,35 @@ exports[`renders demo correctly 1`] = `
           </i>
           <!---->
         </div>
-        <div class="van-tabbar-item__text">标签</div>
+        <div class="van-tabbar-item__text">
+          标签
+        </div>
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon">
           <i class="van-icon van-icon-records" style="color:undefined;font-size:undefined;">
             <!---->
           </i>
-          <div class="van-info">5</div>
+          <div class="van-info">
+            5
+          </div>
+        </div>
+        <div class="van-tabbar-item__text">
+          标签
         </div>
-        <div class="van-tabbar-item__text">标签</div>
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon">
           <i class="van-icon van-icon-gold-coin" style="color:undefined;font-size:undefined;">
             <!---->
           </i>
-          <div class="van-info">20</div>
+          <div class="van-info">
+            20
+          </div>
+        </div>
+        <div class="van-tabbar-item__text">
+          标签
         </div>
-        <div class="van-tabbar-item__text">标签</div>
       </div>
     </div>
   </div>
@@ -47,7 +57,9 @@ exports[`renders demo correctly 1`] = `
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon">
           <img src="https://img.yzcdn.cn/public_files/2017/10/13/c547715be149dd3faa817e4a948b40c4.png">
-          <div class="van-info">3</div>
+          <div class="van-info">
+            3
+          </div>
         </div>
         <div class="van-tabbar-item__text"><span>自定义</span></div>
       </div>
diff --git a/packages/tabs/index.vue b/packages/tabs/index.vue
index f3a92ba88..8712927f6 100644
--- a/packages/tabs/index.vue
+++ b/packages/tabs/index.vue
@@ -8,8 +8,16 @@
         { 'van-hairline--top-bottom': type === 'line' }
       ]"
     >
-      <div :class="b('nav', [type])" ref="nav" :style="navStyle">
-        <div v-if="type === 'line'" :class="b('line')" :style="lineStyle" />
+      <div
+        ref="nav"
+        :class="b('nav', [type])"
+        :style="navStyle"
+      >
+        <div
+          v-if="type === 'line'"
+          :class="b('line')"
+          :style="lineStyle"
+        />
         <div
           v-for="(tab, index) in tabs"
           ref="tabs"
@@ -21,11 +29,19 @@
           :style="getTabStyle(tab, index)"
           @click="onClick(index)"
         >
-          <span class="van-ellipsis" ref="title">{{ tab.title }}</span>
+          <span
+            ref="title"
+            class="van-ellipsis"
+          >
+            {{ tab.title }}
+          </span>
         </div>
       </div>
     </div>
-    <div :class="b('content')" ref="content">
+    <div
+      ref="content"
+      :class="b('content')"
+    >
       <slot />
     </div>
   </div>
diff --git a/packages/tag/demo/index.vue b/packages/tag/demo/index.vue
index 951d800d8..7b2c2c64a 100644
--- a/packages/tag/demo/index.vue
+++ b/packages/tag/demo/index.vue
@@ -9,36 +9,103 @@
 
     <demo-block :title="$t('plain')">
       <van-tag plain>{{ $t('tag') }}</van-tag>
-      <van-tag round plain type="danger">{{ $t('tag') }}</van-tag>
-      <van-tag round plain type="primary">{{ $t('tag') }}</van-tag>
-      <van-tag plain type="success">{{ $t('tag') }}</van-tag>
+      <van-tag
+        round
+        plain
+        type="danger"
+      >
+        {{ $t('tag') }}
+      </van-tag>
+      <van-tag
+        round
+        plain
+        type="primary"
+      >
+        {{ $t('tag') }}
+      </van-tag>
+      <van-tag
+        plain
+        type="success"
+      >
+        {{ $t('tag') }}
+      </van-tag>
     </demo-block>
 
     <demo-block :title="$t('round')">
       <van-tag round>{{ $t('tag') }}</van-tag>
-      <van-tag round type="danger">{{ $t('tag') }}</van-tag>
-      <van-tag round type="primary">{{ $t('tag') }}</van-tag>
-      <van-tag round type="success">{{ $t('tag') }}</van-tag>
+      <van-tag
+        round
+        type="danger"
+      >
+        {{ $t('tag') }}
+      </van-tag>
+      <van-tag
+        round
+        type="primary"
+      >
+        {{ $t('tag') }}
+      </van-tag>
+      <van-tag
+        round
+        type="success"
+      >
+        {{ $t('tag') }}
+      </van-tag>
     </demo-block>
 
     <demo-block :title="$t('mark')">
       <van-tag mark>{{ $t('tag') }}</van-tag>
-      <van-tag mark type="danger">{{ $t('tag') }}</van-tag>
-      <van-tag mark type="primary">{{ $t('tag') }}</van-tag>
-      <van-tag mark type="success">{{ $t('tag') }}</van-tag>
+      <van-tag
+        mark
+        type="danger"
+      >
+        {{ $t('tag') }}
+      </van-tag>
+      <van-tag
+        mark
+        type="primary"
+      >
+        {{ $t('tag') }}
+      </van-tag>
+      <van-tag
+        mark
+        type="success"
+      >
+        {{ $t('tag') }}
+      </van-tag>
     </demo-block>
 
     <demo-block :title="$t('customColor')">
       <van-tag color="#f2826a">{{ $t('tag') }}</van-tag>
-      <van-tag color="#f2826a" plain>{{ $t('tag') }}</van-tag>
+      <van-tag
+        color="#f2826a"
+        plain
+      >
+        {{ $t('tag') }}
+      </van-tag>
       <van-tag color="#7232dd">{{ $t('tag') }}</van-tag>
-      <van-tag color="#7232dd" plain>{{ $t('tag') }}</van-tag>
+      <van-tag
+        color="#7232dd"
+        plain
+      >
+        {{ $t('tag') }}
+      </van-tag>
     </demo-block>
 
     <demo-block :title="$t('customSize')">
       <van-tag type="danger">{{ $t('tag') }}</van-tag>
-      <van-tag type="danger" size="medium">{{ $t('tag') }}</van-tag>
-      <van-tag type="danger" size="large">{{ $t('tag') }}</van-tag>
+      <van-tag
+        type="danger"
+        size="medium"
+      >
+        {{ $t('tag') }}
+      </van-tag>
+      <van-tag
+        type="danger"
+        size="large"
+      >
+        {{ $t('tag') }}
+      </van-tag>
     </demo-block>
   </demo-section>
 </template>
diff --git a/packages/tag/test/__snapshots__/demo.spec.js.snap b/packages/tag/test/__snapshots__/demo.spec.js.snap
index f89835d7c..35c9a97ca 100644
--- a/packages/tag/test/__snapshots__/demo.spec.js.snap
+++ b/packages/tag/test/__snapshots__/demo.spec.js.snap
@@ -3,14 +3,36 @@
 exports[`renders demo correctly 1`] = `
 <div>
   <div><span class="van-tag" style="background-color:#999;">标签</span> <span class="van-tag" style="background-color:#f44;">标签</span> <span class="van-tag" style="background-color:#1989fa;">标签</span> <span class="van-tag" style="background-color:#4b0;">标签</span></div>
-  <div><span class="van-tag van-tag--plain van-hairline--surround" style="color:#999;">标签</span> <span class="van-tag van-tag--plain van-tag--round van-hairline--surround" style="color:#f44;">标签</span> <span class="van-tag van-tag--plain van-tag--round van-hairline--surround"
-      style="color:#1989fa;">标签</span> <span class="van-tag van-tag--plain van-hairline--surround" style="color:#4b0;">标签</span></div>
-  <div><span class="van-tag van-tag--round" style="background-color:#999;">标签</span> <span class="van-tag van-tag--round" style="background-color:#f44;">标签</span> <span class="van-tag van-tag--round" style="background-color:#1989fa;">标签</span> <span class="van-tag van-tag--round"
-      style="background-color:#4b0;">标签</span></div>
-  <div><span class="van-tag van-tag--mark" style="background-color:#999;">标签</span> <span class="van-tag van-tag--mark" style="background-color:#f44;">标签</span> <span class="van-tag van-tag--mark" style="background-color:#1989fa;">标签</span> <span class="van-tag van-tag--mark"
-      style="background-color:#4b0;">标签</span></div>
-  <div><span class="van-tag" style="background-color:#f2826a;">标签</span> <span class="van-tag van-tag--plain van-hairline--surround" style="color:#f2826a;">标签</span> <span class="van-tag" style="background-color:#7232dd;">标签</span> <span class="van-tag van-tag--plain van-hairline--surround"
-      style="color:#7232dd;">标签</span></div>
-  <div><span class="van-tag" style="background-color:#f44;">标签</span> <span class="van-tag van-tag--medium" style="background-color:#f44;">标签</span> <span class="van-tag van-tag--large" style="background-color:#f44;">标签</span></div>
+  <div><span class="van-tag van-tag--plain van-hairline--surround" style="color:#999;">标签</span> <span class="van-tag van-tag--plain van-tag--round van-hairline--surround" style="color:#f44;">
+      标签
+    </span> <span class="van-tag van-tag--plain van-tag--round van-hairline--surround" style="color:#1989fa;">
+      标签
+    </span> <span class="van-tag van-tag--plain van-hairline--surround" style="color:#4b0;">
+      标签
+    </span></div>
+  <div><span class="van-tag van-tag--round" style="background-color:#999;">标签</span> <span class="van-tag van-tag--round" style="background-color:#f44;">
+      标签
+    </span> <span class="van-tag van-tag--round" style="background-color:#1989fa;">
+      标签
+    </span> <span class="van-tag van-tag--round" style="background-color:#4b0;">
+      标签
+    </span></div>
+  <div><span class="van-tag van-tag--mark" style="background-color:#999;">标签</span> <span class="van-tag van-tag--mark" style="background-color:#f44;">
+      标签
+    </span> <span class="van-tag van-tag--mark" style="background-color:#1989fa;">
+      标签
+    </span> <span class="van-tag van-tag--mark" style="background-color:#4b0;">
+      标签
+    </span></div>
+  <div><span class="van-tag" style="background-color:#f2826a;">标签</span> <span class="van-tag van-tag--plain van-hairline--surround" style="color:#f2826a;">
+      标签
+    </span> <span class="van-tag" style="background-color:#7232dd;">标签</span> <span class="van-tag van-tag--plain van-hairline--surround" style="color:#7232dd;">
+      标签
+    </span></div>
+  <div><span class="van-tag" style="background-color:#f44;">标签</span> <span class="van-tag van-tag--medium" style="background-color:#f44;">
+      标签
+    </span> <span class="van-tag van-tag--large" style="background-color:#f44;">
+      标签
+    </span></div>
 </div>
 `;
diff --git a/packages/toast/Toast.vue b/packages/toast/Toast.vue
index e22075e15..88c6ba468 100644
--- a/packages/toast/Toast.vue
+++ b/packages/toast/Toast.vue
@@ -1,15 +1,34 @@
 <template>
   <transition name="van-fade">
-    <div v-show="value" :class="b([style, position])">
+    <div
+      v-show="value"
+      :class="b([style, position])"
+    >
       <!-- text only -->
       <div v-if="style === 'text'">{{ message }}</div>
-      <div v-if="style === 'html'" v-html="message" />
+      <div
+        v-if="style === 'html'"
+        v-html="message"
+      />
 
       <!-- with icon -->
       <template v-if="style === 'default'">
-        <loading v-if="type === 'loading'" color="white" :type="loadingType" />
-        <icon v-else :class="b('icon')" :name="type" />
-        <div v-if="isDef(message)" :class="b('text')">{{ message }}</div>
+        <loading
+          v-if="type === 'loading'"
+          color="white"
+          :type="loadingType"
+        />
+        <icon
+          v-else
+          :class="b('icon')"
+          :name="type"
+        />
+        <div
+          v-if="isDef(message)"
+          :class="b('text')"
+        >
+          {{ message }}
+        </div>
       </template>
     </div>
   </transition>
diff --git a/packages/tree-select/index.vue b/packages/tree-select/index.vue
index 8410e0edc..44bcccde7 100644
--- a/packages/tree-select/index.vue
+++ b/packages/tree-select/index.vue
@@ -1,11 +1,15 @@
 <template>
-  <div :class="b()" :style="{ height: height + 'px' }">
+  <div
+    :class="b()"
+    :style="{ height: height + 'px' }"
+  >
     <div :class="b('nav')">
       <div
         v-for="(item, index) in items"
         class="van-ellipsis"
         :class="b('nitem', { active: mainActiveIndex === index })"
-        @click="$emit('navclick', index)">
+        @click="$emit('navclick', index)"
+      >
         {{ item.text }}
       </div>
     </div>
diff --git a/packages/uploader/demo/index.vue b/packages/uploader/demo/index.vue
index 55d3e9a70..ec8965a25 100644
--- a/packages/uploader/demo/index.vue
+++ b/packages/uploader/demo/index.vue
@@ -2,7 +2,11 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <div class="demo-uploader-container">
-        <van-uploader :max-size="102400" @oversize="logContent('oversize')" :before-read="beforeRead(1)">
+        <van-uploader
+          :max-size="102400"
+          @oversize="logContent('oversize')"
+          :before-read="beforeRead(1)"
+        >
           <van-icon name="photograph" />
         </van-uploader>
       </div>
@@ -10,7 +14,12 @@
 
     <demo-block :title="$t('title2')">
       <div class="demo-uploader-container">
-        <van-uploader accept="image/gif, image/jpeg" multiple :max-size="36000" @oversize="logContent">
+        <van-uploader
+          accept="image/gif, image/jpeg"
+          multiple
+          :max-size="36000"
+          @oversize="logContent"
+        >
           <van-icon name="photograph" />
         </van-uploader>
       </div>
diff --git a/packages/waterfall/demo/index.vue b/packages/waterfall/demo/index.vue
index d7962ebb5..6dc44dc66 100644
--- a/packages/waterfall/demo/index.vue
+++ b/packages/waterfall/demo/index.vue
@@ -6,7 +6,8 @@
       <ul
         v-waterfall-lower="loadMore"
         waterfall-disabled="disabled"
-        waterfall-offset="400">
+        waterfall-offset="400"
+      >
         <li v-for="item in list">{{ item }}</li>
       </ul>
     </demo-block>
@@ -28,6 +29,10 @@ export default {
     }
   },
 
+  directives: {
+    WaterfallLower: Waterfall('lower')
+  },
+
   data() {
     return {
       list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
@@ -35,10 +40,6 @@ export default {
     };
   },
 
-  directives: {
-    WaterfallLower: Waterfall('lower')
-  },
-
   methods: {
     loadMore() {
       this.disabled = true;
diff --git a/yarn.lock b/yarn.lock
index 84f344c24..2b31d5f65 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3114,9 +3114,9 @@ eslint-visitor-keys@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#3f3180fb2e291017716acb4c9d6d5b5c34a6a81d"
 
-eslint@^5.8.0:
-  version "5.8.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.8.0.tgz#91fbf24f6e0471e8fdf681a4d9dd1b2c9f28309b"
+eslint@^5.9.0:
+  version "5.9.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.9.0.tgz#b234b6d15ef84b5849c6de2af43195a2d59d408e"
   dependencies:
     "@babel/code-frame" "^7.0.0"
     ajv "^6.5.3"