uview-plus 3.3.6 → 3.3.8

package/components/u-toast/u-toast.vue

@@ -2,6 +2,7 @@
 	<view class="u-toast">
 		<u-overlay
 			:show="isShow"
+			:zIndex="tmpConfig.overlay ? 10070 : -1"
 			:custom-style="overlayStyle"
 		>
 			<view
@@ -54,7 +55,7 @@
 	 * @property {String}			icon		图标，或者绝对路径的图片
 	 * @property {String}			type		主题类型 （默认 default）
 	 * @property {Boolean}			show		是否显示该组件 （默认 false）
-	 * @property {Boolean}			overlay		是否显示透明遮罩，防止点击穿透 （默认 false ）
+	 * @property {Boolean}			overlay		是否显示透明遮罩，防止点击穿透 （默认 true ）
 	 * @property {String}			position	位置 （默认 'center' ）
 	 * @property {Object}			params		跳转的参数 
 	 * @property {String | Number}  duration	展示时间，单位ms （默认 2000 ）
@@ -80,7 +81,7 @@
 					icon: true, // 显示的图标
 					position: 'center', // toast出现的位置
 					complete: null, // 执行完后的回调函数
-					overlay: false, // 是否防止触摸穿透
+					overlay: true, // 是否防止触摸穿透
 					loading: false, // 是否加载中状态
 				},
 				tmpConfig: {}, // 将用户配置和内置配置合并后的临时配置变量
@@ -92,10 +93,14 @@
 				if(!this.tmpConfig.icon || this.tmpConfig.icon == 'none') {
 					return '';
 				}
-				if (['error', 'warning', 'success', 'primary'].includes(this.tmpConfig.type)) {
-					return type2icon(this.tmpConfig.type)
+				if (this.tmpConfig.icon === true) {
+					if (['error', 'warning', 'success', 'primary'].includes(this.tmpConfig.type)) {
+						return type2icon(this.tmpConfig.type)
+					} else {
+						return ''
+					}
 				} else {
-					return ''
+					return this.tmpConfig.icon
 				}
 			},
 			overlayStyle() {
@@ -178,12 +183,7 @@
 				this.timer = null
 			}
 		},
-		// #ifdef VUE2
-		beforeDestroy() {
-		// #endif
-		// #ifdef VUE3
 		beforeUnmount() {
-		// #endif
 			this.clearTimer()
 		}
 	}

package/components/u-upload/u-upload.vue

@@ -94,7 +94,13 @@
 			
 			<template v-if="isInCount">
 				<view
-				    v-if="$slots.default || $slots.$default"
+				    v-if="$slots.trigger"
+				    @tap="chooseFile"
+				>
+					<slot name="trigger" />
+				</view>
+				<view
+				    v-else-if="!$slots.trigger && ($slots.default || $slots.$default)"
 				    @tap="chooseFile"
 				>
 					<slot />
@@ -123,7 +129,6 @@
 				</view>
 			</template>
 		</view>
-
 	</view>
 </template>
 
@@ -332,7 +337,7 @@
 				});
 			},
 			onPreviewVideo(event) {
-				if (!this.data.previewFullImage) return;
+				if (!this.previewFullImage) return;
 				const {
 					index
 				} = event.currentTarget.dataset;
@@ -360,7 +365,7 @@
 					index
 				} = event.currentTarget.dataset;
 				const item = this.data.lists[index];
-				if (!this.data.previewFullImage) return;
+				if (!this.previewFullImage) return;
 				switch (item.type) {
 					case 'video':
 						this.onPreviewVideo(event);

package/components/u-upload/utils.js

@@ -19,7 +19,8 @@ function formatImage(res) {
         thumb: item.path,
 		size: item.size,
 		// #ifdef H5
-		name: item.name
+		name: item.name,
+		file: item
 		// #endif
     }))
 }
@@ -33,7 +34,8 @@ function formatVideo(res) {
             thumb: res.thumbTempFilePath,
 			size: res.size,
 			// #ifdef H5
-			name: res.name
+			name: res.name,
+			file: res
 			// #endif
         }
     ]
@@ -45,7 +47,10 @@ function formatMedia(res) {
         type: res.type,
         url: item.tempFilePath,
         thumb: res.type === 'video' ? item.thumbTempFilePath : item.tempFilePath,
-		size: item.size
+		size: item.size,
+		// #ifdef H5
+		file: item
+		// #endif
     }))
 }
 
@@ -56,7 +61,8 @@ function formatFile(res) {
 		size:item.size,
 		// #ifdef H5
 		name: item.name,
-		type: item.type
+		type: item.type,
+		file: item
 		// #endif 
 	}))
 }

package/components/u-waterfall/u-waterfall.vue

@@ -1,9 +1,9 @@
 <template>
     <view class="u-waterfall">
-        <view id="u-left-column" class="u-column">
+        <view ref="u-left-column" id="u-left-column" class="u-column">
             <slot name="left" :leftList="leftList"></slot>
         </view>
-        <view id="u-right-column" class="u-column">
+        <view ref="u-right-column" id="u-right-column" class="u-column">
             <slot name="right" :rightList="rightList"></slot>
         </view>
     </view>
@@ -18,6 +18,8 @@
      * @property {String Number} add-time 单条数据添加到队列的时间间隔，单位ms，见上方注意事项说明（默认200）
      * @example <u-waterfall :flowList="flowList"></u-waterfall>
      */
+    import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
     export default {
         name: "u-waterfall",
         props: {
@@ -54,6 +56,7 @@
                 default: 'id'
             }
         },
+        mixins: [mpMixin, mixin],
         data() {
             return {
                 leftList: [],
@@ -156,7 +159,7 @@
                 // #endif
                 // #ifdef VUE3
                 index = this.modelValue.findIndex(val => val[this.idKey] == id);
-                if (index != -1) this.$emit('input', this.modelValue.splice(index, 1));
+                if (index != -1) this.$emit('update:modelValue', this.modelValue.splice(index, 1));
                 // #endif
             },
             // 修改某条数据的某个属性
@@ -216,10 +219,13 @@
         @include flex;
         flex: 1;
         flex-direction: column;
-        height: auto;
+        overflow: hidden;
+        /* #ifndef APP-NVUE */
+        height: 100%;
+        /* #endif */
     }
 
     .u-image {
-        width: 100%;
+        max-width: 100%;
     }
 </style>

package/libs/config/props/actionSheet.js

@@ -20,6 +20,7 @@ export default {
         safeAreaInsetBottom: true,
         openType: '',
         closeOnClickOverlay: true,
-        round: 0
+        round: 0,
+        wrapMaxHeight: '600px'
     }
 }

package/libs/config/props/collapseItem.js

@@ -20,6 +20,7 @@ export default {
         align: 'left',
         name: '',
         icon: '',
-        duration: 300
+        duration: 300,
+        showRight: true
     }
 }

package/libs/config/props/indexList.js

@@ -14,6 +14,7 @@ export default {
         activeColor: '#5677fc',
         indexList: [],
         sticky: true,
-        customNavHeight: 0
+        customNavHeight: 0,
+        safeBottomFix: false
     }
 }

package/libs/config/props/slider.js

@@ -20,6 +20,8 @@ export default {
         blockColor: '#ffffff',
         showValue: false,
 		disabled:false,
-        blockStyle: {}
+        blockStyle: {},
+        useNative: false,
+        height: '2px'
     }
 }

package/libs/css/common.scss

@@ -96,7 +96,7 @@
 }
 
 .cursor-pointer {
-	/* #ifndef APP-NVUE */
+	/* #ifdef H5 */
 	cursor: pointer;
 	/* #endif */
 }

package/libs/css/flex.scss

@@ -216,6 +216,7 @@
 // 多轴交叉时的对齐方式
 
 // 起点对齐
+/* #ifndef APP-NVUE */
 .u-flex-content-start {
 	align-content: flex-start;
 }
@@ -258,6 +259,8 @@
 	flex-shrink: 1;
 }
 
+/* #endif */
+
 // 定义内外边距，历遍1-80
 @for $i from 0 through 80 {
 	// 只要双数和能被5除尽的数

package/libs/mixin/mixin.js

@@ -1,7 +1,11 @@
 import { defineMixin } from '../vue'
-import { deepMerge, $parent } from '../function/index'
+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({
     // 定义每个组件都可能需要用到的外部样式以及类名
@@ -107,6 +111,7 @@ export const mixin = defineMixin({
         // 解决办法为在组件根部再套一个没有任何作用的view元素
         $uGetRect(selector, all) {
             return new Promise((resolve) => {
+                // #ifndef APP-NVUE
                 uni.createSelectorQuery()
                     .in(this)[all ? 'selectAll' : 'select'](selector)
                     .boundingClientRect((rect) => {
@@ -118,6 +123,22 @@ export const mixin = defineMixin({
                         }
                     })
                     .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({}) 
+                    }
+                    dom.getComponentRect(selectorRef, res => {
+                        // console.log(res)
+                        resolve(res.size)
+                    })
+                })
+                // #endif
             })
         },
         getParentData(parentName = '') {
@@ -151,13 +172,7 @@ export const mixin = defineMixin({
     onReachBottom() {
         uni.$emit('uOnReachBottom')
 	},
-	// #ifdef VUE2
-	// beforeDestroy()
-	// #endif
-	// #ifdef VUE3
-	beforeUnmount()
-	// #endif
-    {
+	beforeUnmount() {
         // 判断当前页面是否存在parent和chldren，一般在checkbox和checkbox-group父子联动的场景会有此情况
         // 组件销毁时，移除子组件在父组件children数组中的实例，释放资源，避免数据混乱
         if (this.parent && test.array(this.parent.children)) {

package/package.json

@@ -2,7 +2,7 @@
 	"id": "uview-plus",
 	"name": "uview-plus",
 	"displayName": "uview-plus3.0重磅发布，全面的Vue3移动组件库。",
-	"version": "3.3.6",
+	"version": "3.3.8",
 	"description": "uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水",
 	"keywords": [
         "uview",

package/types/index.d.ts

@@ -1,35 +1,160 @@
 /// <reference path="./comps.d.ts" />
 declare module 'uview-plus' {
-    export function install(): void  //必要
-    interface test {
-      /** 邮箱格式校验 */
-      email(email: string): boolean
-    }
-    interface $u {
-      route: {},
-      colorGradient: {},
-      hexToRgb: {},
-      rgbToHex: {},
-      colorToRgba: {},
-      test: test,
-      type: {},
-      http: {},
-      config: {},
-      zIndex: {},
-      debounce: {},
-      throttle: {},
-      mixin: {},
-      mpMixin: {},
-      props: {},
-      color: {},
-      platform: {},
-    }
+	export function install(): void  //必要
+	interface test {
+		/** 邮箱格式校验 */
+		email(email: string): boolean
+		/** 手机号校验 */
+		mobile(phone: number): boolean;
+		/** url路径验证 */
+		url(value: string): boolean;
+		/** 验证日期格式 */
+		date(value: string | number): boolean;
+		/** 验证ISO类型的日期格式 YYYY-MM-DD | YYYY/MM/DD */
+		dateISO(value: string): boolean;
+		/** 验证十进制数字 */
+		number(value: number): boolean;
+		/** 验证字符串 */
+		string(value: string): boolean;
+		/** 验证整数 */
+		digits(value: number): boolean;
+		/** 验证身份证号码 */
+		idCard(value: string | number): boolean;
+		/** 是否车牌号 */
+		carNo(value: string): boolean;
+		/** 金额,只允许2位小数 */
+		amount(value: string | number): boolean;
+		/** 校验是否是中文 */
+		chinese(value: any): boolean;
+		/** 校验是否是字母 */
+		letter(value: any): boolean;
+		/** 校验字母或者数字 */
+		enOrNum(value: any): boolean;
+		/** 验证是否包含某个值 */
+		contains(source: string, value: string): boolean;
+		/** 验证一个值范围[min, max] */
+		range(value: string, between: number[]): boolean;
+		/** 验证一个长度范围[min, max] */
+		rangeLength(value: string, between: number[]): boolean;
+		/** 是否固定电话 */
+		landline(value: string | number): boolean;
+		/** 判断是否为空 */
+		empty(value: string | number | undefined | boolean | object | null): boolean;
+		/** 是否json字符串 */
+		jsonString(value: string): boolean;
+		/** 是否数组 */
+		array(value: any): boolean;
+		/** 是否对象 */
+		object(value: any): boolean;
+		/** 是否短信验证码 */
+		code(value: any, len: number): boolean;
+		/** 是否函数方法 */
+		func(value: any): boolean;
+		/** 是否promise对象 */
+		promise(value: any): boolean;
+		/** 是否图片格式 */
+		image(value: string): boolean;
+		/** 是否视频格式 */
+		video(value: string): boolean;
+		/** 是否为正则对象 */
+		regExp(value: any): boolean;
+	}
+	interface RouteParam {
+		type: 'navigateTo' | 'redirect' | 'switchTab' | 'reLaunch' | 'navigateBack';
+		/** 路由地址 */
+		url: string;
+		/** navigateBack页面后退时,回退的层数 */
+		delta?: number;
+		/** 传递的参数 */
+		params?: {};
+		/** 窗口动画,只在APP有效 */
+		animationType?: string;
+		/** 窗口动画持续时间,单位毫秒,只在APP有效 */
+		animationDuration?: number;
+		/** 是否需要拦截 */
+		intercept?: boolean;
+	}
+	interface Config {
+		v: string;
+		version: string;
+		color: Partial<Color>;
+		unit: 'px' | 'rpx'
+	}
+	interface Color {
+		primary: string,
+		info: string,
+		default: string,
+		warning: string,
+		error: string,
+		success: string,
+		mainColor: string,
+		contentColor: string,
+		tipsColor: string,
+		lightColor: string,
+		borderColor: string
+	}
+	interface GlobalConfig {
+		config: Partial<Config>;
+		props: {};
+	}
+	interface $u {
+		route: (url: string | RouteParam) => void;
+		/**
+		  * 求两个颜色之间的渐变值
+		  * @param {string} startColor 开始的颜色
+		  * @param {string} endColor 结束的颜色
+		  * @param {number} step 颜色等分的份额
+		  */
+		colorGradient: (startColor: string, endColor: string, step: number) => any[];
+		/**
+		 * 将hex表示方式转换为rgb
+		 * @param color "#000000"-> "rgb(0,0,0)" | "rgb(0,0,0)" -> "#000000"
+		 * @param str 是否返回颜色数组 true -> 不返回
+		 * @returns 
+		 */
+		hexToRgb: (color: string, str?: boolean) => any[];
+		/**
+		 * 将rgb表示方式转换为hex
+		 */
+		rgbToHex: (color: string) => string;
+		/**
+		 * 十六进制转换为rgb或rgba
+		 * @param color 
+		 * @param alpha 透明度
+		 * @returns  rgba（255，255，255，0.5）字符串
+		 */
+		colorToRgba: (color: string, alpha: number) => string;
+		test: test;
+		type: {},
+		http: {},
+		config: Config;
+		zIndex: {
+			toast: number;
+			noNetwork: number;
+			// popup包含popup，actionsheet，keyboard，picker的值
+			popup: number;
+			mask: number;
+			navbar: number;
+			topTips: number;
+			sticky: number;
+			indexListSticky: number;
+		},
+		debounce: (func, wait, immediate) => void;
+		throttle: (func, wait, immediate) => void;
+		mixin: {},
+		mpMixin: {},
+		props: {},
+		color: Color;
+		platform: string;
+	}
 
-    global {
-      interface Uni {
-        $u: $u
-      }
-    }
+	export function setConfig(config: Partial<GlobalConfig>): void;
+
+	global {
+		interface Uni {
+			$u: $u
+		}
+	}
 }
 declare type UniCountDownRef = typeof import('./comps/countDown')['CountDownRef']
 declare type UniCountToRef = typeof import('./comps/countTo')['CountToRef']