流量历史的峰值移到标题行，图表上不再压文字
This commit is contained in:
gentpan committed
1 parent
23e4a8b8e0
commit
3b3fd577da
5 files changed
+24
-18
No files matched your search
@@ -42,6 +42,7 @@
|
||||
|
||||
#### 样式
|
||||
|
||||
- 网络详情的流量历史：上传 / 下载峰值移到标题行（“60 秒峰值 ↑ … ↓ …”，箭头按上传绿、下载蓝着色），图表上不再压文字。
|
||||
- 设置并入主窗口：侧边栏新增“设置”分组（通用、菜单栏、辅助工具、关于）；网络设置（连接探测、公网 IP、IP 归属地数据库）放到“网络”页底部，风扇安全温度放到“温度与风扇”页底部，合盖运行电量下限放到“防休眠”页底部；弹窗齿轮、菜单栏右键“设置…”与 ⌘, 都打开主窗口的通用设置；不再有单独的设置窗口，已有偏好全部保留；导航较多时侧边栏可滚动。
|
||||
- 主窗口侧边栏的选中样式：左侧一条两端渐隐的细线，选中项有发光的蓝色光条，切换时带回弹地滑过去，右侧拖出渐淡的蓝色高亮；不再整块填蓝。
|
||||
- 仪表盘“快捷开关”改为开关样式：防休眠、合盖运行、散热模式各一行，右侧开关，下面一行小字说明当前状态。
|
||||
|
||||
@@ -63,23 +63,26 @@ private struct TrafficHistorySection: View {
|
||||
let upload = store.uploadHistory.elements
|
||||
let download = store.downloadHistory.elements
|
||||
|
||||
SectionCard(title: PopoverSection.networkHistory.title, trailing: { Text("最近 60 秒") }) {
|
||||
// 峰值放在标题行，图表上不压任何文字
|
||||
SectionCard(title: PopoverSection.networkHistory.title, trailing: {
|
||||
HStack(spacing: DS.Space.s1) {
|
||||
Text("60 秒峰值")
|
||||
peak("↑", upload, color: DS.NetworkPalette.upload)
|
||||
peak("↓", download, color: DS.NetworkPalette.download)
|
||||
}
|
||||
.monospacedDigit()
|
||||
}) {
|
||||
MirroredRateChart(upload: upload, download: download,
|
||||
height: isDetailPage ? DS.Size.chartHeight * 3 : DS.Size.chartHeight + DS.Space.s6)
|
||||
.overlay(alignment: .topLeading) {
|
||||
peakLabel("峰值 ↑", upload)
|
||||
}
|
||||
.overlay(alignment: .bottomLeading) {
|
||||
peakLabel("峰值 ↓", download)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private func peakLabel(_ prefix: String, _ values: [Double]) -> some View {
|
||||
Text(verbatim: "\(prefix) \(Format.menuBarRate(max(values.max() ?? 0, MirroredRateChart.floor)))")
|
||||
.dsFont(.xs)
|
||||
.monospacedDigit()
|
||||
.foregroundStyle(DS.Palette.textTertiary)
|
||||
private func peak(_ arrow: String, _ values: [Double], color: NSColor) -> some View {
|
||||
HStack(spacing: DS.Space.s1 / 2) {
|
||||
Text(verbatim: arrow).foregroundStyle(Color(nsColor: color)).fontWeight(.semibold)
|
||||
Text(verbatim: Format.menuBarRate(max(values.max() ?? 0, MirroredRateChart.floor)))
|
||||
.foregroundStyle(DS.Palette.textSecondary)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -46,10 +46,10 @@ Developed and tested on Apple Silicon. The interface is in Simplified Chinese.
|
||||
<!-- changelog:start -->
|
||||
<!-- Generated from CHANGELOG.md by Scripts/sync_changelog.py. Do not edit by hand. -->
|
||||
|
||||
Not released yet · **47** changes in development · [full changelog](CHANGELOG.md) (kept in Chinese)
|
||||
Not released yet · **48** changes in development · [full changelog](CHANGELOG.md) (kept in Chinese)
|
||||
|
||||
<details open>
|
||||
<summary><b>2026-09-13</b> · Unreleased · 30 added · 11 style · 6 fixed</summary>
|
||||
<summary><b>2026-09-13</b> · Unreleased · 30 added · 12 style · 6 fixed</summary>
|
||||
|
||||
**Added**
|
||||
|
||||
@@ -86,6 +86,7 @@ Not released yet · **47** changes in development · [full changelog](CHANGELOG.
|
||||
|
||||
**Style**
|
||||
|
||||
- 网络详情的流量历史：上传 / 下载峰值移到标题行（“60 秒峰值 ↑ … ↓ …”，箭头按上传绿、下载蓝着色），图表上不再压文字。
|
||||
- 设置并入主窗口：侧边栏新增“设置”分组（通用、菜单栏、辅助工具、关于）；网络设置（连接探测、公网 IP、IP 归属地数据库）放到“网络”页底部，风扇安全温度放到“温度与风扇”页底部，合盖运行电量下限放到“防休眠”页底部；弹窗齿轮、菜单栏右键“设置…”与 ⌘, 都打开主窗口的通用设置；不再有单独的设置窗口，已有偏好全部保留；导航较多时侧边栏可滚动。
|
||||
- 主窗口侧边栏的选中样式：左侧一条两端渐隐的细线，选中项有发光的蓝色光条，切换时带回弹地滑过去，右侧拖出渐淡的蓝色高亮；不再整块填蓝。
|
||||
- 仪表盘“快捷开关”改为开关样式：防休眠、合盖运行、散热模式各一行，右侧开关，下面一行小字说明当前状态。
|
||||
|
||||
+3
-2
@@ -44,10 +44,10 @@ OpenStats 还没有发布正式版本。第一个版本会在 [Releases](https:/
|
||||
<!-- changelog:start -->
|
||||
<!-- 由 Scripts/sync_changelog.py 从 CHANGELOG.md 生成，请勿手改。 -->
|
||||
|
||||
尚未发布正式版本 · 开发中 **47** 项改动尚未发布 · [完整更新日志](CHANGELOG.md)
|
||||
尚未发布正式版本 · 开发中 **48** 项改动尚未发布 · [完整更新日志](CHANGELOG.md)
|
||||
|
||||
<details open>
|
||||
<summary><b>2026-09-13</b> · 未发布 · 新增 30 · 样式 11 · 修复 6</summary>
|
||||
<summary><b>2026-09-13</b> · 未发布 · 新增 30 · 样式 12 · 修复 6</summary>
|
||||
|
||||
**新增**
|
||||
|
||||
@@ -84,6 +84,7 @@ OpenStats 还没有发布正式版本。第一个版本会在 [Releases](https:/
|
||||
|
||||
**样式**
|
||||
|
||||
- 网络详情的流量历史：上传 / 下载峰值移到标题行（“60 秒峰值 ↑ … ↓ …”，箭头按上传绿、下载蓝着色），图表上不再压文字。
|
||||
- 设置并入主窗口：侧边栏新增“设置”分组（通用、菜单栏、辅助工具、关于）；网络设置（连接探测、公网 IP、IP 归属地数据库）放到“网络”页底部，风扇安全温度放到“温度与风扇”页底部，合盖运行电量下限放到“防休眠”页底部；弹窗齿轮、菜单栏右键“设置…”与 ⌘, 都打开主窗口的通用设置；不再有单独的设置窗口，已有偏好全部保留；导航较多时侧边栏可滚动。
|
||||
- 主窗口侧边栏的选中样式：左侧一条两端渐隐的细线，选中项有发光的蓝色光条，切换时带回弹地滑过去，右侧拖出渐淡的蓝色高亮；不再整块填蓝。
|
||||
- 仪表盘“快捷开关”改为开关样式：防休眠、合盖运行、散热模式各一行，右侧开关，下面一行小字说明当前状态。
|
||||
|
||||
+2
-2
@@ -348,7 +348,7 @@
|
||||
<div class="log">
|
||||
<article class="log__day">
|
||||
<div class="log__head"><time datetime="2026-09-13">2026-09-13</time><span class="log__tag">未发布</span></div>
|
||||
<p class="log__counts">新增 30 · 样式 11 · 修复 6</p>
|
||||
<p class="log__counts">新增 30 · 样式 12 · 修复 6</p>
|
||||
<ul class="log__list">
|
||||
<li><span class="log__kind">新增</span>菜单栏显示 CPU、GPU、内存、网速、CPU 温度和风扇转速。</li>
|
||||
<li><span class="log__kind">新增</span>菜单栏风格：双行文字、单行文字、图标、圆环、饼图、柱状历史、电量条、状态圆点八种，整体选择一种统一套用，也可以给个别指标单独指定。设置里每种风格都有用示例数据画出的预览和说明，柱状历史注明是最近 10 次采样的变化。</li>
|
||||
@@ -359,7 +359,7 @@
|
||||
<li><span class="log__kind">新增</span>网络详情：上下镜像的流量历史；连接探测格子（每 1 / 2 / 5 秒 ping 一次 Cloudflare、Google、阿里云、腾讯或路由器，显示延迟、抖动、丢包）；接口、物理地址、Wi-Fi 信号与速率、VPN / 代理；本地 IPv4 / IPv6、路由器、公网 IPv4 / IPv6，点击即可拷贝；归属地显示 SVG 国旗、城市、ASN 与网络运营方；各进程上传下载速率。</li>
|
||||
<li><span class="log__kind">新增</span>DNS：显示正在使用的 DNS 与配置方式，一键刷新 DNS 缓存，一键切换为自动、Cloudflare、Google、腾讯 DNSPod、阿里云，或手动填写地址（逐个校验为 IPv4 / IPv6）。流量经过 VPN / 代理时提示 DNS 可能被接管。</li>
|
||||
</ul>
|
||||
<a class="log__more" href="https://github.com/gentpan/OpenStats/blob/main/CHANGELOG.md">还有 39 项 →</a>
|
||||
<a class="log__more" href="https://github.com/gentpan/OpenStats/blob/main/CHANGELOG.md">还有 40 项 →</a>
|
||||
</article>
|
||||
</div>
|
||||
<!-- changelog:end -->
|
||||
|
||||
Reference in new issue
Block a user