uview-plus 3.8.128 → 3.8.130

package/changelog.md

@@ -1,3 +1,22 @@
+## 3.8.130
+fix: 修复微信小程序 u-text 的 v-bind 编译报错
+
+修复 3.8.128 引入的 u-text 小程序编译兼容性回归，恢复组件原有的属性继承行为。
+
+- u-text：移除原生 button 上不受小程序编译器支持的 v-bind="$attrs"，修复 v-bind="" is not supported. 报错。
+- u-text：恢复根节点属性继承，避免普通文本的 id、data-* 等属性丢失；保留原有 data-index、open-type 属性与事件绑定。
+- 回归验证：新增真实微信小程序模板编译和 H5 属性继承测试，并通过微信小程序全量构建。
+- 升级说明：撤回 3.8.128 中任意 data-* 属性向内部分享按钮的自动透传尝试；需要自定义分享数据时，请使用原生 button 显式绑定 data-* 并设置 open-type="share"。
+
+## 3.8.129
+fix: 修复条码画布引用时序与微信小程序导航栏胶囊遮挡
+
+本次更新修复条码组件获取画布引用的时序问题，并优化微信小程序导航栏右侧区域布局。
+
+- u-barcode：等待组件自身视图更新后再获取画布引用，避免画布引用尚未就绪。
+- u-navbar：微信小程序右侧插槽、图标和文字默认避让原生胶囊按钮，修复遮挡问题（#1058）。
+- u-navbar：新增 avoidCapsule 属性，默认 true，可设置为 false 保持原有右侧布局；同步全局默认配置与类型声明。
+
 ## 3.8.128
 feat: 新增 u-video 视频播放器组件，并集中修复列表滚动、日历副标题、下拉菜单等 20+ 个问题
 

package/components/u-barcode/u-barcode.vue

@@ -359,7 +359,7 @@ export default {
     },
 
     async getCanvasRef(refName) {
-      await nextTick()
+      await this.$nextTick()
       const canvas = this.$refs[refName]
       if (!canvas) {
         throw new Error(`Canvas ref not found: ${refName}`)

package/components/u-navbar/navbar.js

@@ -28,7 +28,8 @@ export default {
 		autoBack: false,
 		titleStyle: '',
 		mode: 'default',
-		scrollTop: 0
+		scrollTop: 0,
+		avoidCapsule: true
     }
 
 }

package/components/u-navbar/props.js

@@ -104,6 +104,11 @@ export const props = defineMixin({
 		scrollTop: {
 			type: [String, Number],
 			default: () => defProps.navbar.scrollTop
-		}
+		},
+		// 微信小程序端右侧区域是否避让右上角原生胶囊按钮
+		avoidCapsule: {
+			type: Boolean,
+			default: () => defProps.navbar.avoidCapsule
+		},
 	}
 })

package/components/u-navbar/u-navbar.vue

@@ -85,6 +85,7 @@
 				</view>
 				<view
 					class="u-navbar__content__right"
+					:style="[navbarRightStyle]"
 					v-if="$slots.right || rightIcon || rightText"
 					@tap="rightClick"
 				>
@@ -143,6 +144,7 @@
 	 * @property {Object | String}	titleStyle			标题的样式，对象或字符串
 	 * @property {String}			mode				导航栏模式，default-常规，ios-大标题磨砂模式（默认 'default' ）
 	 * @property {String | Number}	scrollTop			页面滚动距离，仅 ios 模式使用，由页面 onPageScroll 传入（默认 0 ）
+	 * @property {Boolean}			avoidCapsule		微信小程序端右侧区域是否避让右上角原生胶囊按钮（默认 true ）
 	 * @event {Function} leftClick		点击左侧区域
 	 * @event {Function} rightClick		点击右侧区域
 	 * @example <u-navbar title="剑未配妥，出门已是江湖" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></u-navbar>
@@ -221,9 +223,24 @@
 				if (this.leftIconColor) return this.leftIconColor
 				return this.upThemeVar('--up-main-color', this.$u.color.mainColor)
 			},
-			navbarRightColor() {
-				return this.upThemeVar('--up-main-color', this.$u.color.mainColor)
-			},
+		navbarRightColor() {
+			return this.upThemeVar('--up-main-color', this.$u.color.mainColor)
+		},
+		// 微信小程序端右侧区域避让右上角原生胶囊按钮：
+		// 将容器右边缘从屏幕右缘移到胶囊左缘，内容随容器自带 padding 自然留出间距。
+		navbarRightStyle() {
+			// #ifdef MP-WEIXIN
+			if (!this.avoidCapsule) return {}
+			const rect = uni.getMenuButtonBoundingClientRect()
+			const windowWidth = getWindowInfo().windowWidth
+			// 胶囊信息不可用（部分调试环境返回全 0）时维持原有布局
+			if (!rect || !rect.left || !windowWidth) return {}
+			return { right: `${windowWidth - rect.left}px` }
+			// #endif
+			// #ifndef MP-WEIXIN
+			return {}
+			// #endif
+		},
 			navbarInnerStyle() {
 				const style = {}
 				style.background = this.navbarBgColor

package/components/u-text/u-text.vue

@@ -44,7 +44,6 @@
                 :send-message-img="sendMessageImg"
                 :show-message-card="showMessageCard"
                 :app-parameter="appParameter"
-                v-bind="$attrs"
             >
                 {{ value }}
             </button>
@@ -124,7 +123,6 @@ export default {
     // #ifndef MP
     mixins: [mpMixin, mixin, value, props],
     // #endif
-	inheritAttrs: false,
 	emits: ['click'],
     computed: {
         wrapStyle() {

package/package.json

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

package/types/comps/navbar.d.ts

@@ -94,6 +94,12 @@ declare interface NavbarProps {
    * @default 0
    */
   scrollTop?: string | number
+  /**
+   * 微信小程序端右侧区域是否避让右上角原生胶囊按钮，
+   * 避让后右边缘与胶囊左缘对齐。其他平台无胶囊，此属性不生效。
+   * @default true
+   */
+  avoidCapsule?: boolean
   /**
    * 点击左侧区域
    */