@opentinyvue/vue-design-saas 2.24.0 → 2.25.0

package/index.d.ts

@@ -98,10 +98,10 @@ declare const _default: {
                 constants: any;
             }, api: any) => {
                 getMileIcon: (node: any) => {
-                    background: any;
-                    color: any;
-                    'border-color': any;
-                } | undefined;
+                    background: string;
+                    color: string;
+                    boxShadow: string;
+                };
                 getFlagStyle: ({ index, idx }: {
                     index: any;
                     idx: any;

package/index.js

@@ -144,16 +144,15 @@ var Milestone = {
     var constants = _ref4.constants;
     return {
       getMileIcon: function getMileIcon(node) {
-        var status = node[props.statusField];
-        var statusColor = props.milestonesStatus[status];
-        var isCompleted = status === constants.STATUS_COMPLETED;
-        if (statusColor) {
-          return {
-            background: props.solid ? statusColor : "",
-            color: props.solid && !isCompleted ? "#ffffff" : statusColor,
-            "border-color": statusColor
-          };
-        }
+        var status = props.milestonesStatus[node[props.statusField]] || constants.DEFAULT_COLOR;
+        var isCompleted = node[props.statusField] === props.completedField;
+        var switchColor = isCompleted && !props.solid;
+        var _api$hexToRgb = api.hexToRgb(status), r = _api$hexToRgb.r, g = _api$hexToRgb.g, b = _api$hexToRgb.b;
+        return {
+          background: (switchColor ? constants.DEFAULT_BACK_COLOR : status) + "!important",
+          color: (switchColor ? status : constants.DEFAULT_BACK_COLOR) + "!important",
+          boxShadow: "rgba(" + r + "," + g + "," + b + ",.4) " + constants.BOX_SHADOW_PX
+        };
       },
       getFlagStyle: function getFlagStyle(_ref5) {
         var index2 = _ref5.index, idx = _ref5.idx;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@opentinyvue/vue-design-saas",
-  "version": "2.24.0",
+  "version": "2.25.0",
   "main": "./index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-icon": "~2.24.0"
+    "@opentinyvue/vue-icon": "~2.25.0"
   },
   "license": "MIT",
   "module": "./index.js",

package/src/milestone/index.d.ts

@@ -3,10 +3,10 @@ declare const _default: {
         constants: any;
     }, api: any) => {
         getMileIcon: (node: any) => {
-            background: any;
-            color: any;
-            'border-color': any;
-        } | undefined;
+            background: string;
+            color: string;
+            boxShadow: string;
+        };
         getFlagStyle: ({ index, idx }: {
             index: any;
             idx: any;