uview-plus 3.4.24 → 3.4.25

package/changelog.md

@@ -1,3 +1,10 @@
+## 3.4.25（2025-04-27）
+fix: up-form编译在微信小程序里样式缺失 #640
+
+fix: number-box输入为空时自动设为最小值
+
+feat: picker与datetimepicke组件hasInput模式支持inputProps属性
+
 ## 3.4.24（2025-04-25）
 fix: 修复upload上传逻辑(感谢@semdy)
 

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

@@ -32,6 +32,11 @@ export default {
         confirmColor: '#3c9cff',
         visibleItemCount: 5,
         closeOnClickOverlay: false,
-        defaultIndex: []
+        defaultIndex: [],
+        inputBorder: 'surround',
+        disabled: false,
+        disabledColor: '',
+        placeholder: '请选择',
+        inputProps: {},
     }
 }

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

@@ -7,13 +7,19 @@ export const props = defineMixin({
             type: Boolean,
             default: false
         },
+        inputProps: {
+            type: Object,
+            default: () => {
+                return {}
+            }
+        },
         inputBorder: {
             type: String,
-            default: 'surround'
+            default: () => defProps.input.inputBorder
         },
 		disabled: {
             type: Boolean,
-            default: () => false
+            default: () => defProps.input.disabled
         },
 		disabledColor:{
 			type: String,
@@ -21,7 +27,7 @@ export const props = defineMixin({
 		},
         placeholder: {
             type: String,
-            default: () => '请选择'
+            default: () => defProps.input.placeholder
         },
         format: {
             type: String,

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

@@ -5,12 +5,9 @@
         >
             <slot name="trigger" :value="inputValue">
 				<up-input
-					:placeholder="placeholder"
 					:readonly="!!showByClickInput"
-					:border="inputBorder"
 					v-model="inputValue"
-					:disabled="disabled"
-					:disabledColor="disabledColor"
+					v-bind="inputPropsInner"
 				></up-input>
 				<div class="input-cover">
 				</div>
@@ -135,6 +132,16 @@
 			// 如果以下这些变量发生了变化，意味着需要重新初始化各列的值
 			propsChange() {
 				return [this.mode, this.maxDate, this.minDate, this.minHour, this.maxHour, this.minMinute, this.maxMinute, this.filter, ]
+			},
+			// input的props
+			inputPropsInner() {
+				return {
+					border: this.inputBorder,
+            		placeholder: this.placeholder,
+					disabled: this.disabled,
+					disabledColor: this.disabledColor,
+					...this.inputProps
+				}
 			}
 		},
 		mounted() {

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

@@ -240,10 +240,8 @@
 
 					&__slot {
 						flex: 1;
-						/* #ifndef MP */
 						@include flex;
 						align-items: center;
-						/* #endif */
 					}
 
 					&__icon {

package/components/u-number-box/u-number-box.vue

@@ -311,13 +311,17 @@
 					value = ''
 				} = e.detail || {}
 				// 为空返回
-				if (value === '') return
+				if (value === '') {
+					// 为空自动设为最小值
+					this.emitChange(this.min)
+					return
+				}
 				let formatted = this.filter(value)
 				// https://github.com/ijry/uview-plus/issues/613
 				this.emitChange(value);
 				// 最大允许的小数长度
 				if (this.decimalLength !== null && formatted.indexOf('.') !== -1) {
-					const pair = formatted.split('.');
+					const pair = formatted.split('.')
 					formatted = `${pair[0]}.${pair[1].slice(0, this.decimalLength)}`
 				}
 				formatted = this.format(formatted)

package/components/u-picker/picker.js

@@ -27,5 +27,9 @@ export default {
         defaultIndex: [],
 		immediateChange: true,
 		zIndex: 10076,
+        disabled: false,
+        disabledColor: '',
+        placeholder: '请选择',
+        inputProps: {},
     }
 }

package/components/u-picker/props.js

@@ -6,22 +6,27 @@ export const props = defineMixin({
             type: Array,
             default: () => []
         },
-		//是否禁用
-		disabled: {
+        hasInput: {
             type: Boolean,
             default: false
+        },
+        inputProps: {
+            type: Object,
+            default: () => {
+                return {}
+            }
+        },
+        disabled: {
+            type: Boolean,
+            default: () => defProps.picker.disabled
         },
 		disabledColor:{
 			type: String,
-			default: () => defProps.input.disabledColor
+			default: () => defProps.picker.disabledColor
 		},
-        hasInput: {
-            type: Boolean,
-            default: false
-        },
         placeholder: {
             type: String,
-            default: () => '请选择'
+            default: () => defProps.picker.placeholder
         },
         // 是否展示picker弹窗
         show: {

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

@@ -1,10 +1,17 @@
 <template>
     <view class="u-picker-warrper">
-		<view v-if="hasInput" class="u-picker-input cursor-pointer" @click="onShowByClickInput">
-			<slot>
-				<up-input :disabled="disabled" :disabledColor="disabledColor" :placeholder="placeholder" :readonly="true" border="surround" v-model="inputLabel"></up-input>
-				<div class="input-cover"></div>
-			</slot>
+		<view v-if="hasInput" class="u-picker-input cursor-pointer" @click="onShowByClickInput">
+			<slot :value="inputLabel">
+			</slot>
+			<slot name="trigger" :value="inputLabel">
+			</slot>
+			<up-input
+				v-if="!$slots['default'] && !$slots['$default'] && !$slots['trigger']"
+				:readonly="true"
+				v-model="inputLabel"
+				v-bind="inputPropsInner">
+			</up-input>
+			<div class="input-cover"></div>
 		</view>
 		<u-popup
 			:show="show || (hasInput && showByClickInput)"
@@ -122,11 +129,11 @@ export default {
 			immediate: true,
 			deep:true,
 			handler(n,o) {
-				// 修复uniapp调用子组件直接:defaultIndex="[0]"这样写
-				// v-model的值变化时候导致defaultIndexwatch也会执行的问题
-				//单纯vue不会出现
-				if (!o || n.join("/") != o.join("/")) {
-					this.setIndexs(n, true)
+				// 修复uniapp调用子组件直接:defaultIndex="[0]"这样写
+				// v-model的值变化时候导致defaultIndexwatch也会执行的问题
+				//单纯vue不会出现
+				if (!o || n.join("/") != o.join("/")) {
+					this.setIndexs(n, true)
 				}
 			}
 		},
@@ -141,37 +148,47 @@ export default {
 	},
 	emits: ['close', 'cancel', 'confirm', 'change', 'update:modelValue', 'update:show'],
     computed: {
-		//已选&&已确认的值显示在input上面的文案
-		inputLabel() {
-			let firstItem = this.innerColumns[0] && this.innerColumns[0][0];
-			// //区分是不是对象数组
-			if (firstItem && Object.prototype.toString.call(firstItem) === '[object Object]') {
-				let res = this.innerColumns[0].filter(item => this.modelValue.includes(item['id']))
-				res = res.map(item => item[this.keyName]);
-				return res.join("/");
-
-			} else {
-				//用户确定的值，才显示到输入框
-				return this.modelValue.join("/");
-			}
-		},
-		//已选，待确认的值
-		inputValue() {
-			let items = this.innerColumns.map((item, index) => item[this.innerIndex[index]])
-			let res = []
-			//区分是不是对象数组
-			if (items[0] && Object.prototype.toString.call(items[0]) === '[object Object]') {
-				//对象数组返回id集合
-				items.forEach(element => {
-					res.push(element && element['id'])
-				});
-			} else {
-				//非对象数组返回元素集合
-				items.forEach((element, index) => {
-					res.push(element)
-				});
-			}
-			return res
+		// input的props
+		inputPropsInner() {
+			return {
+				border: this.inputBorder,
+				placeholder: this.placeholder,
+				disabled: this.disabled,
+				disabledColor: this.disabledColor,
+				...this.inputProps
+			}
+		},
+		//已选&&已确认的值显示在input上面的文案
+		inputLabel() {
+			let firstItem = this.innerColumns[0] && this.innerColumns[0][0];
+			// //区分是不是对象数组
+			if (firstItem && Object.prototype.toString.call(firstItem) === '[object Object]') {
+				let res = this.innerColumns[0].filter(item => this.modelValue.includes(item['id']))
+				res = res.map(item => item[this.keyName]);
+				return res.join("/");
+
+			} else {
+				//用户确定的值，才显示到输入框
+				return this.modelValue.join("/");
+			}
+		},
+		//已选，待确认的值
+		inputValue() {
+			let items = this.innerColumns.map((item, index) => item[this.innerIndex[index]])
+			let res = []
+			//区分是不是对象数组
+			if (items[0] && Object.prototype.toString.call(items[0]) === '[object Object]') {
+				//对象数组返回id集合
+				items.forEach(element => {
+					res.push(element && element['id'])
+				});
+			} else {
+				//非对象数组返回元素集合
+				items.forEach((element, index) => {
+					res.push(element)
+				});
+			}
+			return res
 		}
     },
 	methods: {
@@ -346,17 +363,17 @@ export default {
 
 	.u-picker {
 		position: relative;
-		&-input {
-			position: relative;
-			.input-cover {
-				opacity: 0;
-				position: absolute;
-				top: 0;
-				bottom: 0;
-				left: 0;
+		&-input {
+			position: relative;
+			.input-cover {
+				opacity: 0;
+				position: absolute;
+				top: 0;
+				bottom: 0;
+				left: 0;
 				right: 0;
-				z-index:1;
-			}
+				z-index:1;
+			}
 		}
 		&__view {
 

package/package.json

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