From 15375f45236711fe80e3042386c437b8afa5e743 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Fri, 31 Aug 2018 10:41:19 +0800
Subject: [PATCH] [breaking change] Sku: no longer support i18n (#1734)

---
 .../test/__snapshots__/demo.spec.js.snap      |   2 +-
 packages/locale/lang/en-US.js                 |  44 -
 packages/locale/lang/zh-CN.js                 |  46 +-
 packages/locale/lang/zh-HK.js                 |  46 +-
 packages/sku/Sku.vue                          |  12 +-
 packages/sku/components/SkuActions.vue        |   4 +-
 packages/sku/components/SkuImgUploader.vue    |  12 +-
 packages/sku/components/SkuMessages.vue       |  28 +-
 packages/sku/components/SkuStepper.vue        |   6 +-
 packages/sku/demo/data.js                     | 766 ++++++------------
 packages/sku/demo/index.vue                   |  41 +-
 packages/vant-css/src/sku.css                 |   8 -
 12 files changed, 315 insertions(+), 700 deletions(-)

diff --git a/packages/contact-card/test/__snapshots__/demo.spec.js.snap b/packages/contact-card/test/__snapshots__/demo.spec.js.snap
index 71aad8910..4187db50d 100644
--- a/packages/contact-card/test/__snapshots__/demo.spec.js.snap
+++ b/packages/contact-card/test/__snapshots__/demo.spec.js.snap
@@ -8,7 +8,7 @@ exports[`renders demo correctly 1`] = `
         <!---->
       </i>
       <!---->
-      <div class="van-cell__value van-cell__value--alone">添加订单联系人信息</div>
+      <div class="van-cell__value van-cell__value--alone">添加联系人</div>
       <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
         <!---->
       </i>
diff --git a/packages/locale/lang/en-US.js b/packages/locale/lang/en-US.js
index 36dc06db4..a3b307c37 100644
--- a/packages/locale/lang/en-US.js
+++ b/packages/locale/lang/en-US.js
@@ -64,49 +64,5 @@ export default {
   },
   vanAddressList: {
     add: 'Add new address'
-  },
-  vanSku: {
-    unavailable: 'The product is no longer available for purchase',
-    spec: 'Please select the goods specification',
-    least: 'Choose at least one',
-    quota: quota => `Buy up to ${quota} items`,
-    inventory: 'Inventory shortage',
-    purchase: count => `You have purchased ${count} items`
-  },
-  vanSkuActions: {
-    cart: 'Add to cart',
-    buy: 'Buy'
-  },
-  vanSkuMessages: {
-    fill: 'Please fill',
-    upload: 'Please upload',
-    number: 'Please fill in the correct number format message',
-    mobile: 'The length of mobile number must be 6 to 12',
-    email: 'Please fill in the correct email message',
-    id_no: 'Please fill in the correct ID number message',
-    onePic: 'only one picture',
-    placeholder: {
-      id_no: 'Idcard Number',
-      text: 'Text',
-      tel: 'Number',
-      email: 'Email',
-      date: 'Date',
-      time: 'Time',
-      textarea: 'Text'
-    }
-  },
-  vanSkuImgUploader: {
-    or: 'Or',
-    uploading: 'Uploading...',
-    rephoto: 'Take Again',
-    photo: 'Take',
-    reselect: 'Reselect',
-    select: 'Select Photo',
-    maxSize: maxSize => `The upload limit is up to ${maxSize}MB，please try to compress the photo`
-  },
-  vanSkuStepper: {
-    title: 'Quantity',
-    remain: count => `Remain ${count} items`,
-    quota: quota => `Buy up to ${quota} items`
   }
 };
diff --git a/packages/locale/lang/zh-CN.js b/packages/locale/lang/zh-CN.js
index 978dc9b58..ec64b4f0d 100644
--- a/packages/locale/lang/zh-CN.js
+++ b/packages/locale/lang/zh-CN.js
@@ -12,7 +12,7 @@ export default {
   confirmDelete: '确定要删除么',
   telInvalid: '请填写正确的电话',
   vanContactCard: {
-    addText: '添加订单联系人信息'
+    addText: '添加联系人'
   },
   vanContactList: {
     addText: '新建联系人'
@@ -64,49 +64,5 @@ export default {
   },
   vanAddressList: {
     add: '新增地址'
-  },
-  vanSku: {
-    unavailable: '商品已经无法购买啦',
-    spec: '请先选择商品规格',
-    least: '至少选择一件',
-    quota: quota => `限购${quota}件`,
-    inventory: '库存不足',
-    purchase: count => `您已购买${count}件`
-  },
-  vanSkuActions: {
-    cart: '加入购物车',
-    buy: '立即购买'
-  },
-  vanSkuMessages: {
-    fill: '请填写',
-    upload: '请上传',
-    number: '请填写正确的数字格式留言',
-    mobile: '手机号长度为6-20位数字',
-    email: '请填写正确的邮箱',
-    id_no: '请填写正确的身份证号码',
-    onePic: '仅限一张',
-    placeholder: {
-      id_no: '输入身份证号码',
-      text: '输入文本',
-      tel: '输入数字',
-      email: '输入邮箱',
-      date: '点击选择日期',
-      time: '点击选择时间',
-      textarea: '点击填写段落文本'
-    }
-  },
-  vanSkuImgUploader: {
-    or: '或',
-    uploading: '正在上传...',
-    rephoto: '重拍',
-    photo: '拍照',
-    reselect: '重新选择照片',
-    select: '选择照片',
-    maxSize: maxSize => `最大可上传图片为${maxSize}MB，请尝试压缩图片尺寸`
-  },
-  vanSkuStepper: {
-    title: '购买数量',
-    remain: count => `剩余${count}件`,
-    quota: quota => `每人限购${quota}件`
   }
 };
diff --git a/packages/locale/lang/zh-HK.js b/packages/locale/lang/zh-HK.js
index b00953d13..73e733519 100644
--- a/packages/locale/lang/zh-HK.js
+++ b/packages/locale/lang/zh-HK.js
@@ -12,7 +12,7 @@ export default {
   confirmDelete: '確定要刪除麽',
   telInvalid: '請填寫正確的電話',
   vanContactCard: {
-    addText: '添加訂單聯系人信息'
+    addText: '添加聯系人'
   },
   vanContactList: {
     addText: '新建聯系人'
@@ -64,49 +64,5 @@ export default {
   },
   vanAddressList: {
     add: '新增地址'
-  },
-  vanSku: {
-    unavailable: '商品已經無法購買啦',
-    spec: '請先選擇商品規格',
-    least: '至少選擇一件',
-    quota: quota => `限購${quota}件`,
-    inventory: '庫存不足',
-    purchase: count => `您已購買${count}件`
-  },
-  vanSkuActions: {
-    cart: '加入購物車',
-    buy: '立即購買'
-  },
-  vanSkuMessages: {
-    fill: '請填寫',
-    upload: '請上傳',
-    number: '請填寫正確的數字格式留言',
-    mobile: '手機號長度為6-20位數字',
-    email: '請填寫正確的郵箱',
-    id_no: '請填寫正確的身份證號碼',
-    onePic: '僅限一張',
-    placeholder: {
-      id_no: '輸入身份證號碼',
-      text: '輸入文本',
-      tel: '輸入數字',
-      email: '輸入郵箱',
-      date: '點擊選擇日期',
-      time: '點擊選擇時間',
-      textarea: '點擊填寫段落文本'
-    }
-  },
-  vanSkuImgUploader: {
-    or: '或',
-    uploading: '正在上傳...',
-    rephoto: '重拍',
-    photo: '拍照',
-    reselect: '重新選擇照片',
-    select: '選擇照片',
-    maxSize: maxSize => `最大可上傳圖片為${maxSize}MB，請嘗試壓縮圖片尺寸`
-  },
-  vanSkuStepper: {
-    title: '購買數量',
-    remain: count => `剩余${count}件`,
-    quota: quota => `每人限購${quota}件`
   }
 };
diff --git a/packages/sku/Sku.vue b/packages/sku/Sku.vue
index 0da14730e..c59f7fc09 100644
--- a/packages/sku/Sku.vue
+++ b/packages/sku/Sku.vue
@@ -330,7 +330,7 @@ export default create({
 
     validateSku() {
       if (this.selectedNum === 0) {
-        return this.$t('unavailable');
+        return '商品已经无法购买啦';
       }
 
       if (this.isSkuCombSelected) {
@@ -343,7 +343,7 @@ export default create({
         if (err) return err;
       }
 
-      return this.$t('spec');
+      return '请先选择商品规格';
     },
 
     onClose() {
@@ -378,14 +378,14 @@ export default create({
       }
 
       if (action === 'minus') {
-        Toast(this.$t('least'));
+        Toast('至少选择一件');
       } else if (action === 'plus') {
         if (limitType === QUOTA_LIMIT) {
-          let msg = this.$t('quota', quota);
-          if (quotaUsed > 0) msg += `，${this.$t('purchase', quotaUsed)}`;
+          let msg = `限购${quota}件`;
+          if (quotaUsed > 0) msg += `，${`您已购买${quotaUsed}件`}`;
           Toast(msg);
         } else {
-          Toast(this.$t('inventory'));
+          Toast('库存不足');
         }
       }
     },
diff --git a/packages/sku/components/SkuActions.vue b/packages/sku/components/SkuActions.vue
index 427b5b1d3..8ed477bb6 100644
--- a/packages/sku/components/SkuActions.vue
+++ b/packages/sku/components/SkuActions.vue
@@ -3,13 +3,13 @@
     <van-button
       v-if="showAddCartBtn"
       bottom-action
-      :text="$t('cart')"
+      text="加入购物车"
       @click="skuEventBus.$emit('sku:addCart')"
     />
     <van-button
       type="primary"
       bottom-action
-      :text="buyText || $t('buy')"
+      :text="buyText || '立即购买'"
       @click="skuEventBus.$emit('sku:buy')"
     />
   </div>
diff --git a/packages/sku/components/SkuImgUploader.vue b/packages/sku/components/SkuImgUploader.vue
index 0dd253456..6f7998f20 100644
--- a/packages/sku/components/SkuImgUploader.vue
+++ b/packages/sku/components/SkuImgUploader.vue
@@ -5,15 +5,15 @@
       :disabled="!!paddingImg"
       :after-read="afterReadFile"
       :max-size="maxSize * 1024 * 1024"
-      @oversize="$toast($t('maxSize', maxSize))"
+      @oversize="onOversize"
     >
       <div :class="b('header')">
-        <div v-if="paddingImg">{{ $t('uploading') }}</div>
+        <div v-if="paddingImg">正在上传...</div>
         <template v-else>
           <icon name="photograph" />
-          <span class="label">{{ $t(value ? 'rephoto' : 'photo') }}</span> {{ $t('or') }}
+          <span class="label">{{ value ? '重拍' : '拍照' }}</span> 或
           <icon name="photo" />
-          <span class="label">{{ $t(value ? 'reselect' : 'select') }}</span>
+          <span class="label">{{ value ? '重新选择照片' : '选择照片' }}</span>
         </template>
       </div>
     </van-uploader>
@@ -84,6 +84,10 @@ export default create({
       }).catch(() => {
         this.paddingImg = '';
       });
+    },
+
+    onOversize() {
+      this.$toast(`最大可上传图片为${this.maxSize}MB，请尝试压缩图片尺寸`);
     }
   }
 });
diff --git a/packages/sku/components/SkuMessages.vue b/packages/sku/components/SkuMessages.vue
index aa49f02fa..c73b26b82 100644
--- a/packages/sku/components/SkuMessages.vue
+++ b/packages/sku/components/SkuMessages.vue
@@ -4,7 +4,7 @@
       <cell
         v-if="message.type === 'image'"
         :class="b('image-cell')"
-        :label="$t('onePic')"
+        label="仅限一张"
         :key="`${goodsId}-${index}`"
         :required="message.required == '1'"
         :title="message.name"
@@ -36,6 +36,16 @@ import validateEmail from '../../utils/validate/email';
 import validateNumber from '../../utils/validate/number';
 import SkuImgUploader from './SkuImgUploader';
 
+const PLACEHOLDER = {
+  id_no: '输入身份证号码',
+  text: '输入文本',
+  tel: '输入数字',
+  email: '输入邮箱',
+  date: '点击选择日期',
+  time: '点击选择时间',
+  textarea: '点击填写段落文本'
+};
+
 export default create({
   name: 'sku-messages',
 
@@ -114,7 +124,7 @@ export default create({
 
     getPlaceholder(message) {
       const type = +message.multiple === 1 ? 'textarea' : message.type;
-      return this.messagePlaceholderMap[type] || this.$t(`placeholder.${type}`);
+      return this.messagePlaceholderMap[type] || PLACEHOLDER[type];
     },
 
     validateMessages() {
@@ -128,22 +138,22 @@ export default create({
           // 必填字段的校验
           if (message.required == '1') { // eslint-disable-line
             const textType = message.type === 'image'
-              ? 'upload'
-              : 'fill';
-            return this.$t(textType) + message.name;
+              ? '请上传'
+              : '请填写';
+            return textType + message.name;
           }
         } else {
           if (message.type === 'tel' && !validateNumber(value)) {
-            return this.$t('number');
+            return '请填写正确的数字格式留言';
           }
           if (message.type === 'mobile' && !/^\d{6,20}$/.test(value)) {
-            return this.$t('mobile');
+            return '手机号长度为6-20位数字';
           }
           if (message.type === 'email' && !validateEmail(value)) {
-            return this.$t('email');
+            return '请填写正确的邮箱';
           }
           if (message.type === 'id_no' && (value.length < 15 || value.length > 18)) {
-            return this.$t('id_no');
+            return '请填写正确的身份证号码';
           }
         }
       }
diff --git a/packages/sku/components/SkuStepper.vue b/packages/sku/components/SkuStepper.vue
index 5ba5bd642..cbf597b68 100644
--- a/packages/sku/components/SkuStepper.vue
+++ b/packages/sku/components/SkuStepper.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="van-sku-stepper-stock">
     <div class="van-sku-stepper-container">
-      <div class="van-sku__stepper-title">{{ stepperTitle || $t('title') }}：</div>
+      <div class="van-sku__stepper-title">{{ stepperTitle || '购买数量' }}：</div>
       <stepper
         class="van-sku__stepper"
         v-model="currentNum"
@@ -77,7 +77,7 @@ export default create({
       const { stockFormatter } = this.customStepperConfig;
       if (stockFormatter) return stockFormatter(this.stock);
 
-      return this.$t('remain', this.stock);
+      return `剩余${this.stock}件`;
     },
 
     quotaText() {
@@ -87,7 +87,7 @@ export default create({
       if (quotaText) {
         text = quotaText;
       } else if (this.quota > 0) {
-        text = this.$t('quota', this.quota);
+        text = `每人限购${this.quota}件`;
       }
 
       return text;
diff --git a/packages/sku/demo/data.js b/packages/sku/demo/data.js
index 5d5732349..ae05e224c 100644
--- a/packages/sku/demo/data.js
+++ b/packages/sku/demo/data.js
@@ -1,517 +1,259 @@
 /* eslint-disable */
 export default {
-  'zh-CN': {
-    kdt_id: 55,
-    user_id: 4674509,
-    offline_id: 0,
-    activity_alias: '',
-    sku: {
-      tree: [
-        {
-          k: '颜色',
-          k_id: '1',
-          v: [
-            {
-              id: '30349',
-              name: '天蓝色',
-              imgUrl:
-                'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'
-            }
-          ],
-          k_s: 's1',
-          count: 2
-        },
-        {
-          k: '尺寸',
-          k_id: '2',
-          v: [
-            {
-              id: '1193',
-              name: '1'
-            },
-            {
-              id: '1194',
-              name: '2'
-            }
-          ],
-          k_s: 's2',
-          count: 2
-        }
-      ],
-      list: [
-        {
-          id: 2259,
-          price: 100,
-          discount: 100,
-          code: '',
-          s1: '1215',
-          s2: '1193',
-          s3: '0',
-          s4: '0',
-          s5: '0',
-          extend: null,
-          kdt_id: 55,
-          discount_price: 0,
-          stock_num: 110,
-          stock_mode: 0,
-          is_sell: null,
-          combin_sku: false,
-          goods_id: 946755
-        },
-        {
-          id: 2260,
-          price: 100,
-          discount: 100,
-          code: '',
-          s1: '1215',
-          s2: '1194',
-          s3: '0',
-          s4: '0',
-          s5: '0',
-          extend: null,
-          kdt_id: 55,
-          discount_price: 0,
-          stock_num: 0,
-          stock_mode: 0,
-          is_sell: null,
-          combin_sku: false,
-          goods_id: 946755
-        },
-        {
-          id: 2257,
-          price: 100,
-          discount: 100,
-          code: '',
-          s1: '30349',
-          s2: '1193',
-          s3: '0',
-          s4: '0',
-          s5: '0',
-          extend: null,
-          kdt_id: 55,
-          discount_price: 0,
-          stock_num: 111,
-          stock_mode: 0,
-          is_sell: null,
-          combin_sku: false,
-          goods_id: 946755
-        },
-        {
-          id: 2258,
-          price: 100,
-          discount: 100,
-          code: '',
-          s1: '30349',
-          s2: '1194',
-          s3: '0',
-          s4: '0',
-          s5: '0',
-          extend: null,
-          kdt_id: 55,
-          discount_price: 0,
-          stock_num: 6,
-          stock_mode: 0,
-          is_sell: null,
-          combin_sku: false,
-          goods_id: 946755
-        }
-      ],
-      price: '1.00',
-      stock_num: 227,
-      collection_id: 2261,
-      collection_price: 0,
-      none_sku: false,
-      sold_num: 0,
-      min_price: '1.00',
-      max_price: '1.00',
-      messages: [
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          multiple: '0',
-          name: '留言1',
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'text',
-          disable_delete: false,
-          disable_type: false,
-          required: '1'
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          multiple: 0,
-          name: '留言2',
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'id_no',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          multiple: 0,
-          name: '留言3',
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'image',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          multiple: 1,
-          name: '留言4',
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'text',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: '数字',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'tel',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: '邮件',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'email',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: '日期',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'date',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: '时间含日期',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'time',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: '时间',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'time',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        }
-      ],
-      hide_stock: false
-    },
-    goods_id: '946755',
-    alias: '2oml0r0n5vytj',
-    quota: 15,
-    is_virtual: '0',
-    quota_used: 0,
-    goods_info: {
-      title: '测试商品',
-      picture: 'https://img.yzcdn.cn/upload_files/2017/03/16/Fs_OMbSFPa183sBwvG_94llUYiLa.jpeg?imageView2/2/w/100/h/100/q/75/format/jpg',
-      price: 1,
-      origin: ''
-    }
+  kdt_id: 55,
+  user_id: 4674509,
+  offline_id: 0,
+  activity_alias: '',
+  sku: {
+    tree: [
+      {
+        k: '颜色',
+        k_id: '1',
+        v: [
+          {
+            id: '30349',
+            name: '天蓝色',
+            imgUrl:
+              'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'
+          }
+        ],
+        k_s: 's1',
+        count: 2
+      },
+      {
+        k: '尺寸',
+        k_id: '2',
+        v: [
+          {
+            id: '1193',
+            name: '1'
+          },
+          {
+            id: '1194',
+            name: '2'
+          }
+        ],
+        k_s: 's2',
+        count: 2
+      }
+    ],
+    list: [
+      {
+        id: 2259,
+        price: 100,
+        discount: 100,
+        code: '',
+        s1: '1215',
+        s2: '1193',
+        s3: '0',
+        s4: '0',
+        s5: '0',
+        extend: null,
+        kdt_id: 55,
+        discount_price: 0,
+        stock_num: 110,
+        stock_mode: 0,
+        is_sell: null,
+        combin_sku: false,
+        goods_id: 946755
+      },
+      {
+        id: 2260,
+        price: 100,
+        discount: 100,
+        code: '',
+        s1: '1215',
+        s2: '1194',
+        s3: '0',
+        s4: '0',
+        s5: '0',
+        extend: null,
+        kdt_id: 55,
+        discount_price: 0,
+        stock_num: 0,
+        stock_mode: 0,
+        is_sell: null,
+        combin_sku: false,
+        goods_id: 946755
+      },
+      {
+        id: 2257,
+        price: 100,
+        discount: 100,
+        code: '',
+        s1: '30349',
+        s2: '1193',
+        s3: '0',
+        s4: '0',
+        s5: '0',
+        extend: null,
+        kdt_id: 55,
+        discount_price: 0,
+        stock_num: 111,
+        stock_mode: 0,
+        is_sell: null,
+        combin_sku: false,
+        goods_id: 946755
+      },
+      {
+        id: 2258,
+        price: 100,
+        discount: 100,
+        code: '',
+        s1: '30349',
+        s2: '1194',
+        s3: '0',
+        s4: '0',
+        s5: '0',
+        extend: null,
+        kdt_id: 55,
+        discount_price: 0,
+        stock_num: 6,
+        stock_mode: 0,
+        is_sell: null,
+        combin_sku: false,
+        goods_id: 946755
+      }
+    ],
+    price: '1.00',
+    stock_num: 227,
+    collection_id: 2261,
+    collection_price: 0,
+    none_sku: false,
+    sold_num: 0,
+    min_price: '1.00',
+    max_price: '1.00',
+    messages: [
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        multiple: '0',
+        name: '留言1',
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'text',
+        disable_delete: false,
+        disable_type: false,
+        required: '1'
+      },
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        multiple: 0,
+        name: '留言2',
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'id_no',
+        disable_delete: false,
+        disable_type: false,
+        required: 0
+      },
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        multiple: 0,
+        name: '留言3',
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'image',
+        disable_delete: false,
+        disable_type: false,
+        required: 0
+      },
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        multiple: 1,
+        name: '留言4',
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'text',
+        disable_delete: false,
+        disable_type: false,
+        required: 0
+      },
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        name: '数字',
+        multiple: 0,
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'tel',
+        disable_delete: false,
+        disable_type: false,
+        required: 0
+      },
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        name: '邮件',
+        multiple: 0,
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'email',
+        disable_delete: false,
+        disable_type: false,
+        required: 0
+      },
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        name: '日期',
+        multiple: 0,
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'date',
+        disable_delete: false,
+        disable_type: false,
+        required: 0
+      },
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        name: '时间含日期',
+        multiple: 0,
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'time',
+        disable_delete: false,
+        disable_type: false,
+        required: 0
+      },
+      {
+        datetime: '0',
+        disable_multiple: false,
+        disable: false,
+        name: '时间',
+        multiple: 0,
+        disable_required: false,
+        disable_edit_name: false,
+        type: 'time',
+        disable_delete: false,
+        disable_type: false,
+        required: 0
+      }
+    ],
+    hide_stock: false
   },
-  'en-US': {
-    kdt_id: 55,
-    user_id: 4674509,
-    offline_id: 0,
-    activity_alias: '',
-    sku: {
-      tree: [
-        {
-          k: 'Color',
-          k_id: '1',
-          v: [
-            {
-              id: '30349',
-              name: 'Blue',
-              imgUrl:
-                'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'
-            }
-          ],
-          k_s: 's1',
-          count: 2
-        },
-        {
-          k: 'Size',
-          k_id: '2',
-          v: [
-            {
-              id: '1193',
-              name: '1'
-            },
-            {
-              id: '1194',
-              name: '2'
-            }
-          ],
-          k_s: 's2',
-          count: 2
-        }
-      ],
-      list: [
-        {
-          id: 2259,
-          price: 100,
-          discount: 100,
-          code: '',
-          s1: '1215',
-          s2: '1193',
-          s3: '0',
-          s4: '0',
-          s5: '0',
-          extend: null,
-          kdt_id: 55,
-          discount_price: 0,
-          stock_num: 110,
-          stock_mode: 0,
-          is_sell: null,
-          combin_sku: false,
-          goods_id: 946755
-        },
-        {
-          id: 2260,
-          price: 100,
-          discount: 100,
-          code: '',
-          s1: '1215',
-          s2: '1194',
-          s3: '0',
-          s4: '0',
-          s5: '0',
-          extend: null,
-          kdt_id: 55,
-          discount_price: 0,
-          stock_num: 0,
-          stock_mode: 0,
-          is_sell: null,
-          combin_sku: false,
-          goods_id: 946755
-        },
-        {
-          id: 2257,
-          price: 100,
-          discount: 100,
-          code: '',
-          s1: '30349',
-          s2: '1193',
-          s3: '0',
-          s4: '0',
-          s5: '0',
-          extend: null,
-          kdt_id: 55,
-          discount_price: 0,
-          stock_num: 111,
-          stock_mode: 0,
-          is_sell: null,
-          combin_sku: false,
-          goods_id: 946755
-        },
-        {
-          id: 2258,
-          price: 100,
-          discount: 100,
-          code: '',
-          s1: '30349',
-          s2: '1194',
-          s3: '0',
-          s4: '0',
-          s5: '0',
-          extend: null,
-          kdt_id: 55,
-          discount_price: 0,
-          stock_num: 4,
-          stock_mode: 0,
-          is_sell: null,
-          combin_sku: false,
-          goods_id: 946755
-        }
-      ],
-      price: '1.00',
-      stock_num: 227,
-      collection_id: 2261,
-      collection_price: 0,
-      none_sku: false,
-      sold_num: 0,
-      min_price: '1.00',
-      max_price: '1.00',
-      messages: [
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          multiple: '0',
-          name: 'Messsage 1',
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'text',
-          disable_delete: false,
-          disable_type: false,
-          required: '1'
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          multiple: 0,
-          name: 'Messsage 2',
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'id_no',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          multiple: 0,
-          name: 'Messsage 3',
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'image',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          multiple: 1,
-          name: 'Messsage 4',
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'text',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: 'Number',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'tel',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: 'Email',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'email',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: 'Date',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'date',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: 'Datetime',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'time',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        },
-        {
-          datetime: '0',
-          disable_multiple: false,
-          disable: false,
-          name: 'Time',
-          multiple: 0,
-          disable_required: false,
-          disable_edit_name: false,
-          type: 'time',
-          disable_delete: false,
-          disable_type: false,
-          required: 0
-        }
-      ],
-      hide_stock: false
-    },
-    goods_id: '946755',
-    alias: '2oml0r0n5vytj',
-    quota: 15,
-    is_virtual: '0',
-    quota_used: 1,
-    goods_info: {
-      title: 'Goods Name',
-      picture: 'https://img.yzcdn.cn/upload_files/2017/03/16/Fs_OMbSFPa183sBwvG_94llUYiLa.jpeg?imageView2/2/w/100/h/100/q/75/format/jpg',
-      price: 1,
-      origin: ''
-    }
+  goods_id: '946755',
+  alias: '2oml0r0n5vytj',
+  quota: 15,
+  is_virtual: '0',
+  quota_used: 0,
+  goods_info: {
+    title: '测试商品',
+    picture:
+      'https://img.yzcdn.cn/upload_files/2017/03/16/Fs_OMbSFPa183sBwvG_94llUYiLa.jpeg?imageView2/2/w/100/h/100/q/75/format/jpg',
+    price: 1,
+    origin: ''
   }
 };
diff --git a/packages/sku/demo/index.vue b/packages/sku/demo/index.vue
index a442f631b..8d9fe7751 100644
--- a/packages/sku/demo/index.vue
+++ b/packages/sku/demo/index.vue
@@ -4,12 +4,12 @@
       <div class="sku-container">
         <van-sku
           v-model="showBase"
-          :sku="$t('sku').sku"
-          :goods="$t('sku').goods_info"
-          :goods-id="$t('sku').goods_id"
-          :hide-stock="$t('sku').sku.hide_stock"
-          :quota="$t('sku').quota"
-          :quota-used="$t('sku').quota_used"
+          :sku="skuData.sku"
+          :goods="skuData.goods_info"
+          :goods-id="skuData.goods_id"
+          :hide-stock="skuData.sku.hide_stock"
+          :quota="skuData.quota"
+          :quota-used="skuData.quota_used"
           reset-stepper-on-hide
           reset-selected-sku-on-hide
           disable-stepper-input
@@ -27,12 +27,12 @@
       <div class="sku-container">
         <van-sku
           v-model="showStepper"
-          :sku="$t('sku').sku"
-          :goods="$t('sku').goods_info"
-          :goods-id="$t('sku').goods_id"
-          :hide-stock="$t('sku').sku.hide_stock"
-          :quota="$t('sku').quota"
-          :quota-used="$t('sku').quota_used"
+          :sku="skuData.sku"
+          :goods="skuData.goods_info"
+          :goods-id="skuData.goods_id"
+          :hide-stock="skuData.sku.hide_stock"
+          :quota="skuData.quota"
+          :quota-used="skuData.quota_used"
           :custom-stepper-config="customStepperConfig"
           :message-config="messageConfig"
           @buy-clicked="onBuyClicked"
@@ -47,12 +47,12 @@
         <van-sku
           v-model="showCustom"
           :stepper-title="$t('stepperTitle')"
-          :sku="$t('sku').sku"
-          :goods="$t('sku').goods_info"
-          :goods-id="$t('sku').goods_id"
-          :hide-stock="$t('sku').sku.hide_stock"
-          :quota="$t('sku').quota"
-          :quota-used="$t('sku').quota_used"
+          :sku="skuData.sku"
+          :goods="skuData.goods_info"
+          :goods-id="skuData.goods_id"
+          :hide-stock="skuData.sku.hide_stock"
+          :quota="skuData.quota"
+          :quota-used="skuData.quota_used"
           show-add-cart-btn
           reset-stepper-on-hide
           :initial-sku="initialSku"
@@ -79,20 +79,18 @@
 </template>
 
 <script>
-import data from './data';
+import skuData from './data';
 import { LIMIT_TYPE } from '../../../packages/sku/constants';
 
 export default {
   i18n: {
     'zh-CN': {
-      sku: data['zh-CN'],
       title2: '自定义步进器相关配置',
       stepperTitle: '我要买',
       button1: '积分兑换',
       button2: '买买买'
     },
     'en-US': {
-      sku: data['en-US'],
       title2: 'Custom Stepper Related Config',
       stepperTitle: 'Stepper title',
       button1: 'Button',
@@ -101,6 +99,7 @@ export default {
   },
 
   data() {
+    this.skuData = skuData;
     return {
       showBase: false,
       showCustom: false,
diff --git a/packages/vant-css/src/sku.css b/packages/vant-css/src/sku.css
index 022841b2c..5ae280872 100644
--- a/packages/vant-css/src/sku.css
+++ b/packages/vant-css/src/sku.css
@@ -16,14 +16,6 @@
     &::-webkit-scrollbar {
       display: none;
     }
-
-    /* 修复ios下点击没反应的问题 */
-    .van-field {
-      input[type*=date],
-      input[type*=time] {
-        height: 26px;
-      }
-    }
   }
 
   &-group-container {