feat: connection card pure number display

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,

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={

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]">
+          {!hideConnectionCardWave && (
-            <Line data={chartData} options={chartOptions} />
+            <div className="w-full h-full absolute top-0 left-0 pointer-events-none overflow-hidden rounded-[14px]">
-          </div>
+              <Line data={chartData} options={chartOptions} />
+            </div>
+          )}
         </>
       ) : (
         <Card

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",

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": "窗口触发行为",

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