chore: import WonderQ project

2026-08-11 19:19:11 +08:00
commit f5a9e4403a
@@ -0,0 +1 @@
+VITE_API_BASE_URL="http://localhost:4000"
@@ -0,0 +1,7 @@
+node_modules/
+dist/
+.env
+.env.local
+*.log
+coverage/
+.vite/
@@ -0,0 +1,40 @@
+# WonderQ-Admin-UI
+
+独立的 WonderQ 后台管理前端，基于 Vite、React、TypeScript、Tailwind CSS 4 和 shadcn/ui 风格组件。
+
+## 本地启动
+
+1. 安装依赖：
+
+```bash
+yarn install
+```
+
+本项目使用 Yarn 1 锁文件。Windows 环境下，Vite 8、Tailwind CSS 4、lightningcss 依赖 native binding，`package.json` 中已固定对应的 Windows 构建包，避免 Yarn 1 漏装 optional dependency 导致构建失败。
+
+2. 确认后端 API 运行在 `http://localhost:4000`。
+
+3. 启动后台 UI：
+
+```bash
+yarn dev
+```
+
+访问：http://localhost:5602
+
+局域网访问可使用本机 IP，例如 `http://192.168.1.23:5602/`。该地址由 Vite dev server 提供，支持样式和组件热更新。
+
+默认后台账号由 `WonderQ-Admin` 提供：`admin@example.com / ChangeMe123!`。
+
+## 目录说明
+
+- `src/App.tsx`：后台管理主界面和业务交互。
+- `src/api.ts`：Admin API 类型、Token 管理和请求封装。
+- `src/components/ui/`：本地 shadcn/ui 风格基础组件，包括 Button、Card、Input、Textarea、Badge、Alert、Switch 等。
+- `src/lib/utils.ts`：组件 className 合并工具。
+- `src/styles.css`：Tailwind 入口、设计变量、后台布局和响应式样式。
+- `public/assets/`：后台预览所需静态资源，保留 `/assets/...` 引用方式。
+- `components.json`：shadcn/ui 组件配置。
+- `vite.config.ts`：开发环境将 `/api` 代理到 `http://localhost:4000`，dev server 固定运行在 `5602` 并支持 HMR；生产构建预览运行在 `5603`。
+
+本仓库已经独立，不再依赖 `WonderQ-MiniAPP` 的相对路径。
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>万趣小程序管理端</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,35 @@
+{
+  "name": "wonderq-admin-ui",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@radix-ui/react-select": "^2.3.2",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-switch": "^1.3.2",
+    "@rolldown/binding-win32-x64-msvc": "1.1.3",
+    "@tailwindcss/oxide-win32-x64-msvc": "4.3.2",
+    "@tailwindcss/vite": "^4.3.2",
+    "@vitejs/plugin-react": "^6.0.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lightningcss-win32-x64-msvc": "1.32.0",
+    "lucide-react": "^1.21.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.2",
+    "vite": "^8.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^26.0.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "^6.0.3"
+  }
+}