dolphin-weex-ui 2.4.2 → 2.4.3

package/package.json

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

package/packages/dof-actionsheet/index.vue

@@ -25,7 +25,7 @@
       </slot>
       <div class="midea-actionsheet-content">
         <div
-          v-bind:class="['midea-actionsheet-list']"
+          v-bind:class="['midea-actionsheet-list', !title && index === 0 ? 'midea-actionsheet-list-first' : '']"
           v-for="(item, index) in items"
           :key="index"
           @click="actionsheetItemClick(item, index)"
@@ -50,7 +50,7 @@
           button
         }}</text>
       </div>
-      <div :style="{ height: '0px', 'background-color': '#ffffff' }"></div>
+      <div :style="{ height: '0px', 'background-color': _isDiablo ? diabloBg : '#ffffff' }"></div>
     </div>
   </div>
 </template>
@@ -80,6 +80,7 @@
 .midea-actionsheet-list-first {
   /* border-top-left-radius: 32px;
   border-top-right-radius: 32px; */
+  border-top-width: 0px;
   background-color: #ffffff;
 }
 .midea-actionsheet-list-first:active {
@@ -142,6 +143,37 @@
   bottom: 0;
   top: 0;
 }
+
+@media screen and (weex-theme: diablo) {
+  .title {
+    color: #797c7e;
+    background-color: #1e2326;
+  }
+  .midea-actionsheet-list-first {
+    /* border-top-left-radius: 32px;
+    border-top-right-radius: 32px; */
+    border-top-width: 0px;
+    background-color: #1e2326;
+  }
+  .midea-actionsheet-list-first:active {
+    background-color: #1e2326;
+  }
+  .midea-actionsheet-list {
+    border-top-width: 2px;
+    border-top-color: #303538;
+    background-color: #1e2326;
+  }
+  .midea-actionsheet-list:active {
+    background-color: #1e2326;
+  }
+  .midea-actionsheet-btn {
+    color: #cfcfd0;
+    background-color: #1e2326;
+  }
+  .leftBtn {
+    color: #cfcfd0;
+  }
+}
 </style>
 
 <script>
@@ -150,7 +182,10 @@ const { platform } = weex.config.env
 const isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'
 import { Bridge } from 'dolphin-native-bridge'
 import DofOverlay from '../dof-overlay'
+import DiabloMixin from '../../mixins/diablo'
+
 export default {
+  mixins: [DiabloMixin],
   components: { DofOverlay },
   props: {
     show: {
@@ -164,7 +199,7 @@ export default {
     // 背景色，即按钮上方的横条颜色，暂不开放
     popupColor: {
       type: String,
-      default: '#F9F9F9'
+      default: ''
     },
     overlayCfg: {
       type: Object,
@@ -226,7 +261,8 @@ export default {
   data: () => ({
     haveOverlay: true,
     isOverShow: true,
-    bottomArc: 0
+    bottomArc: 0,
+    diabloBg: '#1e2326'
   }),
   computed: {
     isNeedShow() {
@@ -252,7 +288,7 @@ export default {
       const { pos, width, popupColor } = this
       const style = {
         width: `${width}px`,
-        backgroundColor: popupColor
+        backgroundColor: popupColor ? popupColor : this._isDiablo ? '#101315' : '#F9F9F9'
         // backgroundColor: '#616C73'
       }
       if (pos === 'bottom') {
@@ -265,7 +301,7 @@ export default {
     },
     bottomIpxStyle() {
       const style = {
-        backgroundColor: '#ffffff',
+        backgroundColor: this._isDiablo ? this.diabloBg : '#ffffff',
         paddingBottom: `${this.isipx ? 84 : 16}px`
       }
       return style
@@ -381,7 +417,7 @@ export default {
       return _transform
     },
     textStyleOps(item) {
-      return item.textColor ? { color: item.textColor } : { color: '#1E2E37' }
+      return item.textColor ? { color: item.textColor } : { color: this._isDiablo ? '#cfcfd0' : '#1E2E37' }
     }
   }
 }

package/packages/dof-bottom-bar/diablo.css

@@ -22,4 +22,7 @@
   .animate-circle {
     background-color: #e5e5e8;
   }
+  .tab-bar-item-icon {
+    opacity: 0.85;
+  }
 }

package/packages/dof-card/style.js

@@ -2,6 +2,9 @@ export const STYLE_MAP = {
   default: {
     borderRadius: '32px'
   },
+  diablo: {
+    borderRadius: '32px'
+  },
   colmo: {
     borderRadius: '0px'
   }

package/packages/dof-checkbox/diablo.css

@@ -25,7 +25,14 @@
   .checkbox-disabled {
     opacity: 1;
   }
-  .checkbox-icon-disabled {
-    opacity: 0.3;
+  .disabledMask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    /* background-color: rgba(0, 0, 0, 0.3); */
+    background-color: #101315;
+    opacity: 0.7;
   }
 }

package/packages/dof-checkbox/index.vue

@@ -55,6 +55,7 @@
       <dof-image :src="ARROW_ICON" class="cell-arrow-icon" v-if="hasArrow"></dof-image>
     </div>
     <div v-if="!itemImg && hasSubBottomBorder" class="fakeSubBorder"></div>
+    <div v-if="_isDiablo && disabled" class="disabledMask"></div>
   </div>
 </template>
 

package/packages/dof-icon-button/index.vue

@@ -160,7 +160,7 @@ export default {
       if (this._isColmo) {
         return this.isPlain ? 'transparent' : '#2d2e2f'
       } else {
-        return this._isDiablo ? '#2b2f32' : '#F6F7F9'
+        return this._isDiablo ? '#45494C' : '#F6F7F9'
       }
     },
     // 点击背景颜色

package/packages/dof-slider/index.vue

@@ -180,7 +180,7 @@ export default {
     trackStyle() {
       const res = {
         height: `${this._trackHeight}px`,
-        backgroundColor: this.trackColor || (this._isDiablo ? '#2b2f32' : '#F6F7F9'),
+        backgroundColor: this.trackColor || (this._isDiablo ? '#45494C' : '#F6F7F9'),
         borderRadius: `${this._trackHeight / 2}px`
       }
       // 细bar样式
@@ -271,7 +271,7 @@ export default {
         borderRadius: `${this.trackHeight / 2}px`
       }
       // if (this.trackColor) {
-      res.backgroundColor = this.trackColor || (this._isDiablo ? '#2b2f32' : '#F6F7F9')
+      res.backgroundColor = this.trackColor || (this._isDiablo ? '#45494C' : '#F6F7F9')
       // }
       return res
     },

package/packages/dof-step-action/img.js

@@ -4,7 +4,7 @@ export default {
   sub:
     'data:image/png;base64,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',
   add_diablo:
-    'data:image/png;base64,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',
+    'data:image/png;base64,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',
   sub_diablo:
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAPKADAAQAAAABAAAAPAAAAACL3+lcAAAE9UlEQVRoBeWby2sTQRzHfzPZthotxUe1Kr6gUFrb2hDBCsXHRRQEQUSNF4/+AWo96UFvPu4qgg/EqgdBEOzNB4W2YIy2mlLoVYzWBzUabJvu+PtttmWSbDbZ3bx2OxCyu/nNb36fmcns7Mx3GZQoBYNB/3QSelQBQQZqC2OsRQA0gYB6YPihJCCOx3EGEBNCjAvg45xBuE6BgXA4nChFaFhW8VJnZ+eaOa6cRJAj6HUnfmptep/BfMNYGU99avLhyMjIN5t+srIVBbi1I7Cbc3YOvR/Aj5JVirMLSczer6ri6tho5I0zV4B16CBt2x7ch/3yErroceDGStYBxviFj+/fvrKSSba1BdwaDK7jc3AdhAjJzsp2zFif6oMzY+HwF6tlWgZu6wgcZJz1YUENVgsrsv2UUEUoOhp5YcWvz4px2/bgGcbgDuZZaiVfiWyX4Mgfamxa/3fy65fBQssoqIWbm5vr6vz1N4GxU4U6LqudEPemE/HTExMT0/nKzQscCAQaZ+bYMxzeduVzVtHfBQzW+sThSCQyaRYHN/uRWtYVsASBDUKxUsxmTKbAqW5c5S0r0yG0FrN8LeM456ClD1C9GfbVf8pYFw5kf3INZIb/Yf3W8xzpTHtAFdOreMs6ZHTLygLWJhVJMYYwlb7POq3PKVVhrZmTk6wW1GZQ7oelymrQWdIqLq2F27t27BVCfZlm4fITnHvvk+feaS2MsJddzpcVfibTAnBHILAHrcv11JMVWAkv9OhsWhELwKrKzpaw0Iq6ltm0/7C2UsGUzxhVsR/eKwoqFZ70ieQGWjnRWlhblvEuLHErOqM+sUitQUkV4sFDnZHR6uK/pPiFiHYX3NxSOzNLFLaC01LqIoClRqklVk7rxm5pIqdxEiuue6stTh25JT+xctoRcEvATuMkVi5o+2ORJGLl2l7PIgEmVgXXglIbWzahG1evgu7ubqhfvsymh8Kyxf/8haGhIZj8/qOwDEZWyOpoKllTUwMnjh8Dv99v5L7o17Zs3gQ3bt2G2dlZ276pS8ft5l65amXZYClGqlgq03ZCVo5d2jbwzx8/IZEoyTauIROVRWXaTsiq4ONSDEevLXacUNd69PhJWf/DTrozsbJtnYG7VbuFYqcVzPLglgzeh/m4mY2XftMkFaSp8BKUGQuxchKQoBFpKryeZoiV62qZYa/TIt8wsaYW8VAt43lgnVEDJmkQApNaxqspqTOm1rR0HVS/V2mRq39e6yWtS4urXgUmjdc82wKwLvqiEdtraUAWtC0ApyjZRa/RkpBNZkoD/vQh/BKnmX2ygauPkUXeOSSWNGC6QAo3/JqiY5enKZ0lDSMLmHbMSeGGVmqapbtOSPIQytz9JwRDUcvkt9gEKdzwcWq/uzhT0Qpg56Ij7+4bxW4ITIakglmztmkr/qe7jDJW7TV8BETY87niy+rSsiHJ+XAJaFC+VtXHGKsWs0mQpsCkXSQ5nyugdelhPr1lzi49X0mxWCzRUL/sgVJTu7Fqu3dKXHo0Go3+no871zeOS4UnTZ0H4grmMO0ZhXt0bIn7Y6w3+iF8vVBPloDJqdsF4pZbiuR8pHCr6IyMXgHAGIykhfla2nILyw51IRtpu8old6rMSx4yNB2TDkqXBpXsNR7OxbXRSOR1ZtlWzx21cGZh7e071wplNoS3MW+/qJUJTufV+iref+rS0BbUow7hAAAAAElFTkSuQmCC'
+    'data:image/png;base64,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'
 }

package/packages/dof-switch/index.vue

@@ -172,7 +172,7 @@ export default {
       } else {
         res = {
           'border-color': 'transparent',
-          'background-color': this._isDiablo ? '#d2d5d7' : '#d3d5d7'
+          'background-color': this._isDiablo ? '#45494C' : '#d3d5d7'
         }
       }
       // colmo
@@ -193,7 +193,7 @@ export default {
         if ((this._isColmo && this.type === 'default') || this.type === 'colmo') dotColor = '#B35336'
         if (this.dotColor) dotColor = this.dotColor
       } else {
-        dotColor = this.type === 'white' ? '#ffffff' : this._isColmo ? '#8A8A8F' : '#ffffff'
+        dotColor = this.type === 'white' ? '#ffffff' : this._isColmo ? '#8A8A8F' : this._isDiablo ? '#DCDDDD' : '#ffffff'
       }
 
       return dotColor

package/packages/dof-tab-page/index.vue

@@ -336,10 +336,11 @@ export default {
       }
     },
     hackMarginTop() {
-      const platform = weex.config.env.platform
-      if (platform === 'iOS') return -1
-      if (platform === 'harmony') return 0
-      return 2
+      // const platform = weex.config.env.platform
+      // if (platform === 'iOS') return -1
+      // if (platform === 'harmony') return 0
+      // return 2
+      return 0
     },
     textBtnStyle() {
       const { theme } = this