uview-plus 3.5.52 → 3.6.1

package/changelog.md

@@ -1,3 +1,24 @@
+## 3.6.1（2025-10-01）
+fix: 修复poster海报组件微信小程序图片绘制失败
+
+## 3.6.0（2025-09-30）
+fix: 修复parse事件报错及统一事件名称小写
+
+## 3.5.57（2025-09-30）
+improvment: 更换部分资源域名提升访问速度
+
+## 3.5.56（2025-09-29）
+fix: 修复picker和datetime-picker在部分原生渲染时hasInput触发键盘弹起
+
+## 3.5.55（2025-09-29）
+feat: waterfall新增after-add-one和after-add-all事件
+
+## 3.5.54（2025-09-25）
+🐞 fix: 解决索引列表初始化时获取不到高度导致的字母列表异常
+
+## 3.5.53（2025-09-19）
+improvment: back-top示例组合式API改造
+
 ## 3.5.52（2025-09-19）
 fix: 优化tabbar的borderColor优先级
 

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

@@ -9,8 +9,8 @@
 					v-model="inputValue"
 					v-bind="inputPropsInner"
 				></up-input>
-				<view class="input-cover">
-				</view>
+				<cover-view class="input-cover">
+				</cover-view>
 			</slot>
         </view>
         <u-picker

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

@@ -284,8 +284,10 @@
 				return new Promise(resolve => {
 					// 延时一定时间，以获取dom尺寸
 					// #ifndef APP-NVUE
-					this.$uGetRect('.u-index-list__scroll-view').then(size => {
-						resolve(size)
+					this.$nextTick(() => {
+						this.$uGetRect('.u-index-list__scroll-view').then(size => {
+							resolve(size)
+						})
 					})
 					// #endif
 

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

@@ -19,7 +19,8 @@
 <script>
     import {
         addUnit,
-        guid
+        guid,
+        rpx2px
     } from '../../libs/function/index.js';
     /**
      * lazyLoad 懒加载
@@ -114,7 +115,7 @@
             // 将threshold从rpx转为px
             getThreshold() {
                 // 先取绝对值，因为threshold可能是负数，最后根据this.threshold是正数或者负数，重新还原
-                let thresholdPx = uni.upx2px(Math.abs(this.threshold));
+                let thresholdPx = rpx2px(Math.abs(this.threshold));
                 return this.threshold < 0 ? -thresholdPx : thresholdPx;
             },
             // 计算图片的高度，可能为auto，带%，或者直接数值

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

@@ -150,7 +150,7 @@ export default {
   mounted () {
     this.$nextTick(() => {
       // 修复可能导致死循环的问题
-      for (this.root = this?.$parent; this.root && this.root?.$options.name !== 'mp-html'; this.root = this.root?.$parent);
+      for (this.root = this?.$parent; this.root && this.root?.$options.name !== 'up-parse'; this.root = this.root?.$parent);
     })
     // #ifdef H5 || APP-PLUS
     if (this.opts[0]) {
@@ -180,6 +180,7 @@ export default {
     }
     // #endif
   },
+  emits: ['linktap', 'imgtap', 'play', 'ready', 'error'],
   methods: {
     // #ifdef MP-WEIXIN
     toJSON () { return this },

package/components/u-parse/props.js

@@ -42,7 +42,13 @@ export const props = defineMixin({
 		  type: Boolean,
 		  default: () => defProps.parse.showImgMenu
         },
-        tagStyle: Object,
-        useAnchor: null
-	  }
+        tagStyle: {
+		  type: Object,
+		  default: () => {}
+        },
+        useAnchor: {
+          type: Boolean,
+          default: null
+		}
+	}
 }

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

@@ -32,8 +32,8 @@
  * @property {Boolean | Number} use-anchor 是否使用锚点链接
  * @event {Function} load dom 结构加载完毕时触发
  * @event {Function} ready 所有图片加载完毕时触发
- * @event {Function} imgTap 图片被点击时触发
- * @event {Function} linkTap 链接被点击时触发
+ * @event {Function} imgtap 图片被点击时触发
+ * @event {Function} linktap 链接被点击时触发
  * @event {Function} play 音视频播放时触发
  * @event {Function} error 媒体加载出错时触发
  */
@@ -46,7 +46,7 @@ const plugins = []
 const dom = weex.requireModule('dom')
 // #endif
 export default {
-	name: 'u-parse',
+	name: 'up-parse',
 	data() {
 		return {
 			nodes: [],
@@ -103,7 +103,7 @@ export default {
 		useAnchor: [Boolean, Number]
 	},
 	// #ifdef VUE3
-	emits: ['load', 'ready', 'imgTap', 'linkTap', 'play', 'error'],
+	emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
 	// #endif
 	// #ifndef APP-PLUS-NVUE
 	components: {
@@ -410,7 +410,7 @@ export default {
 					break
 				// 图片点击
 				case 'onImgTap':
-					this.$emit('imgTap', message.attrs)
+					this.$emit('imgtap', message.attrs)
 					if (this.previewImg) {
 						uni.previewImage({
 							current: parseInt(message.attrs.i),
@@ -421,7 +421,7 @@ export default {
 				// 链接点击
 				case 'onLinkTap': {
 					const href = message.attrs.href
-					this.$emit('linkTap', message.attrs)
+					this.$emit('linktap', message.attrs)
 					if (href) {
 						// 锚点跳转
 						if (href[0] === '#') {

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

@@ -11,7 +11,7 @@
 				v-model="inputLabel"
 				v-bind="inputPropsInner">
 			</up-input>
-			<view class="input-cover"></view>
+			<cover-view class="input-cover"></cover-view>
 		</view>
 		<u-popup
 			:show="show || (hasInput && showByClickInput)"

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

@@ -38,6 +38,10 @@
  * 
  * @example <up-poster :json="posterJson"></up-poster>
  */
+
+import {
+	rpx2px
+} from '../../libs/function/index.js';
 export default {
 	name: 'up-poster',
 	props: {
@@ -221,20 +225,23 @@ export default {
 						uni.getImageInfo({
 							src: item.src,
 							success: (res) => {
+								// console.log('图片加载成功: ' + item.src, res);
 								// 处理圆角
 								if (css.radius) {
 									const radius = this.convertRpxToPx(css.radius);
 									this.clipRoundRect(ctx, left, top, width, height, radius);
 								}
-								ctx.drawImage(item.src, left, top, width, height);
+								// 不能用item.src，要用res.path。
+								ctx.drawImage(res.path, left, top, width, height);
 								// 恢复剪切区域
 								ctx.restore();
 								resolve();
 							},
-							fail: () => {
+							fail: (e) => {
 								// 图片加载失败时绘制占位符
 								ctx.setFillStyle('#f5f5f5');
 								ctx.fillRect(left, top, width, height);
+								console.log('图片加载失败: ' + item.src, e);
 								resolve();
 							}
 						});
@@ -461,10 +468,10 @@ export default {
 		convertRpxToPx(rpxValue) {
 			if (typeof rpxValue === 'number') return rpxValue;
 			
-			// 使用uni-app自带的uni.rpx2px方法
+			// 使用rpx2px方法
 			if (typeof rpxValue === 'string' && rpxValue.endsWith('rpx')) {
 				const value = parseFloat(rpxValue);
-				return uni.rpx2px(value);
+				return rpx2px(value);
 			}
 			
 			return parseFloat(rpxValue) || 0;

package/components/u-waterfall/u-waterfall.vue

@@ -173,7 +173,7 @@
                 // #endif
             }
         },
-        emits: ['update:modelValue'],
+        emits: ['update:modelValue', 'after-add-one', 'after-add-all'],
         methods: {
             // 初始化列数据数组
             initColumnList() {
@@ -254,16 +254,21 @@
                     // 获取实际渲染后的元素高度而不是估算
                     await sleep(this.addTime)
                     await this.$nextTick(async () => {
-                    try {
-                        const rect = await this.$uGetRect(`#u-column-${minHeightIndex}`);
-                        // console.log(`#u-column-${minHeightIndex}`, rect.height)
-                        if (rect.height) {
-                            columnHeights[minHeightIndex] = rect.height
+                        try {
+                            const rect = await this.$uGetRect(`#u-column-${minHeightIndex}`);
+                            // console.log(`#u-column-${minHeightIndex}`, rect.height)
+                            if (rect.height) {
+                                columnHeights[minHeightIndex] = rect.height;
+                                // 加载一个后置事件
+                                this.$emit('after-add-one', {
+                                    ...item,
+                                    height: rect.height
+                                });
+                            }
+                        } catch (e) {
+                            // console.log(e)
+                            // columnHeights[i] = 0;
                         }
-                    } catch (e) {
-                        // console.log(e)
-                        // columnHeights[i] = 0;
-                    }
                     });
                     // this.$nextTick(async () => {
                     //     try {
@@ -285,6 +290,11 @@
                     //     }
                     // });
                 }
+                // 加载所有后置事件
+                this.$emit('after-add-all', {
+                    columnHeights: columnHeights,
+                    newData: newData
+                });
             },
 
             // 复制而不是引用对象和数组

package/index.js

@@ -46,7 +46,7 @@ import i18n, { t } from './libs/i18n/index.js'
 
 // 导出
 let themeType = ['primary', 'success', 'error', 'warning', 'info'];
-export { route, http, debounce, throttle, calc, digit, platform, themeType, mixin, mpMixin, props, color, test, zIndex, fontUtil, i18n ,t}
+export { route, http, debounce, throttle, calc, digit, platform, themeType, mixin, mpMixin, props, color, test, zIndex, fontUtil, i18n , rpx2px, t}
 export * from './libs/function/index.js'
 export * from './libs/function/colorGradient.js'
 

package/libs/function/index.js

@@ -32,6 +32,20 @@ export function getPx(value, unit = false) {
 	return unit ? `${parseInt(value)}px` : parseInt(value)
 }
 
+/**
+ * @description 用于统一rpx2px方法，因uni-app现有API未统一。
+ * @param {number} value 用户传递值的rpx值
+ * @returns {number}
+ */
+export function rpx2px(value) {
+	// #ifdef APP
+	return uni.upx2px(value)
+	// #endif
+	// #ifndef APP
+	return uni.rpx2px(value)
+	// #endif
+}
+
 /**
  * @description 进行延时，以达到可以简写代码的目的 比如: await uni.$u.sleep(20)将会阻塞20ms
  * @param {number} value 堵塞时间 单位ms 毫秒

package/package.json

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