[new feature] Sku: add preview-open、preview-close event (#3243)

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`事件代替
+- 移除`on-icon-click`属性，请使用`click-right-icon`事件代替
-- [x] `icon`属性重命名为`right-icon`
+- `icon`属性重命名为`right-icon`
-- [x] `icon`插槽重命名为`right-icon`
+- `icon`插槽重命名为`right-icon`
-- [x] `click-icon`事件重命名为`click-right-icon`
+- `click-icon`事件重命名为`click-right-icon`
 
 ### GoodsAction
 
-- [x] `GoodsActionBigBtn`重命名为`GoodsActionButton`
+- `GoodsActionBigBtn`重命名为`GoodsActionButton`
-- [x] `GoodsActionMiniBtn`重命名为`GoodsActionIcon`
+- `GoodsActionMiniBtn`重命名为`GoodsActionIcon`
-- [x] `GoodsActionBigBtn`移除`primary`属性，请使用`type`属性代替
+- `GoodsActionBigBtn`移除`primary`属性，请使用`type`属性代替
 
 ### Step
 
-- [x] 移除`icon`属性
+- 移除`icon`属性
-- [x] 移除`title`属性
+- 移除`title`属性
-- [x] 移除`icon-class`属性
+- 移除`icon-class`属性
-- [x] 移除`description`属性
+- 移除`description`属性
-- [x] 移除`message-extra`插槽
+- 移除`message-extra`插槽
 
 ### Badge
 
-- [x] `BadgeGroup`重命名为`Sidebar`
+- `BadgeGroup`重命名为`Sidebar`
-- [x] `Badge`重命名为`SlideBarItem`
+- `Badge`重命名为`SlideBarItem`
 
 ### Loading
 
-- [x] 移除`circle`类型
+- 移除`circle`类型
-- [x] 移除`gradient-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`事件

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';

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);
         }
       });
     },

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
 

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 |
 
 ### 方法