feat: 优化局部loading组件

src/components/mui/MyCircularProgress.tsx

@@ -4,12 +4,14 @@
 // <MyCircularProgress loading={loading}>children</MyCircularProgress>
 
 // 使用方法2  挂载在目标块下，目标块最少要添加一个position: relative; 或者absolute
+// <div style={{ position: "relative", }} >
 //   <MyCircularProgress loading={loading}/>
+// </div>
 import CircularProgress from "@mui/material/CircularProgress";
 
 type IMyCircularProgressProps = {
-	loading: boolean;
-	children?: React.ReactNode;
+	loading: boolean; // 是否处于loading状态
+	children?: React.ReactNode; // 包裹的子元素
 	minHeight?: string;
 	maxHeight?: string;
 	zIndex?: number;
@@ -60,6 +62,9 @@ const MyCircularProgress = (props: IMyCircularProgressProps) => {
 					{children}
 				</div>
 			);
+		} else {
+			if (children) {
+				return children;
 			} else {
 				return (
 					<div
@@ -97,6 +102,7 @@ const MyCircularProgress = (props: IMyCircularProgressProps) => {
 					</div>
 				);
 			}
+		}
 	} else {
 		return null;
 	}