feat: SSH page background (#775)

lib/view/page/ssh/page/page.dart

@@ -1,5 +1,7 @@
 import 'dart:async';
 import 'dart:convert';
+import 'dart:io';
+import 'dart:ui';
 
 import 'package:dartssh2/dartssh2.dart';
 import 'package:fl_lib/fl_lib.dart';
@@ -144,6 +146,8 @@ class SSHPageState extends State<SSHPage> with AutomaticKeepAliveClientMixin, Af
   @override
   Widget build(BuildContext context) {
     super.build(context);
+    final bgImage = Stores.setting.sshBgImage.fetch();
+    final hasBg = bgImage.isNotEmpty;
     Widget child = PopScope(
       canPop: false,
       onPopInvokedWithResult: (didPop, _) {
@@ -156,7 +160,7 @@ class SSHPageState extends State<SSHPage> with AutomaticKeepAliveClientMixin, Af
           actions: [_buildCopyBtn, _buildKillBtn],
           centerTitle: false,
         ),
-        backgroundColor: _terminalTheme.background,
+        backgroundColor: hasBg ? Colors.transparent : _terminalTheme.background,
         body: _buildBody(),
         bottomNavigationBar: isDesktop ? null : _buildBottom(),
       ),
@@ -173,14 +177,38 @@ class SSHPageState extends State<SSHPage> with AutomaticKeepAliveClientMixin, Af
 
   Widget _buildBody() {
     final letterCache = Stores.setting.letterCache.fetch();
-    return SizedBox(
-      height: _media.size.height - _virtKeysHeight - _media.padding.bottom - _media.padding.top,
-      child: Padding(
-        padding: EdgeInsets.only(
-          // top: widget.args.notFromTab ? CustomAppBar.sysStatusBarHeight : 0,
-          left: _horizonPadding,
-          right: _horizonPadding,
+    final bgImage = Stores.setting.sshBgImage.fetch();
+    final opacity = Stores.setting.sshBgOpacity.fetch();
+    final blur = Stores.setting.sshBlurRadius.fetch();
+    final file = File(bgImage);
+    final hasBg = bgImage.isNotEmpty && file.existsSync();
+    final theme = hasBg ? _terminalTheme.copyWith(background: Colors.transparent) : _terminalTheme;
+    final children = <Widget>[];
+    if (hasBg) {
+      children.add(
+        Positioned.fill(
+          child: Image.file(file, fit: BoxFit.cover, errorBuilder: (_, __, ___) => const SizedBox()),
         ),
+      );
+      if (blur > 0) {
+        children.add(
+          Positioned.fill(
+            child: BackdropFilter(
+              filter: ImageFilter.blur(sigmaX: blur, sigmaY: blur),
+              child: const SizedBox(),
+            ),
+          ),
+        );
+      }
+      children.add(
+        Positioned.fill(
+          child: ColoredBox(color: _terminalTheme.background.withValues(alpha: opacity)),
+        ),
+      );
+    }
+    children.add(
+      Padding(
+        padding: EdgeInsets.only(left: _horizonPadding, right: _horizonPadding),
         child: TerminalView(
           _terminal,
           key: _termKey,
@@ -188,7 +216,8 @@ class SSHPageState extends State<SSHPage> with AutomaticKeepAliveClientMixin, Af
           keyboardType: TextInputType.text,
           enableSuggestions: letterCache,
           textStyle: _terminalStyle,
-          theme: _terminalTheme,
+          backgroundOpacity: 0,
+          theme: theme,
           deleteDetection: isMobile,
           autofocus: false,
           keyboardAppearance: _isDark ? Brightness.dark : Brightness.light,
@@ -199,24 +228,27 @@ class SSHPageState extends State<SSHPage> with AutomaticKeepAliveClientMixin, Af
         ),
       ),
     );
+
+    return SizedBox(
+      height: _media.size.height - _virtKeysHeight - _media.padding.bottom - _media.padding.top,
+      child: Stack(children: children),
+    );
   }
 
   Widget _buildBottom() {
-    return SafeArea(
-      child: AnimatedPadding(
-        padding: _media.viewInsets,
-        duration: const Duration(milliseconds: 23),
-        curve: Curves.fastOutSlowIn,
-        child: Container(
-          color: _terminalTheme.background,
-          height: _virtKeysHeight,
-          child: ChangeNotifierProvider(
-            create: (_) => _keyboard,
-            builder: (_, __) => Consumer<VirtKeyProvider>(
-              builder: (_, __, ___) {
-                return _buildVirtualKey();
-              },
-            ),
+    return AnimatedPadding(
+      padding: _media.viewInsets,
+      duration: const Duration(milliseconds: 23),
+      curve: Curves.fastOutSlowIn,
+      child: Container(
+        color: _terminalTheme.background,
+        height: _virtKeysHeight + _media.padding.bottom,
+        child: ChangeNotifierProvider(
+          create: (_) => _keyboard,
+          builder: (_, __) => Consumer<VirtKeyProvider>(
+            builder: (_, __, ___) {
+              return _buildVirtualKey();
+            },
           ),
         ),
       ),