uview-plus 3.8.113 → 3.8.119

package/changelog.md

@@ -1,3 +1,86 @@
+## 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 挂载竞态
+
+本版为三个问题的集中修复，均不涉及组件 API 变更。
+
+fix: 修复 u-waterfall 在 App 切换 tabbar 后不再消费新数据（#1056）
+
+App 端切换 tabbar 时，原生层会挂起隐藏页面的 setTimeout，`await sleep()` 永不 resolve，`runDistributionQueue` 的 finally 块无法执行，`distributionRunning` 永久为 true；切回页面后新数据只能入队，永远不会被分发。
+
+- `clear()` 强制重置 `distributionRunning` 与 `distributionPromise`
+- `redistributeData()` 在调用 clear 之前先解锁
+- 新增 `verify:waterfall-lock-reset` 回归校验
+
+fix: 修复 u-image 置于 u-swiper 内导致手势滑动失效（#894）
+
+u-transition 根节点绑定的 `@touchmove="noop"` 会执行 `e.stopPropagation()`，使 touchmove 无法冒泡到父级；u-image 以 u-transition 作为根节点，放进 u-swiper 的 slot 后 swiper 收不到 touchmove，滑动手势失效。该拦截对淡入、滑入等过渡动画本身没有作用，仅会阻断父组件的正常手势，故直接移除。
+
+fix: 修复 u-list-item 在 parent 未初始化时调用 updateOffsetFromChild 报错（#875）
+
+列表数据由后台异步返回、u-list-item 数量随之变化时，`uList.innerScrollTop` 的 watch 可能在 `mounted()` 之前触发；此时 `this.parent` 仍是 `created()` 中赋值的空对象，调用 `this.parent.updateOffsetFromChild` 会抛出 "is not a function"。
+
+- watch 回调中增加守卫，parent 未就绪时直接返回
+- 新增 `verify:list-item-parent-race` 回归校验
+
+## 3.8.116
+fix: 修复组件卸载后查询节点导致 APP 与鸿蒙端报错（#1057）
+
+页面切换时 APP 与鸿蒙端会出现大面积 `Uncaught TypeError: Cannot read properties of undefined (reading '$') at uni-app-view.umd.js`，功能不受影响但日志被淹没，H5 端不出现。
+
+原因是组件卸载后仍在执行的异步回调继续发起节点查询：APP 端 service 层取的是已失效的 `$el.nodeId`，视图层按该 id 查映射表时，对应条目在元素移除时已被删除，读到 undefined 再取 `.$` 即抛错。H5 端直接取 `$el`，没有这层 nodeId 映射，因此不复现。
+
+- 在 `upGetRect` 与 `upCreateIntersectionObserver` 中集中拦截，覆盖全部三十余处调用方，卸载后不再把组件交给原生查询
+- 卸载后 `upGetRect` 返回零尺寸节点信息，`upCreateIntersectionObserver` 返回空观察器，均保持原有调用形态，不需要调用方改写
+- 卸载标记由公共 mixin 的 `beforeUnmount` 同步置位，早于 Vue 内部异步置位的 `isUnmounted`；未套用公共 mixin 的组件退回 Vue 自身标记
+- 守卫置于条件编译之外，确保 app-harmony 端同样生效
+- 新增 `verify:unmounted-node-query` 回归校验，同时断言挂载期间必须正常发起查询、卸载后必须完全不发起，并逐平台校验守卫存在
+
+该问题在 tabs、sticky、subsection、waterfall、index-list 等所有依赖节点测量的组件上成因相同，本次为统一修复。
+
+## 3.8.115
+feat: u-select 遮罩默认可见并支持点击遮罩关闭开关
+
+- overlayOpacity 默认由 0.01 调整为 0.3，遮罩真正可见，仍比 up-overlay 自身的 0.5 更浅
+- overlayOpacity 类型放宽为 String / Number，可直接以普通属性方式传值
+- 展开状态下把触发区抬到遮罩之上，避免下拉面板亮着而它的锚点被压暗
+- 新增 closeOnClickOverlay 属性（默认 true），与 u-popup 命名一致；此前点击遮罩关闭为硬编码行为，现在可显式禁用
+- 遮罩标签统一为 up-overlay，并补充 verify:select-overlay 回归校验
+
+nvue 端对 z-index 支持有限，若被忽略则触发区可能落在遮罩之下，该端建议按需关闭 overlay。
+
+## 3.8.114
+fix: 修复 tabbar 中间按钮圆弧越界（#1052）
+
+- 根据 tabbar 与中间按钮的实际位置计算圆弧裁剪高度
+- 兼容文字、偏移、边框和动画场景，并补充回归校验
+
 ## 3.8.113（2026-08-27）
 fix: 修复启用uniUpRoot，在root组件存在components选项时组件插入错误
 

package/components/u-cascader/u-cascader.vue

@@ -348,7 +348,7 @@
 		overflow: hidden;
 		height: 800rpx;
 
-		>view {
+		>.u-flex {
 			width: 150%;
 			transition: transform 0.3s ease-in-out 0s;
 			transform: translateX(0);

package/components/u-cropper/u-cropper.vue

@@ -7,25 +7,25 @@
 		<view class="oper-wrapper" :style="{ display: styleDisplay }">
 			<view class="oper">
 				<view class="btn-wrapper" v-if="showOper">
-					<view @click="select" hover-class="hover" :style="{ width: btnWidth }">
+					<view class="u-cropper__action" @click="select" hover-class="hover" :style="{ width: btnWidth }">
 						<text>{{ t("up.common.re-select") }}</text>
 					</view>
-					<view @click="close" hover-class="hover" :style="{ width: btnWidth }">
+					<view class="u-cropper__action" @click="close" hover-class="hover" :style="{ width: btnWidth }">
 						<text>{{ t("up.common.close") }}</text>
 					</view>
-					<view @click="rotate" hover-class="hover" :style="{ width: btnWidth, display: btnDsp }">
+					<view class="u-cropper__action" @click="rotate" hover-class="hover" :style="{ width: btnWidth, display: btnDsp }">
 						<text>{{ t("up.common.rotate") }}</text>
 					</view>
-					<view @click="preview" hover-class="hover" :style="{ width: btnWidth }">
+					<view class="u-cropper__action" @click="preview" hover-class="hover" :style="{ width: btnWidth }">
 						<text>{{ t("up.common.preview") }}</text>
 					</view>
-					<view @click="confirm" hover-class="hover" :style="{ width: btnWidth }">
+					<view class="u-cropper__action" @click="confirm" hover-class="hover" :style="{ width: btnWidth }">
 						<text>{{ t("up.common.confirm") }}</text>
 					</view>
 				</view>
 				<view class="clr-wrapper" v-else>
 					<slider class="my-slider" @change="colorChange" block-size="25" value="0" min="-100" max="100" activeColor="red" backgroundColor="green" block-color="grey" show-value></slider>
-					<view @click="prvUpload" hover-class="hover" :style="{ width: btnWidth }">
+					<view class="u-cropper__action" @click="prvUpload" hover-class="hover" :style="{ width: btnWidth }">
 						<text>{{ t("up.common.confirm") }}</text>
 					</view>
 				</view>
@@ -1267,7 +1267,7 @@
 			justify-content: space-between;
 		}
 
-		.btn-wrapper view {
+		.btn-wrapper .u-cropper__action {
 			display: flex;
 			align-items: center;
 			justify-content: center;
@@ -1288,7 +1288,7 @@
 			flex-grow: 1;
 		}
 
-		.clr-wrapper view {
+		.clr-wrapper .u-cropper__action {
 			display: flex;
 			align-items: center;
 			justify-content: center;

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-float-button/u-float-button.vue

@@ -159,7 +159,7 @@ export default {
         bottom: 0px;
         display: flex;
         flex-direction: column;
-        >view {
+        >.u-float-button__item {
             margin: 5px 0px;
         }
     }

package/components/u-goods-sku/u-goods-sku.vue

@@ -16,7 +16,7 @@
                 <view class="up-goods-sku__header">
                     <slot name="header">
                         <view class="up-goods-sku__header__image">
-                            <image :src="goodsInfo.image || goodsInfo.picture" mode="aspectFill"></image>
+                            <image class="up-goods-sku__header__image-element" :src="goodsInfo.image || goodsInfo.picture" mode="aspectFill"></image>
                         </view>
                         <view class="up-goods-sku__header__info">
                             <view class="up-goods-sku__header__info__price">
@@ -333,7 +333,7 @@
 				overflow: hidden;
 				margin-right: 20rpx;
 				
-				image {
+				&-element {
 					width: 100%;
 					height: 100%;
 				}

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

@@ -49,6 +49,10 @@
 		watch: {
 			// #ifndef APP-NVUE
 			'uList.innerScrollTop'(n) {
+				// 确保parent已正确初始化，避免在mounted之前触发watch导致报错
+				if (!this.parent || !this.parent.updateOffsetFromChild) {
+					return
+				}
 				const preLoadScreen = this.uList.preLoadScreen
 				const windowHeight = this.sys.windowHeight
 				if(n <= windowHeight * preLoadScreen) {

package/components/u-navbar/theme-vars.scss

@@ -1,3 +1,16 @@
+/* #ifdef MP-WEIXIN */
+:host {
+	--up-navbar-bg-color: #ffffff;
+}
+
+@media (prefers-color-scheme: dark) {
+	:host {
+		--up-navbar-bg-color: #1c1c1e;
+	}
+}
+/* #endif */
+
+/* #ifndef MP-WEIXIN */
 :root,
 page,
 body {
@@ -24,3 +37,4 @@ body {
 	--up-navbar-bg-color: #1c1c1e;
 	--up-navbar-glass-bg-color: rgba(28, 28, 30, 0.82);
 }
+/* #endif */

package/components/u-notice-bar/theme-vars.scss

@@ -1,3 +1,18 @@
+/* #ifdef MP-WEIXIN */
+:host {
+	--up-notice-bar-color: #f9ae3d;
+	--up-notice-bar-bg-color: #fdf6ec;
+}
+
+@media (prefers-color-scheme: dark) {
+	:host {
+		--up-notice-bar-color: #f9ae3d;
+		--up-notice-bar-bg-color: #3d2f1b;
+	}
+}
+/* #endif */
+
+/* #ifndef MP-WEIXIN */
 :root,
 page,
 body {
@@ -23,3 +38,4 @@ body {
 	--up-notice-bar-color: #f9ae3d;
 	--up-notice-bar-bg-color: #3d2f1b;
 }
+/* #endif */

package/components/u-parse/node/node.vue

@@ -53,14 +53,14 @@
       <!-- #endif -->
       <view v-else-if="(n.name==='table'&&n.c)||n.name==='li'" :id="n.attrs.id" :class="'_'+n.name+' '+n.attrs.class" :style="n.attrs.style">
         <node v-if="n.name==='li'" :childs="n.children" :opts="opts" />
-        <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">
+        <view v-else v-for="(tbody, x) in (n && n.children || [])" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">
           <node v-if="tbody.name==='td'||tbody.name==='th'" :childs="tbody.children" :opts="opts" />
-          <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">
+          <block v-else v-for="(tr, y) in (tbody && tbody.children || [])" v-bind:key="y">
             <view v-if="tr.name==='td'||tr.name==='th'" :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
               <node :childs="tr.children" :opts="opts" />
             </view>
             <view v-else :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
-              <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">
+              <view v-for="(td, z) in (tr && tr.children || [])" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">
                 <node :childs="td.children" :opts="opts" />
               </view>
             </view>
@@ -70,7 +70,7 @@
       <!-- insert -->
       <!-- 富文本 -->
       <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
-      <rich-text v-else-if="!n.c&&!handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" />
+      <rich-text v-else-if="!n.c&&!isInlineTag(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" />
       <!-- #endif -->
       <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
       <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;'+n.f" :preview="false" :selectable="opts[4]" :user-select="opts[4]" :nodes="[n]" />
@@ -185,6 +185,25 @@ export default {
     // #ifdef MP-WEIXIN
     toJSON () { return this },
     // #endif
+    isInlineTag (tagName, style) {
+      return {
+        abbr: true,
+        b: true,
+        big: true,
+        code: true,
+        del: true,
+        em: true,
+        i: true,
+        ins: true,
+        label: true,
+        q: true,
+        small: true,
+        span: true,
+        strong: true,
+        sub: true,
+        sup: true
+      }[tagName] || (style || '').indexOf('display:inline') !== -1
+    },
     /**
      * @description 规范化链接地址
      * @param {any} href

package/components/u-select/u-select.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="u-select">
 		<view :class="['u-select__content', disabled && 'disabled']">
-			<view :class="['u-select__label', border && 'u-select__label--border']" :style="selectLabelStyle" @click="openSelect">
+			<view :class="['u-select__label', border && 'u-select__label--border']" :style="selectLabelStyle" @click="labelClick">
 				<slot name="text" :currentLabel="currentLabel">
 					<text class="u-select__text" :style="{ color: resolvedTextColor }" v-if="showOptionsLabel">
 						{{ currentLabel }}
@@ -14,8 +14,8 @@
 					<up-icon name="arrow-down" :size="iconSize" :color="resolvedIconColor"></up-icon>
 				</slot>
 			</view>
-			<u-overlay :show="isOpen" @click="overlayClick" v-if="overlay" :zIndex="zIndex" :duration="duration + 50"
-				:customStyle="overlayStyle" :opacity="overlayOpacity" @touchmove.stop.prevent="noop"></u-overlay>
+			<up-overlay :show="isOpen" @click="overlayClick" v-if="overlay" :zIndex="zIndex" :duration="duration + 50"
+				:customStyle="overlayStyle" :opacity="overlayOpacity" @touchmove.stop.prevent="noop"></up-overlay>
 			<view class="u-select__options__wrap" :style="optionsWrapStyle">
 				<view class="u-select__options" :style="optionsStyle" v-if="isOpen">
 					<slot name="options">
@@ -59,8 +59,8 @@
 				default: true
 			},
 			overlayOpacity: {
-				type: Number,
-				default: 0.01
+				type: [String, Number],
+				default: 0.3
 			},
 			overlayStyle: {
 				type: Object,
@@ -68,6 +68,11 @@
 					return {}
 				}
 			},
+			// 点击遮罩是否关闭下拉面板
+			closeOnClickOverlay: {
+				type: Boolean,
+				default: true
+			},
 			duration: {
 				type: Number,
 				default: 300
@@ -157,11 +162,17 @@
 				return this.optionsWidth;
 			},
 			selectLabelStyle() {
-				if (!this.border) return {};
-				return {
-					borderColor: this.upThemeVar('--up-border-color', '#dadbde'),
-					backgroundColor: this.upThemeVar('--up-card-bg-color', '#ffffff')
-				};
+				const style = {};
+				if (this.border) {
+					style.borderColor = this.upThemeVar('--up-border-color', '#dadbde');
+					style.backgroundColor = this.upThemeVar('--up-card-bg-color', '#ffffff');
+				}
+				// 遮罩可见时把触发区抬到遮罩之上，避免下拉面板亮着而它的锚点被压暗
+				if (this.isOpen && this.overlay) {
+					style.position = 'relative';
+					style.zIndex = this.zIndex + 1;
+				}
+				return style;
 			},
 			optionsWrapStyle() {
 				const style = {
@@ -195,6 +206,14 @@
 			}
 		},
 		methods: {
+			labelClick() {
+				// 触发区被抬到遮罩之上后，遮罩不再代收这次点击，需要自己处理收起
+				if (this.isOpen) {
+					this.closeSelect();
+					return;
+				}
+				this.openSelect();
+			},
 			openSelect() {
 				if (this.disabled) return;
 				this.isOpen = true;
@@ -208,7 +227,8 @@
 				this.isOpen = false;
 			},
 			overlayClick() {
-				this.isOpen = false;
+				if (!this.closeOnClickOverlay) return;
+				this.closeSelect();
 			},
 			selectItem(item) {
 				this.isOpen = false;

package/components/u-subsection/theme-vars.scss

@@ -1,3 +1,26 @@
+/* #ifdef MP-WEIXIN */
+:host {
+	--up-subsection-bg-color: #eeeeef;
+	--up-subsection-bar-color: #ffffff;
+	--up-subsection-inactive-color: #303133;
+	--up-subsection-disabled-text-color: #c8c9cc;
+	--up-subsection-disabled-border-color: #d4d4d4;
+	--up-subsection-disabled-bar-color: #f5f5f5;
+}
+
+@media (prefers-color-scheme: dark) {
+	:host {
+		--up-subsection-bg-color: #2b2c30;
+		--up-subsection-bar-color: #3a3b40;
+		--up-subsection-inactive-color: #d1d5db;
+		--up-subsection-disabled-text-color: #6b7280;
+		--up-subsection-disabled-border-color: #3a3a3c;
+		--up-subsection-disabled-bar-color: #3a3a3c;
+	}
+}
+/* #endif */
+
+/* #ifndef MP-WEIXIN */
 :root,
 page,
 body {
@@ -39,3 +62,4 @@ body {
 	--up-subsection-disabled-border-color: #3a3a3c;
 	--up-subsection-disabled-bar-color: #3a3a3c;
 }
+/* #endif */

package/components/u-switch/theme-vars.scss

@@ -1,3 +1,26 @@
+/* #ifdef MP-WEIXIN */
+:host {
+	--up-switch-active-color: #3c9cff;
+	--up-switch-inactive-color: #ffffff;
+	--up-switch-dot-active-color: #ffffff;
+	--up-switch-dot-inactive-color: #ffffff;
+	--up-switch-loading-inactive-color: #aaabad;
+	--up-switch-border-color: rgba(0, 0, 0, 0.12);
+}
+
+@media (prefers-color-scheme: dark) {
+	:host {
+		--up-switch-active-color: #3c9cff;
+		--up-switch-inactive-color: #3a3a3c;
+		--up-switch-dot-active-color: #ffffff;
+		--up-switch-dot-inactive-color: #d1d5db;
+		--up-switch-loading-inactive-color: #9ca3af;
+		--up-switch-border-color: #4b5563;
+	}
+}
+/* #endif */
+
+/* #ifndef MP-WEIXIN */
 :root,
 page,
 body {
@@ -39,3 +62,4 @@ body {
 	--up-switch-loading-inactive-color: #9ca3af;
 	--up-switch-border-color: #4b5563;
 }
+/* #endif */

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'
@@ -99,9 +105,14 @@
 					this.itemShape,
 					this.iconScale,
 					this.textMode,
-					this.borderColor
+					this.borderColor,
+					this.border,
+					this.customStyle
 				]
 			},
+			midButtonBorderTopOffset() {
+				return this.border ? 0.25 : 0
+			},
 			updatePlaceholder() {
 				return [this.fixed, this.placeholder]
 			}

package/components/u-tabbar-item/midButtonGeometry.js

@@ -0,0 +1,19 @@
+const MID_BUTTON_SIZE = 64
+
+export function clampMidButtonBorderClipHeight(value) {
+	const height = Number(value)
+	if (!Number.isFinite(height)) return 0
+	return Math.min(Math.max(height, 0), MID_BUTTON_SIZE)
+}
+
+export function calculateMidButtonBorderClipHeight({
+	contentTop,
+	circleTop,
+	borderTopOffset = 0
+}) {
+	const targetTop = Number(contentTop)
+	const currentTop = Number(circleTop)
+	const borderOffset = Number(borderTopOffset)
+	if (![targetTop, currentTop, borderOffset].every(Number.isFinite)) return 0
+	return clampMidButtonBorderClipHeight(targetTop + borderOffset - currentTop)
+}