dolphin-weex-ui 0.3.5 → 0.3.8

package/CHANGELOG.md

@@ -1,14 +1,26 @@
 # 升级日志
 
+## 0.3.8
+- [!] dof-actionsheet 新增props值，支持部分修改样式
+- date: 2022/8/04
+## 0.3.7
+- [!] dof-slider 修复在value值接近min值时，bar滑动距离不准确问题
+- [!] dof-minibar 取消样式中的默认背景色，采用props中backgroundColor设置颜色
+- date: 2022/7/20
+
+## 0.3.6
+- [!] storage: setStorage return a promise instance
+- date: 2022/6/27
+
 ## 0.3.5
 - [!] dof-cell fix keep middle content centered
-- [!] dof-bottom-bar fix paading-bottom
+- [!] dof-bottom-bar fix padding-bottom
 - date: 2022/6/10
 
 ## 0.3.4
 - [!] dof-action-sheet fix action-bar duplicate padding-bottom
 - date: 2022/5/24
-## 0.3.1
+## 0.3.3
 - [!] dof-bottom fix bottom-bar shadow incorrect
 - date: 2022/5/9
 ## 0.3.2
@@ -71,13 +83,13 @@
 
 ## 0.2.13
 - [!] dof-bottom-bar 修复_animation调用参数错误，导致监控上报
-- date: 2021/1/7
+- date: 2021/12/7
 ## 0.2.12
 - [!] dof-tab-page 修复下划线不居中调整优化
-- date: 2021/1/7
+- date: 2021/12/7
 ## 0.2.11
 - [!] dof-tab-page 修复下划线不居中
-- date: 2021/1/7
+- date: 2021/12/7
 
 ## 0.2.10
 - [!] dof-actionsheet 添加title插槽

package/README.md

@@ -4,12 +4,8 @@ A group of examples for using Weex and Vue.js.
 
 ## [在线文档](http://confluence.msmart.com/pages/viewpage.action?pageId=10003490)
 
-##运行方法
+## 运行方法
 
 首先安装依赖： cnpm install 。然后
 + `npm run start`: 启动项目
 + `npm run dev`: 监听src目录下文件变化，并自动编译。
-  
-### 在线预览
-
-### 本地调试

package/README_FOR_DEVERLOPER.md

@@ -0,0 +1,12 @@
+
+## 在线预览
+  - 本地服务启动后,打开服务页面，如`http://xxx.xxx.xxx.xx:8999/`, 选择你需要访问的组件实例，如 `progress`, 则访问到 `http://xxx:8999/progress/?_wx_tpl=http%3A%2F%2Fxxxx%3A8999%2Fprogress%2Findex.native.js`
+  - 将上诉地址中的参数删除，如： `http://xxx:8999/progress/index.native.js`, 生成二维码
+  - 美居扫码访问，建议采用 `DolphinWeex 测试中转页` 扫码访问， 访问路径：美居 -> 设置 -> 关于美的美居 -> 测试使用 -> Dolphin weex 测试中转页
+## 本地调试
+  - 执行上述运行方法后，代码修改，会自动编译,  需要重新访问页面
+  - 在美居 `Dolphin weex 测试中转页` 中，代码修改后，需要返回到中转页，重新选择对应地址访问
+
+  tips:  
+    1. 需要访问某个组件例子，可以将 `/webpack.config.js` 中 `mkdir` 的值设置为对应的组件名，如`progress`   
+    2. 美居（ios） 可以通过: 打开性能监控组件 -> weex 专区 -> 日志 ， 查看日志

package/dist/index.native.js

@@ -6583,38 +6583,58 @@ var modal = weex.requireModule('modal');
  * @param value
  * @param duration Storage有效时间，单位：小时
  * @param set_time 是否设置时间
- * @returns {boolean}
+ * @returns promise
  */
-var setStorage = function setStorage(key, value, callback) {
-  var set_time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var duration = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+var setStorage = function setStorage(key, value) {
+  var set_time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var duration = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
 
-  if (!key) return;
-  if (typeof value !== 'string') {
-    value = JSON.stringify(value);
-  }
-  try {
-    if (set_time) {
-      var date = new Date();
-      if (duration > 0) {
-        value += '&' + (date.getTime() + duration * 3600 * 1e3);
-      } else {
-        value += '&0';
+  return new Promise(function (resolve, reject) {
+    if (!key) {
+      reject('key is empty !');
+      return;
+    }
+    try {
+      if (typeof value !== 'string') {
+        value = JSON.stringify(value);
       }
-      value += '&' + date.getTime();
+      if (set_time) {
+        var date = new Date();
+        if (duration > 0) {
+          value += '&' + (date.getTime() + duration * 3600 * 1e3);
+        } else {
+          value += '&0';
+        }
+        value += '&' + date.getTime();
+      }
+      storage.setItem(key, value, function (event) {
+        if (event.result === 'success') {
+          // event.data 为undefined, 故返回完整的event
+          resolve(event);
+        } else {
+          reject(event);
+        }
+      });
+    } catch (error) {
+      console.error(error);
+      reject(error);
     }
-    storage.setItem(key, value, callback);
-  } catch (error) {
-    console.error(error);
-    reject(error);
-  }
+  });
 };
+/**
+ * 读取缓存
+ * @param {string} key 缓存Key值
+ * @param {boolean} parse 是否需要对缓存结果做解析
+ * @returns promise
+ */
 var getStorage = function getStorage(key) {
   var parse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
-  if (!key) return false;
-  try {
-    return new Promise(function (resolve, reject) {
+  return new Promise(function (resolve, reject) {
+    if (!key) {
+      reject('key is empty !');
+    }
+    try {
       storage.getItem(key, function (event) {
         if (event.result === 'success') {
           if (parse) {
@@ -6631,13 +6651,17 @@ var getStorage = function getStorage(key) {
           reject('key: "' + key + '" not found');
         }
       });
-    });
-  } catch (error) {
-    console.error(error);
-    reject(error);
-  }
+    } catch (error) {
+      reject(error);
+    }
+  });
 };
 
+/**
+ * 删除指定缓存
+ * @param {string} key 缓存key值
+ * @returns promise
+ */
 var removeStorage = function removeStorage(key) {
   return new Promise(function (resolve, reject) {
     try {
@@ -14222,7 +14246,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
-//
 
 var animation = weex.requireModule('animation');
 var platform = weex.config.env.platform;
@@ -14290,6 +14313,18 @@ module.exports = {
       default: function _default() {
         return [];
       }
+    },
+    titleStyle: {
+      type: Object,
+      default: function _default() {}
+    },
+    defaultBtnStyle: {
+      type: Object,
+      default: function _default() {}
+    },
+    itemStyle: {
+      type: Object,
+      default: function _default() {}
     }
   },
   data: function data() {
@@ -21884,7 +21919,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
-//
 
 var Navigator = weex.requireModule('navigator');
 var platform = weex.config.env.platform.toLowerCase();
@@ -29539,9 +29573,23 @@ exports.default = {
       return res;
     },
     barStyle: function barStyle() {
-      var width = (this.value - this.min) / this.scope * this.width;
+      var percent = (this.value - this.min) / this.scope;
+      // const width = ((this.value - this.min) / this.scope) * this.width
+      // const widthCss = clamp(width+this.trackHeight, this.trackHeight, this.width) 
+
+      // fix: 修复value带来的width小于this.trackHeight时，bar宽度不变
+      var width = percent * this.width;
+      var widthCss = this.trackHeight;
+      if (percent < 0) {
+        widthCss = this.trackHeight;
+      } else if (percent > 1) {
+        widthCss = this.width + this.trackHeight;
+      } else {
+        // 正常滑动
+        widthCss = width + this.trackHeight;
+      }
       var res = {
-        width: (0, _mathExtension.clamp)(width, this.trackHeight, this.width) + 'px',
+        width: widthCss + 'px',
         borderRadius: this.trackHeight / 2 + 'px',
         height: this.trackHeight + 'px'
       };
@@ -29568,7 +29616,8 @@ exports.default = {
 
     (0, _dom.getBoundingClientRect)(this.$refs.track, function (res) {
       if (res.result) {
-        _this.width = res.size.width;
+        // 实际可滑动长度（可变化范围）= bar宽度 - btn宽度
+        _this.width = res.size.width - _this.trackHeight;
       }
     }, this.delay);
   },
@@ -35967,8 +36016,7 @@ module.exports = {
     "display": "inline-flex",
     "flexDirection": "row",
     "justifyContent": "space-between",
-    "alignItems": "stretch",
-    "backgroundColor": "#ffffff"
+    "alignItems": "stretch"
   },
   "left": {
     "width": "160",
@@ -36455,7 +36503,8 @@ module.exports = {
     "position": "relative"
   },
   "dof-slider-bar": {
-    "position": "relative"
+    "position": "relative",
+    "overflow": "hidden"
   },
   "dof-slider-bar--brand": {
     "backgroundColor": "#267aff"
@@ -39776,13 +39825,15 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       "click": function () {}
     }
   }, [_vm._t("title", [(_vm.title || _vm.$slots.title) ? _c('text', {
-    staticClass: ["title"]
-  }, [_vm._v("\n        " + _vm._s(_vm.title) + "\n      ")]) : _vm._e()]), _c('div', {
+    staticClass: ["title"],
+    style: _vm.titleStyle
+  }, [_vm._v(_vm._s(_vm.title))]) : _vm._e()]), _c('div', {
     staticClass: ["midea-actionsheet-content"]
   }, _vm._l((_vm.items), function(item, index) {
     return _c('div', {
       key: index,
       class: [index == 0 && !_vm.title ? 'midea-actionsheet-list-first' : 'midea-actionsheet-list'],
+      style: _vm.itemStyle,
       on: {
         "click": function($event) {
           _vm.actionsheetItemClick(item, index)
@@ -39798,6 +39849,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     staticClass: ["midea-actionsheet-bottom"]
   }, [_c('text', {
     staticClass: ["midea-actionsheet-btn", "leftBtn"],
+    style: _vm.defaultBtnStyle,
     on: {
       "click": function($event) {
         _vm.actionsheetBtnClick(_vm.button)
@@ -40967,7 +41019,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     style: _vm.wrapStyle
   }, _vm._l((_vm.picList), function(src, i) {
     return _c('rain-item', {
-      key: "i",
+      key: i,
       ref: ("rain-item-" + i),
       refInFor: true,
       attrs: {