add

apps/web/src/app/admin/base-setting/page.tsx

@@ -56,7 +56,7 @@ export default function BaseSettingPage() {
 					meta: {
 						...baseSetting,
 						appConfig: {
-							...baseSetting.appConfig,
+							...(baseSetting?.appConfig || {}),
 							...appConfig,
 						},
 					},

apps/web/src/app/main/home/components/HeroSection.tsx

@@ -49,10 +49,26 @@ const HeroSection = () => {
 	const carouselRef = useRef<CarouselRef>(null);
 	const { statistics, baseSetting } = useAppConfig();
 	const platformStats: PlatformStat[] = [
-		{ icon: <TeamOutlined />, value: statistics.staffs.toString(), label: "注册学员" },
+		{
-		{ icon: <StarOutlined />, value: statistics.courses.toString(), label: "精品课程" },
+			icon: <TeamOutlined />,
-		{ icon: <BookOutlined />, value: statistics.lectures.toString(), label: '课程章节' },
+			value: statistics.staffs.toString(),
-		{ icon: <EyeOutlined />, value: statistics.reads.toString(), label: "观看次数" },
+			label: "注册学员",
+		},
+		{
+			icon: <StarOutlined />,
+			value: statistics.courses.toString(),
+			label: "精品课程",
+		},
+		{
+			icon: <BookOutlined />,
+			value: statistics.lectures.toString(),
+			label: "课程章节",
+		},
+		{
+			icon: <EyeOutlined />,
+			value: statistics.reads.toString(),
+			label: "观看次数",
+		},
 	];
 	const handlePrev = useCallback(() => {
 		carouselRef.current?.prev();
@@ -61,10 +77,10 @@ const HeroSection = () => {
 	const handleNext = useCallback(() => {
 		carouselRef.current?.next();
 	}, []);
-	const { slides }  = useAppConfig()
+	const { slides } = useAppConfig();
 	useEffect(() => {
-		console.log(statistics)
+		console.log(statistics);
-	}, [statistics])
+	}, [statistics]);
 	return (
 		<section className="relative ">
 			<div className="group">
@@ -76,8 +92,8 @@ const HeroSection = () => {
 					dots={{
 						className: "carousel-dots !bottom-32 !z-20",
 					}}>
-					{Array.isArray(slides)?
+					{Array.isArray(slides) ? (
-						(slides.map((item, index) => (
+						slides.map((item, index) => (
 							<div key={index} className="relative h-[600px]">
 								<div
 									className="absolute inset-0 bg-cover bg-center transform transition-[transform,filter] duration-[2000ms] group-hover:scale-105 group-hover:brightness-110 will-change-[transform,filter]"

apps/web/src/components/common/uploader/MultiAvatarUploader.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from "react";
 import { Upload, Progress, Button, Image, Form } from "antd";
 import { DeleteOutlined } from "@ant-design/icons";
 import AvatarUploader from "./AvatarUploader";
-import { isEqual } from 'lodash';
+import { isEqual } from "lodash";
 
 interface MultiAvatarUploaderProps {
 	value?: string[];
@@ -14,7 +14,7 @@ export function MultiAvatarUploader({
 	value,
 	onChange,
 }: MultiAvatarUploaderProps) {
-    const [imageList, setImageList] = useState<string[]>(value || [])
+	const [imageList, setImageList] = useState<string[]>(value || []);
 	const [previewImage, setPreviewImage] = useState<string>("");
 	useEffect(() => {
 		if (!isEqual(value, imageList)) {
@@ -22,25 +22,38 @@ export function MultiAvatarUploader({
 		}
 	}, [value]);
 	useEffect(() => {
-        onChange?.(imageList)
+		onChange?.(imageList);
-    }, [imageList])
+	}, [imageList]);
-    return <>
-        <div className="flex gap-2 mb-2" style={{ width: "1200px" }}>
-            {imageList.map((image, index) => {
 	return (
-                    <div className="mr-2px relative" key={index} style={{ width: "200px", height: "100px" }} >
+		<>
-                        <Image alt="" style={{ width: "200px", height: "100px" }} src={image}
+			<div className="flex gap-2 mb-2" style={{ width: "1200px" }}>
+				{(imageList || [])?.map((image, index) => {
+					return (
+						<div
+							className="mr-2px relative"
+							key={index}
+							style={{ width: "200px", height: "100px" }}>
+							<Image
+								alt=""
+								style={{ width: "200px", height: "100px" }}
+								src={image}
 								preview={{
 									visible: previewImage === image,
 									onVisibleChange: (visible) =>
-                                    setPreviewImage(visible ? image || "" : "")
+										setPreviewImage(
-                            }} >
+											visible ? image || "" : ""
-                        </Image>
+										),
+								}}></Image>
 							<Button
 								type="text"
 								danger
 								icon={<DeleteOutlined className="text-red" />}
-                            onClick={() => image && setImageList(imageList.filter((_, i) => i !== index))}
+								onClick={() =>
+									image &&
+									setImageList(
+										imageList.filter((_, i) => i !== index)
+									)
+								}
 								style={{
 									position: "absolute", // 绝对定位
 									top: "0", // 顶部对齐
@@ -50,19 +63,21 @@ export function MultiAvatarUploader({
 									backgroundColor: "rgba(255, 255, 255, 0.2)", // 半透明背景
 									borderRadius: "50%", // 圆形按钮
 								}}
-
 							/>
 						</div>
-                )
+					);
 				})}
 			</div>
 			<div className="flex">
-            <AvatarUploader showCover={false} successText={'轮播图上传成功'} onChange={(value) => {
+				<AvatarUploader
+					showCover={false}
+					successText={"轮播图上传成功"}
+					onChange={(value) => {
 						console.log(value);
-                setImageList([...imageList, value])
+						setImageList([...imageList, value]);
 					}}></AvatarUploader>
 			</div>
-
+		</>
-    </>;
+	);
 }
 export default MultiAvatarUploader;