feat: ✨ Form设置提示模式为toast时优先显示顺序靠前的表单项的错误提示

✅ Closes: #548

Author: Moonofweisheng

src/uni_modules/wot-design-uni/components/wd-form/wd-form.vue

@@ -23,7 +23,7 @@ import { useChildren } from '../composables/useChildren'
 import { useToast } from '../wd-toast'
 import { type FormRules, FORM_KEY, type ErrorMessage, formProps, type FormExpose } from './types'
 
-const toast = useToast('wd-form-toast')
+const { show: showToast } = useToast('wd-form-toast')
 const props = defineProps(formProps)
 
 const { children, linkChildren } = useChildren(FORM_KEY)
@@ -117,9 +117,7 @@ async function validate(prop?: string): Promise<{ valid: boolean; errors: ErrorM
 
   await Promise.all(promises)
 
-  errors.forEach((error) => {
-    showMessage(error)
-  })
+  showMessage(errors)
 
   if (valid) {
     if (prop) {
@@ -150,13 +148,16 @@ function getMergeRules() {
   return mergedRules
 }
 
-function showMessage(errorMsg: ErrorMessage) {
-  if (!errorMsg.message) return
-
-  if (props.errorType === 'toast') {
-    toast.show(errorMsg.message)
-  } else if (props.errorType === 'message') {
-    errorMessages[errorMsg.prop] = errorMsg.message
+function showMessage(errors: ErrorMessage[]) {
+  const messages = errors.filter((error) => error.message)
+  if (messages.length) {
+    if (props.errorType === 'toast') {
+      showToast(messages[0].message)
+    } else if (props.errorType === 'message') {
+      messages.forEach((error) => {
+        errorMessages[error.prop] = error.message
+      })
+    }
   }
 }