blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-10-08 18:00:00 +08:00
Code Issues Projects Releases Wiki Activity

[breaking change] Sku: no longer support i18n (#1734)

Browse Source
This commit is contained in:
neverland 2018-08-31 10:41:19 +08:00 committed by GitHub
parent d32f9a42f3
commit 15375f4523
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 315 additions and 700 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/contact-card/test/__snapshots__/demo.spec.js.snap
View File

@ -8,7 +8,7 @@ exports[`renders demo correctly 1`] = `
<!----> <!---->
</i> </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 class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!----> <!---->
</i> </i>

44
packages/locale/lang/en-US.js
View File

@ -64,49 +64,5 @@ export default {
}, },
vanAddressList: { vanAddressList: {
add: 'Add new address' 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`
} }
}; };

46
packages/locale/lang/zh-CN.js
View File

@ -12,7 +12,7 @@ export default {
confirmDelete: '确定要删除么', confirmDelete: '确定要删除么',
telInvalid: '请填写正确的电话', telInvalid: '请填写正确的电话',
vanContactCard: { vanContactCard: {
addText: '添加订单联系人信息' addText: '添加联系人'
}, },
vanContactList: { vanContactList: {
addText: '新建联系人' addText: '新建联系人'
@ -64,49 +64,5 @@ export default {
}, },
vanAddressList: { vanAddressList: {
add: '新增地址' 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}件`
} }
}; };

46
packages/locale/lang/zh-HK.js
View File

@ -12,7 +12,7 @@ export default {
confirmDelete: '確定要刪除麽', confirmDelete: '確定要刪除麽',
telInvalid: '請填寫正確的電話', telInvalid: '請填寫正確的電話',
vanContactCard: { vanContactCard: {
addText: '添加訂單聯系人信息' addText: '添加聯系人'
}, },
vanContactList: { vanContactList: {
addText: '新建聯系人' addText: '新建聯系人'
@ -64,49 +64,5 @@ export default {
}, },
vanAddressList: { vanAddressList: {
add: '新增地址' 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}件`
} }
}; };

12
packages/sku/Sku.vue
View File

@ -330,7 +330,7 @@ export default create({
validateSku() { validateSku() {
if (this.selectedNum === 0) { if (this.selectedNum === 0) {
return this.$t('unavailable'); return '商品已经无法购买啦';
} }
if (this.isSkuCombSelected) { if (this.isSkuCombSelected) {
@ -343,7 +343,7 @@ export default create({
if (err) return err; if (err) return err;
} }
return this.$t('spec'); return '请先选择商品规格';
}, },
onClose() { onClose() {
@ -378,14 +378,14 @@ export default create({
} }
if (action === 'minus') { if (action === 'minus') {
Toast(this.$t('least')); Toast('至少选择一件');
} else if (action === 'plus') { } else if (action === 'plus') {
if (limitType === QUOTA_LIMIT) { if (limitType === QUOTA_LIMIT) {
let msg = this.$t('quota', quota); let msg = `限购${quota}件`;
if (quotaUsed > 0) msg += `，${this.$t('purchase', quotaUsed)}`; if (quotaUsed > 0) msg += `，${`您已购买${quotaUsed}件`}`;
Toast(msg); Toast(msg);
} else { } else {
Toast(this.$t('inventory')); Toast('库存不足');
} }
} }
}, },

4
packages/sku/components/SkuActions.vue
View File

@ -3,13 +3,13 @@
<van-button <van-button
v-if="showAddCartBtn" v-if="showAddCartBtn"
bottom-action bottom-action
:text="$t('cart')" text="加入购物车"
@click="skuEventBus.$emit('sku:addCart')" @click="skuEventBus.$emit('sku:addCart')"
/> />
<van-button <van-button
type="primary" type="primary"
bottom-action bottom-action
:text="buyText || $t('buy')" :text="buyText || '立即购买'"
@click="skuEventBus.$emit('sku:buy')" @click="skuEventBus.$emit('sku:buy')"
/> />
</div> </div>

12
packages/sku/components/SkuImgUploader.vue
View File

@ -5,15 +5,15 @@
:disabled="!!paddingImg" :disabled="!!paddingImg"
:after-read="afterReadFile" :after-read="afterReadFile"
:max-size="maxSize * 1024 * 1024" :max-size="maxSize * 1024 * 1024"
@oversize="$toast($t('maxSize', maxSize))" @oversize="onOversize"
> >
<div :class="b('header')"> <div :class="b('header')">
<div v-if="paddingImg">{{ $t('uploading') }}</div> <div v-if="paddingImg">正在上传...</div>
<template v-else> <template v-else>
<icon name="photograph" /> <icon name="photograph" />
<span class="label">{{ $t(value ? 'rephoto' : 'photo') }}</span> {{ $t('or') }} <span class="label">{{ value ? '重拍' : '拍照' }}</span> 或
<icon name="photo" /> <icon name="photo" />
<span class="label">{{ $t(value ? 'reselect' : 'select') }}</span> <span class="label">{{ value ? '重新选择照片' : '选择照片' }}</span>
</template> </template>
</div> </div>
</van-uploader> </van-uploader>
@ -84,6 +84,10 @@ export default create({
}).catch(() => { }).catch(() => {
this.paddingImg = ''; this.paddingImg = '';
}); });
},
onOversize() {
this.$toast(`最大可上传图片为${this.maxSize}MB，请尝试压缩图片尺寸`);
} }
} }
}); });

28
packages/sku/components/SkuMessages.vue
View File

@ -4,7 +4,7 @@
<cell <cell
v-if="message.type === 'image'" v-if="message.type === 'image'"
:class="b('image-cell')" :class="b('image-cell')"
:label="$t('onePic')" label="仅限一张"
:key="`${goodsId}-${index}`" :key="`${goodsId}-${index}`"
:required="message.required == '1'" :required="message.required == '1'"
:title="message.name" :title="message.name"
@ -36,6 +36,16 @@ import validateEmail from '../../utils/validate/email';
import validateNumber from '../../utils/validate/number'; import validateNumber from '../../utils/validate/number';
import SkuImgUploader from './SkuImgUploader'; import SkuImgUploader from './SkuImgUploader';
const PLACEHOLDER = {
id_no: '输入身份证号码',
text: '输入文本',
tel: '输入数字',
email: '输入邮箱',
date: '点击选择日期',
time: '点击选择时间',
textarea: '点击填写段落文本'
};
export default create({ export default create({
name: 'sku-messages', name: 'sku-messages',
@ -114,7 +124,7 @@ export default create({
getPlaceholder(message) { getPlaceholder(message) {
const type = +message.multiple === 1 ? 'textarea' : message.type; const type = +message.multiple === 1 ? 'textarea' : message.type;
return this.messagePlaceholderMap[type] || this.$t(`placeholder.${type}`); return this.messagePlaceholderMap[type] || PLACEHOLDER[type];
}, },
validateMessages() { validateMessages() {
@ -128,22 +138,22 @@ export default create({
// 必填字段的校验 // 必填字段的校验
if (message.required == '1') { // eslint-disable-line if (message.required == '1') { // eslint-disable-line
const textType = message.type === 'image' const textType = message.type === 'image'
? 'upload' ? '请上传'
: 'fill'; : '请填写';
return this.$t(textType) + message.name; return textType + message.name;
} }
} else { } else {
if (message.type === 'tel' && !validateNumber(value)) { if (message.type === 'tel' && !validateNumber(value)) {
return this.$t('number'); return '请填写正确的数字格式留言';
} }
if (message.type === 'mobile' && !/^\d{6,20}$/.test(value)) { if (message.type === 'mobile' && !/^\d{6,20}$/.test(value)) {
return this.$t('mobile'); return '手机号长度为6-20位数字';
} }
if (message.type === 'email' && !validateEmail(value)) { if (message.type === 'email' && !validateEmail(value)) {
return this.$t('email'); return '请填写正确的邮箱';
} }
if (message.type === 'id_no' && (value.length < 15 || value.length > 18)) { if (message.type === 'id_no' && (value.length < 15 || value.length > 18)) {
return this.$t('id_no'); return '请填写正确的身份证号码';
} }
} }
} }

6
packages/sku/components/SkuStepper.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="van-sku-stepper-stock"> <div class="van-sku-stepper-stock">
<div class="van-sku-stepper-container"> <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 <stepper
class="van-sku__stepper" class="van-sku__stepper"
v-model="currentNum" v-model="currentNum"
@ -77,7 +77,7 @@ export default create({
const { stockFormatter } = this.customStepperConfig; const { stockFormatter } = this.customStepperConfig;
if (stockFormatter) return stockFormatter(this.stock); if (stockFormatter) return stockFormatter(this.stock);
return this.$t('remain', this.stock); return `剩余${this.stock}件`;
}, },
quotaText() { quotaText() {
@ -87,7 +87,7 @@ export default create({
if (quotaText) { if (quotaText) {
text = quotaText; text = quotaText;
} else if (this.quota > 0) { } else if (this.quota > 0) {
text = this.$t('quota', this.quota); text = `每人限购${this.quota}件`;
} }
return text; return text;

766
packages/sku/demo/data.js
View File

@ -1,517 +1,259 @@
/* eslint-disable */ /* eslint-disable */
export default { export default {
'zh-CN': { kdt_id: 55,
kdt_id: 55, user_id: 4674509,
user_id: 4674509, offline_id: 0,
offline_id: 0, activity_alias: '',
activity_alias: '', sku: {
sku: { tree: [
tree: [ {
{ k: '颜色',
k: '颜色', k_id: '1',
k_id: '1', v: [
v: [ {
{ id: '30349',
id: '30349', name: '天蓝色',
name: '天蓝色', imgUrl:
imgUrl: 'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'
'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg' }
} ],
], k_s: 's1',
k_s: 's1', count: 2
count: 2 },
}, {
{ k: '尺寸',
k: '尺寸', k_id: '2',
k_id: '2', v: [
v: [ {
{ id: '1193',
id: '1193', name: '1'
name: '1' },
}, {
{ id: '1194',
id: '1194', name: '2'
name: '2' }
} ],
], k_s: 's2',
k_s: 's2', count: 2
count: 2 }
} ],
], list: [
list: [ {
{ id: 2259,
id: 2259, price: 100,
price: 100, discount: 100,
discount: 100, code: '',
code: '', s1: '1215',
s1: '1215', s2: '1193',
s2: '1193', s3: '0',
s3: '0', s4: '0',
s4: '0', s5: '0',
s5: '0', extend: null,
extend: null, kdt_id: 55,
kdt_id: 55, discount_price: 0,
discount_price: 0, stock_num: 110,
stock_num: 110, stock_mode: 0,
stock_mode: 0, is_sell: null,
is_sell: null, combin_sku: false,
combin_sku: false, goods_id: 946755
goods_id: 946755 },
}, {
{ id: 2260,
id: 2260, price: 100,
price: 100, discount: 100,
discount: 100, code: '',
code: '', s1: '1215',
s1: '1215', s2: '1194',
s2: '1194', s3: '0',
s3: '0', s4: '0',
s4: '0', s5: '0',
s5: '0', extend: null,
extend: null, kdt_id: 55,
kdt_id: 55, discount_price: 0,
discount_price: 0, stock_num: 0,
stock_num: 0, stock_mode: 0,
stock_mode: 0, is_sell: null,
is_sell: null, combin_sku: false,
combin_sku: false, goods_id: 946755
goods_id: 946755 },
}, {
{ id: 2257,
id: 2257, price: 100,
price: 100, discount: 100,
discount: 100, code: '',
code: '', s1: '30349',
s1: '30349', s2: '1193',
s2: '1193', s3: '0',
s3: '0', s4: '0',
s4: '0', s5: '0',
s5: '0', extend: null,
extend: null, kdt_id: 55,
kdt_id: 55, discount_price: 0,
discount_price: 0, stock_num: 111,
stock_num: 111, stock_mode: 0,
stock_mode: 0, is_sell: null,
is_sell: null, combin_sku: false,
combin_sku: false, goods_id: 946755
goods_id: 946755 },
}, {
{ id: 2258,
id: 2258, price: 100,
price: 100, discount: 100,
discount: 100, code: '',
code: '', s1: '30349',
s1: '30349', s2: '1194',
s2: '1194', s3: '0',
s3: '0', s4: '0',
s4: '0', s5: '0',
s5: '0', extend: null,
extend: null, kdt_id: 55,
kdt_id: 55, discount_price: 0,
discount_price: 0, stock_num: 6,
stock_num: 6, stock_mode: 0,
stock_mode: 0, is_sell: null,
is_sell: null, combin_sku: false,
combin_sku: false, goods_id: 946755
goods_id: 946755 }
} ],
], price: '1.00',
price: '1.00', stock_num: 227,
stock_num: 227, collection_id: 2261,
collection_id: 2261, collection_price: 0,
collection_price: 0, none_sku: false,
none_sku: false, sold_num: 0,
sold_num: 0, min_price: '1.00',
min_price: '1.00', max_price: '1.00',
max_price: '1.00', messages: [
messages: [ {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, multiple: '0',
multiple: '0', name: '留言1',
name: '留言1', disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'text',
type: 'text', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: '1'
required: '1' },
}, {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, multiple: 0,
multiple: 0, name: '留言2',
name: '留言2', disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'id_no',
type: 'id_no', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: 0
required: 0 },
}, {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, multiple: 0,
multiple: 0, name: '留言3',
name: '留言3', disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'image',
type: 'image', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: 0
required: 0 },
}, {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, multiple: 1,
multiple: 1, name: '留言4',
name: '留言4', disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'text',
type: 'text', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: 0
required: 0 },
}, {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, name: '数字',
name: '数字', multiple: 0,
multiple: 0, disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'tel',
type: 'tel', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: 0
required: 0 },
}, {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, name: '邮件',
name: '邮件', multiple: 0,
multiple: 0, disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'email',
type: 'email', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: 0
required: 0 },
}, {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, name: '日期',
name: '日期', multiple: 0,
multiple: 0, disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'date',
type: 'date', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: 0
required: 0 },
}, {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, name: '时间含日期',
name: '时间含日期', multiple: 0,
multiple: 0, disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'time',
type: 'time', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: 0
required: 0 },
}, {
{ datetime: '0',
datetime: '0', disable_multiple: false,
disable_multiple: false, disable: false,
disable: false, name: '时间',
name: '时间', multiple: 0,
multiple: 0, disable_required: false,
disable_required: false, disable_edit_name: false,
disable_edit_name: false, type: 'time',
type: 'time', disable_delete: false,
disable_delete: false, disable_type: false,
disable_type: false, required: 0
required: 0 }
} ],
], hide_stock: false
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: ''
}
}, },
'en-US': { goods_id: '946755',
kdt_id: 55, alias: '2oml0r0n5vytj',
user_id: 4674509, quota: 15,
offline_id: 0, is_virtual: '0',
activity_alias: '', quota_used: 0,
sku: { goods_info: {
tree: [ title: '测试商品',
{ picture:
k: 'Color', 'https://img.yzcdn.cn/upload_files/2017/03/16/Fs_OMbSFPa183sBwvG_94llUYiLa.jpeg?imageView2/2/w/100/h/100/q/75/format/jpg',
k_id: '1', price: 1,
v: [ origin: ''
{
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: ''
}
} }
}; };

41
packages/sku/demo/index.vue
View File

@ -4,12 +4,12 @@
<div class="sku-container"> <div class="sku-container">
<van-sku <van-sku
v-model="showBase" v-model="showBase"
:sku="$t('sku').sku" :sku="skuData.sku"
:goods="$t('sku').goods_info" :goods="skuData.goods_info"
:goods-id="$t('sku').goods_id" :goods-id="skuData.goods_id"
:hide-stock="$t('sku').sku.hide_stock" :hide-stock="skuData.sku.hide_stock"
:quota="$t('sku').quota" :quota="skuData.quota"
:quota-used="$t('sku').quota_used" :quota-used="skuData.quota_used"
reset-stepper-on-hide reset-stepper-on-hide
reset-selected-sku-on-hide reset-selected-sku-on-hide
disable-stepper-input disable-stepper-input
@ -27,12 +27,12 @@
<div class="sku-container"> <div class="sku-container">
<van-sku <van-sku
v-model="showStepper" v-model="showStepper"
:sku="$t('sku').sku" :sku="skuData.sku"
:goods="$t('sku').goods_info" :goods="skuData.goods_info"
:goods-id="$t('sku').goods_id" :goods-id="skuData.goods_id"
:hide-stock="$t('sku').sku.hide_stock" :hide-stock="skuData.sku.hide_stock"
:quota="$t('sku').quota" :quota="skuData.quota"
:quota-used="$t('sku').quota_used" :quota-used="skuData.quota_used"
:custom-stepper-config="customStepperConfig" :custom-stepper-config="customStepperConfig"
:message-config="messageConfig" :message-config="messageConfig"
@buy-clicked="onBuyClicked" @buy-clicked="onBuyClicked"
@ -47,12 +47,12 @@
<van-sku <van-sku
v-model="showCustom" v-model="showCustom"
:stepper-title="$t('stepperTitle')" :stepper-title="$t('stepperTitle')"
:sku="$t('sku').sku" :sku="skuData.sku"
:goods="$t('sku').goods_info" :goods="skuData.goods_info"
:goods-id="$t('sku').goods_id" :goods-id="skuData.goods_id"
:hide-stock="$t('sku').sku.hide_stock" :hide-stock="skuData.sku.hide_stock"
:quota="$t('sku').quota" :quota="skuData.quota"
:quota-used="$t('sku').quota_used" :quota-used="skuData.quota_used"
show-add-cart-btn show-add-cart-btn
reset-stepper-on-hide reset-stepper-on-hide
:initial-sku="initialSku" :initial-sku="initialSku"
@ -79,20 +79,18 @@
</template> </template>
<script> <script>
import data from './data'; import skuData from './data';
import { LIMIT_TYPE } from '../../../packages/sku/constants'; import { LIMIT_TYPE } from '../../../packages/sku/constants';
export default { export default {
i18n: { i18n: {
'zh-CN': { 'zh-CN': {
sku: data['zh-CN'],
title2: '自定义步进器相关配置', title2: '自定义步进器相关配置',
stepperTitle: '我要买', stepperTitle: '我要买',
button1: '积分兑换', button1: '积分兑换',
button2: '买买买' button2: '买买买'
}, },
'en-US': { 'en-US': {
sku: data['en-US'],
title2: 'Custom Stepper Related Config', title2: 'Custom Stepper Related Config',
stepperTitle: 'Stepper title', stepperTitle: 'Stepper title',
button1: 'Button', button1: 'Button',
@ -101,6 +99,7 @@ export default {
}, },
data() { data() {
this.skuData = skuData;
return { return {
showBase: false, showBase: false,
showCustom: false, showCustom: false,

8
packages/vant-css/src/sku.css
View File

@ -16,14 +16,6 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
/* 修复ios下点击没反应的问题 */
.van-field {
input[type*=date],
input[type*=time] {
height: 26px;
}
}
} }
&-group-container { &-group-container {