uview-plus 3.8.106 → 3.8.112

package/changelog.md

@@ -1,3 +1,83 @@
+## 3.8.112
+feat: navbar 新增 iOS 大标题模式
+
+新增 `mode` 属性，`ios` 值提供现代 iOS 系统应用的导航栏体验：进入页面时导航栏背景透明、标题以 34px 左对齐显示；向下滚动时大标题被压缩进导航栏，标题过渡为常规居中形态，同时出现毛玻璃磨砂背景。
+
+- 新增 `mode` 属性，可选 `default`（默认）与 `ios`，非法值按 `default` 处理
+- 新增 `scrollTop` 属性接收页面滚动距离，需由页面 `onPageScroll` 传入；不传时停留在大标题展开态
+- 大标题渲染在 in-flow 层靠原生滚动位移，不经过 JS，小程序端不会因 setData 回程产生拖影
+- 磨砂采用 0.82 不透明底色叠加 `backdrop-filter`：支持的端得到真实毛玻璃，不支持的端仍有 82% 不透明底色兜住文字可读性
+- 玻璃与居中标题的透明度曲线分段递进（0-0.5 与 0.75-1），确保任何滚动位置都不出现两段标题文字互相透出
+- 居中标题在淡入的同时由下方 12px 上浮就位，并带 0.15s 过渡补齐离散滚动事件之间的空隙
+- 新增 `--up-navbar-glass-bg-color` 与 `--up-navbar-glass-blur` 主题变量，跟随明暗模式切换
+- 新增 verify:navbar-ios-mode 校验脚本
+
+已知边界：`ios` 模式下 `fixed` 与 `placeholder` 被忽略——固定层恒定固定，in-flow 层恒定渲染，因为该层承载的是大标题这一实际内容而非可选占位。nvue 端因缺少 filter 管线、页面非原生滚动容器、`onPageScroll` 不可靠三项约束，传入 `mode="ios"` 时整体降级为 `default`。
+
+`default` 模式的结构、样式与属性语义完全不变。
+
+## 3.8.111
+fix: 修复小程序端使用交叉观察器组件时控制台报枚举实例键告警（#864）
+
+小程序端 `uni.createIntersectionObserver(this)` 会把 Vue 实例代理直接透传给原生 API，原生内部的 `Object.keys(vm)` 命中 Vue 开发模式下的 ownKeys 拦截，从而输出告警：
+`[Vue warn]: Avoid app logic that relies on enumerating keys on a component instance.`
+根因是 uni-app 只为 `createSelectorQuery` 做了 `$scope` 解包，一直没有为 `createIntersectionObserver` 做同样处理。
+
+- 新增 `upCreateIntersectionObserver(comp, options)` 公共方法：优先调用组件实例上的同名方法（内部已完成实例解包，不会外泄代理），APP 端实例上没有该方法时回退到全局 API
+- u-lazy-load、u-sticky、u-cate-tab 三个组件改用该方法，小程序端不再产生告警
+- u-sticky 的 `thresholds: [0.95, 0.98, 1]` 原样透传。注意不能改传 `comp.$scope`：APP 端页面的 `$scope` 仅为 `{ $getAppWebview }`，会被全局 API 误判成 options 参数，导致真实配置被静默丢弃
+- u-parse/node 的观察器位于 `#ifdef H5 || APP-PLUS` 条件编译块内，不会编译进小程序，故保持不变
+- 补充 `upCreateIntersectionObserver` 类型定义，新增 verify:up-create-intersection-observer 校验脚本
+
+组件对外行为不变，APP 端调用路径与配置均保持原样。
+
+## 3.8.110
+feat: cropper 支持外部图片路径直接裁剪（#897）
+
+- `chooseImage` 第二个参数新增 `imageSrc`，可传业务拍照或选图得到的本地临时路径并直接开始裁剪
+- 有效 `imageSrc` 会跳过组件内置 `uni.chooseImage`；未传、空字符串或非字符串仍保持原选图行为
+- 外部路径与系统选图复用同一套图片信息读取、裁剪框初始化和绘制流程
+- “重选”按钮仍打开系统图片选择器；远程地址继续受目标平台读取能力和 H5 跨域限制
+
+## 3.8.109
+feat: popup 关闭事件补齐，新增 closed 事件（#902）
+
+close 此前只在点击遮罩、点击关闭图标时发出。外部直接把 show 置为 false 时组件内部没有走过关闭动作，不会发出任何事件，业务侧就少了一个"弹窗已关闭"的统一监听点。
+
+- u-popup: show 由 true 变 false 时补发 close，任意关闭方式都能被监听到。内部关闭走 emitClose()，它先同步置位去重标记再 emit，因此下游在 close 的同步 handler 里修改 show 数据源不会被误判成外部关闭而重复发出
+- u-popup: 新增 closed 事件，接 u-transition 已有但一直无人监听的 afterLeave，在离场动画结束、弹窗真正消失后发出。close 是"开始关闭"，closed 是"已关闭"
+- pageInline 模式下 transition 的 show 恒为 true、不执行离场动画，收不到 afterLeave，改由 watch 补发 closed
+- closed 透传到 u-picker、u-datetime-picker、u-action-sheet、u-keyboard、u-calendar、u-color-picker、u-picker-data、u-goods-sku。其中 u-datetime-picker、u-picker-data 包裹的是 u-picker，属二级透传；u-calendar 只从主体 popup 转发，关闭内部时间选择器不会误报
+- 补充 popup/picker/datetimePicker/actionSheet/keyboard/calendar 的 onClosed 类型定义
+- 新增 verify:popup-close-events 校验脚本
+
+组件保持纯受控，渲染只依赖 show prop，未引入内部副本，老用户行为不变。
+
+已知取舍：业务在 close 里跨 nextTick 才把 show 置为 false 时，close 会发两次。去重标记只在当次更新周期内有效是刻意的，否则残留标记会吞掉后续真实的关闭事件。这类异步确认场景应改用 closed，它只在弹窗真正消失时发出一次。
+
+## 3.8.108（2026-08-18）
+fix: 修复鸿蒙二维码不显示、海报文字不换行等绘图问题
+
+鸿蒙 CanvasContext.measureText 同步返回值恒为 0，真实宽度只通过可选 callback 经 evalJSAsync 异步回传；
+而 uni-app-plus 走 evalJSSync 同步就能拿到真值。这是同样代码在安卓
+正常、鸿蒙异常的根因。
+
+宽度 0 会让 drawTextWithLineClamp 里 `0 <= maxWidth` 恒成立，整段
+文本被当成一行放得下直接输出，标题横穿并压到二维码上。
+
+- u-canvas: 新增 #ifdef APP-HARMONY 的 callback 测量分支；measureText
+  不再把 0 当有效值外传；新增 estimateTextWidth 兜底
+- u-poster: measureTextWidth 拿到非正数宽度时改用估算，不再 `|| 0` 静默吞掉
+- 兜底估算区分全角/半角（全角 1.0、半角 0.56、空白 0.28）。原先的
+  length * fontSize * 0.6 会让中文短算约 40%，仍然不换行
+- callback 超时从 1000ms 降到 300ms，并用 _harmonyMeasureUnavailable
+  锁存状态：一次换行要二分测量十几次，逐次干等会把导出拖成十几秒
+- 新增 verify:harmony-poster-text-wrap 校验脚本
+
+
+## 3.8.107（2026-08-18）
+fix: 修复empty示例页面
+
 ## 3.8.106
 feat: 让 App 原生 nvue 页面完整复用 App.up.vue 根容器
 

package/components/u-action-sheet/u-action-sheet.vue

@@ -3,6 +3,7 @@
 	    :show="show"
 	    mode="bottom"
 	    @close="closeHandler"
+	    @closed="$emit('closed')"
 	    :safeAreaInsetBottom="safeAreaInsetBottom"
 	    :round="round"
 	>
@@ -156,6 +157,7 @@
 	 * 
 	 * @event {Function} select			点击ActionSheet列表项时触发 
 	 * @event {Function} close			点击取消按钮时触发
+	 * @event {Function} closed			弹窗已关闭（离场动画结束、弹窗真正消失后）触发
 	 * @event {Function} getuserinfo	用户点击该按钮时，会返回获取到的用户信息，回调的 detail 数据与 wx.getUserInfo 返回的一致，openType="getUserInfo"时有效
 	 * @event {Function} contact		客服消息回调，openType="contact"时有效
 	 * @event {Function} getphonenumber	获取用户手机号回调，openType="getPhoneNumber"时有效
@@ -224,7 +226,7 @@
 				})
 			}
 		},
-		emits: ["close", "select", "update:show"],
+		emits: ["close", "closed", "select", "update:show"],
 		methods: {
 			// 关闭操作菜单事件处理
 			closeHandler() {

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

@@ -12,6 +12,7 @@
 		:bgColor="bgColor"
 		:closeable="!pageInline"
 		@close="close"
+		@closed="$emit('closed')"
 		:round="round"
 		:pageInline="pageInline"
 		:closeOnClickOverlay="closeOnClickOverlay"
@@ -236,6 +237,7 @@ import { t } from '../../libs/i18n'
  *
  * @event {Function()} confirm 		点击确定按钮时触发		选择日期相关的返回参数
  * @event {Function()} close 		日历关闭时触发			可定义页面关闭时的回调事件
+ * @event {Function()} closed 	日历已关闭（离场动画结束、弹窗真正消失后）触发
  * @example <u-calendar  :defaultDate="defaultDateMultiple" :show="show" mode="multiple" @confirm="confirm">
 	</u-calendar>
  * */
@@ -411,7 +413,7 @@ export default {
 		this.start = Date.now()
 		this.init()
 	},
-	emits: ["confirm", "close"],
+	emits: ["confirm", "close", "closed"],
 	methods: {
 		addUnit,
 		padTime(num) {

package/components/u-canvas/u-canvas.vue

@@ -21,7 +21,7 @@
         />
         <!-- #endif -->
 
-        <!-- #ifdef APP-PLUS -->
+        <!-- #ifdef APP-PLUS || APP-HARMONY -->
         <!-- #ifndef APP-NVUE -->
         <canvas
             class="u-canvas__canvas"
@@ -203,7 +203,7 @@ export default {
                                 size: true
                             },
                             (res) => {
-                                // #ifdef APP-PLUS
+                                // #ifdef APP-PLUS || APP-HARMONY
                                 resolve(res || {
                                     width: this.actualWidth,
                                     height: this.actualHeight
@@ -232,7 +232,7 @@ export default {
             return this._webViewContext;
             // #endif
 
-            // #ifdef APP-PLUS
+            // #ifdef APP-PLUS || APP-HARMONY
             return uni.createCanvasContext(this.canvasId, this);
             // #endif
 
@@ -364,7 +364,7 @@ export default {
                     measureText: (text, state) => {
                         const matched = String(state.font || '').match(/(\d+(?:\.\d+)?)px/);
                         const fontSize = matched ? Number(matched[1]) : this.fontSize;
-                        return { width: String(text).length * fontSize * 0.6 };
+                        return { width: this.estimateTextWidth(text, fontSize) };
                     }
                 });
                 this.ctx = this._webViewContext;
@@ -646,18 +646,77 @@ export default {
             }
             return this.callContext('strokeText', String(text), x, y, maxWidth);
         },
+        /**
+         * 按字形宽度估算文本宽度
+         * @description 当平台无法给出真实测量值时的兜底。必须区分全角/半角：
+         *   汉字、假名、全角标点约占一个字号，按半角的 0.6 估算会短 40%，
+         *   中文海报因此算出"整段都放得下"而不换行。
+         * @param {String} text 待测量文本
+         * @param {Number} [fontSize] 字号，默认取组件当前字号
+         * @returns {Number} 估算宽度(px)
+         * @author jry ijry@qq.com
+         */
+        estimateTextWidth(text, fontSize) {
+            const size = Number(fontSize) || Number(this.fontSize) || 12;
+            const FULL_WIDTH = /[ᄀ-ᅟ⺀-〾ぁ-㏿㐀-䶿一-鿿ꀀ-꓏가-힣豈-﫿︰-﹯＀-｠￠-￦]/;
+            return Array.from(String(text)).reduce((width, char) => {
+                if (FULL_WIDTH.test(char)) return width + size;
+                if (/\s/.test(char)) return width + size * 0.28;
+                return width + size * 0.56;
+            }, 0);
+        },
         measureText(text) {
             if (this.ctx && typeof this.ctx.measureText === 'function') {
-                return this.ctx.measureText(String(text));
+                const metrics = this.ctx.measureText(String(text));
+                const width = Number(metrics && metrics.width);
+                // 鸿蒙同步测量恒为 0（真实值只走 callback），上下文未就绪时其他
+                // 平台也可能返回 0。绝不能把 0 交给调用方——换行逻辑会把它当成
+                // "宽度足够"，于是整段文本挤成一行。
+                if (width > 0) return metrics;
             }
             return {
-                width: String(text).length * this.fontSize * 0.6
+                width: this.estimateTextWidth(text)
             };
         },
         measureTextAsync(text) {
             if (this.ctx && typeof this.ctx.measureTextAsync === 'function') {
                 return this.ctx.measureTextAsync(String(text));
             }
+
+            // #ifdef APP-HARMONY
+            // 鸿蒙的 CanvasContext.measureText 同步返回值恒为 0，真实宽度只通过
+            // callback(webview.evalJSAsync) 回传，因此必须走回调形式。
+            if (this.ctx && typeof this.ctx.measureText === 'function' && !this._harmonyMeasureUnavailable) {
+                return new Promise((resolve) => {
+                    let settled = false;
+                    // evalJSAsync 并非所有鸿蒙版本都提供，回调可能永远不来，
+                    // 必须兜底避免上层 await 永久挂起。且一旦超时就标记为不可用：
+                    // 单次换行要二分测量十几次，逐次干等会把导出拖成十几秒。
+                    const timer = setTimeout(() => {
+                        if (settled) return;
+                        settled = true;
+                        this._harmonyMeasureUnavailable = true;
+                        resolve({ width: this.estimateTextWidth(text) });
+                    }, 300);
+                    const done = (metrics) => {
+                        if (settled) return;
+                        settled = true;
+                        clearTimeout(timer);
+                        const width = Number(metrics && metrics.width);
+                        resolve({ width: width > 0 ? width : this.estimateTextWidth(text) });
+                    };
+                    try {
+                        const sync = this.ctx.measureText(String(text), done);
+                        // 若该平台其实同步返回了有效值，直接采用
+                        const syncWidth = Number(sync && sync.width);
+                        if (syncWidth > 0) done(sync);
+                    } catch (error) {
+                        done(null);
+                    }
+                });
+            }
+            // #endif
+
             return Promise.resolve(this.measureText(text));
         },
         createLinearGradient(x0, y0, x1, y1) {
@@ -800,8 +859,8 @@ export default {
                 let destWidth = hasDestWidth ? options.destWidth : width;
                 let destHeight = hasDestHeight ? options.destHeight : height;
 
-                // MP、H5 和 APP-PLUS 保持逻辑绘制坐标，只提升默认导出像素。
-                // #ifdef MP || H5 || APP-PLUS
+                // MP、H5、APP-PLUS 和 APP-HARMONY 保持逻辑绘制坐标，只提升默认导出像素。
+                // #ifdef MP || H5 || APP-PLUS || APP-HARMONY
                 if (!hasDestWidth) {
                     destWidth = Math.round(width * this.dpr);
                 }

package/components/u-cate-tab/u-cate-tab.vue

@@ -47,7 +47,7 @@
 	</view>
 </template>
 <script>
-	import { addUnit, sleep } from '../../libs/function/index';
+	import { addUnit, sleep, upCreateIntersectionObserver } from '../../libs/function/index';
 	export default {
 		name: 'up-cate-tab',
         props: {
@@ -179,7 +179,7 @@
 				this._observerList = [];
 				
 				this.tabList.map((val, index) => {
-					let observer = uni.createIntersectionObserver(this);
+					let observer = upCreateIntersectionObserver(this);
 					this._observerList.push(observer);
 					// 检测相交状态
 					observer.relativeTo('.u-cate-tab__right-box', {

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

@@ -4,7 +4,7 @@
             :style="{backgroundColor: value}" >
             <slot></slot>
         </view>
-		<up-popup :show="show" mode="bottom" round="10" @close="close" :closeOnClickOverlay="true">
+		<up-popup :show="show" mode="bottom" round="10" @close="close" @closed="$emit('closed')" :closeOnClickOverlay="true">
 			<view class="up-color-picker__content">
 				<view class="up-color-picker__header">
 					<text class="up-color-picker__title">选择颜色</text>
@@ -267,7 +267,7 @@ export default {
 	mounted() {
 		this.initColor()
 	},
-    emits: ['update:modelValue', 'confirm', 'close'],
+    emits: ['update:modelValue', 'confirm', 'close', 'closed'],
 	methods: {
 		// 初始化颜色
 		initColor() {

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

@@ -221,68 +221,71 @@
 				}
 				this.hideImg();
 			},
-			select() {
-				if (this.fSelecting) return;
-				this.fSelecting = true;
-				setTimeout(() => { this.fSelecting = false; }, 500);
-				const self = this
-				uni.chooseImage({
-					count: 1,
-					sizeType: ['original', 'compressed'],
-					sourceType: ['album', 'camera'],
-					success: (r) => {
-						uni.showLoading({ mask: true });
-						let path = this.imgPath = r.tempFilePaths[0];
-						uni.getImageInfo({
-							src: path,
-							success: r => {
-								this.imgWidth = r.width;
-								this.imgHeight = r.height;
-								this.path = path;
-								if (!this.hasSel) {
-									let style = this.selStyle || {};
-									if (this.arWidth && this.arHeight) {
-										let areaWidth = this.arWidth.indexOf('rpx') >= 0 ? parseInt(this.arWidth) * this.pxRatio : parseInt(this.arWidth),
-											areaHeight = this.arHeight.indexOf('rpx') >= 0 ? parseInt(this.arHeight) * this.pxRatio : parseInt(this.arHeight);
-										style.width = areaWidth + 'px';
-										style.height = areaHeight + 'px';
-										style.top = (this.windowHeight - areaHeight - tabHeight) / 2 + 'px';
-										style.left = (this.windowWidth - areaWidth) / 2 + 'px';
-									} else {
-										uni.showModal({
-											title: t("up.cropper.emptyWidhtOrHeight"),
-											showCancel: false
-										})
-										return;
-									}
-									this.selStyle = style;
-								}
-
-								if (this.noBar) {
-									this.drawInit(true);
-								} else {
-									uni.hideTabBar({
-										complete: () => {
-											this.drawInit(true);
-										}
-									});
-								}
-							},
-							fail: () => {
-								uni.showToast({
-									title: "error3",
-									duration: 2000,
-								})
-							},
-							complete() {
-								uni.hideLoading();
-							}
-						});
-					}, fail(err) {
-						self.$emit('cancel')
-					}
-				})
-			},
+			loadImage(path) {
+				uni.showLoading({ mask: true });
+				this.imgPath = path;
+				uni.getImageInfo({
+					src: path,
+					success: r => {
+						this.imgWidth = r.width;
+						this.imgHeight = r.height;
+						this.path = path;
+						if (!this.hasSel) {
+							let style = this.selStyle || {};
+							if (this.arWidth && this.arHeight) {
+								let areaWidth = this.arWidth.indexOf('rpx') >= 0 ? parseInt(this.arWidth) * this.pxRatio : parseInt(this.arWidth),
+									areaHeight = this.arHeight.indexOf('rpx') >= 0 ? parseInt(this.arHeight) * this.pxRatio : parseInt(this.arHeight);
+								style.width = areaWidth + 'px';
+								style.height = areaHeight + 'px';
+								style.top = (this.windowHeight - areaHeight - tabHeight) / 2 + 'px';
+								style.left = (this.windowWidth - areaWidth) / 2 + 'px';
+							} else {
+								uni.showModal({
+									title: t("up.cropper.emptyWidhtOrHeight"),
+									showCancel: false
+								})
+								return;
+							}
+							this.selStyle = style;
+						}
+
+						if (this.noBar) {
+							this.drawInit(true);
+						} else {
+							uni.hideTabBar({
+								complete: () => {
+									this.drawInit(true);
+								}
+							});
+						}
+					},
+					fail: () => {
+						uni.showToast({
+							title: "error3",
+							duration: 2000,
+						})
+					},
+					complete() {
+						uni.hideLoading();
+					}
+				});
+			},
+			select() {
+				if (this.fSelecting) return;
+				this.fSelecting = true;
+				setTimeout(() => { this.fSelecting = false; }, 500);
+				uni.chooseImage({
+					count: 1,
+					sizeType: ['original', 'compressed'],
+					sourceType: ['album', 'camera'],
+					success: (r) => {
+						this.loadImage(r.tempFilePaths[0]);
+					},
+					fail: () => {
+						this.$emit('cancel')
+					}
+				})
+			},
 			async confirm() {
 				if (this.fUploading) return;
 				this.fUploading = true;
@@ -725,9 +728,10 @@
 						uni.hideLoading();
 					}
 				});
-			},
-			chooseImage(index = undefined, params = undefined, data = undefined) {
-				if (params) {
+			},
+			chooseImage(index = undefined, params = undefined, data = undefined) {
+				const imageSrc = typeof params?.imageSrc === 'string' ? params.imageSrc.trim() : '';
+				if (params) {
 					console.log(params)
 					let areaWidth = params.areaWidth || this.areaWidth,
 						areaHeight = params.areaHeight || this.areaHeight,
@@ -774,11 +778,15 @@
 						// console.log(this.selStyle);
 						this.hasSel = true;
 					}
-				}
-				this.rtn = data;
-				this.indx = index;
-				this.select();
-			},
+				}
+				this.rtn = data;
+				this.indx = index;
+				if (imageSrc) {
+					this.loadImage(imageSrc);
+					return;
+				}
+				this.select();
+			},
 			rotate() {
 				// #ifdef APP-PLUS
 				if (this.platform === 'android') {

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

@@ -33,6 +33,7 @@
 			:maskClass="maskClass"
 			:maskStyle="resolvedMaskStyle"
             @close="close"
+            @closed="$emit('closed')"
             @cancel="cancel"
             @confirm="confirm"
             @change="change"
@@ -93,6 +94,7 @@
 	 * @property {Boolean}			closeOnClickOverlay	是否允许点击遮罩关闭选择器  ( 默认 false )
 	 * @property {Array}			defaultIndex		各列的默认索引
 	 * @event {Function} close 关闭选择器时触发
+	 * @event {Function} closed 选择器已关闭（离场动画结束、弹窗真正消失后）触发
 	 * @event {Function} confirm 点击确定按钮，返回当前选择的值
 	 * @event {Function} change 当选择值变化时触发
 	 * @event {Function} cancel 点击取消按钮
@@ -191,7 +193,7 @@
 			}
 		},
 		// #ifdef VUE3
-		emits: ['close', 'cancel', 'confirm', 'change', 'update:modelValue'],
+		emits: ['close', 'closed', 'cancel', 'confirm', 'change', 'update:modelValue'],
 		// #endif
 		methods: {
 			toInt(value, fallback = 0) {

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

@@ -10,6 +10,7 @@
             :pageInline="pageInline"
             :border-radius="20"
             @close="close"
+            @closed="$emit('closed')"
         >
             <view class="up-goods-sku-container" :style="{padding: pageInline ? '0px' : ''}">
                 <view class="up-goods-sku__header">
@@ -175,7 +176,7 @@
 		},
 		watch: {
 		},
-        emits: ['open', 'confirm', 'close'],
+        emits: ['open', 'confirm', 'close', 'closed'],
         created() {
             if (this.pageInline) {
                 this.show = true;

package/components/u-keyboard/u-keyboard.vue

@@ -7,6 +7,7 @@
 	    :show="show"
 	    :safeAreaInsetBottom="safeAreaInsetBottom"
 	    @close="popupClose"
+	    @closed="$emit('closed')"
 	    :zIndex="zIndex"
 	    :customStyle="popupStyle"
 	>
@@ -111,7 +112,7 @@
 				}
 			}
 		},
-		emits: ["change", "close", "confirm", "cancel", "backspace"],
+		emits: ["change", "close", "closed", "confirm", "cancel", "backspace"],
 		methods: {
 			change(e) {
 				this.$emit('change', e);

package/components/u-lazy-load/u-lazy-load.vue

@@ -20,7 +20,8 @@
     import {
         addUnit,
         guid,
-        rpx2px
+        rpx2px,
+        upCreateIntersectionObserver
     } from '../../libs/function/index.js';
     /**
      * lazyLoad 懒加载
@@ -211,10 +212,11 @@
            
             setTimeout(() => {
                 // #ifndef APP-NVUE
-                // 这里是组件内获取布局状态，不能用uni.createIntersectionObserver，而必须用this.createIntersectionObserver
+                // 这里是组件内获取布局状态，不能直传Vue实例给uni.createIntersectionObserver，
+                // 否则小程序内部会Object.keys(vm)导致告警，统一走upCreateIntersectionObserver
                 // this.disconnectObserver('contentObserver');
                 // nvue 里不支持
-                const contentObserver = uni.createIntersectionObserver(this);
+                const contentObserver = upCreateIntersectionObserver(this);
                 // 要理解这里怎么计算的，请看这个：
                 // https://blog.csdn.net/qq_25324335/article/details/83687695
                 contentObserver.relativeToViewport({

package/components/u-navbar/navbar.js

@@ -26,7 +26,9 @@ export default {
 		leftIconSize: 20,
 		leftIconColor: '',
 		autoBack: false,
-		titleStyle: ''
+		titleStyle: '',
+		mode: 'default',
+		scrollTop: 0
     }
 
 }

package/components/u-navbar/props.js

@@ -94,6 +94,16 @@ export const props = defineMixin({
 		titleStyle: {
 			type: [String, Object],
 			default: () => defProps.navbar.titleStyle
+		},
+		// 导航栏模式，default-常规，ios-大标题磨砂模式
+		mode: {
+			type: String,
+			default: () => defProps.navbar.mode
+		},
+		// 页面滚动距离，仅 ios 模式使用，由页面 onPageScroll 传入
+		scrollTop: {
+			type: [String, Number],
+			default: () => defProps.navbar.scrollTop
 		}
 	}
 })

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

@@ -2,6 +2,8 @@
 page,
 body {
 	--up-navbar-bg-color: #ffffff;
+	--up-navbar-glass-bg-color: rgba(255, 255, 255, 0.82);
+	--up-navbar-glass-blur: 20px;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -9,13 +11,16 @@ body {
 	page,
 	body {
 		--up-navbar-bg-color: #1c1c1e;
+		--up-navbar-glass-bg-color: rgba(28, 28, 30, 0.82);
 	}
 }
 
 [data-up-theme='light'] {
 	--up-navbar-bg-color: #ffffff;
+	--up-navbar-glass-bg-color: rgba(255, 255, 255, 0.82);
 }
 
 [data-up-theme='dark'] {
 	--up-navbar-bg-color: #1c1c1e;
+	--up-navbar-glass-bg-color: rgba(28, 28, 30, 0.82);
 }