feat(ideContainer): ide容器增加无内容的空状态渲染，sidebar组件传入onRefresh函数

src/pages/ideContainer/index.tsx

@@ -52,7 +52,7 @@ function IDEContainer() {
       currPage: 1,
       sceneId: urlParams.id
     });
-    if (res.code === 200) setSubMenuData({ 'appList': res.data.list });
+    if (res.code === 200) setSubMenuData({ 'appList': res.data.list.reverse() });
   };
 
   useEffect(() => {
@@ -98,7 +98,25 @@ function IDEContainer() {
 
         {/* 默认内容，当没有选中任何tab时显示 */}
         {!selected.path && (
-          <div>点击左侧菜单选择需要查看的功能</div>
+          <div style={{
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            backgroundColor: '#ffffff'
+          }}>
+            <img
+              src={'/ideContainer/empty.png'}
+            />
+            <span style={{
+              fontSize: '20px',
+              color: 'rgba(141, 141, 153, 1)'
+            }}>
+              请选择应用，预览配置信息
+            </span>
+          </div>
         )}
       </div>
     );
@@ -197,6 +215,7 @@ function IDEContainer() {
           identity={urlParams.identity}
           subMenuData={subMenuData}
           onMenuSelect={(select) => setSelected(select)}
+          onRefresh={() => getAppList()}
         />
         <div className={styles.content}>
           <div className={styles.mainContent}>