From 5b48a57de254eb903a24904b9ab585c09f753a71 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 11 Nov 2025 16:12:39 +0800
Subject: [PATCH] =?UTF-8?q?feat(component):=20=E6=8E=A7=E5=88=B6=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=BC=96=E8=BE=91=E5=92=8C=E6=96=B0=E5=A2=9E=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E6=8C=89=E9=92=AE=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 根据组件状态控制编辑和删除按钮的禁用状态
- 启用代码初始化按钮并添加点击事件
- 根据组件设计数据控制代码初始化按钮的禁用状态
- 新增接口按钮同样受组件状态控制
---
 .../componentList/addComponentModal.tsx       | 29 +++++++++++++++----
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/pages/componentDevelopment/componentList/addComponentModal.tsx b/src/pages/componentDevelopment/componentList/addComponentModal.tsx
index d01eb2d..44b4e0a 100644
--- a/src/pages/componentDevelopment/componentList/addComponentModal.tsx
+++ b/src/pages/componentDevelopment/componentList/addComponentModal.tsx
@@ -72,16 +72,21 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
       width: 240,
       render: (_, record) => (
         <>
-          <Button type="text" onClick={() => {
-            // 设置选中的API数据，用于编辑时回显
-            setSelectedApiData(record);
-            setShowApiModal(true);
-          }}>
+          <Button
+            type="text"
+            onClick={() => {
+              // 设置选中的API数据，用于编辑时回显
+              setSelectedApiData(record);
+              setShowApiModal(true);
+            }}
+            disabled={!['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
+          >
             编辑
           </Button>
           <Button
             type="text"
             status="danger"
+            disabled={!['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
             onClick={async () => {
               // 显示删除确认框
               Modal.confirm({
@@ -542,7 +547,18 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
           <div className={styles['last-half-header']}>
             <p> 组件接口</p>
             <Space split={<Divider type="vertical" />}>
-              <Button size="small" type="secondary" style={{ borderRadius: 5 }} disabled={true}>代码初始化</Button>
+              <Button
+                size="small"
+                type="secondary"
+                style={{ borderRadius: 5 }}
+                disabled={!componentDesignData || componentDesignData.length === 0}
+                onClick={() => {
+                  // TODO: 实现代码初始化逻辑
+                  console.log('代码初始化');
+                }}
+              >
+                代码初始化
+              </Button>
               <Button
                 size="mini"
                 type="primary"
@@ -551,6 +567,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
                   setSelectedApiData(null); // 确保新增时清空选中的API数据
                   setShowApiModal(true);
                 }}
+                disabled={!['DEFAULT', 'DESIGN'].includes(baseInfo.componentStatus)}
               >
                 + 新增接口
               </Button>