shumengya/SproutGate
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: sync

Browse Source
This commit is contained in:
树萌芽
2026-03-18 22:06:43 +08:00
parent e89678e61a
commit 0c4380c3c3
45 changed files with 5883 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
sproutgate-frontend/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

21
sproutgate-frontend/index.html Normal file
View File

@@ -0,0 +1,21 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#3b82f6" />
<meta name="description" content="萌芽账户认证中心 - 统一认证与账户管理" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="application-name" content="SproutGate" />
<link rel="icon" href="/favicon.ico" />
<link rel="icon" type="image/png" href="/logo.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/manifest.webmanifest" />
<title>萌芽账户认证中心</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>

BIN
sproutgate-frontend/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

1690
sproutgate-frontend/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

20
sproutgate-frontend/package.json Normal file
View File

@@ -0,0 +1,20 @@
{
"name": "sproutgate-frontend",
"version": "0.1.0",
"private": true,
"type": "module",
"scripts": {
"dev": "vite --host",
"build": "vite build",
"preview": "vite preview --host"
},
"dependencies": {
"marked": "^12.0.2",
"react": "^18.3.1",
"react-dom": "^18.3.1"
},
"devDependencies": {
"@vitejs/plugin-react": "^4.3.1",
"vite": "^5.4.8"
}
}

BIN
sproutgate-frontend/public/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
sproutgate-frontend/public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
sproutgate-frontend/public/icon-192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
sproutgate-frontend/public/icon-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 308 KiB

BIN
sproutgate-frontend/public/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

BIN
sproutgate-frontend/public/logo192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

23
sproutgate-frontend/public/manifest.webmanifest Normal file
View File

@@ -0,0 +1,23 @@
{
"name": "萌芽账户认证中心",
"short_name": "SproutGate",
"description": "统一认证与账户管理中心",
"start_url": "/",
"scope": "/",
"display": "standalone",
"background_color": "#f4f6fb",
"theme_color": "#3b82f6",
"icons": [
{
"src": "/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
]
}

64
sproutgate-frontend/public/sw.js Normal file
View File

@@ -0,0 +1,64 @@
const CACHE_NAME = "sproutgate-v1";
const PRECACHE_URLS = [
"/",
"/index.html",
"/manifest.webmanifest",
"/favicon.ico",
"/logo.png",
"/logo192.png",
"/icon-192.png",
"/icon-512.png",
"/apple-touch-icon.png"
];
self.addEventListener("install", (event) => {
event.waitUntil(
caches
.open(CACHE_NAME)
.then((cache) => cache.addAll(PRECACHE_URLS))
.then(() => self.skipWaiting())
);
});
self.addEventListener("activate", (event) => {
event.waitUntil(
caches
.keys()
.then((keys) => Promise.all(keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key))))
.then(() => self.clients.claim())
);
});
self.addEventListener("fetch", (event) => {
const { request } = event;
if (request.method !== "GET") return;
const url = new URL(request.url);
if (url.origin !== self.location.origin) return;
if (request.mode === "navigate") {
event.respondWith(
fetch(request)
.then((response) => {
const copy = response.clone();
caches.open(CACHE_NAME).then((cache) => cache.put(request, copy));
return response;
})
.catch(() => caches.match(request).then((cached) => cached || caches.match("/index.html")))
);
return;
}
event.respondWith(
caches.match(request).then((cached) =>
cached ||
fetch(request)
.then((response) => {
const copy = response.clone();
caches.open(CACHE_NAME).then((cache) => cache.put(request, copy));
return response;
})
.catch(() => cached)
)
);
});

1233
sproutgate-frontend/src/App.jsx Normal file
View File

File diff suppressed because it is too large Load Diff

15
sproutgate-frontend/src/main.jsx Normal file
View File

@@ -0,0 +1,15 @@
import React from "react";
import { createRoot } from "react-dom/client";
import App from "./App.jsx";
import "./styles.css";
const root = createRoot(document.getElementById("root"));
root.render(<App />);
if (import.meta.env.PROD && "serviceWorker" in navigator) {
window.addEventListener("load", () => {
navigator.serviceWorker.register("/sw.js").catch((error) => {
console.error("Service worker registration failed:", error);
});
});
}

479
sproutgate-frontend/src/styles.css Normal file
View File

@@ -0,0 +1,479 @@
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
background: #f4f6fb;
color: #1f2a44;
}
.app-shell {
min-height: 100vh;
}
.splash {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(circle at top, #eef4ff 0%, #f7f9ff 40%, #eef2ff 100%);
overflow: hidden;
}
.splash-glow {
position: absolute;
inset: -20%;
background:
radial-gradient(circle at 50% 30%, rgba(59, 130, 246, 0.18), transparent 55%),
radial-gradient(circle at 40% 70%, rgba(99, 102, 241, 0.12), transparent 55%);
animation: splashPulse 6s ease-in-out infinite;
}
.splash-content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-align: center;
}
.splash-logo-wrap {
position: relative;
width: 200px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.splash-rings span {
position: absolute;
width: 160px;
height: 160px;
border-radius: 50%;
border: 1px solid rgba(59, 130, 246, 0.35);
animation: ringPulse 2.6s ease-out infinite;
}
.splash-rings span:nth-child(2) {
animation-delay: 0.8s;
border-color: rgba(99, 102, 241, 0.25);
}
.splash-rings span:nth-child(3) {
animation-delay: 1.6s;
border-color: rgba(16, 185, 129, 0.22);
}
.splash-logo {
width: 120px;
height: 120px;
padding: 12px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 20px 40px rgba(15, 23, 42, 0.2);
animation: floatLogo 3s ease-in-out infinite;
}
.splash-title {
font-size: 28px;
font-weight: 700;
letter-spacing: 1px;
color: #1f2a44;
}
.splash-subtitle {
font-size: 14px;
color: #6b7280;
}
.splash-dots {
display: flex;
gap: 6px;
margin-top: 6px;
}
.splash-dots span {
width: 10px;
height: 10px;
border-radius: 50%;
background: #22c55e;
animation: dotPulse 1.2s infinite ease-in-out;
}
.splash-dots span:nth-child(2) {
animation-delay: 0.2s;
}
.splash-dots span:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes splashPulse {
0%,
100% {
transform: scale(1);
opacity: 0.9;
}
50% {
transform: scale(1.04);
opacity: 1;
}
}
@keyframes ringPulse {
0% {
transform: scale(0.6);
opacity: 0.6;
}
70% {
opacity: 0.2;
}
100% {
transform: scale(1.7);
opacity: 0;
}
}
@keyframes floatLogo {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
}
@keyframes dotPulse {
0%,
100% {
transform: scale(0.7);
opacity: 0.6;
}
50% {
transform: scale(1);
opacity: 1;
}
}
@media (max-width: 600px) {
.splash-logo-wrap {
width: 160px;
height: 160px;
}
.splash-rings span {
width: 120px;
height: 120px;
}
.splash-logo {
width: 100px;
height: 100px;
}
.splash-title {
font-size: 22px;
}
}
a {
color: inherit;
text-decoration: none;
}
.app {
max-width: 1200px;
margin: 0 auto;
padding: 24px;
}
.app-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 24px;
}
.app-header h1 {
margin: 0 0 4px;
font-size: 28px;
}
.app-header p {
margin: 0;
color: #6b7280;
}
nav {
display: flex;
gap: 12px;
}
nav a {
padding: 8px 14px;
border-radius: 999px;
background: #e8ecf8;
font-size: 14px;
}
.panel {
display: flex;
flex-direction: column;
gap: 20px;
}
.panel-title {
font-size: 20px;
font-weight: 600;
}
.card {
background: #fff;
border-radius: 16px;
padding: 20px;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}
.form label {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 12px;
font-size: 14px;
}
.label-text,
.info-label {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 600;
color: #111827;
}
.label-text .hint {
margin-left: 4px;
}
.icon {
width: 16px;
height: 16px;
display: inline-flex;
color: #111827;
}
.icon svg {
width: 16px;
height: 16px;
}
.form input,
.form textarea {
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 10px 12px;
font-size: 14px;
}
.form textarea {
resize: vertical;
}
.actions {
display: flex;
gap: 10px;
margin-top: 12px;
}
.tag-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}
.tag {
background: #e0e7ff;
color: #3730a3;
padding: 4px 10px;
border-radius: 999px;
font-size: 12px;
}
button {
border: none;
padding: 10px 16px;
border-radius: 10px;
cursor: pointer;
font-size: 14px;
}
.primary {
background: #3b82f6;
color: white;
}
.ghost {
background: #eef2ff;
color: #4338ca;
}
.danger {
background: #fee2e2;
color: #b91c1c;
}
.error {
color: #dc2626;
margin-top: 8px;
}
.success {
color: #16a34a;
margin-top: 8px;
}
.hint {
color: #6b7280;
font-size: 12px;
}
.profile {
display: flex;
flex-direction: column;
gap: 18px;
}
.profile-header {
display: flex;
gap: 16px;
align-items: center;
}
.profile-header img {
width: 96px;
height: 96px;
border-radius: 50%;
object-fit: cover;
}
.profile-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.profile-grid div {
background: #f8fafc;
padding: 12px;
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 6px;
}
.profile-grid span {
color: #6b7280;
font-size: 12px;
}
.profile-grid .info-label {
color: #374151;
font-size: 13px;
font-weight: 600;
}
.profile-grid .info-label span {
color: #374151;
}
.markdown-body {
background: #f8fafc;
border-radius: 12px;
padding: 16px;
}
.grid {
display: grid;
grid-template-columns: 1.1fr 1.4fr;
gap: 20px;
}
.list .table {
display: flex;
flex-direction: column;
gap: 10px;
}
.table-row {
display: grid;
grid-template-columns: 1.1fr 0.9fr 1.8fr 0.6fr 0.6fr 1fr;
gap: 10px;
align-items: center;
padding: 10px;
border-radius: 10px;
background: #f9fafb;
}
.table-row.header {
background: transparent;
font-weight: 600;
color: #6b7280;
}
.table-row span {
font-size: 13px;
word-break: break-all;
}
.table-cell {
display: inline-flex;
align-items: center;
gap: 6px;
}
.table-cell .icon {
color: #111827;
}
.row-actions {
display: flex;
gap: 6px;
}
@media (max-width: 900px) {
.app {
padding: 16px;
}
.app-header {
flex-direction: column;
align-items: flex-start;
}
.grid {
grid-template-columns: 1fr;
}
.profile-grid {
grid-template-columns: 1fr;
}
.table-row {
grid-template-columns: 1fr;
gap: 6px;
}
.table-row.header {
display: none;
}
}

9
sproutgate-frontend/vite.config.js Normal file
View File

@@ -0,0 +1,9 @@
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
export default defineConfig({
plugins: [react()],
server: {
port: 5173
}
});