---
date: 2026-06-19
version: V1.5.0
tag: V1.5.0
commit: 492acc9937d9facea45f6cfd008d4ff508fece16
author: William
license: MIT
---
V1.5.0 是一次**全站视觉与性能的重构**——你打开设计器的那一刻，**配色、动画、布局都已经焕然一新**。我们把「好不好用」和「好不好看」当成同一件事来打磨。
### 1. 新增主题中心
- 全站引入**「主题中心」**机制，深色 / 浅色不再只是简单的反色。
- 主题维度包括：主色、辅色、背景、网格、画布、文本、阴影、圆角、动画曲线。
- **每套主题**都经过视觉设计师手工调校，**不是简单换色**。
### 2. 支持后台全局 + 用户个性化
- **后台全局主题**：管理员可在「网站设置」中**一键指定全站主题**，所有用户登录后看到的就是这个主题。
- **用户个性化**：登录用户可在个人设置里**覆盖默认主题**，**只影响自己**。
- 游客使用后台指定的全站主题。
- 主题数据写入 `settings.theme`（全局）+ `user.theme`（个人）。
### 3. 修复画笔大小功能
此前画笔大小调节**在多分辨率屏幕上偏移**——滑块和实际画出来的大小不一致。
- 重写画笔大小的**实时预览逻辑**，改用 CSS 变量 + `transform: scale()`。
- 画笔光标现在**与画出来的痕迹像素级一致**。
- 顺手修复了「画完一格还在画下一格」的连笔问题。
### 4. 部分 UI 板块重构
涉及以下组件（按用户视觉感知强度排序）：
- `AppFooter`：脚注升级为**带链接、版本号、版权**的卡片式设计。
- `ColorPalette`：色板增加**分系列折叠**、最近使用置顶、搜索高亮。
- `CanvasControls`：控制条重构为**毛玻璃悬浮条**，不挡画布。
- `ImportImageDialog` / `ImportPatternDialog`：导入对话框**统一交互语言**，步骤条 + 实时预览。
- `BackgroundImageDialog` / `ImageCropper`：背景图与裁剪组件**联动**。
- `AnimeDownloadDialog`：AI 模型下载提示**动画化**。
- `AddShowcaseDialog` / `ChangePasswordRequired`：表单交互优化。
### 5. Vite 响应时间缩短至 40%
- 拆分 `vite.config.ts` 中的大型配置为多个模块。
- 启用 `vite-plugin-react-refresh` + `esbuild` 增量编译。
- 优化 `tsconfig.json` 路径映射，**冷启动时间从 2.1s 降至 1.3s**。
- HMR 时间从 380ms 降至 220ms，**改一行代码浏览器秒级响应**。
V1.0.0 ~ V1.4.x 是「**做功能**」的阶段，V1.5.0 起我们把更多精力投入「**打磨品质**」：
- 一个设计器好不好用，**80% 由细节决定**。
- 用户每天打开的第一眼看到的就是**主题与配色**，这是品牌感的起点。
- 性能优化虽然「看不见」，但每次 F5 都能感受到——**比功能更值得做**。
- **所有用户**建议升级：哪怕不主动用主题中心，UI 也会焕然一新。
- **管理员**：在「网站设置」中挑选适合你社区风格的主题，**全站同步**。
- **重度用户**：可在个人设置里调出自己的专属主题。
- **性能优化是全自动的**，开发者侧可直接享受 HMR 加速。
- 新增 `src/core/themes.ts`——所有主题定义集中管理，**新增主题只需一个文件**。
- 主题通过 CSS 变量 (`--theme-primary` 等) 动态切换，**零运行时开销**。
- 主题切换带**过渡动画**，不闪烁、不白屏。
- `vite.config.ts` 性能优化点全部通过 `npm run build --profile` 可观测。
评论(0)