uview-plus 3.8.106 → 3.8.112

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

@@ -1,21 +1,47 @@
 <template>
 	<view class="u-navbar" :class="[customClass]">
+		<!-- ios 模式：in-flow 层，恒定渲染，随页面原生滚动被带走 -->
+		<view
+			v-if="isIosMode"
+			class="u-navbar__flow"
+		>
+			<view :style="{ height: navbarFlowSpacerHeight }"></view>
+			<view
+				v-if="title"
+				class="u-navbar__large-title"
+				:style="{ height: addUnit(largeTitleHeight) }"
+			>
+				<text
+					class="u-line-1 u-navbar__large-title__text"
+					:style="[{ color: navbarTitleColor }, addStyle(titleStyle)]"
+				>{{ title }}</text>
+			</view>
+		</view>
+		<!-- default 模式：原有占位块，行为保持不变 -->
 		<view
 			class="u-navbar__placeholder"
-			v-if="fixed && placeholder"
+			v-if="!isIosMode && fixed && placeholder"
 			:style="{
 				height: addUnit(getPx(height) + getWindowInfo().statusBarHeight,'px'),
 			}"
 		></view>
 		<view
 			class="u-navbar__inner"
-			:class="[fixed && 'u-navbar--fixed']"
+			:class="[(isIosMode || fixed) && 'u-navbar--fixed']"
 			:style="[navbarInnerStyle]"
 		>
+			<view
+				v-if="isIosMode"
+				class="u-navbar__glass"
+				:style="{
+					opacity: navbarGlassOpacity,
+					background: navbarGlassBgColor,
+				}"
+			></view>
 			<u-status-bar v-if="safeAreaInsetTop"></u-status-bar>
 			<view
 				class="u-navbar__content"
-				:class="[border && 'u-border-bottom']"
+				:class="[border && !isIosMode && 'u-border-bottom']"
 				:style="{
 					height: addUnit(height),
 					backgroundColor: 'transparent',
@@ -43,15 +69,20 @@
 						>{{ leftText }}</text>
 					</slot>
 				</view>
-				<slot name="center">
-					<text
-						class="u-line-1 u-navbar__content__title"
-						:style="[{
-							width: addUnit(titleWidth),
-							color: navbarTitleColor,
-						}, addStyle(titleStyle)]"
-					>{{ title }}</text>
-				</slot>
+				<view
+					class="u-navbar__content__center"
+					:style="[navbarCenterStyle]"
+				>
+					<slot name="center">
+						<text
+							class="u-line-1 u-navbar__content__title"
+							:style="[{
+								width: addUnit(titleWidth),
+								color: navbarTitleColor,
+							}, addStyle(titleStyle)]"
+						>{{ title }}</text>
+					</slot>
+				</view>
 				<view
 					class="u-navbar__content__right"
 					v-if="$slots.right || rightIcon || rightText"
@@ -82,6 +113,12 @@
 	import { mixin } from '../../libs/mixin/mixin';
 	import config  from '../../libs/config/config';
 	import { addUnit, addStyle, getPx, getWindowInfo } from '../../libs/function/index';
+
+	// iOS 大标题行高。它同时是 navbarProgress 的分母，
+	// 因此改动此值会同步改变压缩过程的滚动区间。
+	const LARGE_TITLE_HEIGHT = 52
+	// 居中标题上浮的起始偏移，与淡入同步归零
+	const CENTER_TITLE_RISE = 12
 	/**
 	 * Navbar 自定义导航栏
 	 * @description 此组件一般用于在特殊情况下，需要自定义导航栏的时候用到，一般建议使用uni-app带的导航栏。
@@ -104,6 +141,8 @@
 	 * @property {String | Number}	leftIconColor		左侧返回图标的颜色（默认 #303133 ）
 	 * @property {Boolean}	        autoBack			点击左侧区域(返回图标)，是否自动返回上一页（默认 false ）
 	 * @property {Object | String}	titleStyle			标题的样式，对象或字符串
+	 * @property {String}			mode				导航栏模式，default-常规，ios-大标题磨砂模式（默认 'default' ）
+	 * @property {String | Number}	scrollTop			页面滚动距离，仅 ios 模式使用，由页面 onPageScroll 传入（默认 0 ）
 	 * @event {Function} leftClick		点击左侧区域
 	 * @event {Function} rightClick		点击右侧区域
 	 * @example <u-navbar title="剑未配妥，出门已是江湖" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></u-navbar>
@@ -116,6 +155,60 @@
 			}
 		},
 		computed: {
+			isIosMode() {
+				// nvue 缺少 filter 管线、页面非原生滚动容器、onPageScroll 不可靠，
+				// 三条约束任意一条都足以让 ios 模式失效，整体降级为 default。
+				// 注意 APP-NVUE 在 app-harmony 上为 false，harmony 走 ArkWeb 应获得完整 ios 模式。
+				// #ifdef APP-NVUE
+				return false
+				// #endif
+				// #ifndef APP-NVUE
+				return this.mode === 'ios'
+				// #endif
+			},
+			// 有效大标题行高：title 为空时不渲染大标题行，行高塌陷为 0
+			largeTitleHeight() {
+				return this.title ? LARGE_TITLE_HEIGHT : 0
+			},
+			// in-flow 层顶部让位块高度，为固定层腾出空间
+			navbarFlowSpacerHeight() {
+				const statusBarHeight = this.safeAreaInsetTop ? getWindowInfo().statusBarHeight : 0
+				return addUnit(getPx(this.height) + statusBarHeight, 'px')
+			},
+			// 压缩进度。分母取有效大标题行高，progress=1 即大标题恰好完全没入导航栏
+			navbarProgress() {
+				if (!this.isIosMode) return 1
+				const height = this.largeTitleHeight
+				if (height <= 0) return 1
+				const offset = getPx(this.scrollTop) || 0
+				return Math.min(Math.max(offset / height, 0), 1)
+			},
+			// 磨砂在前半段走完，为居中标题的出现铺好不透明底
+			navbarGlassOpacity() {
+				if (!this.isIosMode) return 0
+				return Math.min(Math.max(this.navbarProgress / 0.5, 0), 1)
+			},
+			// 居中标题在后段才启动，此时玻璃已满不透明，不会与大标题互相透出
+			navbarCenterOpacity() {
+				if (!this.isIosMode) return 1
+				return Math.min(Math.max((this.navbarProgress - 0.75) / 0.25, 0), 1)
+			},
+			// 居中标题由下往上浮现：与淡入同一段行程，位移随之归零
+			navbarCenterStyle() {
+				if (!this.isIosMode) return {}
+				const opacity = this.navbarCenterOpacity
+				return {
+					opacity,
+					transform: `translateY(${(1 - opacity) * CENTER_TITLE_RISE}px)`
+				}
+			},
+			navbarGlassBgColor() {
+				// 0.82 是可读性下限的承重值：backdrop-filter 不生效时，
+				// 仅靠这个不透明度也必须保证文字不与下方内容读串。
+				return this.bgColor
+					|| this.upThemeVar('--up-navbar-glass-bg-color',
+						this.upThemeIsDark ? 'rgba(28, 28, 30, 0.82)' : 'rgba(255, 255, 255, 0.82)')
+			},
 			navbarBgColor() {
 				if (this.bgColor) return this.bgColor
 				return this.upThemeVar('--up-navbar-bg-color', this.upThemeIsDark ? '#1c1c1e' : '#ffffff')
@@ -134,6 +227,11 @@
 			navbarInnerStyle() {
 				const style = {}
 				style.background = this.navbarBgColor
+				// ios 模式下固定层必须透明，否则 backdrop-filter 采样到自身底色，模糊不出内容。
+				// 背景由独立的 __glass 层承担，随滚动淡入。
+				if (this.isIosMode) {
+					style.background = 'transparent'
+				}
 				return style
 			}
 		},
@@ -179,12 +277,46 @@
 			z-index: 11;
 		}
 
+		&__flow {
+			/* #ifndef APP-NVUE */
+			width: 100%;
+			/* #endif */
+		}
+
+		&__large-title {
+			@include flex(row);
+			align-items: center;
+			padding: 0 13px;
+
+			&__text {
+				font-size: 34px;
+				font-weight: 700;
+				line-height: 1.2;
+			}
+		}
+
+		&__glass {
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			// 模糊半径写在静态 class 内而非 :style 绑定，使 -webkit- 前缀在编译期确定。
+			// iOS 16 之前的 WKWebView 只认前缀版本，两条都必须保留。
+			// CSS 变量不被支持时回落到字面量 20px。
+			-webkit-backdrop-filter: saturate(180%) blur(var(--up-navbar-glass-blur, 20px));
+			        backdrop-filter: saturate(180%) blur(var(--up-navbar-glass-blur, 20px));
+		}
+
 		&__content {
 			@include flex(row);
 			align-items: center;
 			height: 44px;
 			background-color: $u-bg-color;
+			// 玻璃层是绝对定位的，会盖住同级的非定位元素。
+			// 缺少这两行的表现是整个导航栏内容不可见。
 			position: relative;
+			z-index: 1;
 			justify-content: center;
 
 			&__left,
@@ -211,6 +343,17 @@
 				}
 			}
 
+			&__center {
+				@include flex(row);
+				align-items: center;
+				justify-content: center;
+				// 滚动事件是离散到达的，补一段短过渡让上浮与淡入连续。
+				// 时长刻意短于一次滚动事件的间隔，避免落后于手指。
+				/* #ifndef APP-NVUE */
+				transition: opacity 0.15s linear, transform 0.15s ease-out;
+				/* #endif */
+			}
+
 			&__title {
 				text-align: center;
 				font-size: 16px;

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

@@ -23,6 +23,7 @@
 			:pageInline="pageInline"
 			:overlayOpacity="overlayOpacity"
 			@close="closeHandler"
+			@closed="$emit('closed')"
 		>
 			<view class="u-picker">
 				<u-toolbar
@@ -108,6 +109,7 @@
  * @property {String | Number}	duration			动画时长，单位ms （默认 300 ）
  * @property {String | Number}	overlayDuration		遮罩层动画时长，单位ms （默认 350 ）
  * @event {Function} close		关闭选择器时触发
+ * @event {Function} closed		选择器已关闭（离场动画结束、弹窗真正消失后）触发
  * @event {Function} cancel		点击取消按钮触发
  * @event {Function} change		当选择值变化时触发
  * @event {Function} confirm	点击确定按钮，返回当前选择的值
@@ -195,7 +197,7 @@ export default {
 			}
 		}
 	},
-	emits: ['close', 'cancel', 'confirm', 'change', 'update:modelValue', 'update:show'],
+	emits: ['close', 'closed', 'cancel', 'confirm', 'change', 'update:modelValue', 'update:show'],
     computed: {
 		// input的props
 		inputPropsInner() {

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

@@ -20,7 +20,8 @@
 			:defaultIndex="defaultIndex"
 			@confirm="confirm"
 			@cancel="cancel"
-			@close="close">
+			@close="close"
+			@closed="$emit('closed')">
 		</up-picker>
 	</view>
 </template>
@@ -95,7 +96,7 @@ export default {
 			return [this.options];
 		}
 	},
-    emits: ['update:modelValue', 'cancel', 'close', 'confirm'],
+    emits: ['update:modelValue', 'cancel', 'close', 'closed', 'confirm'],
     methods: {
         hideKeyboard() {
             uni.hideKeyboard()

package/components/u-popup/u-popup.vue

@@ -25,6 +25,7 @@
 			:mode="pageInline ? 'none' : position"
 			:duration="duration"
 			@afterEnter="afterEnter"
+			@afterLeave="afterLeave"
 			@click="clickHandler"
 		>
 			<!-- @click.stop不能去除，去除会导致居中模式下点击内容区域触发关闭弹窗 -->
@@ -99,8 +100,9 @@
 	 * @property {String}			minHeight			最小高度，单位任意，数值默认为px（默认 '200px' ）
 	 * @property {String}			maxHeight			最大高度，单位任意，数值默认为px（默认 '80%' ）
 	 * @property {Object}			customStyle			组件的样式，对象形式
-	 * @event {Function} open 弹出层打开
-	 * @event {Function} close 弹出层收起
+	 * @event {Function} open 弹出层打开（进场动画结束后）
+	 * @event {Function} close 弹出层收起（关闭动作发生时，离场动画开始前；外部直接将show置为false时也会触发）
+	 * @event {Function} closed 弹出层已关闭（离场动画结束、弹窗真正消失后）
 	 * @example <u-popup v-model:show="show"><text>出淤泥而不染，濯清涟而不妖</text></u-popup>
 	 */
 	export default {
@@ -109,6 +111,8 @@
 		data() {
 			return {
 				overlayDuration: this.duration + 50,
+				// close事件是否已由组件内部的关闭动作发出，避免show变化时重复发出
+				closeEmitted: false,
 				// 触摸相关数据
 				touchStartY: 0,
 				touchStartHeight: 0,
@@ -120,10 +124,25 @@
 		watch: {
 			show(newValue, oldValue) {
 				if (newValue === true) {
+					this.closeEmitted = false
 					// #ifdef MP-WEIXIN
 					const children = this.$children
 					this.retryComputedComponentRect(children)
 					// #endif
+				} else if (oldValue === true) {
+					// 外部直接将show置为false时，组件内部没有走过关闭动作，
+					// 此处补发close，保证任意关闭方式都能被监听到
+					if (this.closeEmitted) {
+						// 本次关闭已由内部动作发出过close，消费标记即可
+						this.closeEmitted = false
+					} else {
+						this.$emit('close')
+					}
+					// pageInline模式下transition的show恒为true，不会执行离场动画，
+					// 收不到afterLeave，此处按动画时长补发closed
+					if (this.pageInline) {
+						this.$emit('closed')
+					}
 				}
 			}
 		},
@@ -238,25 +257,39 @@
 				}
 			},
 		},
-		emits: ["open", "close", "click", "update:show"],
+		emits: ["open", "close", "closed", "click", "update:show"],
 		methods: {
+			// 发出close事件。标记仅在本次更新周期内有效，
+			// 用于抑制紧随其后的show变化导致watch重复补发close
+			emitClose() {
+				this.closeEmitted = true
+				this.$emit('close')
+				this.$nextTick(() => {
+					this.closeEmitted = false
+				})
+			},
 			// 点击遮罩
 			overlayClick() {
 				if (this.closeOnClickOverlay) {
 					this.$emit('update:show', false)
-					this.$emit('close')
+					this.emitClose()
 				}
 			},
 			open(e) {
+				this.closeEmitted = false
 				this.$emit('update:show', true)
 			},
 			close(e) {
 				this.$emit('update:show', false)
-				this.$emit('close')
+				this.emitClose()
 			},
 			afterEnter() {
 				this.$emit('open')
 			},
+			// 离场动画结束，弹窗已真正消失
+			afterLeave() {
+				this.$emit('closed')
+			},
 			clickHandler() {
 				// 由于中部弹出时，其u-transition占据了整个页面相当于遮罩，此时需要发出遮罩点击事件，是否无法通过点击遮罩关闭弹窗
 				if(this.mode === 'center') {

package/components/u-poster/u-poster.vue

@@ -360,6 +360,16 @@ export default {
 			const lines = [];
 			const ellipsis = '...';
 			const measurementCache = new Map();
+			const fontSize = css.fontSize ? this.convertRpxToPx(css.fontSize) : 20;
+			// 兜底估算：全角字符约占一个字号，半角约 0.56。测量失败时若按半角估算，
+			// 中文会短算 40% 而不换行，所以必须区分宽度。
+			const estimateWidth = (value) => Array.from(String(value)).reduce((width, char) => {
+				if (/[ᄀ-ᅟ⺀-〾぀-㏿㐀-䶿一-鿿ꀀ-꓏가-힣豈-﫿︰-﹯＀-｠￠-￦]/.test(char)) {
+					return width + fontSize;
+				}
+				if (/\s/.test(char)) return width + fontSize * 0.28;
+				return width + fontSize * 0.56;
+			}, 0);
 			const measureTextWidth = async (value) => {
 				if (measurementCache.has(value)) {
 					return measurementCache.get(value);
@@ -370,7 +380,12 @@ export default {
 				} else {
 					metrics = ctx.measureText(value);
 				}
-				const measuredWidth = Number(metrics && metrics.width) || 0;
+				let measuredWidth = Number(metrics && metrics.width) || 0;
+				// 测量不可用时(鸿蒙同步 measureText 恒返回 0)必须改用估算：
+				// 把 0 当作真实宽度会让下面的 <= maxWidth 恒成立，整段文本挤成一行。
+				if (!(measuredWidth > 0) && value) {
+					measuredWidth = estimateWidth(value);
+				}
 				measurementCache.set(value, measuredWidth);
 				return measuredWidth;
 			};
@@ -475,15 +490,33 @@ export default {
 		 */
 		convertRpxToPx(rpxValue) {
 			if (typeof rpxValue === 'number') return rpxValue;
-			
+
 			// 使用rpx2px方法
 			if (typeof rpxValue === 'string' && rpxValue.endsWith('rpx')) {
 				const value = parseFloat(rpxValue);
-				return rpx2px(value);
+				return value * this.getRpxRatio();
 			}
-			
+
 			return parseFloat(rpxValue) || 0;
 		},
+
+		/**
+		 * 获取 rpx -> px 的统一换算比例
+		 * @description uni.upx2px 对每个值单独判断设备宽度：当 windowWidth 超过
+		 *   rpxCalcMaxDeviceWidth(默认960)时，只有恰好等于 750 的值使用真实设备宽度，
+		 *   其余值回退到 rpxCalcBaseDeviceWidth(默认375)。海报需要所有尺寸共用同一
+		 *   比例，逐值换算会让宽高用上不同基准而破坏宽高比：鸿蒙 windowWidth 上报为
+		 *   物理像素1084，750rpx算得1084、1114rpx算得557，海报因此变成横向。
+		 *   这里只取一次比例，且刻意用非 750 的值探测，避开上面的特例分支，
+		 *   使超宽设备统一走 baseWidth，避免画布被放大到数十MB。
+		 * @returns {Number} 每 1rpx 对应的 px 值
+		 * @author jry ijry@qq.com
+		 */
+		getRpxRatio() {
+			const PROBE = 1000; // 不能用 750，750 是 upx2px 的特例值
+			const ratio = rpx2px(PROBE) / PROBE;
+			return ratio > 0 ? ratio : 1;
+		},
 		
 		/**
 		 * 绘制渐变背景

package/components/u-sticky/u-sticky.vue

@@ -17,7 +17,7 @@
 	import { props } from './props';
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
-	import { addUnit, addStyle, deepMerge, getPx, guid, getDeviceInfo, os } from '../../libs/function/index';
+	import { addUnit, addStyle, deepMerge, getPx, guid, getDeviceInfo, os, upCreateIntersectionObserver } from '../../libs/function/index';
 	import zIndex from '../../libs/config/zIndex';
 	/**
 	 * sticky 吸顶
@@ -119,7 +119,7 @@
 			observeContent() {
 				// 先断掉之前的观察
 				this.disconnectObserver('contentObserver')
-				const contentObserver = uni.createIntersectionObserver(this,{
+				const contentObserver = upCreateIntersectionObserver(this, {
 					// 检测的区间范围
 					thresholds: [0.95, 0.98, 1]
 				})

package/libs/function/index.js

@@ -70,6 +70,23 @@ export function upGetRect(selector, all = false, comp = null) {
 	})
 }
 
+// 创建交叉观察器
+// 小程序端 uni.createIntersectionObserver(vm) 会把 Vue 实例代理直接透传给原生 API，
+// 原生内部的 Object.keys(vm) 会触发告警：
+// Avoid app logic that relies on enumerating keys on a component instance
+// （uni-app 只给 createSelectorQuery 做了 $scope 解包，没给 createIntersectionObserver 做）
+// 组件实例上的同名方法内部使用 $scope（原生组件实例），不会把代理外泄，因此优先使用
+export function upCreateIntersectionObserver(comp, options) {
+	// 各家小程序与 H5 都在组件实例上暴露了该方法，内部已完成实例解包
+	if (comp && typeof comp.createIntersectionObserver === 'function') {
+		return options ? comp.createIntersectionObserver(options) : comp.createIntersectionObserver()
+	}
+	// APP 端未在实例上暴露该方法，退回全局 API，其内部会自行解析实例，本身不产生告警
+	// 注意：不能传 comp.$scope，APP 端页面的 $scope 仅为 { $getAppWebview }，
+	// 会被全局 API 误判成 options 参数从而丢失真实配置
+	return options ? uni.createIntersectionObserver(comp, options) : uni.createIntersectionObserver(comp)
+}
+
 /**
  * @description 如果value小于min，取min；如果value大于max，取max
  * @param {number} min 
@@ -907,6 +924,7 @@ function hslToHex(h, s, l) {
 
 export default {
 	upGetRect,
+	upCreateIntersectionObserver,
 	range,
 	getPx,
 	sleep,

package/libs/theme/runtime.js

@@ -12,6 +12,8 @@ const FALLBACK_THEME_VARS = {
         '--up-page-bg-color': '#f3f4f6',
         '--up-card-bg-color': '#ffffff',
         '--up-navbar-bg-color': '#ffffff',
+        '--up-navbar-glass-bg-color': 'rgba(255, 255, 255, 0.82)',
+        '--up-navbar-glass-blur': '20px',
         '--up-table2-header-bg-color': '#f5f7fa',
         '--up-table2-zebra-bg-color': '#fafafa',
         '--up-table2-highlight-bg-color': '#f5f7fa',
@@ -54,6 +56,8 @@ const FALLBACK_THEME_VARS = {
         '--up-page-bg-color': '#1f1f1f',
         '--up-card-bg-color': '#1c1c1e',
         '--up-navbar-bg-color': '#1c1c1e',
+        '--up-navbar-glass-bg-color': 'rgba(28, 28, 30, 0.82)',
+        '--up-navbar-glass-blur': '20px',
         '--up-table2-header-bg-color': '#2a2d33',
         '--up-table2-zebra-bg-color': '#23262b',
         '--up-table2-highlight-bg-color': '#2f3440',

package/libs/theme/theme.js

@@ -73,7 +73,9 @@ const DEFAULT_THEME_EXTRA_VARS = Object.freeze({
         '--up-skeleton-shimmer-color': '#e6e6e6',
         '--up-swipe-action-button-bg-color': '#c7c6cd',
         '--up-index-list-indicator-bg-color': '#c9c9c9',
-        '--up-calendar-month-mark-color': 'rgba(231, 232, 234, 0.83)'
+        '--up-calendar-month-mark-color': 'rgba(231, 232, 234, 0.83)',
+        '--up-navbar-glass-bg-color': 'rgba(255, 255, 255, 0.82)',
+        '--up-navbar-glass-blur': '20px'
     }),
     dark: Object.freeze({
         '--up-table2-header-bg-color': '#2a2d33',
@@ -84,7 +86,9 @@ const DEFAULT_THEME_EXTRA_VARS = Object.freeze({
         '--up-skeleton-shimmer-color': 'rgba(255, 255, 255, 0.12)',
         '--up-swipe-action-button-bg-color': '#4b5563',
         '--up-index-list-indicator-bg-color': '#4b5563',
-        '--up-calendar-month-mark-color': 'rgba(255, 255, 255, 0.04)'
+        '--up-calendar-month-mark-color': 'rgba(255, 255, 255, 0.04)',
+        '--up-navbar-glass-bg-color': 'rgba(28, 28, 30, 0.82)',
+        '--up-navbar-glass-blur': '20px'
     })
 })
 

package/package.json

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

package/types/comps/actionSheet.d.ts

@@ -83,6 +83,10 @@ declare interface ActionSheetProps {
    * 点击取消按钮时触发
    */
   onClose?: () => any
+  /**
+   * 弹窗已关闭（离场动画结束、弹窗真正消失后）触发
+   */
+  onClosed?: () => any
   /**
    * 获取用户信息回调，openType="getUserInfo"时有效
    * @param detail 用户信息

package/types/comps/calendar.d.ts

@@ -209,6 +209,10 @@ declare interface CalendarProps {
    * 日历关闭时触发
    */
   onClose?: () => any
+  /**
+   * 日历已关闭（离场动画结束、弹窗真正消失后）触发
+   */
+  onClosed?: () => any
 }
 
 declare interface _Calendar {

package/types/comps/datetimePicker.d.ts

@@ -122,6 +122,10 @@ declare interface DatetimePickerProps {
    * 关闭选择器时触发
    */
   onClose?: () => any
+  /**
+   * 选择器已关闭（离场动画结束、弹窗真正消失后）触发
+   */
+  onClosed?: () => any
   /**
    * 点击确定按钮，返回当前选择的值
    */

package/types/comps/keyboard.d.ts

@@ -92,6 +92,10 @@ declare interface KeyboardProps {
    * 键盘关闭
    */
   onClose?: () => any
+  /**
+   * 键盘已关闭（离场动画结束、弹窗真正消失后）触发
+   */
+  onClosed?: () => any
   /**
    * 键盘顶部工具条右边的"完成"按钮被点击
    */