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

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