dolphin-weex-ui 2.4.10 → 2.4.12

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # 升级日志
 
+## 2.4.12
+
+- [ ! ] colmo样式UI升级
+- [ ! ] date: 2025/12/19
+
+## 2.4.11
+
+- [ ! ] dof-popup组件底部安全区背景颜色支持自定义
+- [ ! ] date: 2025/12/08
+
 ## 2.4.10
 
 - [ ! ] 修改鸿蒙dof-popup组件底部安全距离单位转换问题

package/dist/index.native.js

@@ -7973,7 +7973,7 @@ var STYLE_MAP = exports.STYLE_MAP = {
       backgroundColor: '#B35336'
     },
     base: {
-      backgroundColor: '#292c30'
+      backgroundColor: '#313237'
     },
     plain: {
       backgroundColor: 'transparent',
@@ -7981,7 +7981,7 @@ var STYLE_MAP = exports.STYLE_MAP = {
       borderColor: '#B35336'
     },
     text: {
-      backgroundColor: '#1c1e21',
+      backgroundColor: '#313237',
       borderWidth: 0
     }
   }
@@ -8180,7 +8180,7 @@ var STYLE_MAP_DIABLO = exports.STYLE_MAP_DIABLO = {
       backgroundColor: '#B35336'
     },
     base: {
-      backgroundColor: '#292c30'
+      backgroundColor: '#313237'
     },
     plain: {
       backgroundColor: 'transparent',
@@ -8581,21 +8581,21 @@ var COLMO_BUTTON_STYLE_MAP = exports.COLMO_BUTTON_STYLE_MAP = {
   full: {
     width: '688px',
     height: '96px',
-    borderRadius: '0px',
+    borderRadius: '16px',
     paddingLeft: '46px',
     paddingRight: '46px'
   },
   big: {
     width: '688px',
     height: '96px',
-    borderRadius: '0px',
+    borderRadius: '16px',
     paddingLeft: '46px',
     paddingRight: '46px'
   },
   medium: {
     width: '688px',
     height: '80px',
-    borderRadius: '0px',
+    borderRadius: '16px',
     paddingLeft: '28px',
     paddingRight: '28px'
   },
@@ -8689,7 +8689,7 @@ var STYLE_MAP = exports.STYLE_MAP = {
     borderRadius: '32px'
   },
   colmo: {
-    borderRadius: '0px'
+    borderRadius: '16px'
   }
 };
 
@@ -19301,7 +19301,7 @@ exports.default = {
     _cardStyle: function _cardStyle() {
       var tmp = { borderRadius: this.themeStyle.borderRadius };
       var style = _extends({
-        backgroundColor: this._isColmo ? '#1c1e21' : this._isDiablo ? '#171c1f' : '#fff'
+        backgroundColor: this._isColmo ? '#303237' : this._isDiablo ? '#171c1f' : '#fff'
       }, tmp, this.cardStyle);
       if (this.touchColor && this.isTouching) style.backgroundColor = this.touchColor;
       return style;
@@ -20228,10 +20228,10 @@ exports.default = {
     },
     _backgroundColor: function _backgroundColor() {
       if (this.backgroundColor) return this.backgroundColor;
-      return this._isColmo ? '#1d1f22' : this._isDiablo ? '#101315' : '#ffffff';
+      return this._isColmo ? '#303237' : this._isDiablo ? '#101315' : '#ffffff';
     },
     _borderColor: function _borderColor() {
-      return this._isColmo ? '#343639' : '#DDDDDD';
+      return this._isColmo ? 'rgba(255,255,255,0.14)' : '#DDDDDD';
     },
     useFakeBorder: function useFakeBorder() {
       return JSON.stringify(this.fakeBorderStyle) !== '{}';
@@ -20527,7 +20527,7 @@ exports.default = {
     // 底部border样式
     fakeBorderStyleRender: function fakeBorderStyleRender() {
       return _extends({
-        backgroundColor: this._isColmo ? '#343639' : '#DDDDDD'
+        backgroundColor: this._isColmo ? 'rgba(255,255,255,0.14)' : '#DDDDDD'
       }, this.fakeBorderStyle);
     }
   },
@@ -26149,7 +26149,7 @@ exports.default = {
     },
     _inputStyle: function _inputStyle() {
       return _extends({
-        backgroundColor: this.bgColor ? this.bgColor : this._isColmo ? '#1d1f22' : '#fff',
+        backgroundColor: this.bgColor ? this.bgColor : this._isColmo ? '#303237' : '#fff',
         height: this._height + 'px',
         lineHeight: this._height + 'px'
       }, this.inputStyle);
@@ -29318,7 +29318,7 @@ exports.default = {
     },
     isShowDelta: {
       type: Boolean,
-      default: true
+      default: false
     },
     bgColor: {
       type: String,
@@ -29334,7 +29334,7 @@ exports.default = {
   computed: {
     _backgroundColor: function _backgroundColor() {
       if (this.bgColor !== '') return this.bgColor;
-      return this._isColmo ? '#1d1f22' : '#fff';
+      return this._isColmo ? '#303237' : '#fff';
     }
   }
 };
@@ -31830,6 +31830,10 @@ exports.default = {
     isOverLayClickHide: {
       type: Boolean,
       default: false
+    },
+    safeAreaBgColor: {
+      type: String,
+      default: ''
     }
   },
   data: function data() {
@@ -32548,7 +32552,7 @@ exports.default = {
           _isDiablo = this._isDiablo;
       // 27282a
 
-      return _isColmo ? '#1c1e21' : _isDiablo ? '#101315' : '#FFFFFF';
+      return _isColmo ? '#303237' : _isDiablo ? '#101315' : '#FFFFFF';
     },
     cellStyle: function cellStyle() {
       return { backgroundColor: this.backgroundColor };
@@ -41206,6 +41210,10 @@ exports.default = {
     bgColor: {
       type: String,
       default: ''
+    },
+    isFlexStart: {
+      type: Boolean,
+      default: false
     }
   },
   data: function data() {
@@ -45778,6 +45786,13 @@ module.exports = {
   "space-around-layout": {
     "justifyContent": "space-around"
   },
+  "flex-start-layout": {
+    "justifyContent": "flex-start",
+    "flex": 1
+  },
+  "flex-start-item": {
+    "marginRight": "32"
+  },
   "padding-layout-32": {
     "paddingTop": 0,
     "paddingRight": "32",
@@ -47330,7 +47345,7 @@ module.exports = {
     "backgroundColor:active": "#743d2a"
   },
   "dof-btn-highlight-colmo-base": {
-    "backgroundColor": "#292c30",
+    "backgroundColor": "#313237",
     "backgroundColor:active": "rgba(0,0,0,0.3)"
   },
   "dof-btn-highlight-colmo-plain": {
@@ -51104,7 +51119,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   })) : _vm._e(), _c('div', {
     style: {
       height: _vm.show && _vm.isipx ? _vm.sageHeight + 'px' : '0px',
-      backgroundColor: _vm._isColmo ? '#151617' : _vm.padStyle.backgroundColor
+      backgroundColor: _vm.safeAreaBgColor ? _vm.safeAreaBgColor : _vm._isColmo ? '#151617' : _vm.padStyle.backgroundColor
     }
   })], 2) : _vm._e()])
 },staticRenderFns: []}
@@ -51512,8 +51527,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     class: [
       'widget',
       _vm.hasMargin && 'tab-margin',
-      _vm.tabTitles.length === 2 && !_vm.isSlot && _vm.type != 'third-group' && 'tab-padding-160',
-      _vm.tabTitles.length === 3 && !_vm.isSlot && _vm.type != 'third-group' && 'tab-padding-40',
+      _vm.tabTitles.length === 2 && !_vm.isSlot && _vm.type != 'third-group' && !_vm.isFlexStart && 'tab-padding-160',
+      _vm.tabTitles.length === 3 && !_vm.isSlot && _vm.type != 'third-group' && !_vm.isFlexStart && 'tab-padding-40',
       _vm.isSlot && 'flex-expand-layout',
       _vm.type == 'third-group' && 'thirdTabPanel'
     ],
@@ -51609,7 +51624,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       }
     }, [_vm._v(_vm._s(v.title))])])])
   })) : _vm._e(), (_vm.type !== 'third' && _vm.type !== 'third-group') ? _c('scroller', {
-    class: ['tab-title-list', _vm.tabTitles.length <= 5 && 'space-around-layout'],
+    class: ['tab-title-list', _vm.tabTitles.length <= 5 && 'space-around-layout', _vm.isFlexStart && 'flex-start-layout'],
     attrs: {
       "showScrollbar": false,
       "scrollDirection": "horizontal"
@@ -51619,7 +51634,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       key: index,
       ref: 'dof-tab-title-' + index,
       refInFor: true,
-      class: ['title-item', _vm.tabTitles.length > 5 && 'padding-layout-32', _vm.type == 'primary' && 'title-item-primary'],
+      class: ['title-item', _vm.tabTitles.length > 5 && 'padding-layout-32', _vm.type == 'primary' && 'title-item-primary', _vm.isFlexStart && _vm.tabTitles.length - 1 !== index && 'flex-start-item'],
       on: {
         "click": function($event) {
           _vm.onClicked(index, _vm.tabTitles.length - 1)
@@ -51633,7 +51648,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     }, [_c('text', {
       class: ['tab-text', 'dot-tab-text'],
       style: {
-        fontSize: _vm.type === 'primary' ? '32px' : '28px',
+        fontSize: _vm.isFlexStart && _vm.currentPage === index ? '36px' : _vm.isFlexStart && _vm.currentPage !== index ? '28px' : _vm.type === 'primary' ? '32px' : '28px',
         fontWeight: _vm.currentPage === index && _vm.mergeStyleOption.isActiveTitleBold ? 'normal' : 'normal',
         color: _vm.currentPage === index ? _vm.mergeStyleOption.activeTitleColor : _vm.mergeStyleOption.titleColor
       }
@@ -51745,7 +51760,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }, [_c('div', {
     staticClass: ["title"],
     style: {
-      'backgroundColor:active': _vm._isColmo ? '#343639' : _vm._isDiablo ? '#1d1f21' : '#fff'
+      'backgroundColor:active': _vm._isColmo ? 'rgba(255,255,255,0.14)' : _vm._isDiablo ? '#1d1f21' : '#fff'
     },
     on: {
       "click": _vm.onCollapseHandler
@@ -53118,7 +53133,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }) : _vm._e()], 1), (!_vm.isLast && _vm.isShowBorder) ? _c('div', {
     staticClass: ["fakeStyle"],
     style: {
-      backgroundColor: _vm._isColmo ? 'rgba(255, 255, 255, 0.1)' : '#dddddd',
+      backgroundColor: _vm._isColmo ? 'rgba(255, 255, 255, 0.14)' : '#dddddd',
       right: _vm.isFullBorder ? '0px' : '24px'
     }
   }) : _vm._e()], 1)