uview-plus 3.1.37 → 3.1.39

package/changelog.md

@@ -1,3 +1,10 @@
+## 3.1.39（2023-11-10）
+修复头条小程序不支持env(safe-area-inset-bottom)
+优化#201u-grid 指定列数导致闪烁
+#193IndexList 索引列表 高度错误
+其他优化
+## 3.1.38（2023-10-08）
+修复u-slider
 ## 3.1.37（2023-09-13）
 完善emits定义及修复code-input双向数据绑定
 ## 3.1.36（2023-08-08）

package/components/u-code-input/props.js

@@ -44,6 +44,7 @@ export default {
 			type: [String, Number],
 			default: defprops.codeInput.value
 		},
+		// #endif
         // 是否自动获取焦点
         focus: {
             type: Boolean,

package/components/u-code-input/u-code-input.vue

@@ -82,7 +82,12 @@
 			}
 		},
 		watch: {
+			// #ifdef VUE2
 			value: {
+			// #endif
+			// #ifdef VUE3
+			modelValue: {
+			// #endif
 				immediate: true,
 				handler(val) {
 					// 转为字符串，超出部分截掉

package/components/u-datetime-picker/props.js

@@ -5,6 +5,11 @@ export default {
         show: {
             type: Boolean,
             default: defprops.datetimePicker.show
+        },
+		// 弹出的方向，可选值为 top bottom right left center
+        popupMode: {
+            type: String,
+            default: defprops.picker.popupMode
         },
         // 是否展示顶部的操作栏
         showToolbar: {

package/components/u-datetime-picker/u-datetime-picker.vue

@@ -2,6 +2,7 @@
 	<u-picker
 		ref="picker"
 		:show="show"
+		:popupMode="popupMode"
 		:closeOnClickOverlay="closeOnClickOverlay"
 		:columns="columns"
 		:title="title"
@@ -84,6 +85,16 @@
 					this.updateColumnValue(this.innerValue)
 				}
 			},
+			// #ifdef VUE3
+			modelValue(newValue) {
+				this.init()
+			},
+			// #endif
+			// #ifdef VUE2
+			value(newValue) {
+				this.init()
+			},
+			// #endif
 			propsChange() {
 				this.init()
 			}
@@ -198,8 +209,12 @@
 			// 更新各列的值，进行补0、格式化等操作
 			updateColumnValue(value) {
 				this.innerValue = value
-				this.updateColumns()
-				this.updateIndexs(value)
+        this.updateColumns()
+        // 延迟执行,等待u-picker组件列数据更新完后再设置选中值索引
+        setTimeout(() => {
+          this.updateIndexs(value)
+        }, 0);
+				
 			},
 			// 更新索引
 			updateIndexs(value) {

package/components/u-grid-item/u-grid-item.vue

@@ -1,6 +1,7 @@
 <template>
 	<!-- #ifndef APP-NVUE -->
 	<view
+		v-if="parentData.col > 0"
 	    class="u-grid-item"
 	    hover-class="u-grid-item--hover-class"
 	    :hover-stay-time="200"
@@ -44,7 +45,7 @@
 		data() {
 			return {
 				parentData: {
-					col: 3, // 父组件划分的宫格数
+					col: 0, // 父组件划分的宫格数
 					border: true, // 是否显示边框，根据父组件决定
 				},
 				// #ifdef APP-NVUE
@@ -65,7 +66,11 @@
 			// #ifndef APP-NVUE
 			// vue下放到computed中，否则会因为延时造成闪烁
 			width() {
-				return 100 / Number(this.parentData.col) + '%'
+				if (this.parentData.col > 0) {
+					return 100 / Number(this.parentData.col) + '%'
+				} else {
+					return 0;
+				}
 			},
 			// #endif
 			itemStyle() {

package/components/u-index-list/u-index-list.vue

@@ -191,7 +191,8 @@
 				// 设置列表的高度为整个屏幕的高度
 				//减去this.customNavHeight，并将this.scrollViewHeight设置为maxHeight
 				//解决当u-index-list组件放在tabbar页面时,scroll-view内容较少时，还能滚动
-				this.scrollViewHeight = this.sys.windowHeight - this.customNavHeight
+				let customNavHeight = uni.$u.getPx(this.customNavHeight)
+				this.scrollViewHeight = this.sys.windowHeight - customNavHeight
 			},
 			// 索引列表被触摸
 			touchStart(e) {

package/components/u-picker/props.js

@@ -5,6 +5,11 @@ export default {
         show: {
             type: Boolean,
             default: defprops.picker.show
+        },
+		// 弹出的方向，可选值为 top bottom right left center
+        popupMode: {
+            type: String,
+            default: defprops.picker.popupMode
         },
         // 是否展示顶部的操作栏
         showToolbar: {

package/components/u-picker/u-picker.vue

@@ -1,6 +1,7 @@
 <template>
 	<u-popup
 		:show="show"
+		:mode="popupMode"
 		@close="closeHandler"
 	>
 		<view class="u-picker">
@@ -18,7 +19,7 @@
 				class="u-picker__view"
 				:indicatorStyle="`height: ${$u.addUnit(itemHeight)}`"
 				:value="innerIndex"
-				:immediateChange="immediateChange"
+				:immediateChange="true"
 				:style="{
 					height: `${$u.addUnit(visibleItemCount * itemHeight)}`
 				}"

package/components/u-safe-bottom/u-safe-bottom.vue

@@ -33,7 +33,7 @@
 		computed: {
 			style() {
 				const style = {};
-				// #ifdef APP-NVUE
+				// #ifdef APP-NVUE || MP-TOUTIAO
 				// nvue下，高度使用js计算填充
 				style.height = uni.$u.addUnit(uni.$u.sys().safeAreaInsets.bottom, 'px');
 				// #endif

package/components/u-slider/props.js

@@ -29,6 +29,7 @@ export default {
 			type: [String, Number],
 			default: defprops.slider.value
 		},
+		// #endif
         // 滑块右侧已选择部分的背景色
         activeColor: {
             type: String,

package/libs/config/props/datetimePicker.js

@@ -11,6 +11,7 @@ export default {
     // datetimePicker 组件
     datetimePicker: {
         show: false,
+		popupMode: 'bottom',
         showToolbar: true,
         value: '',
         title: '',

package/libs/config/props/picker.js

@@ -11,6 +11,7 @@ export default {
     // picker
     picker: {
         show: false,
+		popupMode: 'bottom',
         showToolbar: true,
         title: '',
         columns: () => [],

package/libs/function/index.js

@@ -170,9 +170,9 @@ function addStyle(customStyle, target = 'object') {
  * @param {string|number} value 需要添加单位的值
  * @param {string} unit 添加的单位名 比如px
  */
-function addUnit(value = 'auto', unit = '') {
-	if (!unit) {
-		unit = uni.$u.config.unit || 'px'
+function addUnit(value = 'auto', unit = '') {
+	if (!unit) {
+		unit = uni.$u.config.unit || 'px'
 	}
 	value = String(value)
 	// 用uView内置验证规则中的number判断是否为数值
@@ -212,7 +212,9 @@ function deepMerge(target = {}, source = {}) {
 	for (const prop in source) {
 		if (!source.hasOwnProperty(prop)) continue
 		if (prop in target) {
-			if (typeof target[prop] !== 'object') {
+			if (source[prop] == null) {
+				target[prop] = source[prop]
+			}else if (typeof target[prop] !== 'object') {
 				target[prop] = source[prop]
 			} else if (typeof source[prop] !== 'object') {
 				target[prop] = source[prop]

package/package.json

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