[improvement] update eslint rules (#2089)

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"

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>

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>

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>
 

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>

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>