dolphin-weex-ui 0.3.5 → 0.3.6

package/CHANGELOG.md

@@ -1,8 +1,12 @@
 # 升级日志
 
+## 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

package/README.md

@@ -4,12 +4,20 @@ 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目录下文件变化，并自动编译。
   
-### 在线预览
+## 在线预览
+  - 本地服务启动后,打开服务页面，如`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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dolphin-weex-ui",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "inteligense cross platform frame",
   "main": "index.js",
   "directories": {

package/packages/core/storage.js

@@ -7,33 +7,53 @@ const modal = weex.requireModule('modal')
  * @param value
  * @param duration Storage有效时间，单位：小时
  * @param set_time 是否设置时间
- * @returns {boolean}
+ * @returns promise
  */
-const setStorage = (key, value, callback, set_time = false, duration = 0) => {
-  if (!key) return
-  if (typeof value !== 'string') {
-    value = JSON.stringify(value)
-  }
-  try {
-    if (set_time) {
-      let date = new Date()
-      if (duration > 0) {
-        value += '&' + (date.getTime() + duration * 3600 * 1e3)
-      } else {
-        value += '&0'
+const setStorage = (key, value, set_time = false, duration = 0) => {
+  return new Promise((resolve, reject) => {
+    if (!key) {
+      reject('key is empty !')
+      return
+    } 
+    try {
+      if (typeof value !== 'string') {
+        value = JSON.stringify(value)
       }
-      value += '&' + date.getTime()
+      if (set_time) {
+        let date = new Date()
+        if (duration > 0) {
+          value += '&' + (date.getTime() + duration * 3600 * 1e3)
+        } else {
+          value += '&0'
+        }
+        value += '&' + date.getTime()
+      }
+      storage.setItem(key, value, (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
+ */
 const getStorage = (key, parse = false) => {
-  if (!key) return false
-  try {
-    return new Promise((resolve, reject) => {
+  return new Promise((resolve, reject) => {
+    if(!key) {
+      reject('key is empty !')
+    }
+    try {
       storage.getItem(key, event => {
         if (event.result === 'success') {
           if (parse) {
@@ -50,13 +70,18 @@ const getStorage = (key, parse = false) => {
           reject(`key: "${key}" not found`)
         }
       })
-    })
-  } catch (error) {
-    console.error(error)
-    reject(error)
-  }
+    } catch (error) {
+      reject(error)
+    }
+    
+  })
 }
 
+/**
+ * 删除指定缓存
+ * @param {string} key 缓存key值
+ * @returns promise
+ */
 const removeStorage = key => {
   return new Promise((resolve, reject) => {
     try {