Compare commits
30 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 fanxingyao
|
287fb114d2 | ||
|
fanxingyao
|
83153a4300 | ||
|
fanxingyao
|
aba361158e | ||
|
fanxingyao
|
544b98f16a | ||
 zihluwang
|
7de08a3ce4
|
||
|
zihluwang
|
fbf87fa810
|
||
|
zihluwang
|
66cb747e34
|
||
|
zihluwang
|
fe2f920f4d
|
||
|
zihluwang
|
f1393088a4
|
||
 siujamo
|
e4aa5b988b
|
||
|
zihluwang
|
7343f68a4e
|
||
|
siujamo
|
782974f96d
|
||
|
siujamo
|
3d692ece7a
|
||
|
siujamo
|
4dad97fcbf
|
||
|
fanxingyao
|
dde712476d | ||
|
siujamo
|
b5afa8e9f3
|
||
|
fanxingyao
|
6c7f12ddb6 | ||
|
fanxingyao
|
05d61ee62c | ||
|
fanxingyao
|
0681ca8b34 | ||
|
zihluwang
|
5b0f037567
|
||
 siujamo
|
4b9c7d3e0d | ||
|
siujamo
|
b2fea5df8e | ||
|
siujamo
|
a447bffa77 | ||
|
siujamo
|
4d009a0195 | ||
|
siujamo
|
7a0a74bfea | ||
|
siujamo
|
fd537af916 | ||
|
siujamo
|
e7f4fc3374 | ||
|
zihluwang
|
92703d4985
|
||
|
siujamo
|
0113ece426 | ||
|
siujamo
|
37adfddf3f |
@@ -1,27 +0,0 @@
|
|||||||
# To get started with Dependabot version updates, you'll need to specify which
|
|
||||||
# package ecosystems to update and where the package manifests are located.
|
|
||||||
# Please see the documentation for all configuration options:
|
|
||||||
# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
|
|
||||||
|
|
||||||
version: 2
|
|
||||||
updates:
|
|
||||||
- package-ecosystem: "npm"
|
|
||||||
directory: "/"
|
|
||||||
schedule:
|
|
||||||
interval: "weekly"
|
|
||||||
commit-message:
|
|
||||||
prefix: "chore: "
|
|
||||||
|
|
||||||
groups:
|
|
||||||
dependency-updates:
|
|
||||||
patterns: ["*"]
|
|
||||||
update-types: ["minor", "patch"]
|
|
||||||
|
|
||||||
ignore:
|
|
||||||
- dependency-name: "@types/node"
|
|
||||||
update-types: ["version-update:semver-major"]
|
|
||||||
|
|
||||||
- package-ecosystem: "github-actions"
|
|
||||||
directory: "/"
|
|
||||||
schedule:
|
|
||||||
interval: "daily"
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
name: Upload Release Assets
|
|
||||||
|
|
||||||
on:
|
|
||||||
release:
|
|
||||||
types: [created] # 仅当创建 Release 之后触发
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
build-and-upload:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
|
|
||||||
# 必须授予权限以允许 Action 修改 Release
|
|
||||||
permissions:
|
|
||||||
contents: write
|
|
||||||
|
|
||||||
steps:
|
|
||||||
- name: Checkout code
|
|
||||||
uses: actions/checkout@v4
|
|
||||||
|
|
||||||
- name: Create archive
|
|
||||||
run: |
|
|
||||||
TAG_NAME=${{ github.event.release.tag_name }}
|
|
||||||
tar -czvf "website-dist-${TAG_NAME}.tar.gz" --exclude=".git*" --exclude=".github*" .
|
|
||||||
|
|
||||||
- name: Upload Release Asset
|
|
||||||
uses: softprops/action-gh-release@v2
|
|
||||||
with:
|
|
||||||
# 上传刚才生成的 tar.gz 文件
|
|
||||||
files: dist-${{ github.event.release.tag_name }}.tar.gz
|
|
||||||
env:
|
|
||||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
||||||
Vendored
-3
@@ -1,7 +1,4 @@
|
|||||||
{
|
{
|
||||||
// Use IntelliSense to learn about possible attributes.
|
|
||||||
// Hover to view descriptions of existing attributes.
|
|
||||||
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
|
||||||
"version": "0.2.0",
|
"version": "0.2.0",
|
||||||
"configurations": [
|
"configurations": [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -0,0 +1,56 @@
|
|||||||
|
# CLAUDE.md
|
||||||
|
|
||||||
|
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
|
||||||
|
|
||||||
|
## Commands
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pnpm install # Install dependencies (pnpm required)
|
||||||
|
pnpm dev # Start Vite dev server
|
||||||
|
pnpm build # TypeScript check + Vite production build
|
||||||
|
pnpm build:tar # Build + tar.gz archive (used by CI)
|
||||||
|
pnpm preview # Preview production build locally
|
||||||
|
pnpm lint # ESLint
|
||||||
|
```
|
||||||
|
|
||||||
|
No test suite exists in this project.
|
||||||
|
|
||||||
|
## Architecture
|
||||||
|
|
||||||
|
This is a Chinese-language SPA for browsing and managing Delta Force guide ("《三角洲》指南"). The frontend talks to a Spring Boot backend via REST APIs.
|
||||||
|
|
||||||
|
**App shell** (`src/main.tsx`): React 19 + React Router 7 + Redux Toolkit + Ant Design 6 + Tailwind CSS 4. Wraps the router in Redux `Provider` → `PersistGate` (Redux Persist) → Ant Design `StyleProvider`/`ConfigProvider` (locale `zh_CN`).
|
||||||
|
|
||||||
|
**Routing** (`src/router/index.tsx`): Two layout groups:
|
||||||
|
- `HeroLayout` (nav header + footer) for `/`, `/firearms`, `/mod-codes`
|
||||||
|
- `EmptyLayout` (minimal) for `/login`
|
||||||
|
All page components are lazy-loaded via `createBrowserRouter` + `lazy()`.
|
||||||
|
|
||||||
|
**State** (`src/store/`): Redux Toolkit with two slices — `auth` (current user) and `firearms` (paginated firearm list). State is persisted to `localStorage` or `sessionStorage` based on the `VITE_REDUX_STORAGE` env var. Use typed hooks from `src/hooks/store.ts` (`useAppDispatch`, `useAppSelector`).
|
||||||
|
|
||||||
|
**API layer** (`src/api/`): Axios instance (`src/shared/web-client/`) with base URL from `VITE_API_BASE_URL`, 10s timeout, and credentials. API modules: `FirearmApi`, `ModificationApi`, `TagApi`, `AuthApi`.
|
||||||
|
|
||||||
|
**Pages**:
|
||||||
|
- `FirearmsPage` — paginated card grid with type filter, create/edit modals (admin-only), delete with popconfirm
|
||||||
|
- `ModCodesPage` — paginated list with tag multi-select and firearmId query param filter, create/edit modals with nested accessory/tuning form lists
|
||||||
|
- `LoginPage` — simple username/password form, dispatches `setCurrentUser` on success
|
||||||
|
|
||||||
|
**Shared form components**: `FirearmForm` and `ModificationForm` are reused by both create and edit modals. `ModificationForm` fetches all firearms for its weapon selector and supports a `lockFirearmId` prop that disables the selector (used when navigating from a specific firearm).
|
||||||
|
|
||||||
|
**Type system** (`src/types/`): `Firearm` with weapon stats, `Modification` with nested `Accessory[]` → `Tuning[]`, `Page<T>` for paginated API responses, `User` for auth.
|
||||||
|
|
||||||
|
**Vite config**: Alias `@` → `./src`. Plugins: React, Tailwind CSS 4, port checker. Build uses rolldown with manual chunk splitting for React, Redux, Ant Design, React Router, and rc-* packages.
|
||||||
|
|
||||||
|
**Styling**: Tailwind CSS 4 with CSS layers (`theme, base, antd, components, utilities`). Responsive grid for mod code cards (1→2→3→4 columns). Prettier: 100 print width, no semicolons, double quotes, trailing commas ES5.
|
||||||
|
|
||||||
|
## Environment variables
|
||||||
|
|
||||||
|
```
|
||||||
|
VITE_API_BASE_URL=/api # Backend API base URL
|
||||||
|
VITE_REDUX_STORAGE=local # "local" or "session" for Redux persistence
|
||||||
|
```
|
||||||
|
|
||||||
|
## Contributing conventions
|
||||||
|
|
||||||
|
- User-facing copy, documentation, and code comments in British English
|
||||||
|
- Commit messages use `chore:` prefix for dependency updates (per Dependabot config)
|
||||||
+1
-1
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/onixbyte.svg" />
|
<link rel="icon" type="image/svg+xml" href="/onixbyte.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>三角洲行动改枪码库</title>
|
<title>《三角洲》指南</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
Generated
+374
-95
@@ -9,29 +9,33 @@
|
|||||||
"version": "0.0.0",
|
"version": "0.0.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ant-design/cssinjs": "^2.1.2",
|
"@ant-design/cssinjs": "^2.1.2",
|
||||||
|
"@ant-design/icons": "^6.2.2",
|
||||||
"@reduxjs/toolkit": "^2.11.2",
|
"@reduxjs/toolkit": "^2.11.2",
|
||||||
"@tailwindcss/vite": "^4.2.4",
|
"@tailwindcss/vite": "^4.2.4",
|
||||||
"@tanstack/react-virtual": "^3.13.24",
|
"@tanstack/react-virtual": "^3.13.24",
|
||||||
"antd": "^6.3.7",
|
"antd": "^6.3.7",
|
||||||
"axios": "^1.15.2",
|
"axios": "^1.16.0",
|
||||||
"dayjs": "^1.11.20",
|
"dayjs": "^1.11.20",
|
||||||
"react": "^19.2.5",
|
"react": "^19.2.6",
|
||||||
"react-dom": "^19.2.5",
|
"react-dom": "^19.2.6",
|
||||||
"react-redux": "^9.2.0",
|
"react-redux": "^9.2.0",
|
||||||
"react-router": "^7.14.2",
|
"react-router": "^7.15.0",
|
||||||
"react-router-dom": "^7.14.2",
|
"react-router-dom": "^7.15.0",
|
||||||
"redux-persist": "^6.0.0",
|
"redux-persist": "^6.0.0",
|
||||||
"tailwindcss": "^4.2.4"
|
"tailwindcss": "^4.2.4"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@tailwindcss/typography": "^0.5.19",
|
||||||
"@types/node": "^22.19.17",
|
"@types/node": "^22.19.17",
|
||||||
"@types/react": "^19.2.14",
|
"@types/react": "^19.2.14",
|
||||||
"@types/react-dom": "^19.2.3",
|
"@types/react-dom": "^19.2.3",
|
||||||
"@vitejs/plugin-react": "^6.0.1",
|
"@vitejs/plugin-react": "^6.0.1",
|
||||||
"globals": "^17.5.0",
|
"globals": "^17.6.0",
|
||||||
"prettier": "^3.8.3",
|
"prettier": "^3.8.3",
|
||||||
"typescript": "~6.0.3",
|
"typescript": "~6.0.3",
|
||||||
"vite": "^8.0.10"
|
"vite": "^8.0.11",
|
||||||
|
"vite-plugin-markdown": "^2.2.0",
|
||||||
|
"vite-plugin-port-checker": "^1.0.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@ant-design/colors": {
|
"node_modules/@ant-design/colors": {
|
||||||
@@ -243,9 +247,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@oxc-project/types": {
|
"node_modules/@oxc-project/types": {
|
||||||
"version": "0.127.0",
|
"version": "0.132.0",
|
||||||
"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.127.0.tgz",
|
"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.132.0.tgz",
|
||||||
"integrity": "sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==",
|
"integrity": "sha512-FESMOxil5Se014ui/Eq8fT5uHJo6nIRwH0PfJrZJXs6Gek3ZVFOrpUv3YIZT20m+extU98Hg1Ym72U58rlsxUQ==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"funding": {
|
"funding": {
|
||||||
"url": "https://github.com/sponsors/Boshen"
|
"url": "https://github.com/sponsors/Boshen"
|
||||||
@@ -991,9 +995,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-android-arm64": {
|
"node_modules/@rolldown/binding-android-arm64": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.2.tgz",
|
||||||
"integrity": "sha512-s70pVGhw4zqGeFnXWvAzJDlvxhlRollagdCCKRgOsgUOH3N1l0LIxf83AtGzmb5SiVM4Hjl5HyarMRfdfj3DaQ==",
|
"integrity": "sha512-ZS4D1JPGn/MYQN/SYDWftIE/nVsM8j/AFOYEzAoOE2O3NktQOZru+/vYXGbR/qtdLdIfGCP0lcoJiYVzsEz+iQ==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"arm64"
|
"arm64"
|
||||||
],
|
],
|
||||||
@@ -1007,9 +1011,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-darwin-arm64": {
|
"node_modules/@rolldown/binding-darwin-arm64": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.2.tgz",
|
||||||
"integrity": "sha512-4ksWc9n0mhlZpZ9PMZgTGjeOPRu8MB1Z3Tz0Mo02eWfWCHMW1zN82Qz/pL/rC+yQa+8ZnutMF0JjJe7PjwasYw==",
|
"integrity": "sha512-vdFA9+C/rekyGce7WqHs/xoT0ioZEWaOFyZLIV1mEeNFaFDUQrPIo8Vs2GvJ6eetb3rzDUtUBgzto3ExpXJB3w==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"arm64"
|
"arm64"
|
||||||
],
|
],
|
||||||
@@ -1023,9 +1027,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-darwin-x64": {
|
"node_modules/@rolldown/binding-darwin-x64": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.2.tgz",
|
||||||
"integrity": "sha512-SUSDOI6WwUVNcWxd02QEBjLdY1VPHvlEkw6T/8nYG322iYWCTxRb1vzk4E+mWWYehTp7ERibq54LSJGjmouOsw==",
|
"integrity": "sha512-BewSOwTHazv77DTYiAZXSqqKZ4KP/KonFisDMVU7PImxoWfB2aepnPhd2E4SWz3zDzYgDNbs6jBmTdgNnF02GA==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"x64"
|
"x64"
|
||||||
],
|
],
|
||||||
@@ -1039,9 +1043,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-freebsd-x64": {
|
"node_modules/@rolldown/binding-freebsd-x64": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.2.tgz",
|
||||||
"integrity": "sha512-hwnz3nw9dbJ05EDO/PvcjaaewqqDy7Y1rn1UO81l8iIK1GjenME75dl16ajbvSSMfv66WXSRCYKIqfgq2KCfxw==",
|
"integrity": "sha512-m41o7M0YWtUdqk61Tb+jnKb2rN++iRdIASlExkUoKfIAH30DOHCB8fVLzSUpbWHHU8esmEioY62PxzexE8MBuA==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"x64"
|
"x64"
|
||||||
],
|
],
|
||||||
@@ -1055,9 +1059,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-linux-arm-gnueabihf": {
|
"node_modules/@rolldown/binding-linux-arm-gnueabihf": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.2.tgz",
|
||||||
"integrity": "sha512-IS+W7epTcwANmFSQFrS1SivEXHtl1JtuQA9wlxrZTcNi6mx+FDOYrakGevvvTwgj2JvWiK8B29/qD9BELZPyXQ==",
|
"integrity": "sha512-jcojB9H7W/jS29pMKWAK1N+fU99vXodHDTatS3b3y/XSOCiHo0kkA74pL3jJmkoQtYpOCxDvaKs1fo2Ij/1X5w==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"arm"
|
"arm"
|
||||||
],
|
],
|
||||||
@@ -1071,9 +1075,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-linux-arm64-gnu": {
|
"node_modules/@rolldown/binding-linux-arm64-gnu": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.2.tgz",
|
||||||
"integrity": "sha512-e6usGaHKW5BMNZOymS1UcEYGowQMWcgZ71Z17Sl/h2+ZziNJ1a9n3Zvcz6LdRyIW5572wBCTH/Z+bKuZouGk9Q==",
|
"integrity": "sha512-1jn6qDU5iiOgFgygDzKUuKP0maTi0/f1+sBLgvij/76C77Nm3ts6ufz9Bjg5q5dduxiUIxtq86JIoBvo1xQ4Ig==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"arm64"
|
"arm64"
|
||||||
],
|
],
|
||||||
@@ -1087,9 +1091,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-linux-arm64-musl": {
|
"node_modules/@rolldown/binding-linux-arm64-musl": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.2.tgz",
|
||||||
"integrity": "sha512-b/CgbwAJpmrRLp02RPfhbudf5tZnN9nsPWK82znefso832etkem8H7FSZwxrOI9djcdTP7U6YfNhbRnh7djErg==",
|
"integrity": "sha512-QVLO/czFMdoMFSqlX3bcswcJNm/23r+qoa/jgtmFc/qEp6/jXmIkDjF/XIo8dPfGaiwy1xfQn8o77L79GeXFgw==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"arm64"
|
"arm64"
|
||||||
],
|
],
|
||||||
@@ -1103,9 +1107,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-linux-ppc64-gnu": {
|
"node_modules/@rolldown/binding-linux-ppc64-gnu": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.2.tgz",
|
||||||
"integrity": "sha512-4EII1iNGRUN5WwGbF/kOh/EIkoDN9HsupgLQoXfY+D1oyJm7/F4t5PYU5n8SWZgG0FEwakyM8pGgwcBYruGTlA==",
|
"integrity": "sha512-hgO5Abm0w5UL6FEa2iFnZqo2KlK7TQ5QhV5x09hujBf7t5KzHQ1VmfPuTpqRy/rNlSxua3eWH374xxiVrP+lcA==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"ppc64"
|
"ppc64"
|
||||||
],
|
],
|
||||||
@@ -1119,9 +1123,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-linux-s390x-gnu": {
|
"node_modules/@rolldown/binding-linux-s390x-gnu": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.2.tgz",
|
||||||
"integrity": "sha512-AH8oq3XqQo4IibpVXvPeLDI5pzkpYn0WiZAfT05kFzoJ6tQNzwRdDYQ45M8I/gslbodRZwW8uxLhbSBbkv96rA==",
|
"integrity": "sha512-fy8rXxuYEu602abC8MUNaPjYLIFzReOaEIEMKMUa0rFEUxNpVXhs15KSSQ4qlqSaM7B6rcj9rDZgADh/IGDzLQ==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"s390x"
|
"s390x"
|
||||||
],
|
],
|
||||||
@@ -1135,9 +1139,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-linux-x64-gnu": {
|
"node_modules/@rolldown/binding-linux-x64-gnu": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.2.tgz",
|
||||||
"integrity": "sha512-cLnjV3xfo7KslbU41Z7z8BH/E1y5mzUYzAqih1d1MDaIGZRCMqTijqLv76/P7fyHuvUcfGsIpqCdddbxLLK9rA==",
|
"integrity": "sha512-0+bOkiQ779+r1WpoHOWHqncvyySci0vKph+myNDYb+im6meJAzHQXay6oEgnkHuUGouM1LKTZwqKpBow6Kj7CQ==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"x64"
|
"x64"
|
||||||
],
|
],
|
||||||
@@ -1151,9 +1155,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-linux-x64-musl": {
|
"node_modules/@rolldown/binding-linux-x64-musl": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.2.tgz",
|
||||||
"integrity": "sha512-0phclDw1spsL7dUB37sIARuis2tAgomCJXAHZlpt8PXZ4Ba0dRP1e+66lsRqrfhISeN9bEGNjQs+T/Fbd7oYGw==",
|
"integrity": "sha512-mjSkrzZK5Qsl0a9d1JgILOiuZOSDTVdKENcSXBoqbzSrspLR/4/IRVDo5wd2GgZjNss/viBFJdeq+j7qH2nypw==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"x64"
|
"x64"
|
||||||
],
|
],
|
||||||
@@ -1167,9 +1171,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-openharmony-arm64": {
|
"node_modules/@rolldown/binding-openharmony-arm64": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.2.tgz",
|
||||||
"integrity": "sha512-0ag/hEgXOwgw4t8QyQvUCxvEg+V0KBcA6YuOx9g0r02MprutRF5dyljgm3EmR02O292UX7UeS6HzWHAl6KgyhA==",
|
"integrity": "sha512-1v5vHasdfQAZoEHakBV72LIFAC9JjnymsiKxp+GEr/ma3+NJCPSaYK+qavInOovJkgwFrs7GccX2d6IgDA3Z5w==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"arm64"
|
"arm64"
|
||||||
],
|
],
|
||||||
@@ -1183,9 +1187,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-wasm32-wasi": {
|
"node_modules/@rolldown/binding-wasm32-wasi": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.2.tgz",
|
||||||
"integrity": "sha512-LEXei6vo0E5wTGwpkJ4KoT3OZJRnglwldt5ziLzOlc6qqb55z4tWNq2A+PFqCJuvWWdP53CVhG1Z9NtToDPJrA==",
|
"integrity": "sha512-mb1VobWn6NheziTk5/WEaR6AKVbrwT5sOi6C7zk3gy/pD1qtJfU1j4PgTo2NJnOtbL9Dl3Aeei8w9jJ7qC2jZQ==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"wasm32"
|
"wasm32"
|
||||||
],
|
],
|
||||||
@@ -1201,9 +1205,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-win32-arm64-msvc": {
|
"node_modules/@rolldown/binding-win32-arm64-msvc": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.2.tgz",
|
||||||
"integrity": "sha512-gUmyzBl3SPMa6hrqFUth9sVfcLBlYsbMzBx5PlexMroZStgzGqlZ26pYG89rBb45Mnia+oil6YAIFeEWGWhoZA==",
|
"integrity": "sha512-SqKonF56vA/L2yHwHYcEp2P34URpOZ7d1fS635cTkpDnUtEGdUbhI6NzsPdqeSWvAAeGDrxjWjNmibDIdFf9/A==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"arm64"
|
"arm64"
|
||||||
],
|
],
|
||||||
@@ -1217,9 +1221,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@rolldown/binding-win32-x64-msvc": {
|
"node_modules/@rolldown/binding-win32-x64-msvc": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.2.tgz",
|
||||||
"integrity": "sha512-3hkiolcUAvPB9FLb3UZdfjVVNWherN1f/skkGWJP/fgSQhYUZpSIRr0/I8ZK9TkF3F7kxvJAk0+IcKvPHk9qQg==",
|
"integrity": "sha512-v7qRI7gXLRINcOGXt+7YmAZ6iFuyZVMIoXAxhd8oP+DR9dLfL9GfNIx7PLMxmhZdvq8waUJBQiWN9EKNy+TRBQ==",
|
||||||
"cpu": [
|
"cpu": [
|
||||||
"x64"
|
"x64"
|
||||||
],
|
],
|
||||||
@@ -1494,6 +1498,19 @@
|
|||||||
"node": ">= 20"
|
"node": ">= 20"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@tailwindcss/typography": {
|
||||||
|
"version": "0.5.19",
|
||||||
|
"resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.19.tgz",
|
||||||
|
"integrity": "sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"postcss-selector-parser": "6.0.10"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@tailwindcss/vite": {
|
"node_modules/@tailwindcss/vite": {
|
||||||
"version": "4.2.4",
|
"version": "4.2.4",
|
||||||
"resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.4.tgz",
|
"resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.4.tgz",
|
||||||
@@ -1671,6 +1688,16 @@
|
|||||||
"react-dom": ">=18.0.0"
|
"react-dom": ">=18.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/argparse": {
|
||||||
|
"version": "1.0.10",
|
||||||
|
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
|
||||||
|
"integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"sprintf-js": "~1.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/asynckit": {
|
"node_modules/asynckit": {
|
||||||
"version": "0.4.0",
|
"version": "0.4.0",
|
||||||
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
||||||
@@ -1741,6 +1768,19 @@
|
|||||||
"url": "https://opencollective.com/express"
|
"url": "https://opencollective.com/express"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/cssesc": {
|
||||||
|
"version": "3.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
|
||||||
|
"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"bin": {
|
||||||
|
"cssesc": "bin/cssesc"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=4"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/csstype": {
|
"node_modules/csstype": {
|
||||||
"version": "3.2.3",
|
"version": "3.2.3",
|
||||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
|
||||||
@@ -1771,6 +1811,65 @@
|
|||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/dom-serializer": {
|
||||||
|
"version": "1.4.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
|
||||||
|
"integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"domelementtype": "^2.0.1",
|
||||||
|
"domhandler": "^4.2.0",
|
||||||
|
"entities": "^2.0.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/domelementtype": {
|
||||||
|
"version": "2.3.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
|
||||||
|
"integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
|
||||||
|
"dev": true,
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/fb55"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "BSD-2-Clause"
|
||||||
|
},
|
||||||
|
"node_modules/domhandler": {
|
||||||
|
"version": "4.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
|
||||||
|
"integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "BSD-2-Clause",
|
||||||
|
"dependencies": {
|
||||||
|
"domelementtype": "^2.2.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 4"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/fb55/domhandler?sponsor=1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/domutils": {
|
||||||
|
"version": "2.8.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
|
||||||
|
"integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "BSD-2-Clause",
|
||||||
|
"dependencies": {
|
||||||
|
"dom-serializer": "^1.0.1",
|
||||||
|
"domelementtype": "^2.2.0",
|
||||||
|
"domhandler": "^4.2.0"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/fb55/domutils?sponsor=1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/dunder-proto": {
|
"node_modules/dunder-proto": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
|
||||||
@@ -1798,6 +1897,16 @@
|
|||||||
"node": ">=10.13.0"
|
"node": ">=10.13.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/entities": {
|
||||||
|
"version": "2.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
|
||||||
|
"integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "BSD-2-Clause",
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/fb55/entities?sponsor=1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/es-define-property": {
|
"node_modules/es-define-property": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
|
||||||
@@ -1843,6 +1952,20 @@
|
|||||||
"node": ">= 0.4"
|
"node": ">= 0.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/esprima": {
|
||||||
|
"version": "4.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
|
||||||
|
"integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "BSD-2-Clause",
|
||||||
|
"bin": {
|
||||||
|
"esparse": "bin/esparse.js",
|
||||||
|
"esvalidate": "bin/esvalidate.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=4"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/fdir": {
|
"node_modules/fdir": {
|
||||||
"version": "6.5.0",
|
"version": "6.5.0",
|
||||||
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
|
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
|
||||||
@@ -1896,6 +2019,16 @@
|
|||||||
"node": ">= 6"
|
"node": ">= 6"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/front-matter": {
|
||||||
|
"version": "4.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/front-matter/-/front-matter-4.0.2.tgz",
|
||||||
|
"integrity": "sha512-I8ZuJ/qG92NWX8i5x1Y8qyj3vizhXS31OxjKDu3LKP+7/qBgfIKValiZIEwoVoJKUHlhWtYrktkxV1XsX+pPlg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"js-yaml": "^3.13.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/fsevents": {
|
"node_modules/fsevents": {
|
||||||
"version": "2.3.3",
|
"version": "2.3.3",
|
||||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
||||||
@@ -2026,6 +2159,26 @@
|
|||||||
"node": ">= 0.4"
|
"node": ">= 0.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/htmlparser2": {
|
||||||
|
"version": "6.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
|
||||||
|
"integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
|
||||||
|
"dev": true,
|
||||||
|
"funding": [
|
||||||
|
"https://github.com/fb55/htmlparser2?sponsor=1",
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/fb55"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"domelementtype": "^2.0.1",
|
||||||
|
"domhandler": "^4.0.0",
|
||||||
|
"domutils": "^2.5.2",
|
||||||
|
"entities": "^2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/immer": {
|
"node_modules/immer": {
|
||||||
"version": "11.1.6",
|
"version": "11.1.6",
|
||||||
"resolved": "https://registry.npmjs.org/immer/-/immer-11.1.6.tgz",
|
"resolved": "https://registry.npmjs.org/immer/-/immer-11.1.6.tgz",
|
||||||
@@ -2051,6 +2204,20 @@
|
|||||||
"jiti": "lib/jiti-cli.mjs"
|
"jiti": "lib/jiti-cli.mjs"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/js-yaml": {
|
||||||
|
"version": "3.14.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
|
||||||
|
"integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"argparse": "^1.0.7",
|
||||||
|
"esprima": "^4.0.0"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"js-yaml": "bin/js-yaml.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/json2mq": {
|
"node_modules/json2mq": {
|
||||||
"version": "0.2.0",
|
"version": "0.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
|
||||||
@@ -2309,6 +2476,16 @@
|
|||||||
"url": "https://opencollective.com/parcel"
|
"url": "https://opencollective.com/parcel"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/linkify-it": {
|
||||||
|
"version": "3.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-3.0.3.tgz",
|
||||||
|
"integrity": "sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"uc.micro": "^1.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/magic-string": {
|
"node_modules/magic-string": {
|
||||||
"version": "0.30.21",
|
"version": "0.30.21",
|
||||||
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
|
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
|
||||||
@@ -2318,6 +2495,40 @@
|
|||||||
"@jridgewell/sourcemap-codec": "^1.5.5"
|
"@jridgewell/sourcemap-codec": "^1.5.5"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/markdown-it": {
|
||||||
|
"version": "12.3.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-12.3.2.tgz",
|
||||||
|
"integrity": "sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"argparse": "^2.0.1",
|
||||||
|
"entities": "~2.1.0",
|
||||||
|
"linkify-it": "^3.0.1",
|
||||||
|
"mdurl": "^1.0.1",
|
||||||
|
"uc.micro": "^1.0.5"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"markdown-it": "bin/markdown-it.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/markdown-it/node_modules/argparse": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
|
||||||
|
"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "Python-2.0"
|
||||||
|
},
|
||||||
|
"node_modules/markdown-it/node_modules/entities": {
|
||||||
|
"version": "2.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz",
|
||||||
|
"integrity": "sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "BSD-2-Clause",
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/fb55/entities?sponsor=1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/math-intrinsics": {
|
"node_modules/math-intrinsics": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
|
||||||
@@ -2327,6 +2538,13 @@
|
|||||||
"node": ">= 0.4"
|
"node": ">= 0.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/mdurl": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/mime-db": {
|
"node_modules/mime-db": {
|
||||||
"version": "1.52.0",
|
"version": "1.52.0",
|
||||||
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
||||||
@@ -2385,9 +2603,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/postcss": {
|
"node_modules/postcss": {
|
||||||
"version": "8.5.14",
|
"version": "8.5.15",
|
||||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.14.tgz",
|
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
|
||||||
"integrity": "sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==",
|
"integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
|
||||||
"funding": [
|
"funding": [
|
||||||
{
|
{
|
||||||
"type": "opencollective",
|
"type": "opencollective",
|
||||||
@@ -2404,7 +2622,7 @@
|
|||||||
],
|
],
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"nanoid": "^3.3.11",
|
"nanoid": "^3.3.12",
|
||||||
"picocolors": "^1.1.1",
|
"picocolors": "^1.1.1",
|
||||||
"source-map-js": "^1.2.1"
|
"source-map-js": "^1.2.1"
|
||||||
},
|
},
|
||||||
@@ -2412,6 +2630,20 @@
|
|||||||
"node": "^10 || ^12 || >=14"
|
"node": "^10 || ^12 || >=14"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/postcss-selector-parser": {
|
||||||
|
"version": "6.0.10",
|
||||||
|
"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
|
||||||
|
"integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"cssesc": "^3.0.0",
|
||||||
|
"util-deprecate": "^1.0.2"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=4"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/prettier": {
|
"node_modules/prettier": {
|
||||||
"version": "3.8.3",
|
"version": "3.8.3",
|
||||||
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz",
|
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz",
|
||||||
@@ -2438,24 +2670,24 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/react": {
|
"node_modules/react": {
|
||||||
"version": "19.2.5",
|
"version": "19.2.6",
|
||||||
"resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
|
"resolved": "https://registry.npmjs.org/react/-/react-19.2.6.tgz",
|
||||||
"integrity": "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==",
|
"integrity": "sha512-sfWGGfavi0xr8Pg0sVsyHMAOziVYKgPLNrS7ig+ivMNb3wbCBw3KxtflsGBAwD3gYQlE/AEZsTLgToRrSCjb0Q==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/react-dom": {
|
"node_modules/react-dom": {
|
||||||
"version": "19.2.5",
|
"version": "19.2.6",
|
||||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.5.tgz",
|
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.6.tgz",
|
||||||
"integrity": "sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==",
|
"integrity": "sha512-0prMI+hvBbPjsWnxDLxlCGyM8PN6UuWjEUCYmZhO67xIV9Xasa/r/vDnq+Xyq4Lo27g8QSbO5YzARu0D1Sps3g==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"scheduler": "^0.27.0"
|
"scheduler": "^0.27.0"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"react": "^19.2.5"
|
"react": "^19.2.6"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/react-is": {
|
"node_modules/react-is": {
|
||||||
@@ -2556,13 +2788,13 @@
|
|||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/rolldown": {
|
"node_modules/rolldown": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.2.tgz",
|
||||||
"integrity": "sha512-ZrT53oAKrtA4+YtBWPQbtPOxIbVDbxT0orcYERKd63VJTF13zPcgXTvD4843L8pcsI7M6MErt8QtON6lrB9tyA==",
|
"integrity": "sha512-oZx5zVDtVB44AW3eaifgDml1gWRDZGvjcfdxonE4swNPG98PrrXjaO/KrnUjzlMnztCCRVlUueA1kCXhARGk6g==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@oxc-project/types": "=0.127.0",
|
"@oxc-project/types": "=0.132.0",
|
||||||
"@rolldown/pluginutils": "1.0.0-rc.17"
|
"@rolldown/pluginutils": "^1.0.0"
|
||||||
},
|
},
|
||||||
"bin": {
|
"bin": {
|
||||||
"rolldown": "bin/cli.mjs"
|
"rolldown": "bin/cli.mjs"
|
||||||
@@ -2571,27 +2803,27 @@
|
|||||||
"node": "^20.19.0 || >=22.12.0"
|
"node": "^20.19.0 || >=22.12.0"
|
||||||
},
|
},
|
||||||
"optionalDependencies": {
|
"optionalDependencies": {
|
||||||
"@rolldown/binding-android-arm64": "1.0.0-rc.17",
|
"@rolldown/binding-android-arm64": "1.0.2",
|
||||||
"@rolldown/binding-darwin-arm64": "1.0.0-rc.17",
|
"@rolldown/binding-darwin-arm64": "1.0.2",
|
||||||
"@rolldown/binding-darwin-x64": "1.0.0-rc.17",
|
"@rolldown/binding-darwin-x64": "1.0.2",
|
||||||
"@rolldown/binding-freebsd-x64": "1.0.0-rc.17",
|
"@rolldown/binding-freebsd-x64": "1.0.2",
|
||||||
"@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.17",
|
"@rolldown/binding-linux-arm-gnueabihf": "1.0.2",
|
||||||
"@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.17",
|
"@rolldown/binding-linux-arm64-gnu": "1.0.2",
|
||||||
"@rolldown/binding-linux-arm64-musl": "1.0.0-rc.17",
|
"@rolldown/binding-linux-arm64-musl": "1.0.2",
|
||||||
"@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.17",
|
"@rolldown/binding-linux-ppc64-gnu": "1.0.2",
|
||||||
"@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.17",
|
"@rolldown/binding-linux-s390x-gnu": "1.0.2",
|
||||||
"@rolldown/binding-linux-x64-gnu": "1.0.0-rc.17",
|
"@rolldown/binding-linux-x64-gnu": "1.0.2",
|
||||||
"@rolldown/binding-linux-x64-musl": "1.0.0-rc.17",
|
"@rolldown/binding-linux-x64-musl": "1.0.2",
|
||||||
"@rolldown/binding-openharmony-arm64": "1.0.0-rc.17",
|
"@rolldown/binding-openharmony-arm64": "1.0.2",
|
||||||
"@rolldown/binding-wasm32-wasi": "1.0.0-rc.17",
|
"@rolldown/binding-wasm32-wasi": "1.0.2",
|
||||||
"@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.17",
|
"@rolldown/binding-win32-arm64-msvc": "1.0.2",
|
||||||
"@rolldown/binding-win32-x64-msvc": "1.0.0-rc.17"
|
"@rolldown/binding-win32-x64-msvc": "1.0.2"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/rolldown/node_modules/@rolldown/pluginutils": {
|
"node_modules/rolldown/node_modules/@rolldown/pluginutils": {
|
||||||
"version": "1.0.0-rc.17",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.17.tgz",
|
"resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
|
||||||
"integrity": "sha512-n8iosDOt6Ig1UhJ2AYqoIhHWh/isz0xpicHTzpKBeotdVsTEcxsSA/i3EVM7gQAj0rU27OLAxCjzlj15IWY7bg==",
|
"integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/scheduler": {
|
"node_modules/scheduler": {
|
||||||
@@ -2624,6 +2856,13 @@
|
|||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/sprintf-js": {
|
||||||
|
"version": "1.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
|
||||||
|
"integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "BSD-3-Clause"
|
||||||
|
},
|
||||||
"node_modules/string-convert": {
|
"node_modules/string-convert": {
|
||||||
"version": "0.2.1",
|
"version": "0.2.1",
|
||||||
"resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
|
"resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
|
||||||
@@ -2701,6 +2940,13 @@
|
|||||||
"node": ">=14.17"
|
"node": ">=14.17"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/uc.micro": {
|
||||||
|
"version": "1.0.6",
|
||||||
|
"resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
|
||||||
|
"integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/undici-types": {
|
"node_modules/undici-types": {
|
||||||
"version": "6.21.0",
|
"version": "6.21.0",
|
||||||
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
|
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
|
||||||
@@ -2717,16 +2963,23 @@
|
|||||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/util-deprecate": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/vite": {
|
"node_modules/vite": {
|
||||||
"version": "8.0.10",
|
"version": "8.0.14",
|
||||||
"resolved": "https://registry.npmjs.org/vite/-/vite-8.0.10.tgz",
|
"resolved": "https://registry.npmjs.org/vite/-/vite-8.0.14.tgz",
|
||||||
"integrity": "sha512-rZuUu9j6J5uotLDs+cAA4O5H4K1SfPliUlQwqa6YEwSrWDZzP4rhm00oJR5snMewjxF5V/K3D4kctsUTsIU9Mw==",
|
"integrity": "sha512-s4BJJ+5y1pYL6Otw51FHhVJQhPnuRinKig64g/1+EUNaJsd3gCKdD31IPFvswUgW9/60QT9oFHbZHbQK5imcxw==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"lightningcss": "^1.32.0",
|
"lightningcss": "^1.32.0",
|
||||||
"picomatch": "^4.0.4",
|
"picomatch": "^4.0.4",
|
||||||
"postcss": "^8.5.10",
|
"postcss": "^8.5.15",
|
||||||
"rolldown": "1.0.0-rc.17",
|
"rolldown": "1.0.2",
|
||||||
"tinyglobby": "^0.2.16"
|
"tinyglobby": "^0.2.16"
|
||||||
},
|
},
|
||||||
"bin": {
|
"bin": {
|
||||||
@@ -2743,7 +2996,7 @@
|
|||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"@types/node": "^20.19.0 || >=22.12.0",
|
"@types/node": "^20.19.0 || >=22.12.0",
|
||||||
"@vitejs/devtools": "^0.1.0",
|
"@vitejs/devtools": "^0.1.18",
|
||||||
"esbuild": "^0.27.0 || ^0.28.0",
|
"esbuild": "^0.27.0 || ^0.28.0",
|
||||||
"jiti": ">=1.21.0",
|
"jiti": ">=1.21.0",
|
||||||
"less": "^4.0.0",
|
"less": "^4.0.0",
|
||||||
@@ -2793,6 +3046,32 @@
|
|||||||
"optional": true
|
"optional": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"node_modules/vite-plugin-markdown": {
|
||||||
|
"version": "2.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/vite-plugin-markdown/-/vite-plugin-markdown-2.2.0.tgz",
|
||||||
|
"integrity": "sha512-eH2tXMZcx3EHb5okd+/0VIyoR8Gp9pGe24UXitOOcGkzObbJ1vl48aGOAbakoT88FBdzC8MXNkMfBIB9VK0Ndg==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"domhandler": "^4.0.0",
|
||||||
|
"front-matter": "^4.0.0",
|
||||||
|
"htmlparser2": "^6.0.0",
|
||||||
|
"markdown-it": "^12.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"vite": ">= 2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/vite-plugin-port-checker": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/vite-plugin-port-checker/-/vite-plugin-port-checker-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-Mx/Pj5zyu4oak+SKGwQyRLGAvnp9zx0nqjCLhaJoGJeZk2t4EarZojTcHGG0gPMJWj9X6c0MIfzaZDslg80/GA==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"peerDependencies": {
|
||||||
|
"vite": ">=3.0.0"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-1
@@ -9,5 +9,5 @@ export async function login(loginRequest: LoginRequest): Promise<User> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function logout() {
|
export async function logout() {
|
||||||
await WebClient.get<void>("/auth/logout")
|
await WebClient.post<void>("/auth/logout")
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,9 @@
|
|||||||
|
import { WebClient } from "@/shared/web-client"
|
||||||
|
import { DailyPasswordResponse, PasswordItem } from "@/types/DailyPasswordResponse"
|
||||||
|
|
||||||
|
|
||||||
|
export async function getDailyPassword(): Promise<PasswordItem[]> {
|
||||||
|
const { data } = await WebClient.get<DailyPasswordResponse>(`/daily-passwords`)
|
||||||
|
const allPasswords:PasswordItem[]=data.data.passwords
|
||||||
|
return allPasswords
|
||||||
|
}
|
||||||
@@ -2,3 +2,4 @@ export * as FirearmApi from "./firearm-api"
|
|||||||
export * as ModificationApi from "./modification-api"
|
export * as ModificationApi from "./modification-api"
|
||||||
export * as TagApi from "./tag-api"
|
export * as TagApi from "./tag-api"
|
||||||
export * as AuthApi from "./auth-api"
|
export * as AuthApi from "./auth-api"
|
||||||
|
export * as DailyPasswordApi from "./daily-password-api"
|
||||||
|
|||||||
@@ -0,0 +1,133 @@
|
|||||||
|
import { useEffect, useState } from "react"
|
||||||
|
import { Button, Form, Input, InputNumber, Modal, AutoComplete, Space } from "antd"
|
||||||
|
import slotNames from "@/constant/slots.json"
|
||||||
|
import tuningNames from "@/constant/tunings.json"
|
||||||
|
|
||||||
|
interface AccessoryType {
|
||||||
|
slotName: string
|
||||||
|
accessoryName: string
|
||||||
|
tunings: Array<{ tuningName: string; tuningValue: number }>
|
||||||
|
}
|
||||||
|
|
||||||
|
interface AccessoryFormModalProps {
|
||||||
|
open: boolean
|
||||||
|
onCancel: () => void
|
||||||
|
onOk: (values: AccessoryType) => void
|
||||||
|
initialData?: AccessoryType | null
|
||||||
|
editingIndex?: number | null
|
||||||
|
}
|
||||||
|
|
||||||
|
const slotOptions = slotNames.map((slotName) => ({ value: slotName }))
|
||||||
|
const tuningOptions = tuningNames.map((tuningName) => ({ value: tuningName }))
|
||||||
|
|
||||||
|
export default function AccessoryFormModal({
|
||||||
|
open,
|
||||||
|
onCancel,
|
||||||
|
onOk,
|
||||||
|
initialData,
|
||||||
|
editingIndex
|
||||||
|
}: AccessoryFormModalProps) {
|
||||||
|
const [form] = Form.useForm<AccessoryType>()
|
||||||
|
|
||||||
|
// 重置表单或回填数据
|
||||||
|
useEffect(() => {
|
||||||
|
if (open) {
|
||||||
|
if (initialData) {
|
||||||
|
// 编辑模式：回填数据
|
||||||
|
form.setFieldsValue(initialData)
|
||||||
|
} else {
|
||||||
|
// 新增模式：重置表单
|
||||||
|
form.resetFields()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, [open, initialData, form])
|
||||||
|
|
||||||
|
const handleOk = async () => {
|
||||||
|
try {
|
||||||
|
const values = await form.validateFields()
|
||||||
|
onOk(values)
|
||||||
|
form.resetFields()
|
||||||
|
} catch (error) {
|
||||||
|
console.log("表单校验失败:", error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleCancel = () => {
|
||||||
|
form.resetFields()
|
||||||
|
onCancel()
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title={initialData ? `编辑配件 ${(editingIndex ?? 0) + 1}` : "添加配件"}
|
||||||
|
open={open}
|
||||||
|
onOk={handleOk}
|
||||||
|
onCancel={handleCancel}
|
||||||
|
width={600}
|
||||||
|
destroyOnClose
|
||||||
|
>
|
||||||
|
<Form form={form} layout="vertical" requiredMark={false}>
|
||||||
|
<Form.Item
|
||||||
|
name="slotName"
|
||||||
|
label="槽位"
|
||||||
|
rules={[{ required: true, message: "请选择或输入槽位" }]}
|
||||||
|
>
|
||||||
|
<AutoComplete options={slotOptions} placeholder="请选择或输入槽位" />
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item
|
||||||
|
name="accessoryName"
|
||||||
|
label="配件名称"
|
||||||
|
rules={[{ required: true, message: "请输入配件名称" }]}
|
||||||
|
>
|
||||||
|
<Input placeholder="请输入配件名称" />
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.List name="tunings">
|
||||||
|
{(tuningFields, { add: addTuning, remove: removeTuning }) => (
|
||||||
|
<div className="flex flex-col gap-3">
|
||||||
|
<div className="font-medium">精校配置</div>
|
||||||
|
{tuningFields.map((tuningField) => (
|
||||||
|
<Space key={tuningField.key} align="start" className="w-full" wrap>
|
||||||
|
<Form.Item
|
||||||
|
name={[tuningField.name, "tuningName"]}
|
||||||
|
label="精校属性"
|
||||||
|
rules={[{ required: true, message: "请选择或输入精校属性" }]}
|
||||||
|
>
|
||||||
|
<AutoComplete
|
||||||
|
options={tuningOptions}
|
||||||
|
placeholder="例如：后坐控制"
|
||||||
|
className="w-44"
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item
|
||||||
|
name={[tuningField.name, "tuningValue"]}
|
||||||
|
label="精校值"
|
||||||
|
rules={[{ required: true, message: "请输入精校值" }]}
|
||||||
|
>
|
||||||
|
<InputNumber className="w-32" placeholder="例如：0.35" />
|
||||||
|
</Form.Item>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
danger
|
||||||
|
className="mt-8"
|
||||||
|
onClick={() => removeTuning(tuningField.name)}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
))}
|
||||||
|
<Button
|
||||||
|
type="dashed"
|
||||||
|
disabled={tuningFields.length >= 2}
|
||||||
|
onClick={() => addTuning({ tuningName: "", tuningValue: 0 })}
|
||||||
|
>
|
||||||
|
+ 添加精校
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</Form.List>
|
||||||
|
</Form>
|
||||||
|
</Modal>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,100 @@
|
|||||||
|
/* DisplayBoard.css - 荧光绿主题 + 紧凑导航栏样式 */
|
||||||
|
|
||||||
|
.display-board {
|
||||||
|
/* 横向排列，紧凑高度 */
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
height: 48px; /* 严格控制高度，适合导航栏 */
|
||||||
|
padding: 0 20px;
|
||||||
|
background-color: #ffffff00;
|
||||||
|
overflow-x: auto; /* 窄屏时允许滚动，保证所有项目可见 */
|
||||||
|
white-space: nowrap;
|
||||||
|
scrollbar-width: thin;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 自定义滚动条（可选，提升美观） */
|
||||||
|
.display-board::-webkit-scrollbar {
|
||||||
|
height: 4px;
|
||||||
|
}
|
||||||
|
.display-board::-webkit-scrollbar-track {
|
||||||
|
background: #f0f0f0;
|
||||||
|
}
|
||||||
|
.display-board::-webkit-scrollbar-thumb {
|
||||||
|
background: #10e28c;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 每个内容卡片 - 轻量胶囊风格 */
|
||||||
|
.display-item {
|
||||||
|
border-radius: 2px;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
background-color: #0b0f149d;
|
||||||
|
padding: 4px 14px;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
box-shadow: 0 1px 2px rgba(0,0,0,0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-placeholder{
|
||||||
|
color: #10e28c;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 名字样式 - 清晰易读 */
|
||||||
|
.item-name {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #a8a8a8;
|
||||||
|
letter-spacing: 0.3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 计算器风格数字板 —— 黑底、荧光绿字、等宽字体、内陷光感 */
|
||||||
|
.calculator-digit {
|
||||||
|
background: #0c0f0c;
|
||||||
|
border-radius: 6px;
|
||||||
|
min-width: 62px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 1.5px;
|
||||||
|
color: #10e28c;
|
||||||
|
text-shadow: 0 0 3px #10e28c, 0 0 1px #73ff50;
|
||||||
|
box-shadow: inset 0 1px 4px #10e28c, 0 0 0 1px #73ff5046;
|
||||||
|
transition: all 0.1s linear;
|
||||||
|
display: grid;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calculator-digit div{
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 模拟计算器屏幕的额外“发光感” */
|
||||||
|
.calculator-digit:hover {
|
||||||
|
text-shadow: 0 0 5px #10e28c;
|
||||||
|
box-shadow: inset 0 1px 4px rgba(0,0,0,0.8), 0 0 2px #10e28c;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 响应式微调：当屏幕宽度小于500px时适当缩小间距和字体 */
|
||||||
|
@media (max-width: 560px) {
|
||||||
|
.display-board {
|
||||||
|
gap: 8px;
|
||||||
|
padding: 0 12px;
|
||||||
|
}
|
||||||
|
.display-item {
|
||||||
|
padding: 3px 10px;
|
||||||
|
gap: 5px;
|
||||||
|
}
|
||||||
|
.item-name {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
.calculator-digit {
|
||||||
|
font-size: 13px;
|
||||||
|
min-width: 54px;
|
||||||
|
padding: 2px 6px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,134 @@
|
|||||||
|
import React, { useState, useEffect } from 'react';
|
||||||
|
import './DisplayBoard.css';
|
||||||
|
import { DailyPasswordApi } from '@/api';
|
||||||
|
import { DailyPasswordData,PasswordItem } from '@/types/DailyPasswordResponse';
|
||||||
|
|
||||||
|
// 单条数据接口
|
||||||
|
interface DisplayItem {
|
||||||
|
mapName: string;
|
||||||
|
password: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 组件 Props 接口（支持动态获取 + 静态传入）
|
||||||
|
interface DisplayBoardProps {
|
||||||
|
/** 可选：静态数据，若同时提供 fetchData，则静态数据仅作为初始值 */
|
||||||
|
items?: PasswordItem[];
|
||||||
|
/** 可选：异步获取数据的函数，返回值应为 DisplayItem[] */
|
||||||
|
fetchData?: () => Promise<PasswordItem[]>;
|
||||||
|
/** 可选：自动刷新间隔（毫秒），默认不自动刷新 */
|
||||||
|
refreshInterval?: number;
|
||||||
|
/** 可选：是否强制要求数组长度为 5（默认 true） */
|
||||||
|
enforceLength?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 头部导航栏显示框组件
|
||||||
|
* - 支持静态数据传入
|
||||||
|
* - 支持动态数据获取（通过 fetchData 属性）
|
||||||
|
* - 自动处理加载状态（显示简短占位符）
|
||||||
|
* - 紧凑设计（高 48px），荧光绿主题，计算器风格密码
|
||||||
|
*/
|
||||||
|
const DisplayBoard: React.FC<DisplayBoardProps> = ({
|
||||||
|
items: staticItems,
|
||||||
|
fetchData,
|
||||||
|
refreshInterval,
|
||||||
|
enforceLength = true,
|
||||||
|
}) => {
|
||||||
|
const [items, setItems] = useState<PasswordItem[]>([]);
|
||||||
|
const [loading, setLoading] = useState<boolean>(!!fetchData);
|
||||||
|
|
||||||
|
const defaultItems: PasswordItem[] = [
|
||||||
|
{ mapName: 'Alex', password: '1234' },
|
||||||
|
{ mapName: 'Jamie', password: '5678' },
|
||||||
|
{ mapName: 'Taylor', password: '9012'},
|
||||||
|
{ mapName: 'Jordan', password: '3456' },
|
||||||
|
{ mapName: 'Casey', password: '7890' },
|
||||||
|
];
|
||||||
|
|
||||||
|
// 确保数组长度为 5（若 enforceLength 为 true）
|
||||||
|
const ensureLength = (data: PasswordItem[]): PasswordItem[] => {
|
||||||
|
if (!enforceLength) return data;
|
||||||
|
if (data.length === 5) return data;
|
||||||
|
if (data.length < 5) {
|
||||||
|
// 不足则用默认数据补齐，实际项目中可自定义补齐逻辑
|
||||||
|
return [...data, ...defaultItems.slice(data.length, 5)];
|
||||||
|
}
|
||||||
|
// 超过5个则截取前5个
|
||||||
|
return data.slice(0, 5);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 加载数据的函数
|
||||||
|
const loadData = async () => {
|
||||||
|
if (DailyPasswordApi.getDailyPassword) {
|
||||||
|
setLoading(true);
|
||||||
|
try {
|
||||||
|
const dynamicData = await DailyPasswordApi.getDailyPassword();
|
||||||
|
const finalData = ensureLength(dynamicData);
|
||||||
|
setItems(finalData);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('动态获取密码数据失败', error);
|
||||||
|
// 出错时使用静态数据或默认数据兜底
|
||||||
|
if (staticItems && staticItems.length > 0) {
|
||||||
|
setItems(ensureLength(staticItems));
|
||||||
|
} else {
|
||||||
|
setItems(defaultItems);
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
} else if (staticItems) {
|
||||||
|
// 仅静态数据模式
|
||||||
|
setItems(ensureLength(staticItems));
|
||||||
|
} else {
|
||||||
|
// 无任何数据源，使用默认
|
||||||
|
setItems(defaultItems);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 初次加载 & fetchData 变化时重新拉取
|
||||||
|
useEffect(() => {
|
||||||
|
loadData();
|
||||||
|
}, [fetchData]); // 注意：staticItems 变化不会自动触发重新拉取，如需可自行添加依赖
|
||||||
|
|
||||||
|
// 定时刷新逻辑
|
||||||
|
useEffect(() => {
|
||||||
|
if (!fetchData || !refreshInterval || refreshInterval <= 0) return;
|
||||||
|
const timer = setInterval(() => {
|
||||||
|
loadData();
|
||||||
|
}, refreshInterval);
|
||||||
|
return () => clearInterval(timer);
|
||||||
|
}, [fetchData, refreshInterval]);
|
||||||
|
|
||||||
|
// 辅助：格式化密码为四位数字（计算器风格）
|
||||||
|
const formatPassword = (pwd: string | number): string => {
|
||||||
|
const str = String(pwd).replace(/\D/g, '');
|
||||||
|
if (str.length >= 4) return str.slice(0, 4);
|
||||||
|
return str.padStart(4, '0');
|
||||||
|
};
|
||||||
|
|
||||||
|
// 加载状态时显示简洁的占位符（保持高度不变，避免布局抖动）
|
||||||
|
if (loading && items.length === 0) {
|
||||||
|
return (
|
||||||
|
<div className="display-board loading">
|
||||||
|
<div className="loading-placeholder">加载密码...</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="display-board">
|
||||||
|
{items.map((item, index) => (
|
||||||
|
<div className="display-item" key={`${item.mapName}-${index}`}>
|
||||||
|
<span className="item-name">{item.mapName}</span>
|
||||||
|
<div className="calculator-digit">
|
||||||
|
<div>
|
||||||
|
{formatPassword(item.password)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default DisplayBoard;
|
||||||
@@ -0,0 +1,366 @@
|
|||||||
|
// ModCodes.tsx
|
||||||
|
import { useEffect, useState, useCallback, useMemo } from "react";
|
||||||
|
import { Card, Col, Pagination, Row, Tag, Typography, Button, Popconfirm, Space, Select, App, message } from "antd";
|
||||||
|
import { Link } from "react-router-dom";
|
||||||
|
import { ModificationApi, TagApi } from "@/api";
|
||||||
|
import { Modification } from "@/types";
|
||||||
|
import ModificationCreateModal from "@/components/modification-create-modal";
|
||||||
|
import ModificationEditModal from "@/components/modification-edit-modal";
|
||||||
|
import { useAppSelector } from "@/hooks/store";
|
||||||
|
|
||||||
|
const pageSize = 10; // 常量，不需要 useState
|
||||||
|
|
||||||
|
interface ModCodesProps {
|
||||||
|
firearmId: string; // 从父组件传入
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function ModCodes({ firearmId }: ModCodesProps) {
|
||||||
|
const { message } = App.useApp();
|
||||||
|
const user = useAppSelector((state) => state.auth.user);
|
||||||
|
|
||||||
|
// ✅ 所有 useState 必须放在组件函数内部
|
||||||
|
const [createModalOpen, setCreateModalOpen] = useState(false);
|
||||||
|
const [editingModification, setEditingModification] = useState<Modification | null>(null);
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [modifications, setModifications] = useState<Modification[]>([]);
|
||||||
|
const [tagOptions, setTagOptions] = useState<string[]>([]);
|
||||||
|
const [selectedTags, setSelectedTags] = useState<string[]>([]);
|
||||||
|
const [total, setTotal] = useState(0);
|
||||||
|
const [page, setPage] = useState(1);
|
||||||
|
const [deletingId, setDeletingId] = useState<number | null>(null);
|
||||||
|
|
||||||
|
// 获取标签选项
|
||||||
|
useEffect(() => {
|
||||||
|
const _firearmId = firearmId ? Number(firearmId) : undefined;
|
||||||
|
if (_firearmId) {
|
||||||
|
TagApi.getTags(_firearmId).then(setTagOptions);
|
||||||
|
}
|
||||||
|
}, [firearmId]);
|
||||||
|
|
||||||
|
// 加载改枪码列表
|
||||||
|
const loadModifications = useCallback(async () => {
|
||||||
|
const numericId = firearmId
|
||||||
|
if (!numericId) return;
|
||||||
|
setLoading(true);
|
||||||
|
try {
|
||||||
|
const pagedData = await ModificationApi.getModifications({
|
||||||
|
page: page - 1,
|
||||||
|
size: pageSize,
|
||||||
|
sortBy: "id",
|
||||||
|
direction: "DESC",
|
||||||
|
firearmId: numericId, // 使用数字类型
|
||||||
|
tags: selectedTags,
|
||||||
|
|
||||||
|
});
|
||||||
|
setModifications(pagedData.items);
|
||||||
|
setTotal(pagedData.totalElements);
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
}, [firearmId, page, selectedTags]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
loadModifications();
|
||||||
|
}, [loadModifications]);
|
||||||
|
|
||||||
|
const handleDelete = async (modification: Modification) => {
|
||||||
|
setDeletingId(modification.id);
|
||||||
|
try {
|
||||||
|
await ModificationApi.removeModification(modification.id);
|
||||||
|
message.success("删除成功");
|
||||||
|
if (modifications.length === 1 && page > 1) {
|
||||||
|
setPage(page - 1);
|
||||||
|
} else {
|
||||||
|
await loadModifications();
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
message.error("删除失败");
|
||||||
|
} finally {
|
||||||
|
setDeletingId(null);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 当 firearmId 或标签改变时重置分页
|
||||||
|
useEffect(() => {
|
||||||
|
setPage(1);
|
||||||
|
}, [firearmId, selectedTags]);
|
||||||
|
|
||||||
|
const parsedFirearmId = useMemo(() => {
|
||||||
|
const value = Number(firearmId);
|
||||||
|
return isNaN(value) ? undefined : value;
|
||||||
|
}, [firearmId]);
|
||||||
|
|
||||||
|
if (!parsedFirearmId) {
|
||||||
|
return <Typography.Text type="secondary">无效的武器 ID</Typography.Text>;
|
||||||
|
}
|
||||||
|
const tagColors = [
|
||||||
|
'#e28010', // 青绿
|
||||||
|
'#0EA5E9', // 天蓝
|
||||||
|
'#8B5CF6', // 紫色
|
||||||
|
'#F59E0B', // 琥珀
|
||||||
|
'#EF4444', // 红色
|
||||||
|
'#EC4899', // 粉红
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="bg-#1e1e1e">
|
||||||
|
<div className="mb-4 flex items-start justify-between gap-4 bg-#1e1e1e">
|
||||||
|
<div className="flex flex-wrap items-center justify-end gap-3 bg-#1e1e1e">
|
||||||
|
<Space wrap>
|
||||||
|
<span>标签：</span>
|
||||||
|
<Select<string[]>
|
||||||
|
mode="multiple"
|
||||||
|
allowClear
|
||||||
|
placeholder="请选择标签"
|
||||||
|
className="w-64"
|
||||||
|
value={selectedTags}
|
||||||
|
options={tagOptions.map((tag) => ({ value: tag, label: tag }))}
|
||||||
|
onChange={(values) => {
|
||||||
|
setSelectedTags(values);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
{firearmId && <Tag color="geekblue">武器 ID: {firearmId}</Tag>}
|
||||||
|
{(firearmId || selectedTags.length > 0) && (
|
||||||
|
<Link to="/mod-codes">
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setSelectedTags([]);
|
||||||
|
setPage(1);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
清除筛选
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
)}
|
||||||
|
</Space>
|
||||||
|
{user && (
|
||||||
|
<Button type="primary" onClick={() => setCreateModalOpen(true)}>
|
||||||
|
添加改装
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-6">
|
||||||
|
<Row gutter={[16, 16]}>
|
||||||
|
{modifications.map((modification) => (
|
||||||
|
<Col key={modification.id} span={24}>
|
||||||
|
<Card
|
||||||
|
title={modification.name}
|
||||||
|
extra={
|
||||||
|
user ? (
|
||||||
|
<div className="flex items-center gap-1">
|
||||||
|
<Button type="link" size="small" onClick={() => setEditingModification(modification)}>
|
||||||
|
编辑
|
||||||
|
</Button>
|
||||||
|
<Popconfirm
|
||||||
|
title="确认删除改枪码"
|
||||||
|
description={`确定要删除 ${modification.name} 吗？该操作不可撤销。`}
|
||||||
|
okText="删除"
|
||||||
|
cancelText="取消"
|
||||||
|
okButtonProps={{ danger: true, loading: deletingId === modification.id }}
|
||||||
|
onConfirm={() => handleDelete(modification)}
|
||||||
|
>
|
||||||
|
<Button type="link" danger size="small" loading={deletingId === modification.id}>
|
||||||
|
删除
|
||||||
|
</Button>
|
||||||
|
</Popconfirm>
|
||||||
|
</div>
|
||||||
|
) : null
|
||||||
|
}
|
||||||
|
variant="outlined"
|
||||||
|
styles={{
|
||||||
|
root: {
|
||||||
|
background: '#35333385'
|
||||||
|
},
|
||||||
|
header: { minHeight: 56 },
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="flex flex-col gap-3">
|
||||||
|
{/* 改枪码行 */}
|
||||||
|
<div className="flex items-center justify-between gap-2">
|
||||||
|
<span>
|
||||||
|
<strong style={{
|
||||||
|
color: '#10E28C',
|
||||||
|
fontWeight: 800
|
||||||
|
}}>改枪码：</strong>
|
||||||
|
<code className="rounded" style={{
|
||||||
|
color: '#10E28C',
|
||||||
|
fontWeight: 600
|
||||||
|
}}>
|
||||||
|
{modification.code}
|
||||||
|
</code>
|
||||||
|
</span>
|
||||||
|
<Button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
onClick={async () => {
|
||||||
|
try {
|
||||||
|
await navigator.clipboard.writeText(modification.code);
|
||||||
|
message.success('已复制到剪贴板'); // 绿色成功提示，2秒后自动消失
|
||||||
|
} catch {
|
||||||
|
message.error('复制失败，请重试'); // 红色错误提示
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
复制
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* 作者 */}
|
||||||
|
<div className="flex items-center justify-between gap-2">
|
||||||
|
<Typography.Text style={{
|
||||||
|
color: '#B59728',
|
||||||
|
fontWeight: 800
|
||||||
|
}}>
|
||||||
|
<strong>作者：</strong>
|
||||||
|
{modification.author || "未知"}
|
||||||
|
</Typography.Text>
|
||||||
|
</div>
|
||||||
|
{/* 标签列表 */}
|
||||||
|
{(modification.tags?.length || 0) > 0 && (
|
||||||
|
<div className="flex flex-wrap gap-2">
|
||||||
|
{(modification.tags || []).map((tag, idx) => (
|
||||||
|
<Tag key={`${modification.id}-${tag}`} style={{
|
||||||
|
background: tagColors[idx % tagColors.length],
|
||||||
|
font: '800'
|
||||||
|
}}>{tag}</Tag>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* 配件配置区域 */}
|
||||||
|
<div>
|
||||||
|
<div className="flex items-center justify-between gap-2">
|
||||||
|
<Typography.Text strong>配件配置：</Typography.Text></div>
|
||||||
|
{(modification.accessories?.length || 0) > 0 ? (
|
||||||
|
<div className="mt-2 overflow-x-auto">
|
||||||
|
<div className="grid min-w-[275px] grid-cols-4 gap-2">
|
||||||
|
{(modification.accessories || []).map((accessory, accessoryIndex) => (
|
||||||
|
<div
|
||||||
|
key={`${modification.id}-accessory-${accessoryIndex}`}
|
||||||
|
className="" style={{
|
||||||
|
borderRadius: '0.25rem',
|
||||||
|
border: '2px solid #10E28C',
|
||||||
|
padding: '0.5rem',
|
||||||
|
background: '#16343b96'
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="flex items-center justify-between gap-2 rounded px-2 py-1">
|
||||||
|
<Typography.Text className="mr-0 text-cyan-400" style={{
|
||||||
|
color: '#10E28C',
|
||||||
|
}}>
|
||||||
|
{accessory.slotName || "未填写槽位"}
|
||||||
|
</Typography.Text>
|
||||||
|
<Typography.Text className="mr-0 text-cyan-300" style={{
|
||||||
|
color: '#ffffff',
|
||||||
|
}}>
|
||||||
|
{accessory.accessoryName || "未填写配件"}
|
||||||
|
</Typography.Text>
|
||||||
|
</div>
|
||||||
|
{(accessory.tunings?.length || 0) > 0 ? (
|
||||||
|
<div className="mt-2 flex flex-wrap gap-1">
|
||||||
|
{accessory.tunings.map((tuning, tuningIndex) => (
|
||||||
|
<Tag
|
||||||
|
key={`${modification.id}-${accessoryIndex}-tuning-${tuningIndex}`}
|
||||||
|
style={{
|
||||||
|
background: '#EED177',
|
||||||
|
color: '#000000',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{tuning.tuningName || "未命名"}: {tuning.tuningValue ?? "-"}
|
||||||
|
</Tag>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<Typography.Text type="secondary" className="mt-1 block">
|
||||||
|
暂无配件信息
|
||||||
|
</Typography.Text>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* 备注 */}
|
||||||
|
<div className="flex items-center justify-between gap-2">
|
||||||
|
<Typography.Paragraph
|
||||||
|
style={{ marginBottom: 0 }}
|
||||||
|
type="secondary"
|
||||||
|
ellipsis={{ rows: 3 }}
|
||||||
|
>
|
||||||
|
{modification.note || "暂无备注"}
|
||||||
|
</Typography.Paragraph>
|
||||||
|
</div>
|
||||||
|
{/* 视频链接 */}
|
||||||
|
<div className="flex items-center justify-between gap-2">
|
||||||
|
{modification.videoUrl && (
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href={modification.videoUrl}
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="text-cyan-400 hover:text-cyan-300"
|
||||||
|
>
|
||||||
|
查看视频
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
</Col>
|
||||||
|
))}
|
||||||
|
|
||||||
|
{modifications.length === 0 && (
|
||||||
|
<Col span={24}>
|
||||||
|
<Card>
|
||||||
|
<Typography.Text type="secondary">暂无改枪码数据</Typography.Text>
|
||||||
|
</Card>
|
||||||
|
</Col>
|
||||||
|
)}
|
||||||
|
</Row>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex justify-end">
|
||||||
|
<Pagination
|
||||||
|
align="end"
|
||||||
|
current={page}
|
||||||
|
pageSize={pageSize}
|
||||||
|
total={total}
|
||||||
|
onChange={(nextPage) => {
|
||||||
|
setPage(nextPage);
|
||||||
|
}}
|
||||||
|
showSizeChanger={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ModificationCreateModal
|
||||||
|
open={createModalOpen}
|
||||||
|
defaultFirearmId={parsedFirearmId}
|
||||||
|
lockedFirearmId={parsedFirearmId}
|
||||||
|
onCancel={() => setCreateModalOpen(false)}
|
||||||
|
onSuccess={() => {
|
||||||
|
setCreateModalOpen(false);
|
||||||
|
void loadModifications();
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ModificationEditModal
|
||||||
|
open={!!editingModification}
|
||||||
|
modification={editingModification}
|
||||||
|
lockedFirearmId={parsedFirearmId}
|
||||||
|
onCancel={() => setEditingModification(null)}
|
||||||
|
onSuccess={() => {
|
||||||
|
setEditingModification(null);
|
||||||
|
void loadModifications();
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -13,7 +13,10 @@ interface ModificationCreateModalProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function normalizeRequest(values: ModificationRequest): ModificationRequest {
|
function normalizeRequest(values: ModificationRequest): ModificationRequest {
|
||||||
|
console.log(values);
|
||||||
return {
|
return {
|
||||||
|
|
||||||
|
|
||||||
firearmId: values.firearmId,
|
firearmId: values.firearmId,
|
||||||
name: values.name.trim(),
|
name: values.name.trim(),
|
||||||
code: values.code.trim(),
|
code: values.code.trim(),
|
||||||
@@ -64,6 +67,7 @@ export default function ModificationCreateModal({
|
|||||||
firearmId: lockedFirearmId ?? values.firearmId,
|
firearmId: lockedFirearmId ?? values.firearmId,
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
|
|
||||||
message.success("改枪码创建成功")
|
message.success("改枪码创建成功")
|
||||||
form.resetFields()
|
form.resetFields()
|
||||||
onSuccess(modification)
|
onSuccess(modification)
|
||||||
|
|||||||
@@ -1,32 +1,535 @@
|
|||||||
import { useEffect, useMemo, useState } from "react"
|
// import { useEffect, useMemo, useState } from "react"
|
||||||
import { FirearmApi } from "@/api"
|
// import { FirearmApi } from "@/api"
|
||||||
import slotNames from "@/constant/slots.json"
|
// import slotNames from "@/constant/slots.json"
|
||||||
import tuningNames from "@/constant/tunings.json"
|
// import tuningNames from "@/constant/tunings.json"
|
||||||
import { Firearm, ModificationRequest } from "@/types"
|
// import { Firearm, ModificationRequest } from "@/types"
|
||||||
import { AutoComplete, Button, Card, Form, Input, InputNumber, Select, Space } from "antd"
|
// import { AutoComplete, Button, Card, Form, Input, InputNumber, Select, Space, Tag, message } from "antd"
|
||||||
|
// import { EditOutlined, DeleteOutlined, PlusOutlined } from "@ant-design/icons"
|
||||||
|
// import AccessoryFormModal from "@/components/AccessoryFormModal"
|
||||||
|
|
||||||
|
// const slotOptions = slotNames.map((slotName) => ({ value: slotName }))
|
||||||
|
// const tuningOptions = tuningNames.map((tuningName) => ({ value: tuningName }))
|
||||||
|
|
||||||
|
// interface ModificationFormProps {
|
||||||
|
// form: ReturnType<typeof Form.useForm<ModificationRequest>>[0]
|
||||||
|
// onFinish: (values: ModificationRequest) => void
|
||||||
|
// lockFirearmId?: number
|
||||||
|
// }
|
||||||
|
|
||||||
|
// interface AccessoryType {
|
||||||
|
// slotName: string
|
||||||
|
// accessoryName: string
|
||||||
|
// tunings: Array<{ tuningName: string; tuningValue: number }>
|
||||||
|
// }
|
||||||
|
|
||||||
|
// export default function ModificationForm({ form, onFinish, lockFirearmId }: ModificationFormProps) {
|
||||||
|
// const [firearmOptions, setFirearmOptions] = useState<Array<{ value: number; label: string }>>([])
|
||||||
|
// const [firearmLoading, setFirearmLoading] = useState(false)
|
||||||
|
|
||||||
|
// // 配件弹窗相关状态
|
||||||
|
// const [accessoryModalOpen, setAccessoryModalOpen] = useState(false)
|
||||||
|
// const [editingAccessory, setEditingAccessory] = useState<AccessoryType | null>(null)
|
||||||
|
// const [editingAccessoryIndex, setEditingAccessoryIndex] = useState<number | null>(null)
|
||||||
|
|
||||||
|
// useEffect(() => {
|
||||||
|
// let active = true
|
||||||
|
|
||||||
|
// async function loadAllFirearms() {
|
||||||
|
// setFirearmLoading(true)
|
||||||
|
// try {
|
||||||
|
// const allFirearms: Firearm[] = []
|
||||||
|
// let page = 0
|
||||||
|
// let totalPages = 1
|
||||||
|
|
||||||
|
// while (page < totalPages) {
|
||||||
|
// const paged = await FirearmApi.getFirearms({
|
||||||
|
// page,
|
||||||
|
// size: 100,
|
||||||
|
// sortBy: "id",
|
||||||
|
// direction: "ASC",
|
||||||
|
// })
|
||||||
|
|
||||||
|
// allFirearms.push(...paged.items)
|
||||||
|
// totalPages = paged.totalPages
|
||||||
|
// page += 1
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if (!active) {
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
|
||||||
|
// setFirearmOptions(
|
||||||
|
// allFirearms.map((firearm) => ({
|
||||||
|
// value: firearm.id,
|
||||||
|
// label: `${firearm.name}`,
|
||||||
|
// }))
|
||||||
|
// )
|
||||||
|
// } finally {
|
||||||
|
// if (active) {
|
||||||
|
// setFirearmLoading(false)
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// void loadAllFirearms()
|
||||||
|
|
||||||
|
// return () => {
|
||||||
|
// active = false
|
||||||
|
// }
|
||||||
|
// }, [])
|
||||||
|
|
||||||
|
// const mergedFirearmOptions = useMemo(() => {
|
||||||
|
// if (
|
||||||
|
// lockFirearmId === undefined ||
|
||||||
|
// firearmOptions.some((option) => option.value === lockFirearmId)
|
||||||
|
// ) {
|
||||||
|
// return firearmOptions
|
||||||
|
// }
|
||||||
|
|
||||||
|
// return [{ value: lockFirearmId, label: `武器 ID: ${lockFirearmId}` }, ...firearmOptions]
|
||||||
|
// }, [firearmOptions, lockFirearmId])
|
||||||
|
|
||||||
|
// // 打开添加配件弹窗
|
||||||
|
// const handleAddAccessory = () => {
|
||||||
|
// setEditingAccessory(null)
|
||||||
|
// setEditingAccessoryIndex(null)
|
||||||
|
// setAccessoryModalOpen(true)
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // 打开编辑配件弹窗
|
||||||
|
// const handleEditAccessory = (index: number, accessory: AccessoryType) => {
|
||||||
|
// setEditingAccessory(accessory)
|
||||||
|
// setEditingAccessoryIndex(index)
|
||||||
|
// setAccessoryModalOpen(true)
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // 删除配件
|
||||||
|
// const handleDeleteAccessory = (remove: (index: number) => void, index: number) => {
|
||||||
|
// remove(index)
|
||||||
|
// message.success("删除成功")
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // 配件弹窗确认回调
|
||||||
|
// const handleAccessoryModalOk = (values: AccessoryType) => {
|
||||||
|
// const accessories = form.getFieldValue("accessories") || []
|
||||||
|
|
||||||
|
// if (editingAccessoryIndex !== null) {
|
||||||
|
// // 编辑模式：更新指定索引的数据
|
||||||
|
// const updatedAccessories = [...accessories]
|
||||||
|
// updatedAccessories[editingAccessoryIndex] = values
|
||||||
|
// form.setFieldsValue({ accessories: updatedAccessories })
|
||||||
|
// message.success("修改成功")
|
||||||
|
// } else {
|
||||||
|
// // 新增模式：添加新数据
|
||||||
|
// form.setFieldsValue({ accessories: [...accessories, values] })
|
||||||
|
// message.success("添加成功")
|
||||||
|
// }
|
||||||
|
|
||||||
|
// setAccessoryModalOpen(false)
|
||||||
|
// setEditingAccessory(null)
|
||||||
|
// setEditingAccessoryIndex(null)
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // 配件弹窗取消回调
|
||||||
|
// const handleAccessoryModalCancel = () => {
|
||||||
|
// setAccessoryModalOpen(false)
|
||||||
|
// setEditingAccessory(null)
|
||||||
|
// setEditingAccessoryIndex(null)
|
||||||
|
// }
|
||||||
|
|
||||||
|
// return (
|
||||||
|
// <>
|
||||||
|
// <Form<ModificationRequest>
|
||||||
|
// form={form}
|
||||||
|
// layout="vertical"
|
||||||
|
// onFinish={() => {
|
||||||
|
// const allValues = form.getFieldsValue(true);
|
||||||
|
// console.log('完整数据:', allValues);
|
||||||
|
// onFinish(allValues);
|
||||||
|
// }}
|
||||||
|
// requiredMark={false}>
|
||||||
|
// <Form.Item<ModificationRequest>
|
||||||
|
// name="firearmId"
|
||||||
|
// label="武器"
|
||||||
|
// rules={[{ required: true, message: "请输入武器" }]}>
|
||||||
|
// <Select<number>
|
||||||
|
// className="w-full"
|
||||||
|
// placeholder="请选择武器"
|
||||||
|
// options={mergedFirearmOptions}
|
||||||
|
// loading={firearmLoading}
|
||||||
|
// disabled={lockFirearmId !== undefined}
|
||||||
|
// showSearch={{
|
||||||
|
// filterOption: (input, option) => {
|
||||||
|
// const labelText = String(option?.label ?? "")
|
||||||
|
// return labelText.toLowerCase().includes(input.toLowerCase())
|
||||||
|
// },
|
||||||
|
// }}
|
||||||
|
// />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest>
|
||||||
|
// name="name"
|
||||||
|
// label="改装名称"
|
||||||
|
// rules={[{ required: true, message: "请输入改装名称" }]}>
|
||||||
|
// <Input placeholder="请输入改装名称" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest>
|
||||||
|
// name="code"
|
||||||
|
// label="改枪码"
|
||||||
|
// rules={[{ required: true, message: "请输入改枪码" }]}>
|
||||||
|
// <Input placeholder="请输入改枪码" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> name="tags" label="标签">
|
||||||
|
// <Select mode="tags" tokenSeparators={[",", " "]} placeholder="可选：输入后回车" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> name="author" label="作者">
|
||||||
|
// <Input placeholder="可选：请输入作者" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> name="videoUrl" label="视频链接">
|
||||||
|
// <Input placeholder="可选：请输入视频链接" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> name="note" label="备注">
|
||||||
|
// <Input.TextArea rows={3} placeholder="可选：补充说明" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// {/* 改造后的配件列表 */}
|
||||||
|
// <div className="flex flex-col gap-4">
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> label="配件配置">
|
||||||
|
// <Form.List name="accessories">
|
||||||
|
// {(accessoryFields, { add, remove }) => (
|
||||||
|
// <div className="flex flex-col gap-3">
|
||||||
|
// {/* 配件标签列表 */}
|
||||||
|
// <div className="flex flex-wrap gap-2">
|
||||||
|
// {accessoryFields.length === 0 ? (
|
||||||
|
// <div className="text-gray-400 text-sm py-2">暂无配件，点击下方按钮添加</div>
|
||||||
|
// ) : (
|
||||||
|
// accessoryFields.map((accessoryField, index) => {
|
||||||
|
// const accessory = form.getFieldValue(["accessories", index]) as AccessoryType
|
||||||
|
// return (
|
||||||
|
// <Tag
|
||||||
|
// key={accessoryField.key}
|
||||||
|
// closable
|
||||||
|
// onClose={(e) => {
|
||||||
|
// e.preventDefault()
|
||||||
|
// handleDeleteAccessory(remove, accessoryField.name)
|
||||||
|
// }}
|
||||||
|
// closeIcon={<DeleteOutlined />}
|
||||||
|
// className="px-3 py-1.5 text-sm border hover:shadow-sm transition-all "
|
||||||
|
// style={{ marginRight: 8, marginBottom: 8 }}
|
||||||
|
// >
|
||||||
|
// <Space size={6}>
|
||||||
|
// <span className="font-medium text-[#2ee59d]">
|
||||||
|
// {accessory?.slotName || "?"}
|
||||||
|
// </span>
|
||||||
|
// <span className="text-gray-400">·</span>
|
||||||
|
// <span className="text-[#2ee59d]">
|
||||||
|
// {accessory?.accessoryName || "未命名"}
|
||||||
|
// </span>
|
||||||
|
// {accessory?.tunings && accessory.tunings.length > 0 && (
|
||||||
|
// <span className="text-blue-500 text-xs bg-blue-50 px-1.5 py-0.5 rounded">
|
||||||
|
// {accessory.tunings.length}项精校
|
||||||
|
// </span>
|
||||||
|
// )}
|
||||||
|
// <Button
|
||||||
|
// type="link"
|
||||||
|
// size="small"
|
||||||
|
// icon={<EditOutlined />}
|
||||||
|
// onClick={(e) => {
|
||||||
|
// e.stopPropagation()
|
||||||
|
// const currentAccessory = form.getFieldValue(["accessories", index])
|
||||||
|
// handleEditAccessory(index, currentAccessory)
|
||||||
|
// }}
|
||||||
|
// className="text-blue-500 hover:text-blue-700 p-0"
|
||||||
|
// style={{ marginLeft: 4 }}
|
||||||
|
// />
|
||||||
|
// </Space>
|
||||||
|
// </Tag>
|
||||||
|
// )
|
||||||
|
// })
|
||||||
|
// )}
|
||||||
|
// </div>
|
||||||
|
|
||||||
|
// {/* 添加按钮 */}
|
||||||
|
// <Button
|
||||||
|
// type="dashed"
|
||||||
|
// icon={<PlusOutlined />}
|
||||||
|
// onClick={handleAddAccessory}
|
||||||
|
// size="small"
|
||||||
|
// className="w-full"
|
||||||
|
// >
|
||||||
|
// 添加配件
|
||||||
|
// </Button>
|
||||||
|
// </div>
|
||||||
|
// )}
|
||||||
|
// </Form.List>
|
||||||
|
// </Form.Item>
|
||||||
|
// </div>
|
||||||
|
|
||||||
|
// </Form>
|
||||||
|
|
||||||
|
// {/* 配件编辑弹窗 */}
|
||||||
|
// <AccessoryFormModal
|
||||||
|
// open={accessoryModalOpen}
|
||||||
|
// onCancel={handleAccessoryModalCancel}
|
||||||
|
// onOk={handleAccessoryModalOk}
|
||||||
|
// initialData={editingAccessory}
|
||||||
|
// editingIndex={editingAccessoryIndex}
|
||||||
|
// />
|
||||||
|
// </>
|
||||||
|
// )
|
||||||
|
// }
|
||||||
|
// import { useEffect, useMemo, useState } from "react"
|
||||||
|
// import { FirearmApi } from "@/api"
|
||||||
|
// import slotNames from "@/constant/slots.json"
|
||||||
|
// import tuningNames from "@/constant/tunings.json"
|
||||||
|
// import { Firearm, ModificationRequest } from "@/types"
|
||||||
|
// import { AutoComplete, Button, Card, Form, Input, InputNumber, Select, Space } from "antd"
|
||||||
|
|
||||||
|
// interface ModificationFormProps {
|
||||||
|
// form: ReturnType<typeof Form.useForm<ModificationRequest>>[0]
|
||||||
|
// onFinish: (values: ModificationRequest) => void
|
||||||
|
// lockFirearmId?: number
|
||||||
|
// }
|
||||||
|
|
||||||
|
// const slotOptions = slotNames.map((slotName) => ({ value: slotName }))
|
||||||
|
// const tuningOptions = tuningNames.map((tuningName) => ({ value: tuningName }))
|
||||||
|
|
||||||
|
// export default function ModificationForm({ form, onFinish, lockFirearmId }: ModificationFormProps) {
|
||||||
|
// const [firearmOptions, setFirearmOptions] = useState<Array<{ value: number; label: string }>>([])
|
||||||
|
// const [firearmLoading, setFirearmLoading] = useState(false)
|
||||||
|
|
||||||
|
// useEffect(() => {
|
||||||
|
// let active = true
|
||||||
|
|
||||||
|
// async function loadAllFirearms() {
|
||||||
|
// setFirearmLoading(true)
|
||||||
|
// try {
|
||||||
|
// const allFirearms: Firearm[] = []
|
||||||
|
// let page = 0
|
||||||
|
// let totalPages = 1
|
||||||
|
|
||||||
|
// while (page < totalPages) {
|
||||||
|
// const paged = await FirearmApi.getFirearms({
|
||||||
|
// page,
|
||||||
|
// size: 100,
|
||||||
|
// sortBy: "id",
|
||||||
|
// direction: "ASC",
|
||||||
|
// })
|
||||||
|
|
||||||
|
// allFirearms.push(...paged.items)
|
||||||
|
// totalPages = paged.totalPages
|
||||||
|
// page += 1
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if (!active) {
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
|
||||||
|
// setFirearmOptions(
|
||||||
|
// allFirearms.map((firearm) => ({
|
||||||
|
// value: firearm.id,
|
||||||
|
// label: `${firearm.name}`,
|
||||||
|
// }))
|
||||||
|
// )
|
||||||
|
// } finally {
|
||||||
|
// if (active) {
|
||||||
|
// setFirearmLoading(false)
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// void loadAllFirearms()
|
||||||
|
|
||||||
|
// return () => {
|
||||||
|
// active = false
|
||||||
|
// }
|
||||||
|
// }, [])
|
||||||
|
|
||||||
|
// const mergedFirearmOptions = useMemo(() => {
|
||||||
|
// if (
|
||||||
|
// lockFirearmId === undefined ||
|
||||||
|
// firearmOptions.some((option) => option.value === lockFirearmId)
|
||||||
|
// ) {
|
||||||
|
// return firearmOptions
|
||||||
|
// }
|
||||||
|
|
||||||
|
// return [{ value: lockFirearmId, label: `武器 ID: ${lockFirearmId}` }, ...firearmOptions]
|
||||||
|
// }, [firearmOptions, lockFirearmId])
|
||||||
|
|
||||||
|
// return (
|
||||||
|
// <Form<ModificationRequest>
|
||||||
|
// form={form}
|
||||||
|
// layout="vertical"
|
||||||
|
// onFinish={onFinish}
|
||||||
|
// requiredMark={false}>
|
||||||
|
// <Form.Item<ModificationRequest>
|
||||||
|
// name="firearmId"
|
||||||
|
// label="武器"
|
||||||
|
// rules={[{ required: true, message: "请输入武器" }]}>
|
||||||
|
// <Select<number>
|
||||||
|
// className="w-full"
|
||||||
|
// placeholder="请选择武器"
|
||||||
|
// options={mergedFirearmOptions}
|
||||||
|
// loading={firearmLoading}
|
||||||
|
// disabled={lockFirearmId !== undefined}
|
||||||
|
// showSearch={{
|
||||||
|
// filterOption: (input, option) => {
|
||||||
|
// const labelText = String(option?.label ?? "")
|
||||||
|
// return labelText.toLowerCase().includes(input.toLowerCase())
|
||||||
|
// },
|
||||||
|
// }}
|
||||||
|
// />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest>
|
||||||
|
// name="name"
|
||||||
|
// label="改装名称"
|
||||||
|
// rules={[{ required: true, message: "请输入改装名称" }]}>
|
||||||
|
// <Input placeholder="请输入改装名称" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest>
|
||||||
|
// name="code"
|
||||||
|
// label="改枪码"
|
||||||
|
// rules={[{ required: true, message: "请输入改枪码" }]}>
|
||||||
|
// <Input placeholder="请输入改枪码" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> name="tags" label="标签">
|
||||||
|
// <Select mode="tags" tokenSeparators={[",", " "]} placeholder="可选：输入后回车" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> name="author" label="作者">
|
||||||
|
// <Input placeholder="可选：请输入作者" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> name="videoUrl" label="视频链接">
|
||||||
|
// <Input placeholder="可选：请输入视频链接" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item<ModificationRequest> name="note" label="备注">
|
||||||
|
// <Input.TextArea rows={3} placeholder="可选：补充说明" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.List name="accessories">
|
||||||
|
// {(accessoryFields, { add: addAccessory, remove: removeAccessory }) => (
|
||||||
|
// <div className="flex flex-col gap-4">
|
||||||
|
// {accessoryFields.map((accessoryField) => (
|
||||||
|
// <Card
|
||||||
|
// key={accessoryField.key}
|
||||||
|
// title={`配件 ${accessoryField.name + 1}`}
|
||||||
|
// size="small"
|
||||||
|
// extra={
|
||||||
|
// <Button
|
||||||
|
// danger
|
||||||
|
// type="link"
|
||||||
|
// size="small"
|
||||||
|
// onClick={() => removeAccessory(accessoryField.name)}>
|
||||||
|
// 删除配件
|
||||||
|
// </Button>
|
||||||
|
// }>
|
||||||
|
// <Form.Item
|
||||||
|
// name={[accessoryField.name, "slotName"]}
|
||||||
|
// label="槽位"
|
||||||
|
// rules={[{ required: true, message: "请选择或输入槽位" }]}>
|
||||||
|
// <AutoComplete options={slotOptions} placeholder="请选择或输入槽位" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.Item
|
||||||
|
// name={[accessoryField.name, "accessoryName"]}
|
||||||
|
// label="配件名称"
|
||||||
|
// rules={[{ required: true, message: "请输入配件名称" }]}>
|
||||||
|
// <Input placeholder="请输入配件名称" />
|
||||||
|
// </Form.Item>
|
||||||
|
|
||||||
|
// <Form.List name={[accessoryField.name, "tunings"]}>
|
||||||
|
// {(tuningFields, { add: addTuning, remove: removeTuning }) => (
|
||||||
|
// <div className="flex flex-col gap-3">
|
||||||
|
// {tuningFields.map((tuningField) => (
|
||||||
|
// <Space key={tuningField.key} align="start" className="w-full" wrap>
|
||||||
|
// <Form.Item
|
||||||
|
// name={[tuningField.name, "tuningName"]}
|
||||||
|
// label="精校属性"
|
||||||
|
// rules={[{ required: true, message: "请选择或输入精校属性" }]}>
|
||||||
|
// <AutoComplete
|
||||||
|
// options={tuningOptions}
|
||||||
|
// placeholder="例如：后坐控制"
|
||||||
|
// className="w-44"
|
||||||
|
// />
|
||||||
|
// </Form.Item>
|
||||||
|
// <Form.Item
|
||||||
|
// name={[tuningField.name, "tuningValue"]}
|
||||||
|
// label="精校值"
|
||||||
|
// rules={[{ required: true, message: "请输入精校值" }]}>
|
||||||
|
// <InputNumber className="w-32" placeholder="例如：0.35" />
|
||||||
|
// </Form.Item>
|
||||||
|
// <Button
|
||||||
|
// type="link"
|
||||||
|
// danger
|
||||||
|
// className="mt-8"
|
||||||
|
// onClick={() => removeTuning(tuningField.name)}>
|
||||||
|
// 删除
|
||||||
|
// </Button>
|
||||||
|
// </Space>
|
||||||
|
// ))}
|
||||||
|
// <Button
|
||||||
|
// type="dashed"
|
||||||
|
// disabled={tuningFields.length >= 2}
|
||||||
|
// onClick={() => addTuning({ tuningName: "", tuningValue: 0 })}>
|
||||||
|
// 添加精校
|
||||||
|
// </Button>
|
||||||
|
// </div>
|
||||||
|
// )}
|
||||||
|
// </Form.List>
|
||||||
|
// </Card>
|
||||||
|
// ))}
|
||||||
|
// <Button
|
||||||
|
// variant="solid"
|
||||||
|
// color="lime"
|
||||||
|
// onClick={() => addAccessory({ slotName: "", accessoryName: "", tunings: [] })}>
|
||||||
|
// 添加配件
|
||||||
|
// </Button>
|
||||||
|
// </div>
|
||||||
|
// )}
|
||||||
|
// </Form.List>
|
||||||
|
// </Form>
|
||||||
|
// )
|
||||||
|
// }
|
||||||
|
import { useEffect, useMemo, useState } from "react";
|
||||||
|
import { FirearmApi } from "@/api";
|
||||||
|
import slotNames from "@/constant/slots.json";
|
||||||
|
import tuningNames from "@/constant/tunings.json";
|
||||||
|
import { Firearm, ModificationRequest } from "@/types";
|
||||||
|
import { AutoComplete, Button, Card, Form, Input, InputNumber, Select, Space } from "antd";
|
||||||
|
|
||||||
interface ModificationFormProps {
|
interface ModificationFormProps {
|
||||||
form: ReturnType<typeof Form.useForm<ModificationRequest>>[0]
|
form: ReturnType<typeof Form.useForm<ModificationRequest>>[0];
|
||||||
onFinish: (values: ModificationRequest) => void
|
onFinish: (values: ModificationRequest) => void;
|
||||||
lockFirearmId?: number
|
lockFirearmId?: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
const slotOptions = slotNames.map((slotName) => ({ value: slotName }))
|
const slotOptions = slotNames.map((slotName) => ({ value: slotName }));
|
||||||
const tuningOptions = tuningNames.map((tuningName) => ({ value: tuningName }))
|
const tuningOptions = tuningNames.map((tuningName) => ({ value: tuningName }));
|
||||||
|
|
||||||
export default function ModificationForm({ form, onFinish, lockFirearmId }: ModificationFormProps) {
|
export default function ModificationForm({ form, onFinish, lockFirearmId }: ModificationFormProps) {
|
||||||
const [firearmOptions, setFirearmOptions] = useState<Array<{ value: number; label: string }>>([])
|
const [firearmOptions, setFirearmOptions] = useState<Array<{ value: number; label: string }>>([]);
|
||||||
const [firearmLoading, setFirearmLoading] = useState(false)
|
const [firearmLoading, setFirearmLoading] = useState(false);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
let active = true
|
let active = true;
|
||||||
|
|
||||||
async function loadAllFirearms() {
|
async function loadAllFirearms() {
|
||||||
setFirearmLoading(true)
|
setFirearmLoading(true);
|
||||||
try {
|
try {
|
||||||
const allFirearms: Firearm[] = []
|
const allFirearms: Firearm[] = [];
|
||||||
let page = 0
|
let page = 0;
|
||||||
let totalPages = 1
|
let totalPages = 1;
|
||||||
|
|
||||||
while (page < totalPages) {
|
while (page < totalPages) {
|
||||||
const paged = await FirearmApi.getFirearms({
|
const paged = await FirearmApi.getFirearms({
|
||||||
@@ -34,68 +537,73 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
|||||||
size: 100,
|
size: 100,
|
||||||
sortBy: "id",
|
sortBy: "id",
|
||||||
direction: "ASC",
|
direction: "ASC",
|
||||||
})
|
});
|
||||||
|
|
||||||
allFirearms.push(...paged.items)
|
allFirearms.push(...paged.items);
|
||||||
totalPages = paged.totalPages
|
totalPages = paged.totalPages;
|
||||||
page += 1
|
page += 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!active) {
|
if (!active) return;
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
setFirearmOptions(
|
setFirearmOptions(
|
||||||
allFirearms.map((firearm) => ({
|
allFirearms.map((firearm) => ({
|
||||||
value: firearm.id,
|
value: firearm.id,
|
||||||
label: `${firearm.name}`,
|
label: `${firearm.name}`,
|
||||||
}))
|
}))
|
||||||
)
|
);
|
||||||
} finally {
|
} finally {
|
||||||
if (active) {
|
if (active) {
|
||||||
setFirearmLoading(false)
|
setFirearmLoading(false);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
void loadAllFirearms()
|
void loadAllFirearms();
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
active = false
|
active = false;
|
||||||
}
|
};
|
||||||
}, [])
|
}, []);
|
||||||
|
|
||||||
const mergedFirearmOptions = useMemo(() => {
|
const mergedFirearmOptions = useMemo(() => {
|
||||||
if (
|
if (
|
||||||
lockFirearmId === undefined ||
|
lockFirearmId === undefined ||
|
||||||
firearmOptions.some((option) => option.value === lockFirearmId)
|
firearmOptions.some((option) => option.value === lockFirearmId)
|
||||||
) {
|
) {
|
||||||
return firearmOptions
|
return firearmOptions;
|
||||||
}
|
}
|
||||||
|
|
||||||
return [{ value: lockFirearmId, label: `武器 ID: ${lockFirearmId}` }, ...firearmOptions]
|
return [{ value: lockFirearmId, label: `武器 ID: ${lockFirearmId}` }, ...firearmOptions];
|
||||||
}, [firearmOptions, lockFirearmId])
|
}, [firearmOptions, lockFirearmId]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Form<ModificationRequest>
|
<Form<ModificationRequest>
|
||||||
form={form}
|
form={form}
|
||||||
layout="vertical"
|
layout="vertical"
|
||||||
onFinish={onFinish}
|
onFinish={onFinish}
|
||||||
requiredMark={false}>
|
requiredMark={false}
|
||||||
|
className="max-w-full mx-auto"
|
||||||
|
>
|
||||||
|
{/* 强制不换行，左右并排 */}
|
||||||
|
<div className="flex flex-nowrap gap-6">
|
||||||
|
{/* 左侧：主要字段，固定宽度，控件宽度收窄 */}
|
||||||
|
<div className="flex-none w-[580px] space-y-4">
|
||||||
<Form.Item<ModificationRequest>
|
<Form.Item<ModificationRequest>
|
||||||
name="firearmId"
|
name="firearmId"
|
||||||
label="武器"
|
label="武器"
|
||||||
rules={[{ required: true, message: "请输入武器" }]}>
|
rules={[{ required: true, message: "请输入武器" }]}
|
||||||
|
>
|
||||||
<Select<number>
|
<Select<number>
|
||||||
className="w-full"
|
className="w-[580px]"
|
||||||
placeholder="请选择武器"
|
placeholder="请选择武器"
|
||||||
options={mergedFirearmOptions}
|
options={mergedFirearmOptions}
|
||||||
loading={firearmLoading}
|
loading={firearmLoading}
|
||||||
disabled={lockFirearmId !== undefined}
|
disabled={lockFirearmId !== undefined}
|
||||||
showSearch={{
|
showSearch={{
|
||||||
filterOption: (input, option) => {
|
filterOption: (input, option) => {
|
||||||
const labelText = String(option?.label ?? "")
|
const labelText = String(option?.label ?? "");
|
||||||
return labelText.toLowerCase().includes(input.toLowerCase())
|
return labelText.toLowerCase().includes(input.toLowerCase());
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -104,33 +612,44 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
|||||||
<Form.Item<ModificationRequest>
|
<Form.Item<ModificationRequest>
|
||||||
name="name"
|
name="name"
|
||||||
label="改装名称"
|
label="改装名称"
|
||||||
rules={[{ required: true, message: "请输入改装名称" }]}>
|
rules={[{ required: true, message: "请输入改装名称" }]}
|
||||||
<Input placeholder="请输入改装名称" />
|
>
|
||||||
|
<Input className="w-[580px]" placeholder="请输入改装名称" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item<ModificationRequest>
|
<Form.Item<ModificationRequest>
|
||||||
name="code"
|
name="code"
|
||||||
label="改枪码"
|
label="改枪码"
|
||||||
rules={[{ required: true, message: "请输入改枪码" }]}>
|
rules={[{ required: true, message: "请输入改枪码" }]}
|
||||||
<Input placeholder="请输入改枪码" />
|
>
|
||||||
|
<Input className="w-[580px]" placeholder="请输入改枪码" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item<ModificationRequest> name="tags" label="标签">
|
<Form.Item<ModificationRequest> name="tags" label="标签">
|
||||||
<Select mode="tags" tokenSeparators={[",", " "]} placeholder="可选：输入后回车" />
|
<Select
|
||||||
|
mode="tags"
|
||||||
|
tokenSeparators={[",", " "]}
|
||||||
|
placeholder="可选：输入后回车"
|
||||||
|
className="w-[580px]"
|
||||||
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item<ModificationRequest> name="author" label="作者">
|
<Form.Item<ModificationRequest> name="author" label="作者">
|
||||||
<Input placeholder="可选：请输入作者" />
|
<Input className="w-[580px]" placeholder="可选：请输入作者" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item<ModificationRequest> name="videoUrl" label="视频链接">
|
<Form.Item<ModificationRequest> name="videoUrl" label="视频链接">
|
||||||
<Input placeholder="可选：请输入视频链接" />
|
<Input className="w-[580px]" placeholder="可选：请输入视频链接" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item<ModificationRequest> name="note" label="备注">
|
<Form.Item<ModificationRequest> name="note" label="备注">
|
||||||
<Input.TextArea rows={3} placeholder="可选：补充说明" />
|
<Input.TextArea className="w-[580px]" rows={3} placeholder="可选：补充说明" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* 右侧：配件列表，固定宽度，卡片缩小，高度限制滚动 */}
|
||||||
|
<div className="flex-none w-[420px]">
|
||||||
|
<div className="max-h-[600px] overflow-y-auto pr-2 hide-scrollbar">
|
||||||
<Form.List name="accessories">
|
<Form.List name="accessories">
|
||||||
{(accessoryFields, { add: addAccessory, remove: removeAccessory }) => (
|
{(accessoryFields, { add: addAccessory, remove: removeAccessory }) => (
|
||||||
<div className="flex flex-col gap-4">
|
<div className="flex flex-col gap-4">
|
||||||
@@ -139,55 +658,70 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
|||||||
key={accessoryField.key}
|
key={accessoryField.key}
|
||||||
title={`配件 ${accessoryField.name + 1}`}
|
title={`配件 ${accessoryField.name + 1}`}
|
||||||
size="small"
|
size="small"
|
||||||
|
style={{backgroundColor:'#1f1f1f'}}
|
||||||
extra={
|
extra={
|
||||||
<Button
|
<Button
|
||||||
danger
|
danger
|
||||||
type="link"
|
type="link"
|
||||||
size="small"
|
size="small"
|
||||||
onClick={() => removeAccessory(accessoryField.name)}>
|
onClick={() => removeAccessory(accessoryField.name)}
|
||||||
|
>
|
||||||
删除配件
|
删除配件
|
||||||
</Button>
|
</Button>
|
||||||
}>
|
}
|
||||||
|
className="w-full [&_.ant-card-body]:!p-3" // 卡片内边距由默认24px缩小到12px
|
||||||
|
>
|
||||||
|
{/* 用容器控制表单项间距，由默认大间距缩小为4px */}
|
||||||
|
<div className="space-y-1">
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={[accessoryField.name, "slotName"]}
|
name={[accessoryField.name, "slotName"]}
|
||||||
label="槽位"
|
label="槽位"
|
||||||
rules={[{ required: true, message: "请选择或输入槽位" }]}>
|
rules={[{ required: true, message: "请选择或输入槽位" }]}
|
||||||
|
className="!mb-1" // 表单项底部间距缩小
|
||||||
|
>
|
||||||
<AutoComplete options={slotOptions} placeholder="请选择或输入槽位" />
|
<AutoComplete options={slotOptions} placeholder="请选择或输入槽位" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={[accessoryField.name, "accessoryName"]}
|
name={[accessoryField.name, "accessoryName"]}
|
||||||
label="配件名称"
|
label="配件名称"
|
||||||
rules={[{ required: true, message: "请输入配件名称" }]}>
|
rules={[{ required: true, message: "请输入配件名称" }]}
|
||||||
|
className="!mb-1"
|
||||||
|
>
|
||||||
<Input placeholder="请输入配件名称" />
|
<Input placeholder="请输入配件名称" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.List name={[accessoryField.name, "tunings"]}>
|
<Form.List name={[accessoryField.name, "tunings"]}>
|
||||||
{(tuningFields, { add: addTuning, remove: removeTuning }) => (
|
{(tuningFields, { add: addTuning, remove: removeTuning }) => (
|
||||||
<div className="flex flex-col gap-3">
|
<div className="flex flex-col gap-2"> {/* 精校列表间距由3(12px)缩小为2(8px) */}
|
||||||
{tuningFields.map((tuningField) => (
|
{tuningFields.map((tuningField) => (
|
||||||
<Space key={tuningField.key} align="start" className="w-full" wrap>
|
<Space key={tuningField.key} align="start" className="w-full" size="small" wrap>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={[tuningField.name, "tuningName"]}
|
name={[tuningField.name, "tuningName"]}
|
||||||
label="精校属性"
|
label="精校属性"
|
||||||
rules={[{ required: true, message: "请选择或输入精校属性" }]}>
|
rules={[{ required: true, message: "请选择或输入精校属性" }]}
|
||||||
|
className="!mb-1"
|
||||||
|
>
|
||||||
<AutoComplete
|
<AutoComplete
|
||||||
options={tuningOptions}
|
options={tuningOptions}
|
||||||
placeholder="例如：后坐控制"
|
placeholder="例如：后坐控制"
|
||||||
className="w-44"
|
className="w-44" // 完全保留
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={[tuningField.name, "tuningValue"]}
|
name={[tuningField.name, "tuningValue"]}
|
||||||
label="精校值"
|
label="精校值"
|
||||||
rules={[{ required: true, message: "请输入精校值" }]}>
|
rules={[{ required: true, message: "请输入精校值" }]}
|
||||||
<InputNumber className="w-32" placeholder="例如：0.35" />
|
className="!mb-1"
|
||||||
|
>
|
||||||
|
<InputNumber className="w-32" placeholder="例如：0.35" /> {/* 完全保留 */}
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Button
|
<Button
|
||||||
type="link"
|
type="link"
|
||||||
danger
|
danger
|
||||||
className="mt-8"
|
className="mt-8" // 完全保留
|
||||||
onClick={() => removeTuning(tuningField.name)}>
|
onClick={() => removeTuning(tuningField.name)}
|
||||||
|
>
|
||||||
删除
|
删除
|
||||||
</Button>
|
</Button>
|
||||||
</Space>
|
</Space>
|
||||||
@@ -195,23 +729,31 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
|||||||
<Button
|
<Button
|
||||||
type="dashed"
|
type="dashed"
|
||||||
disabled={tuningFields.length >= 2}
|
disabled={tuningFields.length >= 2}
|
||||||
onClick={() => addTuning({ tuningName: "", tuningValue: 0 })}>
|
onClick={() => addTuning({ tuningName: "", tuningValue: 0 })}
|
||||||
|
>
|
||||||
添加精校
|
添加精校
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</Form.List>
|
</Form.List>
|
||||||
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
|
{/* 添加配件按钮，保持在左侧（默认左对齐） */}
|
||||||
<Button
|
<Button
|
||||||
variant="solid"
|
variant="solid"
|
||||||
color="lime"
|
color="lime"
|
||||||
onClick={() => addAccessory({ slotName: "", accessoryName: "", tunings: [] })}>
|
className="self-start"
|
||||||
|
onClick={() => addAccessory({ slotName: "", accessoryName: "", tunings: [] })}
|
||||||
|
>
|
||||||
添加配件
|
添加配件
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</Form.List>
|
</Form.List>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
@@ -1,6 +1,7 @@
|
|||||||
[
|
[
|
||||||
"枪口",
|
"枪口",
|
||||||
"枪管",
|
"枪管",
|
||||||
|
"导轨脚架",
|
||||||
"贴片",
|
"贴片",
|
||||||
"瞄准镜",
|
"瞄准镜",
|
||||||
"战术设备",
|
"战术设备",
|
||||||
@@ -9,11 +10,10 @@
|
|||||||
"枪托",
|
"枪托",
|
||||||
"托腮板",
|
"托腮板",
|
||||||
"枪托套件",
|
"枪托套件",
|
||||||
"导轨脚架",
|
|
||||||
"前握把",
|
"前握把",
|
||||||
|
"弹匣",
|
||||||
|
"弹匣座",
|
||||||
"后握把",
|
"后握把",
|
||||||
"后握贴片",
|
"后握贴片",
|
||||||
"握把座",
|
"握把座"
|
||||||
"弹匣",
|
|
||||||
"弹匣座"
|
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
import { useDispatch, useSelector } from "react-redux"
|
import { useDispatch, useSelector } from "react-redux"
|
||||||
import type { AppDispatch, RootState } from "./index"
|
import type { AppDispatch, RootState } from "@/store"
|
||||||
|
|
||||||
export const useAppDispatch = useDispatch.withTypes<AppDispatch>()
|
export const useAppDispatch = useDispatch.withTypes<AppDispatch>()
|
||||||
export const useAppSelector = useSelector.withTypes<RootState>()
|
export const useAppSelector = useSelector.withTypes<RootState>()
|
||||||
|
|
||||||
+159
-3
@@ -3,7 +3,8 @@
|
|||||||
@import 'tailwindcss';
|
@import 'tailwindcss';
|
||||||
@plugin "@tailwindcss/typography";
|
@plugin "@tailwindcss/typography";
|
||||||
|
|
||||||
html, body {
|
html,
|
||||||
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -39,6 +40,7 @@ html, body {
|
|||||||
.nav-item {
|
.nav-item {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-item::after {
|
.nav-item::after {
|
||||||
@@ -52,15 +54,169 @@ html, body {
|
|||||||
transition: height 0.2s ease-in-out;
|
transition: height 0.2s ease-in-out;
|
||||||
opacity: 0.35;
|
opacity: 0.35;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
z-index: -1;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-item:hover::after,
|
.nav-item:hover::after {
|
||||||
|
height: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 激活状态效果 */
|
||||||
.nav-item.active::after {
|
.nav-item.active::after {
|
||||||
height: 80%; /* Height of the upward glow; adjustable. */
|
height: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 可选：激活+悬停效果 */
|
||||||
|
.nav-item.active:hover::after {
|
||||||
|
opacity: 0.35;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-outlined {
|
||||||
|
--ant-color-solid: #10E28C;
|
||||||
|
/* 边框和文字颜色 */
|
||||||
|
--ant-color-solid-hover: #2ee59d;
|
||||||
|
--ant-color-solid-active: #0cb878;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.hex-bg {
|
||||||
|
background-color: #1E1E1E;
|
||||||
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.3' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='fadeDown' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2339ff14' stop-opacity='1' /%3E%3Cstop offset='100%25' stop-color='%2339ff14' stop-opacity='0' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23fadeDown)' stroke-width='0.5'%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546041,-0.85081805,0.85081805,0.52546041,-203.01888079,130.22116071)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-190.65208214,130.43446239)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-197.04868859,141.09544261)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-184.68192833,141.30866893)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-178.2853524,130.6476887)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-172.3151986,141.52187999)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-190.86530846,152.18286021)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-178.49857872,152.39608653)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-203.44526451,151.88976939)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-165.94457787,152.72932323)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-197.30770653,163.1089619)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-184.99694603,163.40205272)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-172.3930642,163.69517406)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-165.94457787,130.86648448)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-178.84158104,174.24726756)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-166.23769921,174.68691905)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-160.08231896,163.69518931)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-159.78921288,141.71168407)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-160.37542504,185.6786793)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-172.68620079,185.53211864)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-209.32536095,140.83235057)'/%3E%3Cpath d='M225 131.704L230.452 134.852 230.452 141.148 225 144.296 219.548 141.148 219.548 134.852Z' transform='matrix(0.52546006,-0.85081827,0.85081827,0.52546006,-215.48072594,129.98715098)'/%3E%3C/g%3E%3C/svg%3E");
|
||||||
|
background-size: 350px 350px;
|
||||||
|
background-position: right -90px top -40px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-item:hover,
|
.nav-item:hover,
|
||||||
.nav-item.active {
|
.nav-item.active {
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* LeftMiddleRightBox.css */
|
||||||
|
.lmr-container {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
/* 可根据需要调整 */
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
||||||
|
background: '#555555';
|
||||||
|
color: 'white';
|
||||||
|
padding: '4px 12px';
|
||||||
|
border-radius: '4px';
|
||||||
|
font-size: '14px';
|
||||||
|
font-weight: '500';
|
||||||
|
letter-spacing: '0.5px';
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.lmr-left,
|
||||||
|
.lmr-middle,
|
||||||
|
.lmr-right {
|
||||||
|
padding: 20px;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.lmr-left {
|
||||||
|
flex: 1;
|
||||||
|
background-color: '#555555';
|
||||||
|
color: 'white';
|
||||||
|
padding: '4px 12px';
|
||||||
|
border-radius: '4px';
|
||||||
|
font-size: '14px';
|
||||||
|
font-weight: '500';
|
||||||
|
letter-spacing: '0.5px';
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lmr-middle {
|
||||||
|
flex: 3;
|
||||||
|
background-color: '#555555';
|
||||||
|
color: 'white';
|
||||||
|
padding: '4px 12px';
|
||||||
|
border-radius: '4px';
|
||||||
|
font-size: '14px';
|
||||||
|
font-weight: '500';
|
||||||
|
letter-spacing: '0.5px';
|
||||||
|
}
|
||||||
|
|
||||||
|
.lmr-right {
|
||||||
|
flex: 2;
|
||||||
|
background-color: '#555555';
|
||||||
|
color: 'white';
|
||||||
|
padding: '4px 12px';
|
||||||
|
border-radius: '4px';
|
||||||
|
font-size: '14px';
|
||||||
|
font-weight: '500';
|
||||||
|
letter-spacing: '0.5px';
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-placeholder {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.lmr-container {
|
||||||
|
flex-direction: column;
|
||||||
|
min-height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lmr-left,
|
||||||
|
.lmr-middle,
|
||||||
|
.lmr-right {
|
||||||
|
border-right: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.lmr-right {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-placeholder {
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.css-var-_r_1_.ant-collapse{
|
||||||
|
--ant-collapse-header-bg:#1e1e1e;
|
||||||
|
width: 90%;
|
||||||
|
border: 0;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-collapse-body{
|
||||||
|
background: #1e1e1e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-modal-container{
|
||||||
|
width: 620px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide-scrollbar {
|
||||||
|
max-height: 500px; /* 限制高度，触发滚动 */
|
||||||
|
overflow-y: auto; /* 允许滚动 */
|
||||||
|
|
||||||
|
/* 隐藏滚动条（Firefox 和 IE） */
|
||||||
|
scrollbar-width: none; /* Firefox */
|
||||||
|
-ms-overflow-style: none; /* IE/Edge */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏滚动条（Chrome/Safari/Edge 新版） */
|
||||||
|
.hide-scrollbar::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
import { Outlet, Link, NavLink } from "react-router-dom"
|
import { Outlet, Link, NavLink, useNavigate } from "react-router-dom"
|
||||||
import { useMemo } from "react"
|
import { useEffect, useMemo } from "react"
|
||||||
import dayjs from "dayjs"
|
import dayjs from "dayjs"
|
||||||
import { Dropdown } from "antd"
|
import { Dropdown } from "antd"
|
||||||
import {
|
import {
|
||||||
@@ -9,20 +9,34 @@ import {
|
|||||||
LoginOutlined,
|
LoginOutlined,
|
||||||
} from "@ant-design/icons"
|
} from "@ant-design/icons"
|
||||||
import { AuthApi } from "@/api"
|
import { AuthApi } from "@/api"
|
||||||
import { useAppDispatch, useAppSelector } from "@/store/hooks"
|
import { useAppDispatch, useAppSelector } from "@/hooks/store"
|
||||||
import { clearCurrentUser } from "@/store/auth-slice"
|
import { clearCurrentUser } from "@/store/auth-slice"
|
||||||
import { useState } from "react"
|
import { useState } from "react"
|
||||||
|
import { clearAutoLogout, scheduleAutoLogout } from "@/utils/autoLogout";
|
||||||
|
import DisplayBoard from '@/components/DisplayBoard';
|
||||||
/**
|
/**
|
||||||
* Main application component that serves as the root layout.
|
* Main application component that serves as the root layout.
|
||||||
* Uses React Router's Outlet to render child routes.
|
* Uses React Router's Outlet to render child routes.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export default function HeroLayout() {
|
export default function HeroLayout() {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const today = useMemo(() => dayjs(), [])
|
const today = useMemo(() => dayjs(), [])
|
||||||
const user = useAppSelector((state) => state.auth.user)
|
const user = useAppSelector((state) => state.auth.user)
|
||||||
const dispatch = useAppDispatch()
|
const dispatch = useAppDispatch()
|
||||||
const [isDropdownOpen, setIsDropdownOpen] = useState(false)
|
const [isDropdownOpen, setIsDropdownOpen] = useState(false)
|
||||||
|
|
||||||
|
// 统一登出函数：清除定时器、清除 Redux、跳转登录页
|
||||||
|
const performLogout = () => {
|
||||||
|
clearAutoLogout();
|
||||||
|
dispatch(clearCurrentUser());
|
||||||
|
};
|
||||||
|
|
||||||
async function handleLogout() {
|
async function handleLogout() {
|
||||||
try {
|
try {
|
||||||
await AuthApi.logout()
|
await AuthApi.logout()
|
||||||
@@ -31,8 +45,24 @@ export default function HeroLayout() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (user?.expiration) {
|
||||||
|
const localDate = new Date(user.expiration.replace(' ', 'T'));
|
||||||
|
const targetTimestamp = localDate.getTime();
|
||||||
|
if (targetTimestamp > Date.now()) {
|
||||||
|
console.log("未到自动登出时间");
|
||||||
|
|
||||||
|
scheduleAutoLogout(targetTimestamp, performLogout);
|
||||||
|
} else {
|
||||||
|
// 已过期立即登出
|
||||||
|
performLogout();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
clearAutoLogout();
|
||||||
|
}
|
||||||
|
}, [user]);
|
||||||
return (
|
return (
|
||||||
<div className="bg-gray-50 ">
|
<div className="bg-[#1b252a] flex flex-col min-h-screen">
|
||||||
{/* Navigation Header */}
|
{/* Navigation Header */}
|
||||||
<header className="bg-[#0b0f14] shadow-sm border-b">
|
<header className="bg-[#0b0f14] shadow-sm border-b">
|
||||||
<div className="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-10 h-full">
|
<div className="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-10 h-full">
|
||||||
@@ -40,17 +70,19 @@ export default function HeroLayout() {
|
|||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<h1 className="text-xl font-semibold text-white">《三角洲》指南</h1>
|
<h1 className="text-xl font-semibold text-white">《三角洲》指南</h1>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<DisplayBoard />
|
||||||
|
</div>
|
||||||
<nav className="flex h-full">
|
<nav className="flex h-full">
|
||||||
<NavLink
|
<NavLink
|
||||||
to="/firearms"
|
to="/firearms"
|
||||||
className={({ isActive }) =>
|
className={({ isActive }) =>
|
||||||
`nav-item inline-flex items-center px-10 h-full text-base font-medium transition-all duration-200 ${
|
`nav-item inline-flex items-center px-10 h-full text-base font-medium transition-all duration-200 ${isActive ? "active" : ""
|
||||||
isActive ? "active" : ""
|
|
||||||
} text-gray-500 hover:text-white`
|
} text-gray-500 hover:text-white`
|
||||||
}>
|
}>
|
||||||
武器列表
|
武器列表
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<NavLink
|
{/* <NavLink
|
||||||
to="/mod-codes"
|
to="/mod-codes"
|
||||||
className={({ isActive }) =>
|
className={({ isActive }) =>
|
||||||
`nav-item inline-flex items-center px-10 h-full text-base font-medium transition-all duration-200 ${
|
`nav-item inline-flex items-center px-10 h-full text-base font-medium transition-all duration-200 ${
|
||||||
@@ -58,14 +90,15 @@ export default function HeroLayout() {
|
|||||||
} text-gray-500 hover:text-white`
|
} text-gray-500 hover:text-white`
|
||||||
}>
|
}>
|
||||||
改枪码
|
改枪码
|
||||||
</NavLink>
|
</NavLink> */}
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
{/* Main Content Area */}
|
{/* Main Content Area */}
|
||||||
<main className="max-w-screen-2xl mx-auto py-6 sm:px-6 lg:px-10">
|
<main className="flex-1 w-full max-w-screen-2xl mx-auto py-6 sm:px-6 lg:px-10">
|
||||||
<div className="px-4 py-6 sm:px-0">
|
<div className="px-4 py-6 sm:px-0">
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</div>
|
</div>
|
||||||
@@ -100,18 +133,18 @@ export default function HeroLayout() {
|
|||||||
{isDropdownOpen && (
|
{isDropdownOpen && (
|
||||||
<div className="absolute top-full left-2/3 -translate-x-1/2 w-18 bg-gray-950 border border-gray-700 rounded-lg shadow-xl py-1 z-20 opacity-60">
|
<div className="absolute top-full left-2/3 -translate-x-1/2 w-18 bg-gray-950 border border-gray-700 rounded-lg shadow-xl py-1 z-20 opacity-60">
|
||||||
<a
|
<a
|
||||||
href="https://github.com/zihluwang/frontend-repo"
|
href="https://github.com/zihluwang/delta-force-guide-web"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-800 hover:text-white transition-colors">
|
className="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-800 hover:text-white transition-colors">
|
||||||
前端
|
Web
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="https://github.com/zihluwang/backend-repo"
|
href="https://github.com/zihluwang/delta-force-guide-server"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-800 hover:text-white transition-colors">
|
className="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-800 hover:text-white transition-colors">
|
||||||
后端
|
Server
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -145,7 +178,7 @@ export default function HeroLayout() {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
}}>
|
}}>
|
||||||
<span className="nav-item inline-flex items-center px-10 h-full text-base font-medium text-gray-500 hover:text-white cursor-pointer">
|
<span className="inline-flex items-center px-10 h-full text-base font-medium text-gray-500 hover:text-white cursor-pointer">
|
||||||
{user.username}
|
{user.username}
|
||||||
</span>
|
</span>
|
||||||
</Dropdown>
|
</Dropdown>
|
||||||
@@ -161,7 +194,7 @@ export default function HeroLayout() {
|
|||||||
|
|
||||||
<div className="border-t border-gray-800 my-6" />
|
<div className="border-t border-gray-800 my-6" />
|
||||||
<div className="text-center text-xs text-gray-500">
|
<div className="text-center text-xs text-gray-500">
|
||||||
<p>© 2024-{today.year()} Zihlu Wang 和 OnixByte。使用 React 与 TypeScript 构建。</p>
|
<p>© 2024-{today.year()} OnixByte。湘ICP备2026000274号-1</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
+317
-34
@@ -1,11 +1,14 @@
|
|||||||
import { useCallback, useEffect, useState } from "react"
|
import { useCallback, useEffect, useState, useMemo } from "react"
|
||||||
import { Link } from "react-router-dom"
|
|
||||||
import { FirearmApi } from "@/api"
|
import { FirearmApi } from "@/api"
|
||||||
import FirearmCreateModal from "@/components/firearm-create-modal"
|
import FirearmCreateModal from "@/components/firearm-create-modal"
|
||||||
import FirearmEditModal from "@/components/firearm-edit-modal"
|
import FirearmEditModal from "@/components/firearm-edit-modal"
|
||||||
import { useAppSelector } from "@/store/hooks"
|
import ModCodes from "@/components/mod-codes"
|
||||||
|
import { useAppSelector } from "@/hooks/store"
|
||||||
import { Firearm, FirearmType } from "@/types"
|
import { Firearm, FirearmType } from "@/types"
|
||||||
import { Button, Card, Col, Pagination, Popconfirm, Row, Select, Tag, Typography, App } from "antd"
|
import { Button, Card, Col, Pagination, Popconfirm, Row, Select, Spin, Typography, App, Input, AutoComplete } from "antd"
|
||||||
|
import { ConfigProvider, theme } from 'antd';
|
||||||
|
import type { AutoCompleteProps } from 'antd';
|
||||||
|
import { Collapse } from 'antd';
|
||||||
|
|
||||||
const firearmTypeText: Record<FirearmType, string> = {
|
const firearmTypeText: Record<FirearmType, string> = {
|
||||||
RIFLE: "步枪",
|
RIFLE: "步枪",
|
||||||
@@ -18,6 +21,10 @@ const firearmTypeText: Record<FirearmType, string> = {
|
|||||||
SPECIAL: "特殊",
|
SPECIAL: "特殊",
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const darkTheme = {
|
||||||
|
algorithm: theme.darkAlgorithm,
|
||||||
|
};
|
||||||
|
|
||||||
const allTypeValue = "ALL"
|
const allTypeValue = "ALL"
|
||||||
type FirearmTypeFilter = FirearmType | typeof allTypeValue
|
type FirearmTypeFilter = FirearmType | typeof allTypeValue
|
||||||
|
|
||||||
@@ -35,22 +42,72 @@ export default function FirearmsPage() {
|
|||||||
const [createModalOpen, setCreateModalOpen] = useState(false)
|
const [createModalOpen, setCreateModalOpen] = useState(false)
|
||||||
const [editingFirearm, setEditingFirearm] = useState<Firearm | null>(null)
|
const [editingFirearm, setEditingFirearm] = useState<Firearm | null>(null)
|
||||||
const [deletingId, setDeletingId] = useState<number | null>(null)
|
const [deletingId, setDeletingId] = useState<number | null>(null)
|
||||||
|
const [allOptions, setAllOptions] = useState<AutoCompleteProps['options']>([]);
|
||||||
|
const [filteredOptions, setFilteredOptions] = useState<AutoCompleteProps['options']>([]);
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
|
||||||
const loadFirearms = useCallback(async () => {
|
const loadFirearms = useCallback(async () => {
|
||||||
|
setLoading(true);
|
||||||
|
const start = Date.now();
|
||||||
|
|
||||||
|
try {
|
||||||
const pagedData = await FirearmApi.getFirearms({
|
const pagedData = await FirearmApi.getFirearms({
|
||||||
page: page - 1,
|
page: page - 1,
|
||||||
size: 12,
|
size: 8,
|
||||||
sortBy: "id",
|
sortBy: "id",
|
||||||
direction: "ASC",
|
direction: "ASC",
|
||||||
type: typeFilter === allTypeValue ? undefined : typeFilter,
|
type: typeFilter === allTypeValue ? undefined : typeFilter,
|
||||||
})
|
});
|
||||||
setFirearms(pagedData.items)
|
setFirearms(pagedData.items);
|
||||||
setTotal(pagedData.totalElements)
|
setTotal(pagedData.totalElements);
|
||||||
}, [page, typeFilter])
|
} catch (error) {
|
||||||
|
// 可在此处理错误，比如 message.error
|
||||||
|
} finally {
|
||||||
|
const elapsed = Date.now() - start;
|
||||||
|
if (elapsed < 500) {
|
||||||
|
await new Promise(resolve => setTimeout(resolve, 500 - elapsed));
|
||||||
|
}
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
}, [page, typeFilter]);
|
||||||
|
|
||||||
|
const GetFirearmName = useCallback(async () => {
|
||||||
|
const Firearms = await FirearmApi.getFirearms({
|
||||||
|
page: 0, // 从第一页开始
|
||||||
|
size: 100, // 足够大的值，或者根据实际总数调整
|
||||||
|
sortBy: "id",
|
||||||
|
direction: "ASC",
|
||||||
|
type: undefined, // 不按类型过滤，获取全部
|
||||||
|
});
|
||||||
|
const formatted = Firearms.items.map(item => ({
|
||||||
|
label: item.name,
|
||||||
|
value: item.name, // 用名称作为 value
|
||||||
|
data: item,
|
||||||
|
}));
|
||||||
|
setAllOptions(formatted);
|
||||||
|
setFilteredOptions(formatted);
|
||||||
|
}, []);
|
||||||
|
const handleSearch = (searchText: string) => {
|
||||||
|
if (!searchText) {
|
||||||
|
setFilteredOptions(allOptions);
|
||||||
|
void loadFirearms()
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const lower = searchText.toLowerCase();
|
||||||
|
const filtered = allOptions?.filter(opt =>
|
||||||
|
opt?.label?.toString().toLowerCase().includes(lower)
|
||||||
|
);
|
||||||
|
setFilteredOptions(filtered);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
void loadFirearms()
|
void loadFirearms()
|
||||||
}, [loadFirearms])
|
void GetFirearmName()
|
||||||
|
}, [loadFirearms, GetFirearmName])
|
||||||
|
useEffect(() => {
|
||||||
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||||
|
}, [page]);
|
||||||
|
|
||||||
async function handleDelete(firearm: Firearm) {
|
async function handleDelete(firearm: Firearm) {
|
||||||
setDeletingId(firearm.id)
|
setDeletingId(firearm.id)
|
||||||
@@ -68,9 +125,9 @@ export default function FirearmsPage() {
|
|||||||
setDeletingId(null)
|
setDeletingId(null)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
<ConfigProvider theme={darkTheme}>
|
||||||
<div className="mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
<div className="mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||||
<div>
|
<div>
|
||||||
{user && (
|
{user && (
|
||||||
@@ -79,6 +136,7 @@ export default function FirearmsPage() {
|
|||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
<div className="flex flex-col sm:flex-row gap-3 sm:items-center">
|
||||||
<Select<FirearmTypeFilter>
|
<Select<FirearmTypeFilter>
|
||||||
className="w-full sm:w-64"
|
className="w-full sm:w-64"
|
||||||
value={typeFilter}
|
value={typeFilter}
|
||||||
@@ -94,14 +152,70 @@ export default function FirearmsPage() {
|
|||||||
setTypeFilter(nextType)
|
setTypeFilter(nextType)
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
<AutoComplete
|
||||||
|
style={{ width: 240 }}
|
||||||
|
options={filteredOptions} // 使用过滤后的选项
|
||||||
|
placeholder="搜索武器名称"
|
||||||
|
showSearch={{ onSearch: handleSearch }} // 输入时触发过滤
|
||||||
|
onSelect={async (value, option) => {
|
||||||
|
const selected = option.data as Firearm;
|
||||||
|
console.log('选中 ID:', selected.id);
|
||||||
|
console.log('选中名称:', selected.name);
|
||||||
|
const pagedData = await FirearmApi.getFirearm(selected.id)
|
||||||
|
const newArray = [];
|
||||||
|
newArray.push(pagedData)
|
||||||
|
setFirearms(newArray)
|
||||||
|
setTotal(1)
|
||||||
|
}}
|
||||||
|
allowClear
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="mb-6">
|
<div className="mb-6">
|
||||||
|
{loading ? (<div className="flex justify-center items-center h-64">
|
||||||
|
<Spin size="large" tip="加载中..." />
|
||||||
|
</div>) : (
|
||||||
<Row gutter={[16, 16]}>
|
<Row gutter={[16, 16]}>
|
||||||
{firearms.map((firearm) => (
|
{firearms.map((firearm) => (
|
||||||
<Col key={firearm.id} xs={24} md={12} lg={8}>
|
<Col key={firearm.id} xs={24} md={24} lg={24}>
|
||||||
|
|
||||||
<Card
|
<Card
|
||||||
title={firearm.name}
|
className="hex-bg border-5px-#142c38"
|
||||||
|
title={
|
||||||
|
<div style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '12px',
|
||||||
|
width: '100%'
|
||||||
|
}}>
|
||||||
|
<span style={{
|
||||||
|
display: 'inline-block',
|
||||||
|
color: '#10E28C',
|
||||||
|
padding: '4px 12px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '500',
|
||||||
|
letterSpacing: '0.5px'
|
||||||
|
}}>
|
||||||
|
{firearm.name}
|
||||||
|
</span>
|
||||||
|
<span className="flex items-center justify-between"
|
||||||
|
style={{
|
||||||
|
display: 'inline-block',
|
||||||
|
backgroundColor: '#2d4f5796',
|
||||||
|
color: 'white',
|
||||||
|
padding: '4px 12px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
fontSize: '14px',
|
||||||
|
fontWeight: '500',
|
||||||
|
letterSpacing: '0.5px'
|
||||||
|
}}>
|
||||||
|
{firearmTypeText[firearm.type]}
|
||||||
|
|
||||||
|
</span></div>
|
||||||
|
}
|
||||||
extra={
|
extra={
|
||||||
|
|
||||||
user ? (
|
user ? (
|
||||||
<div className="flex items-center gap-1">
|
<div className="flex items-center gap-1">
|
||||||
<Button type="link" size="small" onClick={() => setEditingFirearm(firearm)}>
|
<Button type="link" size="small" onClick={() => setEditingFirearm(firearm)}>
|
||||||
@@ -122,34 +236,198 @@ export default function FirearmsPage() {
|
|||||||
) : null
|
) : null
|
||||||
}
|
}
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
|
style={{
|
||||||
|
height: '100%', display: 'flex', flexDirection: 'column'
|
||||||
|
}}
|
||||||
styles={{
|
styles={{
|
||||||
header: { minHeight: 56 },
|
root: {
|
||||||
|
border: '1px solid #313131'
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
borderBottom: '1px solid #303030',
|
||||||
|
},
|
||||||
|
body: {
|
||||||
|
flex: 1,
|
||||||
|
overflow: 'auto',
|
||||||
|
padding: '12px',
|
||||||
|
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
flexShrink: 0,
|
||||||
|
background: '#1e1e1e',
|
||||||
|
display: 'flex'
|
||||||
|
}
|
||||||
}}
|
}}
|
||||||
actions={[
|
actions={[
|
||||||
<Link key={`mod-codes-${firearm.id}`} to={`/mod-codes?firearmId=${firearm.id}`}>
|
<div>
|
||||||
<Button type="link">查看改枪码</Button>
|
<Collapse
|
||||||
</Link>,
|
|
||||||
|
expandIcon={() => null}
|
||||||
|
styles={
|
||||||
|
{
|
||||||
|
root: {
|
||||||
|
background: '#1e1e1e',
|
||||||
|
width: '100%'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
items={[{
|
||||||
|
key: '1',
|
||||||
|
label: (
|
||||||
|
<Button
|
||||||
|
variant="outlined"
|
||||||
|
styles={{
|
||||||
|
root: {
|
||||||
|
color: '#10E28C',
|
||||||
|
border: '1px solid #10E28C',
|
||||||
|
background: '#16343b96',
|
||||||
|
width: '20%',
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看改枪码
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
children: <ModCodes firearmId={String(firearm.id)} />
|
||||||
|
}]}
|
||||||
|
/>
|
||||||
|
</div>,
|
||||||
]}>
|
]}>
|
||||||
<div className="flex flex-col gap-3">
|
<div className="flex flex-col gap-3">
|
||||||
<div className="flex items-center justify-between">
|
<div className="lmr-container">
|
||||||
<Tag color="blue">{firearmTypeText[firearm.type]}</Tag>
|
<div className="lmr-left">
|
||||||
</div>
|
</div>
|
||||||
<Typography.Text>
|
<div className="lmr-middle">
|
||||||
<strong>武器输出等级：</strong>
|
<div style={{
|
||||||
|
color: 'white',
|
||||||
|
padding: '4px 12px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
fontSize: '14px',
|
||||||
|
fontWeight: '500',
|
||||||
|
letterSpacing: '0.5px'
|
||||||
|
}}>
|
||||||
|
<div style={{
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))', // 最小宽度160px
|
||||||
|
gap: '12px',
|
||||||
|
}}>
|
||||||
|
{/* 武器输出等级 */}
|
||||||
|
<div style={{
|
||||||
|
border: '2px solid #10E28C',
|
||||||
|
backgroundColor: '#16343b96',
|
||||||
|
padding: '12px 16px',
|
||||||
|
borderRadius: '8px',
|
||||||
|
textAlign: 'center'
|
||||||
|
}}>
|
||||||
|
<div style={{
|
||||||
|
padding: '4px 0px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
color: '#10E28C',
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: 500,
|
||||||
|
marginBottom: '6px',
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
|
textAlign: 'center'
|
||||||
|
}}>
|
||||||
|
武器输出等级
|
||||||
|
</div>
|
||||||
|
<div style={{
|
||||||
|
fontSize: '16px',
|
||||||
|
fontWeight: 600,
|
||||||
|
color: '#ffffff'
|
||||||
|
}}>
|
||||||
{firearm.level}
|
{firearm.level}
|
||||||
</Typography.Text>
|
</div>
|
||||||
<Typography.Text>
|
</div>
|
||||||
<strong>子弹口径：</strong>
|
|
||||||
|
{/* 子弹口径 */}
|
||||||
|
<div style={{
|
||||||
|
border: '2px solid #10E28C',
|
||||||
|
backgroundColor: '#16343b96',
|
||||||
|
padding: '12px 16px',
|
||||||
|
borderRadius: '8px',
|
||||||
|
textAlign: 'center'
|
||||||
|
}}>
|
||||||
|
<div style={{
|
||||||
|
padding: '4px 12px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
color: '#10E28C',
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: 500,
|
||||||
|
marginBottom: '6px',
|
||||||
|
whiteSpace: 'nowrap'
|
||||||
|
}}>
|
||||||
|
子弹口径
|
||||||
|
</div>
|
||||||
|
<div style={{
|
||||||
|
fontSize: '16px',
|
||||||
|
fontWeight: 600,
|
||||||
|
color: '#ffffff'
|
||||||
|
}}>
|
||||||
{firearm.calibre}
|
{firearm.calibre}
|
||||||
</Typography.Text>
|
</div>
|
||||||
<Typography.Text>
|
</div>
|
||||||
<strong>每秒甲伤：</strong>
|
|
||||||
|
{/* 每秒甲伤 */}
|
||||||
|
<div style={{
|
||||||
|
border: '2px solid #10E28C',
|
||||||
|
backgroundColor: '#16343b96',
|
||||||
|
padding: '12px 16px',
|
||||||
|
borderRadius: '8px',
|
||||||
|
textAlign: 'center'
|
||||||
|
}}>
|
||||||
|
<div style={{
|
||||||
|
padding: '4px 12px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
color: '#10E28C',
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: 500,
|
||||||
|
marginBottom: '6px',
|
||||||
|
whiteSpace: 'nowrap'
|
||||||
|
}}>
|
||||||
|
每秒甲伤
|
||||||
|
</div>
|
||||||
|
<div style={{
|
||||||
|
fontSize: '16px',
|
||||||
|
fontWeight: 600,
|
||||||
|
color: '#ffffff'
|
||||||
|
}}>
|
||||||
{asDps(firearm.fireRate, firearm.armourDamage)}
|
{asDps(firearm.fireRate, firearm.armourDamage)}
|
||||||
</Typography.Text>
|
</div>
|
||||||
<Typography.Text>
|
</div>
|
||||||
<strong>每秒肉伤：</strong>
|
|
||||||
|
{/* 每秒肉伤 */}
|
||||||
|
<div style={{
|
||||||
|
border: '2px solid #10E28C',
|
||||||
|
backgroundColor: '#16343b96',
|
||||||
|
padding: '12px 16px',
|
||||||
|
borderRadius: '8px',
|
||||||
|
textAlign: 'center'
|
||||||
|
}}>
|
||||||
|
<div style={{
|
||||||
|
padding: '4px 12px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
color: '#10E28C',
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: 500,
|
||||||
|
marginBottom: '6px',
|
||||||
|
whiteSpace: 'nowrap'
|
||||||
|
}}>
|
||||||
|
每秒肉伤
|
||||||
|
</div>
|
||||||
|
<div style={{
|
||||||
|
fontSize: '16px',
|
||||||
|
fontWeight: 600,
|
||||||
|
color: '#ffffff'
|
||||||
|
}}>
|
||||||
{asDps(firearm.fireRate, firearm.bodyDamage)}
|
{asDps(firearm.fireRate, firearm.bodyDamage)}
|
||||||
</Typography.Text>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="lmr-right">
|
||||||
<Typography.Paragraph
|
<Typography.Paragraph
|
||||||
style={{ marginBottom: 0 }}
|
style={{ marginBottom: 0 }}
|
||||||
type="secondary"
|
type="secondary"
|
||||||
@@ -166,6 +444,9 @@ export default function FirearmsPage() {
|
|||||||
{firearm.review || "暂无描述"}
|
{firearm.review || "暂无描述"}
|
||||||
</Typography.Paragraph>
|
</Typography.Paragraph>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
))}
|
))}
|
||||||
@@ -176,13 +457,13 @@ export default function FirearmsPage() {
|
|||||||
</Card>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
)}
|
)}
|
||||||
</Row>
|
</Row>)}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex justify-end">
|
<div className="flex justify-end">
|
||||||
<Pagination
|
<Pagination
|
||||||
align="end"
|
align="end"
|
||||||
current={page}
|
current={page}
|
||||||
pageSize={12}
|
pageSize={8}
|
||||||
total={total}
|
total={total}
|
||||||
onChange={(nextPage) => {
|
onChange={(nextPage) => {
|
||||||
setPage(nextPage)
|
setPage(nextPage)
|
||||||
@@ -190,7 +471,6 @@ export default function FirearmsPage() {
|
|||||||
showSizeChanger={false}
|
showSizeChanger={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<FirearmCreateModal
|
<FirearmCreateModal
|
||||||
open={createModalOpen}
|
open={createModalOpen}
|
||||||
onCancel={() => setCreateModalOpen(false)}
|
onCancel={() => setCreateModalOpen(false)}
|
||||||
@@ -208,7 +488,10 @@ export default function FirearmsPage() {
|
|||||||
setEditingFirearm(null)
|
setEditingFirearm(null)
|
||||||
void loadFirearms()
|
void loadFirearms()
|
||||||
}}
|
}}
|
||||||
|
|
||||||
/>
|
/>
|
||||||
|
</ConfigProvider>
|
||||||
</>
|
</>
|
||||||
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,9 +2,10 @@ import { useState } from "react"
|
|||||||
import { useNavigate } from "react-router-dom"
|
import { useNavigate } from "react-router-dom"
|
||||||
import { App, Button, Card, Form, Input, Typography } from "antd"
|
import { App, Button, Card, Form, Input, Typography } from "antd"
|
||||||
import { AuthApi } from "@/api"
|
import { AuthApi } from "@/api"
|
||||||
import { useAppDispatch } from "@/store/hooks"
|
import { useAppDispatch } from "@/hooks/store"
|
||||||
import { setCurrentUser } from "@/store/auth-slice"
|
import { setCurrentUser } from "@/store/auth-slice"
|
||||||
import { LoginRequest } from "@/types"
|
import { LoginRequest } from "@/types"
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
|
||||||
export default function LoginPage() {
|
export default function LoginPage() {
|
||||||
const navigate = useNavigate()
|
const navigate = useNavigate()
|
||||||
@@ -16,7 +17,9 @@ export default function LoginPage() {
|
|||||||
setLoading(true)
|
setLoading(true)
|
||||||
try {
|
try {
|
||||||
const user = await AuthApi.login(values)
|
const user = await AuthApi.login(values)
|
||||||
dispatch(setCurrentUser(user))
|
const expireTimestamp = dayjs(user.expiration).valueOf();
|
||||||
|
const authUser = { ...user, expireAt: expireTimestamp };
|
||||||
|
dispatch(setCurrentUser(authUser))
|
||||||
message.success(`欢迎回来，${user.username}`)
|
message.success(`欢迎回来，${user.username}`)
|
||||||
navigate("/firearms")
|
navigate("/firearms")
|
||||||
} catch {
|
} catch {
|
||||||
@@ -29,11 +32,11 @@ export default function LoginPage() {
|
|||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-gray-100 px-4 py-10 sm:py-16">
|
<div className="min-h-screen bg-gray-100 px-4 py-10 sm:py-16">
|
||||||
<div className="mx-auto max-w-md">
|
<div className="mx-auto max-w-md">
|
||||||
<Card bordered={false} className="shadow-sm">
|
<Card variant="borderless" className="shadow-sm">
|
||||||
<Typography.Title level={3} className="!mb-2 text-center">
|
<Typography.Title level={3} className="mb-2! text-center">
|
||||||
登录
|
登录
|
||||||
</Typography.Title>
|
</Typography.Title>
|
||||||
<Typography.Paragraph className="!mb-6 text-center !text-gray-500">
|
<Typography.Paragraph className="mb-6! text-center text-gray-500!">
|
||||||
使用你的帐号登录后即可继续操作
|
使用你的帐号登录后即可继续操作
|
||||||
</Typography.Paragraph>
|
</Typography.Paragraph>
|
||||||
|
|
||||||
@@ -54,7 +57,7 @@ export default function LoginPage() {
|
|||||||
<Input.Password autoComplete="current-password" placeholder="请输入密码" />
|
<Input.Password autoComplete="current-password" placeholder="请输入密码" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item className="!mb-0">
|
<Form.Item className="mb-0!">
|
||||||
<Button type="primary" htmlType="submit" loading={loading} block>
|
<Button type="primary" htmlType="submit" loading={loading} block>
|
||||||
登录
|
登录
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ import { Link, useSearchParams } from "react-router-dom"
|
|||||||
import { ModificationApi, TagApi } from "@/api"
|
import { ModificationApi, TagApi } from "@/api"
|
||||||
import ModificationCreateModal from "@/components/modification-create-modal"
|
import ModificationCreateModal from "@/components/modification-create-modal"
|
||||||
import ModificationEditModal from "@/components/modification-edit-modal"
|
import ModificationEditModal from "@/components/modification-edit-modal"
|
||||||
import { useAppSelector } from "@/store/hooks"
|
import { useAppSelector } from "@/hooks/store"
|
||||||
import { Modification } from "@/types"
|
import { Modification } from "@/types"
|
||||||
|
|
||||||
const pageSize = 10
|
const pageSize = 10
|
||||||
|
|||||||
@@ -1,6 +1,11 @@
|
|||||||
import { createSlice, PayloadAction } from "@reduxjs/toolkit"
|
import { createSlice, PayloadAction } from "@reduxjs/toolkit"
|
||||||
import { User } from "@/types"
|
import { User } from "@/types"
|
||||||
|
|
||||||
|
export interface AuthUser extends User {
|
||||||
|
expireAt: number; // 转换 expiration 得到的时间戳
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
interface AuthState {
|
interface AuthState {
|
||||||
user: User | null
|
user: User | null
|
||||||
}
|
}
|
||||||
@@ -15,9 +20,11 @@ const authSlice = createSlice({
|
|||||||
reducers: {
|
reducers: {
|
||||||
setCurrentUser(state, action: PayloadAction<User>) {
|
setCurrentUser(state, action: PayloadAction<User>) {
|
||||||
state.user = action.payload
|
state.user = action.payload
|
||||||
|
localStorage.setItem('auth_user', JSON.stringify(action.payload));
|
||||||
},
|
},
|
||||||
clearCurrentUser(state) {
|
clearCurrentUser(state) {
|
||||||
state.user = null
|
state.user = null
|
||||||
|
localStorage.removeItem('auth_user');
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -0,0 +1,25 @@
|
|||||||
|
export interface PasswordItem {
|
||||||
|
mapName: string; // 地图名称，如 "零号大坝"
|
||||||
|
password: string; // 四位数字密码，如 "6460"
|
||||||
|
}
|
||||||
|
|
||||||
|
// data 字段的类型
|
||||||
|
export interface DailyPasswordData {
|
||||||
|
updateDate: string; // 如 "06月14日每日密码已更新"
|
||||||
|
totalCount: number; // 总数，这里固定为 5
|
||||||
|
passwords: PasswordItem[]; // 密码数组
|
||||||
|
source: string; // 如 "三角洲行动每日密码"
|
||||||
|
lastUpdated: string; // 最后更新时间字符串，如 "2026-06-14 16:54:46"
|
||||||
|
timestamp: number; // Unix 时间戳（秒），如 1781427286
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根返回值的类型
|
||||||
|
export interface DailyPasswordResponse {
|
||||||
|
status: 'success' | 'error'; // 可根据实际调整字面量，或直接用 string
|
||||||
|
message: string; // 如 "每日密码获取成功"
|
||||||
|
data: DailyPasswordData;
|
||||||
|
metadata: {
|
||||||
|
version: string; // 如 "1.0"
|
||||||
|
author: string; // 如 "tmini.net"
|
||||||
|
};
|
||||||
|
}
|
||||||
+1
-1
@@ -7,5 +7,5 @@ export interface User {
|
|||||||
id: number
|
id: number
|
||||||
username: string
|
username: string
|
||||||
email: string
|
email: string
|
||||||
|
expiration: string
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
export type Direction = "ASC" | "DESC"
|
export type Direction = "ASC" | "DESC"
|
||||||
|
|
||||||
export interface Page<T> {
|
export interface Page<T> {
|
||||||
|
map(arg0: (item: any) => { label: any; value: any; data: any }): unknown
|
||||||
items: T[]
|
items: T[]
|
||||||
page: number
|
page: number
|
||||||
size: number
|
size: number
|
||||||
|
|||||||
@@ -0,0 +1,20 @@
|
|||||||
|
let logoutTimer: ReturnType<typeof setTimeout> | null = null;
|
||||||
|
|
||||||
|
export const scheduleAutoLogout = (expireTimestamp: number, onLogout: () => void) => {
|
||||||
|
if (logoutTimer) clearTimeout(logoutTimer);
|
||||||
|
const delay = expireTimestamp - Date.now();
|
||||||
|
if (delay <= 0) {
|
||||||
|
onLogout();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
logoutTimer = setTimeout(() => {
|
||||||
|
onLogout();
|
||||||
|
}, delay);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const clearAutoLogout = () => {
|
||||||
|
if (logoutTimer) {
|
||||||
|
clearTimeout(logoutTimer);
|
||||||
|
logoutTimer = null;
|
||||||
|
}
|
||||||
|
};
|
||||||
@@ -44,6 +44,15 @@ export default defineConfig({
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
server: {
|
||||||
|
proxy: {
|
||||||
|
"/api": {
|
||||||
|
target: "http://dfguide.onixbyte.cn/dev-api",
|
||||||
|
changeOrigin: true,
|
||||||
|
rewrite: (path) => path.replace(/^\/api/, ""),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
resolve: {
|
resolve: {
|
||||||
alias: {
|
alias: {
|
||||||
"@": fileURLToPath(new URL("./src", import.meta.url)),
|
"@": fileURLToPath(new URL("./src", import.meta.url)),
|
||||||
|
|||||||
Reference in New Issue
Block a user