dolphin-weex-ui 2.2.0 → 2.2.1

package/dist/index.native.js

@@ -7695,13 +7695,13 @@ Object.defineProperty(exports, "__esModule", {
 var STYLE_MAP = exports.STYLE_MAP = {
   primary: {
     default: {
-      backgroundColor: '#267AFF'
+      // backgroundColor: '#267AFF'
     },
     base: {
-      backgroundColor: '#E9F1FF'
+      // backgroundColor: '#E9F1FF'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#267AFF'
     },
@@ -7712,13 +7712,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   purple: {
     default: {
-      backgroundColor: '#995EFC'
+      // backgroundColor: '#995EFC'
     },
     base: {
-      backgroundColor: '#EEE6FF'
+      // backgroundColor: '#EEE6FF'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#995EFC'
     },
@@ -7729,13 +7729,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   slate: {
     default: {
-      backgroundColor: '#6575FF'
+      // backgroundColor: '#6575FF'
     },
     base: {
-      backgroundColor: '#E6E8FF'
+      // backgroundColor: '#E6E8FF'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#6575FF'
     },
@@ -7746,13 +7746,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   aqua: {
     default: {
-      backgroundColor: '#29C3FF'
+      // backgroundColor: '#29C3FF'
     },
     base: {
-      backgroundColor: '#E6F8FF'
+      // backgroundColor: '#E6F8FF'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#29C3FF'
     },
@@ -7763,13 +7763,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   turquoise: {
     default: {
-      backgroundColor: '#00CBB8'
+      // backgroundColor: '#00CBB8'
     },
     base: {
-      backgroundColor: '#E6FFFD'
+      // backgroundColor: '#E6FFFD'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#00CBB8'
     },
@@ -7780,13 +7780,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   yellow: {
     default: {
-      backgroundColor: '#FFAA10'
+      // backgroundColor: '#FFAA10'
     },
     base: {
-      backgroundColor: '#FFF4E0'
+      // backgroundColor: '#FFF4E0'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#FFAA10'
     },
@@ -7797,13 +7797,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   orange: {
     default: {
-      backgroundColor: '#FF8225'
+      // backgroundColor: '#FF8225'
     },
     base: {
-      backgroundColor: '#FFF0E6'
+      // backgroundColor: '#FFF0E6'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#FF8225'
     },
@@ -7814,13 +7814,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   tomato: {
     default: {
-      backgroundColor: '#FF6A4C'
+      // backgroundColor: '#FF6A4C'
     },
     base: {
-      backgroundColor: '#FFEaE6'
+      // backgroundColor: '#FFEaE6'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#FF6A4C'
     },
@@ -7831,13 +7831,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   gray: {
     default: {
-      backgroundColor: '#7C879B'
+      // backgroundColor: '#7C879B'
     },
     base: {
-      backgroundColor: '#CFD7E6'
+      // backgroundColor: '#CFD7E6'
     },
     plain: {
-      backgroundColor: '#FFFFFF',
+      // backgroundColor: '#FFFFFF',
       borderWidth: '2px',
       borderColor: '#7C879B'
     },
@@ -7882,13 +7882,13 @@ var STYLE_MAP = exports.STYLE_MAP = {
   },
   colmo: {
     default: {
-      backgroundColor: '#B35336'
+      // backgroundColor: '#B35336'
     },
     base: {
-      backgroundColor: '#292c30'
+      // backgroundColor: '#292c30'
     },
     plain: {
-      backgroundColor: 'transparent',
+      // backgroundColor: 'transparent',
       borderWidth: '2px',
       borderColor: '#B35336'
     },
@@ -17305,7 +17305,9 @@ exports.default = {
     },
     defaultBtnStyle: {
       type: Object,
-      default: function _default() {}
+      default: function _default() {
+        return {};
+      }
     },
     itemStyle: {
       type: Object,
@@ -35417,12 +35419,6 @@ var animation = weex.requireModule('animation'); //
 //
 //
 //
-//
-//
-//
-//
-//
-//
 
 var dom = weex.requireModule('dom');
 
@@ -35445,7 +35441,9 @@ exports.default = {
   props: {
     selectRange: {
       type: Array,
-      default: [0, 0]
+      default: function _default() {
+        return [0, 0];
+      }
     },
     length: {
       type: Number,
@@ -35517,7 +35515,8 @@ exports.default = {
   created: function created() {
     if (_utils2.default.env.isWeb()) {
       this.env = 'web';
-      this.DPR = window.devicePixelRatio ? window.devicePixelRatio : 1;
+      // this.DPR = window.devicePixelRatio ? window.devicePixelRatio : 1;
+      this.DPR = 2;
     } else {
       this.DPR = weex.config.env.scale;
     }
@@ -35618,7 +35617,6 @@ exports.default = {
     }
   },
   methods: {
-
     // 更新单选值或最小值
     weexHandler1: function weexHandler1(e) {
       var _this2 = this;
@@ -35724,7 +35722,7 @@ exports.default = {
       if (this.env === 'weex') {
         return;
       }
-      this.startX = e.touch.clientX;
+      this.startX = e.changedTouches[0].pageX;
       this.startDiffX1 = this.diffX1;
       this.startDiffX2 = this.diffX2;
     },
@@ -35733,7 +35731,7 @@ exports.default = {
         return;
       }
 
-      var deltaX = (e.touch.clientX - this.startX) * this.DPR;
+      var deltaX = (e.changedTouches[0].pageX - this.startX) * this.DPR;
       var diff = this.startDiffX1 + deltaX;
 
       var max = this.length;
@@ -35761,7 +35759,7 @@ exports.default = {
         return;
       }
 
-      var deltaX = (e.touch.clientX - this.startX) * this.DPR;
+      var deltaX = (e.changedTouches[0].pageX - this.startX) * this.DPR;
       var diff = this.startDiffX2 + deltaX;
       var min = this.diffX1 + this.minDist;
       var max = this.length;
@@ -37332,7 +37330,7 @@ exports.default = {
 
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -37353,148 +37351,159 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 var domModule = weex.requireModule('dom');
 exports.default = {
-    props: {
-        list: {
-            type: Array,
-            default: function _default() {
-                return [];
-            }
-        },
-        stylesConfig: {
-            type: Object,
-            default: function _default() {
-                return {};
-            }
-        },
-        showLine: {
-            type: Boolean,
-            default: false
-        }
+  props: {
+    list: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
     },
-    data: function data() {
-        return {
-            componentWidth: 750,
-            activeIndex: -1,
-            linePos: []
-        };
+    stylesConfig: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
     },
+    showLine: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      componentWidth: 750,
+      activeIndex: -1,
+      linePos: []
+    };
+  },
 
-    watch: {
-        list: function list(newVal) {
-            var _this = this;
+  watch: {
+    list: function list(newVal) {
+      var _this = this;
 
-            this.$nextTick(function () {
-                setTimeout(function () {
-                    _this.init();
-                }, 100);
-            });
-        }
+      this.$nextTick(function () {
+        setTimeout(function () {
+          _this.init();
+        }, 100);
+      });
+    }
+  },
+  computed: {
+    formattedList: function formattedList() {
+      var formattedList = this.formatList(this.list);
+      return formattedList;
     },
-    computed: {
-        formattedList: function formattedList() {
-            return this.formatList(this.list);
-        },
-        rowStyles: function rowStyles() {
-            var _stylesConfig$rowStyl = this.stylesConfig.rowStyles,
-                rowStyles = _stylesConfig$rowStyl === undefined ? {} : _stylesConfig$rowStyl;
-
-            //处理行
+    rowStyles: function rowStyles() {
+      var _stylesConfig$rowStyl = this.stylesConfig.rowStyles,
+          rowStyles = _stylesConfig$rowStyl === undefined ? {} : _stylesConfig$rowStyl;
 
-            return _extends({}, rowStyles);
-        }
-    },
-    methods: {
-        init: function init() {
-            var _this2 = this;
+      //处理行
 
-            this.list.forEach(function (item) {
-                _this2.linePos.push({ width: 0 });
-            });
-            // 确定第一条线的左边距离
-            if (this.linePos.length > 0) {
-                domModule.getComponentRect(this.$refs['item0'][0], function (data) {
-                    _this2.linePos[0]['margin-left'] = data.size.width / 2 + 8;
-                });
-            }
-            this.list.forEach(function (item, index, arr) {
-                // 确定条线的宽度
-                domModule.getComponentRect(_this2.$refs['point' + index][0], function (data) {
-                    if (index == 0) {
-                        _this2.linePos[index]['data-right'] = data.size.right;
-                    } else {
-                        _this2.linePos[index]['data-right'] = data.size.right;
-                        _this2.linePos[index - 1]['width'] = data.size.left - _this2.linePos[index - 1]['data-right'];
-                    }
-                });
-            });
-        },
-        formatList: function formatList(list) {
-            var _this3 = this;
-
-            var tempList = JSON.parse(JSON.stringify(list));
-            var _stylesConfig = this.stylesConfig,
-                _stylesConfig$actived = _stylesConfig.activedColor,
-                activedColor = _stylesConfig$actived === undefined ? '#00de51' : _stylesConfig$actived,
-                _stylesConfig$pointSt = _stylesConfig.pointStyles,
-                pointStyles = _stylesConfig$pointSt === undefined ? {} : _stylesConfig$pointSt,
-                _stylesConfig$lineSty = _stylesConfig.lineStyles,
-                lineStyles = _stylesConfig$lineSty === undefined ? {} : _stylesConfig$lineSty,
-                _stylesConfig$descSty = _stylesConfig.descStyles,
-                descStyles = _stylesConfig$descSty === undefined ? {} : _stylesConfig$descSty,
-                _stylesConfig$columnS = _stylesConfig.columnStyles,
-                columnStyles = _stylesConfig$columnS === undefined ? {} : _stylesConfig$columnS;
-
-
-            tempList.forEach(function (item, index) {
-                if (item.isActived) _this3.activeIndex = index;
-            });
+      return _extends({}, rowStyles);
+    }
+  },
+  methods: {
+    init: function init() {
+      var _this2 = this;
 
-            var result = [];
-            result = tempList.map(function (item, index) {
-                //处理列
-                item['columnStyles'] = _extends({}, item['columnStyles'], columnStyles);
+      this.list.forEach(function (item) {
+        _this2.linePos.push({ width: 0 });
+      });
+      // 确定第一条线的左边距离
+      if (this.linePos.length > 0) {
+        domModule.getComponentRect(this.$refs['item0'][0], function (data) {
+          _this2.linePos[0]['margin-left'] = data.size.width / 2 + 8 + 'px';
+        });
+      }
+      this.list.forEach(function (item, index, arr) {
+        // 确定条线的宽度
+        domModule.getComponentRect(_this2.$refs['point' + index][0], function (data) {
+          if (index == 0) {
+            _this2.linePos[index]['data-right'] = data.size.right;
+          } else {
+            _this2.linePos[index]['data-right'] = data.size.right;
+            _this2.linePos[index - 1]['width'] = data.size.left - _this2.linePos[index - 1]['data-right'] + 'px';
+          }
+        });
+      });
+    },
+    formatList: function formatList(list) {
+      var _this3 = this;
 
-                //处理节点point
-                item['pointStyles'] = _extends({}, item['pointStyles'], pointStyles);
+      var tempList = JSON.parse(JSON.stringify(list));
+      var _stylesConfig = this.stylesConfig,
+          _stylesConfig$actived = _stylesConfig.activedColor,
+          activedColor = _stylesConfig$actived === undefined ? '#00de51' : _stylesConfig$actived,
+          _stylesConfig$pointSt = _stylesConfig.pointStyles,
+          pointStyles = _stylesConfig$pointSt === undefined ? {} : _stylesConfig$pointSt,
+          _stylesConfig$lineSty = _stylesConfig.lineStyles,
+          lineStyles = _stylesConfig$lineSty === undefined ? {} : _stylesConfig$lineSty,
+          _stylesConfig$descSty = _stylesConfig.descStyles,
+          descStyles = _stylesConfig$descSty === undefined ? {} : _stylesConfig$descSty,
+          _stylesConfig$columnS = _stylesConfig.columnStyles,
+          columnStyles = _stylesConfig$columnS === undefined ? {} : _stylesConfig$columnS;
+
+
+      tempList.forEach(function (item, index) {
+        if (item.isActived) _this3.activeIndex = index;
+      });
 
-                if (index <= _this3.activeIndex) {
-                    item['pointStyles']['background-color'] = activedColor;
-                    item['pointStyles']['opacity'] = 1;
-                }
+      var result = [];
+      result = tempList.map(function (item, index) {
+        //处理列
+        item['columnStyles'] = _extends({}, item['columnStyles'], columnStyles);
 
-                //处理节点线条
-                item['lineStyles'] = _extends({}, item['lineStyles'], lineStyles);
-                if (index < _this3.activeIndex) {
-                    item['lineStyles']['border-top-color'] = activedColor;
-                    item['lineStyles']['opacity'] = 1;
-                }
+        //处理节点point
+        item['pointStyles'] = _extends({}, item['pointStyles'], pointStyles);
 
-                //处理内容
-                item['descStyles'] = _extends({}, item['descStyles'], descStyles);
-                if (item.isActived && activedColor) {
-                    item['descStyles']['color'] = activedColor;
-                    item['descStyles']['opacity'] = 1;
-                }
+        if (index <= _this3.activeIndex) {
+          item['pointStyles']['background-color'] = activedColor;
+          item['pointStyles']['opacity'] = 1;
+        }
 
-                return item;
-            });
+        //处理节点线条
+        item['lineStyles'] = _extends({}, item['lineStyles'], lineStyles);
+        if (index < _this3.activeIndex) {
+          item['lineStyles']['border-top-color'] = activedColor;
+          item['lineStyles']['opacity'] = 1;
+        }
 
-            console.log(JSON.stringify(result));
-            return result;
+        //处理内容
+        item['descStyles'] = _extends({}, item['descStyles'], descStyles);
+        if (item.isActived && activedColor) {
+          item['descStyles']['color'] = activedColor;
+          item['descStyles']['opacity'] = 1;
         }
-    },
-    mounted: function mounted() {
-        var _this4 = this;
 
-        this.$nextTick(function () {
-            setTimeout(function () {
-                _this4.init();
-            }, 100);
-        });
+        return item;
+      });
+
+      return result;
     }
+  },
+  mounted: function mounted() {
+    var _this4 = this;
+
+    this.$nextTick(function () {
+      setTimeout(function () {
+        _this4.init();
+      }, 100);
+    });
+  }
 };
 
 /***/ }),
@@ -42165,7 +42174,6 @@ module.exports = {
     "height": "96",
     "borderRadius": "48",
     "backgroundColor": "#ffffff",
-    "flex": 1,
     "flexDirection": "row",
     "justifyContent": "center",
     "alignItems": "center"
@@ -46080,93 +46088,123 @@ module.exports = {
     "backgroundColor:active": "rgba(255,255,255,0.1)"
   },
   "dof-btn-highlight-primary-default": {
+    "backgroundColor": "#267aff",
     "backgroundColor:active": "#226de5"
   },
   "dof-btn-highlight-primary-base": {
+    "backgroundColor": "#e9f1ff",
     "backgroundColor:active": "#d1d8e5"
   },
   "dof-btn-highlight-primary-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(38,122,255,0.1)"
   },
   "dof-btn-highlight-purple-default": {
+    "backgroundColor": "#995efc",
     "backgroundColor:active": "#8a54e3"
   },
   "dof-btn-highlight-purple-base": {
+    "backgroundColor": "#eee6ff",
     "backgroundColor:active": "#d5cee5"
   },
   "dof-btn-highlight-purple-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(153,94,252,0.1)"
   },
   "dof-btn-highlight-slate-default": {
+    "backgroundColor": "#6575ff",
     "backgroundColor:active": "#5b69e6"
   },
   "dof-btn-highlight-slate-base": {
+    "backgroundColor": "#e6e8ff",
     "backgroundColor:active": "#ced0e5"
   },
   "dof-btn-highlight-slate-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(101,117,255,0.1)"
   },
   "dof-btn-highlight-aqua-default": {
+    "backgroundColor": "#29c3ff",
     "backgroundColor:active": "#24afe6"
   },
   "dof-btn-highlight-aqua-base": {
+    "backgroundColor": "#e6f8ff",
     "backgroundColor:active": "#cedee5"
   },
   "dof-btn-highlight-aqua-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(41,195,255,0.1)"
   },
   "dof-btn-highlight-turquoise-default": {
+    "backgroundColor": "#00cbb8",
     "backgroundColor:active": "#00b7a5"
   },
   "dof-btn-highlight-turquoise-base": {
+    "backgroundColor": "#e6fffd",
     "backgroundColor:active": "#cee5e3"
   },
   "dof-btn-highlight-turquoise-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(0,203,184,0.1)"
   },
   "dof-btn-highlight-yellow-default": {
+    "backgroundColor": "#ffaa10",
     "backgroundColor:active": "#e5980e"
   },
   "dof-btn-highlight-yellow-base": {
+    "backgroundColor": "#fff4e0",
     "backgroundColor:active": "#e5dbc9"
   },
   "dof-btn-highlight-yellow-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(255,170,16,0.1)"
   },
   "dof-btn-highlight-orange-default": {
+    "backgroundColor": "#ff8225",
     "backgroundColor:active": "#e67521"
   },
   "dof-btn-highlight-orange-base": {
+    "backgroundColor": "#fff0e6",
     "backgroundColor:active": "#e5d7ce"
   },
   "dof-btn-highlight-orange-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(255,130,37,0.1)"
   },
   "dof-btn-highlight-tomato-default": {
+    "backgroundColor": "#ff6a4c",
     "backgroundColor:active": "#e65f44"
   },
   "dof-btn-highlight-tomato-base": {
+    "backgroundColor": "#ffeae6",
     "backgroundColor:active": "#e6d3cf"
   },
   "dof-btn-highlight-tomato-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(255,106,76,0.1)"
   },
   "dof-btn-highlight-gray-default": {
+    "backgroundColor": "#7c879b",
     "backgroundColor:active": "#6f798b"
   },
   "dof-btn-highlight-gray-base": {
+    "backgroundColor": "#cfd7e6",
     "backgroundColor:active": "#b9c1ce"
   },
   "dof-btn-highlight-gray-plain": {
+    "backgroundColor": "#ffffff",
     "backgroundColor:active": "rgba(124,135,155,0.1)"
   },
   "dof-btn-highlight-colmo-default": {
+    "backgroundColor": "#b35336",
     "backgroundColor:active": "#743d2a"
   },
   "dof-btn-highlight-colmo-base": {
+    "backgroundColor": "#292c30",
     "backgroundColor:active": "rgba(0,0,0,0.3)"
   },
   "dof-btn-highlight-colmo-plain": {
+    "backgroundColor": "rgba(0,0,0,0)",
     "backgroundColor:active": "#636569"
   },
   "btn-text": {
@@ -50129,7 +50167,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     return [(index < _vm.formattedList.length - 1) ? _c('div', {
       key: 'line' + index,
       class: ['step-line', _vm.showLine && 'hline'],
-      style: [item.lineStyles, _vm.linePos[index]]
+      style: Object.assign({}, item.lineStyles,
+        _vm.linePos[index])
     }) : _vm._e()]
   })], 2), _vm._l((_vm.formattedList), function(item, index) {
     return _c('div', {