From b36ba8640653bb29020df6227f0bebdf842e3e3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Tue, 17 Sep 2019 16:31:47 +0800
Subject: [PATCH] Step add slot icon

---
 examples/routers/steps.vue    | 4 +++-
 src/components/steps/step.vue | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/examples/routers/steps.vue b/examples/routers/steps.vue
index 4b11fb6d..2e358e8f 100644
--- a/examples/routers/steps.vue
+++ b/examples/routers/steps.vue
@@ -19,7 +19,9 @@
         </Steps>
         <Divider></Divider>
         <Steps :current="1">
-            <Step title="注册" icon="ios-person"></Step>
+            <Step title="注册">
+                <Icon type="md-alarm" slot="icon" />
+            </Step>
             <Step title="上传头像" icon="ios-camera"></Step>
             <Step title="验证邮箱" icon="ios-mail"></Step>
         </Steps>
diff --git a/src/components/steps/step.vue b/src/components/steps/step.vue
index 7d9a4cba..de6dbd02 100644
--- a/src/components/steps/step.vue
+++ b/src/components/steps/step.vue
@@ -3,7 +3,8 @@
         <div :class="[prefixCls + '-tail']"><i></i></div>
         <div :class="[prefixCls + '-head']">
             <div :class="[prefixCls + '-head-inner']">
-                <span v-if="!icon && currentStatus !== 'finish' && currentStatus !== 'error'">{{ stepNumber }}</span>
+                <span v-if="!icon && !$slots.icon && currentStatus !== 'finish' && currentStatus !== 'error'">{{ stepNumber }}</span>
+                <span v-else-if="$slots.icon" class="ivu-steps-icon"><slot name="icon"></slot></span>
                 <span v-else :class="iconClasses"></span>
             </div>
         </div>
@@ -57,7 +58,7 @@
                     `${prefixCls}-item`,
                     `${prefixCls}-status-${this.currentStatus}`,
                     {
-                        [`${prefixCls}-custom`]: !!this.icon,
+                        [`${prefixCls}-custom`]: !!this.icon || !!this.$slots.icon,
                         [`${prefixCls}-next-error`]: this.nextError
                     }
                 ];