Add saturation property

add a property to decide whether saturation panel should show

Add saturation property
add a property to decide whether saturation panel should show
Alexander Misel · GitHub
1 parent 6b2cd674
Showing 1 changed file with 6 additions and 2 deletions Show diff stats
src/components/color-picker/color-picker.vue
@@ -24,7 +24,7 @@
                 v-transfer-dom>
                 <div :class="[prefixCls + '-picker']">
                     <div :class="[prefixCls + '-picker-wrapper']">
-                        <div :class="[prefixCls + '-picker-panel']">
+                        <div v-if="saturation" :class="[prefixCls + '-picker-panel']">
                             <Saturation v-model="saturationColors" @change="childChange"></Saturation>
                         </div>
                         <div :class="[prefixCls + '-picker-hue-slider']">
@@ -130,6 +130,10 @@
             value: {
                 type: String
             },
+            saturation: {
+                type: Boolean,
+                default: true
+            },
             alpha: {
                 type: Boolean,
                 default: false
@@ -367,4 +371,4 @@
             }
         }
     };
-</script>
 \ No newline at end of file
+</script>