Compare commits
19 Commits
b5afa8e9f3
...
develop
| 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 | ||
|
fanxingyao
|
6c7f12ddb6 | ||
|
fanxingyao
|
05d61ee62c | ||
|
fanxingyao
|
0681ca8b34 | ||
|
zihluwang
|
5b0f037567
|
@@ -1,95 +0,0 @@
|
||||
name: Build and Deploy
|
||||
|
||||
on:
|
||||
release:
|
||||
types: [created]
|
||||
|
||||
jobs:
|
||||
build:
|
||||
name: Build release archive
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Checkout code
|
||||
uses: actions/checkout@v4
|
||||
|
||||
- name: Setup Node
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: 20
|
||||
cache: pnpm
|
||||
|
||||
- name: Setup pnpm
|
||||
uses: pnpm/action-setup@v4
|
||||
with:
|
||||
version: 11
|
||||
|
||||
- name: Install dependencies
|
||||
run: pnpm install --frozen-lockfile
|
||||
|
||||
- name: Build release archive
|
||||
run: pnpm build:tar
|
||||
|
||||
- name: Upload build artifact
|
||||
uses: actions/upload-artifact@v4
|
||||
with:
|
||||
name: dist-archive
|
||||
path: dist.tar.gz
|
||||
retention-days: 1
|
||||
|
||||
upload-release-asset:
|
||||
name: Upload to Gitea Release
|
||||
needs: build
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Download build artifact
|
||||
uses: actions/download-artifact@v4
|
||||
with:
|
||||
name: dist-archive
|
||||
|
||||
- name: Upload release asset
|
||||
uses: https://gitea.com/actions/forgejo-release@v1
|
||||
with:
|
||||
direction: upload
|
||||
files: dist.tar.gz
|
||||
env:
|
||||
FORGEJO_TOKEN: ${{ secrets.GITEA_TOKEN }}
|
||||
|
||||
deploy-to-server:
|
||||
name: Deploy to onixbyte.cn
|
||||
needs: build
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Download build artifact
|
||||
uses: actions/download-artifact@v4
|
||||
with:
|
||||
name: dist-archive
|
||||
|
||||
- name: Upload archive to server
|
||||
uses: appleboy/scp-action@v0.1.7
|
||||
with:
|
||||
host: ${{ vars.DEPLOY_HOST }}
|
||||
username: ${{ vars.DEPLOY_USER }}
|
||||
port: ${{ vars.DEPLOY_PORT }}
|
||||
key: ${{ secrets.DEPLOY_SSH_KEY }}
|
||||
source: "dist.tar.gz"
|
||||
target: "/tmp/"
|
||||
|
||||
- name: Extract archive and set ownership
|
||||
uses: appleboy/ssh-action@v1.0.3
|
||||
with:
|
||||
host: ${{ vars.DEPLOY_HOST }}
|
||||
username: ${{ vars.DEPLOY_USER }}
|
||||
port: ${{ vars.DEPLOY_PORT }}
|
||||
key: ${{ secrets.DEPLOY_SSH_KEY }}
|
||||
script_stop: true
|
||||
script: |
|
||||
set -e
|
||||
DEPLOY_PATH="${{ vars.DEPLOY_PATH }}"
|
||||
mkdir -p "$DEPLOY_PATH"
|
||||
rm -rf "$DEPLOY_PATH"/*
|
||||
tar -xzf /tmp/dist.tar.gz -C "$DEPLOY_PATH" --strip-components=1
|
||||
chown -R caddy:caddy "$DEPLOY_PATH"
|
||||
rm -f /tmp/dist.tar.gz
|
||||
Generated
+374
-95
@@ -9,29 +9,33 @@
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"@ant-design/cssinjs": "^2.1.2",
|
||||
"@ant-design/icons": "^6.2.2",
|
||||
"@reduxjs/toolkit": "^2.11.2",
|
||||
"@tailwindcss/vite": "^4.2.4",
|
||||
"@tanstack/react-virtual": "^3.13.24",
|
||||
"antd": "^6.3.7",
|
||||
"axios": "^1.15.2",
|
||||
"axios": "^1.16.0",
|
||||
"dayjs": "^1.11.20",
|
||||
"react": "^19.2.5",
|
||||
"react-dom": "^19.2.5",
|
||||
"react": "^19.2.6",
|
||||
"react-dom": "^19.2.6",
|
||||
"react-redux": "^9.2.0",
|
||||
"react-router": "^7.14.2",
|
||||
"react-router-dom": "^7.14.2",
|
||||
"react-router": "^7.15.0",
|
||||
"react-router-dom": "^7.15.0",
|
||||
"redux-persist": "^6.0.0",
|
||||
"tailwindcss": "^4.2.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/typography": "^0.5.19",
|
||||
"@types/node": "^22.19.17",
|
||||
"@types/react": "^19.2.14",
|
||||
"@types/react-dom": "^19.2.3",
|
||||
"@vitejs/plugin-react": "^6.0.1",
|
||||
"globals": "^17.5.0",
|
||||
"globals": "^17.6.0",
|
||||
"prettier": "^3.8.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": {
|
||||
@@ -243,9 +247,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@oxc-project/types": {
|
||||
"version": "0.127.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.127.0.tgz",
|
||||
"integrity": "sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==",
|
||||
"version": "0.132.0",
|
||||
"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.132.0.tgz",
|
||||
"integrity": "sha512-FESMOxil5Se014ui/Eq8fT5uHJo6nIRwH0PfJrZJXs6Gek3ZVFOrpUv3YIZT20m+extU98Hg1Ym72U58rlsxUQ==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/Boshen"
|
||||
@@ -991,9 +995,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-android-arm64": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-s70pVGhw4zqGeFnXWvAzJDlvxhlRollagdCCKRgOsgUOH3N1l0LIxf83AtGzmb5SiVM4Hjl5HyarMRfdfj3DaQ==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.2.tgz",
|
||||
"integrity": "sha512-ZS4D1JPGn/MYQN/SYDWftIE/nVsM8j/AFOYEzAoOE2O3NktQOZru+/vYXGbR/qtdLdIfGCP0lcoJiYVzsEz+iQ==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
@@ -1007,9 +1011,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-darwin-arm64": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-4ksWc9n0mhlZpZ9PMZgTGjeOPRu8MB1Z3Tz0Mo02eWfWCHMW1zN82Qz/pL/rC+yQa+8ZnutMF0JjJe7PjwasYw==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.2.tgz",
|
||||
"integrity": "sha512-vdFA9+C/rekyGce7WqHs/xoT0ioZEWaOFyZLIV1mEeNFaFDUQrPIo8Vs2GvJ6eetb3rzDUtUBgzto3ExpXJB3w==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
@@ -1023,9 +1027,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-darwin-x64": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-SUSDOI6WwUVNcWxd02QEBjLdY1VPHvlEkw6T/8nYG322iYWCTxRb1vzk4E+mWWYehTp7ERibq54LSJGjmouOsw==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.2.tgz",
|
||||
"integrity": "sha512-BewSOwTHazv77DTYiAZXSqqKZ4KP/KonFisDMVU7PImxoWfB2aepnPhd2E4SWz3zDzYgDNbs6jBmTdgNnF02GA==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
@@ -1039,9 +1043,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-freebsd-x64": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-hwnz3nw9dbJ05EDO/PvcjaaewqqDy7Y1rn1UO81l8iIK1GjenME75dl16ajbvSSMfv66WXSRCYKIqfgq2KCfxw==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.2.tgz",
|
||||
"integrity": "sha512-m41o7M0YWtUdqk61Tb+jnKb2rN++iRdIASlExkUoKfIAH30DOHCB8fVLzSUpbWHHU8esmEioY62PxzexE8MBuA==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
@@ -1055,9 +1059,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-linux-arm-gnueabihf": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-IS+W7epTcwANmFSQFrS1SivEXHtl1JtuQA9wlxrZTcNi6mx+FDOYrakGevvvTwgj2JvWiK8B29/qD9BELZPyXQ==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.2.tgz",
|
||||
"integrity": "sha512-jcojB9H7W/jS29pMKWAK1N+fU99vXodHDTatS3b3y/XSOCiHo0kkA74pL3jJmkoQtYpOCxDvaKs1fo2Ij/1X5w==",
|
||||
"cpu": [
|
||||
"arm"
|
||||
],
|
||||
@@ -1071,9 +1075,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-linux-arm64-gnu": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-e6usGaHKW5BMNZOymS1UcEYGowQMWcgZ71Z17Sl/h2+ZziNJ1a9n3Zvcz6LdRyIW5572wBCTH/Z+bKuZouGk9Q==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.2.tgz",
|
||||
"integrity": "sha512-1jn6qDU5iiOgFgygDzKUuKP0maTi0/f1+sBLgvij/76C77Nm3ts6ufz9Bjg5q5dduxiUIxtq86JIoBvo1xQ4Ig==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
@@ -1087,9 +1091,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-linux-arm64-musl": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-b/CgbwAJpmrRLp02RPfhbudf5tZnN9nsPWK82znefso832etkem8H7FSZwxrOI9djcdTP7U6YfNhbRnh7djErg==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.2.tgz",
|
||||
"integrity": "sha512-QVLO/czFMdoMFSqlX3bcswcJNm/23r+qoa/jgtmFc/qEp6/jXmIkDjF/XIo8dPfGaiwy1xfQn8o77L79GeXFgw==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
@@ -1103,9 +1107,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-linux-ppc64-gnu": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-4EII1iNGRUN5WwGbF/kOh/EIkoDN9HsupgLQoXfY+D1oyJm7/F4t5PYU5n8SWZgG0FEwakyM8pGgwcBYruGTlA==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.2.tgz",
|
||||
"integrity": "sha512-hgO5Abm0w5UL6FEa2iFnZqo2KlK7TQ5QhV5x09hujBf7t5KzHQ1VmfPuTpqRy/rNlSxua3eWH374xxiVrP+lcA==",
|
||||
"cpu": [
|
||||
"ppc64"
|
||||
],
|
||||
@@ -1119,9 +1123,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-linux-s390x-gnu": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-AH8oq3XqQo4IibpVXvPeLDI5pzkpYn0WiZAfT05kFzoJ6tQNzwRdDYQ45M8I/gslbodRZwW8uxLhbSBbkv96rA==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.2.tgz",
|
||||
"integrity": "sha512-fy8rXxuYEu602abC8MUNaPjYLIFzReOaEIEMKMUa0rFEUxNpVXhs15KSSQ4qlqSaM7B6rcj9rDZgADh/IGDzLQ==",
|
||||
"cpu": [
|
||||
"s390x"
|
||||
],
|
||||
@@ -1135,9 +1139,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-linux-x64-gnu": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-cLnjV3xfo7KslbU41Z7z8BH/E1y5mzUYzAqih1d1MDaIGZRCMqTijqLv76/P7fyHuvUcfGsIpqCdddbxLLK9rA==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.2.tgz",
|
||||
"integrity": "sha512-0+bOkiQ779+r1WpoHOWHqncvyySci0vKph+myNDYb+im6meJAzHQXay6oEgnkHuUGouM1LKTZwqKpBow6Kj7CQ==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
@@ -1151,9 +1155,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-linux-x64-musl": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-0phclDw1spsL7dUB37sIARuis2tAgomCJXAHZlpt8PXZ4Ba0dRP1e+66lsRqrfhISeN9bEGNjQs+T/Fbd7oYGw==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.2.tgz",
|
||||
"integrity": "sha512-mjSkrzZK5Qsl0a9d1JgILOiuZOSDTVdKENcSXBoqbzSrspLR/4/IRVDo5wd2GgZjNss/viBFJdeq+j7qH2nypw==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
@@ -1167,9 +1171,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-openharmony-arm64": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-0ag/hEgXOwgw4t8QyQvUCxvEg+V0KBcA6YuOx9g0r02MprutRF5dyljgm3EmR02O292UX7UeS6HzWHAl6KgyhA==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.2.tgz",
|
||||
"integrity": "sha512-1v5vHasdfQAZoEHakBV72LIFAC9JjnymsiKxp+GEr/ma3+NJCPSaYK+qavInOovJkgwFrs7GccX2d6IgDA3Z5w==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
@@ -1183,9 +1187,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-wasm32-wasi": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-LEXei6vo0E5wTGwpkJ4KoT3OZJRnglwldt5ziLzOlc6qqb55z4tWNq2A+PFqCJuvWWdP53CVhG1Z9NtToDPJrA==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.2.tgz",
|
||||
"integrity": "sha512-mb1VobWn6NheziTk5/WEaR6AKVbrwT5sOi6C7zk3gy/pD1qtJfU1j4PgTo2NJnOtbL9Dl3Aeei8w9jJ7qC2jZQ==",
|
||||
"cpu": [
|
||||
"wasm32"
|
||||
],
|
||||
@@ -1201,9 +1205,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-win32-arm64-msvc": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-gUmyzBl3SPMa6hrqFUth9sVfcLBlYsbMzBx5PlexMroZStgzGqlZ26pYG89rBb45Mnia+oil6YAIFeEWGWhoZA==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.2.tgz",
|
||||
"integrity": "sha512-SqKonF56vA/L2yHwHYcEp2P34URpOZ7d1fS635cTkpDnUtEGdUbhI6NzsPdqeSWvAAeGDrxjWjNmibDIdFf9/A==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
@@ -1217,9 +1221,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@rolldown/binding-win32-x64-msvc": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-3hkiolcUAvPB9FLb3UZdfjVVNWherN1f/skkGWJP/fgSQhYUZpSIRr0/I8ZK9TkF3F7kxvJAk0+IcKvPHk9qQg==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.2.tgz",
|
||||
"integrity": "sha512-v7qRI7gXLRINcOGXt+7YmAZ6iFuyZVMIoXAxhd8oP+DR9dLfL9GfNIx7PLMxmhZdvq8waUJBQiWN9EKNy+TRBQ==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
@@ -1494,6 +1498,19 @@
|
||||
"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": {
|
||||
"version": "4.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.4.tgz",
|
||||
@@ -1671,6 +1688,16 @@
|
||||
"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": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
||||
@@ -1741,6 +1768,19 @@
|
||||
"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": {
|
||||
"version": "3.2.3",
|
||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
|
||||
@@ -1771,6 +1811,65 @@
|
||||
"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": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
|
||||
@@ -1798,6 +1897,16 @@
|
||||
"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": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
|
||||
@@ -1843,6 +1952,20 @@
|
||||
"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": {
|
||||
"version": "6.5.0",
|
||||
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
|
||||
@@ -1896,6 +2019,16 @@
|
||||
"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": {
|
||||
"version": "2.3.3",
|
||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
||||
@@ -2026,6 +2159,26 @@
|
||||
"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": {
|
||||
"version": "11.1.6",
|
||||
"resolved": "https://registry.npmjs.org/immer/-/immer-11.1.6.tgz",
|
||||
@@ -2051,6 +2204,20 @@
|
||||
"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": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
|
||||
@@ -2309,6 +2476,16 @@
|
||||
"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": {
|
||||
"version": "0.30.21",
|
||||
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
|
||||
@@ -2318,6 +2495,40 @@
|
||||
"@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": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
|
||||
@@ -2327,6 +2538,13 @@
|
||||
"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": {
|
||||
"version": "1.52.0",
|
||||
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
|
||||
@@ -2385,9 +2603,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/postcss": {
|
||||
"version": "8.5.14",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.14.tgz",
|
||||
"integrity": "sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==",
|
||||
"version": "8.5.15",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
|
||||
"integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "opencollective",
|
||||
@@ -2404,7 +2622,7 @@
|
||||
],
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"nanoid": "^3.3.11",
|
||||
"nanoid": "^3.3.12",
|
||||
"picocolors": "^1.1.1",
|
||||
"source-map-js": "^1.2.1"
|
||||
},
|
||||
@@ -2412,6 +2630,20 @@
|
||||
"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": {
|
||||
"version": "3.8.3",
|
||||
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz",
|
||||
@@ -2438,24 +2670,24 @@
|
||||
}
|
||||
},
|
||||
"node_modules/react": {
|
||||
"version": "19.2.5",
|
||||
"resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
|
||||
"integrity": "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==",
|
||||
"version": "19.2.6",
|
||||
"resolved": "https://registry.npmjs.org/react/-/react-19.2.6.tgz",
|
||||
"integrity": "sha512-sfWGGfavi0xr8Pg0sVsyHMAOziVYKgPLNrS7ig+ivMNb3wbCBw3KxtflsGBAwD3gYQlE/AEZsTLgToRrSCjb0Q==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/react-dom": {
|
||||
"version": "19.2.5",
|
||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.5.tgz",
|
||||
"integrity": "sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==",
|
||||
"version": "19.2.6",
|
||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.6.tgz",
|
||||
"integrity": "sha512-0prMI+hvBbPjsWnxDLxlCGyM8PN6UuWjEUCYmZhO67xIV9Xasa/r/vDnq+Xyq4Lo27g8QSbO5YzARu0D1Sps3g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"scheduler": "^0.27.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^19.2.5"
|
||||
"react": "^19.2.6"
|
||||
}
|
||||
},
|
||||
"node_modules/react-is": {
|
||||
@@ -2556,13 +2788,13 @@
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/rolldown": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-ZrT53oAKrtA4+YtBWPQbtPOxIbVDbxT0orcYERKd63VJTF13zPcgXTvD4843L8pcsI7M6MErt8QtON6lrB9tyA==",
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.2.tgz",
|
||||
"integrity": "sha512-oZx5zVDtVB44AW3eaifgDml1gWRDZGvjcfdxonE4swNPG98PrrXjaO/KrnUjzlMnztCCRVlUueA1kCXhARGk6g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@oxc-project/types": "=0.127.0",
|
||||
"@rolldown/pluginutils": "1.0.0-rc.17"
|
||||
"@oxc-project/types": "=0.132.0",
|
||||
"@rolldown/pluginutils": "^1.0.0"
|
||||
},
|
||||
"bin": {
|
||||
"rolldown": "bin/cli.mjs"
|
||||
@@ -2571,27 +2803,27 @@
|
||||
"node": "^20.19.0 || >=22.12.0"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"@rolldown/binding-android-arm64": "1.0.0-rc.17",
|
||||
"@rolldown/binding-darwin-arm64": "1.0.0-rc.17",
|
||||
"@rolldown/binding-darwin-x64": "1.0.0-rc.17",
|
||||
"@rolldown/binding-freebsd-x64": "1.0.0-rc.17",
|
||||
"@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.17",
|
||||
"@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.17",
|
||||
"@rolldown/binding-linux-arm64-musl": "1.0.0-rc.17",
|
||||
"@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.17",
|
||||
"@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.17",
|
||||
"@rolldown/binding-linux-x64-gnu": "1.0.0-rc.17",
|
||||
"@rolldown/binding-linux-x64-musl": "1.0.0-rc.17",
|
||||
"@rolldown/binding-openharmony-arm64": "1.0.0-rc.17",
|
||||
"@rolldown/binding-wasm32-wasi": "1.0.0-rc.17",
|
||||
"@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.17",
|
||||
"@rolldown/binding-win32-x64-msvc": "1.0.0-rc.17"
|
||||
"@rolldown/binding-android-arm64": "1.0.2",
|
||||
"@rolldown/binding-darwin-arm64": "1.0.2",
|
||||
"@rolldown/binding-darwin-x64": "1.0.2",
|
||||
"@rolldown/binding-freebsd-x64": "1.0.2",
|
||||
"@rolldown/binding-linux-arm-gnueabihf": "1.0.2",
|
||||
"@rolldown/binding-linux-arm64-gnu": "1.0.2",
|
||||
"@rolldown/binding-linux-arm64-musl": "1.0.2",
|
||||
"@rolldown/binding-linux-ppc64-gnu": "1.0.2",
|
||||
"@rolldown/binding-linux-s390x-gnu": "1.0.2",
|
||||
"@rolldown/binding-linux-x64-gnu": "1.0.2",
|
||||
"@rolldown/binding-linux-x64-musl": "1.0.2",
|
||||
"@rolldown/binding-openharmony-arm64": "1.0.2",
|
||||
"@rolldown/binding-wasm32-wasi": "1.0.2",
|
||||
"@rolldown/binding-win32-arm64-msvc": "1.0.2",
|
||||
"@rolldown/binding-win32-x64-msvc": "1.0.2"
|
||||
}
|
||||
},
|
||||
"node_modules/rolldown/node_modules/@rolldown/pluginutils": {
|
||||
"version": "1.0.0-rc.17",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.17.tgz",
|
||||
"integrity": "sha512-n8iosDOt6Ig1UhJ2AYqoIhHWh/isz0xpicHTzpKBeotdVsTEcxsSA/i3EVM7gQAj0rU27OLAxCjzlj15IWY7bg==",
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
|
||||
"integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/scheduler": {
|
||||
@@ -2624,6 +2856,13 @@
|
||||
"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": {
|
||||
"version": "0.2.1",
|
||||
"resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
|
||||
@@ -2701,6 +2940,13 @@
|
||||
"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": {
|
||||
"version": "6.21.0",
|
||||
"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"
|
||||
}
|
||||
},
|
||||
"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": {
|
||||
"version": "8.0.10",
|
||||
"resolved": "https://registry.npmjs.org/vite/-/vite-8.0.10.tgz",
|
||||
"integrity": "sha512-rZuUu9j6J5uotLDs+cAA4O5H4K1SfPliUlQwqa6YEwSrWDZzP4rhm00oJR5snMewjxF5V/K3D4kctsUTsIU9Mw==",
|
||||
"version": "8.0.14",
|
||||
"resolved": "https://registry.npmjs.org/vite/-/vite-8.0.14.tgz",
|
||||
"integrity": "sha512-s4BJJ+5y1pYL6Otw51FHhVJQhPnuRinKig64g/1+EUNaJsd3gCKdD31IPFvswUgW9/60QT9oFHbZHbQK5imcxw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"lightningcss": "^1.32.0",
|
||||
"picomatch": "^4.0.4",
|
||||
"postcss": "^8.5.10",
|
||||
"rolldown": "1.0.0-rc.17",
|
||||
"postcss": "^8.5.15",
|
||||
"rolldown": "1.0.2",
|
||||
"tinyglobby": "^0.2.16"
|
||||
},
|
||||
"bin": {
|
||||
@@ -2743,7 +2996,7 @@
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@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",
|
||||
"jiti": ">=1.21.0",
|
||||
"less": "^4.0.0",
|
||||
@@ -2793,6 +3046,32 @@
|
||||
"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() {
|
||||
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 TagApi from "./tag-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 {
|
||||
console.log(values);
|
||||
return {
|
||||
|
||||
|
||||
firearmId: values.firearmId,
|
||||
name: values.name.trim(),
|
||||
code: values.code.trim(),
|
||||
@@ -64,6 +67,7 @@ export default function ModificationCreateModal({
|
||||
firearmId: lockedFirearmId ?? values.firearmId,
|
||||
})
|
||||
)
|
||||
|
||||
message.success("改枪码创建成功")
|
||||
form.resetFields()
|
||||
onSuccess(modification)
|
||||
|
||||
@@ -1,32 +1,535 @@
|
||||
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"
|
||||
// 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, 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 {
|
||||
form: ReturnType<typeof Form.useForm<ModificationRequest>>[0]
|
||||
onFinish: (values: ModificationRequest) => void
|
||||
lockFirearmId?: number
|
||||
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 }))
|
||||
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)
|
||||
const [firearmOptions, setFirearmOptions] = useState<Array<{ value: number; label: string }>>([]);
|
||||
const [firearmLoading, setFirearmLoading] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
let active = true
|
||||
let active = true;
|
||||
|
||||
async function loadAllFirearms() {
|
||||
setFirearmLoading(true)
|
||||
setFirearmLoading(true);
|
||||
try {
|
||||
const allFirearms: Firearm[] = []
|
||||
let page = 0
|
||||
let totalPages = 1
|
||||
const allFirearms: Firearm[] = [];
|
||||
let page = 0;
|
||||
let totalPages = 1;
|
||||
|
||||
while (page < totalPages) {
|
||||
const paged = await FirearmApi.getFirearms({
|
||||
@@ -34,68 +537,73 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
||||
size: 100,
|
||||
sortBy: "id",
|
||||
direction: "ASC",
|
||||
})
|
||||
});
|
||||
|
||||
allFirearms.push(...paged.items)
|
||||
totalPages = paged.totalPages
|
||||
page += 1
|
||||
allFirearms.push(...paged.items);
|
||||
totalPages = paged.totalPages;
|
||||
page += 1;
|
||||
}
|
||||
|
||||
if (!active) {
|
||||
return
|
||||
}
|
||||
if (!active) return;
|
||||
|
||||
setFirearmOptions(
|
||||
allFirearms.map((firearm) => ({
|
||||
value: firearm.id,
|
||||
label: `${firearm.name}`,
|
||||
}))
|
||||
)
|
||||
);
|
||||
} finally {
|
||||
if (active) {
|
||||
setFirearmLoading(false)
|
||||
setFirearmLoading(false);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void loadAllFirearms()
|
||||
void loadAllFirearms();
|
||||
|
||||
return () => {
|
||||
active = false
|
||||
}
|
||||
}, [])
|
||||
active = false;
|
||||
};
|
||||
}, []);
|
||||
|
||||
const mergedFirearmOptions = useMemo(() => {
|
||||
if (
|
||||
lockFirearmId === undefined ||
|
||||
firearmOptions.some((option) => option.value === lockFirearmId)
|
||||
) {
|
||||
return firearmOptions
|
||||
return firearmOptions;
|
||||
}
|
||||
|
||||
return [{ value: lockFirearmId, label: `武器 ID: ${lockFirearmId}` }, ...firearmOptions]
|
||||
}, [firearmOptions, lockFirearmId])
|
||||
return [{ value: lockFirearmId, label: `武器 ID: ${lockFirearmId}` }, ...firearmOptions];
|
||||
}, [firearmOptions, lockFirearmId]);
|
||||
|
||||
return (
|
||||
<Form<ModificationRequest>
|
||||
form={form}
|
||||
layout="vertical"
|
||||
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>
|
||||
name="firearmId"
|
||||
label="武器"
|
||||
rules={[{ required: true, message: "请输入武器" }]}>
|
||||
rules={[{ required: true, message: "请输入武器" }]}
|
||||
>
|
||||
<Select<number>
|
||||
className="w-full"
|
||||
className="w-[580px]"
|
||||
placeholder="请选择武器"
|
||||
options={mergedFirearmOptions}
|
||||
loading={firearmLoading}
|
||||
disabled={lockFirearmId !== undefined}
|
||||
showSearch={{
|
||||
filterOption: (input, option) => {
|
||||
const labelText = String(option?.label ?? "")
|
||||
return labelText.toLowerCase().includes(input.toLowerCase())
|
||||
const labelText = String(option?.label ?? "");
|
||||
return labelText.toLowerCase().includes(input.toLowerCase());
|
||||
},
|
||||
}}
|
||||
/>
|
||||
@@ -104,33 +612,44 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
||||
<Form.Item<ModificationRequest>
|
||||
name="name"
|
||||
label="改装名称"
|
||||
rules={[{ required: true, message: "请输入改装名称" }]}>
|
||||
<Input placeholder="请输入改装名称" />
|
||||
rules={[{ required: true, message: "请输入改装名称" }]}
|
||||
>
|
||||
<Input className="w-[580px]" placeholder="请输入改装名称" />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item<ModificationRequest>
|
||||
name="code"
|
||||
label="改枪码"
|
||||
rules={[{ required: true, message: "请输入改枪码" }]}>
|
||||
<Input placeholder="请输入改枪码" />
|
||||
rules={[{ required: true, message: "请输入改枪码" }]}
|
||||
>
|
||||
<Input className="w-[580px]" placeholder="请输入改枪码" />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item<ModificationRequest> name="tags" label="标签">
|
||||
<Select mode="tags" tokenSeparators={[",", " "]} placeholder="可选：输入后回车" />
|
||||
<Select
|
||||
mode="tags"
|
||||
tokenSeparators={[",", " "]}
|
||||
placeholder="可选：输入后回车"
|
||||
className="w-[580px]"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item<ModificationRequest> name="author" label="作者">
|
||||
<Input placeholder="可选：请输入作者" />
|
||||
<Input className="w-[580px]" placeholder="可选：请输入作者" />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item<ModificationRequest> name="videoUrl" label="视频链接">
|
||||
<Input placeholder="可选：请输入视频链接" />
|
||||
<Input className="w-[580px]" placeholder="可选：请输入视频链接" />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item<ModificationRequest> name="note" label="备注">
|
||||
<Input.TextArea rows={3} placeholder="可选：补充说明" />
|
||||
<Input.TextArea className="w-[580px]" rows={3} placeholder="可选：补充说明" />
|
||||
</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">
|
||||
{(accessoryFields, { add: addAccessory, remove: removeAccessory }) => (
|
||||
<div className="flex flex-col gap-4">
|
||||
@@ -139,55 +658,70 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
||||
key={accessoryField.key}
|
||||
title={`配件 ${accessoryField.name + 1}`}
|
||||
size="small"
|
||||
style={{backgroundColor:'#1f1f1f'}}
|
||||
extra={
|
||||
<Button
|
||||
danger
|
||||
type="link"
|
||||
size="small"
|
||||
onClick={() => removeAccessory(accessoryField.name)}>
|
||||
onClick={() => removeAccessory(accessoryField.name)}
|
||||
>
|
||||
删除配件
|
||||
</Button>
|
||||
}>
|
||||
}
|
||||
className="w-full [&_.ant-card-body]:!p-3" // 卡片内边距由默认24px缩小到12px
|
||||
>
|
||||
{/* 用容器控制表单项间距，由默认大间距缩小为4px */}
|
||||
<div className="space-y-1">
|
||||
<Form.Item
|
||||
name={[accessoryField.name, "slotName"]}
|
||||
label="槽位"
|
||||
rules={[{ required: true, message: "请选择或输入槽位" }]}>
|
||||
rules={[{ required: true, message: "请选择或输入槽位" }]}
|
||||
className="!mb-1" // 表单项底部间距缩小
|
||||
>
|
||||
<AutoComplete options={slotOptions} placeholder="请选择或输入槽位" />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item
|
||||
name={[accessoryField.name, "accessoryName"]}
|
||||
label="配件名称"
|
||||
rules={[{ required: true, message: "请输入配件名称" }]}>
|
||||
rules={[{ required: true, message: "请输入配件名称" }]}
|
||||
className="!mb-1"
|
||||
>
|
||||
<Input placeholder="请输入配件名称" />
|
||||
</Form.Item>
|
||||
|
||||
<Form.List name={[accessoryField.name, "tunings"]}>
|
||||
{(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) => (
|
||||
<Space key={tuningField.key} align="start" className="w-full" wrap>
|
||||
<Space key={tuningField.key} align="start" className="w-full" size="small" wrap>
|
||||
<Form.Item
|
||||
name={[tuningField.name, "tuningName"]}
|
||||
label="精校属性"
|
||||
rules={[{ required: true, message: "请选择或输入精校属性" }]}>
|
||||
rules={[{ required: true, message: "请选择或输入精校属性" }]}
|
||||
className="!mb-1"
|
||||
>
|
||||
<AutoComplete
|
||||
options={tuningOptions}
|
||||
placeholder="例如：后坐控制"
|
||||
className="w-44"
|
||||
className="w-44" // 完全保留
|
||||
/>
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
name={[tuningField.name, "tuningValue"]}
|
||||
label="精校值"
|
||||
rules={[{ required: true, message: "请输入精校值" }]}>
|
||||
<InputNumber className="w-32" placeholder="例如：0.35" />
|
||||
rules={[{ required: true, message: "请输入精校值" }]}
|
||||
className="!mb-1"
|
||||
>
|
||||
<InputNumber className="w-32" placeholder="例如：0.35" /> {/* 完全保留 */}
|
||||
</Form.Item>
|
||||
<Button
|
||||
type="link"
|
||||
danger
|
||||
className="mt-8"
|
||||
onClick={() => removeTuning(tuningField.name)}>
|
||||
className="mt-8" // 完全保留
|
||||
onClick={() => removeTuning(tuningField.name)}
|
||||
>
|
||||
删除
|
||||
</Button>
|
||||
</Space>
|
||||
@@ -195,23 +729,31 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
||||
<Button
|
||||
type="dashed"
|
||||
disabled={tuningFields.length >= 2}
|
||||
onClick={() => addTuning({ tuningName: "", tuningValue: 0 })}>
|
||||
onClick={() => addTuning({ tuningName: "", tuningValue: 0 })}
|
||||
>
|
||||
添加精校
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</Form.List>
|
||||
</div>
|
||||
</Card>
|
||||
))}
|
||||
{/* 添加配件按钮，保持在左侧（默认左对齐） */}
|
||||
<Button
|
||||
variant="solid"
|
||||
color="lime"
|
||||
onClick={() => addAccessory({ slotName: "", accessoryName: "", tunings: [] })}>
|
||||
className="self-start"
|
||||
onClick={() => addAccessory({ slotName: "", accessoryName: "", tunings: [] })}
|
||||
>
|
||||
添加配件
|
||||
</Button>
|
||||
</div>
|
||||
)}
|
||||
</Form.List>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Form>
|
||||
)
|
||||
);
|
||||
}
|
||||
@@ -1,6 +1,7 @@
|
||||
[
|
||||
"枪口",
|
||||
"枪管",
|
||||
"导轨脚架",
|
||||
"贴片",
|
||||
"瞄准镜",
|
||||
"战术设备",
|
||||
@@ -9,11 +10,10 @@
|
||||
"枪托",
|
||||
"托腮板",
|
||||
"枪托套件",
|
||||
"导轨脚架",
|
||||
"前握把",
|
||||
"弹匣",
|
||||
"弹匣座",
|
||||
"后握把",
|
||||
"后握贴片",
|
||||
"握把座",
|
||||
"弹匣",
|
||||
"弹匣座"
|
||||
"握把座"
|
||||
]
|
||||
|
||||
+159
-3
@@ -3,7 +3,8 @@
|
||||
@import 'tailwindcss';
|
||||
@plugin "@tailwindcss/typography";
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
@@ -39,6 +40,7 @@ html, body {
|
||||
.nav-item {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nav-item::after {
|
||||
@@ -52,15 +54,169 @@ html, body {
|
||||
transition: height 0.2s ease-in-out;
|
||||
opacity: 0.35;
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
|
||||
}
|
||||
|
||||
.nav-item:hover::after,
|
||||
.nav-item:hover::after {
|
||||
height: 30%;
|
||||
}
|
||||
|
||||
/* 激活状态效果 */
|
||||
.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.active {
|
||||
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 { useMemo } from "react"
|
||||
import { Outlet, Link, NavLink, useNavigate } from "react-router-dom"
|
||||
import { useEffect, useMemo } from "react"
|
||||
import dayjs from "dayjs"
|
||||
import { Dropdown } from "antd"
|
||||
import {
|
||||
@@ -12,17 +12,31 @@ import { AuthApi } from "@/api"
|
||||
import { useAppDispatch, useAppSelector } from "@/hooks/store"
|
||||
import { clearCurrentUser } from "@/store/auth-slice"
|
||||
import { useState } from "react"
|
||||
|
||||
import { clearAutoLogout, scheduleAutoLogout } from "@/utils/autoLogout";
|
||||
import DisplayBoard from '@/components/DisplayBoard';
|
||||
/**
|
||||
* Main application component that serves as the root layout.
|
||||
* Uses React Router's Outlet to render child routes.
|
||||
*/
|
||||
|
||||
|
||||
|
||||
export default function HeroLayout() {
|
||||
|
||||
|
||||
|
||||
|
||||
const today = useMemo(() => dayjs(), [])
|
||||
const user = useAppSelector((state) => state.auth.user)
|
||||
const dispatch = useAppDispatch()
|
||||
const [isDropdownOpen, setIsDropdownOpen] = useState(false)
|
||||
|
||||
// 统一登出函数：清除定时器、清除 Redux、跳转登录页
|
||||
const performLogout = () => {
|
||||
clearAutoLogout();
|
||||
dispatch(clearCurrentUser());
|
||||
};
|
||||
|
||||
async function handleLogout() {
|
||||
try {
|
||||
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 (
|
||||
<div className="bg-gray-50 ">
|
||||
<div className="bg-[#1b252a] flex flex-col min-h-screen">
|
||||
{/* Navigation Header */}
|
||||
<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">
|
||||
@@ -40,17 +70,19 @@ export default function HeroLayout() {
|
||||
<div className="flex items-center">
|
||||
<h1 className="text-xl font-semibold text-white">《三角洲》指南</h1>
|
||||
</div>
|
||||
<div>
|
||||
<DisplayBoard />
|
||||
</div>
|
||||
<nav className="flex h-full">
|
||||
<NavLink
|
||||
to="/firearms"
|
||||
className={({ isActive }) =>
|
||||
`nav-item inline-flex items-center px-10 h-full text-base font-medium transition-all duration-200 ${
|
||||
isActive ? "active" : ""
|
||||
`nav-item inline-flex items-center px-10 h-full text-base font-medium transition-all duration-200 ${isActive ? "active" : ""
|
||||
} text-gray-500 hover:text-white`
|
||||
}>
|
||||
武器列表
|
||||
</NavLink>
|
||||
<NavLink
|
||||
{/* <NavLink
|
||||
to="/mod-codes"
|
||||
className={({ isActive }) =>
|
||||
`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`
|
||||
}>
|
||||
改枪码
|
||||
</NavLink>
|
||||
</NavLink> */}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
{/* 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">
|
||||
<Outlet />
|
||||
</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}
|
||||
</span>
|
||||
</Dropdown>
|
||||
@@ -161,7 +194,7 @@ export default function HeroLayout() {
|
||||
|
||||
<div className="border-t border-gray-800 my-6" />
|
||||
<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>
|
||||
</footer>
|
||||
|
||||
+317
-34
@@ -1,11 +1,14 @@
|
||||
import { useCallback, useEffect, useState } from "react"
|
||||
import { Link } from "react-router-dom"
|
||||
import { useCallback, useEffect, useState, useMemo } from "react"
|
||||
import { FirearmApi } from "@/api"
|
||||
import FirearmCreateModal from "@/components/firearm-create-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 { 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> = {
|
||||
RIFLE: "步枪",
|
||||
@@ -18,6 +21,10 @@ const firearmTypeText: Record<FirearmType, string> = {
|
||||
SPECIAL: "特殊",
|
||||
}
|
||||
|
||||
const darkTheme = {
|
||||
algorithm: theme.darkAlgorithm,
|
||||
};
|
||||
|
||||
const allTypeValue = "ALL"
|
||||
type FirearmTypeFilter = FirearmType | typeof allTypeValue
|
||||
|
||||
@@ -35,22 +42,72 @@ export default function FirearmsPage() {
|
||||
const [createModalOpen, setCreateModalOpen] = useState(false)
|
||||
const [editingFirearm, setEditingFirearm] = useState<Firearm | 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 () => {
|
||||
setLoading(true);
|
||||
const start = Date.now();
|
||||
|
||||
try {
|
||||
const pagedData = await FirearmApi.getFirearms({
|
||||
page: page - 1,
|
||||
size: 12,
|
||||
size: 8,
|
||||
sortBy: "id",
|
||||
direction: "ASC",
|
||||
type: typeFilter === allTypeValue ? undefined : typeFilter,
|
||||
})
|
||||
setFirearms(pagedData.items)
|
||||
setTotal(pagedData.totalElements)
|
||||
}, [page, typeFilter])
|
||||
});
|
||||
setFirearms(pagedData.items);
|
||||
setTotal(pagedData.totalElements);
|
||||
} 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(() => {
|
||||
void loadFirearms()
|
||||
}, [loadFirearms])
|
||||
void GetFirearmName()
|
||||
}, [loadFirearms, GetFirearmName])
|
||||
useEffect(() => {
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
}, [page]);
|
||||
|
||||
async function handleDelete(firearm: Firearm) {
|
||||
setDeletingId(firearm.id)
|
||||
@@ -68,9 +125,9 @@ export default function FirearmsPage() {
|
||||
setDeletingId(null)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<ConfigProvider theme={darkTheme}>
|
||||
<div className="mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<div>
|
||||
{user && (
|
||||
@@ -79,6 +136,7 @@ export default function FirearmsPage() {
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex flex-col sm:flex-row gap-3 sm:items-center">
|
||||
<Select<FirearmTypeFilter>
|
||||
className="w-full sm:w-64"
|
||||
value={typeFilter}
|
||||
@@ -94,14 +152,70 @@ export default function FirearmsPage() {
|
||||
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 className="mb-6">
|
||||
{loading ? (<div className="flex justify-center items-center h-64">
|
||||
<Spin size="large" tip="加载中..." />
|
||||
</div>) : (
|
||||
<Row gutter={[16, 16]}>
|
||||
{firearms.map((firearm) => (
|
||||
<Col key={firearm.id} xs={24} md={12} lg={8}>
|
||||
<Col key={firearm.id} xs={24} md={24} lg={24}>
|
||||
|
||||
<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={
|
||||
|
||||
user ? (
|
||||
<div className="flex items-center gap-1">
|
||||
<Button type="link" size="small" onClick={() => setEditingFirearm(firearm)}>
|
||||
@@ -122,34 +236,198 @@ export default function FirearmsPage() {
|
||||
) : null
|
||||
}
|
||||
variant="outlined"
|
||||
style={{
|
||||
height: '100%', display: 'flex', flexDirection: 'column'
|
||||
}}
|
||||
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={[
|
||||
<Link key={`mod-codes-${firearm.id}`} to={`/mod-codes?firearmId=${firearm.id}`}>
|
||||
<Button type="link">查看改枪码</Button>
|
||||
</Link>,
|
||||
<div>
|
||||
<Collapse
|
||||
|
||||
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 items-center justify-between">
|
||||
<Tag color="blue">{firearmTypeText[firearm.type]}</Tag>
|
||||
<div className="lmr-container">
|
||||
<div className="lmr-left">
|
||||
</div>
|
||||
<Typography.Text>
|
||||
<strong>武器输出等级：</strong>
|
||||
<div className="lmr-middle">
|
||||
<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}
|
||||
</Typography.Text>
|
||||
<Typography.Text>
|
||||
<strong>子弹口径：</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 子弹口径 */}
|
||||
<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}
|
||||
</Typography.Text>
|
||||
<Typography.Text>
|
||||
<strong>每秒甲伤：</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 每秒甲伤 */}
|
||||
<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)}
|
||||
</Typography.Text>
|
||||
<Typography.Text>
|
||||
<strong>每秒肉伤：</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 每秒肉伤 */}
|
||||
<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)}
|
||||
</Typography.Text>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className="lmr-right">
|
||||
<Typography.Paragraph
|
||||
style={{ marginBottom: 0 }}
|
||||
type="secondary"
|
||||
@@ -166,6 +444,9 @@ export default function FirearmsPage() {
|
||||
{firearm.review || "暂无描述"}
|
||||
</Typography.Paragraph>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</Card>
|
||||
</Col>
|
||||
))}
|
||||
@@ -176,13 +457,13 @@ export default function FirearmsPage() {
|
||||
</Card>
|
||||
</Col>
|
||||
)}
|
||||
</Row>
|
||||
</Row>)}
|
||||
</div>
|
||||
<div className="flex justify-end">
|
||||
<Pagination
|
||||
align="end"
|
||||
current={page}
|
||||
pageSize={12}
|
||||
pageSize={8}
|
||||
total={total}
|
||||
onChange={(nextPage) => {
|
||||
setPage(nextPage)
|
||||
@@ -190,7 +471,6 @@ export default function FirearmsPage() {
|
||||
showSizeChanger={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FirearmCreateModal
|
||||
open={createModalOpen}
|
||||
onCancel={() => setCreateModalOpen(false)}
|
||||
@@ -208,7 +488,10 @@ export default function FirearmsPage() {
|
||||
setEditingFirearm(null)
|
||||
void loadFirearms()
|
||||
}}
|
||||
|
||||
/>
|
||||
</ConfigProvider>
|
||||
</>
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
@@ -5,6 +5,7 @@ import { AuthApi } from "@/api"
|
||||
import { useAppDispatch } from "@/hooks/store"
|
||||
import { setCurrentUser } from "@/store/auth-slice"
|
||||
import { LoginRequest } from "@/types"
|
||||
import dayjs from "dayjs";
|
||||
|
||||
export default function LoginPage() {
|
||||
const navigate = useNavigate()
|
||||
@@ -16,7 +17,9 @@ export default function LoginPage() {
|
||||
setLoading(true)
|
||||
try {
|
||||
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}`)
|
||||
navigate("/firearms")
|
||||
} catch {
|
||||
|
||||
@@ -16,7 +16,7 @@ import { Link, useSearchParams } from "react-router-dom"
|
||||
import { ModificationApi, TagApi } from "@/api"
|
||||
import ModificationCreateModal from "@/components/modification-create-modal"
|
||||
import ModificationEditModal from "@/components/modification-edit-modal"
|
||||
import { useAppSelector } from "@/store/hooks"
|
||||
import { useAppSelector } from "@/hooks/store"
|
||||
import { Modification } from "@/types"
|
||||
|
||||
const pageSize = 10
|
||||
|
||||
@@ -1,6 +1,11 @@
|
||||
import { createSlice, PayloadAction } from "@reduxjs/toolkit"
|
||||
import { User } from "@/types"
|
||||
|
||||
export interface AuthUser extends User {
|
||||
expireAt: number; // 转换 expiration 得到的时间戳
|
||||
}
|
||||
|
||||
|
||||
interface AuthState {
|
||||
user: User | null
|
||||
}
|
||||
@@ -15,9 +20,11 @@ const authSlice = createSlice({
|
||||
reducers: {
|
||||
setCurrentUser(state, action: PayloadAction<User>) {
|
||||
state.user = action.payload
|
||||
localStorage.setItem('auth_user', JSON.stringify(action.payload));
|
||||
},
|
||||
clearCurrentUser(state) {
|
||||
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
|
||||
username: string
|
||||
email: string
|
||||
expiration: string
|
||||
}
|
||||
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
export type Direction = "ASC" | "DESC"
|
||||
|
||||
export interface Page<T> {
|
||||
map(arg0: (item: any) => { label: any; value: any; data: any }): unknown
|
||||
items: T[]
|
||||
page: 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: {
|
||||
alias: {
|
||||
"@": fileURLToPath(new URL("./src", import.meta.url)),
|
||||
|
||||
Reference in New Issue
Block a user