feat: add page transition mode and duration options

backend/tauri/src/config/verge.rs

@@ -29,6 +29,9 @@ pub struct IVerge {
     /// show memory info (only for Clash Meta)
     pub enable_memory_usage: Option<bool>,
 
+    /// page transition animation, default is `slide`
+    pub page_transition_animation: Option<String>,
+
     /// clash tun mode
     pub enable_tun_mode: Option<bool>,
 
@@ -108,6 +111,8 @@ pub struct IVergeTheme {
 
     pub font_family: Option<String>,
     pub css_injection: Option<String>,
+
+    pub page_transition_duration: Option<f64>,
 }
 
 impl IVerge {
@@ -145,6 +150,7 @@ impl IVerge {
             auto_close_connection: Some(true),
             enable_builtin_enhanced: Some(true),
             enable_clash_fields: Some(true),
+            page_transition_animation: Some("slide".into()),
             ..Self::default()
         }
     }
@@ -171,6 +177,7 @@ impl IVerge {
         patch!(theme_blur);
         patch!(traffic_graph);
         patch!(enable_memory_usage);
+        patch!(page_transition_animation);
 
         patch!(enable_tun_mode);
         patch!(enable_service_mode);

package.json

@@ -50,6 +50,7 @@
     "ahooks": "^3.7.2",
     "axios": "^1.1.3",
     "dayjs": "1.11.5",
+    "framer-motion": "10.16.12",
     "i18next": "^22.0.4",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.34.1",
@@ -117,7 +118,7 @@
     "stylelint-order": "6.0.3",
     "stylelint-scss": "5.3.1",
     "tsx": "4.5.0",
-    "typescript": "^4.7.4",
+    "typescript": "^5.3.2",
     "vite": "^4.5.0",
     "vite-plugin-monaco-editor": "^1.1.0",
     "vite-plugin-svgr": "^4.1.0"