dolphin-weex-ui 2.4.19 → 2.4.21

package/index.js

@@ -25,6 +25,7 @@ import DofCity from './packages/dof-city';
 import DofCol from './packages/dof-col';
 import DofCollapse from './packages/dof-collapse';
 import DofCollapseItem from './packages/dof-collapse-item';
+import DofColmoTag from './packages/dof-colmo-tag';
 import DofConfirm from './packages/dof-confirm';
 import DofConfirmBox from './packages/dof-confirm-box';
 import DofCountdown from './packages/dof-countdown';
@@ -104,6 +105,7 @@ import DofTabPageContainer from './packages/dof-tab-page-container';
 import DofTag from './packages/dof-tag';
 import DofTagGroup from './packages/dof-tag-group';
 import DofTaged from './packages/dof-taged';
+import DofToast from './packages/dof-toast';
 import SwipeCell from './packages/swipe-cell';
 import Utils from './packages/utils';
 
@@ -130,6 +132,7 @@ export {
   DofCol,
   DofCollapse,
   DofCollapseItem,
+  DofColmoTag,
   DofConfirm,
   DofConfirmBox,
   DofCountdown,
@@ -209,6 +212,7 @@ export {
   DofTag,
   DofTagGroup,
   DofTaged,
+  DofToast,
   SwipeCell,
   Utils
 };

package/package.json

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

package/packages/dof-colmo-tag/index.js

@@ -0,0 +1 @@
+export { default } from './index.vue'

package/packages/dof-colmo-tag/index.vue

@@ -0,0 +1,70 @@
+<template>
+  <text class="dof-colmo-tag" :style="currentStyle">{{ content }}</text>
+</template>
+
+<script>
+
+export default {
+  props: {
+    content: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'colmo_plain'   // colmo_plain colmo gray_plain green
+    }
+  },
+  data() {
+    return {
+      styleMap: {
+        colmo_plain: {
+          borderColor: '#B35336',
+          backgroundColor: 'transparent',
+          color: '#B35336',
+          fontSize: '24px',
+          borderRadius: '8px'
+        },
+        colmo: {
+          borderColor: 'transparent',
+          backgroundColor: 'rgba(194,94,62,0.18)',
+          color: '#B35336',
+          fontSize: '24px',
+          borderRadius: '8px'
+        },
+        gray_plain: {
+          borderColor: '#707070',
+          backgroundColor: 'transparent',
+          color: '#707070',
+          fontSize: '24px',
+          borderRadius: '8px'
+        },
+        green: {
+          borderColor: '#06c270',
+          backgroundColor: 'rgba(6,194,112,0.1)',
+          color: '#06c270',
+          fontSize: '24px',
+          borderRadius: '8px'
+        }
+      }
+    }
+  },
+  computed: {
+    currentStyle() {
+      return this.styleMap[this.type] || {}
+    }
+  },
+  methods: {
+    
+  }
+}
+</script>
+
+<style scoped>
+.dof-colmo-tag {
+  padding: 8px 16px;
+  border-width: 1px;
+  border-style: solid;
+  line-height: 24px;
+}
+</style>

package/packages/dof-modal/colmo.css

@@ -1,4 +1,7 @@
 @media screen and (weex-theme: colmo) {
+  .modal-box {
+    border-radius: 16px;
+  }
   .modal-content {
     min-height: 192px;
   }

package/packages/dof-modal/index.vue

@@ -365,7 +365,7 @@ export default {
     _modalStyle() {
       return {
         borderRadius: this._isColmo ? '0px' : '26px',
-        backgroundColor: this._isColmo ? '#1c1e21' : this._isDiablo ? '#1e2326' : '#ffffff',
+        backgroundColor: this._isColmo ? '#232529' : this._isDiablo ? '#1e2326' : '#ffffff',
         ...this.modalStyle
       }
     },

package/packages/dof-music-player/colmo.css

@@ -2,8 +2,8 @@
 
   .dof-music-player {
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04);
-    background-color:rgba(177,193,234,0.05);
-    border-radius: 0px;
+    background-color: rgba(67,70,77,0.60);
+    border-radius: 16px;
   }
   .play-top {
     margin-bottom: 46px;

package/packages/dof-noticebar/colmo.css

@@ -3,9 +3,9 @@
     width: 750px;
     padding-top: auto;
     padding-bottom: auto;
-    padding-left: 32px;
+    padding-left: 18px;
     padding-right: 32px;
-    background-color: #1C1E21;
+    background-color: #313237;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
@@ -13,7 +13,7 @@
   }
   .noticebar-content {
     font-size: 28px;
-    color:  #B35336;
+    color:  #a9aaac;
     flex: 1;
     lines: 2;
   }
@@ -21,15 +21,15 @@
     font-family: PingFangSC-Regular;
     font-size: 24px;
     text-align: center;
-    color: rgba(255, 255, 255, 0.4);
+    color: #a9aaac;
     border-style: solid;
     border-width: 2px;
     /* border-color: #FFFFFF;    无效*/
     /* border-top-color: #FFFFFF; */
-    border-top-color: rgba(255, 255, 255, 0.4);
-    border-bottom-color: rgba(255, 255, 255, 0.4);
-    border-left-color: rgba(255, 255, 255, 0.4);
-    border-right-color: rgba(255, 255, 255, 0.4);
+    border-top-color: #a9aaac;
+    border-bottom-color: #a9aaac;
+    border-left-color: #a9aaac;
+    border-right-color: #a9aaac;
     border-radius: 28px;
     height: 56px;
     padding-left: 28px;
@@ -40,5 +40,9 @@
   .more-click-content {
     margin-left: 0px;
   }
-
+  .type-ICON {
+    width: 58px;
+    height: 58px;
+    margin-right: 8px;
+  }
 }

package/packages/dof-noticebar/index.vue

@@ -7,7 +7,8 @@
     :style="noticebarStyle"
     :aria-label="notice"
   >
-    <image class="type-ICON" :src="typeIcon" style="margin-right:16px"></image>
+    <midea-apng-view v-if="_theme == 'colmo'" :src="typeIcon" :loop="true" :auto="true" class="type-ICON"></midea-apng-view>
+    <image v-else class="type-ICON" :src="typeIcon" style="margin-right:16px"></image>
     <!-- <dof-iconfont v-else-if="_theme == 'colmo'" :code="'\u4724'" :color="colmoIconColor" size="32"></dof-iconfont> -->
     <text :class="[center ? 'noticebar-content-center' : 'noticebar-content']" :style="contentStyle">{{ notice }}</text>
     <div class="more-click-content" v-if="mode" :mode="mode">
@@ -31,7 +32,7 @@
         <dof-iconfont
           v-else-if="_theme == 'colmo' && ((modeIcon && this.mode == 'closable') || this.mode == 'all')"
           :code="'\u4725'"
-          color="rgba(255,255,255,0.80)"
+          :color="type == 'important' ? '#E7704C' : 'rgba(255,255,255,0.80)'"
           size="50"
         ></dof-iconfont>
         <div
@@ -142,7 +143,8 @@
   background-color: rgba(255, 255, 255, 0.1);
 }
 .colmobtn-active-important:active {
-  background-color: rgba(255, 255, 255, 0.1);
+  /* background-color: rgba(255, 255, 255, 0.1); */
+  background-color: rgba(179,83,54,0.10);
 }
 </style>
 
@@ -227,7 +229,7 @@ export default {
           break
         case 'important':
           style = {
-            backgroundColor: '#B35336'
+            backgroundColor: '#4B2D23'
           }
           break
         default:
@@ -263,7 +265,7 @@ export default {
           break
         case 'important':
           style = {
-            color: 'rgba(255,255,255,0.80)'
+            color: '#E7704C'
           }
           break
         default:
@@ -313,11 +315,11 @@ export default {
           break
         case 'important':
           style = {
-            color: 'rgba(255,255,255,0.8)',
-            borderLeftColor: 'rgba(255,255,255,0.8)',
-            borderRightColor: 'rgba(255,255,255,0.8)',
-            borderTopColor: 'rgba(255,255,255,0.8)',
-            borderBottomColor: 'rgba(255,255,255,0.8)'
+            color: '#E7704C',
+            borderLeftColor: '#E7704C',
+            borderRightColor: '#E7704C',
+            borderTopColor: '#E7704C',
+            borderBottomColor: '#E7704C'
           }
           break
         default:
@@ -348,10 +350,10 @@ export default {
           typeIcon = ICON.dangerIcon
           break
         case 'important':
-          typeIcon = ICON.colmoImportantIcon
+          typeIcon = ICON.colmoImportantApng
           break
         default:
-          typeIcon = this._theme == 'colmo' ? ICON.colmoInfoIcon : ICON.infoIcon
+          typeIcon = this._theme == 'colmo' ? ICON.colmoInfoApng : ICON.infoIcon
       }
       return typeIcon
     },

package/packages/dof-noticebar/type.js

@@ -3,6 +3,8 @@
  */
 
 export default {
+  colmoInfoApng: 'https://dolphin-weex-dev.msmartlife.cn/img/colmo-notibar1.png',
+  colmoImportantApng: 'https://dolphin-weex-dev.msmartlife.cn/img/colmo-notibar2.png',
   infoIcon:
     'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAABMJJREFUaAXVmc1OFEEQxwGJCkYT9cJHiBcPPgCEqx68GX0BYvCiBy/e4IDPgDdvvgIXE0086FGDD0CCF7/w4keCkQWiWf+/YWvome2e6d6dRayktj+q6l/V3bPd1TNDQw612+09aw5TUUfbOqwcsQrlsMjaI665dVKOSOmU22H1oA9TIIBn4lXr8FoQxLC0ukLFqhCuwVQKwj5c85A/dIgnd4Ei5BqrPuW2DzTaWzbeTru+YHQbLpLVLQRrW+kdHEIM8GeKnfJeoS35ViCouwVFtyGDm+Kv4k3xmCsr1CVcF4douqzcCmk6/fOZkTrGnU6rLqmyZw0rzcDaeYlADYzKtOabugwo9ON9LFkDyGfkNfApWl+qwZ3MsDwyOtU36es3g4WysNzOFPWTD0wKJ9T+bQK3DE2Aq0NILOh22VOgvVIwrmoIIOaxCvjJuhdcfHfI6xLMusI+66Oaqj+ZA/ndFtjZOkCbW+lPSnerTl/yC6NSvqlKLThgTABlAn3HiM0higxYyr4/oheDP+emDC+bcVVpU4QOaFW6JsMB29qOdVSVPTjY4QRtCfRhFXCvMmGfyW01kmmGXUPMPXtC1+5Zsgs/YVKcLymnNMPA+VCcipDPi9cqPPySbNExSa8KYEy8KuacY2p4rJ+J+f/0TgJYEccQG+J4tCcpxyy2zzF7WTXJqvZg8CE7fTzyBXJ3U0721wVpb41dPf95TmK7afB06s3H0Fs5mcPWTuWPEUD70iFNXI7QndW0ZQvPXnReBt8jjKYU1Rf0mPMI/Z/SP8cInkQoo3I7Us/UsjMmOZcy68jy1qAdPLdFjgloWXOaUYxyR2cuegQgG3DkIqO+nzICw08pPwzawVOm6JdCqt0Ne5yicUZwP2XMKboK6mDzY9HqyAWu0+3IDxNiddyNMCJdzChCt3srkVHo3mh4HJdkFDFZXfEmmBKZeasoC+m7YeelDOtGUoHd5tCqJyHErInriKA4tNJIRoticp8QkTNxnjRPAIsJACdVQUjsJWywBWMwQbrDlpMTYpamn2dA5pUENj7Sl9MN1q0LjFx7kEEL3kv4jHvo3YCtLuN+c0hvVD12BreG/Ix1AmeTIkvOd06T/eOShG9O58tnN47CcazZ4W3eJ/FxC56YielTJ0baRZIg9rIU8xQsFdGzVDnmiIrBRufwIMaROtjKmqSuFRQ452yTtJhNkhC5//ayj1cFQ2LAjBO0JQj0NUnEPEbGyIeGB9lo/r+fR/yJbwwgbu6h3EG5i9p9lL6m6QYrsCfUkw0j5/dcw5Uf/hdpL5HMOFzuM4Cvkl8M66RL3AuKay1f3Zm2q5Be/8YjVP9qJx34qCzWGcDjo/I2AD8HsWtlSWsbo1CgjTk4AFrDj71CIx9/L476boBhFR3Bf+Cn/F+Snx9ZLkRFHRPi7A1ZVXDHQEaME52Y83eMfNPlk8SM+G2/QWqFvblQv7id2GY6sWZwXek0vQpgXsUr8WnxcaBdBXFVgb9JCkYD4VLTEv8rwnfwMhM9GIHw+aDqm33TA8SX/+1PdNQBRQHzRZm7Q+xXZanWElhg1r6GLIfl/Q+Uleracsynjevia+IrYj6CsjXbtsy2x073Trwhfil+oWe6pbIv+gtpDfRGsQAH/gAAAABJRU5ErkJggg==',
   colmoInfoIcon:

package/packages/dof-popover2/colmo.css

@@ -3,9 +3,9 @@
     /* box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.4); */
   }
   .content-inner {
-    border-radius: 0px;
+    border-radius: 16px;
     padding: 32px;
-    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.4);
+    /* box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.4); */
   }
   .u-popover-arrow {
     background-color: #292b2f;
@@ -28,6 +28,6 @@
   .u-popover-inner {
     padding-left: 16px;
     padding-right: 16px;
-    border-radius: 0;
+    border-radius: 16px;
   }
 }

package/packages/dof-popover2/index.vue

@@ -298,7 +298,8 @@ export default {
       }
     },
     bgColor() {
-      return this.innerBgColor ? this.innerBgColor : this.theme === 'dark' ? '#000' : this._isColmo ? '#292b2f' : '#fff'
+      if (this._isColmo && this.buttons.length) return '#313338'
+      return this.innerBgColor ? this.innerBgColor : this.theme === 'dark' ? '#000' : this._isColmo ? '#43464d' : '#fff'
     },
     innerContentStyle() {
       const style = {

package/packages/dof-popup/index.vue

@@ -213,7 +213,7 @@ export default {
     },
     _popupColor() {
       if (this.popupColor) return this.popupColor
-      return this._isColmo ? '#1c1e21' : this._isDiablo ? '#1e2326' : '#fff'
+      return this._isColmo ? '#232529' : this._isDiablo ? '#1e2326' : '#fff'
     },
     padStyle() {
       const { pos, width, height, _popupColor, _height } = this

package/packages/dof-spinner/colmo_mountain.js

@@ -0,0 +1 @@
+export default { "v": "5.6.4", "fr": 30, "ip": 0, "op": 77, "w": 160, "h": 160, "nm": "切图输出160", "ddd": 0, "assets": [], "layers": [{ "ddd": 0, "ind": 1, "ty": 4, "nm": "形状图层 3", "sr": 1, "ks": { "o": { "a": 0, "k": 80, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [80, 123.062, 0], "ix": 2 }, "a": { "a": 0, "k": [0, 0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], "v": [[4.5, -61], [-6.25, -80.562], [-49.5, -5.562], [52.312, -5.562], [19.125, -63.25], [0.75, -32.375]], "c": false }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "st", "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 }, "o": { "a": 0, "k": 100, "ix": 4 }, "w": { "a": 0, "k": 3, "ix": 5 }, "lc": 1, "lj": 1, "ml": 4, "bm": 0, "nm": "描边 1", "mn": "ADBE Vector Graphic - Stroke", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [0, 0], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "形状 1", "np": 3, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }, { "ty": "tm", "s": { "a": 1, "k": [{ "i": { "x": [0.276], "y": [1] }, "o": { "x": [0.702], "y": [0] }, "t": 36, "s": [0] }, { "t": 76, "s": [100] }], "ix": 1 }, "e": { "a": 1, "k": [{ "i": { "x": [0.401], "y": [1] }, "o": { "x": [0.608], "y": [0] }, "t": 0, "s": [0] }, { "t": 35, "s": [100] }], "ix": 2 }, "o": { "a": 0, "k": 0, "ix": 3 }, "m": 1, "ix": 2, "nm": "修剪路径 1", "mn": "ADBE Vector Filter - Trim", "hd": false }], "ip": 0, "op": 77, "st": -10, "bm": 0 }, { "ddd": 0, "ind": 2, "ty": 4, "nm": "形状图层 4", "sr": 1, "ks": { "o": { "a": 0, "k": 5, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [78.594, 123.062, 0], "ix": 2 }, "a": { "a": 0, "k": [0, 0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0]], "v": [[4.5, -61], [-6.25, -80.562], [-49.5, -5.562], [52.312, -5.562], [19.125, -63.25], [0.75, -32.375]], "c": false }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "st", "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 }, "o": { "a": 0, "k": 100, "ix": 4 }, "w": { "a": 0, "k": 3, "ix": 5 }, "lc": 1, "lj": 1, "ml": 4, "bm": 0, "nm": "描边 1", "mn": "ADBE Vector Graphic - Stroke", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [0, 0], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "形状 1", "np": 3, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 161, "st": -10, "bm": 0 }], "markers": [] }

package/packages/dof-spinner/index.vue

@@ -8,13 +8,13 @@ import ColmoMixin from '../../mixins/colmo'
 import black from './loading_black'
 import white from './loading_white'
 import colmo from './colmo_loading'
-import colmo_rect from './colmo_rect'
+import colmo_mountain from './colmo_mountain'
 
 const iconMap = {
   black: JSON.stringify(black),
   white: JSON.stringify(white),
   colmo: JSON.stringify(colmo),
-  colmo_rect: JSON.stringify(colmo_rect)
+  colmo_rect: JSON.stringify(colmo_mountain)
 }
 
 export default {

package/packages/dof-swiper/colmo.css

@@ -20,10 +20,14 @@
     bottom: 0px;
   }
   .indicator-item {
-    width: 32px;
-    height: 4px;
-    background-color: #444;
-    margin-right: 16px;
+    width: 8px;
+    height: 8px;
+    border-radius: 8px;
+    background-color: #a1a1a1;
+    margin-right: 12px;
+  }
+  .opacity40 {
+    opacity: 0.4;
   }
   .small-indicator {
     width: 20px;
@@ -32,6 +36,7 @@
     margin-right: 0;
   }
   .active {
-    background-color: #b35336;
+    /* background-color: #b35336; */
+    width: 40px;
   }
 }

package/packages/dof-swiper/index.vue

@@ -23,6 +23,7 @@
     <div class="indicator-box" v-if="showIndicator && _isColmo">
       <div
         :class="['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']"
+        :style="indicatorStyle"
         v-for="(item, i) in slItems"
         :key="i"
       ></div>

package/packages/dof-toast/imgs.js

@@ -0,0 +1,4 @@
+export default {
+  success: 'data:image/png;base64,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',
+  fail: 'data:image/png;base64,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'
+}

package/packages/dof-toast/index.js

@@ -0,0 +1 @@
+export { default } from './index.vue'

package/packages/dof-toast/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="dof-toast-wrapper" v-if="isShow">
+    <div class="dof-toast-inner">
+      <image v-if="type" :src="icon" class="icon"></image>
+      <text class="dof-toast dof-toast-content">{{ content }}</text>
+    </div>  
+  </div>
+</template>
+
+<script>
+import imgs from './imgs.js'
+
+export default {
+  props: {
+    content: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: ''   // success fail
+    }
+  },
+  data() {
+    return {
+      isShow: false
+    }
+  },
+  computed: {
+    icon() {
+      return imgs[this.type] || ''
+    }
+  },
+  methods: {
+    showToast() {
+      if (this.isShow === false) {
+        this.isShow = true
+        setTimeout(() => {
+          this.isShow = false
+        }, 2000)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.dof-toast-wrapper {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.dof-toast-inner {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(12,12,12,0.80);
+  padding: 26px 64px;
+  border-radius: 16px;
+  max-width: 640px; 
+}
+.dof-toast {
+  max-width: 640px;  
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.dof-toast-content {
+  font-size: 32px;
+  color: rgba(255,255,255,0.80);
+  text-align: center;
+}
+.icon {
+  width: 72px;
+  height: 72px;
+  margin-bottom: 16px;
+}
+</style>