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('导入组件失败');