dolphin-weex-ui 1.3.1 → 1.3.2

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 # 升级日志
+
+## 1.3.2
+
+- [ ! ] dof-cell 新增左侧图标插槽 slot name="leftImg"
+- [ ! ] dof-switch 新增 borderColor，backgroundColor等参数支持colmo样式
+- [ ! ] date: 2023/07/24
+
+## 1.3.1
+
+- [ + ] dof-diamond-tab 新增菱形标签组件
+- [ + ] midea-circle-progress-view 新增圆环进度原生组件
+- [ ! ] dof-slider 新增滑动条渐变样式（示例中可切换标签查看新样式）
+- [ ! ] dof-card-icon 新增参数支持配置背景，指示箭头，点击反馈，震动反馈等
+- [ ! ] dof-modal 新增参数支持配置直角，背景，图片弹窗，单选弹窗等新样式
+- [ ! ] dof-card-small 新增参数支持配置直角，背景，右上角标记，点击反馈等新样式
+- [ ! ] dof-button 新增 type:colmo[#B35336]
+- [ ! ] dof-switch 新增 type:colmo[#B35336]
+- [ ! ] dof-popup 新增 borderRadius参数支持配置直角
+- [ ! ] dof-actionsheet 新增 borderRadius参数支持配置直角
+- [ ! ] date: 2023/07/20
+
 ## 1.2.2
 - [!] dof-result 组件增加背景色参数
 - date: 2023/06/26

package/dist/index.native.js

@@ -17010,6 +17010,9 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 //
+//
+//
+//
 
 var icon = __webpack_require__(1);
 var modal = weex.requireModule('modal');
@@ -20227,7 +20230,6 @@ Object.defineProperty(exports, "__esModule", {
 //
 //
 //
-//
 
 exports.default = {
   props: {
@@ -34856,6 +34858,9 @@ var _utils = __webpack_require__(119);
 //
 //
 //
+//
+//
+//
 
 // 带switch按钮的cell
 var animation = weex.requireModule('animation');
@@ -34884,6 +34889,22 @@ exports.default = {
     blindHelptext: {
       type: String,
       default: ''
+    },
+    borderColor: {
+      type: String,
+      default: ''
+    },
+    backgroundColor: {
+      type: String,
+      default: ''
+    },
+    isScale: {
+      typeof: Boolean,
+      default: true
+    },
+    dotColor: {
+      typeof: String,
+      default: ''
     }
   },
   computed: {
@@ -34899,30 +34920,14 @@ exports.default = {
       return this.disabled ? { opacity: 0.3 } : this.loading ? { opacity: 0 } : { opacity: 1 };
     },
     dotStyle: function dotStyle() {
-      var checked = this.checked,
-          type = this.type;
-
-      if (type !== 'white') {
-        if (checked === true) {
-          return {
-            backgroundColor: '#ffffff'
-          };
-        } else {
-          return {
-            backgroundColor: '#8a8a8f'
-          };
-        }
-      } else {
-        if (checked === true) {
-          return {
-            backgroundColor: '#000000'
-          };
-        } else {
-          return {
-            backgroundColor: '#ffffff'
-          };
-        }
-      }
+      return {};
+    },
+    customStyle: function customStyle() {
+      var res = {};
+      // res.borderWidth = '4px'
+      if (this.borderColor) res.borderColor = this.borderColor;
+      if (this.backgroundColor) res.backgroundColor = this.backgroundColor;
+      return res;
     }
   },
   data: function data() {
@@ -34930,11 +34935,21 @@ exports.default = {
   },
   mounted: function mounted() {
     if (this.checked) {
-      var dotColor = this.type === 'white' ? '#000000' : '#ffffff';
+      var dotColor = this.dotColor ? this.dotColor : this.type === 'white' ? '#000000' : '#ffffff';
       animation.transition(this.$refs.switchDot, {
         styles: {
           backgroundColor: dotColor,
-          transform: 'translateX(52px) scale(2.25)'
+          transform: 'translateX(46px) scale(2.25)'
+        },
+        duration: 0
+      });
+    } else {
+      var _dotColor = this.type === 'white' ? '#ffffff' : '#8A8A8F';
+
+      animation.transition(this.$refs.switchDot, {
+        styles: {
+          transform: !this.isScale ? 'translateX(2px) scale(2.25)' : 'translateX(2px) scale(1.0)',
+          backgroundColor: _dotColor
         },
         duration: 0
       });
@@ -34956,31 +34971,18 @@ exports.default = {
         var dotColor = this.type === 'white' ? '#000000' : '#ffffff';
         animation.transition(this.$refs.switchDot, {
           styles: {
-            backgroundColor: dotColor
-          },
-          duration: 0,
-          delay: 10
-        });
-        animation.transition(this.$refs.switchDot, {
-          styles: {
-            transform: 'translateX(52px) scale(2.25)'
+            transform: 'translateX(46px) scale(2.25)',
+            backgroundColor: this.dotColor ? this.dotColor : dotColor
           },
           duration: 300,
           timingFunction: 'ease-out'
         });
       } else if (newVal === false && oldVal === true) {
-        var _dotColor = this.type === 'white' ? '#ffffff' : '#8A8A8F';
+        var _dotColor2 = this.type === 'white' ? '#ffffff' : '#8A8A8F';
         animation.transition(this.$refs.switchDot, {
           styles: {
-            backgroundColor: _dotColor
-          },
-          duration: 0,
-          delay: 10
-        });
-        animation.transition(this.$refs.switchDot, {
-          styles: {
-            backgroundColor: _dotColor,
-            transform: 'translateX(0px) scale(1)'
+            backgroundColor: _dotColor2,
+            transform: this.isScale ? 'translateX(2px) scale(1)' : 'translateX(2px) scale(2.25)'
           },
           duration: 300,
           timingFunction: 'ease-out'
@@ -40514,63 +40516,63 @@ module.exports = {
     "marginRight": "12"
   },
   "switch-active-default": {
-    "borderWidth": "0",
+    "borderColor": "#267aff",
     "backgroundColor": "#267aff"
   },
   "switch-active-purple": {
-    "borderWidth": "0",
+    "borderColor": "#995efc",
     "backgroundColor": "#995efc"
   },
   "switch-active-slate": {
-    "borderWidth": "0",
+    "borderColor": "#6575ff",
     "backgroundColor": "#6575ff"
   },
   "switch-active-aqua": {
-    "borderWidth": "0",
+    "borderColor": "#29c3ff",
     "backgroundColor": "#29c3ff"
   },
   "switch-active-turquoise": {
-    "borderWidth": "0",
+    "borderColor": "#00cbb8",
     "backgroundColor": "#00cbb8"
   },
   "switch-active-orange-red": {
-    "borderWidth": "0",
+    "borderColor": "#ff6a4c",
     "backgroundColor": "#ff6a4c"
   },
   "switch-active-red": {
-    "borderWidth": "0",
+    "borderColor": "#e61e1e",
     "backgroundColor": "#e61e1e"
   },
   "switch-active-brown": {
-    "borderWidth": "0",
+    "borderColor": "#86696b",
     "backgroundColor": "#86696b"
   },
   "switch-active-tomato": {
-    "borderWidth": "0",
+    "borderColor": "#fe674a",
     "backgroundColor": "#fe674a"
   },
   "switch-active-orange": {
-    "borderWidth": "0",
+    "borderColor": "#ff8225",
     "backgroundColor": "#ff8225"
   },
   "switch-active-yellow": {
-    "borderWidth": "0",
+    "borderColor": "#ffaa10",
     "backgroundColor": "#ffaa10"
   },
   "switch-active-gray": {
-    "borderWidth": "0",
+    "borderColor": "#7c879b",
     "backgroundColor": "#7c879b"
   },
   "switch-active-white": {
-    "borderWidth": "0",
+    "borderColor": "#ffffff",
     "backgroundColor": "#ffffff"
   },
   "switch-active-deepSteelblue": {
-    "borderWidth": "0",
+    "borderColor": "#1f94d2",
     "backgroundColor": "#1f94d2"
   },
   "switch-active-colmo": {
-    "borderWidth": "0",
+    "borderColor": "#b35336",
     "backgroundColor": "#b35336"
   },
   "switch-disabled": {
@@ -40717,7 +40719,10 @@ module.exports = {
   },
   "label-text": {
     "fontFamily": "PingFangSC-Regular",
-    "borderWidth": "1"
+    "paddingTop": "1",
+    "paddingRight": "1",
+    "paddingBottom": "1",
+    "paddingLeft": "1"
   },
   "first-tab": {
     "borderLeftWidth": "2",
@@ -43206,13 +43211,13 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     staticClass: ["img-container", "circle-bg"],
     class: [_vm.badgeNum && 'Dotright32'],
     style: _vm.avatarIconBgSizeComp
-  }, [_c('image', {
+  }, [_vm._t("leftImg", [_c('image', {
     staticClass: ["left-img"],
     style: _vm.avatarIconSizeComp,
     attrs: {
       "src": _vm.avatarIcon
     }
-  })]), (_vm.hasDot) ? _c('div', {
+  })])], 2), (_vm.hasDot) ? _c('div', {
     staticClass: ["dot-tip"],
     class: [_vm.badgeNum && 'dotRight'],
     style: _vm.badgeStyle
@@ -45631,7 +45636,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }) : _vm._e(), _c('div', {
     ref: "switch",
     class: [_vm.type === 'white' ? 'switch-white' : 'switch', _vm.checked && _vm.switchActiveClass],
-    style: _vm.mrSwitchStyle,
+    style: Object.assign({}, _vm.mrSwitchStyle,
+      _vm.customStyle),
     attrs: {
       "accessible": true,
       "ariaLabel": _vm.blindHelptext
@@ -45740,8 +45746,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       staticClass: ["label-text"],
       style: {
         fontSize: _vm.textFontSize,
-        color: _vm.tabActive === i || _vm.touchActive === i ? _vm.activeTextColor : _vm.textColor,
-        borderColor: _vm.touchActive === i ? _vm.touchColor : _vm.bgColor
+        color: _vm.tabActive === i || _vm.touchActive === i ? _vm.activeTextColor : _vm.textColor
       }
     }, [_vm._v(_vm._s(tab.label.length > _vm.labelMaxLen ? tab.label.slice(0, _vm.labelMaxLen) + '...' : tab.label))])]), (i !== _vm.tabData.length - 1) ? _c('div', {
       staticClass: ["tabLine"],