dolphin-weex-ui 1.3.4 → 1.3.6

package/CHANGELOG.md

@@ -1,8 +1,18 @@
 # 升级日志
 
+## 1.3.6
+
+- [ ! ] 修复dof-slider-bar组件设置tack-height 会影响button-size问题
+- [ ! ] date: 2023/09/05
+
+## 1.3.5
+
+- [ ! ] dof-bottom-bar组件新增参数以及修复苹果手机底部安全区问题
+- [ ! ] date: 2023/08/30
+
 ## 1.3.4
 
-- [ ! ] 修复cell组件图标超出苹果和安卓两端表现不一致问题
+- [ ! ] 修复dof-cell组件图标超出苹果和安卓两端表现不一致问题
 - [ ! ] date: 2023/08/29
 
 ## 1.3.3

package/dist/index.native.js

@@ -245,7 +245,7 @@ var Utils = {
       if (Utils.env.isWeb()) {
         return (typeof window === 'undefined' ? 'undefined' : _typeof2(window)) !== undefined && window.screen && window.screen.width && window.screen.height && (parseInt(window.screen.width, 10) === 375 && parseInt(window.screen.height, 10) === 812 || parseInt(window.screen.width, 10) === 414 && parseInt(window.screen.height, 10) === 896);
       }
-      return Utils.env.isIOS() && (deviceHeight === 2436 || deviceHeight === 2688 || deviceHeight === 1792 || deviceHeight === 1624 || deviceHeight === 2532 || deviceHeight === 2340 || deviceHeight === 2778);
+      return Utils.env.isIOS() && (weex.config.env.isFullScreen || deviceHeight === 2436 || deviceHeight === 2688 || deviceHeight === 1792 || deviceHeight === 1624 || deviceHeight === 2532 || deviceHeight === 2340 || deviceHeight === 2778);
     },
 
     /**
@@ -15818,7 +15818,10 @@ exports.default = {
       } },
     hasTopBorder: { type: Boolean, default: false },
     supportXBar: { type: Boolean, default: true },
-    bottomLine: { type: Boolean, default: true }
+    bottomLine: { type: Boolean, default: true },
+    warpStyle: { type: Object, default: function _default() {
+        return {};
+      } }
   },
   data: function data() {
     return {};
@@ -15834,9 +15837,9 @@ exports.default = {
       var tabBarPosition = this.tabBarPosition;
 
       if (tabBarPosition.position === 'fixed') {
-        return { position: 'fixed', left: 0, right: 0, bottom: 0 };
+        return _extends({ position: 'fixed', left: 0, right: 0, bottom: 0 }, this.warpStyle);
       } else {
-        return _extends({ left: 0, right: 0 }, tabBarPosition);
+        return _extends({ left: 0, right: 0 }, this.warpStyle, tabBarPosition);
       }
     }
   },
@@ -32183,6 +32186,8 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 //
+//
+//
 
 var _dom = __webpack_require__(10);
 
@@ -32277,7 +32282,7 @@ exports.default = {
     },
 
     // 是否细bar
-    isThinBar: function isThinBar() {
+    isGradientBar: function isGradientBar() {
       return this.gradientBarConfig.start && this.gradientBarConfig.end;
     },
     scope: function scope() {
@@ -32287,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() {
@@ -32296,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;
@@ -32331,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() {
@@ -32354,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 = {
@@ -32400,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) {
@@ -37789,7 +37824,6 @@ module.exports = {
   },
   "tab-bar-list": {
     "flexDirection": "row",
-    "backgroundColor": "#ffffff",
     "paddingTop": "12",
     "paddingRight": "10",
     "paddingBottom": "16",
@@ -44828,7 +44862,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', {
@@ -44849,19 +44883,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 () {}