Update 2026-05-18 14:31:53
This commit is contained in:
yi
+3
-2
@@ -6,6 +6,7 @@ __pycache__/
|
|||||||
.Python
|
.Python
|
||||||
env/
|
env/
|
||||||
venv/
|
venv/
|
||||||
|
.venv/
|
||||||
ENV/
|
ENV/
|
||||||
*.egg-info/
|
*.egg-info/
|
||||||
dist/
|
dist/
|
||||||
@@ -69,8 +70,8 @@ test/
|
|||||||
frontend/dist/
|
frontend/dist/
|
||||||
frontend/build/
|
frontend/build/
|
||||||
|
|
||||||
# 后端静态文件（会从前端构建阶段复制）
|
# 后端静态文件（将从宿主机复制）
|
||||||
backend/static/
|
# backend/static/
|
||||||
|
|
||||||
# 提示词工坊实例标识（每个容器需要独立生成）
|
# 提示词工坊实例标识（每个容器需要独立生成）
|
||||||
backend/.instance_id
|
backend/.instance_id
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ on:
|
|||||||
workflow_dispatch: # 允许手动触发
|
workflow_dispatch: # 允许手动触发
|
||||||
|
|
||||||
env:
|
env:
|
||||||
DOCKER_IMAGE: mumujie/mumuainovel
|
DOCKER_IMAGE: mumulingsi-project/mumulingsi
|
||||||
FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true
|
FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true
|
||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
|
|||||||
+5
-1
@@ -81,6 +81,10 @@ backend/data/users.json
|
|||||||
backend/data/admins.json
|
backend/data/admins.json
|
||||||
backend/storage/
|
backend/storage/
|
||||||
|
|
||||||
|
# Project analysis / intermediate docs (do not commit)
|
||||||
|
.claude/
|
||||||
|
.work/
|
||||||
|
|
||||||
# Temporary files
|
# Temporary files
|
||||||
*.bak
|
*.bak
|
||||||
*.swp
|
*.swp
|
||||||
@@ -108,7 +112,7 @@ dmypy.json
|
|||||||
BUILD_GUIDE.md
|
BUILD_GUIDE.md
|
||||||
launcher.py
|
launcher.py
|
||||||
launcher.spec
|
launcher.spec
|
||||||
mumuainovel.md
|
xinmi.md
|
||||||
logo.ico
|
logo.ico
|
||||||
.embed_cache
|
.embed_cache
|
||||||
dist_embed/
|
dist_embed/
|
||||||
|
|||||||
+12
-44
@@ -4,37 +4,7 @@
|
|||||||
# 构建参数
|
# 构建参数
|
||||||
ARG USE_CN_MIRROR=false
|
ARG USE_CN_MIRROR=false
|
||||||
|
|
||||||
# 阶段1: 构建前端
|
# 阶段1: 最终镜像
|
||||||
FROM node:22-alpine AS frontend-builder
|
|
||||||
|
|
||||||
ARG USE_CN_MIRROR
|
|
||||||
|
|
||||||
WORKDIR /frontend
|
|
||||||
|
|
||||||
# 复制前端依赖文件
|
|
||||||
COPY frontend/package*.json ./
|
|
||||||
|
|
||||||
# 根据参数决定是否使用国内npm镜像
|
|
||||||
RUN if [ "$USE_CN_MIRROR" = "true" ]; then \
|
|
||||||
npm config set registry https://registry.npmmirror.com; \
|
|
||||||
fi
|
|
||||||
|
|
||||||
# 删除 package-lock.json 以避免因镜像源不一致导致的 404 错误
|
|
||||||
RUN rm -f package-lock.json
|
|
||||||
|
|
||||||
# 安装依赖
|
|
||||||
RUN npm install
|
|
||||||
|
|
||||||
# 复制前端源代码
|
|
||||||
COPY frontend/ ./
|
|
||||||
|
|
||||||
# 临时修改vite配置，使其输出到dist目录（而不是../backend/static）
|
|
||||||
RUN sed -i "s|outDir: '../backend/static'|outDir: 'dist'|g" vite.config.ts
|
|
||||||
|
|
||||||
# 构建前端
|
|
||||||
RUN npm run build
|
|
||||||
|
|
||||||
# 阶段2: 构建最终镜像
|
|
||||||
FROM python:3.11-slim
|
FROM python:3.11-slim
|
||||||
|
|
||||||
ARG USE_CN_MIRROR
|
ARG USE_CN_MIRROR
|
||||||
@@ -46,8 +16,8 @@ WORKDIR /app
|
|||||||
|
|
||||||
# 根据参数决定是否使用国内镜像源
|
# 根据参数决定是否使用国内镜像源
|
||||||
RUN if [ "$USE_CN_MIRROR" = "true" ]; then \
|
RUN if [ "$USE_CN_MIRROR" = "true" ]; then \
|
||||||
sed -i 's/deb.debian.org/mirrors.aliyun.com/g' /etc/apt/sources.list.d/debian.sources && \
|
sed -i 's/deb.debian.org/mirrors.tuna.tsinghua.edu.cn/g' /etc/apt/sources.list.d/debian.sources && \
|
||||||
sed -i 's/security.debian.org/mirrors.aliyun.com/g' /etc/apt/sources.list.d/debian.sources; \
|
sed -i 's/security.debian.org/mirrors.tuna.tsinghua.edu.cn/g' /etc/apt/sources.list.d/debian.sources; \
|
||||||
fi
|
fi
|
||||||
|
|
||||||
# 安装系统依赖（添加数据库工具）
|
# 安装系统依赖（添加数据库工具）
|
||||||
@@ -61,8 +31,6 @@ RUN apt-get update && apt-get install -y \
|
|||||||
COPY backend/requirements.txt ./
|
COPY backend/requirements.txt ./
|
||||||
|
|
||||||
# 安装 Python 依赖
|
# 安装 Python 依赖
|
||||||
# 先安装 torch CPU版本（~200MB vs 完整版~2GB，节省90%下载时间）
|
|
||||||
# 对于embedding场景，CPU版本完全够用
|
|
||||||
RUN if [ "$USE_CN_MIRROR" = "true" ]; then \
|
RUN if [ "$USE_CN_MIRROR" = "true" ]; then \
|
||||||
pip install --no-cache-dir torch==2.8.0 --index-url https://mirrors.aliyun.com/pypi/simple/ --extra-index-url https://download.pytorch.org/whl/cpu && \
|
pip install --no-cache-dir torch==2.8.0 --index-url https://mirrors.aliyun.com/pypi/simple/ --extra-index-url https://download.pytorch.org/whl/cpu && \
|
||||||
pip install --no-cache-dir -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple/; \
|
pip install --no-cache-dir -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple/; \
|
||||||
@@ -78,7 +46,6 @@ RUN mkdir -p /app/embedding
|
|||||||
ENV SENTENCE_TRANSFORMERS_HOME=/app/embedding
|
ENV SENTENCE_TRANSFORMERS_HOME=/app/embedding
|
||||||
|
|
||||||
# 下载 embedding 模型（从 HuggingFace）
|
# 下载 embedding 模型（从 HuggingFace）
|
||||||
# 使用 Python 脚本预下载模型，这样运行时不需要网络
|
|
||||||
RUN python -c "\
|
RUN python -c "\
|
||||||
from sentence_transformers import SentenceTransformer; \
|
from sentence_transformers import SentenceTransformer; \
|
||||||
import os; \
|
import os; \
|
||||||
@@ -88,11 +55,12 @@ model = SentenceTransformer('sentence-transformers/paraphrase-multilingual-MiniL
|
|||||||
print('Model downloaded successfully!'); \
|
print('Model downloaded successfully!'); \
|
||||||
"
|
"
|
||||||
|
|
||||||
# 复制后端代码（不包含embedding，因为已经下载了）
|
# 复制后端代码
|
||||||
COPY backend/ ./
|
COPY backend/ ./
|
||||||
|
|
||||||
# 从前端构建阶段复制构建好的静态文件
|
# 复制宿主机预构建的静态文件
|
||||||
COPY --from=frontend-builder /frontend/dist ./static
|
# 这样可以避免 Docker 内部构建前端时的各种环境问题
|
||||||
|
COPY backend/static/ ./static
|
||||||
|
|
||||||
# 复制 Alembic 迁移配置和脚本（PostgreSQL）
|
# 复制 Alembic 迁移配置和脚本（PostgreSQL）
|
||||||
COPY backend/alembic-postgres.ini ./alembic.ini
|
COPY backend/alembic-postgres.ini ./alembic.ini
|
||||||
@@ -100,8 +68,8 @@ COPY backend/alembic/postgres ./alembic
|
|||||||
COPY backend/scripts/entrypoint.sh /app/entrypoint.sh
|
COPY backend/scripts/entrypoint.sh /app/entrypoint.sh
|
||||||
COPY backend/scripts/migrate.py ./scripts/migrate.py
|
COPY backend/scripts/migrate.py ./scripts/migrate.py
|
||||||
|
|
||||||
# 赋予执行权限
|
# 修复 Windows CRLF 换行导致的启动失败，并赋予执行权限
|
||||||
RUN chmod +x /app/entrypoint.sh
|
RUN sed -i 's/\r$//' /app/entrypoint.sh && chmod +x /app/entrypoint.sh
|
||||||
|
|
||||||
# 创建必要的目录
|
# 创建必要的目录
|
||||||
RUN mkdir -p /app/data /app/logs
|
RUN mkdir -p /app/data /app/logs
|
||||||
@@ -114,7 +82,7 @@ ENV PYTHONUNBUFFERED=1
|
|||||||
ENV APP_HOST=0.0.0.0
|
ENV APP_HOST=0.0.0.0
|
||||||
ENV APP_PORT=8000
|
ENV APP_PORT=8000
|
||||||
|
|
||||||
# 设置运行时为离线模式（模型已在构建时下载）
|
# 设置运行时为离线模式
|
||||||
ENV TRANSFORMERS_OFFLINE=1
|
ENV TRANSFORMERS_OFFLINE=1
|
||||||
ENV HF_DATASETS_OFFLINE=1
|
ENV HF_DATASETS_OFFLINE=1
|
||||||
ENV HF_HUB_OFFLINE=1
|
ENV HF_HUB_OFFLINE=1
|
||||||
@@ -123,5 +91,5 @@ ENV HF_HUB_OFFLINE=1
|
|||||||
HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
|
HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
|
||||||
CMD python -c "import urllib.request; urllib.request.urlopen('http://localhost:8000/health')" || exit 1
|
CMD python -c "import urllib.request; urllib.request.urlopen('http://localhost:8000/health')" || exit 1
|
||||||
|
|
||||||
# 使用 entrypoint 脚本启动（自动执行迁移）
|
# 使用 entrypoint 脚本启动
|
||||||
ENTRYPOINT ["/app/entrypoint.sh"]
|
ENTRYPOINT ["/app/entrypoint.sh"]
|
||||||
|
|||||||
@@ -1,643 +1,317 @@
|
|||||||
# 墨木灵思 📚✨
|
# 墨木灵思
|
||||||
|
|
||||||
<div align="center">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
**基于 AI 的智能小说创作助手**
|
## 1. 项目简介
|
||||||
|
|
||||||
[特性](#-特性) • [快速开始](#-快速开始) • [配置说明](#%EF%B8%8F-配置说明) • [项目结构](#-项目结构)
|
### 项目概述
|
||||||
|
|
||||||
</div>
|
**墨木灵思**是一款基于大语言模型的智能小说创作平台，帮助作者从大纲、角色到章节一气呵成地完成创作，让 AI 成为可靠的写作搭档。
|
||||||
|
|
||||||
|
### 项目起源
|
||||||
|
|
||||||
|
长篇网文与原创小说创作往往面临设定繁杂、人物关系难梳理、章节衔接不连贯等问题。墨木灵思将 AI 能力融入创作全流程，把「灵感 → 大纲 → 角色 → 章节」串联为可管理的结构化工作流，降低创作门槛并提升产出效率。
|
||||||
|
|
||||||
|
### 项目定位
|
||||||
|
|
||||||
|
| 维度 | 说明 |
|
||||||
|
|------|------|
|
||||||
|
| **目标用户** | 网文作者、业余写作者、内容创作者、文学爱好者 |
|
||||||
|
| **适用场景** | 长篇连载、短篇创作、世界观搭建、同人续写、拆书仿写 |
|
||||||
|
| **部署形态** | 支持 Docker 一键部署，也可本地开发运行 |
|
||||||
|
|
||||||
|
### 核心价值
|
||||||
|
|
||||||
|
- 用 AI 辅助完成大纲、角色、世界观等前期设定，缩短冷启动时间
|
||||||
|
- 多模型灵活切换，适配不同文风与成本需求
|
||||||
|
- 角色关系、伏笔、职业体系等结构化管理能力，保持长篇一致性
|
||||||
|
- 多用户数据隔离，适合个人或小团队私有化部署
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<div align="center">
|
## 2. 整体架构与技术栈
|
||||||
|
|
||||||
## 💬 加入交流群
|
### 系统架构
|
||||||
|
|
||||||
欢迎扫码加入 QQ 交流群，一起交流 AI 小说创作心得、反馈问题、获取最新动态！
|
采用**前后端分离**架构：React 单页应用负责交互，FastAPI 提供 REST API，PostgreSQL 持久化业务数据；生产环境通过 Docker Compose 编排应用与数据库，前端构建产物由后端静态托管，统一对外暴露 HTTP 服务。
|
||||||
|
|
||||||
<img src="frontend/public/qq.jpg" alt="QQ交流群二维码" width="300" />
|
```mermaid
|
||||||
|
flowchart LR
|
||||||
|
subgraph Client
|
||||||
|
UI[React SPA]
|
||||||
|
end
|
||||||
|
subgraph Server
|
||||||
|
API[FastAPI]
|
||||||
|
AI[AI 服务层]
|
||||||
|
DB[(PostgreSQL)]
|
||||||
|
Vec[ChromaDB / Embedding]
|
||||||
|
end
|
||||||
|
UI -->|HTTP / API| API
|
||||||
|
API --> AI
|
||||||
|
API --> DB
|
||||||
|
API --> Vec
|
||||||
|
AI -->|OpenAI 兼容 API| Ext[外部 LLM]
|
||||||
|
```
|
||||||
|
|
||||||
</div>
|
### 技术栈
|
||||||
|
|
||||||
|
| 分类 | 技术 | 版本 / 说明 |
|
||||||
|
|------|------|-------------|
|
||||||
|
| **后端** | Python | 3.11 |
|
||||||
|
| | FastAPI | 0.121.0 |
|
||||||
|
| | SQLAlchemy + Alembic | 2.0.25 / 1.14.0 |
|
||||||
|
| | Uvicorn | 0.38.0 |
|
||||||
|
| **前端** | React | 18.3.1 |
|
||||||
|
| | TypeScript + Vite | — |
|
||||||
|
| | Ant Design | 5.x |
|
||||||
|
| | Zustand | 5.x |
|
||||||
|
| **数据库** | PostgreSQL | 18（推荐） |
|
||||||
|
| | SQLite | 可选（开发 / 轻量场景） |
|
||||||
|
| **AI 与向量** | OpenAI / Anthropic SDK | 多模型接入 |
|
||||||
|
| | ChromaDB + Sentence Transformers | 长期记忆与语义检索 |
|
||||||
|
| **部署** | Docker + Docker Compose | 一键编排 |
|
||||||
|
| | GitHub Actions | 镜像构建与发布 |
|
||||||
|
|
||||||
|
### 技术选型说明
|
||||||
|
|
||||||
|
- **FastAPI**：异步性能好，自带 OpenAPI 文档，适合 AI 类长耗时接口。
|
||||||
|
- **PostgreSQL**：支持多用户、复杂关系与并发，满足生产级数据隔离。
|
||||||
|
- **React + Ant Design**：组件丰富，适合复杂表单与可视化（关系图、时间线等）。
|
||||||
|
- **Docker Compose**：降低部署成本，数据库与应用一键拉起。
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<div align="center">
|
## 3. 项目目录概览
|
||||||
|
|
||||||
## 💖 支持项目
|
```
|
||||||
|
MuMuAINovel/
|
||||||
|
├── backend/ # 后端服务
|
||||||
|
│ ├── app/
|
||||||
|
│ │ ├── api/ # REST API 路由
|
||||||
|
│ │ ├── models/ # 数据模型
|
||||||
|
│ │ ├── services/ # 业务逻辑（含 AI 调用）
|
||||||
|
│ │ ├── middleware/ # 中间件
|
||||||
|
│ │ ├── mcp/ # MCP 插件集成
|
||||||
|
│ │ └── main.py # 应用入口
|
||||||
|
│ ├── alembic/ # 数据库迁移
|
||||||
|
│ ├── scripts/ # 初始化与运维脚本
|
||||||
|
│ ├── static/ # 前端构建产物（生产）
|
||||||
|
│ └── requirements.txt
|
||||||
|
├── frontend/ # 前端应用
|
||||||
|
│ ├── src/
|
||||||
|
│ │ ├── pages/ # 页面
|
||||||
|
│ │ ├── components/ # 通用组件
|
||||||
|
│ │ ├── services/ # API 封装
|
||||||
|
│ │ ├── store/ # 状态管理
|
||||||
|
│ │ └── theme/ # 主题配置
|
||||||
|
│ └── package.json
|
||||||
|
├── images/ # 文档与截图资源
|
||||||
|
├── storage/ # 用户生成资源（如封面）
|
||||||
|
├── logs/ # 运行日志
|
||||||
|
├── docker-compose.yml # 容器编排
|
||||||
|
├── Dockerfile # 镜像构建
|
||||||
|
└── README.md
|
||||||
|
```
|
||||||
|
|
||||||
如果这个项目对你有帮助，欢迎通过以下方式支持开发：
|
| 目录 | 作用 |
|
||||||
|
|
||||||
**[☕ 请我喝杯咖啡](https://mumuverse.space:1588/)**
|
|
||||||
|
|
||||||
**[🌐 MuMuのAPI站点](https://api.mumuverse.space/register?aff=4NN8)**
|
|
||||||
|
|
||||||
> 在 MuMu の API 站点充值满 50 元及以上，也可以获得下方赞助专属权益。
|
|
||||||
|
|
||||||
### 🎁 赞助专属权益
|
|
||||||
|
|
||||||
| 权益 | 说明 |
|
|
||||||
|------|------|
|
|------|------|
|
||||||
| 📋 **优先需求响应** | 您的功能需求和问题反馈将获得优先处理 |
|
| `backend/app/api/` | 项目、章节、角色、提示词等业务接口 |
|
||||||
| 🚀 **Windows一键启动** | 获取免安装 EXE 程序，双击即可使用 |
|
| `backend/app/services/` | AI 生成、润色、向量记忆等核心逻辑 |
|
||||||
| 💬 **专属技术支持** | 加入赞助者内部群，获得远程协助和配置指导 |
|
| `frontend/src/pages/` | 书架、项目详情、设置、提示词模板等页面 |
|
||||||
|
| `backend/alembic/` | PostgreSQL / SQLite schema 迁移 |
|
||||||
### ☕ 赞助 / API 站点充值档位
|
| `backend/scripts/` | 数据库初始化、入口脚本 |
|
||||||
|
|
||||||
| 金额 | 描述 |
|
|
||||||
|------|------|
|
|
||||||
| ¥5 | 🌶️ 一包辣条 |
|
|
||||||
| ¥10 | 🍱 一顿拼好饭 |
|
|
||||||
| ¥20 | 🧋 一杯咖啡 |
|
|
||||||
| ¥50 | 🍖 一次烧烤 |
|
|
||||||
| ¥99 | 🍲 一顿海底捞 |
|
|
||||||
|
|
||||||
您的支持是我持续开发的动力！🙏
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## ✨ 特性
|
## 4. 核心业务功能
|
||||||
|
|
||||||
- 🤖 **多 AI 模型** - 支持 OpenAI、Gemini、Claude 等主流模型
|
- **智能创作向导**：根据题材与设定，AI 自动生成大纲、角色档案与世界观框架。
|
||||||
- 📝 **智能向导** - AI 自动生成大纲、角色和世界观
|
- **多 AI 模型支持**：接入 OpenAI、Claude、Gemini 等，支持自定义 Base URL（兼容中转 API）。
|
||||||
- 👥 **角色管理** - 人物关系、组织架构可视化管理
|
- **项目管理与书架**：多项目并行，支持导入导出，便于备份与迁移。
|
||||||
- 📖 **章节编辑** - 支持创建、编辑、重新生成和润色
|
- **角色与组织管理**：人物卡片、关系图谱、组织架构可视化编辑。
|
||||||
- 🌐 **世界观设定** - 构建完整的故事背景
|
- **职业等级体系**：可自定义修仙境界、魔法等级等成长体系。
|
||||||
- 🔐 **多种登录** - LinuxDO OAuth 或本地账户登录
|
- **章节创作与润色**：章节生成、续写、重写、字数控制及 diff 对比。
|
||||||
- 💾 **PostgreSQL** - 生产级数据库，多用户数据隔离
|
- **世界观与大纲**：结构化维护故事背景与情节脉络。
|
||||||
- 🐳 **Docker 部署** - 一键启动，开箱即用
|
- **伏笔管理**：追踪未回收伏笔，可视化时间线提醒。
|
||||||
|
- **灵感模式**：快速生成创作点子与情节灵感。
|
||||||
|
- **提示词工坊**：浏览、导入社区 Prompt 模板，可视化编辑自有模板。
|
||||||
|
- **拆书功能**：分析既有作品结构，辅助仿写与续写。
|
||||||
|
- **封面生成**：基于项目信息 AI 生成封面图。
|
||||||
|
- **长期记忆**：基于 Embedding 的语义记忆，保持跨章节一致性。
|
||||||
|
- **用户与认证**：本地账户、邮箱验证、LinuxDO OAuth；多用户数据隔离。
|
||||||
|
- **系统设置**：SMTP、AI 密钥、主题等可在线配置。
|
||||||
|
|
||||||
## 📸 项目预览
|
---
|
||||||
|
|
||||||
<details>
|
## 5. 实际应用场景示例
|
||||||
|
|
||||||
<summary>多图预警</summary>
|
### 适用行业与领域
|
||||||
|
|
||||||
<div align="center">
|
- 网络文学与自媒体连载
|
||||||
|
- 游戏、动漫、影视衍生文案
|
||||||
|
- 教育培训中的创意写作练习
|
||||||
|
- 个人 IP 与世界观孵化
|
||||||
|
|
||||||
### 登录界面
|
### 典型场景
|
||||||
|
|
||||||
|
|
||||||
|
**场景一：新人作者快速开书**
|
||||||
|
输入题材与基调后，由向导生成大纲与主要角色，再逐章扩写；适合从零起步、需要结构指引的作者。
|
||||||
|
|
||||||
### 主界面
|
**场景二：长篇连载一致性维护**
|
||||||
|
在数百章规模下，通过角色关系图、伏笔管理与向量记忆，减少人设崩坏与情节穿帮。
|
||||||
|
|
||||||
|
**场景三：拆书仿写与风格学习**
|
||||||
|
导入参考作品或章节，分析结构后结合自身设定续写，用于练笔或同人向创作。
|
||||||
|
|
||||||
### 项目管理
|
---
|
||||||
|
|
||||||
|
|
||||||
|
## 6. 帮助解决的核心问题
|
||||||
|
|
||||||
### 赞助我 💖
|
- **创作冷启动难**：自动生成大纲、角色与世界观，减少空白页焦虑。
|
||||||
|
- **设定易混乱**：关系图、职业体系、伏笔追踪让长篇设定可检索、可维护。
|
||||||
|
- **AI 调用分散**：统一配置多模型与 Prompt，降低切换成本。
|
||||||
|
- **协作与部署复杂**：Docker 私有化部署，数据留在自有环境。
|
||||||
|
- **章节质量不稳定**：润色、重写、分析建议一键应用，提升成稿效率。
|
||||||
|
- **提示词难以沉淀**：模板工坊与可视化编辑，复用优质 Prompt。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
</div>
|
## 7. 快速开始
|
||||||
|
|
||||||
</details>
|
### 环境要求
|
||||||
|
|
||||||
## 📋 TODO List
|
| 方式 | 要求 |
|
||||||
|
|
||||||
### ✅ 已完成功能
|
|
||||||
|
|
||||||
- [x] **灵感模式** - 创作灵感和点子生成
|
|
||||||
- [x] **自定义写作风格** - 支持自定义 AI 写作风格
|
|
||||||
- [x] **数据导入导出** - 项目数据的导入导出
|
|
||||||
- [x] **Prompt 调整界面** - 可视化编辑 Prompt 模板
|
|
||||||
- [x] **章节字数限制** - 用户可设置生成字数
|
|
||||||
- [x] **思维链与章节关系图谱** - 可视化章节逻辑关系
|
|
||||||
- [x] **根据分析一键重写** - 根据分析建议重新生成
|
|
||||||
- [x] **Linux DO 自动创建账号** - OAuth 登录自动生成账号
|
|
||||||
- [x] **职业等级体系** - 自定义职业和等级系统，支持修仙境界、魔法等级等多种体系
|
|
||||||
- [x] **角色/组织卡片导入导出** - 单独导出角色和组织卡片，支持跨项目数据共享
|
|
||||||
- [x] **伏笔管理** - 智能追踪剧情伏笔，提醒未回收线索，可视化伏笔时间线
|
|
||||||
- [x] **提示词工坊** - 社区驱动的 Prompt 模板分享平台，一键导入优质提示词
|
|
||||||
- [x] **拆书功能** - 目前呼声比较高的功能，一键拆书，给当年的ta一个圆满的结局
|
|
||||||
|
|
||||||
### 📝 规划中功能
|
|
||||||
|
|
||||||
......
|
|
||||||
|
|
||||||
> 💡 欢迎提交 Issue 或 Pull Request！
|
|
||||||
|
|
||||||
## 💻 硬件配置要求
|
|
||||||
|
|
||||||
### 最低配置（个人使用/开发环境）
|
|
||||||
|
|
||||||
| 组件 | 要求 |
|
|
||||||
|------|------|
|
|------|------|
|
||||||
| **CPU** | 2 核 |
|
| **Docker 部署（推荐）** | Docker 20.10+、Docker Compose 2.0+；至少一个 LLM API Key |
|
||||||
| **内存** | 2 GB RAM |
|
| **本地开发** | Python 3.11、Node.js 18+、PostgreSQL 18（或 SQLite）；稳定网络（调用外部 AI API） |
|
||||||
| **存储** | 10 GB 可用空间 |
|
|
||||||
| **网络** | 稳定互联网连接（用于调用 AI API） |
|
|
||||||
|
|
||||||
### 推荐配置（小型团队/生产环境）
|
**硬件建议（个人使用）**：2 核 CPU、2 GB 内存、10 GB 磁盘；生产或小团队建议 4 核 / 8 GB 内存。项目依赖外部 AI API，无需本地 GPU。
|
||||||
|
|
||||||
| 组件 | 要求 |
|
### 安装步骤（Docker）
|
||||||
|------|------|
|
|
||||||
| **CPU** | 4 核 |
|
|
||||||
| **内存** | 8 GB RAM |
|
|
||||||
| **存储** | 20 GB SSD |
|
|
||||||
| **网络** | 稳定互联网连接 |
|
|
||||||
|
|
||||||
### 高并发配置（80-150 用户）
|
|
||||||
|
|
||||||
| 组件 | 要求 |
|
|
||||||
|------|------|
|
|
||||||
| **CPU** | 8 核 |
|
|
||||||
| **内存** | 16 GB RAM |
|
|
||||||
| **存储** | 50 GB+ SSD |
|
|
||||||
| **网络** | 高带宽连接 |
|
|
||||||
|
|
||||||
> **📌 说明**
|
|
||||||
> - **Embedding 模型**：约 400 MB 磁盘空间，运行时加载到内存
|
|
||||||
> - **PostgreSQL**：默认配置使用 256 MB shared_buffers，1 GB effective_cache_size
|
|
||||||
> - **Docker 部署**：建议预留额外 1-2 GB 内存给容器运行时
|
|
||||||
> - 本项目主要依赖外部 AI API（OpenAI/Claude/Gemini），不需要本地 GPU
|
|
||||||
|
|
||||||
## 🚀 快速开始
|
|
||||||
|
|
||||||
### 前置要求
|
|
||||||
|
|
||||||
- Docker 和 Docker Compose
|
|
||||||
- 至少一个 AI 服务的 API Key（OpenAI/Gemini/Claude）
|
|
||||||
|
|
||||||
### Docker Compose 部署（推荐）
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# 1. 克隆项目
|
# 1. 获取项目代码
|
||||||
git clone https://github.com/xiamuceer-j/墨木灵思.git
|
git clone <你的仓库地址>
|
||||||
cd 墨木灵思
|
cd MuMuAINovel
|
||||||
|
|
||||||
# 2. 配置环境变量（必需）
|
# 2. 配置环境变量
|
||||||
cp backend/.env.example .env
|
cp backend/.env.example .env
|
||||||
# 编辑 .env 文件，填入必要配置（API Key、数据库密码等）
|
# 编辑 .env：至少配置 AI API Key、数据库密码等
|
||||||
|
|
||||||
# 3. 确保文件准备完整
|
# 3. 确认必要文件存在
|
||||||
# ⚠️ 重要：确保以下文件存在
|
# - .env
|
||||||
# - .env（配置文件，必需挂载到容器）
|
# - backend/scripts/init_postgres.sql
|
||||||
# - backend/scripts/init_postgres.sql（数据库初始化脚本）
|
|
||||||
|
|
||||||
# 4. 启动服务
|
|
||||||
docker-compose up -d
|
|
||||||
|
|
||||||
# 5. 访问应用
|
|
||||||
# 打开浏览器访问 http://localhost:8000
|
|
||||||
```
|
```
|
||||||
|
|
||||||
> **📌 注意事项**
|
### 运行步骤
|
||||||
>
|
|
||||||
> 1. **`.env` 文件挂载**: `docker-compose.yml` 会自动将 `.env` 挂载到容器，确保文件存在
|
|
||||||
> 2. **数据库初始化**: `init_postgres.sql` 会在首次启动时自动执行，安装必要的PostgreSQL扩展
|
|
||||||
> 3. **自行构建**: 如需从源码构建，请先下载 embedding 模型文件（[加群获取](frontend/public/qq.jpg)）
|
|
||||||
|
|
||||||
### 使用 Docker Hub 镜像（推荐新手）
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# 1. 拉取最新镜像（已包含模型文件）
|
# 启动全部服务
|
||||||
docker pull mumujie/mumuainovel:latest
|
docker compose up -d
|
||||||
|
|
||||||
# 2. 创建 docker-compose.yml（点击下方展开查看完整配置）
|
# 查看状态与日志
|
||||||
|
docker compose ps
|
||||||
|
docker compose logs -f
|
||||||
```
|
```
|
||||||
|
|
||||||
<details>
|
### 访问地址
|
||||||
<summary>📄 点击展开 docker-compose.yml 完整配置</summary>
|
|
||||||
|
|
||||||
```yaml
|
| 服务 | 默认地址 |
|
||||||
services:
|
|------|----------|
|
||||||
postgres:
|
| **Web 应用** | http://localhost:8000 |
|
||||||
image: postgres:18-alpine
|
| **API 文档（Swagger）** | http://localhost:8000/docs |
|
||||||
container_name: mumuainovel-postgres
|
| **API 文档（ReDoc）** | http://localhost:8000/redoc |
|
||||||
environment:
|
| **PostgreSQL** | localhost:5432（容器内通过服务名 `postgres` 访问） |
|
||||||
POSTGRES_DB: ${POSTGRES_DB:-mumuai_novel}
|
|
||||||
POSTGRES_USER: ${POSTGRES_USER:-mumuai}
|
|
||||||
POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-123456}
|
|
||||||
POSTGRES_INITDB_ARGS: "--encoding=UTF8 --locale=C"
|
|
||||||
TZ: ${TZ:-Asia/Shanghai}
|
|
||||||
volumes:
|
|
||||||
- postgres_data:/var/lib/postgresql
|
|
||||||
- ./backend/scripts/init_postgres.sql:/docker-entrypoint-initdb.d/init.sql:ro
|
|
||||||
ports:
|
|
||||||
- "${POSTGRES_PORT:-5432}:5432"
|
|
||||||
restart: unless-stopped
|
|
||||||
healthcheck:
|
|
||||||
test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER:-mumuai} -d ${POSTGRES_DB:-mumuai_novel}"]
|
|
||||||
interval: 10s
|
|
||||||
timeout: 5s
|
|
||||||
retries: 5
|
|
||||||
start_period: 10s
|
|
||||||
networks:
|
|
||||||
- ai-story-network
|
|
||||||
command:
|
|
||||||
- postgres
|
|
||||||
- -c
|
|
||||||
- max_connections=${POSTGRES_MAX_CONNECTIONS:-200}
|
|
||||||
- -c
|
|
||||||
- shared_buffers=${POSTGRES_SHARED_BUFFERS:-256MB}
|
|
||||||
- -c
|
|
||||||
- effective_cache_size=${POSTGRES_EFFECTIVE_CACHE_SIZE:-1GB}
|
|
||||||
- -c
|
|
||||||
- maintenance_work_mem=${POSTGRES_MAINTENANCE_WORK_MEM:-64MB}
|
|
||||||
- -c
|
|
||||||
- checkpoint_completion_target=${POSTGRES_CHECKPOINT_COMPLETION_TARGET:-0.9}
|
|
||||||
- -c
|
|
||||||
- wal_buffers=${POSTGRES_WAL_BUFFERS:-16MB}
|
|
||||||
- -c
|
|
||||||
- default_statistics_target=${POSTGRES_DEFAULT_STATISTICS_TARGET:-100}
|
|
||||||
- -c
|
|
||||||
- random_page_cost=${POSTGRES_RANDOM_PAGE_COST:-1.1}
|
|
||||||
- -c
|
|
||||||
- effective_io_concurrency=${POSTGRES_EFFECTIVE_IO_CONCURRENCY:-200}
|
|
||||||
- -c
|
|
||||||
- work_mem=${POSTGRES_WORK_MEM:-4MB}
|
|
||||||
- -c
|
|
||||||
- min_wal_size=${POSTGRES_MIN_WAL_SIZE:-1GB}
|
|
||||||
- -c
|
|
||||||
- max_wal_size=${POSTGRES_MAX_WAL_SIZE:-4GB}
|
|
||||||
|
|
||||||
mumuainovel:
|
> 若修改 `.env` 中 `APP_PORT`（例如 `10003`），访问地址为 `http://localhost:10003`。
|
||||||
image: mumujie/mumuainovel:latest
|
|
||||||
container_name: mumuainovel
|
|
||||||
depends_on:
|
|
||||||
postgres:
|
|
||||||
condition: service_healthy
|
|
||||||
ports:
|
|
||||||
- "${APP_PORT:-8000}:8000"
|
|
||||||
volumes:
|
|
||||||
- ./logs:/app/logs
|
|
||||||
- ./.env:/app/.env:ro
|
|
||||||
- ./storage/generated_covers:/app/backend/storage/generated_covers
|
|
||||||
environment:
|
|
||||||
# 应用配置
|
|
||||||
- APP_NAME=${APP_NAME:-墨木灵思}
|
|
||||||
- APP_VERSION=${APP_VERSION:-1.0.0}
|
|
||||||
- APP_HOST=${APP_HOST:-0.0.0.0}
|
|
||||||
- APP_PORT=8000
|
|
||||||
- DEBUG=${DEBUG:-false}
|
|
||||||
# 数据库配置
|
|
||||||
- DATABASE_URL=postgresql+asyncpg://${POSTGRES_USER:-mumuai}:${POSTGRES_PASSWORD:-123456}@postgres:5432/${POSTGRES_DB:-mumuai_novel}
|
|
||||||
- DB_HOST=postgres
|
|
||||||
- DB_PORT=5432
|
|
||||||
- POSTGRES_PASSWORD=${POSTGRES_PASSWORD:-123456}
|
|
||||||
# PostgreSQL 连接池配置
|
|
||||||
- DATABASE_POOL_SIZE=${DATABASE_POOL_SIZE:-30}
|
|
||||||
- DATABASE_MAX_OVERFLOW=${DATABASE_MAX_OVERFLOW:-20}
|
|
||||||
- DATABASE_POOL_TIMEOUT=${DATABASE_POOL_TIMEOUT:-60}
|
|
||||||
- DATABASE_POOL_RECYCLE=${DATABASE_POOL_RECYCLE:-1800}
|
|
||||||
- DATABASE_POOL_PRE_PING=${DATABASE_POOL_PRE_PING:-True}
|
|
||||||
- DATABASE_POOL_USE_LIFO=${DATABASE_POOL_USE_LIFO:-True}
|
|
||||||
# 代理配置（可选）
|
|
||||||
- HTTP_PROXY=${HTTP_PROXY:-}
|
|
||||||
- HTTPS_PROXY=${HTTPS_PROXY:-}
|
|
||||||
- NO_PROXY=${NO_PROXY:-localhost,127.0.0.1}
|
|
||||||
# AI 服务配置
|
|
||||||
- OPENAI_API_KEY=${OPENAI_API_KEY:-}
|
|
||||||
- OPENAI_BASE_URL=${OPENAI_BASE_URL:-https://api.openai.com/v1}
|
|
||||||
- GEMINI_API_KEY=${GEMINI_API_KEY:-}
|
|
||||||
- GEMINI_BASE_URL=${GEMINI_BASE_URL:-}
|
|
||||||
- ANTHROPIC_API_KEY=${ANTHROPIC_API_KEY:-}
|
|
||||||
- ANTHROPIC_BASE_URL=${ANTHROPIC_BASE_URL:-}
|
|
||||||
- DEFAULT_AI_PROVIDER=${DEFAULT_AI_PROVIDER:-openai}
|
|
||||||
- DEFAULT_MODEL=${DEFAULT_MODEL:-gpt-4o-mini}
|
|
||||||
- DEFAULT_TEMPERATURE=${DEFAULT_TEMPERATURE:-0.7}
|
|
||||||
- DEFAULT_MAX_TOKENS=${DEFAULT_MAX_TOKENS:-32000}
|
|
||||||
# LinuxDO OAuth 配置
|
|
||||||
- LINUXDO_CLIENT_ID=${LINUXDO_CLIENT_ID:-11111}
|
|
||||||
- LINUXDO_CLIENT_SECRET=${LINUXDO_CLIENT_SECRET:-11111}
|
|
||||||
- LINUXDO_REDIRECT_URI=${LINUXDO_REDIRECT_URI:-http://localhost:8000/api/auth/linuxdo/callback}
|
|
||||||
- FRONTEND_URL=${FRONTEND_URL:-http://localhost:8000}
|
|
||||||
# 本地账户登录配置
|
|
||||||
- LOCAL_AUTH_ENABLED=${LOCAL_AUTH_ENABLED:-true}
|
|
||||||
- LOCAL_AUTH_USERNAME=${LOCAL_AUTH_USERNAME:-admin}
|
|
||||||
- LOCAL_AUTH_PASSWORD=${LOCAL_AUTH_PASSWORD:-admin123}
|
|
||||||
- LOCAL_AUTH_DISPLAY_NAME=${LOCAL_AUTH_DISPLAY_NAME:-本地管理员}
|
|
||||||
# 会话配置
|
|
||||||
- SESSION_EXPIRE_MINUTES=${SESSION_EXPIRE_MINUTES:-120}
|
|
||||||
- SESSION_REFRESH_THRESHOLD_MINUTES=${SESSION_REFRESH_THRESHOLD_MINUTES:-30}
|
|
||||||
- SESSION_COOKIE_SECURE=${SESSION_COOKIE_SECURE:-true}
|
|
||||||
restart: unless-stopped
|
|
||||||
healthcheck:
|
|
||||||
test: ["CMD", "python", "-c", "import urllib.request; urllib.request.urlopen('http://localhost:8000/health')"]
|
|
||||||
interval: 30s
|
|
||||||
timeout: 10s
|
|
||||||
retries: 3
|
|
||||||
start_period: 30s
|
|
||||||
networks:
|
|
||||||
- ai-story-network
|
|
||||||
|
|
||||||
volumes:
|
### 默认账号
|
||||||
postgres_data:
|
|
||||||
driver: local
|
|
||||||
|
|
||||||
networks:
|
在 `.env` 中启用本地登录时，默认配置示例：
|
||||||
ai-story-network:
|
|
||||||
driver: bridge
|
|
||||||
```
|
|
||||||
|
|
||||||
</details>
|
| 项 | 默认值 |
|
||||||
|
|----|--------|
|
||||||
|
| 用户名 | `admin` |
|
||||||
|
| 密码 | `admin123` |
|
||||||
|
|
||||||
```bash
|
**请在生产环境中立即修改默认密码。**
|
||||||
# 3. 启动服务
|
|
||||||
docker-compose up -d
|
|
||||||
|
|
||||||
# 4. 查看日志
|
### 本地开发（可选）
|
||||||
docker-compose logs -f
|
|
||||||
|
|
||||||
# 5. 更新到最新版本
|
**后端**
|
||||||
docker-compose pull
|
|
||||||
docker-compose up -d
|
|
||||||
```
|
|
||||||
|
|
||||||
> **💡 提示**: Docker Hub 镜像已包含所有依赖和模型文件，无需额外下载
|
|
||||||
|
|
||||||
### 本地开发 / 从源码构建
|
|
||||||
|
|
||||||
#### 前置准备
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# ⚠️ 重要：如果从源码构建，需要先下载 embedding 模型文件
|
|
||||||
# 模型文件较大（约 400MB），需放置到以下目录：
|
|
||||||
# backend/embedding/models--sentence-transformers--paraphrase-multilingual-MiniLM-L12-v2/
|
|
||||||
#
|
|
||||||
# 📥 获取方式：
|
|
||||||
# - 加入项目 QQ 群或 Linux DO 讨论区获取下载链接
|
|
||||||
# - 群号：见项目主页
|
|
||||||
# - Linux DO：https://linux.do/t/topic/1100112
|
|
||||||
```
|
|
||||||
|
|
||||||
#### 后端
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
cd backend
|
cd backend
|
||||||
python -m venv .venv
|
python -m venv .venv
|
||||||
source .venv/bin/activate # Windows: .venv\Scripts\activate
|
# Windows: .venv\Scripts\activate
|
||||||
|
# Linux/macOS: source .venv/bin/activate
|
||||||
pip install -r requirements.txt
|
pip install -r requirements.txt
|
||||||
|
|
||||||
# 配置 .env 文件
|
|
||||||
cp .env.example .env
|
cp .env.example .env
|
||||||
# 编辑 .env 填入必要配置
|
# 配置 DATABASE_URL 与 AI Key 后启动
|
||||||
|
python -m uvicorn app.main:app --host 0.0.0.0 --port 8000 --reload
|
||||||
# 启动 PostgreSQL（可使用 Docker）
|
|
||||||
docker run -d --name postgres \
|
|
||||||
-e POSTGRES_PASSWORD=your_password \
|
|
||||||
-e POSTGRES_DB=mumuai_novel \
|
|
||||||
-p 5432:5432 \
|
|
||||||
postgres:18-alpine
|
|
||||||
|
|
||||||
# 启动后端
|
|
||||||
python -m uvicorn app.main:app --host localhost --port 8000 --reload
|
|
||||||
```
|
```
|
||||||
|
|
||||||
#### 前端
|
**前端**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
cd frontend
|
cd frontend
|
||||||
npm install
|
npm install
|
||||||
npm run dev # 开发模式
|
npm run dev
|
||||||
npm run build # 生产构建
|
|
||||||
```
|
```
|
||||||
|
|
||||||
## ⚙️ 配置说明
|
生产构建：`npm run build`，产物由后端 `backend/static` 托管。
|
||||||
|
|
||||||
### 必需配置
|
### 必需配置示例
|
||||||
|
|
||||||
创建 `.env` 文件：
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
# PostgreSQL 数据库（必需）
|
# 数据库（Docker 场景由 compose 注入，本地需自行填写）
|
||||||
DATABASE_URL=postgresql+asyncpg://mumuai:your_password@postgres:5432/mumuai_novel
|
|
||||||
POSTGRES_PASSWORD=your_secure_password
|
POSTGRES_PASSWORD=your_secure_password
|
||||||
|
|
||||||
# AI 服务
|
# AI 服务（至少配置一项）
|
||||||
OPENAI_API_KEY=your_openai_key
|
OPENAI_API_KEY=your_key
|
||||||
OPENAI_BASE_URL=https://api.openai.com/v1
|
OPENAI_BASE_URL=https://api.openai.com/v1
|
||||||
DEFAULT_AI_PROVIDER=openai
|
DEFAULT_AI_PROVIDER=openai
|
||||||
DEFAULT_MODEL=gpt-4o-mini
|
DEFAULT_MODEL=gpt-4o-mini
|
||||||
|
|
||||||
# 本地账户登录
|
# 本地登录
|
||||||
LOCAL_AUTH_ENABLED=true
|
LOCAL_AUTH_ENABLED=true
|
||||||
LOCAL_AUTH_USERNAME=admin
|
LOCAL_AUTH_USERNAME=admin
|
||||||
LOCAL_AUTH_PASSWORD=your_password
|
LOCAL_AUTH_PASSWORD=your_password
|
||||||
```
|
```
|
||||||
|
|
||||||
### 可选配置
|
### 常见问题
|
||||||
|
|
||||||
```bash
|
| 问题 | 解决方案 |
|
||||||
# LinuxDO OAuth
|
|------|----------|
|
||||||
LINUXDO_CLIENT_ID=your_client_id
|
| 启动后无法访问 | 检查 `APP_PORT` 映射与防火墙；`docker compose ps` 确认容器健康 |
|
||||||
LINUXDO_CLIENT_SECRET=your_client_secret
|
| 登录后 Cookie 未保存 | HTTP 部署时将 `SESSION_COOKIE_SECURE=false` 写入 `.env` 并重启 |
|
||||||
LINUXDO_REDIRECT_URI=http://localhost:8000/api/auth/callback
|
| AI 调用失败 | 核对 API Key、Base URL 及网络代理（`HTTP_PROXY` / `HTTPS_PROXY`） |
|
||||||
|
| 数据库连接失败 | 确认 PostgreSQL 容器已 healthy；检查 `DATABASE_URL` 用户名密码 |
|
||||||
# PostgreSQL 连接池（高并发优化）
|
| 自建镜像缺少 Embedding | 使用官方镜像或按文档将模型放入 `backend/embedding/` 目录 |
|
||||||
DATABASE_POOL_SIZE=30
|
|
||||||
DATABASE_MAX_OVERFLOW=20
|
|
||||||
|
|
||||||
# 会话 Cookie Secure 标记
|
|
||||||
# 默认 true，适合 HTTPS 部署；如果使用 HTTP 访问并且浏览器不保存登录 Cookie，可设为 false
|
|
||||||
SESSION_COOKIE_SECURE=true
|
|
||||||
```
|
|
||||||
|
|
||||||
> **🔐 Cookie Secure 说明**
|
|
||||||
>
|
|
||||||
> - HTTPS 部署：建议保持 `SESSION_COOKIE_SECURE=true`，浏览器只会通过 HTTPS 发送登录 Cookie。
|
|
||||||
> - HTTP 部署：如果登录后浏览器没有保存 Cookie，请在 `.env` 中设置 `SESSION_COOKIE_SECURE=false`，然后重启后端或 Docker 容器。
|
|
||||||
> - Docker Compose 示例默认使用 `SESSION_COOKIE_SECURE=${SESSION_COOKIE_SECURE:-true}`，如需关闭必须在 `.env` 中显式配置。
|
|
||||||
|
|
||||||
### 中转 API 配置
|
|
||||||
|
|
||||||
支持所有 OpenAI 兼容格式的中转服务：
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# New API 示例
|
|
||||||
OPENAI_API_KEY=sk-xxxxxxxx
|
|
||||||
OPENAI_BASE_URL=https://api.new-api.com/v1
|
|
||||||
|
|
||||||
# 其他中转服务
|
|
||||||
OPENAI_BASE_URL=https://your-proxy-service.com/v1
|
|
||||||
```
|
|
||||||
|
|
||||||
## 🐳 Docker 部署详情
|
|
||||||
|
|
||||||
### 服务架构
|
|
||||||
|
|
||||||
- **postgres**: PostgreSQL 18 数据库
|
|
||||||
- 端口: 5432
|
|
||||||
- 数据持久化: `postgres_data` volume
|
|
||||||
- 初始化脚本: `backend/scripts/init_postgres.sql`（自动挂载）
|
|
||||||
- 优化配置: 支持 80-150 并发用户
|
|
||||||
|
|
||||||
- **mumuainovel**: 主应用服务
|
|
||||||
- 端口: 8000
|
|
||||||
- 日志目录: `./logs`
|
|
||||||
- 配置挂载: `.env` 文件
|
|
||||||
- 自动等待数据库就绪
|
|
||||||
- 健康检查: 每 30 秒检测一次
|
|
||||||
|
|
||||||
### 重要文件说明
|
|
||||||
|
|
||||||
| 文件 | 说明 | 是否必需 |
|
|
||||||
|------|------|---------|
|
|
||||||
| `.env` | 环境配置（API Key、数据库密码等） | ✅ 必需 |
|
|
||||||
| `docker-compose.yml` | 服务编排配置 | ✅ 必需 |
|
|
||||||
| `backend/scripts/init_postgres.sql` | PostgreSQL 扩展安装脚本 | ✅ 自动挂载 |
|
|
||||||
| `backend/embedding/models--*/` | Embedding 模型文件 | ⚠️ 自建需要 |
|
|
||||||
|
|
||||||
> **注意**: 使用 Docker Hub 镜像时，模型文件已包含在镜像中，无需额外下载
|
|
||||||
|
|
||||||
### 常用命令
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# 启动服务
|
|
||||||
docker-compose up -d
|
|
||||||
|
|
||||||
# 查看状态
|
|
||||||
docker-compose ps
|
|
||||||
|
|
||||||
# 查看日志
|
|
||||||
docker-compose logs -f
|
|
||||||
|
|
||||||
# 停止服务
|
|
||||||
docker-compose down
|
|
||||||
|
|
||||||
# 重启服务
|
|
||||||
docker-compose restart
|
|
||||||
|
|
||||||
# 查看资源使用
|
|
||||||
docker stats
|
|
||||||
```
|
|
||||||
|
|
||||||
### 数据持久化
|
|
||||||
|
|
||||||
- `./postgres_data` - PostgreSQL 数据库文件
|
|
||||||
- `./logs` - 应用日志文件
|
|
||||||
|
|
||||||
### 端口配置
|
|
||||||
|
|
||||||
修改 `docker-compose.yml` 中的端口映射：
|
|
||||||
|
|
||||||
```yaml
|
|
||||||
ports:
|
|
||||||
- "8800:8000" # 宿主机:容器
|
|
||||||
```
|
|
||||||
|
|
||||||
## 📁 项目结构
|
|
||||||
|
|
||||||
```
|
|
||||||
墨木灵思/
|
|
||||||
├── backend/ # 后端服务
|
|
||||||
│ ├── app/
|
|
||||||
│ │ ├── api/ # API 路由
|
|
||||||
│ │ ├── models/ # 数据模型
|
|
||||||
│ │ ├── services/ # 业务逻辑
|
|
||||||
│ │ ├── middleware/ # 中间件
|
|
||||||
│ │ ├── database.py # 数据库连接
|
|
||||||
│ │ └── main.py # 应用入口
|
|
||||||
│ ├── scripts/ # 工具脚本
|
|
||||||
│ └── requirements.txt # Python 依赖
|
|
||||||
├── frontend/ # 前端应用
|
|
||||||
│ ├── src/
|
|
||||||
│ │ ├── pages/ # 页面组件
|
|
||||||
│ │ ├── components/ # 通用组件
|
|
||||||
│ │ ├── services/ # API 服务
|
|
||||||
│ │ └── store/ # 状态管理
|
|
||||||
│ └── package.json
|
|
||||||
├── docker-compose.yml # Docker Compose 配置
|
|
||||||
├── Dockerfile # Docker 镜像构建
|
|
||||||
└── README.md
|
|
||||||
```
|
|
||||||
|
|
||||||
## 🛠️ 技术栈
|
|
||||||
|
|
||||||
**后端**: FastAPI • PostgreSQL • SQLAlchemy • OpenAI/Claude/Gemini SDK
|
|
||||||
|
|
||||||
**前端**: React 18 • TypeScript • Ant Design • Zustand • Vite
|
|
||||||
|
|
||||||
## 📖 使用指南
|
|
||||||
|
|
||||||
1. **登录系统** - 使用本地账户或 LinuxDO 账户
|
|
||||||
2. **创建项目** - 选择"使用向导创建"
|
|
||||||
3. **AI 生成** - 输入基本信息，AI 自动生成大纲和角色
|
|
||||||
4. **编辑完善** - 管理角色关系，生成和编辑章节
|
|
||||||
|
|
||||||
### API 文档
|
|
||||||
|
|
||||||
- Swagger UI: `http://localhost:8000/docs`
|
|
||||||
- ReDoc: `http://localhost:8000/redoc`
|
|
||||||
|
|
||||||
## 🤝 贡献
|
|
||||||
|
|
||||||
欢迎提交 Issue 和 Pull Request！
|
|
||||||
|
|
||||||
1. Fork 本项目
|
|
||||||
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
|
|
||||||
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
|
|
||||||
4. 推送到分支 (`git push origin feature/AmazingFeature`)
|
|
||||||
5. 提交 Pull Request
|
|
||||||
|
|
||||||
### 贡献者
|
|
||||||
|
|
||||||
感谢所有为本项目做出贡献的开发者！
|
|
||||||
|
|
||||||
<a href="https://github.com/xiamuceer-j/墨木灵思/graphs/contributors">
|
|
||||||
<img src="https://contrib.rocks/image?repo=xiamuceer-j/墨木灵思" />
|
|
||||||
</a>
|
|
||||||
|
|
||||||
## 📝 许可证
|
|
||||||
|
|
||||||
本项目采用 [GNU General Public License v3.0](LICENSE)
|
|
||||||
|
|
||||||
**GPL v3 意味着：**
|
|
||||||
- ✅ 可自由使用、修改和分发
|
|
||||||
- ✅ 可用于商业目的
|
|
||||||
- 📝 必须开源修改版本
|
|
||||||
- 📝 必须保留原作者版权
|
|
||||||
- 📝 衍生作品必须使用 GPL v3 协议
|
|
||||||
|
|
||||||
## 🙏 致谢
|
|
||||||
|
|
||||||
- [FastAPI](https://fastapi.tiangolo.com/) - Python Web 框架
|
|
||||||
- [React](https://react.dev/) - 前端框架
|
|
||||||
- [Ant Design](https://ant.design/) - UI 组件库
|
|
||||||
- [PostgreSQL](https://www.postgresql.org/) - 数据库
|
|
||||||
|
|
||||||
## 📧 联系方式
|
|
||||||
|
|
||||||
- 提交 [Issue](https://github.com/xiamuceer-j/墨木灵思/issues)
|
|
||||||
- Linux DO [讨论](https://linux.do/t/topic/1106333)
|
|
||||||
- 加入QQ群 [QQ群](frontend/public/qq.jpg)
|
|
||||||
- 加入WX群 [WX群](frontend/public/WX.png)
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<div align="center">
|
## 8. 运行示例截图
|
||||||
|
|
||||||
**如果这个项目对你有帮助，请给个 ⭐️ Star！**
|
|
||||||
|
|
||||||
Made with ❤️
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
## Star History
|
|
||||||
|
|
||||||
<a href="https://www.star-history.com/#xiamuceer-j/墨木灵思&type=date&legend=top-left">
|
|
||||||
<picture>
|
|
||||||
<source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=xiamuceer-j/墨木灵思&type=date&theme=dark&legend=top-left" />
|
|
||||||
<source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=xiamuceer-j/墨木灵思&type=date&legend=top-left" />
|
|
||||||
<img alt="Star History Chart" src="https://api.star-history.com/svg?repos=xiamuceer-j/墨木灵思&type=date&legend=top-left" />
|
|
||||||
</picture>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
## History
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -19,13 +19,13 @@ TZ=Asia/Shanghai
|
|||||||
# ==========================================
|
# ==========================================
|
||||||
|
|
||||||
# PostgreSQL 连接信息
|
# PostgreSQL 连接信息
|
||||||
POSTGRES_DB=mumuai_novel
|
POSTGRES_DB=mumulingsi_novel
|
||||||
POSTGRES_USER=mumuai
|
POSTGRES_USER=mumulingsi
|
||||||
POSTGRES_PASSWORD=123456
|
POSTGRES_PASSWORD=123456
|
||||||
POSTGRES_PORT=5432
|
POSTGRES_PORT=5432
|
||||||
|
|
||||||
# 数据库连接 URL（Docker 部署时自动生成）
|
# 数据库连接 URL（Docker 部署时自动生成）
|
||||||
# DATABASE_URL=postgresql+asyncpg://mumuai:123456@localhost:5432/mumuai_novel
|
# DATABASE_URL=postgresql+asyncpg://mumulingsi:123456@localhost:5432/mumulingsi_novel
|
||||||
|
|
||||||
# ==========================================
|
# ==========================================
|
||||||
# SQLite 数据库配置
|
# SQLite 数据库配置
|
||||||
@@ -45,7 +45,7 @@ LOG_BACKUP_COUNT=30
|
|||||||
# ==========================================
|
# ==========================================
|
||||||
# CORS 配置
|
# CORS 配置
|
||||||
# ==========================================
|
# ==========================================
|
||||||
CORS_ORIGINS=["http://localhost:8000","http://127.0.0.1:8000"]
|
CORS_ORIGINS=["http://localhost:3000","http://127.0.0.1:8000"]
|
||||||
|
|
||||||
# ==========================================
|
# ==========================================
|
||||||
# 代理配置（可选）
|
# 代理配置（可选）
|
||||||
@@ -116,11 +116,11 @@ EMAIL_VERIFICATION_RESEND_INTERVAL_SECONDS=60
|
|||||||
# 提示词工坊配置
|
# 提示词工坊配置
|
||||||
# ==========================================
|
# ==========================================
|
||||||
# 运行模式：client（本地部署）或 server（云端服务器）
|
# 运行模式：client（本地部署）或 server（云端服务器）
|
||||||
# 只有 mumuverse.space:1566 需要设置为 server
|
# 云端服务配置示例
|
||||||
WORKSHOP_MODE=client
|
WORKSHOP_MODE=client
|
||||||
|
|
||||||
# 云端服务地址（client 模式使用）
|
# 云端服务地址（client 模式使用）
|
||||||
WORKSHOP_CLOUD_URL=https://mumuverse.space:1566
|
WORKSHOP_CLOUD_URL=
|
||||||
|
|
||||||
# 云端 API 请求超时时间（秒）
|
# 云端 API 请求超时时间（秒）
|
||||||
WORKSHOP_API_TIMEOUT=30
|
WORKSHOP_API_TIMEOUT=30
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
# Alembic Database Migration Profile - PostgreSQL
|
# Alembic Database Migration Profile - PostgreSQL
|
||||||
# Database version management for the 墨木灵思 project
|
# Database version management for the mumulingsi project
|
||||||
|
|
||||||
[alembic]
|
[alembic]
|
||||||
# Migration Script storage directory (PostgreSQL)
|
# Migration Script storage directory (PostgreSQL)
|
||||||
@@ -10,7 +10,7 @@ file_template = %%(year)d%%(month).2d%%(day).2d_%%(hour).2d%%(minute).2d_%%(rev)
|
|||||||
|
|
||||||
# Database connection string
|
# Database connection string
|
||||||
# Note: The actual connection string is read from the environment variable in env.py
|
# Note: The actual connection string is read from the environment variable in env.py
|
||||||
# sqlalchemy.url = postgresql+asyncpg://mumuai:password@localhost:5432/mumuai_novel
|
# sqlalchemy.url = postgresql+asyncpg://mumulingsi:password@localhost:5432/mumulingsi_novel
|
||||||
|
|
||||||
# Log Configuration
|
# Log Configuration
|
||||||
[loggers]
|
[loggers]
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
# Alembic Database Migration Profile - SQLite
|
# Alembic Database Migration Profile - SQLite
|
||||||
# Database version management for the 墨木灵思 project
|
# Database version management for the mumulingsi project
|
||||||
|
|
||||||
[alembic]
|
[alembic]
|
||||||
# Migration Script storage directory (SQLite)
|
# Migration Script storage directory (SQLite)
|
||||||
|
|||||||
@@ -59,7 +59,7 @@ alembic -c alembic-postgres.ini current
|
|||||||
#### 配置环境变量
|
#### 配置环境变量
|
||||||
```bash
|
```bash
|
||||||
# .env 文件
|
# .env 文件
|
||||||
DATABASE_URL=sqlite+aiosqlite:///./data/mumuai.db
|
DATABASE_URL=sqlite+aiosqlite:///./data/mumulingsi.db
|
||||||
```
|
```
|
||||||
|
|
||||||
#### 生成迁移脚本
|
#### 生成迁移脚本
|
||||||
@@ -115,7 +115,7 @@ alembic -c alembic-sqlite.ini current
|
|||||||
|
|
||||||
```bash
|
```bash
|
||||||
# 切换到 SQLite
|
# 切换到 SQLite
|
||||||
DATABASE_URL=sqlite+aiosqlite:///./data/mumuai.db
|
DATABASE_URL=sqlite+aiosqlite:///./data/mumulingsi.db
|
||||||
alembic -c alembic-sqlite.ini upgrade head
|
alembic -c alembic-sqlite.ini upgrade head
|
||||||
|
|
||||||
# 切换到 PostgreSQL
|
# 切换到 PostgreSQL
|
||||||
|
|||||||
@@ -21,8 +21,8 @@ def require_login(request: Request):
|
|||||||
|
|
||||||
# GitHub API配置
|
# GitHub API配置
|
||||||
GITHUB_API_BASE = "https://api.github.com"
|
GITHUB_API_BASE = "https://api.github.com"
|
||||||
REPO_OWNER = "xiamuceer-j"
|
REPO_OWNER = "mumulingsi-project"
|
||||||
REPO_NAME = "墨木灵思"
|
REPO_NAME = "mumulingsi"
|
||||||
|
|
||||||
# 缓存配置
|
# 缓存配置
|
||||||
_cache = {
|
_cache = {
|
||||||
@@ -88,7 +88,7 @@ async def fetch_github_commits(page: int = 1, per_page: int = 30) -> List[dict]:
|
|||||||
|
|
||||||
headers = {
|
headers = {
|
||||||
"Accept": "application/vnd.github.v3+json",
|
"Accept": "application/vnd.github.v3+json",
|
||||||
"User-Agent": "墨木灵思-App"
|
"User-Agent": "mumulingsi-App"
|
||||||
}
|
}
|
||||||
|
|
||||||
try:
|
try:
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ config_logger = logging.getLogger(__name__)
|
|||||||
|
|
||||||
# 数据库配置：PostgreSQL
|
# 数据库配置：PostgreSQL
|
||||||
# 从环境变量获取数据库URL
|
# 从环境变量获取数据库URL
|
||||||
DATABASE_URL = os.getenv("DATABASE_URL", "postgresql+asyncpg://mumuai:password@localhost:5432/mumuai_novel")
|
DATABASE_URL = os.getenv("DATABASE_URL", "postgresql+asyncpg://mumulingsi:password@localhost:5432/mumulingsi_novel")
|
||||||
|
|
||||||
config_logger.debug(f"数据库类型: PostgreSQL")
|
config_logger.debug(f"数据库类型: PostgreSQL")
|
||||||
config_logger.debug(f"数据库URL: {DATABASE_URL}")
|
config_logger.debug(f"数据库URL: {DATABASE_URL}")
|
||||||
@@ -39,7 +39,7 @@ class Settings(BaseSettings):
|
|||||||
log_backup_count: int = 30 # 保留30个备份文件
|
log_backup_count: int = 30 # 保留30个备份文件
|
||||||
|
|
||||||
# CORS配置
|
# CORS配置
|
||||||
cors_origins: list[str] = ["http://localhost:8000", "http://127.0.0.1:8000"]
|
cors_origins: list[str] = ["http://localhost:3000", "http://127.0.0.1:8000"]
|
||||||
|
|
||||||
# 数据库配置 - PostgreSQL
|
# 数据库配置 - PostgreSQL
|
||||||
database_url: str = DATABASE_URL
|
database_url: str = DATABASE_URL
|
||||||
@@ -126,7 +126,7 @@ class Settings(BaseSettings):
|
|||||||
|
|
||||||
# 提示词工坊配置
|
# 提示词工坊配置
|
||||||
WORKSHOP_MODE: str = "client" # client: 本地部署实例, server: 云端中央服务器
|
WORKSHOP_MODE: str = "client" # client: 本地部署实例, server: 云端中央服务器
|
||||||
WORKSHOP_CLOUD_URL: str = "https://mumuverse.space:1566" # 云端服务地址
|
WORKSHOP_CLOUD_URL: str = "" # 云端服务地址
|
||||||
WORKSHOP_API_TIMEOUT: int = 30 # 云端API请求超时时间（秒）
|
WORKSHOP_API_TIMEOUT: int = 30 # 云端API请求超时时间（秒）
|
||||||
|
|
||||||
class Config:
|
class Config:
|
||||||
|
|||||||
@@ -141,6 +141,12 @@ async def db_session_stats(request: Request):
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@app.get("/nanobot/sessions")
|
||||||
|
async def nanobot_sessions():
|
||||||
|
"""兼容层：为环境监控工具提供空的会话列表"""
|
||||||
|
return []
|
||||||
|
|
||||||
|
|
||||||
from app.api import (
|
from app.api import (
|
||||||
projects, outlines, characters, chapters,
|
projects, outlines, characters, chapters,
|
||||||
wizard_stream, relationships, organizations,
|
wizard_stream, relationships, organizations,
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ def _session_secret() -> bytes:
|
|||||||
or settings.openai_api_key
|
or settings.openai_api_key
|
||||||
)
|
)
|
||||||
if not secret:
|
if not secret:
|
||||||
secret = "mumuainovel-development-session-secret"
|
secret = "mumulingsi-development-session-secret"
|
||||||
return str(secret).encode("utf-8")
|
return str(secret).encode("utf-8")
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ logger = get_logger(__name__)
|
|||||||
|
|
||||||
def normalize_provider(provider: Optional[str]) -> Optional[str]:
|
def normalize_provider(provider: Optional[str]) -> Optional[str]:
|
||||||
"""标准化 provider 名称，兼容渠道别名。"""
|
"""标准化 provider 名称，兼容渠道别名。"""
|
||||||
if provider == "mumu":
|
if provider == "xinmi":
|
||||||
return "openai"
|
return "openai"
|
||||||
return provider
|
return provider
|
||||||
|
|
||||||
|
|||||||
@@ -225,11 +225,11 @@ class CoverGenerationService:
|
|||||||
return GeminiCoverProvider(api_key=api_key, base_url=normalized_base_url)
|
return GeminiCoverProvider(api_key=api_key, base_url=normalized_base_url)
|
||||||
if provider_value == "grok":
|
if provider_value == "grok":
|
||||||
return GrokCoverProvider(api_key=api_key, base_url=normalized_base_url)
|
return GrokCoverProvider(api_key=api_key, base_url=normalized_base_url)
|
||||||
if provider_value == "mumu":
|
if provider_value == "xinmi":
|
||||||
if normalized_base_url.endswith("/v1beta"):
|
if normalized_base_url.endswith("/v1beta"):
|
||||||
return GeminiCoverProvider(api_key=api_key, base_url=normalized_base_url)
|
return GeminiCoverProvider(api_key=api_key, base_url=normalized_base_url)
|
||||||
return GrokCoverProvider(api_key=api_key, base_url=normalized_base_url or "https://api.mumuverse.space/v1")
|
return GrokCoverProvider(api_key=api_key, base_url=normalized_base_url or "v1")
|
||||||
raise HTTPException(status_code=400, detail="当前版本仅支持 Gemini、Grok 或 MuMuのAPI 作为封面图片 Provider")
|
raise HTTPException(status_code=400, detail="当前版本仅支持 Gemini、Grok 或 墨木灵思 API 作为封面图片 Provider")
|
||||||
|
|
||||||
def _save_cover_file(
|
def _save_cover_file(
|
||||||
self,
|
self,
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
#!/bin/bash
|
#!/bin/sh
|
||||||
# Docker 容器启动入口脚本
|
# Docker 容器启动入口脚本
|
||||||
# 功能：等待数据库就绪，执行迁移，启动应用
|
# 功能：等待数据库就绪，执行迁移，启动应用
|
||||||
|
|
||||||
@@ -31,8 +31,8 @@ echo "================================================"
|
|||||||
# 数据库配置（从环境变量读取）
|
# 数据库配置（从环境变量读取）
|
||||||
DB_HOST="${DB_HOST:-postgres}"
|
DB_HOST="${DB_HOST:-postgres}"
|
||||||
DB_PORT="${DB_PORT:-5432}"
|
DB_PORT="${DB_PORT:-5432}"
|
||||||
DB_USER="${POSTGRES_USER:-mumuai}"
|
DB_USER="${POSTGRES_USER:-mumulingsi}"
|
||||||
DB_NAME="${POSTGRES_DB:-mumuai_novel}"
|
DB_NAME="${POSTGRES_DB:-mumulingsi_novel}"
|
||||||
|
|
||||||
# 等待数据库就绪
|
# 等待数据库就绪
|
||||||
echo "⏳ 等待数据库启动..."
|
echo "⏳ 等待数据库启动..."
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ CREATE EXTENSION IF NOT EXISTS "pg_trgm"; -- 模糊搜索和全文检索支
|
|||||||
DO $$
|
DO $$
|
||||||
BEGIN
|
BEGIN
|
||||||
RAISE NOTICE '==================================================';
|
RAISE NOTICE '==================================================';
|
||||||
RAISE NOTICE '墨木灵思 PostgreSQL 扩展安装完成';
|
RAISE NOTICE 'mumulingsi PostgreSQL 扩展安装完成';
|
||||||
RAISE NOTICE '已安装扩展:';
|
RAISE NOTICE '已安装扩展:';
|
||||||
RAISE NOTICE ' - uuid-ossp: UUID生成支持';
|
RAISE NOTICE ' - uuid-ossp: UUID生成支持';
|
||||||
RAISE NOTICE ' - pg_trgm: 模糊搜索和全文检索支持';
|
RAISE NOTICE ' - pg_trgm: 模糊搜索和全文检索支持';
|
||||||
|
|||||||
@@ -56,8 +56,8 @@ class PostgreSQLSetup:
|
|||||||
port: int = 5432,
|
port: int = 5432,
|
||||||
admin_user: str = "postgres",
|
admin_user: str = "postgres",
|
||||||
admin_password: str = None,
|
admin_password: str = None,
|
||||||
db_name: str = "mumuai_novel",
|
db_name: str = "xinmi_novel",
|
||||||
db_user: str = "mumuai",
|
db_user: str = "mumulingsi",
|
||||||
db_password: str = "123456"
|
db_password: str = "123456"
|
||||||
):
|
):
|
||||||
"""
|
"""
|
||||||
@@ -374,9 +374,9 @@ async def main():
|
|||||||
admin_password = getpass(f"管理员密码: ")
|
admin_password = getpass(f"管理员密码: ")
|
||||||
|
|
||||||
print("\n请输入要创建的数据库信息:\n")
|
print("\n请输入要创建的数据库信息:\n")
|
||||||
db_name = input("数据库名 [mumuai_novel]: ").strip() or "mumuai_novel"
|
db_name = input("数据库名 [xinmi_novel]: ").strip() or "xinmi_novel"
|
||||||
db_user = input("数据库用户名 [mumuai]: ").strip() or "mumuai"
|
db_user = input("数据库用户名 [mumulingsi]: ").strip() or "mumulingsi"
|
||||||
db_password = getpass("数据库用户密码 [mumuai123]: ") or "mumuai123"
|
db_password = getpass("数据库用户密码 [xinmi123]: ") or "xinmi123"
|
||||||
|
|
||||||
print(f"\n{'='*60}")
|
print(f"\n{'='*60}")
|
||||||
print(f"配置摘要:")
|
print(f"配置摘要:")
|
||||||
|
|||||||
+13
-9
@@ -1,10 +1,10 @@
|
|||||||
services:
|
services:
|
||||||
postgres:
|
postgres:
|
||||||
image: postgres:18-alpine
|
image: postgres:18-alpine
|
||||||
container_name: mumuainovel-postgres
|
container_name: mumulingsi-postgres
|
||||||
environment:
|
environment:
|
||||||
POSTGRES_DB: ${POSTGRES_DB:-mumuai_novel}
|
POSTGRES_DB: ${POSTGRES_DB:-mumulingsi_novel}
|
||||||
POSTGRES_USER: ${POSTGRES_USER:-mumuai}
|
POSTGRES_USER: ${POSTGRES_USER:-mumulingsi}
|
||||||
POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-123456}
|
POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-123456}
|
||||||
POSTGRES_INITDB_ARGS: "--encoding=UTF8 --locale=C"
|
POSTGRES_INITDB_ARGS: "--encoding=UTF8 --locale=C"
|
||||||
TZ: ${TZ:-Asia/Shanghai}
|
TZ: ${TZ:-Asia/Shanghai}
|
||||||
@@ -15,7 +15,7 @@ services:
|
|||||||
- "${POSTGRES_PORT:-5432}:5432"
|
- "${POSTGRES_PORT:-5432}:5432"
|
||||||
restart: unless-stopped
|
restart: unless-stopped
|
||||||
healthcheck:
|
healthcheck:
|
||||||
test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER:-mumuai} -d ${POSTGRES_DB:-mumuai_novel}"]
|
test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER:-mumulingsi} -d ${POSTGRES_DB:-mumulingsi_novel}"]
|
||||||
interval: 10s
|
interval: 10s
|
||||||
timeout: 5s
|
timeout: 5s
|
||||||
retries: 5
|
retries: 5
|
||||||
@@ -49,12 +49,14 @@ services:
|
|||||||
- -c
|
- -c
|
||||||
- max_wal_size=${POSTGRES_MAX_WAL_SIZE:-4GB}
|
- max_wal_size=${POSTGRES_MAX_WAL_SIZE:-4GB}
|
||||||
|
|
||||||
mumuainovel:
|
mumulingsi:
|
||||||
build:
|
build:
|
||||||
context: .
|
context: .
|
||||||
dockerfile: Dockerfile
|
dockerfile: Dockerfile
|
||||||
image: mumujie/mumuainovel:latest
|
args:
|
||||||
container_name: mumuainovel
|
- USE_CN_MIRROR=${USE_CN_MIRROR:-false}
|
||||||
|
image: mumulingsi-project/mumulingsi:latest
|
||||||
|
container_name: mumulingsi
|
||||||
depends_on:
|
depends_on:
|
||||||
postgres:
|
postgres:
|
||||||
condition: service_healthy
|
condition: service_healthy
|
||||||
@@ -76,11 +78,13 @@ services:
|
|||||||
- DEBUG=${DEBUG:-false}
|
- DEBUG=${DEBUG:-false}
|
||||||
|
|
||||||
# 数据库配置
|
# 数据库配置
|
||||||
- DATABASE_URL=postgresql+asyncpg://${POSTGRES_USER:-mumuai}:${POSTGRES_PASSWORD:-123456}@postgres:5432/${POSTGRES_DB:-mumuai_novel}
|
- DATABASE_URL=postgresql+asyncpg://${POSTGRES_USER:-mumulingsi}:${POSTGRES_PASSWORD:-123456}@postgres:5432/${POSTGRES_DB:-mumulingsi_novel}
|
||||||
|
|
||||||
# 数据库连接信息（用于 entrypoint.sh）
|
# 数据库连接信息（用于 entrypoint.sh，须与 postgres 服务一致）
|
||||||
- DB_HOST=postgres
|
- DB_HOST=postgres
|
||||||
- DB_PORT=5432
|
- DB_PORT=5432
|
||||||
|
- POSTGRES_USER=${POSTGRES_USER:-mumulingsi}
|
||||||
|
- POSTGRES_DB=${POSTGRES_DB:-mumulingsi_novel}
|
||||||
- POSTGRES_PASSWORD=${POSTGRES_PASSWORD:-123456}
|
- POSTGRES_PASSWORD=${POSTGRES_PASSWORD:-123456}
|
||||||
|
|
||||||
# PostgreSQL 连接池配置
|
# PostgreSQL 连接池配置
|
||||||
|
|||||||
@@ -0,0 +1,2 @@
|
|||||||
|
# XinMi API 文档地址（默认 https://api.xinmi.cloud，一般无需修改）
|
||||||
|
# VITE_OFFICIAL_API_DOC_URL=https://api.xinmi.cloud
|
||||||
@@ -4,6 +4,9 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/logo.svg" />
|
<link rel="icon" type="image/svg+xml" href="/logo.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
|
||||||
<title>墨木灵思</title>
|
<title>墨木灵思</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -27,14 +27,11 @@ import Login from './pages/Login';
|
|||||||
import AuthCallback from './pages/AuthCallback';
|
import AuthCallback from './pages/AuthCallback';
|
||||||
import ProtectedRoute from './components/ProtectedRoute';
|
import ProtectedRoute from './components/ProtectedRoute';
|
||||||
import AppFooter from './components/AppFooter';
|
import AppFooter from './components/AppFooter';
|
||||||
import SpringFestival from './components/SpringFestival';
|
|
||||||
import './App.css';
|
import './App.css';
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* 🧧 春节喜庆装饰 */}
|
|
||||||
<SpringFestival />
|
|
||||||
<BrowserRouter
|
<BrowserRouter
|
||||||
future={{
|
future={{
|
||||||
v7_startTransition: true,
|
v7_startTransition: true,
|
||||||
|
|||||||
@@ -1,246 +0,0 @@
|
|||||||
import { Modal, Button, Space, theme } from 'antd';
|
|
||||||
import { useEffect, useState } from 'react';
|
|
||||||
|
|
||||||
interface AnnouncementModalProps {
|
|
||||||
visible: boolean;
|
|
||||||
onClose: () => void;
|
|
||||||
onDoNotShowToday: () => void;
|
|
||||||
onNeverShow: () => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function AnnouncementModal({ visible, onClose, onDoNotShowToday, onNeverShow }: AnnouncementModalProps) {
|
|
||||||
const [qqImageError, setQqImageError] = useState(false);
|
|
||||||
const [wxImageError, setWxImageError] = useState(false);
|
|
||||||
const { token } = theme.useToken();
|
|
||||||
const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (visible) {
|
|
||||||
setQqImageError(false);
|
|
||||||
setWxImageError(false);
|
|
||||||
}
|
|
||||||
}, [visible]);
|
|
||||||
|
|
||||||
const handleDoNotShowToday = () => {
|
|
||||||
onDoNotShowToday();
|
|
||||||
onClose();
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleNeverShow = () => {
|
|
||||||
onNeverShow();
|
|
||||||
onClose();
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
title={
|
|
||||||
<div style={{
|
|
||||||
fontSize: '20px',
|
|
||||||
fontWeight: 600,
|
|
||||||
color: token.colorPrimary,
|
|
||||||
textAlign: 'center',
|
|
||||||
}}>
|
|
||||||
🎉 欢迎使用 AI小说创作助手
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
open={visible}
|
|
||||||
onCancel={onClose}
|
|
||||||
footer={
|
|
||||||
<Space style={{ width: '100%', justifyContent: 'center' }}>
|
|
||||||
<Button
|
|
||||||
onClick={handleDoNotShowToday}
|
|
||||||
size="large"
|
|
||||||
style={{
|
|
||||||
borderRadius: '8px',
|
|
||||||
height: '40px',
|
|
||||||
fontSize: '14px',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
今日内不再展示
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
onClick={handleNeverShow}
|
|
||||||
size="large"
|
|
||||||
style={{
|
|
||||||
borderRadius: '8px',
|
|
||||||
height: '40px',
|
|
||||||
fontSize: '14px',
|
|
||||||
background: token.colorPrimary,
|
|
||||||
borderColor: token.colorPrimary,
|
|
||||||
boxShadow: `0 8px 20px ${alphaColor(token.colorPrimary, 0.32)}`,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
永不再展示
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
}
|
|
||||||
width={700}
|
|
||||||
centered
|
|
||||||
styles={{
|
|
||||||
body: {
|
|
||||||
padding: '20px',
|
|
||||||
background: token.colorBgContainer,
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
background: `linear-gradient(135deg, ${alphaColor(token.colorPrimary, 0.1)} 0%, ${alphaColor(token.colorBgContainer, 0.98)} 100%)`,
|
|
||||||
borderBottom: `1px solid ${token.colorBorderSecondary}`,
|
|
||||||
padding: '16px 24px',
|
|
||||||
},
|
|
||||||
footer: {
|
|
||||||
background: token.colorBgContainer,
|
|
||||||
borderTop: `1px solid ${token.colorBorderSecondary}`,
|
|
||||||
padding: '16px 24px',
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div style={{ textAlign: 'center' }}>
|
|
||||||
<div style={{
|
|
||||||
marginBottom: '12px',
|
|
||||||
fontSize: '15px',
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
lineHeight: '1.5',
|
|
||||||
}}>
|
|
||||||
<p style={{ marginBottom: '8px' }}>👋 欢迎加入我们的交流群！在这里你可以：</p>
|
|
||||||
<ul style={{
|
|
||||||
textAlign: 'left',
|
|
||||||
marginLeft: '40px',
|
|
||||||
marginTop: '0',
|
|
||||||
marginBottom: '12px',
|
|
||||||
}}>
|
|
||||||
<li>💬 与其他创作者交流心得</li>
|
|
||||||
<li>💡 获取最新功能更新和使用技巧</li>
|
|
||||||
<li>🐛 反馈问题和建议</li>
|
|
||||||
<li>📚 分享创作经验和灵感</li>
|
|
||||||
</ul>
|
|
||||||
<p style={{ fontWeight: 600, color: token.colorText, marginBottom: '12px' }}>
|
|
||||||
扫描下方二维码加入交流群：
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style={{
|
|
||||||
display: 'flex',
|
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'flex-start',
|
|
||||||
gap: '24px',
|
|
||||||
padding: '16px',
|
|
||||||
background: token.colorBgLayout,
|
|
||||||
borderRadius: '8px',
|
|
||||||
flexWrap: 'wrap',
|
|
||||||
}}>
|
|
||||||
{/* QQ 二维码 */}
|
|
||||||
<div style={{
|
|
||||||
display: 'flex',
|
|
||||||
flexDirection: 'column',
|
|
||||||
alignItems: 'center',
|
|
||||||
minWidth: '200px',
|
|
||||||
}}>
|
|
||||||
<p style={{ fontWeight: 600, color: token.colorText, marginBottom: '8px', fontSize: '14px' }}>
|
|
||||||
QQ交流群
|
|
||||||
</p>
|
|
||||||
{!qqImageError ? (
|
|
||||||
<div style={{
|
|
||||||
display: 'flex',
|
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'center',
|
|
||||||
background: token.colorBgContainer,
|
|
||||||
borderRadius: '8px',
|
|
||||||
padding: '6px',
|
|
||||||
boxShadow: `0 2px 8px ${alphaColor(token.colorText, 0.12)}`,
|
|
||||||
}}>
|
|
||||||
<img
|
|
||||||
src="/qq.jpg"
|
|
||||||
alt="QQ交流群二维码"
|
|
||||||
style={{
|
|
||||||
maxWidth: '180px',
|
|
||||||
maxHeight: '180px',
|
|
||||||
width: 'auto',
|
|
||||||
height: 'auto',
|
|
||||||
display: 'block',
|
|
||||||
objectFit: 'contain',
|
|
||||||
}}
|
|
||||||
onError={() => setQqImageError(true)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div style={{
|
|
||||||
width: '180px',
|
|
||||||
height: '180px',
|
|
||||||
display: 'flex',
|
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'center',
|
|
||||||
background: token.colorBgContainer,
|
|
||||||
borderRadius: '8px',
|
|
||||||
color: token.colorTextTertiary,
|
|
||||||
}}>
|
|
||||||
<p>二维码加载失败</p>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* 微信二维码 */}
|
|
||||||
<div style={{
|
|
||||||
display: 'flex',
|
|
||||||
flexDirection: 'column',
|
|
||||||
alignItems: 'center',
|
|
||||||
minWidth: '200px',
|
|
||||||
}}>
|
|
||||||
<p style={{ fontWeight: 600, color: token.colorText, marginBottom: '8px', fontSize: '14px' }}>
|
|
||||||
微信交流群
|
|
||||||
</p>
|
|
||||||
{!wxImageError ? (
|
|
||||||
<div style={{
|
|
||||||
display: 'flex',
|
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'center',
|
|
||||||
background: token.colorBgContainer,
|
|
||||||
borderRadius: '8px',
|
|
||||||
padding: '6px',
|
|
||||||
boxShadow: `0 2px 8px ${alphaColor(token.colorText, 0.12)}`,
|
|
||||||
}}>
|
|
||||||
<img
|
|
||||||
src="/WX.png"
|
|
||||||
alt="微信交流群二维码"
|
|
||||||
style={{
|
|
||||||
maxWidth: '180px',
|
|
||||||
maxHeight: '180px',
|
|
||||||
width: 'auto',
|
|
||||||
height: 'auto',
|
|
||||||
display: 'block',
|
|
||||||
objectFit: 'contain',
|
|
||||||
}}
|
|
||||||
onError={() => setWxImageError(true)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div style={{
|
|
||||||
width: '180px',
|
|
||||||
height: '180px',
|
|
||||||
display: 'flex',
|
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'center',
|
|
||||||
background: token.colorBgContainer,
|
|
||||||
borderRadius: '8px',
|
|
||||||
color: token.colorTextTertiary,
|
|
||||||
}}>
|
|
||||||
<p>二维码加载失败</p>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style={{
|
|
||||||
marginTop: '16px',
|
|
||||||
padding: '10px',
|
|
||||||
background: token.colorWarningBg,
|
|
||||||
borderRadius: '8px',
|
|
||||||
border: `1px solid ${token.colorWarningBorder}`,
|
|
||||||
fontSize: '13px',
|
|
||||||
color: token.colorWarning,
|
|
||||||
}}>
|
|
||||||
💡 提示：选择"今日内不再展示"当天不再显示，选择"永不再展示"将永久隐藏此公告
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
import { useState, useEffect } from 'react';
|
import { useState, useEffect } from 'react';
|
||||||
import { Typography, Space, Divider, Badge, Button, Grid, theme } from 'antd';
|
import { Typography, Divider, Badge, Grid, theme } from 'antd';
|
||||||
import { GithubOutlined, CopyrightOutlined, HeartFilled, ClockCircleOutlined, GiftOutlined } from '@ant-design/icons';
|
import { ClockCircleOutlined, CopyrightOutlined } from '@ant-design/icons';
|
||||||
import { VERSION_INFO, getVersionString } from '../config/version';
|
import { VERSION_INFO, getVersionString } from '../config/version';
|
||||||
import { checkLatestVersion } from '../services/versionService';
|
import { checkLatestVersion } from '../services/versionService';
|
||||||
|
|
||||||
@@ -21,7 +21,6 @@ export default function AppFooter({ sidebarWidth = 0 }: AppFooterProps) {
|
|||||||
const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
|
const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// 检查版本更新（每次都重新检查）
|
|
||||||
const checkVersion = async () => {
|
const checkVersion = async () => {
|
||||||
try {
|
try {
|
||||||
const result = await checkLatestVersion();
|
const result = await checkLatestVersion();
|
||||||
@@ -33,19 +32,16 @@ export default function AppFooter({ sidebarWidth = 0 }: AppFooterProps) {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// 延迟3秒后检查，避免影响首次加载
|
|
||||||
const timer = setTimeout(checkVersion, 3000);
|
const timer = setTimeout(checkVersion, 3000);
|
||||||
return () => clearTimeout(timer);
|
return () => clearTimeout(timer);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
// 点击版本号查看更新
|
|
||||||
const handleVersionClick = () => {
|
const handleVersionClick = () => {
|
||||||
if (hasUpdate && releaseUrl) {
|
if (hasUpdate && releaseUrl) {
|
||||||
window.open(releaseUrl, '_blank');
|
window.open(releaseUrl, '_blank');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// 计算左边距：桌面端有侧边栏时需要偏移
|
|
||||||
const leftOffset = isMobile ? 0 : sidebarWidth;
|
const leftOffset = isMobile ? 0 : sidebarWidth;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -61,8 +57,8 @@ export default function AppFooter({ sidebarWidth = 0 }: AppFooterProps) {
|
|||||||
padding: isMobile ? '8px 12px' : '10px 16px',
|
padding: isMobile ? '8px 12px' : '10px 16px',
|
||||||
zIndex: 100,
|
zIndex: 100,
|
||||||
boxShadow: `0 -2px 16px ${alphaColor(token.colorText, 0.08)}`,
|
boxShadow: `0 -2px 16px ${alphaColor(token.colorText, 0.08)}`,
|
||||||
backgroundColor: alphaColor(token.colorBgContainer, 0.82), // 半透明背景以支持 backdrop-filter
|
backgroundColor: alphaColor(token.colorBgContainer, 0.82),
|
||||||
transition: 'left 0.3s ease', // 平滑过渡
|
transition: 'left 0.3s ease',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@@ -70,243 +66,67 @@ export default function AppFooter({ sidebarWidth = 0 }: AppFooterProps) {
|
|||||||
maxWidth: 1400,
|
maxWidth: 1400,
|
||||||
margin: '0 auto',
|
margin: '0 auto',
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: isMobile ? 8 : 16,
|
||||||
|
flexWrap: 'wrap'
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{isMobile ? (
|
{/* 版本信息 */}
|
||||||
// 移动端：紧凑单行布局
|
<Badge dot={hasUpdate} offset={[-8, 2]}>
|
||||||
<div style={{
|
<Text
|
||||||
display: 'flex',
|
onClick={handleVersionClick}
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 8,
|
|
||||||
flexWrap: 'wrap'
|
|
||||||
}}>
|
|
||||||
<Badge dot={hasUpdate} offset={[-8, 2]}>
|
|
||||||
<Text
|
|
||||||
onClick={handleVersionClick}
|
|
||||||
style={{
|
|
||||||
fontSize: 11,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 4,
|
|
||||||
color: token.colorPrimary,
|
|
||||||
cursor: hasUpdate ? 'pointer' : 'default',
|
|
||||||
}}
|
|
||||||
title={hasUpdate ? `发现新版本 v${latestVersion}，点击查看` : '当前版本'}
|
|
||||||
>
|
|
||||||
<strong style={{ color: token.colorText }}>{VERSION_INFO.projectName}</strong>
|
|
||||||
<span>{getVersionString()}</span>
|
|
||||||
</Text>
|
|
||||||
</Badge>
|
|
||||||
<Divider type="vertical" style={{ margin: '0 4px', borderColor: token.colorBorder }} />
|
|
||||||
<Button
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
icon={<GiftOutlined />}
|
|
||||||
onClick={() => window.open('https://mumuverse.space:1588/', '_blank')}
|
|
||||||
style={{
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
fontSize: 11,
|
|
||||||
height: 24,
|
|
||||||
padding: '0 4px',
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 4,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
赞助
|
|
||||||
</Button>
|
|
||||||
<Divider type="vertical" style={{ margin: '0 4px', borderColor: token.colorBorder }} />
|
|
||||||
<Link
|
|
||||||
href={VERSION_INFO.githubUrl}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
style={{
|
|
||||||
fontSize: 11,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 4,
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<GithubOutlined style={{ fontSize: 12 }} />
|
|
||||||
</Link>
|
|
||||||
<Text
|
|
||||||
style={{
|
|
||||||
fontSize: 10,
|
|
||||||
color: token.colorTextTertiary,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<ClockCircleOutlined style={{ fontSize: 10, marginRight: 4 }} />
|
|
||||||
{VERSION_INFO.buildTime}
|
|
||||||
</Text>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
// PC端：完整布局
|
|
||||||
<Space
|
|
||||||
direction="horizontal"
|
|
||||||
size={12}
|
|
||||||
split={<Divider type="vertical" style={{ borderColor: token.colorBorder }} />}
|
|
||||||
style={{
|
style={{
|
||||||
|
fontSize: isMobile ? 11 : 12,
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'center',
|
alignItems: 'center',
|
||||||
alignItems: 'center'
|
gap: 6,
|
||||||
|
color: token.colorTextSecondary,
|
||||||
|
cursor: hasUpdate ? 'pointer' : 'default',
|
||||||
}}
|
}}
|
||||||
|
title={hasUpdate ? `发现新版本 v${latestVersion}，点击查看` : '当前版本'}
|
||||||
>
|
>
|
||||||
{/* 版本信息 */}
|
<strong style={{ color: token.colorText }}>{VERSION_INFO.projectName}</strong>
|
||||||
<Badge dot={hasUpdate} offset={[-8, 2]}>
|
<span>{getVersionString()}</span>
|
||||||
<Text
|
</Text>
|
||||||
onClick={handleVersionClick}
|
</Badge>
|
||||||
style={{
|
|
||||||
fontSize: 12,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 6,
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
textShadow: 'none',
|
|
||||||
cursor: hasUpdate ? 'pointer' : 'default',
|
|
||||||
transition: 'all 0.3s',
|
|
||||||
}}
|
|
||||||
onMouseEnter={(e) => {
|
|
||||||
if (hasUpdate) {
|
|
||||||
e.currentTarget.style.transform = 'scale(1.05)';
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
onMouseLeave={(e) => {
|
|
||||||
if (hasUpdate) {
|
|
||||||
e.currentTarget.style.transform = 'scale(1)';
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
title={hasUpdate ? `发现新版本 v${latestVersion}，点击查看` : '当前版本'}
|
|
||||||
>
|
|
||||||
<strong style={{ color: token.colorText }}>{VERSION_INFO.projectName}</strong>
|
|
||||||
<span>{getVersionString()}</span>
|
|
||||||
</Text>
|
|
||||||
</Badge>
|
|
||||||
|
|
||||||
{/* GitHub 链接 */}
|
<Divider type="vertical" style={{ borderColor: token.colorBorder }} />
|
||||||
<Link
|
|
||||||
href={VERSION_INFO.githubUrl}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
style={{
|
|
||||||
fontSize: 12,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 6,
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<GithubOutlined style={{ fontSize: 13 }} />
|
|
||||||
<span>GitHub</span>
|
|
||||||
</Link>
|
|
||||||
|
|
||||||
{/* 资源模块 */}
|
{/* 许可证 */}
|
||||||
<Link
|
<Link
|
||||||
href="https://www.xinmi.cloud/"
|
href={VERSION_INFO.licenseUrl}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
style={{
|
style={{
|
||||||
fontSize: 12,
|
fontSize: isMobile ? 11 : 12,
|
||||||
color: token.colorTextSecondary,
|
display: 'flex',
|
||||||
}}
|
alignItems: 'center',
|
||||||
>
|
gap: 6,
|
||||||
源码库
|
color: token.colorTextSecondary,
|
||||||
</Link>
|
}}
|
||||||
|
>
|
||||||
|
<CopyrightOutlined style={{ fontSize: 11 }} />
|
||||||
|
<span>{VERSION_INFO.license}</span>
|
||||||
|
</Link>
|
||||||
|
|
||||||
{/* LinuxDO 社区 */}
|
<Divider type="vertical" style={{ borderColor: token.colorBorder }} />
|
||||||
<Link
|
|
||||||
href={VERSION_INFO.linuxDoUrl}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
style={{
|
|
||||||
fontSize: 12,
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
LinuxDO 社区
|
|
||||||
</Link>
|
|
||||||
|
|
||||||
{/* 赞助按钮 */}
|
{/* 更新时间 */}
|
||||||
<Button
|
<Text
|
||||||
type="primary"
|
style={{
|
||||||
icon={<GiftOutlined style={{ fontSize: 14 }} />}
|
fontSize: isMobile ? 10 : 12,
|
||||||
onClick={() => window.open('https://mumuverse.space:1588/', '_blank')}
|
display: 'flex',
|
||||||
style={{
|
alignItems: 'center',
|
||||||
background: token.colorPrimary,
|
gap: 4,
|
||||||
border: 'none',
|
color: token.colorTextTertiary,
|
||||||
boxShadow: `0 4px 12px ${alphaColor(token.colorPrimary, 0.35)}`,
|
}}
|
||||||
fontSize: 13,
|
>
|
||||||
height: 32,
|
<ClockCircleOutlined style={{ fontSize: isMobile ? 10 : 12 }} />
|
||||||
padding: '0 20px',
|
<span>{VERSION_INFO.buildTime}</span>
|
||||||
display: 'flex',
|
</Text>
|
||||||
alignItems: 'center',
|
|
||||||
gap: 6,
|
|
||||||
fontWeight: 600,
|
|
||||||
transition: 'all 0.3s',
|
|
||||||
}}
|
|
||||||
onMouseEnter={(e) => {
|
|
||||||
e.currentTarget.style.transform = 'translateY(-2px)';
|
|
||||||
e.currentTarget.style.boxShadow = `0 6px 16px ${alphaColor(token.colorPrimary, 0.5)}`;
|
|
||||||
}}
|
|
||||||
onMouseLeave={(e) => {
|
|
||||||
e.currentTarget.style.transform = 'translateY(0)';
|
|
||||||
e.currentTarget.style.boxShadow = `0 4px 12px ${alphaColor(token.colorPrimary, 0.35)}`;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
赞助支持
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
{/* 许可证 */}
|
|
||||||
<Link
|
|
||||||
href={VERSION_INFO.licenseUrl}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
style={{
|
|
||||||
fontSize: 12,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 6,
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<CopyrightOutlined style={{ fontSize: 11 }} />
|
|
||||||
<span>{VERSION_INFO.license}</span>
|
|
||||||
</Link>
|
|
||||||
|
|
||||||
{/* 更新时间 */}
|
|
||||||
<Text
|
|
||||||
style={{
|
|
||||||
fontSize: 12,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 4,
|
|
||||||
color: token.colorTextTertiary,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<ClockCircleOutlined style={{ fontSize: 12 }} />
|
|
||||||
<span>{VERSION_INFO.buildTime}</span>
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
{/* 致谢信息 */}
|
|
||||||
<Text
|
|
||||||
style={{
|
|
||||||
fontSize: 12,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 4,
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
textShadow: `0 1px 3px ${alphaColor(token.colorText, 0.08)}`,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<span>Made with</span>
|
|
||||||
<HeartFilled style={{ color: token.colorError, fontSize: 11 }} />
|
|
||||||
<span>by {VERSION_INFO.author}</span>
|
|
||||||
</Text>
|
|
||||||
</Space>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -20,10 +20,7 @@ const bookshelfNewHoverShadow = `
|
|||||||
inset 0 1px 0 color-mix(in srgb, var(--ant-color-bg-container) 90%, transparent)
|
inset 0 1px 0 color-mix(in srgb, var(--ant-color-bg-container) 90%, transparent)
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const promptTemplateBaseShadow = `
|
const promptTemplateBaseShadow = '4px 4px 0 color-mix(in srgb, var(--ant-color-text) 10%, transparent)';
|
||||||
0 6px 16px color-mix(in srgb, var(--ant-color-text) 11%, transparent),
|
|
||||||
0 1px 0 color-mix(in srgb, var(--ant-color-white) 42%, transparent) inset
|
|
||||||
`;
|
|
||||||
|
|
||||||
// BookshelfPage 样式（书架/书本卡片）
|
// BookshelfPage 样式（书架/书本卡片）
|
||||||
export const bookshelfCardStyles = {
|
export const bookshelfCardStyles = {
|
||||||
@@ -107,28 +104,25 @@ export const bookshelfCardHoverHandlers = {
|
|||||||
export const promptTemplateCardStyles = {
|
export const promptTemplateCardStyles = {
|
||||||
templateCard: {
|
templateCard: {
|
||||||
height: '100%',
|
height: '100%',
|
||||||
borderRadius: 14,
|
borderRadius: 2,
|
||||||
overflow: 'hidden',
|
overflow: 'hidden',
|
||||||
border: '1px solid color-mix(in srgb, var(--ant-color-text) 8%, transparent)',
|
border: '1px solid color-mix(in srgb, var(--ant-color-text) 14%, transparent)',
|
||||||
background: 'linear-gradient(180deg, color-mix(in srgb, var(--ant-color-bg-container) 97%, var(--ant-color-primary) 3%) 0%, var(--ant-color-bg-container) 100%)',
|
background: 'var(--ant-color-bg-container)',
|
||||||
boxShadow: promptTemplateBaseShadow,
|
boxShadow: promptTemplateBaseShadow,
|
||||||
transition: 'transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.28s ease',
|
transition: 'transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease',
|
||||||
} as CSSProperties,
|
} as CSSProperties,
|
||||||
};
|
};
|
||||||
|
|
||||||
export const promptTemplateCardHoverHandlers = {
|
export const promptTemplateCardHoverHandlers = {
|
||||||
onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {
|
onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {
|
||||||
const target = e.currentTarget;
|
const target = e.currentTarget;
|
||||||
target.style.transform = 'translateY(-6px)';
|
target.style.transform = 'translate(-2px, -2px)';
|
||||||
target.style.boxShadow = `
|
target.style.boxShadow = '6px 6px 0 color-mix(in srgb, var(--ant-color-primary) 25%, transparent)';
|
||||||
0 14px 24px color-mix(in srgb, var(--ant-color-text) 16%, transparent),
|
|
||||||
0 1px 0 color-mix(in srgb, var(--ant-color-white) 48%, transparent) inset
|
|
||||||
`;
|
|
||||||
target.style.borderColor = 'color-mix(in srgb, var(--ant-color-primary) 24%, transparent)';
|
target.style.borderColor = 'color-mix(in srgb, var(--ant-color-primary) 24%, transparent)';
|
||||||
},
|
},
|
||||||
onMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => {
|
onMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => {
|
||||||
const target = e.currentTarget;
|
const target = e.currentTarget;
|
||||||
target.style.transform = 'translateY(0)';
|
target.style.transform = 'translate(0, 0)';
|
||||||
target.style.boxShadow = promptTemplateBaseShadow;
|
target.style.boxShadow = promptTemplateBaseShadow;
|
||||||
target.style.borderColor = 'color-mix(in srgb, var(--ant-color-text) 8%, transparent)';
|
target.style.borderColor = 'color-mix(in srgb, var(--ant-color-text) 8%, transparent)';
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,38 +0,0 @@
|
|||||||
import { useState } from 'react';
|
|
||||||
import { FloatButton, Grid } from 'antd';
|
|
||||||
import { FileTextOutlined } from '@ant-design/icons';
|
|
||||||
import ChangelogModal from './ChangelogModal';
|
|
||||||
|
|
||||||
const { useBreakpoint } = Grid;
|
|
||||||
|
|
||||||
export default function ChangelogFloatingButton() {
|
|
||||||
const [showChangelog, setShowChangelog] = useState(false);
|
|
||||||
const screens = useBreakpoint();
|
|
||||||
const isMobile = !screens.md;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<FloatButton
|
|
||||||
icon={<FileTextOutlined />}
|
|
||||||
type="primary"
|
|
||||||
tooltip="查看更新日志"
|
|
||||||
style={{
|
|
||||||
// 桌面端时，确保按钮在主内容区域内（侧边栏右侧）
|
|
||||||
right: 24,
|
|
||||||
bottom: 100,
|
|
||||||
// 移动端无侧边栏，不需要额外处理
|
|
||||||
...(isMobile ? {} : {
|
|
||||||
// 确保 zIndex 低于侧边栏但高于内容
|
|
||||||
zIndex: 999,
|
|
||||||
}),
|
|
||||||
}}
|
|
||||||
onClick={() => setShowChangelog(true)}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ChangelogModal
|
|
||||||
visible={showChangelog}
|
|
||||||
onClose={() => setShowChangelog(false)}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,306 +0,0 @@
|
|||||||
import { Modal, Timeline, Tag, Avatar, Empty, Spin, Button, Space } from 'antd';
|
|
||||||
import { useState, useEffect } from 'react';
|
|
||||||
import {
|
|
||||||
BugOutlined,
|
|
||||||
StarOutlined,
|
|
||||||
FileTextOutlined,
|
|
||||||
BgColorsOutlined,
|
|
||||||
ThunderboltOutlined,
|
|
||||||
ExperimentOutlined,
|
|
||||||
ToolOutlined,
|
|
||||||
QuestionCircleOutlined,
|
|
||||||
GithubOutlined,
|
|
||||||
ReloadOutlined,
|
|
||||||
ClockCircleOutlined,
|
|
||||||
SyncOutlined,
|
|
||||||
} from '@ant-design/icons';
|
|
||||||
import {
|
|
||||||
fetchChangelog,
|
|
||||||
groupChangelogByDate,
|
|
||||||
cacheChangelog,
|
|
||||||
clearChangelogCache,
|
|
||||||
type ChangelogEntry,
|
|
||||||
} from '../services/changelogService';
|
|
||||||
|
|
||||||
interface ChangelogModalProps {
|
|
||||||
visible: boolean;
|
|
||||||
onClose: () => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 提交类型图标和颜色配置
|
|
||||||
const typeConfig: Record<ChangelogEntry['type'], { icon: React.ReactNode; color: string; label: string }> = {
|
|
||||||
feature: { icon: <StarOutlined />, color: 'green', label: '新功能' },
|
|
||||||
update: { icon: <SyncOutlined />, color: 'geekblue', label: '更新' },
|
|
||||||
fix: { icon: <BugOutlined />, color: 'red', label: '修复' },
|
|
||||||
docs: { icon: <FileTextOutlined />, color: 'blue', label: '文档' },
|
|
||||||
style: { icon: <BgColorsOutlined />, color: 'purple', label: '样式' },
|
|
||||||
refactor: { icon: <ThunderboltOutlined />, color: 'orange', label: '重构' },
|
|
||||||
perf: { icon: <ThunderboltOutlined />, color: 'gold', label: '性能' },
|
|
||||||
test: { icon: <ExperimentOutlined />, color: 'cyan', label: '测试' },
|
|
||||||
chore: { icon: <ToolOutlined />, color: 'default', label: '杂项' },
|
|
||||||
other: { icon: <QuestionCircleOutlined />, color: 'default', label: '其他' },
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function ChangelogModal({ visible, onClose }: ChangelogModalProps) {
|
|
||||||
const [changelog, setChangelog] = useState<ChangelogEntry[]>([]);
|
|
||||||
const [loading, setLoading] = useState(false);
|
|
||||||
const [error, setError] = useState<string | null>(null);
|
|
||||||
const [page, setPage] = useState(1);
|
|
||||||
const [hasMore, setHasMore] = useState(true);
|
|
||||||
|
|
||||||
// 加载更新日志
|
|
||||||
// 每次用户打开窗口时才同步获取最新数据，不自动刷新
|
|
||||||
const loadChangelog = async (pageNum: number = 1, append: boolean = false) => {
|
|
||||||
setLoading(true);
|
|
||||||
setError(null);
|
|
||||||
|
|
||||||
try {
|
|
||||||
// 每次打开都从网络获取最新数据
|
|
||||||
const entries = await fetchChangelog(pageNum, 30);
|
|
||||||
|
|
||||||
if (entries.length === 0) {
|
|
||||||
setHasMore(false);
|
|
||||||
} else {
|
|
||||||
if (append) {
|
|
||||||
setChangelog(prev => [...prev, ...entries]);
|
|
||||||
} else {
|
|
||||||
setChangelog(entries);
|
|
||||||
// 缓存第一页数据（用于分页加载时的数据持久化）
|
|
||||||
if (pageNum === 1) {
|
|
||||||
cacheChangelog(entries);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
setError(err instanceof Error ? err.message : '获取更新日志失败');
|
|
||||||
} finally {
|
|
||||||
setLoading(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 初始加载
|
|
||||||
useEffect(() => {
|
|
||||||
if (visible) {
|
|
||||||
loadChangelog(1, false);
|
|
||||||
setPage(1);
|
|
||||||
setHasMore(true);
|
|
||||||
}
|
|
||||||
}, [visible]);
|
|
||||||
|
|
||||||
// 加载更多
|
|
||||||
const handleLoadMore = () => {
|
|
||||||
const nextPage = page + 1;
|
|
||||||
setPage(nextPage);
|
|
||||||
loadChangelog(nextPage, true);
|
|
||||||
};
|
|
||||||
|
|
||||||
// 刷新（清除缓存并重新加载）
|
|
||||||
const handleRefresh = () => {
|
|
||||||
clearChangelogCache();
|
|
||||||
setPage(1);
|
|
||||||
setHasMore(true);
|
|
||||||
loadChangelog(1, false);
|
|
||||||
};
|
|
||||||
|
|
||||||
// 按日期分组
|
|
||||||
const groupedChangelog = groupChangelogByDate(changelog);
|
|
||||||
const sortedDates = Array.from(groupedChangelog.keys()).sort((a, b) => b.localeCompare(a));
|
|
||||||
|
|
||||||
// 格式化日期
|
|
||||||
const formatDate = (dateStr: string) => {
|
|
||||||
const date = new Date(dateStr);
|
|
||||||
const now = new Date();
|
|
||||||
const diffDays = Math.floor((now.getTime() - date.getTime()) / (1000 * 60 * 60 * 24));
|
|
||||||
|
|
||||||
if (diffDays === 0) return '今天';
|
|
||||||
if (diffDays === 1) return '昨天';
|
|
||||||
if (diffDays < 7) return `${diffDays} 天前`;
|
|
||||||
|
|
||||||
return date.toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 格式化时间
|
|
||||||
const formatTime = (dateStr: string) => {
|
|
||||||
return new Date(dateStr).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
title={
|
|
||||||
<Space>
|
|
||||||
<GithubOutlined />
|
|
||||||
<span>更新日志</span>
|
|
||||||
<Button
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
icon={<ReloadOutlined />}
|
|
||||||
onClick={handleRefresh}
|
|
||||||
loading={loading}
|
|
||||||
title="刷新"
|
|
||||||
/>
|
|
||||||
</Space>
|
|
||||||
}
|
|
||||||
open={visible}
|
|
||||||
onCancel={onClose}
|
|
||||||
footer={null}
|
|
||||||
width={800}
|
|
||||||
centered
|
|
||||||
styles={{
|
|
||||||
body: {
|
|
||||||
maxHeight: '70vh',
|
|
||||||
overflowY: 'auto',
|
|
||||||
padding: '24px',
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{error && (
|
|
||||||
<div style={{
|
|
||||||
padding: '16px',
|
|
||||||
marginBottom: '16px',
|
|
||||||
background: 'var(--color-error-bg)',
|
|
||||||
border: '1px solid var(--color-error-border)',
|
|
||||||
borderRadius: '4px',
|
|
||||||
color: 'var(--color-error)',
|
|
||||||
}}>
|
|
||||||
{error}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{loading && changelog.length === 0 ? (
|
|
||||||
<div style={{ textAlign: 'center', padding: '40px 0' }}>
|
|
||||||
<Spin size="large" tip="加载更新日志中..." />
|
|
||||||
</div>
|
|
||||||
) : changelog.length === 0 ? (
|
|
||||||
<Empty description="暂无更新日志" />
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
{sortedDates.map(date => {
|
|
||||||
const entries = groupedChangelog.get(date) || [];
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div key={date} style={{ marginBottom: '32px' }}>
|
|
||||||
<div style={{
|
|
||||||
fontSize: '16px',
|
|
||||||
fontWeight: 600,
|
|
||||||
color: 'var(--color-primary)',
|
|
||||||
marginBottom: '16px',
|
|
||||||
paddingBottom: '8px',
|
|
||||||
borderBottom: '2px solid var(--color-border-secondary)',
|
|
||||||
}}>
|
|
||||||
<ClockCircleOutlined style={{ marginRight: '8px' }} />
|
|
||||||
{formatDate(date)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Timeline>
|
|
||||||
{entries.map(entry => {
|
|
||||||
const config = typeConfig[entry.type] || typeConfig.other;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Timeline.Item
|
|
||||||
key={entry.id}
|
|
||||||
dot={
|
|
||||||
<div style={{
|
|
||||||
width: '24px',
|
|
||||||
height: '24px',
|
|
||||||
borderRadius: '50%',
|
|
||||||
background: 'var(--color-bg-container)',
|
|
||||||
border: `2px solid ${config.color === 'default' ? 'var(--color-border)' : config.color}`,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
fontSize: '12px',
|
|
||||||
}}>
|
|
||||||
{config.icon}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<div style={{ marginLeft: '8px' }}>
|
|
||||||
<Space size="small" wrap>
|
|
||||||
<Tag color={config.color} icon={config.icon}>
|
|
||||||
{config.label}
|
|
||||||
</Tag>
|
|
||||||
{entry.scope && (
|
|
||||||
<Tag color="blue">{entry.scope}</Tag>
|
|
||||||
)}
|
|
||||||
<span style={{ color: 'var(--color-text-tertiary)', fontSize: '12px' }}>
|
|
||||||
{formatTime(entry.date)}
|
|
||||||
</span>
|
|
||||||
</Space>
|
|
||||||
|
|
||||||
<div style={{
|
|
||||||
marginTop: '8px',
|
|
||||||
fontSize: '14px',
|
|
||||||
lineHeight: '1.6',
|
|
||||||
color: 'var(--color-text-primary)',
|
|
||||||
}}>
|
|
||||||
{entry.message}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Space size="small" style={{ marginTop: '8px' }}>
|
|
||||||
{entry.author.avatar && (
|
|
||||||
<Avatar size="small" src={entry.author.avatar} />
|
|
||||||
)}
|
|
||||||
<span style={{ color: 'var(--color-text-secondary)', fontSize: '13px' }}>
|
|
||||||
{entry.author.username || entry.author.name}
|
|
||||||
</span>
|
|
||||||
<a
|
|
||||||
href={entry.commitUrl}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
style={{ fontSize: '12px' }}
|
|
||||||
>
|
|
||||||
查看提交
|
|
||||||
</a>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
</Timeline.Item>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</Timeline>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
|
|
||||||
{
|
|
||||||
hasMore && (
|
|
||||||
<div style={{ textAlign: 'center', marginTop: '24px' }}>
|
|
||||||
<Button
|
|
||||||
type="default"
|
|
||||||
onClick={handleLoadMore}
|
|
||||||
loading={loading}
|
|
||||||
>
|
|
||||||
加载更多
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
|
||||||
!hasMore && changelog.length > 0 && (
|
|
||||||
<div style={{
|
|
||||||
textAlign: 'center',
|
|
||||||
color: 'var(--color-text-tertiary)',
|
|
||||||
padding: '16px 0',
|
|
||||||
fontSize: '14px',
|
|
||||||
}}>
|
|
||||||
已显示所有更新日志
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<div style={{
|
|
||||||
marginTop: '24px',
|
|
||||||
padding: '12px',
|
|
||||||
background: 'var(--color-info-bg)',
|
|
||||||
borderRadius: '4px',
|
|
||||||
border: '1px solid var(--color-info-border)',
|
|
||||||
fontSize: '13px',
|
|
||||||
color: 'var(--color-primary)',
|
|
||||||
}}>
|
|
||||||
💡 提示：每次打开窗口时自动获取最新更新日志，数据来源于 GitHub 提交历史
|
|
||||||
</div>
|
|
||||||
</Modal >
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -6,7 +6,7 @@ import axios from 'axios';
|
|||||||
const { TextArea } = Input;
|
const { TextArea } = Input;
|
||||||
const { Text, Paragraph } = Typography;
|
const { Text, Paragraph } = Typography;
|
||||||
|
|
||||||
const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8000';
|
const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || '';
|
||||||
|
|
||||||
interface CareerDetail {
|
interface CareerDetail {
|
||||||
id: string;
|
id: string;
|
||||||
|
|||||||
@@ -16,9 +16,12 @@ export const VERSION_INFO = {
|
|||||||
projectName: '墨木灵思',
|
projectName: '墨木灵思',
|
||||||
projectFullName: '墨木灵思 - AI 智能小说创作助手',
|
projectFullName: '墨木灵思 - AI 智能小说创作助手',
|
||||||
|
|
||||||
// 链接信息
|
// 链接信息（不在代码里写死 GitHub；需要时在 .env 里配置 Vite 变量）
|
||||||
githubUrl: 'https://www.xinmi.cloud/',
|
linuxDoUrl: '',
|
||||||
linuxDoUrl: 'https://linux.do/t/topic/1106333',
|
/** XinMi API 官方地址（侧栏入口、设置页文档链接） */
|
||||||
|
xinmiApiBaseUrl: 'http://api.xinmi.cloud',
|
||||||
|
officialApiDocUrl:
|
||||||
|
String(import.meta.env.VITE_OFFICIAL_API_DOC_URL ?? '').trim() || 'http://api.xinmi.cloud',
|
||||||
|
|
||||||
// 许可证
|
// 许可证
|
||||||
license: 'GPL v3.0',
|
license: 'GPL v3.0',
|
||||||
|
|||||||
+45
-3
@@ -5,7 +5,14 @@ body,
|
|||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
font-family: "PingFang SC", "Microsoft YaHei", "Heiti SC", Inter, system-ui, sans-serif;
|
--app-font-serif: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
|
||||||
|
--app-font-sans: 'Source Sans 3', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||||
|
--app-font-mono: 'IBM Plex Mono', 'Consolas', monospace;
|
||||||
|
--app-ink: #292524;
|
||||||
|
--app-parchment: #f5f0e6;
|
||||||
|
--app-copper: #b45309;
|
||||||
|
--app-gold: #f59e0b;
|
||||||
|
font-family: var(--app-font-sans);
|
||||||
line-height: 1.5715;
|
line-height: 1.5715;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-synthesis: none;
|
font-synthesis: none;
|
||||||
@@ -16,6 +23,41 @@ body,
|
|||||||
-ms-text-size-adjust: 100%;
|
-ms-text-size-adjust: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[data-theme-resolved='dark'] {
|
||||||
|
--app-ink: #e7e5e4;
|
||||||
|
--app-parchment: #0c0a09;
|
||||||
|
--app-copper: #f59e0b;
|
||||||
|
--app-gold: #fbbf24;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-serif-title {
|
||||||
|
font-family: var(--app-font-serif);
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-shell-sider .ant-menu-dark,
|
||||||
|
.app-shell-sider .ant-menu {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-shell-sider .ant-menu-item-selected {
|
||||||
|
border-left: 3px solid var(--app-gold) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-login-tabs .ant-tabs-nav::before {
|
||||||
|
border-bottom-color: color-mix(in srgb, var(--app-ink) 12%, transparent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-login-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
|
||||||
|
color: var(--app-copper) !important;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-prompt-header {
|
||||||
|
border-left: 4px solid var(--app-copper);
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
@@ -219,8 +261,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ant-tooltip .ant-tooltip-inner {
|
.ant-tooltip .ant-tooltip-inner {
|
||||||
background: var(--app-tooltip-bg, #884d5c);
|
background: var(--app-tooltip-bg, #292524);
|
||||||
border-radius: 8px;
|
border-radius: 2px;
|
||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
box-shadow: 0 4px 12px var(--app-tooltip-shadow, rgba(136, 77, 92, 0.3));
|
box-shadow: 0 4px 12px var(--app-tooltip-shadow, rgba(136, 77, 92, 0.3));
|
||||||
|
|||||||
@@ -8,6 +8,8 @@ import {
|
|||||||
SmileOutlined
|
SmileOutlined
|
||||||
} from '@ant-design/icons';
|
} from '@ant-design/icons';
|
||||||
|
|
||||||
|
import { VERSION_INFO } from '../config/version';
|
||||||
|
|
||||||
const { Title, Paragraph, Text } = Typography;
|
const { Title, Paragraph, Text } = Typography;
|
||||||
|
|
||||||
export default function About() {
|
export default function About() {
|
||||||
@@ -52,7 +54,7 @@ export default function About() {
|
|||||||
<div style={{ textAlign: 'center', marginBottom: 48 }}>
|
<div style={{ textAlign: 'center', marginBottom: 48 }}>
|
||||||
<Title level={1}>关于 墨木灵思</Title>
|
<Title level={1}>关于 墨木灵思</Title>
|
||||||
<Paragraph style={{ fontSize: 18, color: token.colorTextSecondary }}>
|
<Paragraph style={{ fontSize: 18, color: token.colorTextSecondary }}>
|
||||||
墨木灵思 (MoMu LingSi) 是一款基于人工智能的智能小说创作助手，旨在帮助创作者更高效、更具创意地完成文学作品。
|
墨木灵思 是一款基于人工智能的智能小说创作助手，旨在帮助创作者更高效、更具创意地完成文学作品。
|
||||||
</Paragraph>
|
</Paragraph>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -140,7 +142,16 @@ export default function About() {
|
|||||||
|
|
||||||
<div style={{ textAlign: 'center', marginTop: 64, marginBottom: 32 }}>
|
<div style={{ textAlign: 'center', marginTop: 64, marginBottom: 32 }}>
|
||||||
<Paragraph type="secondary">
|
<Paragraph type="secondary">
|
||||||
© 2026 墨木灵思团队 | <a href="https://www.xinmi.cloud/" target="_blank" rel="noopener noreferrer">了解更多</a>
|
© 2026 墨木灵思团队
|
||||||
|
{VERSION_INFO.officialApiDocUrl ? (
|
||||||
|
<>
|
||||||
|
{' '}
|
||||||
|
|{' '}
|
||||||
|
<a href={VERSION_INFO.officialApiDocUrl} target="_blank" rel="noopener noreferrer">
|
||||||
|
了解更多
|
||||||
|
</a>
|
||||||
|
</>
|
||||||
|
) : null}
|
||||||
</Paragraph>
|
</Paragraph>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -2,16 +2,15 @@ import { useEffect, useState } from 'react';
|
|||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
import { Spin, Result, Button, Modal, Input, message, theme } from 'antd';
|
import { Spin, Result, Button, Modal, Input, message, theme } from 'antd';
|
||||||
import { authApi } from '../services/api';
|
import { authApi } from '../services/api';
|
||||||
import AnnouncementModal from '../components/AnnouncementModal';
|
|
||||||
|
|
||||||
export default function AuthCallback() {
|
export default function AuthCallback() {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const [status, setStatus] = useState<'loading' | 'success' | 'error'>('loading');
|
const [status, setStatus] = useState<'loading' | 'success' | 'error'>('loading');
|
||||||
const [errorMessage, setErrorMessage] = useState('');
|
const [errorMessage, setErrorMessage] = useState('');
|
||||||
const [showAnnouncement, setShowAnnouncement] = useState(false);
|
|
||||||
const [showPasswordModal, setShowPasswordModal] = useState(false);
|
const [showPasswordModal, setShowPasswordModal] = useState(false);
|
||||||
const { token } = theme.useToken();
|
const { token } = theme.useToken();
|
||||||
const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
|
const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
|
||||||
|
|
||||||
interface PasswordStatus {
|
interface PasswordStatus {
|
||||||
has_password: boolean;
|
has_password: boolean;
|
||||||
has_custom_password: boolean;
|
has_custom_password: boolean;
|
||||||
@@ -26,64 +25,33 @@ export default function AuthCallback() {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const handleCallback = async () => {
|
const handleCallback = async () => {
|
||||||
try {
|
try {
|
||||||
// 后端会通过 Cookie 自动设置认证信息
|
|
||||||
// 这里只需要验证登录状态
|
|
||||||
const currentUser = await authApi.getCurrentUser();
|
const currentUser = await authApi.getCurrentUser();
|
||||||
|
|
||||||
// 检查是否是首次登录（通过 Cookie 标记）
|
|
||||||
const isFirstLogin = document.cookie.includes('first_login=true');
|
const isFirstLogin = document.cookie.includes('first_login=true');
|
||||||
|
|
||||||
setStatus('success');
|
setStatus('success');
|
||||||
|
|
||||||
if (isFirstLogin) {
|
if (isFirstLogin) {
|
||||||
// 首次登录：生成默认密码并显示提示
|
|
||||||
const defaultPassword = `${currentUser.username}@666`;
|
const defaultPassword = `${currentUser.username}@666`;
|
||||||
const pwdStatus = {
|
setPasswordStatus({
|
||||||
has_password: false,
|
has_password: false,
|
||||||
has_custom_password: false,
|
has_custom_password: false,
|
||||||
username: currentUser.username,
|
username: currentUser.username,
|
||||||
default_password: defaultPassword
|
default_password: defaultPassword
|
||||||
};
|
});
|
||||||
setPasswordStatus(pwdStatus);
|
|
||||||
|
|
||||||
// 清除首次登录标记 Cookie
|
|
||||||
document.cookie = 'first_login=; path=/; max-age=0';
|
document.cookie = 'first_login=; path=/; max-age=0';
|
||||||
|
setTimeout(() => setShowPasswordModal(true), 1000);
|
||||||
// 显示密码初始化弹窗
|
|
||||||
setTimeout(() => {
|
|
||||||
setShowPasswordModal(true);
|
|
||||||
}, 1000);
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 非首次登录：正常流程
|
|
||||||
// 从 sessionStorage 获取重定向地址
|
|
||||||
const redirect = sessionStorage.getItem('login_redirect') || '/';
|
const redirect = sessionStorage.getItem('login_redirect') || '/';
|
||||||
sessionStorage.removeItem('login_redirect');
|
sessionStorage.removeItem('login_redirect');
|
||||||
|
setTimeout(() => navigate(redirect), 1000);
|
||||||
// 检查是否永久隐藏公告或今日已隐藏
|
|
||||||
const hideForever = localStorage.getItem('announcement_hide_forever');
|
|
||||||
const hideToday = localStorage.getItem('announcement_hide_today');
|
|
||||||
const today = new Date().toDateString();
|
|
||||||
|
|
||||||
if (hideForever === 'true' || hideToday === today) {
|
|
||||||
// 延迟一下再跳转，让用户看到成功提示
|
|
||||||
setTimeout(() => {
|
|
||||||
navigate(redirect);
|
|
||||||
}, 1000);
|
|
||||||
} else {
|
|
||||||
// 延迟一下再显示公告，让用户看到成功提示
|
|
||||||
setTimeout(() => {
|
|
||||||
setShowAnnouncement(true);
|
|
||||||
}, 1000);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('登录失败:', error);
|
console.error('登录失败:', error);
|
||||||
setStatus('error');
|
setStatus('error');
|
||||||
setErrorMessage('登录失败，请重试');
|
setErrorMessage('登录失败，请重试');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
handleCallback();
|
handleCallback();
|
||||||
}, [navigate]);
|
}, [navigate]);
|
||||||
|
|
||||||
@@ -98,9 +66,7 @@ export default function AuthCallback() {
|
|||||||
}}>
|
}}>
|
||||||
<div style={{ textAlign: 'center' }}>
|
<div style={{ textAlign: 'center' }}>
|
||||||
<Spin size="large" />
|
<Spin size="large" />
|
||||||
<div style={{ marginTop: 20, color: token.colorWhite, fontSize: 16 }}>
|
<div style={{ marginTop: 20, color: token.colorWhite, fontSize: 16 }}>正在处理登录...</div>
|
||||||
正在处理登录...
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
@@ -119,55 +85,21 @@ export default function AuthCallback() {
|
|||||||
status="error"
|
status="error"
|
||||||
title="登录失败"
|
title="登录失败"
|
||||||
subTitle={errorMessage}
|
subTitle={errorMessage}
|
||||||
extra={
|
extra={<Button type="primary" onClick={() => navigate('/login')}>返回登录</Button>}
|
||||||
<Button type="primary" onClick={() => navigate('/login')}>
|
|
||||||
返回登录
|
|
||||||
</Button>
|
|
||||||
}
|
|
||||||
style={{ background: token.colorBgContainer, padding: 40, borderRadius: 8 }}
|
style={{ background: token.colorBgContainer, padding: 40, borderRadius: 8 }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleAnnouncementClose = () => {
|
|
||||||
setShowAnnouncement(false);
|
|
||||||
const redirect = sessionStorage.getItem('login_redirect') || '/';
|
|
||||||
sessionStorage.removeItem('login_redirect');
|
|
||||||
navigate(redirect);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleDoNotShowToday = () => {
|
|
||||||
// 设置今日不再显示
|
|
||||||
const today = new Date().toDateString();
|
|
||||||
localStorage.setItem('announcement_hide_today', today);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleNeverShow = () => {
|
|
||||||
// 设置永久不再显示
|
|
||||||
localStorage.setItem('announcement_hide_forever', 'true');
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleSetPassword = async () => {
|
const handleSetPassword = async () => {
|
||||||
// 如果没有输入新密码，使用默认密码
|
|
||||||
const passwordToSet = newPassword || passwordStatus?.default_password;
|
const passwordToSet = newPassword || passwordStatus?.default_password;
|
||||||
|
if (!passwordToSet) { message.error('请输入新密码'); return; }
|
||||||
if (!passwordToSet) {
|
if (passwordToSet.length < 6) { message.error('密码长度至少为6个字符'); return; }
|
||||||
message.error('请输入新密码');
|
if (newPassword && newPassword !== confirmPassword) { message.error('两次输入的密码不一致'); return; }
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (passwordToSet.length < 6) {
|
|
||||||
message.error('密码长度至少为6个字符');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (newPassword && newPassword !== confirmPassword) {
|
|
||||||
message.error('两次输入的密码不一致');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setSettingPassword(true);
|
setSettingPassword(true);
|
||||||
try {
|
try {
|
||||||
// 首次登录使用初始化接口，后续使用修改接口
|
|
||||||
const isFirstLogin = !passwordStatus?.has_password;
|
const isFirstLogin = !passwordStatus?.has_password;
|
||||||
if (isFirstLogin) {
|
if (isFirstLogin) {
|
||||||
await authApi.initializePassword(passwordToSet);
|
await authApi.initializePassword(passwordToSet);
|
||||||
@@ -177,24 +109,9 @@ export default function AuthCallback() {
|
|||||||
message.success('密码设置成功');
|
message.success('密码设置成功');
|
||||||
}
|
}
|
||||||
setShowPasswordModal(false);
|
setShowPasswordModal(false);
|
||||||
|
|
||||||
// 继续后续流程
|
|
||||||
const redirect = sessionStorage.getItem('login_redirect') || '/';
|
const redirect = sessionStorage.getItem('login_redirect') || '/';
|
||||||
sessionStorage.removeItem('login_redirect');
|
sessionStorage.removeItem('login_redirect');
|
||||||
|
setTimeout(() => navigate(redirect), 500);
|
||||||
const hideForever = localStorage.getItem('announcement_hide_forever');
|
|
||||||
const hideToday = localStorage.getItem('announcement_hide_today');
|
|
||||||
const today = new Date().toDateString();
|
|
||||||
|
|
||||||
if (hideForever === 'true' || hideToday === today) {
|
|
||||||
setTimeout(() => {
|
|
||||||
navigate(redirect);
|
|
||||||
}, 500);
|
|
||||||
} else {
|
|
||||||
setTimeout(() => {
|
|
||||||
setShowAnnouncement(true);
|
|
||||||
}, 500);
|
|
||||||
}
|
|
||||||
} catch {
|
} catch {
|
||||||
message.error('密码设置失败，请重试');
|
message.error('密码设置失败，请重试');
|
||||||
} finally {
|
} finally {
|
||||||
@@ -203,46 +120,19 @@ export default function AuthCallback() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleSkipPasswordSetting = async () => {
|
const handleSkipPasswordSetting = async () => {
|
||||||
// 首次登录时，如果跳过设置，使用默认密码初始化
|
|
||||||
const isFirstLogin = !passwordStatus?.has_password;
|
const isFirstLogin = !passwordStatus?.has_password;
|
||||||
if (isFirstLogin && passwordStatus?.default_password) {
|
if (isFirstLogin && passwordStatus?.default_password) {
|
||||||
try {
|
try { await authApi.initializePassword(passwordStatus.default_password); }
|
||||||
await authApi.initializePassword(passwordStatus.default_password);
|
catch (error) { console.error('初始化默认密码失败:', error); }
|
||||||
} catch (error) {
|
|
||||||
console.error('初始化默认密码失败:', error);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
setShowPasswordModal(false);
|
setShowPasswordModal(false);
|
||||||
|
|
||||||
// 继续后续流程
|
|
||||||
const redirect = sessionStorage.getItem('login_redirect') || '/';
|
const redirect = sessionStorage.getItem('login_redirect') || '/';
|
||||||
sessionStorage.removeItem('login_redirect');
|
sessionStorage.removeItem('login_redirect');
|
||||||
|
setTimeout(() => navigate(redirect), 500);
|
||||||
const hideForever = localStorage.getItem('announcement_hide_forever');
|
|
||||||
const hideToday = localStorage.getItem('announcement_hide_today');
|
|
||||||
const today = new Date().toDateString();
|
|
||||||
|
|
||||||
if (hideForever === 'true' || hideToday === today) {
|
|
||||||
setTimeout(() => {
|
|
||||||
navigate(redirect);
|
|
||||||
}, 500);
|
|
||||||
} else {
|
|
||||||
setTimeout(() => {
|
|
||||||
setShowAnnouncement(true);
|
|
||||||
}, 500);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<AnnouncementModal
|
|
||||||
visible={showAnnouncement}
|
|
||||||
onClose={handleAnnouncementClose}
|
|
||||||
onDoNotShowToday={handleDoNotShowToday}
|
|
||||||
onNeverShow={handleNeverShow}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Modal
|
<Modal
|
||||||
title="设置账号密码"
|
title="设置账号密码"
|
||||||
open={showPasswordModal}
|
open={showPasswordModal}
|
||||||
@@ -255,45 +145,23 @@ export default function AuthCallback() {
|
|||||||
width={500}
|
width={500}
|
||||||
>
|
>
|
||||||
<div style={{ marginBottom: 20 }}>
|
<div style={{ marginBottom: 20 }}>
|
||||||
<p>您已成功通过 Linux DO 授权登录！</p>
|
<p>您已成功登录！</p>
|
||||||
<p>系统已为您自动生成默认密码，您可以选择设置自定义密码或继续使用默认密码。</p>
|
<p>您可以选择设置自定义密码或继续使用默认密码。</p>
|
||||||
{passwordStatus?.default_password && (
|
{passwordStatus?.default_password && (
|
||||||
<div style={{
|
<div style={{ background: token.colorFillTertiary, padding: 12, borderRadius: 4, marginTop: 12 }}>
|
||||||
background: token.colorFillTertiary,
|
|
||||||
padding: 12,
|
|
||||||
borderRadius: 4,
|
|
||||||
marginTop: 12
|
|
||||||
}}>
|
|
||||||
<strong>账号：</strong>{passwordStatus.username}<br />
|
<strong>账号：</strong>{passwordStatus.username}<br />
|
||||||
<strong>默认密码：</strong><code style={{
|
<strong>默认密码：</strong><code style={{ background: token.colorBgContainer, padding: '2px 8px', borderRadius: 3, color: token.colorPrimary, fontSize: 14 }}>{passwordStatus.default_password}</code>
|
||||||
background: token.colorBgContainer,
|
|
||||||
padding: '2px 8px',
|
|
||||||
borderRadius: 3,
|
|
||||||
color: token.colorPrimary,
|
|
||||||
fontSize: 14
|
|
||||||
}}>{passwordStatus.default_password}</code>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ marginTop: 20 }}>
|
<div style={{ marginTop: 20 }}>
|
||||||
<div style={{ marginBottom: 12 }}>
|
<div style={{ marginBottom: 12 }}>
|
||||||
<label>新密码（至少6个字符）：</label>
|
<label>新密码（至少6个字符）：</label>
|
||||||
<Input.Password
|
<Input.Password value={newPassword} onChange={(e) => setNewPassword(e.target.value)} placeholder="请输入新密码" style={{ marginTop: 4 }} />
|
||||||
value={newPassword}
|
|
||||||
onChange={(e) => setNewPassword(e.target.value)}
|
|
||||||
placeholder="请输入新密码"
|
|
||||||
style={{ marginTop: 4 }}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>确认密码：</label>
|
<label>确认密码：</label>
|
||||||
<Input.Password
|
<Input.Password value={confirmPassword} onChange={(e) => setConfirmPassword(e.target.value)} placeholder="请再次输入密码" style={{ marginTop: 4 }} />
|
||||||
value={confirmPassword}
|
|
||||||
onChange={(e) => setConfirmPassword(e.target.value)}
|
|
||||||
placeholder="请再次输入密码"
|
|
||||||
style={{ marginTop: 4 }}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Modal>
|
</Modal>
|
||||||
@@ -308,10 +176,10 @@ export default function AuthCallback() {
|
|||||||
<Result
|
<Result
|
||||||
status="success"
|
status="success"
|
||||||
title="登录成功"
|
title="登录成功"
|
||||||
subTitle={showPasswordModal ? "请设置账号密码..." : (showAnnouncement ? "欢迎使用..." : "正在跳转...")}
|
subTitle={showPasswordModal ? "请设置账号密码..." : "正在跳转..."}
|
||||||
style={{ background: alphaColor(token.colorBgContainer, 0.96), padding: 40, borderRadius: 8 }}
|
style={{ background: alphaColor(token.colorBgContainer, 0.96), padding: 40, borderRadius: 8 }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,10 +1,11 @@
|
|||||||
import { Card, Button, Spin, Space, Tag, Typography, Alert, theme } from 'antd';
|
import { Card, Button, Spin, Space, Tag, Typography, theme } from 'antd';
|
||||||
import { BookOutlined, RocketOutlined, BulbOutlined, UploadOutlined, DownloadOutlined, LoadingOutlined, CalendarOutlined, DeleteOutlined, CheckCircleOutlined, EditOutlined, PauseCircleOutlined, PictureOutlined, SwapOutlined, ReloadOutlined } from '@ant-design/icons';
|
import { BookOutlined, RocketOutlined, BulbOutlined, UploadOutlined, DownloadOutlined, LoadingOutlined, CalendarOutlined, DeleteOutlined, CheckCircleOutlined, EditOutlined, PauseCircleOutlined, PictureOutlined, SwapOutlined, ReloadOutlined, InfoCircleOutlined, CloseOutlined } from '@ant-design/icons';
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import type { ReactNode } from 'react';
|
import type { ReactNode } from 'react';
|
||||||
import type { Project } from '../types';
|
import type { Project } from '../types';
|
||||||
import { bookshelfCardStyles, bookshelfCardHoverHandlers } from '../components/CardStyles';
|
import { bookshelfCardStyles, bookshelfCardHoverHandlers } from '../components/CardStyles';
|
||||||
import { useThemeMode } from '../theme/useThemeMode';
|
import { useThemeMode } from '../theme/useThemeMode';
|
||||||
|
import { VERSION_INFO } from '../config/version';
|
||||||
|
|
||||||
const { Paragraph } = Typography;
|
const { Paragraph } = Typography;
|
||||||
|
|
||||||
@@ -215,42 +216,91 @@ export default function BookshelfPage({
|
|||||||
</Button>
|
</Button>
|
||||||
</Space>
|
</Space>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
|
||||||
|
|
||||||
{showApiTip && projects.length === 0 && (
|
{showApiTip && projects.length === 0 && (
|
||||||
<Alert
|
<div
|
||||||
message="欢迎使用 墨木灵思"
|
style={{
|
||||||
description={
|
marginTop: isMobile ? 12 : 14,
|
||||||
<div style={{
|
paddingTop: isMobile ? 12 : 14,
|
||||||
display: 'flex',
|
borderTop: `1px solid ${alphaColor(token.colorWhite, 0.28)}`,
|
||||||
flexDirection: isMobile ? 'column' : 'row',
|
position: 'relative',
|
||||||
alignItems: isMobile ? 'flex-start' : 'center',
|
zIndex: 1,
|
||||||
gap: isMobile ? 12 : 16,
|
}}
|
||||||
justifyContent: 'space-between'
|
>
|
||||||
}}>
|
<div
|
||||||
<span style={{ fontSize: isMobile ? 12 : 14 }}>
|
style={{
|
||||||
在开始创作之前，请先配置您的AI接口（支持 OpenAI / Anthropic）。
|
display: 'flex',
|
||||||
</span>
|
flexDirection: isMobile ? 'column' : 'row',
|
||||||
<Button
|
alignItems: isMobile ? 'stretch' : 'center',
|
||||||
size="small"
|
gap: isMobile ? 12 : 16,
|
||||||
type="primary"
|
justifyContent: 'space-between',
|
||||||
onClick={onGoSettings}
|
}}
|
||||||
style={{ flexShrink: 0 }}
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'flex-start',
|
||||||
|
gap: 10,
|
||||||
|
flex: 1,
|
||||||
|
minWidth: 0,
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
去配置
|
<InfoCircleOutlined
|
||||||
</Button>
|
style={{
|
||||||
|
fontSize: isMobile ? 18 : 20,
|
||||||
|
color: token.colorWhite,
|
||||||
|
marginTop: 2,
|
||||||
|
flexShrink: 0,
|
||||||
|
opacity: 0.95,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<div style={{ minWidth: 0 }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: isMobile ? 14 : 15,
|
||||||
|
fontWeight: 600,
|
||||||
|
color: token.colorWhite,
|
||||||
|
marginBottom: 4,
|
||||||
|
lineHeight: 1.35,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
欢迎使用 {VERSION_INFO.projectName}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: isMobile ? 12 : 13,
|
||||||
|
color: alphaColor(token.colorWhite, 0.9),
|
||||||
|
lineHeight: 1.5,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
在开始创作之前，请先配置您的 AI 接口（支持 OpenAI 兼容、Gemini 等）。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Space
|
||||||
|
wrap
|
||||||
|
style={{
|
||||||
|
flexShrink: 0,
|
||||||
|
justifyContent: isMobile ? 'flex-end' : 'flex-end',
|
||||||
|
width: isMobile ? '100%' : 'auto',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Button size="small" type="primary" ghost onClick={onGoSettings}>
|
||||||
|
去配置
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
size="small"
|
||||||
|
type="text"
|
||||||
|
icon={<CloseOutlined />}
|
||||||
|
onClick={() => setShowApiTip(false)}
|
||||||
|
style={{ color: alphaColor(token.colorWhite, 0.92) }}
|
||||||
|
aria-label="关闭提示"
|
||||||
|
/>
|
||||||
|
</Space>
|
||||||
</div>
|
</div>
|
||||||
}
|
</div>
|
||||||
type="info"
|
)}
|
||||||
showIcon
|
</Card>
|
||||||
closable
|
|
||||||
onClose={() => setShowApiTip(false)}
|
|
||||||
style={{
|
|
||||||
marginBottom: isMobile ? 16 : 24,
|
|
||||||
borderRadius: 12
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<Spin spinning={loading}>
|
<Spin spinning={loading}>
|
||||||
<div style={{
|
<div style={{
|
||||||
|
|||||||
+140
-525
@@ -29,7 +29,6 @@ import {
|
|||||||
} from '@ant-design/icons';
|
} from '@ant-design/icons';
|
||||||
import { authApi } from '../services/api';
|
import { authApi } from '../services/api';
|
||||||
import { useNavigate, useSearchParams } from 'react-router-dom';
|
import { useNavigate, useSearchParams } from 'react-router-dom';
|
||||||
import AnnouncementModal from '../components/AnnouncementModal';
|
|
||||||
import ThemeSwitch from '../components/ThemeSwitch';
|
import ThemeSwitch from '../components/ThemeSwitch';
|
||||||
|
|
||||||
const { Title, Paragraph, Text } = Typography;
|
const { Title, Paragraph, Text } = Typography;
|
||||||
@@ -83,19 +82,26 @@ export default function Login() {
|
|||||||
const [resetPasswordForm] = Form.useForm<ResetPasswordValues>();
|
const [resetPasswordForm] = Form.useForm<ResetPasswordValues>();
|
||||||
const { token } = theme.useToken();
|
const { token } = theme.useToken();
|
||||||
const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
|
const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
|
||||||
const primaryButtonShadow = `0 8px 20px ${alphaColor(token.colorPrimary, 0.28)}`;
|
const primaryButtonStyle = {
|
||||||
const hoverButtonShadow = `0 12px 28px ${alphaColor(token.colorPrimary, 0.36)}`;
|
height: 46,
|
||||||
const [showAnnouncement, setShowAnnouncement] = useState(false);
|
fontSize: 15,
|
||||||
const [loginCodeSending, setLoginCodeSending] = useState(false);
|
fontWeight: 700,
|
||||||
const [registerCodeSending, setRegisterCodeSending] = useState(false);
|
borderRadius: 2,
|
||||||
const [resetCodeSending, setResetCodeSending] = useState(false);
|
letterSpacing: '0.06em',
|
||||||
|
textTransform: 'uppercase' as const,
|
||||||
|
};
|
||||||
|
|
||||||
const [loginCountdown, setLoginCountdown] = useState(0);
|
const [loginCountdown, setLoginCountdown] = useState(0);
|
||||||
const [registerCountdown, setRegisterCountdown] = useState(0);
|
const [registerCountdown, setRegisterCountdown] = useState(0);
|
||||||
const [resetCountdown, setResetCountdown] = useState(0);
|
const [resetCountdown, setResetCountdown] = useState(0);
|
||||||
|
|
||||||
|
const [loginCodeSending, setLoginCodeSending] = useState(false);
|
||||||
|
const [registerCodeSending, setRegisterCodeSending] = useState(false);
|
||||||
|
const [resetCodeSending, setResetCodeSending] = useState(false);
|
||||||
|
|
||||||
const [showResetPassword, setShowResetPassword] = useState(false);
|
const [showResetPassword, setShowResetPassword] = useState(false);
|
||||||
|
|
||||||
const localAuthEnabled = authConfig.local_auth_enabled;
|
const localAuthEnabled = authConfig.local_auth_enabled;
|
||||||
const linuxdoEnabled = authConfig.linuxdo_enabled;
|
|
||||||
const emailAuthEnabled = authConfig.email_auth_enabled;
|
const emailAuthEnabled = authConfig.email_auth_enabled;
|
||||||
const emailRegisterEnabled = authConfig.email_register_enabled;
|
const emailRegisterEnabled = authConfig.email_register_enabled;
|
||||||
|
|
||||||
@@ -105,27 +111,13 @@ export default function Login() {
|
|||||||
{ value: registerCountdown, setter: setRegisterCountdown },
|
{ value: registerCountdown, setter: setRegisterCountdown },
|
||||||
{ value: resetCountdown, setter: setResetCountdown },
|
{ value: resetCountdown, setter: setResetCountdown },
|
||||||
].map(({ value, setter }) => {
|
].map(({ value, setter }) => {
|
||||||
if (value <= 0) {
|
if (value <= 0) return null;
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
return window.setInterval(() => {
|
return window.setInterval(() => {
|
||||||
setter((prev) => {
|
setter((prev) => (prev <= 1 ? 0 : prev - 1));
|
||||||
if (prev <= 1) {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
return prev - 1;
|
|
||||||
});
|
|
||||||
}, 1000);
|
}, 1000);
|
||||||
});
|
});
|
||||||
|
|
||||||
return () => {
|
return () => timers.forEach((timer) => timer && window.clearInterval(timer));
|
||||||
timers.forEach((timer) => {
|
|
||||||
if (timer) {
|
|
||||||
window.clearInterval(timer);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
}, [loginCountdown, registerCountdown, resetCountdown]);
|
}, [loginCountdown, registerCountdown, resetCountdown]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -141,8 +133,8 @@ export default function Login() {
|
|||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('获取认证配置失败:', error);
|
console.error('获取认证配置失败:', error);
|
||||||
setAuthConfig({
|
setAuthConfig({
|
||||||
local_auth_enabled: false,
|
local_auth_enabled: true, // 默认开启本地，防止全关
|
||||||
linuxdo_enabled: true,
|
linuxdo_enabled: false,
|
||||||
email_auth_enabled: false,
|
email_auth_enabled: false,
|
||||||
email_register_enabled: false,
|
email_register_enabled: false,
|
||||||
});
|
});
|
||||||
@@ -155,17 +147,8 @@ export default function Login() {
|
|||||||
|
|
||||||
const handleLoginSuccess = () => {
|
const handleLoginSuccess = () => {
|
||||||
message.success('登录成功！');
|
message.success('登录成功！');
|
||||||
|
const redirect = searchParams.get('redirect') || '/';
|
||||||
const hideForever = localStorage.getItem('announcement_hide_forever');
|
navigate(redirect);
|
||||||
const hideToday = localStorage.getItem('announcement_hide_today');
|
|
||||||
const today = new Date().toDateString();
|
|
||||||
|
|
||||||
if (hideForever === 'true' || hideToday === today) {
|
|
||||||
const redirect = searchParams.get('redirect') || '/';
|
|
||||||
navigate(redirect);
|
|
||||||
} else {
|
|
||||||
setShowAnnouncement(true);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleLocalLogin = async (values: LocalLoginValues) => {
|
const handleLocalLogin = async (values: LocalLoginValues) => {
|
||||||
@@ -282,52 +265,14 @@ export default function Login() {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleLinuxDOLogin = async () => {
|
|
||||||
try {
|
|
||||||
setLoading(true);
|
|
||||||
const response = await authApi.getLinuxDOAuthUrl();
|
|
||||||
|
|
||||||
const redirect = searchParams.get('redirect');
|
|
||||||
if (redirect) {
|
|
||||||
sessionStorage.setItem('login_redirect', redirect);
|
|
||||||
}
|
|
||||||
|
|
||||||
window.location.href = response.auth_url;
|
|
||||||
} catch (error) {
|
|
||||||
console.error('获取授权地址失败:', error);
|
|
||||||
message.error('获取授权地址失败，请稍后重试');
|
|
||||||
setLoading(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleAnnouncementClose = () => {
|
|
||||||
setShowAnnouncement(false);
|
|
||||||
const redirect = searchParams.get('redirect') || '/';
|
|
||||||
navigate(redirect);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleDoNotShowToday = () => {
|
|
||||||
const today = new Date().toDateString();
|
|
||||||
localStorage.setItem('announcement_hide_today', today);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleNeverShow = () => {
|
|
||||||
localStorage.setItem('announcement_hide_forever', 'true');
|
|
||||||
};
|
|
||||||
|
|
||||||
const loginTips = useMemo(() => {
|
const loginTips = useMemo(() => {
|
||||||
const tips = [
|
const tips = [];
|
||||||
'首次 LinuxDO 登录会自动创建账号。',
|
|
||||||
];
|
|
||||||
|
|
||||||
if (localAuthEnabled) {
|
if (localAuthEnabled) {
|
||||||
tips.unshift('本地登录默认账号：admin / admin123');
|
tips.push('本地登录默认账号：admin / admin123');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (emailAuthEnabled) {
|
if (emailAuthEnabled) {
|
||||||
tips.push('邮箱注册用户支持通过邮箱验证码重置密码。');
|
tips.push('邮箱注册用户支持通过邮箱验证码重置密码。');
|
||||||
}
|
}
|
||||||
|
|
||||||
return tips;
|
return tips;
|
||||||
}, [emailAuthEnabled, localAuthEnabled]);
|
}, [emailAuthEnabled, localAuthEnabled]);
|
||||||
|
|
||||||
@@ -355,66 +300,49 @@ export default function Login() {
|
|||||||
];
|
];
|
||||||
|
|
||||||
const renderLocalLogin = () => (
|
const renderLocalLogin = () => (
|
||||||
<>
|
<Form
|
||||||
<Form
|
form={localForm}
|
||||||
form={localForm}
|
layout="vertical"
|
||||||
layout="vertical"
|
onFinish={handleLocalLogin}
|
||||||
onFinish={handleLocalLogin}
|
size="large"
|
||||||
size="large"
|
style={{ marginTop: 16 }}
|
||||||
style={{ marginTop: 16 }}
|
>
|
||||||
|
<Form.Item
|
||||||
|
name="username"
|
||||||
|
label="管理账号"
|
||||||
|
rules={[{ required: true, message: '请输入管理账号/邮箱' }]}
|
||||||
>
|
>
|
||||||
<Form.Item
|
<Input
|
||||||
name="username"
|
prefix={<UserOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
label="管理账号"
|
placeholder="请输入管理账号/邮箱"
|
||||||
rules={[{ required: true, message: '请输入管理账号/邮箱' }]}
|
autoComplete="username"
|
||||||
|
style={{ height: 46, borderRadius: 2 }}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item
|
||||||
|
name="password"
|
||||||
|
label="访问密钥"
|
||||||
|
rules={[{ required: true, message: '请输入访问密钥' }]}
|
||||||
|
>
|
||||||
|
<Input.Password
|
||||||
|
prefix={<LockOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
|
placeholder="请输入访问密钥"
|
||||||
|
autoComplete="current-password"
|
||||||
|
style={{ height: 46, borderRadius: 2 }}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item style={{ marginBottom: 0, marginTop: 8 }}>
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
htmlType="submit"
|
||||||
|
loading={loading}
|
||||||
|
block
|
||||||
|
style={primaryButtonStyle}
|
||||||
>
|
>
|
||||||
<Input
|
登录系统
|
||||||
prefix={<UserOutlined style={{ color: token.colorTextTertiary }} />}
|
</Button>
|
||||||
placeholder="请输入管理账号/邮箱"
|
</Form.Item>
|
||||||
autoComplete="username"
|
</Form>
|
||||||
style={{ height: 46, borderRadius: 12 }}
|
|
||||||
/>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item
|
|
||||||
name="password"
|
|
||||||
label="访问密钥"
|
|
||||||
rules={[{ required: true, message: '请输入访问密钥' }]}
|
|
||||||
>
|
|
||||||
<Input.Password
|
|
||||||
prefix={<LockOutlined style={{ color: token.colorTextTertiary }} />}
|
|
||||||
placeholder="请输入访问密钥"
|
|
||||||
autoComplete="current-password"
|
|
||||||
style={{ height: 46, borderRadius: 12 }}
|
|
||||||
/>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item style={{ marginBottom: 0, marginTop: 8 }}>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
htmlType="submit"
|
|
||||||
loading={loading}
|
|
||||||
block
|
|
||||||
style={{
|
|
||||||
height: 46,
|
|
||||||
fontSize: 16,
|
|
||||||
fontWeight: 600,
|
|
||||||
background: `linear-gradient(90deg, ${token.colorPrimary} 0%, ${alphaColor(token.colorPrimary, 0.86)} 100%)`,
|
|
||||||
border: 'none',
|
|
||||||
borderRadius: '12px',
|
|
||||||
boxShadow: primaryButtonShadow,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
登录系统
|
|
||||||
</Button>
|
|
||||||
</Form.Item>
|
|
||||||
</Form>
|
|
||||||
|
|
||||||
{linuxdoEnabled ? (
|
|
||||||
<>
|
|
||||||
<Divider style={{ margin: '18px 0 16px' }}>第三方登录</Divider>
|
|
||||||
{renderLinuxDOLogin()}
|
|
||||||
</>
|
|
||||||
) : null}
|
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
|
|
||||||
const renderEmailLogin = () => {
|
const renderEmailLogin = () => {
|
||||||
@@ -429,13 +357,8 @@ export default function Login() {
|
|||||||
</Button>
|
</Button>
|
||||||
</Space>
|
</Space>
|
||||||
|
|
||||||
<Card size="small" bordered={false} style={{ borderRadius: 12, background: token.colorFillAlter }}>
|
<Card size="small" bordered={false} style={{ borderRadius: 2, background: token.colorFillAlter, border: `1px solid ${token.colorBorder}` }}>
|
||||||
<Form
|
<Form form={resetPasswordForm} layout="vertical" onFinish={handleResetPassword} size="middle">
|
||||||
form={resetPasswordForm}
|
|
||||||
layout="vertical"
|
|
||||||
onFinish={handleResetPassword}
|
|
||||||
size="middle"
|
|
||||||
>
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="email"
|
name="email"
|
||||||
label="注册邮箱"
|
label="注册邮箱"
|
||||||
@@ -458,11 +381,7 @@ export default function Login() {
|
|||||||
>
|
>
|
||||||
<Input placeholder="请输入重置验证码" maxLength={6} />
|
<Input placeholder="请输入重置验证码" maxLength={6} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Button
|
<Button onClick={sendResetCode} loading={resetCodeSending} disabled={resetCountdown > 0}>
|
||||||
onClick={sendResetCode}
|
|
||||||
loading={resetCodeSending}
|
|
||||||
disabled={resetCountdown > 0}
|
|
||||||
>
|
|
||||||
{resetCountdown > 0 ? `${resetCountdown}s 后重发` : '发送验证码'}
|
{resetCountdown > 0 ? `${resetCountdown}s 后重发` : '发送验证码'}
|
||||||
</Button>
|
</Button>
|
||||||
</Space.Compact>
|
</Space.Compact>
|
||||||
@@ -470,10 +389,7 @@ export default function Login() {
|
|||||||
<Form.Item
|
<Form.Item
|
||||||
name="new_password"
|
name="new_password"
|
||||||
label="新密码"
|
label="新密码"
|
||||||
rules={[
|
rules={[{ required: true, message: '请输入新密码' }, { min: 6, message: '密码长度至少为 6 个字符' }]}
|
||||||
{ required: true, message: '请输入新密码' },
|
|
||||||
{ min: 6, message: '密码长度至少为 6 个字符' },
|
|
||||||
]}
|
|
||||||
>
|
>
|
||||||
<Input.Password prefix={<LockOutlined />} placeholder="请输入新密码" />
|
<Input.Password prefix={<LockOutlined />} placeholder="请输入新密码" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
@@ -485,9 +401,7 @@ export default function Login() {
|
|||||||
{ required: true, message: '请再次输入新密码' },
|
{ required: true, message: '请再次输入新密码' },
|
||||||
({ getFieldValue }) => ({
|
({ getFieldValue }) => ({
|
||||||
validator(_, value) {
|
validator(_, value) {
|
||||||
if (!value || getFieldValue('new_password') === value) {
|
if (!value || getFieldValue('new_password') === value) return Promise.resolve();
|
||||||
return Promise.resolve();
|
|
||||||
}
|
|
||||||
return Promise.reject(new Error('两次输入的新密码不一致'));
|
return Promise.reject(new Error('两次输入的新密码不一致'));
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
@@ -525,7 +439,7 @@ export default function Login() {
|
|||||||
prefix={<MailOutlined style={{ color: token.colorTextTertiary }} />}
|
prefix={<MailOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
placeholder="请输入已注册邮箱"
|
placeholder="请输入已注册邮箱"
|
||||||
autoComplete="email"
|
autoComplete="email"
|
||||||
style={{ height: 46, borderRadius: 12 }}
|
style={{ height: 46, borderRadius: 2 }}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
@@ -543,15 +457,10 @@ export default function Login() {
|
|||||||
prefix={<SafetyCertificateOutlined style={{ color: token.colorTextTertiary }} />}
|
prefix={<SafetyCertificateOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
placeholder="请输入 6 位登录验证码"
|
placeholder="请输入 6 位登录验证码"
|
||||||
maxLength={6}
|
maxLength={6}
|
||||||
style={{ height: 46, borderRadius: '12px 0 0 12px' }}
|
style={{ height: 46, borderRadius: '2px 0 0 2px' }}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Button
|
<Button style={{ height: 46 }} onClick={sendLoginCode} loading={loginCodeSending} disabled={loginCountdown > 0}>
|
||||||
style={{ height: 46 }}
|
|
||||||
onClick={sendLoginCode}
|
|
||||||
loading={loginCodeSending}
|
|
||||||
disabled={loginCountdown > 0}
|
|
||||||
>
|
|
||||||
{loginCountdown > 0 ? `${loginCountdown}s 后重发` : '发送验证码'}
|
{loginCountdown > 0 ? `${loginCountdown}s 后重发` : '发送验证码'}
|
||||||
</Button>
|
</Button>
|
||||||
</Space.Compact>
|
</Space.Compact>
|
||||||
@@ -563,15 +472,7 @@ export default function Login() {
|
|||||||
htmlType="submit"
|
htmlType="submit"
|
||||||
loading={loading}
|
loading={loading}
|
||||||
block
|
block
|
||||||
style={{
|
style={primaryButtonStyle}
|
||||||
height: 46,
|
|
||||||
fontSize: 16,
|
|
||||||
fontWeight: 600,
|
|
||||||
background: `linear-gradient(90deg, ${token.colorPrimary} 0%, ${alphaColor(token.colorPrimary, 0.86)} 100%)`,
|
|
||||||
border: 'none',
|
|
||||||
borderRadius: '12px',
|
|
||||||
boxShadow: primaryButtonShadow,
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
验证码登录
|
验证码登录
|
||||||
</Button>
|
</Button>
|
||||||
@@ -606,7 +507,7 @@ export default function Login() {
|
|||||||
prefix={<MailOutlined style={{ color: token.colorTextTertiary }} />}
|
prefix={<MailOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
placeholder="请输入注册邮箱"
|
placeholder="请输入注册邮箱"
|
||||||
autoComplete="email"
|
autoComplete="email"
|
||||||
style={{ height: 46, borderRadius: 12 }}
|
style={{ height: 46, borderRadius: 2 }}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
@@ -624,46 +525,34 @@ export default function Login() {
|
|||||||
prefix={<SafetyCertificateOutlined style={{ color: token.colorTextTertiary }} />}
|
prefix={<SafetyCertificateOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
placeholder="请输入 6 位验证码"
|
placeholder="请输入 6 位验证码"
|
||||||
maxLength={6}
|
maxLength={6}
|
||||||
style={{ height: 46, borderRadius: '12px 0 0 12px' }}
|
style={{ height: 46, borderRadius: '2px 0 0 2px' }}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Button
|
<Button style={{ height: 46 }} onClick={sendRegisterCode} loading={registerCodeSending} disabled={registerCountdown > 0}>
|
||||||
style={{ height: 46 }}
|
|
||||||
onClick={sendRegisterCode}
|
|
||||||
loading={registerCodeSending}
|
|
||||||
disabled={registerCountdown > 0}
|
|
||||||
>
|
|
||||||
{registerCountdown > 0 ? `${registerCountdown}s 后重发` : '发送验证码'}
|
{registerCountdown > 0 ? `${registerCountdown}s 后重发` : '发送验证码'}
|
||||||
</Button>
|
</Button>
|
||||||
</Space.Compact>
|
</Space.Compact>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item
|
<Form.Item name="display_name" label="昵称" rules={[{ max: 50, message: '昵称长度不能超过 50 个字符' }]}>
|
||||||
name="display_name"
|
|
||||||
label="昵称"
|
|
||||||
rules={[{ max: 50, message: '昵称长度不能超过 50 个字符' }]}
|
|
||||||
>
|
|
||||||
<Input
|
<Input
|
||||||
prefix={<UserOutlined style={{ color: token.colorTextTertiary }} />}
|
prefix={<UserOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
placeholder="选填，默认使用邮箱前缀"
|
placeholder="选填，默认使用邮箱前缀"
|
||||||
autoComplete="nickname"
|
autoComplete="nickname"
|
||||||
style={{ height: 46, borderRadius: 12 }}
|
style={{ height: 46, borderRadius: 2 }}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="password"
|
name="password"
|
||||||
label="登录密码"
|
label="登录密码"
|
||||||
rules={[
|
rules={[{ required: true, message: '请输入登录密码' }, { min: 6, message: '密码长度至少为 6 个字符' }]}
|
||||||
{ required: true, message: '请输入登录密码' },
|
|
||||||
{ min: 6, message: '密码长度至少为 6 个字符' },
|
|
||||||
]}
|
|
||||||
>
|
>
|
||||||
<Input.Password
|
<Input.Password
|
||||||
prefix={<LockOutlined style={{ color: token.colorTextTertiary }} />}
|
prefix={<LockOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
placeholder="请输入登录密码"
|
placeholder="请输入登录密码"
|
||||||
autoComplete="new-password"
|
autoComplete="new-password"
|
||||||
style={{ height: 46, borderRadius: 12 }}
|
style={{ height: 46, borderRadius: 2 }}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
@@ -675,9 +564,7 @@ export default function Login() {
|
|||||||
{ required: true, message: '请再次输入登录密码' },
|
{ required: true, message: '请再次输入登录密码' },
|
||||||
({ getFieldValue }) => ({
|
({ getFieldValue }) => ({
|
||||||
validator(_, value) {
|
validator(_, value) {
|
||||||
if (!value || getFieldValue('password') === value) {
|
if (!value || getFieldValue('password') === value) return Promise.resolve();
|
||||||
return Promise.resolve();
|
|
||||||
}
|
|
||||||
return Promise.reject(new Error('两次输入的密码不一致'));
|
return Promise.reject(new Error('两次输入的密码不一致'));
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
@@ -687,7 +574,7 @@ export default function Login() {
|
|||||||
prefix={<LockOutlined style={{ color: token.colorTextTertiary }} />}
|
prefix={<LockOutlined style={{ color: token.colorTextTertiary }} />}
|
||||||
placeholder="请再次输入登录密码"
|
placeholder="请再次输入登录密码"
|
||||||
autoComplete="new-password"
|
autoComplete="new-password"
|
||||||
style={{ height: 46, borderRadius: 12 }}
|
style={{ height: 46, borderRadius: 2 }}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
@@ -697,361 +584,89 @@ export default function Login() {
|
|||||||
htmlType="submit"
|
htmlType="submit"
|
||||||
loading={loading}
|
loading={loading}
|
||||||
block
|
block
|
||||||
style={{
|
style={primaryButtonStyle}
|
||||||
height: 46,
|
|
||||||
fontSize: 16,
|
|
||||||
fontWeight: 600,
|
|
||||||
background: `linear-gradient(90deg, ${token.colorPrimary} 0%, ${alphaColor(token.colorPrimary, 0.86)} 100%)`,
|
|
||||||
border: 'none',
|
|
||||||
borderRadius: '12px',
|
|
||||||
boxShadow: primaryButtonShadow,
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
注册并登录
|
注册并登录
|
||||||
</Button>
|
</Button>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Text type="secondary" style={{ marginTop: 12, display: 'block' }}>
|
<Text type="secondary" style={{ marginTop: 12, display: 'block' }}>
|
||||||
验证码将发送到你填写的邮箱，若未收到请检查垃圾箱或稍后重试。注册后可通过邮箱验证码登录，也支持邮箱重置密码。
|
验证码将发送到你填写的邮箱，若未收到请检查垃圾箱或稍后重试。
|
||||||
</Text>
|
</Text>
|
||||||
</Form>
|
</Form>
|
||||||
);
|
);
|
||||||
|
|
||||||
const renderLinuxDOLogin = () => (
|
|
||||||
<div>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
size="large"
|
|
||||||
icon={(
|
|
||||||
<img
|
|
||||||
src="/favicon.ico"
|
|
||||||
alt="LinuxDO"
|
|
||||||
style={{
|
|
||||||
width: 20,
|
|
||||||
height: 20,
|
|
||||||
marginRight: 8,
|
|
||||||
verticalAlign: 'middle',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
loading={loading}
|
|
||||||
onClick={handleLinuxDOLogin}
|
|
||||||
block
|
|
||||||
style={{
|
|
||||||
height: 46,
|
|
||||||
fontSize: 16,
|
|
||||||
fontWeight: 600,
|
|
||||||
background: `linear-gradient(90deg, ${token.colorPrimary} 0%, ${alphaColor(token.colorPrimary, 0.86)} 100%)`,
|
|
||||||
border: 'none',
|
|
||||||
borderRadius: '12px',
|
|
||||||
boxShadow: primaryButtonShadow,
|
|
||||||
transition: 'all 0.3s ease',
|
|
||||||
}}
|
|
||||||
onMouseEnter={(e) => {
|
|
||||||
e.currentTarget.style.transform = 'translateY(-2px)';
|
|
||||||
e.currentTarget.style.boxShadow = hoverButtonShadow;
|
|
||||||
}}
|
|
||||||
onMouseLeave={(e) => {
|
|
||||||
e.currentTarget.style.transform = 'translateY(0)';
|
|
||||||
e.currentTarget.style.boxShadow = primaryButtonShadow;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
使用 LinuxDO OAuth 登录
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
const authTabs = [
|
const authTabs = [
|
||||||
...(localAuthEnabled
|
...(localAuthEnabled ? [{ key: 'local-login', label: '本地登录', children: renderLocalLogin() }] : []),
|
||||||
? [
|
...(emailAuthEnabled ? [{ key: 'email-login', label: '邮箱登录', children: renderEmailLogin() }] : []),
|
||||||
{
|
...(emailAuthEnabled && emailRegisterEnabled ? [{ key: 'email-register', label: '邮箱注册', children: renderEmailRegister() }] : []),
|
||||||
key: 'local-login',
|
|
||||||
label: '本地登录',
|
|
||||||
children: renderLocalLogin(),
|
|
||||||
},
|
|
||||||
]
|
|
||||||
: []),
|
|
||||||
...(emailAuthEnabled
|
|
||||||
? [
|
|
||||||
{
|
|
||||||
key: 'email-login',
|
|
||||||
label: '邮箱登录',
|
|
||||||
children: renderEmailLogin(),
|
|
||||||
},
|
|
||||||
]
|
|
||||||
: []),
|
|
||||||
...(emailAuthEnabled && emailRegisterEnabled
|
|
||||||
? [
|
|
||||||
{
|
|
||||||
key: 'email-register',
|
|
||||||
label: '邮箱注册',
|
|
||||||
children: renderEmailRegister(),
|
|
||||||
},
|
|
||||||
]
|
|
||||||
: []),
|
|
||||||
];
|
];
|
||||||
|
|
||||||
if (checking) {
|
if (checking) {
|
||||||
return (
|
return (
|
||||||
<div
|
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', minHeight: '100vh', background: token.colorBgLayout }}>
|
||||||
style={{
|
|
||||||
display: 'flex',
|
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'center',
|
|
||||||
minHeight: '100vh',
|
|
||||||
background: token.colorBgLayout,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Spin size="large" style={{ color: token.colorPrimary }} />
|
<Spin size="large" style={{ color: token.colorPrimary }} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const pageTexture = `repeating-linear-gradient(-12deg, transparent, transparent 31px, ${alphaColor(token.colorText, 0.035)} 31px, ${alphaColor(token.colorText, 0.035)} 32px)`;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<Layout style={{ minHeight: '100vh', background: token.colorBgLayout, backgroundImage: pageTexture }}>
|
||||||
<AnnouncementModal
|
<div style={{ position: 'fixed', top: 16, right: 16, zIndex: 10, padding: '6px 8px', borderRadius: 2, background: token.colorBgContainer, border: `1px solid ${token.colorBorder}` }}>
|
||||||
visible={showAnnouncement}
|
<ThemeSwitch size="small" />
|
||||||
onClose={handleAnnouncementClose}
|
</div>
|
||||||
onDoNotShowToday={handleDoNotShowToday}
|
<div style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column', alignItems: 'center', padding: '40px 20px 64px', width: '100%' }}>
|
||||||
onNeverShow={handleNeverShow}
|
<header style={{ width: '100%', maxWidth: 1080, marginBottom: 32, textAlign: 'center' }}>
|
||||||
/>
|
<Space align="center" size={12} style={{ justifyContent: 'center', marginBottom: 12 }}>
|
||||||
<Layout style={{ minHeight: '100vh', background: token.colorBgLayout }}>
|
<div style={{ width: 44, height: 44, border: `2px solid ${token.colorPrimary}`, display: 'flex', alignItems: 'center', justifyContent: 'center', background: token.colorBgContainer }}>
|
||||||
<div
|
<img src="/logo.svg" alt="墨木灵思" style={{ width: 24, height: 24 }} />
|
||||||
style={{
|
</div>
|
||||||
position: 'fixed',
|
<Title level={3} className="app-serif-title" style={{ margin: 0, fontWeight: 700 }}>墨木灵思</Title>
|
||||||
top: 20,
|
</Space>
|
||||||
right: 20,
|
<Title level={1} className="app-serif-title" style={{ margin: '0 0 10px', fontSize: 'clamp(26px, 4vw, 40px)', fontWeight: 700, lineHeight: 1.25 }}>执笔于 AI，落墨成章</Title>
|
||||||
zIndex: 10,
|
<Paragraph style={{ margin: 0, color: token.colorTextSecondary, fontSize: 15, maxWidth: 520, marginInline: 'auto' }}>多模型协同 · 世界观构建 · 角色关系 · 章节精修</Paragraph>
|
||||||
padding: '8px 10px',
|
</header>
|
||||||
borderRadius: 12,
|
<Row style={{ width: '100%', maxWidth: 1080, flex: 1 }} gutter={[28, 28]} align="stretch">
|
||||||
background: alphaColor(token.colorBgContainer, 0.9),
|
|
||||||
border: `1px solid ${token.colorBorderSecondary}`,
|
|
||||||
backdropFilter: 'blur(6px)',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<ThemeSwitch size="small" />
|
|
||||||
</div>
|
|
||||||
<Row style={{ minHeight: '100vh' }}>
|
|
||||||
<Col xs={0} lg={11}>
|
|
||||||
<section
|
|
||||||
style={{
|
|
||||||
height: '100%',
|
|
||||||
padding: '44px 64px 88px',
|
|
||||||
display: 'flex',
|
|
||||||
flexDirection: 'column',
|
|
||||||
justifyContent: 'space-between',
|
|
||||||
position: 'relative',
|
|
||||||
overflow: 'hidden',
|
|
||||||
backgroundColor: alphaColor(token.colorBgContainer, 0.78),
|
|
||||||
backgroundImage: `linear-gradient(${alphaColor(token.colorTextSecondary, 0.06)} 1px, transparent 1px), linear-gradient(90deg, ${alphaColor(token.colorTextSecondary, 0.06)} 1px, transparent 1px)`,
|
|
||||||
backgroundSize: '68px 68px',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
position: 'absolute',
|
|
||||||
inset: 0,
|
|
||||||
background: `radial-gradient(circle at 25% 20%, ${alphaColor(token.colorPrimary, 0.12)} 0%, transparent 50%)`,
|
|
||||||
pointerEvents: 'none',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
position: 'relative',
|
|
||||||
zIndex: 1,
|
|
||||||
display: 'flex',
|
|
||||||
flexDirection: 'column',
|
|
||||||
justifyContent: 'space-between',
|
|
||||||
gap: 34,
|
|
||||||
width: '100%',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Space align="center" size={14}>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
width: 46,
|
|
||||||
height: 46,
|
|
||||||
borderRadius: 14,
|
|
||||||
background: `linear-gradient(135deg, ${token.colorPrimary} 0%, ${alphaColor(token.colorPrimary, 0.7)} 100%)`,
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
boxShadow: primaryButtonShadow,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
src="/logo.svg"
|
|
||||||
alt="墨木灵思"
|
|
||||||
style={{ width: 26, height: 26, filter: 'brightness(0) invert(1)' }}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<Title level={3} style={{ margin: 0, color: token.colorText }}>
|
|
||||||
墨木灵思
|
|
||||||
</Title>
|
|
||||||
</Space>
|
|
||||||
|
|
||||||
<Space direction="vertical" size={32} style={{ width: '100%' }}>
|
|
||||||
<div style={{ maxWidth: 'min(860px, 100%)' }}>
|
|
||||||
<Title
|
|
||||||
level={1}
|
|
||||||
style={{
|
|
||||||
marginBottom: 22,
|
|
||||||
color: token.colorText,
|
|
||||||
lineHeight: 1.12,
|
|
||||||
fontWeight: 800,
|
|
||||||
fontSize: 'clamp(52px, 3vw, 78px)',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
基于 AI 的
|
|
||||||
<br />
|
|
||||||
<span
|
|
||||||
style={{
|
|
||||||
backgroundImage: `linear-gradient(90deg, ${token.colorPrimary} 0%, #d946ef 100%)`,
|
|
||||||
WebkitBackgroundClip: 'text',
|
|
||||||
backgroundClip: 'text',
|
|
||||||
WebkitTextFillColor: 'transparent',
|
|
||||||
color: token.colorPrimary,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
智能小说创作助手
|
|
||||||
</span>
|
|
||||||
</Title>
|
|
||||||
<Paragraph
|
|
||||||
style={{
|
|
||||||
fontSize: 'clamp(18px, 1vw, 22px)',
|
|
||||||
lineHeight: 1.85,
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
marginBottom: 0,
|
|
||||||
maxWidth: 800,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
从灵感到成稿，围绕「多模型协同、创作流程自动化、角色关系管理、章节精修」构建一体化创作工作台。
|
|
||||||
</Paragraph>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Row gutter={[20, 20]} style={{ width: '100%', maxWidth: 'min(920px, 100%)' }}>
|
|
||||||
{featureItems.map((item) => (
|
|
||||||
<Col span={12} key={item.title}>
|
|
||||||
<Card
|
|
||||||
size="small"
|
|
||||||
bordered={false}
|
|
||||||
style={{
|
|
||||||
height: '100%',
|
|
||||||
minHeight: 120,
|
|
||||||
borderRadius: 16,
|
|
||||||
background: alphaColor(token.colorBgContainer, 0.9),
|
|
||||||
}}
|
|
||||||
bodyStyle={{ padding: 16 }}
|
|
||||||
>
|
|
||||||
<Space direction="vertical" size={8}>
|
|
||||||
<Space size={10} style={{ color: token.colorPrimary, fontWeight: 700, fontSize: 15 }}>
|
|
||||||
{item.icon}
|
|
||||||
<span>{item.title}</span>
|
|
||||||
</Space>
|
|
||||||
<Paragraph style={{ marginBottom: 0, color: token.colorTextSecondary, fontSize: 14, lineHeight: 1.65 }}>
|
|
||||||
{item.description}
|
|
||||||
</Paragraph>
|
|
||||||
</Space>
|
|
||||||
</Card>
|
|
||||||
</Col>
|
|
||||||
))}
|
|
||||||
</Row>
|
|
||||||
</Space>
|
|
||||||
|
|
||||||
<Space size={[10, 14]} wrap style={{ maxWidth: 'min(860px, 100%)' }}>
|
|
||||||
<Tag color="blue">OpenAI</Tag>
|
|
||||||
<Tag color="geekblue">Gemini</Tag>
|
|
||||||
<Tag color="purple">Claude</Tag>
|
|
||||||
<Tag color="cyan">LinuxDO OAuth</Tag>
|
|
||||||
<Tag color="green">Docker Compose</Tag>
|
|
||||||
<Tag color="gold">PostgreSQL</Tag>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Paragraph
|
|
||||||
style={{
|
|
||||||
marginBottom: 0,
|
|
||||||
fontSize: 12,
|
|
||||||
color: token.colorTextTertiary,
|
|
||||||
position: 'relative',
|
|
||||||
zIndex: 1,
|
|
||||||
letterSpacing: 0.4,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
© 2026 墨木灵思 · GPLv3 License
|
|
||||||
</Paragraph>
|
|
||||||
</section>
|
|
||||||
</Col>
|
|
||||||
|
|
||||||
<Col xs={24} lg={13}>
|
<Col xs={24} lg={13}>
|
||||||
<section
|
<div>
|
||||||
style={{
|
{featureItems.map((item, index) => (
|
||||||
minHeight: '100vh',
|
<div key={item.title} style={{ padding: '18px 0 18px 18px', borderLeft: `3px solid ${index % 2 === 0 ? token.colorPrimary : alphaColor(token.colorPrimary, 0.4)}`, borderBottom: `1px solid ${token.colorBorderSecondary}` }}>
|
||||||
display: 'flex',
|
<Space align="start" size={12}>
|
||||||
alignItems: 'center',
|
<span style={{ color: token.colorPrimary, fontSize: 18, marginTop: 2 }}>{item.icon}</span>
|
||||||
justifyContent: 'center',
|
<div>
|
||||||
padding: '48px min(7vw, 72px)',
|
<Text strong style={{ display: 'block', marginBottom: 4, fontSize: 15 }}>{item.title}</Text>
|
||||||
background: token.colorBgLayout,
|
<Paragraph style={{ margin: 0, color: token.colorTextSecondary, fontSize: 14, lineHeight: 1.65 }}>{item.description}</Paragraph>
|
||||||
}}
|
</div>
|
||||||
>
|
</Space>
|
||||||
<div style={{ width: '100%', maxWidth: 520 }}>
|
|
||||||
<Space direction="vertical" size={4}>
|
|
||||||
<Title level={2} style={{ marginBottom: 0, fontWeight: 700, color: token.colorText }}>
|
|
||||||
欢迎回来
|
|
||||||
</Title>
|
|
||||||
<Paragraph style={{ marginBottom: 0, color: token.colorTextSecondary }}>
|
|
||||||
登录 墨木灵思，继续你的小说创作项目。
|
|
||||||
</Paragraph>
|
|
||||||
</Space>
|
|
||||||
|
|
||||||
<div style={{ marginTop: 22 }}>
|
|
||||||
{authTabs.length > 0 ? (
|
|
||||||
<Tabs defaultActiveKey={authTabs[0].key} items={authTabs} />
|
|
||||||
) : null}
|
|
||||||
|
|
||||||
{!localAuthEnabled && !linuxdoEnabled && !emailAuthEnabled ? (
|
|
||||||
<Alert
|
|
||||||
type="warning"
|
|
||||||
showIcon
|
|
||||||
message="当前未启用可用登录方式"
|
|
||||||
description="请联系管理员在系统配置中启用本地登录、邮箱认证或 LinuxDO OAuth 登录。"
|
|
||||||
/>
|
|
||||||
) : null}
|
|
||||||
|
|
||||||
{emailAuthEnabled && !emailRegisterEnabled ? (
|
|
||||||
<Alert
|
|
||||||
type="info"
|
|
||||||
showIcon
|
|
||||||
style={{ marginTop: 12, borderRadius: 12 }}
|
|
||||||
message="邮箱注册暂未开放"
|
|
||||||
description="当前仅开放邮箱验证码登录与找回密码，如需注册请联系管理员。"
|
|
||||||
/>
|
|
||||||
) : null}
|
|
||||||
|
|
||||||
<Divider style={{ margin: '20px 0 14px' }} />
|
|
||||||
<Alert
|
|
||||||
type="info"
|
|
||||||
showIcon
|
|
||||||
icon={<SafetyCertificateOutlined />}
|
|
||||||
style={{ background: alphaColor(token.colorPrimary, 0.06), borderRadius: 12 }}
|
|
||||||
message="登录说明"
|
|
||||||
description={(
|
|
||||||
<ul style={{ margin: 0, paddingLeft: 18 }}>
|
|
||||||
{loginTips.map((tip) => (
|
|
||||||
<li key={tip} style={{ marginBottom: 4 }}>
|
|
||||||
{tip}
|
|
||||||
</li>
|
|
||||||
))}
|
|
||||||
</ul>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
))}
|
||||||
|
<Space size={[8, 8]} wrap style={{ marginTop: 16 }}>
|
||||||
|
{['OpenAI', 'Gemini', 'Claude', 'Docker', 'PostgreSQL'].map((label) => (
|
||||||
|
<Tag key={label} style={{ margin: 0, borderRadius: 2, background: token.colorFillSecondary, border: `1px solid ${token.colorBorder}`, color: token.colorTextSecondary }}>{label}</Tag>
|
||||||
|
))}
|
||||||
|
</Space>
|
||||||
|
</div>
|
||||||
|
</Col>
|
||||||
|
<Col xs={24} lg={11}>
|
||||||
|
<Card bordered style={{ borderRadius: 2, border: `2px solid ${token.colorText}`, boxShadow: `8px 8px 0 ${alphaColor(token.colorText, 0.12)}`, background: token.colorBgContainer }} styles={{ body: { padding: '28px 28px 24px' } }}>
|
||||||
|
<Space direction="vertical" size={4} style={{ width: '100%', marginBottom: 8 }}>
|
||||||
|
<Title level={3} className="app-serif-title" style={{ margin: 0, fontWeight: 700 }}>进入创作台</Title>
|
||||||
|
<Text type="secondary">登录后继续你的小说项目</Text>
|
||||||
|
</Space>
|
||||||
|
<div className="app-login-tabs" style={{ marginTop: 8 }}>
|
||||||
|
{authTabs.length > 0 ? <Tabs defaultActiveKey={authTabs[0].key} items={authTabs} /> : null}
|
||||||
|
{authTabs.length === 0 ? <Alert type="warning" showIcon message="当前未启用可用登录方式" description="请联系管理员在系统配置中启用本地登录或邮箱认证。" /> : null}
|
||||||
|
{emailAuthEnabled && !emailRegisterEnabled ? <Alert type="info" showIcon style={{ marginTop: 12, borderRadius: 2 }} message="邮箱注册暂未开放" description="当前仅开放邮箱验证码登录与找回密码，如需注册请联系管理员。" /> : null}
|
||||||
|
<Divider style={{ margin: '18px 0 12px', borderColor: token.colorBorderSecondary }} />
|
||||||
|
<Alert type="info" showIcon icon={<SafetyCertificateOutlined />} style={{ background: token.colorFillTertiary, border: `1px solid ${token.colorBorder}`, borderRadius: 2 }} message="登录说明" description={<ul style={{ margin: 0, paddingLeft: 18 }}>{loginTips.map((tip) => <li key={tip} style={{ marginBottom: 4 }}>{tip}</li>)}</ul>} />
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
</Layout>
|
<Paragraph style={{ marginTop: 32, marginBottom: 0, fontSize: 12, color: token.colorTextTertiary, letterSpacing: '0.08em' }}>© 2026 墨木灵思 · GPLv3</Paragraph>
|
||||||
</>
|
</div>
|
||||||
|
</Layout>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,6 +23,7 @@ import {
|
|||||||
import { useStore } from '../store';
|
import { useStore } from '../store';
|
||||||
import { useCharacterSync, useOutlineSync, useChapterSync } from '../store/hooks';
|
import { useCharacterSync, useOutlineSync, useChapterSync } from '../store/hooks';
|
||||||
import { projectApi } from '../services/api';
|
import { projectApi } from '../services/api';
|
||||||
|
import { VERSION_INFO } from '../config/version';
|
||||||
import ThemeSwitch from '../components/ThemeSwitch';
|
import ThemeSwitch from '../components/ThemeSwitch';
|
||||||
import { useThemeMode } from '../theme/useThemeMode';
|
import { useThemeMode } from '../theme/useThemeMode';
|
||||||
import { getStoredSidebarCollapsed, setStoredSidebarCollapsed } from '../utils/sidebarState';
|
import { getStoredSidebarCollapsed, setStoredSidebarCollapsed } from '../utils/sidebarState';
|
||||||
@@ -198,7 +199,13 @@ export default function ProjectDetail() {
|
|||||||
{
|
{
|
||||||
key: 'source-code',
|
key: 'source-code',
|
||||||
icon: <CloudOutlined />,
|
icon: <CloudOutlined />,
|
||||||
label: <a href="https://www.xinmi.cloud/" target="_blank" rel="noopener noreferrer">源码库</a>,
|
label: VERSION_INFO.officialApiDocUrl ? (
|
||||||
|
<a href={VERSION_INFO.officialApiDocUrl} target="_blank" rel="noopener noreferrer">
|
||||||
|
API 文档
|
||||||
|
</a>
|
||||||
|
) : (
|
||||||
|
<span style={{ color: 'inherit' }}>API 文档</span>
|
||||||
|
),
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -9,7 +9,6 @@ import { eventBus, EventNames } from '../store/eventBus';
|
|||||||
import type { ReactNode } from 'react';
|
import type { ReactNode } from 'react';
|
||||||
import type { Project, User } from '../types';
|
import type { Project, User } from '../types';
|
||||||
import UserMenu from '../components/UserMenu';
|
import UserMenu from '../components/UserMenu';
|
||||||
import ChangelogFloatingButton from '../components/ChangelogFloatingButton';
|
|
||||||
import ThemeSwitch from '../components/ThemeSwitch';
|
import ThemeSwitch from '../components/ThemeSwitch';
|
||||||
import { useThemeMode } from '../theme/useThemeMode';
|
import { useThemeMode } from '../theme/useThemeMode';
|
||||||
import SettingsPage from './Settings';
|
import SettingsPage from './Settings';
|
||||||
@@ -19,6 +18,8 @@ import PromptTemplates from './PromptTemplates';
|
|||||||
import BookImport from './BookImport';
|
import BookImport from './BookImport';
|
||||||
import BookshelfPage from './BookshelfPage';
|
import BookshelfPage from './BookshelfPage';
|
||||||
import { getStoredSidebarCollapsed, setStoredSidebarCollapsed } from '../utils/sidebarState';
|
import { getStoredSidebarCollapsed, setStoredSidebarCollapsed } from '../utils/sidebarState';
|
||||||
|
import { VERSION_INFO } from '../config/version';
|
||||||
|
import { shellColors } from '../theme/themeConfig';
|
||||||
|
|
||||||
const { Text } = Typography;
|
const { Text } = Typography;
|
||||||
|
|
||||||
@@ -386,10 +387,11 @@ export default function ProjectList() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const isMobile = window.innerWidth <= 768;
|
const isMobile = window.innerWidth <= 768;
|
||||||
const headerHeight = isMobile ? 56 : 70;
|
const headerHeight = isMobile ? 56 : 64;
|
||||||
const expandedSiderWidth = 220;
|
const expandedSiderWidth = 232;
|
||||||
const collapsedSiderWidth = 60;
|
const collapsedSiderWidth = 64;
|
||||||
const desktopSiderWidth = collapsed ? collapsedSiderWidth : expandedSiderWidth;
|
const desktopSiderWidth = collapsed ? collapsedSiderWidth : expandedSiderWidth;
|
||||||
|
const shell = shellColors[resolvedMode];
|
||||||
|
|
||||||
const currentViewTitle = activeView === 'projects'
|
const currentViewTitle = activeView === 'projects'
|
||||||
? '我的书架'
|
? '我的书架'
|
||||||
@@ -447,9 +449,9 @@ export default function ProjectList() {
|
|||||||
label: '系统设置',
|
label: '系统设置',
|
||||||
}] : []),
|
}] : []),
|
||||||
{
|
{
|
||||||
key: 'mumu-api',
|
key: 'xinmi-api',
|
||||||
icon: <ApiOutlined />,
|
icon: <ApiOutlined />,
|
||||||
label: 'MuMuのAPI',
|
label: 'XinMi API',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -487,12 +489,16 @@ export default function ProjectList() {
|
|||||||
label: '系统设置',
|
label: '系统设置',
|
||||||
}] : []),
|
}] : []),
|
||||||
{
|
{
|
||||||
key: 'mumu-api',
|
key: 'xinmi-api',
|
||||||
icon: <ApiOutlined />,
|
icon: <ApiOutlined />,
|
||||||
label: 'MuMuのAPI',
|
label: 'XinMi API',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
const openXinmiApi = () => {
|
||||||
|
window.open(VERSION_INFO.officialApiDocUrl, '_blank', 'noopener,noreferrer');
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div style={{
|
<div style={{
|
||||||
height: '100vh',
|
height: '100vh',
|
||||||
@@ -505,10 +511,11 @@ export default function ProjectList() {
|
|||||||
|
|
||||||
{!isMobile && (
|
{!isMobile && (
|
||||||
<div
|
<div
|
||||||
|
className="app-shell-sider"
|
||||||
style={{
|
style={{
|
||||||
width: desktopSiderWidth,
|
width: desktopSiderWidth,
|
||||||
background: token.colorBgContainer,
|
background: shell.siderBg,
|
||||||
borderRight: `1px solid ${token.colorBorderSecondary}`,
|
borderRight: `1px solid ${shell.siderBorder}`,
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
position: 'fixed',
|
position: 'fixed',
|
||||||
@@ -518,15 +525,16 @@ export default function ProjectList() {
|
|||||||
height: '100vh',
|
height: '100vh',
|
||||||
overflow: 'hidden',
|
overflow: 'hidden',
|
||||||
transition: 'width 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
|
transition: 'width 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
|
||||||
boxShadow: `4px 0 16px ${alphaColor(token.colorText, 0.06)}`,
|
boxShadow: 'none',
|
||||||
zIndex: 1000
|
zIndex: 1000
|
||||||
}}>
|
}}>
|
||||||
<div style={{
|
<div style={{
|
||||||
height: 70,
|
height: 64,
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
padding: collapsed ? 0 : '0 12px',
|
padding: collapsed ? 0 : '0 14px',
|
||||||
background: token.colorPrimary,
|
background: shell.siderBg,
|
||||||
|
borderBottom: `1px solid ${shell.siderBorder}`,
|
||||||
flexShrink: 0,
|
flexShrink: 0,
|
||||||
justifyContent: collapsed ? 'center' : 'space-between',
|
justifyContent: collapsed ? 'center' : 'space-between',
|
||||||
gap: 8
|
gap: 8
|
||||||
@@ -537,7 +545,7 @@ export default function ProjectList() {
|
|||||||
icon={<MenuUnfoldOutlined />}
|
icon={<MenuUnfoldOutlined />}
|
||||||
onClick={() => setCollapsed(false)}
|
onClick={() => setCollapsed(false)}
|
||||||
style={{
|
style={{
|
||||||
color: token.colorWhite,
|
color: shell.siderText,
|
||||||
width: '100%',
|
width: '100%',
|
||||||
height: '100%',
|
height: '100%',
|
||||||
padding: 0,
|
padding: 0,
|
||||||
@@ -549,39 +557,53 @@ export default function ProjectList() {
|
|||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<div style={{ display: 'flex', alignItems: 'center', gap: 10, minWidth: 0, overflow: 'hidden' }}>
|
<div style={{ display: 'flex', alignItems: 'center', gap: 10, minWidth: 0, overflow: 'hidden', flex: 1 }}>
|
||||||
<div style={{
|
<div style={{
|
||||||
width: 30,
|
width: 32,
|
||||||
height: 30,
|
height: 32,
|
||||||
background: alphaColor(token.colorWhite, 0.2),
|
border: `1px solid ${shell.siderAccent}`,
|
||||||
borderRadius: 8,
|
borderRadius: 2,
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
color: token.colorWhite,
|
color: shell.siderAccent,
|
||||||
fontSize: 16,
|
fontSize: 16,
|
||||||
backdropFilter: 'blur(4px)'
|
flexShrink: 0,
|
||||||
}}>
|
}}>
|
||||||
<BookOutlined />
|
<BookOutlined />
|
||||||
</div>
|
</div>
|
||||||
<span style={{
|
<div style={{ minWidth: 0, display: 'flex', flexDirection: 'column', gap: 2 }}>
|
||||||
color: token.colorWhite,
|
<span className="app-serif-title" style={{
|
||||||
fontWeight: 600,
|
color: shell.siderText,
|
||||||
fontSize: 15,
|
fontWeight: 600,
|
||||||
fontFamily: token.fontFamily,
|
fontSize: 15,
|
||||||
whiteSpace: 'nowrap',
|
lineHeight: 1.2,
|
||||||
overflow: 'hidden',
|
whiteSpace: 'nowrap',
|
||||||
textOverflow: 'ellipsis'
|
overflow: 'hidden',
|
||||||
}}>
|
textOverflow: 'ellipsis'
|
||||||
墨木灵思
|
}}>
|
||||||
</span>
|
{VERSION_INFO.projectName}
|
||||||
|
</span>
|
||||||
|
<span style={{
|
||||||
|
color: shell.siderMuted,
|
||||||
|
fontWeight: 400,
|
||||||
|
fontSize: 11,
|
||||||
|
lineHeight: 1.2,
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
|
overflow: 'hidden',
|
||||||
|
textOverflow: 'ellipsis',
|
||||||
|
letterSpacing: '0.04em',
|
||||||
|
}}>
|
||||||
|
铜墨编辑部
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Button
|
<Button
|
||||||
type="text"
|
type="text"
|
||||||
icon={<MenuFoldOutlined />}
|
icon={<MenuFoldOutlined />}
|
||||||
onClick={() => setCollapsed(true)}
|
onClick={() => setCollapsed(true)}
|
||||||
style={{
|
style={{
|
||||||
color: token.colorWhite,
|
color: shell.siderMuted,
|
||||||
width: 32,
|
width: 32,
|
||||||
height: 32,
|
height: 32,
|
||||||
padding: 0,
|
padding: 0,
|
||||||
@@ -594,13 +616,14 @@ export default function ProjectList() {
|
|||||||
|
|
||||||
<div style={{ flex: 1, overflowY: 'auto', overflowX: 'hidden' }}>
|
<div style={{ flex: 1, overflowY: 'auto', overflowX: 'hidden' }}>
|
||||||
<Menu
|
<Menu
|
||||||
|
theme="dark"
|
||||||
mode="inline"
|
mode="inline"
|
||||||
inlineCollapsed={collapsed}
|
inlineCollapsed={collapsed}
|
||||||
selectedKeys={[activeView]}
|
selectedKeys={[activeView]}
|
||||||
style={{ borderRight: 0, paddingTop: 12, width: '100%' }}
|
style={{ borderRight: 0, paddingTop: 12, width: '100%', background: 'transparent' }}
|
||||||
onClick={({ key }) => {
|
onClick={({ key }) => {
|
||||||
if (key === 'mumu-api') {
|
if (key === 'xinmi-api') {
|
||||||
window.open('https://api.mumuverse.space/register?aff=4NN8', '_blank', 'noopener,noreferrer');
|
openXinmiApi();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
changeView(key as ProjectListView);
|
changeView(key as ProjectListView);
|
||||||
@@ -611,7 +634,7 @@ export default function ProjectList() {
|
|||||||
|
|
||||||
<div style={{
|
<div style={{
|
||||||
padding: collapsed ? '12px 8px' : 16,
|
padding: collapsed ? '12px 8px' : 16,
|
||||||
borderTop: `1px solid ${token.colorBorderSecondary}`,
|
borderTop: `1px solid ${shell.siderBorder}`,
|
||||||
flexShrink: 0
|
flexShrink: 0
|
||||||
}}>
|
}}>
|
||||||
{collapsed ? (
|
{collapsed ? (
|
||||||
@@ -624,17 +647,17 @@ export default function ProjectList() {
|
|||||||
style={{
|
style={{
|
||||||
width: 40,
|
width: 40,
|
||||||
height: 40,
|
height: 40,
|
||||||
borderRadius: 20,
|
borderRadius: 2,
|
||||||
background: alphaColor(token.colorBgContainer, 0.65),
|
background: alphaColor(shell.siderText, 0.08),
|
||||||
border: `1px solid ${token.colorBorder}`,
|
border: `1px solid ${shell.siderBorder}`,
|
||||||
color: token.colorTextSecondary,
|
color: shell.siderMuted,
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<UserMenu compact />
|
<UserMenu compact />
|
||||||
</Space>
|
</Space>
|
||||||
) : (
|
) : (
|
||||||
<Space direction="vertical" style={{ width: '100%' }} size={12}>
|
<Space direction="vertical" style={{ width: '100%' }} size={12}>
|
||||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', fontSize: 12, color: token.colorTextTertiary }}>
|
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', fontSize: 12, color: shell.siderMuted }}>
|
||||||
<span>主题模式</span>
|
<span>主题模式</span>
|
||||||
<span>{resolvedMode === 'dark' ? '深色' : '浅色'}</span>
|
<span>{resolvedMode === 'dark' ? '深色' : '浅色'}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -647,7 +670,8 @@ export default function ProjectList() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<div style={{
|
<div style={{
|
||||||
background: token.colorPrimary,
|
background: token.colorBgContainer,
|
||||||
|
borderBottom: `2px solid ${shell.headerBorder}`,
|
||||||
padding: isMobile ? '0 12px' : '0 24px',
|
padding: isMobile ? '0 12px' : '0 24px',
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
@@ -657,7 +681,7 @@ export default function ProjectList() {
|
|||||||
left: isMobile ? 0 : desktopSiderWidth,
|
left: isMobile ? 0 : desktopSiderWidth,
|
||||||
right: 0,
|
right: 0,
|
||||||
zIndex: 1000,
|
zIndex: 1000,
|
||||||
boxShadow: `0 2px 10px ${alphaColor(token.colorText, 0.16)}`,
|
boxShadow: 'none',
|
||||||
height: headerHeight,
|
height: headerHeight,
|
||||||
flexShrink: 0,
|
flexShrink: 0,
|
||||||
transition: 'left 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
|
transition: 'left 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
|
||||||
@@ -672,19 +696,19 @@ export default function ProjectList() {
|
|||||||
onClick={() => setDrawerVisible(true)}
|
onClick={() => setDrawerVisible(true)}
|
||||||
style={{
|
style={{
|
||||||
fontSize: 18,
|
fontSize: 18,
|
||||||
color: token.colorWhite,
|
color: token.colorText,
|
||||||
width: 36,
|
width: 36,
|
||||||
height: 36
|
height: 36
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2 style={{
|
<h2 className="app-serif-title" style={{
|
||||||
margin: 0,
|
margin: 0,
|
||||||
color: token.colorWhite,
|
color: token.colorText,
|
||||||
fontSize: 16,
|
fontSize: 16,
|
||||||
fontWeight: 600,
|
fontWeight: 600,
|
||||||
textShadow: `0 2px 4px ${alphaColor(token.colorText, 0.2)}`,
|
textShadow: 'none',
|
||||||
flex: 1,
|
flex: 1,
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
whiteSpace: 'nowrap',
|
whiteSpace: 'nowrap',
|
||||||
@@ -701,12 +725,12 @@ export default function ProjectList() {
|
|||||||
<>
|
<>
|
||||||
<div style={{ width: 40, zIndex: 1 }} />
|
<div style={{ width: 40, zIndex: 1 }} />
|
||||||
|
|
||||||
<h2 style={{
|
<h2 className="app-serif-title" style={{
|
||||||
margin: 0,
|
margin: 0,
|
||||||
color: token.colorWhite,
|
color: token.colorText,
|
||||||
fontSize: '24px',
|
fontSize: '22px',
|
||||||
fontWeight: 600,
|
fontWeight: 600,
|
||||||
textShadow: `0 2px 4px ${alphaColor(token.colorText, 0.2)}`,
|
textShadow: 'none',
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
left: '50%',
|
left: '50%',
|
||||||
transform: 'translateX(-50%)',
|
transform: 'translateX(-50%)',
|
||||||
@@ -735,29 +759,29 @@ export default function ProjectList() {
|
|||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
backdropFilter: 'blur(4px)',
|
borderRadius: 2,
|
||||||
borderRadius: '28px',
|
|
||||||
minWidth: '56px',
|
minWidth: '56px',
|
||||||
height: '56px',
|
height: '52px',
|
||||||
padding: '0 12px',
|
padding: '0 12px',
|
||||||
boxShadow: `inset 0 0 15px ${alphaColor(token.colorWhite, 0.15)}, 0 4px 10px ${alphaColor(token.colorText, 0.1)}`,
|
border: `1px solid ${token.colorBorder}`,
|
||||||
|
background: token.colorFillTertiary,
|
||||||
|
boxShadow: `3px 3px 0 ${alphaColor(token.colorText, 0.08)}`,
|
||||||
cursor: 'default',
|
cursor: 'default',
|
||||||
transition: 'transform 0.3s ease, box-shadow 0.3s ease',
|
transition: 'transform 0.2s ease, box-shadow 0.2s ease',
|
||||||
}}
|
}}
|
||||||
onMouseEnter={(e) => {
|
onMouseEnter={(e) => {
|
||||||
e.currentTarget.style.transform = 'translateY(-3px) scale(1.02)';
|
e.currentTarget.style.transform = 'translate(-1px, -1px)';
|
||||||
e.currentTarget.style.boxShadow = `inset 0 0 20px ${alphaColor(token.colorWhite, 0.25)}, 0 8px 16px ${alphaColor(token.colorText, 0.15)}`;
|
e.currentTarget.style.boxShadow = `4px 4px 0 ${alphaColor(token.colorPrimary, 0.2)}`;
|
||||||
e.currentTarget.style.border = `1px solid ${alphaColor(token.colorWhite, 0.1)}`;
|
|
||||||
}}
|
}}
|
||||||
onMouseLeave={(e) => {
|
onMouseLeave={(e) => {
|
||||||
e.currentTarget.style.transform = 'translateY(0) scale(1)';
|
e.currentTarget.style.transform = 'translate(0, 0)';
|
||||||
e.currentTarget.style.boxShadow = `inset 0 0 15px ${alphaColor(token.colorWhite, 0.15)}, 0 4px 10px ${alphaColor(token.colorText, 0.1)}`;
|
e.currentTarget.style.boxShadow = `3px 3px 0 ${alphaColor(token.colorText, 0.08)}`;
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<span style={{ fontSize: '11px', color: alphaColor(token.colorWhite, 0.9), marginBottom: '2px', lineHeight: 1 }}>
|
<span style={{ fontSize: '11px', color: token.colorTextSecondary, marginBottom: '2px', lineHeight: 1 }}>
|
||||||
{item.label}
|
{item.label}
|
||||||
</span>
|
</span>
|
||||||
<span style={{ fontSize: '15px', fontWeight: '600', color: token.colorWhite, lineHeight: 1, fontFamily: 'Monaco, monospace' }}>
|
<span style={{ fontSize: '15px', fontWeight: '600', color: token.colorText, lineHeight: 1, fontFamily: 'var(--app-font-mono)' }}>
|
||||||
{item.label === '总字数' ? formatWordCount(item.value) : item.value}
|
{item.label === '总字数' ? formatWordCount(item.value) : item.value}
|
||||||
{item.unit && <span style={{ fontSize: '10px', marginLeft: '2px', opacity: 0.8 }}>{item.unit}</span>}
|
{item.unit && <span style={{ fontSize: '10px', marginLeft: '2px', opacity: 0.8 }}>{item.unit}</span>}
|
||||||
</span>
|
</span>
|
||||||
@@ -804,8 +828,8 @@ export default function ProjectList() {
|
|||||||
selectedKeys={[activeView]}
|
selectedKeys={[activeView]}
|
||||||
style={{ borderRight: 0, paddingTop: 8 }}
|
style={{ borderRight: 0, paddingTop: 8 }}
|
||||||
onClick={({ key }) => {
|
onClick={({ key }) => {
|
||||||
if (key === 'mumu-api') {
|
if (key === 'xinmi-api') {
|
||||||
window.open('https://api.mumuverse.space/register?aff=4NN8', '_blank', 'noopener,noreferrer');
|
openXinmiApi();
|
||||||
setDrawerVisible(false);
|
setDrawerVisible(false);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -887,8 +911,6 @@ export default function ProjectList() {
|
|||||||
formatDate={formatDate}
|
formatDate={formatDate}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<ChangelogFloatingButton />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -1061,4 +1083,4 @@ export default function ProjectList() {
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -248,8 +248,7 @@ export default function PromptTemplates() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const currentTemplates = getCurrentTemplates();
|
const currentTemplates = getCurrentTemplates();
|
||||||
const pageBackground = `linear-gradient(180deg, ${token.colorBgLayout} 0%, ${token.colorFillSecondary} 100%)`;
|
const pageBackground = token.colorBgLayout;
|
||||||
const headerBackground = `linear-gradient(135deg, ${token.colorPrimary} 0%, ${token.colorPrimaryHover} 100%)`;
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@@ -269,73 +268,37 @@ export default function PromptTemplates() {
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
}}>
|
}}>
|
||||||
{/* 顶部导航卡片 */}
|
{/* 顶部标题区 */}
|
||||||
<Card
|
<Card
|
||||||
variant="borderless"
|
variant="borderless"
|
||||||
|
className="app-prompt-header"
|
||||||
style={{
|
style={{
|
||||||
background: headerBackground,
|
background: token.colorBgContainer,
|
||||||
borderRadius: isMobile ? 16 : 24,
|
borderRadius: 2,
|
||||||
boxShadow: token.boxShadowSecondary,
|
border: `1px solid ${token.colorBorder}`,
|
||||||
marginBottom: isMobile ? 20 : 24,
|
marginBottom: isMobile ? 20 : 24,
|
||||||
border: 'none',
|
boxShadow: `6px 6px 0 ${token.colorFillSecondary}`,
|
||||||
position: 'relative',
|
|
||||||
overflow: 'hidden'
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{/* 装饰性背景元素 */}
|
<Row align="middle" justify="space-between" gutter={[16, 16]}>
|
||||||
<div style={{ position: 'absolute', top: -60, right: -60, width: 200, height: 200, borderRadius: '50%', background: token.colorWhite, opacity: 0.08, pointerEvents: 'none' }} />
|
|
||||||
<div style={{ position: 'absolute', bottom: -40, left: '30%', width: 120, height: 120, borderRadius: '50%', background: token.colorWhite, opacity: 0.05, pointerEvents: 'none' }} />
|
|
||||||
<div style={{ position: 'absolute', top: '50%', right: '15%', width: 80, height: 80, borderRadius: '50%', background: token.colorWhite, opacity: 0.06, pointerEvents: 'none' }} />
|
|
||||||
|
|
||||||
<Row align="middle" justify="space-between" gutter={[16, 16]} style={{ position: 'relative', zIndex: 1 }}>
|
|
||||||
<Col xs={24} sm={12} md={14}>
|
<Col xs={24} sm={12} md={14}>
|
||||||
<Space direction="vertical" size={4}>
|
<Space direction="vertical" size={4}>
|
||||||
<Title level={isMobile ? 3 : 2} style={{ margin: 0, color: token.colorWhite, textShadow: `0 2px 4px ${token.colorBgMask}` }}>
|
<Title level={isMobile ? 3 : 2} className="app-serif-title" style={{ margin: 0, color: token.colorText }}>
|
||||||
<FileSearchOutlined style={{ color: token.colorWhite, opacity: 0.9, marginRight: 8 }} />
|
<FileSearchOutlined style={{ color: token.colorPrimary, marginRight: 8 }} />
|
||||||
提示词模板管理
|
提示词模板管理
|
||||||
</Title>
|
</Title>
|
||||||
<Text style={{ fontSize: isMobile ? 12 : 14, color: token.colorTextLightSolid, opacity: 0.85, marginLeft: isMobile ? 40 : 48 }}>
|
<Text style={{ fontSize: isMobile ? 12 : 14, color: token.colorTextSecondary }}>
|
||||||
自定义AI生成提示词，打造个性化创作体验
|
自定义 AI 生成提示词，打造个性化创作体验
|
||||||
</Text>
|
</Text>
|
||||||
</Space>
|
</Space>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={24} sm={12} md={10}>
|
<Col xs={24} sm={12} md={10}>
|
||||||
<Space wrap style={{ justifyContent: isMobile ? 'flex-start' : 'flex-end', width: '100%' }}>
|
<Space wrap style={{ justifyContent: isMobile ? 'flex-start' : 'flex-end', width: '100%' }}>
|
||||||
<Button
|
<Button icon={<DownloadOutlined />} onClick={handleExport} size={isMobile ? 'small' : 'middle'}>
|
||||||
icon={<DownloadOutlined />}
|
|
||||||
onClick={handleExport}
|
|
||||||
size={isMobile ? 'small' : 'middle'}
|
|
||||||
style={{
|
|
||||||
borderRadius: 12,
|
|
||||||
background: token.colorWhite,
|
|
||||||
border: `1px solid ${token.colorWhite}`,
|
|
||||||
boxShadow: token.boxShadow,
|
|
||||||
color: token.colorPrimary,
|
|
||||||
fontWeight: 600,
|
|
||||||
backdropFilter: 'blur(10px)',
|
|
||||||
transition: 'all 0.3s ease'
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
导出配置
|
导出配置
|
||||||
</Button>
|
</Button>
|
||||||
<Upload
|
<Upload accept=".json" showUploadList={false} beforeUpload={handleImport}>
|
||||||
accept=".json"
|
<Button icon={<UploadOutlined />} size={isMobile ? 'small' : 'middle'}>
|
||||||
showUploadList={false}
|
|
||||||
beforeUpload={handleImport}
|
|
||||||
>
|
|
||||||
<Button
|
|
||||||
icon={<UploadOutlined />}
|
|
||||||
size={isMobile ? 'small' : 'middle'}
|
|
||||||
style={{
|
|
||||||
borderRadius: 12,
|
|
||||||
background: token.colorWhite,
|
|
||||||
border: `1px solid ${token.colorWhite}`,
|
|
||||||
boxShadow: token.boxShadow,
|
|
||||||
color: token.colorPrimary,
|
|
||||||
fontWeight: 600,
|
|
||||||
backdropFilter: 'blur(10px)',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
导入配置
|
导入配置
|
||||||
</Button>
|
</Button>
|
||||||
</Upload>
|
</Upload>
|
||||||
@@ -343,7 +306,6 @@ export default function PromptTemplates() {
|
|||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
|
|
||||||
{/* 使用提示 */}
|
|
||||||
<Alert
|
<Alert
|
||||||
message={
|
message={
|
||||||
<Space align="center">
|
<Space align="center">
|
||||||
@@ -354,20 +316,20 @@ export default function PromptTemplates() {
|
|||||||
description={
|
description={
|
||||||
<div>
|
<div>
|
||||||
<Text style={{ fontSize: isMobile ? 12 : 13, display: 'block', marginBottom: 8 }}>
|
<Text style={{ fontSize: isMobile ? 12 : 13, display: 'block', marginBottom: 8 }}>
|
||||||
• <strong>系统默认模板</strong>（灰色头部）：始终启用，无需手动开关。点击"编辑"后将创建您的自定义副本。
|
• <strong>系统默认模板</strong>（灰底标题）：始终启用，无需手动开关。点击「编辑」后将创建您的自定义副本。
|
||||||
</Text>
|
</Text>
|
||||||
<Text style={{ fontSize: isMobile ? 12 : 13, display: 'block' }}>
|
<Text style={{ fontSize: isMobile ? 12 : 13, display: 'block' }}>
|
||||||
• <strong>已自定义模板</strong>（紫色头部）：可通过开关控制启用/禁用，使用 <Text code>{'{variable_name}'}</Text> 格式表示变量占位符。点击"重置"可恢复为系统默认。
|
• <strong>已自定义模板</strong>（赭石标题）：可通过开关控制启用/禁用，使用 <Text code>{'{variable_name}'}</Text> 格式表示变量占位符。点击「重置」可恢复为系统默认。
|
||||||
</Text>
|
</Text>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
type="info"
|
type="info"
|
||||||
showIcon={false}
|
showIcon={false}
|
||||||
style={{
|
style={{
|
||||||
marginTop: isMobile ? 16 : 24,
|
marginTop: isMobile ? 16 : 20,
|
||||||
borderRadius: 12,
|
borderRadius: 2,
|
||||||
background: token.colorInfoBg,
|
background: token.colorFillTertiary,
|
||||||
border: `1px solid ${token.colorInfoBorder}`
|
border: `1px solid ${token.colorBorder}`,
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</Card>
|
</Card>
|
||||||
@@ -381,8 +343,9 @@ export default function PromptTemplates() {
|
|||||||
variant="borderless"
|
variant="borderless"
|
||||||
style={{
|
style={{
|
||||||
background: token.colorBgContainer,
|
background: token.colorBgContainer,
|
||||||
borderRadius: isMobile ? 12 : 16,
|
borderRadius: 2,
|
||||||
boxShadow: token.boxShadowSecondary,
|
border: `1px solid ${token.colorBorder}`,
|
||||||
|
boxShadow: 'none',
|
||||||
marginBottom: isMobile ? 16 : 24
|
marginBottom: isMobile ? 16 : 24
|
||||||
}}
|
}}
|
||||||
styles={{ body: { padding: isMobile ? '12px' : '16px' } }}
|
styles={{ body: { padding: isMobile ? '12px' : '16px' } }}
|
||||||
@@ -407,8 +370,9 @@ export default function PromptTemplates() {
|
|||||||
variant="borderless"
|
variant="borderless"
|
||||||
style={{
|
style={{
|
||||||
background: token.colorBgContainer,
|
background: token.colorBgContainer,
|
||||||
borderRadius: isMobile ? 12 : 16,
|
borderRadius: 2,
|
||||||
boxShadow: token.boxShadowSecondary,
|
border: `1px solid ${token.colorBorder}`,
|
||||||
|
boxShadow: 'none',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Empty
|
<Empty
|
||||||
@@ -430,7 +394,7 @@ export default function PromptTemplates() {
|
|||||||
{/* 头部 */}
|
{/* 头部 */}
|
||||||
<div style={{
|
<div style={{
|
||||||
background: template.is_system_default
|
background: template.is_system_default
|
||||||
? token.colorFillTertiary
|
? token.colorFillSecondary
|
||||||
: token.colorPrimary,
|
: token.colorPrimary,
|
||||||
padding: isMobile ? '16px' : '20px',
|
padding: isMobile ? '16px' : '20px',
|
||||||
position: 'relative'
|
position: 'relative'
|
||||||
@@ -490,7 +454,7 @@ export default function PromptTemplates() {
|
|||||||
icon={<EditOutlined />}
|
icon={<EditOutlined />}
|
||||||
onClick={() => handleEdit(template)}
|
onClick={() => handleEdit(template)}
|
||||||
size={isMobile ? 'small' : 'middle'}
|
size={isMobile ? 'small' : 'middle'}
|
||||||
style={{ borderRadius: 6 }}
|
style={{ borderRadius: 2 }}
|
||||||
>
|
>
|
||||||
编辑
|
编辑
|
||||||
</Button>
|
</Button>
|
||||||
@@ -498,7 +462,7 @@ export default function PromptTemplates() {
|
|||||||
icon={<ReloadOutlined />}
|
icon={<ReloadOutlined />}
|
||||||
onClick={() => handleReset(template.template_key)}
|
onClick={() => handleReset(template.template_key)}
|
||||||
size={isMobile ? 'small' : 'middle'}
|
size={isMobile ? 'small' : 'middle'}
|
||||||
style={{ borderRadius: 6 }}
|
style={{ borderRadius: 2 }}
|
||||||
>
|
>
|
||||||
重置
|
重置
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { SaveOutlined, DeleteOutlined, ReloadOutlined, InfoCircleOutlined, Check
|
|||||||
import { settingsApi, mcpPluginApi } from '../services/api';
|
import { settingsApi, mcpPluginApi } from '../services/api';
|
||||||
import type { SettingsUpdate, APIKeyPreset, PresetCreateRequest, APIKeyPresetConfig } from '../types';
|
import type { SettingsUpdate, APIKeyPreset, PresetCreateRequest, APIKeyPresetConfig } from '../types';
|
||||||
import { eventBus, EventNames } from '../store/eventBus';
|
import { eventBus, EventNames } from '../store/eventBus';
|
||||||
|
import { VERSION_INFO } from '../config/version';
|
||||||
|
|
||||||
const { Title, Text } = Typography;
|
const { Title, Text } = Typography;
|
||||||
const { Option } = Select;
|
const { Option } = Select;
|
||||||
@@ -284,25 +285,29 @@ export default function SettingsPage() {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const mumuTextDefaultUrl = 'https://api.mumuverse.space/v1';
|
const xinmiApiHost = VERSION_INFO.xinmiApiBaseUrl.replace(/\/$/, '');
|
||||||
const mumuRegisterUrl = 'https://api.mumuverse.space/register?aff=4NN8';
|
const xinmiTextDefaultUrl = `${xinmiApiHost}/v1`;
|
||||||
const mumuCoverBaseUrlOptions = [
|
const officialApiDocUrl = VERSION_INFO.officialApiDocUrl;
|
||||||
{ value: 'https://api.mumuverse.space/v1beta', label: 'https://api.mumuverse.space/v1beta', defaultModel: 'gemini-3.1-flash-image-preview' },
|
const openOfficialApiDoc = () => {
|
||||||
{ value: 'https://api.mumuverse.space/v1', label: 'https://api.mumuverse.space/v1', defaultModel: 'gpt-image-1.5' },
|
window.open(officialApiDocUrl, '_blank', 'noopener,noreferrer');
|
||||||
|
};
|
||||||
|
const xinmiCoverBaseUrlOptions = [
|
||||||
|
{ value: `${xinmiApiHost}/v1beta`, label: 'v1beta', defaultModel: 'gemini-3.1-flash-image-preview' },
|
||||||
|
{ value: `${xinmiApiHost}/v1`, label: 'v1', defaultModel: 'gpt-image-1.5' },
|
||||||
];
|
];
|
||||||
const defaultCoverSettings = {
|
const defaultCoverSettings = {
|
||||||
cover_enabled: false,
|
cover_enabled: false,
|
||||||
cover_api_provider: 'mumu',
|
cover_api_provider: 'xinmi',
|
||||||
cover_api_key: '',
|
cover_api_key: '',
|
||||||
cover_api_base_url: mumuCoverBaseUrlOptions[0].value,
|
cover_api_base_url: xinmiCoverBaseUrlOptions[0].value,
|
||||||
cover_image_model: mumuCoverBaseUrlOptions[0].defaultModel,
|
cover_image_model: xinmiCoverBaseUrlOptions[0].defaultModel,
|
||||||
};
|
};
|
||||||
|
|
||||||
const apiProviders = [
|
const apiProviders = [
|
||||||
{
|
{
|
||||||
value: 'mumu',
|
value: 'xinmi',
|
||||||
label: 'MuMuのAPI',
|
label: 'XinMi API',
|
||||||
defaultUrl: mumuTextDefaultUrl,
|
defaultUrl: xinmiTextDefaultUrl,
|
||||||
defaultModel: 'gemini-3-flash-preview'
|
defaultModel: 'gemini-3-flash-preview'
|
||||||
},
|
},
|
||||||
{ value: 'openai', label: 'OpenAI Compatible', defaultUrl: 'https://api.openai.com/v1' },
|
{ value: 'openai', label: 'OpenAI Compatible', defaultUrl: 'https://api.openai.com/v1' },
|
||||||
@@ -321,7 +326,7 @@ export default function SettingsPage() {
|
|||||||
if (provider.defaultUrl) {
|
if (provider.defaultUrl) {
|
||||||
nextValues.api_base_url = provider.defaultUrl;
|
nextValues.api_base_url = provider.defaultUrl;
|
||||||
}
|
}
|
||||||
if (provider.value === 'mumu') {
|
if (provider.value === 'xinmi') {
|
||||||
nextValues.api_key = '';
|
nextValues.api_key = '';
|
||||||
nextValues.llm_model = provider.defaultModel || 'gemini-3-flash-preview';
|
nextValues.llm_model = provider.defaultModel || 'gemini-3-flash-preview';
|
||||||
}
|
}
|
||||||
@@ -334,10 +339,10 @@ export default function SettingsPage() {
|
|||||||
|
|
||||||
const coverApiProviders = [
|
const coverApiProviders = [
|
||||||
{
|
{
|
||||||
value: 'mumu',
|
value: 'xinmi',
|
||||||
label: 'MuMuのAPI',
|
label: 'XinMi API',
|
||||||
defaultUrl: mumuCoverBaseUrlOptions[0].value,
|
defaultUrl: xinmiCoverBaseUrlOptions[0].value,
|
||||||
defaultModel: mumuCoverBaseUrlOptions[0].defaultModel,
|
defaultModel: xinmiCoverBaseUrlOptions[0].defaultModel,
|
||||||
},
|
},
|
||||||
{ value: 'gemini', label: 'Google Gemini', defaultUrl: 'https://generativelanguage.googleapis.com/v1beta' },
|
{ value: 'gemini', label: 'Google Gemini', defaultUrl: 'https://generativelanguage.googleapis.com/v1beta' },
|
||||||
{ value: 'grok', label: 'Grok', defaultUrl: 'https://api.x.ai/v1' },
|
{ value: 'grok', label: 'Grok', defaultUrl: 'https://api.x.ai/v1' },
|
||||||
@@ -354,20 +359,20 @@ export default function SettingsPage() {
|
|||||||
if (provider.defaultUrl) {
|
if (provider.defaultUrl) {
|
||||||
nextValues.cover_api_base_url = provider.defaultUrl;
|
nextValues.cover_api_base_url = provider.defaultUrl;
|
||||||
}
|
}
|
||||||
if (provider.value === 'mumu') {
|
if (provider.value === 'xinmi') {
|
||||||
nextValues.cover_api_key = '';
|
nextValues.cover_api_key = '';
|
||||||
nextValues.cover_image_model = provider.defaultModel || mumuCoverBaseUrlOptions[0].defaultModel;
|
nextValues.cover_image_model = provider.defaultModel || xinmiCoverBaseUrlOptions[0].defaultModel;
|
||||||
}
|
}
|
||||||
|
|
||||||
form.setFieldsValue(nextValues);
|
form.setFieldsValue(nextValues);
|
||||||
setCoverTestResult(null);
|
setCoverTestResult(null);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleMumuCoverBaseUrlChange = (value: string) => {
|
const handleXinmiCoverBaseUrlChange = (value: string) => {
|
||||||
const option = mumuCoverBaseUrlOptions.find(item => item.value === value);
|
const option = xinmiCoverBaseUrlOptions.find(item => item.value === value);
|
||||||
form.setFieldsValue({
|
form.setFieldsValue({
|
||||||
cover_api_base_url: value,
|
cover_api_base_url: value,
|
||||||
cover_image_model: option?.defaultModel || mumuCoverBaseUrlOptions[0].defaultModel,
|
cover_image_model: option?.defaultModel || xinmiCoverBaseUrlOptions[0].defaultModel,
|
||||||
});
|
});
|
||||||
setCoverTestResult(null);
|
setCoverTestResult(null);
|
||||||
};
|
};
|
||||||
@@ -611,7 +616,7 @@ export default function SettingsPage() {
|
|||||||
if (provider.defaultUrl) {
|
if (provider.defaultUrl) {
|
||||||
nextValues.api_base_url = provider.defaultUrl;
|
nextValues.api_base_url = provider.defaultUrl;
|
||||||
}
|
}
|
||||||
if (provider.value === 'mumu') {
|
if (provider.value === 'xinmi') {
|
||||||
nextValues.api_key = '';
|
nextValues.api_key = '';
|
||||||
nextValues.llm_model = provider.defaultModel || 'gemini-3-flash-preview';
|
nextValues.llm_model = provider.defaultModel || 'gemini-3-flash-preview';
|
||||||
}
|
}
|
||||||
@@ -923,7 +928,7 @@ export default function SettingsPage() {
|
|||||||
// return 'purple';
|
// return 'purple';
|
||||||
case 'gemini':
|
case 'gemini':
|
||||||
return 'green';
|
return 'green';
|
||||||
case 'mumu':
|
case 'xinmi':
|
||||||
return 'magenta';
|
return 'magenta';
|
||||||
default:
|
default:
|
||||||
return 'default';
|
return 'default';
|
||||||
@@ -1228,11 +1233,11 @@ export default function SettingsPage() {
|
|||||||
</Select>
|
</Select>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
{selectedProvider === 'mumu' && (
|
{selectedProvider === 'xinmi' && (
|
||||||
<Alert
|
<Alert
|
||||||
type="info"
|
type="info"
|
||||||
showIcon
|
showIcon
|
||||||
message="MuMuのAPI 专属供应商"
|
message="墨木灵思 API 专属供应商"
|
||||||
description={
|
description={
|
||||||
<Space direction="vertical" size={8} style={{ width: '100%' }}>
|
<Space direction="vertical" size={8} style={{ width: '100%' }}>
|
||||||
<Text>
|
<Text>
|
||||||
@@ -1241,9 +1246,9 @@ export default function SettingsPage() {
|
|||||||
<div>
|
<div>
|
||||||
<Button
|
<Button
|
||||||
type="primary"
|
type="primary"
|
||||||
onClick={() => window.open(mumuRegisterUrl, '_blank', 'noopener,noreferrer')}
|
onClick={openOfficialApiDoc}
|
||||||
>
|
>
|
||||||
打开 MuMuのAPI 站点免费注册
|
打开墨木灵思 API 文档
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</Space>
|
</Space>
|
||||||
@@ -1740,22 +1745,22 @@ export default function SettingsPage() {
|
|||||||
</Select>
|
</Select>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
{selectedCoverProvider === 'mumu' && (
|
{selectedCoverProvider === 'xinmi' && (
|
||||||
<Alert
|
<Alert
|
||||||
type="info"
|
type="info"
|
||||||
showIcon
|
showIcon
|
||||||
message="MuMuのAPI 专属适配器"
|
message="墨木灵思 API 专属适配器"
|
||||||
description={
|
description={
|
||||||
<Space direction="vertical" size={8} style={{ width: '100%' }}>
|
<Space direction="vertical" size={8} style={{ width: '100%' }}>
|
||||||
<Text>
|
<Text>
|
||||||
已固定提供 MuMuのAPI 图片接口地址选项，切换地址时会自动带出推荐模型。API Key 需前往 MuMuのAPI 站点注册获取。
|
已固定提供墨木灵思 API 图片接口地址选项，切换地址时会自动带出推荐模型。API Key 请按文档在控制台获取。
|
||||||
</Text>
|
</Text>
|
||||||
<div>
|
<div>
|
||||||
<Button
|
<Button
|
||||||
type="primary"
|
type="primary"
|
||||||
onClick={() => window.open(mumuRegisterUrl, '_blank', 'noopener,noreferrer')}
|
onClick={openOfficialApiDoc}
|
||||||
>
|
>
|
||||||
打开 MuMuのAPI 站点免费注册
|
打开墨木灵思 API 文档
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</Space>
|
</Space>
|
||||||
@@ -1765,15 +1770,15 @@ export default function SettingsPage() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<Form.Item label="封面图片 API Key" name="cover_api_key" rules={[{ required: true, message: '请输入封面图片 API Key' }]}>
|
<Form.Item label="封面图片 API Key" name="cover_api_key" rules={[{ required: true, message: '请输入封面图片 API Key' }]}>
|
||||||
<Input.Password size={isMobile ? 'middle' : 'large'} placeholder={selectedCoverProvider === 'mumu' ? '请输入 MuMuのAPI Key' : '输入封面图片 API Key'} autoComplete="new-password" />
|
<Input.Password size={isMobile ? 'middle' : 'large'} placeholder={selectedCoverProvider === 'xinmi' ? '请输入墨木灵思 API Key' : '输入封面图片 API Key'} autoComplete="new-password" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item label="封面图片 API 地址" name="cover_api_base_url" rules={[{ type: 'url', message: '请输入有效的URL' }]}>
|
<Form.Item label="封面图片 API 地址" name="cover_api_base_url" rules={[{ type: 'url', message: '请输入有效的URL' }]}>
|
||||||
{selectedCoverProvider === 'mumu' ? (
|
{selectedCoverProvider === 'xinmi' ? (
|
||||||
<Select
|
<Select
|
||||||
size={isMobile ? 'middle' : 'large'}
|
size={isMobile ? 'middle' : 'large'}
|
||||||
onChange={handleMumuCoverBaseUrlChange}
|
onChange={handleXinmiCoverBaseUrlChange}
|
||||||
options={mumuCoverBaseUrlOptions.map(option => ({
|
options={xinmiCoverBaseUrlOptions.map(option => ({
|
||||||
value: option.value,
|
value: option.value,
|
||||||
label: option.label,
|
label: option.label,
|
||||||
}))}
|
}))}
|
||||||
@@ -1786,7 +1791,7 @@ export default function SettingsPage() {
|
|||||||
<Form.Item label="封面图片模型" name="cover_image_model" rules={[{ required: true, message: '请输入封面图片模型名称' }]}>
|
<Form.Item label="封面图片模型" name="cover_image_model" rules={[{ required: true, message: '请输入封面图片模型名称' }]}>
|
||||||
<Input
|
<Input
|
||||||
size={isMobile ? 'middle' : 'large'}
|
size={isMobile ? 'middle' : 'large'}
|
||||||
placeholder={selectedCoverProvider === 'mumu'
|
placeholder={selectedCoverProvider === 'xinmi'
|
||||||
? '选择地址后自动填入推荐模型'
|
? '选择地址后自动填入推荐模型'
|
||||||
: selectedCoverProvider === 'grok'
|
: selectedCoverProvider === 'grok'
|
||||||
? 'grok-2-image'
|
? 'grok-2-image'
|
||||||
@@ -1878,17 +1883,17 @@ export default function SettingsPage() {
|
|||||||
style={{ marginBottom: 16 }}
|
style={{ marginBottom: 16 }}
|
||||||
>
|
>
|
||||||
<Select placeholder="选择提供商" onChange={handlePresetProviderChange}>
|
<Select placeholder="选择提供商" onChange={handlePresetProviderChange}>
|
||||||
<Select.Option value="mumu">MuMuのAPI</Select.Option>
|
<Select.Option value="xinmi">墨木灵思 API</Select.Option>
|
||||||
<Select.Option value="openai">OpenAI</Select.Option>
|
<Select.Option value="openai">OpenAI</Select.Option>
|
||||||
<Select.Option value="gemini">Google Gemini</Select.Option>
|
<Select.Option value="gemini">Google Gemini</Select.Option>
|
||||||
</Select>
|
</Select>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
{selectedPresetProvider === 'mumu' && (
|
{selectedPresetProvider === 'xinmi' && (
|
||||||
<Alert
|
<Alert
|
||||||
type="info"
|
type="info"
|
||||||
showIcon
|
showIcon
|
||||||
message="MuMuのAPI 专属供应商"
|
message="墨木灵思 API 专属供应商"
|
||||||
description={
|
description={
|
||||||
<Space direction="vertical" size={8} style={{ width: '100%' }}>
|
<Space direction="vertical" size={8} style={{ width: '100%' }}>
|
||||||
<Text>
|
<Text>
|
||||||
@@ -1897,9 +1902,9 @@ export default function SettingsPage() {
|
|||||||
<div>
|
<div>
|
||||||
<Button
|
<Button
|
||||||
type="primary"
|
type="primary"
|
||||||
onClick={() => window.open(mumuRegisterUrl, '_blank', 'noopener,noreferrer')}
|
onClick={openOfficialApiDoc}
|
||||||
>
|
>
|
||||||
打开 MuMuのAPI 站点免费注册
|
打开墨木灵思 API 文档
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</Space>
|
</Space>
|
||||||
|
|||||||
@@ -1,276 +0,0 @@
|
|||||||
/**
|
|
||||||
* GitHub 提交日志获取服务
|
|
||||||
* 用于从 GitHub API 获取项目的提交历史并转换为更新日志
|
|
||||||
*/
|
|
||||||
|
|
||||||
export interface GitHubCommit {
|
|
||||||
sha: string;
|
|
||||||
commit: {
|
|
||||||
author: {
|
|
||||||
name: string;
|
|
||||||
email: string;
|
|
||||||
date: string;
|
|
||||||
};
|
|
||||||
message: string;
|
|
||||||
};
|
|
||||||
html_url: string;
|
|
||||||
author: {
|
|
||||||
login: string;
|
|
||||||
avatar_url: string;
|
|
||||||
} | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ChangelogEntry {
|
|
||||||
id: string;
|
|
||||||
date: string;
|
|
||||||
version?: string;
|
|
||||||
author: {
|
|
||||||
name: string;
|
|
||||||
avatar?: string;
|
|
||||||
username?: string;
|
|
||||||
};
|
|
||||||
message: string;
|
|
||||||
commitUrl: string;
|
|
||||||
type: 'feature' | 'fix' | 'docs' | 'style' | 'refactor' | 'perf' | 'test' | 'chore' | 'update' | 'other';
|
|
||||||
scope?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const GITHUB_API_BASE = 'https://api.github.com';
|
|
||||||
const REPO_OWNER = 'xiamuceer-j';
|
|
||||||
const REPO_NAME = '墨木灵思';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 提交类型映射表
|
|
||||||
* 统一不同别名到标准类型
|
|
||||||
*/
|
|
||||||
const TYPE_MAPPING: Record<string, ChangelogEntry['type']> = {
|
|
||||||
// 功能类
|
|
||||||
'feat': 'feature',
|
|
||||||
'feature': 'feature',
|
|
||||||
'update': 'update',
|
|
||||||
|
|
||||||
// 修复类
|
|
||||||
'fix': 'fix',
|
|
||||||
|
|
||||||
// 文档类
|
|
||||||
'docs': 'docs',
|
|
||||||
'doc': 'docs',
|
|
||||||
|
|
||||||
// 样式类
|
|
||||||
'style': 'style',
|
|
||||||
|
|
||||||
// 重构类
|
|
||||||
'refactor': 'refactor',
|
|
||||||
|
|
||||||
// 性能类
|
|
||||||
'perf': 'perf',
|
|
||||||
|
|
||||||
// 测试类
|
|
||||||
'test': 'test',
|
|
||||||
|
|
||||||
// 杂项类
|
|
||||||
'chore': 'chore',
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 从提交信息中解析类型和作用域
|
|
||||||
*
|
|
||||||
* 匹配优先级（从高到低）：
|
|
||||||
* 1. 标准 Conventional Commits 格式: type(scope): message 或 type: message
|
|
||||||
* 2. 方括号格式: [type] message
|
|
||||||
* 3. 简单前缀格式: type: message（支持中文冒号）
|
|
||||||
* 4. 关键词模糊匹配（中英文）
|
|
||||||
*/
|
|
||||||
function parseCommitType(message: string): { type: ChangelogEntry['type']; scope?: string; cleanMessage: string } {
|
|
||||||
const lowerMessage = message.toLowerCase().trim();
|
|
||||||
|
|
||||||
// 优先级1：标准 Conventional Commits 格式 - type(scope): message 或 type: message
|
|
||||||
// 匹配所有支持的类型
|
|
||||||
const conventionalPattern = new RegExp(
|
|
||||||
`^(${Object.keys(TYPE_MAPPING).join('|')})(?:\\(([^)]+)\\))?\\s*[:\\:：]\\s*(.+)`,
|
|
||||||
'i'
|
|
||||||
);
|
|
||||||
const conventionalMatch = message.match(conventionalPattern);
|
|
||||||
if (conventionalMatch) {
|
|
||||||
const typeStr = conventionalMatch[1].toLowerCase();
|
|
||||||
const mappedType = TYPE_MAPPING[typeStr] || 'other';
|
|
||||||
return {
|
|
||||||
type: mappedType,
|
|
||||||
scope: conventionalMatch[2],
|
|
||||||
cleanMessage: conventionalMatch[3].trim(),
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 优先级2：方括号格式 - [type] message
|
|
||||||
const bracketPattern = new RegExp(
|
|
||||||
`^\\[(${Object.keys(TYPE_MAPPING).join('|')})\\]\\s*(.+)`,
|
|
||||||
'i'
|
|
||||||
);
|
|
||||||
const bracketMatch = message.match(bracketPattern);
|
|
||||||
if (bracketMatch) {
|
|
||||||
const typeStr = bracketMatch[1].toLowerCase();
|
|
||||||
const mappedType = TYPE_MAPPING[typeStr] || 'other';
|
|
||||||
return {
|
|
||||||
type: mappedType,
|
|
||||||
cleanMessage: bracketMatch[2].trim(),
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 优先级3：简单前缀格式 - type: message（支持英文和中文冒号）
|
|
||||||
for (const [key, value] of Object.entries(TYPE_MAPPING)) {
|
|
||||||
const prefixPattern = new RegExp(`^${key}\\s*[:\\:：]\\s*`, 'i');
|
|
||||||
if (prefixPattern.test(lowerMessage)) {
|
|
||||||
const cleanMsg = message.replace(prefixPattern, '').trim();
|
|
||||||
return { type: value, cleanMessage: cleanMsg };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 优先级4：关键词模糊匹配（仅当前面都不匹配时）
|
|
||||||
const keywordMap: Array<{ keywords: string[]; type: ChangelogEntry['type'] }> = [
|
|
||||||
{ keywords: ['修复', 'fix'], type: 'fix' },
|
|
||||||
{ keywords: ['优化', 'perf'], type: 'perf' },
|
|
||||||
{ keywords: ['文档', 'document'], type: 'docs' },
|
|
||||||
{ keywords: ['新增', '添加', '增加', 'add'], type: 'feature' },
|
|
||||||
{ keywords: ['更新', 'update'], type: 'update' },
|
|
||||||
{ keywords: ['样式', 'style'], type: 'style' },
|
|
||||||
{ keywords: ['重构', 'refactor'], type: 'refactor' },
|
|
||||||
{ keywords: ['测试', 'test'], type: 'test' },
|
|
||||||
];
|
|
||||||
|
|
||||||
for (const { keywords, type } of keywordMap) {
|
|
||||||
if (keywords.some(keyword => lowerMessage.includes(keyword))) {
|
|
||||||
return { type, cleanMessage: message };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 默认类型
|
|
||||||
return { type: 'other', cleanMessage: message };
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取GitHub提交历史
|
|
||||||
*/
|
|
||||||
export async function fetchGitHubCommits(page: number = 1, perPage: number = 30): Promise<GitHubCommit[]> {
|
|
||||||
try {
|
|
||||||
const url = `${GITHUB_API_BASE}/repos/${REPO_OWNER}/${REPO_NAME}/commits?author=${REPO_OWNER}&page=${page}&per_page=${perPage}`;
|
|
||||||
|
|
||||||
const response = await fetch(url, {
|
|
||||||
method: 'GET',
|
|
||||||
headers: {
|
|
||||||
'Accept': 'application/vnd.github.v3+json',
|
|
||||||
},
|
|
||||||
cache: 'no-cache',
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error(`GitHub API 请求失败: ${response.status} ${response.statusText}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return await response.json();
|
|
||||||
} catch (error) {
|
|
||||||
console.error('获取 GitHub 提交历史失败:', error);
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 将GitHub提交转换为更新日志条目
|
|
||||||
*/
|
|
||||||
export function convertCommitsToChangelog(commits: GitHubCommit[]): ChangelogEntry[] {
|
|
||||||
return commits.map(commit => {
|
|
||||||
const { type, scope, cleanMessage } = parseCommitType(commit.commit.message);
|
|
||||||
|
|
||||||
return {
|
|
||||||
id: commit.sha,
|
|
||||||
date: commit.commit.author.date,
|
|
||||||
author: {
|
|
||||||
name: commit.commit.author.name,
|
|
||||||
avatar: commit.author?.avatar_url,
|
|
||||||
username: commit.author?.login,
|
|
||||||
},
|
|
||||||
message: cleanMessage,
|
|
||||||
commitUrl: commit.html_url,
|
|
||||||
type,
|
|
||||||
scope,
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取格式化的更新日志
|
|
||||||
*/
|
|
||||||
export async function fetchChangelog(page: number = 1, perPage: number = 30): Promise<ChangelogEntry[]> {
|
|
||||||
const commits = await fetchGitHubCommits(page, perPage);
|
|
||||||
return convertCommitsToChangelog(commits);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 按日期分组更新日志
|
|
||||||
*/
|
|
||||||
export function groupChangelogByDate(entries: ChangelogEntry[]): Map<string, ChangelogEntry[]> {
|
|
||||||
const grouped = new Map<string, ChangelogEntry[]>();
|
|
||||||
|
|
||||||
entries.forEach(entry => {
|
|
||||||
const date = new Date(entry.date).toISOString().split('T')[0];
|
|
||||||
const existing = grouped.get(date) || [];
|
|
||||||
existing.push(entry);
|
|
||||||
grouped.set(date, existing);
|
|
||||||
});
|
|
||||||
|
|
||||||
return grouped;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 检查是否应该获取更新日志（避免频繁请求）
|
|
||||||
*/
|
|
||||||
export function shouldFetchChangelog(): boolean {
|
|
||||||
const lastFetch = localStorage.getItem('changelog_last_fetch');
|
|
||||||
|
|
||||||
if (!lastFetch) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
const lastFetchTime = new Date(lastFetch).getTime();
|
|
||||||
const now = Date.now();
|
|
||||||
const oneHourMs = 60 * 60 * 1000; // 1小时
|
|
||||||
|
|
||||||
return now - lastFetchTime >= oneHourMs;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 记录更新日志获取时间
|
|
||||||
*/
|
|
||||||
export function markChangelogFetched(): void {
|
|
||||||
localStorage.setItem('changelog_last_fetch', new Date().toISOString());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取缓存的更新日志
|
|
||||||
*/
|
|
||||||
export function getCachedChangelog(): ChangelogEntry[] | null {
|
|
||||||
const cached = localStorage.getItem('changelog_cache');
|
|
||||||
if (cached) {
|
|
||||||
try {
|
|
||||||
return JSON.parse(cached);
|
|
||||||
} catch {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 缓存更新日志
|
|
||||||
*/
|
|
||||||
export function cacheChangelog(entries: ChangelogEntry[]): void {
|
|
||||||
localStorage.setItem('changelog_cache', JSON.stringify(entries));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 清除更新日志缓存
|
|
||||||
* 用于强制刷新数据
|
|
||||||
*/
|
|
||||||
export function clearChangelogCache(): void {
|
|
||||||
localStorage.removeItem('changelog_cache');
|
|
||||||
localStorage.removeItem('changelog_last_fetch');
|
|
||||||
}
|
|
||||||
@@ -32,7 +32,7 @@ function compareVersion(v1: string, v2: string): number {
|
|||||||
export async function checkLatestVersion(): Promise<VersionCheckResult> {
|
export async function checkLatestVersion(): Promise<VersionCheckResult> {
|
||||||
try {
|
try {
|
||||||
// 使用 shields.io 的 GitHub release badge API
|
// 使用 shields.io 的 GitHub release badge API
|
||||||
const badgeUrl = 'https://img.shields.io/github/v/release/xiamuceer-j/墨木灵思';
|
const badgeUrl = 'https://img.shields.io/github/v/release/mumulingsi-project/mumulingsi';
|
||||||
|
|
||||||
const response = await fetch(badgeUrl, {
|
const response = await fetch(badgeUrl, {
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
@@ -63,7 +63,7 @@ export async function checkLatestVersion(): Promise<VersionCheckResult> {
|
|||||||
return {
|
return {
|
||||||
hasUpdate,
|
hasUpdate,
|
||||||
latestVersion,
|
latestVersion,
|
||||||
releaseUrl: `https://github.com/xiamuceer-j/墨木灵思/releases/tag/v${latestVersion}`,
|
releaseUrl: '',
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -74,7 +74,7 @@ export async function checkLatestVersion(): Promise<VersionCheckResult> {
|
|||||||
return {
|
return {
|
||||||
hasUpdate: false,
|
hasUpdate: false,
|
||||||
latestVersion: VERSION_INFO.version,
|
latestVersion: VERSION_INFO.version,
|
||||||
releaseUrl: VERSION_INFO.githubUrl,
|
releaseUrl: '',
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,23 +4,48 @@ import type { ThemeMode } from './themeStorage';
|
|||||||
|
|
||||||
export type ResolvedThemeMode = Exclude<ThemeMode, 'system'>;
|
export type ResolvedThemeMode = Exclude<ThemeMode, 'system'>;
|
||||||
|
|
||||||
|
/** 铜墨编辑部 — 暖赭石 + 纸感底色，与原先蓝紫圆角风区分 */
|
||||||
const sharedToken: ThemeConfig['token'] = {
|
const sharedToken: ThemeConfig['token'] = {
|
||||||
colorPrimary: '#4D8088',
|
colorPrimary: '#B45309',
|
||||||
borderRadius: 8,
|
colorInfo: '#0D9488',
|
||||||
|
colorSuccess: '#15803D',
|
||||||
|
colorWarning: '#CA8A04',
|
||||||
|
colorError: '#B91C1C',
|
||||||
|
borderRadius: 2,
|
||||||
wireframe: false,
|
wireframe: false,
|
||||||
fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif",
|
fontFamily: "'Source Sans 3', 'PingFang SC', 'Microsoft YaHei', sans-serif",
|
||||||
|
fontFamilyCode: "'IBM Plex Mono', 'Consolas', monospace",
|
||||||
};
|
};
|
||||||
|
|
||||||
const sharedComponents: ThemeConfig['components'] = {
|
const sharedComponents: ThemeConfig['components'] = {
|
||||||
Button: {
|
Button: {
|
||||||
borderRadius: 8,
|
borderRadius: 2,
|
||||||
controlHeight: 36,
|
controlHeight: 40,
|
||||||
|
fontWeight: 600,
|
||||||
|
primaryShadow: 'none',
|
||||||
},
|
},
|
||||||
Card: {
|
Card: {
|
||||||
borderRadiusLG: 12,
|
borderRadiusLG: 2,
|
||||||
|
boxShadowTertiary: 'none',
|
||||||
|
},
|
||||||
|
Menu: {
|
||||||
|
itemBorderRadius: 0,
|
||||||
|
itemHeight: 44,
|
||||||
|
iconSize: 16,
|
||||||
|
},
|
||||||
|
Tabs: {
|
||||||
|
inkBarColor: '#B45309',
|
||||||
|
titleFontSize: 14,
|
||||||
|
},
|
||||||
|
Input: {
|
||||||
|
borderRadius: 2,
|
||||||
|
controlHeight: 42,
|
||||||
|
},
|
||||||
|
Layout: {
|
||||||
|
headerHeight: 64,
|
||||||
},
|
},
|
||||||
Tooltip: {
|
Tooltip: {
|
||||||
colorBgSpotlight: sharedToken.colorPrimary,
|
colorBgSpotlight: '#292524',
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -28,17 +53,34 @@ const lightThemeConfig: ThemeConfig = {
|
|||||||
algorithm: theme.defaultAlgorithm,
|
algorithm: theme.defaultAlgorithm,
|
||||||
token: {
|
token: {
|
||||||
...sharedToken,
|
...sharedToken,
|
||||||
colorBgBase: '#F8F6F1',
|
colorBgBase: '#F5F0E6',
|
||||||
colorTextBase: '#2B2B2B',
|
colorTextBase: '#292524',
|
||||||
colorBgLayout: '#F8F6F1',
|
colorBgLayout: '#EDE8DC',
|
||||||
colorBgContainer: '#FFFFFF',
|
colorBgContainer: '#FFFCF7',
|
||||||
|
colorBorder: '#C9BFB0',
|
||||||
|
colorBorderSecondary: '#DDD5C8',
|
||||||
|
colorFillSecondary: '#E8E2D6',
|
||||||
|
colorFillTertiary: '#F0EBE1',
|
||||||
|
colorPrimaryBg: '#FEF3C7',
|
||||||
|
colorPrimaryBorder: '#D97706',
|
||||||
|
colorPrimaryHover: '#92400E',
|
||||||
|
colorLink: '#9A3412',
|
||||||
|
colorLinkHover: '#7C2D12',
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
...sharedComponents,
|
...sharedComponents,
|
||||||
Layout: {
|
Layout: {
|
||||||
bodyBg: '#F8F6F1',
|
bodyBg: '#EDE8DC',
|
||||||
headerBg: '#FFFFFF',
|
headerBg: '#FFFCF7',
|
||||||
siderBg: '#FFFFFF',
|
siderBg: '#1C1917',
|
||||||
|
},
|
||||||
|
Menu: {
|
||||||
|
...sharedComponents.Menu,
|
||||||
|
darkItemBg: 'transparent',
|
||||||
|
darkItemColor: '#D6D3D1',
|
||||||
|
darkItemSelectedBg: 'rgba(180, 83, 9, 0.22)',
|
||||||
|
darkItemSelectedColor: '#FCD34D',
|
||||||
|
darkItemHoverBg: 'rgba(255, 255, 255, 0.06)',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -47,15 +89,34 @@ const darkThemeConfig: ThemeConfig = {
|
|||||||
algorithm: theme.darkAlgorithm,
|
algorithm: theme.darkAlgorithm,
|
||||||
token: {
|
token: {
|
||||||
...sharedToken,
|
...sharedToken,
|
||||||
colorBgBase: '#141414',
|
colorPrimary: '#F59E0B',
|
||||||
colorTextBase: '#f5f5f5',
|
colorBgBase: '#0C0A09',
|
||||||
|
colorTextBase: '#E7E5E4',
|
||||||
|
colorBgLayout: '#0C0A09',
|
||||||
|
colorBgContainer: '#1C1917',
|
||||||
|
colorBorder: '#44403C',
|
||||||
|
colorBorderSecondary: '#292524',
|
||||||
|
colorFillSecondary: '#292524',
|
||||||
|
colorFillTertiary: '#1C1917',
|
||||||
|
colorPrimaryBg: 'rgba(245, 158, 11, 0.12)',
|
||||||
|
colorPrimaryBorder: '#B45309',
|
||||||
|
colorLink: '#FBBF24',
|
||||||
|
colorLinkHover: '#FCD34D',
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
...sharedComponents,
|
...sharedComponents,
|
||||||
Layout: {
|
Layout: {
|
||||||
bodyBg: '#0f1115',
|
bodyBg: '#0C0A09',
|
||||||
headerBg: '#141414',
|
headerBg: '#1C1917',
|
||||||
siderBg: '#141414',
|
siderBg: '#0C0A09',
|
||||||
|
},
|
||||||
|
Menu: {
|
||||||
|
...sharedComponents.Menu,
|
||||||
|
darkItemBg: 'transparent',
|
||||||
|
darkItemColor: '#A8A29E',
|
||||||
|
darkItemSelectedBg: 'rgba(245, 158, 11, 0.18)',
|
||||||
|
darkItemSelectedColor: '#FCD34D',
|
||||||
|
darkItemHoverBg: 'rgba(255, 255, 255, 0.05)',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -63,3 +124,25 @@ const darkThemeConfig: ThemeConfig = {
|
|||||||
export const getThemeConfig = (mode: ResolvedThemeMode): ThemeConfig => {
|
export const getThemeConfig = (mode: ResolvedThemeMode): ThemeConfig => {
|
||||||
return mode === 'dark' ? darkThemeConfig : lightThemeConfig;
|
return mode === 'dark' ? darkThemeConfig : lightThemeConfig;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/** 侧栏等壳层用色（不依赖 ant token 的固定值） */
|
||||||
|
export const shellColors = {
|
||||||
|
light: {
|
||||||
|
siderBg: '#1C1917',
|
||||||
|
siderBorder: '#44403C',
|
||||||
|
siderAccent: '#F59E0B',
|
||||||
|
siderText: '#E7E5E4',
|
||||||
|
siderMuted: '#A8A29E',
|
||||||
|
headerBorder: '#C9BFB0',
|
||||||
|
inkPattern: 'rgba(28, 25, 23, 0.04)',
|
||||||
|
},
|
||||||
|
dark: {
|
||||||
|
siderBg: '#0C0A09',
|
||||||
|
siderBorder: '#292524',
|
||||||
|
siderAccent: '#FBBF24',
|
||||||
|
siderText: '#E7E5E4',
|
||||||
|
siderMuted: '#78716C',
|
||||||
|
headerBorder: '#44403C',
|
||||||
|
inkPattern: 'rgba(251, 191, 36, 0.06)',
|
||||||
|
},
|
||||||
|
} as const;
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
export type ThemeMode = 'light' | 'dark' | 'system';
|
export type ThemeMode = 'light' | 'dark' | 'system';
|
||||||
|
|
||||||
const THEME_MODE_STORAGE_KEY = 'mumu_theme_mode';
|
const THEME_MODE_STORAGE_KEY = 'mumulingsi_theme_mode';
|
||||||
|
const LEGACY_THEME_MODE_STORAGE_KEY = 'xinmi_theme_mode';
|
||||||
|
|
||||||
const isThemeMode = (value: string | null): value is ThemeMode => {
|
const isThemeMode = (value: string | null): value is ThemeMode => {
|
||||||
return value === 'light' || value === 'dark' || value === 'system';
|
return value === 'light' || value === 'dark' || value === 'system';
|
||||||
@@ -8,7 +9,18 @@ const isThemeMode = (value: string | null): value is ThemeMode => {
|
|||||||
|
|
||||||
export const getStoredThemeMode = (): ThemeMode => {
|
export const getStoredThemeMode = (): ThemeMode => {
|
||||||
try {
|
try {
|
||||||
const value = localStorage.getItem(THEME_MODE_STORAGE_KEY);
|
let value = localStorage.getItem(THEME_MODE_STORAGE_KEY);
|
||||||
|
if (!value) {
|
||||||
|
value = localStorage.getItem(LEGACY_THEME_MODE_STORAGE_KEY);
|
||||||
|
if (isThemeMode(value)) {
|
||||||
|
localStorage.setItem(THEME_MODE_STORAGE_KEY, value);
|
||||||
|
try {
|
||||||
|
localStorage.removeItem(LEGACY_THEME_MODE_STORAGE_KEY);
|
||||||
|
} catch {
|
||||||
|
// ignore
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
if (isThemeMode(value)) {
|
if (isThemeMode(value)) {
|
||||||
return value;
|
return value;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
const SIDEBAR_COLLAPSED_STORAGE_KEY = 'mumu_sidebar_collapsed';
|
const SIDEBAR_COLLAPSED_STORAGE_KEY = 'mumulingsi_sidebar_collapsed';
|
||||||
|
const LEGACY_SIDEBAR_COLLAPSED_STORAGE_KEY = 'xinmi_sidebar_collapsed';
|
||||||
|
|
||||||
export const getStoredSidebarCollapsed = (): boolean => {
|
export const getStoredSidebarCollapsed = (): boolean => {
|
||||||
if (typeof window === 'undefined') {
|
if (typeof window === 'undefined') {
|
||||||
@@ -6,7 +7,21 @@ export const getStoredSidebarCollapsed = (): boolean => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
return localStorage.getItem(SIDEBAR_COLLAPSED_STORAGE_KEY) === '1';
|
const v = localStorage.getItem(SIDEBAR_COLLAPSED_STORAGE_KEY);
|
||||||
|
if (v === '1' || v === '0') {
|
||||||
|
return v === '1';
|
||||||
|
}
|
||||||
|
const legacy = localStorage.getItem(LEGACY_SIDEBAR_COLLAPSED_STORAGE_KEY);
|
||||||
|
if (legacy === '1' || legacy === '0') {
|
||||||
|
localStorage.setItem(SIDEBAR_COLLAPSED_STORAGE_KEY, legacy);
|
||||||
|
try {
|
||||||
|
localStorage.removeItem(LEGACY_SIDEBAR_COLLAPSED_STORAGE_KEY);
|
||||||
|
} catch {
|
||||||
|
// ignore
|
||||||
|
}
|
||||||
|
return legacy === '1';
|
||||||
|
}
|
||||||
|
return false;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.warn('读取侧边栏状态失败:', error);
|
console.warn('读取侧边栏状态失败:', error);
|
||||||
return false;
|
return false;
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 219 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 335 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 285 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 574 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 195 KiB |
+24
-24
@@ -7,10 +7,10 @@
|
|||||||
set -e
|
set -e
|
||||||
|
|
||||||
# ── 路径配置 ──────────────────────────────────────────────────────────────────
|
# ── 路径配置 ──────────────────────────────────────────────────────────────────
|
||||||
INSTALL_DIR="$HOME/墨木灵思" # 项目安装目录
|
INSTALL_DIR="$HOME/mumulingsi" # 项目安装目录
|
||||||
DATA_DIR="$HOME/mumuainovel/data" # 数据库目录
|
DATA_DIR="$HOME/mumulingsi/data" # 数据库目录
|
||||||
LOG_DIR="$HOME/mumuainovel/logs" # 日志目录
|
LOG_DIR="$HOME/mumulingsi/logs" # 日志目录
|
||||||
REPO="https://ghfast.top/https://github.com/xiamuceer-j/墨木灵思.git" # GitHub 镜像
|
REPO="https://ghfast.top/https://github.com/mumulingsi-project/mumulingsi.git" # GitHub 镜像
|
||||||
|
|
||||||
# ── 输出函数 ──────────────────────────────────────────────────────────────────
|
# ── 输出函数 ──────────────────────────────────────────────────────────────────
|
||||||
GREEN='\033[0;32m'; YELLOW='\033[1;33m'; RED='\033[0;31m'; CYAN='\033[0;36m'; NC='\033[0m'
|
GREEN='\033[0;32m'; YELLOW='\033[1;33m'; RED='\033[0;31m'; CYAN='\033[0;36m'; NC='\033[0m'
|
||||||
@@ -118,7 +118,7 @@ LOG="$TMPDIR/patch.log"
|
|||||||
# ── 4a. 修补 memory_service.py ──────────────────────────────────────────────
|
# ── 4a. 修补 memory_service.py ──────────────────────────────────────────────
|
||||||
python3 << 'PYEOF'
|
python3 << 'PYEOF'
|
||||||
import os
|
import os
|
||||||
f = os.path.expanduser("~/墨木灵思/backend/app/services/memory_service.py")
|
f = os.path.expanduser("~/mumulingsi/backend/app/services/memory_service.py")
|
||||||
with open(f) as fh:
|
with open(f) as fh:
|
||||||
c = fh.read()
|
c = fh.read()
|
||||||
|
|
||||||
@@ -150,11 +150,11 @@ python3 << 'PYEOF'
|
|||||||
import os
|
import os
|
||||||
home = os.path.expanduser("~")
|
home = os.path.expanduser("~")
|
||||||
files = [
|
files = [
|
||||||
f"{home}/墨木灵思/backend/app/api/chapters.py",
|
f"{home}/mumulingsi/backend/app/api/chapters.py",
|
||||||
f"{home}/墨木灵思/backend/app/api/memories.py",
|
f"{home}/mumulingsi/backend/app/api/memories.py",
|
||||||
f"{home}/墨木灵思/backend/app/api/outlines.py",
|
f"{home}/mumulingsi/backend/app/api/outlines.py",
|
||||||
f"{home}/墨木灵思/backend/app/api/projects.py",
|
f"{home}/mumulingsi/backend/app/api/projects.py",
|
||||||
f"{home}/墨木灵思/backend/app/services/foreshadow_service.py",
|
f"{home}/mumulingsi/backend/app/services/foreshadow_service.py",
|
||||||
]
|
]
|
||||||
old = 'from app.services.memory_service import memory_service'
|
old = 'from app.services.memory_service import memory_service'
|
||||||
new = 'try:\n from app.services.memory_service import memory_service\nexcept ImportError:\n memory_service = None'
|
new = 'try:\n from app.services.memory_service import memory_service\nexcept ImportError:\n memory_service = None'
|
||||||
@@ -181,17 +181,17 @@ DEBUG=false
|
|||||||
TZ=Asia/Shanghai
|
TZ=Asia/Shanghai
|
||||||
|
|
||||||
# SQLite 数据库（替代 PostgreSQL）
|
# SQLite 数据库（替代 PostgreSQL）
|
||||||
DATABASE_URL=sqlite+aiosqlite:///data/data/com.termux/files/home/mumuainovel/data/ai_story.db
|
DATABASE_URL=sqlite+aiosqlite:///data/data/com.termux/files/home/mumulingsi/data/ai_story.db
|
||||||
|
|
||||||
# 日志
|
# 日志
|
||||||
LOG_LEVEL=INFO
|
LOG_LEVEL=INFO
|
||||||
LOG_TO_FILE=true
|
LOG_TO_FILE=true
|
||||||
LOG_FILE_PATH=/data/data/com.termux/files/home/mumuainovel/logs/app.log
|
LOG_FILE_PATH=/data/data/com.termux/files/home/mumulingsi/logs/app.log
|
||||||
LOG_MAX_BYTES=10485760
|
LOG_MAX_BYTES=10485760
|
||||||
LOG_BACKUP_COUNT=5
|
LOG_BACKUP_COUNT=5
|
||||||
|
|
||||||
# CORS
|
# CORS
|
||||||
CORS_ORIGINS=["http://localhost:8000","http://127.0.0.1:8000"]
|
CORS_ORIGINS=["http://localhost:3000","http://127.0.0.1:8000"]
|
||||||
|
|
||||||
# ⚠️ 请填入你的 API Key
|
# ⚠️ 请填入你的 API Key
|
||||||
OPENAI_API_KEY=***
|
OPENAI_API_KEY=***
|
||||||
@@ -295,10 +295,10 @@ grep -E "built in" "$LOG" | sed 's/^/ /'
|
|||||||
|
|
||||||
# =============================================================================
|
# =============================================================================
|
||||||
# 步骤 9: 创建启动脚本
|
# 步骤 9: 创建启动脚本
|
||||||
# 说明: 生成 ~/mumuainovel-start.sh，支持前台/后台运行
|
# 说明: 生成 ~/mumulingsi-start.sh，支持前台/后台运行
|
||||||
# =============================================================================
|
# =============================================================================
|
||||||
step 9 $TOTAL "创建启动脚本"
|
step 9 $TOTAL "创建启动脚本"
|
||||||
cat > "$HOME/mumuainovel-start.sh" << STARTEOF
|
cat > "$HOME/mumulingsi-start.sh" << STARTEOF
|
||||||
#!/bin/bash
|
#!/bin/bash
|
||||||
# 墨木灵思 Termux 启动脚本
|
# 墨木灵思 Termux 启动脚本
|
||||||
set -e
|
set -e
|
||||||
@@ -316,10 +316,10 @@ if [ "\$1" = "--bg" ]; then
|
|||||||
echo "🚀 后台启动 墨木灵思 (端口 8000)..."
|
echo "🚀 后台启动 墨木灵思 (端口 8000)..."
|
||||||
nohup "\$PYTHON" -m uvicorn app.main:app --host 0.0.0.0 --port 8000 \\
|
nohup "\$PYTHON" -m uvicorn app.main:app --host 0.0.0.0 --port 8000 \\
|
||||||
> "\$LOG_DIR/app.log" 2>&1 &
|
> "\$LOG_DIR/app.log" 2>&1 &
|
||||||
echo \$! > "$HOME/mumuainovel.pid"
|
echo \$! > "$HOME/mumulingsi.pid"
|
||||||
sleep 2
|
sleep 2
|
||||||
if kill -0 \$(cat "$HOME/mumuainovel.pid") 2>/dev/null; then
|
if kill -0 \$(cat "$HOME/mumulingsi.pid") 2>/dev/null; then
|
||||||
echo "✅ 已启动, PID: \$(cat $HOME/mumuainovel.pid)"
|
echo "✅ 已启动, PID: \$(cat $HOME/mumulingsi.pid)"
|
||||||
else
|
else
|
||||||
echo "❌ 启动失败，查看日志: \$LOG_DIR/app.log"
|
echo "❌ 启动失败，查看日志: \$LOG_DIR/app.log"
|
||||||
exit 1
|
exit 1
|
||||||
@@ -329,8 +329,8 @@ else
|
|||||||
exec "\$PYTHON" -m uvicorn app.main:app --host 0.0.0.0 --port 8000
|
exec "\$PYTHON" -m uvicorn app.main:app --host 0.0.0.0 --port 8000
|
||||||
fi
|
fi
|
||||||
STARTEOF
|
STARTEOF
|
||||||
chmod +x "$HOME/mumuainovel-start.sh"
|
chmod +x "$HOME/mumulingsi-start.sh"
|
||||||
info "启动脚本已创建: ~/mumuainovel-start.sh"
|
info "启动脚本已创建: ~/mumulingsi-start.sh"
|
||||||
|
|
||||||
# =============================================================================
|
# =============================================================================
|
||||||
# 安装完成
|
# 安装完成
|
||||||
@@ -341,16 +341,16 @@ echo -e "${GREEN}║ 🎉 墨木灵思 安装完成！ ║${N
|
|||||||
echo -e "${GREEN}╠══════════════════════════════════════════════╣${NC}"
|
echo -e "${GREEN}╠══════════════════════════════════════════════╣${NC}"
|
||||||
echo -e "${GREEN}║ ║${NC}"
|
echo -e "${GREEN}║ ║${NC}"
|
||||||
echo -e "${GREEN}║ 前台运行（Ctrl+C 停止）: ║${NC}"
|
echo -e "${GREEN}║ 前台运行（Ctrl+C 停止）: ║${NC}"
|
||||||
echo -e "${GREEN}║ bash ~/mumuainovel-start.sh ║${NC}"
|
echo -e "${GREEN}║ bash ~/mumulingsi-start.sh ║${NC}"
|
||||||
echo -e "${GREEN}║ ║${NC}"
|
echo -e "${GREEN}║ ║${NC}"
|
||||||
echo -e "${GREEN}║ 后台运行: ║${NC}"
|
echo -e "${GREEN}║ 后台运行: ║${NC}"
|
||||||
echo -e "${GREEN}║ bash ~/mumuainovel-start.sh --bg ║${NC}"
|
echo -e "${GREEN}║ bash ~/mumulingsi-start.sh --bg ║${NC}"
|
||||||
echo -e "${GREEN}║ ║${NC}"
|
echo -e "${GREEN}║ ║${NC}"
|
||||||
echo -e "${GREEN}║ 停止后台: ║${NC}"
|
echo -e "${GREEN}║ 停止后台: ║${NC}"
|
||||||
echo -e "${GREEN}║ kill \$(cat ~/mumuainovel.pid) ║${NC}"
|
echo -e "${GREEN}║ kill \$(cat ~/mumulingsi.pid) ║${NC}"
|
||||||
echo -e "${GREEN}║ ║${NC}"
|
echo -e "${GREEN}║ ║${NC}"
|
||||||
echo -e "${GREEN}║ 查看日志: ║${NC}"
|
echo -e "${GREEN}║ 查看日志: ║${NC}"
|
||||||
echo -e "${GREEN}║ tail -f ~/mumuainovel/logs/app.log ║${NC}"
|
echo -e "${GREEN}║ tail -f ~/mumulingsi/logs/app.log ║${NC}"
|
||||||
echo -e "${GREEN}║ ║${NC}"
|
echo -e "${GREEN}║ ║${NC}"
|
||||||
echo -e "${GREEN}║ 🌐 访问: http://127.0.0.1:8000 ║${NC}"
|
echo -e "${GREEN}║ 🌐 访问: http://127.0.0.1:8000 ║${NC}"
|
||||||
echo -e "${GREEN}║ 🔑 账号: admin / admin123 ║${NC}"
|
echo -e "${GREEN}║ 🔑 账号: admin / admin123 ║${NC}"
|
||||||
|
|||||||
Reference in New Issue
Block a user