uview-plus 3.4.36 → 3.4.38

package/changelog.md

@@ -1,3 +1,14 @@
+## 3.4.38（2025-05-30）
+fix: 修复picker-data快捷组件缺少index
+
+fix: 修复picker组件双向绑定初始化及取消后复原再次打开后的当前项目
+
+
+## 3.4.37（2025-05-29）
+feat: modal支持设置动画时间
+
+fix: DatetimePicker v-model 绑定异步设置无效 (#803)
+
 ## 3.4.36（2025-05-28）
 fix: lazy-load图片为空时显示错误
 

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

@@ -131,7 +131,7 @@
 		computed: {
 			// 如果以下这些变量发生了变化，意味着需要重新初始化各列的值
 			propsChange() {
-				return [this.mode, this.maxDate, this.minDate, this.minHour, this.maxHour, this.minMinute, this.maxMinute, this.filter, ]
+				return [this.mode, this.maxDate, this.minDate, this.minHour, this.maxHour, this.minMinute, this.maxMinute, this.filter, this.modelValue]
 			},
 			// input的props
 			inputPropsInner() {

package/components/u-modal/modal.js

@@ -26,6 +26,7 @@ export default {
         negativeTop: 0,
         width: '650rpx',
         confirmButtonShape: '',
+        duration: 400,
         contentTextAlign: 'left',
         asyncCloseTip: '操作中...',
         asyncCancelClose: false,

package/components/u-modal/props.js

@@ -82,6 +82,11 @@ export const props = defineMixin({
             type: String,
             default: () => defProps.modal.confirmButtonShape
         },
+        // 弹窗动画过度时间
+        duration: {
+            type: [Number],
+            default: defProps.modal.duration
+        },
         // 文案对齐方式
         contentTextAlign: {
             type: String,

package/components/u-modal/u-modal.vue

@@ -11,7 +11,7 @@
 		}"
 		:closeOnClickOverlay="closeOnClickOverlay"
 		:safeAreaInsetBottom="false"
-		:duration="400"
+		:duration="duration"
 		@click="clickHandler"
 	>
 		<view
@@ -118,6 +118,7 @@
 	 * @property {String | Number}	negativeTop			往上偏移的值，给一个负的margin-top，往上偏移，避免和键盘重合的情况，单位任意，数值则默认为px单位 （默认 0 ）
 	 * @property {String | Number}	width				modal宽度，不支持百分比，可以数值，px，rpx单位 （默认 '650rpx' ）
 	 * @property {String}			confirmButtonShape	确认按钮的样式,如设置，将不会显示取消按钮
+	 * @property {Number}			duration			弹窗动画过度时间 （默认 400 ）
 	 * @event {Function} confirm	点击确认按钮时触发
 	 * @event {Function} cancel		点击取消按钮时触发
 	 * @event {Function} close		点击遮罩关闭出发，closeOnClickOverlay为true有效

package/components/u-picker/picker.js

@@ -23,6 +23,7 @@ export default {
         confirmColor: '',
         visibleItemCount: 5,
         keyName: 'text',
+		valueName: 'value',
         closeOnClickOverlay: false,
         defaultIndex: [],
 		immediateChange: true,

package/components/u-picker/props.js

@@ -93,6 +93,11 @@ export const props = defineMixin({
             type: String,
             default: () => defProps.picker.keyName
         },
+		// 选项对象中，需要获取的属性值键名
+		valueName: {
+		    type: String,
+		    default: () => defProps.picker.valueName
+		},
         // 是否允许点击遮罩关闭选择器
         closeOnClickOverlay: {
             type: Boolean,

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

@@ -1,5 +1,5 @@
 <template>
-    <view class="u-picker-warrper">
+    <view class="u-picker-wraper">
 		<view v-if="hasInput" class="u-picker-input cursor-pointer" @click="onShowByClickInput">
 			<slot :value="inputLabel">
 			</slot>
@@ -124,6 +124,14 @@ export default {
 		}
 	},
 	watch: {
+		// 监听columns参数的变化
+		columns: {
+			immediate: true,
+			deep:true,
+			handler(n) {
+				this.setColumns(n)
+			}
+		},
 		// 监听默认索引的变化，重新设置对应的值
 		defaultIndex: {
 			immediate: true,
@@ -137,14 +145,41 @@ export default {
 				}
 			}
 		},
-		// 监听columns参数的变化
-		columns: {
+		modelValue: {
 			immediate: true,
 			deep:true,
-			handler(n) {
-				this.setColumns(n)
+			handler(n,o) {
+				// 修复uniapp调用子组件直接:defaultIndex="[0]"这样写
+				// v-model的值变化时候导致defaultIndexwatch也会执行的问题
+				//单纯vue不会出现
+				if (!o || n.join("/") != o.join("/")) {
+					let arr = [];
+					if (n != null) {
+						n.forEach((element, index) => {
+							let currentCols = this.getColumnValues(index)
+							if (currentCols && Object.prototype.toString.call(currentCols) === '[object Object]') {
+								currentCols.forEach((item, index2) => {
+									if (item[this.keyName] == element) {
+										arr.push(index2)
+									}
+								})
+							} else {
+								currentCols.forEach((item, index2) => {
+									if (item == element) {
+										arr.push(index2)
+									}
+								})
+							}
+						});
+						// alert(arr)
+						if (arr.length == 0 && this.defaultIndex) {
+						} else {
+							this.setIndexs(arr, true)
+						}
+					}
+				}
 			}
-		},
+		}
 	},
 	emits: ['close', 'cancel', 'confirm', 'change', 'update:modelValue', 'update:show'],
     computed: {
@@ -178,9 +213,9 @@ export default {
 			let res = []
 			//区分是不是对象数组
 			if (items[0] && Object.prototype.toString.call(items[0]) === '[object Object]') {
-				//对象数组返回id集合
+				//对象数组返回属性值集合
 				items.forEach(element => {
-					res.push(element && element['id'])
+					res.push(element && element[this.valueName])
 				});
 			} else {
 				//非对象数组返回元素集合
@@ -213,6 +248,7 @@ export default {
                 if (this.hasInput) {
                     this.showByClickInput = false
                 }
+				this.setDefault()
 				this.$emit('update:show', false)
 				this.$emit('close')
 			}
@@ -222,14 +258,13 @@ export default {
             if (this.hasInput) {
                 this.showByClickInput = false
             }
+			this.setDefault()
 			this.$emit('update:show', false)
 			this.$emit('cancel')
 		},
-		// 点击工具栏的确定按钮
-		confirm() {
-			//如果用户有没有触发过change
-			if (!this.currentActiveValue.length) {
-				let arr = [0]
+		setDefault() {
+			let arr = [0]
+			if (this.lastIndex.length == 0) {
 				//如果有默认值&&默认值的数组长度是正确的，就用默认值
 				if (Array.isArray(this.defaultIndex) && this.defaultIndex.length == this.innerColumns.length) {
 					arr = [...this.defaultIndex];
@@ -237,13 +272,23 @@ export default {
 					//否则默认都选中第一个
 					arr = Array(this.innerColumns.length).fill(0);
 				}
-				this.setLastIndex(arr)
-				this.setIndexs(arr)
+			} else {
+				arr = deepClone(this.lastIndex)
+			}
+			this.setLastIndex(arr)
+			this.setIndexs(arr)
+		},
+		// 点击工具栏的确定按钮
+		confirm() {
+			// 如果用户有没有触发过change
+			if (!this.currentActiveValue.length) {
+				this.setDefault()
 			}
             this.$emit('update:modelValue', this.inputValue)
             if (this.hasInput) {
                 this.showByClickInput = false
             }
+			this.setLastIndex(this.innerIndex)
 			this.$emit('update:show', false)
 			this.$emit('confirm', {
 				indexs: this.innerIndex,
@@ -274,13 +319,14 @@ export default {
 			this.columnIndex = columnIndex
 			const values = this.innerColumns
 			// 将当前的各项变化索引，设置为"上一次"的索引变化值
-			this.setLastIndex(value)
+			// this.setLastIndex(value)
 			this.setIndexs(value)
 			//如果是非自带输入框才会在change时候触发v-model绑值的变化
 			//否则会非常的奇怪，用户未确认，值就变了
-			if (!this.hasInput) {
-				this.$emit('update:modelValue', this.inputValue)
-			}
+			// if (!this.hasInput) {
+			// 	this.$emit('update:modelValue', this.inputValue)
+			// }
+			
 			this.$emit('change', {
 				// #ifndef MP-WEIXIN || MP-LARK
 				// 微信小程序不能传递this，会因为循环引用而报错

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

@@ -74,7 +74,7 @@ export default {
 	watch: {
 		modelValue() {
 			if (this.modelValue) {
-				this.options.forEach((ele) => {
+				this.options.forEach((ele, index) => {
 					if (ele[this.valueKey] == this.modelValue) {
 						this.current = ele[this.labelKey]
 						this.defaultIndex = [index]

package/package.json

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