feat(component): 控制组件编辑和新增接口按钮状态

- 根据组件状态控制编辑和删除按钮的禁用状态
- 启用代码初始化按钮并添加点击事件
- 根据组件设计数据控制代码初始化按钮的禁用状态
- 新增接口按钮同样受组件状态控制

src/pages/componentDevelopment/componentList/addComponentModal.tsx

@@ -72,16 +72,21 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
       width: 240,
       render: (_, record) => (
         <>
-          <Button type="text" onClick={() => {
+          <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>