fix: 添加 iframe loading

react-ui/src/components/IFramePage/index.tsx

@@ -58,9 +58,12 @@ function IframePage({ type, openInTab = false, className, style }: IframePagePro
 
   useEffect(() => {
     const requestIframeUrl = async () => {
+      setLoading(true);
       const [res] = await to(getRequestAPI(type)());
       if (res && res.data) {
         setIframeUrl(res.data);
+      } else {
+        setLoading(false);
       }
     };
 

react-ui/src/components/KFSpin/index.less

@@ -4,7 +4,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1001;
+  z-index: 1001; // 设置大于 Modal 的 z-index
   display: flex;
   flex-direction: column;
   align-items: center;

react-ui/src/components/RightContent/AvatarDropdown.tsx

@@ -70,7 +70,9 @@ const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu }) => {
     const clientInfo: ClientInfo = SessionStorage.getItem(SessionStorage.clientInfoKey, true);
     if (clientInfo) {
       const { logoutUri } = clientInfo;
-      location.replace(logoutUri);
+      setTimeout(async () => {
+        location.replace(logoutUri);
+      }, 1000);
     }
   };
   const actionClassName = useEmotionCss(({ token }) => {

react-ui/src/utils/table.tsx

@@ -87,7 +87,7 @@ function formatArray(property?: string): TableCellFormatter {
  * @param ellipsis - 是否省略
  * @param type - 类型
  * @param options - 选项
- * @returns React 节点
+ * @returns Ant Design Table 的 render
  */
 function tableCellRender<T>(
   ellipsis: boolean | TooltipProps | 'auto' = false,