feat: 新增系统主题跟随、窗口遮罩和运行日志持久化

- 新增系统主题模式，支持跟随操作系统明暗主题 - 添加窗口背景遮罩组件，可调节透明度改善对比度 - 实现 Frpc 运行日志按日期持久化到 logs 目录 - 优化侧边栏收起时的系统资源显示样式 - 新增中英文界面的相关翻译文本 - 实现系统资源统计的共享复用，避免重复请求
2026-10-28 10:55:01 +08:00
parent 538b502c52
commit 135e465b16
13 changed files with 419 additions and 97 deletions
@@ -324,6 +324,10 @@ const toggleCollapsed = () => {
 - 不需要做持久化缓存，只需要在应用运行时生效即可
 - 应用运行时只有在第一次进入Frpc下载页面的时候采取请求GitHub，后面再切换回Frpc下载页面的时候，因为缓存了组件，所以不必再次获取GitHub，需要刷新的时候由用户手动点击刷新按钮

+#### 3.11 自定义背景
+
+外面的背景图片，增加一个自定义，由用户自己选择图片并设置为背景图片，自定义的图片需要保证下次打开软件仍然是这个背景，可以使用Antdv里面的上传组件，或者你有更好的方案可以替换也可以
+
 ### 4. 修改

 #### 4.1 项目名称修改
@@ -359,3 +363,12 @@ const toggleCollapsed = () => {
  - 迁移脚本需要考虑不同操作系统之间的差别
  - 或许可以考虑直接把之前的数据目录直接剪切到安装所在目录里面
  - 数据迁移之后需要保证功能和已配置的服务器、隧道可以正常启动
+
+#### 4.4 页面UI修改
+
+- 左侧导航栏里面的CPU和内存占用，在菜单栏折叠起来之后，要显示；目前是鼠标放上去之后才显示，需要改成在折叠之后的菜单栏里面显示，上面显示CPU占用，下面显示内存占用。具体表现为：CPU：换行显示百分比，换行，内存：换行显示百分比，换行，状态。也可以不要CPU：和内存：，只显示百分比，字体可以小一点，但是主要的是占用百分比
+- CPU和内存占用增加一个缓存，现在存在一个问题是仪表盘页面每次进入都会重新去获取CPU和内存占用，会有1-2s的等待仪表盘页面才显示CPU和内存占用，现在可以增加一个缓存，保持跟左侧菜单栏里面同步
+- 外观设置里面的背景图片，默认的背景颜色，使用ui-ux-pro-max重新设计一个，不要AI常用的渐变色，同时需要主题明暗主题下的不同
+  - 整体窗口增加一个适应明暗主题变化的一个遮罩，大小是整个窗口的大小，因为目前存在一点问题是有些背景图片的一部分区域的颜色跟顶部栏的操作图标过于接近，导致视觉效果不佳，我想增加一个遮罩来减少一部分影响，遮罩要随明暗主题有反差，确保顶部栏图标的视觉效果，而且遮罩的透明度需要在外观设置里面可以单独调节
+  - 明暗主题切换增加一个跟随系统
+- 运行日志持久化写入运行目录所在的logs目录里面