uview-plus 3.8.130 → 3.8.136

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

@@ -21,13 +21,20 @@
 		<view
 			class="u-keyboard__button-wrapper"
 		>
+			<!--
+				退格键的删除由 @tap 触发（PC 端浏览器只有鼠标事件，不产生 touch）；
+				@touchstart 只负责延时进入长按连删，短按时定时器会在 touchend 前被清除，所以不会删两次。
+				注意：@touchstart 上不能加 .stop（编译成微信小程序的 catchtouchstart 后会吞掉同一个节点上的 tap，
+				短按就再也删不掉、只剩长按有效），u-number-box 的加减键同样只绑 bindtouchstart。
+			-->
 			<view
 				class="u-keyboard__button-wrapper__button u-keyboard__button-wrapper__button--gray"
 				hover-class="u-hover-class"
 				:hover-stay-time="200"
 				@tap="backspaceClick"
-				@touchstart.stop="backspaceTouchStart"
+				@touchstart="backspaceTouchStart"
 				@touchend="clearTimer"
+				@touchcancel="clearTimer"
 			>
 				<up-icon
 					name="backspace"
@@ -115,7 +122,8 @@
 			backspaceClick() {
 				this.$emit('backspace');
 			},
-			// 触摸退格键，一定时间后进入长按连续删除状态，短按时会在touchend前被清除
+			// 触摸退格键，一定时间后进入长按连续删除状态，短按时会在touchend/touchcancel前被清除
+			// 不能加 .stop 修饰符：微信小程序 catchtouchstart 会阻止同一节点 tap 的派发
 			backspaceTouchStart() {
 				this.clearTimer(); //再次清空定时器，防止重复注册定时器
 				this.timer = setTimeout(() => {

package/components/u-toast/u-toast.vue

@@ -55,7 +55,8 @@
 	 * @property {String}			icon		图标，或者绝对路径的图片
 	 * @property {String}			type		主题类型 （默认 default）
 	 * @property {Boolean}			show		是否显示该组件 （默认 false）
-	 * @property {Boolean}			overlay		是否显示透明遮罩，防止点击穿透 （默认 true ）
+	 * @property {Boolean}			overlay		是否显示透明遮罩，防止点击穿透。false 时提示期间页面可正常操作，
+	 *                                     也可在 show({ overlay: false }) 中单独指定 （默认 true ）
 	 * @property {String}			position	位置 （默认 'center' ）
 	 * @property {Object}			params		跳转的参数 
 	 * @property {String | Number}  duration	展示时间，单位ms （默认 2000 ）
@@ -70,6 +71,14 @@
 	export default {
 		name: 'u-toast',
 		mixins: [mpMixin, mixin],
+		props: {
+			// 是否显示全屏透明遮罩，阻止操作页面（防止点击穿透）
+			// 设置为 false 时，toast 提示期间页面依然可以正常点击、滑动
+			overlay: {
+				type: Boolean,
+				default: true
+			}
+		},
 		data() {
 			return {
 				isShow: false,
@@ -104,6 +113,10 @@
 					return this.tmpConfig.icon
 				}
 			},
+			// 遮罩是否拦截页面操作：show() 显式传入的 overlay 优先，其次回落到组件 prop
+			overlayEnabled() {
+				return this.tmpConfig.overlay === undefined ? this.overlay : !!this.tmpConfig.overlay
+			},
 			overlayStyle() {
 				const style = {
 					justifyContent: 'center',
@@ -112,10 +125,23 @@
 				}
 				// 将遮罩设置为100%透明度，避免出现灰色背景
 				style.backgroundColor = 'rgba(0, 0, 0, 0)'
-				// overlay=false时不阻止点击穿透
-				if (!this.tmpConfig.overlay) {
-					style.pointerEvents = 'none'
+				// 拦截模式：遮罩铺满全屏（u-overlay 默认即为全屏），提示期间阻止操作页面
+				if (this.overlayEnabled) {
+					return style
 				}
+				// 穿透模式：让 toast 提示期间页面依然可以点击、滑动
+				// 1) pointer-events 让遮罩不吃事件，H5 / 小程序 / 鸿蒙均支持
+				style.pointerEvents = 'none'
+				// #ifndef APP-NVUE
+				// 2) 把遮罩从"铺满全屏"收缩成"跟随内容大小的浮动层"，从物理上不再遮挡页面，
+				//    这样即便运行环境不认 pointer-events，点击与滚动也都能穿透。
+				//    nvue(Weex) 不支持百分比 transform，故该分支只在非 nvue 端开启。
+				style.left = '50%'
+				style.top = '50%'
+				style.right = 'auto'
+				style.bottom = 'auto'
+				style.transform = 'translate(-50%, -50%)'
+				// #endif
 				return style
 			},
 			iconStyle() {
@@ -166,7 +192,8 @@
 			// 显示toast组件，由父组件通过this.$refs.xxx.show(options)形式调用
 			show(options) {
 				// 不将结果合并到this.config变量，避免多次调用u-toast，前后的配置造成混乱
-				this.tmpConfig = deepMerge(this.config, options)
+				// 组件 prop 作为 show() 未显式传值时的默认值，让 <up-toast :overlay="false"> 也能生效
+				this.tmpConfig = deepMerge({ ...this.config, overlay: this.overlay }, options)
 				// 清除定时器
 				this.clearTimer()
 				this.isShow = true

package/components/u-upload/props.js

@@ -14,6 +14,10 @@ export const props = defineMixin({
             type: Array,
             default: () => defProps.upload.extension
         },
+        mediaType: {
+          type: Array,
+          default: () => defProps.upload.mediaType
+        },
         // 	图片或视频拾取模式，当accept为image类型时设置capture可选额外camera可以直接调起摄像头
         capture: {
             type: [String, Array],

package/components/u-upload/u-upload.vue

@@ -223,6 +223,7 @@
 	 * @description 该组件用于上传图片场景
 	 * @tutorial https://uview-plus.jiangruyi.com/components/upload.html
 	 * @property {String}			accept				接受的文件类型, 可选值为all media image file video （默认 'image' ）
+	 * @property {Array<String>}    mediaType			当使用chooseMedia上传文件时设置的文件类型，可选值为image, video, mix，默认 ['image', 'video']
 	 * @property {String | Array}	capture				图片或视频拾取模式，当accept为image类型时设置capture可选额外camera可以直接调起摄像头（默认 ['album', 'camera'] ）
 	 * @property {Array}			extension			选择文件的后缀名，暂只支持.zip、.png等，不支持application/msword等值
 	 * @property {Boolean}			compressed			当accept为video时生效，是否压缩视频，默认为true（默认 true ）
@@ -383,7 +384,8 @@
 				const chooseParams = Object.assign({
 					accept: this.accept,
 					extension: this.extension,
-					multiple: this.multiple,
+                    multiple: this.multiple,
+					mediaType: this.mediaType,
 					capture: this.capture,
 					compressed: this.compressed,
 					maxDuration: this.maxDuration,

package/components/u-upload/upload.js

@@ -11,7 +11,8 @@ export default {
 	// upload组件
 	upload: {
 		accept: 'image',
-		extension: [],
+        extension: [],
+		mediaType: ['image', 'video'],
 		capture: ['album', 'camera'],
 		compressed: true,
 		camera: 'back',

package/components/u-upload/utils.js

@@ -87,6 +87,7 @@ export function chooseFile({
     multiple,
     capture,
     compressed,
+    mediaType,
     maxDuration,
     sizeType,
     camera,
@@ -109,20 +110,28 @@ export function chooseFile({
                 fail: reject
             })
             break
-            // #ifdef MP-WEIXIN
-            // 只有微信小程序才支持chooseMedia接口
         case 'media':
-            wx.chooseMedia({
-                count: multiple ? Math.min(maxCount, 9) : 1,
-                sourceType: capture,
-                maxDuration,
-                sizeType,
-                camera,
-                success: (res) => resolve(formatMedia(res)),
-                fail: reject
-            })
+            if (wx.chooseMedia) {
+                wx.chooseMedia({
+                    count: multiple ? Math.min(maxCount, 9) : 1,
+                    mediaType,
+                    sourceType: capture,
+                    maxDuration,
+                    sizeType,
+                    camera,
+                    success: (res) => resolve(formatMedia(res)),
+                    fail: reject
+                })
+            } else {
+                uni.chooseImage({
+                    count: multiple ? Math.min(maxCount, 9) : 1,
+                    sourceType: capture,
+                    sizeType,
+                    success: (res) => resolve(formatImage(res)),
+                    fail: reject
+                })
+            }
             break
-            // #endif
         case 'video':
             uni.chooseVideo({
                 sourceType: capture,

package/libs/function/calc.js

@@ -1,4 +1,5 @@
 // 浮点数加法
+import { divide } from './digit.js'
 export function add (arg1, arg2) {
 	var r1, r2, m
 		try {
@@ -44,17 +45,9 @@ export function mul (a, b) {
 	} catch (f) {}
 	return Number(d.replace(".", "")) * Number(e.replace(".", "")) / Math.pow(10, c);
 }
-//浮点除法
+// 浮点除法
 export function div (a, b) {
-	var c, d, e = 0,
-		f = 0;
-	try {
-		e = a.toString().split(".")[1].length;
-	} catch (g) {}
-	try {
-		f = b.toString().split(".")[1].length;
-	} catch (g) {}
-	return c = Number(a.toString().replace(".", "")), d = Number(b.toString().replace(".", "")), xyutil.mul(c / d, Math.pow(10, f - e));
+	return divide(a, b);
 }
 export default {
 	add,

package/libs/vite/app-icon-font.js

@@ -27,8 +27,10 @@ export function createAppIconFontFeature(options = {}) {
   const rootPath = normalizePath(projectInfo.rootPath)
   const iconFontSourcePath = normalizePath(resolve(featurePath, '../../components/u-icon/upicon.ttf'))
   const appStaticIconFontPath = normalizePath(resolve(rootPath, appStaticIconFontRelativePath))
-  const uIconUtilPath = normalizePath(resolve(rootPath, 'uni_modules/uview-plus/components/u-icon/util.js'))
-  const uIconVuePath = normalizePath(resolve(rootPath, 'uni_modules/uview-plus/components/u-icon/u-icon.vue'))
+  // 同时兼容 uni_modules 与 npm（node_modules / pnpm 真实路径）两种安装方式：
+  // npm 安装时包位于 node_modules/uview-plus/...，按包内相对路径后缀匹配即可命中。
+  const isUIconUtil = (cleanId) => cleanId.endsWith('uview-plus/components/u-icon/util.js')
+  const isUIconVue = (cleanId) => cleanId.endsWith('uview-plus/components/u-icon/u-icon.vue')
 
   const shouldCopyFile = (sourcePath, targetPath) => {
     if (!existsSync(targetPath)) return true
@@ -55,15 +57,15 @@ export function createAppIconFontFeature(options = {}) {
     if (!isAppPlatform()) return null
     const cleanId = toCleanId(id)
     if (!enabled) {
-      if (cleanId === uIconUtilPath && code.includes(appStaticIconFontFlag)) {
+      if (isUIconUtil(cleanId) && code.includes(appStaticIconFontFlag)) {
         return code.replace(appStaticIconFontFlag, appStaticIconFontDisabledFlag)
       }
       return null
     }
-    if (cleanId === uIconVuePath && appRemoteIconFontCondition.test(code)) {
+    if (isUIconVue(cleanId) && appRemoteIconFontCondition.test(code)) {
       return code.replace(appRemoteIconFontCondition, '/* #ifdef $1 */')
     }
-    if (cleanId === uIconVuePath && appCompiledRemoteIconFontFace.test(code)) {
+    if (isUIconVue(cleanId) && appCompiledRemoteIconFontFace.test(code)) {
       return removeAppCompiledRemoteIconFontFace(code)
     }
     return null

package/package.json

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

package/types/comps/toast.d.ts

@@ -10,6 +10,11 @@ declare interface ToastProps {
    * @default false
    */
   loading?: boolean
+  /**
+   * 是否显示全屏透明遮罩，阻止操作页面（防止点击穿透）
+   * @default true
+   */
+  overlay?: boolean
   /**
    * 显示的文本
    */

package/types/comps/upload.d.ts

@@ -34,6 +34,8 @@ declare interface UploadProps {
    * @default "image"
    */
   accept?: 'all' | 'media' | 'image' | 'file' | 'video'
+  /** 当使用chooseMedia上传文件时设置的文件类型，可选值为image, video, mix，默认 ['image', 'video'] */
+  mediaType?: ('image' | 'video' | 'mix')[]
   /**
    * 图片或视频拾取模式，当accept为image类型时设置capture可选额外camera可以直接调起摄像头
    * @default ["album", "camera"]