dolphin-weex-ui 2.2.0 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dolphin-weex-ui",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "inteligense cross platform frame",
   "main": "index.js",
   "directories": {

package/packages/dof-actionsheet/index.vue

@@ -211,7 +211,7 @@ export default {
     },
     defaultBtnStyle: {
       type: Object,
-      default: () => {}
+      default: () => ({})
     },
     itemStyle: {
       type: Object,

package/packages/dof-bottom-bar/index.vue

@@ -324,7 +324,7 @@ export default {
   height: 96px;
   border-radius: 48px;
   background-color: #ffffff;
-  flex: 1;
+  /* flex: 1; */
   flex-direction: row;
   justify-content: center;
   align-items: center;

package/packages/dof-button/index.vue

@@ -175,106 +175,184 @@ export default {
   background-color: rgba(255, 255, 255, 0.1);
 }
 
+.dof-btn-highlight-primary-default {
+  background-color: #267aff;
+}
 .dof-btn-highlight-primary-default:active {
   background-color: #226de5;
 }
-
+.dof-btn-highlight-primary-base {
+  background-color: #e9f1ff;
+}
 .dof-btn-highlight-primary-base:active {
   background-color: #d1d8e5;
 }
+.dof-btn-highlight-primary-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-primary-plain:active {
   background-color: rgba(38, 122, 255, 0.1);
 }
+.dof-btn-highlight-purple-default {
+  background-color: #995efc;
+}
 .dof-btn-highlight-purple-default:active {
   background-color: #8a54e3;
 }
+.dof-btn-highlight-purple-base {
+  background-color: #eee6ff;
+}
 .dof-btn-highlight-purple-base:active {
   background-color: #d5cee5;
 }
+.dof-btn-highlight-purple-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-purple-plain:active {
   background-color: rgba(153, 94, 252, 0.1);
 }
 
+.dof-btn-highlight-slate-default {
+  background-color: #6575ff;
+}
 .dof-btn-highlight-slate-default:active {
   background-color: #5b69e6;
 }
-
+.dof-btn-highlight-slate-base {
+  background-color: #e6e8ff;
+}
 .dof-btn-highlight-slate-base:active {
   background-color: #ced0e5;
 }
+.dof-btn-highlight-slate-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-slate-plain:active {
   background-color: rgba(101, 117, 255, 0.1);
 }
-
+.dof-btn-highlight-aqua-default {
+  background-color: #29c3ff;
+}
 .dof-btn-highlight-aqua-default:active {
   background-color: #24afe6;
 }
-
+.dof-btn-highlight-aqua-base {
+  background-color: #e6f8ff;
+}
 .dof-btn-highlight-aqua-base:active {
   background-color: #cedee5;
 }
+.dof-btn-highlight-aqua-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-aqua-plain:active {
   background-color: rgba(41, 195, 255, 0.1);
 }
-
+.dof-btn-highlight-turquoise-default {
+  background-color: #00cbb8;
+}
 .dof-btn-highlight-turquoise-default:active {
   background-color: #00b7a5;
 }
-
+.dof-btn-highlight-turquoise-base {
+  background-color: #e6fffd;
+}
 .dof-btn-highlight-turquoise-base:active {
   background-color: #cee5e3;
 }
+.dof-btn-highlight-turquoise-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-turquoise-plain:active {
   background-color: rgba(0, 203, 184, 0.1);
 }
-
+.dof-btn-highlight-yellow-default {
+  background-color: #ffaa10;
+}
 .dof-btn-highlight-yellow-default:active {
   background-color: #e5980e;
 }
-
+.dof-btn-highlight-yellow-base {
+  background-color: #fff4e0;
+}
 .dof-btn-highlight-yellow-base:active {
   background-color: #e5dbc9;
 }
+.dof-btn-highlight-yellow-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-yellow-plain:active {
   background-color: rgba(255, 170, 16, 0.1);
 }
-
+.dof-btn-highlight-orange-default {
+  background-color: #ff8225;
+}
 .dof-btn-highlight-orange-default:active {
   background-color: #e67521;
 }
-
+.dof-btn-highlight-orange-base {
+  background-color: #fff0e6;
+}
 .dof-btn-highlight-orange-base:active {
   background-color: #e5d7ce;
 }
+.dof-btn-highlight-orange-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-orange-plain:active {
   background-color: rgba(255, 130, 37, 0.1);
 }
-
+.dof-btn-highlight-tomato-default {
+  background-color: #ff6a4c;
+}
 .dof-btn-highlight-tomato-default:active {
   background-color: #e65f44;
 }
+.dof-btn-highlight-tomato-base {
+  background-color: #ffeae6;
+}
 .dof-btn-highlight-tomato-base:active {
   background-color: #e6d3cf;
 }
+.dof-btn-highlight-tomato-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-tomato-plain:active {
   background-color: rgba(255, 106, 76, 0.1);
 }
-
+.dof-btn-highlight-gray-default {
+  background-color: #7c879b;
+}
 .dof-btn-highlight-gray-default:active {
   background-color: #6f798b;
 }
+.dof-btn-highlight-gray-base {
+  background-color: #cfd7e6;
+}
 .dof-btn-highlight-gray-base:active {
   background-color: #b9c1ce;
 }
+.dof-btn-highlight-gray-plain {
+  background-color: #ffffff;
+}
 .dof-btn-highlight-gray-plain:active {
   background-color: rgba(124, 135, 155, 0.1);
 }
+.dof-btn-highlight-colmo-default {
+  background-color: #b35336;
+}
 .dof-btn-highlight-colmo-default:active {
   background-color: #743d2a;
 }
+.dof-btn-highlight-colmo-base {
+  background-color: #292c30;
+}
 .dof-btn-highlight-colmo-base:active {
   background-color: rgba(0, 0, 0, 0.3);
 }
+.dof-btn-highlight-colmo-plain {
+  background-color: transparent;
+}
 .dof-btn-highlight-colmo-plain:active {
   background-color: #636569;
 }

package/packages/dof-button/type.js

@@ -1,13 +1,13 @@
 export const STYLE_MAP = {
   primary: {
     default: {
-      backgroundColor: '#267AFF'
+      // backgroundColor: '#267AFF'
     },
     base: {
-      backgroundColor: '#E9F1FF'
+      // backgroundColor: '#E9F1FF'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#267AFF'
     },
@@ -18,13 +18,13 @@ export const STYLE_MAP = {
   },
   purple: {
     default: {
-      backgroundColor: '#995EFC'
+      // backgroundColor: '#995EFC'
     },
     base: {
-      backgroundColor: '#EEE6FF'
+      // backgroundColor: '#EEE6FF'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#995EFC'
     },
@@ -35,13 +35,13 @@ export const STYLE_MAP = {
   },
   slate: {
     default: {
-      backgroundColor: '#6575FF'
+      // backgroundColor: '#6575FF'
     },
     base: {
-      backgroundColor: '#E6E8FF'
+      // backgroundColor: '#E6E8FF'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#6575FF'
     },
@@ -52,13 +52,13 @@ export const STYLE_MAP = {
   },
   aqua: {
     default: {
-      backgroundColor: '#29C3FF'
+      // backgroundColor: '#29C3FF'
     },
     base: {
-      backgroundColor: '#E6F8FF'
+      // backgroundColor: '#E6F8FF'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#29C3FF'
     },
@@ -69,13 +69,13 @@ export const STYLE_MAP = {
   },
   turquoise: {
     default: {
-      backgroundColor: '#00CBB8'
+      // backgroundColor: '#00CBB8'
     },
     base: {
-      backgroundColor: '#E6FFFD'
+      // backgroundColor: '#E6FFFD'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#00CBB8'
     },
@@ -86,13 +86,13 @@ export const STYLE_MAP = {
   },
   yellow: {
     default: {
-      backgroundColor: '#FFAA10'
+      // backgroundColor: '#FFAA10'
     },
     base: {
-      backgroundColor: '#FFF4E0'
+      // backgroundColor: '#FFF4E0'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#FFAA10'
     },
@@ -103,13 +103,13 @@ export const STYLE_MAP = {
   },
   orange: {
     default: {
-      backgroundColor: '#FF8225'
+      // backgroundColor: '#FF8225'
     },
     base: {
-      backgroundColor: '#FFF0E6'
+      // backgroundColor: '#FFF0E6'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#FF8225'
     },
@@ -120,13 +120,13 @@ export const STYLE_MAP = {
   },
   tomato: {
     default: {
-      backgroundColor: '#FF6A4C'
+      // backgroundColor: '#FF6A4C'
     },
     base: {
-      backgroundColor: '#FFEaE6'
+      // backgroundColor: '#FFEaE6'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#FF6A4C'
     },
@@ -137,13 +137,13 @@ export const STYLE_MAP = {
   },
   gray: {
     default: {
-      backgroundColor: '#7C879B'
+      // backgroundColor: '#7C879B'
     },
     base: {
-      backgroundColor: '#CFD7E6'
+      // backgroundColor: '#CFD7E6'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#7C879B'
     },
@@ -188,13 +188,13 @@ export const STYLE_MAP = {
   },
   colmo: {
     default: {
-      backgroundColor: '#B35336'
+      // backgroundColor: '#B35336'
     },
     base: {
-      backgroundColor: '#292c30'
+      // backgroundColor: '#292c30'
     },
     plain: {
-      backgroundColor: 'transparent',
+      // backgroundColor: 'transparent',
       borderWidth: '2px',
       borderColor: '#B35336'
     },