uview-plus 3.8.117 → 3.8.119

package/changelog.md

@@ -1,3 +1,30 @@
+## 3.8.119
+fix: 修复 datetime-picker format 兼容性与 tabbar 边框切页丢失
+
+本版修复两个独立问题，均不涉及组件 API 变更。
+
+fix: datetime-picker format 兼容库自身的 yyyy-mm-dd 写法，字符串绑定值不再退回 minDate (#537)
+
+库内置的日期格式化工具 `timeFormat` 支持 `yyyy-mm-dd` 写法（全小写），但 u-datetime-picker 的 format 解析只识别 `YYYY-MM-DD`（全大写），导致用户按文档示例传入小写 format 时，传入的字符串绑定值无法被正确解析，组件退回到 minDate 而非用户期望的日期。
+
+- format 解析逻辑补充小写月日模式 `mm` / `dd`，与库自身的 timeFormat 对齐
+- 保持对原有大写 `MM` / `DD` 的兼容
+- 新增 `verify:datetime-picker-format` 回归校验
+
+fix: tabbar 顶部边框改为组件内联绘制，修复切换页面后边框丢失 (#873)
+
+u-tabbar 的顶部边框原先靠模板上的全局工具类 `u-border-top` 绘制，组件自身 scoped 样式表没有任何 border 声明。该类只存在于宿主项目的全局样式表，而小程序自定义组件有样式隔离，能否命中取决于宿主引入全局样式的方式，于是出现同一个 tabbar 在首页有边框、切到另一个 tab 页边框消失。
+
+- 改为在 tabbarStyle 里内联 borderTopWidth/Style/Color，边框跟着组件走
+- 去掉 borderColor 上用来压全局类 !important 的 hack（nvue/weex 无法解析）
+- 让 borderColor 为空时的主题边框色回退真正生效
+- 新增 `verify:tabbar-border` 回归校验
+
+## 3.8.118
+修复 u-waterfall 在强制解锁后旧分配循环误释放新循环分发锁的问题。
+
+旧循环在 await 后恢复时，现仅当前运行令牌的持有者可释放分发锁，避免接管循环与旧循环并发分配造成数据重复、列高错乱及回调重复触发。
+
 ## 3.8.117
 fix: 修复瀑布流分发锁死、u-image 置于 u-swiper 内无法滑动、u-list-item 挂载竞态
 

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

@@ -63,8 +63,7 @@
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
 	import dayjs from './dayjs.esm.min.js';
-	import { range, error, padZero } from '../../libs/function/index';
-	import test from '../../libs/function/test';
+	import { range, error, padZero, timeFormat } from '../../libs/function/index';
 	/**
 	 * DatetimePicker 时间日期选择器
 	 * @description 此选择器用于时间日期
@@ -72,6 +71,8 @@
 	 * @property {Boolean}			show				用于控制选择器的弹出与收起 ( 默认 false )
 	 * @property {Boolean}			showToolbar			是否显示顶部的操作栏  ( 默认 true )
 	 * @property {String | Number}	modelValue		    绑定值
+	 * @property {Boolean}			hasInput			是否自带input输入框  ( 默认 false )
+	 * @property {String}			format				hasInput模式下输入框的日期显示格式，同时支持 yyyy-mm-dd(uview-plus timeFormat 写法) 与 YYYY-MM-DD(dayjs 写法)
 	 * @property {String}			title				顶部标题
 	 * @property {String}			mode				展示格式 mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择，mode=datehour为日期小时选择，mode=timesecond为时分秒选择，mode=datetimesecond为日期时分秒选择  ( 默认 ‘datetime )
 	 * @property {Number}			maxDate				可选的最大时间  默认值为后10年
@@ -210,6 +211,16 @@
 				const value = column[index]
 				return value == null ? fallback : value
 			},
+			// format 有两种写法：uview-plus 自身 timeFormat($u.timeFormat) 的规则(yyyy-mm-dd hh:MM:ss，
+			// 小写 y 表示年、MM 表示分钟)，以及 dayjs 的规则(YYYY-MM-DD HH:mm:ss)。
+			// dayjs 没有小写 y 的 token，以此区分两者：否则按库里通用写法传 'yyyy-mm-dd'，
+			// dayjs 只认得其中的 mm(分钟)与 dd(星期)，会得到 'yyyy-00-Th' 这种结果(issue #537)
+			formatByPattern(value, pattern) {
+				if (/y/.test(pattern)) {
+					return timeFormat(value, pattern)
+				}
+				return dayjs(value).format(pattern)
+			},
 			getInputValue(newValue) {
 				if (newValue == '' || !newValue || newValue == undefined) {
 					this.inputValue = ''
@@ -219,7 +230,7 @@
 					this.inputValue = newValue
 				} else {
 					if (this.format) {
-						this.inputValue = dayjs(newValue).format(this.format)
+						this.inputValue = this.formatByPattern(newValue, this.format)
 					} else {
 						let format = ''
 						switch (this.mode) {
@@ -529,14 +540,39 @@
 			generateArray(start, end) {
 				return Array.from(new Array(end + 1).keys()).slice(start)
 			},
+			// 把绑定值统一解析成毫秒时间戳，识别不出日期时返回null
+			// 支持毫秒时间戳(number或纯数字字符串)，以及'2024-10-24'、'2024/10/24 15:08:09'这类
+			// 文档里写明支持的String绑定值
+			parseDateValue(value) {
+				if (value === '' || value === null || value === undefined) {
+					return null
+				}
+				if (typeof value === 'number') {
+					return Number.isFinite(value) ? value : null
+				}
+				const text = String(value).trim()
+				if (!text) {
+					return null
+				}
+				// 纯数字按时间戳处理，避免dayjs把'1729699200000'当成日期字符串去解析
+				if (/^-?\d+$/.test(text)) {
+					const timestamp = Number(text)
+					return Number.isFinite(timestamp) ? timestamp : null
+				}
+				const parsed = dayjs(text)
+				return parsed.isValid() ? parsed.valueOf() : null
+			},
 			// 得出合法的时间
 			correctValue(value) {
 				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) {
+				if (isDateMode) {
+					// 日期类型统一解析成毫秒时间戳，没有设置合法的当前时间时才使用最小时间。
+					// 这里不能用dayjs.unix(value).isValid()判断：dayjs.unix只接受秒级数字，
+					// 日期字符串乘1000后是NaN，'2024-10-24'这类合法值会被判为非法并被替换成
+					// minDate(默认当前年份-10)，选择器于是停在十年前(issue #537)
+					const timestamp = this.parseDateValue(value)
+					value = timestamp === null ? this.minDate : timestamp
+				} else if (!value) {
 					// 如果是时间类型，而又没有默认值的话，就用最小时间
 					value = this.mode === 'timesecond'
 						? `${padZero(this.minHour)}:${padZero(this.minMinute)}:${padZero(this.minSecond)}`

package/components/u-tabbar/u-tabbar.vue

@@ -5,7 +5,6 @@
 		    ref="u-tabbar__content"
 		    @touchmove.stop.prevent="noop"
 		    :class="[
-				border && 'u-border-top',
 				fixed && 'u-tabbar--fixed',
 				`u-tabbar--${styleType}`,
 				textMode === 'active' && 'u-tabbar--text-active'
@@ -67,6 +66,10 @@
 			}
 		},
 		computed: {
+			// 顶部边框颜色，未指定borderColor时回退到主题边框色
+			tabbarBorderColor() {
+				return this.borderColor || this.upThemeVar('--up-border-color', '#dadbde')
+			},
 			tabbarStyle() {
 				const style = {
 					zIndex: this.zIndex,
@@ -75,10 +78,13 @@
 					'--up-tabbar-inactive-bg': this.inactiveBackgroundColor || 'transparent',
 					'--up-tabbar-icon-scale': `${this.iconScale}`
 				}
-				if (this.borderColor) {
-					style.borderColor = this.borderColor + ' !important'
-				} else {
-					style.borderColor = this.upThemeVar('--up-border-color', '#dadbde')
+				// 顶部边框由组件自身内联样式绘制，不再依赖全局的u-border-top工具类。
+				// 小程序自定义组件存在样式隔离，全局类名是否能作用到组件内部节点取决于宿主项目
+				// 引入全局样式的方式，会出现同一个tabbar在部分页面有边框、切换页面后边框丢失的问题。
+				if (this.border) {
+					style.borderTopWidth = '0.5px'
+					style.borderTopStyle = 'solid'
+					style.borderTopColor = this.tabbarBorderColor
 				}
 				if (['pill', 'card', 'glow', 'convex'].includes(this.styleType)) {
 					style.padding = '8rpx 12rpx 12rpx'

package/components/u-waterfall/u-waterfall.vue

@@ -99,7 +99,9 @@
                 distributionQueue: [],
                 distributionRunning: false,
                 distributionPromise: null,
-                distributionGeneration: 0
+                distributionGeneration: 0,
+                // 每个分配循环持有独立令牌：锁被强制重置后新循环接管，旧循环恢复时只能安静退出
+                distributionRunToken: 0
             }
         },
         watch: {
@@ -266,39 +268,50 @@
             async runDistributionQueue() {
                 if (this.distributionRunning) return;
                 this.distributionRunning = true;
+                const runToken = ++this.distributionRunToken;
                 try {
                     while (this.distributionQueue.length > 0) {
+                        if (runToken !== this.distributionRunToken) return;
                         const task = this.distributionQueue.shift();
                         if (task.generation !== this.distributionGeneration) continue;
-                        await this.distributeData(task.data, task.generation);
+                        await this.distributeData(task.data, task.generation, runToken);
                     }
                 } finally {
-                    this.distributionRunning = false;
-                    this.distributionPromise = null;
-                    if (this.distributionQueue.length > 0) {
-                        this.distributionPromise = this.runDistributionQueue();
+                    // 仅当自己仍是当前循环时才释放锁，否则会清掉接管者的运行状态
+                    if (runToken === this.distributionRunToken) {
+                        this.distributionRunning = false;
+                        this.distributionPromise = null;
+                        if (this.distributionQueue.length > 0) {
+                            this.distributionPromise = this.runDistributionQueue();
+                        }
                     }
                 }
             },
 
-            // 逐项测量并分配数据，代数变化时立即退出
-            async distributeData(newData, generation) {
+            // 数据被重置或分配循环被接管时，当前循环应立即停止写入
+            isStaleDistribution(generation, runToken) {
+                return generation !== this.distributionGeneration
+                    || runToken !== this.distributionRunToken;
+            },
+
+            // 逐项测量并分配数据，代数或令牌变化时立即退出
+            async distributeData(newData, generation, runToken) {
                 let columnHeights = new Array(this.columnList.length).fill(0);
                 for (const item of newData) {
-                    if (generation !== this.distributionGeneration) return;
+                    if (this.isStaleDistribution(generation, runToken)) return;
                     columnHeights = await this.getColumnHeights();
-                    if (generation !== this.distributionGeneration) return;
+                    if (this.isStaleDistribution(generation, runToken)) return;
 
                     const minHeightIndex = this.getMinHeightColumnIndex(columnHeights);
                     this.columnList[minHeightIndex].push(item);
 
                     await sleep(this.addTime);
-                    if (generation !== this.distributionGeneration) return;
+                    if (this.isStaleDistribution(generation, runToken)) return;
                     await this.$nextTick();
-                    if (generation !== this.distributionGeneration) return;
+                    if (this.isStaleDistribution(generation, runToken)) return;
                     try {
                         const rect = await this.$uGetRect(`#u-column-${minHeightIndex}`);
-                        if (generation !== this.distributionGeneration) return;
+                        if (this.isStaleDistribution(generation, runToken)) return;
                         if (rect.height) {
                             columnHeights[minHeightIndex] = rect.height;
                             this.$emit('after-add-one', {
@@ -310,7 +323,7 @@
                         // 获取不到列高时，下一个元素会重新测量所有列
                     }
                 }
-                if (generation !== this.distributionGeneration) return;
+                if (this.isStaleDistribution(generation, runToken)) return;
                 this.$emit('after-add-all', {
                     columnHeights: columnHeights,
                     newData: newData

package/package.json

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