From 43b36f1e2641491f2ab7b8f2943e993c28c11051 Mon Sep 17 00:00:00 2001
From: LiuJiaNan <15703339975@163.com>
Date: Mon, 22 Jun 2026 10:52:30 +0800
Subject: [PATCH] =?UTF-8?q?fix(form):=20=E4=BF=AE=E5=A4=8D=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E9=A1=B9=E9=9A=90=E8=97=8F=E9=80=BB=E8=BE=91=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FormBuilder/FormItemsRenderer.js          | 36 +++++++++++--------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/components/FormBuilder/FormItemsRenderer.js b/src/components/FormBuilder/FormItemsRenderer.js
index da55da7..676491b 100644
--- a/src/components/FormBuilder/FormItemsRenderer.js
+++ b/src/components/FormBuilder/FormItemsRenderer.js
@@ -84,12 +84,8 @@ const FormItemsRenderer = ({
     };
   };
 
-  // 获取传给formItem的属性
-  const getFormItemProps = (option) => {
-    const formItemProps = typeof option.formItemProps === "function"
-      ? option.formItemProps(getFormValues())
-      : (option.formItemProps || {});
-
+  // 设置日期组件的属性
+  const setDateComponentProps = (option, formItemProps) => {
     // 为日期组件添加特殊处理
     if ([
       FORM_ITEM_RENDER_ENUM.DATE,
@@ -117,6 +113,15 @@ const FormItemsRenderer = ({
       formItemProps.getValueFromEvent = (_, dateString) => dateString;
       formItemProps.getValueProps = value => ({ value: Array.isArray(value) ? value.map(v => v ? dayjs(v) : undefined) : undefined });
     }
+  };
+
+  // 获取传给 formItem 的属性
+  const getFormItemProps = (option) => {
+    const formItemProps = typeof option.formItemProps === "function"
+      ? option.formItemProps(getFormValues())
+      : (option.formItemProps || {});
+
+    setDateComponentProps(option, formItemProps);
 
     return formItemProps;
   };
@@ -218,6 +223,11 @@ const FormItemsRenderer = ({
     return { span: itemSpan, labelCol: itemLabelCol, wrapperCol: itemWrapperCol };
   };
 
+  // 获取是否动态表单项
+  const getIsDynamicFormItem = (option, formItemProps) => {
+    return (option.shouldUpdate ?? option.dependencies) || (formItemProps.shouldUpdate ?? formItemProps.dependencies);
+  };
+
   // 获取 hidden
   const getHidden = (hidden) => {
     // 支持动态计算 hidden
@@ -420,6 +430,9 @@ const FormItemsRenderer = ({
     delete formItemProps.dependencies;
     delete formItemProps.shouldUpdate;
 
+    if (getHidden(option.hidden))
+      return null;
+
     return (
       <Col key={getKey(option) || index} span={col.span} style={style}>
         <Form.Item
@@ -512,9 +525,6 @@ const FormItemsRenderer = ({
                 return (
                   <Row gutter={gutter} key={field.key}>
                     {listOptions.map((listOption, listIndex) => {
-                      if (getHidden(listOption.hidden))
-                        return null;
-
                       const col = getCol(listOption);
                       const formItemProps = getFormItemProps(listOption);
 
@@ -532,7 +542,7 @@ const FormItemsRenderer = ({
                       if (listOption.render === FORM_ITEM_RENDER_ENUM.FORM_LIST)
                         return renderFormList(params);
 
-                      if ((listOption.shouldUpdate ?? listOption.dependencies) || (formItemProps.shouldUpdate ?? formItemProps.dependencies))
+                      if (getIsDynamicFormItem(listOption, formItemProps))
                         return renderDynamicFormItem(params);
 
                       // 判断一个项是否需要显示按钮（不是 onlyForLabel 且不是隐藏的）
@@ -562,6 +572,7 @@ const FormItemsRenderer = ({
                       if (listIndex === lastShowIndex || isNextNestedFormList || isNextNoShow) {
                         delete formItemProps.dependencies;
                         delete formItemProps.shouldUpdate;
+
                         return (
                           <Col key={getKey(listOption) || listIndex} span={col.span} style={style}>
                             <Form.Item
@@ -632,9 +643,6 @@ const FormItemsRenderer = ({
   return (
     <>
       {options.map((option, index) => {
-        if (getHidden(option.hidden))
-          return null;
-
         const col = getCol(option);
         const style = getStyle(index);
         const formItemProps = getFormItemProps(option);
@@ -657,7 +665,7 @@ const FormItemsRenderer = ({
           return renderFormList(params);
 
         // 如果配置了 shouldUpdate 或 dependencies，使用 Form.Item 的联动机制
-        if ((option.shouldUpdate ?? option.dependencies) || (formItemProps.shouldUpdate ?? formItemProps.dependencies))
+        if (getIsDynamicFormItem(option, formItemProps))
           return renderDynamicFormItem(params);
 
         // 普通表单项（静态配置）