From 9681f77e203940bf1a40e5c8a229980d695c82d3 Mon Sep 17 00:00:00 2001
From: Memory <134070804+Memory2314@users.noreply.github.com>
Date: Tue, 30 Sep 2025 00:05:32 +0800
Subject: [PATCH] feat: connection card pure number display

---
 src/main/utils/template.ts                           |  1 +
 .../src/components/settings/general-config.tsx       | 12 +++++++++++-
 src/renderer/src/components/sider/conn-card.tsx      | 10 ++++++----
 src/renderer/src/locales/en-US.json                  |  1 +
 src/renderer/src/locales/zh-CN.json                  |  1 +
 src/shared/types.d.ts                                |  1 +
 6 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/main/utils/template.ts b/src/main/utils/template.ts
index 9e5156f..6e50d55 100644
--- a/src/main/utils/template.ts
+++ b/src/main/utils/template.ts
@@ -26,6 +26,7 @@ export const defaultConfig: IAppConfig = {
   floatingWindowCompatMode: true,
   disableHardwareAcceleration: false,
   disableLoopbackDetector: false,
+  hideConnectionCardWave: false,
   disableEmbedCA: false,
   disableSystemCA: false,
   skipSafePathCheck: false,
diff --git a/src/renderer/src/components/settings/general-config.tsx b/src/renderer/src/components/settings/general-config.tsx
index 252dabc..fa1df54 100644
--- a/src/renderer/src/components/settings/general-config.tsx
+++ b/src/renderer/src/components/settings/general-config.tsx
@@ -64,7 +64,8 @@ const GeneralConfig: React.FC = () => {
     autoCheckUpdate,
     appTheme = 'system',
     language = 'zh-CN',
-    triggerMainWindowBehavior = 'show' // 添加这一行
+    triggerMainWindowBehavior = 'show',
+    hideConnectionCardWave = false
   } = appConfig || {}
 
   useEffect(() => {
@@ -412,6 +413,15 @@ const GeneralConfig: React.FC = () => {
             <Tab key="toggle" title={t('settings.triggerMainWindowBehaviorToggle')} />
           </Tabs>
         </SettingItem>
+        <SettingItem title={t('settings.hideConnectionCardWave')} divider>
+          <Switch
+            size="sm"
+            isSelected={hideConnectionCardWave}
+            onValueChange={async (v) => {
+              await patchAppConfig({ hideConnectionCardWave: v })
+            }}
+          />
+        </SettingItem>
         <SettingItem
           title={t('settings.disableHardwareAcceleration')}
           actions={
diff --git a/src/renderer/src/components/sider/conn-card.tsx b/src/renderer/src/components/sider/conn-card.tsx
index c74d07c..2125b03 100644
--- a/src/renderer/src/components/sider/conn-card.tsx
+++ b/src/renderer/src/components/sider/conn-card.tsx
@@ -36,7 +36,7 @@ interface Props {
 const ConnCard: React.FC<Props> = (props) => {
   const { iconOnly } = props
   const { appConfig } = useAppConfig()
-  const { showTraffic = false, connectionCardStatus = 'col-span-2', disableAnimations = false } = appConfig || {}
+  const { showTraffic = false, connectionCardStatus = 'col-span-2', disableAnimations = false, hideConnectionCardWave = false } = appConfig || {}
   const location = useLocation()
   const navigate = useNavigate()
   const match = location.pathname.includes('/connections')
@@ -224,9 +224,11 @@ const ConnCard: React.FC<Props> = (props) => {
               </h3>
             </CardFooter>
           </Card>
-          <div className="w-full h-full absolute top-0 left-0 pointer-events-none overflow-hidden rounded-[14px]">
-            <Line data={chartData} options={chartOptions} />
-          </div>
+          {!hideConnectionCardWave && (
+            <div className="w-full h-full absolute top-0 left-0 pointer-events-none overflow-hidden rounded-[14px]">
+              <Line data={chartData} options={chartOptions} />
+            </div>
+          )}
         </>
       ) : (
         <Card
diff --git a/src/renderer/src/locales/en-US.json b/src/renderer/src/locales/en-US.json
index 03808e8..3be2326 100644
--- a/src/renderer/src/locales/en-US.json
+++ b/src/renderer/src/locales/en-US.json
@@ -69,6 +69,7 @@
   "settings.disableAnimations": "Disable Animation Effects",
   "settings.showTraffic_windows": "Show Network Speed in Taskbar",
   "settings.showTraffic_mac": "Show Network Speed in Status Bar",
+  "settings.hideConnectionCardWave": "Connection Card Pure Number Display",
   "settings.showDockIcon": "Show Dock Icon",
   "settings.useWindowFrame": "Use System Title Bar",
   "settings.triggerMainWindowBehavior": "Window Trigger Behavior",
diff --git a/src/renderer/src/locales/zh-CN.json b/src/renderer/src/locales/zh-CN.json
index 081fc0c..2af7aaa 100644
--- a/src/renderer/src/locales/zh-CN.json
+++ b/src/renderer/src/locales/zh-CN.json
@@ -69,6 +69,7 @@
   "settings.disableAnimations": "禁用动画效果",
   "settings.showTraffic_windows": "在任务栏显示网速",
   "settings.showTraffic_mac": "在状态栏显示网速",
+  "settings.hideConnectionCardWave": "连接卡片纯数字显示",
   "settings.showDockIcon": "显示 Dock 图标",
   "settings.useWindowFrame": "使用系统标题栏",
   "settings.triggerMainWindowBehavior": "窗口触发行为",
diff --git a/src/shared/types.d.ts b/src/shared/types.d.ts
index 2bda9eb..621604c 100644
--- a/src/shared/types.d.ts
+++ b/src/shared/types.d.ts
@@ -242,6 +242,7 @@ interface IAppConfig {
   connectionCardStatus?: CardStatus
   dnsCardStatus?: CardStatus
   logCardStatus?: CardStatus
+  hideConnectionCardWave?: boolean
   pauseSSID?: string[]
   mihomoCoreCardStatus?: CardStatus
   overrideCardStatus?: CardStatus