dolphin-weex-ui 2.0.0-beta.2 → 2.0.0-beta.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # 升级日志
 
+## 1.4.2
+
+- [ ! ] 修复dof-slider禁用后背景色显示问题
+- [ ! ] date: 2023/11/10
+
+## 1.4.1
+
+- [ ! ] 修复dof-slider-scale组件刻度偶现位置不准确问题
+- [ ! ] date: 2023/11/09
+
 ## 1.4.0
 
 - [ ! ] 修复dof-swipe-action组件在scroller标签中iOS手机的滑动问题

package/dist/index.native.js

@@ -8087,21 +8087,21 @@ var COLMO_BUTTON_STYLE_MAP = exports.COLMO_BUTTON_STYLE_MAP = {
   },
   big: {
     width: '688px',
-    height: '80px',
-    borderRadius: '0',
+    height: '96px',
+    borderRadius: '0px',
     paddingLeft: '46px',
     paddingRight: '46px'
   },
   medium: {
-    width: '128px',
-    height: '56px',
-    borderRadius: '28px',
+    width: '688px',
+    height: '80px',
+    borderRadius: '0px',
     paddingLeft: '28px',
     paddingRight: '28px'
   },
   small: {
-    width: '146px',
-    height: '44px',
+    width: '128px',
+    height: '56px',
     borderRadius: '26px',
     paddingLeft: '0px',
     paddingRight: '0px'
@@ -8137,7 +8137,7 @@ var COLMO_TEXT_FONTSIZE_STYLE_MAP = exports.COLMO_TEXT_FONTSIZE_STYLE_MAP = {
     fontSize: '32px'
   },
   medium: {
-    fontSize: '24px'
+    fontSize: '32px'
   },
   small: {
     fontSize: '24px'
@@ -33666,6 +33666,11 @@ Object.defineProperty(exports, "__esModule", {
 //
 //
 //
+//
+//
+//
+//
+//
 
 exports.default = {
   props: {
@@ -33679,6 +33684,17 @@ exports.default = {
       default: '#8a8a8f'
     }
   },
+  data: function data() {
+    return {
+      isShow: false
+    };
+  },
+
+  watch: {
+    style: function style() {
+      this.isShow = true;
+    }
+  },
   computed: {
     isLast: function isLast() {
       return this.value >= this.$parent.max;
@@ -33688,14 +33704,20 @@ exports.default = {
     },
     style: function style() {
       var style = {
-        color: this.color
+        color: this.color,
+        opacity: this.isShow ? 1 : 0
       };
-      var left = (this.value - this.$parent.min) / this.$parent.scope * this.$parent.width;
+      var left = (this.value - this.$parent.min) / this.$parent.scope * this.$parent.width + this.$parent._trackHeight / 2;
       style.left = left + 'px';
+
+      if (this.isFirst) {
+        delete style.left;
+        style.left = this.$parent._trackHeight / 2 + 'px';
+      }
       // 防止超出的情况
       if (this.isLast) {
         delete style.left;
-        style.right = '0px';
+        style.right = this.$parent._trackHeight / 2 + 'px';
       }
       return style;
     }
@@ -33764,6 +33786,12 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 //
+//
+//
+//
+//
+//
+//
 
 var _dom = __webpack_require__(12);
 
@@ -33991,6 +34019,9 @@ exports.default = {
     },
     midWidth: function midWidth() {
       return this.width / 2;
+    },
+    disabledStyle: function disabledStyle() {
+      return this.isGradientBar && this.disabled ? { opacity: 0.3 } : { opacity: 1 };
     }
   },
   mounted: function mounted() {
@@ -41439,6 +41470,15 @@ module.exports = {
     "fontSize": "20",
     "color": "#8a8a8f",
     "fontWeight": "400"
+  },
+  "dof-slider-scale--mid": {
+    "transform": "translate(-50%, 0px)"
+  },
+  "dof-slider-scale--first": {
+    "transform": "translate(-50%, 0px)"
+  },
+  "dof-slider-scale--last": {
+    "transform": "translate(50%, 0px)"
   }
 }
 
@@ -41653,19 +41693,22 @@ module.exports = {
     "backgroundColor": "#7c879b"
   },
   "dof-slider-button": {
-    "position": "absolute",
-    "transitionProperty": "transform",
-    "transitionDuration": 300,
-    "transitionDelay": 0,
-    "transform": "scale(1)"
+    "position": "absolute"
   },
   "@TRANSITION": {
-    "dof-slider-button": {
+    "button-scale": {
       "property": "transform",
       "duration": 300,
       "delay": 0
     }
   },
+  "button-scale": {
+    "transitionProperty": "transform",
+    "transitionDuration": 300,
+    "transitionDelay": 0,
+    "transform": "scale(1)",
+    "transform:active": "scale(1.5)"
+  },
   "dof-slider-button-touching": {
     "transform": "scale(1.5)"
   },
@@ -41694,8 +41737,7 @@ module.exports = {
     "top": 0,
     "left": 0,
     "right": 0,
-    "bottom": 0,
-    "backgroundColor": "rgba(0,0,0,0.5)"
+    "bottom": 0
   }
 }
 
@@ -42004,14 +42046,12 @@ module.exports = {
     "width": "40",
     "height": "6",
     "borderRadius": "3",
-    "marginTop": "-10",
-    "backgroundColor": "rgba(0,0,0,0)"
+    "marginTop": "-10"
   },
   "border-bottom-line-secondary": {
     "height": "4",
     "borderRadius": "3",
-    "marginTop": "-2",
-    "backgroundColor": "rgba(0,0,0,0)"
+    "marginTop": "-2"
   },
   "thirdTabPanel": {
     "height": "128"
@@ -46650,7 +46690,12 @@ module.exports.render._withStripped = true
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
   return _c('text', {
-    class: ['dof-slider-scale', !_vm.isFirst && !_vm.isLast && 'dof-slider-scale--mid', _vm.isLast && "dof-slider-scale--last"],
+    class: [
+      'dof-slider-scale',
+      !_vm.isFirst && !_vm.isLast && 'dof-slider-scale--mid',
+      _vm.isFirst && "dof-slider-scale--first",
+      _vm.isLast && "dof-slider-scale--last"
+    ],
     style: _vm.style
   }, [_vm._t("default")], 2)
 },staticRenderFns: []}
@@ -46902,7 +46947,8 @@ module.exports.render._withStripped = true
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
   return _c('div', {
-    staticClass: ["dof-slider"],
+    class: ['dof-slider'],
+    style: _vm.disabledStyle,
     on: {
       "touchstart": _vm.onTouchStart,
       "horizontalpan": _vm.onTouchMove,
@@ -46946,7 +46992,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }) : _vm._e(), _vm._l((_vm.buttonStyle), function(itemStyle, i) {
     return _c('div', {
       key: i,
-      class: ['dof-slider-button', _vm.isTouching ? 'dof-slider-button-touching' : ''],
+      class: ['dof-slider-button', _vm.isGradientBar ? 'button-scale' : ''],
       style: itemStyle
     })
   })], 2)]), (_vm.$slots.default) ? _c('div', {