add required libs

package.json

@@ -10,19 +10,49 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@ant-design/icons": "^5.0.1",
+    "@ant-design/plots": "^1.2.5",
+    "@ant-design/pro-components": "^2.6.2",
+    "@antv/g2plot": "^2.4.31",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/modifiers": "^6.0.1",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
+    "ahooks": "^3.7.7",
+    "antd": "^5.4.6",
+    "antd-img-crop": "^4.12.2",
+    "await-to-js": "^3.0.0",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.7",
+    "i18next": "^22.4.15",
+    "jsencrypt": "^3.3.2",
+    "node-rsa": "^1.1.1",
+    "nprogress": "^0.2.0",
+    "rc-resize-observer": "^1.3.1",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "latest",
+    "react-use": "^17.4.0",
+    "zustand": "^4.3.8"
   },
   "devDependencies": {
+    "@types/node-rsa": "^1.1.1",
+    "@types/nprogress": "^0.2.0",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "@vitejs/plugin-react": "^4.0.3",
+    "autoprefixer": "^10.4.14",
     "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5"
+    "lint-staged": "^13.2.2",
+    "postcss": "^8.4.23",
+    "typescript": "^5.2",
+    "vite": "^4.4.5",
+    "vite-plugin-proxy": "^0.5.0",
+    "vite-plugin-windicss": "^1.8.10",
+    "windicss": "^3.5.6"
   }
 }

tailwind.config.js

@@ -0,0 +1,31 @@
+import { defineConfig } from 'windicss/helpers'
+
+export default defineConfig({
+  preflight: false,
+  darkMode: 'class',
+  shortcuts: {
+    'color-transition': 'transition-colors duration-200 ease-in-out delay-0',
+    'btn-icon': "dark:bg-[rgb(41,49,79)] dark:text-[rgb(124,77,255)] w-[34px] text-[16px] h-[34px] flex items-center justify-center bg-[rgb(237,231,246)] text-[rgb(94,53,177)] rounded-[8px] color-transition select-none cursor-pointer hover:(bg-[rgb(94,53,177)] text-[rgb(237,231,246)])",
+    'bg-primary': 'dark:bg-bgPrimaryColor-dark light:bg-bgPrimaryColor-light bg-bgPrimaryColor-light',
+    'bg-container': 'dark:bg-bgContainerColor-dark light:bg-bgContainerColor-light bg-bgContainerColor-light',
+    'text-primary': 'dark:text-textPrimaryColor-dark light:text-textPrimaryColor-light text-textPrimaryColor-light',
+  },
+  theme: {
+    extend: {
+      colors: {
+        bgPrimaryColor: {
+          dark: 'rgb(17, 25, 54)',
+          light: '#ffffff',
+        },
+        bgContainerColor: {
+          dark: 'rgb(26, 34, 63)',
+          light: 'rgb(238, 242, 246)',
+        },
+        textPrimaryColor: {
+          dark: '#ffffff',
+          light: '#121926',
+        }
+      },
+    },
+  },
+})

vite.config.ts

@@ -1,7 +1,21 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import {defineConfig} from 'vite';
+import react from '@vitejs/plugin-react';
+import WindiCSS from 'vite-plugin-windicss';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  base: '/',
+  plugins: [
+    react(),
+    WindiCSS()
+  ],
+  resolve: {
+    alias: {
+      '@': '/src/',
+    },
+  },
+  build: {
+    manifest: true,
+    sourcemap: true,
+  }
 })