fix(component): 导入组件后正确刷新列表并提示结果

- 在导入成功时刷新组件列表
- 添加成功和失败的消息提示
- 弹窗关闭时清空相关状态数据

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];

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