@10yun/cv-mobile-ui 0.5.27 → 0.5.29

package/uview-plus/libs/function/test.js

@@ -1,67 +1,99 @@
 /**
  * 验证电子邮箱格式
  */
-function email(value) {
+export function email(value) {
     return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value)
 }
 
 /**
  * 验证手机格式
  */
-function mobile(value) {
+export function mobile(value) {
     return /^1[23456789]\d{9}$/.test(value)
 }
 
 /**
  * 验证URL格式
  */
-function url(value) {
+export function url(value) {
     return /^((https|http|ftp|rtsp|mms):\/\/)(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?(([0-9]{1,3}.){3}[0-9]{1,3}|([0-9a-zA-Z_!~*'()-]+.)*([0-9a-zA-Z][0-9a-zA-Z-]{0,61})?[0-9a-zA-Z].[a-zA-Z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-zA-Z_!~*'().;?:@&=+$,%#-]+)+\/?)$/
         .test(value)
 }
 
 /**
  * 验证日期格式
+ * @param {number | string} value yyyy-mm-dd hh:mm:ss 或 时间戳
  */
-function date(value) {
-    if (!value) return false
-    // 判断是否数值或者字符串数值(意味着为时间戳)，转为数值，否则new Date无法识别字符串时间戳
-    if (number(value)) value = +value
-    return !/Invalid|NaN/.test(new Date(value).toString())
+export function date(value) {
+    if (!value) return false;
+    // number类型，判断是否是时间戳
+    if (typeof value === "number") {
+        // len === 10 秒级时间戳 len === 13 毫秒级时间戳
+        if (value.toString().length !== 10 && value.toString().length !== 13) {
+            return false;
+        }
+        return !isNaN(new Date(value).getTime());
+    }
+    if (typeof value === "string") {
+        // 是否为string类型时间戳
+        const numV = Number(value);
+        if (!isNaN(numV)) {
+            if (
+                numV.toString().length === 10 ||
+                numV.toString().length === 13
+            ) {
+                return !isNaN(new Date(numV).getTime());
+            }
+        }
+        // 非时间戳，且长度在yyyy-mm-dd 至 yyyy-mm-dd hh:mm:ss 之间
+        if (value.length < 10 || value.length > 19) {
+            return false;
+        }
+        const dateRegex =
+            /^\d{4}[-\/]\d{2}[-\/]\d{2}( \d{1,2}:\d{2}(:\d{2})?)?$/;
+        if (!dateRegex.test(value)) {
+            return false;
+        }
+        // 检查是否为有效日期
+        const dateValue = new Date(value);
+        return !isNaN(dateValue.getTime());
+    }
+    // 非number和string类型，不做校验
+    return false;
 }
 
 /**
  * 验证ISO类型的日期格式
  */
-function dateISO(value) {
+export function dateISO(value) {
     return /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test(value)
 }
 
 /**
  * 验证十进制数字
  */
-function number(value) {
+export function number(value) {
     return /^[\+-]?(\d+\.?\d*|\.\d+|\d\.\d+e\+\d+)$/.test(value)
 }
 
 /**
  * 验证字符串
  */
-function string(value) {
+export function string(value) {
     return typeof value === 'string'
 }
 
 /**
  * 验证整数
  */
-function digits(value) {
+export function digits(value) {
     return /^\d+$/.test(value)
 }
 
 /**
  * 验证身份证号码
  */
-function idCard(value) {
+export function idCard(value) {
     return /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(
         value
     )
@@ -70,7 +102,7 @@ function idCard(value) {
 /**
  * 是否车牌号
  */
-function carNo(value) {
+export function carNo(value) {
     // 新能源车牌
     const xreg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/
     // 旧车牌
@@ -86,7 +118,7 @@ function carNo(value) {
 /**
  * 金额,只允许2位小数
  */
-function amount(value) {
+export function amount(value) {
     // 金额，只允许保留两位小数
     return /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0\.\d{1,2}$/.test(value)
 }
@@ -94,7 +126,7 @@ function amount(value) {
 /**
  * 中文
  */
-function chinese(value) {
+export function chinese(value) {
     const reg = /^[\u4e00-\u9fa5]+$/gi
     return reg.test(value)
 }
@@ -102,14 +134,14 @@ function chinese(value) {
 /**
  * 只能输入字母
  */
-function letter(value) {
+export function letter(value) {
     return /^[a-zA-Z]*$/.test(value)
 }
 
 /**
  * 只能是字母或者数字
  */
-function enOrNum(value) {
+export function enOrNum(value) {
     // 英文或者数字
     const reg = /^[0-9a-zA-Z]*$/g
     return reg.test(value)
@@ -118,28 +150,28 @@ function enOrNum(value) {
 /**
  * 验证是否包含某个值
  */
-function contains(value, param) {
+export function contains(value, param) {
     return value.indexOf(param) >= 0
 }
 
 /**
  * 验证一个值范围[min, max]
  */
-function range(value, param) {
+export function range(value, param) {
     return value >= param[0] && value <= param[1]
 }
 
 /**
  * 验证一个长度范围[min, max]
  */
-function rangeLength(value, param) {
+export function rangeLength(value, param) {
     return value.length >= param[0] && value.length <= param[1]
 }
 
 /**
  * 是否固定电话
  */
-function landline(value) {
+export function landline(value) {
     const reg = /^\d{3,4}-\d{7,8}(-\d{3,4})?$/
     return reg.test(value)
 }
@@ -147,7 +179,7 @@ function landline(value) {
 /**
  * 判断是否为空
  */
-function empty(value) {
+export function empty(value) {
     switch (typeof value) {
     case 'undefined':
         return true
@@ -173,7 +205,7 @@ function empty(value) {
 /**
  * 是否json字符串
  */
-function jsonString(value) {
+export function jsonString(value) {
     if (typeof value === 'string') {
         try {
             const obj = JSON.parse(value)
@@ -191,7 +223,7 @@ function jsonString(value) {
 /**
  * 是否数组
  */
-function array(value) {
+export function array(value) {
     if (typeof Array.isArray === 'function') {
         return Array.isArray(value)
     }
@@ -201,14 +233,14 @@ function array(value) {
 /**
  * 是否对象
  */
-function object(value) {
+export function object(value) {
     return Object.prototype.toString.call(value) === '[object Object]'
 }
 
 /**
  * 是否短信验证码
  */
-function code(value, len = 6) {
+export function code(value, len = 6) {
     return new RegExp(`^\\d{${len}}$`).test(value)
 }
 
@@ -216,7 +248,7 @@ function code(value, len = 6) {
  * 是否函数方法
  * @param {Object} value
  */
-function func(value) {
+export function func(value) {
     return typeof value === 'function'
 }
 
@@ -224,14 +256,14 @@ function func(value) {
  * 是否promise对象
  * @param {Object} value
  */
-function promise(value) {
+export function promise(value) {
     return object(value) && func(value.then) && func(value.catch)
 }
 
 /** 是否图片格式
  * @param {Object} value
  */
-function image(value) {
+export function image(value) {
     const newValue = value.split('?')[0]
     const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i
     return IMAGE_REGEXP.test(newValue)
@@ -241,7 +273,7 @@ function image(value) {
  * 是否视频格式
  * @param {Object} value
  */
-function video(value) {
+export function video(value) {
     const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv|m3u8)/i
     return VIDEO_REGEXP.test(value)
 }
@@ -251,7 +283,7 @@ function video(value) {
  * @param {Object}
  * @return {Boolean}
  */
-function regExp(o) {
+export function regExp(o) {
     return o && Object.prototype.toString.call(o) === '[object RegExp]'
 }
 

package/uview-plus/libs/function/throttle.js

@@ -1,5 +1,5 @@
-let timer; let
-    flag
+let timer;
+let flag;
 /**
  * 节流原理：在一定时间内，只能触发一次
  *
@@ -8,7 +8,7 @@ let timer; let
  * @param {Boolean} immediate 是否立即执行
  * @return null
  */
-function throttle(func, wait = 500, immediate = true) {
+export function throttle(func, wait = 500, immediate = true) {
     if (immediate) {
         if (!flag) {
             flag = true

package/uview-plus/libs/luch-request/core/Request.js

@@ -34,6 +34,7 @@ export default class Request {
    * @param {Function(statusCode):Boolean} arg.validateStatus - 全局默认的自定义验证器。默认statusCode >= 200 && statusCode < 300
    */
     constructor(arg = {}) {
+		// console.info('初始化luch-request')
         if (!isPlainObject(arg)) {
             arg = {}
             console.warn('设置全局参数必须接收一个Object')

package/uview-plus/libs/mixin/button.js

@@ -1,4 +1,6 @@
-export default {
+import { defineMixin } from '../vue';
+
+export const buttonMixin = defineMixin({
   props: {
     lang: String,
     sessionFrom: String,
@@ -10,4 +12,6 @@ export default {
     formType: String,
     openType: String
   }
-};
+});
+
+export default buttonMixin;

package/uview-plus/libs/mixin/mixin.js

@@ -1,4 +1,13 @@
-export default {
+import { defineMixin } from '../vue';
+import { deepMerge, $parent, sleep } from '../function/index';
+import test from '../function/test';
+import route from '../util/route';
+// #ifdef APP-NVUE
+// 由于weex为阿里的KPI业绩考核的产物，所以不支持百分比单位，这里需要通过dom查询组件的宽度
+const dom = uni.requireNativePlugin('dom');
+// #endif
+
+export const mixin = defineMixin({
   // 定义每个组件都可能需要用到的外部样式以及类名
   props: {
     // 每个组件都有的父组件传递的样式，可以为字符串或者对象形式
@@ -39,7 +48,7 @@ export default {
     $u() {
       // #ifndef APP-NVUE
       // 在非nvue端，移除props，http，mixin等对象，避免在小程序setData时数据过大影响性能
-      return uni.$u.deepMerge(uni.$u, {
+      return deepMerge(uni.$u, {
         props: undefined,
         http: undefined,
         mixin: undefined
@@ -75,13 +84,11 @@ export default {
             this[item] ? (classes[prefix + item] = this[item]) : delete classes[prefix + item];
           });
         }
-        return (
-          Object.keys(classes)
-            // 支付宝，头条小程序无法动态绑定一个数组类名，否则解析出来的结果会带有","，而导致失效
-            // #ifdef MP-ALIPAY || MP-TOUTIAO || MP-LARK
-            .join(' ')
-        );
+        // 支付宝，头条小程序无法动态绑定一个数组类名，否则解析出来的结果会带有","，而导致失效
+        // #ifdef MP-ALIPAY || MP-TOUTIAO || MP-LARK
+        return Object.keys(classes).join(' ');
         // #endif
+        return Object.keys(classes);
       };
     }
   },
@@ -92,18 +99,22 @@ export default {
       if (url) {
         // h5官方回应：发行h5会自动摇树优化，所有使用uni的地方，都会被直接转换成具体的API调用 https://ask.dcloud.net.cn/question/161523?notification_id-1201922__rf-false__item_id-226372
         // 使用封装的 route 进行跳转（直接调用方法），不使用 uni 对象
-        this.$u.route({ type: this.linkType, url });
+        route({ type: this.linkType, url });
         // 执行类似uni.navigateTo的方法
         // uni[this.linkType]({
         //     url
         // })
       }
     },
+    navTo(url = '', linkType = 'navigateTo') {
+      route({ type: this.linkType, url });
+    },
     // 查询节点信息
     // 目前此方法在支付宝小程序中无法获取组件跟接点的尺寸，为支付宝的bug(2020-07-21)
     // 解决办法为在组件根部再套一个没有任何作用的view元素
     $uGetRect(selector, all) {
       return new Promise((resolve) => {
+        // #ifndef APP-NVUE
         uni
           .createSelectorQuery()
           .in(this)
@@ -117,6 +128,29 @@ export default {
             }
           })
           .exec();
+        // #endif
+
+        // #ifdef APP-NVUE
+        sleep(30).then(() => {
+          let selectorNvue = selector.substring(1); // 去掉开头的#或者.
+          let selectorRef = this.$refs[selectorNvue];
+          if (!selectorRef) {
+            // console.log('不存在元素，请检查是否设置了ref属性' + selectorNvue + '。')
+            resolve({
+              with: 0,
+              height: 0,
+              left: 0,
+              right: 0,
+              top: 0,
+              bottom: 0
+            });
+          }
+          dom.getComponentRect(selectorRef, (res) => {
+            // console.log(res)
+            resolve(res.size);
+          });
+        });
+        // #endif
       });
     },
     getParentData(parentName = '') {
@@ -126,7 +160,7 @@ export default {
       // 将父组件this中对应的参数，赋值给本组件(u-radio的this)的parentData对象中对应的属性
       // 之所以需要这么做，是因为所有端中，头条小程序不支持通过this.parent.xxx去监听父组件参数的变化
       // 此处并不会自动更新子组件的数据，而是依赖父组件u-radio-group去监听data的变化，手动调用更新子组件的方法去重新获取
-      this.parent = uni.$u.$parent.call(this, parentName);
+      this.parent = $parent.call(this, parentName);
       if (this.parent.children) {
         // 如果父组件的children不存在本组件的实例，才将本实例添加到父组件的children中
         this.parent.children.indexOf(this) === -1 && this.parent.children.push(this);
@@ -150,10 +184,10 @@ export default {
   onReachBottom() {
     uni.$emit('uOnReachBottom');
   },
-  beforeDestroy() {
+  beforeUnmount() {
     // 判断当前页面是否存在parent和chldren，一般在checkbox和checkbox-group父子联动的场景会有此情况
     // 组件销毁时，移除子组件在父组件children数组中的实例，释放资源，避免数据混乱
-    if (this.parent && uni.$u.test.array(this.parent.children)) {
+    if (this.parent && test.array(this.parent.children)) {
       // 组件销毁时，移除父组件中的children数组中对应的实例
       const childrenList = this.parent.children;
       childrenList.map((child, index) => {
@@ -164,4 +198,6 @@ export default {
       });
     }
   }
-};
+});
+
+export default mixin;

package/uview-plus/libs/mixin/mpMixin.js

@@ -1,8 +1,12 @@
-export default {
+import { defineMixin } from '../vue';
+
+export const mpMixin = defineMixin({
   // #ifdef MP-WEIXIN
   // 将自定义节点设置成虚拟的，更加接近Vue组件的表现，能更好的使用flex属性
   options: {
     virtualHost: true
   }
   // #endif
-};
+});
+
+export default mpMixin;

package/uview-plus/libs/mixin/mpShare.js

@@ -1,13 +1,27 @@
-export default {
-  onLoad() {
-    // 设置默认的转发参数
-    uni.$u.mpShare = {
-      title: '', // 默认为小程序名称
-      path: '', // 默认为当前页面路径
-      imageUrl: '' // 默认为当前页面的截图
+import { defineMixin } from '../vue';
+import { queryParams } from '../function/index';
+export const mpShare = defineMixin({
+  data() {
+    return {
+      mpShare: {
+        title: '', // 默认为小程序名称
+        path: '', // 默认为当前页面路径
+        imageUrl: '' // 默认为当前页面的截图
+      }
     };
   },
-  onShareAppMessage() {
-    return uni.$u.mpShare;
+  async onLoad(options) {
+    var pages = getCurrentPages();
+    var page = pages[pages.length - 1];
+    this.mpShare.path = page.route + queryParams(options);
+  },
+  onShareAppMessage(res) {
+    if (res.from === 'button') {
+      // 来自页面内分享按钮
+      console.log(res.target);
+    }
+    return this.mpShare;
   }
-};
+});
+
+export default mpShare;

package/uview-plus/libs/mixin/openType.js

@@ -1,4 +1,6 @@
-export default {
+import { defineMixin } from '../vue';
+
+export const openType = defineMixin({
   props: {
     openType: String
   },
@@ -22,4 +24,4 @@ export default {
       this.$emit('opensetting', event.detail);
     }
   }
-};
+});

package/uview-plus/libs/mixin/style.js

@@ -1,4 +1,7 @@
-export default {
+import { defineMixin } from '../vue';
+import { addStyle, deepMerge, addUnit, trim } from '../function/index';
+
+export const style = defineMixin({
   props: {
     // flex排列方式
     flexDirection: {
@@ -213,8 +216,8 @@ export default {
   computed: {
     viewStyle() {
       const style = {};
-      const addStyle =
-        uni.$u.addStyle(this.width || this.w) &&
+      const addStyleTmp =
+        addStyle(this.width || this.w) &&
         (style.width = addStyle(this.width || this.w))(this.height || this.h) &&
         (style.height = addStyle(this.height || this.h))(this.margin || this.m) &&
         (style.margin = addStyle(this.margin || this.m))(this.marginTop || this.mt) &&
@@ -234,19 +237,17 @@ export default {
         (this.flexDirection = this.flexDirection || this.fd)(this.justifyContent || jc) &&
         (this.justifyContent = this.justifyContent || jc)(this.alignItems || ai) &&
         (this.alignItems = this.alignItems || ai);
-
-      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
+      return deepMerge(style, addStyleTmp(this.customStyle));
     }
   },
   methods: {
     // 获取margin或者padding的单位，比如padding: 0 20转为padding: 0 20px
     getUnit(unit = '') {
       // 取出两端空格，分隔成数组，再对数组的每个元素添加单位，最后再合并成字符串
-      return uni.$u
-        .trim(unit)
+      return trim(unit)
         .split(' ')
-        .map((item) => uni.$u.addUnit(item))
+        .map((item) => addUnit(item))
         .join(' ');
     }
   }
-};
+});

package/uview-plus/libs/mixin/touch.js

@@ -1,3 +1,5 @@
+import { defineMixin } from '../vue';
+
 const MIN_DISTANCE = 10;
 
 function getDirection(x, y) {
@@ -10,7 +12,7 @@ function getDirection(x, y) {
   return '';
 }
 
-export default {
+export const touchMixin = defineMixin({
   methods: {
     getTouchPoint(e) {
       if (!e) {
@@ -58,4 +60,4 @@ export default {
       this.direction = this.direction || getDirection(this.offsetX, this.offsetY);
     }
   }
-};
+});