From 18835dc1d53d7ebb73eea21bc0b3566a34122c47 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 11 Nov 2025 16:19:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(component):=20=E6=B7=BB=E5=8A=A0=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=88=9B=E5=BB=BA=E7=8A=B6=E6=80=81=E6=8E=A7=E5=88=B6?=
 =?UTF-8?q?=E4=B8=8E=E8=A1=A8=E5=8D=95=E7=A6=81=E7=94=A8=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 created 状态用于控制组件提交后的表单禁用
- 更新接口编辑和删除按钮的禁用条件，增加 baseInfo 判断
- 在组件提交成功后设置 created 状态为 true
- 根据 created 和 baseInfo 状态动态禁用代码标识、语言和类型选择框
-修复新增接口按钮的禁用逻辑，确保 baseInfo 存在时才判断状态
---
 .../componentList/addComponentModal.tsx               | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/pages/componentDevelopment/componentList/addComponentModal.tsx b/src/pages/componentDevelopment/componentList/addComponentModal.tsx
index 44b4e0a..d292f42 100644
--- a/src/pages/componentDevelopment/componentList/addComponentModal.tsx
+++ b/src/pages/componentDevelopment/componentList/addComponentModal.tsx
@@ -36,6 +36,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
   const [componentDesignData, setComponentDesignData] = useState([]); // 新增状态用于存储接口设计数据
   const [selectedApiData, setSelectedApiData] = useState(null); // 新增状态用于存储选中的API数据
   const [showApiModal, setShowApiModal] = useState(false);
+  const [created, setCreated] = useState(false); // 是否提交了组件信息
   const [file, setFile] = useState(null);
   const [form] = Form.useForm();
 
@@ -79,14 +80,14 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
               setSelectedApiData(record);
               setShowApiModal(true);
             }}
-            disabled={!['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
+            disabled={baseInfo && !['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
           >
             编辑
           </Button>
           <Button
             type="text"
             status="danger"
-            disabled={!['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
+            disabled={baseInfo && !['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
             onClick={async () => {
               // 显示删除确认框
               Modal.confirm({
@@ -228,6 +229,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
 
         // 提交成功后获取组件设计数据
         if (res.data && res.data.id) {
+          setCreated(true);
           getComponentDesignData(res.data.id);
         }
 
@@ -438,6 +440,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
                     style={{ width: '90%' }}
                     allowClear
                     placeholder="请输入代码标识"
+                    disabled={created || baseInfo}
                     onChange={(e) => validateProjectId(e)}
                   />
                 </FormItem>
@@ -483,6 +486,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
                   <Select
                     placeholder="请选择组件语言"
                     style={{ width: '90%' }}
+                    disabled={created || baseInfo}
                   >
                     {['Java:8', 'Python:3.10.12'].map((option, index) => (
                       <Option key={option} disabled={index === 3} value={option}>
@@ -525,6 +529,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
                   <Select
                     placeholder="请选择组件类型"
                     style={{ width: '90%' }}
+                    disabled={created || baseInfo}
                   >
                     {['普通组件', '监听组件'].map((option, index) => (
                       <Option key={option} disabled={index === 3} value={option}>
@@ -567,7 +572,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
                   setSelectedApiData(null); // 确保新增时清空选中的API数据
                   setShowApiModal(true);
                 }}
-                disabled={!['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
+                disabled={baseInfo && !['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
               >
                 + 新增接口
               </Button>