uview-plus 3.8.39 → 3.8.49

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

@@ -72,13 +72,15 @@
 	 * @property {Boolean}			showToolbar			是否显示顶部的操作栏  ( 默认 true )
 	 * @property {String | Number}	modelValue		    绑定值
 	 * @property {String}			title				顶部标题
-	 * @property {String}			mode				展示格式 mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择  ( 默认 ‘datetime )
+	 * @property {String}			mode				展示格式 mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择，mode=datehour为日期小时选择，mode=timesecond为时分秒选择，mode=datetimesecond为日期时分秒选择  ( 默认 ‘datetime )
 	 * @property {Number}			maxDate				可选的最大时间  默认值为后10年
 	 * @property {Number}			minDate				可选的最小时间  默认值为前10年
-	 * @property {Number}			minHour				可选的最小小时，仅mode=time有效   ( 默认 0 )
-	 * @property {Number}			maxHour				可选的最大小时，仅mode=time有效	  ( 默认 23 )
-	 * @property {Number}			minMinute			可选的最小分钟，仅mode=time有效	  ( 默认 0 )
-	 * @property {Number}			maxMinute			可选的最大分钟，仅mode=time有效   ( 默认 59 )
+	 * @property {Number}			minHour				可选的最小小时，仅mode=time/timesecond有效   ( 默认 0 )
+	 * @property {Number}			maxHour				可选的最大小时，仅mode=time/timesecond有效	  ( 默认 23 )
+	 * @property {Number}			minMinute			可选的最小分钟，仅mode=time/timesecond有效	  ( 默认 0 )
+	 * @property {Number}			maxMinute			可选的最大分钟，仅mode=time/timesecond有效   ( 默认 59 )
+	 * @property {Number}			minSecond			可选的最小秒，仅mode=timesecond有效   ( 默认 0 )
+	 * @property {Number}			maxSecond			可选的最大秒，仅mode=timesecond有效   ( 默认 59 )
 	 * @property {Function}			filter				选项过滤函数
 	 * @property {Function}			formatter			选项格式化函数
 	 * @property {Boolean}			loading				是否显示加载中状态   ( 默认 false )
@@ -143,7 +145,7 @@
 		computed: {
 			// 如果以下这些变量发生了变化，意味着需要重新初始化各列的值
 			propsChange() {
-				return [this.mode, this.maxDate, this.minDate, this.minHour, this.maxHour, this.minMinute, this.maxMinute, this.filter, this.modelValue]
+				return [this.mode, this.maxDate, this.minDate, this.minHour, this.maxHour, this.minMinute, this.maxMinute, this.minSecond, this.maxSecond, this.filter, this.modelValue]
 			},
 			resolvedMaskStyle() {
 				if (this.upHasProp('maskStyle')) {
@@ -169,6 +171,13 @@
 		},
 		mounted() {
 			this.init()
+			// pageInline模式下picker-view常驻显示，在原生端(Android/HarmonyOS)需要
+			// 等待原生picker-view组件完成初始化后再重新设置选中值，否则滚动位置可能不生效
+			if (this.pageInline) {
+				setTimeout(() => {
+					this.updateIndexs(this.innerValue)
+				}, 200)
+			}
 		},
 		// #ifdef VUE3
 		emits: ['close', 'cancel', 'confirm', 'change', 'update:modelValue'],
@@ -193,7 +202,7 @@
 					this.inputValue = ''
 					return
 				}
-				if (this.mode == 'time') {
+				if (this.mode === 'time' || this.mode === 'timesecond') {
 					this.inputValue = newValue
 				} else {
 					if (this.format) {
@@ -213,9 +222,15 @@
 							case 'datetime':
 								format = 'YYYY-MM-DD HH:mm'
 								break;
+							case 'datetimesecond':
+								format = 'YYYY-MM-DD HH:mm:ss'
+								break;
 							case 'time':
 								format = 'HH:mm'
 								break;
+							case 'timesecond':
+								format = 'HH:mm:ss'
+								break;
 							default:
 								break;
 						}
@@ -241,6 +256,9 @@
 			},
 			// 关闭选择器
 			close() {
+				if (this.hasInput) {
+					this.showByClickInput = false
+				}
 				if (this.closeOnClickOverlay) {
 					if (this.hasInput) {
 						this.showByClickInput = false
@@ -299,15 +317,21 @@
 				const { indexs, values } = e
 				const safeValues = Array.isArray(values) ? values : []
 				let selectValue = ''
-				if(this.mode === 'time') {
+				if (this.mode === 'time' || this.mode === 'timesecond') {
 					// 根据value各列索引，从各列数组中，取出当前时间的选中值
 					const hourText = this.safeColumnValue(safeValues, 0, indexs[0], padZero(this.minHour))
 					const minuteText = this.safeColumnValue(safeValues, 1, indexs[1], padZero(this.minMinute))
 					let hour = this.toInt(this.intercept(hourText), this.minHour)
 					let minute = this.toInt(this.intercept(minuteText), this.minMinute)
+					let second = this.minSecond
 					hour = range(this.minHour, this.maxHour, hour)
 					minute = range(this.minMinute, this.maxMinute, minute)
 					selectValue = `${padZero(hour)}:${padZero(minute)}`
+					if (this.mode === 'timesecond') {
+						const secondText = this.safeColumnValue(safeValues, 2, indexs[2], padZero(this.minSecond))
+						second = range(this.minSecond, this.maxSecond, this.toInt(this.intercept(secondText), this.minSecond))
+						selectValue = `${selectValue}:${padZero(second)}`
+					}
 				} else {
 					const validCurrent = dayjs(this.innerValue).isValid() ? dayjs(this.innerValue) : dayjs(this.minDate)
 					const currentYear = validCurrent.year()
@@ -315,13 +339,14 @@
 					const currentDate = validCurrent.date()
 					const currentHour = validCurrent.hour()
 					const currentMinute = validCurrent.minute()
+					const currentSecond = validCurrent.second()
 
 					const yearText = this.safeColumnValue(safeValues, 0, indexs[0], `${currentYear}`)
 					const monthText = this.safeColumnValue(safeValues, 1, indexs[1], padZero(currentMonth))
 					// 将选择的值转为数值，比如'03'转为数值的3，'2019'转为数值的2019
 					let year = this.toInt(this.intercept(yearText, 'year'), currentYear)
 					let month = this.toInt(this.intercept(monthText), currentMonth)
-					let hour = 0, minute = 0
+					let hour = 0, minute = 0, second = 0
 					month = range(1, 12, month)
 					// 此月份的最大天数
 					const maxDate = dayjs(`${year}-${month}`).daysInMonth()
@@ -333,14 +358,20 @@
 					}
 					// 不允许超过maxDate值
 					date = range(1, maxDate, date)
-					if (this.mode === 'datetime') {
+					if (this.mode === 'datehour' || this.mode === 'datetime' || this.mode === 'datetimesecond') {
 						const hourText = this.safeColumnValue(safeValues, 3, indexs[3], padZero(currentHour))
-						const minuteText = this.safeColumnValue(safeValues, 4, indexs[4], padZero(currentMinute))
 					    hour = range(0, 23, this.toInt(this.intercept(hourText), currentHour))
+					}
+					if (this.mode === 'datetime' || this.mode === 'datetimesecond') {
+						const minuteText = this.safeColumnValue(safeValues, 4, indexs[4], padZero(currentMinute))
 					    minute = range(0, 59, this.toInt(this.intercept(minuteText), currentMinute))
 					}
+					if (this.mode === 'datetimesecond') {
+						const secondText = this.safeColumnValue(safeValues, 5, indexs[5], padZero(currentSecond))
+					    second = range(0, 59, this.toInt(this.intercept(secondText), currentSecond))
+					}
 					// 转为时间模式
-					selectValue = Number(new Date(year, month - 1, date, hour, minute))
+					selectValue = Number(new Date(year, month - 1, date, hour, minute, second))
 					if (!Number.isFinite(selectValue)) {
 						selectValue = this.correctValue(this.innerValue)
 					}
@@ -364,33 +395,44 @@
 				this.innerValue = value
 				this.updateColumns()
 				// 延迟执行,等待u-picker组件列数据更新完后再设置选中值索引
-				setTimeout(() => {
-				this.updateIndexs(value)
-				}, 0);
+				// pageInline模式下picker-view常驻显示，需额外等待原生组件滚动到位
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.updateIndexs(value)
+					}, this.pageInline ? 100 : 0)
+				})
 			},
 			// 更新索引
 			updateIndexs(value) {
 				let values = []
 				const formatter = this.formatter || this.innerFormatter
-				if (this.mode === 'time') {
+				if (this.mode === 'time' || this.mode === 'timesecond') {
 					// 将time模式的时间用:分隔成数组
 				    const timeArr = value.split(':')
 					// 使用formatter格式化方法进行管道处理
 				    values = [formatter('hour', timeArr[0]), formatter('minute', timeArr[1])]
+					if (this.mode === 'timesecond') {
+						values.push(formatter('second', timeArr[2]))
+					}
 				} else {
-				    const date = new Date(value)
 				    values = [
 				        formatter('year', `${dayjs(value).year()}`),
 						// 月份补0
 				        formatter('month', padZero(dayjs(value).month() + 1))
 				    ]
-				    if (this.mode === 'date') {
+				    if (this.mode === 'date' || this.mode === 'datehour' || this.mode === 'datetime' || this.mode === 'datetimesecond') {
 						// date模式，需要添加天列
 				        values.push(formatter('day', padZero(dayjs(value).date())))
 				    }
-				    if (this.mode === 'datetime') {
+				    if (this.mode === 'datehour' || this.mode === 'datetime' || this.mode === 'datetimesecond') {
+				        values.push(formatter('hour', padZero(dayjs(value).hour())))
+				    }
+				    if (this.mode === 'datetime' || this.mode === 'datetimesecond') {
 						// 数组的push方法，可以写入多个参数
-				        values.push(formatter('day', padZero(dayjs(value).date())), formatter('hour', padZero(dayjs(value).hour())), formatter('minute', padZero(dayjs(value).minute())))
+				        values.push(formatter('minute', padZero(dayjs(value).minute())))
+				    }
+				    if (this.mode === 'datetimesecond') {
+				        values.push(formatter('second', padZero(dayjs(value).second())))
 				    }
 				}
 
@@ -438,23 +480,35 @@
 			},
 			// 得出合法的时间
 			correctValue(value) {
-				const isDateMode = this.mode !== 'time'
+				const isDateMode = !['time', 'timesecond'].includes(this.mode)
 				// if (isDateMode && !test.date(value)) {
 				if (isDateMode && !dayjs.unix(value).isValid()) {
 					// 如果是日期类型，但是又没有设置合法的当前时间的话，使用最小时间为当前时间
 					value = this.minDate
 				} else if (!isDateMode && !value) {
 					// 如果是时间类型，而又没有默认值的话，就用最小时间
-					value = `${padZero(this.minHour)}:${padZero(this.minMinute)}`
+					value = this.mode === 'timesecond'
+						? `${padZero(this.minHour)}:${padZero(this.minMinute)}:${padZero(this.minSecond)}`
+						: `${padZero(this.minHour)}:${padZero(this.minMinute)}`
 				}
 				// 时间类型
 				if (!isDateMode) {
 					if (String(value).indexOf(':') === -1) return error('时间错误，请传递如12:24的格式')
-					let [hour, minute] = value.split(':')
+					const timeArr = String(value).split(':')
+					let hour = timeArr[0]
+					let minute = timeArr[1]
+					let second = timeArr[2]
 					// 对时间补零，同时控制在最小值和最大值之间
-					hour = padZero(range(this.minHour, this.maxHour, Number(hour)))
-					minute = padZero(range(this.minMinute, this.maxMinute, Number(minute)))
-					return `${ hour }:${ minute }`
+					const hourNum = Number(hour)
+					const minuteNum = Number(minute)
+					hour = padZero(range(this.minHour, this.maxHour, Number.isNaN(hourNum) ? this.minHour : hourNum))
+					minute = padZero(range(this.minMinute, this.maxMinute, Number.isNaN(minuteNum) ? this.minMinute : minuteNum))
+					if (this.mode === 'timesecond') {
+						const secondNum = Number(second)
+						second = padZero(range(this.minSecond, this.maxSecond, Number.isNaN(secondNum) ? this.minSecond : secondNum))
+						return `${hour}:${minute}:${second}`
+					}
+					return `${hour}:${minute}`
 				} else {
 					// 如果是日期格式，控制在最小日期和最大日期之间
 					value = dayjs(value).isBefore(dayjs(this.minDate)) ? this.minDate : value
@@ -464,20 +518,27 @@
 			},
 			// 获取每列的最大和最小值
 			getRanges() {
-			    if (this.mode === 'time') {
-			        return [
-			            {
-			                type: 'hour',
-			                range: [this.minHour, this.maxHour],
-			            },
-			            {
-			                type: 'minute',
-			                range: [this.minMinute, this.maxMinute],
-			            },
-			        ];
+			    if (this.mode === 'time' || this.mode === 'timesecond') {
+					const timeColumns = [
+						{
+							type: 'hour',
+							range: [this.minHour, this.maxHour],
+						},
+						{
+							type: 'minute',
+							range: [this.minMinute, this.maxMinute],
+						}
+					]
+					if (this.mode === 'timesecond') {
+						timeColumns.push({
+							type: 'second',
+							range: [this.minSecond, this.maxSecond],
+						})
+					}
+			        return timeColumns
 			    }
-			    const { maxYear, maxDate, maxMonth, maxHour, maxMinute, } = this.getBoundary('max', this.innerValue);
-			    const { minYear, minDate, minMonth, minHour, minMinute, } = this.getBoundary('min', this.innerValue);
+			    const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSecond } = this.getBoundary('max', this.innerValue);
+			    const { minYear, minDate, minMonth, minHour, minMinute, minSecond } = this.getBoundary('min', this.innerValue);
 			    const result = [
 			        {
 			            type: 'year',
@@ -499,6 +560,10 @@
 			            type: 'minute',
 			            range: [minMinute, maxMinute],
 			        },
+			        {
+			            type: 'second',
+			            range: [minSecond, maxSecond],
+			        },
 			    ];
 				// 兜底：防止边界计算异常导致日列出现空范围（快速滚动场景）
 				if (result[2] && result[2].type === 'day') {
@@ -510,9 +575,13 @@
 					}
 				}
 			    if (this.mode === 'date')
-			        result.splice(3, 2);
+			        result.splice(3, 3);
+			    if (this.mode === 'datehour')
+			        result.splice(4, 2);
+			    if (this.mode === 'datetime')
+			        result.splice(5, 1);
 			    if (this.mode === 'year-month')
-			        result.splice(2, 3);
+			        result.splice(2, 4);
 			    return result;
 			},
 			// 根据minDate、maxDate、minHour、maxHour等边界值，判断各列的开始和结束边界值
@@ -527,12 +596,14 @@
 			    let date = 1
 			    let hour = 0
 			    let minute = 0
+			    let second = 0
 			    if (type === 'max') {
 			        month = 12
 					// 月份的天数
 			        date = dayjs(value).daysInMonth()
 			        hour = 23
 			        minute = 59
+			        second = 59
 			    }
 				// 获取边界值，逻辑是：当年达到了边界值(最大或最小年)，就检查月允许的最大和最小值，以此类推
 			    if (dayjs(value).year() === year) {
@@ -543,6 +614,9 @@
 			                hour = dayjs(boundary).hour()
 			                if (dayjs(value).hour() === hour) {
 			                    minute = dayjs(boundary).minute()
+			                    if (dayjs(value).minute() === minute) {
+			                        second = dayjs(boundary).second()
+			                    }
 			                }
 			            }
 			        }
@@ -552,7 +626,8 @@
 			        [`${type}Month`]: month,
 			        [`${type}Date`]: date,
 			        [`${type}Hour`]: hour,
-			        [`${type}Minute`]: minute
+			        [`${type}Minute`]: minute,
+			        [`${type}Second`]: second
 			    }
 			},
 			onShowByClickInput(){

package/components/u-guide/guide.js

@@ -0,0 +1,16 @@
+export default {
+    // guide 组件
+    guide: {
+        show: false,
+        list: [],
+        storageKey: 'up-guide-default',
+        once: true,
+        showSkip: true,
+        skipText: '跳过',
+        nextText: '下一步',
+        finishText: '立即体验',
+        indicator: true,
+        bgColor: '#111111',
+        zIndex: 10075
+    }
+}

package/components/u-guide/props.js

@@ -0,0 +1,51 @@
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+
+export const props = defineMixin({
+    props: {
+        show: {
+            type: Boolean,
+            default: () => defProps.guide.show
+        },
+        list: {
+            type: Array,
+            default: () => defProps.guide.list
+        },
+        storageKey: {
+            type: String,
+            default: () => defProps.guide.storageKey
+        },
+        once: {
+            type: Boolean,
+            default: () => defProps.guide.once
+        },
+        showSkip: {
+            type: Boolean,
+            default: () => defProps.guide.showSkip
+        },
+        skipText: {
+            type: String,
+            default: () => defProps.guide.skipText
+        },
+        nextText: {
+            type: String,
+            default: () => defProps.guide.nextText
+        },
+        finishText: {
+            type: String,
+            default: () => defProps.guide.finishText
+        },
+        indicator: {
+            type: Boolean,
+            default: () => defProps.guide.indicator
+        },
+        bgColor: {
+            type: String,
+            default: () => defProps.guide.bgColor
+        },
+        zIndex: {
+            type: [String, Number],
+            default: () => defProps.guide.zIndex
+        }
+    }
+})

package/components/u-guide/u-guide.vue

@@ -0,0 +1,259 @@
+<template>
+	<view
+		v-if="innerShow && pageList.length"
+		class="up-guide"
+		:style="{ zIndex: `${zIndex}` }"
+		@touchmove.stop.prevent
+	>
+		<swiper
+			class="up-guide__swiper"
+			:current="current"
+			@change="onSwiperChange"
+		>
+			<swiper-item v-for="(item, index) in pageList" :key="index">
+				<view class="up-guide__page" :style="{ backgroundColor: item.backgroundColor || bgColor }">
+					<template v-if="item.image">
+						<image class="up-guide__image" :src="item.image" mode="aspectFit"></image>
+					</template>
+					<view v-else class="up-guide__placeholder">暂无引导图</view>
+					<text v-if="item.title" class="up-guide__title">{{ item.title }}</text>
+					<text v-if="item.desc" class="up-guide__desc">{{ item.desc }}</text>
+				</view>
+			</swiper-item>
+		</swiper>
+
+		<view class="up-guide__footer">
+			<view v-if="indicator" class="up-guide__dots">
+				<view
+					v-for="(_, dotIndex) in pageList"
+					:key="dotIndex"
+					class="up-guide__dot"
+					:class="{ 'up-guide__dot--active': dotIndex === current }"
+				></view>
+			</view>
+			<view class="up-guide__actions">
+				<view v-if="showSkip" class="up-guide__btn up-guide__btn--ghost" @tap="onSkip">
+					{{ skipText }}
+				</view>
+				<view class="up-guide__btn up-guide__btn--primary" @tap="onPrimaryAction">
+					{{ isLastPage() ? finishText : nextText }}
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
+
+	/**
+	 * Guide 首屏引导
+	 * @description 全屏首屏引导组件，支持一次性记忆与多页滑动
+	 */
+	export default {
+		name: 'up-guide',
+		mixins: [mpMixin, mixin, props],
+		emits: ['update:show', 'change', 'skip', 'finish', 'close'],
+		data() {
+			return {
+				innerShow: false,
+				current: 0,
+				closing: false
+			}
+		},
+		computed: {
+			pageList() {
+				return Array.isArray(this.list) ? this.list : []
+			},
+			resolvedStorageKey() {
+				return this.storageKey || 'up-guide-default'
+			}
+		},
+		watch: {
+			show(value) {
+				this.innerShow = !!value
+			}
+		},
+		mounted() {
+			this.bootstrap()
+		},
+		methods: {
+			bootstrap() {
+				if (!this.pageList.length) {
+					if (process.env.NODE_ENV !== 'production') {
+						console.warn('[up-guide] list is empty')
+					}
+					return
+				}
+				if (this.once && this.readRemembered()) {
+					this.innerShow = false
+					this.$emit('update:show', false)
+					return
+				}
+				this.innerShow = !!this.show
+			},
+			isLastPage() {
+				return this.current >= this.pageList.length - 1
+			},
+			onSwiperChange(event) {
+				const next = Number(event?.detail?.current ?? 0)
+				this.current = next
+				this.$emit('change', { current: next })
+			},
+			onPrimaryAction() {
+				if (this.isLastPage()) {
+					this.$emit('finish')
+					this.close(true)
+					return
+				}
+				this.current += 1
+				this.$emit('change', { current: this.current })
+			},
+			onSkip() {
+				this.$emit('skip')
+				this.close(true)
+			},
+			open() {
+				this.current = 0
+				this.innerShow = true
+				this.$emit('update:show', true)
+			},
+			close(remember = true) {
+				if (this.closing) return
+				this.closing = true
+				if (remember && this.once) {
+					this.writeRemembered()
+				}
+				this.innerShow = false
+				this.$emit('update:show', false)
+				this.$emit('close')
+				this.$nextTick(() => {
+					this.closing = false
+				})
+			},
+			reset() {
+				try {
+					uni.removeStorageSync(this.resolvedStorageKey)
+				} catch (error) {}
+			},
+			readRemembered() {
+				try {
+					const value = uni.getStorageSync(this.resolvedStorageKey)
+					return value === true || value === 1 || value === '1'
+				} catch (error) {
+					return false
+				}
+			},
+			writeRemembered() {
+				try {
+					uni.setStorageSync(this.resolvedStorageKey, 1)
+				} catch (error) {}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.up-guide {
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.up-guide__swiper {
+		flex: 1;
+	}
+
+	.up-guide__page {
+		height: 100%;
+		padding: 120rpx 40rpx 40rpx;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		color: #ffffff;
+	}
+
+	.up-guide__image {
+		width: 560rpx;
+		height: 560rpx;
+	}
+
+	.up-guide__placeholder {
+		width: 560rpx;
+		height: 560rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.12);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.up-guide__title {
+		margin-top: 48rpx;
+		font-size: 40rpx;
+		font-weight: 600;
+	}
+
+	.up-guide__desc {
+		margin-top: 18rpx;
+		font-size: 28rpx;
+		opacity: 0.85;
+		text-align: center;
+	}
+
+	.up-guide__footer {
+		padding: 24rpx 32rpx calc(24rpx + env(safe-area-inset-bottom));
+	}
+
+	.up-guide__dots {
+		display: flex;
+		justify-content: center;
+		gap: 12rpx;
+		margin-bottom: 26rpx;
+	}
+
+	.up-guide__dot {
+		width: 14rpx;
+		height: 14rpx;
+		border-radius: 999px;
+		background: rgba(255, 255, 255, 0.35);
+	}
+
+	.up-guide__dot--active {
+		width: 34rpx;
+		background: #ffffff;
+	}
+
+	.up-guide__actions {
+		display: flex;
+		gap: 16rpx;
+	}
+
+	.up-guide__btn {
+		flex: 1;
+		height: 84rpx;
+		border-radius: 42rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 28rpx;
+	}
+
+	.up-guide__btn--ghost {
+		color: #ffffff;
+		border: 2rpx solid rgba(255, 255, 255, 0.42);
+	}
+
+	.up-guide__btn--primary {
+		color: #111111;
+		background: #ffffff;
+		font-weight: 600;
+	}
+</style>

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

@@ -309,8 +309,12 @@
 			},
 			// 输入框失去焦点
 			onBlur(event) {
-				// 对输入值进行格式化
-				const value = this.format(event.detail.value)
+				// 对输入值进行格式化，失焦时强制修正到合法范围（如最小值）
+				const raw = event.detail.value
+				const value = (raw === '' || raw === null || raw === undefined)
+					? this.min
+					: this.format(raw)
+				this.emitChange(value)
 				// 发出blur事件
 				this.$emit(
 					'blur',{
@@ -324,10 +328,9 @@
 				const {
 					value = ''
 				} = e.detail || {}
-				// 为空返回
+				// 为空时不立即修正，等失焦时再处理，允许用户清空后输入新值
 				if (value === '') {
-					// 为空自动设为最小值
-					this.emitChange(this.min)
+					this.currentValue = ''
 					return
 				}
 				let formatted = this.filter(value)