[new feature] Sku: add hide-quota-text prop (#2216)

packages/sku/Sku.vue

@@ -89,6 +89,7 @@
           :selected-num="selectedNum"
           :stepper-title="stepperTitle"
           :sku-stock-num="sku.stock_num"
+          :hide-quota-text="hideQuotaText"
           :quota="quota"
           :quota-used="quotaUsed"
           :disable-stepper-input="disableStepperInput"
@@ -166,6 +167,7 @@ export default create({
     quotaUsed: Number,
     goodsId: [Number, String],
     hideStock: Boolean,
+    hideQuotaText: Boolean,
     stepperTitle: String,
     getContainer: Function,
     resetStepperOnHide: Boolean,

packages/sku/components/SkuStepper.vue

@@ -19,7 +19,7 @@
       {{ stockText }}
     </div>
     <div
-      v-if="quotaText"
+      v-if="!hideQuotaText && quotaText"
       class="van-sku__quota"
     >
       {{ quotaText }}
@@ -43,14 +43,15 @@ export default create({
 
   props: {
     quota: Number,
+    hideQuotaText: Boolean,
     quotaUsed: Number,
     hideStock: Boolean,
     skuEventBus: Object,
     skuStockNum: Number,
     selectedSku: Object,
+    selectedSkuComb: Object,
     selectedNum: Number,
     stepperTitle: String,
-    selectedSkuComb: Object,
     disableStepperInput: Boolean,
     customStepperConfig: Object
   },
@@ -91,7 +92,10 @@ export default create({
     },
 
     quotaText() {
-      const { quotaText } = this.customStepperConfig;
+      const { quotaText, hideQuotaText } = this.customStepperConfig;
+
+      if (hideQuotaText) return '';
+
       let text = '';
 
       if (quotaText) {

packages/sku/demo/index.vue

@@ -32,6 +32,7 @@
     <demo-block :title="$t('title2')">
       <div class="sku-container">
         <van-sku
+          hide-quota-text
           v-model="showStepper"
           :sku="skuData.sku"
           :goods="skuData.goods_info"

packages/sku/en-US.md

@@ -90,6 +90,7 @@ Vue.use(Sku);
 | goods | Goods info | `Object` | - |
 | goods-id | Goods id | `String | Number` | - |
 | hide-stock | Whether to hide stock | `Boolean` | `false` |
+| hide-quota-text | Whether to hide quota text | `Boolean` | `false` | - |
 | show-add-cart-btn | Whether to show cart button | `Boolean` | `true` |
 | quota | Quota (0 as no limit) | `Number` | `0` |
 | quota-used | Used quota | `Number` | `0` |

packages/sku/zh-CN.md

@@ -90,6 +90,7 @@ Vue.use(Sku);
 | goods | 商品信息 | `Object` | - | - |
 | goods-id | 商品 id | `String | Number` | - | - |
 | hide-stock | 是否显示商品剩余库存 | `Boolean` | `false` | - |
+| hide-quota-text | 是否显示限购提示 | `Boolean` | `false` | - |
 | show-add-cart-btn | 是否显示加入购物车按钮 | `Boolean` | `true` | - |
 | quota | 限购数，0 表示不限购 | `Number` | `0` | - |
 | quota-used | 已经购买过的数量 | `Number` | `0` | - |