From 27d459671e09770981f7aa7da1277162e7a66697 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Wed, 24 Jan 2018 15:51:57 +0800
Subject: [PATCH] #2724 #2672

remove saturation prop, and add hue prop
---
 examples/routers/color-picker.vue            | 6 +++++-
 src/components/color-picker/color-picker.vue | 6 +++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/examples/routers/color-picker.vue b/examples/routers/color-picker.vue
index a602b548..250064cd 100644
--- a/examples/routers/color-picker.vue
+++ b/examples/routers/color-picker.vue
@@ -10,6 +10,9 @@
         <color-picker v-model="color" placement="bottom-start" size="small"></color-picker>
         <Date-picker type="date" placeholder="选择日期" size="small" style="width: 200px"></Date-picker>
         <Button @click="setColor">set color</Button>
+
+        <br><br><br><br>
+        <ColorPicker v-model="color7" :saturation="false"></ColorPicker>
     </div>
 </template>
 <script>
@@ -18,7 +21,8 @@
         data () {
             return {
                 color: 'rgba(12,34,255,.85)',
-                color2: ''
+                color2: '',
+                color7: '#19be6b'
             };
         },
         computed: {},
diff --git a/src/components/color-picker/color-picker.vue b/src/components/color-picker/color-picker.vue
index 8536f5bd..1ace2956 100644
--- a/src/components/color-picker/color-picker.vue
+++ b/src/components/color-picker/color-picker.vue
@@ -24,10 +24,10 @@
                 v-transfer-dom>
                 <div :class="[prefixCls + '-picker']">
                     <div :class="[prefixCls + '-picker-wrapper']">
-                        <div v-if="saturation" :class="[prefixCls + '-picker-panel']">
+                        <div :class="[prefixCls + '-picker-panel']">
                             <Saturation v-model="saturationColors" @change="childChange"></Saturation>
                         </div>
-                        <div :class="[prefixCls + '-picker-hue-slider']">
+                        <div v-if="hue" :class="[prefixCls + '-picker-hue-slider']">
                             <Hue v-model="saturationColors" @change="childChange"></Hue>
                         </div>
                         <div v-if="alpha" :class="[prefixCls + '-picker-alpha-slider']">
@@ -130,7 +130,7 @@
             value: {
                 type: String
             },
-            saturation: {
+            hue: {
                 type: Boolean,
                 default: true
             },