diff --git a/docs/markdown/v2-progress-tracking.md b/docs/markdown/v2-progress-tracking.md index 41cfd6364..9dccc54a9 100644 --- a/docs/markdown/v2-progress-tracking.md +++ b/docs/markdown/v2-progress-tracking.md @@ -6,47 +6,50 @@ ### Actionsheet -- [x] 重命名为`ActionSheet` +- 重命名为`ActionSheet` ### Button -- [x] 移除`bottom-action`属性,请使用`square`和`size`代替 +- 移除`bottom-action`属性,请使用`square`和`size`代替 ### Field -- [x] 移除`on-icon-click`属性,请使用`click-right-icon`事件代替 -- [x] `icon`属性重命名为`right-icon` -- [x] `icon`插槽重命名为`right-icon` -- [x] `click-icon`事件重命名为`click-right-icon` +- 移除`on-icon-click`属性,请使用`click-right-icon`事件代替 +- `icon`属性重命名为`right-icon` +- `icon`插槽重命名为`right-icon` +- `click-icon`事件重命名为`click-right-icon` ### GoodsAction -- [x] `GoodsActionBigBtn`重命名为`GoodsActionButton` -- [x] `GoodsActionMiniBtn`重命名为`GoodsActionIcon` -- [x] `GoodsActionBigBtn`移除`primary`属性,请使用`type`属性代替 +- `GoodsActionBigBtn`重命名为`GoodsActionButton` +- `GoodsActionMiniBtn`重命名为`GoodsActionIcon` +- `GoodsActionBigBtn`移除`primary`属性,请使用`type`属性代替 ### Step -- [x] 移除`icon`属性 -- [x] 移除`title`属性 -- [x] 移除`icon-class`属性 -- [x] 移除`description`属性 -- [x] 移除`message-extra`插槽 +- 移除`icon`属性 +- 移除`title`属性 +- 移除`icon-class`属性 +- 移除`description`属性 +- 移除`message-extra`插槽 ### Badge -- [x] `BadgeGroup`重命名为`Sidebar` -- [x] `Badge`重命名为`SlideBarItem` +- `BadgeGroup`重命名为`Sidebar` +- `Badge`重命名为`SlideBarItem` ### Loading -- [x] 移除`circle`类型 -- [x] 移除`gradient-circle`类型 +- 移除`circle`类型 +- 移除`gradient-circle`类型 ### Waterfall -- [x] 彻底移除在 1.0 版本废弃的 Waterfall 组件,请使用`List`组件代替,或使用独立的[@vant/waterfall](https://github.com/chenjiahan/vant-waterfall)包。 +- 移除在 1.0 版本废弃的 Waterfall 组件,请使用`List`组件代替,或使用独立的[@vant/waterfall](https://github.com/chenjiahan/vant-waterfall)包。 ## 新特性 -TODO +### Sku + +- 新增`preview-open`事件 +- 新增`preview-close`事件 diff --git a/packages/index.less b/packages/index.less index ada57beec..9ef92ef24 100644 --- a/packages/index.less +++ b/packages/index.less @@ -26,13 +26,13 @@ @import './tabbar/index'; @import './tabbar-item/index'; @import './image-preview/index'; -@import './stepper/index'; @import './progress/index'; @import './sidebar/index'; @import './sidebar-item/index'; +@import './slider/index'; +@import './stepper/index'; @import './swipe/index'; @import './swipe-item/index'; -@import './slider/index'; /* form components */ @import './checkbox/index'; diff --git a/packages/sku/Sku.js b/packages/sku/Sku.js index ed65b1b3c..140730897 100644 --- a/packages/sku/Sku.js +++ b/packages/sku/Sku.js @@ -294,19 +294,19 @@ export default sfc({ onPreviewImage(indexImage) { const index = this.imageList.findIndex(image => image === indexImage); - const cbParams = { + const params = { index, imageList: this.imageList, indexImage }; - this.$emit('preview-on', cbParams); + this.$emit('open-preview', params); ImagePreview({ images: this.imageList, startPosition: index, onClose: () => { - this.$emit('preview-close', cbParams); + this.$emit('close-preview', params); } }); }, diff --git a/packages/sku/en-US.md b/packages/sku/en-US.md index 078507401..01026f008 100644 --- a/packages/sku/en-US.md +++ b/packages/sku/en-US.md @@ -126,6 +126,8 @@ Vue.use(Sku); | buy-clicked | Triggered when click buy button | data: Object | | stepper-change | Triggered when stepper value changed | value: number | | sku-selected | Triggered when select sku | { skuValue, selectedSku, selectedSkuComb } | +| open-preview | Triggered when open image preview | data: Object | +| close-preview | Triggered when close image preview | data: Object | ### Methods diff --git a/packages/sku/zh-CN.md b/packages/sku/zh-CN.md index add20f0ce..f5139f46c 100644 --- a/packages/sku/zh-CN.md +++ b/packages/sku/zh-CN.md @@ -129,6 +129,8 @@ Vue.use(Sku); | buy-clicked | 点击购买回调 | skuData: Object | | stepper-change | 购买数量变化时触发 | value: number | | sku-selected | 切换规格类目时触发 | { skuValue, selectedSku, selectedSkuComb } | +| open-preview | 打开商品图片预览时触发 | data: Object | +| close-preview | 关闭商品图片预览时触发 | data: Object | ### 方法