feat: ✨ Form 表单组件提供开关控制是否model变化时重置提示信息

✅ Closes: #166

docs/component/form.md

@@ -843,6 +843,7 @@ function handleIconClick() {
 | ----- | ------------ | --------------------- | ------ | ------ | -------- |
 | model | 表单数据对象 | `Record<string, any>` | -      | -      | 0.2.0    |
 | rules | 表单验证规则 | `FormRules`           | -      | -      | 0.2.0    |
+| resetOnChange | 表单数据变化时是否重置表单提示信息（设置为false时需要开发者单独对变更项进行校验） | `boolean` | -      | `true`   | 0.2.16 |
 
 ### FormItemRule 数据结构
 

src/pages/form/demo2.vue

@@ -1,6 +1,6 @@
 <template>
   <page-wraper>
-    <wd-form ref="form" :model="model">
+    <wd-form ref="form" :model="model" :reset-on-change="false">
       <wd-cell-group border>
         <wd-input
           label="用户名"

src/pages/form/demo3.vue

@@ -111,7 +111,7 @@
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
 import { isArray } from '@/uni_modules/wot-design-uni/components/common/util'
-import { FormRules } from '@/uni_modules/wot-design-uni/components/wd-form/types'
+import { type FormRules } from '@/uni_modules/wot-design-uni/components/wd-form/types'
 import { areaData } from '@/utils/area'
 import { reactive, ref } from 'vue'
 

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

@@ -26,12 +26,15 @@ interface Props {
   model: Record<string, any>
   // 表单验证规则
   rules?: FormRules
+  // 是否在输入时重置表单校验信息
+  resetOnChange?: boolean
   customClass?: string
   customStyle?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
   rules: () => ({}),
+  resetOnChange: true,
   customClass: '',
   customStyle: ''
 })
@@ -44,7 +47,9 @@ linkChildren({ props, errorMessages: errorMessages })
 watch(
   () => props.model,
   () => {
+    if (props.resetOnChange) {
       clearMessage()
+    }
   },
   { immediate: true, deep: true }
 )
@@ -129,6 +134,14 @@ async function validate(prop?: string): Promise<{ valid: boolean; errors: ErrorM
     showMessage(error)
   })
 
+  if (valid) {
+    if (prop) {
+      clearMessage(prop)
+    } else {
+      clearMessage()
+    }
+  }
+
   return {
     valid,
     errors
@@ -156,11 +169,15 @@ function showMessage(errorMsg: ErrorMessage) {
   }
 }
 
-function clearMessage() {
+function clearMessage(prop?: string) {
+  if (prop) {
+    errorMessages[prop] = ''
+  } else {
     Object.keys(errorMessages).forEach((key) => {
       errorMessages[key] = ''
     })
   }
+}
 
 function reset() {
   clearMessage()