sku组件增加库存文案配置和自定义validator的配置 (#1732)

sku留言增加手机号类型的简单校验
customStepperConfig中新增stockFormatter参数来自定义剩余库存文案
新增customSkuValidator参数来做规格未选择完整时的自定义错误文案配置

packages/sku/components/SkuMessages.vue

@@ -136,6 +136,9 @@ export default create({
           if (message.type === 'tel' && !validateNumber(value)) {
             return this.$t('number');
           }
+          if (message.type === 'mobile' && !/^\d{6,20}$/.test(value)) {
+            return this.$t('mobile');
+          }
           if (message.type === 'email' && !validateEmail(value)) {
             return this.$t('email');
           }

packages/sku/components/SkuStepper.vue

@@ -12,7 +12,7 @@
         @change="onChange"
       />
     </div>
-    <div v-if="!hideStock" class="van-sku__stock">{{ $t('remain', stock) }}</div>
+    <div v-if="!hideStock" class="van-sku__stock">{{ stockText }}</div>
     <div v-if="quotaText" class="van-sku__quota">{{ quotaText }}</div>
   </div>
 </template>
@@ -73,6 +73,13 @@ export default create({
       return this.skuStockNum;
     },
 
+    stockText() {
+      const { stockFormatter } = this.customStepperConfig;
+      if (stockFormatter) return stockFormatter(this.stock);
+
+      return this.$t('remain', this.stock);
+    },
+
     quotaText() {
       const { quotaText } = this.customStepperConfig;
       let text = '';