uview-plus 3.8.32 → 3.8.39

package/README.md

@@ -86,3 +86,5 @@ uview-plus现已推出免费可视化设计，可以方便的进行页面可视
 
 ## 版权信息
 uview-plus遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，意味着您无需支付任何费用，也无需授权，即可将uview-plus应用到您的产品中。
+
+Root 组件基于上游项目 `uni-ku/root` 二次开发，已按 MIT 要求保留其原始授权文件：`libs/root/LICENSE`。

package/changelog.md

@@ -1,3 +1,42 @@
+## 3.8.39（2026-05-27）
+feat: 新增 tabbar 风格体系与动态图标表现
+
+- 为 tabbar 增加多种内置风格、轻量选中动画与双态图标支持。
+- 扩展示例页覆盖普通场景、NVUE 场景及中间按钮组合用法。
+
+## 3.8.38（2026-05-25）
+add: uni-ku/root上游组建的协议原文
+
+## 3.8.37（2026-05-22）
+feat: 日历组件新增今天按钮并支持快速回到当月
+
+在日历头部增加今天按钮与禁用态，点击后可跳转到今天所在月份；为今天日期增加独立高亮样式且不覆盖用户当前已选日期。同时补充 showToday 配置、类型声明与多语言文案键，保证不同语言和模式下行为一致。
+
+## 3.8.36（2026-05-20）
+fix: 修复 u-parse 链接点击在 iOS 端可能闪退的问题
+
+- 在 u-parse 的两个链接点击入口统一增加 href 规范化与外链判断，避免空值或非法值传入 plus.runtime.openWeb/openURL。
+- 同时将原生外链打开封装为受保护调用并添加异常兜底，降低 APP-PLUS 与 APP-HARMONY 下点击链接导致崩溃的风险。
+
+## 3.8.35（2026-05-19）
+fix: 修复up-input在confirm阶段可能丢失扫码内容
+
+- 问题背景：issue #1011 反馈外接扫码枪场景下，up-input 的 confirm 回调偶发丢码，连续0更明显。
+- 原因分析：组件 onConfirm 直接返回 innerValue，当扫码输入与回车触发节奏接近时，confirm 可能早于最后一次 input 同步，导致取到旧值。
+- 改动说明：onConfirm 优先使用 event.detail.value，若平台未提供该字段再回退到 innerValue，兼容原有行为并降低扫码场景丢码风险。
+## 3.8.34（2026-05-18）
+fix: 仅在 TabBar 页面同步 TabBar 样式
+
+- 在 libs/theme/runtime.js 新增 isTabBarPage 与 trySetTabBarStyle，统一封装 TabBar 页面判断与安全调用。
+- 在 runtime/theme/common mixin 的原生主题同步路径中，全部改为调用 trySetTabBarStyle，不再直接调用 uni.setTabBarStyle。
+
+## 3.8.33（2026-05-17）
+fix: 修复主题变量桥接与 nvue 按钮取色问题
+
+- 调整主题 bridge 的导出位置，避免 legacy light 变量在样式注入后覆盖用户自定义 CSS 变量。
+- 修复 up-button 在 nvue 下的主题取色与 info/plain 样式问题，补充运行时取色兜底，避免按钮颜色错误或主题方法缺失时报错。
+- 同步更新示例接入、版本号与变更记录，保持主题改造后的行为与文档一致。
+
 ## 3.8.32（2026-05-14）
 feat: 新增二维码静区配置
 
@@ -2088,3 +2127,7 @@ fix: #261u-input在直接修改v-model的绑定值时，每隔一次会无法出
 增加插件市场地址
 ## 3.0.0（2022-07-09）
 # uview-plus(vue3)初步发布
+## 3.8.39
+
+- feat: tabbar 新增多种风格预设、动态图标切换与轻量选中动画
+- improvment: tabbar 补充高颜值本地图标示例并优化发布型底栏视觉

package/components/u-button/u-button.vue

@@ -117,6 +117,7 @@ import { mixin } from '../../libs/mixin/mixin';
 import { props } from "./props";
 import { addStyle } from '../../libs/function/index';
 import { throttle } from '../../libs/function/throttle';
+import { getThemeVar } from '../../libs/theme/runtime.js';
 /**
  * button 按钮
  * @description Button 按钮
@@ -194,8 +195,43 @@ export default {
         isDarkTheme() {
             return this.$u.theme && this.$u.theme.mode === 'dark';
         },
+        nvueMainColor() {
+            return this.resolveNvueColor(this.$u.color.mainColor, this.isDarkTheme ? '#f5f5f5' : '#303133');
+        },
+        nvueBorderColor() {
+            return this.resolveNvueColor(this.$u.color.borderColor, this.isDarkTheme ? '#3a3a3c' : '#dadbde');
+        },
         themeTypeColor() {
-            return this.$u.color[this.type] || this.$u.color.info;
+            const fallbackMap = {
+                primary: '#3c9cff',
+                success: '#5ac725',
+                warning: '#f9ae3d',
+                error: '#f56c6c',
+                info: '#909399',
+            };
+            const type = fallbackMap[this.type] ? this.type : 'info';
+            return this.resolveNvueColor(
+                this.upThemeVar(`--up-${type}`, fallbackMap[type]),
+                fallbackMap[type]
+            );
+        },
+        nvueInfoBackgroundColor() {
+            return this.upThemeVar(
+                '--up-button-info-background-color',
+                this.upThemeVar(
+                    '--up-card-bg-color',
+                    this.isDarkTheme ? '#1c1c1e' : '#ffffff'
+                )
+            );
+        },
+        nvuePlainBackgroundColor() {
+            return this.upThemeVar(
+                '--up-button-plain-background-color',
+                this.upThemeVar(
+                    '--up-card-bg-color',
+                    this.isDarkTheme ? '#1c1c1e' : '#ffffff'
+                )
+            );
         },
         loadingColor() {
             if (this.plain) {
@@ -212,13 +248,11 @@ export default {
         iconColorCom() {
             // 如果是镂空状态，设置了color就用color值，否则使用主题颜色，
             // up-icon的color能接受一个主题颜色的值
-			if (this.iconColor) return this.iconColor;
+            if (this.iconColor) return this.iconColor;
 			if (this.plain) {
                 return this.color ? this.color : this.type;
             } else {
-                return this.type === "info"
-                    ? (this.isDarkTheme ? "#f3f4f6" : "#000000")
-                    : "#ffffff";
+                return this.type === "info" ? this.nvueMainColor : "#ffffff";
             }
         },
         baseColor() {
@@ -249,26 +283,28 @@ export default {
                 }
                 return style;
             }
+            // #ifdef APP-NVUE
             const typeColor = this.themeTypeColor;
             if (this.plain) {
-                style.color = this.type === 'info' ? this.$u.color.mainColor : typeColor;
-                style.backgroundColor = this.isDarkTheme ? '#1c1c1e' : '#ffffff';
-                style.borderColor = this.type === 'info' ? this.$u.color.borderColor : typeColor;
+                style.color = this.type === 'info' ? this.nvueMainColor : typeColor;
+                style.backgroundColor = this.nvuePlainBackgroundColor;
+                style.borderColor = this.type === 'info' ? this.nvueBorderColor : typeColor;
                 style.borderWidth = this.hairline ? '0.5px' : '1px';
                 style.borderStyle = 'solid';
             } else {
                 style.borderWidth = this.hairline ? '0.5px' : '1px';
                 style.borderStyle = 'solid';
                 if (this.type === 'info') {
-                    style.color = this.$u.color.mainColor;
-                    style.backgroundColor = this.isDarkTheme ? '#2c2c2e' : '#ffffff';
-                    style.borderColor = this.$u.color.borderColor;
+                    style.color = this.nvueMainColor;
+                    style.backgroundColor = this.nvueInfoBackgroundColor;
+                    style.borderColor = this.nvueBorderColor;
                 } else {
                     style.color = '#ffffff';
                     style.backgroundColor = typeColor;
                     style.borderColor = typeColor;
                 }
             }
+            // #endif
             return style;
         },
         // nvue版本按钮的字体不会继承父组件的颜色，需要对每一个text组件进行单独的设置
@@ -276,7 +312,7 @@ export default {
             let style = {};
             // 针对自定义了color颜色的情况，镂空状态下，就是用自定义的颜色
             if (this.type === "info") {
-                style.color = this.$u.color.mainColor;
+                style.color = this.nvueMainColor;
             }
             if (this.color) {
                 style.color = this.plain ? this.color : "white";
@@ -301,6 +337,14 @@ export default {
 		'error', 'opensetting', 'launchapp', 'agreeprivacyauthorization'],
     methods: {
         addStyle,
+        resolveNvueColor(colorValue, fallbackColor) {
+            if (typeof colorValue !== 'string') return fallbackColor;
+            if (colorValue.indexOf('var(') > -1) return fallbackColor;
+            return colorValue;
+        },
+        upThemeVar(varName, fallbackColor) {
+            return getThemeVar(varName, fallbackColor, this.$u);
+        },
         clickHandler(e: any) {
             // 非禁止并且非加载中，才能点击
             if (!this.disabled && !this.loading) {
@@ -362,9 +406,9 @@ $u-button-mini-height: 22px !default;
 $u-button-mini-font-size: 10px !default;
 $u-button-mini-min-width: 50px !default;
 $u-button-disabled-opacity: 0.5 !default;
-$u-button-info-color: #323233 !default;
-$u-button-info-background-color: #fff !default;
-$u-button-info-border-color: #ebedf0 !default;
+$u-button-info-color: $u-main-color !default;
+$u-button-info-background-color: var(--up-button-info-background-color, var(--up-card-bg-color, #fff)) !default;
+$u-button-info-border-color: $u-border-color !default;
 $u-button-info-border-width: 1px !default;
 $u-button-info-border-style: solid !default;
 $u-button-success-color: #fff !default;
@@ -397,7 +441,7 @@ $u-button-square-border-top-left-radius: 3px !default;
 $u-button-square-border-bottom-left-radius: 3px !default;
 $u-button-square-border-bottom-right-radius: 3px !default;
 $u-button-icon-min-width: 1em !default;
-$u-button-plain-background-color: #fff !default;
+$u-button-plain-background-color: var(--up-button-plain-background-color, var(--up-card-bg-color, #fff)) !default;
 $u-button-hairline-border-width: 0.5px !default;
 
 .u-button {

package/components/u-calendar/calendar.js

@@ -38,9 +38,10 @@ export default {
         showRangePrompt: true,
         allowSameDay: false,
 		round: 0,
-		monthNum: 3,
-        monthSwitch: false,
-        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")],
+		monthNum: 3,
+        monthSwitch: false,
+        showToday: true,
+        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"),
         monthFormat: '',

package/components/u-calendar/header.vue

@@ -4,10 +4,10 @@
 			class="u-calendar-header__title"
 			v-if="showTitle"
 		>{{ title }}</text>
-		<view
-			class="u-calendar-header__subtitle-wrap"
-			v-if="showSubtitle"
-		>
+		<view
+			class="u-calendar-header__subtitle-wrap"
+			v-if="showSubtitle"
+		>
 			<text
 				v-if="showSwitch"
 				class="u-calendar-header__switch"
@@ -27,13 +27,19 @@
 				:class="{ 'u-calendar-header__switch--disabled': nextDisabled }"
 				@click="next"
 			>›</text>
-			<text
-				v-if="showSwitch"
-				class="u-calendar-header__switch"
-				:class="{ 'u-calendar-header__switch--disabled': nextYearDisabled }"
-				@click="nextYear"
-			>»</text>
-		</view>
+			<text
+				v-if="showSwitch"
+				class="u-calendar-header__switch"
+				:class="{ 'u-calendar-header__switch--disabled': nextYearDisabled }"
+				@click="nextYear"
+			>»</text>
+			<text
+				v-if="showToday"
+				class="u-calendar-header__today"
+				:class="{ 'u-calendar-header__today--disabled': todayDisabled }"
+				@click="today"
+			>{{ todayText }}</text>
+		</view>
 		<view class="u-calendar-header__weekdays">
 			<text class="u-calendar-header__weekdays__weekday">{{ weekText[0] }}</text>
 			<text class="u-calendar-header__weekdays__weekday">{{ weekText[1] }}</text>
@@ -100,12 +106,27 @@
 				type: Boolean,
 				default: false
 			},
-			// 下一年按钮是否禁用
-			nextYearDisabled: {
-				type: Boolean,
-				default: false
-			}
-		},
+			// 下一年按钮是否禁用
+			nextYearDisabled: {
+				type: Boolean,
+				default: false
+			},
+			// 是否显示今天按钮
+			showToday: {
+				type: Boolean,
+				default: true
+			},
+			// 今天按钮文案
+			todayText: {
+				type: String,
+				default: ''
+			},
+			// 今天按钮是否禁用
+			todayDisabled: {
+				type: Boolean,
+				default: false
+			}
+		},
 		data() {
 			return {
 
@@ -127,13 +148,18 @@
 					this.$emit('prevYear')
 				}
 			},
-			nextYear() {
-				if (!this.nextYearDisabled) {
-					this.$emit('nextYear')
-				}
-			}
-		},
-	}
+			nextYear() {
+				if (!this.nextYearDisabled) {
+					this.$emit('nextYear')
+				}
+			},
+			today() {
+				if (!this.todayDisabled) {
+					this.$emit('today')
+				}
+			}
+		},
+	}
 </script>
 
 <style lang="scss" scoped>
@@ -182,17 +208,33 @@
 			}
 		}
 
-		&__weekdays {
-			@include flex;
-			justify-content: space-between;
+		&__weekdays {
+			@include flex;
+			justify-content: space-between;
 
 			&__weekday {
 				font-size: 13px;
 				color: var(--up-main-color, $u-main-color);
 				line-height: 30px;
 				flex: 1;
-				text-align: center;
-			}
-		}
-	}
-</style>
+				text-align: center;
+			}
+		}
+
+		&__today {
+			margin-left: 4px;
+			height: 28px;
+			line-height: 28px;
+			padding: 0 10px;
+			border-radius: 14px;
+			font-size: 13px;
+			color: var(--up-primary, $u-primary);
+			border: 1px solid var(--up-primary, $u-primary);
+			flex-shrink: 0;
+
+			&--disabled {
+				opacity: 0.35;
+			}
+		}
+	}
+</style>

package/components/u-calendar/month.vue

@@ -135,6 +135,11 @@
 			forbidDaysToast: {
 				type: String,
 				default: ''
+			},
+			// 今天日期，用于独立高亮
+			todayDate: {
+				type: String,
+				default: ''
 			}
 		},
 		data() {
@@ -193,6 +198,10 @@
 					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}`
+						style.boxSizing = 'border-box'
+					}
 					if (this.mode === 'single') {
 						if (date === this.selected[0]) {
 							// 因为需要对nvue的兼容，只能这么写，无法缩写，也无法通过类名控制等等

package/components/u-calendar/props.js

@@ -148,6 +148,11 @@ export const props = defineMixin({
 			type: Boolean,
 			default: () => defProps.calendar.monthSwitch
 		},
+		// 是否显示今天按钮
+		showToday: {
+			type: Boolean,
+			default: () => defProps.calendar.showToday
+		},
         // 星期文案
         weekText: {
 			type: Array,

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

@@ -16,6 +16,9 @@
 				:showTitle="showTitle"
 				:weekText="weekText"
 				:showSwitch="monthSwitch"
+				:showToday="showToday"
+				:todayText="todayText"
+				:todayDisabled="todayDisabled"
 				:prevDisabled="switchPrevDisabled"
 				:nextDisabled="switchNextDisabled"
 				:prevYearDisabled="switchPrevYearDisabled"
@@ -24,6 +27,7 @@
 				@next="nextMonth"
 				@prevYear="prevYear"
 				@nextYear="nextYear"
+				@today="jumpToToday"
 			></uHeader>
 			<scroll-view
 				v-if="!monthSwitch"
@@ -56,6 +60,7 @@
 					:forbidDays="forbidDays"
 					:forbidDaysToast="forbidDaysToast"
 					:monthFormat="monthFormat"
+					:todayDate="todayDate"
 					ref="month"
 					@monthSelected="monthSelected"
 					@updateMonthTop="onUpdateMonthTop"
@@ -88,6 +93,7 @@
 					:forbidDays="forbidDays"
 					:forbidDaysToast="forbidDaysToast"
 					:monthFormat="monthFormat"
+					:todayDate="todayDate"
 					ref="month"
 					@monthSelected="monthSelected"
 					@updateMonthTop="onUpdateMonthTop"
@@ -121,6 +127,7 @@ import { mpMixin } from '../../libs/mixin/mpMixin.js'
 import { mixin } from '../../libs/mixin/mixin.js'
 import { addUnit, getPx, range, error, padZero } from '../../libs/function/index';
 import test from '../../libs/function/test';
+import { t } from '../../libs/i18n'
 /**
  * Calendar 日历
  * @description  此组件用于单个选择日期，范围选择日期等，日历被包裹在底部弹起的容器中.
@@ -224,6 +231,28 @@ export default {
 				? Number(this.minDate)
 				: this.minDate
 		},
+		todayDate() {
+			return dayjs().format('YYYY-MM-DD')
+		},
+		todayText() {
+			return t('up.calendar.today')
+		},
+		todayDisabled() {
+			const today = dayjs(this.todayDate)
+			const minDate = this.innerMinDate
+				? dayjs(this.innerMinDate)
+				: null
+			const maxDate = this.innerMaxDate
+				? dayjs(this.innerMaxDate)
+				: null
+			if (minDate && today.isBefore(minDate, 'day')) {
+				return true
+			}
+			if (maxDate && today.isAfter(maxDate, 'day')) {
+				return true
+			}
+			return false
+		},
 		// 多个条件的变化，会引起选中日期的变化，这里统一管理监听
 		selectedChange() {
 			return [this.innerMinDate, this.innerMaxDate, this.defaultDate]
@@ -449,6 +478,22 @@ export default {
 				this.monthIndex += 12
 			}
 		},
+		jumpToToday() {
+			if (this.todayDisabled) {
+				return
+			}
+			const targetMonth = dayjs(this.todayDate).format('YYYY-MM')
+			if (this.monthSwitch) {
+				const todayMonthIndex = this.months.findIndex(({ year, month }) => {
+					return `${year}-${padZero(month)}` === targetMonth
+				})
+				if (todayMonthIndex !== -1) {
+					this.monthIndex = todayMonthIndex
+				}
+				return
+			}
+			this.scrollIntoDefaultMonth(targetMonth)
+		},
 		// 滚动到默认设置的月份
 		scrollIntoDefaultMonth(selected) {
 			// 查询默认日期在可选列表的下标
@@ -462,6 +507,7 @@ export default {
 			if (_index !== -1) {
 				// #ifndef MP-WEIXIN
 				this.$nextTick(() => {
+					this.scrollIntoView = ''
 					this.scrollIntoView = `month-${_index}`
 					this.scrollIntoViewScroll = this.scrollIntoView
 				})

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

@@ -324,7 +324,9 @@ export default {
         },
         // 点击完成按钮时触发
         onConfirm(event) {
-            this.$emit("confirm", this.innerValue);
+            const detail = event && event.detail ? event.detail : {};
+            const confirmValue = typeof detail.value !== "undefined" ? detail.value : this.innerValue;
+            this.$emit("confirm", confirmValue);
         },
         // 键盘高度发生变化的时候触发此事件
         // 兼容性：微信小程序2.7.0+、App 3.1.0+

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

@@ -185,6 +185,53 @@ export default {
     // #ifdef MP-WEIXIN
     toJSON () { return this },
     // #endif
+    /**
+     * @description 规范化链接地址
+     * @param {any} href
+     * @return {String}
+     */
+    normalizeHref (href) {
+      return typeof href === 'string' ? href.trim() : ''
+    },
+
+    /**
+     * @description 判断是否为外部链接
+     * @param {String} href
+     * @return {Boolean}
+     */
+    isExternalLink (href) {
+      return href.split('?')[0].includes('://')
+    },
+
+    /**
+     * @description 打开外部链接
+     * @param {String} href
+     */
+    openExternalLink (href) {
+      // #ifdef H5
+      window.open(href)
+      // #endif
+      // #ifdef MP
+      uni.setClipboardData({
+        data: href,
+        success: () =>
+          uni.showToast({
+            title: '链接已复制'
+          })
+      })
+      // #endif
+      // #ifdef APP-PLUS
+      try {
+        plus.runtime.openWeb(href)
+      } catch (e) { }
+      // #endif
+      // #ifdef APP-HARMONY
+      try {
+        plus.runtime.openURL(href)
+      } catch (e) { }
+      // #endif
+    },
+
     /**
      * @description 播放视频事件
      * @param {Event} e
@@ -341,7 +388,7 @@ export default {
     linkTap (e) {
       const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}
       const attrs = node.attrs || e
-      const href = attrs.href
+      const href = this.normalizeHref(attrs.href)
       this.root.$emit('linktap', Object.assign({
         innerText: this.root.getText(node.children || []) // 链接内的文本内容
       }, attrs))
@@ -349,27 +396,10 @@ export default {
         if (href[0] === '#') {
           // 跳转锚点
           this.root.navigateTo(href.substring(1)).catch(() => { })
-        } else if (href.split('?')[0].includes('://')) {
+        } else if (this.isExternalLink(href)) {
           // 复制外部链接
           if (this.root.copyLink) {
-            // #ifdef H5
-            window.open(href)
-            // #endif
-            // #ifdef MP
-            uni.setClipboardData({
-              data: href,
-              success: () =>
-                uni.showToast({
-                  title: '链接已复制'
-                })
-            })
-            // #endif
-            // #ifdef APP-PLUS
-            plus.runtime.openWeb(href)
-            // #endif
-            // #ifdef APP-HARMONY
-            plus.runtime.openURL(href)
-            // #endif
+            this.openExternalLink(href)
           }
         } else {
           // 跳转页面

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

@@ -130,6 +130,41 @@ export default {
 		this._hook('onDetached')
 	},
 	methods: {
+		/**
+		 * @description 规范化链接地址
+		 * @param {any} href
+		 * @return {String}
+		 */
+		normalizeHref(href) {
+			return typeof href === 'string' ? href.trim() : ''
+		},
+
+		/**
+		 * @description 判断是否为外部链接
+		 * @param {String} href
+		 * @return {Boolean}
+		 */
+		isExternalLink(href) {
+			return href.split('?')[0].includes('://')
+		},
+
+		/**
+		 * @description 打开外部链接
+		 * @param {String} href
+		 */
+		openExternalLink(href) {
+			// #ifdef APP-PLUS
+			try {
+				plus.runtime.openWeb(href)
+			} catch (e) { }
+			// #endif
+			// #ifdef APP-HARMONY
+			try {
+				plus.runtime.openURL(href)
+			} catch (e) { }
+			// #endif
+		},
+
 		/**
 		 * @description 将锚点跳转的范围限定在一个 scroll-view 内
 		 * @param {Object} page scroll-view 所在页面的示例
@@ -420,7 +455,7 @@ export default {
 					break
 				// 链接点击
 				case 'onLinkTap': {
-					const href = message.attrs.href
+					const href = this.normalizeHref(message.attrs.href)
 					this.$emit('linktap', message.attrs)
 					if (href) {
 						// 锚点跳转
@@ -430,15 +465,10 @@ export default {
 									offset: message.offset
 								})
 							}
-						} else if (href.includes('://')) {
+						} else if (this.isExternalLink(href)) {
 							// 打开外链
 							if (this.copyLink) {
-							    // #ifdef APP-PLUS
-                                plus.runtime.openWeb(href)
-                                // #endif
-                                // #ifdef APP-HARMONY
-                                plus.runtime.openURL(href)
-                                // #endif
+								this.openExternalLink(href)
 							}
 						} else {
 							uni.navigateTo({