uview-plus 3.1.38 → 3.1.40

package/changelog.md

@@ -1,3 +1,10 @@
+## 3.1.40（2023-11-16）
+修复u-slider双向绑定
+## 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）

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/u-slider.vue

@@ -7,7 +7,7 @@
 			:min="min"
 			:max="max"
 			:step="step"
-			:value="value"
+			:value="modelValue"
 			:activeColor="activeColor"
 			:backgroundColor="inactiveColor"
 			:blockSize="$u.getPx(blockSize)"
@@ -27,7 +27,7 @@
 	export default {
 		name: 'u--slider',
 		mixins: [mpMixin, mixin, props],
-		emits: ["changing", "change"],
+		emits: ["changing", "change", "update:modelValue"],
 		methods: {
 			// 拖动过程中触发
 			changingHandler(e) {

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/package.json

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