uview-plus 3.8.49 → 3.8.55

package/changelog.md

@@ -1,3 +1,47 @@
+## 3.8.55（2026-06-12）
+fix: 完善日历今天按钮的区间模式表现及修复小程序多输入框切换时 blur 格式化视图不刷新
+
+- 问题出现在小程序真机多个输入框切换场景中，A 输入框在 blur 回调里完成格式化后，点击 B 输入框会导致数据已更新但 A 的显示值未及时同步。本次修改在 u-input 内部记录 blur 时的原始值，并在 modelValue 回流阶段识别 blur 后的外部格式化结果，允许该结果覆盖 innerValue，避免被 changeFromInner 保护逻辑拦截。这样在点击其他输入框触发 blur 时，格式化结果也能正确更新到视图。
+- 避免日期区间模式点击今天时清空已有选中范围，同时提供今天日期的独立高亮能力。新增 todayColor 配置、组件透传与类型声明，并调整 range 模式下今天按钮仅定位不选中。single 模式保持点击今天直接选中，range 模式保留原区间并定位到今天。
+
+## 3.8.54（2026-06-11）
+fix(calendar): 修复今天按钮点击后未选中日期的问题
+
+今天按钮在跳转到今天所在月份后，会复用日历原有日期点击逻辑选中今天，并按 showConfirm 配置保持确认行为一致。
+
+## 3.8.53（2026-06-11）
+feat(calendar): 日历顶部增加时分秒选择能力
+
+新增 enableTime、timePrecision、defaultTime 配置，支持单选与区间首尾模式在顶部点击时间区域后弹出居中 picker 进行时间编辑。
+确认返回仍为字符串数组：单选与区间首尾模式返回日期时间字符串；区间 all 模式按约定不展示时间选择并保持原日期数组返回；同日区间增加结束时间不能早于开始时间的校验。
+
+## 3.8.52（2026-06-10）
+fix(table2): 修复微信小程序中重复 slot name="cell" 导致的报错 (#839)
+
+在固定列浮动视图（u-table-fixed-shadow）的 MP-WEIXIN 条件编译块中，
+将 <slot name="cell"> 改为直接内联渲染，消除同组件内同名 slot 的冲突。
+微信小程序不允许单个组件实例中出现多个同名 slot，而主表体已占用 "cell"，
+固定列视图区仅用于视觉叠加，直接渲染 item.row[col.key] 即可满足需求。
+
+## 3.8.51（2026-06-09）
+fix(picker): 修复异步columns加载时defaultIndex位置不更新的问题 (#841)
+
+问题：当columns从接口动态返回时（初始为空数组，延迟后赋值），
+defaultIndex已提前设置好innerIndex，columns变化时innerIndex值未改变，
+picker-view的:value绑定不触发重新渲染，导致滚动位置停留在第0项。
+
+修复：在setColumns中检测是否有列从空变为有数据，若是则先清空innerIndex，
+再在$nextTick中恢复目标值，强制picker-view重新滚动到defaultIndex指定位置。
+
+## 3.8.50（2026-06-08）
+fix: 修复 pageInline 日历隐藏挂载时首日偏移异常
+
+问题原因：u-calendar 在隐藏容器中挂载时可能获取到 width=0，导致首日 margin-left 计算为 0。
+改动内容：
+1) 非 APP-NVUE 场景首日偏移改为百分比计算，避免依赖运行时宽度。
+2) 宽度获取增加 windowWidth 兜底，降低隐藏挂载导致的布局异常风险。
+影响范围：仅调整 u-calendar/month.vue 的首日偏移与宽度兜底逻辑，不改变选择交互行为。
+
 ## 3.8.49（2026-06-05）
 fix(datetime-picker): 修复hasInput模式下点击遮罩无法关闭弹窗的问题
 

package/components/u-calendar/calendar.js

@@ -34,14 +34,18 @@ export default {
         readonly: false,
         showConfirm: true,
         maxRange: Number.MAX_SAFE_INTEGER, // Infinity
-        rangePrompt: '',
+        rangePrompt: '',
         showRangePrompt: true,
         allowSameDay: false,
+        rangeResultMode: 'all',
+        enableTime: false,
+        timePrecision: 'minute',
+        defaultTime: '',
 		round: 0,
 		monthNum: 3,
         monthSwitch: false,
         showToday: true,
-        rangeResultMode: 'all',
+        todayColor: '',
         weekText: [t("up.week.one"), t("up.week.two"), t("up.week.three"), t("up.week.four"), t("up.week.five"), t("up.week.six"), t("up.week.seven")],
         forbidDays: [],
         forbidDaysToast: t("up.calendar.disabled"),

package/components/u-calendar/month.vue

@@ -33,7 +33,7 @@
 	// #endif
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
-	import { addUnit, deepClone, toast, sleep } from '../../libs/function/index';
+	import { addUnit, deepClone, toast, sleep, getWindowInfo } from '../../libs/function/index';
 	import { colorGradient } from '../../libs/function/colorGradient';
 	import test from '../../libs/function/test';
 	import defProps from '../../libs/config/props';
@@ -140,6 +140,11 @@
 			todayDate: {
 				type: String,
 				default: ''
+			},
+			// 今天日期的独立高亮颜色
+			todayColor: {
+				type: String,
+				default: ''
 			}
 		},
 		data() {
@@ -168,8 +173,10 @@
 				return (index1, index2, item) => {
 					const style = {}
 					let week = item.week
+					// 隐藏挂载场景下节点宽度可能拿到0，兜底使用窗口宽度避免首日偏移归零
+					const wrapperWidth = this.width > 0 ? this.width : (getWindowInfo().windowWidth || 0)
 					// 不进行四舍五入的形式保留2位小数
-					const dayWidth = Number(parseFloat(this.width / 7).toFixed(3).slice(0, -1))
+					const dayWidth = Number(parseFloat(wrapperWidth / 7).toFixed(3).slice(0, -1))
 					// 得出每个日期的宽度
 					// #ifdef APP-NVUE
 					style.width = addUnit(dayWidth, 'px')
@@ -178,7 +185,12 @@
 					if (index2 === 0) {
 						// 获取当前为星期几，如果为0，则为星期天，减一为每月第一天时，需要向左偏移的item个数
 						week = (week === 0 ? 7 : week) - 1
+						// #ifdef APP-NVUE
 						style.marginLeft = addUnit(week * dayWidth, 'px')
+						// #endif
+						// #ifndef APP-NVUE
+						style.marginLeft = `${(week / 7) * 100}%`
+						// #endif
 					}
 					if (this.mode === 'range') {
 						// 之所以需要这么写，是因为DCloud公司的iOS客户端导致的bug
@@ -198,8 +210,8 @@
 					if (this.selected.some(item => this.dateSame(item, date))) {
 						style.backgroundColor = this.color
 					}
-					if (this.todayDate && this.dateSame(date, this.todayDate) && !this.selected.some(item => this.dateSame(item, date))) {
-						style.border = `1px solid ${this.color}`
+					if (this.todayDate && this.dateSame(date, this.todayDate)) {
+						style.border = `1px solid ${this.resolvedTodayColor}`
 						style.boxSizing = 'border-box'
 					}
 					if (this.mode === 'single') {
@@ -248,6 +260,9 @@
 					return style
 				}
 			},
+			resolvedTodayColor() {
+				return this.todayColor || this.color
+			},
 			// 某个日期是否被选中
 			textStyle() {
 				return (item) => {
@@ -265,6 +280,9 @@
 							style.color = this.color
 						}
 					}
+					if (this.todayDate && this.dateSame(date, this.todayDate) && !this.isSelectedDate(date)) {
+						style.color = this.resolvedTodayColor
+					}
 					return style
 				}
 			},
@@ -335,16 +353,21 @@
 			dateSame(date1, date2) {
 				return dayjs(date1).isSame(dayjs(date2))
 			},
+			isSelectedDate(date) {
+				return this.selected.some(item => this.dateSame(item, date))
+			},
 			// 获取月份数据区域的宽度，因为nvue不支持百分比，所以无法通过css设置每个日期item的宽度
 			getWrapperWidth() {
 				// #ifdef APP-NVUE
 				dom.getComponentRect(this.$refs['u-calendar-month-wrapper'], res => {
-					this.width = res.size.width
+					const width = res && res.size ? Number(res.size.width) : 0
+					this.width = width > 0 ? width : (getWindowInfo().windowWidth || 0)
 				})
 				// #endif
 				// #ifndef APP-NVUE
 				this.$uGetRect('.u-calendar-month-wrapper').then(size => {
-					this.width = size.width
+					const width = size ? Number(size.width) : 0
+					this.width = width > 0 ? width : (getWindowInfo().windowWidth || 0)
 				})
 				// #endif
 			},
@@ -493,6 +516,18 @@
 			setSelected(selected, event = true) {
 				this.selected = selected
 				event && this.$emit('monthSelected', this.selected,'tap')
+			},
+			selectDate(date) {
+				const targetDate = dayjs(date).format("YYYY-MM-DD")
+				for (let monthIndex = 0; monthIndex < this.months.length; monthIndex++) {
+					const dayIndex = this.months[monthIndex].date.findIndex(item => {
+						return this.dateSame(item.date, targetDate)
+					})
+					if (dayIndex !== -1) {
+						this.clickHandler(monthIndex, dayIndex, this.months[monthIndex].date[dayIndex])
+						return
+					}
+				}
 			}
 		}
 	}

package/components/u-calendar/props.js

@@ -137,6 +137,21 @@ export const props = defineMixin({
         rangeResultMode: {
             type: String,
             default: () => defProps.calendar.rangeResultMode
+        },
+        // 是否开启时分秒选择
+        enableTime: {
+            type: Boolean,
+            default: () => defProps.calendar.enableTime
+        },
+        // 时间精度：hour-仅时，minute-时分，second-时分秒
+        timePrecision: {
+            type: String,
+            default: () => defProps.calendar.timePrecision
+        },
+        // 默认时间，格式支持 HH / HH:mm / HH:mm:ss
+        defaultTime: {
+            type: String,
+            default: () => defProps.calendar.defaultTime
         },
 		// 圆角值
 		round: {
@@ -158,6 +173,11 @@ export const props = defineMixin({
 			type: Boolean,
 			default: () => defProps.calendar.showToday
 		},
+		// 今天日期的独立高亮颜色，默认跟随主题色
+		todayColor: {
+			type: String,
+			default: () => defProps.calendar.todayColor
+		},
         // 星期文案
         weekText: {
 			type: Array,

package/components/u-calendar/u-calendar.vue

@@ -29,6 +29,28 @@
 				@nextYear="nextYear"
 				@today="jumpToToday"
 			></uHeader>
+			<view v-if="showTimePanel" class="u-calendar__time-panel">
+				<view v-if="mode === 'single'" class="u-calendar__time-row">
+					<text class="u-calendar__time-date">{{ singleDateLabel }}</text>
+					<view class="u-calendar__time-trigger" @click="openTimePicker('single')">
+						<text class="u-calendar__time-text">{{ singleTime }}</text>
+					</view>
+				</view>
+				<view v-else-if="mode === 'range' && rangeResultMode === 'boundary'">
+					<view class="u-calendar__time-row">
+						<text class="u-calendar__time-date">{{ rangeStartDateLabel }}</text>
+						<view class="u-calendar__time-trigger" @click="openTimePicker('start')">
+							<text class="u-calendar__time-text">{{ rangeStartTime }}</text>
+						</view>
+					</view>
+					<view class="u-calendar__time-row">
+						<text class="u-calendar__time-date">{{ rangeEndDateLabel }}</text>
+						<view class="u-calendar__time-trigger" @click="openTimePicker('end')">
+							<text class="u-calendar__time-text">{{ rangeEndTime }}</text>
+						</view>
+					</view>
+				</view>
+			</view>
 			<scroll-view
 				v-if="!monthSwitch"
 				:style="{
@@ -61,6 +83,7 @@
 					:forbidDaysToast="forbidDaysToast"
 					:monthFormat="monthFormat"
 					:todayDate="todayDate"
+					:todayColor="todayColor"
 					ref="month"
 					@monthSelected="monthSelected"
 					@updateMonthTop="onUpdateMonthTop"
@@ -94,6 +117,7 @@
 					:forbidDaysToast="forbidDaysToast"
 					:monthFormat="monthFormat"
 					:todayDate="todayDate"
+					:todayColor="todayColor"
 					ref="month"
 					@monthSelected="monthSelected"
 					@updateMonthTop="onUpdateMonthTop"
@@ -114,6 +138,32 @@
 			</slot>
 		</view>
 	</u-popup>
+	<u-popup
+		:show="timePickerShow"
+		mode="center"
+		:round="8"
+		:closeOnClickOverlay="true"
+		@close="closeTimePicker"
+	>
+		<view class="u-calendar__time-picker">
+			<view class="u-calendar__time-picker__header">
+				<text class="u-calendar__time-picker__cancel" @click="closeTimePicker">取消</text>
+				<text class="u-calendar__time-picker__title">选择时间</text>
+				<text class="u-calendar__time-picker__confirm" @click="confirmTimePicker">确定</text>
+			</view>
+			<picker-view class="u-calendar__time-picker__body" :value="timePickerValue" @change="onTimePickerChange">
+				<picker-view-column>
+					<view v-for="(item, index) in hourOptions" :key="`h-${index}`" class="u-calendar__time-picker__item">{{ item }}</view>
+				</picker-view-column>
+				<picker-view-column v-if="timePrecision !== 'hour'">
+					<view v-for="(item, index) in minuteOptions" :key="`m-${index}`" class="u-calendar__time-picker__item">{{ item }}</view>
+				</picker-view-column>
+				<picker-view-column v-if="timePrecision === 'second'">
+					<view v-for="(item, index) in secondOptions" :key="`s-${index}`" class="u-calendar__time-picker__item">{{ item }}</view>
+				</picker-view-column>
+			</picker-view>
+		</view>
+	</u-popup>
 </template>
 
 <script>
@@ -159,9 +209,13 @@ import { t } from '../../libs/i18n'
  * @property {Boolean}				showRangePrompt	    范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效 (默认 true )
  * @property {Boolean}				allowSameDay	    是否允许日期范围的起止时间为同一天，mode = range时有效 (默认 false )
  * @property {String}				rangeResultMode	    区间模式下确认返回值格式，all-返回区间内所有日期，boundary-仅返回起止日期 (默认 'all' )
+ * @property {Boolean}				enableTime			是否开启时分秒选择 (默认 false )
+ * @property {String}				timePrecision		时间精度，hour-仅时，minute-时分，second-时分秒 (默认 'minute' )
+ * @property {String}				defaultTime			默认时间，支持HH/HH:mm/HH:mm:ss，不传则按00:00补齐
  * @property {Number|String}	    round				圆角值，默认无圆角  (默认 0 )
  * @property {Number|String}	    monthNum			最多展示的月份数量  (默认 3 )
  * @property {Boolean}	            monthSwitch			是否启用非滚动的单月切换模式  (默认 false )
+ * @property {String}	            todayColor			今天日期的独立高亮颜色，默认跟随主题色
  * @property {Array}	            weekText			星期文案  (默认 ['一', '二', '三', '四', '五', '六', '日'] )
  *
  * @event {Function()} confirm 		点击确定按钮时触发		选择日期相关的返回参数
@@ -189,6 +243,15 @@ export default {
 			scrollIntoView: '',
 			scrollIntoViewScroll: '',
 			scrollTop:0,
+			timePickerShow: false,
+			timePickerTarget: 'single',
+			timePickerValue: [0, 0, 0],
+			hourOptions: [],
+			minuteOptions: [],
+			secondOptions: [],
+			singleTime: '00:00',
+			rangeStartTime: '00:00',
+			rangeEndTime: '00:00',
 			// 过滤处理方法
 			innerFormatter: (value) => value
 		}
@@ -206,6 +269,13 @@ export default {
 				this.setMonth()
 			}
 		},
+		timePrecision() {
+			this.initTimeOptions()
+			this.initTimeValues()
+		},
+		defaultTime() {
+			this.initTimeValues()
+		},
 		// 打开弹窗时，设置月份数据
 		show: {
 			immediate: true,
@@ -288,6 +358,26 @@ export default {
 		switchNextYearDisabled() {
 			return this.monthIndex + 12 > this.months.length - 1
 		},
+		showTimePanel() {
+			if (!this.enableTime) return false
+			if (this.mode === 'single') return true
+			if (this.mode === 'range' && this.rangeResultMode === 'boundary') {
+				return true
+			}
+			return false
+		},
+		singleDateLabel() {
+			return this.selected[0] || '--'
+		},
+		rangeStartDateLabel() {
+			return this.selected[0] || '--'
+		},
+		rangeEndDateLabel() {
+			if (this.selected.length >= 2) {
+				return this.selected[this.selected.length - 1]
+			}
+			return '--'
+		},
 		buttonDisabled() {
 			// 如果为range类型，且选择的日期个数不足1个时，让底部的按钮出于disabled状态
 			if (this.mode === 'range') {
@@ -308,16 +398,129 @@ export default {
 	emits: ["confirm", "close"],
 	methods: {
 		addUnit,
+		padTime(num) {
+			return String(num).padStart(2, '0')
+		},
+		initTimeOptions() {
+			this.hourOptions = Array.from({ length: 24 }, (_, i) => this.padTime(i))
+			this.minuteOptions = Array.from({ length: 60 }, (_, i) => this.padTime(i))
+			this.secondOptions = Array.from({ length: 60 }, (_, i) => this.padTime(i))
+		},
+		parseTimeValue(value = '') {
+			const raw = String(value || '').trim()
+			const parts = raw.length ? raw.split(':') : []
+			const getNumber = (index, max) => {
+				const current = Number(parts[index] || 0)
+				if (Number.isNaN(current)) return 0
+				return Math.max(0, Math.min(max, current))
+			}
+			const hour = getNumber(0, 23)
+			const minute = getNumber(1, 59)
+			const second = getNumber(2, 59)
+			return [hour, minute, second]
+		},
+		getDefaultTimeValue() {
+			const [hour, minute, second] = this.parseTimeValue(this.defaultTime)
+			if (this.timePrecision === 'hour') {
+				return this.padTime(hour)
+			}
+			if (this.timePrecision === 'second') {
+				return `${this.padTime(hour)}:${this.padTime(minute)}:${this.padTime(second)}`
+			}
+			return `${this.padTime(hour)}:${this.padTime(minute)}`
+		},
+		initTimeValues() {
+			const value = this.getDefaultTimeValue()
+			this.singleTime = value
+			this.rangeStartTime = value
+			this.rangeEndTime = value
+		},
+		timeToPickerValue(value = '') {
+			const [hour, minute, second] = this.parseTimeValue(value)
+			return [hour, minute, second]
+		},
+		pickerValueToTime(value = []) {
+			const hour = Number(value[0] || 0)
+			const minute = Number(value[1] || 0)
+			const second = Number(value[2] || 0)
+			if (this.timePrecision === 'hour') {
+				return this.padTime(hour)
+			}
+			if (this.timePrecision === 'second') {
+				return `${this.padTime(hour)}:${this.padTime(minute)}:${this.padTime(second)}`
+			}
+			return `${this.padTime(hour)}:${this.padTime(minute)}`
+		},
+		openTimePicker(target) {
+			this.timePickerTarget = target
+			let currentValue = this.singleTime
+			if (target === 'start') currentValue = this.rangeStartTime
+			if (target === 'end') currentValue = this.rangeEndTime
+			this.timePickerValue = this.timeToPickerValue(currentValue)
+			this.timePickerShow = true
+		},
+		onTimePickerChange(e) {
+			this.timePickerValue = e.detail.value
+		},
+		closeTimePicker() {
+			this.timePickerShow = false
+		},
+		confirmTimePicker() {
+			const value = this.pickerValueToTime(this.timePickerValue)
+			if (this.timePickerTarget === 'single') this.singleTime = value
+			if (this.timePickerTarget === 'start') this.rangeStartTime = value
+			if (this.timePickerTarget === 'end') this.rangeEndTime = value
+			this.timePickerShow = false
+		},
+		timeToSecond(timeText = '') {
+			const [hour, minute, second] = this.parseTimeValue(timeText)
+			return hour * 3600 + minute * 60 + second
+		},
+		validateSameDayRangeTime() {
+			if (!this.enableTime || this.mode !== 'range' || this.rangeResultMode !== 'boundary') {
+				return true
+			}
+			if (this.selected.length < 2) return true
+			const startDate = this.selected[0]
+			const endDate = this.selected[this.selected.length - 1]
+			if (startDate !== endDate) return true
+			const startSeconds = this.timeToSecond(this.rangeStartTime)
+			const endSeconds = this.timeToSecond(this.rangeEndTime)
+			if (endSeconds < startSeconds) {
+				uni.showToast({
+					title: '结束时间不能早于开始时间',
+					icon: 'none'
+				})
+				return false
+			}
+			return true
+		},
+		appendTime(dateText, timeText) {
+			return `${dateText} ${timeText}`
+		},
 		getConfirmValue(selected = this.selected) {
+			let result = selected
 			if (
 				this.mode === 'range' &&
 				this.rangeResultMode === 'boundary' &&
 				selected.length >= 2
 			) {
 				const len = selected.length - 1
-				return [selected[0], selected[len]]
+				result = [selected[0], selected[len]]
+			}
+			if (!this.showTimePanel || !this.enableTime) {
+				return result
+			}
+			if (this.mode === 'single' && result.length >= 1) {
+				return [this.appendTime(result[0], this.singleTime)]
+			}
+			if (this.mode === 'range' && this.rangeResultMode === 'boundary' && result.length >= 2) {
+				return [
+					this.appendTime(result[0], this.rangeStartTime),
+					this.appendTime(result[1], this.rangeEndTime)
+				]
 			}
-			return selected
+			return result
 		},
 		// 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
 		setFormatter(e) {
@@ -337,6 +540,7 @@ export default {
 					 return
 				   }
 				   if( scene === 'tap') {
+					 if (!this.validateSameDayRangeTime()) return
 					 this.$emit('confirm', this.getConfirmValue())
 				   }
 				}
@@ -359,6 +563,8 @@ export default {
 				bottomPadding = 30
 			}
 			this.listHeight = this.rowHeight * (this.monthSwitch ? 6 : 5) + bottomPadding
+			this.initTimeOptions()
+			this.initTimeValues()
 			this.setMonth()
 		},
 		close() {
@@ -367,6 +573,7 @@ export default {
 		// 点击确定按钮
 		confirm() {
 			if (!this.buttonDisabled) {
+				if (!this.validateSameDayRangeTime()) return
 				this.$emit('confirm', this.getConfirmValue())
 			}
 		},
@@ -495,16 +702,24 @@ export default {
 				return
 			}
 			const targetMonth = dayjs(this.todayDate).format('YYYY-MM')
+			const selectToday = () => {
+				if (this.mode === 'range') {
+					return
+				}
+				this.$refs.month && this.$refs.month.selectDate(this.todayDate)
+			}
 			if (this.monthSwitch) {
 				const todayMonthIndex = this.months.findIndex(({ year, month }) => {
 					return `${year}-${padZero(month)}` === targetMonth
 				})
 				if (todayMonthIndex !== -1) {
 					this.monthIndex = todayMonthIndex
+					this.$nextTick(selectToday)
 				}
 				return
 			}
 			this.scrollIntoDefaultMonth(targetMonth)
+			this.$nextTick(selectToday)
 		},
 		// 滚动到默认设置的月份
 		scrollIntoDefaultMonth(selected) {
@@ -579,6 +794,84 @@ export default {
 	color: var(--up-main-color, $u-main-color);
 	background-color: var(--up-card-bg-color, #ffffff);
 
+	&__time-panel {
+		padding: 8px 16px 0;
+	}
+
+	&__time-row {
+		height: 34px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 6px;
+	}
+
+	&__time-date {
+		font-size: 13px;
+		color: #303133;
+	}
+
+	&__time-trigger {
+		min-width: 92px;
+		height: 30px;
+		padding: 0 10px;
+		border-radius: 15px;
+		border: 1px solid #dcdfe6;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	&__time-text {
+		font-size: 14px;
+		color: #303133;
+	}
+
+	&__time-picker {
+		width: 320px;
+		background-color: #ffffff;
+		border-radius: 8px;
+		overflow: hidden;
+	}
+
+	&__time-picker__header {
+		height: 44px;
+		padding: 0 14px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		border-bottom: 1px solid #f0f0f0;
+	}
+
+	&__time-picker__cancel {
+		font-size: 14px;
+		color: #909399;
+	}
+
+	&__time-picker__title {
+		font-size: 15px;
+		color: #303133;
+		font-weight: 600;
+	}
+
+	&__time-picker__confirm {
+		font-size: 14px;
+		color: #3c9cff;
+	}
+
+	&__time-picker__body {
+		width: 320px;
+		height: 200px;
+	}
+
+	&__time-picker__item {
+		height: 40px;
+		line-height: 40px;
+		text-align: center;
+		font-size: 16px;
+		color: #303133;
+	}
+
 	&__confirm {
 		padding: 7px 18px;
 	}

package/components/u-input/u-input.vue

@@ -150,6 +150,8 @@ export default {
             firstChange: true,
             // value绑定值的变化是由内部还是外部引起的
             changeFromInner: false,
+            // 记录blur时原生输入框的值，用于识别blur阶段的外部格式化回流
+            blurValue: null,
 			// 过滤处理方法
 			innerFormatter: value => value,
             showPassword: false
@@ -166,11 +168,17 @@ export default {
             immediate: true,
             handler(newVal, oldVal) {
                 // console.log(newVal, oldVal)
-                if (this.changeFromInner || this.innerValue === newVal) {
+                const isBlurFormattedValue =
+                    this.blurValue !== null &&
+                    newVal !== this.blurValue &&
+                    newVal !== this.innerValue;
+                if ((this.changeFromInner && !isBlurFormattedValue) || this.innerValue === newVal) {
                     this.changeFromInner = false; // 重要否则会出现双向绑定失效问题https://github.com/ijry/uview-plus/issues/419
+                    this.blurValue = null;
                     return;
                 }
                 this.innerValue = newVal;
+                this.blurValue = null;
                 // 在H5中，外部value变化后，修改input中的值，不会触发@input事件，此时手动调用值变化方法
                 if (
                     this.firstChange === false &&
@@ -302,6 +310,7 @@ export default {
         },
         // 输入框失去焦点时触发
         onBlur(event) {
+            this.blurValue = event?.detail?.value;
             this.$emit("blur", event.detail.value);
             // H5端的blur会先于点击清除控件的点击click事件触发，导致focused
             // 瞬间为false，从而隐藏了清除控件而无法被点击到

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

@@ -407,10 +407,25 @@ export default {
 		// 设置整体各列的columns的值
 		setColumns(columns) {
 			// console.log(columns)
+			const prevColumns = this.innerColumns
 			this.innerColumns = deepClone(columns)
 			// 如果在设置各列数据时，没有被设置默认的各列索引defaultIndex，那么用0去填充它，数组长度为列的数量
 			if (this.innerIndex.length === 0) {
 				this.innerIndex = new Array(columns.length).fill(0)
+			} else {
+				// 修复异步columns加载时defaultIndex位置不更新的问题 (issue #841)
+				// 当某列从空数组变为有数据时，picker-view不会因为:value未变化而重新滚动到指定位置
+				// 需要通过先清空再赋值的方式强制触发picker-view的滚动更新
+				const hasColumnsChangedFromEmpty = columns.some(
+					(col, i) => col && col.length > 0 && (!prevColumns[i] || prevColumns[i].length === 0)
+				)
+				if (hasColumnsChangedFromEmpty) {
+					const targetIndex = deepClone(this.innerIndex)
+					this.innerIndex = []
+					this.$nextTick(() => {
+						this.innerIndex = targetIndex
+					})
+				}
 			}
 		},
 		// 获取各列选中值对应的索引

package/components/u-table2/u-table2.vue

@@ -165,12 +165,10 @@
                                             {{ isExpanded(item.row) ? '▼' : '▶' }}
                                         </view>
                                     </view>
-                                    <slot name="cell" :row="item.row" :column="col" :prow="item.parentRow"
-                                        :rowIndex="item.rowIndex" :columnIndex="colIndex" :level="item.level">
-                                        <view class="u-table-cell_content">
-                                            {{ item.row[col.key] }}
-                                        </view>
-                                    </slot>
+                                    <!-- 固定列浮动视图直接内联渲染，不使用 slot，避免与主表体 slot name="cell" 重名报错（微信小程序限制） -->
+                                    <view class="u-table-cell_content">
+                                        {{ item.row[col.key] }}
+                                    </view>
                                 </template>
                             </view>
                         </view>

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。",
-  "version": "3.8.49",
+  "version": "3.8.55",
   "description": "零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
   "keywords": [
     "uview",

package/types/comps/calendar.d.ts

@@ -129,6 +129,21 @@ declare interface CalendarProps {
    * @default "all"
    */
   rangeResultMode?: 'all' | 'boundary'
+  /**
+   * 是否开启时分秒选择
+   * @default false
+   */
+  enableTime?: boolean
+  /**
+   * 时间精度：`hour`仅时、`minute`时分、`second`时分秒
+   * @default "minute"
+   */
+  timePrecision?: 'hour' | 'minute' | 'second'
+  /**
+   * 默认时间，支持 `HH` / `HH:mm` / `HH:mm:ss`
+   * @default ""
+   */
+  defaultTime?: string
   /**
    * 圆角值，默认无圆角
    * @default 0
@@ -144,6 +159,10 @@ declare interface CalendarProps {
    * @default true
    */
   showToday?: boolean
+  /**
+   * 今天日期的独立高亮颜色，默认跟随主题色
+   */
+  todayColor?: string
   /**
    * 日期选择完成后触发，若`show-confirm`为`true`，则点击确认按钮后触发
    */