@10yun/cv-mobile-ui 0.4.6 → 0.4.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10yun/cv-mobile-ui",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "description": "十云cvjs移动端ui，适用uniapp",
   "author": "",
   "license": "Apache-2.0",

package/plugins/MessageBox.js

@@ -0,0 +1,87 @@
+const MessageBox = function (options) {};
+
+/**
+ *  alert 消息提示
+ *  @author cvjs
+ * 	@param {string} content 内容，默认为空
+ *  @param {string} title		标题，默认为空
+ *  @param {string} confirmText 	确认按钮，默认确定
+ * */
+MessageBox['alert'] = (content, title, confirmText) => {
+  return new Promise((res, rej) => {
+    uni.showModal({
+      title: title || '',
+      content: String(content || '') || '',
+      confirmText: confirmText || '确定',
+      showCancel: false,
+      success: function (modalRes) {
+        if (modalRes.confirm) {
+          res(modalRes);
+        } else if (modalRes.cancel) {
+          console.log('用户点击了取消');
+        }
+      },
+      fail: function (err) {
+        rej(err);
+      }
+    });
+  });
+};
+/**
+ *  confirm 确认消息
+ *  @author cvjs
+ *  @param {string} title		 确认标题，	默认提示
+ * 	@param {string} content  确认内容，	默认？？
+ * */
+MessageBox['confirm'] = (content, title) => {
+  return new Promise((res, rej) => {
+    uni.showModal({
+      title: title || '提示',
+      content: String(content || '') || '？？',
+      confirmText: '确定',
+      showCancel: showCancel || true,
+      cancelText: cancelText || '取消',
+      success: function (modalRes) {
+        if (modalRes.confirm) {
+          res(modalRes);
+        } else if (modalRes.cancel) {
+          console.log('用户点击了取消');
+        }
+      },
+      fail: function (err) {
+        rej(err);
+      }
+    });
+  });
+};
+
+/**
+ *  prompt 提交内容
+ *  @author cvjs
+ *  @param {string} title		标题，默认请输入
+ * 	@param {string} content 输入内容，默认为空
+ * */
+MessageBox['prompt'] = (content, title) => {
+  return new Promise((res, rej) => {
+    uni.showModal({
+      title: title || '请输入',
+      content: String(content || '') || '',
+      confirmText: '确定',
+      showCancel: true,
+      cancelText: '取消',
+      editable: true,
+      success: function (modalRes) {
+        if (modalRes.confirm) {
+          res(modalRes);
+        } else if (modalRes.cancel) {
+          console.log('用户点击了取消');
+        }
+      },
+      fail: function (err) {
+        rej(err);
+      }
+    });
+  });
+};
+
+export default MessageBox;

package/plugins/MessageTip.js

@@ -0,0 +1,56 @@
+const MessageTip = function (options) {
+  if (Object.prototype.toString.call(options) === '[object Object]') {
+    let typeIcon =
+      options.type == 'success'
+        ? 'none'
+        : options.type == 'warning'
+        ? 'none'
+        : options.type == 'error'
+        ? 'none'
+        : options.type == 'info'
+        ? 'none'
+        : 'none';
+
+    let setting = {
+      title: options.message || '提示',
+      duration: options.duration || 1500,
+      icon: typeIcon || 'none',
+      mask: true
+    };
+    uni.showToast(setting);
+  } else if (Object.prototype.toString.call(options) === '[object String]') {
+    MessageTip['info'](options);
+  }
+};
+/**
+ *  显示提示框,2s消失的提示框
+ *	@author  xiesuhang
+ *  @param {string} title		 标题
+ * 	@param {string} duration 显示时间
+ *  @param {string} icon 		 弹框类型 icon 值说明  success loading   none
+ *
+ **/
+MessageTip['info'] = (title, duration, icon) => {
+  uni.showToast({
+    title: title || '提示',
+    duration: duration || 3500,
+    icon: icon || 'none',
+    mask: true
+  });
+};
+// 成功提示
+MessageTip['success'] = (title, duration) => {
+  // MessageTip['info'](title, duration, 'success');
+  MessageTip['info'](title, duration, 'none');
+};
+// 警告提示
+MessageTip['warning'] = (title, duration) => {
+  MessageTip['info'](title, duration, 'none');
+};
+// 错误提示
+MessageTip['error'] = (title, duration) => {
+  // MessageTip['info'](title, duration, 'error');
+  MessageTip['info'](title, duration, 'none');
+};
+
+export default MessageTip;

package/plugins/jumps.js

@@ -104,13 +104,6 @@ class JumpsClass {
   jumpsHome(time) {
     this.jumpsPage(this.page_home, time);
   }
-  //刷新页面
-  jumpsReload(url) {
-    url = url || '';
-    if (url != '') {
-      uni.redirectTo({ url: url });
-    }
-  }
   // 上一个页面
   jumpsPre() {
     let pages = getCurrentPages();

package/plugins/request.js

@@ -300,15 +300,16 @@ class RequestClass {
             apiResData = JSON.parse(apiResData, true);
           }
           return _this.setResponse(apiResData);
+        } else if (uniRes[1].statusCode == 502) {
+          uni.hideNavigationBarLoading();
+          uni.hideToast();
+          uni.hideLoading();
         } else {
           uni.hideNavigationBarLoading();
           uni.hideToast();
           uni.hideLoading();
-          //
-          // uni.request({
-          // url: '',
-          // })
-          if (type == 'POST')
+
+          if (type == 'POST') {
             uni.showModal({
               content: '加载错误！请稍后重试',
               showCancel: false,
@@ -320,6 +321,7 @@ class RequestClass {
                 }
               }
             });
+          }
         }
       })
       .catch(function (uniRes) {

package/plugins/storage.js

@@ -5,10 +5,57 @@
  * 使用方法 【
  *
  */
+
+function get_data1(key, def) {
+  uni.getStorage({
+    key: key,
+    success: function (res) {
+      param.success(res.data || def);
+    }
+  });
+}
+function get_data2(key, def) {
+  const value = uni.getStorageSync(key);
+  return value || def;
+}
 class StorageClass {
   //实例化类时默认会执行构造函数
   constructor(options = {}) {
-    this.config = options;
+    this.config = Object.assign(
+      {
+        prefix: '',
+        suffix: ''
+      },
+      options
+    );
+  }
+  _getAllCache() {
+    let fullKey = this._getFullKey('___') || {};
+    let fullCache = uni.getStorageSync(fullKey);
+    return fullCache;
+  }
+  _setAllCache(appendKey) {
+    let fullKey = this._getFullKey('___');
+    let fullCache = uni.getStorageSync(fullKey) || {};
+    fullCache[appendKey] = 1;
+    uni.setStorageSync(fullKey, fullCache);
+  }
+  _removeAllCache(removeKey) {
+    let fullKey = this._getFullKey('___');
+    let fullCache = uni.getStorageSync(fullKey) || {};
+    delete fullCache[removeKey];
+    uni.setStorageSync(fullKey, fullCache);
+  }
+  _getFullKey(key) {
+    key = key || '';
+    const config = this.config;
+    if (config.prefix) {
+      key = config.prefix + key;
+    }
+    if (config.suffix) {
+      key += config.suffix;
+    }
+    return key;
   }
   /**
    * 设置缓存 - 异步
@@ -22,16 +69,10 @@ class StorageClass {
    *     boolean   cache.put('k', true);
    */
 
-  set(key = '', data = '', t = 0) {
-    const config = this.config;
-    if (config.prefix) {
-      key = config.prefix + key;
-    }
-    if (config.suffix) {
-      key += config.prefix;
-    }
+  setAsync(key = '', data = '', t = 0) {
+    let fullKey = this._getFullKey(key);
     uni.setStorage({
-      key: key,
+      key: fullKey,
       data: data,
       success: () => {}
     });
@@ -39,34 +80,30 @@ class StorageClass {
     if (t) {
       let timestamp = parseInt(new Date().getTime());
       uni.setStorage({
-        key: key + '_time',
+        key: fullKey + '_time',
         data: timestamp + t * 1000,
         success: () => {}
       });
     }
+    this._setAllCache(fullKey);
   }
   setSync(key = '', data = null, t = 0) {
+    let fullKey = this._getFullKey(key);
     try {
-      const config = this.config;
-      if (config.prefix) {
-        key = config.prefix + key;
-      }
-      if (config.suffix) {
-        key += config.prefix;
-      }
-      uni.setStorageSync(key, data);
+      uni.setStorageSync(fullKey, data);
       /* 设置过期时间 */
       if (t) {
         let timestamp = parseInt(new Date().getTime());
-        uni.setStorageSync(key + '_time', timestamp + t * 1000);
+        uni.setStorageSync(fullKey + '_time', timestamp + t * 1000);
       }
+      this._setAllCache(fullKey);
     } catch (e) {
       console.error(e);
     }
   }
   /**
    * 获取缓存
-   * @param  {[type]} k   [键名]
+   * @param  {[type]} key   [键名]
    * @param  {[type]} def [获取为空时默认]
    *
    * @使用方式 ==== 【读取缓存】
@@ -78,22 +115,18 @@ class StorageClass {
    * 根据key获取数据缓存 -  异步
    * @param {String} key
    */
-  get(param) {
+  getAsync(param) {
     param = Object.assign({ def: '' }, param);
-    const config = this.config;
-    if (config.prefix) {
-      param.key = config.prefix + '_' + param.key;
-    }
-    if (config.suffix) {
-      param.key += '_' + config.prefix;
-    }
+
+    let fullKey = this._getFullKey(param.key);
+
     //先获取时间
     var deadtime = 0;
     uni.getStorage({
-      key: param.key + '_time',
+      key: fullKey + '_time',
       success: function (res) {
         if (!res.data) {
-          get_data(param.key, param.success);
+          get_data1(fullKey, param.success);
         } else {
           deadtime = parseInt(res.data);
           let timestamp = parseInt(new Date().getTime());
@@ -101,37 +134,21 @@ class StorageClass {
             //过期了
             param.success(def);
           }
-          get_data(param.key);
+          get_data1(fullKey, def);
         }
       }
     });
-    function get_data(key) {
-      uni.getStorage({
-        key: key,
-        success: function (res) {
-          param.success(res.data || def);
-        }
-      });
-    }
   }
   /**
    * 根据key获取数据缓存 -  同步
    * @param {String} key
    */
   getSync(key, def = '') {
+    let fullKey = this._getFullKey(key);
     try {
-      const config = this.config;
-      if (config.prefix) {
-        key = config.prefix + key;
-      }
-      if (config.suffix) {
-        key += config.prefix;
-      }
-
-      let deadtime = uni.getStorageSync(key + '_time');
-
+      let deadtime = uni.getStorageSync(fullKey + '_time');
       if (!deadtime) {
-        return get_data(key);
+        return get_data2(fullKey, def);
       } else {
         deadtime = parseInt(deadtime);
         let timestamp = parseInt(new Date().getTime());
@@ -139,34 +156,32 @@ class StorageClass {
           //过期了
           return def;
         }
-        return get_data(key);
+        return get_data2(fullKey, def);
       }
     } catch (e) {
       console.error(e);
     }
-    function get_data(key) {
-      const value = uni.getStorageSync(key);
-      return value || def;
-    }
   }
   /**
    * 根据key删除一条缓存 - 异步
-   * @param {String} key
+   * @param {String|Object} pararm 支持传入字符串、对象
    */
-  remove(key) {
-    const config = this.config;
-    if (config.prefix) {
-      key = config.prefix + key;
-    }
-    if (config.suffix) {
-      key += config.prefix;
+  removeAsync(param) {
+    let fullKey = '';
+    if (Object.prototype.toString.call(param) === '[object Object]') {
+      fullKey = this._getFullKey(param.key);
+      param.key = fullKey;
+      uni.removeStorage(param);
+    } else if (Object.prototype.toString.call(param) === '[object String]') {
+      fullKey = this._getFullKey(param);
+      uni.removeStorage({
+        key: fullKey
+      });
     }
+    this._removeAllCache(fullKey);
+
     uni.removeStorage({
-      key: key,
-      success: (res) => {}
-    });
-    uni.removeStorage({
-      key: key + '_time',
+      key: fullKey + '_time',
       success: (res) => {}
     });
   }
@@ -175,16 +190,11 @@ class StorageClass {
    * @param {String} key
    */
   removeSync(key) {
+    let fullKey = this._getFullKey(key);
     try {
-      const config = this.config;
-      if (config.prefix) {
-        key = config.prefix + key;
-      }
-      if (config.suffix) {
-        key += config.prefix;
-      }
-      uni.removeStorageSync(key);
-      uni.removeStorageSync(key + '_time');
+      uni.removeStorageSync(fullKey);
+      uni.removeStorageSync(fullKey + '_time');
+      this._removeAllCache(fullKey);
     } catch (e) {
       console.error(e);
     }
@@ -192,7 +202,7 @@ class StorageClass {
   /**
    * 清除用户端所用缓存
    */
-  clear() {
+  clearAsync() {
     uni.clearStorage();
   }
   /**
@@ -205,7 +215,6 @@ class StorageClass {
       console.error(e);
     }
   }
-
   /**
    * 同步获取当前 storage 的相关信息。 - 异步
    */

package/plugins/storage2.js

@@ -0,0 +1,181 @@
+/***
+ * title: storage.js
+ * Author: Gaby
+ * Email: xxx@126.com
+ * Time: 2022/6/1 17:30
+ * last: 2022/6/2 17:30
+ * Desc: 对存储的简单封装
+ */
+
+import CryptoJS from 'crypto-js';
+
+// 十六位十六进制数作为密钥
+const SECRET_KEY = CryptoJS.enc.Utf8.parse('3333e6e143439161');
+// 十六位十六进制数作为密钥偏移量
+const SECRET_IV = CryptoJS.enc.Utf8.parse('e3bbe7e3ba84431a');
+
+// 类型 window.localStorage,window.sessionStorage,
+const config = {
+  type: 'localStorage', // 本地存储类型 sessionStorage
+  prefix: 'SDF_0.0.1', // 名称前缀 建议：项目名 + 项目版本
+  expire: 1, //过期时间 单位：秒
+  isEncrypt: true // 默认加密 为了调试方便, 开发过程中可以不加密
+};
+
+// 判断是否支持 Storage
+export const isSupportStorage = () => {
+  return typeof Storage !== 'undefined' ? true : false;
+};
+
+// 设置 setStorage
+export const setStorage = (key, value, expire = 0) => {
+  if (value === '' || value === null || value === undefined) {
+    value = null;
+  }
+
+  if (isNaN(expire) || expire < 0) throw new Error('Expire must be a number');
+
+  expire = (expire ? expire : config.expire) * 1000;
+  let data = {
+    value: value, // 存储值
+    time: Date.now(), //存值时间戳
+    expire: expire // 过期时间
+  };
+
+  const encryptString = config.isEncrypt ? encrypt(JSON.stringify(data)) : JSON.stringify(data);
+
+  window[config.type].setItem(autoAddPrefix(key), encryptString);
+};
+
+// 获取 getStorage
+export const getStorage = (key) => {
+  key = autoAddPrefix(key);
+  // key 不存在判断
+  if (!window[config.type].getItem(key) || JSON.stringify(window[config.type].getItem(key)) === 'null') {
+    return null;
+  }
+
+  // 优化 持续使用中续期
+  const storage = config.isEncrypt
+    ? JSON.parse(decrypt(window[config.type].getItem(key)))
+    : JSON.parse(window[config.type].getItem(key));
+
+  let nowTime = Date.now();
+
+  // 过期删除
+  if (storage.expire && config.expire * 6000 < nowTime - storage.time) {
+    removeStorage(key);
+    return null;
+  } else {
+    // 未过期期间被调用 则自动续期 进行保活
+    setStorage(autoRemovePrefix(key), storage.value);
+    return storage.value;
+  }
+};
+
+// 是否存在 hasStorage
+export const hasStorage = (key) => {
+  key = autoAddPrefix(key);
+  let arr = getStorageAll().filter((item) => {
+    return item.key === key;
+  });
+  return arr.length ? true : false;
+};
+
+// 获取所有key
+export const getStorageKeys = () => {
+  let items = getStorageAll();
+  let keys = [];
+  for (let index = 0; index < items.length; index++) {
+    keys.push(items[index].key);
+  }
+  return keys;
+};
+
+// 根据索引获取key
+export const getStorageForIndex = (index) => {
+  return window[config.type].key(index);
+};
+
+// 获取localStorage长度
+export const getStorageLength = () => {
+  return window[config.type].length;
+};
+
+// 获取全部 getAllStorage
+export const getStorageAll = () => {
+  let len = window[config.type].length; // 获取长度
+  let arr = new Array(); // 定义数据集
+  for (let i = 0; i < len; i++) {
+    // 获取key 索引从0开始
+    let getKey = window[config.type].key(i);
+    // 获取key对应的值
+    let getVal = window[config.type].getItem(getKey);
+    // 放进数组
+    arr[i] = { key: getKey, val: getVal };
+  }
+  return arr;
+};
+
+// 删除 removeStorage
+export const removeStorage = (key) => {
+  window[config.type].removeItem(autoAddPrefix(key));
+};
+
+// 清空 clearStorage
+export const clearStorage = () => {
+  window[config.type].clear();
+};
+
+// 名称前自动添加前缀
+const autoAddPrefix = (key) => {
+  const prefix = config.prefix ? config.prefix + '_' : '';
+  return prefix + key;
+};
+
+// 移除已添加的前缀
+const autoRemovePrefix = (key) => {
+  const len = config.prefix ? config.prefix.length + 1 : '';
+  return key.substr(len);
+  // const prefix = config.prefix ? config.prefix + '_' : '';
+  // return  prefix + key;
+};
+
+/**
+ * 加密方法
+ * @param data
+ * @returns {string}
+ */
+const encrypt = (data) => {
+  if (typeof data === 'object') {
+    try {
+      data = JSON.stringify(data);
+    } catch (error) {
+      console.log('encrypt error:', error);
+    }
+  }
+  const dataHex = CryptoJS.enc.Utf8.parse(data);
+  const encrypted = CryptoJS.AES.encrypt(dataHex, SECRET_KEY, {
+    iv: SECRET_IV,
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  return encrypted.ciphertext.toString();
+};
+
+/**
+ * 解密方法
+ * @param data
+ * @returns {string}
+ */
+const decrypt = (data) => {
+  const encryptedHexStr = CryptoJS.enc.Hex.parse(data);
+  const str = CryptoJS.enc.Base64.stringify(encryptedHexStr);
+  const decrypt = CryptoJS.AES.decrypt(str, SECRET_KEY, {
+    iv: SECRET_IV,
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
+  return decryptedStr.toString();
+};