feat: refactor

Author: wkylin

README.md

@@ -30,9 +30,9 @@
 19. 集成 Bookstory, 方便生成组件文档
 20. 更多特性请 fork 项目，相信我，你会有意想不到的收获
 
-## Antd 4.x.x 版本
+## Vite构建版本
 
-1. 基于 Antd 实现亮白及暗黑两套主题， 请参见 feature-antd4 分支
+1. 基于Vite 构建， 请参见 feature-vite 分支
 
 ## Technology Stack
 
@@ -192,12 +192,14 @@ npm run dev:faker
    "predeploy": "npm run build:production",
     "deploy": "gh-pages -d dist",
    ```
+
 3. Vercel
    提交后自动部署，预览地址：
+
    ```
    [https://pro-react-admin.vercel.app/](https://pro-react-admin.vercel.app/)
    ```
-   
+
 ## 架构
 
 ![whiteboard_exported_image](https://github.com/wkylin/pro-react-admin/assets/1208330/c28852c2-7efe-407f-80f8-41d741ef3108)
@@ -214,8 +216,9 @@ npm run dev:faker
 
 ## Docusaurus
 
-1. Github: https://github.com/wkylin/pro-react-admin
-2. Demo: https://pro-react-admin.vercel.app/
+1. Github: [https://github.com/wkylin/pro-react-admin](https://github.com/wkylin/pro-react-admin)
+
+2. Demo: [https://pro-react-admin.vercel.app/](https://pro-react-admin.vercel.app/)
 
 ## Snyk
 

src/pages/layout/proSecNav/index.jsx

@@ -68,26 +68,26 @@ const ProSecNav = () => {
     { label: t('demo'), key: '/demo', icon: <GlobalOutlined /> },
     { label: 'Motion', key: '/motion', icon: <QrcodeOutlined /> },
     { label: 'Sand Box', key: '/sandbox', icon: <GlobalOutlined /> },
+    { label: 'Big Screen', key: '/big-screen', icon: <FireOutlined /> },
     { label: 'Qr Generate', key: '/qrcode', icon: <QrcodeOutlined /> },
     { label: 'Prism Render', key: '/prism', icon: <FireOutlined /> },
     { label: 'React Tilt', key: '/tilt', icon: <QrcodeOutlined /> },
     { label: 'Music', key: '/music', icon: <FireOutlined /> },
-    { label: 'Gantt', key: '/gantt', icon: <QrcodeOutlined /> },
     { label: 'Crypto', key: '/crypto', icon: <QrcodeOutlined /> },
     { label: 'Video', key: '/video', icon: <FireOutlined /> },
-    { label: 'Three', key: '/three', icon: <QrcodeOutlined /> },
     { label: 'Echarts', key: '/echarts', icon: <FireOutlined /> },
-    // { label: 'ChatGPT', key: '/markmap', icon: <QrcodeOutlined /> },
+    { label: 'Barcode', key: '/barcode', icon: <FireOutlined /> },
     { label: 'Parallax', key: '/parallax', icon: <FireOutlined /> },
-    { label: 'Mermaid', key: '/mermaid', icon: <FireOutlined /> },
+    // { label: 'Gantt', key: '/gantt', icon: <QrcodeOutlined /> },
+    // { label: 'Mermaid', key: '/mermaid', icon: <FireOutlined /> },
     // { label: 'Dynamic', key: '/dynamic', icon: <QrcodeOutlined /> },
-    { label: 'Big Screen', key: '/big-screen', icon: <FireOutlined /> },
     // { label: 'React Amap', key: '/react-amap', icon: <QrcodeOutlined /> },
+    // { label: 'ChatGPT', key: '/markmap', icon: <QrcodeOutlined /> },
+    // { label: 'SuperMap', key: '/super-map', icon: <FireOutlined /> },
+    // { label: 'Three', key: '/three', icon: <QrcodeOutlined /> },
     { label: 'Post Message', key: '/postmessage', icon: <FireOutlined /> },
     { label: 'Geo Chart', key: '/geo', icon: <QrcodeOutlined /> },
-    // { label: 'SuperMap', key: '/super-map', icon: <FireOutlined /> },
     { label: 'D3 Chart', key: '/d3-chart', icon: <QrcodeOutlined /> },
-    { label: 'Barcode', key: '/barcode', icon: <FireOutlined /> },
     { label: 'PdfView', key: '/pdf-view', icon: <QrcodeOutlined /> },
     { label: 'Print', key: '/print', icon: <QrcodeOutlined /> },
     {

src/routers/index.jsx

@@ -33,7 +33,7 @@ const MyCrypto = lazy(() => import('@pages/crypto'))
 const Echarts = lazy(() => import('@pages/echarts'))
 const QrCode = lazy(() => import('@pages/qrGenerate'))
 const PrismRender = lazy(() => import('@pages/prism'))
-const Mermaid = lazy(() => import('@pages/mermaid'))
+// const Mermaid = lazy(() => import('@pages/mermaid'))
 // const DynamicModal = lazy(() => import('@pages/dynamicModal'))
 const BigScreen = lazy(() => import('@pages/bigScreen'))
 // const ReactAmap = lazy(() => import('@pages/reactAmap'))
@@ -158,14 +158,14 @@ const rootRouter = [
       //   auth: false,
       //   element: lazyLoad(ChatGpt),
       // },
-      {
-        index: false,
-        path: 'mermaid',
-        name: 'ChatGPT Mermaid',
-        key: '/mermaid',
-        auth: false,
-        element: lazyLoad(Mermaid),
-      },
+      // {
+      //   index: false,
+      //   path: 'mermaid',
+      //   name: 'ChatGPT Mermaid',
+      //   key: '/mermaid',
+      //   auth: false,
+      //   element: lazyLoad(Mermaid),
+      // },
       {
         index: false,
         path: 'prism',