From ddfd034432f69cc5ec9938269426a24a1dda8448 Mon Sep 17 00:00:00 2001
From: codpoe <codpoe.me@gmail.com>
Date: Tue, 24 Sep 2019 19:55:01 +0800
Subject: [PATCH] feat(Sku): add sku item previewImgUrl (#4562)

---
 src/sku/README.md                | 6 ++++--
 src/sku/README.zh-CN.md          | 6 ++++--
 src/sku/Sku.js                   | 2 +-
 src/sku/components/SkuHeader.tsx | 2 +-
 src/sku/type.ts                  | 1 +
 5 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/sku/README.md b/src/sku/README.md
index 2da6b8a4c..5956b0a0e 100644
--- a/src/sku/README.md
+++ b/src/sku/README.md
@@ -187,12 +187,14 @@ sku: {
         {
           id: '30349',
           name: 'Red',
-          imgUrl: 'https://img.yzcdn.cn/1.jpg'
+          imgUrl: 'https://img.yzcdn.cn/1.jpg',
+          previewImgUrl: 'https://img.yzcdn.cn/1p.jpg',
         },
         {
           id: '1215',
           name: 'Blue',
-          imgUrl: 'https://img.yzcdn.cn/2.jpg'
+          imgUrl: 'https://img.yzcdn.cn/2.jpg',
+          previewImgUrl: 'https://img.yzcdn.cn/2p.jpg',
         }
       ],
       k_s: 's1'
diff --git a/src/sku/README.zh-CN.md b/src/sku/README.zh-CN.md
index 8f5a368a5..dd0bb597b 100644
--- a/src/sku/README.zh-CN.md
+++ b/src/sku/README.zh-CN.md
@@ -195,12 +195,14 @@ sku: {
         {
           id: '30349', // skuValueId：规格值 id
           name: '红色', // skuValueName：规格值名称
-          imgUrl: 'https://img.yzcdn.cn/1.jpg' // 规格类目图片，只有第一个规格类目可以定义图片
+          imgUrl: 'https://img.yzcdn.cn/1.jpg', // 规格类目图片，只有第一个规格类目可以定义图片
+          previewImgUrl: 'https://img.yzcdn.cn/1p.jpg', // 用于预览显示的规格类目图片
         },
         {
           id: '1215',
           name: '蓝色',
-          imgUrl: 'https://img.yzcdn.cn/2.jpg'
+          imgUrl: 'https://img.yzcdn.cn/2.jpg',
+          previewImgUrl: 'https://img.yzcdn.cn/2p.jpg',
         }
       ],
       k_s: 's1' // skuKeyStr：sku 组合列表（下方 list）中当前类目对应的 key 值，value 值会是从属于当前类目的一个规格值 id
diff --git a/src/sku/Sku.js b/src/sku/Sku.js
index 393d6f826..af7a0000f 100644
--- a/src/sku/Sku.js
+++ b/src/sku/Sku.js
@@ -201,7 +201,7 @@ export default createComponent({
           }
 
           treeItem.v.forEach(vItem => {
-            const img = vItem.imgUrl || vItem.img_url;
+            const img = vItem.previewImgUrl || vItem.imgUrl || vItem.img_url;
             if (img) {
               imageList.push(img);
             }
diff --git a/src/sku/components/SkuHeader.tsx b/src/sku/components/SkuHeader.tsx
index db0f0e665..aed75a7d9 100644
--- a/src/sku/components/SkuHeader.tsx
+++ b/src/sku/components/SkuHeader.tsx
@@ -24,7 +24,7 @@ function getSkuImg(sku: SkuData, selectedSku: SelectedSkuData): string | undefin
 
     if (id && item.v) {
       const matchedSku = item.v.filter(skuValue => skuValue.id === id)[0] || {};
-      img = matchedSku.imgUrl || matchedSku.img_url;
+      img = matchedSku.previewImgUrl || matchedSku.imgUrl || matchedSku.img_url;
       return img;
     }
 
diff --git a/src/sku/type.ts b/src/sku/type.ts
index dad49eaf3..8234f65ae 100644
--- a/src/sku/type.ts
+++ b/src/sku/type.ts
@@ -22,6 +22,7 @@ export type SkuTreeItemValueData = {
   name: string;
   imgUrl?: string;
   img_url?: string;
+  previewImgUrl?: string;
 };
 
 export type SkuListItemData = {