[Improvement] Coupon i18n (#431)

packages/coupon-list/Item.vue

@@ -44,7 +44,7 @@ export default create({
     conditionMessage() {
       let condition = this.data.origin_condition;
       condition = condition % 100 === 0 ? Math.round(condition / 100) : (condition / 100).toFixed(2);
-      return this.data.origin_condition === 0 ? '无使用门槛' : `满${condition}元可用`;
+      return this.data.origin_condition === 0 ? this.$t('unlimited') : this.$t('condition', condition);
     }
   },
 
@@ -57,7 +57,7 @@ export default create({
       return (num < 10 ? '0' : '') + num;
     },
     formatDiscount(discount) {
-      return `${(discount / 10).toFixed(discount % 10 === 0 ? 0 : 1)}折`;
+      return this.$t('discount', `${(discount / 10).toFixed(discount % 10 === 0 ? 0 : 1)}`);
     },
     formatAmount(amount) {
       return (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);

packages/coupon-list/index.vue

@@ -1,8 +1,21 @@
 <template>
   <div class="van-coupon-list">
     <cell-group class="van-coupon-list__top" v-if="showExchangeBar">
-      <field class="van-coupon-list__filed van-hairline--surround" v-model="exchangeCode" :placeholder="inputPlaceholder" :maxlength="20" />
-      <van-button size="small" type="danger" class="van-coupon-list__exchange" :disabled="exchangeButtonDisabled || !exchangeCode.length" @click="onClickExchangeButton">{{ exchangeButtonText }}</van-button>
+      <field
+        class="van-coupon-list__filed van-hairline--surround"
+        v-model="exchangeCode"
+        :placeholder="inputPlaceholder || $t('placeholder')"
+        :maxlength="20"
+      />
+      <van-button
+        size="small"
+        type="danger"
+        class="van-coupon-list__exchange"
+        :disabled="exchangeButtonDisabled || !exchangeCode.length"
+        @click="onClickExchangeButton"
+      >
+        {{ exchangeButtonText || $t('exchange') }}
+      </van-button>
     </cell-group>
     <div class="van-coupon-list__list" :class="{ 'van-coupon-list--with-exchange': showExchangeBar }" ref="list">
       <coupon-item
@@ -13,7 +26,7 @@
         :chosen="index === chosenCoupon"
         @click.native="onClickCoupon(index)"
       />
-      <h3 v-if="disabledCoupons.length">{{ disabledListTitle }}</h3>
+      <h3 v-if="disabledCoupons.length">{{ disabledListTitle || $t('disabled') }}</h3>
       <coupon-item
         disabled
         v-for="item in disabledCoupons"
@@ -22,7 +35,7 @@
       />
       <div class="van-coupon-list__empty" v-if="!coupons.length && !disabledCoupons.length">
         <img src="https://b.yzcdn.cn/v2/image/wap/trade/new_order/empty@2x.png" >
-        <p>暂无优惠券</p>
+        <p>{{ $t('empty') }}</p>
       </div>
     </div>
     <div
@@ -30,7 +43,7 @@
       class="van-coupon-list__close van-hairline--top"
       @click="onClickNotUse"
     >
-      {{ closeButtonText }}
+      {{ closeButtonText || $t('close') }}
     </div>
   </div>
 </template>
@@ -57,6 +70,10 @@ export default create({
   },
 
   props: {
+    closeButtonText: String,
+    inputPlaceholder: String,
+    disabledListTitle: String,
+    exchangeButtonText: String,
     chosenCoupon: {
       type: Number,
       default: -1
@@ -69,10 +86,6 @@ export default create({
       type: Array,
       default: () => []
     },
-    exchangeButtonText: {
-      type: String,
-      default: '兑换'
-    },
     exchangeButtonDisabled: {
       type: Boolean,
       default: false
@@ -81,18 +94,6 @@ export default create({
       type: Number,
       default: -1
     },
-    closeButtonText: {
-      type: String,
-      default: '不使用优惠'
-    },
-    disabledListTitle: {
-      type: String,
-      default: '不可用优惠'
-    },
-    inputPlaceholder: {
-      type: String,
-      default: '请输入优惠码'
-    },
     showExchangeBar: {
       type: Boolean,
       default: true