uview-plus 3.1.49 → 3.1.50

package/index.js

@@ -43,7 +43,7 @@ const $u = {
     test,
     type: ['primary', 'success', 'error', 'warning', 'info'],
     http: new Request(),
-    config, // uview-plus配置信息相关，比如版本号
+    config, // uView配置信息相关，比如版本号
     zIndex,
     debounce,
     throttle,
@@ -68,6 +68,10 @@ const install = (Vue) => {
     // #ifndef APP-NVUE
     // 只有vue，挂载到Vue.prototype才有意义，因为nvue中全局Vue.prototype和Vue.mixin是无效的
     Vue.config.globalProperties.$u = $u
+	// 暂时兼容vue2的$nextTick写法
+    Vue.config.globalProperties.$nextTick = (cb) => {
+        cb();
+    }
     Vue.mixin(mixin)
     // #endif
 }

package/libs/config/props/actionSheet.js

@@ -13,7 +13,7 @@ export default {
         show: false,
         title: '',
         description: '',
-        actions: [],
+        actions: () => [],
         index: '',
         cancelText: '',
         closeOnClickAction: true,

package/libs/config/props/album.js

@@ -10,7 +10,7 @@
 export default {
     // album 组件
     album: {
-        urls: [],
+        urls: () => [],
         keyName: '',
         singleSize: 180,
         multipleSize: 70,

package/libs/config/props/avatarGroup.js

@@ -10,7 +10,7 @@
 export default {
     // avatarGroup 组件
     avatarGroup: {
-        urls: [],
+        urls: () => [],
         maxCount: 5,
         shape: 'circle',
         mode: 'scaleToFill',

package/libs/config/props/backtop.js

@@ -19,9 +19,9 @@ export default {
         bottom: 100,
         right: 20,
         zIndex: 9,
-        iconStyle: {
+        iconStyle: () => ({
             color: '#909399',
             fontSize: '19px'
-        }
+        })
     }
 }

package/libs/config/props/badge.js

@@ -20,7 +20,7 @@ export default {
         color: null,
         shape: 'circle',
         numberType: 'overflow',
-        offset: [],
+        offset: () => [],
         inverted: false,
         absolute: false
     }

package/libs/config/props/calendar.js

@@ -16,7 +16,7 @@ export default {
         mode: 'single',
         startText: '开始',
         endText: '结束',
-        customList: [],
+        customList: () => [],
         color: '#3c9cff',
         minDate: 0,
         maxDate: 0,
@@ -35,8 +35,8 @@ export default {
         maxRange: Number.MAX_SAFE_INTEGER, // Infinity
         rangePrompt: '',
         showRangePrompt: true,
-        allowSameDay: false,
-		round: 0,
+        allowSameDay: false,
+		round: 0,
 		monthNum: 3
     }
 }

package/libs/config/props/checkboxGroup.js

@@ -11,7 +11,7 @@ export default {
     // checkbox-group组件
     checkboxGroup: {
         name: '',
-        value: [],
+        value: () => [],
         shape: 'square',
         disabled: false,
         activeColor: '#2979ff',

package/libs/config/props/datetimePicker.js

@@ -32,6 +32,6 @@ export default {
         confirmColor: '#3c9cff',
         visibleItemCount: 5,
         closeOnClickOverlay: false,
-        defaultIndex: []
+        defaultIndex: () => []
     }
 }

package/libs/config/props/form.js

@@ -10,13 +10,13 @@
 export default {
     // form 组件
     form: {
-        model: {},
-        rules: {},
+        model: () => ({}),
+        rules: () => ({}),
         errorType: 'message',
         borderBottom: true,
         labelPosition: 'left',
         labelWidth: 45,
         labelAlign: 'left',
-        labelStyle: {}
+        labelStyle: () => ({})
     }
 }

package/libs/config/props/formItem.js

@@ -12,7 +12,6 @@ export default {
     formItem: {
         label: '',
         prop: '',
-        rule: '',
         borderBottom: '',
         labelWidth: '',
         rightIcon: '',

package/libs/config/props/indexList.js

@@ -12,7 +12,7 @@ export default {
     indexList: {
         inactiveColor: '#606266',
         activeColor: '#5677fc',
-        indexList: [],
+        indexList: () => [],
         sticky: true,
         customNavHeight: 0
     }

package/libs/config/props/noticeBar.js

@@ -10,7 +10,7 @@
 export default {
     // noticeBar
     noticeBar: {
-        text: [],
+        text: () => [],
         direction: 'row',
         step: false,
         icon: 'volume',

package/libs/config/props/picker.js

@@ -14,7 +14,7 @@ export default {
 		popupMode: 'bottom',
         showToolbar: true,
         title: '',
-        columns: [],
+        columns: () => [],
         loading: false,
         itemHeight: 44,
         cancelText: '取消',
@@ -24,7 +24,7 @@ export default {
         visibleItemCount: 5,
         keyName: 'text',
         closeOnClickOverlay: false,
-        defaultIndex: [],
+        defaultIndex: () => [],
 		immediateChange: false
     }
 }

package/libs/config/props/popup.js

@@ -15,7 +15,7 @@ export default {
         mode: 'bottom',
         duration: 300,
         closeable: false,
-        overlayStyle: {},
+        overlayStyle: () => {},
         closeOnClickOverlay: true,
         zIndex: 10075,
         safeAreaInsetBottom: true,

package/libs/config/props/search.js

@@ -16,10 +16,10 @@ export default {
         clearabled: true,
         focus: false,
         showAction: true,
-        actionStyle: {},
+        actionStyle: () => ({}),
         actionText: '搜索',
         inputAlign: 'left',
-        inputStyle: {},
+        inputStyle: () => ({}),
         disabled: false,
         borderColor: 'transparent',
         searchIconColor: '#909399',

package/libs/config/props/slider.js

@@ -20,6 +20,6 @@ export default {
         blockColor: '#ffffff',
         showValue: false,
 		disabled:false,
-        blockStyle: {}
+        blockStyle: () => {}
     }
 }

package/libs/config/props/swiper.js

@@ -10,7 +10,7 @@
 export default {
     // swiper 组件
     swiper: {
-        list: [],
+        list: () => [],
         indicator: false,
         indicatorActiveColor: '#FFFFFF',
         indicatorInactiveColor: 'rgba(255, 255, 255, 0.35)',

package/libs/config/props/tabs.js

@@ -11,20 +11,20 @@ export default {
     //
     tabs: {
         duration: 300,
-        list: [],
+        list: () => [],
         lineColor: '#3c9cff',
-        activeStyle: {
+        activeStyle: () => ({
             color: '#303133'
-        },
-        inactiveStyle: {
+        }),
+        inactiveStyle: () => ({
             color: '#606266'
-        },
+        }),
         lineWidth: 20,
         lineHeight: 3,
         lineBgSize: 'cover',
-        itemStyle: {
+        itemStyle: () => ({
             height: '44px'
-        },
+        }),
         scrollable: true,
 		current: 0,
 		keyName: 'name'

package/libs/config/props/text.js

@@ -25,9 +25,9 @@ export default {
         lines: '',
         color: '#303133',
         size: 15,
-        iconStyle: {
+        iconStyle: () => ({
             fontSize: '15px'
-        },
+        }),
         decoration: 'none',
         margin: 0,
         lineHeight: '',

package/libs/config/props/toast.js

@@ -19,7 +19,7 @@ export default {
         show: '',
         overlay: false,
         position: 'center',
-        params: {},
+        params: () => {},
         duration: 2000,
         isTab: false,
         url: '',

package/libs/config/props/tooltip.js

@@ -18,7 +18,7 @@ export default {
         direction: 'top',
         zIndex: 10071,
         showCopy: true,
-        buttons: [],
+        buttons: () => [],
         overlay: true,
         showToast: true
     }

package/libs/config/props/upload.js

@@ -11,7 +11,7 @@ export default {
 	// upload组件
 	upload: {
 		accept: 'image',
-		capture: ['album', 'camera'],
+		capture: () => ['album', 'camera'],
 		compressed: true,
 		camera: 'back',
 		maxDuration: 60,
@@ -23,11 +23,11 @@ export default {
 		disabled: false,
 		imageMode: 'aspectFill',
 		name: '',
-		sizeType: ['original', 'compressed'],
+		sizeType: () => ['original', 'compressed'],
 		multiple: false,
 		deletable: true,
 		maxSize: Number.MAX_VALUE,
-		fileList: [],
+		fileList: () => [],
 		uploadText: '',
 		width: 80,
 		height: 80,

package/libs/css/components.scss

@@ -3,17 +3,7 @@
 /* #ifndef APP-NVUE */
 // 由于uView是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
 // 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
-view,
-scroll-view,
-swiper-item,
-.u-empty,
-.u-empty__wrap,
-.u-tabs,
-.u-tabs__wrapper,
-.u-tabs__wrapper__scroll-view-wrapper,
-.u-tabs__wrapper__scroll-view,
-.u-tabs__wrapper__nav,
-.u-tabs__wrapper__nav__line {
+view, scroll-view, swiper-item {
 	display: flex;
 	flex-direction: column;
 	flex-shrink: 0;

package/libs/css/flex.scss

@@ -85,40 +85,40 @@
 
 // 自动伸缩
 .u-flex-fill {
-	flex: 1 1 auto;
+	flex: 1 1 auto
 }
 
 // 边界自动伸缩
 .u-margin-top-auto,
 .u-m-t-auto {
-	margin-top: auto !important;
+	margin-top: auto !important
 }
 
 .u-margin-right-auto,
 .u-m-r-auto {
-	margin-right: auto !important;
+	margin-right: auto !important
 }
 
 .u-margin-bottom-auto,
 .u-m-b-auto {
-	margin-bottom: auto !important;
+	margin-bottom: auto !important
 }
 
 .u-margin-left-auto,
 .u-m-l-auto {
-	margin-left: auto !important;
+	margin-left: auto !important
 }
 
 .u-margin-center-auto,
 .u-m-c-auto {
 	margin-left: auto !important;
-	margin-right: auto !important;
+	margin-right: auto !important
 }
 
 .u-margin-middle-auto,
 .u-m-m-auto {
 	margin-top: auto !important;
-	margin-bottom: auto !important;
+	margin-bottom: auto !important
 }
 /* #endif */
 
@@ -134,54 +134,52 @@
 
 // 主轴起点对齐
 .u-flex-start {
-	justify-content: flex-start;
+	justify-content: flex-start
 }
 
 // 主轴中间对齐
 .u-flex-center {
-	justify-content: center;
+	justify-content: center
 }
 
 // 主轴终点对齐
 .u-flex-end {
-	justify-content: flex-end;
+	justify-content: flex-end
 }
 
 // 主轴等比间距
 .u-flex-between {
-	justify-content: space-between;
+	justify-content: space-between
 }
 
 // 主轴均分间距
 .u-flex-around {
-	justify-content: space-around;
+	justify-content: space-around
 }
 
 // 交叉轴起点对齐
 .u-flex-items-start {
-	align-items: flex-start;
+	align-items: flex-start
 }
 
 // 交叉轴中间对齐
 .u-flex-items-center {
-	align-items: center;
+	align-items: center
 }
 
 // 交叉轴终点对齐
 .u-flex-items-end {
-	align-items: flex-end;
+	align-items: flex-end
 }
 
 // 交叉轴第一行文字基线对齐
 .u-flex-items-baseline {
-	/* #ifndef APP-NVUE */
-	align-items: baseline;
-	/* #endif */
+	align-items: baseline
 }
 
 // 交叉轴方向拉伸对齐
 .u-flex-items-stretch {
-	align-items: stretch;
+	align-items: stretch
 }
 
 
@@ -189,54 +187,54 @@
 
 // 子元素交叉轴起点对齐
 .u-flex-self-start {
-	align-self: flex-start;
+	align-self: flex-start
 }
 
 // 子元素交叉轴居中对齐
 .u-flex-self-center {
-	align-self: center;
+	align-self: center
 }
 
 // 子元素交叉轴终点对齐
 .u-flex-self-end {
-	align-self: flex-end;
+	align-self: flex-end
 }
 
 // 子元素交叉轴第一行文字基线对齐
 .u-flex-self-baseline {
-	align-self: baseline;
+	align-self: baseline
 }
 
 // 子元素交叉轴方向拉伸对齐
 .u-flex-self-stretch {
-	align-self: stretch;
+	align-self: stretch
 }
 
 // 多轴交叉时的对齐方式
 
 // 起点对齐
 .u-flex-content-start {
-	align-content: flex-start;
+	align-content: flex-start
 }
 
 // 居中对齐
 .u-flex-content-center {
-	align-content: center;
+	align-content: center
 }
 
 // 终点对齐
 .u-flex-content-end {
-	align-content: flex-end;
+	align-content: flex-end
 }
 
 // 两端对齐
 .u-flex-content-between {
-	align-content: space-between;
+	align-content: space-between
 }
 
 // 均分间距
 .u-flex-content-around {
-	align-content: space-around;
+	align-content: space-around
 }
 
 // 全部居中对齐
@@ -244,55 +242,55 @@
 	justify-content: center;
 	align-items: center;
 	align-self: center;
-	align-content: center;
+	align-content: center
 }
 
 // 是否可以放大
 .u-flex-grow {
-	flex-grow: 1;
+	flex-grow: 1
 }
 
 // 是否可以缩小
 .u-flex-shrink {
-	flex-shrink: 1;
-}
-
-// 定义内外边距，历遍1-80
-@for $i from 0 through 80 {
-	// 只要双数和能被5除尽的数
-	@if $i % 2 == 0 or $i % 5 == 0 {
-		// 得出：u-margin-30或者u-m-30
-		.u-margin-#{$i}, .u-m-#{$i} {
-			margin: $i + rpx!important;
-		}
-		
-		// 得出：u-padding-30或者u-p-30
-		.u-padding-#{$i}, .u-p-#{$i} {
-			padding: $i + rpx!important;
-		}
-		
-		@each $short, $long in l left, t top, r right, b bottom {
-			// 缩写版，结果如： u-m-l-30
-			// 定义外边距
-			.u-m-#{$short}-#{$i} {
-				margin-#{$long}: $i + rpx!important;
-			}
-			
-			// 定义内边距
-			.u-p-#{$short}-#{$i} {
-				padding-#{$long}: $i + rpx!important;
-			}
-			
-			// 完整版，结果如：u-margin-left-30
-			// 定义外边距
-			.u-margin-#{$long}-#{$i} {
-				margin-#{$long}: $i + rpx!important;
-			}
-			
-			// 定义内边距
-			.u-padding-#{$long}-#{$i} {
-				padding-#{$long}: $i + rpx!important;
-			}
-		}
-	}
-}
+	flex-shrink: 1
+}
+
+// 定义内外边距，历遍1-80
+@for $i from 0 through 80 {
+	// 只要双数和能被5除尽的数
+	@if $i % 2 == 0 or $i % 5 == 0 {
+		// 得出：u-margin-30或者u-m-30
+		.u-margin-#{$i}, .u-m-#{$i} {
+			margin: $i + rpx!important;
+		}
+		
+		// 得出：u-padding-30或者u-p-30
+		.u-padding-#{$i}, .u-p-#{$i} {
+			padding: $i + rpx!important;
+		}
+		
+		@each $short, $long in l left, t top, r right, b bottom {
+			// 缩写版，结果如： u-m-l-30
+			// 定义外边距
+			.u-m-#{$short}-#{$i} {
+				margin-#{$long}: $i + rpx!important;
+			}
+			
+			// 定义内边距
+			.u-p-#{$short}-#{$i} {
+				padding-#{$long}: $i + rpx!important;
+			}
+			
+			// 完整版，结果如：u-margin-left-30
+			// 定义外边距
+			.u-margin-#{$long}-#{$i} {
+				margin-#{$long}: $i + rpx!important;
+			}
+			
+			// 定义内边距
+			.u-padding-#{$long}-#{$i} {
+				padding-#{$long}: $i + rpx!important;
+			}
+		}
+	}
+}

package/package.json

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