uview-plus 3.8.127 → 3.8.129

package/components/u-cell/u-cell.vue

@@ -11,12 +11,18 @@
 						:custom-style="iconStyle"
 						:size="size === 'large' ? 22 : 18"></up-icon>
 				</view>
+				<!-- 必填星号用真实节点渲染，绝对定位的伪元素在nvue和小程序下不显示，且通栏布局时会跑到屏幕外 -->
+				<text
+					v-if="required"
+					class="u-cell__required"
+					:style="[cellRequiredDynamicStyle]"
+				>*</text>
 				<view class="u-cell__title">
                     <!-- 将slot与默认内容用if/else分开主要是因为微信小程序不支持slot嵌套传递，这样才能解决collapse组件的slot不失效问题，label暂时未用到。 -->
 					<slot name="title" v-if="$slots.title || !title">
 					</slot>
                     <text v-else class="u-cell__title-text" :style="[cellTitleDynamicStyle, titleTextStyle]"
-                        :class="[required && 'u-cell--required', disabled && 'u-cell--disabled', size === 'large' && 'u-cell__title-text--large']">{{ title }}</text>
+                        :class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__title-text--large']">{{ title }}</text>
 					<slot name="label">
 						<text class="u-cell__label" v-if="label"
 							:style="[cellLabelDynamicStyle]"
@@ -102,6 +108,11 @@
 			cellDisabledColor() {
 				return this.upThemeVar('--up-disabled-color', '#c8c9cc')
 			},
+			cellRequiredDynamicStyle() {
+				return {
+					color: this.upThemeVar('--up-error', '#f56c6c')
+				}
+			},
 			cellTitleDynamicStyle() {
 				return {
 					color: this.upThemeVar('--up-main-color', '#303133')
@@ -150,6 +161,8 @@
 	$u-cell-title-font-size: 15px !default;
 	$u-cell-title-line-height: 22px !default;
 	$u-cell-title-color: $u-main-color !default;
+	$u-cell-required-font-size: 14px !default;
+	$u-cell-required-color: $u-error !default;
 	$u-cell-label-font-size: 12px !default;
 	$u-cell-label-color: $u-tips-color !default;
 	$u-cell-label-line-height: 18px !default;
@@ -258,23 +271,14 @@
 			}
 		}
 
-		&--required {
-			/* #ifndef APP-NVUE */
-			overflow: visible;
-			/* #endif */
-			@include flex;
-			align-items: center;
-		}
-
-		&--required:before {
-			position: absolute;
+		&__required {
 			/* #ifndef APP-NVUE */
-			content: '*';
+			align-self: flex-start;
 			/* #endif */
-			left: -8px;
-			margin-top: 4rpx;
-			font-size: 14px;
-			color: $u-error;
+			margin-right: 2px;
+			font-size: $u-cell-required-font-size;
+			line-height: $u-cell-title-line-height;
+			color: $u-cell-required-color;
 		}
 
 		&--clickable {

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

@@ -45,6 +45,7 @@
 		<view
 			class="u-collapse-item__content"
 			:animation="animationData"
+			:style="[contentStyle]"
 			ref="animation"
 		>
 			<view
@@ -93,6 +94,8 @@
 				elId: guid(),
 				// uni.createAnimation的导出数据
 				animationData: {},
+				// 展开动画结束后接管面板高度，交还给内容，避免内容后续变高被裁切
+				contentStyle: {},
 				// 是否展开状态
 				expanded: false,
 				// 根据expanded确定是否显示border，为了控制展开时，cell的下划线更好的显示效果，进行一定时间的延时
@@ -134,16 +137,20 @@
 					children = []
 				} = this.parent
 
-				if (accordion) {
-					if (test.array(value)) {
-						return error('手风琴模式下，u-collapse组件的value参数不能为数组')
+				// value为null(默认值)时面板并非受控，展开状态只存在于子组件自身的expanded上，
+				// 此时按value反推会把用户点开的面板强行收起，init()便只剩重算内容高度这一职责
+				if (value !== null && value !== undefined) {
+					if (accordion) {
+						if (test.array(value)) {
+							return error('手风琴模式下，u-collapse组件的value参数不能为数组')
+						}
+						this.expanded = this.name == value
+					} else {
+						if (!test.array(value)) {
+							return error('非手风琴模式下，u-collapse组件的value参数必须为数组')
+						}
+						this.expanded = value.some(item => item == this.name)
 					}
-					this.expanded = this.name == value
-				} else {
-					if (!test.array(value) && value !== null) {
-						return error('非手风琴模式下，u-collapse组件的value参数必须为数组')
-					}
-					this.expanded = (value || []).some(item => item == this.name)
 				}
 				// 设置组件的展开或收起状态
 				await nextTick()
@@ -158,6 +165,15 @@
 				// 好处是，父组件从服务端获取内容后，变更折叠面板后可以获得最新的高度
 				const rect = await this.queryRect()
 				const height = this.expanded ? rect.height : 0
+				// #ifndef APP-NVUE
+				// 展开状态下面板高度是auto，收起前先固定成当前实际高度，否则浏览器无法从auto过渡到0
+				if (!this.expanded && this.contentStyle.height === 'auto') {
+					this.contentStyle = { height: `${rect.height}px` }
+					await nextTick()
+					// 再查询一次节点，借这次布局读取确保上面的固定高度已经生效，收起动画才有起点
+					await this.queryRect()
+				}
+				// #endif
 				this.animating = true
 				// #ifdef APP-NVUE
 				const ref = this.$refs['animation'].ref
@@ -178,17 +194,24 @@
 				const animation = uni.createAnimation({
 					timingFunction: 'ease-in-out',
 				});
+				// 只保留一个step：uni的step会累积之前的animates，多余的空step会在动画结束时
+				// 把同一个像素高度再写一遍，把下面交还给内容的auto高度盖掉
 				animation
 					.height(height)
 					.step({
 						duration: this.duration,
 					})
-					.step()
 				// 导出动画数据给面板的animationData值
 				this.animationData = animation.export()
-				// 标识动画结束
+				// 标识动画结束。快速连点时只认最后一次动画的回调，否则旧回调会打断新动画
+				const animateToken = (this.animateToken || 0) + 1
+				this.animateToken = animateToken
 				sleep(this.duration).then(() => {
+					if (this.animateToken !== animateToken) return
 					this.animating = false
+					// 展开动画结束后把高度交还给内容：内容里的图片、异步数据等在测量之后才变高时，
+					// 面板不会再停留在过时的测量值上被overflow:hidden裁掉一截
+					this.contentStyle = this.expanded ? { height: 'auto' } : {}
 				})
 				// #endif
 			},

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

@@ -197,6 +197,10 @@
 		emits: ['close', 'closed', 'cancel', 'confirm', 'change', 'update:modelValue'],
 		// #endif
 		methods: {
+			// 是否为“未选择/已清空”的空值。空值必须原样透传，不能被夹取成边界值
+			isEmptyValue(value) {
+				return value === '' || value === null || value === undefined
+			},
 			toInt(value, fallback = 0) {
 				const num = parseInt(value, 10)
 				return Number.isFinite(num) ? num : fallback
@@ -331,6 +335,14 @@
 			},
 			// 点击工具栏的确定按钮
 			confirm() {
+				// 值为空(从未选择或被外部清空)时，用户看到的是各列当前停留的位置，
+				// 直接上抛空值会“所见非所得”，故先按各列当前显示值取一次真实值
+				if (this.isEmptyValue(this.innerValue)) {
+					this.change({
+						indexs: this.innerDefaultIndex,
+						values: this.columns
+					})
+				}
 				// #ifdef VUE3
 				this.$emit('update:modelValue', this.innerValue)
 				// #endif
@@ -564,6 +576,10 @@
 			},
 			// 得出合法的时间
 			correctValue(value) {
+				// 空值代表“未选择/已清空”，直接返回空串。
+				// 否则日期模式会被夹取成minDate、时间模式会被夹取成minHour:minMinute，
+				// 导致外部清空绑定值后输入框仍然显示最小日期/最小时间
+				if (this.isEmptyValue(value)) return ''
 				const isDateMode = !['time', 'timesecond'].includes(this.mode)
 				if (isDateMode) {
 					// 日期类型统一解析成毫秒时间戳，没有设置合法的当前时间时才使用最小时间。

package/components/u-dropdown/u-dropdown.vue

@@ -203,7 +203,11 @@
 
 	.u-dropdown {
 		flex: 1;
+		// nvue(weex)不支持百分比长度，width: 100%会被编译成width: 100（100px），
+		// 使整个下拉菜单被压缩到屏幕左侧一条窄列，nvue下交由flex拉伸撑满父级宽度
+		/* #ifndef APP-NVUE */
 		width: 100%;
+		/* #endif */
 		position: relative;
 
 		&__menu {
@@ -243,8 +247,14 @@
 		&__content {
 			position: absolute;
 			z-index: 8;
+			// 绝对定位元素在nvue下用left+right撑满父级宽度，替代无效的width: 100%
+			/* #ifndef APP-NVUE */
 			width: 100%;
+			/* #endif */
 			left: 0px;
+			/* #ifdef APP-NVUE */
+			right: 0px;
+			/* #endif */
 			bottom: 0;
 			overflow: hidden;
 			
@@ -253,8 +263,13 @@
 				position: absolute;
 				z-index: 9;
 				background: rgba(0, 0, 0, .3);
+				/* #ifndef APP-NVUE */
 				width: 100%;
+				/* #endif */
 				left: 0;
+				/* #ifdef APP-NVUE */
+				right: 0;
+				/* #endif */
 				top: 0;
 				bottom: 0;
 			}

package/components/u-grid/u-grid.vue

@@ -109,5 +109,14 @@
 		grid-gap: v-bind(gap);
 		grid-template-columns: repeat(v-bind(col), minmax(0, 1fr));
 		/* #endif */
+		// 安卓7自带的WebView是Chromium 52/55，CSS Grid要到Chromium 57才可用，上面那条display:grid会被整条丢弃，
+		// 这里显式退回上面的flex换行，并把列数透出给u-grid-item，让宫格自己按列数取宽度；
+		// 这类老内核同样不支持flex的gap，所以gap在兜底布局下画不出来。
+		/* #ifndef APP-NVUE || MP */
+		@supports not (display: grid) {
+			display: flex !important;
+			--up-grid-col: v-bind(col);
+		}
+		/* #endif */
 	}
 </style>

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

@@ -197,6 +197,14 @@
 		margin-top:$u-grid-item-margin-top;
 		/* #endif */
 
+		// 老WebView（安卓7自带的是Chromium 52/55）没有CSS Grid，u-grid会退回flex换行，
+		// 内联的width:100%此时等于整行宽度，会让每个宫格独占一行，所以按u-grid透出的列数重新分配。
+		/* #ifndef APP-NVUE || MP */
+		@supports not (display: grid) {
+			width: calc(100% / var(--up-grid-col, 1)) !important;
+		}
+		/* #endif */
+
 		&--hover-class {
 			opacity:$u-grid-item-hover-class-opcatiy;
 		}

package/components/u-icon/util.js

@@ -6,6 +6,13 @@ const appIconFontUrl = '_www/static/app-plus/uview-plus/upicon.ttf';
 // 项目没有本地字体（未启用本地字体构建插件、或没拷贝 static/app-plus/uview-plus/upicon.ttf）时：
 // App-Vue 在 uni.loadFontFace 失败后回退 config.iconUrl，App-nvue 先探测字体文件是否存在再决定字体地址。
 const useAppStaticIconFont = true;
+// 字体加载失败后的重试上限与重试基础间隔。重试只能由定时器驱动，不能由“新建u-icon”驱动：
+// u-search、u-input的清除按钮仅在输入框聚焦时才创建，若在那一刻补发字体请求，
+// 微信开发者工具里正在聚焦的input会立即失去焦点，表现为输入内容后再也无法聚焦、无法删除内容。
+// https://github.com/ijry/uview-plus/issues/844
+const maxFontRetryTimes = 3;
+const fontRetryDelay = 2000;
+let fontRetryTimes = 0;
 
 let params = {
     loaded: false,
@@ -176,7 +183,15 @@ const loadFont = () => {
             // console.log('内置字体图标加载成功');
         },
         fail() {
-            params.loading = false;
+            // 失败后不立刻释放请求锁，改由定时器重试有限次数，
+            // 避免此后每创建一个u-icon都立刻补发一次字体请求。
+            if (fontRetryTimes < maxFontRetryTimes) {
+                fontRetryTimes++;
+                setTimeout(() => {
+                    params.loading = false;
+                    loadFont();
+                }, fontRetryDelay * fontRetryTimes);
+            }
             // console.error('内置字体图标加载出错');
         }
     });

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

@@ -16,7 +16,7 @@
 	<!-- #ifndef APP-NVUE -->
 	<scroll-view
 		class="u-list"
-		:scroll-into-view="scrollIntoView"
+		:scroll-into-view="innerScrollIntoView"
 		:style="[listStyle]"
 		:scroll-y="scrollable"
 		:scroll-top="Number(scrollTop)"
@@ -66,7 +66,7 @@
 	 * @property {Boolean}			enableFlex			启用 flexbox 布局。开启后，当前节点声明了display: flex就会成为flex container，并作用于其孩子节点，仅微信小程序有效（默认 false ）
 	 * @property {Boolean}			pagingEnabled		是否按分页模式显示List，（默认 false ）
 	 * @property {Boolean}			scrollable			是否允许List滚动（默认 true ）
-	 * @property {String}			scrollIntoView		值应为某子元素id（id不能以数字开头）
+	 * @property {String}			scrollIntoView		滚动到指定位置，值为u-list-item的anchor，或item内某个子元素的id（id不能以数字开头）
 	 * @property {Boolean}			scrollWithAnimation	在设置滚动条位置时使用动画过渡 （默认 false ）
 	 * @property {Boolean}			enableBackToTop		iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只对微信小程序有效 （默认 false ）
 	 * @property {String ｜ Number}	height				列表的高度 （默认 0 ）
@@ -88,6 +88,8 @@
 			return {
 				// 记录内部滚动的距离
 				innerScrollTop: 0,
+				// 非nvue下真正传给scroll-view的scroll-into-view值
+				innerScrollIntoView: '',
 				// vue下，scroll-view在上拉加载时的偏移值
 				offset: 0,
 				sys: getWindowInfo()
@@ -109,11 +111,17 @@
 			}
 		},
 		created() {
-			this.refs = []
 			this.children = []
 			this.anchors = []
+			// 最后一次请求滚动的目标，非响应式，仅用于丢弃过期的重试
+			this.scrollIntoViewTarget = ''
+		},
+		mounted() {
+			// 初始就设置了scroll-into-view时，子组件已挂载完成，此时才能匹配到anchor
+			if (this.scrollIntoView) {
+				this.scrollIntoViewById(this.scrollIntoView)
+			}
 		},
-		mounted() {},
 		emits: ["scroll", "scrolltolower", "scroll-to-lower", "scrolltoupper", "scroll-to-upper",
 			"refresherpulling", "refresherrefresh", "refresherrestore", "refresherabort"],
 		methods: {
@@ -131,15 +139,58 @@
 				this.innerScrollTop = scrollTop
 				this.$emit('scroll', scrollTop)
 			},
-			scrollIntoViewById(id) {
+			// 根据id找到设置了对应anchor的u-list-item，anchor与u-list-item-${anchor}两种写法都支持
+			getAnchorChild(id) {
+				const anchorId = String(id)
+				return this.children.find(child => {
+					if (child.anchor === '' || child.anchor === null || child.anchor === undefined) return false
+					const anchor = String(child.anchor)
+					return anchor === anchorId || `u-list-item-${anchor}` === anchorId
+				})
+			},
+			scrollIntoViewById(id, retry = true) {
+				if (id === '' || id === null || id === undefined) return
+				// 记录最后一次请求，避免过期的重试覆盖掉新值
+				this.scrollIntoViewTarget = id
+				// 根据id参数，找到所有u-list-item中匹配的节点
+				const child = this.getAnchorChild(id)
+				const scheduleRetry = () => {
+					if (!retry) return
+					this.$nextTick(() => {
+						if (this.scrollIntoViewTarget === id) this.scrollIntoViewById(id, false)
+					})
+				}
+				// #ifndef APP-NVUE
+				// 命中anchor时滚动到item的id；未命中时仍按原语义透传用户自己的子元素id
+				const target = child ? 'u-list-item-' + child.anchor : id
+				// scroll-into-view需要有一个值变动的过程，重复滚动同一节点时先置空
+				if (retry && this.innerScrollIntoView === target) {
+					this.innerScrollIntoView = ''
+					this.$nextTick(() => {
+						if (this.scrollIntoViewTarget === id) this.innerScrollIntoView = target
+					})
+				} else {
+					this.innerScrollIntoView = target
+				}
+				// #endif
 				// #ifdef APP-NVUE
-				// 根据id参数，找到所有u-list-item中匹配的节点，再通过dom模块滚动到对应的位置
-				const item = this.refs.find(item => item.$refs[id] ? true : false)
-				dom.scrollToElement(item.$refs[id], {
+				// nvue下通过children和带前缀的ref查找节点，也兼容用户直接传入子节点ref名
+				const ref = child && child.$refs && child.$refs['u-list-item-' + child.anchor]
+				const matchedItem = ref ? null : this.children.find(item => item.$refs && item.$refs[id])
+				const targetRef = ref || (matchedItem && matchedItem.$refs[id])
+				if (!targetRef) {
+					scheduleRetry()
+					return
+				}
+				dom.scrollToElement(targetRef, {
 					// 是否需要滚动动画
 					animated: this.scrollWithAnimation
 				})
 				// #endif
+				// #ifndef APP-NVUE
+				// anchor可能和列表数据同一帧生成，未命中时下一帧再尝试一次
+				if (!child) scheduleRetry()
+				// #endif
 			},
 			// 滚动到底部触发事件
 			scrolltolower(e) {

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

@@ -4,6 +4,7 @@
 		<!-- #endif -->
 		<view
 			class="u-list-item"
+			:id="anchorId"
 			:ref="`u-list-item-${anchor}`"
 			:anchor="`u-list-item-${anchor}`"
 			:class="[`u-list-item-${anchor}`]"
@@ -27,8 +28,8 @@
 	 * List 列表
 	 * @description 该组件为高性能列表组件
 	 * @tutorial https://uview-plus.jiangruyi.com/components/list.html
-	 * @property {String | Number}	anchor	用于滚动到指定item
-	 * @example <u-list-ite v-for="(item, index) in indexList" :key="index" ></u-list-item>
+	 * @property {String | Number}	anchor	item的锚点，将u-list的scroll-into-view设置为该值即可滚动到此item
+	 * @example <u-list-item v-for="(item, index) in indexList" :key="index" :anchor="`item-${index}`"></u-list-item>
 	 */
 	export default {
 		name: 'u-list-item',
@@ -43,7 +44,12 @@
 			}
 		},
 		computed: {
-
+			// scroll-view的scroll-into-view只认节点id，故由anchor加前缀生成；
+			// 未设置anchor时输出null，避免列表里的每一项都得到同一个空id。
+			anchorId() {
+				if (this.anchor === '' || this.anchor === null || this.anchor === undefined) return null
+				return 'u-list-item-' + this.anchor
+			}
 		},
 		inject: ['uList'],
 		watch: {

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-number-keyboard/u-number-keyboard.vue

@@ -25,7 +25,8 @@
 				class="u-keyboard__button-wrapper__button u-keyboard__button-wrapper__button--gray"
 				hover-class="u-hover-class"
 				:hover-stay-time="200"
-				@touchstart.stop="backspaceClick"
+				@tap="backspaceClick"
+				@touchstart.stop="backspaceTouchStart"
 				@touchend="clearTimer"
 			>
 				<up-icon
@@ -110,17 +111,28 @@
 		},
 		emits: ["backspace", "change"],
 		methods: {
-			// 点击退格键
+			// 点击退格键，PC端浏览器(如电脑版微信内置浏览器)只有鼠标事件不触发touch，故由tap触发删除
 			backspaceClick() {
 				this.$emit('backspace');
-				clearInterval(this.timer); //再次清空定时器，防止重复注册定时器
-				this.timer = null;
-				this.timer = setInterval(() => {
+			},
+			// 触摸退格键，一定时间后进入长按连续删除状态，短按时会在touchend前被清除
+			backspaceTouchStart() {
+				this.clearTimer(); //再次清空定时器，防止重复注册定时器
+				this.timer = setTimeout(() => {
+					this.$emit('backspace');
+					this.backspaceLongPress();
+				}, 600);
+			},
+			// 长按状态下每隔一段时间删除一次
+			backspaceLongPress() {
+				this.clearTimer();
+				this.timer = setTimeout(() => {
 					this.$emit('backspace');
+					this.backspaceLongPress();
 				}, 250);
 			},
 			clearTimer() {
-				clearInterval(this.timer);
+				clearTimeout(this.timer);
 				this.timer = null;
 			},
 			// 获取键盘显示的内容

package/components/u-parse/parser.js

@@ -783,9 +783,10 @@ Parser.prototype.popNode = function () {
   }
   // #endif
 
-  // 一些编辑器的自带 class
-  if ((attrs.class || '').includes('align-center')) {
-    styleObj['text-align'] = 'center'
+  // 一些编辑器的自带 class（quill 等编辑器用 class 而非行内样式表示对齐，如 ql-align-right）
+  const alignClass = ['left', 'center', 'right', 'justify'].find(align => (attrs.class || '').includes('align-' + align))
+  if (alignClass) {
+    styleObj['text-align'] = alignClass
   }
 
   Object.assign(styleObj, this.parseStyle(node))

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

@@ -334,9 +334,13 @@ export default {
 			//记录用户选中但是还没确认的值
 			this.currentActiveValue = value;	
 			// 通过对比前后两次的列索引，得出当前变化的是哪一列
+			// lastIndex记录的是"上一次确认"的值，滚动但未点确定时并不会更新，
+			// 用它做对比会导致滚动过上级列之后，columnIndex一直停留在上级列，
+			// 所以这里用innerIndex，即picker-view上一次所处的位置
+			const prevIndex = this.innerIndex
 			for (let i = 0; i < value.length; i++) {
 				let item = value[i]
-				if (item !== undefined && item !== (this.lastIndex[i] || 0)) { // 把undefined转为合法假值0
+				if (item !== undefined && item !== (prevIndex[i] || 0)) { // 把undefined转为合法假值0
 					// 设置columnIndex为当前变化列的索引
 					columnIndex = i
 					// index则为变化列中的变化项的索引
@@ -346,8 +350,7 @@ export default {
 			}
 			this.columnIndex = columnIndex
 			const values = this.innerColumns
-			// 将当前的各项变化索引，设置为"上一次"的索引变化值
-			// this.setLastIndex(value)
+			// 记录picker-view当前的各列位置，作为下一次变化对比的基准
 			this.setIndexs(value)
 			//如果是非自带输入框才会在change时候触发v-model绑值的变化
 			//否则会非常的奇怪，用户未确认，值就变了

package/components/u-search/u-search.vue

@@ -13,6 +13,7 @@
 				backgroundColor: resolvedBgColor,
 				borderRadius: shape == 'round' ? '100px' : '4px',
 				borderColor: resolvedBorderColor,
+				'--up-search-placeholder-color': resolvedPlaceholderColor,
 			}"
 		>
 			<template v-if="$slots.label || label !== null">
@@ -268,6 +269,20 @@
 	}
 </script>
 
+<style lang="scss">
+/**
+ * placeholder-class 指定的类不能写在 scoped 中：小程序端 placeholder 节点由 input 内部渲染，
+ * 不会带上 scoped 的 data-v- 类，编译出的 .xxx--placeholder.data-v-xxx 永远匹配不到它，
+ * placeholderColor 就只剩内联 placeholder-style 一条通路，而真机上首次渲染并不总会应用它，
+ * 表现为"输入内容后颜色才生效"。颜色统一由 --up-search-placeholder-color 变量传入。
+ */
+$u-search-input-placeholder-color: $u-tips-color !default;
+
+.u-search__content__input--placeholder {
+	color: var(--up-search-placeholder-color, #{$u-search-input-placeholder-color});
+}
+</style>
+
 <style lang="scss" scoped>
 $u-search-content-padding: 0 10px !default;
 $u-search-label-color: $u-main-color !default;
@@ -280,7 +295,6 @@ $u-search-close-transform: scale(0.82) !default;
 $u-search-input-font-size: 14px !default;
 $u-search-input-margin: 0 5px !default;
 $u-search-input-color: $u-main-color !default;
-$u-search-input-placeholder-color: $u-tips-color !default;
 $u-search-action-font-size: 14px !default;
 $u-search-action-color: $u-main-color !default;
 $u-search-action-width: 0 !default;
@@ -341,10 +355,6 @@ $u-search-action-margin-left: 5px !default;
 			line-height: 1;
 			margin: $u-search-input-margin;
 			color: $u-search-input-color;
-
-			&--placeholder {
-				color: $u-search-input-placeholder-color;
-			}
 		}
 	}