dolphin-weex-ui 1.3.5 → 1.3.7

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # 升级日志
 
+## 1.3.7
+
+- [ ! ] 修复dof-cell组件左侧图片css样式导致的闪动
+- [ ! ] date: 2023/09/07
+
+## 1.3.6
+
+- [ ! ] 修复dof-slider-bar组件设置tack-height 会影响button-size问题
+- [ ! ] date: 2023/09/05
+
 ## 1.3.5
 
 - [ ! ] dof-bottom-bar组件新增参数以及修复苹果手机底部安全区问题

package/dist/index.native.js

@@ -32186,6 +32186,8 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 //
+//
+//
 
 var _dom = __webpack_require__(10);
 
@@ -32280,7 +32282,7 @@ exports.default = {
     },
 
     // 是否细bar
-    isThinBar: function isThinBar() {
+    isGradientBar: function isGradientBar() {
       return this.gradientBarConfig.start && this.gradientBarConfig.end;
     },
     scope: function scope() {
@@ -32290,7 +32292,7 @@ exports.default = {
       return !this.disabled && !this.readonly;
     },
     _trackHeight: function _trackHeight() {
-      if (this.isThinBar) return this.buttonSize * 1.6;
+      if (this.isGradientBar || this.trackHeight < this.buttonSize) return this.buttonSize * 1.6;
       return this.trackHeight;
     },
     trackStyle: function trackStyle() {
@@ -32299,7 +32301,7 @@ exports.default = {
         backgroundColor: this.trackColor,
         borderRadius: this._trackHeight / 2 + 'px'
         // 细bar样式
-      };if (this.isThinBar) {
+      };if (this.isGradientBar || this.trackHeight < this.buttonSize) {
         res.backgroundColor = 'transparent';
       }
       return res;
@@ -32334,13 +32336,28 @@ exports.default = {
 
       if (this.isBoth) res.left = (Math.max(this.value[0], this.min) - this.min) / this.scope * this.width + 'px';
 
+      // if (this.barColor) {
+      //   res.backgroundColor = this.barColor
+      // }
+      // 细bar样式
+      // if (this.isGradientBar) {
+      res.backgroundColor = 'transparent';
+      // }
+      return res;
+    },
+    smallBarStyle: function smallBarStyle() {
+      var buttonPadding = this.trackHeight > this.buttonSize ? 0 : (this._trackHeight - this.buttonSize) / 2 + 1;
+      var res = {
+        position: 'absolute',
+        top: (this._trackHeight - this.trackHeight) / 2 + 'px',
+        left: buttonPadding + 'px',
+        right: buttonPadding + 'px',
+        height: this.trackHeight,
+        borderRadius: this.trackHeight / 2 + 'px'
+      };
       if (this.barColor) {
         res.backgroundColor = this.barColor;
       }
-      // 细bar样式
-      if (this.isThinBar) {
-        res.backgroundColor = 'transparent';
-      }
       return res;
     },
     buttonStyle: function buttonStyle() {
@@ -32357,6 +32374,21 @@ exports.default = {
       var buttonPadding = (this._trackHeight - buttonSize) / 2;
       return this.isBoth ? [_extends({}, res, { left: buttonPadding + 'px' }), _extends({}, res, { right: buttonPadding + 'px' })] : [_extends({}, res, { right: buttonPadding + 'px' })];
     },
+    lineStyle: function lineStyle() {
+      var buttonPadding = (this._trackHeight - this.buttonSize) / 2 + 1;
+      var res = {
+        position: 'absolute',
+        top: (this._trackHeight - this.trackHeight) / 2 + 'px',
+        left: buttonPadding + 'px',
+        right: buttonPadding + 'px',
+        height: this.trackHeight + 'px',
+        borderRadius: this.trackHeight / 2 + 'px'
+      };
+      if (this.trackColor) {
+        res.backgroundColor = this.trackColor;
+      }
+      return res;
+    },
     thinBarStyle: function thinBarStyle() {
       var buttonPadding = (this._trackHeight - this.buttonSize) / 2;
       var res = {
@@ -32403,7 +32435,7 @@ exports.default = {
                 return _context.abrupt('return');
 
               case 2:
-                if (_this2.isThinBar) _this2.isTouching = true;
+                if (_this2.isGradientBar) _this2.isTouching = true;
                 _this2.touch.start(e);
 
                 if (!_this2.isBoth) {
@@ -38084,8 +38116,6 @@ module.exports = {
   },
   "circle-bg": {
     "marginLeft": "32",
-    "width": "96",
-    "height": "96",
     "display": "flex",
     "alignItems": "center",
     "justifyContent": "center",
@@ -38127,10 +38157,6 @@ module.exports = {
     "fontSize": "24",
     "color": "#ffffff"
   },
-  "left-img": {
-    "width": "64",
-    "height": "64"
-  },
   "main-container": {
     "flex": 1,
     "flexDirection": "row",
@@ -44830,7 +44856,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     ref: "track",
     staticClass: ["dof-slider-track"],
     style: _vm.trackStyle
-  }, [(_vm.isThinBar) ? _c('div', {
+  }, [(_vm.isGradientBar) ? _c('div', {
     staticClass: ["dof-slider-thin-bar"],
     style: _vm.thinBarStyle
   }, [(_vm.gradientBarConfig.mid) ? _c('div', {
@@ -44851,19 +44877,24 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       backgroundImage: ("linear-gradient(to right, " + (_vm.gradientBarConfig.start) + ", " + (_vm.gradientBarConfig.end) + ")"),
       right: 0 + 'px'
     }
-  }) : _vm._e()]) : _vm._e(), _c('div', {
+  }) : _vm._e()]) : _vm._e(), (!_vm.isGradientBar) ? _c('div', {
+    style: _vm.lineStyle
+  }) : _vm._e(), _c('div', {
     ref: "bar",
-    class: ['dof-slider-bar', _vm.barColor || _vm.isThinBar ? '' : ("dof-slider-bar--" + (this.theme))],
+    class: ['dof-slider-bar'],
     style: _vm.barStyle
-  }, _vm._l((_vm.buttonStyle), function(itemStyle, i) {
+  }, [(!_vm.isGradientBar) ? _c('div', {
+    class: [_vm.barColor || _vm.isGradientBar ? '' : ("dof-slider-bar--" + (this.theme))],
+    style: _vm.smallBarStyle
+  }) : _vm._e(), _vm._l((_vm.buttonStyle), function(itemStyle, i) {
     return _c('div', {
       key: i,
       class: ['dof-slider-button', _vm.isTouching ? 'dof-slider-button-touching' : ''],
       style: itemStyle
     })
-  }))]), (_vm.$slots.default) ? _c('div', {
+  })], 2)]), (_vm.$slots.default) ? _c('div', {
     staticClass: ["dof-slider-scales"]
-  }, [_vm._t("default")], 2) : _vm._e(), (_vm.isThinBar && _vm.disabled) ? _c('div', {
+  }, [_vm._t("default")], 2) : _vm._e(), (_vm.isGradientBar && _vm.disabled) ? _c('div', {
     staticClass: ["dof-slider-disabled-mask"],
     on: {
       "touchstart": function () {}