Jokul
110032f3c9
新建 package/components/NetCommon.qml 聚合公共颜色定义（主题感知色 +强调色）和工具函数（isPhysicalIf/formatSpeed/formatTotal/downloadValueColor）。 networkview.qml、NetworkPopup.qml、TrafficChartWindow.qml 删除各自 的重复定义改为引用 common.xxx，净删除91行重复代码。downloadValueColor 由属性绑定改为函数（调用方传速度值）。视觉行为零变化。
83 lines
4.6 KiB
QML
83 lines
4.6 KiB
QML
// SPDX-FileCopyrightText: 2026 Jokul
|
|
//
|
|
// SPDX-License-Identifier: LGPL-3.0-or-later
|
|
|
|
// 网络监控插件的公共颜色与格式化函数
|
|
// 消除 networkview.qml 与 NetworkPopup.qml、TrafficChartWindow.qml 之间的重复定义：
|
|
// 以下颜色与函数此前在各组件内各持一份拷贝，改一处需同步多处；
|
|
// 现集中到本文件，各组件实例化 NetCommon { id: common } 后统一经 common.xxx 访问
|
|
// 设计原因：
|
|
// - 颜色统一派生自 DTK 系统调色板（windowText），跟随系统深浅主题自动适配。
|
|
// 不采用 DockPalette.iconTextPalette：实测其不随系统深色主题变化，
|
|
// 深色模式下返回深色文字（黑底黑字）、浅色模式下返回浅色文字（白底白字），方向相反；
|
|
// DTK.palette.windowText 则与面板/弹窗背景同步。主题切换时 DTK.paletteChanged
|
|
// 自动触发属性绑定重新求值（QtObject 内绑定 DTK.palette 与 Item 内行为一致，已实测验证）
|
|
// - 函数与颜色分离：downloadValueColor 依赖调用方的速度值，提取为函数由调用方传入，
|
|
// 消除对组件上下文的依赖；sortedInterfaces 依赖各组件自身的接口列表，仍留在各组件内
|
|
import QtQuick 2.15
|
|
import org.deepin.dtk 1.0
|
|
|
|
QtObject {
|
|
// ---- 主题感知颜色（派生自 DTK 系统调色板）----
|
|
// baseTextColor 为中间基准色，以下各级文字/卡片颜色均由它加透明度派生
|
|
readonly property color baseTextColor: DTK.palette.windowText
|
|
readonly property color primaryText: Qt.rgba(baseTextColor.r, baseTextColor.g, baseTextColor.b, 0.95)
|
|
readonly property color secondaryText: Qt.rgba(baseTextColor.r, baseTextColor.g, baseTextColor.b, 0.80)
|
|
readonly property color tertiaryText: Qt.rgba(baseTextColor.r, baseTextColor.g, baseTextColor.b, 0.65)
|
|
readonly property color cardBackground: Qt.rgba(baseTextColor.r, baseTextColor.g, baseTextColor.b, 0.06)
|
|
readonly property color cardBorder: Qt.rgba(baseTextColor.r, baseTextColor.g, baseTextColor.b, 0.10)
|
|
|
|
// ---- 强调色：下载蓝、上传绿，是面板与任务栏的主视觉区分 ----
|
|
readonly property color accentBlue: Qt.rgba(20 / 255, 80 / 255, 160 / 255, 1)
|
|
readonly property color accentBlueLight: Qt.rgba(20 / 255, 80 / 255, 160 / 255, 0.12)
|
|
readonly property color accentGreen: Qt.rgba(22 / 255, 163 / 255, 74 / 255, 1)
|
|
readonly property color accentGreenLight: Qt.rgba(22 / 255, 163 / 255, 74 / 255, 0.12)
|
|
|
|
// ---- 高速警示色：下载速度超过阈值时由蓝转橙再转红 ----
|
|
readonly property color accentOrange: Qt.rgba(245 / 255, 158 / 255, 11 / 255, 1)
|
|
readonly property color accentRed: Qt.rgba(220 / 255, 38 / 255, 38 / 255, 1)
|
|
|
|
// 下载值颜色：保留原有阈值逻辑（>10MB/s 红、>1MB/s 橙、否则蓝），仅作用于下载值
|
|
// 原为各组件内的属性绑定（依赖组件自身的 downloadSpeed），提取为公共函数后
|
|
// 由调用方传入速度值；在绑定表达式中调用时，绑定仍随速度变化自动重算，行为不变
|
|
function downloadValueColor(downloadSpeed) {
|
|
if (downloadSpeed > 10 * 1024 * 1024) return accentRed
|
|
if (downloadSpeed > 1 * 1024 * 1024) return accentOrange
|
|
return accentBlue
|
|
}
|
|
|
|
// 上传值颜色：固定绿色，不做高速警示
|
|
readonly property color uploadValueColor: accentGreen
|
|
|
|
// 判断是否为物理网卡（QML 侧排序用，与 C++ isPhysicalInterface 逻辑一致）
|
|
function isPhysicalIf(name) {
|
|
return name.startsWith("wlp") || name.startsWith("wlan")
|
|
|| name.startsWith("enp") || name.startsWith("eth")
|
|
}
|
|
|
|
// 格式化速度显示（带单位，用于弹出面板，信息更完整）
|
|
// 最小单位为 KB，与 networkview.qml 的 formatSpeedShort 保持一致；所有级别保留 2 位小数
|
|
function formatSpeed(bytesPerSec) {
|
|
if (bytesPerSec < 1024 * 1024) {
|
|
return (bytesPerSec / 1024).toFixed(2) + " KB/s"
|
|
} else if (bytesPerSec < 1024 * 1024 * 1024) {
|
|
return (bytesPerSec / (1024 * 1024)).toFixed(2) + " MB/s"
|
|
} else {
|
|
return (bytesPerSec / (1024 * 1024 * 1024)).toFixed(2) + " GB/s"
|
|
}
|
|
}
|
|
|
|
// 格式化总量显示（用于弹出面板的累计统计）
|
|
function formatTotal(bytes) {
|
|
if (bytes < 1024) {
|
|
return bytes.toFixed(0) + " B"
|
|
} else if (bytes < 1024 * 1024) {
|
|
return (bytes / 1024).toFixed(1) + " KB"
|
|
} else if (bytes < 1024 * 1024 * 1024) {
|
|
return (bytes / (1024 * 1024)).toFixed(1) + " MB"
|
|
} else {
|
|
return (bytes / (1024 * 1024 * 1024)).toFixed(2) + " GB"
|
|
}
|
|
}
|
|
}
|