feat(orchestration): 添加组件信息空状态展示

src/pages/orchestration/appCompComponent/compInfo.tsx

@@ -125,7 +125,12 @@ const CompInfo = ({ currentCompInfo }) => {
         {renderParamsTable()}
         <Divider style={{ borderBottomStyle: 'dashed' }} />
       </div>
-    </div>) : <div>请选择组件</div>
+    </div>) : (
+      <div className={styles['empty-state']}>
+        <img src="/ideContainer/background/empty.png" alt="empty" />
+        <span>请选择组件查看详情</span>
+      </div>
+    )
   );
 };
 

src/pages/orchestration/appCompComponent/style/compInfo.module.less

@@ -86,3 +86,24 @@
     }
   }
 }
+
+.empty-state {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #fff;
+
+  img {
+    width: 200px;
+    height: auto;
+    margin-bottom: 20px;
+  }
+
+  span {
+    font-size: 16px;
+    color: rgba(141, 141, 153, 1);
+  }
+}