From 86b9a15499a237a4062a5f08550849218d4f747b Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Thu, 27 Nov 2025 11:44:08 +0800
Subject: [PATCH] =?UTF-8?q?fix(component):=20=E5=AF=BC=E5=85=A5=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=90=8E=E6=AD=A3=E7=A1=AE=E5=88=B7=E6=96=B0=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=B9=B6=E6=8F=90=E7=A4=BA=E7=BB=93=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在导入成功时刷新组件列表
- 添加成功和失败的消息提示
- 弹窗关闭时清空相关状态数据
---
 .../componentList/importComponentModal.tsx           | 11 ++++++++++-
 .../componentDevelopment/componentList/index.tsx     | 12 +++++++++---
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/pages/componentDevelopment/componentList/importComponentModal.tsx b/src/pages/componentDevelopment/componentList/importComponentModal.tsx
index 7ff82bc..2482150 100644
--- a/src/pages/componentDevelopment/componentList/importComponentModal.tsx
+++ b/src/pages/componentDevelopment/componentList/importComponentModal.tsx
@@ -30,7 +30,16 @@ const ImportComponentModal: React.FC<ImportComponentModalProps> = ({
   const [pendingFile, setPendingFile] = useState<File | null>(null); // 等待解析的文件
   const fileInputRef = useRef<HTMLInputElement>(null);
 
-  // 当 componentInfo 更新时，添加到 fileItems
+  // 当弹窗关闭时清空所有状态
+  useEffect(() => {
+    if (!visible) {
+      setFileItems([]);
+      setActiveTabKey('0');
+      setPendingFile(null);
+    }
+  }, [visible]);
+
+  // 当 componentInfo 更新时，添加到 fileItems`
   useEffect(() => {
     if (pendingFile && componentInfo) {
       const componentList = Array.isArray(componentInfo) ? componentInfo : [componentInfo];
diff --git a/src/pages/componentDevelopment/componentList/index.tsx b/src/pages/componentDevelopment/componentList/index.tsx
index f69534c..fbb0a76 100644
--- a/src/pages/componentDevelopment/componentList/index.tsx
+++ b/src/pages/componentDevelopment/componentList/index.tsx
@@ -306,10 +306,16 @@ const GlobalVarContainer = () => {
       const res: any = await importComponent(params);
 
       console.log('res:', res);
+      if (res.code === 200) {
+        Message.success('组件导入成功');
+        setImportModalVisible(false);
+        setImportComponentInfo(null);
+        fetchComponentData(); // 刷新列表
+      }
+      else {
+        Message.error(res.msg || '组件导入失败');
+      }
 
-      setImportModalVisible(false);
-      setImportComponentInfo(null);
-      // fetchComponentData(); // 刷新列表
     } catch (error) {
       console.error('导入组件失败:', error);
       Message.error('导入组件失败');