uview-plus 3.1.49 → 3.1.51

package/changelog.md

@@ -1,3 +1,8 @@
+## 3.1.51（2024-04-07）
+优化时间选择器自带输入框格式化显示
+防止按钮文字换行
+修复订单列表模板滑动
+增加u-qrcode二维码组件
 ## 3.1.49（2024-03-27）
 日期时间组件支持自带输入框
 fix: popup弹窗滚动穿透问题

package/components/u-button/vue.scss

@@ -14,13 +14,14 @@ $u-button-plain-u-button-success-color:$u-success;
 $u-button-plain-u-button-error-color:$u-error;
 $u-button-plain-u-button-warning-color:$u-error;
 
-.u-button {
-	width: 100%;
-	
-	&__text {
-		white-space: nowrap;
-		line-height: 1;
-	}
+.u-button {
+	width: 100%;
+	white-space: nowrap;
+	
+	&__text {
+		white-space: nowrap;
+		line-height: 1;
+	}
 	
 	&:before {
 		position: absolute;

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

@@ -11,7 +11,7 @@ export default {
         },
         format: {
             type: String,
-            default: () => 'YYYY-MM-DD HH:mm'
+            default: () => ''
         },
         // 是否打开组件
         show: {

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

@@ -99,7 +99,7 @@
 			// #ifdef VUE3
 			modelValue(newValue) {
 				this.init()
-                this.inputValue = dayjs(newValue).format(this.format || 'YYYY-MM-DD HH:mm')
+				this.getInputValue()
 			},
 			// #endif
 			// #ifdef VUE2
@@ -124,6 +124,34 @@
 		emits: ['close', 'cancel', 'confirm', 'change', 'update:modelValue'],
 		// #endif
 		methods: {
+			getInputValue(newValue) {
+				if (this.mode == 'time') {
+					this.inputValue = newValue
+				} else {
+					if (this.format) {
+						this.inputValue = dayjs(newValue).format(this.format)
+					} else {
+						let format = ''
+						switch (this.mode) {
+							case 'date':
+								format = 'YYYY-MM-DD'
+								break;
+							case 'year-month':
+								format = 'YYYY-MM'
+								break;
+							case 'datetime':
+								format = 'YYYY-MM-DD HH:mm'
+								break;
+							case 'time':
+								format = 'HH:mm'
+								break;
+							default:
+								break;
+						}
+						this.inputValue = dayjs(newValue).format(format)
+					}
+				}
+			},
 			init() {
 				// #ifdef VUE3
 				this.innerValue = this.correctValue(this.modelValue)
@@ -156,7 +184,7 @@
 					value: this.innerValue,
 					mode: this.mode
 				})
-                this.inputValue = dayjs(this.innerValue).format(this.format || 'YYYY-MM-DD HH:mm')
+                
 				// #ifdef VUE3
 				this.$emit('update:modelValue', this.innerValue)
 				// #endif
@@ -164,6 +192,7 @@
 				this.$emit('input', this.innerValue)
 				// #endif
                 if (this.hasInput) {
+					this.getInputValue(this.innerValue)
                     this.showByClickInput = false
                 }
 			},
@@ -287,6 +316,13 @@
 					// 进行过滤
 			        if (this.filter) {
 			            values = this.filter(type, values)
+						if (!values || (values && values.length == 0)) {
+							uni.showToast({
+								title: '日期filter结果不能为空',
+								icon: 'error',
+								mask: true
+							})
+						}
 			        }
 			        return { type, values }
 			    })