From d8c8775af2bd032c605c3369a564c382160ec299 Mon Sep 17 00:00:00 2001
From: XuZhiqiang <xzq710675281@163.com>
Date: Thu, 18 Jun 2026 16:22:02 +0800
Subject: [PATCH] =?UTF-8?q?fix(@vben/web-antdv-next):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?FormItem=20rules=E4=B8=BA=E6=95=B0=E7=BB=84=E5=BD=A2=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../child-process-node-config.vue             | 84 +++++++++++--------
 .../nodes-config/modules/condition.vue        | 24 +++---
 .../modules/http-request-param-setting.vue    | 72 +++++++++-------
 .../modules/http-request-setting.vue          | 36 ++++----
 .../modules/user-task-listener.vue            | 12 +--
 .../nodes-config/router-node-config.vue       | 12 +--
 .../nodes-config/trigger-node-config.vue      | 12 +--
 7 files changed, 147 insertions(+), 105 deletions(-)

diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/child-process-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/child-process-node-config.vue
index 67cc804dc..b5de5f559 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/child-process-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/child-process-node-config.vue
@@ -464,11 +464,13 @@ onMounted(async () => {
             <div class="mr-2">
               <FormItem
                 :name="['inVariables', index, 'source']"
-                :rules="{
-                  required: true,
-                  message: '变量不能为空',
-                  trigger: 'blur',
-                }"
+                :rules="[
+                  {
+                    required: true,
+                    message: '变量不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
               >
                 <Select class="!w-40" v-model:value="item.source">
                   <SelectOption
@@ -484,11 +486,13 @@ onMounted(async () => {
             <div class="mr-2">
               <FormItem
                 :name="['inVariables', index, 'target']"
-                :rules="{
-                  required: true,
-                  message: '变量不能为空',
-                  trigger: 'blur',
-                }"
+                :rules="[
+                  {
+                    required: true,
+                    message: '变量不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
               >
                 <Select class="!w-40" v-model:value="item.target">
                   <SelectOption
@@ -534,11 +538,13 @@ onMounted(async () => {
             <div class="mr-2">
               <FormItem
                 :name="['outVariables', index, 'source']"
-                :rules="{
-                  required: true,
-                  message: '变量不能为空',
-                  trigger: 'blur',
-                }"
+                :rules="[
+                  {
+                    required: true,
+                    message: '变量不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
               >
                 <Select class="!w-40" v-model:value="item.source">
                   <SelectOption
@@ -554,11 +560,13 @@ onMounted(async () => {
             <div class="mr-2">
               <FormItem
                 :name="['outVariables', index, 'target']"
-                :rules="{
-                  required: true,
-                  message: '变量不能为空',
-                  trigger: 'blur',
-                }"
+                :rules="[
+                  {
+                    required: true,
+                    message: '变量不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
               >
                 <Select class="!w-40" v-model:value="item.target">
                   <SelectOption
@@ -795,11 +803,13 @@ onMounted(async () => {
             label-align="left"
             :label-col="{ span: 6 }"
             :wrapper-col="{ span: 12 }"
-            :rules="{
-              required: true,
-              message: '固定数量不能为空',
-              trigger: 'change',
-            }"
+            :rules="[
+              {
+                required: true,
+                message: '固定数量不能为空',
+                trigger: 'change',
+              },
+            ]"
           >
             <InputNumber
               v-model:value="configForm.multiInstanceSource"
@@ -816,11 +826,13 @@ onMounted(async () => {
             label-align="left"
             :label-col="{ span: 6 }"
             :wrapper-col="{ span: 12 }"
-            :rules="{
-              required: true,
-              message: '数字表单字段不能为空',
-              trigger: 'change',
-            }"
+            :rules="[
+              {
+                required: true,
+                message: '数字表单字段不能为空',
+                trigger: 'change',
+              },
+            ]"
           >
             <Select v-model:value="configForm.multiInstanceSource">
               <SelectOption
@@ -843,11 +855,13 @@ onMounted(async () => {
             label-align="left"
             :label-col="{ span: 6 }"
             :wrapper-col="{ span: 12 }"
-            :rules="{
-              required: true,
-              message: '多选表单字段不能为空',
-              trigger: 'change',
-            }"
+            :rules="[
+              {
+                required: true,
+                message: '多选表单字段不能为空',
+                trigger: 'change',
+              },
+            ]"
           >
             <Select v-model:value="configForm.multiInstanceSource">
               <SelectOption
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition.vue
index 4167c65a5..ff242133e 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/condition.vue
@@ -224,11 +224,13 @@ defineExpose({ validate });
                   rIdx,
                   'leftSide',
                 ]"
-                :rules="{
-                  required: true,
-                  message: '左值不能为空',
-                  trigger: 'change',
-                }"
+                :rules="[
+                  {
+                    required: true,
+                    message: '左值不能为空',
+                    trigger: 'change',
+                  },
+                ]"
               >
                 <Select
                   v-model:value="rule.leftSide"
@@ -276,11 +278,13 @@ defineExpose({ validate });
                   rIdx,
                   'rightSide',
                 ]"
-                :rules="{
-                  required: true,
-                  message: '右值不能为空',
-                  trigger: ['blur', 'change'],
-                }"
+                :rules="[
+                  {
+                    required: true,
+                    message: '右值不能为空',
+                    trigger: ['blur', 'change'],
+                  },
+                ]"
               >
                 <Input
                   v-model:value="rule.rightSide"
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-param-setting.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-param-setting.vue
index 287a499ce..8d6929ed1 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-param-setting.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-param-setting.vue
@@ -65,11 +65,13 @@ function deleteHttpRequestParam(arr: HttpRequestParam[], index: number) {
       <Col :span="7">
         <FormItem
           :name="[bind, 'header', index, 'key']"
-          :rules="{
-            required: true,
-            message: '参数名不能为空',
-            trigger: ['blur', 'change'],
-          }"
+          :rules="[
+            {
+              required: true,
+              message: '参数名不能为空',
+              trigger: ['blur', 'change'],
+            },
+          ]"
         >
           <Input placeholder="参数名不能为空" v-model:value="item.key" />
         </FormItem>
@@ -89,22 +91,26 @@ function deleteHttpRequestParam(arr: HttpRequestParam[], index: number) {
       <Col :span="10">
         <FormItem
           :name="[bind, 'header', index, 'value']"
-          :rules="{
-            required: true,
-            message: '参数值不能为空',
-            trigger: ['blur', 'change'],
-          }"
+          :rules="[
+            {
+              required: true,
+              message: '参数值不能为空',
+              trigger: ['blur', 'change'],
+            },
+          ]"
           v-if="item.type === BpmHttpRequestParamTypeEnum.FIXED_VALUE"
         >
           <Input placeholder="请求头" v-model:value="item.value" />
         </FormItem>
         <FormItem
           :name="[bind, 'header', index, 'value']"
-          :rules="{
-            required: true,
-            message: '参数值不能为空',
-            trigger: 'change',
-          }"
+          :rules="[
+            {
+              required: true,
+              message: '参数值不能为空',
+              trigger: 'change',
+            },
+          ]"
           v-if="item.type === BpmHttpRequestParamTypeEnum.FROM_FORM"
         >
           <Select v-model:value="item.value" placeholder="请选择表单字段">
@@ -150,11 +156,13 @@ function deleteHttpRequestParam(arr: HttpRequestParam[], index: number) {
       <Col :span="7">
         <FormItem
           :name="[bind, 'body', index, 'key']"
-          :rules="{
-            required: true,
-            message: '参数名不能为空',
-            trigger: ['blur', 'change'],
-          }"
+          :rules="[
+            {
+              required: true,
+              message: '参数名不能为空',
+              trigger: ['blur', 'change'],
+            },
+          ]"
         >
           <Input placeholder="参数名" v-model:value="item.key" />
         </FormItem>
@@ -174,22 +182,26 @@ function deleteHttpRequestParam(arr: HttpRequestParam[], index: number) {
       <Col :span="10">
         <FormItem
           :name="[bind, 'body', index, 'value']"
-          :rules="{
-            required: true,
-            message: '参数值不能为空',
-            trigger: ['blur', 'change'],
-          }"
+          :rules="[
+            {
+              required: true,
+              message: '参数值不能为空',
+              trigger: ['blur', 'change'],
+            },
+          ]"
           v-if="item.type === BpmHttpRequestParamTypeEnum.FIXED_VALUE"
         >
           <Input placeholder="参数值" v-model:value="item.value" />
         </FormItem>
         <FormItem
           :name="[bind, 'body', index, 'value']"
-          :rules="{
-            required: true,
-            message: '参数值不能为空',
-            trigger: 'change',
-          }"
+          :rules="[
+            {
+              required: true,
+              message: '参数值不能为空',
+              trigger: 'change',
+            },
+          ]"
           v-if="item.type === BpmHttpRequestParamTypeEnum.FROM_FORM"
         >
           <Select v-model:value="item.value" placeholder="请选择表单字段">
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-setting.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-setting.vue
index 2d336b865..fd8ae95cd 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-setting.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/http-request-setting.vue
@@ -79,11 +79,13 @@ function deleteHttpResponseSetting(
     :label-col="{ span: 24 }"
     :wrapper-col="{ span: 24 }"
     :name="[formItemPrefix, 'url']"
-    :rules="{
-      required: true,
-      message: '请求地址不能为空',
-      trigger: ['blur', 'change'],
-    }"
+    :rules="[
+      {
+        required: true,
+        message: '请求地址不能为空',
+        trigger: ['blur', 'change'],
+      },
+    ]"
   >
     <Input v-model:value="setting.url" placeholder="请输入请求地址" />
   </FormItem>
@@ -117,11 +119,13 @@ function deleteHttpResponseSetting(
         <Col :span="10">
           <FormItem
             :name="[formItemPrefix, 'response', index, 'key']"
-            :rules="{
-              required: true,
-              message: '表单字段不能为空',
-              trigger: ['blur', 'change'],
-            }"
+            :rules="[
+              {
+                required: true,
+                message: '表单字段不能为空',
+                trigger: ['blur', 'change'],
+              },
+            ]"
           >
             <Select
               v-model:value="item.key"
@@ -143,11 +147,13 @@ function deleteHttpResponseSetting(
         <Col :span="12">
           <FormItem
             :name="[formItemPrefix, 'response', index, 'value']"
-            :rules="{
-              required: true,
-              message: '请求返回字段不能为空',
-              trigger: ['blur', 'change'],
-            }"
+            :rules="[
+              {
+                required: true,
+                message: '请求返回字段不能为空',
+                trigger: ['blur', 'change'],
+              },
+            ]"
           >
             <Input v-model:value="item.value" placeholder="请求返回字段" />
           </FormItem>
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/user-task-listener.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/user-task-listener.vue
index cefae4042..4a126b3d3 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/user-task-listener.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/modules/user-task-listener.vue
@@ -90,11 +90,13 @@ defineExpose({ validate });
         <FormItem
           label="请求地址"
           :name="`task${listener.type}ListenerPath`"
-          :rules="{
-            required: true,
-            message: '请求地址不能为空',
-            trigger: ['blur', 'change'],
-          }"
+          :rules="[
+            {
+              required: true,
+              message: '请求地址不能为空',
+              trigger: ['blur', 'change'],
+            },
+          ]"
         >
           <Input
             v-model:value="configForm[`task${listener.type}ListenerPath`]"
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/router-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/router-node-config.vue
index e2a6edc98..9505f8747 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/router-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/router-node-config.vue
@@ -237,11 +237,13 @@ defineExpose({ openDrawer }); // 暴露方法给父组件
               <FormItem
                 class="mb-0 ml-4 inline-block w-48"
                 :name="['routerGroups', index, 'nodeId']"
-                :rules="{
-                  required: true,
-                  message: '路由目标节点不能为空',
-                  trigger: 'change',
-                }"
+                :rules="[
+                  {
+                    required: true,
+                    message: '路由目标节点不能为空',
+                    trigger: 'change',
+                  },
+                ]"
               >
                 <Select
                   v-model:value="item.nodeId"
diff --git a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/trigger-node-config.vue b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/trigger-node-config.vue
index 52719299d..c9056b144 100644
--- a/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/trigger-node-config.vue
+++ b/apps/web-antdv-next/src/views/bpm/components/simple-process-design/components/nodes-config/trigger-node-config.vue
@@ -528,11 +528,13 @@ onMounted(() => {
                 <Col :span="10">
                   <FormItem
                     :name="['formSettings', index, 'updateFormFields', key]"
-                    :rules="{
-                      required: true,
-                      message: '值不能为空',
-                      trigger: 'blur',
-                    }"
+                    :rules="[
+                      {
+                        required: true,
+                        message: '值不能为空',
+                        trigger: 'blur',
+                      },
+                    ]"
                   >
                     <Input
                       v-model:value="formSetting.updateFormFields![key]"