From a466fd11e54bac160e3091511e8f1876a9e8fdda Mon Sep 17 00:00:00 2001
From: richard1015 <51844712@qq.com>
Date: Wed, 27 Oct 2021 15:47:46 +0800
Subject: [PATCH] feat(step): add props iconColor

---
 src/packages/__VUE/step/index.vue | 20 +++++++-------------
 src/packages/__VUE/steps/doc.md   |  3 ++-
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/packages/__VUE/step/index.vue b/src/packages/__VUE/step/index.vue
index e7813378c..ec2d0474b 100644
--- a/src/packages/__VUE/step/index.vue
+++ b/src/packages/__VUE/step/index.vue
@@ -2,12 +2,9 @@
   <view :class="classes">
     <view class="nut-step-head">
       <view class="nut-step-line"></view>
-      <view
-        class="nut-step-icon"
-        :class="[!dot ? (icon ? 'is-icon' : 'is-text') : '']"
-      >
+      <view class="nut-step-icon" :class="[!dot ? (icon ? 'is-icon' : 'is-text') : '']">
         <template v-if="icon">
-          <nut-icon class="nut-step-icon-inner" :name="icon" :size="size" />
+          <nut-icon class="nut-step-icon-inner" :color="iconColor" :name="icon" :size="size" />
         </template>
         <template v-else-if="dot"></template>
         <template v-else>
@@ -25,14 +22,7 @@
 </template>
 
 <script lang="ts">
-import {
-  reactive,
-  computed,
-  inject,
-  toRefs,
-  getCurrentInstance,
-  ComponentInternalInstance
-} from 'vue';
+import { reactive, computed, inject, toRefs, getCurrentInstance, ComponentInternalInstance } from 'vue';
 import { createComponent } from '../../utils/create';
 const { create, componentName } = createComponent('step');
 
@@ -50,6 +40,10 @@ export default create({
       type: String,
       default: null
     },
+    iconColor: {
+      type: String,
+      default: ''
+    },
     size: {
       type: [String, Number],
       default: '12px'
diff --git a/src/packages/__VUE/steps/doc.md b/src/packages/__VUE/steps/doc.md
index 1dc80c884..50c807573 100644
--- a/src/packages/__VUE/steps/doc.md
+++ b/src/packages/__VUE/steps/doc.md
@@ -91,4 +91,5 @@ app.use(Step);
 | ---------------- | ---------------------- | ------------ | ----------- |
 | title            | 流程步骤的标题         | String | 步骤 |
 | content          | 流程步骤的描述性文字(支持 html 结构)       | String | 步骤描述 |
-| icon          | 图标       | String | null |
\ No newline at end of file
+| icon          | 图标       | String | null |
+| icon-color          | 图标颜色       | String | null |
\ No newline at end of file
-- 
GitLab