@10yun/cv-mobile-ui 0.5.53 → 0.5.55

package/other/z-paging/types/comps.d.ts

@@ -0,0 +1,11 @@
+declare module 'vue' {
+  export interface GlobalComponents {
+    ['z-paging']: typeof import('./comps/z-paging')['ZPaging']
+    ['z-paging-swiper']: typeof import('./comps/z-paging-swiper')['ZPagingSwiper']
+    ['z-paging-swiper-item']: typeof import('./comps/z-paging-swiper-item')['ZPagingSwiperItem']
+    ['z-paging-empty-view']: typeof import('./comps/z-paging-empty-view')['ZPagingEmptyView']
+    ['z-paging-cell']: typeof import('./comps/z-paging-cell')['ZPagingCell']
+  }
+}
+
+export {}

package/other/z-paging/types/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference path="./comps.d.ts" />
+declare module 'z-paging' {
+  export function install() : void
+  /**
+   * z-paging全局配置
+   * - uni.$zp
+   *
+   * @since 2.6.5
+   */
+  interface $zp {
+    /**
+     * 全局配置
+     */
+    config : Record<string, any>;
+  }
+  global {
+    interface Uni {
+      $zp : $zp
+    }
+  }
+}
+
+declare type ZPagingSwiperRef = typeof import('./comps/z-paging-swiper')['ZPagingSwiperRef']
+declare type ZPagingSwiperItemRef = typeof import('./comps/z-paging-swiper-item')['ZPagingSwiperItemRef']

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@10yun/cv-mobile-ui",
-  "version": "0.5.53",
+  "version": "0.5.55",
   "description": "十云cvjs移动端ui，适用uniapp",
-  "author": "10yun",
-  "license": "Apache-2.0",
   "homepage": "http://cvjs.cn/cv-mobile-ui/",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
+  "license": "Apache-2.0",
+  "author": "10yun",
   "repository": {
     "type": "git",
     "url": "https://gitee.com/cvjs/cv-mobile-ui"
   },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {},
   "dependencies": {
     "clipboard": "^2.0.11",
@@ -21,4 +21,4 @@
     "Android >= 7",
     "ios >= 9"
   ]
-}
+}

package/plugins/tui-validation.js

@@ -0,0 +1,279 @@
+/**
+ * 表单验证
+ * @author echo.
+ * @version 1.5.0
+ **/
+
+function _isNullOrEmpty(value) {
+  return value === null || value === '' || value === undefined ? true : false;
+}
+function _isMobile(value) {
+  return /^(?:13\d|14\d|15\d|16\d|17\d|18\d|19\d)\d{5}(\d{3}|\*{3})$/.test(value);
+}
+function _isEmail(value) {
+  return /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test(value);
+}
+function _isCarNo(value) {
+  // 新能源车牌
+  const xreg =
+    /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;
+  // 旧车牌
+  const creg =
+    /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
+  if (value.length === 7) {
+    return creg.test(value);
+  } else if (value.length === 8) {
+    return xreg.test(value);
+  } else {
+    return false;
+  }
+}
+function _isIdCard(value) {
+  let idCard = value;
+  if (idCard.length == 15) {
+    return __isValidityBrithBy15IdCard;
+  } else if (idCard.length == 18) {
+    let arrIdCard = idCard.split('');
+    if (__isValidityBrithBy18IdCard(idCard) && __isTrueValidateCodeBy18IdCard(arrIdCard)) {
+      return true;
+    } else {
+      return false;
+    }
+  } else {
+    return false;
+  }
+}
+function __isTrueValidateCodeBy18IdCard(arrIdCard) {
+  let sum = 0;
+  let Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];
+  let ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];
+  if (arrIdCard[17].toLowerCase() == 'x') {
+    arrIdCard[17] = 10;
+  }
+  for (let i = 0; i < 17; i++) {
+    sum += Wi[i] * arrIdCard[i];
+  }
+  let valCodePosition = sum % 11;
+  if (arrIdCard[17] == ValideCode[valCodePosition]) {
+    return true;
+  } else {
+    return false;
+  }
+}
+function __isValidityBrithBy18IdCard(idCard18) {
+  let year = idCard18.substring(6, 10);
+  let month = idCard18.substring(10, 12);
+  let day = idCard18.substring(12, 14);
+  let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
+  if (
+    temp_date.getFullYear() != parseFloat(year) ||
+    temp_date.getMonth() != parseFloat(month) - 1 ||
+    temp_date.getDate() != parseFloat(day)
+  ) {
+    return false;
+  } else {
+    return true;
+  }
+}
+function __isValidityBrithBy15IdCard(idCard15) {
+  let year = idCard15.substring(6, 8);
+  let month = idCard15.substring(8, 10);
+  let day = idCard15.substring(10, 12);
+  let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
+
+  if (
+    temp_date.getYear() != parseFloat(year) ||
+    temp_date.getMonth() != parseFloat(month) - 1 ||
+    temp_date.getDate() != parseFloat(day)
+  ) {
+    return false;
+  } else {
+    return true;
+  }
+}
+function _isAmount(value) {
+  //金额，只允许保留两位小数
+  return /^([0-9]*[.]?[0-9])[0-9]{0,1}$/.test(value);
+}
+function _isNum(value) {
+  //只能为数字
+  return /^[0-9]+$/.test(value);
+}
+function _isChinese(value) {
+  let reg = /.*[\u4e00-\u9fa5]+.*$/;
+  return value !== '' && reg.test(value) && !form._isSpecial(value) && !form._isEmoji(value);
+}
+function _isEnglish(value) {
+  return /^[a-zA-Z]*$/.test(value);
+}
+function _isEnAndNo(value) {
+  //8~20位数字和字母组合
+  return /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,20}$/.test(value);
+}
+function _isEnOrNo(value) {
+  //英文或者数字
+  let reg = /.*[\u4e00-\u9fa5]+.*$/;
+  let result = true;
+  if (reg.test(value) || form._isSpecial(value) || form._isEmoji(value)) {
+    result = false;
+  }
+  return result;
+}
+function _isSpecial(value) {
+  //是否包含特殊字符
+  let regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im,
+    regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[\]]/im;
+  if (regEn.test(value) || regCn.test(value)) {
+    return true;
+  }
+  return false;
+}
+function _isEmoji(value) {
+  //是否包含表情
+  return /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g.test(value);
+}
+function _isDate(value) {
+  //2019-10-12
+  const reg =
+    /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
+  return reg.test(value);
+}
+function _isUrl(value) {
+  return /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(value);
+}
+function _isSame(value1, value2) {
+  return value1 === value2;
+}
+function _isRange(value, range1, range2) {
+  if (!range1 && range1 != 0 && !range2 && range2 != 0) {
+    return true;
+  } else if (!range1 && range1 != 0) {
+    return value <= range2;
+  } else if (!range2 && range2 != 0) {
+    return value >= range1;
+  } else {
+    return value >= range1 && value <= range2;
+  }
+}
+function _minLength(value, min) {
+  return value.length >= Number(min);
+}
+function _maxLength(value, max) {
+  return value.length <= Number(max);
+}
+const form = {
+  //非必填情况下,如果值为空,则不进行校验
+  //当出现错误时返回错误消息，否则返回空即为验证通过
+  /*
+	 formData:Object 表单对象。{key:value,key:value},key==rules.name
+	 rules: Array [{name:name,rule:[],msg:[]},{name:name,rule:[],msg:[]}]
+			name:name 属性=> 元素的名称
+			rule:字符串数组 ["required","isMobile","isEmail","isCarNo","isIdCard","isAmount","isNum","isChinese","isEnglish",isEnAndNo","isSpecial","isEmoji",""isDate","isUrl","isSame:key","range:[1,9]","minLength:9","maxLength:Number"]
+			msg:数组 []。 与数组 rule 长度相同,对应的错误提示信息
+	*/
+  validation: function (formData, rules) {
+    for (let item of rules) {
+      let key = item.name;
+      let rule = item.rule;
+      let msgArr = item.msg;
+      if (!key || !rule || rule.length === 0 || !msgArr || msgArr.length === 0) {
+        continue;
+      }
+      for (let i = 0, length = rule.length; i < length; i++) {
+        let ruleItem = rule[i];
+        let msg = msgArr[i];
+        if (!ruleItem) {
+          return;
+        }
+        if (!ruleItem || !msg || (!~rule.indexOf('required') && formData[key].toString().length === 0)) {
+          continue;
+        }
+        //数据处理
+        let value = null;
+        if (~ruleItem.indexOf(':')) {
+          let temp = ruleItem.split(':');
+          ruleItem = temp[0];
+          value = temp[1];
+        }
+        let isError = false;
+        switch (ruleItem) {
+          case 'required':
+            isError = _isNullOrEmpty(formData[key]);
+            break;
+          case 'isMobile':
+            isError = !_isMobile(formData[key]);
+            break;
+          case 'isEmail':
+            isError = !_isEmail(formData[key]);
+            break;
+          case 'isCarNo':
+            isError = !_isCarNo(formData[key]);
+            break;
+          case 'isIdCard':
+            isError = !_isIdCard(formData[key]);
+            break;
+          case 'isAmount':
+            isError = !_isAmount(formData[key]);
+            break;
+          case 'isNum':
+            isError = !_isNum(formData[key]);
+            break;
+          case 'isChinese':
+            isError = !_isChinese(formData[key]);
+            break;
+          case 'isEnglish':
+            isError = !_isEnglish(formData[key]);
+            break;
+          case 'isEnAndNo':
+            isError = !_isEnAndNo(formData[key]);
+            break;
+          case 'isEnOrNo':
+            isError = !_isEnOrNo(formData[key]);
+            break;
+          case 'isSpecial':
+            isError = _isSpecial(formData[key]);
+            break;
+          case 'isEmoji':
+            isError = _isEmoji(formData[key]);
+            break;
+          case 'isDate':
+            isError = !_isDate(formData[key]);
+            break;
+          case 'isUrl':
+            isError = !_isUrl(formData[key]);
+            break;
+          case 'isSame':
+            isError = !_isSame(formData[key], formData[value]);
+            break;
+          case 'range':
+            let range = null;
+            try {
+              range = JSON.parse(value);
+              if (range.length <= 1) {
+                throw new Error('range值传入有误！');
+              }
+            } catch (e) {
+              return 'range值传入有误！';
+            }
+            isError = !_isRange(formData[key], range[0], range[1]);
+            break;
+          case 'minLength':
+            isError = !_minLength(formData[key], value);
+            break;
+          case 'maxLength':
+            isError = !_maxLength(formData[key], value);
+            break;
+          default:
+            break;
+        }
+        if (isError) {
+          return msg;
+        }
+      }
+    }
+    return '';
+  }
+};
+export default {
+  validation: form.validation
+};

package/plugins/uni-async.js

@@ -0,0 +1,28 @@
+/**
+ * 版本：1.0.0
+ * @author i@tech.top
+ * 有问题和疑问可以发邮件联系~
+ */
+
+// 使用proxy转换为异步化的uni方法
+const uniAsync = new Proxy(
+  {},
+  {
+    get(target, name) {
+      return (obj) =>
+        new Promise((resolve, reject) => {
+          uni[name]({
+            ...obj,
+            success: (ret) => {
+              resolve(ret);
+            },
+            fail: (err) => {
+              reject(err);
+            }
+          });
+        });
+    }
+  }
+);
+
+export default uniAsync;

package/ui-cv/components/cv-draw-gesture-lock/cv-draw-gesture-lock.vue

@@ -123,5 +123,43 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.gesture-lock {
+  margin: 0 auto;
+  position: relative;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.gesture-lock .cycle {
+  box-sizing: border-box;
+  position: absolute;
+  border: 2px solid #66aaff;
+  border-radius: 50%;
+}
+
+.gesture-lock .cycle.check:after {
+  content: '';
+  display: block;
+  position: absolute;
+  width: 32%;
+  height: 32%;
+  border: 2px solid #66aaff;
+  border-radius: 50%;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.gesture-lock .line {
+  height: 0;
+  border-top: 2px solid #66aaff;
+  position: absolute;
+  transform-origin: left center;
+}
+
+.gesture-lock.error .cycle.check,
+.gesture-lock.error .cycle.check:after,
+.gesture-lock.error .line {
+  border-color: #ffa197;
+}
 </style>

package/ui-cv/components/cv-draw-qrcode/cv-draw-qrcode.vue

@@ -180,24 +180,25 @@ export default {
       // #endif
     },
     _makeCode() {
+      let that = this;
       if (!this._empty(this.val)) {
         qrcode = new QRCode({
-          context: this, // 上下文环境
-          canvasId: this.cid, // canvas-id
-          usingComponents: this.usingComponents, // 是否是自定义组件
-          showLoading: this.showLoading, // 是否显示loading
-          loadingText: this.loadingText, // loading文字
-          text: this.val, // 生成内容
-          size: this.cpSize, // 二维码大小
-          background: this.background, // 背景色
-          foreground: this.foreground, // 前景色
-          pdground: this.pdground, // 定位角点颜色
-          correctLevel: this.lv, // 容错级别
-          image: this.localIcon, // 二维码图标
-          imageSize: this.iconSize, // 二维码图标大小
+          context: that, // 上下文环境
+          canvasId: that.cid, // canvas-id
+          usingComponents: that.usingComponents, // 是否是自定义组件
+          showLoading: that.showLoading, // 是否显示loading
+          loadingText: that.loadingText, // loading文字
+          text: that.val, // 生成内容
+          size: that.cpSize, // 二维码大小
+          background: that.background, // 背景色
+          foreground: that.foreground, // 前景色
+          pdground: that.pdground, // 定位角点颜色
+          correctLevel: that.lv, // 容错级别
+          image: that.localIcon, // 二维码图标
+          imageSize: that.iconSize, // 二维码图标大小
           cbResult: (res) => {
             // 生成二维码的回调
-            this._result(res);
+            that._result(res);
           }
         });
       } else {
@@ -304,5 +305,8 @@ export default {
   top: -99999upx;
   left: -99999upx;
   z-index: -99999;
+   top: -100vh;
+  left: -100vw;
+  z-index: -1;
 }
 </style>

package/ui-cv/components/cv-geo-region/mpvueCityPicker.vue

@@ -140,5 +140,81 @@ export default {
 };
 </script>
 <style>
-@import './style.css';
+.pickerMask {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.mpvue-picker-content {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  transition: all 0.3s ease;
+  transform: translateY(100%);
+  z-index: 3000;
+}
+
+.mpvue-picker-view-show {
+  transform: translateY(0);
+}
+
+.mpvue-picker__hd {
+  display: flex;
+  padding: 9px 15px;
+  background-color: #fff;
+  position: relative;
+  text-align: center;
+  font-size: 17px;
+}
+
+.mpvue-picker__hd:after {
+  content: ' ';
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  height: 1px;
+  border-bottom: 1px solid #e5e5e5;
+  color: #e5e5e5;
+  transform-origin: 0 100%;
+  transform: scaleY(0.5);
+}
+
+.mpvue-picker__action {
+  display: block;
+  flex: 1;
+  color: #1aad19;
+}
+
+.mpvue-picker__action:first-child {
+  text-align: left;
+  color: #888;
+}
+
+.mpvue-picker__action:last-child {
+  text-align: right;
+}
+
+.picker-item {
+  text-align: center;
+  line-height: 40px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 16px;
+}
+
+.mpvue-picker-view {
+  position: relative;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 238px;
+  background-color: rgba(255, 255, 255, 1);
+}
 </style>

package/ui-cv/components/cv-lists-base/cv-lists-base.vue

@@ -148,7 +148,7 @@ export default {
   watch: {
     tabsConfig: {
       deep: true, //深度监听设置为 true
-      handler: function (newV, oldV) {
+      handler(newV, oldV) {
         this._dealtabsConfig();
       }
     },
@@ -165,7 +165,7 @@ export default {
     },
     publicParam: {
       deep: true, //深度监听设置为 true
-      handler: function (newV) {
+      handler(newV) {
         this._dealtabsConfig();
       }
     }

package/ui-cv/components/cv-tab-lists/cv-tab-lists.vue

@@ -206,7 +206,7 @@ export default {
   watch: {
     tabsConfig: {
       deep: true, //深度监听设置为 true
-      handler: function (newV, oldV) {
+      handler(newV, oldV) {
         this._dealtabsConfig();
       }
     },
@@ -223,7 +223,7 @@ export default {
     },
     publicParam: {
       deep: true, //深度监听设置为 true
-      handler: function (newV) {
+      handler(newV) {
         this._dealtabsConfig();
       }
     }

package/ui-fireui/components/u-icon/u-icon.vue

@@ -113,5 +113,67 @@ export default {
 </script>
 
 <style scoped>
-@import './style.css';
+/* #ifdef APP || MP-QQ || MP-TOUTIAO || MP-BAIDU || MP-KUAISHOU || MP-XHS */
+@font-face {
+  font-family: 'uicon-iconfont';
+  src: url('https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf') format('truetype');
+}
+/* #endif */
+.u-icon {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  align-items: center;
+}
+.u-icon--left {
+  flex-direction: row-reverse;
+  align-items: center;
+}
+.u-icon--right {
+  flex-direction: row;
+  align-items: center;
+}
+.u-icon--top {
+  flex-direction: column-reverse;
+  justify-content: center;
+}
+.u-icon--bottom {
+  flex-direction: column;
+  justify-content: center;
+}
+.u-icon__icon {
+  font-family: uicon-iconfont;
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+}
+.u-icon__icon--primary {
+  color: var(--u-primary);
+}
+.u-icon__icon--success {
+  color: var(--u-success);
+}
+.u-icon__icon--error {
+  color: var(--u-error);
+}
+.u-icon__icon--warning {
+  color: var(--u-warning);
+}
+.u-icon__icon--info {
+  color: var(--u-info);
+}
+.u-icon__img {
+  /* #ifndef APP-NVUE */
+  height: auto;
+  will-change: transform;
+  /* #endif */
+}
+.u-icon__label {
+  /* #ifndef APP-NVUE */
+  line-height: 1;
+  /* #endif */
+}
 </style>