fix rgba fill and stroke bug

lib/extract/extractFill.js

@@ -9,17 +9,14 @@ const fillRules = {
 
 function fillFilter(props) {
     let {fill} = props;
+    let fillOpacity = +props.fillOpacity;
 
     if (fill === 'none') {
         return null;
     } else if (fill) {
-        return patterns(fill, +props.fillOpacity, props.svgId);
+        return patterns(fill, fillOpacity, props.svgId);
     } else if (props.fill === undefined) {
-        let fillOpacity = +props.fillOpacity;
+        return rgba('#000', isNaN(fillOpacity) ? 1 : fillOpacity).rgbaString();
-        if (isNaN(fillOpacity)) {
-            fillOpacity = 1;
-        }
-        return rgba('#000', fillOpacity).rgbaString();
     } else {
         return null;
     }

lib/extract/patterns.js

@@ -28,10 +28,6 @@ export default function(patternSting, opacity, svgId) {
         return patternSting;
     }
 
-    if (isNaN(opacity)) {
-        opacity = 1;
-    }
-
     // 尝试匹配 "url(#pattern)"
     let matched = patternSting.match(patternReg);
 

lib/rgba.js

@@ -1,9 +1,14 @@
 import Color from 'color';
 let noneFill = ['transparent', 'none'];
-export default function (color, opacity = 1) {
+export default function (color, opacity) {
     if (noneFill.indexOf(color) !== -1 || !color) {
         return Color('#000');
     } else {
-        return Color(color).alpha(+opacity);
+        let c = Color(color);
+
+        if (!isNaN(opacity)) {
+            c = c.alpha(opacity);
+        }
+        return c;
     }
 }

lib/stopsOpacity.js

@@ -1,5 +1,8 @@
-import _ from 'lodash';
 export default function (stops, opacity) {
+    if (isNaN(opacity)) {
+        opacity = 1;
+    }
+
     return _.reduce(stops, (ret, color, key) => {
         ret[key] = color.alpha(color.alpha() * opacity).rgbaString();
         return ret;