[Improvement] follow eslint-plugin-vue strongly-recommended code style (#482)

2017-12-26 10:34:38 +08:00
parent 6362f7b74b
commit 508cdfc0c9
105 changed files with 409 additions and 462 deletions
@@ -1,7 +1,7 @@
 <template>
  <div class="van-sku-actions">
-    <van-button v-if="showAddCartBtn" bottomAction @click="onAddCartClicked">{{ $t('cart') }}</van-button>
-    <van-button type="primary" bottomAction @click="onBuyClicked">{{ buyText || $t('buy') }}</van-button>
+    <van-button v-if="showAddCartBtn" bottom-action @click="onAddCartClicked">{{ $t('cart') }}</van-button>
+    <van-button type="primary" bottom-action @click="onBuyClicked">{{ buyText || $t('buy') }}</van-button>
  </div>
 </template>

@@ -6,7 +6,7 @@
    <div class="van-sku-header__goods-info">
      <div class="van-sku__goods-name">{{ goods.title }}</div>
      <div class="van-sku__goods-price"><span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ price }}</span></div>
-      <span class="van-sku__close-icon" @click="onCloseClicked"></span>
+      <span class="van-sku__close-icon" @click="onCloseClicked" />
    </div>
  </div>
 </template>
@@ -1,23 +1,25 @@
 <template>
  <cell-group class="van-sku-messages">
    <template v-for="(message, index) in internalMessages">
-      <template v-if="message.type === 'image'"></template>
-      <field v-else-if="message.multiple == '1'"
+      <template v-if="message.type === 'image'" />
+      <field
+        v-else-if="message.multiple == '1'"
        :key="`${goodsId}-${index}`"
        :required="message.required == '1'"
        :label="message.name"
        :placeholder="getPlaceholder('textarea')"
        type="textarea"
-        v-model="messageValues[index]">
-      </field>
-      <field v-else
+        v-model="messageValues[index]"
+      />
+      <field
+        v-else
        :key="`${goodsId}-${index}`"
        :required="message.required == '1'"
        :label="message.name"
        :placeholder="getPlaceholder(message.type)"
        :type="getType(message)"
-        v-model="messageValues[index]">
-      </field>
+        v-model="messageValues[index]"
+      />
    </template>
  </cell-group>
 </template>
@@ -2,7 +2,7 @@
  <div class="van-sku-row">
    <div class="van-sku-row__title">{{ skuRow.k }}：</div>
    <div class="van-sku-row__items">
-      <slot></slot>
+      <slot />
    </div>
  </div>
 </template>
@@ -1,5 +1,6 @@
 <template>
-  <span v-if="isChoosable"
+  <span
+    v-if="isChoosable"
    @click="onSkuSelected"
    class="van-sku-row__item"
    :class="{ 'van-sku-row__item--active': isChoosed }">
@@ -7,9 +7,9 @@
        v-model="currentNum"
        :min="1"
        :max="stepperLimit"
-        :disableInput="disableStepperInput"
-        @overlimit="handleOverLimit">
-      </stepper>
+        :disable-input="disableStepperInput"
+        @overlimit="handleOverLimit"
+      />
    </div>
    <div v-if="!hideStock" class="van-sku__stock">{{ $t('remain', stock) }}</div>
    <div v-if="quota > 0" class="van-sku__quota">{{ $t('quota', quota) }}</div>
@@ -1,69 +1,71 @@
 <template>
-  <popup v-model="show" v-if="!isSkuEmpty" position="bottom" lockOnScroll preventScroll>
+  <popup v-model="show" v-if="!isSkuEmpty" position="bottom" lock-on-scroll prevent-scroll>
    <div class="van-sku-container">
      <div class="van-sku-layout">
        <slot name="sku-header" :skuEventBus="skuEventBus" :selectedSku="selectedSku" :selectedSkuComb="selectedSkuComb">
          <sku-header
-            :skuEventBus="skuEventBus"
-            :selectedSku="selectedSku"
-            :selectedSkuComb="selectedSkuComb"
+            :sku-event-bus="skuEventBus"
+            :selected-sku="selectedSku"
+            :selected-sku-comb="selectedSkuComb"
            :goods="goods"
-            :sku="sku">
-          </sku-header>
+            :sku="sku"
+          />
        </slot>
        <div class="van-sku-body scroller" :style="bodyStyle">
          <slot name="sku-group" :selectedSku="selectedSku" :skuEventBus="skuEventBus">
            <div v-if="hasSku" class="van-sku-group-container van-hairline--bottom">
-              <div v-for="(skuTreeItem, index) in skuTree"
+              <div
+                v-for="(skuTreeItem, index) in skuTree"
                class="van-sku-row-group"
                :key="index">
                <sku-row
-                  :skuEventBus="skuEventBus"
-                  :skuRow="skuTreeItem">
+                  :sku-event-bus="skuEventBus"
+                  :sku-row="skuTreeItem"
+                >
                  <sku-row-item
                    v-for="(skuValue, index) in skuTreeItem.v"
                    :key="index"
-                    :skuKeyStr="skuTreeItem.k_s"
-                    :skuValue="skuValue"
-                    :skuEventBus="skuEventBus"
-                    :selectedSku="selectedSku"
-                    :skuList="sku.list">
-                  </sku-row-item>
+                    :sku-key-str="skuTreeItem.k_s"
+                    :sku-value="skuValue"
+                    :sku-event-bus="skuEventBus"
+                    :selected-sku="selectedSku"
+                    :sku-list="sku.list"
+                  />
                </sku-row>
              </div>
            </div>
          </slot>
-          <slot name="extra-sku-group" :skuEventBus="skuEventBus"></slot>
+          <slot name="extra-sku-group" :skuEventBus="skuEventBus"/>
          <slot name="sku-stepper" :skuEventBus="skuEventBus" :selectedSku="selectedSku" :selectedSkuComb="selectedSkuComb" :selectedNum="selectedNum">
            <sku-stepper
              ref="skuStepper"
-              :skuEventBus="skuEventBus"
-              :selectedSku="selectedSku"
-              :selectedSkuComb="selectedSkuComb"
-              :selectedNum="selectedNum"
-              :stepperTitle="stepperTitle"
-              :skuStockNum="sku.stock_num"
+              :sku-event-bus="skuEventBus"
+              :selected-sku="selectedSku"
+              :selected-sku-comb="selectedSkuComb"
+              :selected-num="selectedNum"
+              :stepper-title="stepperTitle"
+              :sku-stock-num="sku.stock_num"
              :quota="quota"
-              :quotaUsed="quotaUsed"
-              :disableStepperInput="disableStepperInput"
-              :hideStock="hideStock">
-            </sku-stepper>
+              :quota-used="quotaUsed"
+              :disable-stepper-input="disableStepperInput"
+              :hide-stock="hideStock"
+            />
          </slot>
-         <slot name="sku-messages">
+          <slot name="sku-messages">
            <sku-messages
              ref="skuMessages"
-              :goodsId="goodsId"
-              :messagePlaceholderMap="messagePlaceholderMap"
-              :messages="sku.messages">
-            </sku-messages>
+              :goods-id="goodsId"
+              :message-placeholder-map="messagePlaceholderMap"
+              :messages="sku.messages"
+            />
          </slot>
        </div>
        <slot name="sku-actions" :skuEventBus="skuEventBus">
          <sku-actions
-            :skuEventBus="skuEventBus"
-            :buyText="buyText"
-            :showAddCartBtn="showAddCartBtn">
-          </sku-actions>
+            :sku-event-bus="skuEventBus"
+            :buy-text="buyText"
+            :show-add-cart-btn="showAddCartBtn"
+          />
        </slot>
      </div>
    </div>
@@ -71,6 +73,7 @@
 </template>

 <script>
+/* eslint-disable camelcase */
 import Vue from 'vue';
 import Popup from '../../popup';
 import Toast from '../../toast';
@@ -80,7 +83,11 @@ import SkuRowItem from '../components/SkuRowItem';
 import SkuStepper from '../components/SkuStepper';
 import SkuMessages from '../components/SkuMessages';
 import SkuActions from '../components/SkuActions';
-import { isAllSelected, getSkuComb, getSelectedSkuValues } from '../utils/skuHelper';
+import {
+  isAllSelected,
+  getSkuComb,
+  getSelectedSkuValues
+} from '../utils/skuHelper';
 import { LIMIT_TYPE } from '../constants';
 import { create } from '../../utils';

@@ -147,7 +154,10 @@ export default create({
    show(val) {
      this.$emit('input', val);
      if (!val) {
-        const selectedSkuValues = getSelectedSkuValues(this.sku.tree, this.selectedSku);
+        const selectedSkuValues = getSelectedSkuValues(
+          this.sku.tree,
+          this.selectedSku
+        );

        this.$emit('sku-close', {
          selectedSkuValues,
@@ -200,7 +210,7 @@ export default create({
        return {
          id: this.sku.collection_id,
          price: Math.round(this.sku.price * 100),
-          'stock_num': this.sku.stock_num
+          stock_num: this.sku.stock_num
        };
      } else if (this.isSkuCombSelected) {
        return getSkuComb(this.sku.list, this.selectedSku);
@@ -231,7 +241,7 @@ export default create({
  methods: {
    resetSelectedSku(skuTree) {
      this.selectedSku = {};
-      skuTree.forEach((item) => {
+      skuTree.forEach(item => {
        // 只有一个sku规格值时默认选中
        if (item.v.length === 1) {
          this.selectedSku[item.k_s] = item.v[0].id;
@@ -241,9 +251,7 @@ export default create({
      });
    },
    getSkuMessages() {
-      return this.$refs.skuMessages
-        ? this.$refs.skuMessages.getMessages()
-        : {};
+      return this.$refs.skuMessages ? this.$refs.skuMessages.getMessages() : {};
    },
    getSkuCartMessages() {
      return this.$refs.skuMessages
@@ -273,9 +281,10 @@ export default create({
    },
    handleSkuSelected(skuValue) {
      // 点击已选中的sku时则取消选中
-      this.selectedSku = this.selectedSku[skuValue.skuKeyStr] === skuValue.id
-        ? { ...this.selectedSku, [skuValue.skuKeyStr]: '' }
-        : { ...this.selectedSku, [skuValue.skuKeyStr]: skuValue.id };
+      this.selectedSku =
+        this.selectedSku[skuValue.skuKeyStr] === skuValue.id
+          ? { ...this.selectedSku, [skuValue.skuKeyStr]: '' }
+          : { ...this.selectedSku, [skuValue.skuKeyStr]: skuValue.id };

      this.$emit('sku-selected', {
        skuValue,