feat(component): 通过visible控制动态表单的初始化

src/pages/componentDevelopment/componentList/addApiModal.tsx

@@ -156,12 +156,14 @@ const AddApiModal = ({
           <EditableTable
             onDataUpdate={setParametersData}
             initialData={componentDesignProgress?.parameters || []}
+            visible={visible}
           />
         </FormItem>
         <FormItem label="输出参数" field="responses">
           <EditableTable
             onDataUpdate={setResponsesData}
             initialData={componentDesignProgress?.responses || []}
+            visible={visible}
           />
         </FormItem>
       </Form>

src/pages/componentDevelopment/componentList/editableTable.tsx

@@ -66,7 +66,7 @@ function EditableCell({ value, onChange, columnType, record, dataIndex }) {
   return <span>{value}</span>;
 }
 
-function EditableTable({ onDataUpdate, initialData = [] }) {
+function EditableTable({ onDataUpdate, initialData = [], visible }) {
   const [data, setData] = useState([]);
 
   // 当初始数据变化时，更新表格数据
@@ -81,6 +81,10 @@ function EditableTable({ onDataUpdate, initialData = [] }) {
     }
   }, [initialData]);
 
+  useEffect(() => {
+    if (!visible) setData([]);
+  }, [visible]);
+
   const handleValueChange = (key, dataIndex, value) => {
     const newData = data.map(item => {
       if (item.key === key) {