uview-plus 3.4.2 → 3.4.4

package/changelog.md

@@ -1,3 +1,14 @@
+## 3.4.4（2025-03-13）
+feat: modal增加异步操作进行中点击取消弹出提示特性防止操作被中断
+
+fix: 修复toast组件show方法类型声明
+
+## 3.4.3（2025-03-12）
+fix: 修复textarea自动增高时在输入时高度异常
+
+## 3.4.2（2025-03-11）
+feat: step组件增加title插槽及增加辅助class便于自定义样式
+
 ## 3.4.1（2025-03-11）
 feat: 新机制确保setConfig与http在nvue等环境下生效
 

package/components/u-modal/modal.js

@@ -26,6 +26,8 @@ export default {
         negativeTop: 0,
         width: '650rpx',
         confirmButtonShape: '',
-        contentTextAlign: 'left'
+        contentTextAlign: 'left',
+        asyncCloseTip: '操作中...',
+        asyncCancelClose: false
     }
 }

package/components/u-modal/props.js

@@ -87,5 +87,16 @@ export const props = defineMixin({
             type: String,
             default: () => defProps.modal.contentTextAlign
         },
+        // 异步确定时如果点击了取消时候的提示文案
+        asyncCloseTip: {
+            type: String,
+            default: () => defProps.modal.asyncCloseTip
+        },
+        // 是否异步关闭，只对取消按钮有效
+        asyncCancelClose: {
+            type: Boolean,
+            default: () => defProps.modal.asyncCancelClose
+        },
+        
     }
 })

package/components/u-modal/u-modal.vue

@@ -137,7 +137,7 @@
 				if (n && this.loading) this.loading = false
 			}
 		},
-		emits: ["confirm", "cancel", "close", "update:show"],
+		emits: ["confirm", "cancel", "close", "update:show", 'cancelOnAsync'],
 		methods: {
 			addUnit,
 			// 点击确定按钮
@@ -152,7 +152,21 @@
 			},
 			// 点击取消按钮
 			cancelHandler() {
-				this.$emit('update:show', false)
+				// 如果点击了确定按钮，确定按钮正在请求接口执行异步操作，那么限制不能取消。
+				if (this.asyncClose && this.loading) {
+					if (this.asyncCloseTip) {
+						uni.showToast({
+							title: this.asyncCloseTip,
+							icon: 'none'
+						});
+					}
+					this.$emit('cancelOnAsync')
+				} else {
+					// 如果配置了取消时异步关闭
+					if (!this.asyncCancelClose) {
+						this.$emit('update:show', false)
+					}
+				}
 				this.$emit('cancel')
 			},
 			// 点击遮罩

package/components/u-textarea/u-textarea.vue

@@ -3,7 +3,7 @@
         <textarea
             class="u-textarea__field"
             :value="innerValue"
-            :style="{ height: addUnit(height) }"
+            :style="fieldStyle"
             :placeholder="placeholder"
             :placeholder-style="addStyle(placeholderStyle, typeof placeholderStyle === 'string' ? 'string' : 'object')"
             :placeholder-class="placeholderClass"
@@ -145,7 +145,16 @@ export default {
 	    }
         // #endif
 	},
-    computed: {
+    computed: {
+		fieldStyle() {
+			let style = {};
+			style['height'] = addUnit(this.height);
+			if (this.autoHeight) {
+				style['height'] = 'auto';
+				style['minHeight'] = addUnit(this.height);
+			}
+			return style;
+		},
         // 组件的类名
         textareaClass() {
             let classes = [],

package/components/u-toast/toast.js

@@ -12,7 +12,7 @@ export default {
     toast: {
         zIndex: 10090,
         loading: false,
-        text: '',
+        message: '',
         icon: '',
         type: '',
         loadingMode: '',

package/package.json

@@ -2,7 +2,7 @@
 	"id": "uview-plus",
 	"name": "uview-plus",
 	"displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙移动组件库。",
-	"version": "3.4.2",
+	"version": "3.4.4",
 	"description": "零云®uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水",
 	"keywords": [
         "uview",

package/types/comps/toast.d.ts

@@ -1,6 +1,10 @@
 import { AllowedComponentProps, VNodeProps } from './_common'
 
 declare interface ToastProps {
+  /**
+   * 层级
+   */
+  zIndex?: string | number
   /**
    * 是否加载中
    * @default false
@@ -43,7 +47,7 @@ declare interface _ToastRef {
   /**
    * 显示toast，如需一进入页面就显示toast，请在onReady生命周期调用
    */
-  show: () => void
+  show: (options: ToastProps) => void
 }
 
 declare interface _Toast {