From 441b0819eed393d332e0ebad091d928e6766c371 Mon Sep 17 00:00:00 2001
From: Jake <Jake.Laoyu@gmail.com>
Date: Fri, 6 Sep 2019 11:15:37 +0800
Subject: [PATCH] feat(Steps): add inactive-icon prop (#1972)

---
 example/pages/steps/index.wxml | 1 +
 packages/steps/README.md       | 1 +
 packages/steps/index.ts        | 3 ++-
 packages/steps/index.wxml      | 6 +++++-
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/example/pages/steps/index.wxml b/example/pages/steps/index.wxml
index cae95837..c8bc8b6a 100644
--- a/example/pages/steps/index.wxml
+++ b/example/pages/steps/index.wxml
@@ -14,6 +14,7 @@
     active="{{ active }}"
     active-icon="success"
     active-color="#38f"
+    inactive-icon="arrow"
   />
 </demo-block>
 
diff --git a/packages/steps/README.md b/packages/steps/README.md
index d10ff3b4..0b678780 100644
--- a/packages/steps/README.md
+++ b/packages/steps/README.md
@@ -78,6 +78,7 @@ Page({
 | direction | 显示方向，可选值为 `horizontal` `vertical` | *string* | `horizontal` |
 | active-color | 激活状态颜色 | *string* | `#07c160` |
 | active-icon | 激活状态底部图标，可选值见 Icon 组件 | *string* | `checked` |
+| inactive-icon | 未激活状态底部图标，可选值见 Icon 组件 | *string* | - |
 
 ### 外部样式类
 
diff --git a/packages/steps/index.ts b/packages/steps/index.ts
index 97205679..75c06b9b 100644
--- a/packages/steps/index.ts
+++ b/packages/steps/index.ts
@@ -17,6 +17,7 @@ VantComponent({
     activeIcon: {
       type: String,
       value: 'checked'
-    }
+    },
+    inactiveIcon: String
   }
 });
diff --git a/packages/steps/index.wxml b/packages/steps/index.wxml
index d0d0d01f..9803de50 100644
--- a/packages/steps/index.wxml
+++ b/packages/steps/index.wxml
@@ -12,7 +12,11 @@
         <view>{{ item.desc }}</view>
       </view>
       <view class="van-step__circle-container">
-        <view class="van-step__circle" wx:if="{{ index !== active }}" style="{{ index < active ? 'background-color: ' + activeColor : '' }}" />
+        <block wx:if="{{ index !== active }}">
+          <van-icon wx:if="{{ inactiveIcon }}" name="{{ inactiveIcon }}" color="#969799" size="12px" />
+          <view wx:else class="van-step__circle" style="{{ index < active ? 'background-color: ' + activeColor : '' }}" />
+        </block>
+
         <van-icon wx:else name="{{ activeIcon }}" color="{{ activeColor }}" custom-class="van-step__active" />
       </view>
       <view wx:if="{{ index !== steps.length - 1 }}" class="van-step__line" style="{{ index < active ? 'background-color: ' + activeColor : '' }}" />