From 890ff1d89f74ca81f16511c0e14a9524492a553a Mon Sep 17 00:00:00 2001
From: VirtualTests1 <virtualtests1@outlook.com>
Date: Sat, 18 Apr 2026 13:19:22 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=AC=A2?=
 =?UTF-8?q?=E8=BF=8E=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore          |   2 +
 src/pages/index.tsx | 228 ++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 223 insertions(+), 7 deletions(-)

diff --git a/.gitignore b/.gitignore
index e988efe..ae781fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,5 @@ tsconfig.tsbuildinfo
 
 # AI
 .clinerules
+
+.pnpm-store
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3f6b5c4..b2ad8d4 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -4,17 +4,231 @@
  * }
  */
 
-import { Navigate } from 'react-router-dom';
+import { Button, Card, Col, Divider, Row, Space, Tag, Typography } from 'antd';
 
+import AppLogo from '@/components/AppLogo';
 import { globalConfig } from '@/config';
+import { getIsLogin } from '@/stores/modules';
+
+const { Title, Text, Paragraph } = Typography;
+
+const techStacks = [
+  { name: 'React', version: '19', color: '#61dafb' },
+  { name: 'TypeScript', version: '5.7', color: '#3178c6' },
+  { name: 'Vite', version: '7.0', color: '#646cff' },
+  { name: 'Ant Design', version: '5.26', color: '#1890ff' },
+  { name: 'React Router', version: '7.7', color: '#ca4245' },
+  { name: 'Redux Toolkit', version: '2.8', color: '#764abc' },
+  { name: 'UnoCSS', version: '66.3', color: '#333333' },
+  { name: 'ECharts', version: '5.6', color: '#e43961' }
+];
+
+const features = [
+  {
+    title: '现代化技术栈',
+    description: 'React 19 + TypeScript + Vite + Ant Design，采用最新的前端技术和最佳实践'
+  },
+  {
+    title: '优雅的 UI 设计',
+    description: '基于 Ant Design 5.x，支持暗色模式，提供清新优雅的视觉体验'
+  },
+  {
+    title: '约定式路由',
+    description: '基于文件系统的自动路由生成，简单直观，易于维护'
+  },
+  {
+    title: '响应式布局',
+    description: '完美适配桌面端和移动端，提供一致的用户体验'
+  },
+  {
+    title: '国际化支持',
+    description: '内置中英文语言切换，轻松扩展多语言支持'
+  },
+  {
+    title: '权限管理',
+    description: '完整的路由权限和菜单权限控制，灵活满足各种业务场景'
+  },
+  {
+    title: '数据可视化',
+    description: '集成 ECharts 图表库，提供丰富的数据展示能力'
+  },
+  {
+    title: '高性能',
+    description: '基于 Vite 的快速构建和热更新，提升开发体验'
+  },
+  {
+    title: '主题定制',
+    description: '支持主题色和布局模式自定义，打造专属的管理系统'
+  }
+];
+
+const WelcomePage = () => {
+  const isLogin = useAppSelector(getIsLogin);
+  const navigate = useNavigate();
+
+  const handleEnter = () => {
+    if (isLogin) {
+      navigate(globalConfig.homePath);
+    } else {
+      navigate('/login');
+    }
+  };
+
+  const handleViewDocs = () => {
+    window.open('https://admin-docs.chiko.store', '_blank');
+  };
 
-const Index = () => {
   return (
-    <Navigate
-      replace
-      to={globalConfig.homePath}
-    />
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-purple-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900">
+      <div className="max-w-7xl mx-auto px-4 py-8 sm:px-6 lg:px-8">
+        <header className="text-center mb-12">
+          <div className="flex justify-center items-center gap-4 mb-6">
+            <AppLogo className="w-16 h-16" />
+            <Title level={1} className="!mb-0 !text-4xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
+              ChikoAdmin
+            </Title>
+          </div>
+          <Text className="text-lg text-gray-600 dark:text-gray-300">
+            一个基于 React 19、Vite、TypeScript、Ant Design 和 UnoCSS 的清新优雅的中后台模版
+          </Text>
+        </header>
+
+        <div className="flex justify-center gap-4 mb-12">
+          <Button
+            type="primary"
+            size="large"
+            onClick={handleEnter}
+            className="h-12 px-8 text-base font-medium rounded-full"
+          >
+            {isLogin ? '进入后台管理' : '立即登录体验'}
+          </Button>
+          <Button
+            size="large"
+            onClick={handleViewDocs}
+            className="h-12 px-8 text-base font-medium rounded-full"
+          >
+            查看文档
+          </Button>
+        </div>
+
+        <Card className="mb-8 shadow-lg" bordered={false}>
+          <Title level={3} className="!mb-4">
+            项目简介
+          </Title>
+          <Paragraph className="text-base leading-relaxed text-gray-700 dark:text-gray-300">
+            ChikoAdmin 是一个现代化的中后台管理系统模板，采用最新的技术栈和最佳实践构建。项目使用 Monorepo 架构，
+            提供了完整的开发工具链和丰富的功能组件。采用 MSW (Mock Service Worker) 提供强大的 Mock 数据方案，
+            让前端开发不再依赖后端接口。
+          </Paragraph>
+        </Card>
+
+        <Card className="mb-8 shadow-lg" bordered={false}>
+          <Title level={3} className="!mb-6">
+            技术栈
+          </Title>
+          <Space wrap size={[16, 16]} className="w-full justify-center">
+            {techStacks.map(tech => (
+              <Tag
+                key={tech.name}
+                className="!text-base !px-4 !py-2 !rounded-full"
+                style={{
+                  backgroundColor: `${tech.color}15`,
+                  borderColor: tech.color,
+                  color: tech.color
+                }}
+              >
+                <span className="font-semibold">{tech.name}</span>
+                <span className="ml-2 opacity-70">{tech.version}</span>
+              </Tag>
+            ))}
+          </Space>
+        </Card>
+
+        <Card className="mb-8 shadow-lg" bordered={false}>
+          <Title level={3} className="!mb-6">
+            主要特性
+          </Title>
+          <Row gutter={[24, 24]}>
+            {features.map((feature, index) => (
+              <Col xs={24} sm={12} md={8} key={index}>
+                <Card
+                  size="small"
+                  className="h-full hover:shadow-md transition-shadow"
+                  bordered={false}
+                  style={{ backgroundColor: 'rgba(255, 255, 255, 0.6)' }}
+                >
+                  <Title level={5} className="!mb-2">
+                    {feature.title}
+                  </Title>
+                  <Text className="text-sm text-gray-600 dark:text-gray-400">
+                    {feature.description}
+                  </Text>
+                </Card>
+              </Col>
+            ))}
+          </Row>
+        </Card>
+
+        <Card className="mb-8 shadow-lg" bordered={false}>
+          <Title level={3} className="!mb-6">
+            环境要求
+          </Title>
+          <Row gutter={[24, 24]}>
+            <Col xs={24} sm={12}>
+              <div className="flex items-center gap-3 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                <div className="w-12 h-12 flex items-center justify-center bg-green-100 dark:bg-green-900 rounded-full">
+                  <span className="text-2xl">📦</span>
+                </div>
+                <div>
+                  <Text strong className="text-lg block">
+                    Node.js
+                  </Text>
+                  <Text type="secondary">>= 18.0.0</Text>
+                </div>
+              </div>
+            </Col>
+            <Col xs={24} sm={12}>
+              <div className="flex items-center gap-3 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                <div className="w-12 h-12 flex items-center justify-center bg-orange-100 dark:bg-orange-900 rounded-full">
+                  <span className="text-2xl">🚀</span>
+                </div>
+                <div>
+                  <Text strong className="text-lg block">
+                    pnpm
+                  </Text>
+                  <Text type="secondary">>= 8.0.0</Text>
+                </div>
+              </div>
+            </Col>
+          </Row>
+        </Card>
+
+        <Divider />
+
+        <footer className="text-center text-gray-500 dark:text-gray-400">
+          <Paragraph>
+            <Text>
+              如果 <Text strong>ChikoAdmin</Text> 对您有帮助，请给我一个 ⭐️ 支持！
+            </Text>
+          </Paragraph>
+          <Space size="middle">
+            <Button type="link" onClick={() => window.open('https://github.com/chen-ziwen/chiko-admin', '_blank')}>
+              GitHub
+            </Button>
+            <Button type="link" onClick={() => window.open('https://admin.chiko.store', '_blank')}>
+              在线预览
+            </Button>
+            <Button type="link" onClick={() => window.open('https://admin-docs.chiko.store', '_blank')}>
+              文档地址
+            </Button>
+          </Space>
+          <Paragraph className="mt-4 text-sm">
+            <Text type="secondary">基于 MIT 许可证开源</Text>
+          </Paragraph>
+        </footer>
+      </div>
+    </div>
   );
 };
 
-export default Index;
+export default WelcomePage;

From a6eaeffb5ad1d51c444cdd2f5332dc4814ca576b Mon Sep 17 00:00:00 2001
From: VirtualTests1 <virtualtests1@outlook.com>
Date: Sat, 18 Apr 2026 13:47:57 +0800
Subject: [PATCH 2/2] =?UTF-8?q?refactor(=E9=A6=96=E9=A1=B5=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6):=20=E8=BF=81=E7=A7=BBAntd=E7=BB=84=E4=BB=B6=E5=88=B0?=
 =?UTF-8?q?=E6=8C=89=E9=9C=80=E5=BC=95=E5=85=A5=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将首页中直接导入的Antd组件改为按需引入方式，使用A前缀命名
移除未使用的Typography组件解构，优化组件导入结构
---
 src/pages/index.tsx | 173 ++++++++++++++++++++++----------------------
 1 file changed, 86 insertions(+), 87 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index b2ad8d4..99e9c96 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -4,14 +4,10 @@
  * }
  */
 
-import { Button, Card, Col, Divider, Row, Space, Tag, Typography } from 'antd';
-
 import AppLogo from '@/components/AppLogo';
 import { globalConfig } from '@/config';
 import { getIsLogin } from '@/stores/modules';
 
-const { Title, Text, Paragraph } = Typography;
-
 const techStacks = [
   { name: 'React', version: '19', color: '#61dafb' },
   { name: 'TypeScript', version: '5.7', color: '#3178c6' },
@@ -79,58 +75,61 @@ const WelcomePage = () => {
   };
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-purple-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900">
-      <div className="max-w-7xl mx-auto px-4 py-8 sm:px-6 lg:px-8">
-        <header className="text-center mb-12">
-          <div className="flex justify-center items-center gap-4 mb-6">
-            <AppLogo className="w-16 h-16" />
-            <Title level={1} className="!mb-0 !text-4xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
+    <div className="min-h-screen from-blue-50 via-white to-purple-50 bg-gradient-to-br dark:from-gray-900 dark:via-gray-800 dark:to-gray-900">
+      <div className="mx-auto max-w-7xl px-4 py-8 lg:px-8 sm:px-6">
+        <header className="mb-12 text-center">
+          <div className="mb-6 flex items-center justify-center gap-4">
+            <AppLogo className="h-16 w-16" />
+            <ATypography.Title
+              level={1}
+              className="from-blue-600 to-purple-600 bg-gradient-to-r bg-clip-text text-transparent font-bold !mb-0 !text-4xl"
+            >
               ChikoAdmin
-            </Title>
+            </ATypography.Title>
           </div>
-          <Text className="text-lg text-gray-600 dark:text-gray-300">
+          <ATypography.Text className="text-lg text-gray-600 dark:text-gray-300">
             一个基于 React 19、Vite、TypeScript、Ant Design 和 UnoCSS 的清新优雅的中后台模版
-          </Text>
+          </ATypography.Text>
         </header>
 
-        <div className="flex justify-center gap-4 mb-12">
-          <Button
+        <div className="mb-12 flex justify-center gap-4">
+          <AButton
             type="primary"
             size="large"
             onClick={handleEnter}
-            className="h-12 px-8 text-base font-medium rounded-full"
+            className="h-12 rounded-full px-8 text-base font-medium"
           >
             {isLogin ? '进入后台管理' : '立即登录体验'}
-          </Button>
-          <Button
+          </AButton>
+          <AButton
             size="large"
             onClick={handleViewDocs}
-            className="h-12 px-8 text-base font-medium rounded-full"
+            className="h-12 rounded-full px-8 text-base font-medium"
           >
             查看文档
-          </Button>
+          </AButton>
         </div>
 
-        <Card className="mb-8 shadow-lg" bordered={false}>
-          <Title level={3} className="!mb-4">
+        <ACard className="mb-8 shadow-lg" bordered={false}>
+          <ATypography.Title level={3} className="!mb-4">
             项目简介
-          </Title>
-          <Paragraph className="text-base leading-relaxed text-gray-700 dark:text-gray-300">
+          </ATypography.Title>
+          <ATypography.Paragraph className="text-base text-gray-700 leading-relaxed dark:text-gray-300">
             ChikoAdmin 是一个现代化的中后台管理系统模板，采用最新的技术栈和最佳实践构建。项目使用 Monorepo 架构，
             提供了完整的开发工具链和丰富的功能组件。采用 MSW (Mock Service Worker) 提供强大的 Mock 数据方案，
             让前端开发不再依赖后端接口。
-          </Paragraph>
-        </Card>
+          </ATypography.Paragraph>
+        </ACard>
 
-        <Card className="mb-8 shadow-lg" bordered={false}>
-          <Title level={3} className="!mb-6">
+        <ACard className="mb-8 shadow-lg" bordered={false}>
+          <ATypography.Title level={3} className="!mb-6">
             技术栈
-          </Title>
-          <Space wrap size={[16, 16]} className="w-full justify-center">
+          </ATypography.Title>
+          <ASpace wrap size={[16, 16]} className="w-full justify-center">
             {techStacks.map(tech => (
-              <Tag
+              <ATag
                 key={tech.name}
-                className="!text-base !px-4 !py-2 !rounded-full"
+                className="!rounded-full !px-4 !py-2 !text-base"
                 style={{
                   backgroundColor: `${tech.color}15`,
                   borderColor: tech.color,
@@ -139,92 +138,92 @@ const WelcomePage = () => {
               >
                 <span className="font-semibold">{tech.name}</span>
                 <span className="ml-2 opacity-70">{tech.version}</span>
-              </Tag>
+              </ATag>
             ))}
-          </Space>
-        </Card>
+          </ASpace>
+        </ACard>
 
-        <Card className="mb-8 shadow-lg" bordered={false}>
-          <Title level={3} className="!mb-6">
+        <ACard className="mb-8 shadow-lg" bordered={false}>
+          <ATypography.Title level={3} className="!mb-6">
             主要特性
-          </Title>
-          <Row gutter={[24, 24]}>
+          </ATypography.Title>
+          <ARow gutter={[24, 24]}>
             {features.map((feature, index) => (
-              <Col xs={24} sm={12} md={8} key={index}>
-                <Card
+              <ACol xs={24} sm={12} md={8} key={index}>
+                <ACard
                   size="small"
-                  className="h-full hover:shadow-md transition-shadow"
+                  className="h-full transition-shadow hover:shadow-md"
                   bordered={false}
                   style={{ backgroundColor: 'rgba(255, 255, 255, 0.6)' }}
                 >
-                  <Title level={5} className="!mb-2">
+                  <ATypography.Title level={5} className="!mb-2">
                     {feature.title}
-                  </Title>
-                  <Text className="text-sm text-gray-600 dark:text-gray-400">
+                  </ATypography.Title>
+                  <ATypography.Text className="text-sm text-gray-600 dark:text-gray-400">
                     {feature.description}
-                  </Text>
-                </Card>
-              </Col>
+                  </ATypography.Text>
+                </ACard>
+              </ACol>
             ))}
-          </Row>
-        </Card>
+          </ARow>
+        </ACard>
 
-        <Card className="mb-8 shadow-lg" bordered={false}>
-          <Title level={3} className="!mb-6">
+        <ACard className="mb-8 shadow-lg" bordered={false}>
+          <ATypography.Title level={3} className="!mb-6">
             环境要求
-          </Title>
-          <Row gutter={[24, 24]}>
-            <Col xs={24} sm={12}>
-              <div className="flex items-center gap-3 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
-                <div className="w-12 h-12 flex items-center justify-center bg-green-100 dark:bg-green-900 rounded-full">
+          </ATypography.Title>
+          <ARow gutter={[24, 24]}>
+            <ACol xs={24} sm={12}>
+              <div className="flex items-center gap-3 rounded-lg bg-gray-50 p-4 dark:bg-gray-700">
+                <div className="h-12 w-12 flex items-center justify-center rounded-full bg-green-100 dark:bg-green-900">
                   <span className="text-2xl">📦</span>
                 </div>
                 <div>
-                  <Text strong className="text-lg block">
+                  <ATypography.Text strong className="block text-lg">
                     Node.js
-                  </Text>
-                  <Text type="secondary">>= 18.0.0</Text>
+                  </ATypography.Text>
+                  <ATypography.Text type="secondary">{'>= 18.0.0'}</ATypography.Text>
                 </div>
               </div>
-            </Col>
-            <Col xs={24} sm={12}>
-              <div className="flex items-center gap-3 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
-                <div className="w-12 h-12 flex items-center justify-center bg-orange-100 dark:bg-orange-900 rounded-full">
+            </ACol>
+            <ACol xs={24} sm={12}>
+              <div className="flex items-center gap-3 rounded-lg bg-gray-50 p-4 dark:bg-gray-700">
+                <div className="h-12 w-12 flex items-center justify-center rounded-full bg-orange-100 dark:bg-orange-900">
                   <span className="text-2xl">🚀</span>
                 </div>
                 <div>
-                  <Text strong className="text-lg block">
+                  <ATypography.Text strong className="block text-lg">
                     pnpm
-                  </Text>
-                  <Text type="secondary">>= 8.0.0</Text>
+                  </ATypography.Text>
+                  <ATypography.Text type="secondary">{'>= 8.0.0'}</ATypography.Text>
                 </div>
               </div>
-            </Col>
-          </Row>
-        </Card>
+            </ACol>
+          </ARow>
+        </ACard>
 
-        <Divider />
+        <ADivider />
 
         <footer className="text-center text-gray-500 dark:text-gray-400">
-          <Paragraph>
-            <Text>
-              如果 <Text strong>ChikoAdmin</Text> 对您有帮助，请给我一个 ⭐️ 支持！
-            </Text>
-          </Paragraph>
-          <Space size="middle">
-            <Button type="link" onClick={() => window.open('https://github.com/chen-ziwen/chiko-admin', '_blank')}>
+          <ATypography.Paragraph>
+            <ATypography.Text>
+              如果 <ATypography.Text strong>ChikoAdmin</ATypography.Text> 对您有帮助，请给我一个 ⭐️ 支持！
+            </ATypography.Text>
+          </ATypography.Paragraph>
+          <ASpace size="middle">
+            <AButton type="link" onClick={() => window.open('https://github.com/chen-ziwen/chiko-admin', '_blank')}>
               GitHub
-            </Button>
-            <Button type="link" onClick={() => window.open('https://admin.chiko.store', '_blank')}>
+            </AButton>
+            <AButton type="link" onClick={() => window.open('https://admin.chiko.store', '_blank')}>
               在线预览
-            </Button>
-            <Button type="link" onClick={() => window.open('https://admin-docs.chiko.store', '_blank')}>
+            </AButton>
+            <AButton type="link" onClick={() => window.open('https://admin-docs.chiko.store', '_blank')}>
               文档地址
-            </Button>
-          </Space>
-          <Paragraph className="mt-4 text-sm">
-            <Text type="secondary">基于 MIT 许可证开源</Text>
-          </Paragraph>
+            </AButton>
+          </ASpace>
+          <ATypography.Paragraph className="mt-4 text-sm">
+            <ATypography.Text type="secondary">基于 MIT 许可证开源</ATypography.Text>
+          </ATypography.Paragraph>
         </footer>
       </div>
     </div>